fuma 1.0.20 → 2.0.0

package/dist/ui/input/InputCheckboxsMenu.svelte

@@ -1,38 +1,54 @@
-<script>import { goto } from "$app/navigation";
-import { page } from "$app/stores";
-import { mdiClose } from "@mdi/js";
-import { urlParam } from "../../store/index.js";
-import { jsonParse, parseOptions } from "../../utils/index.js";
-import { Icon } from "../icon/index.js";
-import { DropDown } from "../menu/index.js";
-import { FormControl } from "./index.js";
-$:
-  ({
-    input,
-    value: _value,
-    options: _1,
-    class: klass,
-    label,
-    right,
-    btnClass,
-    badgePrimary,
-    ...props
-  } = $$props);
-export let key;
-export let options;
-export let value = _value || jsonParse($page.url.searchParams.get(key), []);
-let dropdown;
-$:
-  _options = parseOptions(options);
-async function writeUrl() {
-  const url = value?.length ? $urlParam.with({ [key]: JSON.stringify(value) }) : $urlParam.without(key);
-  return goto(url, { replaceState: true, noScroll: true });
-}
-function handleReset() {
-  dropdown.hide();
-  value = [];
-  goto($urlParam.without(key), { replaceState: true });
-}
+<script lang="ts">
+	import { goto } from '$app/navigation'
+	import { page } from '$app/stores'
+	import { mdiClose } from '@mdi/js'
+
+	import { urlParam } from '../../store/index.js'
+	import { jsonParse, type Options, parseOptions } from '../../utils/index.js'
+	import { Icon } from '../icon/index.js'
+	import { DropDown } from '../menu/index.js'
+	import { FormControl, type InputProps } from './index.js'
+
+	type $$Props = InputProps<string[]> & {
+		key: string
+		options: Options
+		right?: boolean
+		btnClass?: string
+		badgePrimary?: boolean
+	}
+	$: ({
+		input,
+		value: _value,
+		options: _1,
+		class: klass,
+		label,
+		right,
+		btnClass,
+		badgePrimary,
+		...props
+	} = $$props as $$Props)
+
+	export let key: string
+	export let options: Options
+	export let value: string[] | null | undefined =
+		_value || jsonParse($page.url.searchParams.get(key), [])
+
+	let dropdown: DropDown
+
+	$: _options = parseOptions(options)
+
+	async function writeUrl() {
+		const url = value?.length
+			? $urlParam.with({ [key]: JSON.stringify(value) })
+			: $urlParam.without(key)
+		return goto(url, { replaceState: true, noScroll: true })
+	}
+
+	function handleReset() {
+		dropdown.hide()
+		value = []
+		goto($urlParam.without(key), { replaceState: true })
+	}
 </script>
 
 <input type="hidden" name={key} value={JSON.stringify(value)} />
@@ -65,22 +81,23 @@ function handleReset() {
 		{#each _options as option, index (option.value)}
 			<FormControl
 				{...props}
-				let:key
 				label={option.label}
 				prefixFor={index}
 				class="flex-row-reverse items-center justify-end gap-2 whitespace-nowrap"
 			>
-				<input
-					bind:group={value}
-					on:input
-					on:focus
-					on:blur
-					value={option.value}
-					type="checkbox"
-					id="{index}{key}"
-					class="checkbox"
-					{...input}
-				/>
+				{#snippet children({ key })}
+					<input
+						bind:group={value}
+						on:input
+						on:focus
+						on:blur
+						value={option.value}
+						type="checkbox"
+						id="{index}{key}"
+						class="checkbox"
+						{...input}
+					/>
+				{/snippet}
 			</FormControl>
 		{:else}
 			<div class="px-3 py-2 rounded opacity-70">Aucun élément</div>

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

@@ -1,44 +1,59 @@
-import { SvelteComponent } from "svelte";
 import { type Options } from '../../utils/index.js';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../../utils/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;
-    } & {
-        key: string;
-        options: Options;
-        right?: boolean | undefined;
-        btnClass?: string | undefined;
-        badgePrimary?: boolean | undefined;
-    };
-    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: {};
-    };
-};
-export type InputCheckboxsMenuProps = typeof __propDef.props;
-export type InputCheckboxsMenuEvents = typeof __propDef.events;
-export type InputCheckboxsMenuSlots = typeof __propDef.slots;
-export default class InputCheckboxsMenu extends SvelteComponent<InputCheckboxsMenuProps, InputCheckboxsMenuEvents, InputCheckboxsMenuSlots> {
+    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 InputCheckboxsMenu: $$__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;
+} & {
+    key: string;
+    options: Options;
+    right?: boolean;
+    btnClass?: string;
+    badgePrimary?: boolean;
+}, {
+    label: {};
+}>, {
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    label: {};
+}, {}, string>;
+type InputCheckboxsMenu = InstanceType<typeof InputCheckboxsMenu>;
+export default InputCheckboxsMenu;

package/dist/ui/input/InputCheckboxsTree.svelte

@@ -1,9 +1,12 @@
-<script>import InputCheckboxsTreeNodes, {
-} from "./InputCheckboxsTreeNodes.svelte";
-export let label;
-export let options;
-let klass = "";
-export { klass as class };
+<script lang="ts">
+	import InputCheckboxsTreeNodes, {
+		type OptionsNode
+	} from './InputCheckboxsTreeNodes.svelte'
+
+	export let label: string
+	export let options: OptionsNode
+	let klass = ''
+	export { klass as class }
 </script>
 
 <div class={klass}>

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

@@ -1,21 +1,25 @@
-import { SvelteComponent } from "svelte";
 import { type OptionsNode } from './InputCheckboxsTreeNodes.svelte';
-declare const __propDef: {
-    props: {
-        label: string;
-        options: OptionsNode;
-        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: {
-        label_append: {};
-    };
-};
-export type InputCheckboxsTreeProps = typeof __propDef.props;
-export type InputCheckboxsTreeEvents = typeof __propDef.events;
-export type InputCheckboxsTreeSlots = typeof __propDef.slots;
-export default class InputCheckboxsTree extends SvelteComponent<InputCheckboxsTreeProps, InputCheckboxsTreeEvents, InputCheckboxsTreeSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputCheckboxsTree: $$__sveltets_2_IsomorphicComponent<{
+    label: string;
+    options: OptionsNode;
+    class?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    label_append: {};
+}, {}, string>;
+type InputCheckboxsTree = InstanceType<typeof InputCheckboxsTree>;
+export default InputCheckboxsTree;

package/dist/ui/input/InputCheckboxsTreeNodes.svelte

@@ -1,31 +1,39 @@
-<script context="module"></script>
+<script lang="ts" context="module">
+	export type OptionsNode = Record<
+		string,
+		{ label: string; value?: boolean; options?: OptionsNode }
+	>
+</script>
+
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte'
+	import { InputBoolean } from './index.js'
+	export let options: OptionsNode
+
+	type Events = { setTrue: void }
+	const dispatch = createEventDispatcher<Events>()
+
+	function handleChange(newValue: boolean, option: OptionsNode[string]) {
+		if (newValue === true) dispatch('setTrue')
+		else if (option.options) {
+			option.options = setFalse(option.options)
+		}
+	}
 
-<script>import { createEventDispatcher } from "svelte";
-import { InputBoolean } from "./index.js";
-export let options;
-const dispatch = createEventDispatcher();
-function handleChange(newValue, option) {
-  if (newValue === true)
-    dispatch("setTrue");
-  else if (option.options) {
-    option.options = setFalse(option.options);
-  }
-}
-function setFalse(_options) {
-  if (!_options)
-    return void 0;
-  return Object.entries(_options).reduce(
-    (acc, [key, opt]) => ({
-      ...acc,
-      [key]: {
-        label: opt.label,
-        value: false,
-        options: setFalse(opt.options)
-      }
-    }),
-    {}
-  );
-}
+	function setFalse(_options?: OptionsNode): OptionsNode | undefined {
+		if (!_options) return undefined
+		return Object.entries(_options).reduce<OptionsNode>(
+			(acc, [key, opt]) => ({
+				...acc,
+				[key]: {
+					label: opt.label,
+					value: false,
+					options: setFalse(opt.options)
+				}
+			}),
+			{}
+		)
+	}
 </script>
 
 {#each Object.keys(options) as key (key)}
@@ -43,7 +51,7 @@ function setFalse(_options) {
 					<div
 						style:height="{24 + index * 36}px"
 						class="t-0 bordered absolute w-3 rounded-bl-lg border-b-2 border-l-2"
-					/>
+					></div>
 				{/each}
 			</div>
 			<div>

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

@@ -1,23 +1,27 @@
-import { SvelteComponent } from "svelte";
 export type OptionsNode = Record<string, {
     label: string;
     value?: boolean;
     options?: OptionsNode;
 }>;
-declare const __propDef: {
-    props: {
-        options: OptionsNode;
+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: {
-        setTrue: CustomEvent<void>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputCheckboxsTreeNodesProps = typeof __propDef.props;
-export type InputCheckboxsTreeNodesEvents = typeof __propDef.events;
-export type InputCheckboxsTreeNodesSlots = typeof __propDef.slots;
-export default class InputCheckboxsTreeNodes extends SvelteComponent<InputCheckboxsTreeNodesProps, InputCheckboxsTreeNodesEvents, InputCheckboxsTreeNodesSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputCheckboxsTreeNodes: $$__sveltets_2_IsomorphicComponent<{
+    options: OptionsNode;
+}, {
+    setTrue: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputCheckboxsTreeNodes = InstanceType<typeof InputCheckboxsTreeNodes>;
+export default InputCheckboxsTreeNodes;

package/dist/ui/input/InputCombo.svelte

@@ -1,74 +1,85 @@
-<script>import { createEventDispatcher, tick } from "svelte";
-import { parseOptions } from "../../utils/options.js";
-import { FormControl, SelectorList } from "./index.js";
-import { DropDown } from "../menu/index.js";
-import { Icon } from "../icon/index.js";
-$:
-  ({ input, value: _value, options, tippyProps, ...props } = $$props);
-$:
-  ({ class: inputClass, ...inputProps } = input || {});
-export let value = _value;
-export let inputElement = void 0;
-let focusIndex = 0;
-let searchValue = "";
-const dispatch = createEventDispatcher();
-let filteredOptions = [];
-$:
-  _options = parseOptions(options);
-$:
-  selectedOption = _options.find((opt) => opt.value === value);
-function filterOptions(value2) {
-  const reg = new RegExp(value2, "i");
-  filteredOptions = _options.filter((opt) => opt.label.match(reg) || opt.value.match(reg)).map((opt) => ({ id: opt.value, ...opt }));
-}
-export async function clear() {
-  searchValue = "";
-  value = "";
-  filterOptions("");
-  await tick();
-  inputElement?.focus();
-}
-async function select(index = focusIndex) {
-  value = _options[index].value;
-  dispatch("input", value);
-}
+<script lang="ts">
+	import { createEventDispatcher, tick } from 'svelte'
+
+	import type { InputProps } from './types.js'
+	import type { TippyProps } from '../../utils/tippy.js'
+	import { type Options, type Option, parseOptions } from '../../utils/options.js'
+	import { FormControl, SelectorList } from './index.js'
+	import { DropDown } from '../menu/index.js'
+	import { Icon } from '../icon/index.js'
+
+	type $$Props = InputProps & { options: Options; tippyProps?: TippyProps }
+	$: ({ input, value: _value, options, tippyProps, ...props } = $$props as $$Props)
+	$: ({ class: inputClass, ...inputProps } = input || {})
+	export let value = _value
+	export let inputElement: HTMLInputElement | undefined = undefined
+
+	let focusIndex = 0
+	let searchValue = ''
+
+	const dispatch = createEventDispatcher<{ input: string }>()
+	let filteredOptions: (Option & { id: string })[] = []
+	$: _options = parseOptions(options)
+	$: selectedOption = _options.find((opt) => opt.value === value)
+
+	function filterOptions(value: string) {
+		const reg = new RegExp(value, 'i')
+		filteredOptions = _options
+			.filter((opt) => opt.label.match(reg) || opt.value.match(reg))
+			.map((opt) => ({ id: opt.value, ...opt }))
+	}
+
+	export async function clear() {
+		searchValue = ''
+		value = ''
+		filterOptions('')
+		await tick()
+		inputElement?.focus()
+	}
+
+	async function select(index = focusIndex) {
+		value = _options[index].value
+		dispatch('input', value)
+	}
 </script>
 
 <DropDown {tippyProps}>
 	<div class="contents" slot="activator">
-		<FormControl {...props} let:key>
-			<div class="flex grow gap-2" class:hidden={selectedOption}>
-				<div class="relative flex grow items-center gap-2">
-					<input
-						type="text"
-						id={key}
-						bind:this={inputElement}
-						bind:value={searchValue}
-						on:focus={() => filterOptions('')}
-						on:blur={() => (searchValue = '')}
-						on:input={(e) => filterOptions(e.currentTarget.value)}
-						autocomplete="off"
-						class="input input-bordered grow {inputClass || {}}"
-						{...inputProps}
-					/>
+		<FormControl {...props}>
+			{#snippet children({ key })}
+				<div class="flex grow gap-2" class:hidden={selectedOption}>
+					<div class="relative flex grow items-center gap-2">
+						<input
+							type="text"
+							id={key}
+							bind:this={inputElement}
+							bind:value={searchValue}
+							on:focus={() => filterOptions('')}
+							on:blur={() => (searchValue = '')}
+							on:input={(e) => filterOptions(e.currentTarget.value)}
+							autocomplete="off"
+							class="input input-bordered grow {inputClass || {}}"
+							{...inputProps}
+						/>
+					</div>
+					<slot name="append" />
 				</div>
-				<slot name="append" />
-			</div>
 
-			{#if selectedOption}
-				<button
-					type="button"
-					class="flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2"
-					on:click={clear}
-					on:focus={clear}
-				>
-					{#if selectedOption.icon}
-						<Icon path={selectedOption.icon} size={21} class="opacity-70" />
-					{/if}
-					<span>{selectedOption.label}</span>
-				</button>
-				<input type="hidden" name={key} value={selectedOption.value} />
-			{/if}
+				{#if selectedOption}
+					<button
+						type="button"
+						class="flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2"
+						on:click={clear}
+						on:focus={clear}
+					>
+						{#if selectedOption.icon}
+							<Icon path={selectedOption.icon} size={21} class="opacity-70" />
+						{/if}
+						<span>{selectedOption.label}</span>
+					</button>
+					<input type="hidden" name={key} value={selectedOption.value} />
+				{/if}
+			{/snippet}
 		</FormControl>
 	</div>
 

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

@@ -1,43 +1,59 @@
-import { SvelteComponent } from "svelte";
 import type { TippyProps } from '../../utils/tippy.js';
 import { type Options } from '../../utils/options.js';
-declare const __propDef: {
-    props: {
-        clear?: (() => Promise<void>) | undefined;
-    } & {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../..").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").HTMLInputAttributes | undefined;
-        inputElement?: HTMLInputElement | undefined;
-        classWrapper?: string | undefined;
-        value?: string | null | undefined;
-        bindWithParams?: boolean | undefined;
-    } & {
-        options: Options;
-        tippyProps?: TippyProps | 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>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        append: {};
-    };
-};
-export type InputComboProps = typeof __propDef.props;
-export type InputComboEvents = typeof __propDef.events;
-export type InputComboSlots = typeof __propDef.slots;
-export default class InputCombo extends SvelteComponent<InputComboProps, InputComboEvents, InputComboSlots> {
-    get clear(): () => Promise<void>;
+    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 InputCombo: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    clear?: () => Promise<void>;
+} & {
+    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;
+    tippyProps?: TippyProps;
+}, {
+    append: {};
+}>, {
+    input: CustomEvent<string>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    append: {};
+}, {
+    clear: () => Promise<void>;
+}, string>;
+type InputCombo = InstanceType<typeof InputCombo>;
+export default InputCombo;