mce 0.13.0 → 0.13.2

package/README.md

@@ -46,14 +46,15 @@ npm i mce
     ],
     theme: 'system',
     viewMode: 'edgeless',
-    clipboard: true,
+    watermark: '/example.jpg',
     checkerboard: true,
+    checkerboardStyle: 'grid',
     pixelGrid: true,
+    pixelate: true,
     camera: true,
     ruler: true,
     scrollbar: true,
     statusbar: true,
-    wheelZoom: false,
     frameGap: 48,
     typographyStrategy: 'autoHeight',
     handleShape: 'rect',

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

@@ -12,6 +12,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: Omit<{
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    }, "type" | "default"> & {
+        type: import("vue").PropType<any[] | ("shift" | "flip" | "offset")[]>;
+        default: any[] | ("shift" | "flip" | "offset")[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -31,6 +38,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: Omit<{
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    }, "type" | "default"> & {
+        type: import("vue").PropType<any[] | ("shift" | "flip" | "offset")[]>;
+        default: any[] | ("shift" | "flip" | "offset")[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -43,6 +57,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     offset: number;
     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;
+    middlewares: any[] | ("shift" | "flip" | "offset")[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,6 +1,6 @@
 import type { AxisAlignedBoundingBox, OrientedBoundingBox } from '../types';
 type __VLS_Props = {
-    resizeStrategy?: 'free' | 'aspectRatio' | 'diagonalAspectRatio';
+    resizeStrategy?: 'aspectRatio' | 'diagonalAspectRatio';
     selectedArea?: AxisAlignedBoundingBox;
 };
 declare var __VLS_12: {
@@ -26,11 +26,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         $props: {
             readonly tag?: string | any;
             readonly modelValue?: Partial<OrientedBoundingBox> | undefined;
-            readonly moveable?: boolean | undefined;
+            readonly movable?: boolean | undefined;
             readonly rotatable?: boolean | undefined;
             readonly resizable?: boolean | undefined;
             readonly threshold?: number | undefined;
-            readonly resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio" | undefined;
+            readonly resizeStrategy?: "aspectRatio" | "diagonalAspectRatio" | undefined;
             readonly handleStrategy?: "default" | "point" | undefined;
             readonly handleShape?: "rect" | "circle" | undefined;
             readonly color?: string | undefined;
@@ -62,11 +62,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         $options: import("vue").ComponentOptionsBase<Readonly<{
             tag?: string | any;
             modelValue?: Partial<OrientedBoundingBox>;
-            moveable?: boolean;
+            movable?: boolean;
             rotatable?: boolean;
             resizable?: boolean;
             threshold?: number;
-            resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio";
+            resizeStrategy?: "aspectRatio" | "diagonalAspectRatio";
             handleStrategy?: "default" | "point";
             handleShape?: "rect" | "circle";
             color?: string;
@@ -93,11 +93,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         }, string, {
             color: string;
             visibility: "visible" | "none" | "auto";
+            movable: boolean;
+            rotatable: boolean;
             resizable: boolean;
             tag: string | any;
-            resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
-            moveable: boolean;
-            rotatable: boolean;
             threshold: number;
             handleStrategy: "default" | "point";
             handleColor: string;
@@ -125,11 +124,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     } & Readonly<{
         color: string;
         visibility: "visible" | "none" | "auto";
+        movable: boolean;
+        rotatable: boolean;
         resizable: boolean;
         tag: string | any;
-        resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
-        moveable: boolean;
-        rotatable: boolean;
         threshold: number;
         handleStrategy: "default" | "point";
         handleColor: string;
@@ -137,11 +135,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     }> & Omit<Readonly<{
         tag?: string | any;
         modelValue?: Partial<OrientedBoundingBox>;
-        moveable?: boolean;
+        movable?: boolean;
         rotatable?: boolean;
         resizable?: boolean;
         threshold?: number;
-        resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio";
+        resizeStrategy?: "aspectRatio" | "diagonalAspectRatio";
         handleStrategy?: "default" | "point";
         handleShape?: "rect" | "circle";
         color?: string;
@@ -156,7 +154,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
         onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
         onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
         "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
-    }>, "start" | "transforming" | "activeHandle" | ("color" | "visibility" | "resizable" | "tag" | "resizeStrategy" | "moveable" | "rotatable" | "threshold" | "handleStrategy" | "handleColor" | "handles")> & import("vue").ShallowUnwrapRef<{
+    }>, "start" | "transforming" | "activeHandle" | ("color" | "visibility" | "movable" | "rotatable" | "resizable" | "tag" | "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>;

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

@@ -13,6 +13,10 @@ type __VLS_Slots = {} & {
 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;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -32,6 +36,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -47,6 +55,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     attach: string | boolean | Element | null | undefined;
+    middlewares: ("shift" | "flip" | "offset")[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -20,6 +20,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     persistent: BooleanConstructor;
     location: PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: PropType<{
         x: number;
         y: number;
@@ -43,6 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     persistent: BooleanConstructor;
     location: PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: PropType<{
         x: number;
         y: number;
@@ -59,6 +67,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onClick:item"?: ((item: MenuItem, event: MouseEvent) => any) | undefined;
 }>, {
     attach: string | boolean | Element | null | undefined;
+    middlewares: ("shift" | "flip" | "offset")[];
     openOnHover: boolean;
     persistent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -12,6 +12,10 @@ type __VLS_Slots = {} & {
 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;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -35,6 +39,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -52,6 +60,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
 }>, {
     attach: string | boolean | Element | null | undefined;
+    middlewares: ("shift" | "flip" | "offset")[];
     modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -19,6 +19,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -43,6 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -60,6 +68,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     offset: number;
     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;
+    middlewares: ("shift" | "flip" | "offset")[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -3,11 +3,11 @@ type Handle = 'move' | 'rotate-top-left' | 'rotate-top-right' | 'rotate-bottom-l
 type __VLS_Props = {
     tag?: string | any;
     modelValue?: Partial<OrientedBoundingBox>;
-    moveable?: boolean;
+    movable?: boolean;
     rotatable?: boolean;
     resizable?: boolean;
     threshold?: number;
-    resizeStrategy?: 'free' | 'aspectRatio' | 'diagonalAspectRatio';
+    resizeStrategy?: 'aspectRatio' | 'diagonalAspectRatio';
     handleStrategy?: 'default' | 'point';
     handleShape?: 'rect' | 'circle';
     color?: string;
@@ -56,11 +56,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     color: string;
     visibility: "visible" | "none" | "auto";
+    movable: boolean;
+    rotatable: boolean;
     resizable: boolean;
     tag: string | any;
-    resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
-    moveable: boolean;
-    rotatable: boolean;
     threshold: number;
     handleStrategy: "default" | "point";
     handleColor: string;

package/dist/composables/overlay.d.ts

@@ -15,6 +15,7 @@ export declare const MceOverlaySymbol: InjectionKey<MceOverlayProvide>;
 export declare const makeMceOverlayProps: <Defaults extends {
     location?: unknown;
     offset?: unknown;
+    middlewares?: unknown;
     target?: unknown;
     attach?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
@@ -26,6 +27,16 @@ export declare const makeMceOverlayProps: <Defaults extends {
         type: PropType<unknown extends Defaults["offset"] ? number : number | Defaults["offset"]>;
         default: unknown extends Defaults["offset"] ? number : number | Defaults["offset"];
     };
+    middlewares: unknown extends Defaults["middlewares"] ? {
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    } : Omit<{
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["middlewares"] ? ("shift" | "flip" | "offset")[] : ("shift" | "flip" | "offset")[] | Defaults["middlewares"]>;
+        default: unknown extends Defaults["middlewares"] ? ("shift" | "flip" | "offset")[] : ("shift" | "flip" | "offset")[] | Defaults["middlewares"];
+    };
     target: unknown extends Defaults["target"] ? PropType<{
         x: number;
         y: number;

package/dist/composables/strategy.d.ts

@@ -8,7 +8,7 @@ export interface ActiveStrategyContext {
 }
 export interface HoverStrategyContext extends ActiveStrategyContext {
 }
-export type ResizeStrategy = (element: Element2D) => 'free' | 'aspectRatio' | 'diagonalAspectRatio';
+export type ResizeStrategy = (element: Element2D) => 'aspectRatio' | 'diagonalAspectRatio' | undefined;
 export type ActiveStrategy = (context: ActiveStrategyContext) => {
     element: Element2D | undefined;
     state: Mce.State | undefined;