@zag-js/splitter 0.1.1 → 0.1.4

package/dist/index.js

@@ -56,6 +56,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);
@@ -235,6 +241,30 @@ function getEventStep(event) {
     return isSkipKey ? 10 : 1;
   }
 }
+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));
+}
 var state = "default";
 var savedUserSelect = "";
 var modifiedElementMap = /* @__PURE__ */ new WeakMap();
@@ -298,6 +328,34 @@ function trackPointerMove(opts) {
   };
   return pipe(addPointerEvent(doc, "pointermove", handlePointerMove, false), addPointerEvent(doc, "pointerup", onPointerUp, false), addPointerEvent(doc, "pointercancel", onPointerUp, false), addPointerEvent(doc, "contextmenu", onPointerUp, false), disableTextSelection({ doc }));
 }
+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
+};
 
 // ../../types/dist/index.mjs
 function createNormalizer(fn) {
@@ -311,6 +369,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 : `splitter:${ctx.uid}`;
@@ -335,8 +397,8 @@ var dom = {
     var _a, _b;
     return (_b = (_a = ctx.ids) == null ? void 0 : _a.secondaryPane) != null ? _b : `splitter:${ctx.uid}:secondary`;
   },
-  getSplitterEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getSplitterId(ctx)),
-  getPrimaryPaneEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPrimaryPaneId(ctx)),
+  getSplitterEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getSplitterId(ctx)),
+  getPrimaryPaneEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getPrimaryPaneId(ctx)),
   getCursor(ctx) {
     if (ctx.disabled || ctx.fixed)
       return "default";
@@ -519,10 +581,6 @@ var import_core = require("@zag-js/core");
 
 // ../../utilities/number/dist/index.mjs
 var __pow2 = Math.pow;
-var nf = new Intl.NumberFormat("en-US", { style: "decimal" });
-function formatter(n) {
-  return parseFloat(nf.format(n));
-}
 function round(v, t2) {
   let num = valueOf(v);
   const p = __pow2(10, t2 != null ? t2 : 10);
@@ -532,12 +590,18 @@ function round(v, t2) {
 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, 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 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);
@@ -550,6 +614,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 });
 
 // ../../utilities/rect/dist/index.mjs
 function relativeToNode(p, el) {
@@ -744,6 +820,8 @@ function machine(ctx = {}) {
       setupDocument(ctx2, evt) {
         if (evt.doc)
           ctx2.doc = (0, import_core.ref)(evt.doc);
+        if (evt.root)
+          ctx2.rootNode = (0, import_core.ref)(evt.root);
         ctx2.uid = evt.id;
       },
       setToMin(ctx2) {
@@ -759,7 +837,7 @@ function machine(ctx = {}) {
         ctx2.value = clamp(decrement(ctx2.value, evt.step), ctx2);
       },
       focusSplitter(ctx2) {
-        nextTick(() => {
+        raf(() => {
           var _a;
           return (_a = dom.getSplitterEl(ctx2)) == null ? void 0 : _a.focus();
         });