@shoper/phoenix_design_system 1.18.42 → 1.18.43-0

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

@@ -21,9 +21,10 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
         };
         this.type = '';
         this.disabled = false;
+        this.limitReached = false;
         this._dispatchStepperEvent = (ev) => {
             ev.stopImmediatePropagation();
-            if (this.disabled)
+            if (this.disabled || this.limitReached)
                 return;
             if (!this.type)
                 throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
@@ -39,10 +40,10 @@ exports.HButtonStepper = class HButtonStepper extends phoenix_light_lit_element.
         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);
+        if (changedProperties.has('disabled')) {
+            this.disabled ? utilities.UiDomUtils.makeUnnavigable(this) : utilities.UiDomUtils.makeNavigable(this);
+        }
+        this.setAttribute('aria-disabled', String(this.disabled || this.limitReached));
     }
 };
 tslib_es6.__decorate([
@@ -53,6 +54,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Boolean, reflect: true }),
     tslib_es6.__metadata("design:type", Boolean)
 ], exports.HButtonStepper.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, attribute: input_stepper_constants.INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HButtonStepper.prototype, "limitReached", 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;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;"}

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

@@ -23,6 +23,7 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
         this.max = Infinity;
         this.step = 1;
         this.disabled = false;
+        this.disableButtonsAtLimits = false;
         this.increment = () => {
             if (this.disabled)
                 return;
@@ -120,11 +121,18 @@ exports.HInputStepper = class HInputStepper extends phoenix_light_lit_element.Ph
     _outsideRangeEdges(number) {
         return number > this.max || number < this.min;
     }
+    _markButtonsAtLimit() {
+        this.querySelectorAll(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.button).forEach(($button) => {
+            const isAtLimit = $button.getAttribute('type') === 'decrement' ? this.value <= this.min : this.value >= this.max;
+            $button.toggleAttribute(input_stepper_constants.INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached, this.disableButtonsAtLimits && isAtLimit);
+        });
+    }
     updated(changedProperties) {
         var _a;
         if (changedProperties.has('disabled')) {
             this.classList.toggle(input_stepper_constants.INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
         }
+        this._markButtonsAtLimit();
         if (this._outsideRangeEdges(this.value))
             return;
         const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
@@ -164,6 +172,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Boolean, reflect: true }),
     tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInputStepper.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, attribute: 'disable-buttons-at-limits' }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HInputStepper.prototype, "disableButtonsAtLimits", void 0);
 exports.HInputStepper = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement(input_stepper_constants.INPUT_STEPPER_COMPONENT_NAMES.control),
     tslib_es6.__metadata("design:paramtypes", [])

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;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;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

@@ -21,6 +21,9 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
     input: 'h-display-stepper',
     button: 'h-button-stepper'
 };
+const INPUT_STEPPER_ATTRIBUTE_NAMES = {
+    limitReached: 'limit-reached'
+};
 const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
     stepperContext: 'stepperContext'
 };
@@ -28,6 +31,7 @@ const INPUT_STEPPER_PROPS_TO_SYNC = {
     disabled: 'disabled'
 };
 
+exports.INPUT_STEPPER_ATTRIBUTE_NAMES = INPUT_STEPPER_ATTRIBUTE_NAMES;
 exports.INPUT_STEPPER_CLASS_NAMES = INPUT_STEPPER_CLASS_NAMES;
 exports.INPUT_STEPPER_COMPONENT_NAMES = INPUT_STEPPER_COMPONENT_NAMES;
 exports.INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES;

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

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/form/input_stepper/button_stepper.d.ts

@@ -5,6 +5,7 @@ export declare class HButtonStepper extends PhoenixLightLitElement {
     private _allowedEvents;
     type: string;
     disabled: boolean;
+    limitReached: boolean;
     constructor();
     connectedCallback(): void;
     updated(changedProperties: PropertyValues): void;

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

@@ -6,7 +6,7 @@ import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/
 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';
+import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_EVENT_NAMES, INPUT_STEPPER_ATTRIBUTE_NAMES, INPUT_STEPPER_COMPONENT_NAMES } from './input_stepper_constants.js';
 
 let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
     constructor() {
@@ -17,9 +17,10 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
         };
         this.type = '';
         this.disabled = false;
+        this.limitReached = false;
         this._dispatchStepperEvent = (ev) => {
             ev.stopImmediatePropagation();
-            if (this.disabled)
+            if (this.disabled || this.limitReached)
                 return;
             if (!this.type)
                 throw new Error(`The type ${this.type} cannot be empty. Allowed values: 'increment', 'decrement'`);
@@ -35,10 +36,10 @@ let HButtonStepper = class HButtonStepper extends PhoenixLightLitElement {
         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);
+        if (changedProperties.has('disabled')) {
+            this.disabled ? UiDomUtils.makeUnnavigable(this) : UiDomUtils.makeNavigable(this);
+        }
+        this.setAttribute('aria-disabled', String(this.disabled || this.limitReached));
     }
 };
 __decorate([
@@ -49,6 +50,10 @@ __decorate([
     property({ type: Boolean, reflect: true }),
     __metadata("design:type", Boolean)
 ], HButtonStepper.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached }),
+    __metadata("design:type", Boolean)
+], HButtonStepper.prototype, "limitReached", 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;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;"}

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

@@ -12,6 +12,7 @@ export declare class HInputStepper extends PhoenixLightLitElement {
     max: number;
     step: number;
     disabled: boolean;
+    disableButtonsAtLimits: boolean;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -23,6 +24,7 @@ export declare class HInputStepper extends PhoenixLightLitElement {
     private _calculateFractionDigitsByStepSize;
     private _roundToFractionDigits;
     private _outsideRangeEdges;
+    private _markButtonsAtLimit;
     private _dispatchChangedValue;
     updated(changedProperties: PropertyValues): void;
 }

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

@@ -6,7 +6,7 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
 import { BehaviorSubject } from '../../../core/classes/behavior_subject/behavior_subject.js';
 import { ContextProviderController } from '../../../core/context/context_provider_controller.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';
+import { INPUT_STEPPER_CUSTOM_EVENT_NAMES, INPUT_STEPPER_PROPS_TO_SYNC, INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES, INPUT_STEPPER_COMPONENT_NAMES, INPUT_STEPPER_ATTRIBUTE_NAMES, INPUT_STEPPER_CLASS_NAMES } from './input_stepper_constants.js';
 
 let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
     constructor() {
@@ -19,6 +19,7 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
         this.max = Infinity;
         this.step = 1;
         this.disabled = false;
+        this.disableButtonsAtLimits = false;
         this.increment = () => {
             if (this.disabled)
                 return;
@@ -116,11 +117,18 @@ let HInputStepper = class HInputStepper extends PhoenixLightLitElement {
     _outsideRangeEdges(number) {
         return number > this.max || number < this.min;
     }
+    _markButtonsAtLimit() {
+        this.querySelectorAll(INPUT_STEPPER_COMPONENT_NAMES.button).forEach(($button) => {
+            const isAtLimit = $button.getAttribute('type') === 'decrement' ? this.value <= this.min : this.value >= this.max;
+            $button.toggleAttribute(INPUT_STEPPER_ATTRIBUTE_NAMES.limitReached, this.disableButtonsAtLimits && isAtLimit);
+        });
+    }
     updated(changedProperties) {
         var _a;
         if (changedProperties.has('disabled')) {
             this.classList.toggle(INPUT_STEPPER_CLASS_NAMES.inputStepperDisabled, this.disabled);
         }
+        this._markButtonsAtLimit();
         if (this._outsideRangeEdges(this.value))
             return;
         const digits = (_a = this.allowedFractionDigits) !== null && _a !== void 0 ? _a : this._calculateFractionDigitsByStepSize(this.step);
@@ -160,6 +168,10 @@ __decorate([
     property({ type: Boolean, reflect: true }),
     __metadata("design:type", Boolean)
 ], HInputStepper.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'disable-buttons-at-limits' }),
+    __metadata("design:type", Boolean)
+], HInputStepper.prototype, "disableButtonsAtLimits", void 0);
 HInputStepper = __decorate([
     phoenixCustomElement(INPUT_STEPPER_COMPONENT_NAMES.control),
     __metadata("design:paramtypes", [])

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;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;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

@@ -17,6 +17,9 @@ export declare const INPUT_STEPPER_COMPONENT_NAMES: {
     readonly input: "h-display-stepper";
     readonly button: "h-button-stepper";
 };
+export declare const INPUT_STEPPER_ATTRIBUTE_NAMES: {
+    readonly limitReached: "limit-reached";
+};
 export declare const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES: {
     readonly stepperContext: "stepperContext";
 };

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

@@ -17,6 +17,9 @@ const INPUT_STEPPER_COMPONENT_NAMES = {
     input: 'h-display-stepper',
     button: 'h-button-stepper'
 };
+const INPUT_STEPPER_ATTRIBUTE_NAMES = {
+    limitReached: 'limit-reached'
+};
 const INPUT_STEPPER_CONTEXTS_VARIABLE_NAMES = {
     stepperContext: 'stepperContext'
 };
@@ -24,5 +27,5 @@ 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, INPUT_STEPPER_PROPS_TO_SYNC };
+export { INPUT_STEPPER_ATTRIBUTE_NAMES, 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;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/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.42",
+  "version": "1.18.43-0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",