@stonecrop/utilities 0.4.36 → 0.5.0

package/dist/index.js

@@ -4,6 +4,5 @@ import { defaultKeypressHandlers, useKeyboardNav } from './composables/keyboard'
  * @param app - Vue app instance
  * @public
  */
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function install(app /* options */) { }
+function install(_app /* options */) { }
 export { defaultKeypressHandlers, install, useKeyboardNav };

package/dist/src/composables/visibility/index.d.ts

@@ -1,4 +1,5 @@
-import { type ConfigurableWindow, type MaybeComputedElementRef, type MaybeRefOrGetter } from '@vueuse/core';
+import { type ConfigurableWindow, type MaybeComputedElementRef } from '@vueuse/core';
+import { type MaybeRefOrGetter } from 'vue';
 export interface UseElementVisibilityOptions extends ConfigurableWindow {
     scrollTarget?: MaybeRefOrGetter<HTMLElement | undefined | null>;
 }

package/dist/src/composables/visibility/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composables/visibility/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,gBAAgB,EAIrB,MAAM,cAAc,CAAA;AAGrB,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACtE,YAAY,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;CAC/D;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CACnC,OAAO,EAAE,uBAAuB,EAChC,EAAE,MAAsB,EAAE,YAAY,EAAE,GAAE,2BAAgC,uCAmC1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/composables/visibility/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAI5B,MAAM,cAAc,CAAA;AACrB,OAAO,EAAc,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAEvD,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;IACtE,YAAY,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;CAC/D;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CACnC,OAAO,EAAE,uBAAuB,EAChC,EAAE,MAAsB,EAAE,YAAY,EAAE,GAAE,2BAAgC,uCAmC1E"}

package/dist/src/index.d.ts

@@ -6,6 +6,6 @@ export type * from './types';
  * @param app - Vue app instance
  * @public
  */
-declare function install(app: App): void;
+declare function install(_app: App): void;
 export { defaultKeypressHandlers, install, useKeyboardNav };
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,OAAO,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAChF,mBAAmB,SAAS,CAAA;AAE5B;;;;GAIG;AAEH,iBAAS,OAAO,CAAC,GAAG,EAAE,GAAG,QAAkB;AAE3C,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,OAAO,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAChF,mBAAmB,SAAS,CAAA;AAE5B;;;;GAIG;AACH,iBAAS,OAAO,CAAC,IAAI,EAAE,GAAG,QAAkB;AAE5C,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/utilities.d.ts

@@ -13,7 +13,7 @@ export declare const defaultKeypressHandlers: KeypressHandlers;
  * @param app - Vue app instance
  * @public
  */
-export declare function install(app: App): void;
+export declare function install(_app: App): void;
 
 /**
  * Keyboard navigation options

package/dist/utilities.js

@@ -1,6 +1,6 @@
-import { watch as R, getCurrentScope as K, onScopeDispose as V, computed as w, shallowRef as M, toValue as C, watchEffect as j, unref as B, getCurrentInstance as q, onMounted as N, ref as F, onBeforeUnmount as G } from "vue";
-function k(e) {
-  return K() ? (V(e), !0) : !1;
+import { watch as T, getCurrentScope as V, onScopeDispose as _, computed as w, shallowRef as M, toValue as C, watchEffect as j, unref as B, getCurrentInstance as q, onMounted as F, ref as K, onBeforeUnmount as G } from "vue";
+function k(e, t) {
+  return V() ? (_(e, t), !0) : !1;
 }
 const z = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -10,52 +10,36 @@ function S(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Z(e, t, n) {
-  return R(
-    e,
-    t,
-    {
-      ...n,
-      immediate: !0
-    }
-  );
+  return T(e, t, {
+    ...n,
+    immediate: !0
+  });
 }
-const h = z ? window : void 0;
-function E(e) {
+const E = z ? window : void 0;
+function $(e) {
   var t;
   const n = C(e);
-  return (t = n?.$el) != null ? t : n;
+  return (t = n?.$el) !== null && t !== void 0 ? t : n;
 }
 function y(...e) {
   const t = [], n = () => {
     t.forEach((o) => o()), t.length = 0;
-  }, l = (o, r, i, a) => (o.addEventListener(r, i, a), () => o.removeEventListener(r, i, a)), c = w(() => {
-    const o = S(C(e[0])).filter((r) => r != null);
-    return o.every((r) => typeof r != "string") ? o : void 0;
-  }), u = Z(
-    () => {
-      var o, r;
-      return [
-        (r = (o = c.value) == null ? void 0 : o.map((i) => E(i))) != null ? r : [h].filter((i) => i != null),
-        S(C(c.value ? e[1] : e[0])),
-        S(B(c.value ? e[2] : e[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        C(c.value ? e[3] : e[2])
-      ];
-    },
-    ([o, r, i, a]) => {
-      if (n(), !o?.length || !r?.length || !i?.length)
-        return;
-      const p = X(a) ? { ...a } : a;
-      t.push(
-        ...o.flatMap(
-          (f) => r.flatMap(
-            (d) => i.map((m) => l(f, d, m, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), s = () => {
+  }, l = (o, i, r, a) => (o.addEventListener(i, r, a), () => o.removeEventListener(i, r, a)), c = w(() => {
+    const o = S(C(e[0])).filter((i) => i != null);
+    return o.every((i) => typeof i != "string") ? o : void 0;
+  }), u = Z(() => {
+    var o, i;
+    return [
+      (o = (i = c.value) === null || i === void 0 ? void 0 : i.map((r) => $(r))) !== null && o !== void 0 ? o : [E].filter((r) => r != null),
+      S(C(c.value ? e[1] : e[0])),
+      S(B(c.value ? e[2] : e[1])),
+      C(c.value ? e[3] : e[2])
+    ];
+  }, ([o, i, r, a]) => {
+    if (n(), !o?.length || !i?.length || !r?.length) return;
+    const f = X(a) ? { ...a } : a;
+    t.push(...o.flatMap((d) => i.flatMap((p) => r.map((h) => l(d, p, h, f)))));
+  }, { flush: "post" }), s = () => {
     u(), n();
   };
   return k(n), s;
@@ -63,7 +47,7 @@ function y(...e) {
 // @__NO_SIDE_EFFECTS__
 function ee() {
   const e = M(!1), t = q();
-  return t && N(() => {
+  return t && F(() => {
     e.value = !0;
   }, t), e;
 }
@@ -73,113 +57,86 @@ function te(e) {
   return w(() => (t.value, !!e()));
 }
 function ne(e, t, n = {}) {
-  const { window: l = h, ...c } = n;
+  const { window: l = E, ...c } = n;
   let u;
   const s = /* @__PURE__ */ te(() => l && "MutationObserver" in l), o = () => {
     u && (u.disconnect(), u = void 0);
-  }, r = w(() => {
-    const f = C(e), d = S(f).map(E).filter(J);
-    return new Set(d);
-  }), i = R(
-    () => r.value,
-    (f) => {
-      o(), s.value && f.size && (u = new MutationObserver(t), f.forEach((d) => u.observe(d, c)));
-    },
-    { immediate: !0, flush: "post" }
-  ), a = () => u?.takeRecords(), p = () => {
+  }, i = T(w(() => {
+    const f = S(C(e)).map($).filter(J);
+    return new Set(f);
+  }), (f) => {
+    o(), s.value && f.size && (u = new MutationObserver(t), f.forEach((d) => u.observe(d, c)));
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), r = () => u?.takeRecords(), a = () => {
     i(), o();
   };
-  return k(p), {
+  return k(a), {
     isSupported: s,
-    stop: p,
-    takeRecords: a
+    stop: a,
+    takeRecords: r
   };
 }
 function oe(e, t, n = {}) {
-  const {
-    window: l = h,
-    document: c = l?.document,
-    flush: u = "sync"
-  } = n;
-  if (!l || !c)
-    return Y;
+  const { window: l = E, document: c = l?.document, flush: u = "sync" } = n;
+  if (!l || !c) return Y;
   let s;
   const o = (a) => {
     s?.(), s = a;
-  }, r = j(() => {
-    const a = E(e);
+  }, i = j(() => {
+    const a = $(e);
     if (a) {
-      const { stop: p } = ne(
-        c,
-        (f) => {
-          f.map((m) => [...m.removedNodes]).flat().some((m) => m === a || m.contains(a)) && t(f);
-        },
-        {
-          window: l,
-          childList: !0,
-          subtree: !0
-        }
-      );
-      o(p);
+      const { stop: f } = ne(c, (d) => {
+        d.map((p) => [...p.removedNodes]).flat().some((p) => p === a || p.contains(a)) && t(d);
+      }, {
+        window: l,
+        childList: !0,
+        subtree: !0
+      });
+      o(f);
     }
-  }, { flush: u }), i = () => {
-    r(), o();
+  }, { flush: u }), r = () => {
+    i(), o();
   };
-  return k(i), i;
+  return k(r), r;
 }
 // @__NO_SIDE_EFFECTS__
 function le(e = {}) {
   var t;
-  const {
-    window: n = h,
-    deep: l = !0,
-    triggerOnRemoval: c = !1
-  } = e, u = (t = e.document) != null ? t : n?.document, s = () => {
-    var i;
-    let a = u?.activeElement;
+  const { window: n = E, deep: l = !0, triggerOnRemoval: c = !1 } = e, u = (t = e.document) !== null && t !== void 0 ? t : n?.document, s = () => {
+    let r = u?.activeElement;
     if (l)
-      for (; a?.shadowRoot; )
-        a = (i = a?.shadowRoot) == null ? void 0 : i.activeElement;
-    return a;
-  }, o = M(), r = () => {
+      for (var a; r?.shadowRoot; ) r = r == null || (a = r.shadowRoot) === null || a === void 0 ? void 0 : a.activeElement;
+    return r;
+  }, o = M(), i = () => {
     o.value = s();
   };
   if (n) {
-    const i = {
+    const r = {
       capture: !0,
       passive: !0
     };
-    y(
-      n,
-      "blur",
-      (a) => {
-        a.relatedTarget === null && r();
-      },
-      i
-    ), y(
-      n,
-      "focus",
-      r,
-      i
-    );
+    y(n, "blur", (a) => {
+      a.relatedTarget === null && i();
+    }, r), y(n, "focus", i, r);
   }
-  return c && oe(o, r, { document: u }), r(), o;
+  return c && oe(o, i, { document: u }), i(), o;
 }
-const se = "focusin", re = "focusout", ie = ":focus-within";
+const re = "focusin", se = "focusout", ie = ":focus-within";
 function ce(e, t = {}) {
-  const { window: n = h } = t, l = w(() => E(e)), c = M(!1), u = w(() => c.value);
-  if (!n || !(/* @__PURE__ */ le(t)).value)
-    return { focused: u };
+  const { window: n = E } = t, l = w(() => $(e)), c = M(!1), u = w(() => c.value);
+  if (!n || !(/* @__PURE__ */ le(t)).value) return { focused: u };
   const o = { passive: !0 };
-  return y(l, se, () => c.value = !0, o), y(l, re, () => {
-    var r, i, a;
-    return c.value = (a = (i = (r = l.value) == null ? void 0 : r.matches) == null ? void 0 : i.call(r, ie)) != null ? a : !1;
+  return y(l, re, () => c.value = !0, o), y(l, se, () => {
+    var i, r, a;
+    return c.value = (i = (r = l.value) === null || r === void 0 || (a = r.matches) === null || a === void 0 ? void 0 : a.call(r, ie)) !== null && i !== void 0 ? i : !1;
   }, o), { focused: u };
 }
-function ae(e, { window: t = h, scrollTarget: n } = {}) {
-  const l = F(!1), c = () => {
+function ae(e, { window: t = E, scrollTarget: n } = {}) {
+  const l = K(!1), c = () => {
     if (!t) return;
-    const u = t.document, s = E(e);
+    const u = t.document, s = $(e);
     if (!s)
       l.value = !1;
     else {
@@ -187,8 +144,8 @@ function ae(e, { window: t = h, scrollTarget: n } = {}) {
       l.value = o.top <= (t.innerHeight || u.documentElement.clientHeight) && o.left <= (t.innerWidth || u.documentElement.clientWidth) && o.bottom >= 0 && o.right >= 0;
     }
   };
-  return R(
-    () => E(e),
+  return T(
+    () => $(e),
     () => c(),
     { immediate: !0, flush: "post" }
   ), t && y(n || t, "scroll", c, {
@@ -196,10 +153,10 @@ function ae(e, { window: t = h, scrollTarget: n } = {}) {
     passive: !0
   }), l;
 }
-const g = (e) => {
+const m = (e) => {
   let t = ae(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, $ = (e) => e.tabIndex >= 0, P = (e) => {
+}, g = (e) => e.tabIndex >= 0, P = (e) => {
   const t = e.target;
   return A(t);
 }, A = (e) => {
@@ -214,7 +171,7 @@ const g = (e) => {
     const n = e.previousElementSibling;
     n && (t = n);
   }
-  return t && (!$(t) || !g(t)) ? A(t) : t;
+  return t && (!g(t) || !m(t)) ? A(t) : t;
 }, ue = (e) => {
   const t = e.target;
   let n;
@@ -231,7 +188,7 @@ const g = (e) => {
       c && (n = c);
     }
   }
-  return n && (!$(n) || !g(n)) ? L(n) : n;
+  return n && (!g(n) || !m(n)) ? L(n) : n;
 }, O = (e) => {
   const t = e.target;
   return L(t);
@@ -247,7 +204,7 @@ const g = (e) => {
     const n = e.nextElementSibling;
     n && (t = n);
   }
-  return t && (!$(t) || !g(t)) ? L(t) : t;
+  return t && (!g(t) || !m(t)) ? L(t) : t;
 }, fe = (e) => {
   const t = e.target;
   let n;
@@ -264,31 +221,31 @@ const g = (e) => {
       c && (n = c);
     }
   }
-  return n && (!$(n) || !g(n)) ? A(n) : n;
+  return n && (!g(n) || !m(n)) ? A(n) : n;
 }, U = (e) => {
   const t = e.target;
   return x(t);
 }, x = (e) => {
   let t;
-  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!$(t) || !g(t)) ? x(t) : t;
-}, _ = (e) => {
+  return e.previousElementSibling ? t = e.previousElementSibling : t = e.parentElement?.previousElementSibling?.lastElementChild, t && (!g(t) || !m(t)) ? x(t) : t;
+}, I = (e) => {
   const t = e.target;
   return H(t);
 }, H = (e) => {
   let t;
-  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!$(t) || !g(t)) ? H(t) : t;
-}, I = (e) => {
-  const l = e.target.parentElement?.firstElementChild;
-  return l && (!$(l) || !g(l)) ? H(l) : l;
+  return e.nextElementSibling ? t = e.nextElementSibling : t = e.parentElement?.nextElementSibling?.firstElementChild, t && (!g(t) || !m(t)) ? H(t) : t;
 }, W = (e) => {
+  const l = e.target.parentElement?.firstElementChild;
+  return l && (!g(l) || !m(l)) ? H(l) : l;
+}, N = (e) => {
   const l = e.target.parentElement?.lastElementChild;
-  return l && (!$(l) || !g(l)) ? x(l) : l;
-}, b = ["alt", "control", "shift", "meta"], pe = {
+  return l && (!g(l) || !m(l)) ? x(l) : l;
+}, b = ["alt", "control", "shift", "meta"], de = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, de = {
+}, pe = {
   "keydown.up": (e) => {
     const t = P(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
@@ -302,7 +259,7 @@ const g = (e) => {
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = _(e);
+    const t = I(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
@@ -314,15 +271,15 @@ const g = (e) => {
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = I(e);
+    const t = W(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = W(e);
+    const t = N(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = W(e);
+    const t = N(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
@@ -340,11 +297,11 @@ const g = (e) => {
     }
   },
   "keydown.home": (e) => {
-    const t = I(e);
+    const t = W(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = _(e);
+    const t = I(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
@@ -358,57 +315,57 @@ function ge(e) {
     return s.parent && (typeof s.parent == "string" ? o = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? o = s.parent : o = s.parent.value), o;
   }, n = (s) => {
     const o = t(s);
-    let r = [];
+    let i = [];
     if (typeof s.selectors == "string")
-      r = o ? Array.from(o.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
+      i = o ? Array.from(o.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
     else if (Array.isArray(s.selectors))
-      for (const i of s.selectors)
-        i instanceof HTMLElement ? r.push(i) : r.push(i.$el);
+      for (const r of s.selectors)
+        r instanceof HTMLElement ? i.push(r) : i.push(r.$el);
     else if (s.selectors instanceof HTMLElement)
-      r.push(s.selectors);
+      i.push(s.selectors);
     else if (s.selectors?.value)
       if (Array.isArray(s.selectors.value))
-        for (const i of s.selectors.value)
-          i instanceof HTMLElement ? r.push(i) : r.push(i.$el);
+        for (const r of s.selectors.value)
+          r instanceof HTMLElement ? i.push(r) : i.push(r.$el);
       else
-        r.push(s.selectors.value);
-    return r;
+        i.push(s.selectors.value);
+    return i;
   }, l = (s) => {
     const o = t(s);
-    let r = [];
-    return s.selectors ? r = n(s) : o && (r = Array.from(o.children).filter((a) => $(a) && g(a))), r;
+    let i = [];
+    return s.selectors ? i = n(s) : o && (i = Array.from(o.children).filter((a) => g(a) && m(a))), i;
   }, c = (s) => (o) => {
-    const r = pe[o.key] || o.key.toLowerCase();
-    if (b.includes(r)) return;
-    const i = s.handlers || de;
-    for (const a of Object.keys(i)) {
-      const [p, ...f] = a.split(".");
-      if (p === "keydown" && f.includes(r)) {
-        const d = i[a], m = f.filter((v) => b.includes(v)), D = b.some((v) => {
-          const T = v.charAt(0).toUpperCase() + v.slice(1);
-          return o.getModifierState(T);
+    const i = de[o.key] || o.key.toLowerCase();
+    if (b.includes(i)) return;
+    const r = s.handlers || pe;
+    for (const a of Object.keys(r)) {
+      const [f, ...d] = a.split(".");
+      if (f === "keydown" && d.includes(i)) {
+        const p = r[a], h = d.filter((v) => b.includes(v)), D = b.some((v) => {
+          const R = v.charAt(0).toUpperCase() + v.slice(1);
+          return o.getModifierState(R);
         });
-        if (m.length > 0) {
+        if (h.length > 0) {
           if (D) {
             for (const v of b)
-              if (f.includes(v)) {
-                const T = v.charAt(0).toUpperCase() + v.slice(1);
-                o.getModifierState(T) && d(o);
+              if (d.includes(v)) {
+                const R = v.charAt(0).toUpperCase() + v.slice(1);
+                o.getModifierState(R) && p(o);
               }
           }
         } else
-          D || d(o);
+          D || p(o);
       }
     }
   }, u = [];
-  N(() => {
+  F(() => {
     for (const s of e) {
-      const o = t(s), r = l(s), i = c(s), a = o ? [o] : r;
-      for (const p of a) {
-        const { focused: f } = ce(F(p)), d = R(f, (m) => {
-          m ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
+      const o = t(s), i = l(s), r = c(s), a = o ? [o] : i;
+      for (const f of a) {
+        const { focused: d } = ce(K(f)), p = T(d, (h) => {
+          h ? f.addEventListener("keydown", r) : f.removeEventListener("keydown", r);
         });
-        u.push(d);
+        u.push(p);
       }
     }
   }), G(() => {
@@ -416,11 +373,11 @@ function ge(e) {
       s();
   });
 }
-function $e(e) {
+function ve(e) {
 }
 export {
-  de as defaultKeypressHandlers,
-  $e as install,
+  pe as defaultKeypressHandlers,
+  ve as install,
   ge as useKeyboardNav
 };
 //# sourceMappingURL=utilities.js.map