@shoper/phoenix_design_system 1.18.38-3 → 1.18.39-0

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

@@ -19,12 +19,10 @@ 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')
@@ -38,47 +36,26 @@ 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) {
-                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);
-                });
+                window.cancelAnimationFrame(this._resizeDebounceTimer);
             }
+            this._resizeDebounceTimer = window.requestAnimationFrame(() => {
+                setTimeout(() => {
+                    this._setStylingOptions();
+                }, RESIZE_DEBOUNCE_MS);
+            });
         };
         this._setStylingOptions = () => {
-            if (this.isDevAccordionSafariFlashFixEnabled) {
+            requestAnimationFrame(() => {
                 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(() => {
-                    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(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) {
@@ -87,7 +64,7 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
         };
         this._handleMutation = () => {
             if (this._mutationDebounceTimer !== null) {
-                clearTimeout(this._mutationDebounceTimer);
+                window.clearTimeout(this._mutationDebounceTimer);
             }
             this._mutationDebounceTimer = window.setTimeout(() => {
                 requestAnimationFrame(() => {
@@ -171,9 +148,6 @@ 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) => {
@@ -234,11 +208,10 @@ 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) {
-                const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
-                clearMethod(this._resizeDebounceTimer);
+                window.cancelAnimationFrame(this._resizeDebounceTimer);
             }
             if (this._mutationDebounceTimer !== null) {
-                clearTimeout(this._mutationDebounceTimer);
+                window.clearTimeout(this._mutationDebounceTimer);
             }
         }
         const images = this.querySelectorAll('img');
@@ -246,6 +219,7 @@ 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);
     }
 };
@@ -257,10 +231,6 @@ 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;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -52,9 +52,7 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
         this._accordionProps.subscribe(this._accordionPropsObserver);
     }
     disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        (_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
+        this._accordionProps.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;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/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,7 +20,10 @@ 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) => {
+            if (this.disabled)
+                return;
             ev.stopImmediatePropagation();
             if (!this.type)
                 throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
@@ -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/form/search/subcomponents/results/search_product_content.js

@@ -19,11 +19,17 @@ exports.HSearchProductContent = class HSearchProductContent extends phoenix_ligh
         this.getProductRateHtml = (productRate) => {
             return lit.html `
             <div class="${search_constants.SEARCH_CLASS_NAMES.starScore}">
-                ${[1, 2, 3, 4, 5].map((score) => lit.html ` <h-icon
-                            icon-name="icon-star"
-                            css-classes=${productRate >= score ? search_constants.SEARCH_CLASS_NAMES.productIconFilled : search_constants.SEARCH_CLASS_NAMES.productIconEmpty}
-                            noStroke=${true}
-                        ></h-icon>`)}
+                ${[1, 2, 3, 4, 5].map((score) => {
+                const maxBoundary = score - 0.4;
+                const minBoundary = score - 0.81;
+                if (productRate >= score || productRate >= maxBoundary) {
+                    return lit.html ` <h-icon icon-name="icon-star" css-classes=${search_constants.SEARCH_CLASS_NAMES.productIconFilled} aria-hidden="true" noStroke=${true}></h-icon>`;
+                }
+                if (productRate > minBoundary) {
+                    return lit.html `<h-icon icon-name="icon-half-filled" css-classes="${search_constants.SEARCH_CLASS_NAMES.productIconFilled}" aria-hidden="true" noStroke=${true}></h-icon>`;
+                }
+                return lit.html ` <h-icon icon-name="icon-star" css-classes=${search_constants.SEARCH_CLASS_NAMES.productIconEmpty} aria-hidden="true" noStroke=${true}></h-icon>`;
+            })}
             </div>
         `;
         };

package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AACjF;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA,qBAAqB,gEAAoE;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/icon/icon.js

@@ -43,6 +43,9 @@ exports.HIcon = HIcon_1 = class HIcon extends phoenix_light_lit_element.PhoenixL
         HIcon_1.src.unsubscribe(this._srcObserver);
     }
     render() {
+        if (this.hasSlot(icon_constants.ICON_CONTENT_SLOT_NAME)) {
+            return lit.html `${this.getSlot(icon_constants.ICON_CONTENT_SLOT_NAME)}`;
+        }
         if (!HIcon_1.src.getValue())
             return null;
         return lit.html `

package/build/cjs/packages/phoenix/src/components/icon/icon.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,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,6CAAiD;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/icon/icon_constants.js

@@ -21,9 +21,11 @@ const ICONS_SIZES = {
     l: 'l',
     xl: 'xl',
     xxl: 'xxl'
-};
+};
+const ICON_CONTENT_SLOT_NAME = 'content';
 
 exports.ICONS_SIZES = ICONS_SIZES;
+exports.ICON_CONTENT_SLOT_NAME = ICON_CONTENT_SLOT_NAME;
 exports.ICON_CSS_CLASSES = ICON_CSS_CLASSES;
 exports.ICON_SIZES_CSS_CLASS_MAP = ICON_SIZES_CSS_CLASS_MAP;
 //# sourceMappingURL=icon_constants.js.map

package/build/cjs/packages/phoenix/src/components/icon/icon_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;"}
+{"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;"}

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

@@ -3,7 +3,6 @@ import { PropertyValues } from 'lit';
 export declare class HAccordionContent extends PhoenixLightLitElement {
     transitionName: string;
     isDevAccordionOptimizationFlagEnabled: boolean;
-    isDevAccordionSafariFlashFixEnabled: boolean;
     private _transitionController;
     private _contextConsumer;
     private _accordionGroupProps;
@@ -13,7 +12,6 @@ export declare class HAccordionContent extends PhoenixLightLitElement {
     private _isTransitioning;
     private _resizeDebounceTimer;
     private _mutationDebounceTimer;
-    private _lastViewportWidth;
     private _mutationObserver;
     private _boundHandleTransitionEnd;
     private _boundHandleImageLoad;
@@ -22,7 +20,6 @@ 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,12 +15,10 @@ 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')
@@ -34,47 +32,26 @@ 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) {
-                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);
-                });
+                window.cancelAnimationFrame(this._resizeDebounceTimer);
             }
+            this._resizeDebounceTimer = window.requestAnimationFrame(() => {
+                setTimeout(() => {
+                    this._setStylingOptions();
+                }, RESIZE_DEBOUNCE_MS);
+            });
         };
         this._setStylingOptions = () => {
-            if (this.isDevAccordionSafariFlashFixEnabled) {
+            requestAnimationFrame(() => {
                 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(() => {
-                    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(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) {
@@ -83,7 +60,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
         };
         this._handleMutation = () => {
             if (this._mutationDebounceTimer !== null) {
-                clearTimeout(this._mutationDebounceTimer);
+                window.clearTimeout(this._mutationDebounceTimer);
             }
             this._mutationDebounceTimer = window.setTimeout(() => {
                 requestAnimationFrame(() => {
@@ -167,9 +144,6 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
             this._setStylingOptions();
         }
     }
-    _isIosViewportHeightOnlyResize() {
-        return window.innerWidth === this._lastViewportWidth;
-    }
     _setupImageLoadListeners() {
         const images = this.querySelectorAll('img');
         images.forEach((img) => {
@@ -230,11 +204,10 @@ 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) {
-                const clearMethod = this.isDevAccordionSafariFlashFixEnabled ? clearTimeout : cancelAnimationFrame;
-                clearMethod(this._resizeDebounceTimer);
+                window.cancelAnimationFrame(this._resizeDebounceTimer);
             }
             if (this._mutationDebounceTimer !== null) {
-                clearTimeout(this._mutationDebounceTimer);
+                window.clearTimeout(this._mutationDebounceTimer);
             }
         }
         const images = this.querySelectorAll('img');
@@ -242,6 +215,7 @@ 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);
     }
 };
@@ -253,10 +227,6 @@ __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;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -48,9 +48,7 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         this._accordionProps.subscribe(this._accordionPropsObserver);
     }
     disconnectedCallback() {
-        var _a;
-        super.disconnectedCallback();
-        (_a = this._accordionProps) === null || _a === void 0 ? void 0 : _a.unsubscribe(this._accordionPropsObserver);
+        this._accordionProps.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;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;"}

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,7 +16,10 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
             decrement: INPUT_STEPPER_CUSTOM_EVENT_NAMES.decrement
         };
         this.type = '';
+        this.disabled = false;
         this._dispatchStepperEvent = (ev) => {
+            if (this.disabled)
+                return;
             ev.stopImmediatePropagation();
             if (!this.type)
                 throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
@@ -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/form/search/subcomponents/results/search_product_content.js

@@ -15,11 +15,17 @@ let HSearchProductContent = class HSearchProductContent extends PhoenixLightLitE
         this.getProductRateHtml = (productRate) => {
             return html `
             <div class="${SEARCH_CLASS_NAMES.starScore}">
-                ${[1, 2, 3, 4, 5].map((score) => html ` <h-icon
-                            icon-name="icon-star"
-                            css-classes=${productRate >= score ? SEARCH_CLASS_NAMES.productIconFilled : SEARCH_CLASS_NAMES.productIconEmpty}
-                            noStroke=${true}
-                        ></h-icon>`)}
+                ${[1, 2, 3, 4, 5].map((score) => {
+                const maxBoundary = score - 0.4;
+                const minBoundary = score - 0.81;
+                if (productRate >= score || productRate >= maxBoundary) {
+                    return html ` <h-icon icon-name="icon-star" css-classes=${SEARCH_CLASS_NAMES.productIconFilled} aria-hidden="true" noStroke=${true}></h-icon>`;
+                }
+                if (productRate > minBoundary) {
+                    return html `<h-icon icon-name="icon-half-filled" css-classes="${SEARCH_CLASS_NAMES.productIconFilled}" aria-hidden="true" noStroke=${true}></h-icon>`;
+                }
+                return html ` <h-icon icon-name="icon-star" css-classes=${SEARCH_CLASS_NAMES.productIconEmpty} aria-hidden="true" noStroke=${true}></h-icon>`;
+            })}
             </div>
         `;
         };

package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_product_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;AAChG;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA,4BAA4B,gEAAoE;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/icon/icon.js

@@ -3,7 +3,7 @@ import { html } from '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 { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP } from './icon_constants.js';
+import { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP, ICON_CONTENT_SLOT_NAME } from './icon_constants.js';
 import classnames from '../../../../../external/classnames/index.js';
 import { namespacedAttribute } from '../../directives/namespaced_attribute_directive.js';
 import { Observer } from '../../core/classes/observer/observer.js';
@@ -39,6 +39,9 @@ let HIcon = HIcon_1 = class HIcon extends PhoenixLightLitElement {
         HIcon_1.src.unsubscribe(this._srcObserver);
     }
     render() {
+        if (this.hasSlot(ICON_CONTENT_SLOT_NAME)) {
+            return html `${this.getSlot(ICON_CONTENT_SLOT_NAME)}`;
+        }
         if (!HIcon_1.src.getValue())
             return null;
         return html `

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

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

package/build/esm/packages/phoenix/src/components/icon/icon_constants.d.ts

@@ -18,4 +18,5 @@ export declare const ICONS_SIZES: {
     readonly xl: "xl";
     readonly xxl: "xxl";
 };
+export declare const ICON_CONTENT_SLOT_NAME = "content";
 export declare type TIconSize = Any.Keys<typeof ICON_SIZES_CSS_CLASS_MAP>;

package/build/esm/packages/phoenix/src/components/icon/icon_constants.js

@@ -17,7 +17,8 @@ const ICONS_SIZES = {
     l: 'l',
     xl: 'xl',
     xxl: 'xxl'
-};
+};
+const ICON_CONTENT_SLOT_NAME = 'content';
 
-export { ICONS_SIZES, ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
+export { ICONS_SIZES, ICON_CONTENT_SLOT_NAME, ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
 //# sourceMappingURL=icon_constants.js.map

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

package/package.json

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