@shoper/phoenix_design_system 1.18.9 → 1.18.10-1

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

@@ -4,17 +4,21 @@ import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/pho
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
 import { ContextProviderController } from '../../core/context/context_provider_controller.js';
-import { ACCORDION_MODE, ACCORDION_CONTEXTS } from './accordion_constants.js';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
+import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
 
 let HAccordion = class HAccordion extends PhoenixLightLitElement {
     constructor() {
         super();
         this.disabled = false;
         this.mode = ACCORDION_MODE.multi;
-        this._accordionSubject = new BehaviorSubject(this._getProps());
-        this._accordionContext = new ContextProviderController(this);
-        this._accordionContext.provide(ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
-        this.setAttribute('role', 'none');
+        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionSubject = new BehaviorSubject(this._getProps());
+            this._accordionContext = new ContextProviderController(this);
+            this._accordionContext.provide(ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
+            this.setAttribute('role', 'none');
+        }
     }
     enable() {
         this.disabled = false;
@@ -26,7 +30,12 @@ let HAccordion = class HAccordion extends PhoenixLightLitElement {
         this.notify();
     }
     notify() {
-        this._accordionSubject.notify(this._getProps());
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this.dispatchEvent(new Event(ACCORDION_EVENTS.update));
+        }
+        else {
+            this._accordionSubject.notify(this._getProps());
+        }
     }
     _getProps() {
         return {

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

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

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

@@ -1,11 +1,16 @@
 export declare const ACCORDION_EVENTS: {
     readonly toggle: "toggle";
+    readonly update: "updateAccordion";
 };
 export declare const ACCORDION_CONTEXTS: {
-    readonly accordionProps: "accordionPropsSubject";
-    readonly accordionGroupProps: "accordionGroupPropsSubject";
+    accordionProps: string;
+    accordionGroupProps: string;
+};
+export declare const ACCORDION_CSS_CLASSES: {
+    readonly open: "accordion__details_open";
 };
 export declare const ACCORDION_MODE: {
     readonly single: "single";
     readonly multi: "multi";
 };
+export declare const ACCORDION_ANIMATION_DURATION = 400;

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

@@ -1,14 +1,19 @@
 const ACCORDION_EVENTS = {
-    toggle: 'toggle'
+    toggle: 'toggle',
+    update: 'updateAccordion'
 };
 const ACCORDION_CONTEXTS = {
     accordionProps: 'accordionPropsSubject',
     accordionGroupProps: 'accordionGroupPropsSubject'
 };
+const ACCORDION_CSS_CLASSES = {
+    open: 'accordion__details_open'
+};
 const ACCORDION_MODE = {
     single: 'single',
     multi: 'multi'
-};
+};
+const ACCORDION_ANIMATION_DURATION = 400;
 
-export { ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_MODE };
+export { ACCORDION_ANIMATION_DURATION, ACCORDION_CONTEXTS, ACCORDION_CSS_CLASSES, ACCORDION_EVENTS, ACCORDION_MODE };
 //# sourceMappingURL=accordion_constants.js.map

package/build/esm/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;"}
+{"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;"}

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

@@ -11,6 +11,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
     private _mutationDebounceTimer;
     private _mutationObserver;
     private _boundHandleTransitionEnd;
+    private _isDevAccordionOptimizationFlagEnabled;
     constructor();
     connectedCallback(): void;
     firstUpdated(props: PropertyValues): void;

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

@@ -6,6 +6,7 @@ import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_eleme
 import { Observer } from '../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
 import { ACCORDION_CONTEXTS } from './accordion_constants.js';
+import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
 import { TransitionController } from '../../controllers/transition_controller/transition_controller.js';
 
 const RESIZE_DEBOUNCE_MS = 150;
@@ -68,6 +69,8 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
             this._setHeight(this._originalHeight);
         };
         this._handleTransitionEnd = (e) => {
+            if (this._isDevAccordionOptimizationFlagEnabled)
+                return;
             if (e.propertyName !== 'height' || e.target !== this) {
                 return;
             }
@@ -84,20 +87,33 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
                 });
             });
         };
-        this.setAttribute('role', 'region');
-        this._boundHandleTransitionEnd = this._handleTransitionEnd.bind(this);
+        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this.slot = this.hasAttribute('slot') ? this.slot : 'content';
+        }
+        else {
+            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._handleResize, { passive: true });
-        this.addEventListener('transitionend', this._boundHandleTransitionEnd);
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._contextConsumer = new ContextConsumerController(this);
+            this._transitionController = new 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-content');
+        }
     }
     firstUpdated(props) {
         super.firstUpdated(props);
-        this._setStylingOptions();
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._setStylingOptions();
+        }
     }
     async _subscribeObserver() {
         this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
@@ -119,15 +135,17 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
     disconnectedCallback() {
         var _a, _b;
         super.disconnectedCallback();
-        (_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);
+        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);
+            }
         }
     }
 };

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

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

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

@@ -1,5 +1,6 @@
 import type { IAccordion, IAccordionGroup } from './accordion_types';
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { PropertyValues } from 'lit';
 export declare class HAccordionGroup extends PhoenixLightLitElement implements IAccordionGroup, IAccordion {
     opened: boolean;
     private _isDisabled;
@@ -11,13 +12,22 @@ export declare class HAccordionGroup extends PhoenixLightLitElement implements I
     private _accordionContextConsumer;
     private _accordionProps;
     private _accordionPropsObserver;
+    private _$parentAccordion;
+    private _detailsRef;
+    private _togglerId;
+    private _isDevAccordionOptimizationFlagEnabled;
     constructor();
     connectedCallback(): void;
+    firstUpdated(props: PropertyValues): void;
     private _subscribeObserver;
     disconnectedCallback(): void;
+    private _syncWithParentAccordion;
     show(): void;
     hide(): void;
+    private _dispatchToggleEvent;
     toggle(): void;
+    private _handleSingleModeConstraint;
+    private _hideOtherDetailsGroups;
     enable(): void;
     disable(): void;
     private _accordionToggle;
@@ -25,4 +35,6 @@ export declare class HAccordionGroup extends PhoenixLightLitElement implements I
     notify(): void;
     protected updated(_changedProperties: Map<string, unknown>): void;
     private _getProps;
+    private _summaryClickHandler;
+    protected render(): unknown;
 }

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

@@ -1,4 +1,5 @@
 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';
@@ -6,7 +7,11 @@ import { Observer } from '../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
 import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
 import { ContextProviderController } from '../../core/context/context_provider_controller.js';
-import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
+import v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_CSS_CLASSES, ACCORDION_ANIMATION_DURATION } from './accordion_constants.js';
+import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
+import { createRef, ref } from 'lit/directives/ref';
+import { when } from 'lit/directives/when';
 
 let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
     constructor() {
@@ -16,19 +21,63 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         this._regionId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
         this._controlsId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
         this._mode = ACCORDION_MODE.multi;
+        this._$parentAccordion = null;
+        this._detailsRef = createRef();
+        this._togglerId = v4();
+        this._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._accordionGroupPropsSubject = new BehaviorSubject(this._getProps());
-        this._accordionGroupContext = new ContextProviderController(this);
-        this._accordionGroupContext.provide(ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
-        this.setAttribute('role', 'none');
+        this._summaryClickHandler = (ev) => {
+            ev.preventDefault();
+            if (!this._isDisabled)
+                this.toggle();
+        };
+        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionGroupPropsSubject = new BehaviorSubject(this._getProps());
+            this._accordionGroupContext = new ContextProviderController(this);
+            this._accordionGroupContext.provide(ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
+            this.setAttribute('role', 'none');
+        }
     }
     connectedCallback() {
+        var _a;
         super.connectedCallback();
-        this._accordionContextConsumer = new ContextConsumerController(this);
-        this._subscribeObserver();
-        this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this._$parentAccordion = this.closest('h-accordion');
+            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.addEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
+            this._syncWithParentAccordion();
+        }
+        else {
+            this._accordionContextConsumer = new ContextConsumerController(this);
+            this._subscribeObserver();
+            this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+        }
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        if (this.opened && this._isDevAccordionOptimizationFlagEnabled)
+            this.show();
     }
     async _subscribeObserver() {
         this._accordionProps = await this._accordionContextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionProps);
@@ -48,34 +97,102 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         this._accordionProps.subscribe(this._accordionPropsObserver);
     }
     disconnectedCallback() {
-        this._accordionProps.unsubscribe(this._accordionPropsObserver);
-        this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+        var _a;
+        super.disconnectedCallback();
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            (_a = this._$parentAccordion) === null || _a === void 0 ? void 0 : _a.removeEventListener(ACCORDION_EVENTS.update, this._syncWithParentAccordion);
+        }
+        else {
+            this._accordionProps.unsubscribe(this._accordionPropsObserver);
+            this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+        }
     }
     show() {
-        if (this._mode === ACCORDION_MODE.single)
-            this._closeOtherAccordionGroups();
-        this.opened = true;
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this._handleSingleModeConstraint();
+            const $details = this._detailsRef.value;
+            if (!$details)
+                return;
+            $details.setAttribute('open', '');
+            requestAnimationFrame(() => {
+                $details.classList.add(ACCORDION_CSS_CLASSES.open);
+            });
+            this._dispatchToggleEvent($details, true);
+        }
+        else {
+            if (this._mode === ACCORDION_MODE.single)
+                this._closeOtherAccordionGroups();
+            this.opened = true;
+        }
     }
     hide() {
-        this.opened = false;
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            const $details = this._detailsRef.value;
+            if (!$details)
+                return;
+            $details.classList.remove(ACCORDION_CSS_CLASSES.open);
+            setTimeout(() => {
+                $details.removeAttribute('open');
+            }, ACCORDION_ANIMATION_DURATION);
+            this._dispatchToggleEvent($details, false);
+        }
+        else {
+            this.opened = false;
+        }
+    }
+    _dispatchToggleEvent($details, open) {
+        this.emitCustomEvent(ACCORDION_EVENTS.toggle, {
+            detail: { open, target: $details }
+        });
     }
     toggle() {
-        if (this._mode === ACCORDION_MODE.single)
-            this._closeOtherAccordionGroups();
-        this.opened = !this.opened;
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this._handleSingleModeConstraint();
+            const $details = this._detailsRef.value;
+            if (!$details)
+                return;
+            const isOpen = $details.hasAttribute('open');
+            isOpen ? this.hide() : this.show();
+        }
+        else {
+            if (this._mode === ACCORDION_MODE.single)
+                this._closeOtherAccordionGroups();
+            this.opened = !this.opened;
+        }
+    }
+    _handleSingleModeConstraint() {
+        if (this._mode === ACCORDION_MODE.single) {
+            this._hideOtherDetailsGroups();
+        }
     }
     enable() {
-        if (this._isDisabled) {
-            this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
-            this.hide();
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            if (!this._isDisabled)
+                return;
             this._isDisabled = false;
+            this.hide();
+        }
+        else {
+            if (this._isDisabled) {
+                this.addEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+                this.hide();
+                this._isDisabled = false;
+            }
         }
     }
     disable() {
-        if (!this._isDisabled) {
-            this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
-            this.show();
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            if (this._isDisabled)
+                return;
             this._isDisabled = true;
+            this.show();
+        }
+        else {
+            if (!this._isDisabled) {
+                this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
+                this.show();
+                this._isDisabled = true;
+            }
         }
     }
     _closeOtherAccordionGroups() {
@@ -87,14 +204,18 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         }
     }
     notify() {
-        this._accordionGroupPropsSubject.notify(this._getProps());
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionGroupPropsSubject.notify(this._getProps());
+        }
     }
     updated(_changedProperties) {
-        if (_changedProperties.has('opened') ||
-            _changedProperties.has('_isDisabled') ||
-            _changedProperties.has('_regionId') ||
-            _changedProperties.has('_controlsId')) {
-            this.notify();
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            if (_changedProperties.has('opened') ||
+                _changedProperties.has('_isDisabled') ||
+                _changedProperties.has('_regionId') ||
+                _changedProperties.has('_controlsId')) {
+                this.notify();
+            }
         }
     }
     _getProps() {
@@ -105,6 +226,26 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
             controlsId: this._controlsId
         };
     }
+    render() {
+        return when(this._isDevAccordionOptimizationFlagEnabled, () => html `
+            <details
+                ${ref(this._detailsRef)}
+                class="accordion__details ${this._isDisabled ? 'accordion__details_disabled' : ''}"
+                aria-disabled="${this._isDisabled ? 'true' : 'false'}"
+                aria-labelledby="${this._togglerId}"
+            >
+                <summary
+                    class="accordion__summary"
+                    id="${this._togglerId}"
+                    @click=${this._summaryClickHandler}
+                >
+                    ${this.getSlot('toggler')}
+                </summary>
+
+                ${this.getSlot('content')}
+            </details>
+        `);
+    }
 };
 __decorate([
     property({ type: Boolean, reflect: true }),

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,qDAAyD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

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

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

@@ -1,4 +1,5 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { FeatureFlagUtils } from '@dreamcommerce/utilities';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../core/classes/observer/observer.js';
@@ -18,15 +19,23 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
         this._emitTogglerClicked = () => {
             this.emitCustomEvent(ACCORDION_EVENTS.toggle);
         };
-        this._contextConsumer = new ContextConsumerController(this);
+        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
+        if (this._isDevAccordionOptimizationFlagEnabled) {
+            this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
+        }
+        else {
+            this._contextConsumer = new ContextConsumerController(this);
+        }
     }
     async connectedCallback() {
         super.connectedCallback();
-        this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
-        this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
-        this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-        this.addEventListener('click', this._emitTogglerClicked);
-        this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
+        if (!this._isDevAccordionOptimizationFlagEnabled) {
+            this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
+            this._accordionGroupPropsObserver = new Observer((accordionProps) => this._setAttributes(accordionProps));
+            this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
+            this.addEventListener('click', this._emitTogglerClicked);
+            this.addEventListener('keydown', this._emitTogglerClickedWithKeyboard);
+        }
     }
     _setAttributes({ regionId, opened, controlsId, disabled }) {
         this.setAttribute('id', regionId);
@@ -43,7 +52,7 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
         }
     }
     disconnectedCallback() {
-        if (this._accordionGroupProps) {
+        if (this._accordionGroupProps && !this._isDevAccordionOptimizationFlagEnabled) {
             this._accordionGroupProps.unsubscribe(this._accordionGroupPropsObserver);
         }
     }

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

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

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

@@ -180,7 +180,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         };
         const $options = Array.from(this.querySelectorAll(SELECT_RELATED_COMPONENTS_NAMES.option));
         $options.forEach(($option) => $option.setAttribute('slot', SELECT_SLOT_NAMES.content));
-        this.$placeholder = (_a = this.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`)) !== null && _a !== void 0 ? _a : 'Select';
+        const $placeholderEl = this.querySelector(`[slot="${SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`);
+        this.$placeholder = ($placeholderEl && ((_a = $placeholderEl.textContent) === null || _a === void 0 ? void 0 : _a.trim())) ? $placeholderEl : 'Select';
         if (this.multiple)
             this.type = SELECT_TYPES.multiple;
     }

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

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

@@ -7,8 +7,8 @@ import v4 from '../../../../../external/uuid/dist/esm-browser/v4.js';
 import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP, PORTAL_TARGET_ATTRIBUTE_NAME } from '../portal/portal_constants.js';
 import { ClickOutsideController } from '../../controllers/click_outside_controller/click_outside_controller.js';
 import { RelativePositionController } from '../../controllers/relative_position_controller/relative_position_controller.js';
-import { DEFAULT_MESSAGE_PORTAL_NAME, DEFAULT_MESSAGE_OFFSET, LIST_OF_MESSAGE_CHILDREN, MESSAGE_SHOW_DELAY_IN_MS, MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS, MESSAGE_REMOVED_CLASS_NAME, MESSAGE_CLOSE_DELAY_IN_MS, MESSAGE_CONTENT_ELEMENTS, SCREEN_READER_ONLY_CLASS_NAME, MESSAGE_CONTENT_SLOT_NAME } from './base_message_constants.js';
 import { createRef, ref } from 'lit/directives/ref';
+import { DEFAULT_MESSAGE_PORTAL_NAME, DEFAULT_MESSAGE_OFFSET, LIST_OF_MESSAGE_CHILDREN, MESSAGE_SHOW_DELAY_IN_MS, MESSAGE_TIME_TO_DELAY_CLOSING_IN_MS, MESSAGE_REMOVED_CLASS_NAME, MESSAGE_CLOSE_DELAY_IN_MS, MESSAGE_CONTENT_ELEMENTS, SCREEN_READER_ONLY_CLASS_NAME, MESSAGE_CONTENT_SLOT_NAME } from './base_message_constants.js';
 
 class BaseMessage extends PhoenixLightLitElement {
     constructor() {

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

@@ -71,7 +71,7 @@ export { HRadioControl } from './components/form/radio/radio_control.js';
 export { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_CONTROL_EVENTS, TEXTAREA_PROPS_TO_SYNC, TEXTAREA_SLOTS } from './components/form/textarea/textarea_constants.js';
 export { HTextarea } from './components/form/textarea/textarea.js';
 export { HTextareaControl } from './components/form/textarea/textarea_control.js';
-export { ACCORDION_CONTEXTS, ACCORDION_EVENTS, ACCORDION_MODE } from './components/accordion/accordion_constants.js';
+export { ACCORDION_ANIMATION_DURATION, ACCORDION_CONTEXTS, ACCORDION_CSS_CLASSES, ACCORDION_EVENTS, ACCORDION_MODE } from './components/accordion/accordion_constants.js';
 export { HAccordion } from './components/accordion/accordion.js';
 export { HAccordionGroup } from './components/accordion/accordion_group.js';
 export { HAccordionContent } from './components/accordion/accordion_content.js';

package/build/esm/packages/utilities/build/esm/packages/utilities/src/feature_flag_utils.js

@@ -0,0 +1,22 @@
+import { JsonUtils } from './json_utils.js';
+
+class FeatureFlagUtils {
+    static _initialize() {
+        if (this._flags !== null)
+            return;
+        const $script = document.getElementById('featureFlags');
+        this._flags = $script ? this._toObjectFromJsonScriptTag($script) : null;
+    }
+    static _toObjectFromJsonScriptTag(scriptTag) {
+        const scriptContent = scriptTag.textContent;
+        return JsonUtils.fromJson(scriptContent) || {};
+    }
+    static isEnabled(flagName) {
+        this._initialize();
+        return !!this._flags[flagName];
+    }
+}
+FeatureFlagUtils._flags = null;
+
+export { FeatureFlagUtils };
+//# sourceMappingURL=feature_flag_utils.js.map