@shoper/phoenix_design_system 0.11.0 → 0.11.2

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

@@ -1,44 +1,45 @@
-import { __decorate, __metadata } from "tslib";
-import './accordion_types';
-import { ACCORDION_CONTEXTS } from './accordion_constants';
-import { ContextProviderController } from '@phoenixRoot/core/context/context_provider_controller';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element';
-import { Subject } from '@phoenixRoot/core/classes/subject/subject';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { ContextProviderController } from '../../core/context/context_provider_controller.js';
 import { property } from 'lit/decorators';
-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", [])
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { Subject } from '../../core/classes/subject/subject.js';
+import { ACCORDION_CONTEXTS } from './accordion_constants.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
+//# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion.ts"],"names":[],"mappings":";AAAA,OAA4C,mBAAmB,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,2CAA2C,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,sBAAsB;IAOlD;QACI,KAAK,EAAE,CAAC;QANL,aAAQ,GAAG,KAAK,CAAC;QAQpB,IAAI,CAAC,iBAAiB,GAAG,IAAI,OAAO,EAAE,CAAC;QACvC,IAAI,CAAC,iBAAiB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,kBAAkB,CAAC,cAAc,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9F,CAAC;IAEM,MAAM;QACT,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC1B,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACzB,CAAC;IAEM,OAAO;QACV,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAEM,MAAM;QACT,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACpD,CAAC;IAEO,SAAS;QACb,OAAO;YACH,QAAQ,EAAE,IAAI,CAAC,QAAQ;SAC1B,CAAC;IACN,CAAC;CACJ,CAAA;AAlCG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;4CACnB;AAFf,UAAU;IADtB,oBAAoB,CAAC,aAAa,CAAC;;GACvB,UAAU,CAoCtB;SApCY,UAAU"}
+{"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.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"accordion_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,MAAM,EAAE,QAAQ;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,cAAc,EAAE,uBAAuB;IACvC,mBAAmB,EAAE,4BAA4B;CAC3C,CAAC"}
+{"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

@@ -10,6 +10,9 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
     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

@@ -1,60 +1,63 @@
-import { __decorate, __metadata } from "tslib";
-import { ACCORDION_CONTEXTS } from './accordion_constants';
-import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
-import { Observer } from '@phoenixRoot/core/classes/observer/observer';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element';
-import '@phoenixRoot/core/classes/subject/subject';
-import './accordion_types';
-import { TransitionController } from '@phoenixRoot/controllers/transition_controller/transition_controller';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
 import { property } from 'lit/decorators';
-let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.transitionName = 'accordion-toggle';
-        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.style.height = this._originalHeight;
-                })
-                : this._transitionController.hide(() => {
-                    this.style.height = '0px';
-                });
-        });
-        this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-    }
-    _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", [])
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { Observer } from '../../core/classes/observer/observer.js';
+import { ACCORDION_CONTEXTS } from './accordion_constants.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
+//# sourceMappingURL=accordion_content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion_content.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAwB,2CAA2C,CAAC;AACpE,OAAqC,mBAAmB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sEAAsE,CAAC;AAC5G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,sBAAsB;IAazD;QACI,KAAK,EAAE,CAAC;QAZL,mBAAc,GAAG,kBAAkB,CAAC;QAcvC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACxC,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;QAC5D,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAEjF,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEO,kBAAkB;QACtB,IAAI,CAAC,eAAe,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,IAAI,CAAC;QAClE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC;IAC7C,CAAC;IAEO,kBAAkB;QACtB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;QAClG,IAAI,CAAC,4BAA4B,GAAG,IAAI,QAAQ,CAAC,CAAC,cAAoC,EAAE,EAAE;YACtF,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;YAEpC,cAAc,CAAC,MAAM;gBACjB,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,EAAE;oBACjC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC;gBAC7C,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,EAAE;oBACjC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;gBAC9B,CAAC,CAAC,CAAC;QACb,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC3E,CAAC;IAEO,cAAc,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAwB;QACjE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAEM,oBAAoB;QACvB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC7E,CAAC;CACJ,CAAA;AAzDG;IADC,QAAQ,EAAE;;yDACgC;AAFlC,iBAAiB;IAD7B,oBAAoB,CAAC,qBAAqB,CAAC;;GAC/B,iBAAiB,CA2D7B;SA3DY,iBAAiB"}
+{"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.js

@@ -1,111 +1,116 @@
-import { __decorate, __metadata } from "tslib";
-import { ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants';
-import './accordion_types';
+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 { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
-import { ContextProviderController } from '@phoenixRoot/core/context/context_provider_controller';
-import { Observer } from '@phoenixRoot/core/classes/observer/observer';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element';
-import { Subject } from '@phoenixRoot/core/classes/subject/subject';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-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 && this._isDisabled === false;
-            if (hasAccordionBeenDisabled) {
-                this.disable();
-                return;
-            }
-            const hasAccordionBeenEnabled = accordionProps.disabled === false && this._isDisabled;
-            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() {
-        this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
-        this.hide();
-        this._isDisabled = false;
-    }
-    disable() {
-        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", [])
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { Observer } from '../../core/classes/observer/observer.js';
+import { Subject } from '../../core/classes/subject/subject.js';
+import { ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.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
+//# sourceMappingURL=accordion_group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion_group.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_group.ts"],"names":[],"mappings":"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"}
+{"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.js

@@ -1,44 +1,44 @@
-import { __decorate, __metadata } from "tslib";
-import { ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants';
-import { BtnController } from '@phoenixRoot/controllers/btn_controller';
-import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
-import { Observer } from '@phoenixRoot/core/classes/observer/observer';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element';
-import '@phoenixRoot/core/classes/subject/subject';
-import './accordion_types';
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
-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", [])
+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 { Observer } from '../../core/classes/observer/observer.js';
+import { ACCORDION_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.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
+//# sourceMappingURL=accordion_toggler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion_toggler.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/accordion_toggler.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AACrF,OAAwB,2CAA2C,CAAC;AACpE,OAAqC,mBAAmB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAG3F,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,sBAAsB;IAMzD;QACI,KAAK,EAAE,CAAC;QAuBJ,wBAAmB,GAAG,GAAS,EAAE;YACrC,MAAM,mBAAmB,GAAG,IAAI,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE;gBACjE,OAAO,EAAE,IAAI;aAChB,CAAC,CAAC;YAEH,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC5C,CAAC,CAAC;QA3BE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACxE,IAAI,CAAC,gBAAgB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;QAClG,IAAI,CAAC,4BAA4B,GAAG,IAAI,QAAQ,CAAC,CAAC,cAAoC,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;QAChI,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;QAEvE,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7D,CAAC;IAEO,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAwB;QACnF,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;QAC/C,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC;IAUM,oBAAoB;QACvB,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC7E,CAAC;CACJ,CAAA;AAzCY,iBAAiB;IAD7B,oBAAoB,CAAC,qBAAqB,CAAC;;GAC/B,iBAAiB,CAyC7B;SAzCY,iBAAiB"}
+{"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

@@ -1,3 +1,7 @@
+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;
@@ -17,3 +21,11 @@ export declare type TAccordionGroupProps = {
     regionId: string;
     controlsId: string;
 };
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-accordion': HAccordion;
+        'h-accordion-group': HAccordionGroup;
+        'h-accordion-toggler': HAccordionToggler;
+        'h-accordion-content': HAccordionContent;
+    }
+}