@shoper/phoenix_design_system 1.18.10-7 → 1.18.10-8

package/build/cjs/packages/phoenix/src/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -5,7 +5,6 @@ export declare class HAccordion extends PhoenixLightLitElement implements IAccor
     mode: TAccordionMode;
     private _accordionSubject;
     private _accordionContext;
-    private _isDevAccordionOptimizationFlagEnabled;
     constructor();
     enable(): void;
     disable(): void;

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

@@ -4,21 +4,17 @@ 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, ACCORDION_EVENTS } from './accordion_constants.js';
-import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS } from './accordion_constants.js';
 
 let HAccordion = class HAccordion extends PhoenixLightLitElement {
     constructor() {
         super();
         this.disabled = false;
         this.mode = ACCORDION_MODE.multi;
-        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');
-        }
+        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;
@@ -30,12 +26,7 @@ let HAccordion = class HAccordion extends PhoenixLightLitElement {
         this.notify();
     }
     notify() {
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            this.dispatchEvent(new Event(ACCORDION_EVENTS.update));
-        }
-        else {
-            this._accordionSubject.notify(this._getProps());
-        }
+        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;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;"}

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

@@ -1,17 +1,11 @@
 export declare const ACCORDION_EVENTS: {
     readonly toggle: "toggle";
-    readonly update: "updateAccordion";
 };
 export declare const ACCORDION_CONTEXTS: {
-    accordionProps: string;
-    accordionGroupProps: string;
-};
-export declare const ACCORDION_CSS_CLASSES: {
-    readonly open: "accordion__details_open";
-    readonly content: "accordion__content";
+    readonly accordionProps: "accordionPropsSubject";
+    readonly accordionGroupProps: "accordionGroupPropsSubject";
 };
 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,20 +1,14 @@
 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;
+};
 
-export { ACCORDION_ANIMATION_DURATION, ACCORDION_CONTEXTS, ACCORDION_CSS_CLASSES, ACCORDION_EVENTS, ACCORDION_MODE };
+export { ACCORDION_CONTEXTS, 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;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;"}

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

@@ -1,29 +1,13 @@
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { PropertyValues } from 'lit';
 export declare class HAccordionContent extends PhoenixLightLitElement {
     transitionName: string;
     private _transitionController;
     private _contextConsumer;
     private _accordionGroupProps;
     private _accordionGroupPropsObserver;
-    private _originalHeight;
-    private _resizeDebounceTimer;
-    private _mutationDebounceTimer;
-    private _mutationObserver;
-    private _boundHandleTransitionEnd;
-    private _isDevAccordionOptimizationFlagEnabled;
     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;
     disconnectedCallback(): void;
 }

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

@@ -1,160 +1,40 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import 'lit';
 import { property } from 'lit/decorators';
-import { UiDomUtils } from '@dreamcommerce/utilities';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
-import { ACCORDION_CSS_CLASSES, ACCORDION_CONTEXTS } from './accordion_constants.js';
-import { FeatureFlagUtils } from '../../../../utilities/build/esm/packages/utilities/src/feature_flag_utils.js';
-import { HAccordionGroup } from './accordion_group.js';
+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 = () => {
-            requestAnimationFrame(() => {
-                const previousDisplay = this.style.display;
-                this.style.setProperty('display', 'block', 'important');
-                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) {
-                this._originalHeight = `${newHeight}px`;
-            }
-        };
-        this._expand = () => {
-            this._setHeight(this._originalHeight);
-        };
-        this._handleTransitionEnd = (e) => {
-            if (this._isDevAccordionOptimizationFlagEnabled)
-                return;
-            if (e.propertyName !== 'height' || e.target !== this) {
-                return;
-            }
-            if (!this.hidden && this.style.height !== '0px') {
-                this.style.height = 'auto';
-            }
-        };
-        this._collapse = () => {
-            const currentHeight = this.getBoundingClientRect().height;
-            this._setHeight(`${currentHeight}px`);
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => {
-                    this._setHeight('0px');
-                });
-            });
-        };
-        this._isDevAccordionOptimizationFlagEnabled = FeatureFlagUtils.isEnabled('dev_accordion_optimization');
-        if (this._isDevAccordionOptimizationFlagEnabled) {
-            if (this.parentElement instanceof HAccordionGroup) {
-                this.slot = this.hasAttribute('slot') ? this.slot : 'content';
-            }
-            else {
-                const contentToSlot = UiDomUtils.findParentByCondition(this, ($el) => $el.parentElement instanceof 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');
     }
     connectedCallback() {
         super.connectedCallback();
-        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_CSS_CLASSES.content);
-        }
-    }
-    firstUpdated(props) {
-        super.firstUpdated(props);
-        if (!this._isDevAccordionOptimizationFlagEnabled) {
-            this._setStylingOptions();
-        }
+        this._contextConsumer = new ContextConsumerController(this);
+        this._transitionController = new TransitionController(this, this.transitionName);
+        this._subscribeObserver();
     }
     async _subscribeObserver() {
         this._accordionGroupProps = await this._contextConsumer.consumeAsync(ACCORDION_CONTEXTS.accordionGroupProps);
         this._accordionGroupPropsObserver = new Observer((accordionProps) => {
             this._setAttributes(accordionProps);
-            accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);
+            accordionProps.opened ? this._transitionController.show() : this._transitionController.hide();
         });
         this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
-        this._mutationObserver = new MutationObserver(this._handleMutation);
-        this._mutationObserver.observe(this, { childList: true, subtree: true });
-    }
-    _setHeight(height) {
-        this.style.height = height;
     }
     _setAttributes({ regionId, controlsId }) {
         this.setAttribute('id', controlsId);
         this.setAttribute('labelledby', regionId);
     }
     disconnectedCallback() {
-        var _a, _b;
+        var _a;
         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);
     }
 };
 __decorate([

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;AACA;AACA;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;"}

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

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