@floegence/floe-webapp-core 0.77.2 → 0.77.3

package/dist/hooks/useOverlayMask.js

@@ -1,9 +1,9 @@
 import { createEffect as R, onCleanup as V } from "solid-js";
 import { lockBodyStyle as G } from "../utils/bodyStyleLock.js";
-import { deferAfterPaint as D } from "../utils/defer.js";
+import { deferAfterPaint as S } from "../utils/defer.js";
 import { getFocusableElements as J, getFirstFocusableElement as Q } from "../utils/focus.js";
 import { matchKeybind as U } from "../utils/keybind.js";
-const S = /* @__PURE__ */ new WeakMap();
+const D = /* @__PURE__ */ new WeakMap();
 function K(t) {
   return typeof Node < "u" && t instanceof Node;
 }
@@ -29,29 +29,29 @@ function Y(t, o) {
 }
 function oe(t) {
   const o = () => c(t.lockBodyScroll, !0), r = () => c(t.trapFocus, !0), a = () => {
-    const i = c(
+    const l = c(
       t.closeOnEscape,
       !0
     );
-    return i === !1 ? "none" : i === "inside" ? "inside" : i === "none" ? "none" : "always";
+    return l === !1 ? "none" : l === "inside" ? "inside" : l === "none" ? "none" : "always";
   }, W = () => c(t.blockHotkeys, !0), A = () => c(t.restoreFocus, !0), x = () => c(t.blockWheel, "none"), I = () => c(t.blockTouchMove, "none"), N = () => c(t.autoFocus, !0);
   R(() => {
     if (!t.open() || typeof document > "u") return;
-    const i = o(), b = r(), d = a(), m = c(t.escapeKeyPhase, "capture"), q = W(), j = A(), h = x(), k = I(), E = N(), l = S.get(document) ?? [];
-    S.set(document, l);
+    const l = o(), b = r(), d = a(), m = c(t.escapeKeyPhase, "capture"), q = W(), j = A(), h = x(), k = I(), E = N(), i = D.get(document) ?? [];
+    D.set(document, i);
     const v = {
-      global: i || d === "always",
+      global: l || d === "always",
       contains: (e) => p(t.root(), e, t.containsTarget)
     };
-    l.push(v);
+    i.push(v);
     let w = !0;
-    const u = (e) => w && !l.slice(l.indexOf(v) + 1).some((n) => n.global || n.contains(e)), g = document.activeElement instanceof HTMLElement ? document.activeElement : null, z = i ? G({ overflow: "hidden" }) : null;
-    D(() => {
+    const u = (e) => w && !i.slice(i.indexOf(v) + 1).some((n) => n.global || n.contains(e)), g = document.activeElement instanceof HTMLElement ? document.activeElement : null, z = l ? G({ overflow: "hidden" }) : null;
+    S(() => {
       const e = t.root();
       if (!e?.isConnected || !u(e) || E === !1 || v.contains(document.activeElement)) return;
       const n = typeof E == "object" ? E.selector : void 0, y = (n ? e.querySelector(n) : null) ?? e.querySelector("[data-floe-autofocus]") ?? Q(e) ?? e;
       try {
-        y.focus();
+        y.focus({ preventScroll: !0 });
       } catch {
       }
     });
@@ -125,16 +125,16 @@ function oe(t) {
       capture: !0,
       passive: !1
     }), V(() => {
-      w = !1, l.splice(l.indexOf(v), 1), b && document.removeEventListener("keydown", T, !0), d !== "none" && C.removeEventListener(
+      w = !1, i.splice(i.indexOf(v), 1), b && document.removeEventListener("keydown", T, !0), d !== "none" && C.removeEventListener(
         "keydown",
         L,
         m === "capture"
-      ), document.removeEventListener("keydown", M), h !== "none" && (document.removeEventListener("wheel", O, !0), document.removeEventListener("wheel", B)), k !== "none" && document.removeEventListener("touchmove", F, !0), z?.(), j && g && g.isConnected && D(() => {
+      ), document.removeEventListener("keydown", M), h !== "none" && (document.removeEventListener("wheel", O, !0), document.removeEventListener("wheel", B)), k !== "none" && document.removeEventListener("touchmove", F, !0), z?.(), j && g && g.isConnected && S(() => {
         if (typeof document > "u") return;
         const e = document.activeElement;
         if (!(e && e !== document.body && e !== document.documentElement))
           try {
-            g.focus();
+            g.focus({ preventScroll: !0 });
           } catch {
           }
       });