fuma 1.0.21 → 2.0.0

package/dist/ui/input/InputRelations.svelte.d.ts

@@ -1,55 +1,53 @@
-import { SvelteComponent } from "svelte";
 import type { HTMLInputAttributes } from 'svelte/elements';
-import type { ComponentAndProps } from '../../utils/component.js';
+import { type Snippet } from 'svelte';
 declare class __sveltets_Render<RelationItem extends {
-    id: string;
+    id: string | number;
 }> {
     props(): {
-        key?: string | undefined;
-        label?: string | undefined;
+        key?: string;
+        label?: string;
         search: (q: string) => Promise<RelationItem[]>;
-        createUrl?: string | undefined;
-        createTitle?: string | undefined;
+        createUrl?: string;
+        createTitle?: string;
         createIcon?: string | undefined;
-        error?: string | undefined;
-        placeholder?: string | undefined;
-        flatMode?: boolean | undefined;
-        slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
-        slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
+        error?: string;
+        placeholder?: string;
+        flatMode?: boolean;
+        slotItem: Snippet<[RelationItem]>;
+        slotSuggestion?: Snippet<[RelationItem]> | undefined;
         input?: HTMLInputAttributes | undefined;
-        class?: string | undefined;
-        classList?: string | undefined;
+        append?: Snippet | undefined;
+        class?: string;
+        classList?: string;
         value?: RelationItem[] | null | undefined;
     };
     events(): {
         input: CustomEvent<{
-            value: string[];
+            value: (string | number)[];
             items: RelationItem[];
         }>;
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots(): {
-        item: {
-            item: RelationItem;
-        };
-        append: {};
-        suggestion: {
-            item: RelationItem;
-        };
-    };
+    slots(): {};
+    bindings(): string;
+    exports(): {};
 }
-export type InputRelationsProps<RelationItem extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<RelationItem>['props']>;
-export type InputRelationsEvents<RelationItem extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<RelationItem>['events']>;
-export type InputRelationsSlots<RelationItem extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<RelationItem>['slots']>;
-export default class InputRelations<RelationItem extends {
-    id: string;
-}> extends SvelteComponent<InputRelationsProps<RelationItem>, InputRelationsEvents<RelationItem>, InputRelationsSlots<RelationItem>> {
+interface $$IsomorphicComponent {
+    new <RelationItem extends {
+        id: string | number;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<RelationItem>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<RelationItem>['props']>, ReturnType<__sveltets_Render<RelationItem>['events']>, ReturnType<__sveltets_Render<RelationItem>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<RelationItem>['bindings']>;
+    } & ReturnType<__sveltets_Render<RelationItem>['exports']>;
+    <RelationItem extends {
+        id: string | number;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<RelationItem>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<RelationItem>['events']>;
+    }): ReturnType<__sveltets_Render<RelationItem>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const InputRelations: $$IsomorphicComponent;
+type InputRelations<RelationItem extends {
+    id: string | number;
+}> = InstanceType<typeof InputRelations<RelationItem>>;
+export default InputRelations;

package/dist/ui/input/InputSearch.svelte

@@ -1,13 +1,16 @@
-<script>import { mdiClose } from "@mdi/js";
-import { browser } from "$app/environment";
-import { page } from "$app/stores";
-import { Icon } from "../icon/index.js";
-import { InputText } from "./index.js";
-let klass = "";
-export { klass as class };
-export let key = "search";
-export let value = $page.url.searchParams.get(key) || "";
-let inputElement;
+<script lang="ts">
+	import { mdiClose } from '@mdi/js'
+	import { browser } from '$app/environment'
+	import { page } from '$app/stores'
+	import { Icon } from '../icon/index.js'
+	import { InputText } from './index.js'
+
+	let klass = ''
+	export { klass as class }
+	export let key = 'search'
+	export let value = $page.url.searchParams.get(key) || ''
+
+	let inputElement: HTMLInputElement
 </script>
 
 <InputText
@@ -23,7 +26,7 @@ let inputElement;
 	input={{
 		class: 'input-sm pr-8',
 		placeholder: 'Recherche',
-		autocomplete: 'fuck-off',
+		autocomplete: 'off',
 		inputmode: 'search'
 	}}
 	classWrapper="relative {klass}"

package/dist/ui/input/InputSearch.svelte.d.ts

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        key?: string | undefined;
-        value?: 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: {
-        blur: FocusEvent;
-        input: Event;
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputSearchProps = typeof __propDef.props;
-export type InputSearchEvents = typeof __propDef.events;
-export type InputSearchSlots = typeof __propDef.slots;
-export default class InputSearch extends SvelteComponent<InputSearchProps, InputSearchEvents, InputSearchSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputSearch: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    key?: string;
+    value?: string;
+}, {
+    blur: FocusEvent;
+    input: Event;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputSearch = InstanceType<typeof InputSearch>;
+export default InputSearch;

package/dist/ui/input/InputSelect.svelte

@@ -1,55 +1,68 @@
-<script>import { createEventDispatcher, onMount } from "svelte";
-import { mdiUnfoldMoreHorizontal } from "@mdi/js";
-import { Icon } from "../icon/index.js";
-import { DropDown } from "../menu/index.js";
-import { SelectorList, FormControl } from "./index.js";
-import { parseOptions } from "../../utils/options.js";
-$:
-  ({ value: _value, options, tippyProps, placeholder, ...props } = $$props);
-export let value = _value;
-$:
-  _options = parseOptions(options);
-$:
-  selectedOption = _options.find((opt) => opt.value === value);
-let dropDown;
-let button;
-const dispatch = createEventDispatcher();
-let focusIndex = 0;
-onMount(() => {
-  const index = _options.findIndex((opt) => opt.value === value);
-  focusIndex = index === -1 ? 0 : index;
-});
-function onSelect(index) {
-  focusIndex = index;
-  value = _options[index].value;
-  dispatch("input", value);
-  dispatch("select", value);
-  dropDown.hide();
-}
+<script lang="ts">
+	import { createEventDispatcher, onMount } from 'svelte'
+	import { mdiUnfoldMoreHorizontal } from '@mdi/js'
+
+	import { Icon } from '../icon/index.js'
+	import { DropDown } from '../menu/index.js'
+	import { SelectorList, FormControl, type InputProps } from './index.js'
+
+	import { type Options, parseOptions } from '../../utils/options.js'
+	import type { TippyProps } from '../../utils/tippy.js'
+
+	type $$Props = Omit<InputProps, 'input' | 'inputElement'> & {
+		options: Options
+		tippyProps?: TippyProps
+		placeholder?: string
+	}
+	$: ({ value: _value, options, tippyProps, placeholder, ...props } = $$props as $$Props)
+	export let value = _value
+
+	$: _options = parseOptions(options)
+	$: selectedOption = _options.find((opt) => opt.value === value)
+
+	let dropDown: DropDown
+	let button: HTMLButtonElement
+	const dispatch = createEventDispatcher<{ input: string; select: string }>()
+
+	let focusIndex = 0
+	onMount(() => {
+		const index = _options.findIndex((opt) => opt.value === value)
+		focusIndex = index === -1 ? 0 : index
+	})
+
+	function onSelect(index: number) {
+		focusIndex = index
+		value = _options[index].value
+		dispatch('input', value)
+		dispatch('select', value)
+		dropDown.hide()
+	}
 </script>
 
 <DropDown bind:this={dropDown}>
 	<svelte:fragment slot="activator">
-		<FormControl {...props} let:key>
-			<button
-				bind:this={button}
-				id={key}
-				type="button"
-				class="input-bordered flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2 hover:bg-base-200/50"
-			>
-				{#if selectedOption}
-					{#if selectedOption.icon}
-						<Icon path={selectedOption.icon} size={21} class="opacity-70" />
+		<FormControl {...props}>
+			{#snippet children({ key })}
+				<button
+					bind:this={button}
+					id={key}
+					type="button"
+					class="input-bordered flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2 hover:bg-base-200/50"
+				>
+					{#if selectedOption}
+						{#if selectedOption.icon}
+							<Icon path={selectedOption.icon} size={21} class="opacity-70" />
+						{/if}
+						<span>{selectedOption.label}</span>
+					{:else if placeholder}
+						<span class="opacity-60">{placeholder}</span>
 					{/if}
-					<span>{selectedOption.label}</span>
-				{:else if placeholder}
-					<span class="opacity-60">{placeholder}</span>
+					<Icon class="ml-auto" path={mdiUnfoldMoreHorizontal} size={18} />
+				</button>
+				{#if value !== undefined}
+					<input type="hidden" name={key} {value} />
 				{/if}
-				<Icon class="ml-auto" path={mdiUnfoldMoreHorizontal} size={18} />
-			</button>
-			{#if value !== undefined}
-				<input type="hidden" name={key} {value} />
-			{/if}
+			{/snippet}
 		</FormControl>
 	</svelte:fragment>
 

package/dist/ui/input/InputSelect.svelte.d.ts

@@ -1,24 +1,28 @@
-import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
 import { type Options } from '../../utils/options.js';
 import type { TippyProps } from '../../utils/tippy.js';
-declare const __propDef: {
-    props: Omit<InputProps, "input" | "inputElement"> & {
-        options: Options;
-        tippyProps?: TippyProps | undefined;
-        placeholder?: 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: {
-        input: CustomEvent<string>;
-        select: CustomEvent<string>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputSelectProps = typeof __propDef.props;
-export type InputSelectEvents = typeof __propDef.events;
-export type InputSelectSlots = typeof __propDef.slots;
-export default class InputSelect extends SvelteComponent<InputSelectProps, InputSelectEvents, InputSelectSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputSelect: $$__sveltets_2_IsomorphicComponent<Omit<InputProps, "input" | "inputElement"> & {
+    options: Options;
+    tippyProps?: TippyProps;
+    placeholder?: string;
+}, {
+    input: CustomEvent<string>;
+    select: CustomEvent<string>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputSelect = InstanceType<typeof InputSelect>;
+export default InputSelect;

package/dist/ui/input/InputText.svelte

@@ -1,32 +1,33 @@
-<script>import { FormControl, bindValueWithParams } from "./index.js";
-$:
-  ({ input, value: _value, classWrapper, bindWithParams, ...props } = $$props);
-$:
-  ({ class: inputClass, ...inputProps } = input || {});
-export let value = _value;
-export let inputElement = void 0;
+<script lang="ts">
+	import { FormControl, bindValueWithParams, type InputProps } from './index.js'
+
+	type $$Props = InputProps
+	$: ({ input, value: _value, classWrapper, bindWithParams, ...props } = $$props as $$Props)
+	$: ({ class: inputClass, ...inputProps } = input || {})
+	export let value = _value
+	export let inputElement: HTMLInputElement | undefined = undefined
 </script>
 
 <FormControl {...props} enhanceDisabled={props.enhanceDisabled || bindWithParams} let:key>
-	<slot name="label_append" slot="label_append" />
-
-	<div class={classWrapper}>
-		<slot name="prepend" {value} />
-		<input
-			bind:value
-			on:input
-			on:focus
-			on:blur
-			on:keydown
-			on:keyup
-			bind:this={inputElement}
-			use:bindValueWithParams={{ bindEnable: bindWithParams, initValue: (v) => (value = v) }}
-			type="text"
-			name={key}
-			id={key}
-			class="input input-bordered w-full {inputClass || ''}"
-			{...inputProps}
-		/>
-		<slot name="append" {value} />
-	</div>
+	{#snippet children({ key })}
+		<div class={classWrapper}>
+			<slot name="prepend" {value} />
+			<input
+				bind:value
+				on:input
+				on:focus
+				on:blur
+				on:keydown
+				on:keyup
+				bind:this={inputElement}
+				use:bindValueWithParams={{ bindEnable: bindWithParams, initValue: (v) => (value = v) }}
+				type="text"
+				name={key}
+				id={key}
+				class="input input-bordered w-full {inputClass || ''}"
+				{...inputProps}
+			/>
+			<slot name="append" {value} />
+		</div>
+	{/snippet}
 </FormControl>

package/dist/ui/input/InputText.svelte.d.ts

@@ -1,31 +1,44 @@
-import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
-declare const __propDef: {
-    props: InputProps;
-    events: {
-        input: Event;
-        focus: FocusEvent;
-        blur: FocusEvent;
-        keydown: KeyboardEvent;
-        keyup: KeyboardEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
+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;
     };
-    slots: {
-        label_append: {
-            slot: string;
-        };
-        prepend: {
-            value: string | null | undefined;
-        };
-        append: {
-            value: string | null | undefined;
-        };
-    };
-};
-export type InputTextProps = typeof __propDef.props;
-export type InputTextEvents = typeof __propDef.events;
-export type InputTextSlots = typeof __propDef.slots;
-export default class InputText extends SvelteComponent<InputTextProps, InputTextEvents, InputTextSlots> {
+    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 InputText: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<InputProps, {
+    prepend: {
+        value: string | null | undefined;
+    };
+    append: {
+        value: string | null | undefined;
+    };
+}>, {
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+    keydown: KeyboardEvent;
+    keyup: KeyboardEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    prepend: {
+        value: string | null | undefined;
+    };
+    append: {
+        value: string | null | undefined;
+    };
+}, {}, string>;
+type InputText = InstanceType<typeof InputText>;
+export default InputText;

package/dist/ui/input/InputTextarea.svelte

@@ -1,22 +1,23 @@
-<script>import { FormControl } from "./index.js";
-$:
-  ({ textarea, value: _value, ...props } = $$props);
-$:
-  ({ class: inputClass, ...inputProps } = textarea || {});
-export let value = _value;
+<script lang="ts">
+	import { FormControl, type TextareaProps } from './index.js'
+	type $$Props = TextareaProps
+	$: ({ textarea, value: _value, ...props } = $$props as $$Props)
+	$: ({ class: inputClass, ...inputProps } = textarea || {})
+	export let value = _value
 </script>
 
-<FormControl {...props} let:key>
-	<slot name="label_append" slot="label_append" />
-	<textarea
-		bind:value
-		on:input
-		on:focus
-		on:blur
-		name={key}
-		id={key}
-		class="textarea textarea-bordered {inputClass || ''}"
-		rows="4"
-		{...inputProps}
-	/>
+<FormControl {...props}>
+	{#snippet children({ key })}
+		<textarea
+			bind:value
+			on:input
+			on:focus
+			on:blur
+			name={key}
+			id={key}
+			class="textarea textarea-bordered {inputClass || ''}"
+			rows="4"
+			{...inputProps}
+		></textarea>
+	{/snippet}
 </FormControl>

package/dist/ui/input/InputTextarea.svelte.d.ts

@@ -1,23 +1,23 @@
-import { SvelteComponent } from "svelte";
 import { type TextareaProps } from './index.js';
-declare const __propDef: {
-    props: TextareaProps;
-    events: {
-        input: Event;
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
+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;
     };
-    slots: {
-        label_append: {
-            slot: string;
-        };
-    };
-};
-export type InputTextareaProps = typeof __propDef.props;
-export type InputTextareaEvents = typeof __propDef.events;
-export type InputTextareaSlots = typeof __propDef.slots;
-export default class InputTextarea extends SvelteComponent<InputTextareaProps, InputTextareaEvents, InputTextareaSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputTextarea: $$__sveltets_2_IsomorphicComponent<TextareaProps, {
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputTextarea = InstanceType<typeof InputTextarea>;
+export default InputTextarea;

package/dist/ui/input/InputTime.svelte

@@ -1,39 +1,46 @@
-<script>import { createEventDispatcher } from "svelte";
-import { FormControl } from "./index.js";
-import dayjs from "dayjs";
-export let value = void 0;
-export let input = {};
-export let getDefaultDate = () => /* @__PURE__ */ new Date(0);
-$:
-  ({ class: inputClass = "", ...inputProps } = input);
-const dispatch = createEventDispatcher();
-const onInput = ({ currentTarget }) => {
-  value = getDateTime(currentTarget.value);
-  dispatch("input", value);
-};
-function getDateTime(v) {
-  if (!v)
-    return value;
-  const date = value ? new Date(value) : getDefaultDate();
-  const dateString = [
-    date.getFullYear().toString(),
-    (date.getMonth() + 1).toString().padStart(2, "0"),
-    date.getDate().toString().padStart(2, "0")
-  ].join("-");
-  return /* @__PURE__ */ new Date(`${dateString}T${v}`);
-}
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte'
+	import type { HTMLInputAttributes, FormEventHandler } from 'svelte/elements'
+	import { FormControl, type InputProps } from './index.js'
+	import dayjs from 'dayjs'
+	type $$Props = InputProps<Date>
+
+	export let value: Date | null | undefined = undefined
+	export let input: HTMLInputAttributes = {}
+
+	$: ({ class: inputClass = '', ...inputProps } = input)
+
+	const dispatch = createEventDispatcher<{ input: Date | null }>()
+
+	const onInput: FormEventHandler<HTMLInputElement> = ({ currentTarget }) => {
+		value = getDateTime(currentTarget.value)
+		dispatch('input', value)
+	}
+
+	function getDateTime(v: string | null | undefined): Date | null | undefined {
+		if (!v) return value
+		const date = new Date(value || 0)
+		const dateString = [
+			date.getFullYear().toString(),
+			(date.getMonth() + 1).toString().padStart(2, '0'),
+			date.getDate().toString().padStart(2, '0')
+		].join('-')
+		return new Date(`${dateString}T${v}`)
+	}
 </script>
 
-<FormControl {...$$restProps} let:key>
-	<input
-		value={value && dayjs(value).format('HH:mm')}
-		on:input={onInput}
-		on:focus
-		on:blur
-		type="time"
-		name={key}
-		id={key}
-		class="input input-bordered {inputClass}"
-		{...inputProps}
-	/>
+<FormControl {...$$restProps}>
+	{#snippet children({ key })}
+		<input
+			value={value && dayjs(value).format('HH:mm')}
+			on:input={onInput}
+			on:focus
+			on:blur
+			type="time"
+			name={key}
+			id={key}
+			class="input input-bordered {inputClass}"
+			{...inputProps}
+		/>
+	{/snippet}
 </FormControl>