npm - @shoper/phoenix_design_system - Versions diffs - 1.18.8-0 → 1.18.8-10 - Mend

@shoper/phoenix_design_system 1.18.8-0 → 1.18.8-10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/build/cjs/packages/phoenix/src/components/details/details.js ADDED Viewed

@@ -0,0 +1,33 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var accordion_constants = require('../accordion/accordion_constants.js');
+var details_constants = require('./details_constants.js');
+exports.HDetails = class HDetails extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.mode = accordion_constants.ACCORDION_MODE.multi;
+    }
+    updated() {
+        this.dispatchEvent(new Event(details_constants.DETAILS_EVENTS.update));
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HDetails.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HDetails.prototype, "mode", void 0);
+exports.HDetails = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-details')
+], exports.HDetails);
+//# sourceMappingURL=details.js.map

package/build/cjs/packages/phoenix/src/components/details/details.js.map ADDED Viewed

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

package/build/cjs/packages/phoenix/src/components/details/details_constants.js ADDED Viewed

@@ -0,0 +1,20 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const DETAILS_EVENTS = {
+    toggle: 'toggle',
+    update: 'update'
+};
+const DETAILS_CSS_CLASSES = {
+    smoothDetails: 'smooth-details',
+    isOpen: 'is-open',
+    contentWrapper: 'content-wrapper',
+    content: 'content'
+};
+const DETAILS_TRANSITION_DURATION = 400;
+exports.DETAILS_CSS_CLASSES = DETAILS_CSS_CLASSES;
+exports.DETAILS_EVENTS = DETAILS_EVENTS;
+exports.DETAILS_TRANSITION_DURATION = DETAILS_TRANSITION_DURATION;
+//# sourceMappingURL=details_constants.js.map

package/build/cjs/packages/phoenix/src/components/details/details_constants.js.map ADDED Viewed

	@@ -0,0 +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;"}

package/build/cjs/packages/phoenix/src/components/details/details_content.js ADDED Viewed

@@ -0,0 +1,23 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+exports.HDetailsContent = class HDetailsContent extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'content';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add('content-wrapper');
+    }
+};
+exports.HDetailsContent = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-details-content'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HDetailsContent);
+//# sourceMappingURL=details_content.js.map

package/build/cjs/packages/phoenix/src/components/details/details_content.js.map ADDED Viewed

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

package/build/cjs/packages/phoenix/src/components/details/details_group.js ADDED Viewed

@@ -0,0 +1,151 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var lit = require('lit');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
+var accordion_constants = require('../accordion/accordion_constants.js');
+var details_constants = require('./details_constants.js');
+exports.HDetailsGroup = class HDetailsGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.opened = false;
+        this._isDisabled = false;
+        this._mode = accordion_constants.ACCORDION_MODE.multi;
+        this._$detailsWrapper = null;
+        this._togglerId = v4['default']();
+        this._syncWithDetailsWrapper = () => {
+            if (!this._$detailsWrapper)
+                return;
+            this._mode = this._$detailsWrapper.mode;
+            if (this._$detailsWrapper.disabled && !this._isDisabled) {
+                this.disable();
+                this.show();
+            }
+            else if (!this._$detailsWrapper.disabled && this._isDisabled) {
+                this.enable();
+                this.hide();
+            }
+        };
+        this._hideOtherDetailsGroups = () => {
+            var _a;
+            if (this._isDisabled)
+                return;
+            (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('h-details-group').forEach(($detailsGroup) => {
+                if ($detailsGroup === this)
+                    return;
+                $detailsGroup.hide();
+            });
+        };
+        this._summaryClickHandler = (ev) => {
+            ev.preventDefault();
+            if (this._isDisabled)
+                return;
+            const $summary = ev.currentTarget;
+            const $details = $summary.parentNode;
+            this.toggle($details);
+        };
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        if (this.opened) {
+            this.show();
+        }
+        this._$detailsWrapper = this.closest('h-details');
+        (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.addEventListener(details_constants.DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
+        this._syncWithDetailsWrapper();
+    }
+    disconnectedCallback() {
+        var _a;
+        super.disconnectedCallback();
+        (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.removeEventListener(details_constants.DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
+    }
+    toggle(details) {
+        if (this._mode === accordion_constants.ACCORDION_MODE.single)
+            this._hideOtherDetailsGroups();
+        const $details = details || this.querySelector('details');
+        if (!$details)
+            return;
+        const isOpen = $details.hasAttribute('open');
+        isOpen ? this.hide($details) : this.show($details);
+    }
+    show(details) {
+        if (this._mode === accordion_constants.ACCORDION_MODE.single)
+            this._hideOtherDetailsGroups();
+        const $details = details || this.querySelector('details');
+        if (!$details)
+            return;
+        $details.setAttribute('open', '');
+        requestAnimationFrame(() => {
+            $details.classList.add(details_constants.DETAILS_CSS_CLASSES.isOpen);
+        });
+        this._dispatchToggleEvent($details, true);
+    }
+    hide(details) {
+        const $details = details || this.querySelector('details');
+        if (!$details)
+            return;
+        $details.classList.remove(details_constants.DETAILS_CSS_CLASSES.isOpen);
+        setTimeout(() => {
+            $details.removeAttribute('open');
+        }, details_constants.DETAILS_TRANSITION_DURATION);
+        this._dispatchToggleEvent($details, false);
+    }
+    _dispatchToggleEvent(details, open) {
+        this.emitCustomEvent(details_constants.DETAILS_EVENTS.toggle, {
+            detail: { open, target: details }
+        });
+    }
+    enable() {
+        if (this._isDisabled) {
+            this.hide();
+            this._isDisabled = false;
+        }
+    }
+    disable() {
+        if (!this._isDisabled) {
+            this.show();
+            this._isDisabled = true;
+        }
+    }
+    render() {
+        return lit.html `
+            <details
+                class="smooth-details"
+                aria-disabled="${this._isDisabled ? 'true' : 'false'}"
+                aria-labelledby="${this._togglerId}"
+            >
+                <summary
+                    id="${this._togglerId}"
+                    @click=${this._summaryClickHandler}
+                >
+                    ${this.getSlot('toggler')}
+                </summary>
+                ${this.getSlot('content')}
+            </details>
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HDetailsGroup.prototype, "opened", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HDetailsGroup.prototype, "_isDisabled", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", String)
+], exports.HDetailsGroup.prototype, "_mode", void 0);
+exports.HDetailsGroup = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-details-group')
+], exports.HDetailsGroup);
+//# sourceMappingURL=details_group.js.map

package/build/cjs/packages/phoenix/src/components/details/details_group.js.map ADDED Viewed

@@ -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,iBAAiB,qDAAyD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/details/details_toggler.js ADDED Viewed

@@ -0,0 +1,19 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+exports.HDetailsToggler = class HDetailsToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
+    }
+};
+exports.HDetailsToggler = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-details-toggler'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HDetailsToggler);
+//# sourceMappingURL=details_toggler.js.map

package/build/cjs/packages/phoenix/src/components/details/details_toggler.js.map ADDED Viewed

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

package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED Viewed

@@ -44,7 +44,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         this.noDeselect = false;
         this.assistiveTitleId = '';
         this.translations = {};
-        this.isSelectedIndexReactive = false;
         this._selectOptionsId = v4['default']();
         this._searchValue = '';
         this._$options = new Map();
@@ -186,11 +185,9 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
             : select_utils.SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
     }
     set selectedIndex(index) {
-        if (this.isSelectedIndexReactive) {
-            this._reactiveSelectedIndexValue = index;
-            return;
-        }
-        this._applySelectedIndex(index);
+        const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
+        option ? this._selectOption(option.value) : this._selectController.deselectAll();
+        Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
     }
     get selectedOptions() {
         var _a;
@@ -206,13 +203,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
     get options() {
         return Array.from(this._$options.values());
     }
-    _applySelectedIndex(index) {
-        if (!this._selectController)
-            return;
-        const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
-        option ? this._selectOption(option.value) : this._selectController.deselectAll();
-        Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
-    }
     updated(changedProperties) {
         var _a, _b;
         super.updated(changedProperties);
@@ -227,12 +217,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         }
         if (changedProperties.has('optionsList')) {
             this._updateOptions();
-            if (this.isSelectedIndexReactive && this._reactiveSelectedIndexValue !== undefined) {
-                const actualIndex = this.selectedIndex;
-                if (this._reactiveSelectedIndexValue !== actualIndex) {
-                    this._reactiveSelectedIndexValue = actualIndex === -1 ? undefined : actualIndex;
-                }
-            }
         }
         if (this._$optionsList.value) {
             (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
@@ -252,14 +236,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
                 $list: this._$optionsList.value
             });
         }
-        if (this.isSelectedIndexReactive &&
-            changedProperties.has('_reactiveSelectedIndexValue') &&
-            this._reactiveSelectedIndexValue !== undefined) {
-            const currentIndex = this.selectedIndex;
-            if (this._reactiveSelectedIndexValue !== currentIndex) {
-                this._applySelectedIndex(this._reactiveSelectedIndexValue);
-            }
-        }
     }
     _focusElementAfterSelectOpened() {
         var _a;
@@ -553,14 +529,6 @@ tslib_es6.__decorate([
     }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HSelect.prototype, "translations", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: 'is-selected-index-reactive' }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "isSelectedIndexReactive", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Number, attribute: false }),
-    tslib_es6.__metadata("design:type", Number)
-], exports.HSelect.prototype, "_reactiveSelectedIndexValue", void 0);
 tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", String)

package/build/cjs/packages/phoenix/src/components/form/select/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js CHANGED Viewed

@@ -79,6 +79,11 @@ var accordion = require('./components/accordion/accordion.js');
 var accordion_group = require('./components/accordion/accordion_group.js');
 var accordion_content = require('./components/accordion/accordion_content.js');
 var accordion_toggler = require('./components/accordion/accordion_toggler.js');
+var details_constants = require('./components/details/details_constants.js');
+var details = require('./components/details/details.js');
+var details_group = require('./components/details/details_group.js');
+var details_toggler = require('./components/details/details_toggler.js');
+var details_content = require('./components/details/details_content.js');
 var dropdown_close = require('./components/dropdown/dropdown_close.js');
 var toggle_button_group = require('./components/groups/toggle_button_group/toggle_button_group.js');
 var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
@@ -492,6 +497,33 @@ Object.defineProperty(exports, 'HAccordionToggler', {
 		return accordion_toggler.HAccordionToggler;
 	}
 });
+exports.DETAILS_CSS_CLASSES = details_constants.DETAILS_CSS_CLASSES;
+exports.DETAILS_EVENTS = details_constants.DETAILS_EVENTS;
+exports.DETAILS_TRANSITION_DURATION = details_constants.DETAILS_TRANSITION_DURATION;
+Object.defineProperty(exports, 'HDetails', {
+	enumerable: true,
+	get: function () {
+		return details.HDetails;
+	}
+});
+Object.defineProperty(exports, 'HDetailsGroup', {
+	enumerable: true,
+	get: function () {
+		return details_group.HDetailsGroup;
+	}
+});
+Object.defineProperty(exports, 'HDetailsToggler', {
+	enumerable: true,
+	get: function () {
+		return details_toggler.HDetailsToggler;
+	}
+});
+Object.defineProperty(exports, 'HDetailsContent', {
+	enumerable: true,
+	get: function () {
+		return details_content.HDetailsContent;
+	}
+});
 Object.defineProperty(exports, 'HDropdownClose', {
 	enumerable: true,
 	get: function () {

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

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

@@ -0,0 +1,8 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import './details_types';
+import type { TAccordionMode } from "../accordion/accordion_types";
+export declare class HDetails extends PhoenixLightLitElement {
+    disabled: boolean;
+    mode: TAccordionMode;
+    updated(): void;
+}

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

@@ -0,0 +1,31 @@
+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 { ACCORDION_MODE } from '../accordion/accordion_constants.js';
+import { DETAILS_EVENTS } from './details_constants.js';
+let HDetails = class HDetails extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.mode = ACCORDION_MODE.multi;
+    }
+    updated() {
+        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 ADDED Viewed

	@@ -0,0 +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;"}

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

@@ -0,0 +1,11 @@
+export declare const DETAILS_EVENTS: {
+    readonly toggle: "toggle";
+    readonly update: "update";
+};
+export declare const DETAILS_CSS_CLASSES: {
+    readonly smoothDetails: "smooth-details";
+    readonly isOpen: "is-open";
+    readonly contentWrapper: "content-wrapper";
+    readonly content: "content";
+};
+export declare const DETAILS_TRANSITION_DURATION = 400;

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

@@ -0,0 +1,14 @@
+const DETAILS_EVENTS = {
+    toggle: 'toggle',
+    update: 'update'
+};
+const DETAILS_CSS_CLASSES = {
+    smoothDetails: 'smooth-details',
+    isOpen: 'is-open',
+    contentWrapper: 'content-wrapper',
+    content: 'content'
+};
+const DETAILS_TRANSITION_DURATION = 400;
+export { DETAILS_CSS_CLASSES, DETAILS_EVENTS, DETAILS_TRANSITION_DURATION };
+//# sourceMappingURL=details_constants.js.map

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

	@@ -0,0 +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;"}

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

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

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

@@ -0,0 +1,21 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+let HDetailsContent = class HDetailsContent extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'content';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add('content-wrapper');
+    }
+};
+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 ADDED Viewed

	@@ -0,0 +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;"}

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

@@ -0,0 +1,21 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import './details_types';
+export declare class HDetailsGroup extends PhoenixLightLitElement {
+    opened: boolean;
+    private _isDisabled;
+    private _mode;
+    private _$detailsWrapper;
+    private _togglerId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _syncWithDetailsWrapper;
+    toggle(details?: HTMLElement): void;
+    show(details?: HTMLElement): void;
+    hide(details?: HTMLElement): void;
+    private _hideOtherDetailsGroups;
+    private _dispatchToggleEvent;
+    enable(): void;
+    disable(): void;
+    private _summaryClickHandler;
+    protected render(): unknown;
+}

package/build/esm/packages/phoenix/src/components/details/details_group.js ADDED Viewed

@@ -0,0 +1,149 @@
+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';
+import v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
+import { ACCORDION_MODE } from '../accordion/accordion_constants.js';
+import { DETAILS_EVENTS, DETAILS_CSS_CLASSES, DETAILS_TRANSITION_DURATION } from './details_constants.js';
+let HDetailsGroup = class HDetailsGroup extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.opened = false;
+        this._isDisabled = false;
+        this._mode = ACCORDION_MODE.multi;
+        this._$detailsWrapper = null;
+        this._togglerId = v4();
+        this._syncWithDetailsWrapper = () => {
+            if (!this._$detailsWrapper)
+                return;
+            this._mode = this._$detailsWrapper.mode;
+            if (this._$detailsWrapper.disabled && !this._isDisabled) {
+                this.disable();
+                this.show();
+            }
+            else if (!this._$detailsWrapper.disabled && this._isDisabled) {
+                this.enable();
+                this.hide();
+            }
+        };
+        this._hideOtherDetailsGroups = () => {
+            var _a;
+            if (this._isDisabled)
+                return;
+            (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('h-details-group').forEach(($detailsGroup) => {
+                if ($detailsGroup === this)
+                    return;
+                $detailsGroup.hide();
+            });
+        };
+        this._summaryClickHandler = (ev) => {
+            ev.preventDefault();
+            if (this._isDisabled)
+                return;
+            const $summary = ev.currentTarget;
+            const $details = $summary.parentNode;
+            this.toggle($details);
+        };
+    }
+    connectedCallback() {
+        var _a;
+        super.connectedCallback();
+        if (this.opened) {
+            this.show();
+        }
+        this._$detailsWrapper = this.closest('h-details');
+        (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.addEventListener(DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
+        this._syncWithDetailsWrapper();
+    }
+    disconnectedCallback() {
+        var _a;
+        super.disconnectedCallback();
+        (_a = this._$detailsWrapper) === null || _a === void 0 ? void 0 : _a.removeEventListener(DETAILS_EVENTS.update, this._syncWithDetailsWrapper);
+    }
+    toggle(details) {
+        if (this._mode === ACCORDION_MODE.single)
+            this._hideOtherDetailsGroups();
+        const $details = details || this.querySelector('details');
+        if (!$details)
+            return;
+        const isOpen = $details.hasAttribute('open');
+        isOpen ? this.hide($details) : this.show($details);
+    }
+    show(details) {
+        if (this._mode === ACCORDION_MODE.single)
+            this._hideOtherDetailsGroups();
+        const $details = details || this.querySelector('details');
+        if (!$details)
+            return;
+        $details.setAttribute('open', '');
+        requestAnimationFrame(() => {
+            $details.classList.add(DETAILS_CSS_CLASSES.isOpen);
+        });
+        this._dispatchToggleEvent($details, true);
+    }
+    hide(details) {
+        const $details = details || this.querySelector('details');
+        if (!$details)
+            return;
+        $details.classList.remove(DETAILS_CSS_CLASSES.isOpen);
+        setTimeout(() => {
+            $details.removeAttribute('open');
+        }, DETAILS_TRANSITION_DURATION);
+        this._dispatchToggleEvent($details, false);
+    }
+    _dispatchToggleEvent(details, open) {
+        this.emitCustomEvent(DETAILS_EVENTS.toggle, {
+            detail: { open, target: details }
+        });
+    }
+    enable() {
+        if (this._isDisabled) {
+            this.hide();
+            this._isDisabled = false;
+        }
+    }
+    disable() {
+        if (!this._isDisabled) {
+            this.show();
+            this._isDisabled = true;
+        }
+    }
+    render() {
+        return html `
+            <details
+                class="smooth-details"
+                aria-disabled="${this._isDisabled ? 'true' : 'false'}"
+                aria-labelledby="${this._togglerId}"
+            >
+                <summary
+                    id="${this._togglerId}"
+                    @click=${this._summaryClickHandler}
+                >
+                    ${this.getSlot('toggler')}
+                </summary>
+                ${this.getSlot('content')}
+            </details>
+        `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Object)
+], HDetailsGroup.prototype, "opened", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HDetailsGroup.prototype, "_isDisabled", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], HDetailsGroup.prototype, "_mode", void 0);
+HDetailsGroup = __decorate([
+    phoenixCustomElement('h-details-group')
+], HDetailsGroup);
+export { HDetailsGroup };
+//# sourceMappingURL=details_group.js.map

package/build/esm/packages/phoenix/src/components/details/details_group.js.map ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -0,0 +1,5 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import './details_types';
+export declare class HDetailsToggler extends PhoenixLightLitElement {
+    constructor();
+}

package/build/esm/packages/phoenix/src/components/details/details_toggler.js ADDED Viewed

@@ -0,0 +1,17 @@
+import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+let HDetailsToggler = class HDetailsToggler extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
+    }
+};
+HDetailsToggler = __decorate([
+    phoenixCustomElement('h-details-toggler'),
+    __metadata("design:paramtypes", [])
+], HDetailsToggler);
+export { HDetailsToggler };
+//# sourceMappingURL=details_toggler.js.map

package/build/esm/packages/phoenix/src/components/details/details_toggler.js.map ADDED Viewed

	@@ -0,0 +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;"}

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

@@ -0,0 +1,12 @@
+import type { HDetailsGroup } from './details_group';
+import type { HDetailsContent } from './details_content';
+import type { HDetailsToggler } from './details_toggler';
+import type { HDetails } from './details';
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-details': HDetails;
+        'h-details-group': HDetailsGroup;
+        'h-details-toggler': HDetailsToggler;
+        'h-details-content': HDetailsContent;
+    }
+}

package/build/esm/packages/phoenix/src/components/details/details_types.js ADDED Viewed

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

package/build/esm/packages/phoenix/src/components/details/details_types.js.map ADDED Viewed

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

package/build/esm/packages/phoenix/src/components/form/select/select.d.ts CHANGED Viewed

@@ -24,8 +24,6 @@ export declare class HSelect extends PhoenixLightLitElement {
     noDeselect: boolean;
     assistiveTitleId: string;
     translations: Record<string, string>;
-    isSelectedIndexReactive: boolean;
-    _reactiveSelectedIndexValue?: number;
     private _selectOptionsId;
     get selectedIndex(): number;
     set selectedIndex(index: number);
@@ -49,7 +47,6 @@ export declare class HSelect extends PhoenixLightLitElement {
     private $placeholder;
     private $searchLabel;
     constructor();
-    private _applySelectedIndex;
     updated(changedProperties: PropertyValues): void;
     private _focusElementAfterSelectOpened;
     connectedCallback(): void;

package/build/esm/packages/phoenix/src/components/form/select/select.js CHANGED Viewed

@@ -40,7 +40,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         this.noDeselect = false;
         this.assistiveTitleId = '';
         this.translations = {};
-        this.isSelectedIndexReactive = false;
         this._selectOptionsId = v4();
         this._searchValue = '';
         this._$options = new Map();
@@ -182,11 +181,9 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
             : SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
     }
     set selectedIndex(index) {
-        if (this.isSelectedIndexReactive) {
-            this._reactiveSelectedIndexValue = index;
-            return;
-        }
-        this._applySelectedIndex(index);
+        const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
+        option ? this._selectOption(option.value) : this._selectController.deselectAll();
+        Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
     }
     get selectedOptions() {
         var _a;
@@ -202,13 +199,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
     get options() {
         return Array.from(this._$options.values());
     }
-    _applySelectedIndex(index) {
-        if (!this._selectController)
-            return;
-        const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
-        option ? this._selectOption(option.value) : this._selectController.deselectAll();
-        Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
-    }
     updated(changedProperties) {
         var _a, _b;
         super.updated(changedProperties);
@@ -223,12 +213,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         }
         if (changedProperties.has('optionsList')) {
             this._updateOptions();
-            if (this.isSelectedIndexReactive && this._reactiveSelectedIndexValue !== undefined) {
-                const actualIndex = this.selectedIndex;
-                if (this._reactiveSelectedIndexValue !== actualIndex) {
-                    this._reactiveSelectedIndexValue = actualIndex === -1 ? undefined : actualIndex;
-                }
-            }
         }
         if (this._$optionsList.value) {
             (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
@@ -248,14 +232,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
                 $list: this._$optionsList.value
             });
         }
-        if (this.isSelectedIndexReactive &&
-            changedProperties.has('_reactiveSelectedIndexValue') &&
-            this._reactiveSelectedIndexValue !== undefined) {
-            const currentIndex = this.selectedIndex;
-            if (this._reactiveSelectedIndexValue !== currentIndex) {
-                this._applySelectedIndex(this._reactiveSelectedIndexValue);
-            }
-        }
     }
     _focusElementAfterSelectOpened() {
         var _a;
@@ -549,14 +525,6 @@ __decorate([
     }),
     __metadata("design:type", Object)
 ], HSelect.prototype, "translations", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'is-selected-index-reactive' }),
-    __metadata("design:type", Boolean)
-], HSelect.prototype, "isSelectedIndexReactive", void 0);
-__decorate([
-    property({ type: Number, attribute: false }),
-    __metadata("design:type", Number)
-], HSelect.prototype, "_reactiveSelectedIndexValue", void 0);
 __decorate([
     state(),
     __metadata("design:type", String)

package/build/esm/packages/phoenix/src/components/form/select/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;~~"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,wDAA4D;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.d.ts CHANGED Viewed

@@ -71,6 +71,11 @@ 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 { HDetails } from './components/details/details';
+export { HDetailsGroup } from './components/details/details_group';
+export { HDetailsToggler } from './components/details/details_toggler';
+export { HDetailsContent } from './components/details/details_content';
+export * from './components/details/details_constants';
 export { BtnController } from './controllers/btn_controller/btn_controller';
 export { HDropdown } from './components/dropdown/dropdown';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler';

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

@@ -75,6 +75,11 @@ export { HAccordion } from './components/accordion/accordion.js';
 export { HAccordionGroup } from './components/accordion/accordion_group.js';
 export { HAccordionContent } from './components/accordion/accordion_content.js';
 export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
+export { DETAILS_CSS_CLASSES, DETAILS_EVENTS, DETAILS_TRANSITION_DURATION } from './components/details/details_constants.js';
+export { HDetails } from './components/details/details.js';
+export { HDetailsGroup } from './components/details/details_group.js';
+export { HDetailsToggler } from './components/details/details_toggler.js';
+export { HDetailsContent } from './components/details/details_content.js';
 export { HDropdownClose } from './components/dropdown/dropdown_close.js';
 export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
 export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';

package/build/esm/packages/phoenix/src/index.js.map CHANGED Viewed

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

package/package.json CHANGED Viewed

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