mce 0.14.3 → 0.15.0

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

@@ -1,7 +1,7 @@
 declare function updateLocation(): void;
-declare var __VLS_8: {};
+declare var __VLS_9: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_9) => 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>;

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

@@ -1,10 +1,10 @@
-import type { AxisAlignedBoundingBox } from '../types';
 import type { TransformableValue } from './shared/Transformable.vue';
+import { Aabb2D } from 'modern-canvas';
 type __VLS_Props = {
     resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
-    selectedArea?: AxisAlignedBoundingBox;
+    selectedArea?: Aabb2D;
 };
-declare var __VLS_12: {
+declare var __VLS_13: {
     box: {
         left: number;
         top: number;
@@ -13,20 +13,20 @@ declare var __VLS_12: {
         rotate: number;
         borderRadius: number;
     };
-}, __VLS_14: {
+}, __VLS_15: {
     box: {
-        borderRadius: number;
-        rotate?: number;
         left: number;
         top: number;
         width: number;
         height: number;
+        rotate: number;
+        borderRadius: number;
     };
 };
 type __VLS_Slots = {} & {
-    transformable?: (props: typeof __VLS_12) => any;
+    transformable?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     transformable: Readonly<import("vue").ShallowRef<({
@@ -49,8 +49,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly borderStyle?: "solid" | "dashed" | undefined;
             readonly tipFormat?: ((type: "size") => string) | undefined;
             readonly onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
-            readonly onEnd?: ((args_0: TransformableValue) => any) | undefined;
             readonly onStart?: ((args_0: TransformableValue) => any) | undefined;
+            readonly onEnd?: ((args_0: TransformableValue) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: {
@@ -65,7 +65,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "move", args_0: TransformableValue, args_1: TransformableValue) => void) & ((event: "end", args_0: TransformableValue) => void) & ((event: "start", args_0: TransformableValue) => void) & ((event: "update:modelValue", args_0: TransformableValue) => void);
+        $emit: ((event: "move", args_0: TransformableValue, args_1: TransformableValue) => void) & ((event: "start", args_0: TransformableValue) => void) & ((event: "end", args_0: TransformableValue) => void) & ((event: "update:modelValue", args_0: TransformableValue) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             tag?: string | any;
@@ -85,8 +85,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             tipFormat?: (type: "size") => string;
         }> & Readonly<{
             onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
-            onEnd?: ((args_0: TransformableValue) => any) | undefined;
             onStart?: ((args_0: TransformableValue) => any) | undefined;
+            onEnd?: ((args_0: TransformableValue) => any) | undefined;
             "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
         }>, {
             start: (event?: MouseEvent, index?: number) => boolean;
@@ -94,8 +94,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             transforming: import("vue").Ref<boolean, boolean>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             move: (args_0: TransformableValue, args_1: TransformableValue) => any;
-            end: (args_0: TransformableValue) => any;
             start: (args_0: TransformableValue) => any;
+            end: (args_0: TransformableValue) => any;
             "update:modelValue": (args_0: TransformableValue) => any;
         }, string, {
             handleShape: "rect" | "circle";
@@ -153,8 +153,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         tipFormat?: (type: "size") => string;
     }> & Readonly<{
         onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
-        onEnd?: ((args_0: TransformableValue) => any) | undefined;
         onStart?: ((args_0: TransformableValue) => any) | undefined;
+        onEnd?: ((args_0: TransformableValue) => any) | undefined;
         "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
     }>, "transforming" | "start" | "activeHandle" | ("handleShape" | "movable" | "rotatable" | "resizable" | "tag" | "adjustableBorderRadius" | "threshold" | "handles")> & import("vue").ShallowUnwrapRef<{
         start: (event?: MouseEvent, index?: number) => boolean;
@@ -201,8 +201,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             readonly borderStyle?: "solid" | "dashed" | undefined;
             readonly tipFormat?: ((type: "size") => string) | undefined;
             readonly onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
-            readonly onEnd?: ((args_0: TransformableValue) => any) | undefined;
             readonly onStart?: ((args_0: TransformableValue) => any) | undefined;
+            readonly onEnd?: ((args_0: TransformableValue) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: {
@@ -217,7 +217,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "move", args_0: TransformableValue, args_1: TransformableValue) => void) & ((event: "end", args_0: TransformableValue) => void) & ((event: "start", args_0: TransformableValue) => void) & ((event: "update:modelValue", args_0: TransformableValue) => void);
+        $emit: ((event: "move", args_0: TransformableValue, args_1: TransformableValue) => void) & ((event: "start", args_0: TransformableValue) => void) & ((event: "end", args_0: TransformableValue) => void) & ((event: "update:modelValue", args_0: TransformableValue) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             tag?: string | any;
@@ -237,8 +237,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             tipFormat?: (type: "size") => string;
         }> & Readonly<{
             onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
-            onEnd?: ((args_0: TransformableValue) => any) | undefined;
             onStart?: ((args_0: TransformableValue) => any) | undefined;
+            onEnd?: ((args_0: TransformableValue) => any) | undefined;
             "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
         }>, {
             start: (event?: MouseEvent, index?: number) => boolean;
@@ -246,8 +246,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
             transforming: import("vue").Ref<boolean, boolean>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             move: (args_0: TransformableValue, args_1: TransformableValue) => any;
-            end: (args_0: TransformableValue) => any;
             start: (args_0: TransformableValue) => any;
+            end: (args_0: TransformableValue) => any;
             "update:modelValue": (args_0: TransformableValue) => any;
         }, string, {
             handleShape: "rect" | "circle";
@@ -305,8 +305,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         tipFormat?: (type: "size") => string;
     }> & Readonly<{
         onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
-        onEnd?: ((args_0: TransformableValue) => any) | undefined;
         onStart?: ((args_0: TransformableValue) => any) | undefined;
+        onEnd?: ((args_0: TransformableValue) => any) | undefined;
         "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
     }>, "transforming" | "start" | "activeHandle" | ("handleShape" | "movable" | "rotatable" | "resizable" | "tag" | "adjustableBorderRadius" | "threshold" | "handles")> & import("vue").ShallowUnwrapRef<{
         start: (event?: MouseEvent, index?: number) => boolean;
@@ -335,7 +335,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         };
     }) | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    selectedArea: AxisAlignedBoundingBox;
+    selectedArea: Aabb2D;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -44,18 +44,18 @@ type __VLS_ModelProps = {
     'style'?: Record<string, any>;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {
+declare var __VLS_7: {
     scale: number;
     ok: typeof ok;
     cancel: typeof cancel;
     applySourceTransformToStyle: typeof applySourceTransformToStyle;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    end: () => any;
     start: () => any;
+    end: () => any;
     "update:modelValue": (value: ImageFillCropRect) => any;
     "update:transform": (args_0: {
         left: number;
@@ -65,8 +65,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     }) => any;
     "update:style": (value: Record<string, any>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onEnd?: (() => any) | undefined;
     onStart?: (() => any) | undefined;
+    onEnd?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: ImageFillCropRect) => any) | undefined;
     "onUpdate:transform"?: ((args_0: {
         left: number;

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

@@ -1,14 +1,14 @@
 declare function updateLocation(): void;
-declare var __VLS_9: {
+declare var __VLS_10: {
     props: {
         ref: (el: any) => any;
     };
     isActive: boolean;
-}, __VLS_11: {};
+}, __VLS_12: {};
 type __VLS_Slots = {} & {
-    activator?: (props: typeof __VLS_9) => any;
+    activator?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_12) => 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>;

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

@@ -7,11 +7,11 @@ type __VLS_ModelProps = {
     modelValue?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_22: {
+declare var __VLS_23: {
     isActive: import("vue").ModelRef<boolean | undefined, string, boolean | undefined, boolean | undefined>;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_22) => any;
+    default?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean | undefined) => any;

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

@@ -1,24 +1,24 @@
 declare function updateLocation(): void;
-declare var __VLS_9: {
+declare var __VLS_10: {
     props: {
         onMouseenter: () => boolean;
         onMouseleave: () => boolean;
         ref: (el: any) => any;
     };
     isActive: boolean;
-}, __VLS_11: {}, __VLS_13: {};
+}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
-    activator?: (props: typeof __VLS_9) => any;
+    activator?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_12) => any;
 } & {
-    kbd?: (props: typeof __VLS_13) => any;
+    kbd?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     showArrow: BooleanConstructor;
     location: {
-        type: import("vue").PropType<import("@floating-ui/vue").Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
-        default: NonNullable<import("@floating-ui/vue").Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
+        type: import("vue").PropType<import("@floating-ui/vue").Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: NonNullable<import("@floating-ui/vue").Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
     };
     offset: {
         type: import("vue").PropType<number>;
@@ -46,8 +46,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     showArrow: BooleanConstructor;
     location: {
-        type: import("vue").PropType<import("@floating-ui/vue").Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
-        default: NonNullable<import("@floating-ui/vue").Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start">;
+        type: import("vue").PropType<import("@floating-ui/vue").Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: NonNullable<import("@floating-ui/vue").Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
     };
     offset: {
         type: import("vue").PropType<number>;
@@ -72,7 +72,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     offset: number;
-    location: import("@floating-ui/vue").Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start";
+    location: import("@floating-ui/vue").Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     attach: string | boolean | Element | null | undefined;
     middlewares: ("shift" | "offset" | "flip")[];
     showArrow: boolean;

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

@@ -27,7 +27,7 @@ declare var __VLS_8: {
         onPointerdown: typeof start;
     };
     start: typeof start;
-}, __VLS_16: {
+}, __VLS_15: {
     box: {
         left: number;
         top: number;
@@ -40,7 +40,7 @@ declare var __VLS_8: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 } & {
-    svg?: (props: typeof __VLS_16) => any;
+    svg?: (props: typeof __VLS_15) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     start: typeof start;
@@ -48,13 +48,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     transforming: import("vue").Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     move: (args_0: TransformableValue, args_1: TransformableValue) => any;
-    end: (args_0: TransformableValue) => any;
     start: (args_0: TransformableValue) => any;
+    end: (args_0: TransformableValue) => any;
     "update:modelValue": (args_0: TransformableValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
-    onEnd?: ((args_0: TransformableValue) => any) | undefined;
     onStart?: ((args_0: TransformableValue) => any) | undefined;
+    onEnd?: ((args_0: TransformableValue) => any) | undefined;
     "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
 }>, {
     handleShape: "rect" | "circle";

package/dist/composables/layer.d.ts

@@ -1,33 +1,38 @@
 import type { Node } from 'modern-canvas';
 import type { ComponentInternalInstance, InjectionKey, Ref } from 'vue';
-interface LayerProvide {
+export interface LayerItem {
+    id: string;
+    node: Ref<Node>;
+    dom: Ref<HTMLElement | undefined>;
+    opened: Ref<boolean>;
+}
+export interface LayerProvide {
     selecting: Ref<boolean>;
     sortedSelection: Ref<Node[]>;
-    register: (vm: ComponentInternalInstance, options: {
-        id: string;
-        dom: Ref<HTMLElement | undefined>;
-        opened: Ref<boolean>;
-    }) => void;
+    register: (vm: ComponentInternalInstance, item: LayerItem) => void;
     unregister: (id: string) => void;
+    onMousedown?: (event: MouseEvent, id: string) => void;
+    dragging: Ref<boolean>;
+    droppingItemId: Ref<string | undefined>;
 }
 export declare const MceLayerKey: InjectionKey<LayerProvide>;
 export declare const MceLayerItemKey: InjectionKey<{
     id: string;
 }>;
-export declare function createLayer(options: {
-    sortedSelection: Ref<Node[]>;
-}): {
+export declare function createLayer(options: Pick<LayerProvide, 'sortedSelection'>): {
     selecting: Ref<boolean, boolean>;
     openedItems: import("vue").Reactive<Map<string, Ref<boolean, boolean>>>;
     domItems: import("vue").Reactive<Map<string, Ref<HTMLElement | undefined, HTMLElement | undefined>>>;
+    getIdByNode: (node: Node) => string | undefined;
 };
-export declare function useLayerItem(options: {
+export declare function useLayerItem(options: Omit<LayerItem, 'id'>): {
     id: string;
-    node: Ref<Node>;
-    opened: Ref<boolean>;
-    dom: Ref<HTMLElement | undefined>;
-}): {
+    dropping: import("vue").ComputedRef<boolean>;
+    onMousedown: (e: MouseEvent) => void | undefined;
     selecting: Ref<boolean>;
     sortedSelection: Ref<Node[]>;
+    register: (vm: ComponentInternalInstance, item: LayerItem) => void;
+    unregister: (id: string) => void;
+    dragging: Ref<boolean>;
+    droppingItemId: Ref<string | undefined>;
 };
-export {};

package/dist/composables/overlay.d.ts

@@ -19,9 +19,9 @@ export declare const makeMceOverlayProps: <Defaults extends {
     target?: unknown;
     attach?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
-    location: unknown extends Defaults["location"] ? PropType<Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start"> : {
-        type: PropType<unknown extends Defaults["location"] ? Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start" : Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start" | Defaults["location"]>;
-        default: unknown extends Defaults["location"] ? Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start" : NonNullable<Side | "top-end" | "top-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "left-end" | "left-start"> | Defaults["location"];
+    location: unknown extends Defaults["location"] ? PropType<Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"> : {
+        type: PropType<unknown extends Defaults["location"] ? Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" : Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | Defaults["location"]>;
+        default: unknown extends Defaults["location"] ? Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" : NonNullable<Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"> | Defaults["location"];
     };
     offset: unknown extends Defaults["offset"] ? NumberConstructor : {
         type: PropType<unknown extends Defaults["offset"] ? number : number | Defaults["offset"]>;

package/dist/{models → crdt}/Doc.d.ts

@@ -12,11 +12,6 @@ interface AddNodeOptions {
 export type YNode = Y.Map<unknown> & {
     get: ((prop: 'id') => string) & ((prop: 'name') => string) & ((prop: 'parentId') => string) & ((prop: 'style') => Y.Map<unknown>) & ((prop: 'background') => Y.Map<unknown>) & ((prop: 'shape') => Y.Map<unknown>) & ((prop: 'fill') => Y.Map<unknown>) & ((prop: 'outline') => Y.Map<unknown>) & ((prop: 'text') => Y.Map<unknown>) & ((prop: 'foreground') => Y.Map<unknown>) & ((prop: 'shadow') => Y.Map<unknown>) & ((prop: 'meta') => Y.Map<unknown>) & ((prop: 'childrenIds') => Y.Array<string>) & (<T = unknown>(prop: string) => T);
 };
-export interface YNodeResult {
-    id: string;
-    node: YNode;
-}
-export declare function iElementToYNodes(element: Element, parentId: string | undefined, regenId?: boolean): YNodeResult[];
 export interface DocEvents extends ModelEvents {
     history: [arg0: Y.UndoManager];
 }
@@ -39,20 +34,16 @@ export declare class Doc extends Model {
     load(initFn?: () => void | Promise<void>): Promise<this>;
     protected _isSelfTransaction(transaction: Y.Transaction): boolean;
     protected _debug(..._args: any[]): void;
-    protected _onChildrenChange(event: Y.YMapEvent<Y.Map<unknown>>, transaction: Y.Transaction): void;
+    protected _yChildrenChange(event: Y.YMapEvent<Y.Map<unknown>>, transaction: Y.Transaction): void;
     reset(): this;
-    protected _addNode(node: Element, options?: AddNodeOptions): Node;
-    addNode(node: Element, options?: AddNodeOptions): Node;
-    addNodes(nodes: Element[], options?: AddNodeOptions): Node[];
+    protected _addNode(data: Element, options?: AddNodeOptions): Node;
+    addNode(data: Element, options?: AddNodeOptions): Node;
+    addNodes(dataItems: Element[], options?: AddNodeOptions): Node[];
     set(source: Document): this;
-    protected _deleteNode(id: string): void;
-    deleteNode(id: string): void;
-    getNode<T extends Node = Node>(id: string): T | undefined;
-    moveNode(id: string, toIndex: number): void;
     protected _proxyProps(obj: CoreObject, yMap: Y.Map<any>, isMeta?: boolean): void;
     protected _proxyChildren(node: Node, childrenIds: Y.Array<string>): void;
-    protected _proxyNode(node: Node, yEle: YNode): void;
-    protected _getOrCreateNode(yNode: YNode): Node;
+    protected _proxyNode(node: Node, yNode?: YNode, yChildrenIds?: Y.Array<string>): YNode;
+    protected _initYNode(yNode: YNode): Node;
     toJSON(): Record<string, any>;
 }
 export {};

package/dist/index.css

@@ -113,8 +113,7 @@
   min-width: max-content;
   border-radius: 4px;
 }
-.mce-layer:before {
-  content: "";
+.mce-layer__underlay {
   position: absolute;
   left: 0;
   right: 0;
@@ -124,8 +123,7 @@
   pointer-events: none;
   border-radius: inherit;
 }
-.mce-layer:after {
-  content: "";
+.mce-layer__overlay {
   position: absolute;
   left: 0;
   right: 0;
@@ -145,17 +143,17 @@
 .mce-layer--hover {
   --overlay-color: rgba(var(--mce-theme-on-background), var(--mce-hover-opacity));
 }
-.mce-layer--active:before {
+.mce-layer--active .mce-layer__underlay {
   top: 0;
   bottom: 0;
   border-radius: 0;
 }
-.mce-layer--first:before {
+.mce-layer--first .mce-layer__underlay {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   top: 4px;
 }
-.mce-layer--last:before {
+.mce-layer--last .mce-layer__underlay {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   bottom: 4px;
@@ -166,17 +164,29 @@
 .mce-layer--active:hover {
   --overlay-color: rgba(var(--mce-theme-primary), var(--mce-hover-opacity));
 }
-.mce-layer--open .mce-layer__expand .mce-icon {
+.mce-layer--open .mce-layer__prepend .mce-icon {
   transform: rotate(90deg);
 }
-.mce-layer__expand {
+.mce-layer__prepend {
   display: flex;
   align-items: center;
   width: 16px;
   height: 100%;
   flex: none;
 }
+.mce-layer--dropping .mce-layer__content:after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 2px;
+  background-color: rgb(var(--mce-theme-on-background));
+  pointer-events: none;
+  border-radius: inherit;
+}
 .mce-layer__content {
+  position: relative;
   flex: 1;
   display: flex;
   align-items: center;
@@ -231,13 +241,13 @@
   width: max-content;
   min-width: 100%;
 }
-.mce-layers .mce-layer__expand {
+.mce-layers .mce-layer__prepend {
   opacity: 0;
 }
-.mce-layers .mce-layer--root:hover .mce-layer__expand {
+.mce-layers .mce-layer--root:hover .mce-layer__prepend {
   opacity: 1;
 }
-.mce-layers:hover .mce-layer:not(.mce-layer--root) .mce-layer__expand {
+.mce-layers:hover .mce-layer:not(.mce-layer--root) .mce-layer__prepend {
   opacity: 1;
 }.mce-made-with {
   pointer-events: auto !important;

package/dist/index.d.ts

@@ -11,10 +11,10 @@ export { default as Scrollbar } from './components/shared/Scrollbar.vue';
 export { default as Transformable } from './components/shared/Transformable.vue';
 export { default as EditorToolbelt } from './components/Toolbelt.vue';
 export * from './composables';
+export * from './crdt';
 export * from './editor';
 export * from './mixin';
 export * from './mixins';
-export * from './models';
 export * from './plugin';
 export * from './plugins';
 export * from './types';