@stonecrop/utilities 0.3.6 → 0.3.8

package/dist/composables/keyboard.js

@@ -48,7 +48,7 @@ const getTopCell = (event) => {
         const $table = $target.parentElement?.parentElement;
         if ($table) {
             const $firstRow = $table.firstElementChild;
-            const $navCell = $firstRow.children[$target.cellIndex];
+            const $navCell = $firstRow?.children[$target.cellIndex];
             if ($navCell) {
                 $topCell = $navCell;
             }
@@ -108,7 +108,7 @@ const getBottomCell = (event) => {
         const $table = $target.parentElement?.parentElement;
         if ($table) {
             const $lastRow = $table.lastElementChild;
-            const $navCell = $lastRow.children[$target.cellIndex];
+            const $navCell = $lastRow?.children[$target.cellIndex];
             if ($navCell) {
                 $bottomCell = $navCell;
             }
@@ -170,7 +170,7 @@ const _getNextCell = (element) => {
 const getFirstCell = (event) => {
     const $target = event.target;
     const $parent = $target.parentElement;
-    const $firstCell = $parent.firstElementChild;
+    const $firstCell = $parent?.firstElementChild;
     if ($firstCell && (!isFocusable($firstCell) || !isVisible($firstCell))) {
         return _getNextCell($firstCell);
     }
@@ -179,7 +179,7 @@ const getFirstCell = (event) => {
 const getLastCell = (event) => {
     const $target = event.target;
     const $parent = $target.parentElement;
-    const $lastCell = $parent.lastElementChild;
+    const $lastCell = $parent?.lastElementChild;
     if ($lastCell && (!isFocusable($lastCell) || !isVisible($lastCell))) {
         return _getPrevCell($lastCell);
     }
@@ -367,7 +367,7 @@ export function useKeyboardNav(options) {
         else if (option.selectors instanceof HTMLElement) {
             selectors.push(option.selectors);
         }
-        else {
+        else if (option.selectors?.value) {
             if (Array.isArray(option.selectors.value)) {
                 for (const element of option.selectors.value) {
                     if (element instanceof HTMLElement) {

package/dist/utilities.js

@@ -1,4 +1,4 @@
-import { getCurrentScope as W, onScopeDispose as K, unref as V, computed as b, ref as y, watch as T, getCurrentInstance as F, onMounted as U, onBeforeUnmount as j } from "vue";
+import { getCurrentScope as W, onScopeDispose as K, unref as V, computed as w, ref as $, watch as T, getCurrentInstance as F, onMounted as U, onBeforeUnmount as j } from "vue";
 function I(e) {
   return W() ? (K(e), !0) : !1;
 }
@@ -8,116 +8,116 @@ function A(e) {
 const B = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const q = (e) => e != null, G = Object.prototype.toString, z = (e) => G.call(e) === "[object Object]", J = () => {
-}, w = B ? window : void 0;
-function C(e) {
+}, v = B ? window : void 0;
+function h(e) {
   var t;
   const n = A(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function h(...e) {
-  let t, n, o, i;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, i] = e, t = w) : [t, n, o, i] = e, !t)
+function y(...e) {
+  let t, n, o, c;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, c] = e, t = v) : [t, n, o, c] = e, !t)
     return J;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const l = [], r = () => {
-    l.forEach((c) => c()), l.length = 0;
-  }, s = (c, p, u, d) => (c.addEventListener(p, u, d), () => c.removeEventListener(p, u, d)), a = T(
-    () => [C(t), A(i)],
-    ([c, p]) => {
-      if (r(), !c)
+  const r = [], l = () => {
+    r.forEach((s) => s()), r.length = 0;
+  }, i = (s, p, u, d) => (s.addEventListener(p, u, d), () => s.removeEventListener(p, u, d)), a = T(
+    () => [h(t), A(c)],
+    ([s, p]) => {
+      if (l(), !s)
         return;
       const u = z(p) ? { ...p } : p;
-      l.push(
-        ...n.flatMap((d) => o.map(($) => s(c, d, $, u)))
+      r.push(
+        ...n.flatMap((d) => o.map((C) => i(s, d, C, u)))
       );
     },
     { immediate: !0, flush: "post" }
   ), f = () => {
-    a(), r();
+    a(), l();
   };
   return I(f), f;
 }
 function Q() {
-  const e = y(!1), t = F();
+  const e = $(!1), t = F();
   return t && U(() => {
     e.value = !0;
   }, t), e;
 }
 function X(e) {
   const t = Q();
-  return b(() => (t.value, !!e()));
+  return w(() => (t.value, !!e()));
 }
 function Y(e, t, n = {}) {
-  const { window: o = w, ...i } = n;
-  let l;
-  const r = X(() => o && "MutationObserver" in o), s = () => {
-    l && (l.disconnect(), l = void 0);
-  }, a = b(() => {
-    const u = A(e), d = (Array.isArray(u) ? u : [u]).map(C).filter(q);
+  const { window: o = v, ...c } = n;
+  let r;
+  const l = X(() => o && "MutationObserver" in o), i = () => {
+    r && (r.disconnect(), r = void 0);
+  }, a = w(() => {
+    const u = A(e), d = (Array.isArray(u) ? u : [u]).map(h).filter(q);
     return new Set(d);
   }), f = T(
     () => a.value,
     (u) => {
-      s(), r.value && u.size && (l = new MutationObserver(t), u.forEach((d) => l.observe(d, i)));
+      i(), l.value && u.size && (r = new MutationObserver(t), u.forEach((d) => r.observe(d, c)));
     },
     { immediate: !0, flush: "post" }
-  ), c = () => l == null ? void 0 : l.takeRecords(), p = () => {
-    f(), s();
+  ), s = () => r == null ? void 0 : r.takeRecords(), p = () => {
+    f(), i();
   };
   return I(p), {
-    isSupported: r,
+    isSupported: l,
     stop: p,
-    takeRecords: c
+    takeRecords: s
   };
 }
 function Z(e = {}) {
   var t;
   const {
-    window: n = w,
+    window: n = v,
     deep: o = !0,
-    triggerOnRemoval: i = !1
-  } = e, l = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
+    triggerOnRemoval: c = !1
+  } = e, r = (t = e.document) != null ? t : n == null ? void 0 : n.document, l = () => {
     var f;
-    let c = l == null ? void 0 : l.activeElement;
+    let s = r == null ? void 0 : r.activeElement;
     if (o)
-      for (; c != null && c.shadowRoot; )
-        c = (f = c == null ? void 0 : c.shadowRoot) == null ? void 0 : f.activeElement;
-    return c;
-  }, s = y(), a = () => {
-    s.value = r();
+      for (; s != null && s.shadowRoot; )
+        s = (f = s == null ? void 0 : s.shadowRoot) == null ? void 0 : f.activeElement;
+    return s;
+  }, i = $(), a = () => {
+    i.value = l();
   };
-  return n && (h(n, "blur", (f) => {
+  return n && (y(n, "blur", (f) => {
     f.relatedTarget === null && a();
-  }, !0), h(n, "focus", a, !0)), i && Y(l, (f) => {
-    f.filter((c) => c.removedNodes.length).map((c) => Array.from(c.removedNodes)).flat().forEach((c) => {
-      c === s.value && a();
+  }, !0), y(n, "focus", a, !0)), c && Y(r, (f) => {
+    f.filter((s) => s.removedNodes.length).map((s) => Array.from(s.removedNodes)).flat().forEach((s) => {
+      s === i.value && a();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), a(), s;
+  }), a(), i;
 }
 const ee = "focusin", te = "focusout";
 function ne(e, t = {}) {
-  const { window: n = w } = t, o = b(() => C(e)), i = y(!1), l = b(() => i.value), r = Z(t);
-  return !n || !r.value ? { focused: l } : (h(o, ee, () => i.value = !0), h(o, te, () => i.value = !1), { focused: l });
+  const { window: n = v } = t, o = w(() => h(e)), c = $(!1), r = w(() => c.value), l = Z(t);
+  return !n || !l.value ? { focused: r } : (y(o, ee, () => c.value = !0), y(o, te, () => c.value = !1), { focused: r });
 }
-function oe(e, { window: t = w, scrollTarget: n } = {}) {
-  const o = y(!1), i = () => {
+function oe(e, { window: t = v, scrollTarget: n } = {}) {
+  const o = $(!1), c = () => {
     if (!t) return;
-    const l = t.document, r = C(e);
-    if (!r)
+    const r = t.document, l = h(e);
+    if (!l)
       o.value = !1;
     else {
-      const s = r.getBoundingClientRect();
-      o.value = s.top <= (t.innerHeight || l.documentElement.clientHeight) && s.left <= (t.innerWidth || l.documentElement.clientWidth) && s.bottom >= 0 && s.right >= 0;
+      const i = l.getBoundingClientRect();
+      o.value = i.top <= (t.innerHeight || r.documentElement.clientHeight) && i.left <= (t.innerWidth || r.documentElement.clientWidth) && i.bottom >= 0 && i.right >= 0;
     }
   };
   return T(
-    () => C(e),
-    () => i(),
+    () => h(e),
+    () => c(),
     { immediate: !0, flush: "post" }
-  ), t && h(n || t, "scroll", i, {
+  ), t && y(n || t, "scroll", c, {
     capture: !1,
     passive: !0
   }), o;
@@ -125,7 +125,7 @@ function oe(e, { window: t = w, scrollTarget: n } = {}) {
 const m = (e) => {
   let t = oe(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, g = (e) => e.tabIndex >= 0, x = (e) => {
+}, g = (e) => e.tabIndex >= 0, D = (e) => {
   const t = e.target;
   return M(t);
 }, M = (e) => {
@@ -134,33 +134,33 @@ const m = (e) => {
   if (e instanceof HTMLTableCellElement) {
     const o = (n = e.parentElement) == null ? void 0 : n.previousElementSibling;
     if (o) {
-      const l = Array.from(o.children)[e.cellIndex];
-      l && (t = l);
+      const r = Array.from(o.children)[e.cellIndex];
+      r && (t = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const o = e.previousElementSibling;
     o && (t = o);
   }
   return t && (!g(t) || !m(t)) ? M(t) : t;
-}, re = (e) => {
+}, le = (e) => {
   var o;
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
-    const i = (o = t.parentElement) == null ? void 0 : o.parentElement;
-    if (i) {
-      const r = i.firstElementChild.children[t.cellIndex];
-      r && (n = r);
+    const c = (o = t.parentElement) == null ? void 0 : o.parentElement;
+    if (c) {
+      const r = c.firstElementChild, l = r == null ? void 0 : r.children[t.cellIndex];
+      l && (n = l);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const i = t.parentElement;
-    if (i) {
-      const l = i.firstElementChild;
-      l && (n = l);
+    const c = t.parentElement;
+    if (c) {
+      const r = c.firstElementChild;
+      r && (n = r);
     }
   }
   return n && (!g(n) || !m(n)) ? k(n) : n;
-}, D = (e) => {
+}, P = (e) => {
   const t = e.target;
   return k(t);
 }, k = (e) => {
@@ -169,33 +169,33 @@ const m = (e) => {
   if (e instanceof HTMLTableCellElement) {
     const o = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;
     if (o) {
-      const l = Array.from(o.children)[e.cellIndex];
-      l && (t = l);
+      const r = Array.from(o.children)[e.cellIndex];
+      r && (t = r);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const o = e.nextElementSibling;
     o && (t = o);
   }
   return t && (!g(t) || !m(t)) ? k(t) : t;
-}, le = (e) => {
+}, re = (e) => {
   var o;
   const t = e.target;
   let n;
   if (t instanceof HTMLTableCellElement) {
-    const i = (o = t.parentElement) == null ? void 0 : o.parentElement;
-    if (i) {
-      const r = i.lastElementChild.children[t.cellIndex];
-      r && (n = r);
+    const c = (o = t.parentElement) == null ? void 0 : o.parentElement;
+    if (c) {
+      const r = c.lastElementChild, l = r == null ? void 0 : r.children[t.cellIndex];
+      l && (n = l);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const i = t.parentElement;
-    if (i) {
-      const l = i.lastElementChild;
-      l && (n = l);
+    const c = t.parentElement;
+    if (c) {
+      const r = c.lastElementChild;
+      r && (n = r);
     }
   }
   return n && (!g(n) || !m(n)) ? M(n) : n;
-}, P = (e) => {
+}, R = (e) => {
   const t = e.target;
   return L(t);
 }, L = (e) => {
@@ -210,8 +210,8 @@ const m = (e) => {
   return t && (!g(t) || !m(t)) ? L(t) : t;
 }, O = (e) => {
   const t = e.target;
-  return R(t);
-}, R = (e) => {
+  return H(t);
+}, H = (e) => {
   var n;
   let t;
   if (e.nextElementSibling)
@@ -220,29 +220,29 @@ const m = (e) => {
     const o = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;
     t = o == null ? void 0 : o.firstElementChild;
   }
-  return t && (!g(t) || !m(t)) ? R(t) : t;
+  return t && (!g(t) || !m(t)) ? H(t) : t;
 }, _ = (e) => {
-  const o = e.target.parentElement.firstElementChild;
-  return o && (!g(o) || !m(o)) ? R(o) : o;
+  const n = e.target.parentElement, o = n == null ? void 0 : n.firstElementChild;
+  return o && (!g(o) || !m(o)) ? H(o) : o;
 }, N = (e) => {
-  const o = e.target.parentElement.lastElementChild;
+  const n = e.target.parentElement, o = n == null ? void 0 : n.lastElementChild;
   return o && (!g(o) || !m(o)) ? L(o) : o;
-}, v = ["alt", "control", "shift", "meta"], se = {
+}, b = ["alt", "control", "shift", "meta"], se = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
 }, ie = {
   "keydown.up": (e) => {
-    const t = x(e);
+    const t = D(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = D(e);
+    const t = P(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = P(e);
+    const t = R(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
@@ -250,11 +250,11 @@ const m = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = re(e);
+    const t = le(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = le(e);
+    const t = re(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
@@ -272,14 +272,14 @@ const m = (e) => {
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const n = D(e);
+      const n = P(e);
       n && n.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const n = x(e);
+      const n = D(e);
       n && n.focus();
     }
   },
@@ -292,71 +292,73 @@ const m = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = P(e);
+    const t = R(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
 function ae(e) {
-  const t = (r) => {
-    let s = null;
-    return r.parent && (typeof r.parent == "string" ? s = document.querySelector(r.parent) : r.parent instanceof HTMLElement ? s = r.parent : s = r.parent.value), s;
-  }, n = (r) => {
-    const s = t(r);
+  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) => {
+    var f;
+    const i = t(l);
     let a = [];
-    if (typeof r.selectors == "string")
-      a = s ? Array.from(s.querySelectorAll(r.selectors)) : Array.from(document.querySelectorAll(r.selectors));
-    else if (Array.isArray(r.selectors))
-      for (const f of r.selectors)
-        f instanceof HTMLElement ? a.push(f) : a.push(f.$el);
-    else if (r.selectors instanceof HTMLElement)
-      a.push(r.selectors);
-    else if (Array.isArray(r.selectors.value))
-      for (const f of r.selectors.value)
-        f instanceof HTMLElement ? a.push(f) : a.push(f.$el);
-    else
-      a.push(r.selectors.value);
+    if (typeof l.selectors == "string")
+      a = i ? Array.from(i.querySelectorAll(l.selectors)) : Array.from(document.querySelectorAll(l.selectors));
+    else if (Array.isArray(l.selectors))
+      for (const s of l.selectors)
+        s instanceof HTMLElement ? a.push(s) : a.push(s.$el);
+    else if (l.selectors instanceof HTMLElement)
+      a.push(l.selectors);
+    else if ((f = l.selectors) != null && f.value)
+      if (Array.isArray(l.selectors.value))
+        for (const s of l.selectors.value)
+          s instanceof HTMLElement ? a.push(s) : a.push(s.$el);
+      else
+        a.push(l.selectors.value);
     return a;
-  }, o = (r) => {
-    const s = t(r);
+  }, o = (l) => {
+    const i = t(l);
     let a = [];
-    return r.selectors ? a = n(r) : s && (a = Array.from(s.children).filter((c) => g(c) && m(c))), a;
-  }, i = (r) => (s) => {
-    const a = se[s.key] || s.key.toLowerCase();
-    if (v.includes(a)) return;
-    const f = r.handlers || ie;
-    for (const c of Object.keys(f)) {
-      const [p, ...u] = c.split(".");
+    return l.selectors ? a = n(l) : i && (a = Array.from(i.children).filter((s) => g(s) && m(s))), a;
+  }, c = (l) => (i) => {
+    const a = se[i.key] || i.key.toLowerCase();
+    if (b.includes(a)) return;
+    const f = l.handlers || ie;
+    for (const s of Object.keys(f)) {
+      const [p, ...u] = s.split(".");
       if (p === "keydown" && u.includes(a)) {
-        const d = f[c], $ = u.filter((E) => v.includes(E)), H = v.some((E) => {
+        const d = f[s], C = u.filter((E) => b.includes(E)), x = b.some((E) => {
           const S = E.charAt(0).toUpperCase() + E.slice(1);
-          return s.getModifierState(S);
+          return i.getModifierState(S);
         });
-        if ($.length > 0) {
-          if (H) {
-            for (const E of v)
+        if (C.length > 0) {
+          if (x) {
+            for (const E of b)
               if (u.includes(E)) {
                 const S = E.charAt(0).toUpperCase() + E.slice(1);
-                s.getModifierState(S) && d(s);
+                i.getModifierState(S) && d(i);
               }
           }
         } else
-          H || d(s);
+          x || d(i);
       }
     }
-  }, l = [];
+  }, r = [];
   U(() => {
-    for (const r of e) {
-      const s = t(r), a = o(r), f = i(r), c = s ? [s] : a;
-      for (const p of c) {
-        const { focused: u } = ne(y(p)), d = T(u, ($) => {
-          $ ? p.addEventListener("keydown", f) : p.removeEventListener("keydown", f);
+    for (const l of e) {
+      const i = t(l), a = o(l), f = c(l), s = i ? [i] : a;
+      for (const p of s) {
+        const { focused: u } = ne($(p)), d = T(u, (C) => {
+          C ? p.addEventListener("keydown", f) : p.removeEventListener("keydown", f);
         });
-        l.push(d);
+        r.push(d);
       }
     }
   }), j(() => {
-    for (const r of l)
-      r();
+    for (const l of r)
+      l();
   });
 }
 function fe(e) {