@shoper/phoenix_design_system 1.18.10-7 → 1.18.11

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

@@ -9,20 +9,16 @@ var phoenix_custom_element = require('../../core/decorators/phoenix_custom_eleme
 var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
 var context_provider_controller = require('../../core/context/context_provider_controller.js');
 var accordion_constants = require('./accordion_constants.js');
-var feature_flag_utils = require('../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js');
 
 exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
         this.disabled = false;
         this.mode = accordion_constants.ACCORDION_MODE.multi;
-        this._isDevAccordionOptimizationFlagEnabled = feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_optimization');
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._accordionSubject = new behavior_subject.BehaviorSubject(this._getProps());
-            this._accordionContext = new context_provider_controller.ContextProviderController(this);
-            this._accordionContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
-            this.setAttribute('role', 'none');
-        }
+        this._accordionSubject = new behavior_subject.BehaviorSubject(this._getProps());
+        this._accordionContext = new context_provider_controller.ContextProviderController(this);
+        this._accordionContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
+        this.setAttribute('role', 'none');
     }
     enable() {
         this.disabled = false;
@@ -34,12 +30,7 @@ exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixL
         this.notify();
     }
     notify() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this.dispatchEvent(new Event(accordion_constants.ACCORDION_EVENTS.update));
-        }
-        else {
-            this._accordionSubject.notify(this._getProps());
-        }
+        this._accordionSubject.notify(this._getProps());
     }
     _getProps() {
         return {

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

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

package/build/cjs/packages/phoenix/src/components/accordion/accordion_constants.js

@@ -3,26 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const ACCORDION_EVENTS = {
-    toggle: 'toggle',
-    update: 'updateAccordion'
+    toggle: 'toggle'
 };
 const ACCORDION_CONTEXTS = {
     accordionProps: 'accordionPropsSubject',
     accordionGroupProps: 'accordionGroupPropsSubject'
 };
-const ACCORDION_CSS_CLASSES = {
-    open: 'accordion__details_open',
-    content: 'accordion__content'
-};
 const ACCORDION_MODE = {
     single: 'single',
     multi: 'multi'
-};
-const ACCORDION_ANIMATION_DURATION = 400;
+};
 
-exports.ACCORDION_ANIMATION_DURATION = ACCORDION_ANIMATION_DURATION;
 exports.ACCORDION_CONTEXTS = ACCORDION_CONTEXTS;
-exports.ACCORDION_CSS_CLASSES = ACCORDION_CSS_CLASSES;
 exports.ACCORDION_EVENTS = ACCORDION_EVENTS;
 exports.ACCORDION_MODE = ACCORDION_MODE;
 //# sourceMappingURL=accordion_constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -5,14 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 require('lit');
 var decorators = require('lit/decorators');
-var utilities = require('@dreamcommerce/utilities');
 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 observer = require('../../core/classes/observer/observer.js');
 var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
 var accordion_constants = require('./accordion_constants.js');
-var feature_flag_utils = require('../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js');
-var accordion_group = require('./accordion_group.js');
 var transition_controller = require('../../controllers/transition_controller/transition_controller.js');
 
 const RESIZE_DEBOUNCE_MS = 150;
@@ -75,8 +72,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
             this._setHeight(this._originalHeight);
         };
         this._handleTransitionEnd = (e) => {
-            if (this._isDevAccordionOptimizationFlagEnabled)
-                return;
             if (e.propertyName !== 'height' || e.target !== this) {
                 return;
             }
@@ -93,39 +88,20 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
                 });
             });
         };
-        this._isDevAccordionOptimizationFlagEnabled = feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_optimization');
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this.parentElement instanceof accordion_group.HAccordionGroup) {
-                this.slot = this.hasAttribute('slot') ? this.slot : 'content';
-            }
-            else {
-                const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof accordion_group.HAccordionGroup);
-                contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'content');
-            }
-        }
-        else {
-            this.setAttribute('role', 'region');
-            this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
-        }
+        this.setAttribute('role', 'region');
+        this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
     }
     connectedCallback() {
         super.connectedCallback();
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
-            this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
-            this._subscribeObserver();
-            window.addEventListener('resize', this._handleResize, { passive: true });
-            this.addEventListener('transitionend', this._boundHandleTransitionEnd);
-        }
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this.classList.add(accordion_constants.ACCORDION_CSS_CLASSES.content);
-        }
+        this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
+        this._transitionController = new transition_controller.TransitionController(this, this.transitionName);
+        this._subscribeObserver();
+        window.addEventListener('resize', this._handleResize, { passive: true });
+        this.addEventListener('transitionend', this._boundHandleTransitionEnd);
     }
     firstUpdated(props) {
         super.firstUpdated(props);
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._setStylingOptions();
-        }
+        this._setStylingOptions();
     }
     async _subscribeObserver() {
         this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
@@ -147,17 +123,15 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
     disconnectedCallback() {
         var _a, _b;
         super.disconnectedCallback();
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            (_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);
-            }
+        (_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);
         }
     }
 };

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

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

@@ -3,7 +3,6 @@
 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');
@@ -11,11 +10,7 @@ var observer = require('../../core/classes/observer/observer.js');
 var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
 var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
 var context_provider_controller = require('../../core/context/context_provider_controller.js');
-var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
 var accordion_constants = require('./accordion_constants.js');
-var feature_flag_utils = require('../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js');
-var ref = require('lit/directives/ref');
-var when = require('lit/directives/when');
 
 exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
@@ -25,74 +20,19 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
         this._regionId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
         this._controlsId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
         this._mode = accordion_constants.ACCORDION_MODE.multi;
-        this._$parentAccordion = null;
-        this._detailsRef = ref.createRef();
-        this._togglerId = v4['default']();
-        this._animationFrameId = null;
-        this._closeTimeoutId = null;
-        this._syncWithParentAccordion = () => {
-            if (!this._$parentAccordion)
-                return;
-            this._mode = this._$parentAccordion.mode;
-            const shouldBeDisabled = this._$parentAccordion.disabled;
-            const hasDisabledStateChanged = shouldBeDisabled !== this._isDisabled;
-            if (hasDisabledStateChanged) {
-                shouldBeDisabled ? this.disable() : this.enable();
-            }
-        };
-        this._hideOtherDetailsGroups = () => {
-            var _a;
-            if (this._isDisabled)
-                return;
-            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.querySelectorAll('h-accordion-group').forEach(($accordionGroup) => {
-                if ($accordionGroup === this)
-                    return;
-                $accordionGroup.hide();
-            });
-        };
         this._accordionToggle = () => {
             this.toggle();
         };
-        this._summaryClickHandler = (ev) => {
-            ev.preventDefault();
-            if (!this._isDisabled)
-                this.toggle();
-        };
-        this._isDevAccordionOptimizationFlagEnabled = feature_flag_utils.FeatureFlagUtils.isEnabled('dev_accordion_optimization');
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._accordionGroupPropsSubject = new behavior_subject.BehaviorSubject(this._getProps());
-            this._accordionGroupContext = new context_provider_controller.ContextProviderController(this);
-            this._accordionGroupContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
-            this.setAttribute('role', 'none');
-        }
+        this._accordionGroupPropsSubject = new behavior_subject.BehaviorSubject(this._getProps());
+        this._accordionGroupContext = new context_provider_controller.ContextProviderController(this);
+        this._accordionGroupContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
+        this.setAttribute('role', 'none');
     }
     connectedCallback() {
-        var _a;
         super.connectedCallback();
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this._addClassedToSlottedContentElements();
-            this._$parentAccordion = this.closest('h-accordion');
-            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.addEventListener(accordion_constants.ACCORDION_EVENTS.update, this._syncWithParentAccordion);
-            this._syncWithParentAccordion();
-        }
-        else {
-            this._accordionContextConsumer = new context_consumer_controller.ContextConsumerController(this);
-            this._subscribeObserver();
-            this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-        }
-    }
-    _addClassedToSlottedContentElements() {
-        const slottedContentElements = Array.from(this.querySelectorAll('[slot="content"]'));
-        slottedContentElements.forEach(($element) => {
-            $element.classList.add(accordion_constants.ACCORDION_CSS_CLASSES.content);
-        });
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this.opened)
-                this.show();
-        }
+        this._accordionContextConsumer = new context_consumer_controller.ContextConsumerController(this);
+        this._subscribeObserver();
+        this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
     }
     async _subscribeObserver() {
         this._accordionProps = await this._accordionContextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionProps);
@@ -112,116 +52,34 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
         this._accordionProps.subscribe(this._accordionPropsObserver);
     }
     disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.removeEventListener(accordion_constants.ACCORDION_EVENTS.update, this._syncWithParentAccordion);
-        }
-        else {
-            this._accordionProps.unsubscribe(this._accordionPropsObserver);
-            this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-        }
+        this._accordionProps.unsubscribe(this._accordionPropsObserver);
+        this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
     }
     show() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this._handleSingleModeConstraint();
-            const $details = this._detailsRef.value;
-            if (!$details)
-                return;
-            this._clearPendingAnimations();
-            $details.setAttribute('open', '');
-            this._animationFrameId = requestAnimationFrame(() => {
-                $details.classList.add(accordion_constants.ACCORDION_CSS_CLASSES.open);
-                this._animationFrameId = null;
-            });
-            this._dispatchToggleEvent($details, true);
-        }
-        else {
-            if (this._mode === accordion_constants.ACCORDION_MODE.single)
-                this._closeOtherAccordionGroups();
-            this.opened = true;
-        }
+        if (this._mode === accordion_constants.ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
+        this.opened = true;
     }
     hide() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            const $details = this._detailsRef.value;
-            if (!$details)
-                return;
-            this._clearPendingAnimations();
-            $details.classList.remove(accordion_constants.ACCORDION_CSS_CLASSES.open);
-            this._closeTimeoutId = setTimeout(() => {
-                $details.removeAttribute('open');
-                this._closeTimeoutId = null;
-            }, accordion_constants.ACCORDION_ANIMATION_DURATION);
-            this._dispatchToggleEvent($details, false);
-        }
-        else {
-            this.opened = false;
-        }
-    }
-    _clearPendingAnimations() {
-        if (this._animationFrameId !== null) {
-            cancelAnimationFrame(this._animationFrameId);
-            this._animationFrameId = null;
-        }
-        if (this._closeTimeoutId !== null) {
-            clearTimeout(this._closeTimeoutId);
-            this._closeTimeoutId = null;
-        }
-    }
-    _dispatchToggleEvent($details, open) {
-        this.emitCustomEvent(accordion_constants.ACCORDION_EVENTS.toggle, {
-            detail: { open, target: $details }
-        });
+        this.opened = false;
     }
     toggle() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this._handleSingleModeConstraint();
-            const $details = this._detailsRef.value;
-            if (!$details)
-                return;
-            const isOpen = $details.hasAttribute('open');
-            isOpen ? this.hide() : this.show();
-        }
-        else {
-            if (this._mode === accordion_constants.ACCORDION_MODE.single)
-                this._closeOtherAccordionGroups();
-            this.opened = !this.opened;
-        }
-    }
-    _handleSingleModeConstraint() {
-        if (this._mode === accordion_constants.ACCORDION_MODE.single) {
-            this._hideOtherDetailsGroups();
-        }
+        if (this._mode === accordion_constants.ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
+        this.opened = !this.opened;
     }
     enable() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (!this._isDisabled)
-                return;
-            this._isDisabled = false;
+        if (this._isDisabled) {
+            this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
             this.hide();
-        }
-        else {
-            if (this._isDisabled) {
-                this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-                this.hide();
-                this._isDisabled = false;
-            }
+            this._isDisabled = false;
         }
     }
     disable() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this._isDisabled)
-                return;
-            this._isDisabled = true;
+        if (!this._isDisabled) {
+            this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
             this.show();
-        }
-        else {
-            if (!this._isDisabled) {
-                this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
-                this.show();
-                this._isDisabled = true;
-            }
+            this._isDisabled = true;
         }
     }
     _closeOtherAccordionGroups() {
@@ -233,18 +91,14 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
         }
     }
     notify() {
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._accordionGroupPropsSubject.notify(this._getProps());
-        }
+        this._accordionGroupPropsSubject.notify(this._getProps());
     }
     updated(_changedProperties) {
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            if (_changedProperties.has('opened') ||
-                _changedProperties.has('_isDisabled') ||
-                _changedProperties.has('_regionId') ||
-                _changedProperties.has('_controlsId')) {
-                this.notify();
-            }
+        if (_changedProperties.has('opened') ||
+            _changedProperties.has('_isDisabled') ||
+            _changedProperties.has('_regionId') ||
+            _changedProperties.has('_controlsId')) {
+            this.notify();
         }
     }
     _getProps() {
@@ -255,26 +109,6 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
             controlsId: this._controlsId
         };
     }
-    render() {
-        return when.when(this._isDevAccordionOptimizationFlagEnabled, () => lit.html `
-            <details
-                ${ref.ref(this._detailsRef)}
-                class="accordion__details ${this._isDisabled ? 'accordion__details_disabled' : ''}"
-                aria-disabled="${this._isDisabled ? 'true' : 'false'}"
-                aria-labelledby="${this._togglerId}"
-            >
-                <summary
-                    class="accordion__summary"
-                    id="${this._togglerId}"
-                    @click=${this._summaryClickHandler}
-                >
-                    ${this.getSlot('toggler')}
-                </summary>
-
-                ${this.getSlot('content')}
-            </details>
-        `);
-    }
 };
 tslib_es6.__decorate([
     decorators.property({ type: Boolean, reflect: true }),

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

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

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

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var utilities = require('@dreamcommerce/utilities');
 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 observer = require('../../core/classes/observer/observer.js');
 var context_consumer_controller = require('../../core/context/context_consumer_controller.js');
 var accordion_constants = require('./accordion_constants.js');
-var accordion_group = require('./accordion_group.js');
 
 exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
@@ -24,29 +22,15 @@ exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_el
         this._emitTogglerClicked = () => {
             this.emitCustomEvent(accordion_constants.ACCORDION_EVENTS.toggle);
         };
-        this._isDevAccordionOptimizationFlagEnabled = utilities.FeatureFlagUtils.isEnabled('dev_accordion_optimization');
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this.parentElement instanceof accordion_group.HAccordionGroup) {
-                this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
-            }
-            else {
-                const contentToSlot = utilities.UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof accordion_group.HAccordionGroup);
-                contentToSlot === null || contentToSlot === void 0 ? void 0 : contentToSlot.setAttribute('slot', 'toggler');
-            }
-        }
-        else {
-            this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
-        }
+        this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
     }
     async connectedCallback() {
         super.connectedCallback();
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
-            this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
-            this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-            this.addEventListener('click', this._emitTogglerClicked);
-            this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
-        }
+        this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
+        this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
+        this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
+        this.addEventListener('click', this._emitTogglerClicked);
+        this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
     }
     _setAttributes({ regionId, opened, controlsId, disabled }) {
         this.setAttribute('id', regionId);
@@ -63,7 +47,7 @@ exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_el
         }
     }
     disconnectedCallback() {
-        if (this._accordionGroupProps && !this._isDevAccordionOptimizationFlagEnabled) {
+        if (this._accordionGroupProps) {
             this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
         }
     }

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

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

package/build/cjs/packages/phoenix/src/components/messages/base_message.js

@@ -11,8 +11,8 @@ var v4 = require('../../../../../external/uuid/dist/esm-browser/v4.js');
 var portal_constants = require('../portal/portal_constants.js');
 var click_outside_controller = require('../../controllers/click_outside_controller/click_outside_controller.js');
 var relative_position_controller = require('../../controllers/relative_position_controller/relative_position_controller.js');
-var ref = require('lit/directives/ref');
 var base_message_constants = require('./base_message_constants.js');
+var ref = require('lit/directives/ref');
 
 class BaseMessage extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/modal/modal.js

@@ -24,6 +24,7 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
         this.class = '';
         this.transition = 'scale';
         this.modalLabel = '';
+        this.noAutofocus = false;
         this._firstFocusableElement = undefined;
         this._focusableElements = null;
         this._lastFocusableElement = undefined;
@@ -39,11 +40,13 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
                     document.addEventListener('keydown', this._bindCloseOnEsc);
                     document.addEventListener(backdrop_constants.BACKDROP_EVENTS.clicked, this.close);
                     this._dispatchModalOpenedEvent();
-                    setTimeout(() => {
-                        var _a;
-                        (_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
-                        window.scrollTo(0, scrollY);
-                    }, 0);
+                    if (!this.noAutofocus) {
+                        setTimeout(() => {
+                            var _a;
+                            (_a = this._firstFocusableElement) === null || _a === void 0 ? void 0 : _a.focus();
+                            window.scrollTo(0, scrollY);
+                        }, 0);
+                    }
                 },
                 false: () => {
                     HModal_1.openModals = HModal_1.openModals.filter((modal) => modal !== this);
@@ -168,6 +171,8 @@ exports.HModal = HModal_1 = class HModal extends phoenix_light_lit_element.Phoen
         }
     }
     _setFocusToFirstFocusableElementInModalOrCloseBtn() {
+        if (this.noAutofocus)
+            return;
         requestAnimationFrame(() => {
             if (this._contentRef.value) {
                 const focusableElements = utilities.UiDomUtils.getFocusableElements(this._contentRef.value);
@@ -247,6 +252,10 @@ tslib_es6.__decorate([
     decorators_js.property({ type: String, attribute: 'modal-label' }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HModal.prototype, "modalLabel", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean, attribute: 'no-autofocus' }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HModal.prototype, "noAutofocus", void 0);
 tslib_es6.__decorate([
     decorators_js.state(),
     tslib_es6.__metadata("design:type", Object)

package/build/cjs/packages/phoenix/src/components/modal/modal.js.map

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

@@ -467,9 +467,7 @@ Object.defineProperty(exports, 'HTextareaControl', {
 		return textarea_control.HTextareaControl;
 	}
 });
-exports.ACCORDION_ANIMATION_DURATION = accordion_constants.ACCORDION_ANIMATION_DURATION;
 exports.ACCORDION_CONTEXTS = accordion_constants.ACCORDION_CONTEXTS;
-exports.ACCORDION_CSS_CLASSES = accordion_constants.ACCORDION_CSS_CLASSES;
 exports.ACCORDION_EVENTS = accordion_constants.ACCORDION_EVENTS;
 exports.ACCORDION_MODE = accordion_constants.ACCORDION_MODE;
 Object.defineProperty(exports, 'HAccordion', {