fuma 1.0.20 → 2.0.0

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

@@ -1,20 +1,24 @@
-import { SvelteComponent } from "svelte";
 import { type Options } from '../../utils/options.js';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        key: string;
-        options: Options;
-        removeKeys?: 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: {};
-};
-export type InputOptionInParamProps = typeof __propDef.props;
-export type InputOptionInParamEvents = typeof __propDef.events;
-export type InputOptionInParamSlots = typeof __propDef.slots;
-export default class InputOptionInParam extends SvelteComponent<InputOptionInParamProps, InputOptionInParamEvents, InputOptionInParamSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputOptionInParam: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    key: string;
+    options: Options;
+    removeKeys?: string[];
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputOptionInParam = InstanceType<typeof InputOptionInParam>;
+export default InputOptionInParam;

package/dist/ui/input/InputOptions.svelte

@@ -1,37 +1,43 @@
-<script>import { slide } from "svelte/transition";
-import { mdiPlus, mdiTrashCanOutline } from "@mdi/js";
-import { toast } from "svelte-sonner";
-import { Icon } from "../icon/index.js";
-import { listEditable } from "../../action/list/index.js";
-export let key;
-export let value = "[]";
-let options = JSON.parse(value || "[]");
-let newOption = "";
-let optionInput;
-function handleKeyDown(e) {
-  if (e.key === "Enter") {
-    e.preventDefault();
-    createOption();
-  }
-}
-function createOption() {
-  if (!newOption)
-    return;
-  if (options.includes(newOption))
-    return toast.warning("Cette option \xE9xiste d\xE9j\xE0 !");
-  options = [...options, newOption];
-  newOption = "";
-  value = JSON.stringify(options);
-  optionInput.focus();
-}
-function removeOption(index) {
-  options = [...options.slice(0, index), ...options.slice(index + 1)];
-  value = JSON.stringify(options);
-}
-function onChange(newOrder) {
-  options = newOrder;
-  value = JSON.stringify(options);
-}
+<script lang="ts">
+	import { slide } from 'svelte/transition'
+	import { mdiPlus, mdiTrashCanOutline } from '@mdi/js'
+	import { toast } from 'svelte-sonner'
+
+	import { Icon } from '../icon/index.js'
+	import { listEditable } from '../../action/list/index.js'
+
+	export let key: string
+	export let value: string | undefined | null = '[]'
+
+	let options: string[] = JSON.parse(value || '[]')
+	let newOption = ''
+	let optionInput: HTMLInputElement
+
+	function handleKeyDown(e: KeyboardEvent) {
+		if (e.key === 'Enter') {
+			e.preventDefault()
+			createOption()
+		}
+	}
+
+	function createOption() {
+		if (!newOption) return
+		if (options.includes(newOption)) return toast.warning('Cette option éxiste déjà !')
+		options = [...options, newOption]
+		newOption = ''
+		value = JSON.stringify(options)
+		optionInput.focus()
+	}
+
+	function removeOption(index: number) {
+		options = [...options.slice(0, index), ...options.slice(index + 1)]
+		value = JSON.stringify(options)
+	}
+
+	function onChange(newOrder: string[]) {
+		options = newOrder
+		value = JSON.stringify(options)
+	}
 </script>
 
 <input type="hidden" name={key} {value} />

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

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        key: string;
-        value?: string | undefined | null;
+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: {};
-};
-export type InputOptionsProps = typeof __propDef.props;
-export type InputOptionsEvents = typeof __propDef.events;
-export type InputOptionsSlots = typeof __propDef.slots;
-export default class InputOptions extends SvelteComponent<InputOptionsProps, InputOptionsEvents, InputOptionsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputOptions: $$__sveltets_2_IsomorphicComponent<{
+    key: string;
+    value?: string | undefined | null;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputOptions = InstanceType<typeof InputOptions>;
+export default InputOptions;

package/dist/ui/input/InputPassword.svelte

@@ -1,21 +1,25 @@
-<script>import { FormControl } from "./index.js";
-$:
-  ({ input, value: _value, ...props } = $$props);
-export let value = _value;
-export let autocomplete = "current-password";
+<script lang="ts">
+	import { FormControl, type InputProps } from './index.js'
+
+	type $$Props = InputProps & { autocomplete?: string }
+	$: ({ input, value: _value, ...props } = $$props as $$Props)
+	export let value = _value
+	export let autocomplete = 'current-password'
 </script>
 
-<FormControl {...props} let:key>
-	<input
-		bind:value
-		on:input
-		on:focus
-		on:blur
-		type="password"
-		name={key}
-		id={key}
-		class="input input-bordered"
-		{autocomplete}
-		{...input}
-	/>
+<FormControl {...props}>
+	{#snippet children({ key })}
+		<input
+			bind:value
+			on:input
+			on:focus
+			on:blur
+			type="password"
+			name={key}
+			id={key}
+			class="input input-bordered"
+			{autocomplete}
+			{...input}
+		/>
+	{/snippet}
 </FormControl>

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

@@ -1,37 +1,45 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
-        error?: string | undefined;
-        hint?: string | undefined;
-        prefix?: string | number | undefined;
-        prefixFor?: string | number | undefined;
-        enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
-    } & {
-        input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
-        inputElement?: HTMLInputElement | undefined;
-        classWrapper?: string | undefined;
-        value?: string | null | undefined;
-        bindWithParams?: boolean | undefined;
-    } & {
-        autocomplete?: 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: Event;
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputPasswordProps = typeof __propDef.props;
-export type InputPasswordEvents = typeof __propDef.events;
-export type InputPasswordSlots = typeof __propDef.slots;
-export default class InputPassword extends SvelteComponent<InputPasswordProps, InputPasswordEvents, InputPasswordSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputPassword: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    classLabel?: string;
+    key?: string;
+    label?: import("svelte").Snippet | string;
+    labelAppend?: import("svelte").Snippet | null;
+    error?: string;
+    hint?: string;
+    prefix?: string | number;
+    prefixFor?: string | number;
+    enhanceDisabled?: boolean;
+    labelPosition?: "top" | "left" | "right";
+    children?: import("svelte").Snippet<[{
+        key: string;
+    }]> | undefined;
+} & {
+    input?: import("svelte/elements").HTMLInputAttributes;
+    inputElement?: HTMLInputElement;
+    classWrapper?: string;
+    value?: string | null | undefined;
+    bindWithParams?: boolean;
+} & {
+    autocomplete?: string;
+}, {
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputPassword = InstanceType<typeof InputPassword>;
+export default InputPassword;

package/dist/ui/input/InputRadio.svelte

@@ -1,35 +1,39 @@
-<script>import { onMount } from "svelte";
-import { slide } from "svelte/transition";
-import { parseOptions } from "../../utils/options.js";
-import { formContext } from "../../validation/form.js";
-import { FormControl, bindValueWithParams } from "./index.js";
-$:
-  ({
-    input,
-    value: _value,
-    error: _error,
-    options,
-    optionsClass = "",
-    hint,
-    class: klass,
-    ...props
-  } = $$props);
-export let value = _value;
-export let error = _error;
-$:
-  _options = parseOptions(options);
-let formControl;
-const { setError } = formContext.get();
-onMount(() => {
-  if (props.key)
-    setError[props.key] = (err) => error = err;
-  const inputs = formControl.querySelectorAll("input");
-  const handleInput = () => error = "";
-  inputs.forEach((input2) => input2.addEventListener("input", handleInput));
-  return () => {
-    inputs.forEach((input2) => input2.removeEventListener("input", handleInput));
-  };
-});
+<script lang="ts">
+	import { onMount } from 'svelte'
+	import { slide } from 'svelte/transition'
+
+	import { type Options, parseOptions } from '../../utils/options.js'
+	import { formContext } from '../../validation/form.js'
+	import { FormControl, bindValueWithParams, type InputProps } from './index.js'
+
+	type $$Props = InputProps & { options: Options; optionsClass?: string }
+	$: ({
+		input,
+		value: _value,
+		error: _error,
+		options,
+		optionsClass = '',
+		hint,
+		class: klass,
+		...props
+	} = $$props as $$Props)
+	export let value = _value
+	export let error = _error
+
+	$: _options = parseOptions(options)
+
+	let formControl: HTMLDivElement
+	const { setError } = formContext.get()
+	onMount(() => {
+		if (props.key) setError[props.key] = (err) => (error = err)
+
+		const inputs = formControl.querySelectorAll('input')
+		const handleInput = () => (error = '')
+		inputs.forEach((input) => input.addEventListener('input', handleInput))
+		return () => {
+			inputs.forEach((input) => input.removeEventListener('input', handleInput))
+		}
+	})
 </script>
 
 <div class={klass} bind:this={formControl}>
@@ -44,25 +48,26 @@ onMount(() => {
 		{#each _options as option}
 			<FormControl
 				{...props}
-				let:key
 				enhanceDisabled
 				label={option.label}
 				prefixFor={option.value}
 				class="flex-row-reverse items-center justify-end gap-2"
 			>
-				<input
-					use:bindValueWithParams={{ bindEnable: props.bindWithParams }}
-					bind:group={value}
-					on:input
-					on:focus
-					on:blur
-					value={option.value}
-					type="radio"
-					name={key}
-					id="{option.value}{key}"
-					class="radio"
-					{...input}
-				/>
+				{#snippet children({ key })}
+					<input
+						use:bindValueWithParams={{ bindEnable: props.bindWithParams }}
+						bind:group={value}
+						on:input
+						on:focus
+						on:blur
+						value={option.value}
+						type="radio"
+						name={key}
+						id="{option.value}{key}"
+						class="radio"
+						{...input}
+					/>
+				{/snippet}
 			</FormControl>
 		{/each}
 	</div>

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

@@ -1,41 +1,56 @@
-import { SvelteComponent } from "svelte";
 import { type Options } from '../../utils/options.js';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
-        error?: string | undefined;
-        hint?: string | undefined;
-        prefix?: string | number | undefined;
-        prefixFor?: string | number | undefined;
-        enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
-    } & {
-        input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
-        inputElement?: HTMLInputElement | undefined;
-        classWrapper?: string | undefined;
-        value?: string | null | undefined;
-        bindWithParams?: boolean | undefined;
-    } & {
-        options: Options;
-        optionsClass?: 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: Event;
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        label_append: {};
-    };
-};
-export type InputRadioProps = typeof __propDef.props;
-export type InputRadioEvents = typeof __propDef.events;
-export type InputRadioSlots = typeof __propDef.slots;
-export default class InputRadio extends SvelteComponent<InputRadioProps, InputRadioEvents, InputRadioSlots> {
+    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 InputRadio: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    classLabel?: string;
+    key?: string;
+    label?: import("svelte").Snippet | string;
+    labelAppend?: import("svelte").Snippet | null;
+    error?: string;
+    hint?: string;
+    prefix?: string | number;
+    prefixFor?: string | number;
+    enhanceDisabled?: boolean;
+    labelPosition?: "top" | "left" | "right";
+    children?: import("svelte").Snippet<[{
+        key: string;
+    }]> | undefined;
+} & {
+    input?: import("svelte/elements").HTMLInputAttributes;
+    inputElement?: HTMLInputElement;
+    classWrapper?: string;
+    value?: string | null | undefined;
+    bindWithParams?: boolean;
+} & {
+    options: Options;
+    optionsClass?: string;
+}, {
+    label_append: {};
+}>, {
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    label_append: {};
+}, {}, string>;
+type InputRadio = InstanceType<typeof InputRadio>;
+export default InputRadio;