@zag-js/number-input 0.0.0-dev-20220504084708 → 0.0.0-dev-20220509202935

package/dist/index.js

@@ -161,6 +161,30 @@ function observeAttributes(node, attributes, fn) {
   obs.observe(node, { attributes: true, attributeFilter: attrs });
   return () => obs.disconnect();
 }
+function itemById(v, id) {
+  return v.find((node) => node.id === id);
+}
+function indexOfId(v, id) {
+  const item = itemById(v, id);
+  return item ? v.indexOf(item) : -1;
+}
+var getValueText = (item) => {
+  var _a, _b;
+  return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
+};
+var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
+var wrap = (v, idx) => {
+  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
+};
+function findByText(v, text, currentId) {
+  const index = currentId ? indexOfId(v, currentId) : -1;
+  let items = currentId ? wrap(v, index) : v;
+  const isSingleKey = text.length === 1;
+  if (isSingleKey) {
+    items = items.filter((item) => item.id !== currentId);
+  }
+  return items.find((item) => match(getValueText(item), text));
+}
 function addPointerlockChangeListener(doc, fn) {
   return addDomEvent(doc, "pointerlockchange", fn, false);
 }
@@ -201,6 +225,34 @@ function requestPointerLock(doc, handlers = {}) {
     exit();
   };
 }
+function findByTypeahead(_items, options) {
+  const { state: state2, activeId, key, timeout = 350 } = options;
+  const search = state2.keysSoFar + key;
+  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
+  const query2 = isRepeated ? search[0] : search;
+  let items = _items.slice();
+  const next = findByText(items, query2, activeId);
+  function cleanup() {
+    clearTimeout(state2.timer);
+    state2.timer = -1;
+  }
+  function update(value) {
+    state2.keysSoFar = value;
+    cleanup();
+    if (value !== "") {
+      state2.timer = +setTimeout(() => {
+        update("");
+        cleanup();
+      }, timeout);
+    }
+  }
+  update(search);
+  return next;
+}
+findByTypeahead.defaultOptions = {
+  keysSoFar: "",
+  timer: -1
+};
 
 // ../../utilities/number/dist/index.mjs
 var __defProp2 = Object.defineProperty;
@@ -223,11 +275,11 @@ 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));
 }
-function wrap(num, max) {
+function wrap2(num, max) {
   return (num % max + max) % max;
 }
 function round(v, t2) {
@@ -245,9 +297,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);
@@ -261,9 +320,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 })));
@@ -352,7 +409,7 @@ var dom = {
     const win = dom.getWin(ctx);
     const width = win.innerWidth;
     const half = roundToPx(7.5);
-    point.x = wrap(point.x + half, width) - half;
+    point.x = wrap2(point.x + half, width) - half;
     return { hint, point };
   },
   createVirtualCursor(ctx) {
@@ -382,15 +439,23 @@ var dom = {
   }
 };
 
+// ../../utilities/core/dist/index.mjs
+var pipe2 = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
+var ua = (v) => isDom() && v.test(navigator.userAgent);
+var isDom = () => !!(typeof window !== "undefined");
+var isSafari = () => ua(/^((?!chrome|android).)*safari/i);
+var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
+var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey;
+
 // src/number-input.utils.ts
 var utils = {
   isValidNumericEvent: (ctx, event) => {
     var _a, _b;
     if (event.key == null)
       return true;
-    const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
-    const isSingleCharacterKey = event.key.length === 1;
-    if (isModifierKey || !isSingleCharacterKey)
+    const isModifier = isModifiedEvent(event);
+    const isSingleKey = event.key.length === 1;
+    if (isModifier || !isSingleKey)
       return true;
     return (_b = (_a = ctx.validateCharacter) == null ? void 0 : _a.call(ctx, event.key)) != null ? _b : utils.isFloatingPoint(event.key);
   },
@@ -609,15 +674,6 @@ function connect(state, send, normalize = normalizeProp) {
 
 // src/number-input.machine.ts
 var import_core = require("@zag-js/core");
-
-// ../../utilities/core/dist/index.mjs
-var pipe2 = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
-var ua = (v) => isDom() && v.test(navigator.userAgent);
-var isDom = () => !!(typeof window !== "undefined");
-var isSafari = () => ua(/^((?!chrome|android).)*safari/i);
-var supportsPointerEvent = () => isDom() && window.onpointerdown === null;
-
-// src/number-input.machine.ts
 var { not, and } = import_core.guards;
 function machine(ctx = {}) {
   return (0, import_core.createMachine)({
@@ -736,6 +792,7 @@ function machine(ctx = {}) {
               actions: ["clampValue", "clearHint"]
             },
             {
+              target: "idle",
               actions: ["roundValue"]
             }
           ]