Class: Panel

Panel

A panel components - UX/COE Compliant



DEMO

Constructor

new Panel()

Source:

Members

(static) observedAttributes

Set observable values here. When Changed, attributeChangedCallback is invoked
Source:

Methods

(static) test()

FOR TESTING PURPOSES
Source:

_fetchAttributes(author, version, collapsibleopt, widthopt, heightopt, backgroundopt)

Component attributes are _fetched and defaults are set if undefined
Parameters:
Name Type Attributes Default Description
author string component owner
version string Latest version of this component
collapsible boolean <optional>
 false if panel can be collapsed
width string <optional>
 100% panel width
height string <optional>
 100% body height
background string <optional>
 #FFF body color
Source:

_fetchElements()

Stores DOM elements of interest for future use
Source:

_finalize()

SAVE DATA FOR ANALYTICS
Source:

_onClick()

A sample callback usage function - see connectedCallback()
Source:

attributeChangedCallback()

Called with .setAttribute(...) function call
Source:

close()

Closes a open panel
Source:

connectedCallback()

This function is called when this is attached to DOM
Source:

destroy()

Destroy the instance object and artifacts
Source:

disconnectedCallback()

Invoked When component is removed. Usually with a .remove() function call
Source:

disconnectedCallback()

Invoked When component is removed. Usually with a .remove() function call
Source:

open()

Opens a given panel
Source: