@shoper/phoenix_design_system 1.18.39 → 1.18.41-0

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

@@ -19,10 +19,12 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
         super();
         this.transitionName = 'accordion-toggle';
         this.isDevAccordionOptimizationFlagEnabled = false;
+        this.isDevAccordionSafariFlashFixEnabled = false;
         this._resizeObserver = null;
         this._isTransitioning = false;
         this._resizeDebounceTimer = null;
         this._mutationDebounceTimer = null;
+        this._lastViewportWidth = window.innerWidth;
         this._mutationObserver = null;
         this._handleResizeObserver = () => {
             if (this._isTransitioning || this.hidden || this.style.height === '0px')
@@ -36,26 +38,47 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
             this.style.display = previousDisplay;
         };
         this._handleResize = () => {
+            if (this.isDevAccordionSafariFlashFixEnabled) {
+                if (this._isIosViewportHeightOnlyResize())
+                    return;
+                this._lastViewportWidth = window.innerWidth;
+            }
             if (this._resizeDebounceTimer !== null) {
-                window.cancelAnimationFrame(this._resizeDebounceTimer);
+                const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
+                clearMethod(this._resizeDebounceTimer);
+            }
+            if (this.isDevAccordionSafariFlashFixEnabled) {
+                this._resizeDebounceTimer = window.setTimeout(this._setStylingOptions, RESIZE_DEBOUNCE_MS);
+            }
+            else {
+                this._resizeDebounceTimer = requestAnimationFrame(() => {
+                    setTimeout(() => {
+                        this._setStylingOptions();
+                    }, RESIZE_DEBOUNCE_MS);
+                });
             }
-            this._resizeDebounceTimer = window.requestAnimationFrame(() => {
-                setTimeout(() => {
-                    this._setStylingOptions();
-                }, RESIZE_DEBOUNCE_MS);
-            });
         };
         this._setStylingOptions = () => {
-            requestAnimationFrame(() => {
+            if (this.isDevAccordionSafariFlashFixEnabled) {
                 const previousDisplay = this.style.display;
                 this.style.setProperty('display', 'block', 'important');
                 this.style.height = 'auto';
+                this._setOriginalHeightValue(this.getBoundingClientRect().height);
+                this.style.display = previousDisplay;
+                this.style.height = this.hidden ? '0px' : this._originalHeight;
+            }
+            else {
                 requestAnimationFrame(() => {
-                    this._setOriginalHeightValue(this.getBoundingClientRect().height);
-                    this.style.display = previousDisplay;
-                    this.style.height = this.hidden ? '0px' : this._originalHeight;
+                    const previousDisplay = this.style.display;
+                    this.style.setProperty('display', 'block', 'important');
+                    this.style.height = 'auto';
+                    requestAnimationFrame(() => {
+                        this._setOriginalHeightValue(this.getBoundingClientRect().height);
+                        this.style.display = previousDisplay;
+                        this.style.height = this.hidden ? '0px' : this._originalHeight;
+                    });
                 });
-            });
+            }
         };
         this._setOriginalHeightValue = (height) => {
             if (height !== 0 || this.children.length === 0) {
@@ -64,7 +87,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
         };
         this._handleMutation = () => {
             if (this._mutationDebounceTimer !== null) {
-                window.clearTimeout(this._mutationDebounceTimer);
+                clearTimeout(this._mutationDebounceTimer);
             }
             this._mutationDebounceTimer = window.setTimeout(() => {
                 requestAnimationFrame(() => {
@@ -148,6 +171,9 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
             this._setStylingOptions();
         }
     }
+    _isIosViewportHeightOnlyResize() {
+        return window.innerWidth === this._lastViewportWidth;
+    }
     _setupImageLoadListeners() {
         const images = this.querySelectorAll('img');
         images.forEach((img) => {
@@ -208,10 +234,11 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
             (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
             window.removeEventListener('resize', this._handleResize);
             if (this._resizeDebounceTimer !== null) {
-                window.cancelAnimationFrame(this._resizeDebounceTimer);
+                const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
+                clearMethod(this._resizeDebounceTimer);
             }
             if (this._mutationDebounceTimer !== null) {
-                window.clearTimeout(this._mutationDebounceTimer);
+                clearTimeout(this._mutationDebounceTimer);
             }
         }
         const images = this.querySelectorAll('img');
@@ -219,7 +246,6 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
             img.removeEventListener('load', this._boundHandleImageLoad);
             img.removeEventListener('error', this._boundHandleImageLoad);
         });
-        window.removeEventListener('resize', this._handleResize);
         this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
     }
 };
@@ -231,6 +257,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
     tslib_es6.__metadata("design:type", Boolean)
 ], exports.HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, attribute: 'is-dev-accordion-safari-flash-fix-enabled' }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HAccordionContent.prototype, "isDevAccordionSafariFlashFixEnabled", void 0);
 exports.HAccordionContent = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-accordion-content'),
     tslib_es6.__metadata("design:paramtypes", [])

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

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

@@ -52,7 +52,9 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
         this._accordionProps.subscribe(this._accordionPropsObserver);
     }
     disconnectedCallback() {
-        this._accordionProps.unsubscribe(this._accordionPropsObserver);
+        var _a;
+        super.disconnectedCallback();
+        (_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
         this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
     }
     show() {

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

package/build/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js

@@ -3,10 +3,13 @@
 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 btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 var input_stepper_constants = require('./input_stepper_constants.js');
 
 exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -17,8 +20,11 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
             decrement: input_stepper_constants.INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement
         };
         this.type = '';
+        this.disabled = false;
         this._dispatchStepperEvent = (ev) => {
             ev.stopImmediatePropagation();
+            if (this.disabled)
+                return;
             if (!this.type)
                 throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
             if (!this._allowedEvents[this.type])
@@ -26,16 +32,27 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
             this.emitCustomEvent(this._allowedEvents[this.type]);
         };
         this._btnController = new btn_controller.BtnController(this, this._dispatchStepperEvent);
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({ host: this });
     }
     connectedCallback() {
         super.connectedCallback();
         this.addEventListener(input_stepper_constants.INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
     }
+    updated(changedProperties) {
+        if (!changedProperties.has('disabled'))
+            return;
+        this.setAttribute('aria-disabled', String(this.disabled));
+        this.disabled ? utilities.UiDomUtils.makeUnnavigable(this) : utilities.UiDomUtils.makeNavigable(this);
+    }
 };
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HButtonStepper.prototype, "type", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HButtonStepper.prototype, "disabled", void 0);
 exports.HButtonStepper = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.button),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/input_stepper/button_stepper.js.map

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

package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js

@@ -10,12 +10,14 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
 var observer = require('../../../core/classes/observer/observer.js');
 var context_consumer_controller = require('../../../core/context/context_consumer_controller.js');
 var ref_js = require('lit-html/directives/ref.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 var input_stepper_constants = require('./input_stepper_constants.js');
 
 exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
-        super(...arguments);
+        super();
         this._controlId = '';
+        this.disabled = false;
         this._inputRef = ref_js.createRef();
         this._dispatchToggleEvent = (ev) => {
             const $input = ev.target;
@@ -28,6 +30,7 @@ exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_elemen
                 }
             });
         };
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({ host: this });
     }
     async connectedCallback() {
         super.connectedCallback();
@@ -75,6 +78,7 @@ exports.HDisplayStepper = class HDisplayStepper extends phoenix_light_lit_elemen
             @change="${this._dispatchToggleEvent}"
             inputmode="decimal"
             aria-label="${this.ariaLabel}"
+            ?disabled="${this.disabled}"
         />`;
     }
 };
@@ -82,7 +86,12 @@ tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HDisplayStepper.prototype, "_controlId", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HDisplayStepper.prototype, "disabled", void 0);
 exports.HDisplayStepper = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.input)
+    phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.input),
+    tslib_es6.__metadata("design:paramtypes", [])
 ], exports.HDisplayStepper);
 //# sourceMappingURL=display_stepper.js.map

package/build/cjs/packages/phoenix/src/components/form/input_stepper/display_stepper.js.map

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

package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js

@@ -3,16 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+require('lit');
 var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var behavior_subject = require('../../../core/classes/behavior_subject/behavior_subject.js');
 var context_provider_controller = require('../../../core/context/context_provider_controller.js');
+var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
 var input_stepper_constants = require('./input_stepper_constants.js');
 
 exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
-        super(...arguments);
+        super();
         this.controlId = '';
         this.allowedFractionDigits = null;
         this.roundTo = 0;
@@ -20,7 +22,10 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
         this.min = -Infinity;
         this.max = Infinity;
         this.step = 1;
+        this.disabled = false;
         this.increment = () => {
+            if (this.disabled)
+                return;
             if (this.value === this.max) {
                 this.value = this.max;
                 return;
@@ -29,6 +34,8 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
             this._dispatchChangedValue(this.value);
         };
         this.decrement = () => {
+            if (this.disabled)
+                return;
             if (this.value === this.min) {
                 this.value = this.min;
                 return;
@@ -37,6 +44,8 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
             this._dispatchChangedValue(this.value);
         };
         this.changeValue = (ev) => {
+            if (this.disabled)
+                return;
             const value = ev.detail.value;
             this.setValue(value);
             this._dispatchChangedValue(this.value);
@@ -69,6 +78,10 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
                 detail: { value }
             });
         };
+        new control_props_sync_provider_controller.ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [input_stepper_constants.INPUT_STEPPER_PROPS_TO_SYNC.disabled]
+        });
     }
     connectedCallback() {
         super.connectedCallback();
@@ -107,8 +120,11 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
     _outsideRangeEdges(number) {
         return number > this.max || number < this.min;
     }
-    updated() {
+    updated(changedProperties) {
         var _a;
+        if (changedProperties.has('disabled')) {
+            this.classList.toggle(input_stepper_constants.INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
+        }
         if (this._outsideRangeEdges(this.value))
             return;
         const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
@@ -144,7 +160,12 @@ tslib_es6.__decorate([
     decorators.property({ type: Number, reflect: true }),
     tslib_es6.__metadata("design:type", Number)
 ], exports.HInputStepper.prototype, "step", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HInputStepper.prototype, "disabled", void 0);
 exports.HInputStepper = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.control)
+    phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.control),
+    tslib_es6.__metadata("design:paramtypes", [])
 ], exports.HInputStepper);
 //# sourceMappingURL=input_stepper.js.map

package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper.js.map

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

package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js

@@ -13,7 +13,8 @@ const INPUT_STEPPER_CUSTOM_EVENT_NAMES = {
     decrement: 'decrement'
 };
 const INPUT_STEPPER_CLASS_NAMES = {
-    displayInput: 'input-stepper__value_input'
+    displayInput: 'input-stepper__value_input',
+    inputStepperDisabled: 'input-stepper_disabled'
 };
 const INPUT_STEPPER_COMPONENT_NAMES = {
     control: 'h-input-stepper',
@@ -22,6 +23,9 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
 };
 const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
     stepperContext: 'stepperContext'
+};
+const INPUT_STEPPER_PROPS_TO_SYNC = {
+    disabled: 'disabled'
 };
 
 exports.INPUT_STEPPER_CLASS_NAMES = INPUT_STEPPER_CLASS_NAMES;
@@ -29,4 +33,5 @@ exports.INPUT_STEPPER_COMPONENT_NAMES = INPUT_STEPPER_COMPONENT_NAMES;
 exports.INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES;
 exports.INPUT_STEPPER_CUSTOM_EVENT_NAMES = INPUT_STEPPER_CUSTOM_EVENT_NAMES;
 exports.INPUT_STEPPER_EVENT_NAMES = INPUT_STEPPER_EVENT_NAMES;
+exports.INPUT_STEPPER_PROPS_TO_SYNC = INPUT_STEPPER_PROPS_TO_SYNC;
 //# sourceMappingURL=input_stepper_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/input_stepper/input_stepper_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;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;"}

package/build/cjs/packages/phoenix/src/components/form/radio/radio.js

@@ -30,11 +30,7 @@ exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitE
         this._updateCssClassesBasedOnProps();
     }
     _updateCssClassesBasedOnProps() {
-        const classes = [
-            radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled,
-            radio_constants.RADIO_CONTROL_CSS_CLASSES.radioReadonly,
-            radio_constants.RADIO_CONTROL_CSS_CLASSES.radioError
-        ];
+        const classes = [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled, radio_constants.RADIO_CONTROL_CSS_CLASSES.radioReadonly, radio_constants.RADIO_CONTROL_CSS_CLASSES.radioError];
         this.classList.remove(...classes);
         const cssClasses = index['default']({
             [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,

package/build/cjs/packages/phoenix/src/components/form/radio/radio.js.map

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

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

@@ -15,7 +15,6 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
         super(...arguments);
         this.settings = '';
         this.id = '';
-        this.isSliderOptimizationFlagEnabled = false;
         this._settings = {
             mountOnConnectedCallback: true,
             type: 'loop',
@@ -36,35 +35,17 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
             if ($focusableSlideChildren.length === 0)
                 return;
             let updateFocusability;
-            if (this.isSliderOptimizationFlagEnabled) {
-                updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? utilities.UiDomUtils.showFocusableElement : utilities.UiDomUtils.hideFocusableElement;
-            }
-            else {
-                updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
-            }
+            updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? utilities.UiDomUtils.showFocusableElement : utilities.UiDomUtils.hideFocusableElement;
             $focusableSlideChildren.forEach(($element) => updateFocusability($element));
         };
         this._scanMutationsForNewFocusableElements = (mutationList) => {
-            if (this.isSliderOptimizationFlagEnabled) {
-                for (const mutation of mutationList) {
-                    for (const addedNode of mutation.addedNodes) {
-                        if (!(addedNode instanceof HTMLElement))
-                            continue;
-                        if (utilities.UiDomUtils.isFocusable(addedNode))
-                            this._initializeFocusableElement(addedNode);
-                        const $focusableChildren = [...addedNode.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
-                        $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
-                    }
-                }
-            }
-            else {
-                for (const mutation of mutationList) {
-                    if (mutation.type !== 'childList')
+            for (const mutation of mutationList) {
+                for (const addedNode of mutation.addedNodes) {
+                    if (!(addedNode instanceof HTMLElement))
                         continue;
-                    const $target = mutation.target;
-                    const isFocusable = utilities.UiDomUtils.isFocusable($target);
-                    const $focusableChildren = [...$target.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
-                    isFocusable && this._initializeFocusableElement($target);
+                    if (utilities.UiDomUtils.isFocusable(addedNode))
+                        this._initializeFocusableElement(addedNode);
+                    const $focusableChildren = [...addedNode.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
                     $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
                 }
             }
@@ -96,22 +77,8 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
         }
         this._slider.on('visible', this._showFocusableNodes);
         this._slider.on('hidden', this._hideFocusableNodes);
-        if (this.isSliderOptimizationFlagEnabled) {
-            this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
-            this._mutationObserver.observe(this, { childList: true, subtree: true });
-        }
-        else {
-            const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
-            mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
-        }
-    }
-    _showFocusableElement($element) {
-        $element.setAttribute('tabindex', '0');
-        $element.removeAttribute('aria-hidden');
-    }
-    _hideFocusableElement($element) {
-        $element.setAttribute('tabindex', '-1');
-        $element.setAttribute('aria-hidden', 'true');
+        this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
+        this._mutationObserver.observe(this, { childList: true, subtree: true });
     }
     getSlider() {
         return this._slider;
@@ -121,10 +88,8 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
         super.disconnectedCallback();
         (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
         (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
-        if (this.isSliderOptimizationFlagEnabled) {
-            (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-            this._mutationObserver = null;
-        }
+        (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+        this._mutationObserver = null;
     }
 };
 tslib_es6.__decorate([
@@ -135,10 +100,6 @@ tslib_es6.__decorate([
     decorators.property(),
     tslib_es6.__metadata("design:type", String)
 ], exports.HSlider.prototype, "id", void 0);
-tslib_es6.__decorate([
-    decorators.property({ attribute: 'is-slider-optimization-flag-enabled' }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSlider.prototype, "isSliderOptimizationFlagEnabled", void 0);
 exports.HSlider = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-slider')
 ], exports.HSlider);

package/build/cjs/packages/phoenix/src/components/slider/slider.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,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,yBAAyB,gEAAoE;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -3,6 +3,7 @@ import { PropertyValues } from 'lit';
 export declare class HAccordionContent extends PhoenixLightLitElement {
     transitionName: string;
     isDevAccordionOptimizationFlagEnabled: boolean;
+    isDevAccordionSafariFlashFixEnabled: boolean;
     private _transitionController;
     private _contextConsumer;
     private _accordionGroupProps;
@@ -12,6 +13,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
     private _isTransitioning;
     private _resizeDebounceTimer;
     private _mutationDebounceTimer;
+    private _lastViewportWidth;
     private _mutationObserver;
     private _boundHandleTransitionEnd;
     private _boundHandleImageLoad;
@@ -20,6 +22,7 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
     firstUpdated(props: PropertyValues): void;
     private _handleResizeObserver;
     private _updateOriginalHeight;
+    private _isIosViewportHeightOnlyResize;
     private _handleResize;
     private _setStylingOptions;
     private _setOriginalHeightValue;

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

@@ -15,10 +15,12 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
         super();
         this.transitionName = 'accordion-toggle';
         this.isDevAccordionOptimizationFlagEnabled = false;
+        this.isDevAccordionSafariFlashFixEnabled = false;
         this._resizeObserver = null;
         this._isTransitioning = false;
         this._resizeDebounceTimer = null;
         this._mutationDebounceTimer = null;
+        this._lastViewportWidth = window.innerWidth;
         this._mutationObserver = null;
         this._handleResizeObserver = () => {
             if (this._isTransitioning || this.hidden || this.style.height === '0px')
@@ -32,26 +34,47 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
             this.style.display = previousDisplay;
         };
         this._handleResize = () => {
+            if (this.isDevAccordionSafariFlashFixEnabled) {
+                if (this._isIosViewportHeightOnlyResize())
+                    return;
+                this._lastViewportWidth = window.innerWidth;
+            }
             if (this._resizeDebounceTimer !== null) {
-                window.cancelAnimationFrame(this._resizeDebounceTimer);
+                const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
+                clearMethod(this._resizeDebounceTimer);
+            }
+            if (this.isDevAccordionSafariFlashFixEnabled) {
+                this._resizeDebounceTimer = window.setTimeout(this._setStylingOptions, RESIZE_DEBOUNCE_MS);
+            }
+            else {
+                this._resizeDebounceTimer = requestAnimationFrame(() => {
+                    setTimeout(() => {
+                        this._setStylingOptions();
+                    }, RESIZE_DEBOUNCE_MS);
+                });
             }
-            this._resizeDebounceTimer = window.requestAnimationFrame(() => {
-                setTimeout(() => {
-                    this._setStylingOptions();
-                }, RESIZE_DEBOUNCE_MS);
-            });
         };
         this._setStylingOptions = () => {
-            requestAnimationFrame(() => {
+            if (this.isDevAccordionSafariFlashFixEnabled) {
                 const previousDisplay = this.style.display;
                 this.style.setProperty('display', 'block', 'important');
                 this.style.height = 'auto';
+                this._setOriginalHeightValue(this.getBoundingClientRect().height);
+                this.style.display = previousDisplay;
+                this.style.height = this.hidden ? '0px' : this._originalHeight;
+            }
+            else {
                 requestAnimationFrame(() => {
-                    this._setOriginalHeightValue(this.getBoundingClientRect().height);
-                    this.style.display = previousDisplay;
-                    this.style.height = this.hidden ? '0px' : this._originalHeight;
+                    const previousDisplay = this.style.display;
+                    this.style.setProperty('display', 'block', 'important');
+                    this.style.height = 'auto';
+                    requestAnimationFrame(() => {
+                        this._setOriginalHeightValue(this.getBoundingClientRect().height);
+                        this.style.display = previousDisplay;
+                        this.style.height = this.hidden ? '0px' : this._originalHeight;
+                    });
                 });
-            });
+            }
         };
         this._setOriginalHeightValue = (height) => {
             if (height !== 0 || this.children.length === 0) {
@@ -60,7 +83,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
         };
         this._handleMutation = () => {
             if (this._mutationDebounceTimer !== null) {
-                window.clearTimeout(this._mutationDebounceTimer);
+                clearTimeout(this._mutationDebounceTimer);
             }
             this._mutationDebounceTimer = window.setTimeout(() => {
                 requestAnimationFrame(() => {
@@ -144,6 +167,9 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
             this._setStylingOptions();
         }
     }
+    _isIosViewportHeightOnlyResize() {
+        return window.innerWidth === this._lastViewportWidth;
+    }
     _setupImageLoadListeners() {
         const images = this.querySelectorAll('img');
         images.forEach((img) => {
@@ -204,10 +230,11 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
             (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
             window.removeEventListener('resize', this._handleResize);
             if (this._resizeDebounceTimer !== null) {
-                window.cancelAnimationFrame(this._resizeDebounceTimer);
+                const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
+                clearMethod(this._resizeDebounceTimer);
             }
             if (this._mutationDebounceTimer !== null) {
-                window.clearTimeout(this._mutationDebounceTimer);
+                clearTimeout(this._mutationDebounceTimer);
             }
         }
         const images = this.querySelectorAll('img');
@@ -215,7 +242,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
             img.removeEventListener('load', this._boundHandleImageLoad);
             img.removeEventListener('error', this._boundHandleImageLoad);
         });
-        window.removeEventListener('resize', this._handleResize);
         this.removeEventListener('transitionend', this._boundHandleTransitionEnd);
     }
 };
@@ -227,6 +253,10 @@ __decorate([
     property({ type: Boolean, attribute: 'is-dev-accordion-optimization-flag-enabled' }),
     __metadata("design:type", Boolean)
 ], HAccordionContent.prototype, "isDevAccordionOptimizationFlagEnabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-dev-accordion-safari-flash-fix-enabled' }),
+    __metadata("design:type", Boolean)
+], HAccordionContent.prototype, "isDevAccordionSafariFlashFixEnabled", void 0);
 HAccordionContent = __decorate([
     phoenixCustomElement('h-accordion-content'),
     __metadata("design:paramtypes", [])

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js

@@ -48,7 +48,9 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         this._accordionProps.subscribe(this._accordionPropsObserver);
     }
     disconnectedCallback() {
-        this._accordionProps.unsubscribe(this._accordionPropsObserver);
+        var _a;
+        super.disconnectedCallback();
+        (_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
         this.removeEventListener(ACCORDION_EVENTS.toggle, this._accordionToggle);
     }
     show() {

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/props_synchronizing/control_props_sync_controller_types.d.ts

@@ -2,11 +2,11 @@ import { ReactiveControllerHost } from 'lit';
 export declare type TBaseFormControlProps = Partial<{
     disabled: boolean;
     required: boolean;
-    hidden: boolean;
+    hidden: boolean | HTMLElement['hidden'];
     readonly: boolean;
     id: string;
     name: string;
-    value: string;
+    value: string | number;
 }>;
 export declare type TBaseFormControlPropsController = ReactiveControllerHost & TBaseFormControlProps & HTMLElement;
 export declare type TOnPropsUpdatedListener = (props: TBaseFormControlProps) => void;

package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.d.ts

@@ -1,9 +1,12 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { PropertyValues } from 'lit';
 export declare class HButtonStepper extends PhoenixLightLitElement {
     private _btnController;
     private _allowedEvents;
     type: string;
+    disabled: boolean;
     constructor();
     connectedCallback(): void;
+    updated(changedProperties: PropertyValues): void;
     private _dispatchStepperEvent;
 }

package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.js

@@ -1,8 +1,11 @@
 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 { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
 
 let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
@@ -13,8 +16,11 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
             decrement: INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement
         };
         this.type = '';
+        this.disabled = false;
         this._dispatchStepperEvent = (ev) => {
             ev.stopImmediatePropagation();
+            if (this.disabled)
+                return;
             if (!this.type)
                 throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
             if (!this._allowedEvents[this.type])
@@ -22,16 +28,27 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
             this.emitCustomEvent(this._allowedEvents[this.type]);
         };
         this._btnController = new BtnController(this, this._dispatchStepperEvent);
+        new ControlPropsSyncConsumerController({ host: this });
     }
     connectedCallback() {
         super.connectedCallback();
         this.addEventListener(INPUT_STEPPER_EVENT_NAMES.click, this._dispatchStepperEvent);
     }
+    updated(changedProperties) {
+        if (!changedProperties.has('disabled'))
+            return;
+        this.setAttribute('aria-disabled', String(this.disabled));
+        this.disabled ? UiDomUtils.makeUnnavigable(this) : UiDomUtils.makeNavigable(this);
+    }
 };
 __decorate([
     property({ type: String }),
     __metadata("design:type", Object)
 ], HButtonStepper.prototype, "type", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HButtonStepper.prototype, "disabled", void 0);
 HButtonStepper = __decorate([
     phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.button),
     __metadata("design:paramtypes", [])

package/build/esm/packages/phoenix/src/components/form/input_stepper/button_stepper.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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input_stepper/display_stepper.d.ts

@@ -1,10 +1,12 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HDisplayStepper extends PhoenixLightLitElement {
     private _controlId;
+    disabled: boolean;
     private _stepperContextConsumer;
     private _value$;
     private _valueObserver;
     private _inputRef;
+    constructor();
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     private _dispatchToggleEvent;

package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.js

@@ -1,17 +1,19 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
-import { state } from 'lit/decorators';
+import { state, property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../../core/classes/observer/observer.js';
 import { ContextConsumerController } from '../../../core/context/context_consumer_controller.js';
 import { createRef, ref } from 'lit-html/directives/ref.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CLASS_NAMES } from './input_stepper_constants.js';
 
 let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
     constructor() {
-        super(...arguments);
+        super();
         this._controlId = '';
+        this.disabled = false;
         this._inputRef = createRef();
         this._dispatchToggleEvent = (ev) => {
             const $input = ev.target;
@@ -24,6 +26,7 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
                 }
             });
         };
+        new ControlPropsSyncConsumerController({ host: this });
     }
     async connectedCallback() {
         super.connectedCallback();
@@ -71,6 +74,7 @@ let HDisplayStepper = class HDisplayStepper extends PhoenixLightLitElement {
             @change="${this._dispatchToggleEvent}"
             inputmode="decimal"
             aria-label="${this.ariaLabel}"
+            ?disabled="${this.disabled}"
         />`;
     }
 };
@@ -78,8 +82,13 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], HDisplayStepper.prototype, "_controlId", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HDisplayStepper.prototype, "disabled", void 0);
 HDisplayStepper = __decorate([
-    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.input)
+    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.input),
+    __metadata("design:paramtypes", [])
 ], HDisplayStepper);
 
 export { HDisplayStepper };

package/build/esm/packages/phoenix/src/components/form/input_stepper/display_stepper.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input_stepper/input_stepper.d.ts

@@ -1,4 +1,5 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { PropertyValues } from 'lit';
 import { TInputStepperChangeEvent } from './input_stepper_types';
 export declare class HInputStepper extends PhoenixLightLitElement {
     private _stepperState;
@@ -10,6 +11,8 @@ export declare class HInputStepper extends PhoenixLightLitElement {
     min: number;
     max: number;
     step: number;
+    disabled: boolean;
+    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     increment: () => void;
@@ -21,5 +24,5 @@ export declare class HInputStepper extends PhoenixLightLitElement {
     private _roundToFractionDigits;
     private _outsideRangeEdges;
     private _dispatchChangedValue;
-    updated(): void;
+    updated(changedProperties: PropertyValues): void;
 }

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

@@ -1,14 +1,16 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import 'lit';
 import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
 import { ContextProviderController } from '../../../core/context/context_provider_controller.js';
-import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
+import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
+import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
 
 let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
     constructor() {
-        super(...arguments);
+        super();
         this.controlId = '';
         this.allowedFractionDigits = null;
         this.roundTo = 0;
@@ -16,7 +18,10 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
         this.min = -Infinity;
         this.max = Infinity;
         this.step = 1;
+        this.disabled = false;
         this.increment = () => {
+            if (this.disabled)
+                return;
             if (this.value === this.max) {
                 this.value = this.max;
                 return;
@@ -25,6 +30,8 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
             this._dispatchChangedValue(this.value);
         };
         this.decrement = () => {
+            if (this.disabled)
+                return;
             if (this.value === this.min) {
                 this.value = this.min;
                 return;
@@ -33,6 +40,8 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
             this._dispatchChangedValue(this.value);
         };
         this.changeValue = (ev) => {
+            if (this.disabled)
+                return;
             const value = ev.detail.value;
             this.setValue(value);
             this._dispatchChangedValue(this.value);
@@ -65,6 +74,10 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
                 detail: { value }
             });
         };
+        new ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [INPUT_STEPPER_PROPS_TO_SYNC.disabled]
+        });
     }
     connectedCallback() {
         super.connectedCallback();
@@ -103,8 +116,11 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
     _outsideRangeEdges(number) {
         return number > this.max || number < this.min;
     }
-    updated() {
+    updated(changedProperties) {
         var _a;
+        if (changedProperties.has('disabled')) {
+            this.classList.toggle(INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
+        }
         if (this._outsideRangeEdges(this.value))
             return;
         const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
@@ -140,8 +156,13 @@ __decorate([
     property({ type: Number, reflect: true }),
     __metadata("design:type", Number)
 ], HInputStepper.prototype, "step", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HInputStepper.prototype, "disabled", void 0);
 HInputStepper = __decorate([
-    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control)
+    phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control),
+    __metadata("design:paramtypes", [])
 ], HInputStepper);
 
 export { HInputStepper };

package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input_stepper/input_stepper_constants.d.ts

@@ -10,6 +10,7 @@ export declare const INPUT_STEPPER_CUSTOM_EVENT_NAMES: {
 };
 export declare const INPUT_STEPPER_CLASS_NAMES: {
     readonly displayInput: "input-stepper__value_input";
+    readonly inputStepperDisabled: "input-stepper_disabled";
 };
 export declare const INPUT_STEPPER_COMPONENT_NAMES: {
     readonly control: "h-input-stepper";
@@ -19,3 +20,6 @@ export declare const INPUT_STEPPER_COMPONENT_NAMES: {
 export declare const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES: {
     readonly stepperContext: "stepperContext";
 };
+export declare const INPUT_STEPPER_PROPS_TO_SYNC: {
+    readonly disabled: "disabled";
+};

package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_constants.js

@@ -9,7 +9,8 @@ const INPUT_STEPPER_CUSTOM_EVENT_NAMES = {
     decrement: 'decrement'
 };
 const INPUT_STEPPER_CLASS_NAMES = {
-    displayInput: 'input-stepper__value_input'
+    displayInput: 'input-stepper__value_input',
+    inputStepperDisabled: 'input-stepper_disabled'
 };
 const INPUT_STEPPER_COMPONENT_NAMES = {
     control: 'h-input-stepper',
@@ -18,7 +19,10 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
 };
 const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
     stepperContext: 'stepperContext'
+};
+const INPUT_STEPPER_PROPS_TO_SYNC = {
+    disabled: 'disabled'
 };
 
-export { INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES };
+export { INPUT_STEPPER_CLASS_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC };
 //# sourceMappingURL=input_stepper_constants.js.map

package/build/esm/packages/phoenix/src/components/form/input_stepper/input_stepper_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;"}
+{"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;"}

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

@@ -26,11 +26,7 @@ let HRadio = class HRadio extends PhoenixLightLitElement {
         this._updateCssClassesBasedOnProps();
     }
     _updateCssClassesBasedOnProps() {
-        const classes = [
-            RADIO_CONTROL_CSS_CLASSES.radioDisabled,
-            RADIO_CONTROL_CSS_CLASSES.radioReadonly,
-            RADIO_CONTROL_CSS_CLASSES.radioError
-        ];
+        const classes = [RADIO_CONTROL_CSS_CLASSES.radioDisabled, RADIO_CONTROL_CSS_CLASSES.radioReadonly, RADIO_CONTROL_CSS_CLASSES.radioError];
         this.classList.remove(...classes);
         const cssClasses = classnames({
             [RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,

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

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

package/build/esm/packages/phoenix/src/components/slider/slider.d.ts

@@ -3,7 +3,6 @@ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/pho
 export declare class HSlider extends PhoenixLightLitElement {
     settings: string;
     id: string;
-    isSliderOptimizationFlagEnabled: boolean;
     get sliderSettings(): ISliderOptions;
     set sliderSettings(newSettingsObject: ISliderOptions);
     private _settings;
@@ -14,8 +13,6 @@ export declare class HSlider extends PhoenixLightLitElement {
     private _showFocusableNodes;
     private _hideFocusableNodes;
     private _handleFocusableNodes;
-    private _showFocusableElement;
-    private _hideFocusableElement;
     private _scanMutationsForNewFocusableElements;
     private _initializeFocusableElement;
     getSlider(): ISlider | null;

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

@@ -11,7 +11,6 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
         super(...arguments);
         this.settings = '';
         this.id = '';
-        this.isSliderOptimizationFlagEnabled = false;
         this._settings = {
             mountOnConnectedCallback: true,
             type: 'loop',
@@ -32,35 +31,17 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
             if ($focusableSlideChildren.length === 0)
                 return;
             let updateFocusability;
-            if (this.isSliderOptimizationFlagEnabled) {
-                updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? UiDomUtils.showFocusableElement : UiDomUtils.hideFocusableElement;
-            }
-            else {
-                updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? this._showFocusableElement : this._hideFocusableElement;
-            }
+            updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? UiDomUtils.showFocusableElement : UiDomUtils.hideFocusableElement;
             $focusableSlideChildren.forEach(($element) => updateFocusability($element));
         };
         this._scanMutationsForNewFocusableElements = (mutationList) => {
-            if (this.isSliderOptimizationFlagEnabled) {
-                for (const mutation of mutationList) {
-                    for (const addedNode of mutation.addedNodes) {
-                        if (!(addedNode instanceof HTMLElement))
-                            continue;
-                        if (UiDomUtils.isFocusable(addedNode))
-                            this._initializeFocusableElement(addedNode);
-                        const $focusableChildren = [...addedNode.querySelectorAll(UiDomUtils.getFocusableSelector())];
-                        $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
-                    }
-                }
-            }
-            else {
-                for (const mutation of mutationList) {
-                    if (mutation.type !== 'childList')
+            for (const mutation of mutationList) {
+                for (const addedNode of mutation.addedNodes) {
+                    if (!(addedNode instanceof HTMLElement))
                         continue;
-                    const $target = mutation.target;
-                    const isFocusable = UiDomUtils.isFocusable($target);
-                    const $focusableChildren = [...$target.querySelectorAll(UiDomUtils.getFocusableSelector())];
-                    isFocusable && this._initializeFocusableElement($target);
+                    if (UiDomUtils.isFocusable(addedNode))
+                        this._initializeFocusableElement(addedNode);
+                    const $focusableChildren = [...addedNode.querySelectorAll(UiDomUtils.getFocusableSelector())];
                     $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
                 }
             }
@@ -92,22 +73,8 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
         }
         this._slider.on('visible', this._showFocusableNodes);
         this._slider.on('hidden', this._hideFocusableNodes);
-        if (this.isSliderOptimizationFlagEnabled) {
-            this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
-            this._mutationObserver.observe(this, { childList: true, subtree: true });
-        }
-        else {
-            const mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
-            mutationObserver.observe(this, { childList: true, subtree: true, attributes: true });
-        }
-    }
-    _showFocusableElement($element) {
-        $element.setAttribute('tabindex', '0');
-        $element.removeAttribute('aria-hidden');
-    }
-    _hideFocusableElement($element) {
-        $element.setAttribute('tabindex', '-1');
-        $element.setAttribute('aria-hidden', 'true');
+        this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
+        this._mutationObserver.observe(this, { childList: true, subtree: true });
     }
     getSlider() {
         return this._slider;
@@ -117,10 +84,8 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
         super.disconnectedCallback();
         (_a = this._slider) === null || _a === void 0 ? void 0 : _a.off('visible');
         (_b = this._slider) === null || _b === void 0 ? void 0 : _b.off('hidden');
-        if (this.isSliderOptimizationFlagEnabled) {
-            (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-            this._mutationObserver = null;
-        }
+        (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+        this._mutationObserver = null;
     }
 };
 __decorate([
@@ -131,10 +96,6 @@ __decorate([
     property(),
     __metadata("design:type", String)
 ], HSlider.prototype, "id", void 0);
-__decorate([
-    property({ attribute: 'is-slider-optimization-flag-enabled' }),
-    __metadata("design:type", Boolean)
-], HSlider.prototype, "isSliderOptimizationFlagEnabled", void 0);
 HSlider = __decorate([
     phoenixCustomElement('h-slider')
 ], HSlider);

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

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

package/package.json

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