@stonecrop/utilities 0.2.11 → 0.2.18

package/dist/utilities.js

@@ -1,333 +1,330 @@
-import { unref as Q, getCurrentScope as U, onScopeDispose as K, ref as B, watch as D, onMounted as W, onBeforeUnmount as V } from "vue";
-var v;
-const M = typeof window < "u", F = (e) => typeof e == "string", j = () => {
-};
-M && ((v = window == null ? void 0 : window.navigator) != null && v.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function H(e) {
-  return typeof e == "function" ? e() : Q(e);
-}
-function q(e) {
-  return e;
+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;
 }
-function G(e) {
-  return U() ? (K(e), !0) : !1;
+function _(e) {
+  return typeof e == "function" ? e() : I(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 = () => {
+};
 function y(e) {
   var t;
-  const r = H(e);
-  return (t = r == null ? void 0 : r.$el) != null ? t : r;
+  const n = _(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-const N = M ? window : void 0;
-function z(...e) {
-  let t, r, n, o;
-  if (F(e[0]) || Array.isArray(e[0]) ? ([r, n, o] = e, t = N) : [t, r, n, o] = e, !t)
-    return j;
-  Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
-  const l = [], s = () => {
-    l.forEach((c) => c()), l.length = 0;
-  }, a = (c, g, p, i) => (c.addEventListener(g, p, i), () => c.removeEventListener(g, p, i)), C = D(() => [y(t), H(o)], ([c, g]) => {
-    s(), c && l.push(...r.flatMap((p) => n.map((i) => a(c, p, i, g))));
-  }, { immediate: !0, flush: "post" }), d = () => {
-    C(), s();
+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)
+        return;
+      const p = N(u) ? { ...u } : u;
+      i.push(
+        ...n.flatMap((d) => l.map((E) => r(f, d, E, p)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), a = () => {
+    c(), o();
   };
-  return G(d), d;
+  return B(a), a;
 }
-const O = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, T = "__vueuse_ssr_handlers__";
-O[T] = O[T] || {};
-function J(e, { window: t = N, scrollTarget: r } = {}) {
-  const n = B(!1), o = () => {
+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();
+  };
+  return n && (w(n, "blur", (c) => {
+    c.relatedTarget === null && r();
+  }, !0), w(n, "focus", r, !0)), r(), o;
+}
+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 Q(e, { window: t = T, scrollTarget: n } = {}) {
+  const l = b(!1), s = () => {
     if (!t)
       return;
-    const l = t.document, s = y(e);
-    if (!s)
-      n.value = !1;
+    const i = t.document, o = y(e);
+    if (!o)
+      l.value = !1;
     else {
-      const a = s.getBoundingClientRect();
-      n.value = a.top <= (t.innerHeight || l.documentElement.clientHeight) && a.left <= (t.innerWidth || l.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
+      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;
     }
   };
-  return D(() => y(e), () => o(), { immediate: !0, flush: "post" }), t && z(r || t, "scroll", o, {
+  return v(
+    () => y(e),
+    () => s(),
+    { immediate: !0, flush: "post" }
+  ), t && w(n || t, "scroll", s, {
     capture: !1,
     passive: !0
-  }), n;
+  }), l;
 }
-var P;
-(function(e) {
-  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(P || (P = {}));
-var X = Object.defineProperty, I = Object.getOwnPropertySymbols, Y = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable, _ = (e, t, r) => t in e ? X(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ee = (e, t) => {
-  for (var r in t || (t = {}))
-    Y.call(t, r) && _(e, r, t[r]);
-  if (I)
-    for (var r of I(t))
-      Z.call(t, r) && _(e, r, t[r]);
-  return e;
-};
-const te = {
-  easeInSine: [0.12, 0, 0.39, 0],
-  easeOutSine: [0.61, 1, 0.88, 1],
-  easeInOutSine: [0.37, 0, 0.63, 1],
-  easeInQuad: [0.11, 0, 0.5, 0],
-  easeOutQuad: [0.5, 1, 0.89, 1],
-  easeInOutQuad: [0.45, 0, 0.55, 1],
-  easeInCubic: [0.32, 0, 0.67, 0],
-  easeOutCubic: [0.33, 1, 0.68, 1],
-  easeInOutCubic: [0.65, 0, 0.35, 1],
-  easeInQuart: [0.5, 0, 0.75, 0],
-  easeOutQuart: [0.25, 1, 0.5, 1],
-  easeInOutQuart: [0.76, 0, 0.24, 1],
-  easeInQuint: [0.64, 0, 0.78, 0],
-  easeOutQuint: [0.22, 1, 0.36, 1],
-  easeInOutQuint: [0.83, 0, 0.17, 1],
-  easeInExpo: [0.7, 0, 0.84, 0],
-  easeOutExpo: [0.16, 1, 0.3, 1],
-  easeInOutExpo: [0.87, 0, 0.13, 1],
-  easeInCirc: [0.55, 0, 1, 0.45],
-  easeOutCirc: [0, 0.55, 0.45, 1],
-  easeInOutCirc: [0.85, 0, 0.15, 1],
-  easeInBack: [0.36, 0, 0.66, -0.56],
-  easeOutBack: [0.34, 1.56, 0.64, 1],
-  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
-};
-ee({
-  linear: q
-}, te);
-const f = (e) => {
-  let t = J(e).value;
+const g = (e) => {
+  let t = Q(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, u = (e) => e.tabIndex >= 0, A = (e) => {
+}, m = (e) => e.tabIndex >= 0, x = (e) => {
   const t = e.target;
-  return E(t);
-}, E = (e) => {
-  var r;
+  return A(t);
+}, A = (e) => {
+  var n;
   let t;
   if (e instanceof HTMLTableCellElement) {
-    const n = (r = e.parentElement) == null ? void 0 : r.previousElementSibling;
-    if (n) {
-      const l = Array.from(n.children)[e.cellIndex];
-      l && (t = l);
+    const l = (n = e.parentElement) == null ? void 0 : n.previousElementSibling;
+    if (l) {
+      const i = Array.from(l.children)[e.cellIndex];
+      i && (t = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const n = e.previousElementSibling;
-    n && (t = n);
+    const l = e.previousElementSibling;
+    l && (t = l);
   }
-  return t && (!u(t) || !f(t)) ? E(t) : t;
-}, ne = (e) => {
-  var n;
+  return t && (!m(t) || !g(t)) ? A(t) : t;
+}, X = (e) => {
+  var l;
   const t = e.target;
-  let r;
+  let n;
   if (t instanceof HTMLTableCellElement) {
-    const o = (n = t.parentElement) == null ? void 0 : n.parentElement;
-    if (o) {
-      const s = o.firstElementChild.children[t.cellIndex];
-      s && (r = s);
+    const s = (l = t.parentElement) == null ? void 0 : l.parentElement;
+    if (s) {
+      const o = s.firstElementChild.children[t.cellIndex];
+      o && (n = o);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const o = t.parentElement;
-    if (o) {
-      const l = o.firstElementChild;
-      l && (r = l);
+    const s = t.parentElement;
+    if (s) {
+      const i = s.firstElementChild;
+      i && (n = i);
     }
   }
-  return r && (!u(r) || !f(r)) ? w(r) : r;
-}, x = (e) => {
+  return n && (!m(n) || !g(n)) ? S(n) : n;
+}, D = (e) => {
   const t = e.target;
-  return w(t);
-}, w = (e) => {
-  var r;
+  return S(t);
+}, S = (e) => {
+  var n;
   let t;
   if (e instanceof HTMLTableCellElement) {
-    const n = (r = e.parentElement) == null ? void 0 : r.nextElementSibling;
-    if (n) {
-      const l = Array.from(n.children)[e.cellIndex];
-      l && (t = l);
+    const l = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;
+    if (l) {
+      const i = Array.from(l.children)[e.cellIndex];
+      i && (t = i);
     }
   } else if (e instanceof HTMLTableRowElement) {
-    const n = e.nextElementSibling;
-    n && (t = n);
+    const l = e.nextElementSibling;
+    l && (t = l);
   }
-  return t && (!u(t) || !f(t)) ? w(t) : t;
-}, re = (e) => {
-  var n;
+  return t && (!m(t) || !g(t)) ? S(t) : t;
+}, Y = (e) => {
+  var l;
   const t = e.target;
-  let r;
+  let n;
   if (t instanceof HTMLTableCellElement) {
-    const o = (n = t.parentElement) == null ? void 0 : n.parentElement;
-    if (o) {
-      const s = o.lastElementChild.children[t.cellIndex];
-      s && (r = s);
+    const s = (l = t.parentElement) == null ? void 0 : l.parentElement;
+    if (s) {
+      const o = s.lastElementChild.children[t.cellIndex];
+      o && (n = o);
     }
   } else if (t instanceof HTMLTableRowElement) {
-    const o = t.parentElement;
-    if (o) {
-      const l = o.lastElementChild;
-      l && (r = l);
+    const s = t.parentElement;
+    if (s) {
+      const i = s.lastElementChild;
+      i && (n = i);
     }
   }
-  return r && (!u(r) || !f(r)) ? E(r) : r;
-}, k = (e) => {
+  return n && (!m(n) || !g(n)) ? A(n) : n;
+}, R = (e) => {
   const t = e.target;
-  return h(t);
-}, h = (e) => {
-  var r;
+  return k(t);
+}, k = (e) => {
+  var n;
   let t;
   if (e.previousElementSibling)
     t = e.previousElementSibling;
   else {
-    const n = (r = e.parentElement) == null ? void 0 : r.previousElementSibling;
-    t = n == null ? void 0 : n.lastElementChild;
+    const l = (n = e.parentElement) == null ? void 0 : n.previousElementSibling;
+    t = l == null ? void 0 : l.lastElementChild;
   }
-  return t && (!u(t) || !f(t)) ? h(t) : t;
-}, S = (e) => {
+  return t && (!m(t) || !g(t)) ? k(t) : t;
+}, P = (e) => {
   const t = e.target;
-  return b(t);
-}, b = (e) => {
-  var r;
+  return L(t);
+}, L = (e) => {
+  var n;
   let t;
   if (e.nextElementSibling)
     t = e.nextElementSibling;
   else {
-    const n = (r = e.parentElement) == null ? void 0 : r.nextElementSibling;
-    t = n == null ? void 0 : n.firstElementChild;
+    const l = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;
+    t = l == null ? void 0 : l.firstElementChild;
   }
-  return t && (!u(t) || !f(t)) ? b(t) : t;
-}, L = (e) => {
-  const n = e.target.parentElement.firstElementChild;
-  return n && (!u(n) || !f(n)) ? b(n) : n;
-}, R = (e) => {
-  const n = e.target.parentElement.lastElementChild;
-  return n && (!u(n) || !f(n)) ? h(n) : n;
-}, m = ["alt", "control", "shift", "meta"], oe = {
+  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;
+}, W = (e) => {
+  const l = e.target.parentElement.lastElementChild;
+  return l && (!m(l) || !g(l)) ? k(l) : l;
+}, C = ["alt", "control", "shift", "meta"], Z = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, le = {
+}, ee = {
   "keydown.up": (e) => {
-    const t = A(e);
+    const t = x(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = x(e);
+    const t = D(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = k(e);
+    const t = R(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = S(e);
+    const t = P(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = ne(e);
+    const t = X(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = re(e);
+    const t = Y(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = L(e);
+    const t = K(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = R(e);
+    const t = W(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = R(e);
+    const t = W(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const r = x(e);
-      r && r.focus();
+      const n = D(e);
+      n && n.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const r = A(e);
-      r && r.focus();
+      const n = x(e);
+      n && n.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = L(e);
+    const t = K(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = S(e);
+    const t = P(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = k(e);
+    const t = R(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function ie(e) {
-  const t = (n) => {
-    let o = null;
-    n.parent && (typeof n.parent == "string" ? o = document.querySelector(n.parent) : n.parent instanceof Element ? o = n.parent : o = n.parent.value);
-    let l = [];
-    if (n.selectors)
-      if (typeof n.selectors == "string")
-        l = o ? Array.from(o.querySelectorAll(n.selectors)) : Array.from(document.querySelectorAll(n.selectors));
-      else if (n.selectors instanceof Element)
-        l.push(n.selectors);
-      else if (Array.isArray(n.selectors.value))
-        for (const s of n.selectors.value)
-          s instanceof Element ? l.push(s) : l.push(s.$el);
-      else
-        l.push(n.selectors.value);
+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);
     else
-      l = Array.from(o.children).filter((a) => u(a) && f(a));
-    return l;
-  }, r = (n) => (o) => {
-    const l = oe[o.key] || o.key.toLowerCase();
-    if (m.includes(l))
+      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 s = n.handlers || le;
-    for (const a of Object.keys(s)) {
-      const [C, ...d] = a.split(".");
-      if (C === "keydown" && d.includes(l)) {
-        const c = s[a], g = d.filter((i) => m.includes(i)), p = m.some((i) => {
-          const $ = i.charAt(0).toUpperCase() + i.slice(1);
-          return o.getModifierState($);
+    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);
         });
-        if (g.length > 0) {
-          if (p) {
-            for (const i of m)
-              if (d.includes(i)) {
-                const $ = i.charAt(0).toUpperCase() + i.slice(1);
-                o.getModifierState($) && c(o);
+        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);
               }
           }
         } else
-          p || c(o);
+          H || d(r);
       }
     }
-  };
-  W(() => {
-    for (const n of e) {
-      const o = t(n);
-      for (const l of o)
-        l.addEventListener("keydown", r(n));
+  }, 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);
+        });
+        i.push(d);
+      }
     }
   }), V(() => {
-    for (const n of e) {
-      const o = t(n);
-      for (const l of o)
-        l.removeEventListener("keydown", r(n));
-    }
+    for (const o of i)
+      o();
   });
 }
-function ae(e) {
+function le(e) {
 }
 export {
-  le as defaultKeypressHandlers,
-  ae as install,
-  ie as useKeyboardNav
+  ee as defaultKeypressHandlers,
+  le as install,
+  ne as useKeyboardNav
 };
 //# sourceMappingURL=utilities.js.map