@agnos-ui/core 0.9.3 → 0.10.0-next.0

package/services/siblingsInert.d.ts

@@ -1,6 +1,16 @@
 import type { Directive } from '../types';
 /**
- * A directive that sets the `inert` attribute on all sibling elements of the given element recursively up the DOM tree,
- * excluding the element itself and any `<script>` elements.
+ * Directive to manage focus trapping by setting the `inert` attribute on sibling elements.
+ * This is useful for modal dialogs or overlays where interaction should be limited to a specific subtree.
+ *
+ * - Recursively traverses up the DOM tree.
+ * - Sets `inert` on all siblings except the target element and `<script>` tags.
+ * - Use `data-agnos-ignore-inert` to avoid inert attribute for a specified element.
+ *
+ * Takes boolean or undefined as value:
+ * - `true` or `undefined`: Apply inert to siblings.
+ * - `false`: Do not apply inert to siblings.
+ *
+ * Automatically reverts when the target element changes or is removed.
  */
-export declare const siblingsInert: Directive;
+export declare const siblingsInert: Directive<boolean | undefined>;

package/services/siblingsInert.js

@@ -1,13 +1,14 @@
 import { computed } from "@amadeus-it-group/tansu";
+import { j as createConditionalBrowserStoreArrayDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-Bcg9ORcA.js";
 import { noop } from "../utils/func.js";
-import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../dom-gfxqXJpK.js";
-const internalSetSiblingsInert = (element) => {
+const ignoreInertAttributeName = "data-agnos-ignore-inert";
+const applyInertToSiblingsRecursively = (element) => {
   const inertValues = /* @__PURE__ */ new Map();
   const recursiveHelper = (element2) => {
     const parent = element2.parentElement;
     if (parent && element2 !== document.body) {
       Array.from(parent.children).forEach((sibling) => {
-        if (sibling !== element2 && sibling.nodeName !== "SCRIPT") {
+        if (sibling !== element2 && sibling.nodeName !== "SCRIPT" && !sibling.hasAttribute(ignoreInertAttributeName)) {
           inertValues.set(sibling, sibling.hasAttribute("inert"));
           sibling.toggleAttribute("inert", true);
         }
@@ -23,18 +24,18 @@ const internalSetSiblingsInert = (element) => {
 let internalRevert = noop;
 const setSiblingsInert = (element) => {
   internalRevert();
-  internalRevert = element ? internalSetSiblingsInert(element) : noop;
+  internalRevert = element ? applyInertToSiblingsRecursively(element) : noop;
 };
-const { directive: storeArrayDirective, elements$ } = createBrowserStoreArrayDirective();
-const lastElement$ = computed(
+const { directive: storeArrayDirective, elements$ } = createConditionalBrowserStoreArrayDirective();
+const lastTrackedElement$ = computed(
   () => {
     const elements = elements$();
     return elements[elements.length - 1];
   },
   { equal: Object.is }
 );
-const inertAction$ = computed(() => setSiblingsInert(lastElement$()));
-const siblingsInert = mergeDirectives(storeArrayDirective, directiveSubscribe(inertAction$));
+const updateInertState$ = computed(() => setSiblingsInert(lastTrackedElement$()));
+const siblingsInert = mergeDirectives(storeArrayDirective, directiveSubscribe(updateInertState$));
 export {
   siblingsInert
 };

package/services/transitions/baseTransitions.cjs

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("../../writables-Bn3uhKEG.cjs");
+const utils_writables = require("../../writables-DcGT98a7.cjs");
 const promise = require("../../promise-CxCD3NYv.cjs");
 const utils_func = require("../../utils/func.cjs");
 const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const neverEndingPromise = new Promise(utils_func.noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";
@@ -41,8 +41,8 @@ const createTransition = (config) => {
   const stop = () => {
     let context;
     currentTransition$.update((currentTransition) => {
-      currentTransition == null ? void 0 : currentTransition.abort.abort();
-      context = currentTransition == null ? void 0 : currentTransition.context;
+      currentTransition?.abort.abort();
+      context = currentTransition?.context;
       return null;
     });
     return context;
@@ -64,7 +64,6 @@ const createTransition = (config) => {
     currentTransition$.set(currentTransition);
     resolve(
       (async () => {
-        var _a;
         try {
           await transitionFn(element, visible ? "show" : "hide", animated, signal, context);
         } finally {
@@ -72,7 +71,7 @@ const createTransition = (config) => {
             await neverEndingPromise;
           } else {
             currentTransition$.set(null);
-            (_a = (visible ? onShown$ : onHidden$)()) == null ? void 0 : _a();
+            (visible ? onShown$ : onHidden$)()?.();
           }
         }
       })()
@@ -100,9 +99,9 @@ const createTransition = (config) => {
           if (visibleChanged || animationFromToggle != null) {
             pendingTransition = null;
           }
-          const animate = animationFromToggle ?? (pendingTransition == null ? void 0 : pendingTransition.animated) ?? (elementChanged && !visible ? false : animated);
+          const animate = animationFromToggle ?? pendingTransition?.animated ?? (elementChanged && !visible ? false : animated);
           currentTransition = runTransition(visible, animate, element, transition);
-          pendingTransition == null ? void 0 : pendingTransition.resolve(currentTransition.promise);
+          pendingTransition?.resolve(currentTransition.promise);
           pendingTransition = null;
         }
       } else {
@@ -110,7 +109,7 @@ const createTransition = (config) => {
           stop();
           currentTransition = null;
         }
-        if (visibleChanged || visible && (pendingTransition == null ? void 0 : pendingTransition.animated) !== animationFromToggle) {
+        if (visibleChanged || visible && pendingTransition?.animated !== animationFromToggle) {
           pendingTransition = visible && animationFromToggle != null ? {
             // toggle was called to display the element, but the element is not yet in the DOM
             // let's keep the animation setting from toggle and provide the promise for the end of toggle
@@ -119,7 +118,7 @@ const createTransition = (config) => {
           } : null;
         }
       }
-      return (pendingTransition == null ? void 0 : pendingTransition.promise) ?? (currentTransition == null ? void 0 : currentTransition.promise);
+      return pendingTransition?.promise ?? currentTransition?.promise;
     }
   );
   let lastToggle = {};

package/services/transitions/baseTransitions.js

@@ -1,9 +1,9 @@
 import { computed, writable, derived, batch } from "@amadeus-it-group/tansu";
-import { d as typeBooleanOrNull, g as typeFunction, c as typeBoolean } from "../../writables-CgpOQ4hA.js";
-import { c as promiseWithResolve } from "../../promise-XSP94FjG.js";
+import { d as typeBooleanOrNull, g as typeFunction, c as typeBoolean } from "../../writables-e0tyaQpe.js";
+import { d as promiseWithResolve } from "../../promise-Y53vc4Ia.js";
 import { noop } from "../../utils/func.js";
 import { writablesForProps, bindableDerived, stateStores } from "../../utils/stores.js";
-import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../../dom-gfxqXJpK.js";
+import { k as createStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../../dom-Bcg9ORcA.js";
 const neverEndingPromise = new Promise(noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";
@@ -39,8 +39,8 @@ const createTransition = (config) => {
   const stop = () => {
     let context;
     currentTransition$.update((currentTransition) => {
-      currentTransition == null ? void 0 : currentTransition.abort.abort();
-      context = currentTransition == null ? void 0 : currentTransition.context;
+      currentTransition?.abort.abort();
+      context = currentTransition?.context;
       return null;
     });
     return context;
@@ -62,7 +62,6 @@ const createTransition = (config) => {
     currentTransition$.set(currentTransition);
     resolve(
       (async () => {
-        var _a;
         try {
           await transitionFn(element, visible ? "show" : "hide", animated, signal, context);
         } finally {
@@ -70,7 +69,7 @@ const createTransition = (config) => {
             await neverEndingPromise;
           } else {
             currentTransition$.set(null);
-            (_a = (visible ? onShown$ : onHidden$)()) == null ? void 0 : _a();
+            (visible ? onShown$ : onHidden$)()?.();
           }
         }
       })()
@@ -98,9 +97,9 @@ const createTransition = (config) => {
           if (visibleChanged || animationFromToggle != null) {
             pendingTransition = null;
           }
-          const animate = animationFromToggle ?? (pendingTransition == null ? void 0 : pendingTransition.animated) ?? (elementChanged && !visible ? false : animated);
+          const animate = animationFromToggle ?? pendingTransition?.animated ?? (elementChanged && !visible ? false : animated);
           currentTransition = runTransition(visible, animate, element, transition);
-          pendingTransition == null ? void 0 : pendingTransition.resolve(currentTransition.promise);
+          pendingTransition?.resolve(currentTransition.promise);
           pendingTransition = null;
         }
       } else {
@@ -108,7 +107,7 @@ const createTransition = (config) => {
           stop();
           currentTransition = null;
         }
-        if (visibleChanged || visible && (pendingTransition == null ? void 0 : pendingTransition.animated) !== animationFromToggle) {
+        if (visibleChanged || visible && pendingTransition?.animated !== animationFromToggle) {
           pendingTransition = visible && animationFromToggle != null ? {
             // toggle was called to display the element, but the element is not yet in the DOM
             // let's keep the animation setting from toggle and provide the promise for the end of toggle
@@ -117,7 +116,7 @@ const createTransition = (config) => {
           } : null;
         }
       }
-      return (pendingTransition == null ? void 0 : pendingTransition.promise) ?? (currentTransition == null ? void 0 : currentTransition.promise);
+      return pendingTransition?.promise ?? currentTransition?.promise;
     }
   );
   let lastToggle = {};

package/services/transitions/collapse.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/collapse.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement, v as removeClasses, w as addClasses, x as reflow } from "../../dom-gfxqXJpK.js";
+import { i as isBrowserHTMLElement, x as removeClasses, y as addClasses, z as reflow } from "../../dom-Bcg9ORcA.js";
 import { createCSSTransition } from "./cssTransitions.js";
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/cssTransitions.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const utils_func = require("../../utils/func.cjs");
 const promise = require("../../promise-CxCD3NYv.cjs");
 function hasTransition(element) {

package/services/transitions/cssTransitions.js

@@ -1,6 +1,6 @@
-import { i as isBrowserHTMLElement } from "../../dom-gfxqXJpK.js";
+import { i as isBrowserHTMLElement } from "../../dom-Bcg9ORcA.js";
 import { noop } from "../../utils/func.js";
-import { a as promiseFromEvent, b as promiseFromTimeout } from "../../promise-XSP94FjG.js";
+import { b as promiseFromEvent, c as promiseFromTimeout } from "../../promise-Y53vc4Ia.js";
 function hasTransition(element) {
   return window.getComputedStyle(element).transitionProperty !== "none";
 }

package/services/transitions/simpleClassTransition.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
-const utils_directive = require("../../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../../dom-C2gi9OCP.cjs");
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return services_transitions_cssTransitions.createCSSTransition((element, direction, animated, context) => {

package/services/transitions/simpleClassTransition.js

@@ -1,5 +1,5 @@
 import { createCSSTransition } from "./cssTransitions.js";
-import { v as removeClasses, w as addClasses, x as reflow } from "../../dom-gfxqXJpK.js";
+import { x as removeClasses, y as addClasses, z as reflow } from "../../dom-Bcg9ORcA.js";
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return createCSSTransition((element, direction, animated, context) => {

package/{slider-BmxQ3A_u.js → slider-Cx50Eghd.js}

@@ -1,18 +1,17 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective, g as createBrowserStoreArrayDirective, k as mergeDirectives, n as createAttributesDirective, b as browserDirective } from "./dom-gfxqXJpK.js";
+import { l as createBrowserStoreDirective, h as createBrowserStoreArrayDirective, n as mergeDirectives, p as createAttributesDirective, b as browserDirective } from "./dom-Bcg9ORcA.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
-import { i as typeArray, c as typeBoolean, b as typeNumberInRangeFactory, e as typeString, g as typeFunction, a as typeNumber } from "./writables-CgpOQ4hA.js";
+import { i as typeArray, c as typeBoolean, b as typeNumberInRangeFactory, e as typeString, g as typeFunction, a as typeNumber } from "./writables-e0tyaQpe.js";
 import { createResizeObserver } from "./services/resizeObserver.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
-  var _a;
   const matches = ("" + number).match(decimalRegExp);
   return Math.max(
     0,
     // Number of digits right of decimal point.
-    (((_a = matches[1]) == null ? void 0 : _a.length) ?? 0) - // Adjust for exponential notation.
+    (matches[1]?.length ?? 0) - // Adjust for exponential notation.
     (+matches[2] || 0)
   );
 }
@@ -255,10 +254,9 @@ const createSlider = createWidgetFactory("slider", (config) => {
   );
   const sliderDomRect$ = computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = sliderDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return sliderDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: Object.is
@@ -266,10 +264,9 @@ const createSlider = createWidgetFactory("slider", (config) => {
   );
   const minLabelDomRect$ = computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = minLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return minLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -277,10 +274,9 @@ const createSlider = createWidgetFactory("slider", (config) => {
   );
   const maxLabelDomRect$ = computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = maxLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return maxLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -318,16 +314,10 @@ const createSlider = createWidgetFactory("slider", (config) => {
   const adjustedShowValueLabels$ = computed(() => showValueLabels$() && (!showTicks$() || !showTickValues$()));
   const pixelToPercent = (pixels) => pixels ? pixels / sliderDomRectSize$() * 100 : 0;
   const combinedLabelSize$ = computed(
-    () => {
-      var _a, _b;
-      return pixelToPercent(vertical$() ? (_a = combinedLabelDom$()) == null ? void 0 : _a.getBoundingClientRect().height : (_b = combinedLabelDom$()) == null ? void 0 : _b.getBoundingClientRect().width);
-    }
+    () => pixelToPercent(vertical$() ? combinedLabelDom$()?.getBoundingClientRect().height : combinedLabelDom$()?.getBoundingClientRect().width)
   );
   const combinedLabelPosition$ = computed(() => vertical$() ? combinedLabelPositionTop$() : combinedLabelPositionLeft$());
-  const currentLabelSizeByIndex = (index) => {
-    var _a, _b;
-    return pixelToPercent(vertical$() ? (_a = currentLabelDomsRect$()[index]) == null ? void 0 : _a.height : (_b = currentLabelDomsRect$()[index]) == null ? void 0 : _b.width);
-  };
+  const currentLabelSizeByIndex = (index) => pixelToPercent(vertical$() ? currentLabelDomsRect$()[index]?.height : currentLabelDomsRect$()[index]?.width);
   const minValueLabelDisplay$ = computed(() => {
     if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
       return false;
@@ -369,8 +359,8 @@ const createSlider = createWidgetFactory("slider", (config) => {
       storedLabelSize$.set(values.map((_, index) => currentLabelSizeByIndex(index) / 2));
     }
     const storedLabelSize = storedLabelSize$();
-    const firstLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[0]) ?? 0;
-    const secondLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[1]) ?? 0;
+    const firstLabelSize = storedLabelSize?.[0] ?? 0;
+    const secondLabelSize = storedLabelSize?.[1] ?? 0;
     const biggestLabelSize = Math.max(firstLabelSize, secondLabelSize);
     const intersectionLimit = biggestLabelSize !== 50 ? biggestLabelSize * 2 + 2 : 15;
     return values.length == 2 && values[1] - secondLabelSize - values[0] + firstLabelSize < intersectionLimit;
@@ -567,7 +557,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.clientY : e.clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -575,7 +565,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("mousemove", handleDrag);
       document.addEventListener(
         "mouseup",
@@ -591,7 +581,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.touches[0].clientY : e.touches[0].clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -599,7 +589,7 @@ const createSlider = createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("touchmove", handleDrag, { passive: false });
       document.addEventListener(
         "touchend",

package/{slider-DSx5CAce.cjs → slider-Dl4Trh32.cjs}

@@ -1,19 +1,18 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const services_resizeObserver = require("./services/resizeObserver.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
-  var _a;
   const matches = ("" + number).match(decimalRegExp);
   return Math.max(
     0,
     // Number of digits right of decimal point.
-    (((_a = matches[1]) == null ? void 0 : _a.length) ?? 0) - // Adjust for exponential notation.
+    (matches[1]?.length ?? 0) - // Adjust for exponential notation.
     (+matches[2] || 0)
   );
 }
@@ -256,10 +255,9 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   );
   const sliderDomRect$ = tansu.computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = sliderDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return sliderDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: Object.is
@@ -267,10 +265,9 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   );
   const minLabelDomRect$ = tansu.computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = minLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return minLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -278,10 +275,9 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   );
   const maxLabelDomRect$ = tansu.computed(
     () => {
-      var _a;
       dimensions$();
       updateSliderSize$();
-      return ((_a = maxLabelDom$()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
+      return maxLabelDom$()?.getBoundingClientRect() ?? {};
     },
     {
       equal: (a, b) => Object.is(a, b)
@@ -319,16 +315,10 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
   const adjustedShowValueLabels$ = tansu.computed(() => showValueLabels$() && (!showTicks$() || !showTickValues$()));
   const pixelToPercent = (pixels) => pixels ? pixels / sliderDomRectSize$() * 100 : 0;
   const combinedLabelSize$ = tansu.computed(
-    () => {
-      var _a, _b;
-      return pixelToPercent(vertical$() ? (_a = combinedLabelDom$()) == null ? void 0 : _a.getBoundingClientRect().height : (_b = combinedLabelDom$()) == null ? void 0 : _b.getBoundingClientRect().width);
-    }
+    () => pixelToPercent(vertical$() ? combinedLabelDom$()?.getBoundingClientRect().height : combinedLabelDom$()?.getBoundingClientRect().width)
   );
   const combinedLabelPosition$ = tansu.computed(() => vertical$() ? combinedLabelPositionTop$() : combinedLabelPositionLeft$());
-  const currentLabelSizeByIndex = (index) => {
-    var _a, _b;
-    return pixelToPercent(vertical$() ? (_a = currentLabelDomsRect$()[index]) == null ? void 0 : _a.height : (_b = currentLabelDomsRect$()[index]) == null ? void 0 : _b.width);
-  };
+  const currentLabelSizeByIndex = (index) => pixelToPercent(vertical$() ? currentLabelDomsRect$()[index]?.height : currentLabelDomsRect$()[index]?.width);
   const minValueLabelDisplay$ = tansu.computed(() => {
     if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
       return false;
@@ -370,8 +360,8 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
       storedLabelSize$.set(values.map((_, index) => currentLabelSizeByIndex(index) / 2));
     }
     const storedLabelSize = storedLabelSize$();
-    const firstLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[0]) ?? 0;
-    const secondLabelSize = (storedLabelSize == null ? void 0 : storedLabelSize[1]) ?? 0;
+    const firstLabelSize = storedLabelSize?.[0] ?? 0;
+    const secondLabelSize = storedLabelSize?.[1] ?? 0;
     const biggestLabelSize = Math.max(firstLabelSize, secondLabelSize);
     const intersectionLimit = biggestLabelSize !== 50 ? biggestLabelSize * 2 + 2 : 15;
     return values.length == 2 && values[1] - secondLabelSize - values[0] + firstLabelSize < intersectionLimit;
@@ -568,7 +558,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.clientY : e.clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -576,7 +566,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("mousemove", handleDrag);
       document.addEventListener(
         "mouseup",
@@ -592,7 +582,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     const handleDrag = (e) => {
       e.preventDefault();
       const newCoord = vertical$() ? e.touches[0].clientY : e.touches[0].clientX;
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       if (_prevCoordinate !== newCoord) {
         _prevCoordinate = newCoord;
         adjustCoordinate(newCoord, handleId);
@@ -600,7 +590,7 @@ const createSlider = utils_widget.createWidgetFactory("slider", (config) => {
     };
     if (interactive$()) {
       updateSliderSize$.set({});
-      currentTarget == null ? void 0 : currentTarget.focus();
+      currentTarget?.focus();
       document.addEventListener("touchmove", handleDrag, { passive: false });
       document.addEventListener(
         "touchend",