@zag-js/slider 0.1.3 → 0.1.4

package/dist/index.mjs

@@ -403,10 +403,6 @@ findByTypeahead.defaultOptions = {
 
 // ../../utilities/number/dist/index.mjs
 var __pow2 = Math.pow;
-var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
-function formatter(n) {
-  return parseFloat(nf.format(n));
-}
 function round(v, t2) {
   let num = valueOf(v);
   const p = __pow2(10, t2 != null ? t2 : 10);
@@ -421,17 +417,15 @@ function clamp(v, o) {
 function countDecimals(value) {
   if (!Number.isFinite(value))
     return 0;
-  let e = 1;
-  let p = 0;
+  let e = 1, p = 0;
   while (Math.round(value * e) / e !== value) {
     e *= 10;
     p += 1;
   }
   return p;
 }
-var increment = (v, s) => formatter(valueOf(v) + s);
-var decrement = (v, s) => formatter(valueOf(v) - s);
-var multiply = (v, s) => formatter(valueOf(v) * s);
+var increment = (v, s) => decimalOperation(valueOf(v), "+", s);
+var decrement = (v, s) => decimalOperation(valueOf(v), "-", s);
 function snapToStep(value, step) {
   const num = valueOf(value);
   const p = countDecimals(step);
@@ -444,6 +438,18 @@ function valueOf(v) {
   const num = parseFloat(v.toString().replace(/[^\w.-]+/g, ""));
   return !Number.isNaN(num) ? num : 0;
 }
+function decimalOperation(a, op, b) {
+  let result = op === "+" ? a + b : a - b;
+  if (a % 1 !== 0 || b % 1 !== 0) {
+    const multiplier = __pow2(10, Math.max(countDecimals(a), countDecimals(b)));
+    a = Math.round(a * multiplier);
+    b = Math.round(b * multiplier);
+    result = op === "+" ? a + b : a - b;
+    result /= multiplier;
+  }
+  return result;
+}
+var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
 var transform = (a, b) => {
   const i = { min: a[0], max: a[1] };
   const o = { min: b[0], max: b[1] };
@@ -564,6 +570,10 @@ var dom = {
     var _a;
     return (_a = ctx.doc) != null ? _a : document;
   },
+  getRootNode: (ctx) => {
+    var _a;
+    return (_a = ctx.rootNode) != null ? _a : dom.getDoc(ctx);
+  },
   getRootId: (ctx) => {
     var _a, _b;
     return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `slider:${ctx.uid}`;
@@ -594,9 +604,9 @@ var dom = {
     return (_b = (_a = ctx.ids) == null ? void 0 : _a.label) != null ? _b : `slider:${ctx.uid}:label`;
   },
   getMarkerId: (ctx, value) => `slider:${ctx.uid}:marker:${value}`,
-  getThumbEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getThumbId(ctx)),
-  getControlEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getControlId(ctx)),
-  getInputEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getInputId(ctx)),
+  getThumbEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getThumbId(ctx)),
+  getControlEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getControlId(ctx)),
+  getInputEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getInputId(ctx)),
   getControlStyle,
   getThumbStyle,
   getRangeStyle,
@@ -732,7 +742,7 @@ function connect(state2, send, normalize = normalizeProp) {
       onKeyDown(event) {
         if (!isInteractive)
           return;
-        const step = multiply(getEventStep(event), state2.context.step);
+        const step = getEventStep(event) * state2.context.step;
         let prevent = true;
         const keyMap = {
           ArrowUp() {
@@ -1019,6 +1029,8 @@ function machine(ctx = {}) {
       setupDocument(ctx2, evt) {
         if (evt.doc)
           ctx2.doc = ref(evt.doc);
+        if (evt.root)
+          ctx2.rootNode = ref(evt.root);
         ctx2.uid = evt.id;
       },
       checkValue(ctx2) {