@zag-js/number-input 0.0.0-dev-20220508184419 → 0.0.0-dev-20220510084727

package/dist/index.js

@@ -58,6 +58,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);
@@ -275,7 +281,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));
 }
@@ -524,10 +530,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),
@@ -778,7 +782,7 @@ function machine(ctx = {}) {
             actions: "setToMax"
           },
           CHANGE: {
-            actions: ["setValue", "setSelectionRange", "setHint"]
+            actions: ["setValue", "setHint"]
           },
           BLUR: [
             {
@@ -792,6 +796,7 @@ function machine(ctx = {}) {
               actions: ["clampValue", "clearHint"]
             },
             {
+              target: "idle",
               actions: ["roundValue"]
             }
           ]
@@ -812,7 +817,7 @@ function machine(ctx = {}) {
         on: {
           PRESS_UP: {
             target: "focused",
-            actions: ["clearHint", "restoreSelection"]
+            actions: "clearHint"
           }
         }
       },
@@ -834,7 +839,7 @@ function machine(ctx = {}) {
         on: {
           PRESS_UP: {
             target: "focused",
-            actions: ["clearHint", "restoreSelection"]
+            actions: "clearHint"
           }
         }
       },
@@ -946,7 +951,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);
@@ -983,20 +988,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 });