@agnos-ui/core 0.4.3 → 0.5.0-next.0

package/{slider-ByDkbyr1.js → slider-DYrwS7Mv.js}

@@ -1,8 +1,8 @@
 import { computed, writable } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective, k as mergeDirectives, n as createAttributesDirective } from "./directive-3-8yr-ZK.js";
+import { j as createBrowserStoreDirective, k as mergeDirectives, n as createAttributesDirective } from "./directive-CKEccryv.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
-import { h as typeArray, a as typeNumber, b as typeNumberInRangeFactory, c as typeBoolean, f as typeFunction } from "./writables-DoU_XYTX.js";
+import { h as typeArray, a as typeNumber, b as typeNumberInRangeFactory, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
 import { createResizeObserver } from "./services/resizeObserver.js";
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
@@ -47,7 +47,8 @@ const configValidator = {
   values: typeArray,
   showValueLabels: typeBoolean,
   showMinMaxLabels: typeBoolean,
-  rtl: typeBoolean
+  rtl: typeBoolean,
+  className: typeString
 };
 const computeCleanValue = (value, min, max, intStepSize, decimalPrecision) => {
   const magnitude = Math.pow(10, decimalPrecision);
@@ -209,7 +210,7 @@ function createSlider(config) {
   });
   const combinedLabelDisplay$ = computed(() => {
     const values = values$();
-    return values.length == 2 && Math.abs(values[0] - values[1]) < 10;
+    return values.length == 2 && Math.abs(values[0] - values[1]) * 100 / (max$() - min$()) < 10;
   });
   const interactive$ = computed(() => !disabled$() && !readonly$());
   const combinedLabelPositionLeft$ = computed(() => {
@@ -224,7 +225,7 @@ function createSlider(config) {
   });
   const handleDisplayOptions$ = computed(() => {
     const vertical = vertical$(), rtl = rtl$();
-    return valuesPercent$().map((vp, index) => {
+    return valuesPercent$().map((vp) => {
       return {
         left: rtl ? vertical ? null : 100 - vp : vertical ? null : vp,
         top: rtl ? vertical ? vp : null : vertical ? 100 - vp : null
@@ -320,113 +321,10 @@ function createSlider(config) {
       invisible: computed(() => !maxValueLabelDisplay$())
     }
   }));
-  const widget = {
-    ...stateStores({
-      min$,
-      max$,
-      stepSize$,
-      values$,
-      sortedValues$,
-      sortedHandles$,
-      minValueLabelDisplay$,
-      maxValueLabelDisplay$,
-      combinedLabelDisplay$,
-      interactive$,
-      combinedLabelPositionLeft$,
-      combinedLabelPositionTop$,
-      progressDisplayOptions$,
-      handleDisplayOptions$,
-      showValueLabels$,
-      showMinMaxLabels$,
-      rtl$,
-      ...stateProps
-    }),
-    patch,
-    api: {},
-    directives: {
-      sliderDirective: mergeDirectives(sliderDirective, resizeDirective, containerDirective),
-      progressDisplayDirective: createAttributesDirective((progressContext$) => ({
-        styles: {
-          left: computed(() => percent(progressContext$().option.left)),
-          right: computed(() => percent(progressContext$().option.right)),
-          top: computed(() => percent(progressContext$().option.top)),
-          bottom: computed(() => percent(progressContext$().option.bottom)),
-          width: computed(() => percent(progressContext$().option.width)),
-          height: computed(() => percent(progressContext$().option.height))
-        },
-        classNames: {
-          "au-slider-progress": true
-        }
-      })),
-      clickableAreaDirective: createAttributesDirective(() => ({
-        events: {
-          click: (event) => widget.actions.click(event)
-        },
-        classNames: {
-          "au-slider-clickable-area": horizontal$,
-          "au-slider-clickable-area-vertical": vertical$
-        }
-      })),
-      handleDirective: createAttributesDirective((handleContext$) => ({
-        events: {
-          keydown: (event) => widget.actions.keydown(event, handleContext$().item.id),
-          mousedown: (event) => widget.actions.mouseDown(event, handleContext$().item.id),
-          touchstart: (event) => widget.actions.touchStart(event, handleContext$().item.id)
-        },
-        attributes: {
-          role: "slider",
-          "aria-valuemin": min$,
-          "aria-valuemax": max$,
-          "aria-valuenow": computed(() => handleContext$().item.value),
-          "aria-valuetext": computed(() => handleContext$().item.ariaValueText),
-          "aria-label": computed(() => handleContext$().item.ariaLabel),
-          "aria-orientation": computed(() => vertical$() ? "vertical" : void 0),
-          "aria-disabled": computed(() => disabled$() ? "true" : void 0),
-          disabled: disabled$,
-          "aria-readonly": computed(() => readonly$() ? "true" : void 0)
-        },
-        styles: {
-          left: computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].left)),
-          top: computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].top))
-        },
-        classNames: {
-          "au-slider-handle": true,
-          "au-slider-handle-vertical": vertical$,
-          "au-slider-handle-horizontal": horizontal$
-        }
-      })),
-      minLabelDirective: mergeDirectives(minLabelDomDirective, minLabelDirective),
-      maxLabelDirective: mergeDirectives(maxLabelDomDirective, maxLabelDirective),
-      combinedHandleLabelDisplayDirective: createAttributesDirective(() => ({
-        classNames: {
-          "au-slider-label-vertical": vertical$,
-          "au-slider-label-vertical-now": vertical$,
-          "au-slider-label": horizontal$,
-          "au-slider-label-now": horizontal$
-        },
-        styles: {
-          left: computed(() => percent(combinedLabelPositionLeft$())),
-          top: computed(() => percent(combinedLabelPositionTop$()))
-        }
-      })),
-      handleLabelDisplayDirective: createAttributesDirective((labelDisplayContext$) => ({
-        classNames: {
-          "au-slider-label-vertical": vertical$,
-          "au-slider-label-vertical-now": vertical$,
-          "au-slider-label": horizontal$,
-          "au-slider-label-now": horizontal$
-        },
-        styles: {
-          left: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].left)),
-          top: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top))
-        }
-      }))
-    },
-    actions: {
-      click(event) {
-        adjustCoordinate(vertical$() ? event.clientY : event.clientX);
-      },
-      keydown(event, handleIndex) {
+  const handleEventsDirective = createAttributesDirective((handleContext$) => ({
+    events: {
+      keydown: (event) => {
+        const handleIndex = handleContext$().item.id;
         const { key } = event;
         const rtl = rtl$(), stepSize = stepSize$(), min = min$(), max = max$(), vertical = vertical$();
         if (interactive$()) {
@@ -468,7 +366,7 @@ function createSlider(config) {
           event.stopPropagation();
         }
       },
-      mouseDown(event, handleId) {
+      mousedown: (event) => {
         event.preventDefault();
         const currentTarget = event.target;
         const handleDrag = (e) => {
@@ -477,7 +375,7 @@ function createSlider(config) {
           currentTarget.focus();
           if (_prevCoordinate !== newCoord) {
             _prevCoordinate = newCoord;
-            adjustCoordinate(newCoord, handleId);
+            adjustCoordinate(newCoord, handleContext$().item.id);
           }
         };
         if (interactive$()) {
@@ -493,7 +391,7 @@ function createSlider(config) {
           );
         }
       },
-      touchStart(event, handleId) {
+      touchstart: (event) => {
         event.preventDefault();
         const handleDrag = (e) => {
           e.preventDefault();
@@ -501,7 +399,7 @@ function createSlider(config) {
           event.target.focus();
           if (_prevCoordinate !== newCoord) {
             _prevCoordinate = newCoord;
-            adjustCoordinate(newCoord, handleId);
+            adjustCoordinate(newCoord, handleContext$().item.id);
           }
         };
         if (interactive$()) {
@@ -527,6 +425,110 @@ function createSlider(config) {
         }
       }
     }
+  }));
+  const widget = {
+    ...stateStores({
+      min$,
+      max$,
+      stepSize$,
+      values$,
+      sortedValues$,
+      sortedHandles$,
+      minValueLabelDisplay$,
+      maxValueLabelDisplay$,
+      combinedLabelDisplay$,
+      interactive$,
+      combinedLabelPositionLeft$,
+      combinedLabelPositionTop$,
+      progressDisplayOptions$,
+      handleDisplayOptions$,
+      showValueLabels$,
+      showMinMaxLabels$,
+      rtl$,
+      ...stateProps
+    }),
+    patch,
+    api: {},
+    directives: {
+      sliderDirective: mergeDirectives(sliderDirective, resizeDirective, containerDirective),
+      progressDisplayDirective: createAttributesDirective((progressContext$) => ({
+        styles: {
+          left: computed(() => percent(progressContext$().option.left)),
+          right: computed(() => percent(progressContext$().option.right)),
+          top: computed(() => percent(progressContext$().option.top)),
+          bottom: computed(() => percent(progressContext$().option.bottom)),
+          width: computed(() => percent(progressContext$().option.width)),
+          height: computed(() => percent(progressContext$().option.height))
+        },
+        classNames: {
+          "au-slider-progress": true
+        }
+      })),
+      clickableAreaDirective: createAttributesDirective(() => ({
+        events: {
+          click: (event) => {
+            adjustCoordinate(vertical$() ? event.clientY : event.clientX);
+          }
+        },
+        classNames: {
+          "au-slider-clickable-area": horizontal$,
+          "au-slider-clickable-area-vertical": vertical$
+        }
+      })),
+      handleEventsDirective,
+      handleDirective: mergeDirectives(
+        handleEventsDirective,
+        createAttributesDirective((handleContext$) => ({
+          attributes: {
+            role: "slider",
+            "aria-valuemin": min$,
+            "aria-valuemax": max$,
+            "aria-valuenow": computed(() => handleContext$().item.value),
+            "aria-valuetext": computed(() => handleContext$().item.ariaValueText),
+            "aria-label": computed(() => handleContext$().item.ariaLabel),
+            "aria-orientation": computed(() => vertical$() ? "vertical" : void 0),
+            "aria-disabled": computed(() => disabled$() ? "true" : void 0),
+            disabled: disabled$,
+            "aria-readonly": computed(() => readonly$() ? "true" : void 0)
+          },
+          styles: {
+            left: computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].left)),
+            top: computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].top))
+          },
+          classNames: {
+            "au-slider-handle": true,
+            "au-slider-handle-vertical": vertical$,
+            "au-slider-handle-horizontal": horizontal$
+          }
+        }))
+      ),
+      minLabelDirective: mergeDirectives(minLabelDomDirective, minLabelDirective),
+      maxLabelDirective: mergeDirectives(maxLabelDomDirective, maxLabelDirective),
+      combinedHandleLabelDisplayDirective: createAttributesDirective(() => ({
+        classNames: {
+          "au-slider-label-vertical": vertical$,
+          "au-slider-label-vertical-now": vertical$,
+          "au-slider-label": horizontal$,
+          "au-slider-label-now": horizontal$
+        },
+        styles: {
+          left: computed(() => percent(combinedLabelPositionLeft$())),
+          top: computed(() => percent(combinedLabelPositionTop$()))
+        }
+      })),
+      handleLabelDisplayDirective: createAttributesDirective((labelDisplayContext$) => ({
+        classNames: {
+          "au-slider-label-vertical": vertical$,
+          "au-slider-label-vertical-now": vertical$,
+          "au-slider-label": horizontal$,
+          "au-slider-label-now": horizontal$
+        },
+        styles: {
+          left: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].left)),
+          top: computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top))
+        }
+      }))
+    }
   };
   return widget;
 }

package/{slider-BdsZpxJr.cjs → slider-DlOAawbZ.cjs}

@@ -1,9 +1,9 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./directive-j-xRk-h3.cjs");
+const utils_directive = require("./directive-DdlwGFtf.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-D46sFgGK.cjs");
+const utils_writables = require("./writables-BPAJvaL_.cjs");
 const services_resizeObserver = require("./services/resizeObserver.cjs");
 const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
 function getDecimalPrecision(number) {
@@ -48,7 +48,8 @@ const configValidator = {
   values: utils_writables.typeArray,
   showValueLabels: utils_writables.typeBoolean,
   showMinMaxLabels: utils_writables.typeBoolean,
-  rtl: utils_writables.typeBoolean
+  rtl: utils_writables.typeBoolean,
+  className: utils_writables.typeString
 };
 const computeCleanValue = (value, min, max, intStepSize, decimalPrecision) => {
   const magnitude = Math.pow(10, decimalPrecision);
@@ -210,7 +211,7 @@ function createSlider(config) {
   });
   const combinedLabelDisplay$ = tansu.computed(() => {
     const values = values$();
-    return values.length == 2 && Math.abs(values[0] - values[1]) < 10;
+    return values.length == 2 && Math.abs(values[0] - values[1]) * 100 / (max$() - min$()) < 10;
   });
   const interactive$ = tansu.computed(() => !disabled$() && !readonly$());
   const combinedLabelPositionLeft$ = tansu.computed(() => {
@@ -225,7 +226,7 @@ function createSlider(config) {
   });
   const handleDisplayOptions$ = tansu.computed(() => {
     const vertical = vertical$(), rtl = rtl$();
-    return valuesPercent$().map((vp, index) => {
+    return valuesPercent$().map((vp) => {
       return {
         left: rtl ? vertical ? null : 100 - vp : vertical ? null : vp,
         top: rtl ? vertical ? vp : null : vertical ? 100 - vp : null
@@ -321,113 +322,10 @@ function createSlider(config) {
       invisible: tansu.computed(() => !maxValueLabelDisplay$())
     }
   }));
-  const widget = {
-    ...utils_stores.stateStores({
-      min$,
-      max$,
-      stepSize$,
-      values$,
-      sortedValues$,
-      sortedHandles$,
-      minValueLabelDisplay$,
-      maxValueLabelDisplay$,
-      combinedLabelDisplay$,
-      interactive$,
-      combinedLabelPositionLeft$,
-      combinedLabelPositionTop$,
-      progressDisplayOptions$,
-      handleDisplayOptions$,
-      showValueLabels$,
-      showMinMaxLabels$,
-      rtl$,
-      ...stateProps
-    }),
-    patch,
-    api: {},
-    directives: {
-      sliderDirective: utils_directive.mergeDirectives(sliderDirective, resizeDirective, containerDirective),
-      progressDisplayDirective: utils_directive.createAttributesDirective((progressContext$) => ({
-        styles: {
-          left: tansu.computed(() => percent(progressContext$().option.left)),
-          right: tansu.computed(() => percent(progressContext$().option.right)),
-          top: tansu.computed(() => percent(progressContext$().option.top)),
-          bottom: tansu.computed(() => percent(progressContext$().option.bottom)),
-          width: tansu.computed(() => percent(progressContext$().option.width)),
-          height: tansu.computed(() => percent(progressContext$().option.height))
-        },
-        classNames: {
-          "au-slider-progress": true
-        }
-      })),
-      clickableAreaDirective: utils_directive.createAttributesDirective(() => ({
-        events: {
-          click: (event) => widget.actions.click(event)
-        },
-        classNames: {
-          "au-slider-clickable-area": horizontal$,
-          "au-slider-clickable-area-vertical": vertical$
-        }
-      })),
-      handleDirective: utils_directive.createAttributesDirective((handleContext$) => ({
-        events: {
-          keydown: (event) => widget.actions.keydown(event, handleContext$().item.id),
-          mousedown: (event) => widget.actions.mouseDown(event, handleContext$().item.id),
-          touchstart: (event) => widget.actions.touchStart(event, handleContext$().item.id)
-        },
-        attributes: {
-          role: "slider",
-          "aria-valuemin": min$,
-          "aria-valuemax": max$,
-          "aria-valuenow": tansu.computed(() => handleContext$().item.value),
-          "aria-valuetext": tansu.computed(() => handleContext$().item.ariaValueText),
-          "aria-label": tansu.computed(() => handleContext$().item.ariaLabel),
-          "aria-orientation": tansu.computed(() => vertical$() ? "vertical" : void 0),
-          "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
-          disabled: disabled$,
-          "aria-readonly": tansu.computed(() => readonly$() ? "true" : void 0)
-        },
-        styles: {
-          left: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].left)),
-          top: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].top))
-        },
-        classNames: {
-          "au-slider-handle": true,
-          "au-slider-handle-vertical": vertical$,
-          "au-slider-handle-horizontal": horizontal$
-        }
-      })),
-      minLabelDirective: utils_directive.mergeDirectives(minLabelDomDirective, minLabelDirective),
-      maxLabelDirective: utils_directive.mergeDirectives(maxLabelDomDirective, maxLabelDirective),
-      combinedHandleLabelDisplayDirective: utils_directive.createAttributesDirective(() => ({
-        classNames: {
-          "au-slider-label-vertical": vertical$,
-          "au-slider-label-vertical-now": vertical$,
-          "au-slider-label": horizontal$,
-          "au-slider-label-now": horizontal$
-        },
-        styles: {
-          left: tansu.computed(() => percent(combinedLabelPositionLeft$())),
-          top: tansu.computed(() => percent(combinedLabelPositionTop$()))
-        }
-      })),
-      handleLabelDisplayDirective: utils_directive.createAttributesDirective((labelDisplayContext$) => ({
-        classNames: {
-          "au-slider-label-vertical": vertical$,
-          "au-slider-label-vertical-now": vertical$,
-          "au-slider-label": horizontal$,
-          "au-slider-label-now": horizontal$
-        },
-        styles: {
-          left: tansu.computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].left)),
-          top: tansu.computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top))
-        }
-      }))
-    },
-    actions: {
-      click(event) {
-        adjustCoordinate(vertical$() ? event.clientY : event.clientX);
-      },
-      keydown(event, handleIndex) {
+  const handleEventsDirective = utils_directive.createAttributesDirective((handleContext$) => ({
+    events: {
+      keydown: (event) => {
+        const handleIndex = handleContext$().item.id;
         const { key } = event;
         const rtl = rtl$(), stepSize = stepSize$(), min = min$(), max = max$(), vertical = vertical$();
         if (interactive$()) {
@@ -469,7 +367,7 @@ function createSlider(config) {
           event.stopPropagation();
         }
       },
-      mouseDown(event, handleId) {
+      mousedown: (event) => {
         event.preventDefault();
         const currentTarget = event.target;
         const handleDrag = (e) => {
@@ -478,7 +376,7 @@ function createSlider(config) {
           currentTarget.focus();
           if (_prevCoordinate !== newCoord) {
             _prevCoordinate = newCoord;
-            adjustCoordinate(newCoord, handleId);
+            adjustCoordinate(newCoord, handleContext$().item.id);
           }
         };
         if (interactive$()) {
@@ -494,7 +392,7 @@ function createSlider(config) {
           );
         }
       },
-      touchStart(event, handleId) {
+      touchstart: (event) => {
         event.preventDefault();
         const handleDrag = (e) => {
           e.preventDefault();
@@ -502,7 +400,7 @@ function createSlider(config) {
           event.target.focus();
           if (_prevCoordinate !== newCoord) {
             _prevCoordinate = newCoord;
-            adjustCoordinate(newCoord, handleId);
+            adjustCoordinate(newCoord, handleContext$().item.id);
           }
         };
         if (interactive$()) {
@@ -528,6 +426,110 @@ function createSlider(config) {
         }
       }
     }
+  }));
+  const widget = {
+    ...utils_stores.stateStores({
+      min$,
+      max$,
+      stepSize$,
+      values$,
+      sortedValues$,
+      sortedHandles$,
+      minValueLabelDisplay$,
+      maxValueLabelDisplay$,
+      combinedLabelDisplay$,
+      interactive$,
+      combinedLabelPositionLeft$,
+      combinedLabelPositionTop$,
+      progressDisplayOptions$,
+      handleDisplayOptions$,
+      showValueLabels$,
+      showMinMaxLabels$,
+      rtl$,
+      ...stateProps
+    }),
+    patch,
+    api: {},
+    directives: {
+      sliderDirective: utils_directive.mergeDirectives(sliderDirective, resizeDirective, containerDirective),
+      progressDisplayDirective: utils_directive.createAttributesDirective((progressContext$) => ({
+        styles: {
+          left: tansu.computed(() => percent(progressContext$().option.left)),
+          right: tansu.computed(() => percent(progressContext$().option.right)),
+          top: tansu.computed(() => percent(progressContext$().option.top)),
+          bottom: tansu.computed(() => percent(progressContext$().option.bottom)),
+          width: tansu.computed(() => percent(progressContext$().option.width)),
+          height: tansu.computed(() => percent(progressContext$().option.height))
+        },
+        classNames: {
+          "au-slider-progress": true
+        }
+      })),
+      clickableAreaDirective: utils_directive.createAttributesDirective(() => ({
+        events: {
+          click: (event) => {
+            adjustCoordinate(vertical$() ? event.clientY : event.clientX);
+          }
+        },
+        classNames: {
+          "au-slider-clickable-area": horizontal$,
+          "au-slider-clickable-area-vertical": vertical$
+        }
+      })),
+      handleEventsDirective,
+      handleDirective: utils_directive.mergeDirectives(
+        handleEventsDirective,
+        utils_directive.createAttributesDirective((handleContext$) => ({
+          attributes: {
+            role: "slider",
+            "aria-valuemin": min$,
+            "aria-valuemax": max$,
+            "aria-valuenow": tansu.computed(() => handleContext$().item.value),
+            "aria-valuetext": tansu.computed(() => handleContext$().item.ariaValueText),
+            "aria-label": tansu.computed(() => handleContext$().item.ariaLabel),
+            "aria-orientation": tansu.computed(() => vertical$() ? "vertical" : void 0),
+            "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
+            disabled: disabled$,
+            "aria-readonly": tansu.computed(() => readonly$() ? "true" : void 0)
+          },
+          styles: {
+            left: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].left)),
+            top: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].top))
+          },
+          classNames: {
+            "au-slider-handle": true,
+            "au-slider-handle-vertical": vertical$,
+            "au-slider-handle-horizontal": horizontal$
+          }
+        }))
+      ),
+      minLabelDirective: utils_directive.mergeDirectives(minLabelDomDirective, minLabelDirective),
+      maxLabelDirective: utils_directive.mergeDirectives(maxLabelDomDirective, maxLabelDirective),
+      combinedHandleLabelDisplayDirective: utils_directive.createAttributesDirective(() => ({
+        classNames: {
+          "au-slider-label-vertical": vertical$,
+          "au-slider-label-vertical-now": vertical$,
+          "au-slider-label": horizontal$,
+          "au-slider-label-now": horizontal$
+        },
+        styles: {
+          left: tansu.computed(() => percent(combinedLabelPositionLeft$())),
+          top: tansu.computed(() => percent(combinedLabelPositionTop$()))
+        }
+      })),
+      handleLabelDisplayDirective: utils_directive.createAttributesDirective((labelDisplayContext$) => ({
+        classNames: {
+          "au-slider-label-vertical": vertical$,
+          "au-slider-label-vertical-now": vertical$,
+          "au-slider-label": horizontal$,
+          "au-slider-label-now": horizontal$
+        },
+        styles: {
+          left: tansu.computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].left)),
+          top: tansu.computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top))
+        }
+      }))
+    }
   };
   return widget;
 }

package/{toast-BzxextBQ.js → toast-CpvsibAI.js}

@@ -1,8 +1,8 @@
 import { computed } from "@amadeus-it-group/tansu";
 import { extendWidgetProps } from "./services/extendWidget.js";
-import { d as directiveSubscribe, n as createAttributesDirective } from "./directive-3-8yr-ZK.js";
-import { c as typeBoolean, b as typeNumberInRangeFactory } from "./writables-DoU_XYTX.js";
-import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-CO5b5G_J.js";
+import { d as directiveSubscribe, n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { c as typeBoolean, b as typeNumberInRangeFactory } from "./writables-DCiBdIBK.js";
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-Banw3FYN.js";
 const toastDefaultConfig = {
   autoHide: true,
   delay: 5e3

package/{toast-Dy3ck2cM.cjs → toast-D_uSrRZL.cjs}

@@ -1,9 +1,9 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const services_extendWidget = require("./services/extendWidget.cjs");
-const utils_directive = require("./directive-j-xRk-h3.cjs");
-const utils_writables = require("./writables-D46sFgGK.cjs");
-const common = require("./common-nxv_hKNE.cjs");
+const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_writables = require("./writables-BPAJvaL_.cjs");
+const common = require("./common-DvPjK7SS.cjs");
 const toastDefaultConfig = {
   autoHide: true,
   delay: 5e3

package/types.cjs

@@ -1,12 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toSlotContextWidget = (w) => ({
-  actions: w.actions,
-  api: w.api,
-  directives: w.directives,
-  state$: w.state$,
-  stores: w.stores
-});
 const INVALID_VALUE = Symbol();
 exports.INVALID_VALUE = INVALID_VALUE;
-exports.toSlotContextWidget = toSlotContextWidget;