hexagon-editor 0.1.9 → 0.1.10

package/dist/MarkdownEditor.vue.d.ts

@@ -1,10 +1,7 @@
-import { nextTick } from 'vue';
-import { MarkdownEditorImageUpload } from './forms/MarkdownEditorImageForm.vue';
-import { MarkdownEditorMessageKey } from './i18n';
-import { BasicWysiwygSelectionState } from './core';
-import { MarkdownEditorMode, MarkdownEditorCursorPosition, MarkdownEditorLocale, MarkdownEditorToolbarPreset, MarkdownEditorTheme, MarkdownFeatures } from './public-types';
-import { MarkdownEditorToolbarConfig } from './toolbar';
-import { MarkdownDirectiveComponents } from './directives';
+import type { MarkdownEditorImageUpload } from './forms/MarkdownEditorImageForm.vue';
+import type { MarkdownEditorMode, MarkdownEditorCursorPosition, MarkdownEditorLocale, MarkdownEditorToolbarPreset, MarkdownEditorTheme, MarkdownFeatures } from './public-types';
+import type { MarkdownEditorToolbarConfig } from './toolbar';
+import type { MarkdownDirectives } from './directives';
 export interface MarkdownEditorExposed {
     append(markup: string): void;
     clear(): void;
@@ -22,7 +19,7 @@ export interface MarkdownEditorExposed {
 }
 type __VLS_Props = {
     modelValue?: string;
-    directiveComponents?: MarkdownDirectiveComponents;
+    directives?: MarkdownDirectives;
     mode?: MarkdownEditorMode;
     locale?: MarkdownEditorLocale;
     placeholder?: string;
@@ -34,468 +31,23 @@ type __VLS_Props = {
     theme?: MarkdownEditorTheme;
     features?: MarkdownFeatures;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        header?(_: {}): any;
-        toolbar?(_: {
-            commands: import('./core').BasicEditorCommands;
-            execute: (command: import('prosemirror-state').Command) => void;
-        }): any;
-    };
-    refs: {
-        floatingMenus: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            codeVisible: boolean;
-            backgroundColorVisible: boolean;
-            colorVisible: boolean;
-            formulaVisible: boolean;
-            headingVisible: boolean;
-            listVisible: boolean;
-            mode: MarkdownEditorMode;
-            modeVisible: boolean;
-            state: BasicWysiwygSelectionState;
-            textStyle: string;
-            theme: MarkdownEditorTheme;
-            translate: (key: MarkdownEditorMessageKey) => string;
-        }> & Readonly<{
-            "onCode-block"?: (() => any) | undefined;
-            "onSelect-background-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-            "onSelect-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-            "onInline-code"?: (() => any) | undefined;
-            "onInline-formula"?: (() => any) | undefined;
-            "onMath-block"?: (() => any) | undefined;
-            "onSelect-mode"?: ((mode: MarkdownEditorMode) => any) | undefined;
-            "onSelect-text-style"?: ((style: string) => any) | undefined;
-            "onBullet-list"?: (() => any) | undefined;
-            "onOrdered-list"?: (() => any) | undefined;
-            "onIndent-list"?: (() => any) | undefined;
-            "onOutdent-list"?: (() => any) | undefined;
-        }>, {
-            getElement(name: "background-color" | "code" | "color" | "formula" | "heading" | "list" | "mode"): HTMLElement | undefined;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "code-block": () => any;
-            "select-background-color": (color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any;
-            "select-color": (color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any;
-            "inline-code": () => any;
-            "inline-formula": () => any;
-            "math-block": () => any;
-            "select-mode": (mode: MarkdownEditorMode) => any;
-            "select-text-style": (style: string) => any;
-            "bullet-list": () => any;
-            "ordered-list": () => any;
-            "indent-list": () => any;
-            "outdent-list": () => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            backgroundColor: HTMLDivElement;
-            color: HTMLDivElement;
-            code: HTMLDivElement;
-            heading: HTMLDivElement;
-            formula: HTMLDivElement;
-            list: HTMLDivElement;
-            modeMenu: HTMLDivElement;
-        }, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            codeVisible: boolean;
-            backgroundColorVisible: boolean;
-            colorVisible: boolean;
-            formulaVisible: boolean;
-            headingVisible: boolean;
-            listVisible: boolean;
-            mode: MarkdownEditorMode;
-            modeVisible: boolean;
-            state: BasicWysiwygSelectionState;
-            textStyle: string;
-            theme: MarkdownEditorTheme;
-            translate: (key: MarkdownEditorMessageKey) => string;
-        }> & Readonly<{
-            "onCode-block"?: (() => any) | undefined;
-            "onSelect-background-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-            "onSelect-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-            "onInline-code"?: (() => any) | undefined;
-            "onInline-formula"?: (() => any) | undefined;
-            "onMath-block"?: (() => any) | undefined;
-            "onSelect-mode"?: ((mode: MarkdownEditorMode) => any) | undefined;
-            "onSelect-text-style"?: ((style: string) => any) | undefined;
-            "onBullet-list"?: (() => any) | undefined;
-            "onOrdered-list"?: (() => any) | undefined;
-            "onIndent-list"?: (() => any) | undefined;
-            "onOutdent-list"?: (() => any) | undefined;
-        }>, {
-            getElement(name: "background-color" | "code" | "color" | "formula" | "heading" | "list" | "mode"): HTMLElement | undefined;
-        }, {}, {}, {}, {}> | null;
-        linkForm: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            autofocus?: boolean;
-            disabled?: boolean;
-            hasCurrentLink?: boolean;
-            locale?: MarkdownEditorLocale;
-            openInNewWindow?: boolean;
-            readOnlyText?: boolean;
-            text?: string;
-            theme?: MarkdownEditorTheme;
-            url?: string;
-        }> & Readonly<{
-            onCancel?: (() => any) | undefined;
-            onInvalid?: ((message: string) => any) | undefined;
-            onApply?: ((params: import('.').MarkdownEditorLinkSubmitParams) => any) | undefined;
-            onRemove?: (() => any) | undefined;
-            "onUpdate:url"?: ((value: string) => any) | undefined;
-            "onUpdate:text"?: ((value: string) => any) | undefined;
-            "onUpdate:openInNewWindow"?: ((value: boolean) => any) | undefined;
-        }>, {
-            element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            cancel: () => any;
-            invalid: (message: string) => any;
-            apply: (params: import('.').MarkdownEditorLinkSubmitParams) => any;
-            remove: () => any;
-            "update:url": (value: string) => any;
-            "update:text": (value: string) => any;
-            "update:openInNewWindow": (value: boolean) => any;
-        }, import('vue').PublicProps, {
-            text: string;
-            disabled: boolean;
-            theme: MarkdownEditorTheme;
-            url: string;
-            autofocus: boolean;
-            locale: MarkdownEditorLocale;
-            hasCurrentLink: boolean;
-            openInNewWindow: boolean;
-            readOnlyText: boolean;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            form: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly disabled?: boolean | undefined;
-                    readonly theme?: MarkdownEditorTheme | undefined;
-                    readonly onSubmit?: (() => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: import('vue').Attrs;
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    element: HTMLFormElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "submit") => void;
-                $el: HTMLFormElement;
-                $options: import('vue').ComponentOptionsBase<Readonly<{
-                    disabled?: boolean;
-                    theme?: MarkdownEditorTheme;
-                }> & Readonly<{
-                    onSubmit?: (() => any) | undefined;
-                }>, {
-                    element: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    submit: () => any;
-                }, string, {
-                    disabled: boolean;
-                    theme: MarkdownEditorTheme;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                disabled: boolean;
-                theme: MarkdownEditorTheme;
-            }> & Omit<Readonly<{
-                disabled?: boolean;
-                theme?: MarkdownEditorTheme;
-            }> & Readonly<{
-                onSubmit?: (() => any) | undefined;
-            }>, "element" | ("disabled" | "theme")> & {
-                element: HTMLFormElement | undefined;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                    footer?(_: {}): any;
-                };
-            }) | null;
-        }, HTMLFormElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            autofocus?: boolean;
-            disabled?: boolean;
-            hasCurrentLink?: boolean;
-            locale?: MarkdownEditorLocale;
-            openInNewWindow?: boolean;
-            readOnlyText?: boolean;
-            text?: string;
-            theme?: MarkdownEditorTheme;
-            url?: string;
-        }> & Readonly<{
-            onCancel?: (() => any) | undefined;
-            onInvalid?: ((message: string) => any) | undefined;
-            onApply?: ((params: import('.').MarkdownEditorLinkSubmitParams) => any) | undefined;
-            onRemove?: (() => any) | undefined;
-            "onUpdate:url"?: ((value: string) => any) | undefined;
-            "onUpdate:text"?: ((value: string) => any) | undefined;
-            "onUpdate:openInNewWindow"?: ((value: boolean) => any) | undefined;
-        }>, {
-            element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-        }, {}, {}, {}, {
-            text: string;
-            disabled: boolean;
-            theme: MarkdownEditorTheme;
-            url: string;
-            autofocus: boolean;
-            locale: MarkdownEditorLocale;
-            hasCurrentLink: boolean;
-            openInNewWindow: boolean;
-            readOnlyText: boolean;
-        }> | null;
-        imageForm: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            alt?: string;
-            autofocus?: boolean;
-            disabled?: boolean;
-            height?: number | string;
-            locale?: MarkdownEditorLocale;
-            name?: string;
-            title?: string;
-            theme?: MarkdownEditorTheme;
-            uploadImage?: MarkdownEditorImageUpload;
-            url?: string;
-            width?: number | string;
-        }> & Readonly<{
-            onCancel?: (() => any) | undefined;
-            onInvalid?: ((message: string) => any) | undefined;
-            onApply?: ((params: import('.').MarkdownEditorImageSubmitParams) => any) | undefined;
-            "onUpdate:alt"?: ((value: string) => any) | undefined;
-            "onUpdate:height"?: ((value: string) => any) | undefined;
-            "onUpdate:name"?: ((value: string) => any) | undefined;
-            "onUpdate:title"?: ((value: string) => any) | undefined;
-            "onUpdate:url"?: ((value: string) => any) | undefined;
-            "onUpdate:width"?: ((value: string) => any) | undefined;
-        }>, {
-            element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            cancel: () => any;
-            invalid: (message: string) => any;
-            apply: (params: import('.').MarkdownEditorImageSubmitParams) => any;
-            "update:alt": (value: string) => any;
-            "update:height": (value: string) => any;
-            "update:name": (value: string) => any;
-            "update:title": (value: string) => any;
-            "update:url": (value: string) => any;
-            "update:width": (value: string) => any;
-        }, import('vue').PublicProps, {
-            width: number | string;
-            height: number | string;
-            name: string;
-            title: string;
-            alt: string;
-            disabled: boolean;
-            theme: MarkdownEditorTheme;
-            url: string;
-            autofocus: boolean;
-            locale: MarkdownEditorLocale;
-            uploadImage: MarkdownEditorImageUpload;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            form: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly disabled?: boolean | undefined;
-                    readonly theme?: MarkdownEditorTheme | undefined;
-                    readonly onSubmit?: (() => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: import('vue').Attrs;
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    element: HTMLFormElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "submit") => void;
-                $el: HTMLFormElement;
-                $options: import('vue').ComponentOptionsBase<Readonly<{
-                    disabled?: boolean;
-                    theme?: MarkdownEditorTheme;
-                }> & Readonly<{
-                    onSubmit?: (() => any) | undefined;
-                }>, {
-                    element: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    submit: () => any;
-                }, string, {
-                    disabled: boolean;
-                    theme: MarkdownEditorTheme;
-                }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{
-                disabled: boolean;
-                theme: MarkdownEditorTheme;
-            }> & Omit<Readonly<{
-                disabled?: boolean;
-                theme?: MarkdownEditorTheme;
-            }> & Readonly<{
-                onSubmit?: (() => any) | undefined;
-            }>, "element" | ("disabled" | "theme")> & {
-                element: HTMLFormElement | undefined;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    default?(_: {}): any;
-                    footer?(_: {}): any;
-                };
-            }) | null;
-        }, HTMLFormElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            alt?: string;
-            autofocus?: boolean;
-            disabled?: boolean;
-            height?: number | string;
-            locale?: MarkdownEditorLocale;
-            name?: string;
-            title?: string;
-            theme?: MarkdownEditorTheme;
-            uploadImage?: MarkdownEditorImageUpload;
-            url?: string;
-            width?: number | string;
-        }> & Readonly<{
-            onCancel?: (() => any) | undefined;
-            onInvalid?: ((message: string) => any) | undefined;
-            onApply?: ((params: import('.').MarkdownEditorImageSubmitParams) => any) | undefined;
-            "onUpdate:alt"?: ((value: string) => any) | undefined;
-            "onUpdate:height"?: ((value: string) => any) | undefined;
-            "onUpdate:name"?: ((value: string) => any) | undefined;
-            "onUpdate:title"?: ((value: string) => any) | undefined;
-            "onUpdate:url"?: ((value: string) => any) | undefined;
-            "onUpdate:width"?: ((value: string) => any) | undefined;
-        }>, {
-            element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-        }, {}, {}, {}, {
-            width: number | string;
-            height: number | string;
-            name: string;
-            title: string;
-            alt: string;
-            disabled: boolean;
-            theme: MarkdownEditorTheme;
-            url: string;
-            autofocus: boolean;
-            locale: MarkdownEditorLocale;
-            uploadImage: MarkdownEditorImageUpload;
-        }> | null;
-        imageActions: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            objectFit?: string;
-            theme: MarkdownEditorTheme;
-            translate: (key: MarkdownEditorMessageKey) => string;
-        }> & Readonly<{
-            "onObject-fit"?: ((value: "fill" | "contain" | "cover" | "none" | "scale-down") => any) | undefined;
-            "onFull-width"?: (() => any) | undefined;
-        }>, {
-            element: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "object-fit": (value: "fill" | "contain" | "cover" | "none" | "scale-down") => any;
-            "full-width": () => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            element: HTMLDivElement;
-        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            objectFit?: string;
-            theme: MarkdownEditorTheme;
-            translate: (key: MarkdownEditorMessageKey) => string;
-        }> & Readonly<{
-            "onObject-fit"?: ((value: "fill" | "contain" | "cover" | "none" | "scale-down") => any) | undefined;
-            "onFull-width"?: (() => any) | undefined;
-        }>, {
-            element: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-        }, {}, {}, {}, {}> | null;
-        visualTarget: HTMLDivElement;
-        markupTarget: HTMLDivElement;
-    };
-    rootEl: HTMLElement;
+declare var __VLS_1: {}, __VLS_23: {
+    commands: import("./core").BasicEditorCommands;
+    execute: (command: import("prosemirror-state").Command) => void;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    append(markup: string): void;
-    clear(): void;
-    focus(): void;
-    getMode(): MarkdownEditorMode;
-    getValue(): string;
-    hasFocus(): boolean;
-    insert(markup: string): void;
-    isEmpty(): boolean;
-    moveCursor(position: MarkdownEditorCursorPosition): void;
-    prepend(markup: string): void;
-    replace(markup: string): void;
-    setMode(mode: MarkdownEditorMode): Promise<void>;
-    setValue(value: string): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    toolbar?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, MarkdownEditorExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: string) => any;
     cancel: () => any;
     submit: () => any;
     "update:modelValue": (value: string) => any;
     "mode-change": (mode: MarkdownEditorMode) => any;
     "update:mode": (mode: MarkdownEditorMode) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
     onCancel?: (() => any) | undefined;
     onSubmit?: (() => any) | undefined;
@@ -504,447 +56,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     "onUpdate:mode"?: ((mode: MarkdownEditorMode) => any) | undefined;
 }>, {
     mode: MarkdownEditorMode;
-    directiveComponents: Readonly<Record<string, import('vue').Component>>;
+    directives: Readonly<Record<string, import("./directives").MarkdownDirectivePlugin<import("./directives").MarkdownDirectiveAttrs>>>;
+    placeholder: string;
     features: MarkdownFeatures;
     readonly: boolean;
-    placeholder: string;
     theme: MarkdownEditorTheme;
     toolbarPreset: MarkdownEditorToolbarPreset;
     toolbarConfig: MarkdownEditorToolbarConfig;
     modelValue: string;
     locale: MarkdownEditorLocale;
     uploadImage: MarkdownEditorImageUpload;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    floatingMenus: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        codeVisible: boolean;
-        backgroundColorVisible: boolean;
-        colorVisible: boolean;
-        formulaVisible: boolean;
-        headingVisible: boolean;
-        listVisible: boolean;
-        mode: MarkdownEditorMode;
-        modeVisible: boolean;
-        state: BasicWysiwygSelectionState;
-        textStyle: string;
-        theme: MarkdownEditorTheme;
-        translate: (key: MarkdownEditorMessageKey) => string;
-    }> & Readonly<{
-        "onCode-block"?: (() => any) | undefined;
-        "onSelect-background-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-        "onSelect-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-        "onInline-code"?: (() => any) | undefined;
-        "onInline-formula"?: (() => any) | undefined;
-        "onMath-block"?: (() => any) | undefined;
-        "onSelect-mode"?: ((mode: MarkdownEditorMode) => any) | undefined;
-        "onSelect-text-style"?: ((style: string) => any) | undefined;
-        "onBullet-list"?: (() => any) | undefined;
-        "onOrdered-list"?: (() => any) | undefined;
-        "onIndent-list"?: (() => any) | undefined;
-        "onOutdent-list"?: (() => any) | undefined;
-    }>, {
-        getElement(name: "background-color" | "code" | "color" | "formula" | "heading" | "list" | "mode"): HTMLElement | undefined;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "code-block": () => any;
-        "select-background-color": (color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any;
-        "select-color": (color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any;
-        "inline-code": () => any;
-        "inline-formula": () => any;
-        "math-block": () => any;
-        "select-mode": (mode: MarkdownEditorMode) => any;
-        "select-text-style": (style: string) => any;
-        "bullet-list": () => any;
-        "ordered-list": () => any;
-        "indent-list": () => any;
-        "outdent-list": () => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        backgroundColor: HTMLDivElement;
-        color: HTMLDivElement;
-        code: HTMLDivElement;
-        heading: HTMLDivElement;
-        formula: HTMLDivElement;
-        list: HTMLDivElement;
-        modeMenu: HTMLDivElement;
-    }, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        codeVisible: boolean;
-        backgroundColorVisible: boolean;
-        colorVisible: boolean;
-        formulaVisible: boolean;
-        headingVisible: boolean;
-        listVisible: boolean;
-        mode: MarkdownEditorMode;
-        modeVisible: boolean;
-        state: BasicWysiwygSelectionState;
-        textStyle: string;
-        theme: MarkdownEditorTheme;
-        translate: (key: MarkdownEditorMessageKey) => string;
-    }> & Readonly<{
-        "onCode-block"?: (() => any) | undefined;
-        "onSelect-background-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-        "onSelect-color"?: ((color: "gray" | "yellow" | "orange" | "red" | "green" | "blue" | "violet" | "default") => any) | undefined;
-        "onInline-code"?: (() => any) | undefined;
-        "onInline-formula"?: (() => any) | undefined;
-        "onMath-block"?: (() => any) | undefined;
-        "onSelect-mode"?: ((mode: MarkdownEditorMode) => any) | undefined;
-        "onSelect-text-style"?: ((style: string) => any) | undefined;
-        "onBullet-list"?: (() => any) | undefined;
-        "onOrdered-list"?: (() => any) | undefined;
-        "onIndent-list"?: (() => any) | undefined;
-        "onOutdent-list"?: (() => any) | undefined;
-    }>, {
-        getElement(name: "background-color" | "code" | "color" | "formula" | "heading" | "list" | "mode"): HTMLElement | undefined;
-    }, {}, {}, {}, {}> | null;
-    linkForm: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        autofocus?: boolean;
-        disabled?: boolean;
-        hasCurrentLink?: boolean;
-        locale?: MarkdownEditorLocale;
-        openInNewWindow?: boolean;
-        readOnlyText?: boolean;
-        text?: string;
-        theme?: MarkdownEditorTheme;
-        url?: string;
-    }> & Readonly<{
-        onCancel?: (() => any) | undefined;
-        onInvalid?: ((message: string) => any) | undefined;
-        onApply?: ((params: import('.').MarkdownEditorLinkSubmitParams) => any) | undefined;
-        onRemove?: (() => any) | undefined;
-        "onUpdate:url"?: ((value: string) => any) | undefined;
-        "onUpdate:text"?: ((value: string) => any) | undefined;
-        "onUpdate:openInNewWindow"?: ((value: boolean) => any) | undefined;
-    }>, {
-        element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        cancel: () => any;
-        invalid: (message: string) => any;
-        apply: (params: import('.').MarkdownEditorLinkSubmitParams) => any;
-        remove: () => any;
-        "update:url": (value: string) => any;
-        "update:text": (value: string) => any;
-        "update:openInNewWindow": (value: boolean) => any;
-    }, import('vue').PublicProps, {
-        text: string;
-        disabled: boolean;
-        theme: MarkdownEditorTheme;
-        url: string;
-        autofocus: boolean;
-        locale: MarkdownEditorLocale;
-        hasCurrentLink: boolean;
-        openInNewWindow: boolean;
-        readOnlyText: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        form: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly disabled?: boolean | undefined;
-                readonly theme?: MarkdownEditorTheme | undefined;
-                readonly onSubmit?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: import('vue').Attrs;
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                element: HTMLFormElement;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "submit") => void;
-            $el: HTMLFormElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                disabled?: boolean;
-                theme?: MarkdownEditorTheme;
-            }> & Readonly<{
-                onSubmit?: (() => any) | undefined;
-            }>, {
-                element: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                submit: () => any;
-            }, string, {
-                disabled: boolean;
-                theme: MarkdownEditorTheme;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            disabled: boolean;
-            theme: MarkdownEditorTheme;
-        }> & Omit<Readonly<{
-            disabled?: boolean;
-            theme?: MarkdownEditorTheme;
-        }> & Readonly<{
-            onSubmit?: (() => any) | undefined;
-        }>, "element" | ("disabled" | "theme")> & {
-            element: HTMLFormElement | undefined;
-        } & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                footer?(_: {}): any;
-            };
-        }) | null;
-    }, HTMLFormElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        autofocus?: boolean;
-        disabled?: boolean;
-        hasCurrentLink?: boolean;
-        locale?: MarkdownEditorLocale;
-        openInNewWindow?: boolean;
-        readOnlyText?: boolean;
-        text?: string;
-        theme?: MarkdownEditorTheme;
-        url?: string;
-    }> & Readonly<{
-        onCancel?: (() => any) | undefined;
-        onInvalid?: ((message: string) => any) | undefined;
-        onApply?: ((params: import('.').MarkdownEditorLinkSubmitParams) => any) | undefined;
-        onRemove?: (() => any) | undefined;
-        "onUpdate:url"?: ((value: string) => any) | undefined;
-        "onUpdate:text"?: ((value: string) => any) | undefined;
-        "onUpdate:openInNewWindow"?: ((value: boolean) => any) | undefined;
-    }>, {
-        element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-    }, {}, {}, {}, {
-        text: string;
-        disabled: boolean;
-        theme: MarkdownEditorTheme;
-        url: string;
-        autofocus: boolean;
-        locale: MarkdownEditorLocale;
-        hasCurrentLink: boolean;
-        openInNewWindow: boolean;
-        readOnlyText: boolean;
-    }> | null;
-    imageForm: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        alt?: string;
-        autofocus?: boolean;
-        disabled?: boolean;
-        height?: number | string;
-        locale?: MarkdownEditorLocale;
-        name?: string;
-        title?: string;
-        theme?: MarkdownEditorTheme;
-        uploadImage?: MarkdownEditorImageUpload;
-        url?: string;
-        width?: number | string;
-    }> & Readonly<{
-        onCancel?: (() => any) | undefined;
-        onInvalid?: ((message: string) => any) | undefined;
-        onApply?: ((params: import('.').MarkdownEditorImageSubmitParams) => any) | undefined;
-        "onUpdate:alt"?: ((value: string) => any) | undefined;
-        "onUpdate:height"?: ((value: string) => any) | undefined;
-        "onUpdate:name"?: ((value: string) => any) | undefined;
-        "onUpdate:title"?: ((value: string) => any) | undefined;
-        "onUpdate:url"?: ((value: string) => any) | undefined;
-        "onUpdate:width"?: ((value: string) => any) | undefined;
-    }>, {
-        element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        cancel: () => any;
-        invalid: (message: string) => any;
-        apply: (params: import('.').MarkdownEditorImageSubmitParams) => any;
-        "update:alt": (value: string) => any;
-        "update:height": (value: string) => any;
-        "update:name": (value: string) => any;
-        "update:title": (value: string) => any;
-        "update:url": (value: string) => any;
-        "update:width": (value: string) => any;
-    }, import('vue').PublicProps, {
-        width: number | string;
-        height: number | string;
-        name: string;
-        title: string;
-        alt: string;
-        disabled: boolean;
-        theme: MarkdownEditorTheme;
-        url: string;
-        autofocus: boolean;
-        locale: MarkdownEditorLocale;
-        uploadImage: MarkdownEditorImageUpload;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        form: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly disabled?: boolean | undefined;
-                readonly theme?: MarkdownEditorTheme | undefined;
-                readonly onSubmit?: (() => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: import('vue').Attrs;
-            $refs: {
-                [x: string]: unknown;
-            } & {
-                element: HTMLFormElement;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "submit") => void;
-            $el: HTMLFormElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<{
-                disabled?: boolean;
-                theme?: MarkdownEditorTheme;
-            }> & Readonly<{
-                onSubmit?: (() => any) | undefined;
-            }>, {
-                element: import('vue').Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                submit: () => any;
-            }, string, {
-                disabled: boolean;
-                theme: MarkdownEditorTheme;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            disabled: boolean;
-            theme: MarkdownEditorTheme;
-        }> & Omit<Readonly<{
-            disabled?: boolean;
-            theme?: MarkdownEditorTheme;
-        }> & Readonly<{
-            onSubmit?: (() => any) | undefined;
-        }>, "element" | ("disabled" | "theme")> & {
-            element: HTMLFormElement | undefined;
-        } & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                footer?(_: {}): any;
-            };
-        }) | null;
-    }, HTMLFormElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        alt?: string;
-        autofocus?: boolean;
-        disabled?: boolean;
-        height?: number | string;
-        locale?: MarkdownEditorLocale;
-        name?: string;
-        title?: string;
-        theme?: MarkdownEditorTheme;
-        uploadImage?: MarkdownEditorImageUpload;
-        url?: string;
-        width?: number | string;
-    }> & Readonly<{
-        onCancel?: (() => any) | undefined;
-        onInvalid?: ((message: string) => any) | undefined;
-        onApply?: ((params: import('.').MarkdownEditorImageSubmitParams) => any) | undefined;
-        "onUpdate:alt"?: ((value: string) => any) | undefined;
-        "onUpdate:height"?: ((value: string) => any) | undefined;
-        "onUpdate:name"?: ((value: string) => any) | undefined;
-        "onUpdate:title"?: ((value: string) => any) | undefined;
-        "onUpdate:url"?: ((value: string) => any) | undefined;
-        "onUpdate:width"?: ((value: string) => any) | undefined;
-    }>, {
-        element: import('vue').ComputedRef<HTMLFormElement | undefined>;
-    }, {}, {}, {}, {
-        width: number | string;
-        height: number | string;
-        name: string;
-        title: string;
-        alt: string;
-        disabled: boolean;
-        theme: MarkdownEditorTheme;
-        url: string;
-        autofocus: boolean;
-        locale: MarkdownEditorLocale;
-        uploadImage: MarkdownEditorImageUpload;
-    }> | null;
-    imageActions: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        objectFit?: string;
-        theme: MarkdownEditorTheme;
-        translate: (key: MarkdownEditorMessageKey) => string;
-    }> & Readonly<{
-        "onObject-fit"?: ((value: "fill" | "contain" | "cover" | "none" | "scale-down") => any) | undefined;
-        "onFull-width"?: (() => any) | undefined;
-    }>, {
-        element: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "object-fit": (value: "fill" | "contain" | "cover" | "none" | "scale-down") => any;
-        "full-width": () => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        element: HTMLDivElement;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        objectFit?: string;
-        theme: MarkdownEditorTheme;
-        translate: (key: MarkdownEditorMessageKey) => string;
-    }> & Readonly<{
-        "onObject-fit"?: ((value: "fill" | "contain" | "cover" | "none" | "scale-down") => any) | undefined;
-        "onFull-width"?: (() => any) | undefined;
-    }>, {
-        element: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    }, {}, {}, {}, {}> | null;
-    visualTarget: HTMLDivElement;
-    markupTarget: HTMLDivElement;
-}, HTMLElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };