fuma 1.0.20 → 2.0.0

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

@@ -1,38 +1,23 @@
-import { SvelteComponent } from "svelte";
-import type { HTMLInputAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../../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?: HTMLInputAttributes | undefined;
-        inputElement?: HTMLInputElement | undefined;
-        classWrapper?: string | undefined;
-        value?: Date | null | undefined;
-        bindWithParams?: boolean | undefined;
-    } & {
-        getDefaultDate?: (() => Date) | undefined;
+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;
     };
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-        input: CustomEvent<Date | null>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputTimeProps = typeof __propDef.props;
-export type InputTimeEvents = typeof __propDef.events;
-export type InputTimeSlots = typeof __propDef.slots;
-export default class InputTime extends SvelteComponent<InputTimeProps, InputTimeEvents, InputTimeSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputTime: $$__sveltets_2_IsomorphicComponent<InputProps<Date>, {
+    focus: FocusEvent;
+    blur: FocusEvent;
+    input: CustomEvent<Date | null>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputTime = InstanceType<typeof InputTime>;
+export default InputTime;

package/dist/ui/input/RelationAfter.svelte

@@ -1,12 +1,16 @@
-<script>import { fade } from "svelte/transition";
-import { createEventDispatcher } from "svelte";
-import { mdiLoading, mdiPlus } from "@mdi/js";
-import Icon from "../icon/Icon.svelte";
-export let isLoading;
-export let createUrl = "";
-export let createTitle = "";
-export let createIcon = mdiPlus;
-const dispatch = createEventDispatcher();
+<script lang="ts">
+	import { fade } from 'svelte/transition'
+	import { createEventDispatcher } from 'svelte'
+	import { mdiLoading, mdiPlus } from '@mdi/js'
+
+	import Icon from '../icon/Icon.svelte'
+
+	export let isLoading: boolean
+	export let createUrl = ''
+	export let createTitle = ''
+	export let createIcon = mdiPlus
+
+	const dispatch = createEventDispatcher<{ unselect: void; create: void }>()
 </script>
 
 {#if isLoading}

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

@@ -1,22 +1,26 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        isLoading: boolean;
-        createUrl?: string | undefined;
-        createTitle?: string | undefined;
-        createIcon?: 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: {
-        unselect: CustomEvent<void>;
-        create: CustomEvent<void>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RelationAfterProps = typeof __propDef.props;
-export type RelationAfterEvents = typeof __propDef.events;
-export type RelationAfterSlots = typeof __propDef.slots;
-export default class RelationAfter extends SvelteComponent<RelationAfterProps, RelationAfterEvents, RelationAfterSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const RelationAfter: $$__sveltets_2_IsomorphicComponent<{
+    isLoading: boolean;
+    createUrl?: string;
+    createTitle?: string;
+    createIcon?: string;
+}, {
+    unselect: CustomEvent<void>;
+    create: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type RelationAfter = InstanceType<typeof RelationAfter>;
+export default RelationAfter;

package/dist/ui/input/SelectorList.svelte

@@ -1,15 +1,19 @@
-<script generics="Item extends {id: string}">import { createEventDispatcher } from "svelte";
-import { selector } from "../../action/selector.js";
-let klass = "";
-export { klass as class };
-export let items;
-export let isError = false;
-export let isLoading = false;
-export let focusIndex = 0;
-export let trigger = void 0;
-export let keyDownEvent = void 0;
-export let keyDownPreventDefault = true;
-const dispatch = createEventDispatcher();
+<script lang="ts" generics="Item extends {id: string | number}">
+	import { createEventDispatcher } from 'svelte'
+	import { selector } from '../../action/selector.js'
+
+	let klass = ''
+	export { klass as class }
+
+	export let items: Item[]
+	export let isError = false
+	export let isLoading = false
+	export let focusIndex = 0
+	export let trigger: HTMLElement | undefined = undefined
+	export let keyDownEvent: KeyboardEvent | undefined = undefined
+	export let keyDownPreventDefault = true
+
+	const dispatch = createEventDispatcher<{ select: number }>()
 </script>
 
 <ul

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

@@ -1,16 +1,15 @@
-import { SvelteComponent } from "svelte";
 declare class __sveltets_Render<Item extends {
-    id: string;
+    id: string | number;
 }> {
     props(): {
-        class?: string | undefined;
+        class?: string;
         items: Item[];
-        isError?: boolean | undefined;
-        isLoading?: boolean | undefined;
-        focusIndex?: number | undefined;
+        isError?: boolean;
+        isLoading?: boolean;
+        focusIndex?: number;
         trigger?: HTMLElement | undefined;
         keyDownEvent?: KeyboardEvent | undefined;
-        keyDownPreventDefault?: boolean | undefined;
+        keyDownPreventDefault?: boolean;
     };
     events(): {
         select: CustomEvent<number>;
@@ -23,18 +22,28 @@ declare class __sveltets_Render<Item extends {
             index: any;
         };
     };
+    bindings(): string;
+    exports(): {};
 }
-export type SelectorListProps<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['props']>;
-export type SelectorListEvents<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['events']>;
-export type SelectorListSlots<Item extends {
-    id: string;
-}> = ReturnType<__sveltets_Render<Item>['slots']>;
-export default class SelectorList<Item extends {
-    id: string;
-}> extends SvelteComponent<SelectorListProps<Item>, SelectorListEvents<Item>, SelectorListSlots<Item>> {
+interface $$IsomorphicComponent {
+    new <Item extends {
+        id: string | number;
+    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Item>['props']> & {
+        children?: any;
+    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Item>['props']>, ReturnType<__sveltets_Render<Item>['events']>, ReturnType<__sveltets_Render<Item>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Item>['bindings']>;
+    } & ReturnType<__sveltets_Render<Item>['exports']>;
+    <Item extends {
+        id: string | number;
+    }>(internal: unknown, props: ReturnType<__sveltets_Render<Item>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<Item>['events']>;
+        $$slots?: ReturnType<__sveltets_Render<Item>['slots']>;
+        children?: any;
+    }): ReturnType<__sveltets_Render<Item>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const SelectorList: $$IsomorphicComponent;
+type SelectorList<Item extends {
+    id: string | number;
+}> = InstanceType<typeof SelectorList<Item>>;
+export default SelectorList;

package/dist/ui/input/textRich/InputTextRich.svelte

@@ -1,63 +1,67 @@
-<script>import { createEventDispatcher, onMount } from "svelte";
-import { Editor } from "@tiptap/core";
-import debounce from "debounce";
-import { jsonParse } from "../../../utils/jsonParse.js";
-import { FormControl } from "../index.js";
-import ToolsBar from "./ToolsBar.svelte";
-import { extensions } from "./extensions.js";
-export let value = "";
-export let classToolbar = "";
-let element;
-let editor = null;
-const dispatch = createEventDispatcher();
-onMount(() => {
-  initEditor();
-  return () => {
-    if (editor)
-      editor.destroy();
-  };
-});
-export function setImage(image) {
-  if (!editor)
-    return false;
-  return editor.commands.setImage(image);
-}
-function initEditor() {
-  const valueAsHtml = !value.startsWith("{") && value !== "null";
-  editor = new Editor({
-    element,
-    content: valueAsHtml ? value : jsonParse(value, void 0),
-    editorProps: {
-      attributes: {
-        class: "prose max-w-[210mm] mx-auto focus:outline-none"
-      }
-    },
-    extensions,
-    onTransaction() {
-      editor = editor;
-      updateValue();
-    }
-  });
-}
-const updateValue = debounce(() => {
-  if (!editor)
-    return;
-  const newValue = JSON.stringify(editor.getJSON());
-  if (newValue === value)
-    return;
-  value = newValue;
-  dispatch("change");
-}, 120);
+<script lang="ts">
+	import { createEventDispatcher, onMount, type ComponentProps } from 'svelte'
+	import { Editor } from '@tiptap/core'
+	import debounce from 'debounce'
+
+	import { jsonParse } from '../../../utils/jsonParse.js'
+	import { FormControl } from '../index.js'
+	import ToolsBar from './ToolsBar.svelte'
+	import { extensions } from './extensions.js'
+
+	type $$Props = ComponentProps<FormControl> & { value?: string; classToolbar?: string }
+
+	export let value = ''
+	export let classToolbar = ''
+
+	let element: HTMLDivElement
+	let editor: Editor | null = null
+
+	const dispatch = createEventDispatcher<{ change: void }>()
+
+	onMount(() => {
+		initEditor()
+		return () => {
+			if (editor) editor.destroy()
+		}
+	})
+
+	function initEditor() {
+		const valueAsHtml = !value.startsWith('{') && value !== 'null'
+		editor = new Editor({
+			element,
+			content: valueAsHtml ? value : jsonParse(value, undefined),
+			editorProps: {
+				attributes: {
+					class: 'prose max-w-[210mm] mx-auto focus:outline-none'
+				}
+			},
+			extensions,
+			onTransaction() {
+				editor = editor
+				updateValue()
+			}
+		})
+	}
+
+	const updateValue = debounce(() => {
+		if (!editor) return
+		const newValue = JSON.stringify(editor.getJSON())
+		if (newValue === value) return
+		value = newValue
+		dispatch('change')
+	}, 120)
 </script>
 
-<FormControl {...$$restProps} let:key>
-	<div class="bordered relative rounded-lg border">
-		{#if editor}
-			<ToolsBar {editor} class={classToolbar} on:insertMedia />
+<FormControl {...$$restProps}>
+	{#snippet children({ key })}
+		<div class="bordered relative rounded-lg border">
+			{#if editor}
+				<ToolsBar {editor} class={classToolbar} />
+			{/if}
+			<div bind:this={element} class="min-h-[20rem] p-4 pb-10"></div>
+		</div>
+		{#if key}
+			<input type="hidden" name={key} {value} />
 		{/if}
-		<div bind:this={element} class="min-h-[20rem] p-4 pb-10" />
-	</div>
-	{#if key}
-		<input type="hidden" name={key} {value} />
-	{/if}
+	{/snippet}
 </FormControl>

package/dist/ui/input/textRich/InputTextRich.svelte.d.ts

@@ -1,40 +1,38 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        setImage?: ((image: {
-            src: string;
-            alt: string;
-        }) => boolean) | 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;
-    } & {
-        value?: string | undefined;
-        classToolbar?: 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: {
-        insertMedia: CustomEvent<void>;
-        change: CustomEvent<void>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputTextRichProps = typeof __propDef.props;
-export type InputTextRichEvents = typeof __propDef.events;
-export type InputTextRichSlots = typeof __propDef.slots;
-export default class InputTextRich extends SvelteComponent<InputTextRichProps, InputTextRichEvents, InputTextRichSlots> {
-    get setImage(): (image: {
-        src: string;
-        alt: string;
-    }) => boolean;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputTextRich: $$__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;
+} & {
+    value?: string;
+    classToolbar?: string;
+}, {
+    change: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputTextRich = InstanceType<typeof InputTextRich>;
+export default InputTextRich;

package/dist/ui/input/textRich/SuggesionList.svelte

@@ -1,12 +1,16 @@
-<script>import { SelectorList } from "../index.js";
-export let props;
-export let keyDownEvent = void 0;
-function handleSelect(index) {
-  const item = props.items[index];
-  if (!item)
-    return;
-  props.command(item);
-}
+<script lang="ts">
+	import type { SuggestionProps } from '@tiptap/suggestion'
+	import { SelectorList } from '../index.js'
+	import type { SuggestionItem } from './suggestion.js'
+
+	export let props: SuggestionProps<SuggestionItem>
+	export let keyDownEvent: KeyboardEvent | undefined = undefined
+
+	function handleSelect(index: number) {
+		const item = props.items[index]
+		if (!item) return
+		props.command(item)
+	}
 </script>
 
 <SelectorList

package/dist/ui/input/textRich/SuggesionList.svelte.d.ts

@@ -1,19 +1,23 @@
-import { SvelteComponent } from "svelte";
 import type { SuggestionProps } from '@tiptap/suggestion';
 import type { SuggestionItem } from './suggestion.js';
-declare const __propDef: {
-    props: {
-        props: SuggestionProps<SuggestionItem>;
-        keyDownEvent?: KeyboardEvent | 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: {};
-};
-export type SuggesionListProps = typeof __propDef.props;
-export type SuggesionListEvents = typeof __propDef.events;
-export type SuggesionListSlots = typeof __propDef.slots;
-export default class SuggesionList extends SvelteComponent<SuggesionListProps, SuggesionListEvents, SuggesionListSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SuggesionList: $$__sveltets_2_IsomorphicComponent<{
+    props: SuggestionProps<SuggestionItem>;
+    keyDownEvent?: KeyboardEvent | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SuggesionList = InstanceType<typeof SuggesionList>;
+export default SuggesionList;

package/dist/ui/input/textRich/ToolMark.svelte

@@ -1,12 +1,15 @@
-<script>import { Icon } from "../../icon/index.js";
-import { tip } from "../../../action/tip.js";
-export let editor;
-export let key;
-export let label;
-export let icon;
-export let action;
-$:
-  isActive = editor.isActive(key);
+<script lang="ts">
+	import type { Editor } from '@tiptap/core'
+	import { Icon } from '../../icon/index.js'
+	import { tip } from '../../../action/tip.js'
+
+	export let editor: Editor
+	export let key: string
+	export let label: string
+	export let icon: string
+	export let action: () => void
+
+	$: isActive = editor.isActive(key)
 </script>
 
 <button

package/dist/ui/input/textRich/ToolMark.svelte.d.ts

@@ -1,21 +1,25 @@
-import { SvelteComponent } from "svelte";
 import type { Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: {
-        editor: Editor;
-        key: string;
-        label: string;
-        icon: string;
-        action: () => void;
+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: {};
-};
-export type ToolMarkProps = typeof __propDef.props;
-export type ToolMarkEvents = typeof __propDef.events;
-export type ToolMarkSlots = typeof __propDef.slots;
-export default class ToolMark extends SvelteComponent<ToolMarkProps, ToolMarkEvents, ToolMarkSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolMark: $$__sveltets_2_IsomorphicComponent<{
+    editor: Editor;
+    key: string;
+    label: string;
+    icon: string;
+    action: () => void;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToolMark = InstanceType<typeof ToolMark>;
+export default ToolMark;

package/dist/ui/input/textRich/ToolMarkColor.svelte

@@ -1,14 +1,18 @@
-<script>import { Icon } from "../../icon/index.js";
-import { tip } from "../../../action/tip.js";
-export let icon;
-export let label;
-export let color;
-export let setColor;
-let inputColor;
-function handleClick() {
-  inputColor.click();
-  setColor(color);
-}
+<script lang="ts">
+	import { Icon } from '../../icon/index.js'
+	import { tip } from '../../../action/tip.js'
+
+	export let icon: string
+	export let label: string
+	export let color: string
+	export let setColor: (color: string) => void
+
+	let inputColor: HTMLInputElement
+
+	function handleClick() {
+		inputColor.click()
+		setColor(color)
+	}
 </script>
 
 <div class="flex align-bottom">
@@ -25,7 +29,7 @@ function handleClick() {
 			<span
 				class="badge indicator-item badge-xs scale-75 border transition-none"
 				style:background={color}
-			/>
+			></span>
 			<Icon path={icon} size={19} class="opacity-70" />
 		</div>
 	</button>