@algenium/blocks 1.7.0-rc.5 → 1.7.0-rc.6

package/dist/index.cjs

@@ -8811,6 +8811,63 @@ function PdfViewer({
     }
   );
 }
+function usePdfViewerDialogScrollLock(active) {
+  React2.useLayoutEffect(() => {
+    if (!active || typeof document === "undefined") return;
+    const html = document.documentElement;
+    const body = document.body;
+    const scrollRoots = [
+      ...document.querySelectorAll("[data-scroll-lock-root]")
+    ];
+    const scrollTopSnapshot = scrollRoots.map((el) => ({
+      el,
+      scrollTop: el.scrollTop
+    }));
+    const targets = /* @__PURE__ */ new Set([html, body, ...scrollRoots]);
+    const snapshot = [...targets].map((el) => ({
+      el,
+      overflow: el.style.overflow,
+      overscrollBehavior: el.style.overscrollBehavior
+    }));
+    const windowScrollY = window.scrollY;
+    for (const el of targets) {
+      el.style.overflow = "hidden";
+      el.style.overscrollBehavior = "none";
+    }
+    const dialogSurfaceSelector = '[data-slot="dialog-content"]';
+    const shouldAllowEventTarget = (target) => target instanceof Element && Boolean(target.closest(dialogSurfaceSelector));
+    const onWheel = (e) => {
+      if (shouldAllowEventTarget(e.target)) return;
+      e.preventDefault();
+    };
+    const onTouchMove = (e) => {
+      if (shouldAllowEventTarget(e.target)) return;
+      e.preventDefault();
+    };
+    window.addEventListener("wheel", onWheel, {
+      capture: true,
+      passive: false
+    });
+    window.addEventListener("touchmove", onTouchMove, {
+      capture: true,
+      passive: false
+    });
+    return () => {
+      window.removeEventListener("wheel", onWheel, { capture: true });
+      window.removeEventListener("touchmove", onTouchMove, {
+        capture: true
+      });
+      for (const { el, overflow, overscrollBehavior } of snapshot) {
+        el.style.overflow = overflow;
+        el.style.overscrollBehavior = overscrollBehavior;
+      }
+      for (const { el, scrollTop } of scrollTopSnapshot) {
+        el.scrollTop = scrollTop;
+      }
+      window.scrollTo(0, windowScrollY);
+    };
+  }, [active]);
+}
 var fullscreenDialogContentClass = "!max-w-none !w-screen !h-screen !p-0 !border-0 !bg-black/95 !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !gap-0 !shadow-none !flex !flex-col data-[state=open]:!zoom-in-100 data-[state=closed]:!zoom-out-100";
 function PdfViewerDialog({
   open,
@@ -8826,6 +8883,7 @@ function PdfViewerDialog({
   const closeLabel = labels?.close ?? "Close";
   const dialogTitle = labels?.dialogTitle ?? title ?? "PDF document";
   const dialogDescription = labels?.dialogDescription ?? "Document viewer with zoom and page navigation.";
+  usePdfViewerDialogScrollLock(open);
   const {
     className: forwardedClassName,
     toolbarClassName: forwardedToolbarClassName,