@indielayer/ui 1.14.1 → 1.14.3

package/lib/composables/useFocusTrap.js

@@ -1,52 +1,50 @@
-import { ref as F, onUnmounted as h, unref as w, nextTick as x, watch as E } from "vue";
-const T = 'button:not([tabindex="-1"]), [href], input, select, textarea, li, a, [tabindex]:not([tabindex="-1"])';
-function p() {
-  const l = F([]);
-  let r = null, a = null, f = null, s = null, o = null;
-  function d(e) {
+import { ref as b, onUnmounted as F, unref as w, nextTick as x } from "vue";
+const h = 'button:not([tabindex="-1"]), [href], input, select, textarea, li, a, [tabindex]:not([tabindex="-1"])';
+function T() {
+  const l = b([]);
+  let t = null, a = null, s = null, i = null, o = null;
+  function m(e) {
     return e ? e.$el ? e.$el : e : null;
   }
-  function m(e) {
-    const n = d(e);
-    if (!n)
+  function v(e) {
+    const u = m(e);
+    if (!u)
       return;
-    const t = n.querySelectorAll(T);
-    l.value = Array.from(t), a = l.value[0] || null, f = l.value[l.value.length - 1] || null;
+    const c = u.querySelectorAll(h);
+    l.value = Array.from(c), a = l.value[0] || null, s = l.value[l.value.length - 1] || null;
   }
-  const v = (e) => {
+  const f = (e) => {
     if (e.key !== "Tab" || l.value.length === 0)
       return;
-    const n = e.shiftKey, t = document.activeElement, u = a, c = f;
-    if (!t) {
-      e.preventDefault(), u == null || u.focus();
+    const u = e.shiftKey, c = document.activeElement, n = a, r = s;
+    if (!c) {
+      e.preventDefault(), n == null || n.focus();
       return;
     }
-    !n && t === c ? (e.preventDefault(), u == null || u.focus()) : n && t === u && (e.preventDefault(), c == null || c.focus());
+    !u && c === r ? (e.preventDefault(), n == null || n.focus()) : u && c === n && (e.preventDefault(), r == null || r.focus());
   };
-  async function b(e, n) {
-    var c;
-    if (typeof window > "u" || (i(), s = document.activeElement, o = w(e), !o))
+  async function y(e, u) {
+    var r;
+    if (typeof window > "u" || (d(), i = document.activeElement, o = w(e), !o))
       return;
-    await x(), m(o);
-    const t = (n == null ? void 0 : n.initialFocusIndex) ?? 0;
-    (c = l.value[t]) == null || c.focus(), document.addEventListener("keydown", v), r = new MutationObserver(() => m(o));
-    const u = d(o);
-    u && r.observe(u, { childList: !0, subtree: !0 }), typeof e == "object" && e !== null && "value" in e && E(e, (y) => {
-      i(), y !== null && b(e, n);
-    });
+    await x(), v(o);
+    const c = (u == null ? void 0 : u.initialFocusIndex) ?? 0;
+    (r = l.value[c]) == null || r.focus(), document.removeEventListener("keydown", f), t == null || t.disconnect(), document.addEventListener("keydown", f);
+    const n = m(o);
+    n && (t = new MutationObserver(() => v(o)), t.observe(n, { childList: !0, subtree: !0 }));
   }
-  function i(e) {
-    document.removeEventListener("keydown", v), r == null || r.disconnect(), r = null, e != null && e.returnFocus && s && s.focus(), o = null;
+  function d(e) {
+    document.removeEventListener("keydown", f), t == null || t.disconnect(), t = null, e != null && e.returnFocus && i && i.focus(), o = null, l.value = [], a = null, s = null, i = null;
   }
-  return h(() => {
-    i({ returnFocus: !0 });
+  return F(() => {
+    d({ returnFocus: !0 });
   }), {
-    initFocusTrap: b,
-    clearFocusTrap: i,
+    initFocusTrap: y,
+    clearFocusTrap: d,
     focusable: l
     // expose for advanced use
   };
 }
 export {
-  p as useFocusTrap
+  T as useFocusTrap
 };