fuma 1.0.16 → 1.0.17

package/dist/ui/drawer/Drawer.svelte.d.ts

@@ -25,22 +25,6 @@ declare const __propDef: {
             invalidateAll?: boolean | undefined;
             state?: App.PageState | undefined;
         } | undefined) => Promise<void>) | undefined;
-        children?: import("svelte").Snippet<[{
-            open: (value?: number, options?: {
-                replaceState?: boolean | undefined;
-                noScroll?: boolean | undefined;
-                keepFocus?: boolean | undefined;
-                invalidateAll?: boolean | undefined;
-                state?: App.PageState | undefined;
-            } | undefined) => Promise<void>;
-            close: (options?: {
-                replaceState?: boolean | undefined;
-                noScroll?: boolean | undefined;
-                keepFocus?: boolean | undefined;
-                invalidateAll?: boolean | undefined;
-                state?: App.PageState | undefined;
-            } | undefined) => Promise<void>;
-        }]> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/ui/form/Form.svelte

@@ -1,110 +1,92 @@
-<script lang="ts" context="module">
-	import type { z } from 'zod'
-	import type { FormDataInput } from './form.js'
-</script>
+<script context="module"></script>
 
 <script
-	lang="ts"
+
 	generics="
 		Shape extends z.ZodRawShape,
 		ReturnData extends Record<string, unknown> = FormDataInput<Shape>,
 		Data extends FormDataInput<Shape> = FormDataInput<Shape>
 	"
->
-	import { createEventDispatcher, onMount } from 'svelte'
-	import { fade } from 'svelte/transition'
-	import { page } from '$app/stores'
-	import { contextContainer } from '../context.js'
-	import {
-		initData,
-		type FormField,
-		type FormSectionProps,
-		type BoolOrFunction,
-		type Nullable,
-		getFieldType,
-		useHandleInput
-	} from './form.js'
-	import ButtonDelete from '../button/ButtonDelete.svelte'
-
-	import { useForm, type UseFormOptions } from '../../validation/form.js'
-	import FormInput from './FormInput.svelte'
-	import FormSection from './FormSection.svelte'
-
-	let klass = ''
-	export { klass as class }
-	export let classSection = ''
-	export let classAction = ''
-	export let model: Shape | undefined = undefined
-	export let fields: FormField<Shape>[][] = []
-	export let sections: FormSectionProps<Shape>[] = [{}]
-	export let action = ''
-	export let actionCreate = '_create'
-	export let actionDelete = '_delete'
-	export let actionUpdate = '_update'
-
-	/** Ignore actionCreate, actionDelete and actionUpdate */
-	export let simpleAction = false
-
-	export let options: UseFormOptions<ReturnData> = {}
-	let dataInput: Nullable<Data> = initData<Shape, Data>(fields)
-	export { dataInput as data }
-
-	let data = dataInput
-
-	export function set<K extends keyof Shape>(key: K, value: Nullable<Data>[K]) {
-		isDirty.set(true)
-		data[key] = value
-	}
-	export function update(updater: (currentData: Nullable<Data>) => Nullable<Data>) {
-		isDirty.set(true)
-		data = updater(data)
-	}
-
-	const dispatch = createEventDispatcher<{
-		success: { action: URL; data?: ReturnData }
-		created: ReturnData
-		updated: ReturnData
-		deleted: void
-	}>()
-
-	const { enhance, setError } = useForm<ReturnData>({
-		...options,
-		async onSuccess(url, data) {
-			if (options.onSuccess) await options.onSuccess(url, data)
-			dispatch('success', { action: url, data })
-			const actionPath = url.pathname + url.search
-			if (actionPath.includes(action + actionDelete)) dispatch('deleted')
-			if (!data) return
-			if (actionPath.includes(action + actionCreate)) dispatch('created', data)
-			if (actionPath.includes(action + actionUpdate)) dispatch('updated', data)
-		}
-	})
-	const { handleInput, isDirty } = useHandleInput({ model, setError })
-
-	onMount(lookupValueFromParams)
-	$: $isDirty ? (dataInput = data) : (data = dataInput)
-
-	function lookupValueFromParams() {
-		fields.flat().forEach(({ key }) => {
-			if (data[key]) return
-			const value = $page.url.searchParams.get(key)
-			// TODO: fix data[key] type
-			// @ts-ignore
-			if (value && key in data) data[key] = value
-		})
-	}
-
-	const actionPadding = getActionPadding()
-	function getActionPadding(): string {
-		const container = contextContainer.get()
-		if (container === 'drawer') return 'bottom-0 -ml-8 -mr-4 pl-8 pr-4'
-		if (container === 'card') return 'bottom-0 -mx-2 sm:-mx-8 px-2 sm:px-8'
-		if (container === 'dialog') return '-bottom-4 -mx-4 px-4'
-		return 'bottom-0'
-	}
-
-	const getBoolean = (bool?: BoolOrFunction<Shape>) => (_data: Nullable<Data>) =>
-		typeof bool === 'boolean' || bool === undefined ? !!bool : !!bool(_data)
+>import { createEventDispatcher, onMount } from "svelte";
+import { fade } from "svelte/transition";
+import { page } from "$app/stores";
+import { contextContainer } from "../context.js";
+import {
+  initData,
+  getFieldType,
+  useHandleInput
+} from "./form.js";
+import ButtonDelete from "../button/ButtonDelete.svelte";
+import { useForm } from "../../validation/form.js";
+import FormInput from "./FormInput.svelte";
+import FormSection from "./FormSection.svelte";
+let klass = "";
+export { klass as class };
+export let classSection = "";
+export let classAction = "";
+export let model = void 0;
+export let fields = [];
+export let sections = [{}];
+export let action = "";
+export let actionCreate = "_create";
+export let actionDelete = "_delete";
+export let actionUpdate = "_update";
+export let simpleAction = false;
+export let options = {};
+let dataInput = initData(fields);
+export { dataInput as data };
+let data = dataInput;
+export function set(key, value) {
+  isDirty.set(true);
+  data[key] = value;
+}
+export function update(updater) {
+  isDirty.set(true);
+  data = updater(data);
+}
+const dispatch = createEventDispatcher();
+const { enhance, setError } = useForm({
+  ...options,
+  async onSuccess(url, data2) {
+    if (options.onSuccess)
+      await options.onSuccess(url, data2);
+    dispatch("success", { action: url, data: data2 });
+    const actionPath = url.pathname + url.search;
+    if (actionPath.includes(action + actionDelete))
+      dispatch("deleted");
+    if (!data2)
+      return;
+    if (actionPath.includes(action + actionCreate))
+      dispatch("created", data2);
+    if (actionPath.includes(action + actionUpdate))
+      dispatch("updated", data2);
+  }
+});
+const { handleInput, isDirty } = useHandleInput({ model, setError });
+onMount(lookupValueFromParams);
+$:
+  $isDirty ? dataInput = data : data = dataInput;
+function lookupValueFromParams() {
+  fields.flat().forEach(({ key }) => {
+    if (data[key])
+      return;
+    const value = $page.url.searchParams.get(key);
+    if (value && key in data)
+      data[key] = value;
+  });
+}
+const actionPadding = getActionPadding();
+function getActionPadding() {
+  const container = contextContainer.get();
+  if (container === "drawer")
+    return "bottom-0 -ml-8 -mr-4 pl-8 pr-4";
+  if (container === "card")
+    return "bottom-0 -mx-2 sm:-mx-8 px-2 sm:px-8";
+  if (container === "dialog")
+    return "-bottom-4 -mx-4 px-4";
+  return "bottom-0";
+}
+const getBoolean = (bool) => (_data) => typeof bool === "boolean" || bool === void 0 ? !!bool : !!bool(_data);
 </script>
 
 <form

package/dist/ui/form/Form.svelte.d.ts

@@ -20,7 +20,6 @@ declare class __sveltets_Render<Shape extends z.ZodRawShape, ReturnData extends
         data?: Nullable<Data> | undefined;
         set?: (<K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void) | undefined;
         update?: ((updater: (currentData: Nullable<Data>) => Nullable<Data>) => void) | undefined;
-        children?: import("svelte").Snippet<[]> | undefined;
     };
     events(): {
         success: CustomEvent<{

package/dist/ui/form/FormInput.svelte

@@ -1,15 +1,9 @@
-<script lang="ts" generics="InputType extends FormInputsType">
-	import { formInputs, type FormInputProps, type FormInputsType } from './formInput.js'
-
-	type $$Props = FormInputProps<InputType> & {
-		type: InputType
-		value: FormInputProps<InputType>['value']
-	}
-
-	let inputType: InputType
-	export { inputType as type }
-	export let value: FormInputProps<InputType>['value']
-	$: component = formInputs[inputType] as any
+<script generics="InputType extends FormInputsType">import { formInputs } from "./formInput.js";
+let inputType;
+export { inputType as type };
+export let value;
+$:
+  component = formInputs[inputType];
 </script>
 
 <svelte:component this={component} bind:value {...$$restProps} />

package/dist/ui/form/FormInput.svelte.d.ts

@@ -39,7 +39,6 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                     hide?: (() => void) | undefined;
                     show?: (() => void) | undefined;
                     setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
-                    children?: import("svelte").Snippet<[]> | undefined;
                 } | undefined;
                 flatMode?: boolean | undefined;
                 slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
@@ -49,10 +48,6 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                 classList?: string | undefined;
                 clear?: (() => Promise<void>) | undefined;
             }>): import("../index.js").InputRelation<any>;
-            element?: {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            } | undefined;
         };
         readonly relations: {
             new (options: import("svelte").ComponentConstructorOptions<{
@@ -72,10 +67,6 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                 classList?: string | undefined;
                 value?: any[] | null | undefined;
             }>): import("../index.js").InputRelations<any>;
-            element?: {
-                new (): HTMLElement;
-                prototype: HTMLElement;
-            } | undefined;
         };
     }[InputType]>> & {
         type: InputType;
@@ -117,7 +108,6 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                         hide?: (() => void) | undefined;
                         show?: (() => void) | undefined;
                         setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
-                        children?: import("svelte").Snippet<[]> | undefined;
                     } | undefined;
                     flatMode?: boolean | undefined;
                     slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
@@ -127,10 +117,6 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                     classList?: string | undefined;
                     clear?: (() => Promise<void>) | undefined;
                 }>): import("../index.js").InputRelation<any>;
-                element?: {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                } | undefined;
             };
             readonly relations: {
                 new (options: import("svelte").ComponentConstructorOptions<{
@@ -150,10 +136,6 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                     classList?: string | undefined;
                     value?: any[] | null | undefined;
                 }>): import("../index.js").InputRelations<any>;
-                element?: {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                } | undefined;
             };
         }[InputType]>>["value"];
     };

package/dist/ui/form/FormSection.svelte

@@ -1,26 +1,19 @@
-<script lang="ts">
-	import { slide } from 'svelte/transition'
-	import { mdiChevronRight } from '@mdi/js'
-	import { Icon } from '../icon/index.js'
-	type Props = { isActive?: boolean; class?: string; contentClass?: string }
-	type $$Props = Props &
-		({ isReducible: true; title: string } | { isReducible?: false; title?: string })
-
-	export let title = ''
-	export let isActive = false
-	export let isReducible = false
-
-	let klass = ''
-	export { klass as class }
-	export let contentClass = ''
-
-	function open() {
-		isActive = true
-	}
-	function toggle(event: Event) {
-		event.stopPropagation()
-		isActive = !isActive
-	}
+<script>import { slide } from "svelte/transition";
+import { mdiChevronRight } from "@mdi/js";
+import { Icon } from "../icon/index.js";
+export let title = "";
+export let isActive = false;
+export let isReducible = false;
+let klass = "";
+export { klass as class };
+export let contentClass = "";
+function open() {
+  isActive = true;
+}
+function toggle(event) {
+  event.stopPropagation();
+  isActive = !isActive;
+}
 </script>
 
 <div>

package/dist/ui/form/formInput.d.ts

@@ -60,7 +60,6 @@ export declare function relationProps<Item extends {
         hide?: (() => void) | undefined;
         show?: (() => void) | undefined;
         setTippyProps?: ((props: Partial<import("tippy.js").Props>) => void) | undefined;
-        children?: import("svelte").Snippet<[]> | undefined;
     } | undefined;
     flatMode?: boolean | undefined;
     slotItem?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;

package/dist/ui/icon/Icon.svelte

@@ -1,38 +1,35 @@
-<script lang="ts">
-	import { tippy, type TippyProps, type TippyInstance } from '../../utils/tippy.js'
-	import { onMount } from 'svelte'
-
-	export let path: string
-	export let title = ''
-	export let size = 22
-	let klass = ''
-	export { klass as class }
-	export let style = ''
-	export let classSVG = ''
-	export let tippyProps: Partial<TippyProps> = {}
-	export let disableTitlePropagation = false
-	const viewWidth = 24
-	const viewHeight = 24
-
-	let icon: HTMLElement
-
-	let tip: TippyInstance | null = null
-	$: tip?.setContent(title)
-
-	onMount(() => {
-		if (!title) return
-		const parent = icon.parentElement
-		const isButton = parent?.tagName === 'BUTTON' || parent?.tagName === 'A'
-		const target = parent && isButton && !disableTitlePropagation ? parent : icon
-		tip = tippy(target || icon, {
-			content: title,
-			trigger: 'mouseenter',
-			...tippyProps
-		})
-		return () => {
-			tip?.destroy()
-		}
-	})
+<script>import { tippy } from "../../utils/tippy.js";
+import { onMount } from "svelte";
+export let path;
+export let title = "";
+export let size = 22;
+let klass = "";
+export { klass as class };
+export let style = "";
+export let classSVG = "";
+export let tippyProps = {};
+export let disableTitlePropagation = false;
+const viewWidth = 24;
+const viewHeight = 24;
+let icon;
+let tip = null;
+$:
+  tip?.setContent(title);
+onMount(() => {
+  if (!title)
+    return;
+  const parent = icon.parentElement;
+  const isButton = parent?.tagName === "BUTTON" || parent?.tagName === "A";
+  const target = parent && isButton && !disableTitlePropagation ? parent : icon;
+  tip = tippy(target || icon, {
+    content: title,
+    trigger: "mouseenter",
+    ...tippyProps
+  });
+  return () => {
+    tip?.destroy();
+  };
+});
 </script>
 
 <i bind:this={icon} class="grid place-content-center fill-base-content {klass}" {style}>

package/dist/ui/input/FormControl.svelte

@@ -1,41 +1,35 @@
-<script lang="ts">
-	import { slide } from 'svelte/transition'
-	import { onMount, type ComponentType } from 'svelte'
-	import { formContext } from '../../validation/form.js'
-	import type { ComponentAndProps } from '../../utils/index.js'
-	import { Slot } from '../index.js'
-
-	let klass = ''
-	export { klass as class }
-	export let classLabel = ''
-	export let key = ''
-	export let label: ComponentAndProps | ComponentType | string = ''
-	export let error = ''
-	export let hint = ''
-	export let prefix: string | number = ''
-	export let prefixFor: string | number = ''
-	export let enhanceDisabled = false
-	export let labelPosition: LabelPosition = 'top'
-
-	type LabelPosition = 'top' | 'left' | 'right'
-
-	$: _key = prefix && key ? `${prefix}_${key}` : key || ''
-
-	if (!enhanceDisabled) {
-		const { setError } = formContext.get()
-		setError[key] = (err) => (error = err)
-	}
-
-	let formControl: HTMLDivElement
-	onMount(() => {
-		const input = formControl.querySelector('input, textarea')
-		if (!input) return
-		const handleInput = () => (error = '')
-		input.addEventListener('input', handleInput)
-		return () => {
-			input.removeEventListener('input', handleInput)
-		}
-	})
+<script>import { slide } from "svelte/transition";
+import { onMount } from "svelte";
+import { formContext } from "../../validation/form.js";
+import { Slot } from "../index.js";
+let klass = "";
+export { klass as class };
+export let classLabel = "";
+export let key = "";
+export let label = "";
+export let error = "";
+export let hint = "";
+export let prefix = "";
+export let prefixFor = "";
+export let enhanceDisabled = false;
+export let labelPosition = "top";
+$:
+  _key = prefix && key ? `${prefix}_${key}` : key || "";
+if (!enhanceDisabled) {
+  const { setError } = formContext.get();
+  setError[key] = (err) => error = err;
+}
+let formControl;
+onMount(() => {
+  const input = formControl.querySelector("input, textarea");
+  if (!input)
+    return;
+  const handleInput = () => error = "";
+  input.addEventListener("input", handleInput);
+  return () => {
+    input.removeEventListener("input", handleInput);
+  };
+});
 </script>
 
 <div class="form-control {klass}" bind:this={formControl}>

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

@@ -13,9 +13,6 @@ declare const __propDef: {
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
         labelPosition?: ("top" | "left" | "right") | undefined;
-        children?: import("svelte").Snippet<[{
-            key: string;
-        }]> | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/ui/input/InputBoolean.svelte

@@ -1,16 +1,11 @@
-<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>import { createEventDispatcher } from "svelte";
+import { FormControl, bindCheckedWithParams } from "./index.js";
+import { USE_COERCE_BOOLEAN } from "../../utils/constant.js";
+export let value = false;
+export let input = {};
+export let inputElement = void 0;
+export let bindWithParams = false;
+const dispatch = createEventDispatcher();
 </script>
 
 <FormControl {...$$restProps} let:key class="">

package/dist/ui/input/InputBoolean.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?: HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/InputCheckboxs.svelte

@@ -1,25 +1,23 @@
-<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>import { slide } from "svelte/transition";
+import { FormControl } from "./index.js";
+import { parseOptions } from "../../utils/options.js";
+$:
+  ({
+    input,
+    value: _value,
+    options: _1,
+    class: klass,
+    checkboxesClass,
+    hint,
+    error,
+    ...props
+  } = $$props);
+export let value = _value || [];
+export let options;
+if (!value)
+  value = [];
+$:
+  _options = parseOptions(options);
 </script>
 
 <div class={klass}>

package/dist/ui/input/InputCheckboxs.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;