@stonecrop/utilities 0.2.24 → 0.2.25

package/dist/utilities.js

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