fuma 2.0.50 → 2.1.1

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

@@ -1,59 +0,0 @@
-import type { TippyProps } from '../../utils/tippy.js';
-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 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;

package/dist/ui/input/InputDate.svelte

@@ -1,47 +0,0 @@
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte'
-	import type { FormEventHandler, HTMLInputAttributes } from 'svelte/elements'
-	import dayjs from 'dayjs'
-
-	import { FormControl, type InputProps } from './index.js'
-	import { USE_COERCE_DATE } from '../../utils/constant.js'
-
-	type $$Props = InputProps<Date | null | undefined> & { noPreserveTime?: boolean }
-	export let value: Date | null | undefined = undefined
-	export let input: HTMLInputAttributes = {}
-	export let noPreserveTime = false
-	$: ({ class: inputClass = '', ...inputProps } = input)
-
-	const dispatch = createEventDispatcher<{ input: Date | null }>()
-
-	const handleInput: FormEventHandler<HTMLInputElement> = ({ currentTarget }) => {
-		const newValue = currentTarget.valueAsDate
-		if (noPreserveTime) newValue?.setHours(0, 0, 0, 0)
-		else
-			newValue?.setHours(
-				value?.getHours() || 0,
-				value?.getMinutes() || 0,
-				value?.getSeconds() || 0,
-				0
-			)
-		value = newValue
-		dispatch('input', value)
-	}
-</script>
-
-<FormControl {...$$restProps}>
-	{#snippet children({ key })}
-		<input
-			value={value && dayjs(value).format('YYYY-MM-DD')}
-			on:input={handleInput}
-			on:focus
-			on:blur
-			type="date"
-			id={key}
-			class="input input-bordered {inputClass}"
-			{...inputProps}
-		/>
-
-		<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
-	{/snippet}
-</FormControl>

package/dist/ui/input/InputDate.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 InputDate: $$__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?: Date | null | undefined;
-    bindWithParams?: boolean;
-} & {
-    noPreserveTime?: boolean;
-}, {
-    focus: FocusEvent;
-    blur: FocusEvent;
-    input: CustomEvent<Date | null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputDate = InstanceType<typeof InputDate>;
-export default InputDate;

package/dist/ui/input/InputDateTime.svelte

@@ -1,41 +0,0 @@
-<script lang="ts">
-	import type { FormEventHandler, HTMLInputAttributes } from 'svelte/elements'
-	import { USE_COERCE_DATE } from '../../utils/constant.js'
-	import { FormControl, type InputProps } from './index.js'
-	import { createEventDispatcher } from 'svelte'
-	import dayjs from 'dayjs'
-
-	type $$Props = InputProps<Date | null | undefined>
-	export let value: Date | null | undefined = undefined
-	export let input: HTMLInputAttributes = {}
-	$: ({ class: inputClass = '', ...inputProps } = input)
-
-	const dispatch = createEventDispatcher<{ input: Date | null }>()
-
-	const handleInput: FormEventHandler<HTMLInputElement> = ({ currentTarget }) => {
-		value = getDateTime(currentTarget.value)
-		dispatch('input', value)
-	}
-
-	function getDateTime(v: string | null | undefined): Date | null {
-		if (typeof v !== 'string') return null
-		return new Date(v)
-	}
-</script>
-
-<FormControl {...$$restProps}>
-	{#snippet children({ key })}
-		<input
-			value={value && dayjs(value).format('YYYY-MM-DDTHH:mm')}
-			on:input={handleInput}
-			on:focus
-			on:blur
-			type="datetime-local"
-			id={key}
-			class="input input-bordered {inputClass}"
-			{...inputProps}
-		/>
-
-		<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
-	{/snippet}
-</FormControl>

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

@@ -1,23 +0,0 @@
-import { type InputProps } from './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;
-}
-declare const InputDateTime: $$__sveltets_2_IsomorphicComponent<InputProps<Date | null | undefined>, {
-    focus: FocusEvent;
-    blur: FocusEvent;
-    input: CustomEvent<Date | null>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputDateTime = InstanceType<typeof InputDateTime>;
-export default InputDateTime;

package/dist/ui/input/InputImage.svelte

@@ -1,116 +0,0 @@
-<script lang="ts" context="module">
-	export type Crop = { width: number; height: number; x: number; y: number }
-</script>
-
-<script lang="ts">
-	import { onMount, createEventDispatcher } from 'svelte'
-	import Cropper from 'svelte-easy-crop'
-	import { mdiTrayArrowUp } from '@mdi/js'
-
-	import type { TippyInstance } from '../../utils/tippy.js'
-	import { Icon } from '../icon/index.js'
-	import { DropDown } from '../menu/index.js'
-	import { Dialog } from '../dialog/index.js'
-
-	export let aspect = 1
-	export let title = 'Image'
-	export let formaction: string | undefined = undefined
-	export let key = ''
-	let dialog: HTMLDialogElement
-	let tip: TippyInstance
-	let image = ''
-	let crop: Crop | undefined = undefined
-	let inputFile: HTMLInputElement
-
-	const dispatch = createEventDispatcher<{ submit: { crop: Crop; image: string } }>()
-
-	function onFileSelected() {
-		if (!inputFile.files) return
-		const file = inputFile.files[0]
-		const reader = new FileReader()
-		reader.onload = ({ target }) => {
-			image = (target?.result || '') as string
-			dialog?.showModal()
-		}
-		reader.readAsDataURL(file)
-	}
-
-	export function close() {
-		tip?.hide()
-		dialog?.close()
-	}
-
-	onMount(() => {
-		if (!$$slots.actions) tip.disable()
-	})
-	function handleClickActivator() {
-		if (!$$slots.actions) inputFile.click()
-	}
-
-	function handleValidation() {
-		close()
-		if (crop && image) dispatch('submit', { crop, image })
-	}
-</script>
-
-<DropDown tippyProps={{ arrow: true }} hideOnBlur bind:tip>
-	<button
-		slot="activator"
-		type="button"
-		class="block overflow-hidden rounded-lg transition-shadow hover:shadow-lg"
-		on:click={handleClickActivator}
-	>
-		<slot>image</slot>
-	</button>
-	{#if $$slots.actions}
-		<div class="flex flex-col">
-			<button
-				type="button"
-				class="menu-item relative"
-				on:click={() => {
-					inputFile.click()
-				}}
-			>
-				<Icon path={mdiTrayArrowUp} class="opacity-70" size={20} />
-				<span>Charger une image</span>
-			</button>
-			<slot name="actions" />
-		</div>
-	{/if}
-</DropDown>
-
-<Dialog bind:dialog>
-	<h2 slot="header" class="card-title">
-		{title}
-	</h2>
-
-	<div class="relative aspect-square overflow-hidden rounded-lg">
-		<Cropper
-			{image}
-			{aspect}
-			showGrid={false}
-			zoomSpeed={0.2}
-			on:cropcomplete={(e) => (crop = e.detail.pixels)}
-		/>
-	</div>
-	<div class="mt-2 flex justify-end">
-		<input type="hidden" name="{key ? `${key}_` : ''}crop" value={JSON.stringify(crop)} />
-		<input
-			class="hidden"
-			type="file"
-			name="{key ? `${key}_` : ''}image"
-			accept="image/jpeg, image/png, image/webp, image/gif, image/avif, image/tiff"
-			bind:this={inputFile}
-			on:change={onFileSelected}
-		/>
-
-		<button
-			{formaction}
-			type={formaction ? 'submit' : 'button'}
-			class="btn btn-primary"
-			on:click={handleValidation}
-		>
-			Valider
-		</button>
-	</div>
-</Dialog>

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

@@ -1,48 +0,0 @@
-export type Crop = {
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-};
-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 InputImage: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    aspect?: number;
-    title?: string;
-    formaction?: string | undefined;
-    key?: string;
-    close?: () => void;
-}, {
-    default: {};
-    actions: {};
-}>, {
-    submit: CustomEvent<{
-        crop: Crop;
-        image: string;
-    }>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-    actions: {};
-}, {
-    close: () => void;
-}, string>;
-type InputImage = InstanceType<typeof InputImage>;
-export default InputImage;

package/dist/ui/input/InputImagePreview.svelte

@@ -1,60 +0,0 @@
-<script lang="ts">
-	import { InputImage, type Crop } from './index.js'
-	import { PlaceholderImage } from '../placeholder/index.js'
-
-	export let key = ''
-	export let src = ''
-	export let alt = ''
-	let klass = ''
-	export { klass as class }
-	export let title = 'Image'
-	export let x: number
-	export let y: number
-	export let aspect = x / y
-
-	let crop: Crop | null = null
-	let image = ''
-	let scale = 0
-	let preview: HTMLImageElement
-
-	async function handleSubmit(detail: { crop: Crop; image: string }) {
-		crop = detail.crop
-		image = detail.image
-		scale = x / crop.width
-	}
-</script>
-
-<InputImage {key} {title} {aspect} on:submit={({ detail }) => handleSubmit(detail)}>
-	{#if crop && image}
-		<div
-			class="relative overflow-hidden rounded-lg border"
-			style:width="{x}px"
-			style:height="{y}px"
-		>
-			<img
-				src={image}
-				alt="preview"
-				bind:this={preview}
-				class="absolute max-w-none"
-				style:margin="-{scale * crop.y}px 0 0 -{scale * crop.x}px"
-				style:width="{scale * preview?.naturalWidth}px"
-				style:height="{scale * preview?.naturalHeight}px"
-			/>
-		</div>
-	{:else if src}
-		<div class="group relative">
-			<span
-				class="
-				absolute inset-px grid
-				place-content-center rounded-lg bg-base-300/30
-				font-medium opacity-0 backdrop-blur-sm transition-opacity group-hover:opacity-100
-			"
-			>
-				{title}
-			</span>
-			<img class="{klass} rounded-lg border" {src} {alt} width={x} height={y} />
-		</div>
-	{:else}
-		<PlaceholderImage {x} {y}>{title}</PlaceholderImage>
-	{/if}
-</InputImage>

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

@@ -1,27 +0,0 @@
-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 InputImagePreview: $$__sveltets_2_IsomorphicComponent<{
-    key?: string;
-    src?: string;
-    alt?: string;
-    class?: string;
-    title?: string;
-    x: number;
-    y: number;
-    aspect?: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputImagePreview = InstanceType<typeof InputImagePreview>;
-export default InputImagePreview;

package/dist/ui/input/InputNumber.svelte

@@ -1,31 +0,0 @@
-<script lang="ts">
-	import { USE_COERCE_NUMBER } from '../../utils/constant.js'
-	import { FormControl, type InputProps } from './index.js'
-	import type { HTMLInputAttributes } from 'svelte/elements'
-
-	type $$Props = InputProps<number>
-
-	export let value: number | null | undefined = undefined
-	export let input: HTMLInputAttributes | undefined = undefined
-	export let inputElement: HTMLInputElement | undefined = undefined
-</script>
-
-<FormControl {...$$restProps}>
-	{#snippet children({ key })}
-		<input
-			bind:value
-			bind:this={inputElement}
-			on:input
-			on:focus
-			on:blur
-			type="number"
-			id={key}
-			inputmode="numeric"
-			class="input input-bordered"
-			{...input}
-		/>
-		{#if value !== undefined}
-			<input type="hidden" name={key} value="{USE_COERCE_NUMBER}{value}" />
-		{/if}
-	{/snippet}
-</FormControl>

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

@@ -1,23 +0,0 @@
-import { type InputProps } from './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;
-}
-declare const InputNumber: $$__sveltets_2_IsomorphicComponent<InputProps<number>, {
-    input: Event;
-    focus: FocusEvent;
-    blur: FocusEvent;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type InputNumber = InstanceType<typeof InputNumber>;
-export default InputNumber;

package/dist/ui/input/InputOptionInParam.svelte

@@ -1,36 +0,0 @@
-<script lang="ts">
-	import { Icon } from '../icon/index.js'
-	import { parseOptions, type Options } from '../../utils/options.js'
-	import { urlParam } from '../../store/param.js'
-
-	let klass = ''
-	export { klass as class }
-	export let key: string
-	export let options: Options
-	export let removeKeys: string[] = []
-
-	$: _options = parseOptions(options)
-</script>
-
-<div class="join {klass}">
-	{#each _options as opt}
-		{@const active = $urlParam.hasValue(key, opt.value)}
-		<a
-			href={$urlParam.toggle({ [key]: opt.value }, ...removeKeys)}
-			class="btn join-item btn-sm"
-			class:btn-primary={active}
-			class:w-9={opt.icon}
-		>
-			{#if opt.icon}
-				<Icon
-					path={opt.icon}
-					title={opt.label}
-					class={active ? 'fill-primary-content' : 'opacity-70'}
-					size={20}
-				/>
-			{:else}
-				{opt.label}
-			{/if}
-		</a>
-	{/each}
-</div>

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

@@ -1,24 +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;
-}
-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,85 +0,0 @@
-<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} />
-
-<div class="label">
-	<span class="label-text">Options</span>
-</div>
-
-<div class="bordered rounded-box border p-2">
-	<div use:listEditable={{ items: options, onChange }}>
-		{#each options as option, index (option)}
-			<div class="flex items-center gap-2" transition:slide={{ duration: 200 }}>
-				<div class="grow pl-4">
-					{option}
-				</div>
-				<button
-					type="button"
-					class="btn btn-square btn-ghost btn-sm"
-					on:click={() => removeOption(index)}
-				>
-					<Icon path={mdiTrashCanOutline} size={20} class="fill-error" />
-				</button>
-			</div>
-		{/each}
-	</div>
-
-	<div class="join flex pt-2">
-		<input
-			bind:this={optionInput}
-			type="text"
-			placeholder="Nouvelle option"
-			class="input join-item input-bordered grow"
-			bind:value={newOption}
-			on:keydown={handleKeyDown}
-		/>
-		<button
-			type="button"
-			class="btn btn-square join-item"
-			disabled={!newOption}
-			on:click={createOption}
-		>
-			<Icon path={mdiPlus} title="Ajouter" />
-		</button>
-	</div>
-</div>