@floegence/floe-webapp-core 0.50.2 → 0.50.4

package/dist/hooks/useOverlayMask.js

@@ -1,53 +1,56 @@
-import { createEffect as K, onCleanup as I } from "solid-js";
-import { lockBodyStyle as N } from "../utils/bodyStyleLock.js";
-import { deferAfterPaint as B } from "../utils/defer.js";
-import { getFocusableElements as q, getFirstFocusableElement as j } from "../utils/focus.js";
-import { matchKeybind as x } from "../utils/keybind.js";
-function M(e) {
+import { createEffect as N, onCleanup as q } from "solid-js";
+import { lockBodyStyle as j } from "../utils/bodyStyleLock.js";
+import { deferAfterPaint as M } from "../utils/defer.js";
+import { getFocusableElements as x, getFirstFocusableElement as z } from "../utils/focus.js";
+import { matchKeybind as R } from "../utils/keybind.js";
+function C(e) {
   return typeof Node < "u" && e instanceof Node;
 }
 function h(e, o, r) {
-  return r ? r(o) : !e || !M(o) ? !1 : e.contains(o);
+  return r ? r(o) : !e || !C(o) ? !1 : e.contains(o);
 }
-function F(e, o, r, s) {
+function O(e, o, r, s) {
   return r === "none" ? !1 : r === "all" ? !0 : !h(e, o, s);
 }
-function z(e) {
+function V(e) {
   return typeof e == "function" ? e() ?? [] : e ?? [];
 }
 function c(e, o) {
   return typeof e == "function" ? e() ?? o : e ?? o;
 }
-function R(e, o) {
-  for (const r of z(o)) {
+function G(e, o) {
+  for (const r of V(o)) {
     const s = r.trim();
-    if (s && x(e, s))
+    if (s && R(e, s))
       return !0;
   }
   return !1;
 }
-function Y(e) {
+function _(e) {
   const o = () => c(e.lockBodyScroll, !0), r = () => c(e.trapFocus, !0), s = () => {
-    const a = c(e.closeOnEscape, !0);
+    const a = c(
+      e.closeOnEscape,
+      !0
+    );
     return a === !1 ? "none" : a === "inside" ? "inside" : a === "none" ? "none" : "always";
-  }, O = () => c(e.blockHotkeys, !0), C = () => c(e.restoreFocus, !0), D = () => c(e.blockWheel, "none"), S = () => c(e.blockTouchMove, "none"), H = () => c(e.autoFocus, !0);
-  K(() => {
+  }, P = () => c(e.blockHotkeys, !0), D = () => c(e.restoreFocus, !0), S = () => c(e.blockWheel, "none"), H = () => c(e.blockTouchMove, "none"), K = () => c(e.autoFocus, !0);
+  N(() => {
     if (!e.open() || typeof document > "u") return;
-    const a = o(), p = r(), l = s(), P = O(), W = C(), d = D(), m = S(), v = H(), y = document.activeElement instanceof HTMLElement ? document.activeElement : null, A = a ? N({ overflow: "hidden" }) : null;
-    B(() => {
+    const a = o(), E = r(), l = s(), f = c(e.escapeKeyPhase, "capture"), W = P(), A = D(), m = S(), v = H(), y = K(), p = document.activeElement instanceof HTMLElement ? document.activeElement : null, I = a ? j({ overflow: "hidden" }) : null;
+    M(() => {
       const t = e.root();
-      if (!t || v === !1) return;
-      const n = typeof v == "object" ? v.selector : void 0, f = (n ? t.querySelector(n) : null) ?? t.querySelector("[data-floe-autofocus]") ?? j(t) ?? t;
+      if (!t || y === !1) return;
+      const n = typeof y == "object" ? y.selector : void 0, i = (n ? t.querySelector(n) : null) ?? t.querySelector("[data-floe-autofocus]") ?? z(t) ?? t;
       try {
-        f.focus();
+        i.focus();
       } catch {
       }
     });
-    const E = (t) => {
+    const k = (t) => {
       if (t.key !== "Tab") return;
       const n = e.root();
       if (!n) return;
-      const u = q(n);
+      const u = x(n);
       if (!u.length) {
         t.preventDefault();
         try {
@@ -56,25 +59,29 @@ function Y(e) {
         }
         return;
       }
-      const f = u[0], T = u[u.length - 1], i = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      const i = u[0], F = u[u.length - 1], d = document.activeElement instanceof HTMLElement ? document.activeElement : null;
       if (t.shiftKey) {
-        if (i === f || !i || !n.contains(i)) {
+        if (d === i || !d || !n.contains(d)) {
           t.preventDefault();
           try {
-            T.focus();
+            F.focus();
           } catch {
           }
         }
-      } else if (i === T) {
+      } else if (d === F) {
         t.preventDefault();
         try {
-          f.focus();
+          i.focus();
         } catch {
         }
       }
-    }, k = (t) => {
-      if (t.key !== "Escape" || l === "none") return;
-      const n = e.root(), u = h(n, M(t.target) ? t.target : document.activeElement, e.containsTarget);
+    }, b = (t) => {
+      if (t.key !== "Escape" || f === "bubble" && (t.defaultPrevented || t.isComposing) || l === "none") return;
+      const n = e.root(), u = h(
+        n,
+        C(t.target) ? t.target : document.activeElement,
+        e.containsTarget
+      );
       if (l === "inside") {
         if (u) {
           t.preventDefault(), t.stopImmediatePropagation(), e.onClose?.();
@@ -84,25 +91,38 @@ function Y(e) {
         return;
       }
       t.preventDefault(), t.stopImmediatePropagation(), e.onClose?.();
-    }, b = (t) => {
+    }, g = (t) => {
       const n = e.root();
-      n && P && h(n, t.target, e.containsTarget) && (R(t, e.allowHotkeys) || t.stopPropagation());
+      n && W && h(n, t.target, e.containsTarget) && (G(t, e.allowHotkeys) || t.stopPropagation());
     }, w = (t) => {
       const n = e.root();
-      F(n, t.target, d, e.containsTarget) && t.cancelable && t.preventDefault();
-    }, g = (t) => {
-      t.stopPropagation();
+      O(n, t.target, m, e.containsTarget) && t.cancelable && t.preventDefault();
     }, L = (t) => {
+      t.stopPropagation();
+    }, T = (t) => {
       const n = e.root();
-      F(n, t.target, m, e.containsTarget) && t.cancelable && t.preventDefault();
+      O(n, t.target, v, e.containsTarget) && t.cancelable && t.preventDefault();
     };
-    p && document.addEventListener("keydown", E, !0), l !== "none" && window.addEventListener("keydown", k, !0), document.addEventListener("keydown", b), d !== "none" && (document.addEventListener("wheel", w, { capture: !0, passive: !1 }), document.addEventListener("wheel", g)), m !== "none" && document.addEventListener("touchmove", L, { capture: !0, passive: !1 }), I(() => {
-      p && document.removeEventListener("keydown", E, !0), l !== "none" && window.removeEventListener("keydown", k, !0), document.removeEventListener("keydown", b), d !== "none" && (document.removeEventListener("wheel", w, !0), document.removeEventListener("wheel", g)), m !== "none" && document.removeEventListener("touchmove", L, !0), A?.(), W && y && y.isConnected && B(() => {
+    E && document.addEventListener("keydown", k, !0);
+    const B = f === "capture" ? window : document;
+    l !== "none" && B.addEventListener(
+      "keydown",
+      b,
+      f === "capture"
+    ), document.addEventListener("keydown", g), m !== "none" && (document.addEventListener("wheel", w, { capture: !0, passive: !1 }), document.addEventListener("wheel", L)), v !== "none" && document.addEventListener("touchmove", T, {
+      capture: !0,
+      passive: !1
+    }), q(() => {
+      E && document.removeEventListener("keydown", k, !0), l !== "none" && B.removeEventListener(
+        "keydown",
+        b,
+        f === "capture"
+      ), document.removeEventListener("keydown", g), m !== "none" && (document.removeEventListener("wheel", w, !0), document.removeEventListener("wheel", L)), v !== "none" && document.removeEventListener("touchmove", T, !0), I?.(), A && p && p.isConnected && M(() => {
         if (typeof document > "u") return;
         const t = document.activeElement;
         if (!(t && t !== document.body && t !== document.documentElement))
           try {
-            y.focus();
+            p.focus();
           } catch {
           }
       });
@@ -110,5 +130,5 @@ function Y(e) {
   });
 }
 export {
-  Y as useOverlayMask
+  _ as useOverlayMask
 };