fuma 1.0.16 → 1.0.17

package/dist/ui/input/InputText.svelte

@@ -1,11 +1,10 @@
-<script lang="ts">
-	import { FormControl, bindValueWithParams, type InputProps } from './index.js'
-
-	type $$Props = InputProps
-	$: ({ input, value: _value, classWrapper, bindWithParams, ...props } = $$props as $$Props)
-	$: ({ class: inputClass, ...inputProps } = input || {})
-	export let value = _value
-	export let inputElement: HTMLInputElement | undefined = undefined
+<script>import { FormControl, bindValueWithParams } from "./index.js";
+$:
+  ({ input, value: _value, classWrapper, bindWithParams, ...props } = $$props);
+$:
+  ({ class: inputClass, ...inputProps } = input || {});
+export let value = _value;
+export let inputElement = void 0;
 </script>
 
 <FormControl {...props} enhanceDisabled={props.enhanceDisabled || bindWithParams} let:key>

package/dist/ui/input/InputTextarea.svelte

@@ -1,9 +1,9 @@
-<script lang="ts">
-	import { FormControl, type TextareaProps } from './index.js'
-	type $$Props = TextareaProps
-	$: ({ textarea, value: _value, ...props } = $$props as $$Props)
-	$: ({ class: inputClass, ...inputProps } = textarea || {})
-	export let value = _value
+<script>import { FormControl } from "./index.js";
+$:
+  ({ textarea, value: _value, ...props } = $$props);
+$:
+  ({ class: inputClass, ...inputProps } = textarea || {});
+export let value = _value;
 </script>
 
 <FormControl {...props} let:key>

package/dist/ui/input/InputTime.svelte

@@ -1,32 +1,26 @@
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte'
-	import type { HTMLInputAttributes, FormEventHandler } from 'svelte/elements'
-	import { FormControl, type InputProps } from './index.js'
-	import dayjs from 'dayjs'
-	type $$Props = InputProps<Date>
-
-	export let value: Date | null | undefined = undefined
-	export let input: HTMLInputAttributes = {}
-
-	$: ({ class: inputClass = '', ...inputProps } = input)
-
-	const dispatch = createEventDispatcher<{ input: Date | null }>()
-
-	const onInput: FormEventHandler<HTMLInputElement> = ({ currentTarget }) => {
-		value = getDateTime(currentTarget.value)
-		dispatch('input', value)
-	}
-
-	function getDateTime(v: string | null | undefined): Date | null | undefined {
-		if (!v) return value
-		const date = new Date(value || 0)
-		const dateString = [
-			date.getFullYear().toString(),
-			(date.getMonth() + 1).toString().padStart(2, '0'),
-			date.getDate().toString().padStart(2, '0')
-		].join('-')
-		return new Date(`${dateString}T${v}`)
-	}
+<script>import { createEventDispatcher } from "svelte";
+import { FormControl } from "./index.js";
+import dayjs from "dayjs";
+export let value = void 0;
+export let input = {};
+$:
+  ({ class: inputClass = "", ...inputProps } = input);
+const dispatch = createEventDispatcher();
+const onInput = ({ currentTarget }) => {
+  value = getDateTime(currentTarget.value);
+  dispatch("input", value);
+};
+function getDateTime(v) {
+  if (!v)
+    return value;
+  const date = new Date(value || 0);
+  const dateString = [
+    date.getFullYear().toString(),
+    (date.getMonth() + 1).toString().padStart(2, "0"),
+    date.getDate().toString().padStart(2, "0")
+  ].join("-");
+  return /* @__PURE__ */ new Date(`${dateString}T${v}`);
+}
 </script>
 
 <FormControl {...$$restProps} let:key>

package/dist/ui/input/RelationAfter.svelte

@@ -1,16 +1,12 @@
-<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>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>
 
 {#if isLoading}

package/dist/ui/input/SelectorList.svelte

@@ -1,19 +1,15 @@
-<script lang="ts" generics="Item extends {id: string}">
-	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 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>
 
 <ul

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

@@ -11,10 +11,6 @@ declare class __sveltets_Render<Item extends {
         trigger?: HTMLElement | undefined;
         keyDownEvent?: KeyboardEvent | undefined;
         keyDownPreventDefault?: boolean | undefined;
-        children?: import("svelte").Snippet<[{
-            item: Item;
-            index: any;
-        }]> | undefined;
     };
     events(): {
         select: CustomEvent<number>;

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

@@ -1,60 +1,53 @@
-<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()
-		}
-	})
-
-	export function setImage(image: { src: string; alt: string }) {
-		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, 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>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>
 
 <FormControl {...$$restProps} let:key>

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

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

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

@@ -1,16 +1,12 @@
-<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>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>
 
 <SelectorList

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

@@ -1,15 +1,12 @@
-<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>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>
 
 <button

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

@@ -1,18 +1,14 @@
-<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>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>
 
 <div class="flex align-bottom">

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

@@ -1,49 +1,41 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import { mdiLinkVariant } from '@mdi/js'
-
-	import { Dialog } from '../../dialog/index.js'
-	import { InputText } from '../index.js'
-	import { z } from '../../../validation/zod.js'
-	import ToolMark from './ToolMark.svelte'
-
-	export let editor: Editor
-	let dialogLink: HTMLDialogElement
-	let linkHref = ''
-	let linkError = ''
-
-	async function handleNewLink() {
-		if (!linkHref) {
-			linkError = 'URL requis'
-			return
-		}
-
-		const isEmail = z.string().email().safeParse(linkHref)
-		if (isEmail.success) linkHref = 'mailto:' + linkHref
-		else if (!linkHref.match(/^http(s)?:\/\//)) {
-			linkHref = 'https://' + linkHref
-		}
-
-		const isUrl = z.string().url().safeParse(linkHref)
-		if (!isUrl.success) {
-			linkError = 'URL invalide'
-			return
-		}
-
-		editor.chain().focus().setLink({ href: linkHref }).run()
-		dialogLink.close()
-	}
-
-	function handleRemoveLink() {
-		editor.chain().focus().unsetLink().run()
-		dialogLink.close()
-	}
-
-	function handleKeyDown(event: KeyboardEvent) {
-		if (event.key !== 'Enter') return
-		event.preventDefault()
-		handleNewLink()
-	}
+<script>import { mdiLinkVariant } from "@mdi/js";
+import { Dialog } from "../../dialog/index.js";
+import { InputText } from "../index.js";
+import { z } from "../../../validation/zod.js";
+import ToolMark from "./ToolMark.svelte";
+export let editor;
+let dialogLink;
+let linkHref = "";
+let linkError = "";
+async function handleNewLink() {
+  if (!linkHref) {
+    linkError = "URL requis";
+    return;
+  }
+  const isEmail = z.string().email().safeParse(linkHref);
+  if (isEmail.success)
+    linkHref = "mailto:" + linkHref;
+  else if (!linkHref.match(/^http(s)?:\/\//)) {
+    linkHref = "https://" + linkHref;
+  }
+  const isUrl = z.string().url().safeParse(linkHref);
+  if (!isUrl.success) {
+    linkError = "URL invalide";
+    return;
+  }
+  editor.chain().focus().setLink({ href: linkHref }).run();
+  dialogLink.close();
+}
+function handleRemoveLink() {
+  editor.chain().focus().unsetLink().run();
+  dialogLink.close();
+}
+function handleKeyDown(event) {
+  if (event.key !== "Enter")
+    return;
+  event.preventDefault();
+  handleNewLink();
+}
 </script>
 
 <ToolMark

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

@@ -1,37 +1,22 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import { mdiChevronDown } from '@mdi/js'
-
-	import { Icon } from '../../icon/index.js'
-	import { DropDown } from '../../menu/index.js'
-
-	type Tool = {
-		key?: string
-		attributes?: {}
-		label: string
-		icon: string
-		action: () => unknown
-		newSection?: true
-		disable?: boolean
-	}
-
-	export let editor: Editor
-	export let tools: Tool[]
-	export let hideLabel = false
-
-	let dropdown: DropDown
-
-	function handleClick(tool: Tool) {
-		tool.action()
-		dropdown.hide()
-	}
-
-	$: toolSelected =
-		tools.find((t) => {
-			if (t.key) return editor.isActive(t.key, t.attributes)
-			if (t.attributes) return editor.isActive(t.attributes)
-			return false
-		}) || tools[0]
+<script>import { mdiChevronDown } from "@mdi/js";
+import { Icon } from "../../icon/index.js";
+import { DropDown } from "../../menu/index.js";
+export let editor;
+export let tools;
+export let hideLabel = false;
+let dropdown;
+function handleClick(tool) {
+  tool.action();
+  dropdown.hide();
+}
+$:
+  toolSelected = tools.find((t) => {
+    if (t.key)
+      return editor.isActive(t.key, t.attributes);
+    if (t.attributes)
+      return editor.isActive(t.attributes);
+    return false;
+  }) || tools[0];
 </script>
 
 <DropDown hideOnBlur bind:this={dropdown}>

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

@@ -1,16 +1,12 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import {
-		mdiAlignHorizontalLeft,
-		mdiAlignHorizontalCenter,
-		mdiAlignHorizontalRight,
-		mdiFormatIndentIncrease,
-		mdiFormatIndentDecrease,
-	} from '@mdi/js'
-
-	import ToolMenu from './ToolMenu.svelte'
-
-	export let editor: Editor
+<script>import {
+  mdiAlignHorizontalLeft,
+  mdiAlignHorizontalCenter,
+  mdiAlignHorizontalRight,
+  mdiFormatIndentIncrease,
+  mdiFormatIndentDecrease
+} from "@mdi/js";
+import ToolMenu from "./ToolMenu.svelte";
+export let editor;
 </script>
 
 <ToolMenu

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

@@ -1,15 +1,10 @@
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte'
-	import type { Editor } from '@tiptap/core'
-	import { mdiPlus, mdiMinus, mdiImageOutline, mdiYoutube, mdiAt } from '@mdi/js'
-
-	import { Icon } from '../../icon/index.js'
-	import ToolMenu from './ToolMenu.svelte'
-	import { suggestionItems } from './suggestion.js'
-
-	export let editor: Editor
-
-	const dispatch = createEventDispatcher<{ insertMedia: void }>()
+<script>import { createEventDispatcher } from "svelte";
+import { mdiPlus, mdiMinus, mdiImageOutline, mdiYoutube, mdiAt } from "@mdi/js";
+import { Icon } from "../../icon/index.js";
+import ToolMenu from "./ToolMenu.svelte";
+import { suggestionItems } from "./suggestion.js";
+export let editor;
+const dispatch = createEventDispatcher();
 </script>
 
 <ToolMenu

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

@@ -1,17 +1,13 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import {
-		mdiText,
-		mdiFormatListBulleted,
-		mdiFormatListNumbered,
-		mdiFormatHeader1,
-		mdiFormatHeader3,
-		mdiFormatHeader2,
-	} from '@mdi/js'
-
-	import ToolMenu from './ToolMenu.svelte'
-
-	export let editor: Editor
+<script>import {
+  mdiText,
+  mdiFormatListBulleted,
+  mdiFormatListNumbered,
+  mdiFormatHeader1,
+  mdiFormatHeader3,
+  mdiFormatHeader2
+} from "@mdi/js";
+import ToolMenu from "./ToolMenu.svelte";
+export let editor;
 </script>
 
 <ToolMenu

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

@@ -1,18 +1,14 @@
-<script lang="ts">
-	import type { Editor } from '@tiptap/core'
-	import { mdiFormatBold, mdiFormatColorFill, mdiFormatColorText, mdiFormatItalic } from '@mdi/js'
-	import { toast } from 'svelte-sonner'
-
-	import ToolMenuNode from './ToolMenuNode.svelte'
-	import ToolMark from './ToolMark.svelte'
-	import ToolMarkColor from './ToolMarkColor.svelte'
-	import ToolMarkLink from './ToolMarkLink.svelte'
-	import ToolMenuAlign from './ToolMenuAlign.svelte'
-	import ToolMenuInsert from './ToolMenuInsert.svelte'
-
-	export let editor: Editor
-	let klass = ''
-	export { klass as class }
+<script>import { mdiFormatBold, mdiFormatColorFill, mdiFormatColorText, mdiFormatItalic } from "@mdi/js";
+import { toast } from "svelte-sonner";
+import ToolMenuNode from "./ToolMenuNode.svelte";
+import ToolMark from "./ToolMark.svelte";
+import ToolMarkColor from "./ToolMarkColor.svelte";
+import ToolMarkLink from "./ToolMarkLink.svelte";
+import ToolMenuAlign from "./ToolMenuAlign.svelte";
+import ToolMenuInsert from "./ToolMenuInsert.svelte";
+export let editor;
+let klass = "";
+export { klass as class };
 </script>
 
 <div