lapikit 0.7.4 → 0.7.5

package/dist/components/btn/btn.svelte

@@ -102,7 +102,7 @@
 			type={type || 'button'}
 			{checked}
 			{value}
-			aria-label={String(label || value)}
+			aria-label={label || (value != null ? String(value) : undefined)}
 			disabled={isDisabled}
 		/>
 	{:else}

package/dist/components/dialog/dialog.svelte

@@ -1,5 +1,11 @@
 <script lang="ts">
-	import { disabledScroll, splitAriaAttrs, useComponentAttrs, useElevation } from '../../utils';
+	import {
+		lockScroll,
+		splitAriaAttrs,
+		unlockScroll,
+		useComponentAttrs,
+		useElevation
+	} from '../../utils';
 	import type { DialogProps } from './dialog.types.js';
 
 	let {
@@ -48,12 +54,12 @@
 		if (!open && ref.open) {
 			ref.close();
 		}
+	});
 
-		disabledScroll(open);
-
-		return () => {
-			disabledScroll(false);
-		};
+	$effect(() => {
+		if (!open) return;
+		lockScroll();
+		return unlockScroll;
 	});
 
 	function handleClose() {

package/dist/components/modal/modal.js

@@ -1,4 +1,4 @@
-import { disabledScroll } from '../../utils';
+import { lockScroll, unlockScroll } from '../../utils';
 import { writable } from 'svelte/store';
 // presets
 const refModal = false;
@@ -10,17 +10,17 @@ export function setOpenModal(state) {
 }
 export const pushModal = (id) => {
     modalStack.update((stack) => {
-        let values = stack;
-        if (!stack.includes(id))
-            values = [...stack, id];
-        disabledScroll(values.length !== 0 ? true : false);
-        return values;
+        if (stack.includes(id))
+            return stack;
+        lockScroll();
+        return [...stack, id];
     });
 };
 export const popModal = (id) => {
     modalStack.update((stack) => {
-        const newStack = stack.filter((m) => m !== id);
-        disabledScroll(newStack.length !== 0 ? true : false);
-        return newStack.length === 0 ? [] : newStack;
+        if (!stack.includes(id))
+            return stack;
+        unlockScroll();
+        return stack.filter((m) => m !== id);
     });
 };

package/dist/escaping.js

@@ -93,7 +93,6 @@ export const decodeSourceMap = (content, componentInfo) => {
             // class: / style: are refused by Svelte on a component: they become s-class_ / s-style_ props
             parts.push(`<${info.name}${rewriteDirectives(content.slice(nameEnd, tagEnd + 1))}`);
             changed = true;
-            changed = true;
         }
         else {
             parts.push(content.slice(nextLt, tagEnd + 1));

package/dist/utils/outside.d.ts

@@ -3,4 +3,6 @@ export declare function clickOutside(node: HTMLElement, options: ClickOutsideOpt
     update(newOptions: ClickOutsideOptions): void;
     destroy(): void;
 };
-export declare function disabledScroll(state: boolean): void;
+/** Blocks the scroll of the page; each call needs its own unlockScroll() */
+export declare function lockScroll(): void;
+export declare function unlockScroll(): void;

package/dist/utils/outside.js

@@ -32,8 +32,20 @@ export function clickOutside(node, options) {
         }
     };
 }
-export function disabledScroll(state) {
-    if (typeof window !== 'undefined' && typeof document !== 'undefined') {
-        document.body.style.overflow = state ? 'hidden' : '';
+let scrollLocks = 0;
+let previousOverflow = '';
+/** Blocks the scroll of the page; each call needs its own unlockScroll() */
+export function lockScroll() {
+    if (typeof document === 'undefined')
+        return;
+    if (scrollLocks++ === 0) {
+        previousOverflow = document.body.style.overflow;
+        document.body.style.overflow = 'hidden';
     }
 }
+export function unlockScroll() {
+    if (typeof document === 'undefined' || scrollLocks === 0)
+        return;
+    if (--scrollLocks === 0)
+        document.body.style.overflow = previousOverflow;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lapikit",
-	"version": "0.7.4",
+	"version": "0.7.5",
 	"license": "MIT",
 	"publishConfig": {
 		"access": "public"
@@ -80,6 +80,9 @@
 			"default": "./dist/hooks/actions.js"
 		}
 	},
+	"dependencies": {
+		"esm-env": "^1.2.2"
+	},
 	"peerDependencies": {
 		"svelte": "^5.20.0"
 	},