@shoper/phoenix_design_system 1.3.0 → 1.3.2

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

@@ -1,77 +1,77 @@
-import { __decorate, __metadata } from "tslib";
-import { ACCORDION_CONTEXTS } from './accordion_constants';
-import '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
-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/phoenix_light_lit_element';
-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 { property } from 'lit/decorators';
-let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.transitionName = 'accordion-toggle';
-        this._setStylingOptions = () => {
-            this.style.setProperty('display', 'block', 'important');
-            this.style.height = 'auto';
-            this._setOriginalHeightValue();
-            this.style.display = '';
-            this.style.height = this._originalHeight;
-        };
-        this._setOriginalHeightValue = () => {
-            this._originalHeight = `${this.getBoundingClientRect().height}px`;
-        };
-        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();
-        window.addEventListener('resize', this._setStylingOptions);
-    }
-    async _subscribeObserver() {
-        this._accordionGroupProps = await this._contextConsumer.consumeAsync(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);
-        const mutationObserver = new MutationObserver(() => {
-            this.style.height = '';
-            this._setOriginalHeightValue();
-            this._expand();
-        });
-        mutationObserver.observe(this, { childList: true, subtree: true });
-    }
-    _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);
-        window.removeEventListener('resize', this._setStylingOptions);
-    }
-};
-__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/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { Observer } from '../../core/classes/observer/observer.js';
+import { ContextConsumerController } from '../../core/context/context_consumer_controller.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._setStylingOptions = () => {
+            this.style.setProperty('display', 'block', 'important');
+            this.style.height = 'auto';
+            this._setOriginalHeightValue();
+            this.style.display = '';
+            this.style.height = this._originalHeight;
+        };
+        this._setOriginalHeightValue = () => {
+            this._originalHeight = `${this.getBoundingClientRect().height}px`;
+        };
+        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();
+        window.addEventListener('resize', this._setStylingOptions);
+    }
+    async _subscribeObserver() {
+        this._accordionGroupProps = await this._contextConsumer.consumeAsync(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);
+        const mutationObserver = new MutationObserver(() => {
+            this.style.height = '';
+            this._setOriginalHeightValue();
+            this._expand();
+        });
+        mutationObserver.observe(this, { childList: true, subtree: true });
+    }
+    _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);
+        window.removeEventListener('resize', this._setStylingOptions);
+    }
+};
+__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":"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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;"}

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

@@ -1,28 +1,28 @@
-import type { IAccordion, IAccordionGroup } from './accordion_types';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HAccordionGroup extends PhoenixLightLitElement implements IAccordionGroup, IAccordion {
-    opened: boolean;
-    private _isDisabled;
-    private _regionId;
-    private _controlsId;
-    private _mode;
-    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;
-    private _closeOtherAccordionGroups;
-    notify(): void;
-    protected updated(_changedProperties: Map<string, unknown>): void;
-    private _getProps;
-}
+import type { IAccordion, IAccordionGroup } from './accordion_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HAccordionGroup extends PhoenixLightLitElement implements IAccordionGroup, IAccordion {
+    opened: boolean;
+    private _isDisabled;
+    private _regionId;
+    private _controlsId;
+    private _mode;
+    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;
+    private _closeOtherAccordionGroups;
+    notify(): void;
+    protected updated(_changedProperties: Map<string, unknown>): void;
+    private _getProps;
+}

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

@@ -1,133 +1,134 @@
-import { __decorate, __metadata } from "tslib";
-import { ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_MODE } from './accordion_constants';
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { property, state } from 'lit/decorators';
-import { BehaviorSubject } from '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
-import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
-import { ContextProviderController } from '@phoenixRoot/core/context/context_provider_controller';
-import '@phoenixRoot/components/accordion/accordion';
-import { Observer } from '@phoenixRoot/core/classes/observer/observer';
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-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 = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
-        this._controlsId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
-        this._mode = ACCORDION_MODE.multi;
-        this._accordionToggle = () => {
-            this.toggle();
-        };
-        this._accordionGroupPropsSubject = new BehaviorSubject(this._getProps());
-        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);
-    }
-    async _subscribeObserver() {
-        this._accordionProps = await this._accordionContextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionProps);
-        this._accordionPropsObserver = new Observer((accordionProps) => {
-            this._mode = accordionProps.mode;
-            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() {
-        if (this._mode === ACCORDION_MODE.single)
-            this._closeOtherAccordionGroups();
-        this.opened = true;
-    }
-    hide() {
-        this.opened = false;
-    }
-    toggle() {
-        if (this._mode === ACCORDION_MODE.single)
-            this._closeOtherAccordionGroups();
-        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;
-        }
-    }
-    _closeOtherAccordionGroups() {
-        if (!this._isDisabled) {
-            const $accordion = this.closest('h-accordion');
-            const $accordionGroups = [...$accordion.querySelectorAll('h-accordion-group')];
-            const $otherAccordionGroupsWithinAccordion = $accordionGroups.filter(($accordionGroup) => $accordionGroup !== this);
-            $otherAccordionGroupsWithinAccordion.forEach(($accordionGroup) => $accordionGroup.hide());
-        }
-    }
-    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);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], HAccordionGroup.prototype, "_mode", void 0);
-HAccordionGroup = __decorate([
-    phoenixCustomElement('h-accordion-group'),
-    __metadata("design:paramtypes", [])
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { Observer } from '../../core/classes/observer/observer.js';
+import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
+import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
+import { ContextProviderController } from '../../core/context/context_provider_controller.js';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
+
+let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.opened = false;
+        this._isDisabled = false;
+        this._regionId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
+        this._controlsId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
+        this._mode = ACCORDION_MODE.multi;
+        this._accordionToggle = () => {
+            this.toggle();
+        };
+        this._accordionGroupPropsSubject = new BehaviorSubject(this._getProps());
+        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);
+    }
+    async _subscribeObserver() {
+        this._accordionProps = await this._accordionContextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionProps);
+        this._accordionPropsObserver = new Observer((accordionProps) => {
+            this._mode = accordionProps.mode;
+            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() {
+        if (this._mode === ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
+        this.opened = true;
+    }
+    hide() {
+        this.opened = false;
+    }
+    toggle() {
+        if (this._mode === ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
+        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;
+        }
+    }
+    _closeOtherAccordionGroups() {
+        if (!this._isDisabled) {
+            const $accordion = this.closest('h-accordion');
+            const $accordionGroups = [...$accordion.querySelectorAll('h-accordion-group')];
+            const $otherAccordionGroupsWithinAccordion = $accordionGroups.filter(($accordionGroup) => $accordionGroup !== this);
+            $otherAccordionGroupsWithinAccordion.forEach(($accordionGroup) => $accordionGroup.hide());
+        }
+    }
+    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);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], HAccordionGroup.prototype, "_mode", 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;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

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