npm - @shoper/phoenix_design_system - Versions diffs - 1.18.2-9 → 1.18.3-0 - Mend

@shoper/phoenix_design_system 1.18.2-9 → 1.18.3-0

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 (15) hide show

package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js CHANGED Viewed

@@ -12,43 +12,92 @@ var context_consumer_controller = require('../../core/context/context_consumer_c
 var accordion_constants = require('./accordion_constants.js');
 var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
+const RESIZE_DEBOUNCE_MS = 150;
+const MUTATION_DEBOUNCE_MS = 100;
 exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
         this.transitionName = 'accordion-toggle';
+        this._resizeDebounceTimer = null;
+        this._mutationDebounceTimer = null;
+        this._mutationObserver = null;
+        this._handleResize = () => {
+            if (this._resizeDebounceTimer !== null) {
+                window.cancelAnimationFrame(this._resizeDebounceTimer);
+            }
+            this._resizeDebounceTimer = window.requestAnimationFrame(() => {
+                setTimeout(() => {
+                    this._setStylingOptions();
+                }, RESIZE_DEBOUNCE_MS);
+            });
+        };
         this._setStylingOptions = () => {
-            this.style.setProperty('display', 'block', 'important');
-            this.style.height = 'auto';
-            this._setOriginalHeightValue();
-            this.style.display = '';
-            this.style.height = this._originalHeight;
+            requestAnimationFrame(() => {
+                const previousDisplay = this.style.display;
+                this.style.display = 'block';
+                this.style.height = 'auto';
+                requestAnimationFrame(() => {
+                    this._setOriginalHeightValue();
+                    this.style.display = previousDisplay;
+                    this.style.height = this.hidden ? '0px' : this._originalHeight;
+                });
+            });
+        };
+        this._handleMutation = () => {
+            if (this._mutationDebounceTimer !== null) {
+                window.clearTimeout(this._mutationDebounceTimer);
+            }
+            this._mutationDebounceTimer = window.setTimeout(() => {
+                requestAnimationFrame(() => {
+                    this.style.height = 'auto';
+                    requestAnimationFrame(() => {
+                        this._setOriginalHeightValue();
+                        if (this.hidden) {
+                            this.style.height = '0px';
+                        }
+                        else {
+                            this.style.height = this._originalHeight;
+                        }
+                    });
+                });
+            }, MUTATION_DEBOUNCE_MS);
         };
         this._setOriginalHeightValue = () => {
             const newHeight = this.getBoundingClientRect().height;
-            if (newHeight !== 0 || this.children.length === 0)
+            if (newHeight !== 0 || this.children.length === 0) {
                 this._originalHeight = `${newHeight}px`;
+            }
         };
         this._expand = () => {
             this._setHeight(this._originalHeight);
-            setTimeout(() => {
+        };
+        this._handleTransitionEnd = (e) => {
+            if (e.propertyName !== 'height' || e.target !== this) {
+                return;
+            }
+            if (!this.hidden && this.style.height !== '0px') {
                 this.style.height = 'auto';
-            }, this._transitionDuration);
+            }
         };
         this._collapse = () => {
-            this._setHeight(this._originalHeight);
+            const currentHeight = this.getBoundingClientRect().height;
+            this._setHeight(`${currentHeight}px`);
             requestAnimationFrame(() => {
-                this._setHeight('0px');
+                requestAnimationFrame(() => {
+                    this._setHeight('0px');
+                });
             });
         };
         this.setAttribute('role', 'region');
+        this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
     }
     connectedCallback() {
         super.connectedCallback();
         this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
         this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
         this._subscribeObserver();
-        window.addEventListener('resize', this._setStylingOptions);
-        this._transitionDuration = parseFloat(getComputedStyle(this).transitionDuration) * 1000;
+        window.addEventListener('resize', this._handleResize, { passive: true });
+        this.addEventListener('transitionend', this._boundHandleTransitionEnd);
     }
     firstUpdated(props) {
         super.firstUpdated(props);
@@ -61,12 +110,8 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
             accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
         });
         this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-        const mutationObserver = new MutationObserver(() => {
-            this.style.height = 'auto';
-            this._setOriginalHeightValue();
-            this.hidden ? this._collapse() : this._expand();
-        });
-        mutationObserver.observe(this, { childList: true, subtree: true });
+        this._mutationObserver = new MutationObserver(this._handleMutation);
+        this._mutationObserver.observe(this, { childList: true, subtree: true });
     }
     _setHeight(height) {
         this.style.height = height;
@@ -76,9 +121,18 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
         this.setAttribute('labelledby', regionId);
     }
     disconnectedCallback() {
+        var _a, _b;
         super.disconnectedCallback();
-        this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
-        window.removeEventListener('resize', this._setStylingOptions);
+        (_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
+        (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        window.removeEventListener('resize', this._handleResize);
+        this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
+        if (this._resizeDebounceTimer !== null) {
+            window.cancelAnimationFrame(this._resizeDebounceTimer);
+        }
+        if (this._mutationDebounceTimer !== null) {
+            window.clearTimeout(this._mutationDebounceTimer);
+        }
     }
 };
 tslib_es6.__decorate([

package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.js.map CHANGED Viewed

	@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/form/select/model/select_option_mapper.js CHANGED Viewed

@@ -10,8 +10,7 @@ class SelectOptionMapper {
         const $optionContent = $option.querySelector(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.optionContent);
         const optionContentText = ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.textContent) || ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.innerText);
         const value = $option.getAttribute('value');
-        // Allow empty string for placeholder option, but not null/undefined
-        if (value === null || value === undefined)
+        if (!value)
             throw new Error('h-option must contain a unique value');
         if (!optionContentText)
             throw new Error('h-options must contains a h-option-content element inside');

package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.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;~~"}
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;"}

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

@@ -44,6 +44,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         this.noDeselect = false;
         this.assistiveTitleId = '';
         this.translations = {};
+        this.selectedIndex = -1;
         this._selectOptionsId = v4['default']();
         this._searchValue = '';
         this._$options = new Map();
@@ -57,8 +58,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
             const $options = this._getOptions();
             this._$options = $options.reduce((acc, $option) => {
                 const value = $option.getAttribute('value');
-                // Allow empty string for placeholder option, but not null/undefined
-                if (value === null || value === undefined)
+                if (!value)
                     throw Error('Select option must hava a value');
                 if (acc.has(value))
                     throw Error('Select options must hava a unique values.');
@@ -176,20 +176,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         if (this.multiple)
             this.type = select_constants.SELECT_TYPES.multiple;
     }
-    get selectedIndex() {
-        const selectedOptions = this._selectController.selectedOptions$.getValue();
-        if (!selectedOptions || selectedOptions.length === 0)
-            return -1;
-        const htmlOptions = Array.from(this._$options.values());
-        return this.multiple
-            ? select_utils.SelectControlUtils.getFirstIndexSelectedOption(htmlOptions)
-            : select_utils.SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
-    }
-    set selectedIndex(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;
         const selectedOptions = (_a = this._selectController.selectedOptions$.getValue()) !== null && _a !== void 0 ? _a : [];
@@ -204,6 +190,20 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
     get options() {
         return Array.from(this._$options.values());
     }
+    _getSelectedIndex() {
+        const selectedOptions = this._selectController.selectedOptions$.getValue();
+        if (!selectedOptions || selectedOptions.length === 0)
+            return -1;
+        const htmlOptions = Array.from(this._$options.values());
+        return this.multiple
+            ? select_utils.SelectControlUtils.getFirstIndexSelectedOption(htmlOptions)
+            : select_utils.SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
+    }
+    _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));
+    }
     updated(changedProperties) {
         var _a, _b;
         super.updated(changedProperties);
@@ -218,7 +218,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         }
         if (changedProperties.has('optionsList')) {
             this._updateOptions();
-            this._addPlaceholderOptionIfNeeded();
         }
         if (this._$optionsList.value) {
             (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
@@ -238,6 +237,12 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
                 $list: this._$optionsList.value
             });
         }
+        if (changedProperties.has('selectedIndex')) {
+            const currentIndex = this._getSelectedIndex();
+            if (this.selectedIndex !== currentIndex) {
+                this._applySelectedIndex(this.selectedIndex);
+            }
+        }
     }
     _focusElementAfterSelectOpened() {
         var _a;
@@ -267,7 +272,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         this._selectedOptionsAriaObserver = new observer.Observer((selectedOptions) => this._updateLabelAria(selectedOptions));
         this._selectController.selectedOptions$.subscribe(this._selectedOptionsAriaObserver);
         this._updateOptions();
-        this._addPlaceholderOptionIfNeeded();
         this._setupEvents();
     }
     attributeChangedCallback(name, _old, value) {
@@ -280,38 +284,6 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
                 this.disabled ? this.classList.add(select_constants.SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(select_constants.SELECT_CSS_CLASSES.selectDisabled);
         }
     }
-    _addPlaceholderOptionIfNeeded() {
-        if (this.multiple)
-            return;
-        const selectedOptions = this._selectController.selectedOptions$.getValue();
-        if (selectedOptions && selectedOptions.length > 0)
-            return;
-        const $existingPlaceholder = this.querySelector('h-option[data-placeholder]');
-        if ($existingPlaceholder)
-            return;
-        const $placeholderOption = document.createElement('h-option');
-        $placeholderOption.value = '';
-        $placeholderOption.selected = true;
-        $placeholderOption.setAttribute('data-placeholder', 'true');
-        $placeholderOption.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.content);
-        $placeholderOption.setAttribute('disabled', 'true');
-        const $optionContent = document.createElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.optionContent);
-        if (typeof this.$placeholder === 'string') {
-            $optionContent.textContent = this.$placeholder;
-        }
-        else {
-            $optionContent.innerHTML = this.$placeholder.innerHTML;
-        }
-        $placeholderOption.appendChild($optionContent);
-        const firstOption = this.querySelector(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option);
-        if (firstOption) {
-            this.insertBefore($placeholderOption, firstOption);
-        }
-        else {
-            this.appendChild($placeholderOption);
-        }
-        this._updateOptions();
-    }
     _setupEvents() {
         this.addEventListener(select_constants.SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
         this.addEventListener(select_components_constatns.SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
@@ -564,6 +536,10 @@ tslib_es6.__decorate([
     }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HSelect.prototype, "translations", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Number, attribute: 'selected-index' }),
+    tslib_es6.__metadata("design:type", Number)
+], exports.HSelect.prototype, "selectedIndex", 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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -7,14 +7,20 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
     private _accordionGroupProps;
     private _accordionGroupPropsObserver;
     private _originalHeight;
-    private _transitionDuration;
+    private _resizeDebounceTimer;
+    private _mutationDebounceTimer;
+    private _mutationObserver;
+    private _boundHandleTransitionEnd;
     constructor();
     connectedCallback(): void;
     firstUpdated(props: PropertyValues): void;
+    private _handleResize;
     private _setStylingOptions;
     private _subscribeObserver;
+    private _handleMutation;
     private _setOriginalHeightValue;
     private _expand;
+    private _handleTransitionEnd;
     private _collapse;
     private _setHeight;
     private _setAttributes;

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

@@ -8,43 +8,92 @@ import { ContextConsumerController } from '../../core/context/context_consumer_c
 import { ACCORDION_CONTEXTS } from './accordion_constants.js';
 import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
+const RESIZE_DEBOUNCE_MS = 150;
+const MUTATION_DEBOUNCE_MS = 100;
 let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
     constructor() {
         super();
         this.transitionName = 'accordion-toggle';
+        this._resizeDebounceTimer = null;
+        this._mutationDebounceTimer = null;
+        this._mutationObserver = null;
+        this._handleResize = () => {
+            if (this._resizeDebounceTimer !== null) {
+                window.cancelAnimationFrame(this._resizeDebounceTimer);
+            }
+            this._resizeDebounceTimer = window.requestAnimationFrame(() => {
+                setTimeout(() => {
+                    this._setStylingOptions();
+                }, RESIZE_DEBOUNCE_MS);
+            });
+        };
         this._setStylingOptions = () => {
-            this.style.setProperty('display', 'block', 'important');
-            this.style.height = 'auto';
-            this._setOriginalHeightValue();
-            this.style.display = '';
-            this.style.height = this._originalHeight;
+            requestAnimationFrame(() => {
+                const previousDisplay = this.style.display;
+                this.style.display = 'block';
+                this.style.height = 'auto';
+                requestAnimationFrame(() => {
+                    this._setOriginalHeightValue();
+                    this.style.display = previousDisplay;
+                    this.style.height = this.hidden ? '0px' : this._originalHeight;
+                });
+            });
+        };
+        this._handleMutation = () => {
+            if (this._mutationDebounceTimer !== null) {
+                window.clearTimeout(this._mutationDebounceTimer);
+            }
+            this._mutationDebounceTimer = window.setTimeout(() => {
+                requestAnimationFrame(() => {
+                    this.style.height = 'auto';
+                    requestAnimationFrame(() => {
+                        this._setOriginalHeightValue();
+                        if (this.hidden) {
+                            this.style.height = '0px';
+                        }
+                        else {
+                            this.style.height = this._originalHeight;
+                        }
+                    });
+                });
+            }, MUTATION_DEBOUNCE_MS);
         };
         this._setOriginalHeightValue = () => {
             const newHeight = this.getBoundingClientRect().height;
-            if (newHeight !== 0 || this.children.length === 0)
+            if (newHeight !== 0 || this.children.length === 0) {
                 this._originalHeight = `${newHeight}px`;
+            }
         };
         this._expand = () => {
             this._setHeight(this._originalHeight);
-            setTimeout(() => {
+        };
+        this._handleTransitionEnd = (e) => {
+            if (e.propertyName !== 'height' || e.target !== this) {
+                return;
+            }
+            if (!this.hidden && this.style.height !== '0px') {
                 this.style.height = 'auto';
-            }, this._transitionDuration);
+            }
         };
         this._collapse = () => {
-            this._setHeight(this._originalHeight);
+            const currentHeight = this.getBoundingClientRect().height;
+            this._setHeight(`${currentHeight}px`);
             requestAnimationFrame(() => {
-                this._setHeight('0px');
+                requestAnimationFrame(() => {
+                    this._setHeight('0px');
+                });
             });
         };
         this.setAttribute('role', 'region');
+        this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
     }
     connectedCallback() {
         super.connectedCallback();
         this._contextConsumer = new ContextConsumerController(this);
         this._transitionController = new TransitionController(this, this.transitionName);
         this._subscribeObserver();
-        window.addEventListener('resize', this._setStylingOptions);
-        this._transitionDuration = parseFloat(getComputedStyle(this).transitionDuration) * 1000;
+        window.addEventListener('resize', this._handleResize, { passive: true });
+        this.addEventListener('transitionend', this._boundHandleTransitionEnd);
     }
     firstUpdated(props) {
         super.firstUpdated(props);
@@ -57,12 +106,8 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
             accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
         });
         this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-        const mutationObserver = new MutationObserver(() => {
-            this.style.height = 'auto';
-            this._setOriginalHeightValue();
-            this.hidden ? this._collapse() : this._expand();
-        });
-        mutationObserver.observe(this, { childList: true, subtree: true });
+        this._mutationObserver = new MutationObserver(this._handleMutation);
+        this._mutationObserver.observe(this, { childList: true, subtree: true });
     }
     _setHeight(height) {
         this.style.height = height;
@@ -72,9 +117,18 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
         this.setAttribute('labelledby', regionId);
     }
     disconnectedCallback() {
+        var _a, _b;
         super.disconnectedCallback();
-        this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
-        window.removeEventListener('resize', this._setStylingOptions);
+        (_a = this._accordionGroupProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionGroupPropsObserver);
+        (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        window.removeEventListener('resize', this._handleResize);
+        this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
+        if (this._resizeDebounceTimer !== null) {
+            window.cancelAnimationFrame(this._resizeDebounceTimer);
+        }
+        if (this._mutationDebounceTimer !== null) {
+            window.clearTimeout(this._mutationDebounceTimer);
+        }
     }
 };
 __decorate([

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

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

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

@@ -6,8 +6,7 @@ class SelectOptionMapper {
         const $optionContent = $option.querySelector(SELECT_RELATED_COMPONENTS_NAMES.optionContent);
         const optionContentText = ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.textContent) || ($optionContent === null || $optionContent === void 0 ? void 0 : $optionContent.innerText);
         const value = $option.getAttribute('value');
-        // Allow empty string for placeholder option, but not null/undefined
-        if (value === null || value === undefined)
+        if (!value)
             throw new Error('h-option must contain a unique value');
         if (!optionContentText)
             throw new Error('h-options must contains a h-option-content element inside');

package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.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;~~"}
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;"}

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

@@ -24,9 +24,8 @@ export declare class HSelect extends PhoenixLightLitElement {
     noDeselect: boolean;
     assistiveTitleId: string;
     translations: Record<string, string>;
+    selectedIndex: number;
     private _selectOptionsId;
-    get selectedIndex(): number;
-    set selectedIndex(index: number);
     get selectedOptions(): (HOption | undefined)[];
     get name(): string;
     get id(): string;
@@ -47,13 +46,14 @@ export declare class HSelect extends PhoenixLightLitElement {
     private $placeholder;
     private $searchLabel;
     constructor();
+    private _getSelectedIndex;
+    private _applySelectedIndex;
     updated(changedProperties: PropertyValues): void;
     private _focusElementAfterSelectOpened;
     connectedCallback(): void;
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     private _updateOptions;
     private _getOptions;
-    private _addPlaceholderOptionIfNeeded;
     private _setupEvents;
     private _handleOptionDeselect;
     private _updateOptionsView;

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

@@ -40,6 +40,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         this.noDeselect = false;
         this.assistiveTitleId = '';
         this.translations = {};
+        this.selectedIndex = -1;
         this._selectOptionsId = v4();
         this._searchValue = '';
         this._$options = new Map();
@@ -53,8 +54,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
             const $options = this._getOptions();
             this._$options = $options.reduce((acc, $option) => {
                 const value = $option.getAttribute('value');
-                // Allow empty string for placeholder option, but not null/undefined
-                if (value === null || value === undefined)
+                if (!value)
                     throw Error('Select option must hava a value');
                 if (acc.has(value))
                     throw Error('Select options must hava a unique values.');
@@ -172,20 +172,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         if (this.multiple)
             this.type = SELECT_TYPES.multiple;
     }
-    get selectedIndex() {
-        const selectedOptions = this._selectController.selectedOptions$.getValue();
-        if (!selectedOptions || selectedOptions.length === 0)
-            return -1;
-        const htmlOptions = Array.from(this._$options.values());
-        return this.multiple
-            ? SelectControlUtils.getFirstIndexSelectedOption(htmlOptions)
-            : SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
-    }
-    set selectedIndex(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;
         const selectedOptions = (_a = this._selectController.selectedOptions$.getValue()) !== null && _a !== void 0 ? _a : [];
@@ -200,6 +186,20 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
     get options() {
         return Array.from(this._$options.values());
     }
+    _getSelectedIndex() {
+        const selectedOptions = this._selectController.selectedOptions$.getValue();
+        if (!selectedOptions || selectedOptions.length === 0)
+            return -1;
+        const htmlOptions = Array.from(this._$options.values());
+        return this.multiple
+            ? SelectControlUtils.getFirstIndexSelectedOption(htmlOptions)
+            : SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
+    }
+    _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));
+    }
     updated(changedProperties) {
         var _a, _b;
         super.updated(changedProperties);
@@ -214,7 +214,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         }
         if (changedProperties.has('optionsList')) {
             this._updateOptions();
-            this._addPlaceholderOptionIfNeeded();
         }
         if (this._$optionsList.value) {
             (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
@@ -234,6 +233,12 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
                 $list: this._$optionsList.value
             });
         }
+        if (changedProperties.has('selectedIndex')) {
+            const currentIndex = this._getSelectedIndex();
+            if (this.selectedIndex !== currentIndex) {
+                this._applySelectedIndex(this.selectedIndex);
+            }
+        }
     }
     _focusElementAfterSelectOpened() {
         var _a;
@@ -263,7 +268,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         this._selectedOptionsAriaObserver = new Observer((selectedOptions) => this._updateLabelAria(selectedOptions));
         this._selectController.selectedOptions$.subscribe(this._selectedOptionsAriaObserver);
         this._updateOptions();
-        this._addPlaceholderOptionIfNeeded();
         this._setupEvents();
     }
     attributeChangedCallback(name, _old, value) {
@@ -276,38 +280,6 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
                 this.disabled ? this.classList.add(SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(SELECT_CSS_CLASSES.selectDisabled);
         }
     }
-    _addPlaceholderOptionIfNeeded() {
-        if (this.multiple)
-            return;
-        const selectedOptions = this._selectController.selectedOptions$.getValue();
-        if (selectedOptions && selectedOptions.length > 0)
-            return;
-        const $existingPlaceholder = this.querySelector('h-option[data-placeholder]');
-        if ($existingPlaceholder)
-            return;
-        const $placeholderOption = document.createElement('h-option');
-        $placeholderOption.value = '';
-        $placeholderOption.selected = true;
-        $placeholderOption.setAttribute('data-placeholder', 'true');
-        $placeholderOption.setAttribute('slot', SELECT_SLOT_NAMES.content);
-        $placeholderOption.setAttribute('disabled', 'true');
-        const $optionContent = document.createElement(SELECT_RELATED_COMPONENTS_NAMES.optionContent);
-        if (typeof this.$placeholder === 'string') {
-            $optionContent.textContent = this.$placeholder;
-        }
-        else {
-            $optionContent.innerHTML = this.$placeholder.innerHTML;
-        }
-        $placeholderOption.appendChild($optionContent);
-        const firstOption = this.querySelector(SELECT_RELATED_COMPONENTS_NAMES.option);
-        if (firstOption) {
-            this.insertBefore($placeholderOption, firstOption);
-        }
-        else {
-            this.appendChild($placeholderOption);
-        }
-        this._updateOptions();
-    }
     _setupEvents() {
         this.addEventListener(SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
         this.addEventListener(SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
@@ -560,6 +532,10 @@ __decorate([
     }),
     __metadata("design:type", Object)
 ], HSelect.prototype, "translations", void 0);
+__decorate([
+    property({ type: Number, attribute: 'selected-index' }),
+    __metadata("design:type", Number)
+], HSelect.prototype, "selectedIndex", 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;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;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.2-9",
+  "version": "1.18.3-0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",