@stonecrop/utilities 0.13.3 → 0.13.5

package/dist/utilities.js

@@ -1,6 +1,6 @@
-import { watch as S, getCurrentScope as K, onScopeDispose as V, computed as h, shallowRef as M, toValue as C, watchEffect as j, getCurrentInstance as B, onMounted as W, unref as q, ref as F, onBeforeUnmount as G } from "vue";
-function _(e, t) {
-  return K() ? (V(e, t), !0) : !1;
+import { watch as y, getCurrentScope as V, onScopeDispose as j, computed as T, shallowRef as H, toValue as h, watchEffect as B, getCurrentInstance as _, onMounted as W, unref as q, ref as F, onBeforeUnmount as G } from "vue";
+function K(e, t) {
+  return V() ? (j(e, t), !0) : !1;
 }
 const z = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -10,41 +10,41 @@ function b(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Z(e, t, n) {
-  return S(e, t, {
+  return y(e, t, {
     ...n,
     immediate: !0
   });
 }
-const E = z ? window : void 0;
-function $(e) {
+const $ = z ? window : void 0;
+function v(e) {
   var t;
-  const n = C(e);
+  const n = h(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
-function w(...e) {
-  const t = (o, r, s, l) => (o.addEventListener(r, s, l), () => o.removeEventListener(r, s, l)), n = h(() => {
-    const o = b(C(e[0])).filter((r) => r != null);
-    return o.every((r) => typeof r != "string") ? o : void 0;
+function C(...e) {
+  const t = (l, r, o, s) => (l.addEventListener(r, o, s), () => l.removeEventListener(r, o, s)), n = T(() => {
+    const l = b(h(e[0])).filter((r) => r != null);
+    return l.every((r) => typeof r != "string") ? l : void 0;
   });
   return Z(() => {
-    var o, r;
+    var l, r;
     return [
-      (o = (r = n.value) === null || r === void 0 ? void 0 : r.map((s) => $(s))) !== null && o !== void 0 ? o : [E].filter((s) => s != null),
-      b(C(n.value ? e[1] : e[0])),
+      (l = (r = n.value) === null || r === void 0 ? void 0 : r.map((o) => v(o))) !== null && l !== void 0 ? l : [$].filter((o) => o != null),
+      b(h(n.value ? e[1] : e[0])),
       b(q(n.value ? e[2] : e[1])),
-      C(n.value ? e[3] : e[2])
+      h(n.value ? e[3] : e[2])
     ];
-  }, ([o, r, s, l], i, a) => {
-    if (!o?.length || !r?.length || !s?.length) return;
-    const c = X(l) ? { ...l } : l, u = o.flatMap((f) => r.flatMap((d) => s.map((p) => t(f, d, p, c))));
+  }, ([l, r, o, s], i, a) => {
+    if (!l?.length || !r?.length || !o?.length) return;
+    const c = X(s) ? { ...s } : s, f = l.flatMap((u) => r.flatMap((d) => o.map((p) => t(u, d, p, c))));
     a(() => {
-      u.forEach((f) => f());
+      f.forEach((u) => u());
     });
   }, { flush: "post" });
 }
 // @__NO_SIDE_EFFECTS__
 function ee() {
-  const e = M(!1), t = B();
+  const e = H(!1), t = _();
   return t && W(() => {
     e.value = !0;
   }, t), e;
@@ -52,193 +52,211 @@ function ee() {
 // @__NO_SIDE_EFFECTS__
 function te(e) {
   const t = /* @__PURE__ */ ee();
-  return h(() => (t.value, !!e()));
+  return T(() => (t.value, !!e()));
 }
 function ne(e, t, n = {}) {
-  const { window: o = E, ...r } = n;
-  let s;
-  const l = /* @__PURE__ */ te(() => o && "MutationObserver" in o), i = () => {
-    s && (s.disconnect(), s = void 0);
-  }, a = S(h(() => {
-    const f = b(C(e)).map($).filter(J);
-    return new Set(f);
-  }), (f) => {
-    i(), l.value && f.size && (s = new MutationObserver(t), f.forEach((d) => s.observe(d, r)));
+  const { window: l = $, ...r } = n;
+  let o;
+  const s = /* @__PURE__ */ te(() => l && "MutationObserver" in l), i = () => {
+    o && (o.disconnect(), o = void 0);
+  }, a = y(T(() => {
+    const u = b(h(e)).map(v).filter(J);
+    return new Set(u);
+  }), (u) => {
+    i(), s.value && u.size && (o = new MutationObserver(t), u.forEach((d) => o.observe(d, r)));
   }, {
     immediate: !0,
     flush: "post"
-  }), c = () => s?.takeRecords(), u = () => {
+  }), c = () => o?.takeRecords(), f = () => {
     a(), i();
   };
-  return _(u), {
-    isSupported: l,
-    stop: u,
+  return K(f), {
+    isSupported: s,
+    stop: f,
     takeRecords: c
   };
 }
 function oe(e, t, n = {}) {
-  const { window: o = E, document: r = o?.document, flush: s = "sync" } = n;
-  if (!o || !r) return Y;
-  let l;
-  const i = (u) => {
-    l?.(), l = u;
-  }, a = j(() => {
-    const u = $(e);
-    if (u) {
-      const { stop: f } = ne(r, (d) => {
-        d.map((p) => [...p.removedNodes]).flat().some((p) => p === u || p.contains(u)) && t(d);
+  const { window: l = $, document: r = l?.document, flush: o = "sync" } = n;
+  if (!l || !r) return Y;
+  let s;
+  const i = (f) => {
+    s?.(), s = f;
+  }, a = B(() => {
+    const f = v(e);
+    if (f) {
+      const { stop: u } = ne(r, (d) => {
+        d.map((p) => [...p.removedNodes]).flat().some((p) => p === f || p.contains(f)) && t(d);
       }, {
-        window: o,
+        window: l,
         childList: !0,
         subtree: !0
       });
-      i(f);
+      i(u);
     }
-  }, { flush: s }), c = () => {
+  }, { flush: o }), c = () => {
     a(), i();
   };
-  return _(c), c;
+  return K(c), c;
 }
 // @__NO_SIDE_EFFECTS__
 function le(e = {}) {
   var t;
-  const { window: n = E, deep: o = !0, triggerOnRemoval: r = !1 } = e, s = (t = e.document) !== null && t !== void 0 ? t : n?.document, l = () => {
-    let c = s?.activeElement;
-    if (o)
-      for (var u; c?.shadowRoot; ) c = c == null || (u = c.shadowRoot) === null || u === void 0 ? void 0 : u.activeElement;
+  const { window: n = $, deep: l = !0, triggerOnRemoval: r = !1 } = e, o = (t = e.document) !== null && t !== void 0 ? t : n?.document, s = () => {
+    let c = o?.activeElement;
+    if (l)
+      for (var f; c?.shadowRoot; ) c = c == null || (f = c.shadowRoot) === null || f === void 0 ? void 0 : f.activeElement;
     return c;
-  }, i = M(), a = () => {
-    i.value = l();
+  }, i = H(), a = () => {
+    i.value = s();
   };
   if (n) {
     const c = {
       capture: !0,
       passive: !0
     };
-    w(n, "blur", (u) => {
-      u.relatedTarget === null && a();
-    }, c), w(n, "focus", a, c);
+    C(n, "blur", (f) => {
+      f.relatedTarget === null && a();
+    }, c), C(n, "focus", a, c);
   }
-  return r && oe(i, a, { document: s }), a(), i;
+  return r && oe(i, a, { document: o }), a(), i;
 }
 const re = "focusin", se = "focusout", ie = ":focus-within";
 function ce(e, t = {}) {
-  const { window: n = E } = t, o = h(() => $(e)), r = M(!1), s = h(() => r.value);
-  if (!n || !(/* @__PURE__ */ le(t)).value) return { focused: s };
+  const { window: n = $ } = t, l = T(() => v(e)), r = H(!1), o = T(() => r.value);
+  if (!n || !(/* @__PURE__ */ le(t)).value) return { focused: o };
   const i = { passive: !0 };
-  return w(o, re, () => r.value = !0, i), w(o, se, () => {
-    var a, c, u;
-    return r.value = (a = (c = o.value) === null || c === void 0 || (u = c.matches) === null || u === void 0 ? void 0 : u.call(c, ie)) !== null && a !== void 0 ? a : !1;
-  }, i), { focused: s };
+  return C(l, re, () => r.value = !0, i), C(l, se, () => {
+    var a, c, f;
+    return r.value = (a = (c = l.value) === null || c === void 0 || (f = c.matches) === null || f === void 0 ? void 0 : f.call(c, ie)) !== null && a !== void 0 ? a : !1;
+  }, i), { focused: o };
 }
-function ae(e, { window: t = E, scrollTarget: n } = {}) {
-  const o = F(!1), r = () => {
+function ae(e, { window: t = $, scrollTarget: n } = {}) {
+  const l = F(!1), r = () => {
     if (!t) return;
-    const s = t.document, l = $(e);
-    if (!l)
-      o.value = !1;
+    const o = t.document, s = v(e);
+    if (!s)
+      l.value = !1;
     else {
-      const i = l.getBoundingClientRect();
-      o.value = i.top <= (t.innerHeight || s.documentElement.clientHeight) && i.left <= (t.innerWidth || s.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
+      const i = s.getBoundingClientRect();
+      l.value = i.top <= (t.innerHeight || o.documentElement.clientHeight) && i.left <= (t.innerWidth || o.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
     }
   };
-  return S(
-    () => $(e),
+  return y(
+    () => v(e),
     () => r(),
     { immediate: !0, flush: "post" }
-  ), t && w(n || t, "scroll", r, {
+  ), t && C(n || t, "scroll", r, {
     capture: !1,
     passive: !0
-  }), o;
+  }), l;
 }
 const m = (e) => {
   let t = ae(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, g = (e) => e.tabIndex >= 0, D = (e) => {
-  const t = e.target;
-  return k(t);
-}, k = (e) => {
+}, E = (e) => e.tabIndex >= 0, D = (e) => {
+  if (e.target instanceof HTMLElement)
+    return S(e.target);
+}, S = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const n = e.parentElement?.previousElementSibling;
-    if (n) {
+    if (n instanceof HTMLTableRowElement) {
       const r = Array.from(n.children)[e.cellIndex];
-      r && (t = r);
+      r instanceof HTMLElement && (t = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const n = e.previousElementSibling;
-    n && (t = n);
+    n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!g(t) || !m(t)) ? k(t) : t;
-}, ue = (e) => {
+  return t && (!E(t) || !m(t)) ? S(t) : t;
+}, fe = (e) => {
+  if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
-    const o = t.parentElement?.parentElement;
-    if (o) {
-      const s = o.firstElementChild?.children[t.cellIndex];
-      s && (n = s);
+    const l = t.parentElement?.parentElement;
+    if (l) {
+      const o = l.firstElementChild?.children[t.cellIndex];
+      o instanceof HTMLElement && (n = o);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const o = t.parentElement;
-    if (o) {
-      const r = o.firstElementChild;
-      r && (n = r);
+    const l = t.parentElement;
+    if (l) {
+      const r = l.firstElementChild;
+      r instanceof HTMLTableRowElement && (n = r);
     }
   }
-  return n && (!g(n) || !m(n)) ? A(n) : n;
+  return n && (!E(n) || !m(n)) ? R(n) : n;
 }, P = (e) => {
-  const t = e.target;
-  return A(t);
-}, A = (e) => {
+  if (e.target instanceof HTMLElement)
+    return R(e.target);
+}, R = (e) => {
   let t;
   if (e instanceof HTMLTableCellElement) {
     const n = e.parentElement?.nextElementSibling;
     if (n) {
       const r = Array.from(n.children)[e.cellIndex];
-      r && (t = r);
+      r instanceof HTMLElement && (t = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const n = e.nextElementSibling;
-    n && (t = n);
+    n instanceof HTMLTableRowElement && (t = n);
   }
-  return t && (!g(t) || !m(t)) ? A(t) : t;
-}, fe = (e) => {
+  return t && (!E(t) || !m(t)) ? R(t) : t;
+}, ue = (e) => {
+  if (!(e.target instanceof HTMLElement)) return;
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
-    const o = t.parentElement?.parentElement;
-    if (o) {
-      const s = o.lastElementChild?.children[t.cellIndex];
-      s && (n = s);
+    const l = t.parentElement?.parentElement;
+    if (l) {
+      const o = l.lastElementChild?.children[t.cellIndex];
+      o instanceof HTMLElement && (n = o);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const o = t.parentElement;
-    if (o) {
-      const r = o.lastElementChild;
-      r && (n = r);
+    const l = t.parentElement;
+    if (l) {
+      const r = l.lastElementChild;
+      r instanceof HTMLTableRowElement && (n = r);
     }
   }
-  return n && (!g(n) || !m(n)) ? k(n) : n;
+  return n && (!E(n) || !m(n)) ? S(n) : n;
 }, O = (e) => {
-  const t = e.target;
-  return L(t);
-}, L = (e) => {
+  if (e.target instanceof HTMLElement)
+    return k(e.target);
+}, k = (e) => {
   let t;
-  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!g(t) || !m(t)) ? L(t) : t;
+  const n = e.previousElementSibling;
+  if (n instanceof HTMLElement)
+    t = n;
+  else {
+    const r = e.parentElement?.previousElementSibling?.lastElementChild;
+    r instanceof HTMLElement && (t = r);
+  }
+  return t && (!E(t) || !m(t)) ? k(t) : t;
 }, U = (e) => {
-  const t = e.target;
-  return x(t);
-}, x = (e) => {
+  if (e.target instanceof HTMLElement)
+    return A(e.target);
+}, A = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!g(t) || !m(t)) ? x(t) : t;
+  const n = e.nextElementSibling;
+  if (n instanceof HTMLElement)
+    t = n;
+  else {
+    const r = e.parentElement?.nextElementSibling?.firstElementChild;
+    r instanceof HTMLElement && (t = r);
+  }
+  return t && (!E(t) || !m(t)) ? A(t) : t;
 }, I = (e) => {
-  const o = e.target.parentElement?.firstElementChild;
-  return o && (!g(o) || !m(o)) ? x(o) : o;
+  if (!(e.target instanceof HTMLElement)) return;
+  const n = e.target.parentElement?.firstElementChild, l = n instanceof HTMLElement ? n : null;
+  return l && (!E(l) || !m(l)) ? A(l) : l;
 }, N = (e) => {
-  const o = e.target.parentElement?.lastElementChild;
-  return o && (!g(o) || !m(o)) ? L(o) : o;
-}, y = ["alt", "control", "shift", "meta"], de = {
+  if (!(e.target instanceof HTMLElement)) return;
+  const n = e.target.parentElement?.lastElementChild, l = n instanceof HTMLElement ? n : null;
+  return l && (!E(l) || !m(l)) ? k(l) : l;
+}, w = ["alt", "control", "shift", "meta"], de = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
@@ -261,11 +279,11 @@ const m = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = ue(e);
+    const t = fe(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = fe(e);
+    const t = ue(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
@@ -281,6 +299,7 @@ const m = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
+    if (!(e.target instanceof HTMLElement)) return;
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
       const n = P(e);
@@ -288,6 +307,7 @@ const m = (e) => {
     }
   },
   "keydown.shift.enter": (e) => {
+    if (!(e.target instanceof HTMLElement)) return;
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
       const n = D(e);
@@ -307,75 +327,76 @@ const m = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function ge(e) {
-  const t = (l) => {
-    let i = null;
-    return l.parent && (typeof l.parent == "string" ? i = document.querySelector(l.parent) : l.parent instanceof HTMLElement ? i = l.parent : i = l.parent.value), i;
-  }, n = (l) => {
-    const i = t(l);
-    let a = [];
-    if (typeof l.selectors == "string")
-      a = Array.from(i ? i.querySelectorAll(l.selectors) : document.querySelectorAll(l.selectors));
-    else if (Array.isArray(l.selectors))
-      for (const c of l.selectors)
-        c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
-    else if (l.selectors instanceof HTMLElement)
-      a.push(l.selectors);
-    else if (l.selectors?.value)
-      if (Array.isArray(l.selectors.value))
-        for (const c of l.selectors.value)
-          c instanceof HTMLElement ? a.push(c) : a.push(c.$el);
+function L(e) {
+  let t = null;
+  return e.parent && (typeof e.parent == "string" ? t = document.querySelector(e.parent) : e.parent instanceof HTMLElement ? t = e.parent : t = e.parent.value), t;
+}
+function Ee(e) {
+  const t = (o) => {
+    const s = L(o);
+    let i = [];
+    if (typeof o.selectors == "string")
+      i = Array.from(s ? s.querySelectorAll(o.selectors) : document.querySelectorAll(o.selectors));
+    else if (Array.isArray(o.selectors))
+      for (const a of o.selectors)
+        a instanceof HTMLElement ? i.push(a) : i.push(a.$el);
+    else if (o.selectors instanceof HTMLElement)
+      i.push(o.selectors);
+    else if (o.selectors?.value)
+      if (Array.isArray(o.selectors.value))
+        for (const a of o.selectors.value)
+          a instanceof HTMLElement ? i.push(a) : i.push(a.$el);
       else
-        a.push(l.selectors.value);
-    return a;
-  }, o = (l) => {
-    const i = t(l);
-    let a = [];
-    return l.selectors ? a = n(l) : i && (a = Array.from(i.children).filter((u) => g(u) && m(u))), a;
-  }, r = (l) => (i) => {
-    const a = de[i.key] || i.key.toLowerCase();
-    if (y.includes(a)) return;
-    const c = l.handlers || pe;
-    for (const u of Object.keys(c)) {
-      const [f, ...d] = u.split(".");
-      if (f === "keydown" && d.includes(a)) {
-        const p = c[u], T = d.filter((v) => y.includes(v)), H = y.some((v) => {
-          const R = v.charAt(0).toUpperCase() + v.slice(1);
-          return i.getModifierState(R);
+        i.push(o.selectors.value);
+    return i;
+  }, n = (o) => {
+    const s = L(o);
+    let i = [];
+    return o.selectors ? i = t(o) : s && (i = Array.from(s.children).filter((c) => c instanceof HTMLElement).filter((c) => E(c) && m(c))), i;
+  }, l = (o) => (s) => {
+    const i = de[s.key] || s.key.toLowerCase();
+    if (w.includes(i)) return;
+    const a = o.handlers || pe;
+    for (const c of Object.keys(a)) {
+      const [f, ...u] = c.split(".");
+      if (f === "keydown" && u.includes(i)) {
+        const d = a[c], p = u.filter((g) => w.includes(g)), x = w.some((g) => {
+          const M = g.charAt(0).toUpperCase() + g.slice(1);
+          return s.getModifierState(M);
         });
-        if (T.length > 0) {
-          if (H) {
-            for (const v of y)
-              if (d.includes(v)) {
-                const R = v.charAt(0).toUpperCase() + v.slice(1);
-                i.getModifierState(R) && p(i);
+        if (p.length > 0) {
+          if (x) {
+            for (const g of w)
+              if (u.includes(g)) {
+                const M = g.charAt(0).toUpperCase() + g.slice(1);
+                s.getModifierState(M) && d(s);
               }
           }
         } else
-          H || p(i);
+          x || d(s);
       }
     }
-  }, s = [];
+  }, r = [];
   W(() => {
-    for (const l of e) {
-      const i = t(l), a = o(l), c = r(l), u = i ? [i] : a;
-      for (const f of u) {
-        const { focused: d } = ce(F(f)), p = S(d, (T) => {
-          T ? f.addEventListener("keydown", c) : f.removeEventListener("keydown", c);
+    for (const o of e) {
+      const s = L(o), i = n(o), a = l(o), c = s ? [s] : i;
+      for (const f of c) {
+        const { focused: u } = ce(F(f)), d = y(u, (p) => {
+          p ? f.addEventListener("keydown", a) : f.removeEventListener("keydown", a);
         });
-        s.push(p);
+        r.push(d);
       }
     }
   }), G(() => {
-    for (const l of s)
-      l();
+    for (const o of r)
+      o();
   });
 }
-function ve(e) {
+function ge(e) {
 }
 export {
   pe as defaultKeypressHandlers,
-  ve as install,
-  ge as useKeyboardNav
+  ge as install,
+  Ee as useKeyboardNav
 };
 //# sourceMappingURL=utilities.js.map