fuma 1.0.16 → 1.0.18

package/dist/ui/input/InputOptions.svelte

@@ -1,43 +1,37 @@
-<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>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>
 
 <input type="hidden" name={key} {value} />

package/dist/ui/input/InputPassword.svelte

@@ -1,10 +1,8 @@
-<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>import { FormControl } from "./index.js";
+$:
+  ({ input, value: _value, ...props } = $$props);
+export let value = _value;
+export let autocomplete = "current-password";
 </script>
 
 <FormControl {...props} let:key>

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

@@ -11,9 +11,6 @@ declare const __propDef: {
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
         labelPosition?: ("top" | "left" | "right") | undefined;
-        children?: import("svelte").Snippet<[{
-            key: string;
-        }]> | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputRadio.svelte

@@ -1,39 +1,35 @@
-<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>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>
 
 <div class={klass} bind:this={formControl}>

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

@@ -12,9 +12,6 @@ declare const __propDef: {
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
         labelPosition?: ("top" | "left" | "right") | undefined;
-        children?: import("svelte").Snippet<[{
-            key: string;
-        }]> | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputRelation.svelte

@@ -1,86 +1,70 @@
-<script lang="ts" generics="RelationItem extends {id: string}">
-	import { createEventDispatcher, tick, type ComponentProps } from 'svelte'
-	import type { HTMLInputAttributes } from 'svelte/elements'
-	import debounce from 'debounce'
-	import { toast } from 'svelte-sonner'
-	import { mdiClose } from '@mdi/js'
-
-	import { USE_COERCE_JSON } from '../../utils/constant.js'
-	import { Icon } from '../icon/index.js'
-	import { Slot } from '../slot/index.js'
-	import { DropDown } from '../menu/index.js'
-	import { FormControl, SelectorList } from './index.js'
-	import type { TippyProps } from '../../utils/tippy.js'
-	import type { ComponentAndProps } from '../../utils/component.js'
-	import RelationAfter from './RelationAfter.svelte'
-
-	export let key = Math.random().toString()
-	export let label = ''
-	export let search: (q: string) => Promise<RelationItem[]>
-	export let createUrl = ''
-	export let createTitle = 'Nouveau'
-	export let createIcon: string | undefined = undefined
-	let item: RelationItem | null = null
-	export { item as value }
-	export let error = ''
-	export let placeholder = ''
-	export let tippyProps: Partial<TippyProps> = {}
-	export let dropdownProps: ComponentProps<DropDown> = {}
-	export let flatMode = false
-	export let slotItem: ((item: RelationItem) => ComponentAndProps | string) | null = null
-	export let slotSuggestion: ((item: RelationItem) => ComponentAndProps | string) | null = slotItem
-	export let input: HTMLInputAttributes | undefined = undefined
-
-	let klass = ''
-	export { klass as class }
-	export let classList = ''
-
-	let inputElement: HTMLInputElement
-
-	let proposedItems: RelationItem[] = []
-
-	let isLoading = false
-	let isError = false
-	let focusIndex = 0
-	let searchValue = ''
-
-	const dispatch = createEventDispatcher<{ input: { value: RelationItem } }>()
-
-	export async function clear() {
-		searchValue = ''
-		item = null
-		await tick()
-		inputElement.focus()
-	}
-
-	async function select(index = focusIndex) {
-		item = proposedItems[index]
-		dispatch('input', { value: item })
-	}
-
-	async function searchItems(searchValue = '') {
-		try {
-			isLoading = true
-			isError = false
-			focusIndex = 0
-			proposedItems = await search(searchValue)
-		} catch (error) {
-			toast.error('Erreur')
-			isError = true
-			console.error(error)
-		} finally {
-			isLoading = false
-		}
-	}
-
-	const searchItemsDebounce = debounce(searchItems, 150)
-
-	function handleFocus() {
-		searchItems()
-	}
-	async function handleBlur() {
-		searchValue = ''
-	}
+<script generics="RelationItem extends {id: string}">import { createEventDispatcher, tick } from "svelte";
+import debounce from "debounce";
+import { toast } from "svelte-sonner";
+import { mdiClose } from "@mdi/js";
+import { USE_COERCE_JSON } from "../../utils/constant.js";
+import { Icon } from "../icon/index.js";
+import { Slot } from "../slot/index.js";
+import { DropDown } from "../menu/index.js";
+import { FormControl, SelectorList } from "./index.js";
+import RelationAfter from "./RelationAfter.svelte";
+export let key = Math.random().toString();
+export let label = "";
+export let search;
+export let createUrl = "";
+export let createTitle = "Nouveau";
+export let createIcon = void 0;
+let item = null;
+export { item as value };
+export let error = "";
+export let placeholder = "";
+export let tippyProps = {};
+export let dropdownProps = {};
+export let flatMode = false;
+export let slotItem = null;
+export let slotSuggestion = slotItem;
+export let input = void 0;
+let klass = "";
+export { klass as class };
+export let classList = "";
+let inputElement;
+let proposedItems = [];
+let isLoading = false;
+let isError = false;
+let focusIndex = 0;
+let searchValue = "";
+const dispatch = createEventDispatcher();
+export async function clear() {
+  searchValue = "";
+  item = null;
+  await tick();
+  inputElement.focus();
+}
+async function select(index = focusIndex) {
+  item = proposedItems[index];
+  dispatch("input", { value: item });
+}
+async function searchItems(searchValue2 = "") {
+  try {
+    isLoading = true;
+    isError = false;
+    focusIndex = 0;
+    proposedItems = await search(searchValue2);
+  } catch (error2) {
+    toast.error("Erreur");
+    isError = true;
+    console.error(error2);
+  } finally {
+    isLoading = false;
+  }
+}
+const searchItemsDebounce = debounce(searchItems, 150);
+function handleFocus() {
+  searchItems();
+}
+async function handleBlur() {
+  searchValue = "";
+}
 </script>
 
 <DropDown {tippyProps} disable={flatMode} {...dropdownProps}>

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

@@ -31,7 +31,6 @@ declare class __sveltets_Render<RelationItem extends {
             hide?: (() => void) | undefined;
             show?: (() => void) | undefined;
             setTippyProps?: ((props: Partial<TippyProps>) => void) | undefined;
-            children?: import("svelte").Snippet<[]> | undefined;
         } | undefined;
         flatMode?: boolean | undefined;
         slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;

package/dist/ui/input/InputRelations.svelte

@@ -1,95 +1,82 @@
-<script lang="ts" generics="RelationItem extends {id: string}">
-	import type { HTMLInputAttributes } from 'svelte/elements'
-
-	import { createEventDispatcher, tick } from 'svelte'
-	import { slide } from 'svelte/transition'
-	import { toast } from 'svelte-sonner'
-	import { mdiClose } from '@mdi/js'
-	import debounce from 'debounce'
-
-	import { USE_COERCE_JSON } from '../../utils/constant.js'
-	import { Icon } from '../icon/index.js'
-	import { Slot } from '../slot/index.js'
-	import { FormControl, SelectorList } from './index.js'
-	import { DropDown } from '../menu/index.js'
-	import type { ComponentAndProps } from '../../utils/component.js'
-	import RelationAfter from './RelationAfter.svelte'
-
-	export let key = ''
-	export let label = ''
-	export let search: (q: string) => Promise<RelationItem[]>
-	export let createUrl = ''
-	export let createTitle = ''
-	export let createIcon: string | undefined = undefined
-	export let error = ''
-	export let placeholder = ''
-	export let flatMode = false
-	export let slotItem: ((item: RelationItem) => ComponentAndProps | string) | null = null
-	export let slotSuggestion: ((item: RelationItem) => ComponentAndProps | string) | null = slotItem
-	export let input: HTMLInputAttributes | undefined = undefined
-
-	let klass = ''
-	export { klass as class }
-	export let classList = ''
-
-	let proposedItems: RelationItem[] = []
-	let items: RelationItem[] | null = null
-	export { items as value }
-
-	let isLoading = false
-	let isError = false
-	let focusIndex = 0
-	let searchValue = ''
-
-	let dropdown: DropDown
-	const dispatch = createEventDispatcher<{ input: { value: string[]; items: RelationItem[] } }>()
-	let inputSearch: HTMLInputElement
-
-	async function select(index = focusIndex) {
-		const proposedItem = proposedItems[index]
-		if (!proposedItem) return
-		if (!items) items = [proposedItem]
-		else items = [...items, proposedItem]
-		dropdown.hide()
-		inputSearch.select()
-		proposedItems = [...proposedItems.slice(0, index), ...proposedItems.slice(index + 1)]
-		dispatch('input', { value: items.map(({ id }) => id), items })
-		await tick()
-		setTimeout(() => dropdown.show(), 200)
-	}
-
-	function remove(index: number) {
-		if (!items?.length) return
-		items = [...items.slice(0, index), ...items.slice(index + 1)]
-	}
-
-	async function searchItems(searchValue = '') {
-		try {
-			isLoading = true
-			isError = false
-			focusIndex = 0
-			const res = await search(searchValue)
-			const currentIds = items?.map(({ id }) => id) || []
-			proposedItems = res.filter(({ id }) => !currentIds.includes(id))
-		} catch (error) {
-			toast.error('Erreur')
-			isError = true
-			console.error(error)
-		} finally {
-			isLoading = false
-		}
-	}
-
-	const searchItemsDebounce = debounce(searchItems, 150)
-
-	function handleFocus() {
-		searchItems()
-		// dropdown.show()
-	}
-	async function handleBlur() {
-		// dropdown.hide()
-		searchValue = ''
-	}
+<script generics="RelationItem extends {id: string}">import { createEventDispatcher, tick } from "svelte";
+import { slide } from "svelte/transition";
+import { toast } from "svelte-sonner";
+import { mdiClose } from "@mdi/js";
+import debounce from "debounce";
+import { USE_COERCE_JSON } from "../../utils/constant.js";
+import { Icon } from "../icon/index.js";
+import { Slot } from "../slot/index.js";
+import { FormControl, SelectorList } from "./index.js";
+import { DropDown } from "../menu/index.js";
+import RelationAfter from "./RelationAfter.svelte";
+export let key = "";
+export let label = "";
+export let search;
+export let createUrl = "";
+export let createTitle = "";
+export let createIcon = void 0;
+export let error = "";
+export let placeholder = "";
+export let flatMode = false;
+export let slotItem = null;
+export let slotSuggestion = slotItem;
+export let input = void 0;
+let klass = "";
+export { klass as class };
+export let classList = "";
+let proposedItems = [];
+let items = null;
+export { items as value };
+let isLoading = false;
+let isError = false;
+let focusIndex = 0;
+let searchValue = "";
+let dropdown;
+const dispatch = createEventDispatcher();
+let inputSearch;
+async function select(index = focusIndex) {
+  const proposedItem = proposedItems[index];
+  if (!proposedItem)
+    return;
+  if (!items)
+    items = [proposedItem];
+  else
+    items = [...items, proposedItem];
+  dropdown.hide();
+  inputSearch.select();
+  proposedItems = [...proposedItems.slice(0, index), ...proposedItems.slice(index + 1)];
+  dispatch("input", { value: items.map(({ id }) => id), items });
+  await tick();
+  setTimeout(() => dropdown.show(), 200);
+}
+function remove(index) {
+  if (!items?.length)
+    return;
+  items = [...items.slice(0, index), ...items.slice(index + 1)];
+}
+async function searchItems(searchValue2 = "") {
+  try {
+    isLoading = true;
+    isError = false;
+    focusIndex = 0;
+    const res = await search(searchValue2);
+    const currentIds = items?.map(({ id }) => id) || [];
+    proposedItems = res.filter(({ id }) => !currentIds.includes(id));
+  } catch (error2) {
+    toast.error("Erreur");
+    isError = true;
+    console.error(error2);
+  } finally {
+    isLoading = false;
+  }
+}
+const searchItemsDebounce = debounce(searchItems, 150);
+function handleFocus() {
+  searchItems();
+}
+async function handleBlur() {
+  searchValue = "";
+}
 </script>
 
 <DropDown bind:this={dropdown} disable={flatMode}>

package/dist/ui/input/InputSearch.svelte

@@ -1,16 +1,13 @@
-<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>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>
 
 <InputText

package/dist/ui/input/InputSelect.svelte

@@ -1,42 +1,31 @@
-<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>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>
 
 <DropDown bind:this={dropDown}>