@juspay/svelte-ui-components 2.135.0 → 2.136.1

package/dist/utils.d.ts

@@ -26,3 +26,5 @@ export declare function hslToHsv(hDeg: number, sPct: number, lPct: number): Hsv;
 export declare function isValidHex(hex: string): boolean;
 export declare function clampInt(v: string, min: number, max: number): number;
 export declare function createDebouncer(delay: number): <T extends unknown[]>(callback: (...args: T) => void, ...args: T) => void;
+export declare function lockBodyScroll(): void;
+export declare function unlockBodyScroll(): void;

package/dist/utils.js

@@ -292,3 +292,33 @@ export function createDebouncer(delay) {
         }
     };
 }
+/**
+ * Body scroll lock, reference counted.
+ *
+ * Modal, Sheet and CommandMenu each hide body overflow while they are open. Doing
+ * that with a bare assignment means the FIRST of them to unmount restores
+ * scrolling for all of them, so closing a confirmation dialog inside a still-open
+ * modal silently lets the page behind it scroll again. Counting the holders keeps
+ * the lock until the last one releases it.
+ *
+ * Callers must pair every lock with exactly one unlock.
+ */
+let bodyScrollLockCount = 0;
+export function lockBodyScroll() {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    if (bodyScrollLockCount === 0) {
+        document.body.style.overflow = 'hidden';
+    }
+    bodyScrollLockCount += 1;
+}
+export function unlockBodyScroll() {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    bodyScrollLockCount = Math.max(0, bodyScrollLockCount - 1);
+    if (bodyScrollLockCount === 0) {
+        document.body.style.overflow = '';
+    }
+}