mce 0.1.0

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

@@ -0,0 +1,71 @@
+import type { PropType } from 'vue';
+type __VLS_Slots = {
+    title?: (props: {
+        item: MenuItem;
+    }) => any;
+    activator?: (props: any) => any;
+};
+export interface MenuItem {
+    key: string;
+    handle?: (event: MouseEvent) => void;
+    type?: 'divider';
+    disabled?: boolean;
+    children?: MenuItem[];
+}
+declare function updateLocation(): void;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    items: PropType<MenuItem[]>;
+    openOnHover: BooleanConstructor;
+    persistent: BooleanConstructor;
+    location: PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
+    offset: NumberConstructor;
+    target: PropType<{
+        x: number;
+        y: number;
+    } | import("@floating-ui/vue").ReferenceElement>;
+    attach: {
+        type: PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    };
+    modelValue: {
+        type: 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;
+    "click:item": (item: MenuItem, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    items: PropType<MenuItem[]>;
+    openOnHover: BooleanConstructor;
+    persistent: BooleanConstructor;
+    location: PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
+    offset: NumberConstructor;
+    target: PropType<{
+        x: number;
+        y: number;
+    } | import("@floating-ui/vue").ReferenceElement>;
+    attach: {
+        type: PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<boolean>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+    "onClick:item"?: ((item: MenuItem, event: MouseEvent) => any) | undefined;
+}>, {
+    attach: string | boolean | Element | null | undefined;
+    openOnHover: boolean;
+    persistent: boolean;
+}, {}, {}, {}, 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/shared/Overlay.vue.d.ts

@@ -0,0 +1,64 @@
+declare var __VLS_1: {
+    props: {
+        ref: (el: any) => any;
+    };
+    isActive: boolean;
+}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    activator?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_8) => 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: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    activatorEl: import("vue").Ref<any, any>;
+    target: import("vue").ComputedRef<any>;
+    contentEl: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
+    updateLocation: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:outside": (event: MouseEvent) => any;
+    "update:modelValue": (val: boolean) => 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: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
+}>, {
+    attach: string | boolean | Element | null | undefined;
+    modelValue: boolean;
+}, {}, {}, {}, 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/shared/Ruler.vue.d.ts

@@ -0,0 +1,17 @@
+import type { AxisAlignedBoundingBox } from '../../types';
+type __VLS_Props = {
+    size?: number;
+    vertical?: boolean;
+    zoom?: number;
+    offset?: number;
+    aabb?: AxisAlignedBoundingBox;
+    pixelRatio?: 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;
+    pixelRatio: number;
+    zoom: number;
+    offset: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    zoom: number;
+    length: number;
+    vertical?: boolean;
+    infinite?: boolean;
+    size: number;
+    offset: number;
+};
+type __VLS_ModelProps = {
+    modelValue: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (offset: number) => any;
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onScroll?: ((offset: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,71 @@
+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: {
+        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;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>, {
+    updateLocation: typeof updateLocation;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, 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;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    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/shared/Transformable.vue.d.ts

@@ -0,0 +1,79 @@
+import type { OrientedBoundingBox } from '../../types';
+type Handle = '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';
+type __VLS_Props = {
+    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?: Handle[];
+    initialSize?: boolean;
+    borderStyle?: 'solid' | 'dashed';
+    getTipText?: (type: 'rotate' | 'resize') => string;
+};
+declare function start(event?: MouseEvent, index?: number): boolean;
+declare var __VLS_7: {
+    value: Partial<OrientedBoundingBox> | undefined;
+    moveProps: {
+        onPointerdown: typeof start;
+        style: {
+            cursor: string;
+        };
+    };
+    start: typeof start;
+}, __VLS_9: {
+    box: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        rotate: number;
+    };
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    svg?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    start: typeof start;
+    activeHandle: import("vue").Ref<Handle | undefined, Handle | 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, import("vue").PublicProps, Readonly<__VLS_Props> & 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;
+}>, {
+    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: Handle[];
+}, {}, {}, {}, 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/composables/editor.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from '../editor';
+export declare function useEditor(): Editor;
+export declare function provideEditor(): Editor;

package/dist/composables/index.d.ts

@@ -0,0 +1,4 @@
+export * from './editor';
+export * from './menu';
+export * from './overlay';
+export * from './strategy';

package/dist/composables/menu.d.ts

@@ -0,0 +1,7 @@
+import type { InjectionKey } from 'vue';
+export interface MceMenuProvide {
+    register: () => void;
+    unregister: () => void;
+    closeParents: (e?: MouseEvent) => void;
+}
+export declare const MceMenuSymbol: InjectionKey<MceMenuProvide>;

package/dist/composables/overlay.d.ts

@@ -0,0 +1,60 @@
+import type { ReferenceElement, Side } from '@floating-ui/vue';
+import type { ComputedRef, InjectionKey, PropType } from 'vue';
+export interface OverlayOptions {
+    attach?: ComputedRef<string | boolean | Element | null | undefined>;
+}
+export interface MceOverlayItem {
+    index: ComputedRef<number>;
+    attach?: OverlayOptions['attach'];
+}
+export interface MceOverlayProvide {
+    register: (id: number) => MceOverlayItem;
+    unregister: (id: number) => void;
+}
+export declare const MceOverlaySymbol: InjectionKey<MceOverlayProvide>;
+export declare const makeMceOverlayProps: <Defaults extends {
+    location?: unknown;
+    offset?: unknown;
+    target?: unknown;
+    attach?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    location: unknown extends Defaults["location"] ? PropType<Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start"> : {
+        type: PropType<unknown extends Defaults["location"] ? Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start" : Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start" | Defaults["location"]>;
+        default: unknown extends Defaults["location"] ? Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start" : NonNullable<Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start"> | Defaults["location"];
+    };
+    offset: unknown extends Defaults["offset"] ? NumberConstructor : {
+        type: PropType<unknown extends Defaults["offset"] ? number : number | Defaults["offset"]>;
+        default: unknown extends Defaults["offset"] ? number : number | Defaults["offset"];
+    };
+    target: unknown extends Defaults["target"] ? PropType<{
+        x: number;
+        y: number;
+    } | ReferenceElement> : {
+        type: PropType<unknown extends Defaults["target"] ? {
+            x: number;
+            y: number;
+        } | ReferenceElement : {
+            x: number;
+            y: number;
+        } | ReferenceElement | Defaults["target"]>;
+        default: unknown extends Defaults["target"] ? {
+            x: number;
+            y: number;
+        } | ReferenceElement : Defaults["target"] | NonNullable<{
+            x: number;
+            y: number;
+        } | ReferenceElement>;
+    };
+    attach: unknown extends Defaults["attach"] ? {
+        type: PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<string | boolean | Element | null | undefined>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["attach"] ? string | boolean | Element | null | undefined : string | boolean | Element | Defaults["attach"] | null | undefined>;
+        default: unknown extends Defaults["attach"] ? string | boolean | Element | null | undefined : Defaults["attach"] | NonNullable<string | boolean | Element | null | undefined>;
+    };
+};
+export declare function provideOverlay(options?: OverlayOptions): MceOverlayProvide;
+export declare function useOverlay(): MceOverlayItem;

package/dist/composables/strategy.d.ts

@@ -0,0 +1,40 @@
+import type { Element2D, PointerInputEvent } from 'modern-canvas';
+import type { PropType } from 'vue';
+export interface ActiveStrategyContext {
+    element: Element2D | undefined;
+    oldElement: Element2D | undefined;
+    event: PointerInputEvent;
+    isExcluded: (element: Element2D) => boolean;
+}
+export interface HoverStrategyContext extends ActiveStrategyContext {
+}
+export type ResizeStrategy = (element: Element2D) => 'free' | 'aspectRatio' | 'diagonalAspectRatio';
+export type ActiveStrategy = (context: ActiveStrategyContext) => {
+    element: Element2D | undefined;
+    state: Mce.State | undefined;
+} | Element2D | undefined;
+export type HoverStrategy = (context: HoverStrategyContext) => {
+    element: Element2D | undefined;
+    cursor: string | undefined;
+} | Element2D | undefined;
+export declare const makeMceStrategyProps: <Defaults extends {
+    resizeStrategy?: unknown;
+    activeStrategy?: unknown;
+    hoverStrategy?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    resizeStrategy: unknown extends Defaults["resizeStrategy"] ? PropType<ResizeStrategy> : {
+        type: PropType<unknown extends Defaults["resizeStrategy"] ? ResizeStrategy : ResizeStrategy | Defaults["resizeStrategy"]>;
+        default: unknown extends Defaults["resizeStrategy"] ? ResizeStrategy : ResizeStrategy | Defaults["resizeStrategy"];
+    };
+    activeStrategy: unknown extends Defaults["activeStrategy"] ? PropType<ActiveStrategy> : {
+        type: PropType<unknown extends Defaults["activeStrategy"] ? ActiveStrategy : ActiveStrategy | Defaults["activeStrategy"]>;
+        default: unknown extends Defaults["activeStrategy"] ? ActiveStrategy : ActiveStrategy | Defaults["activeStrategy"];
+    };
+    hoverStrategy: unknown extends Defaults["hoverStrategy"] ? PropType<HoverStrategy> : {
+        type: PropType<unknown extends Defaults["hoverStrategy"] ? HoverStrategy : HoverStrategy | Defaults["hoverStrategy"]>;
+        default: unknown extends Defaults["hoverStrategy"] ? HoverStrategy : HoverStrategy | Defaults["hoverStrategy"];
+    };
+};
+export declare const defaultResizeStrategy: ResizeStrategy;
+export declare const defaultActiveStrategy: ActiveStrategy;
+export declare const defaultHoverStrategy: HoverStrategy;

package/dist/editor.d.ts

@@ -0,0 +1,29 @@
+import type { RemovableRef } from '@vueuse/core';
+import type { ObservableEvents } from 'modern-idoc';
+import type { App, InjectionKey } from 'vue';
+import { Observable } from 'modern-idoc';
+export interface Options extends Mce.Options {
+    debug?: boolean;
+    plugins?: Plugin[];
+    configCacheInLocal?: boolean;
+}
+export interface Editor extends Mce.Editor {
+}
+export interface Events extends Mce.Events, ObservableEvents {
+}
+export declare class Editor extends Observable<Events> {
+    static injectionKey: InjectionKey<Editor>;
+    debug: import("vue").Ref<boolean, boolean>;
+    config: RemovableRef<Mce.Config>;
+    onEmit?: <K extends keyof Events & string>(event: K, ...args: Events[K]) => void;
+    constructor(options?: Options);
+    protected _setupObservable(): void;
+    log: (...args: any[]) => void;
+    emit: <K extends keyof Events & string>(event: K, ...args: Events[K]) => this;
+    protected _setupOptions(options: Options): void;
+    protected _setupPlugins(plugins: Plugin[], options: Options): void;
+    install: (app: App) => void;
+}
+export declare function createEditor(options?: Options): Editor;
+export type Plugin = (editor: Editor, options: Options) => ((editor: Editor, options: Options) => void) | Plugin[] | Record<string, any> | undefined | void;
+export declare function definePlugin(cb: Plugin): Plugin;

package/dist/index.css

@@ -0,0 +1 @@
+.mce-auxiliary{position:absolute;overflow:hidden;inset:0}.mce-auxiliary__alignment{position:absolute;background-color:#ff4aff;height:1px;width:1px}.mce-auxiliary__area{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#f424fd33}.mce-auxiliary__area:before{content:"";background:#1690ff;height:1px;width:100%}.mce-auxiliary__area:after{position:absolute;content:"";height:5px;width:100%;border-left:1px solid #1690ff;border-right:1px solid #1690ff}.mce-auxiliary__area--vertical:before{height:100%;width:1px}.mce-auxiliary__area--vertical:after{height:100%;width:5px;border-left:none;border-right:none;border-top:1px solid #1690ff;border-bottom:1px solid #1690ff}.mce-bottombar{position:absolute}.mce-overlay>*{pointer-events:auto}.mce-menu{-webkit-user-select:none;user-select:none}.mce-list{display:flex;flex-direction:column;background-color:rgba(var(--mce-theme-on-surface),1);color:rgba(var(--mce-theme-surface),1);box-shadow:var(--mce-shadow);padding:4px;border-radius:4px;gap:2px}.mce-list__divider{border-bottom:1px solid rgba(var(--mce-theme-surface),.12)}.mce-list-item{display:flex;width:100%;padding:4px 8px;border-radius:4px;cursor:pointer;align-items:center;gap:12px}.mce-list-item--opened,.mce-list-item:hover{background-color:rgba(var(--mce-theme-primary),1);color:rgba(var(--mce-theme-on-primary),1)}.mce-list-item--disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.4}.mce-list-item__title{flex:1;display:flex;align-items:center;font-size:12px;white-space:nowrap}.mce-list-item__append{width:12px;height:12px}.mce-list-item__append>svg{display:block;width:100%;height:100%}.mce-context-menu__title{flex:1}.mce-context-menu__kbd{margin-left:24px;opacity:.3}.mce-drawing{pointer-events:auto!important;position:fixed}.mce-drawing__content{margin:4px;border:1px solid rgba(0,0,0,.168627451);border-radius:4px;width:fit-content;height:22px;padding:0 4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:rgba(var(--mce-theme-surface),1)}.mce-frame{position:absolute;border:1px solid rgba(0,0,0,.168627451)}.mce-frame__name{position:absolute;top:0;left:0;transform:translateY(-100%) translateY(-4px);transform-origin:left bottom;font-size:12px;line-height:1.5;white-space:nowrap;pointer-events:auto;-webkit-user-select:none;user-select:none}.mce-frame__name>div{position:relative;min-width:28px;box-sizing:content-box;color:rgba(var(--mce-theme-on-surface),.8)}.mce-frame__name>input{position:absolute;left:0;top:0;outline:none;width:100%;height:100%;border:1px solid rgba(0,0,0,.168627451);border-radius:4px;cursor:default}.mce-back-selected-aera{pointer-events:auto!important;position:absolute;left:50%;bottom:24px;padding:4px 8px;display:flex;align-items:center;gap:4px;color:rgba(var(--mce-theme-surface),1);background-color:rgba(var(--mce-theme-on-background),.3);transform:translate(-50%);border-radius:8px;font-size:14px;cursor:pointer}.mce-hover{position:absolute;border-style:solid;border-width:2px;color:rgba(var(--mce-theme-primary),1)}.mce-tooltip{background:rgb(var(--mce-theme-surface-variant));color:rgb(var(--mce-theme-on-surface-variant));border-radius:4px;font-size:.875rem;line-height:1.6;display:inline-block;padding:5px 16px;text-transform:initial;width:auto;opacity:1;transition-property:opacity,transform;overflow-wrap:break-word}.mce-ruler{position:absolute;left:0;top:0}.mce-ruler__canvas{display:block;pointer-events:auto;cursor:pointer;background-color:rgba(var(--mce-theme-surface),1);color:rgba(var(--mce-theme-on-background),.3)}.mce-ruler-refline{position:absolute;border-style:dashed;border-width:0;border-color:rgba(var(--mce-theme-primary),1);pointer-events:auto!important}.mce-ruler-refline--vertical{border-top-width:1px;cursor:ns-resize}.mce-ruler-refline--horizontal{border-left-width:1px;cursor:ew-resize}.mce-ruler-refline--temp{border-color:rgba(var(--mce-theme-primary),.3)}.mce-scrollbar{position:absolute;display:flex;pointer-events:auto!important}.mce-scrollbar--vertical{right:0;flex-direction:column}.mce-scrollbar--horizontal{bottom:0}.mce-scrollbar__track{flex:1}.mce-scrollbar__thumb{position:absolute;border-radius:calc(infinity * 1px);background-color:rgba(var(--mce-theme-on-background),.3)}.mce-scrollbar__thumb--active,.mce-scrollbar__thumb:hover{background-color:rgba(var(--mce-theme-on-background),.4)}.mce-transformable{left:0;top:0}.mce-transformable__svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mce-transformable__box{stroke:currentColor;stroke-width:1px}.mce-transformable__handle{stroke:currentColor;stroke-width:1px;pointer-events:none}.mce-transformable__handle-box{stroke-width:1px;fill:transparent;stroke:transparent}.mce-parent-element-box{position:absolute;pointer-events:none;border-width:1px;border-style:dashed;color:rgba(var(--mce-theme-primary),1);opacity:.5}.mce-select-range-box{position:absolute;border-width:1px;border-style:solid;color:rgba(var(--mce-theme-primary),1);background-color:rgba(var(--mce-theme-primary),.1)}.mce-current-box{position:absolute;color:rgba(var(--mce-theme-primary),1)}.mce-selected-element-box{position:absolute;border-width:1px;border-style:solid;color:rgba(var(--mce-theme-primary),1)}.mce-starter{pointer-events:auto;position:absolute;width:100%;height:100%;background-color:rgba(var(--mce-theme-surface),1);display:flex;align-items:center;justify-content:center}.mce-starter__container{display:flex;margin:auto;flex-direction:column;gap:8px}.mce-starter__btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;cursor:pointer}.mce-starter__btn:hover{background-color:rgba(var(--mce-theme-background),1)}.mce-starter__kbd{margin-left:4px;display:flex;gap:4px}.mce-starter__kbd kbd{display:flex;align-items:center;justify-content:center;border-radius:4px;width:1.2em;height:1.2em;border:1px solid rgba(var(--mce-theme-on-surface),1)}.mce-statusbar[data-v-93456dcb]{-webkit-user-select:none;user-select:none;position:relative;display:flex;align-items:center;gap:4px;font-size:12px;line-height:1;width:100%;height:24px;padding:0 8px;background-color:rgba(var(--mce-theme-surface),1);color:rgba(var(--mce-theme-on-surface),1);font-weight:700}.mce-statusbar__item[data-v-93456dcb]{display:flex;align-items:center;gap:4px}.mce-statusbar__item>svg[data-v-93456dcb]{width:1em;height:1em}.mce-statusbar__divider[data-v-93456dcb]{width:0;height:60%;border-right:1px solid rgba(var(--mce-theme-on-surface),.2);margin:0 8px}.mce-statusbar__kbd[data-v-93456dcb]{outline:1px solid rgba(var(--mce-theme-on-surface),.4);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 2px;font-family:system-ui,-apple-system,sans-serif}.mce-text-editor{position:absolute;width:0;height:0;left:0;top:0;overflow:visible}.mce-text-editor__wrapper{position:absolute}.mce-text-editor__editor{pointer-events:auto!important;cursor:move}.mce-drawboard{--mce-theme-primary: 97, 101, 253;--mce-theme-on-primary: 247, 247, 248;--mce-theme-surface: 255, 255, 255;--mce-theme-on-surface: 56, 56, 56;--mce-theme-surface-variant: 35, 37, 41;--mce-theme-on-surface-variant: 255, 255, 255;--mce-theme-background: 240, 242, 245;--mce-theme-on-background: 56, 56, 56;--mce-shadow: 0 8px 32px 2px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .2)}.mce-drawboard{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background-color:rgba(var(--mce-theme-surface),1);color:rgba(var(--mce-theme-on-surface),1);overflow:hidden;-webkit-user-select:none;user-select:none}.mce-drawboard *{box-sizing:border-box}.mce-drawboard__overlay-container{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.mce-drawboard__main{position:relative;width:100%;flex:1;overflow:hidden}.mce-drawboard__main>*{pointer-events:none}.mce-drawboard__canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import './typed-global.d.ts';
+import './typed-plugins.d.ts';
+export { default as Drawboard } from './components/Drawboard.vue';
+export { default as Transformable } from './components/shared/Transformable.vue';
+export * from './composables';
+export * from './editor';
+export * from './models';
+export * from './sw';
+export * from './types';
+export * from './utils';
+export type { Camera2D, Element2D, Engine } from 'modern-canvas';
+export type { Element, NormalizedElement } from 'modern-idoc';