mce 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-PRESENT wxm
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,126 @@
+<h1 align="center">mce</h1>
+
+<p align="center">
+  <a href="https://unpkg.com/mce">
+    <img src="https://img.shields.io/bundlephobia/minzip/mce" alt="Minzip">
+  </a>
+  <a href="https://www.npmjs.com/package/mce">
+    <img src="https://img.shields.io/npm/v/mce.svg" alt="Version">
+  </a>
+  <a href="https://www.npmjs.com/package/mce">
+    <img src="https://img.shields.io/npm/dm/mce" alt="Downloads">
+  </a>
+  <a href="https://github.com/qq15725/mce/issues">
+    <img src="https://img.shields.io/github/issues/qq15725/mce" alt="Issues">
+  </a>
+  <a href="https://github.com/qq15725/mce/blob/main/LICENSE">
+    <img src="https://img.shields.io/npm/l/mce.svg" alt="License">
+  </a>
+</p>
+
+<p align="center">Modern canvas editor, based modern-canvas and Vue.js. only the ESM.</p>
+
+## 📦 Install
+
+```shell
+npm i mce
+```
+
+## 🦄 Usage
+
+```vue
+<script setup lang="ts">
+  import { Drawboard, Editor } from 'mce'
+  import 'mce/styles'
+
+  const editor = new Editor({
+    theme: 'system',
+    language: 'en',
+    viewMode: 'edgeless',
+    checkerboard: true,
+    pixelGrid: true,
+    camera: true,
+    ruler: true,
+    scrollbar: true,
+    bottombar: true,
+    statusbar: true,
+    wheelZoom: false,
+    frameGap: 48,
+    typographyStrategy: 'autoHeight',
+    handleShape: 'rect',
+    zoomToFitOffset: { left: 0, top: 0, right: 0, bottom: 0 },
+    localDb: false,
+    upload: async (blob) => URL.createObjectURL(blob),
+    defaultFont: { family: 'SourceHanSansCN-Normal', src: '/SourceHanSansCN-Normal.woff' },
+    doc: {
+      children: [
+        { foreground: '/example.png', style: { rotate: 60, left: 200, top: 10, width: 50, height: 50 } },
+        { text: 'test', style: { rotate: 40, left: 100, top: 100, width: 60, height: 40, fontSize: 20, color: '#FF00FF' } },
+        {
+          style: { left: 200, top: 100, width: 100, height: 100, fontSize: 22 },
+          text: [
+            {
+              letterSpacing: 3,
+              fragments: [
+                { content: 'He', color: '#00FF00', fontSize: 12 },
+                { content: 'llo', color: '#000000' },
+              ],
+            },
+            { content: ', ', color: '#FF0000' },
+            { content: 'World!', color: '#0000FF' },
+          ],
+        },
+      ],
+    },
+  })
+
+  editor.on('setDoc', () => {
+    editor.load('http://localhost:5173/example.jpg').then((el) => {
+      editor.addElement(el, {
+        position: { x: 500, y: 100 },
+      })
+    })
+  })
+</script>
+
+<template>
+  <div style="width: 100vw; height: 100vh">
+    <Drawboard :editor="editor">
+      <template #selector="{ box }">
+        Selector
+      </template>
+
+      <template #transformer="{ box }">
+        <text>Transformer(in SVG)</text>
+      </template>
+
+      <template #floatbar>
+        Floatbar
+      </template>
+
+      <template #bottombar>
+        Bottombar
+      </template>
+    </Drawboard>
+  </div>
+</template>
+```
+
+slot sub component
+
+```vue
+<script setup lang="ts">
+  import { useEditor } from 'mce'
+  const { activeElement } = useEditor()
+</script>
+
+<template>
+  <div>
+    {{ activeElement }}
+  </div>
+</template>
+```
+
+## Related
+
+- [CodeSandbox Playground](https://codesandbox.io/p/devbox/thirsty-dawn-t2h69m)

package/dist/components/Auxiliary.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Bottombar.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ContextMenu.vue.d.ts

@@ -0,0 +1,25 @@
+declare function updateLocation(): void;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+    'position'?: {
+        x: number;
+        y: number;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {
+    updateLocation: typeof updateLocation;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+    "update:position": (value: {
+        x: number;
+        y: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:position"?: ((value: {
+        x: number;
+        y: number;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Drawboard.vue.d.ts

@@ -0,0 +1,58 @@
+import type { OrientedBoundingBox } from '../types';
+import { Editor } from '../editor';
+type __VLS_Slots = {
+    selector?: (props: {
+        box: OrientedBoundingBox;
+    }) => void;
+    transformer?: (props: {
+        box: Partial<OrientedBoundingBox>;
+    }) => void;
+    floatbar?: () => void;
+    bottombar?: () => void;
+    default?: () => void;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: typeof Editor;
+    resizeStrategy: {
+        type: import("vue").PropType<import("..").ResizeStrategy>;
+        default: import("..").ResizeStrategy;
+    };
+    activeStrategy: {
+        type: import("vue").PropType<import("..").ActiveStrategy>;
+        default: import("..").ActiveStrategy;
+    };
+    hoverStrategy: {
+        type: import("vue").PropType<import("..").HoverStrategy>;
+        default: import("..").HoverStrategy;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "dblclick:drawboard": (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: typeof Editor;
+    resizeStrategy: {
+        type: import("vue").PropType<import("..").ResizeStrategy>;
+        default: import("..").ResizeStrategy;
+    };
+    activeStrategy: {
+        type: import("vue").PropType<import("..").ActiveStrategy>;
+        default: import("..").ActiveStrategy;
+    };
+    hoverStrategy: {
+        type: import("vue").PropType<import("..").HoverStrategy>;
+        default: import("..").HoverStrategy;
+    };
+}>> & Readonly<{
+    "onDblclick:drawboard"?: ((event: Event) => any) | undefined;
+}>, {
+    resizeStrategy: import("..").ResizeStrategy;
+    activeStrategy: import("..").ActiveStrategy;
+    hoverStrategy: import("..").HoverStrategy;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Drawing.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Floatbar.vue.d.ts

@@ -0,0 +1,54 @@
+declare function updateLocation(): void;
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    location: {
+        type: import("vue").PropType<import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start">;
+        default: NonNullable<import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start">;
+    };
+    offset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    target: import("vue").PropType<{
+        x: number;
+        y: number;
+    } | import("@floating-ui/vue").ReferenceElement>;
+    attach: {
+        type: import("vue").PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    };
+}>, {
+    updateLocation: typeof updateLocation;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    location: {
+        type: import("vue").PropType<import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start">;
+        default: NonNullable<import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start">;
+    };
+    offset: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    target: import("vue").PropType<{
+        x: number;
+        y: number;
+    } | import("@floating-ui/vue").ReferenceElement>;
+    attach: {
+        type: import("vue").PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    location: import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start";
+    attach: string | boolean | Element | null | undefined;
+    offset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Frame.vue.d.ts

@@ -0,0 +1,11 @@
+import type { Element2D } from 'modern-canvas';
+type __VLS_ModelProps = {
+    modelValue: Element2D;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Element2D) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Element2D) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Frames.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/GoBackSelectedArea.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Hover.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Rulers.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Scrollbars.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    infinite?: boolean;
+    offset?: number;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+    offset: number;
+    infinite: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Selector.vue.d.ts

@@ -0,0 +1,197 @@
+import type { AxisAlignedBoundingBox, OrientedBoundingBox } from '../types';
+type __VLS_Props = {
+    resizeStrategy?: 'free' | 'aspectRatio' | 'diagonalAspectRatio';
+    selectedArea?: AxisAlignedBoundingBox;
+};
+declare var __VLS_12: {
+    box: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        rotate: number;
+    };
+}, __VLS_14: {
+    box: OrientedBoundingBox;
+};
+type __VLS_Slots = {} & {
+    transformable?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    transformable: Readonly<import("vue").ShallowRef<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly tag?: string | any;
+            readonly modelValue?: Partial<OrientedBoundingBox> | undefined;
+            readonly moveable?: boolean | undefined;
+            readonly rotatable?: boolean | undefined;
+            readonly resizable?: boolean | undefined;
+            readonly threshold?: number | undefined;
+            readonly resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio" | undefined;
+            readonly handleStrategy?: "default" | "point" | undefined;
+            readonly handleShape?: "rect" | "circle" | undefined;
+            readonly color?: string | undefined;
+            readonly handleColor?: string | undefined;
+            readonly visibility?: "visible" | "none" | "auto" | undefined;
+            readonly handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[] | undefined;
+            readonly initialSize?: boolean | undefined;
+            readonly borderStyle?: "solid" | "dashed" | undefined;
+            readonly getTipText?: ((type: "rotate" | "resize") => string) | undefined;
+            readonly onMove?: ((args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
+            readonly onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
+            readonly onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "move", args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => void) & ((event: "end", args_0: OrientedBoundingBox) => void) & ((event: "start", args_0: OrientedBoundingBox) => void) & ((event: "update:modelValue", args_0: OrientedBoundingBox) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<{
+            tag?: string | any;
+            modelValue?: Partial<OrientedBoundingBox>;
+            moveable?: boolean;
+            rotatable?: boolean;
+            resizable?: boolean;
+            threshold?: number;
+            resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio";
+            handleStrategy?: "default" | "point";
+            handleShape?: "rect" | "circle";
+            color?: string;
+            handleColor?: string;
+            visibility?: "visible" | "none" | "auto";
+            handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
+            initialSize?: boolean;
+            borderStyle?: "solid" | "dashed";
+            getTipText?: (type: "rotate" | "resize") => string;
+        }> & Readonly<{
+            onMove?: ((args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
+            onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
+            onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
+            "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
+        }>, {
+            start: (event?: MouseEvent, index?: number) => boolean;
+            activeHandle: import("vue").Ref<("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right") | undefined, ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right") | undefined>;
+            transforming: import("vue").Ref<boolean, boolean>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            move: (args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any;
+            end: (args_0: OrientedBoundingBox) => any;
+            start: (args_0: OrientedBoundingBox) => any;
+            "update:modelValue": (args_0: OrientedBoundingBox) => any;
+        }, string, {
+            color: string;
+            visibility: "visible" | "none" | "auto";
+            resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
+            tag: string | any;
+            moveable: boolean;
+            rotatable: boolean;
+            resizable: boolean;
+            threshold: number;
+            handleStrategy: "default" | "point";
+            handleColor: string;
+            handles: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
+        }, {}, 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 import("vue").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<{
+        color: string;
+        visibility: "visible" | "none" | "auto";
+        resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
+        tag: string | any;
+        moveable: boolean;
+        rotatable: boolean;
+        resizable: boolean;
+        threshold: number;
+        handleStrategy: "default" | "point";
+        handleColor: string;
+        handles: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
+    }> & Omit<Readonly<{
+        tag?: string | any;
+        modelValue?: Partial<OrientedBoundingBox>;
+        moveable?: boolean;
+        rotatable?: boolean;
+        resizable?: boolean;
+        threshold?: number;
+        resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio";
+        handleStrategy?: "default" | "point";
+        handleShape?: "rect" | "circle";
+        color?: string;
+        handleColor?: string;
+        visibility?: "visible" | "none" | "auto";
+        handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
+        initialSize?: boolean;
+        borderStyle?: "solid" | "dashed";
+        getTipText?: (type: "rotate" | "resize") => string;
+    }> & Readonly<{
+        onMove?: ((args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
+        onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
+        onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
+        "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
+    }>, "start" | "transforming" | "activeHandle" | ("color" | "visibility" | "resizeStrategy" | "tag" | "moveable" | "rotatable" | "resizable" | "threshold" | "handleStrategy" | "handleColor" | "handles")> & import("vue").ShallowUnwrapRef<{
+        start: (event?: MouseEvent, index?: number) => boolean;
+        activeHandle: import("vue").Ref<("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right") | undefined, ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right") | undefined>;
+        transforming: import("vue").Ref<boolean, boolean>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {
+                value: Partial<OrientedBoundingBox> | undefined;
+                moveProps: {
+                    onPointerdown: (event?: MouseEvent, index?: number) => boolean;
+                    style: {
+                        cursor: string;
+                    };
+                };
+                start: (event?: MouseEvent, index?: number) => boolean;
+            }) => any;
+        } & {
+            svg?: (props: {
+                box: {
+                    left: number;
+                    top: number;
+                    width: number;
+                    height: number;
+                    rotate: number;
+                };
+            }) => any;
+        };
+    }) | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    selectedArea: AxisAlignedBoundingBox;
+}, {}, {}, {}, 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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Starter.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Statusbar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/TextEditor.vue.d.ts

@@ -0,0 +1,6 @@
+import type { TextEditor as _TextEditor } from 'modern-text/web-components';
+declare const __VLS_export: import("vue").DefineComponent<{}, {
+    textEditor: import("vue").Ref<_TextEditor | undefined, _TextEditor | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/shared/Dialog.vue.d.ts

@@ -0,0 +1,58 @@
+declare function updateLocation(): void;
+declare var __VLS_8: {
+    props: {
+        ref: (el: any) => any;
+    };
+    isActive: boolean;
+}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    activator?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
+    offset: NumberConstructor;
+    target: import("vue").PropType<{
+        x: number;
+        y: number;
+    } | import("@floating-ui/vue").ReferenceElement>;
+    attach: {
+        type: import("vue").PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>, {
+    isActive: import("vue").ModelRef<boolean | undefined, string, boolean | undefined, boolean | undefined>;
+    updateLocation: typeof updateLocation;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
+    offset: NumberConstructor;
+    target: import("vue").PropType<{
+        x: number;
+        y: number;
+    } | import("@floating-ui/vue").ReferenceElement>;
+    attach: {
+        type: import("vue").PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    attach: string | boolean | Element | null | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};