@marianmeres/stuic 1.94.0 → 1.96.0

package/dist/actions/focus-trap.d.ts

@@ -1,4 +1,4 @@
-interface FocusTrapOptions {
+export interface FocusTrapOptions {
     enabled?: boolean;
     autoFocusFirst?: boolean;
 }
@@ -6,4 +6,3 @@ export declare function focusTrap(node: HTMLElement, options?: FocusTrapOptions)
     update(options?: FocusTrapOptions): void;
     destroy(): void;
 };
-export {};

package/dist/components/Backdrop/Backdrop.svelte

@@ -12,6 +12,7 @@ import { focusTrap } from "../../actions/focus-trap.js";
 import { prefersReducedMotionStore } from "../../utils/prefers-reduced-motion.js";
 const dispatch = createEventDispatcher();
 export let useFocusTrap = true;
+export let focusTrapOptions = {};
 let _class = "";
 export { _class as class };
 export let fadeInDuration = BackdropConfig.fadeInDuration;
@@ -38,12 +39,13 @@ $:
 	`.trim())}
 	on:click
 	on:mousedown
+	on:mouseup
 	on:touchstart|passive
 	on:touchend|passive
 	on:keydown={(e) => e.code === 'Escape' && dispatch('escape')}
 	in:fade={{ duration: fadeInDuration }}
 	out:fade={{ duration: fadeOutDuration }}
-	use:focusTrap={{ enabled: useFocusTrap }}
+	use:focusTrap={{ ...focusTrapOptions, enabled: useFocusTrap }}
 	role="presentation"
 	tabindex="-1" 
 >

package/dist/components/Backdrop/Backdrop.svelte.d.ts

@@ -4,9 +4,11 @@ export declare class BackdropConfig {
     static fadeInDuration: number;
     static fadeOutDuration: number;
 }
+import { type FocusTrapOptions } from '../../actions/focus-trap.js';
 declare const __propDef: {
     props: {
         useFocusTrap?: boolean | undefined;
+        focusTrapOptions?: Partial<FocusTrapOptions> | undefined;
         class?: string | undefined;
         fadeInDuration?: number | undefined;
         fadeOutDuration?: number | undefined;
@@ -15,6 +17,7 @@ declare const __propDef: {
     events: {
         click: MouseEvent;
         mousedown: MouseEvent;
+        mouseup: MouseEvent;
         touchstart: TouchEvent;
         touchend: TouchEvent;
         escape: CustomEvent<any>;

package/dist/components/Drawer/Drawer.svelte

@@ -56,7 +56,7 @@ $:
 	<Backdrop
 		class={twMerge(`${_presetsClsBackdrop[position] || ''} ${backdropClass}`)}
 		on:escape
-		on:click={(e) => dispatch('click_backdrop')}
+		on:mousedown={(e) => dispatch('click_backdrop')}
 		{fadeInDuration}
 		fadeOutDuration={transitionEnabled ? transitionDuration : 0}
 		on:element
@@ -68,7 +68,7 @@ $:
 		-->
 		<div
 			bind:this={el}
-			on:click|stopPropagation
+			on:mousedown|stopPropagation
 			aria-modal="true"
 			role="dialog"
 			aria-labelledby={labelledby}

package/dist/components/Drawer/Drawer.svelte.d.ts

@@ -16,7 +16,7 @@ declare const __propDef: {
     events: {
         escape: CustomEvent<any>;
         element: CustomEvent<any>;
-        click: MouseEvent;
+        mousedown: MouseEvent;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/index.d.ts

@@ -23,7 +23,7 @@ export { default as Thc, type THC, isTHCNotEmpty } from './components/Thc/Thc.sv
 export { default as X } from './components/X/X.svelte';
 export { autogrow } from './actions/autogrow.js';
 export { draggable, droppable, type DraggableOptions, type DroppableOptions, } from './actions/drag-drop.js';
-export { focusTrap } from './actions/focus-trap.js';
+export { focusTrap, type FocusTrapOptions } from './actions/focus-trap.js';
 export { onOutside } from './actions/on-outside.js';
 export { preSubmitValidityCheck } from './actions/pre-submit-validity-check.js';
 export { tooltip, TooltipConfig, type TooltipOptions, } from './actions/tooltip/tooltip.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.94.0",
+	"version": "1.96.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",