fuma 1.0.21 → 2.0.0

package/dist/ui/card/CardBasic.svelte.d.ts

@@ -1,20 +1,31 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        title?: string | undefined;
-        class?: string | undefined;
-        style?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type CardBasicProps = typeof __propDef.props;
-export type CardBasicEvents = typeof __propDef.events;
-export type CardBasicSlots = typeof __propDef.slots;
-export default class CardBasic extends SvelteComponent<CardBasicProps, CardBasicEvents, CardBasicSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CardBasic: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    title?: string;
+    class?: string;
+    style?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type CardBasic = InstanceType<typeof CardBasic>;
+export default CardBasic;

package/dist/ui/card/CardCollapse.svelte

@@ -1,34 +1,38 @@
-<script>import { onDestroy } from "svelte";
-import { slide } from "svelte/transition";
-import { mdiChevronRight } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-import { urlParam } from "../../store/index.js";
-import { goto } from "$app/navigation";
-export let value;
-let klass = "";
-export { klass as class };
-export let classHeader = "";
-export let classBody = "";
-export let classTitle = "";
-$:
-  isOpen = $urlParam.hasValue("section", value);
-let header;
-let timeout;
-async function handleClick(event) {
-  if (isClickOnInteractiveElement(event))
-    return;
-  await goto($urlParam.toggle({ section: value }), { noScroll: true, keepFocus: true });
-}
-function isClickOnInteractiveElement(event) {
-  if (!event)
-    return false;
-  const target = event.target;
-  const elements = [...header.querySelectorAll("a, button")];
-  return !!elements.filter((element) => element.contains(target)).length;
-}
-onDestroy(() => {
-  clearTimeout(timeout);
-});
+<script lang="ts">
+	import { onDestroy } from 'svelte'
+	import { slide } from 'svelte/transition'
+	import { mdiChevronRight } from '@mdi/js'
+
+	import { Icon } from '../icon/index.js'
+	import { urlParam } from '../../store/index.js'
+	import { goto } from '$app/navigation'
+
+	export let value: string
+	let klass = ''
+	export { klass as class }
+	export let classHeader = ''
+	export let classBody = ''
+	export let classTitle = ''
+
+	$: isOpen = $urlParam.hasValue('section', value)
+	let header: HTMLDivElement
+
+	let timeout: NodeJS.Timeout
+	async function handleClick(event: MouseEvent | null) {
+		if (isClickOnInteractiveElement(event)) return
+		await goto($urlParam.toggle({ section: value }), { noScroll: true, keepFocus: true })
+	}
+
+	function isClickOnInteractiveElement(event: MouseEvent | null) {
+		if (!event) return false
+		const target = event.target as HTMLElement
+		const elements = [...header.querySelectorAll('a, button')]
+		return !!elements.filter((element) => element.contains(target)).length
+	}
+
+	onDestroy(() => {
+		clearTimeout(timeout)
+	})
 </script>
 
 <section class="card bordered border bg-base-100 shadow-md {klass}">

package/dist/ui/card/CardCollapse.svelte.d.ts

@@ -1,25 +1,39 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value: string;
-        class?: string | undefined;
-        classHeader?: string | undefined;
-        classBody?: string | undefined;
-        classTitle?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        header: {};
-        title: {};
-        subtitle: {};
-        default: {};
-    };
-};
-export type CardCollapseProps = typeof __propDef.props;
-export type CardCollapseEvents = typeof __propDef.events;
-export type CardCollapseSlots = typeof __propDef.slots;
-export default class CardCollapse extends SvelteComponent<CardCollapseProps, CardCollapseEvents, CardCollapseSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CardCollapse: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    value: string;
+    class?: string;
+    classHeader?: string;
+    classBody?: string;
+    classTitle?: string;
+}, {
+    header: {};
+    title: {};
+    subtitle: {};
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    header: {};
+    title: {};
+    subtitle: {};
+    default: {};
+}, {}, string>;
+type CardCollapse = InstanceType<typeof CardCollapse>;
+export default CardCollapse;

package/dist/ui/card/CardFullScreen.svelte

@@ -1,9 +1,11 @@
-<script>import { mdiArrowCollapse, mdiArrowExpand } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-import { Card } from "./index.js";
-export let isFullScreen = false;
-let klass = "";
-export { klass as class };
+<script lang="ts">
+	import { mdiArrowCollapse, mdiArrowExpand } from '@mdi/js'
+	import { Icon } from '../icon/index.js'
+	import { Card } from './index.js'
+
+	export let isFullScreen = false
+	let klass = ''
+	export { klass as class }
 </script>
 
 <Card

package/dist/ui/card/CardFullScreen.svelte.d.ts

@@ -1,23 +1,38 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        isFullScreen?: boolean | undefined;
-        class?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CardFullScreen: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    isFullScreen?: boolean;
+    class?: string;
+}, {
+    title: {};
+    action: {};
+    default: {
+        isFullScreen: boolean;
     };
-    slots: {
-        title: {};
-        action: {};
-        default: {
-            isFullScreen: boolean;
-        };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    title: {};
+    action: {};
+    default: {
+        isFullScreen: boolean;
     };
-};
-export type CardFullScreenProps = typeof __propDef.props;
-export type CardFullScreenEvents = typeof __propDef.events;
-export type CardFullScreenSlots = typeof __propDef.slots;
-export default class CardFullScreen extends SvelteComponent<CardFullScreenProps, CardFullScreenEvents, CardFullScreenSlots> {
-}
-export {};
+}, {}, string>;
+type CardFullScreen = InstanceType<typeof CardFullScreen>;
+export default CardFullScreen;

package/dist/ui/card/CardLink.svelte

@@ -1,7 +1,8 @@
-<script>export let href;
-export let title = "";
-let klass = "";
-export { klass as class };
+<script lang="ts">
+	export let href: string
+	export let title = ''
+	let klass = ''
+	export { klass as class }
 </script>
 
 <div

package/dist/ui/card/CardLink.svelte.d.ts

@@ -1,20 +1,31 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        href: string;
-        title?: string | undefined;
-        class?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type CardLinkProps = typeof __propDef.props;
-export type CardLinkEvents = typeof __propDef.events;
-export type CardLinkSlots = typeof __propDef.slots;
-export default class CardLink extends SvelteComponent<CardLinkProps, CardLinkEvents, CardLinkSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CardLink: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    href: string;
+    title?: string;
+    class?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type CardLink = InstanceType<typeof CardLink>;
+export default CardLink;

package/dist/ui/dialog/Dialog.svelte

@@ -1,37 +1,44 @@
-<script>import { createEventDispatcher, onMount } from "svelte";
-import { mdiClose } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-import { contextContainer } from "../context.js";
-export let dialog;
-export let hideCloseButton = false;
-let klass = "";
-export { klass as class };
-const dispatch = createEventDispatcher();
-contextContainer.set("dialog");
-onMount(() => {
-  const inputsSelector = 'input:not([type=hidden], [tabindex="-1"])';
-  const inputs = dialog.querySelectorAll(inputsSelector);
-  const buttons = dialog.querySelectorAll("button");
-  inputs.forEach((input) => input.tabIndex = -1);
-  buttons.forEach((button) => button.tabIndex = -1);
-  function onDialogOpen() {
-    dispatch("open");
-    inputs.forEach((input) => input.tabIndex = 0);
-    buttons.forEach((button) => button.tabIndex = 0);
-    if (!inputs[0])
-      return;
-    inputs[0].focus();
-    inputs[0].select();
-  }
-  function onDialogClose() {
-    dispatch("close");
-    inputs.forEach((input) => input.tabIndex = -1);
-    buttons.forEach((button) => button.tabIndex = -1);
-  }
-  const observer = new MutationObserver(() => dialog.open ? onDialogOpen() : onDialogClose());
-  observer.observe(dialog, { attributeFilter: ["open"] });
-  return () => observer.disconnect();
-});
+<script lang="ts">
+	import { createEventDispatcher, onMount } from 'svelte'
+	import { mdiClose } from '@mdi/js'
+	import { Icon } from '../icon/index.js'
+	import { contextContainer } from '../context.js'
+
+	export let dialog: HTMLDialogElement
+	export let hideCloseButton = false
+	let klass = ''
+	export { klass as class }
+
+	const dispatch = createEventDispatcher<{ open: void; close: void }>()
+	contextContainer.set('dialog')
+
+	onMount(() => {
+		const inputsSelector = 'input:not([type=hidden], [tabindex="-1"])'
+		const inputs = dialog.querySelectorAll<HTMLInputElement>(inputsSelector)
+		const buttons = dialog.querySelectorAll<HTMLButtonElement>('button')
+
+		inputs.forEach((input) => (input.tabIndex = -1))
+		buttons.forEach((button) => (button.tabIndex = -1))
+
+		function onDialogOpen() {
+			dispatch('open')
+			inputs.forEach((input) => (input.tabIndex = 0))
+			buttons.forEach((button) => (button.tabIndex = 0))
+			if (!inputs[0]) return
+			inputs[0].focus()
+			inputs[0].select()
+		}
+
+		function onDialogClose() {
+			dispatch('close')
+			inputs.forEach((input) => (input.tabIndex = -1))
+			buttons.forEach((button) => (button.tabIndex = -1))
+		}
+
+		const observer = new MutationObserver(() => (dialog.open ? onDialogOpen() : onDialogClose()))
+		observer.observe(dialog, { attributeFilter: ['open'] })
+		return () => observer.disconnect()
+	})
 </script>
 
 <dialog bind:this={dialog} class="modal" tabindex="-1">

package/dist/ui/dialog/Dialog.svelte.d.ts

@@ -1,25 +1,38 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        dialog: HTMLDialogElement;
-        hideCloseButton?: boolean | undefined;
-        class?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        open: CustomEvent<void>;
-        close: CustomEvent<void>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        header: {};
-        default: {};
-        footer: {};
-    };
-};
-export type DialogProps = typeof __propDef.props;
-export type DialogEvents = typeof __propDef.events;
-export type DialogSlots = typeof __propDef.slots;
-export default class Dialog extends SvelteComponent<DialogProps, DialogEvents, DialogSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Dialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    dialog: HTMLDialogElement;
+    hideCloseButton?: boolean;
+    class?: string;
+}, {
+    header: {};
+    default: {};
+    footer: {};
+}>, {
+    open: CustomEvent<void>;
+    close: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    header: {};
+    default: {};
+    footer: {};
+}, {}, string>;
+type Dialog = InstanceType<typeof Dialog>;
+export default Dialog;

package/dist/ui/dialog/DialogConfirm.svelte

@@ -1,7 +1,9 @@
-<script>import { Dialog } from "./index.js";
-let dialog;
-let klass = "";
-export { klass as class };
+<script lang="ts">
+	import { Dialog } from './index.js'
+
+	let dialog: HTMLDialogElement
+	let klass = ''
+	export { klass as class }
 </script>
 
 <button type="button" on:click={() => dialog.showModal()} class="btn btn-ghost {klass}">

package/dist/ui/dialog/DialogConfirm.svelte.d.ts

@@ -1,21 +1,35 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        activator: {};
-        header: {};
-        default: {};
-        action: {};
-    };
-};
-export type DialogConfirmProps = typeof __propDef.props;
-export type DialogConfirmEvents = typeof __propDef.events;
-export type DialogConfirmSlots = typeof __propDef.slots;
-export default class DialogConfirm extends SvelteComponent<DialogConfirmProps, DialogConfirmEvents, DialogConfirmSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const DialogConfirm: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+}, {
+    activator: {};
+    header: {};
+    default: {};
+    action: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    activator: {};
+    header: {};
+    default: {};
+    action: {};
+}, {}, string>;
+type DialogConfirm = InstanceType<typeof DialogConfirm>;
+export default DialogConfirm;

package/dist/ui/drawer/Drawer.svelte

@@ -1,40 +1,49 @@
-<script>import { onDestroy, onMount } from "svelte";
-import { fade } from "svelte/transition";
-import { mdiClose } from "@mdi/js";
-import { goto } from "$app/navigation";
-import { urlParam } from "../../store/param.js";
-import { Icon } from "../icon/index.js";
-import { subscibeDrawerLayers } from "./layers.js";
-import { contextContainer } from "../context.js";
-import { drawerFly } from "./drawerFly.js";
-export let title = "";
-export let key;
-let klass = "";
-export { klass as class };
-export let maxWidth = "32rem";
-export let classHeader = "";
-export let classBody = "";
-export let duration = 180;
-export let noOverlay = false;
-export let transitionX = 0;
-export let zIndex = 50;
-export function open(value = 1, options = {}) {
-  return goto($urlParam.with({ [key]: value }), {
-    ...options,
-    replaceState: true,
-    noScroll: true
-  });
-}
-export function close(options = {}) {
-  return goto($urlParam.without(key), { ...options, replaceState: true, noScroll: true });
-}
-const { offset, index, destroy, isActive } = subscibeDrawerLayers(key);
-onDestroy(destroy);
-contextContainer.set("drawer");
-let clientWidth = 0;
-onMount(() => {
-  transitionX = $isActive ? clientWidth : 0;
-});
+<script lang="ts">
+	import { onDestroy, onMount } from 'svelte'
+	import { fade } from 'svelte/transition'
+	import { mdiClose } from '@mdi/js'
+
+	import { goto } from '$app/navigation'
+	import { urlParam } from '../../store/param.js'
+	import { Icon } from '../icon/index.js'
+	import { subscibeDrawerLayers } from './layers.js'
+	import { contextContainer } from '../context.js'
+	import { drawerFly } from './drawerFly.js'
+
+	export let title = ''
+	/** Key used in url query params */
+	export let key: string
+
+	let klass = ''
+	export { klass as class }
+	export let maxWidth = '32rem'
+	export let classHeader = ''
+	export let classBody = ''
+	export let duration = 180
+	export let noOverlay = false
+	export let transitionX = 0
+	export let zIndex = 50
+
+	type GotoOptions = Parameters<typeof goto>[1]
+	export function open(value = 1, options: GotoOptions = {}) {
+		return goto($urlParam.with({ [key]: value }), {
+			...options,
+			replaceState: true,
+			noScroll: true
+		})
+	}
+	export function close(options: GotoOptions = {}) {
+		return goto($urlParam.without(key), { ...options, replaceState: true, noScroll: true })
+	}
+
+	const { offset, index, destroy, isActive } = subscibeDrawerLayers(key)
+	onDestroy(destroy)
+	contextContainer.set('drawer')
+	let clientWidth = 0
+
+	onMount(() => {
+		transitionX = $isActive ? clientWidth : 0
+	})
 </script>
 
 {#if !noOverlay && $isActive}
@@ -45,7 +54,7 @@ onMount(() => {
 		transition:fade={{ duration }}
 		style="z-index: {zIndex + $index};"
 		class="fixed inset-0 bg-black/15 backdrop-blur-[1.5px] dark:bg-white/15"
-	/>
+	></div>
 {/if}
 
 {#if $isActive}