@zag-js/number-input 0.0.0-dev-20220508172505 → 0.0.0-dev-20220509213421

package/dist/index.mjs

@@ -35,6 +35,12 @@ function nextTick(fn) {
     });
   };
 }
+function raf(fn) {
+  const id = globalThis.requestAnimationFrame(fn);
+  return function cleanup() {
+    globalThis.cancelAnimationFrame(id);
+  };
+}
 var noop = () => {
 };
 var pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
@@ -252,7 +258,7 @@ var __spreadValues2 = (a, b) => {
   return a;
 };
 var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-var nf = new Intl.NumberFormat("en-US", { style: "decimal" });
+var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
 function formatter(n) {
   return parseFloat(nf.format(n));
 }
@@ -274,9 +280,16 @@ function roundToPx(num) {
 function clamp(v, o) {
   return Math.min(Math.max(valueOf(v), o.min), o.max);
 }
-function countDecimals(v) {
-  var _a, _b;
-  return (_b = (_a = nf.formatToParts(v).find((p) => p.type === "fraction")) == null ? void 0 : _a.value.length) != null ? _b : 0;
+function countDecimals(value) {
+  if (!Number.isFinite(value))
+    return 0;
+  let e = 1;
+  let 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);
@@ -290,9 +303,7 @@ function valueOf(v) {
 function getMaxPrecision(o) {
   var _a;
   const stepPrecision = countDecimals(o.step);
-  const val = valueOf(o.value);
-  const valuePrecision = Number.isNaN(val) ? stepPrecision : Math.max(countDecimals(val), stepPrecision);
-  return Math.max(valuePrecision, (_a = o.precision) != null ? _a : 0);
+  return Math.max(stepPrecision, (_a = o.precision) != null ? _a : 0);
 }
 function roundToPrecision(v, o) {
   return round(v, getMaxPrecision(__spreadProps2(__spreadValues2({}, o), { value: v })));
@@ -496,10 +507,8 @@ function connect(state, send, normalize = normalizeProp) {
       send({ type: "SET_VALUE", value: state.context.min });
     },
     focus() {
-      nextTick(() => {
-        var _a;
-        (_a = dom.getInputEl(state.context)) == null ? void 0 : _a.focus();
-      });
+      var _a;
+      (_a = dom.getInputEl(state.context)) == null ? void 0 : _a.focus();
     },
     rootProps: normalize.element({
       id: dom.getRootId(state.context),
@@ -750,7 +759,7 @@ function machine(ctx = {}) {
             actions: "setToMax"
           },
           CHANGE: {
-            actions: ["setValue", "setSelectionRange", "setHint"]
+            actions: ["setValue", "setHint"]
           },
           BLUR: [
             {
@@ -764,6 +773,7 @@ function machine(ctx = {}) {
               actions: ["clampValue", "clearHint"]
             },
             {
+              target: "idle",
               actions: ["roundValue"]
             }
           ]
@@ -784,7 +794,7 @@ function machine(ctx = {}) {
         on: {
           PRESS_UP: {
             target: "focused",
-            actions: ["clearHint", "restoreSelection"]
+            actions: "clearHint"
           }
         }
       },
@@ -806,7 +816,7 @@ function machine(ctx = {}) {
         on: {
           PRESS_UP: {
             target: "focused",
-            actions: ["clearHint", "restoreSelection"]
+            actions: "clearHint"
           }
         }
       },
@@ -918,7 +928,7 @@ function machine(ctx = {}) {
         if (!ctx2.focusInputOnChange)
           return;
         const input = dom.getInputEl(ctx2);
-        nextTick(() => input == null ? void 0 : input.focus());
+        raf(() => input == null ? void 0 : input.focus());
       },
       increment(ctx2, evt) {
         ctx2.value = utils.increment(ctx2, evt.step);
@@ -955,20 +965,6 @@ function machine(ctx = {}) {
       setHintToSet(ctx2) {
         ctx2.hint = "set";
       },
-      setSelectionRange(ctx2, evt) {
-        ctx2.inputSelection = {
-          start: evt.target.selectionStart,
-          end: evt.target.selectionEnd
-        };
-      },
-      restoreSelection(ctx2) {
-        var _a, _b, _c;
-        const input = dom.getInputEl(ctx2);
-        if (!input || !ctx2.inputSelection)
-          return;
-        input.selectionStart = (_b = ctx2.inputSelection.start) != null ? _b : (_a = input.value) == null ? void 0 : _a.length;
-        input.selectionEnd = (_c = ctx2.inputSelection.end) != null ? _c : input.selectionStart;
-      },
       invokeOnChange(ctx2) {
         var _a;
         (_a = ctx2.onChange) == null ? void 0 : _a.call(ctx2, { value: ctx2.value, valueAsNumber: ctx2.valueAsNumber });