fuma 2.0.49 → 2.1.0

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

@@ -1,34 +0,0 @@
-import { type Snippet } from 'svelte';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const FormControl: $$__sveltets_2_IsomorphicComponent<{
-    class?: string;
-    classLabel?: string;
-    key?: string;
-    label?: Snippet | string;
-    labelAppend?: Snippet | null;
-    error?: string;
-    hint?: string;
-    prefix?: string | number;
-    prefixFor?: string | number;
-    enhanceDisabled?: boolean;
-    labelPosition?: "top" | "left" | "right";
-    children?: Snippet<[{
-        key: string;
-    }]> | undefined;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type FormControl = InstanceType<typeof FormControl>;
-export default FormControl;

package/dist/ui/input/InputBoolean.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte'
-	import type { HTMLInputAttributes } from 'svelte/elements'
-	import { FormControl, type InputProps, bindCheckedWithParams } from './index.js'
-	import { USE_COERCE_BOOLEAN } from '../../utils/constant.js'
-
-	type $$Props = InputProps<boolean> & { isRow?: boolean }
-	export let value: boolean | null | undefined = false
-	export let input: HTMLInputAttributes = {}
-	export let inputElement: HTMLInputElement | undefined = undefined
-	export let bindWithParams: boolean = false
-
-	const dispatch = createEventDispatcher<{ change: boolean }>()
-</script>
-
-<FormControl {...$$restProps} class="">
-	{#snippet children({ key })}
-		<input
-			bind:this={inputElement}
-			bind:checked={value}
-			use:bindCheckedWithParams={{ bindEnable: bindWithParams }}
-			on:input={({ currentTarget: { checked } }) => dispatch('change', checked)}
-			on:focus
-			on:blur
-			type="checkbox"
-			id={key}
-			class="checkbox ml-1"
-			{...input}
-		/>
-
-		<input type="hidden" name={key} value="{USE_COERCE_BOOLEAN}{value}" />
-	{/snippet}
-</FormControl>

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

@@ -1,46 +0,0 @@
-import type { HTMLInputAttributes } from 'svelte/elements';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const InputBoolean: $$__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?: HTMLInputAttributes;
-    inputElement?: HTMLInputElement;
-    classWrapper?: string;
-    value?: boolean | null | undefined;
-    bindWithParams?: boolean;
-} & {
-    isRow?: boolean;
-}, {
-    focus: FocusEvent;
-    blur: FocusEvent;
-    change: CustomEvent<boolean>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputBoolean = InstanceType<typeof InputBoolean>;
-export default InputBoolean;

package/dist/ui/input/InputCheckboxs.svelte

@@ -1,71 +0,0 @@
-<script lang="ts">
-	import { slide } from 'svelte/transition'
-	import { FormControl, type InputProps } from './index.js'
-	import { type Options, parseOptions } from '../../utils/options.js'
-
-	type $$Props = InputProps<string[]> & { options: Options; checkboxesClass?: string }
-	$: ({
-		input,
-		value: _value,
-		options: _1,
-		class: klass,
-		checkboxesClass,
-		hint,
-		error,
-		...props
-	} = $$props as $$Props)
-	export let value: string[] | null | undefined = _value || []
-	export let options: Options
-
-	if (!value) value = []
-
-	$: _options = parseOptions(options)
-</script>
-
-<div class={klass}>
-	{#if props.label}
-		<div class="label">
-			<span class="label-text">{props.label}</span>
-			<slot name="label_append" />
-		</div>
-	{/if}
-
-	<div class={checkboxesClass}>
-		{#each _options as option, index}
-			<FormControl
-				{...props}
-				label={option.label}
-				prefixFor={index}
-				class="flex-row-reverse items-center justify-end gap-2"
-			>
-				{#snippet children({ key })}
-					<input
-						bind:group={value}
-						on:change
-						on:input
-						on:focus
-						on:blur
-						value={option.value}
-						type="checkbox"
-						name={key}
-						id="{index}{key}"
-						class="checkbox"
-						{...input}
-					/>
-				{/snippet}
-			</FormControl>
-		{/each}
-	</div>
-
-	{#if error}
-		<div class="label" transition:slide>
-			<span class="label-text-alt text-warning">{error}</span>
-		</div>
-	{:else if hint}
-		<div class="label" transition:slide>
-			<span class="label-text-alt text-info">{hint}</span>
-		</div>
-	{/if}
-</div>
-
-<input type="hidden" name={props.key} value={JSON.stringify(value)} />

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

@@ -1,57 +0,0 @@
-import { type Options } from '../../utils/options.js';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const InputCheckboxs: $$__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;
-    checkboxesClass?: string;
-}, {
-    label_append: {};
-}>, {
-    change: Event;
-    input: Event;
-    focus: FocusEvent;
-    blur: FocusEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    label_append: {};
-}, {}, string>;
-type InputCheckboxs = InstanceType<typeof InputCheckboxs>;
-export default InputCheckboxs;

package/dist/ui/input/InputCheckboxsMenu.svelte

@@ -1,106 +0,0 @@
-<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)} />
-
-<DropDown bind:this={dropdown} tippyProps={{ onHidden: writeUrl }} classWrapper="mb-[-2px]">
-	<div class="join" class:ml-2={value?.length} slot="activator">
-		<button class="btn indicator join-item btn-sm {btnClass || ''}">
-			<slot name="label">
-				<span>{label}</span>
-			</slot>
-			{#if !!value?.length}
-				<span
-					class="
-						badge indicator-item badge-sm indicator-start
-						{badgePrimary ? 'badge-primary' : 'badge-outline bg-base-100'}
-					"
-				>
-					{value?.length}
-				</span>
-			{/if}
-		</button>
-		{#if !!value?.length}
-			<button class="btn btn-square join-item btn-sm" on:click={handleReset}>
-				<Icon path={mdiClose} class="fill-base-content" />
-			</button>
-		{/if}
-	</div>
-
-	<div class={klass}>
-		{#each _options as option, index (option.value)}
-			<FormControl
-				{...props}
-				label={option.label}
-				prefixFor={index}
-				class="flex-row-reverse items-center justify-end gap-2 whitespace-nowrap"
-			>
-				{#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>
-		{/each}
-	</div>
-</DropDown>

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

@@ -1,59 +0,0 @@
-import { type Options } from '../../utils/index.js';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-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,18 +0,0 @@
-<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}>
-	<div class="label">
-		<span class="label-text">{label}</span>
-		<slot name="label_append" />
-	</div>
-	<InputCheckboxsTreeNodes {options} />
-</div>

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

@@ -1,25 +0,0 @@
-import { type OptionsNode } from './InputCheckboxsTreeNodes.svelte';
-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;
-    };
-    z_$$bindings?: Bindings;
-}
-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,68 +0,0 @@
-<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)
-		}
-	}
-
-	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)}
-	<InputBoolean
-		{key}
-		label={options[key].label}
-		bind:value={options[key].value}
-		on:change={({ detail }) => handleChange(detail, options[key])}
-	/>
-
-	{#if options[key].options}
-		<div class="flex">
-			<div class="relative -mt-[6px] ml-3 w-3">
-				{#each Object.keys(options[key].options || {}) as k, index}
-					<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>
-				<svelte:self
-					options={options[key].options}
-					on:setTrue={() => {
-						options[key].value = true
-						dispatch('setTrue')
-					}}
-				/>
-			</div>
-		</div>
-	{/if}
-{/each}

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

@@ -1,27 +0,0 @@
-export type OptionsNode = Record<string, {
-    label: string;
-    value?: boolean;
-    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;
-    };
-    z_$$bindings?: Bindings;
-}
-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,99 +0,0 @@
-<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}>
-			{#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>
-
-				{#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>
-
-	<SelectorList
-		items={filteredOptions}
-		trigger={inputElement}
-		{focusIndex}
-		let:item
-		class="w-full"
-		on:select={({ detail }) => select(detail)}
-	>
-		{#if item.icon}
-			<Icon path={item.icon} size={21} class="opacity-70" />
-		{/if}
-		<span class="whitespace-nowrap pr-4">{item.label}</span>
-	</SelectorList>
-</DropDown>