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

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;
@@ -227,7 +279,7 @@ var nf = new Intl.NumberFormat("en-US", { style: "decimal" });
 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) {
@@ -352,7 +404,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 +434,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 +669,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)({