@shoper/phoenix_design_system 0.9.1 → 0.10.0

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 accordion_constants = require('./accordion_constants.js');
+var observable = require('../../core/observer/observable.js');
+
+exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this._accordionSubject = new observable.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 accordion_constants = require('./accordion_constants.js');
+var observer = require('../../core/observer/observer.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 accordion_constants = require('./accordion_constants.js');
+var observer = require('../../core/observer/observer.js');
+var observable = require('../../core/observer/observable.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 observable.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 accordion_constants = require('./accordion_constants.js');
+var observer = require('../../core/observer/observer.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/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/core/context/context_provider_controller.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 require('lit');
-var context_consumer_messages_names = require('./context_consumer_messages_names.js');
 var values_container = require('../../../../star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js');
+var context_consumer_messages_names = require('./context_consumer_messages_names.js');
 
 var _ContextProviderController_host, _ContextProviderController_contextValues, _ContextProviderController_handleRequestedValue;
 class ContextProviderController {

package/build/cjs/packages/phoenix/src/core/observer/observable.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class Subject {
+    constructor() {
+        this._observers = new Set();
+    }
+    get size() {
+        return this._observers.size;
+    }
+    subscribe(observer) {
+        this._observers.add(observer);
+    }
+    unsubscribe(observer) {
+        this._observers.delete(observer);
+    }
+    notify(data) {
+        this._observers.forEach((observer) => observer.update(data));
+    }
+}
+
+exports.Subject = Subject;
+//# sourceMappingURL=observable.js.map

package/build/cjs/packages/phoenix/src/core/observer/observable.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;"}

package/build/cjs/packages/phoenix/src/core/observer/observer.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class Observer {
+    constructor(callback) {
+        this._callback = callback;
+    }
+    update(data) {
+        this._callback(data);
+    }
+}
+
+exports.Observer = Observer;
+//# sourceMappingURL=observer.js.map

package/build/cjs/packages/phoenix/src/core/observer/observer.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/index.js

@@ -20,8 +20,13 @@ var control_content = require('./components/form_controls/control_content.js');
 var control_element = require('./components/form_controls/control_element.js');
 var control_label = require('./components/form_controls/control_label.js');
 var control_additional_content = require('./components/form_controls/control_additional_content.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');
@@ -124,8 +129,34 @@ Object.defineProperty(exports, 'HControlAdditionalContent', {
 		return control_additional_content.HControlAdditionalContent;
 	}
 });
+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;"}
+{"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;"}

package/build/esm/packages/phoenix/src/components/accordion/accordion.d.ts

@@ -0,0 +1,13 @@
+import { IAccordion } from './accordion_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+export declare class HAccordion extends PhoenixLightLitElement implements IAccordion {
+    disabled: boolean;
+    private _accordionSubject;
+    private _accordionContext;
+    constructor();
+    enable(): void;
+    disable(): void;
+    updated(): void;
+    notify(): void;
+    private _getProps;
+}

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

@@ -0,0 +1,45 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { ContextProviderController } from '../../core/context/context_provider_controller.js';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { ACCORDION_CONTEXTS } from './accordion_constants.js';
+import { Subject } from '../../core/observer/observable.js';
+
+let HAccordion = class HAccordion extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this._accordionSubject = new Subject();
+        this._accordionContext = new ContextProviderController(this);
+        this._accordionContext.provide(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
+        };
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], HAccordion.prototype, "disabled", void 0);
+HAccordion = __decorate([
+    phoenixCustomElement('h-accordion'),
+    __metadata("design:paramtypes", [])
+], HAccordion);
+
+export { HAccordion };
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/accordion/accordion_constants.d.ts

@@ -0,0 +1,7 @@
+export declare const ACCORDION_EVENTS: {
+    readonly toggle: "toggle";
+};
+export declare const ACCORDION_CONTEXTS: {
+    readonly accordionProps: "accordionPropsSubject";
+    readonly accordionGroupProps: "accordionGroupPropsSubject";
+};

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

@@ -0,0 +1,10 @@
+const ACCORDION_EVENTS = {
+    toggle: 'toggle'
+};
+const ACCORDION_CONTEXTS = {
+    accordionProps: 'accordionPropsSubject',
+    accordionGroupProps: 'accordionGroupPropsSubject'
+};
+
+export { ACCORDION_CONTEXTS, ACCORDION_EVENTS };
+//# sourceMappingURL=accordion_constants.js.map

package/build/esm/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;"}

package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts

@@ -0,0 +1,18 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+export declare class HAccordionContent extends PhoenixLightLitElement {
+    transitionName: string;
+    private _transitionController;
+    private _contextConsumer;
+    private _accordionGroupProps;
+    private _accordionGroupPropsObserver;
+    private _originalHeight;
+    constructor();
+    connectedCallback(): void;
+    private _setStylingOptions;
+    private _subscribeObserver;
+    private _expand;
+    private _collapse;
+    private _setHeight;
+    private _setAttributes;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,63 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { ACCORDION_CONTEXTS } from './accordion_constants.js';
+import { Observer } from '../../core/observer/observer.js';
+import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
+
+let HAccordionContent = class HAccordionContent extends 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 ContextConsumerController(this);
+        this._transitionController = new 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_CONTEXTS.accordionGroupProps);
+        this._accordionGroupPropsObserver = new 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);
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], HAccordionContent.prototype, "transitionName", void 0);
+HAccordionContent = __decorate([
+    phoenixCustomElement('h-accordion-content'),
+    __metadata("design:paramtypes", [])
+], HAccordionContent);
+
+export { HAccordionContent };
+//# sourceMappingURL=accordion_content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/accordion/accordion_group.d.ts

@@ -0,0 +1,26 @@
+import { IAccordion, IAccordionGroup } from './accordion_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+export declare class HAccordionGroup extends PhoenixLightLitElement implements IAccordionGroup, IAccordion {
+    opened: boolean;
+    private _isDisabled;
+    private _regionId;
+    private _controlsId;
+    private _accordionGroupPropsSubject;
+    private _accordionGroupContext;
+    private _accordionContextConsumer;
+    private _accordionProps;
+    private _accordionPropsObserver;
+    constructor();
+    connectedCallback(): void;
+    private _subscribeObserver;
+    disconnectedCallback(): void;
+    show(): void;
+    hide(): void;
+    toggle(): void;
+    enable(): void;
+    disable(): void;
+    private _accordionToggle;
+    notify(): void;
+    protected updated(_changedProperties: Map<string, unknown>): void;
+    private _getProps;
+}

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

@@ -0,0 +1,116 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { ContextProviderController } from '../../core/context/context_provider_controller.js';
+import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
+import { property, state } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
+import { Observer } from '../../core/observer/observer.js';
+import { Subject } from '../../core/observer/observable.js';
+
+let HAccordionGroup = class HAccordionGroup extends 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();
+        this._accordionGroupContext = new ContextProviderController(this);
+        this._accordionGroupContext.provide(ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._accordionContextConsumer = new ContextConsumerController(this);
+        this._subscribeObserver();
+        this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+    }
+    _subscribeObserver() {
+        this._accordionProps = this._accordionContextConsumer.consume(ACCORDION_CONTEXTS.accordionProps);
+        this._accordionPropsObserver = new 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_EVENTS.toggle, this._accordionToggle);
+    }
+    show() {
+        this.opened = true;
+    }
+    hide() {
+        this.opened = false;
+    }
+    toggle() {
+        this.opened = !this.opened;
+    }
+    enable() {
+        if (this._isDisabled) {
+            this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+            this.hide();
+            this._isDisabled = false;
+        }
+    }
+    disable() {
+        if (!this._isDisabled) {
+            this.removeEventListener(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
+        };
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], HAccordionGroup.prototype, "opened", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HAccordionGroup.prototype, "_isDisabled", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HAccordionGroup.prototype, "_regionId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HAccordionGroup.prototype, "_controlsId", void 0);
+HAccordionGroup = __decorate([
+    phoenixCustomElement('h-accordion-group'),
+    __metadata("design:paramtypes", [])
+], HAccordionGroup);
+
+export { HAccordionGroup };
+//# sourceMappingURL=accordion_group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/accordion/accordion_toggler.d.ts

@@ -0,0 +1,12 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+export declare class HAccordionToggler extends PhoenixLightLitElement {
+    private _btnController;
+    private _contextConsumer;
+    private _accordionGroupProps;
+    private _accordionGroupPropsObserver;
+    constructor();
+    connectedCallback(): void;
+    private _setAttributes;
+    private _emitTogglerClicked;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,44 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { ACCORDION_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';
+import { Observer } from '../../core/observer/observer.js';
+import { BtnController } from '../../controllers/btn_controller.js';
+
+let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._emitTogglerClicked = () => {
+            const togglerClickedEvent = new CustomEvent(ACCORDION_EVENTS.toggle, {
+                bubbles: true
+            });
+            this.dispatchEvent(togglerClickedEvent);
+        };
+        this._btnController = new BtnController(this, this._emitTogglerClicked);
+        this._contextConsumer = new ContextConsumerController(this);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._accordionGroupProps = this._contextConsumer.consume(ACCORDION_CONTEXTS.accordionGroupProps);
+        this._accordionGroupPropsObserver = new 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);
+    }
+};
+HAccordionToggler = __decorate([
+    phoenixCustomElement('h-accordion-toggler'),
+    __metadata("design:paramtypes", [])
+], HAccordionToggler);
+
+export { HAccordionToggler };
+//# sourceMappingURL=accordion_toggler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/accordion/accordion_types.d.ts

@@ -0,0 +1,31 @@
+import { HAccordion } from './accordion';
+import { HAccordionContent } from "./accordion_content";
+import { HAccordionGroup } from "./accordion_group";
+import { HAccordionToggler } from "./accordion_toggler";
+export interface IAccordion {
+    enable(): void;
+    disable(): void;
+    notify(): void;
+}
+export interface IAccordionGroup {
+    show(): void;
+    hide(): void;
+    toggle(): void;
+}
+export declare type TAccordionProps = {
+    disabled: boolean;
+};
+export declare type TAccordionGroupProps = {
+    opened: boolean;
+    disabled: boolean;
+    regionId: string;
+    controlsId: string;
+};
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-accordion': HAccordion;
+        'h-accordion-group': HAccordionGroup;
+        'h-accordion-toggler': HAccordionToggler;
+        'h-accordion-content': HAccordionContent;
+    }
+}

package/build/esm/packages/phoenix/src/components/accordion/accordion_types.js

@@ -0,0 +1,5 @@
+import './accordion';
+import '@phoenixRoot/components/accordion/accordion_content';
+import '@phoenixRoot/components/accordion/accordion_group';
+import '@phoenixRoot/components/accordion/accordion_toggler';
+//# sourceMappingURL=accordion_types.js.map

package/build/esm/packages/phoenix/src/components/accordion/accordion_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion_types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_types.ts"],"names":[],"mappings":"AAAA,OAA2B,aAAa,CAAC;AACzC,OAAkC,qDAAqD,CAAC;AACxF,OAAgC,mDAAmD,CAAC;AACpF,OAAkC,qDAAqD,CAAC"}

package/build/esm/packages/phoenix/src/controllers/transition_controller/transition_controller.d.ts

@@ -0,0 +1,11 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export declare class TransitionController implements ReactiveController {
+    private host;
+    private _transitionDuration;
+    private _transitionName;
+    constructor(host: ReactiveControllerHost & HTMLElement, transitionName: string);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    show(callback?: () => void): void;
+    hide(callback?: () => void): void;
+}

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

@@ -0,0 +1,36 @@
+import 'lit';
+import { TRANSITION_CSS_CLASSES } from './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_CSS_CLASSES.transitionEnd}`);
+        requestAnimationFrame(() => {
+            this.host.classList.remove(`${this._transitionName}-${TRANSITION_CSS_CLASSES.transitionStart}`);
+            if (typeof callback === 'function')
+                callback();
+        });
+    }
+    hide(callback) {
+        requestAnimationFrame(() => {
+            if (typeof callback === 'function')
+                callback();
+            this.host.classList.add(`${this._transitionName}-${TRANSITION_CSS_CLASSES.transitionStart}`);
+            this.host.classList.remove(`${this._transitionName}-${TRANSITION_CSS_CLASSES.transitionEnd}`);
+            setTimeout(() => {
+                this.host.hidden = true;
+            }, this._transitionDuration);
+        });
+    }
+}
+
+export { TransitionController };
+//# sourceMappingURL=transition_controller.js.map

package/build/esm/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;"}

package/build/esm/packages/phoenix/src/controllers/transition_controller/transition_controller_constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TRANSITION_CSS_CLASSES: {
+    readonly transitionStart: "transition-start";
+    readonly transitionEnd: "transition-end";
+};

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

@@ -0,0 +1,7 @@
+const TRANSITION_CSS_CLASSES = {
+    transitionStart: 'transition-start',
+    transitionEnd: 'transition-end'
+};
+
+export { TRANSITION_CSS_CLASSES };
+//# sourceMappingURL=transition_controller_constants.js.map

package/build/esm/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;"}

package/build/esm/packages/phoenix/src/core/context/context_provider_controller.d.ts

@@ -1,5 +1,5 @@
-import { ReactiveController } from 'lit';
 import { TContextValueKey, TWebComponentsContextControllerHost } from "./context_controller_types";
+import { ReactiveController } from 'lit';
 export declare class ContextProviderController<TValue> implements ReactiveController {
     #private;
     constructor(host: TWebComponentsContextControllerHost);

package/build/esm/packages/phoenix/src/core/context/context_provider_controller.js

@@ -1,7 +1,7 @@
 import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../external/tslib/tslib.es6.js';
 import 'lit';
-import { WEB_COMPONENT_CONTEXT_EVENTS } from './context_consumer_messages_names.js';
 import { ValuesContainer } from '../../../../star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js';
+import { WEB_COMPONENT_CONTEXT_EVENTS } from './context_consumer_messages_names.js';
 
 var _ContextProviderController_host, _ContextProviderController_contextValues, _ContextProviderController_handleRequestedValue;
 class ContextProviderController {

package/build/esm/packages/phoenix/src/core/observer/observable.d.ts

@@ -0,0 +1,9 @@
+import { ISubject } from './observer_types';
+import { Observer } from './observer';
+export declare class Subject<T> implements ISubject<T> {
+    private _observers;
+    get size(): number;
+    subscribe(observer: Observer<T>): void;
+    unsubscribe(observer: Observer<T>): void;
+    notify(data: T): void;
+}

package/build/esm/packages/phoenix/src/core/observer/observable.js

@@ -0,0 +1,20 @@
+class Subject {
+    constructor() {
+        this._observers = new Set();
+    }
+    get size() {
+        return this._observers.size;
+    }
+    subscribe(observer) {
+        this._observers.add(observer);
+    }
+    unsubscribe(observer) {
+        this._observers.delete(observer);
+    }
+    notify(data) {
+        this._observers.forEach((observer) => observer.update(data));
+    }
+}
+
+export { Subject };
+//# sourceMappingURL=observable.js.map

package/build/esm/packages/phoenix/src/core/observer/observable.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;"}

package/build/esm/packages/phoenix/src/core/observer/observer.d.ts

@@ -0,0 +1,6 @@
+import { IObserver } from './observer_types';
+export declare class Observer<T> implements IObserver<T> {
+    private _callback;
+    constructor(callback: (options: T) => void);
+    update(data: T): void;
+}

package/build/esm/packages/phoenix/src/core/observer/observer.js

@@ -0,0 +1,11 @@
+class Observer {
+    constructor(callback) {
+        this._callback = callback;
+    }
+    update(data) {
+        this._callback(data);
+    }
+}
+
+export { Observer };
+//# sourceMappingURL=observer.js.map

package/build/esm/packages/phoenix/src/core/observer/observer.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/esm/packages/phoenix/src/core/observer/observer_types.d.ts

@@ -0,0 +1,8 @@
+export interface IObserver<T> {
+    update(data: T): void;
+}
+export interface ISubject<T> {
+    subscribe(observer: IObserver<T>): void;
+    unsubscribe(observer: IObserver<T>): void;
+    notify(data: T): void;
+}

package/build/esm/packages/phoenix/src/core/observer/observer_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=observer_types.js.map

package/build/esm/packages/phoenix/src/core/observer/observer_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observer_types.js","sourceRoot":"","sources":["../../../../../../../src/core/observer/observer_types.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/index.d.ts

@@ -17,6 +17,11 @@ export { HControlContent } from './components/form_controls/control_content';
 export { HControlElement } from './components/form_controls/control_element';
 export { HControlLabel } from './components/form_controls/control_label';
 export { HControlAdditionalContent } from './components/form_controls/control_additional_content';
+export { HAccordion } from './components/accordion/accordion';
+export { HAccordionGroup } from './components/accordion/accordion_group';
+export { HAccordionToggler } from './components/accordion/accordion_toggler';
+export { HAccordionContent } from './components/accordion/accordion_content';
+export * from './components/accordion/accordion_constants';
 export { BtnController } from './controllers/btn_controller';
 export { HDropdown } from './components/dropdown/dropdown';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler';

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

@@ -16,8 +16,13 @@ export { HControlContent } from './components/form_controls/control_content.js';
 export { HControlElement } from './components/form_controls/control_element.js';
 export { HControlLabel } from './components/form_controls/control_label.js';
 export { HControlAdditionalContent } from './components/form_controls/control_additional_content.js';
+export { ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './components/accordion/accordion_constants.js';
+export { HAccordionContent } from './components/accordion/accordion_content.js';
+export { HAccordionGroup } from './components/accordion/accordion_group.js';
 export { KeystrokesController } from './controllers/keystrokes_controller/keystrokes_controller.js';
 export { BtnController } from './controllers/btn_controller.js';
+export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
+export { HAccordion } from './components/accordion/accordion.js';
 export { ClickOutsideController } from './controllers/click_outside_controller/click_outside_controller.js';
 export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller.js';
 export { HDropdown } from './components/dropdown/dropdown.js';

package/build/esm/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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",