fuma 1.0.21 → 2.0.0

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

@@ -1,19 +1,23 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        icon: string;
-        label: string;
-        color: string;
-        setColor: (color: string) => 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 ToolMarkColorProps = typeof __propDef.props;
-export type ToolMarkColorEvents = typeof __propDef.events;
-export type ToolMarkColorSlots = typeof __propDef.slots;
-export default class ToolMarkColor extends SvelteComponent<ToolMarkColorProps, ToolMarkColorEvents, ToolMarkColorSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolMarkColor: $$__sveltets_2_IsomorphicComponent<{
+    icon: string;
+    label: string;
+    color: string;
+    setColor: (color: string) => void;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToolMarkColor = InstanceType<typeof ToolMarkColor>;
+export default ToolMarkColor;

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

@@ -1,41 +1,49 @@
-<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 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>
 
 <ToolMark

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

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
 import type { Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: {
-        editor: Editor;
+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 ToolMarkLinkProps = typeof __propDef.props;
-export type ToolMarkLinkEvents = typeof __propDef.events;
-export type ToolMarkLinkSlots = typeof __propDef.slots;
-export default class ToolMarkLink extends SvelteComponent<ToolMarkLinkProps, ToolMarkLinkEvents, ToolMarkLinkSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolMarkLink: $$__sveltets_2_IsomorphicComponent<{
+    editor: Editor;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToolMarkLink = InstanceType<typeof ToolMarkLink>;
+export default ToolMarkLink;

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

@@ -1,22 +1,37 @@
-<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 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>
 
 <DropDown hideOnBlur bind:this={dropdown}>

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

@@ -1,29 +1,33 @@
-import { SvelteComponent } from "svelte";
 import type { Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: {
-        editor: Editor;
-        tools: {
-            key?: string | undefined;
-            attributes?: {} | undefined;
-            label: string;
-            icon: string;
-            action: () => unknown;
-            newSection?: true | undefined;
-            disable?: boolean | undefined;
-        }[];
-        hideLabel?: boolean | 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: {
-        activator: {};
-    };
-};
-export type ToolMenuProps = typeof __propDef.props;
-export type ToolMenuEvents = typeof __propDef.events;
-export type ToolMenuSlots = typeof __propDef.slots;
-export default class ToolMenu extends SvelteComponent<ToolMenuProps, ToolMenuEvents, ToolMenuSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolMenu: $$__sveltets_2_IsomorphicComponent<{
+    editor: Editor;
+    tools: {
+        key?: string;
+        attributes?: {};
+        label: string;
+        icon: string;
+        action: () => unknown;
+        newSection?: true;
+        disable?: boolean;
+    }[];
+    hideLabel?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    activator: {};
+}, {}, string>;
+type ToolMenu = InstanceType<typeof ToolMenu>;
+export default ToolMenu;

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

@@ -1,12 +1,16 @@
-<script>import {
-  mdiAlignHorizontalLeft,
-  mdiAlignHorizontalCenter,
-  mdiAlignHorizontalRight,
-  mdiFormatIndentIncrease,
-  mdiFormatIndentDecrease
-} from "@mdi/js";
-import ToolMenu from "./ToolMenu.svelte";
-export let editor;
+<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>
 
 <ToolMenu

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

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
 import type { Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: {
-        editor: Editor;
+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 ToolMenuAlignProps = typeof __propDef.props;
-export type ToolMenuAlignEvents = typeof __propDef.events;
-export type ToolMenuAlignSlots = typeof __propDef.slots;
-export default class ToolMenuAlign extends SvelteComponent<ToolMenuAlignProps, ToolMenuAlignEvents, ToolMenuAlignSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolMenuAlign: $$__sveltets_2_IsomorphicComponent<{
+    editor: Editor;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToolMenuAlign = InstanceType<typeof ToolMenuAlign>;
+export default ToolMenuAlign;

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

@@ -1,10 +1,15 @@
-<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 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>
 
 <ToolMenu

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

@@ -1,19 +1,23 @@
-import { SvelteComponent } from "svelte";
 import type { Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: {
-        editor: Editor;
+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>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ToolMenuInsertProps = typeof __propDef.props;
-export type ToolMenuInsertEvents = typeof __propDef.events;
-export type ToolMenuInsertSlots = typeof __propDef.slots;
-export default class ToolMenuInsert extends SvelteComponent<ToolMenuInsertProps, ToolMenuInsertEvents, ToolMenuInsertSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolMenuInsert: $$__sveltets_2_IsomorphicComponent<{
+    editor: Editor;
+}, {
+    insertMedia: CustomEvent<void>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToolMenuInsert = InstanceType<typeof ToolMenuInsert>;
+export default ToolMenuInsert;

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

@@ -1,13 +1,17 @@
-<script>import {
-  mdiText,
-  mdiFormatListBulleted,
-  mdiFormatListNumbered,
-  mdiFormatHeader1,
-  mdiFormatHeader3,
-  mdiFormatHeader2
-} from "@mdi/js";
-import ToolMenu from "./ToolMenu.svelte";
-export let editor;
+<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>
 
 <ToolMenu

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

@@ -1,17 +1,21 @@
-import { SvelteComponent } from "svelte";
 import type { Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: {
-        editor: Editor;
+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 ToolMenuNodeProps = typeof __propDef.props;
-export type ToolMenuNodeEvents = typeof __propDef.events;
-export type ToolMenuNodeSlots = typeof __propDef.slots;
-export default class ToolMenuNode extends SvelteComponent<ToolMenuNodeProps, ToolMenuNodeEvents, ToolMenuNodeSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolMenuNode: $$__sveltets_2_IsomorphicComponent<{
+    editor: Editor;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToolMenuNode = InstanceType<typeof ToolMenuNode>;
+export default ToolMenuNode;

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

@@ -1,14 +1,18 @@
-<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 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>
 
 <div
@@ -20,7 +24,7 @@ export { klass as class };
 	<div class="flex overflow-x-auto p-2">
 		<ToolMenuNode {editor} />
 		<ToolMenuAlign {editor} />
-		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0" />
+		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0"></div>
 
 		<ToolMark
 			{editor}
@@ -50,8 +54,11 @@ export { klass as class };
 			setColor={(color) => editor.commands.setHighlight({ color })}
 		/>
 
-		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0" />
+		<div class="mx-1 my-auto h-6 border border-y-0 border-l-0"></div>
 
-		<ToolMenuInsert {editor} on:insertMedia />
+		<ToolMenuInsert
+			{editor}
+			on:insertMedia={() => toast.warning('TODO: import SelectMedia like benev.io')}
+		/>
 	</div>
 </div>

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

@@ -1,20 +1,22 @@
-import { SvelteComponent } from "svelte";
 import type { Editor } from '@tiptap/core';
-declare const __propDef: {
-    props: {
-        editor: Editor;
-        class?: 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>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ToolsBarProps = typeof __propDef.props;
-export type ToolsBarEvents = typeof __propDef.events;
-export type ToolsBarSlots = typeof __propDef.slots;
-export default class ToolsBar extends SvelteComponent<ToolsBarProps, ToolsBarEvents, ToolsBarSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const ToolsBar: $$__sveltets_2_IsomorphicComponent<{
+    editor: Editor;
+    class?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ToolsBar = InstanceType<typeof ToolsBar>;
+export default ToolsBar;

package/dist/ui/input/textRich/suggestion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { SuggestionOptions } from '@tiptap/suggestion';
 export type SuggestionItem = {
     id: string;