@shoper/phoenix_design_system 0.11.0 → 0.11.1

package/build/cjs/packages/phoenix/src/components/accordion/accordion.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var context_provider_controller = require('../../core/context/context_provider_controller.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var subject = require('../../core/classes/subject/subject.js');
+var accordion_constants = require('./accordion_constants.js');
+
+exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this._accordionSubject = new subject.Subject();
+        this._accordionContext = new context_provider_controller.ContextProviderController(this);
+        this._accordionContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
+    }
+    enable() {
+        this.disabled = false;
+    }
+    disable() {
+        this.disabled = true;
+    }
+    updated() {
+        this.notify();
+    }
+    notify() {
+        this._accordionSubject.notify(this._getProps());
+    }
+    _getProps() {
+        return {
+            disabled: this.disabled
+        };
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HAccordion.prototype, "disabled", void 0);
+exports.HAccordion = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-accordion'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HAccordion);
+//# sourceMappingURL=accordion.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ACCORDION_EVENTS = {
+    toggle: 'toggle'
+};
+const ACCORDION_CONTEXTS = {
+    accordionProps: 'accordionPropsSubject',
+    accordionGroupProps: 'accordionGroupPropsSubject'
+};
+
+exports.ACCORDION_CONTEXTS = ACCORDION_CONTEXTS;
+exports.ACCORDION_EVENTS = ACCORDION_EVENTS;
+//# sourceMappingURL=accordion_constants.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var observer = require('../../core/classes/observer/observer.js');
+var accordion_constants = require('./accordion_constants.js');
+var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
+
+exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.transitionName = 'accordion-toggle';
+        this._expand = () => {
+            this._setHeight(this._originalHeight);
+        };
+        this._collapse = () => {
+            this._setHeight('0px');
+        };
+        this.setAttribute('role', 'region');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
+        this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
+        this._setStylingOptions();
+        this._subscribeObserver();
+    }
+    _setStylingOptions() {
+        this._originalHeight = `${this.getBoundingClientRect().height}px`;
+        this.style.height = this._originalHeight;
+    }
+    _subscribeObserver() {
+        this._accordionGroupProps = this._contextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
+        this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => {
+            this._setAttributes(accordionProps);
+            accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
+        });
+        this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
+    }
+    _setHeight(height) {
+        this.style.height = height;
+    }
+    _setAttributes({ regionId, controlsId }) {
+        this.setAttribute('id', controlsId);
+        this.setAttribute('labelledby', regionId);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HAccordionContent.prototype, "transitionName", void 0);
+exports.HAccordionContent = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-accordion-content'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HAccordionContent);
+//# sourceMappingURL=accordion_content.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var context_provider_controller = require('../../core/context/context_provider_controller.js');
+var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var observer = require('../../core/classes/observer/observer.js');
+var subject = require('../../core/classes/subject/subject.js');
+var accordion_constants = require('./accordion_constants.js');
+
+exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.opened = false;
+        this._isDisabled = false;
+        this._regionId = self.crypto.randomUUID();
+        this._controlsId = self.crypto.randomUUID();
+        this._accordionToggle = () => {
+            this.toggle();
+        };
+        this._accordionGroupPropsSubject = new subject.Subject();
+        this._accordionGroupContext = new context_provider_controller.ContextProviderController(this);
+        this._accordionGroupContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._accordionContextConsumer = new context_consumer_controller.ContextConsumerController(this);
+        this._subscribeObserver();
+        this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
+    }
+    _subscribeObserver() {
+        this._accordionProps = this._accordionContextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionProps);
+        this._accordionPropsObserver = new observer.Observer((accordionProps) => {
+            const hasAccordionBeenDisabled = accordionProps.disabled;
+            if (hasAccordionBeenDisabled) {
+                this.disable();
+                return;
+            }
+            const hasAccordionBeenEnabled = accordionProps.disabled === false;
+            if (hasAccordionBeenEnabled) {
+                this.enable();
+                return;
+            }
+        });
+        this._accordionProps.subscribe(this._accordionPropsObserver);
+    }
+    disconnectedCallback() {
+        this._accordionProps.unsubscribe(this._accordionPropsObserver);
+        this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
+    }
+    show() {
+        this.opened = true;
+    }
+    hide() {
+        this.opened = false;
+    }
+    toggle() {
+        this.opened = !this.opened;
+    }
+    enable() {
+        if (this._isDisabled) {
+            this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
+            this.hide();
+            this._isDisabled = false;
+        }
+    }
+    disable() {
+        if (!this._isDisabled) {
+            this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
+            this.show();
+            this._isDisabled = true;
+        }
+    }
+    notify() {
+        this._accordionGroupPropsSubject.notify(this._getProps());
+    }
+    updated(_changedProperties) {
+        if (_changedProperties.has('opened') ||
+            _changedProperties.has('_isDisabled') ||
+            _changedProperties.has('_regionId') ||
+            _changedProperties.has('_controlsId')) {
+            this.notify();
+        }
+    }
+    _getProps() {
+        return {
+            opened: this.opened,
+            disabled: this._isDisabled,
+            regionId: this._regionId,
+            controlsId: this._controlsId
+        };
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HAccordionGroup.prototype, "opened", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HAccordionGroup.prototype, "_isDisabled", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HAccordionGroup.prototype, "_regionId", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HAccordionGroup.prototype, "_controlsId", void 0);
+exports.HAccordionGroup = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-accordion-group'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HAccordionGroup);
+//# sourceMappingURL=accordion_group.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var observer = require('../../core/classes/observer/observer.js');
+var accordion_constants = require('./accordion_constants.js');
+var btn_controller = require('../../controllers/btn_controller.js');
+
+exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._emitTogglerClicked = () => {
+            const togglerClickedEvent = new CustomEvent(accordion_constants.ACCORDION_EVENTS.toggle, {
+                bubbles: true
+            });
+            this.dispatchEvent(togglerClickedEvent);
+        };
+        this._btnController = new btn_controller.BtnController(this, this._emitTogglerClicked);
+        this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._accordionGroupProps = this._contextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
+        this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
+        this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
+        this.addEventListener('click', this._emitTogglerClicked);
+    }
+    _setAttributes({ regionId, opened, controlsId, disabled }) {
+        this.setAttribute('id', regionId);
+        this.setAttribute('aria-expanded', opened ? 'true' : 'false');
+        this.setAttribute('aria-controls', controlsId);
+        this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
+    }
+    disconnectedCallback() {
+        this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
+    }
+};
+exports.HAccordionToggler = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-accordion-toggler'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HAccordionToggler);
+//# sourceMappingURL=accordion_toggler.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.js

@@ -41,11 +41,11 @@ exports.HCheckbox = class HCheckbox extends phoenix_light_lit_element.PhoenixLig
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HCheckbox.prototype, "id", void 0);
+], exports.HCheckbox.prototype, "controlId", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HCheckbox.prototype, "name", void 0);
+], exports.HCheckbox.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var lit = require('lit');
+var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
@@ -24,7 +25,7 @@ exports.HCheckboxContent = class HCheckboxContent extends phoenix_light_lit_elem
     render() {
         super.render();
         return lit.html `
-            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.id}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
 
             ${this.hasSlot(checkbox_constants.CHECKBOX_SLOTS.description)
             ? lit.html ` <div class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDescription}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.description)}</div> `
@@ -32,6 +33,10 @@ exports.HCheckboxContent = class HCheckboxContent extends phoenix_light_lit_elem
         `;
     }
 };
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckboxContent.prototype, "controlId", void 0);
 exports.HCheckboxContent = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-checkbox-content'),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js

@@ -43,8 +43,8 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
             <input
                 type="checkbox"
                 class="${checkboxInputClasses}"
-                id="${this.id}"
-                name="${this.name}"
+                id="${this.controlId}"
+                name="${this.controlName}"
                 value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
@@ -61,11 +61,11 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HCheckboxControl.prototype, "id", void 0);
+], exports.HCheckboxControl.prototype, "controlId", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HCheckboxControl.prototype, "name", void 0);
+], exports.HCheckboxControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)

package/build/cjs/packages/phoenix/src/components/form/control/control_content.js

@@ -15,7 +15,7 @@ exports.HControlContent = class HControlContent extends phoenix_light_lit_elemen
     }
     connectedCallback() {
         super.connectedCallback();
-        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.control);
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.controlContent);
     }
 };
 tslib_es6.__decorate([

package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_constants.js

@@ -12,7 +12,8 @@ const BASE_FORM_CONTROL_PROPS = {
     readonly: 'readonly',
     controlId: 'controlId',
     controlName: 'controlName',
-    value: 'value'
+    value: 'value',
+    type: 'type'
 };
 
 exports.BASE_FORM_CONTROL_PROPS = BASE_FORM_CONTROL_PROPS;

package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input.js

@@ -19,6 +19,7 @@ exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitE
         this.hidden = false;
         this.readonly = false;
         this.error = false;
+        this.type = input_constants.INPUT_CONTROL_TYPES.text;
         new control_props_sync_provider_controller.ControlPropsSyncProviderController({
             host: this
         });
@@ -71,6 +72,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HInput.prototype, "error", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInput.prototype, "type", void 0);
 exports.HInput = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-input'),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_control.js

@@ -34,6 +34,10 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
             host: this
         });
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputControl);
+    }
     render() {
         super.render();
         return lit.html `
@@ -42,7 +46,6 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
                 name="${this.controlName}"
                 type="${this.type}"
                 value="${this.value}"
-                class="${input_constants.INPUT_CONTROL_CSS_CLASSES.inputControl}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"

package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js

@@ -18,9 +18,8 @@ exports.HInputIcon = HInputIcon_1 = class HInputIcon extends phoenix_light_lit_e
     render() {
         super.render();
         return lit.html `
-            <svg class='${input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon}'>
-                <use xlink:href='${HInputIcon_1.src}${this.iconName}'
-                </use>
+            <svg class="${input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon}">
+                <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
             </svg>
         `;
     }

package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_controller.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('lit');
+var transition_controller_constants = require('./transition_controller_constants.js');
+
+class TransitionController {
+    constructor(host, transitionName) {
+        (this.host = host).addController(this);
+        this._transitionName = transitionName;
+    }
+    hostConnected() {
+        this._transitionDuration = parseFloat(getComputedStyle(this.host).transitionDuration) * 1000;
+    }
+    hostDisconnected() { }
+    show(callback) {
+        this.host.hidden = false;
+        this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
+        requestAnimationFrame(() => {
+            this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
+            if (typeof callback === 'function')
+                callback();
+        });
+    }
+    hide(callback) {
+        requestAnimationFrame(() => {
+            if (typeof callback === 'function')
+                callback();
+            this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
+            this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
+            setTimeout(() => {
+                this.host.hidden = true;
+            }, this._transitionDuration);
+        });
+    }
+}
+
+exports.TransitionController = TransitionController;
+//# sourceMappingURL=transition_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_controller_constants.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TRANSITION_CSS_CLASSES = {
+    transitionStart: 'transition-start',
+    transitionEnd: 'transition-end'
+};
+
+exports.TRANSITION_CSS_CLASSES = TRANSITION_CSS_CLASSES;
+//# sourceMappingURL=transition_controller_constants.js.map

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_controller_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/index.js

@@ -39,8 +39,13 @@ var radio_constants = require('./components/form/radio/radio_constants.js');
 var radio = require('./components/form/radio/radio.js');
 var radio_content = require('./components/form/radio/radio_content.js');
 var radio_control = require('./components/form/radio/radio_control.js');
+var accordion_constants = require('./components/accordion/accordion_constants.js');
+var accordion_content = require('./components/accordion/accordion_content.js');
+var accordion_group = require('./components/accordion/accordion_group.js');
 var keystrokes_controller = require('./controllers/keystrokes_controller/keystrokes_controller.js');
 var btn_controller = require('./controllers/btn_controller.js');
+var accordion_toggler = require('./components/accordion/accordion_toggler.js');
+var accordion = require('./components/accordion/accordion.js');
 var click_outside_controller = require('./controllers/click_outside_controller/click_outside_controller.js');
 var relative_position_controller = require('./controllers/relative_position_controller/relative_position_controller.js');
 var dropdown = require('./components/dropdown/dropdown.js');
@@ -240,8 +245,34 @@ Object.defineProperty(exports, 'HRadioControl', {
 		return radio_control.HRadioControl;
 	}
 });
+exports.ACCORDION_CONTEXTS = accordion_constants.ACCORDION_CONTEXTS;
+exports.ACCORDION_EVENTS = accordion_constants.ACCORDION_EVENTS;
+Object.defineProperty(exports, 'HAccordionContent', {
+	enumerable: true,
+	get: function () {
+		return accordion_content.HAccordionContent;
+	}
+});
+Object.defineProperty(exports, 'HAccordionGroup', {
+	enumerable: true,
+	get: function () {
+		return accordion_group.HAccordionGroup;
+	}
+});
 exports.KeystrokesController = keystrokes_controller.KeystrokesController;
 exports.BtnController = btn_controller.BtnController;
+Object.defineProperty(exports, 'HAccordionToggler', {
+	enumerable: true,
+	get: function () {
+		return accordion_toggler.HAccordionToggler;
+	}
+});
+Object.defineProperty(exports, 'HAccordion', {
+	enumerable: true,
+	get: function () {
+		return accordion.HAccordion;
+	}
+});
 exports.ClickOutsideController = click_outside_controller.ClickOutsideController;
 exports.RelativePositionController = relative_position_controller.RelativePositionController;
 Object.defineProperty(exports, 'HDropdown', {

package/build/cjs/packages/phoenix/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}