@shoper/phoenix_design_system 1.18.41-0 → 1.18.41-1

package/build/cjs/_virtual/_baseTrim.js_commonjs-proxy

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _baseTrim = require('../external/lodash/_baseTrim.js');
+
+
+
+exports.default = _baseTrim['default'];
+//# sourceMappingURL=_baseTrim.js_commonjs-proxy.map

package/build/cjs/_virtual/_baseTrim.js_commonjs-proxy.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,iCAAqC;AAC7D;AACA;AACA;AACA;"}

package/build/cjs/_virtual/_trimmedEndIndex.js_commonjs-proxy

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _trimmedEndIndex = require('../external/lodash/_trimmedEndIndex.js');
+
+
+
+exports.default = _trimmedEndIndex['default'];
+//# sourceMappingURL=_trimmedEndIndex.js_commonjs-proxy.map

package/build/cjs/_virtual/_trimmedEndIndex.js_commonjs-proxy.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,+BAA+B,wCAA4C;AAC3E;AACA;AACA;AACA;"}

package/build/cjs/external/lodash/_baseTrim.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _trimmedEndIndex = require('./_trimmedEndIndex.js');
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim(string) {
+  return string
+    ? string.slice(0, _trimmedEndIndex['default'](string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+var _baseTrim = baseTrim;
+
+exports.default = _baseTrim;
+//# sourceMappingURL=_baseTrim.js.map

package/build/cjs/external/lodash/_baseTrim.js.map

@@ -0,0 +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;"}

package/build/cjs/external/lodash/_equalArrays.js

@@ -31,10 +31,11 @@ function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
   if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
     return false;
   }
-  // Assume cyclic values are equal.
-  var stacked = stack.get(array);
-  if (stacked && stack.get(other)) {
-    return stacked == other;
+  // Check that cyclic values are equal.
+  var arrStacked = stack.get(array);
+  var othStacked = stack.get(other);
+  if (arrStacked && othStacked) {
+    return arrStacked == other && othStacked == array;
   }
   var index = -1,
       result = true,

package/build/cjs/external/lodash/_equalArrays.js.map

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

package/build/cjs/external/lodash/_equalObjects.js

@@ -43,10 +43,11 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
       return false;
     }
   }
-  // Assume cyclic values are equal.
-  var stacked = stack.get(object);
-  if (stacked && stack.get(other)) {
-    return stacked == other;
+  // Check that cyclic values are equal.
+  var objStacked = stack.get(object);
+  var othStacked = stack.get(other);
+  if (objStacked && othStacked) {
+    return objStacked == other && othStacked == object;
   }
   var result = true;
   stack.set(object, other);

package/build/cjs/external/lodash/_equalObjects.js.map

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

package/build/cjs/external/lodash/_setCacheHas.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * @name has
  * @memberOf SetCache
  * @param {*} value The value to search for.
- * @returns {number} Returns `true` if `value` is found, else `false`.
+ * @returns {boolean} Returns `true` if `value` is found, else `false`.
  */
 function setCacheHas(value) {
   return this.__data__.has(value);

package/build/cjs/external/lodash/_trimmedEndIndex.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex;
+
+exports.default = _trimmedEndIndex;
+//# sourceMappingURL=_trimmedEndIndex.js.map

package/build/cjs/external/lodash/_trimmedEndIndex.js.map

@@ -0,0 +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;"}

package/build/cjs/external/lodash/toNumber.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var isObject = require('./isObject.js');
+var _baseTrim = require('./_baseTrim.js');
 var isSymbol = require('./isSymbol.js');
 
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
 
-/** Used to match leading and trailing whitespace. */
-var reTrim = /^\s+|\s+$/g;
-
 /** Used to detect bad signed hexadecimal string values. */
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 
@@ -60,7 +58,7 @@ function toNumber(value) {
   if (typeof value != 'string') {
     return value === 0 ? value : +value;
   }
-  value = value.replace(reTrim, '');
+  value = _baseTrim['default'](value);
   var isBinary = reIsBinary.test(value);
   return (isBinary || reIsOctal.test(value))
     ? freeParseInt(value.slice(2), isBinary ? 2 : 8)

package/build/cjs/external/lodash/toNumber.js.map

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

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

@@ -15,6 +15,7 @@ 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',
@@ -35,17 +36,35 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
             if ($focusableSlideChildren.length === 0)
                 return;
             let updateFocusability;
-            updateFocusability = action === slider_constants.SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? utilities.UiDomUtils.showFocusableElement : utilities.UiDomUtils.hideFocusableElement;
+            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;
+            }
             $focusableSlideChildren.forEach(($element) => updateFocusability($element));
         };
         this._scanMutationsForNewFocusableElements = (mutationList) => {
-            for (const mutation of mutationList) {
-                for (const addedNode of mutation.addedNodes) {
-                    if (!(addedNode instanceof HTMLElement))
+            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')
                         continue;
-                    if (utilities.UiDomUtils.isFocusable(addedNode))
-                        this._initializeFocusableElement(addedNode);
-                    const $focusableChildren = [...addedNode.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
+                    const $target = mutation.target;
+                    const isFocusable = utilities.UiDomUtils.isFocusable($target);
+                    const $focusableChildren = [...$target.querySelectorAll(utilities.UiDomUtils.getFocusableSelector())];
+                    isFocusable && this._initializeFocusableElement($target);
                     $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
                 }
             }
@@ -77,8 +96,22 @@ exports.HSlider = class HSlider extends phoenix_light_lit_element.PhoenixLightLi
         }
         this._slider.on('visible', this._showFocusableNodes);
         this._slider.on('hidden', this._hideFocusableNodes);
-        this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
-        this._mutationObserver.observe(this, { childList: true, subtree: true });
+        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');
     }
     getSlider() {
         return this._slider;
@@ -88,8 +121,10 @@ 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');
-        (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-        this._mutationObserver = null;
+        if (this.isSliderOptimizationFlagEnabled) {
+            (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+            this._mutationObserver = null;
+        }
     }
 };
 tslib_es6.__decorate([
@@ -100,6 +135,10 @@ 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;"}
+{"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;"}

package/build/esm/_virtual/_baseTrim.js_commonjs-proxy

@@ -0,0 +1,3 @@
+import _baseTrim from '../external/lodash/_baseTrim.js';
+export { default } from '../external/lodash/_baseTrim.js';
+//# sourceMappingURL=_baseTrim.js_commonjs-proxy.map

package/build/esm/_virtual/_baseTrim.js_commonjs-proxy.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,sBAAsB,iCAAqC;AAC3D,wBAAwB,iCAAqC;"}

package/build/esm/_virtual/_trimmedEndIndex.js_commonjs-proxy

@@ -0,0 +1,3 @@
+import _trimmedEndIndex from '../external/lodash/_trimmedEndIndex.js';
+export { default } from '../external/lodash/_trimmedEndIndex.js';
+//# sourceMappingURL=_trimmedEndIndex.js_commonjs-proxy.map

package/build/esm/_virtual/_trimmedEndIndex.js_commonjs-proxy.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,6BAA6B,wCAA4C;AACzE,wBAAwB,wCAA4C;"}

package/build/esm/external/lodash/_baseTrim.js

@@ -0,0 +1,22 @@
+import _trimmedEndIndex from './_trimmedEndIndex.js';
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim(string) {
+  return string
+    ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+var _baseTrim = baseTrim;
+
+export default _baseTrim;
+//# sourceMappingURL=_baseTrim.js.map

package/build/esm/external/lodash/_baseTrim.js.map

@@ -0,0 +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;"}

package/build/esm/external/lodash/_equalArrays.js

@@ -27,10 +27,11 @@ function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
   if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
     return false;
   }
-  // Assume cyclic values are equal.
-  var stacked = stack.get(array);
-  if (stacked && stack.get(other)) {
-    return stacked == other;
+  // Check that cyclic values are equal.
+  var arrStacked = stack.get(array);
+  var othStacked = stack.get(other);
+  if (arrStacked && othStacked) {
+    return arrStacked == other && othStacked == array;
   }
   var index = -1,
       result = true,

package/build/esm/external/lodash/_equalArrays.js.map

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

package/build/esm/external/lodash/_equalObjects.js

@@ -39,10 +39,11 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
       return false;
     }
   }
-  // Assume cyclic values are equal.
-  var stacked = stack.get(object);
-  if (stacked && stack.get(other)) {
-    return stacked == other;
+  // Check that cyclic values are equal.
+  var objStacked = stack.get(object);
+  var othStacked = stack.get(other);
+  if (objStacked && othStacked) {
+    return objStacked == other && othStacked == object;
   }
   var result = true;
   stack.set(object, other);

package/build/esm/external/lodash/_equalObjects.js.map

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

package/build/esm/external/lodash/_setCacheHas.js

@@ -5,7 +5,7 @@
  * @name has
  * @memberOf SetCache
  * @param {*} value The value to search for.
- * @returns {number} Returns `true` if `value` is found, else `false`.
+ * @returns {boolean} Returns `true` if `value` is found, else `false`.
  */
 function setCacheHas(value) {
   return this.__data__.has(value);

package/build/esm/external/lodash/_trimmedEndIndex.js

@@ -0,0 +1,22 @@
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex;
+
+export default _trimmedEndIndex;
+//# sourceMappingURL=_trimmedEndIndex.js.map

package/build/esm/external/lodash/_trimmedEndIndex.js.map

@@ -0,0 +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;"}

package/build/esm/external/lodash/toNumber.js

@@ -1,12 +1,10 @@
 import isObject_1 from './isObject.js';
+import _baseTrim from './_baseTrim.js';
 import isSymbol_1 from './isSymbol.js';
 
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
 
-/** Used to match leading and trailing whitespace. */
-var reTrim = /^\s+|\s+$/g;
-
 /** Used to detect bad signed hexadecimal string values. */
 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 
@@ -56,7 +54,7 @@ function toNumber(value) {
   if (typeof value != 'string') {
     return value === 0 ? value : +value;
   }
-  value = value.replace(reTrim, '');
+  value = _baseTrim(value);
   var isBinary = reIsBinary.test(value);
   return (isBinary || reIsOctal.test(value))
     ? freeParseInt(value.slice(2), isBinary ? 2 : 8)

package/build/esm/external/lodash/toNumber.js.map

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

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

@@ -3,6 +3,7 @@ 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;
@@ -13,6 +14,8 @@ 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,6 +11,7 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
         super(...arguments);
         this.settings = '';
         this.id = '';
+        this.isSliderOptimizationFlagEnabled = false;
         this._settings = {
             mountOnConnectedCallback: true,
             type: 'loop',
@@ -31,17 +32,35 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
             if ($focusableSlideChildren.length === 0)
                 return;
             let updateFocusability;
-            updateFocusability = action === SLIDER_HANDLE_FOCUSABLE_NODES_OPTIONS.show ? UiDomUtils.showFocusableElement : UiDomUtils.hideFocusableElement;
+            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;
+            }
             $focusableSlideChildren.forEach(($element) => updateFocusability($element));
         };
         this._scanMutationsForNewFocusableElements = (mutationList) => {
-            for (const mutation of mutationList) {
-                for (const addedNode of mutation.addedNodes) {
-                    if (!(addedNode instanceof HTMLElement))
+            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')
                         continue;
-                    if (UiDomUtils.isFocusable(addedNode))
-                        this._initializeFocusableElement(addedNode);
-                    const $focusableChildren = [...addedNode.querySelectorAll(UiDomUtils.getFocusableSelector())];
+                    const $target = mutation.target;
+                    const isFocusable = UiDomUtils.isFocusable($target);
+                    const $focusableChildren = [...$target.querySelectorAll(UiDomUtils.getFocusableSelector())];
+                    isFocusable && this._initializeFocusableElement($target);
                     $focusableChildren.forEach(($child) => this._initializeFocusableElement($child));
                 }
             }
@@ -73,8 +92,22 @@ let HSlider = class HSlider extends PhoenixLightLitElement {
         }
         this._slider.on('visible', this._showFocusableNodes);
         this._slider.on('hidden', this._hideFocusableNodes);
-        this._mutationObserver = new MutationObserver(this._scanMutationsForNewFocusableElements);
-        this._mutationObserver.observe(this, { childList: true, subtree: true });
+        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');
     }
     getSlider() {
         return this._slider;
@@ -84,8 +117,10 @@ 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');
-        (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
-        this._mutationObserver = null;
+        if (this.isSliderOptimizationFlagEnabled) {
+            (_c = this._mutationObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+            this._mutationObserver = null;
+        }
     }
 };
 __decorate([
@@ -96,6 +131,10 @@ __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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.18.41-0",
+  "version": "1.18.41-1",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -31,13 +31,14 @@
     "@splidejs/splide-extension-auto-scroll": "0.5.3"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.23.5",
+    "@dreamcommerce/utilities": "^1.23.5-3",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",
     "@splidejs/splide-extension-auto-scroll": "0.5.3",
     "@storybook/web-components": "6.5.7",
-    "lit": "2.4.0"
+    "lit": "2.4.0",
+    "lodash": "4.18.1"
   },
   "browserslist": [
     "last 3 version, not ie <= 11, not dead"