@shoper/phoenix_design_system 1.18.10-7 → 1.18.10-9

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

@@ -1,5 +1,4 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { html } from 'lit';
 import { property, state } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
@@ -7,11 +6,7 @@ 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 v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
-import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_CSS_CLASSES, ACCORDION_ANIMATION_DURATION } from './accordion_constants.js';
-import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
-import { createRef, ref } from 'lit/directives/ref';
-import { when } from 'lit/directives/when';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
 
 let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
     constructor() {
@@ -21,74 +16,19 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         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._$parentAccordion = null;
-        this._detailsRef = createRef();
-        this._togglerId = v4();
-        this._animationFrameId = null;
-        this._closeTimeoutId = null;
-        this._syncWithParentAccordion = () => {
-            if (!this._$parentAccordion)
-                return;
-            this._mode = this._$parentAccordion.mode;
-            const shouldBeDisabled = this._$parentAccordion.disabled;
-            const hasDisabledStateChanged = shouldBeDisabled !== this._isDisabled;
-            if (hasDisabledStateChanged) {
-                shouldBeDisabled ? this.disable() : this.enable();
-            }
-        };
-        this._hideOtherDetailsGroups = () => {
-            var _a;
-            if (this._isDisabled)
-                return;
-            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.querySelectorAll('h-accordion-group').forEach(($accordionGroup) => {
-                if ($accordionGroup === this)
-                    return;
-                $accordionGroup.hide();
-            });
-        };
         this._accordionToggle = () => {
             this.toggle();
         };
-        this._summaryClickHandler = (ev) => {
-            ev.preventDefault();
-            if (!this._isDisabled)
-                this.toggle();
-        };
-        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._accordionGroupPropsSubject = new BehaviorSubject(this._getProps());
-            this._accordionGroupContext = new ContextProviderController(this);
-            this._accordionGroupContext.provide(ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
-            this.setAttribute('role', 'none');
-        }
+        this._accordionGroupPropsSubject = new BehaviorSubject(this._getProps());
+        this._accordionGroupContext = new ContextProviderController(this);
+        this._accordionGroupContext.provide(ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
+        this.setAttribute('role', 'none');
     }
     connectedCallback() {
-        var _a;
         super.connectedCallback();
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this._addClassedToSlottedContentElements();
-            this._$parentAccordion = this.closest('h-accordion');
-            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.addEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
-            this._syncWithParentAccordion();
-        }
-        else {
-            this._accordionContextConsumer = new ContextConsumerController(this);
-            this._subscribeObserver();
-            this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
-        }
-    }
-    _addClassedToSlottedContentElements() {
-        const slottedContentElements = Array.from(this.querySelectorAll('[slot="content"]'));
-        slottedContentElements.forEach(($element) => {
-            $element.classList.add(ACCORDION_CSS_CLASSES.content);
-        });
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this.opened)
-                this.show();
-        }
+        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);
@@ -108,116 +48,34 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         this._accordionProps.subscribe(this._accordionPropsObserver);
     }
     disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.removeEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
-        }
-        else {
-            this._accordionProps.unsubscribe(this._accordionPropsObserver);
-            this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
-        }
+        this._accordionProps.unsubscribe(this._accordionPropsObserver);
+        this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
     }
     show() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this._handleSingleModeConstraint();
-            const $details = this._detailsRef.value;
-            if (!$details)
-                return;
-            this._clearPendingAnimations();
-            $details.setAttribute('open', '');
-            this._animationFrameId = requestAnimationFrame(() => {
-                $details.classList.add(ACCORDION_CSS_CLASSES.open);
-                this._animationFrameId = null;
-            });
-            this._dispatchToggleEvent($details, true);
-        }
-        else {
-            if (this._mode === ACCORDION_MODE.single)
-                this._closeOtherAccordionGroups();
-            this.opened = true;
-        }
+        if (this._mode === ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
+        this.opened = true;
     }
     hide() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            const $details = this._detailsRef.value;
-            if (!$details)
-                return;
-            this._clearPendingAnimations();
-            $details.classList.remove(ACCORDION_CSS_CLASSES.open);
-            this._closeTimeoutId = setTimeout(() => {
-                $details.removeAttribute('open');
-                this._closeTimeoutId = null;
-            }, ACCORDION_ANIMATION_DURATION);
-            this._dispatchToggleEvent($details, false);
-        }
-        else {
-            this.opened = false;
-        }
-    }
-    _clearPendingAnimations() {
-        if (this._animationFrameId !== null) {
-            cancelAnimationFrame(this._animationFrameId);
-            this._animationFrameId = null;
-        }
-        if (this._closeTimeoutId !== null) {
-            clearTimeout(this._closeTimeoutId);
-            this._closeTimeoutId = null;
-        }
-    }
-    _dispatchToggleEvent($details, open) {
-        this.emitCustomEvent(ACCORDION_EVENTS.toggle, {
-            detail: { open, target: $details }
-        });
+        this.opened = false;
     }
     toggle() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this._handleSingleModeConstraint();
-            const $details = this._detailsRef.value;
-            if (!$details)
-                return;
-            const isOpen = $details.hasAttribute('open');
-            isOpen ? this.hide() : this.show();
-        }
-        else {
-            if (this._mode === ACCORDION_MODE.single)
-                this._closeOtherAccordionGroups();
-            this.opened = !this.opened;
-        }
-    }
-    _handleSingleModeConstraint() {
-        if (this._mode === ACCORDION_MODE.single) {
-            this._hideOtherDetailsGroups();
-        }
+        if (this._mode === ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
+        this.opened = !this.opened;
     }
     enable() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (!this._isDisabled)
-                return;
-            this._isDisabled = false;
+        if (this._isDisabled) {
+            this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
             this.hide();
-        }
-        else {
-            if (this._isDisabled) {
-                this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
-                this.hide();
-                this._isDisabled = false;
-            }
+            this._isDisabled = false;
         }
     }
     disable() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this._isDisabled)
-                return;
-            this._isDisabled = true;
+        if (!this._isDisabled) {
+            this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
             this.show();
-        }
-        else {
-            if (!this._isDisabled) {
-                this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
-                this.show();
-                this._isDisabled = true;
-            }
+            this._isDisabled = true;
         }
     }
     _closeOtherAccordionGroups() {
@@ -229,18 +87,14 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         }
     }
     notify() {
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._accordionGroupPropsSubject.notify(this._getProps());
-        }
+        this._accordionGroupPropsSubject.notify(this._getProps());
     }
     updated(_changedProperties) {
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            if (_changedProperties.has('opened') ||
-                _changedProperties.has('_isDisabled') ||
-                _changedProperties.has('_regionId') ||
-                _changedProperties.has('_controlsId')) {
-                this.notify();
-            }
+        if (_changedProperties.has('opened') ||
+            _changedProperties.has('_isDisabled') ||
+            _changedProperties.has('_regionId') ||
+            _changedProperties.has('_controlsId')) {
+            this.notify();
         }
     }
     _getProps() {
@@ -251,26 +105,6 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
             controlsId: this._controlsId
         };
     }
-    render() {
-        return when(this._isDevAccordionOptimizationFlagEnabled, () => html `
-            <details
-                ${ref(this._detailsRef)}
-                class="accordion__details ${this._isDisabled ? 'accordion__details_disabled' : ''}"
-                aria-disabled="${this._isDisabled ? 'true' : 'false'}"
-                aria-labelledby="${this._togglerId}"
-            >
-                <summary
-                    class="accordion__summary"
-                    id="${this._togglerId}"
-                    @click=${this._summaryClickHandler}
-                >
-                    ${this.getSlot('toggler')}
-                </summary>
-
-                ${this.getSlot('content')}
-            </details>
-        `);
-    }
 };
 __decorate([
     property({ type: Boolean, reflect: true }),

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,qDAAyD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;"}

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

@@ -3,7 +3,6 @@ export declare class HAccordionToggler extends PhoenixLightLitElement {
     private _contextConsumer;
     private _accordionGroupProps;
     private _accordionGroupPropsObserver;
-    private _isDevAccordionOptimizationFlagEnabled;
     constructor();
     connectedCallback(): Promise<void>;
     private _setAttributes;

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

@@ -1,11 +1,9 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { FeatureFlagUtils, UiDomUtils } from '@dreamcommerce/utilities';
 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_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';
-import { HAccordionGroup } from './accordion_group.js';
 
 let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
     constructor() {
@@ -20,29 +18,15 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
         this._emitTogglerClicked = () => {
             this.emitCustomEvent(ACCORDION_EVENTS.toggle);
         };
-        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this.parentElement instanceof HAccordionGroup) {
-                this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
-            }
-            else {
-                const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HAccordionGroup);
-                contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'toggler');
-            }
-        }
-        else {
-            this._contextConsumer = new ContextConsumerController(this);
-        }
+        this._contextConsumer = new ContextConsumerController(this);
     }
     async connectedCallback() {
         super.connectedCallback();
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
-            this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
-            this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-            this.addEventListener('click', this._emitTogglerClicked);
-            this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
-        }
+        this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
+        this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
+        this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
+        this.addEventListener('click', this._emitTogglerClicked);
+        this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
     }
     _setAttributes({ regionId, opened, controlsId, disabled }) {
         this.setAttribute('id', regionId);
@@ -59,7 +43,7 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
         }
     }
     disconnectedCallback() {
-        if (this._accordionGroupProps && !this._isDevAccordionOptimizationFlagEnabled) {
+        if (this._accordionGroupProps) {
             this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
         }
     }

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

@@ -1 +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;"}
+{"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;"}

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

@@ -0,0 +1,10 @@
+import type { IDetails, TDetailsMode } from './details_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HDetails extends PhoenixLightLitElement implements IDetails {
+    disabled: boolean;
+    mode: TDetailsMode;
+    enable(): void;
+    disable(): void;
+    updated(): void;
+    notify(): void;
+}

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

@@ -0,0 +1,39 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { property } from 'lit/decorators';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { DETAILS_MODE, DETAILS_EVENTS } from './details_constants.js';
+
+let HDetails = class HDetails extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.mode = DETAILS_MODE.multi;
+    }
+    enable() {
+        this.disabled = false;
+    }
+    disable() {
+        this.disabled = true;
+    }
+    updated() {
+        this.notify();
+    }
+    notify() {
+        this.dispatchEvent(new Event(DETAILS_EVENTS.update));
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], HDetails.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HDetails.prototype, "mode", void 0);
+HDetails = __decorate([
+    phoenixCustomElement('h-details')
+], HDetails);
+
+export { HDetails };
+//# sourceMappingURL=details.js.map

package/build/esm/packages/phoenix/src/components/details/details.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;"}

package/build/esm/packages/phoenix/src/components/details/details_constants.d.ts

@@ -0,0 +1,13 @@
+export declare const DETAILS_EVENTS: {
+    readonly toggle: "toggleDetails";
+    readonly update: "updateDetails";
+};
+export declare const DETAILS_CSS_CLASSES: {
+    readonly open: "details__open";
+    readonly content: "details__content";
+};
+export declare const DETAILS_MODE: {
+    readonly single: "single";
+    readonly multi: "multi";
+};
+export declare const DETAILS_ANIMATION_DURATION = 400;

package/build/esm/packages/phoenix/src/components/details/details_constants.js

@@ -0,0 +1,16 @@
+const DETAILS_EVENTS = {
+    toggle: 'toggleDetails',
+    update: 'updateDetails'
+};
+const DETAILS_CSS_CLASSES = {
+    open: 'details__open',
+    content: 'details__content'
+};
+const DETAILS_MODE = {
+    single: 'single',
+    multi: 'multi'
+};
+const DETAILS_ANIMATION_DURATION = 400;
+
+export { DETAILS_ANIMATION_DURATION, DETAILS_CSS_CLASSES, DETAILS_EVENTS, DETAILS_MODE };
+//# sourceMappingURL=details_constants.js.map

package/build/esm/packages/{utilities/build/esm/packages/utilities/src/json_utils.js.map → phoenix/src/components/details/details_constants.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/phoenix/src/components/details/details_content.d.ts

@@ -0,0 +1,6 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HDetailsContent extends PhoenixLightLitElement {
+    transitionName: string;
+    constructor();
+    connectedCallback(): void;
+}

package/build/esm/packages/phoenix/src/components/details/details_content.js

@@ -0,0 +1,36 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { property } from 'lit/decorators';
+import { UiDomUtils } from '@dreamcommerce/utilities';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { DETAILS_CSS_CLASSES } from './details_constants.js';
+import { HDetailsGroup } from './details_group.js';
+
+let HDetailsContent = class HDetailsContent extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.transitionName = 'details-toggle';
+        if (this.parentElement instanceof HDetailsGroup) {
+            this.slot = this.hasAttribute('slot') ? this.slot : 'content';
+        }
+        else {
+            const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof HDetailsGroup);
+            contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(DETAILS_CSS_CLASSES.content);
+    }
+};
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], HDetailsContent.prototype, "transitionName", void 0);
+HDetailsContent = __decorate([
+    phoenixCustomElement('h-details-content'),
+    __metadata("design:paramtypes", [])
+], HDetailsContent);
+
+export { HDetailsContent };
+//# sourceMappingURL=details_content.js.map

package/build/esm/packages/phoenix/src/components/details/details_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;"}

package/build/esm/packages/phoenix/src/components/details/details_group.d.ts

@@ -0,0 +1,30 @@
+import type { IDetails, IDetailsGroup } from './details_types';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { PropertyValues } from 'lit';
+export declare class HDetailsGroup extends PhoenixLightLitElement implements IDetailsGroup, IDetails {
+    opened: boolean;
+    private _isDisabled;
+    private _mode;
+    private _$parentDetails;
+    private _detailsRef;
+    private _togglerId;
+    private _animationFrameId;
+    private _closeTimeoutId;
+    connectedCallback(): void;
+    private _addAttributesToSlottedContentElements;
+    firstUpdated(props: PropertyValues): void;
+    disconnectedCallback(): void;
+    private _syncWithParentDetails;
+    show(): void;
+    hide(): void;
+    private _clearPendingAnimations;
+    private _dispatchToggleEvent;
+    toggle(): void;
+    private _handleSingleModeConstraint;
+    private _hideOtherDetailsGroups;
+    enable(): void;
+    disable(): void;
+    notify(): void;
+    private _summaryClickHandler;
+    protected render(): unknown;
+}