@marianmeres/stuic 1.95.0 → 1.97.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;
@@ -44,7 +45,7 @@ $:
 	on:keydown={(e) => e.code === 'Escape' && dispatch('escape')}
 	in:fade={{ duration: fadeInDuration }}
 	out:fade={{ duration: fadeOutDuration }}
-	use:focusTrap={{ enabled: useFocusTrap }}
+	use:focusTrap={{ enabled: useFocusTrap, ...(focusTrapOptions || {}) }}
 	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;

package/dist/components/Drawer/Drawer.svelte

@@ -25,6 +25,7 @@ export let describedby = "";
 export let transitionDuration = 250;
 export let transitionEnabled = !$prefersReducedMotionStore;
 export let animOffset = "66vw";
+export let backdropFocusTrapOptions = {};
 $:
   fadeInDuration = transitionEnabled ? Math.min(transitionDuration * 0.66, 200) : 0;
 const _presetsClsBackdrop = {
@@ -60,6 +61,7 @@ $:
 		{fadeInDuration}
 		fadeOutDuration={transitionEnabled ? transitionDuration : 0}
 		on:element
+		focusTrapOptions={backdropFocusTrapOptions}
 	>
 		<!-- 
 			svelte-ignore 

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { FocusTrapOptions } from '../../actions/focus-trap.js';
 export type DrawerStore = ReturnType<typeof createDrawerStore>;
 export declare const createDrawerStore: (open?: boolean) => import("@marianmeres/switch-store").SwitchStore<any>;
 declare const __propDef: {
@@ -12,6 +13,7 @@ declare const __propDef: {
         transitionDuration?: number | undefined;
         transitionEnabled?: boolean | undefined;
         animOffset?: string | number | undefined;
+        backdropFocusTrapOptions?: Partial<FocusTrapOptions> | undefined;
     };
     events: {
         escape: 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.95.0",
+	"version": "1.97.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",