@stonecrop/utilities 0.2.13 → 0.2.20

package/dist/utilities.js

@@ -0,0 +1,330 @@
+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 _(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 n = _(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)
+        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 B(a), a;
+}
+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 i = t.document, o = y(e);
+    if (!o)
+      l.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;
+    }
+  };
+  return v(
+    () => y(e),
+    () => s(),
+    { immediate: !0, flush: "post" }
+  ), t && w(n || t, "scroll", s, {
+    capture: !1,
+    passive: !0
+  }), l;
+}
+const g = (e) => {
+  let t = Q(e).value;
+  return t = t && e.offsetHeight > 0, t;
+}, m = (e) => e.tabIndex >= 0, x = (e) => {
+  const t = e.target;
+  return A(t);
+}, A = (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);
+    }
+  } else if (e instanceof HTMLTableRowElement) {
+    const l = e.previousElementSibling;
+    l && (t = l);
+  }
+  return t && (!m(t) || !g(t)) ? A(t) : t;
+}, X = (e) => {
+  var l;
+  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);
+    }
+  } else if (t instanceof HTMLTableRowElement) {
+    const s = t.parentElement;
+    if (s) {
+      const i = s.firstElementChild;
+      i && (n = i);
+    }
+  }
+  return n && (!m(n) || !g(n)) ? S(n) : n;
+}, D = (e) => {
+  const t = e.target;
+  return S(t);
+}, S = (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);
+    }
+  } else if (e instanceof HTMLTableRowElement) {
+    const l = e.nextElementSibling;
+    l && (t = l);
+  }
+  return t && (!m(t) || !g(t)) ? S(t) : t;
+}, Y = (e) => {
+  var l;
+  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);
+    }
+  } else if (t instanceof HTMLTableRowElement) {
+    const s = t.parentElement;
+    if (s) {
+      const i = s.lastElementChild;
+      i && (n = i);
+    }
+  }
+  return n && (!m(n) || !g(n)) ? A(n) : n;
+}, R = (e) => {
+  const t = e.target;
+  return k(t);
+}, k = (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;
+  }
+  return t && (!m(t) || !g(t)) ? k(t) : t;
+}, P = (e) => {
+  const t = e.target;
+  return L(t);
+}, L = (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;
+  }
+  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"
+}, ee = {
+  "keydown.up": (e) => {
+    const t = x(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.down": (e) => {
+    const t = D(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.left": (e) => {
+    const t = R(e);
+    e.preventDefault(), e.stopPropagation(), t && t.focus();
+  },
+  "keydown.right": (e) => {
+    const t = P(e);
+    e.preventDefault(), e.stopPropagation(), t && t.focus();
+  },
+  "keydown.control.up": (e) => {
+    const t = X(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.control.down": (e) => {
+    const t = Y(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.control.left": (e) => {
+    const t = K(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.control.right": (e) => {
+    const t = W(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.end": (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 n = D(e);
+      n && n.focus();
+    }
+  },
+  "keydown.shift.enter": (e) => {
+    if (e.target instanceof HTMLTableCellElement) {
+      e.preventDefault(), e.stopPropagation();
+      const n = x(e);
+      n && n.focus();
+    }
+  },
+  "keydown.home": (e) => {
+    const t = K(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.tab": (e) => {
+    const t = P(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.shift.tab": (e) => {
+    const t = R(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);
+    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);
+        });
+        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
+          H || d(r);
+      }
+    }
+  }, 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 o of i)
+      o();
+  });
+}
+function le(e) {
+}
+export {
+  ee as defaultKeypressHandlers,
+  le as install,
+  ne as useKeyboardNav
+};
+//# sourceMappingURL=utilities.js.map