vkedit 4.0.1 → 4.0.2

package/dist/{index.es-LscL1n3Y.js → index.es-BsTzN-5u.js}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-Dpse_csX.js";
+import { c as Da, _ as Va, g as il } from "./index-BlZP6Kl3.js";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/dist/plugins/barcode/PropertyPanel.vue.d.ts

@@ -1,6 +1,6 @@
 import { EditorHost } from '../../core';
 import { BarcodeElement } from './barcode';
-interface Props {
+export interface Props {
     host: EditorHost;
     element: BarcodeElement;
     selection: BarcodeElement[];

package/dist/plugins/barcode/Shape.vue.d.ts

@@ -1,8 +1,6 @@
+import { ShapeProps } from '../../types/shape-props';
 import { BarcodeElement } from './barcode';
-import { EditorHost } from '../../core';
-export interface Props {
-    host: EditorHost;
-    element: BarcodeElement;
+export interface Props extends ShapeProps<BarcodeElement> {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/plugins/barcode/barcode.d.ts

@@ -0,0 +1,73 @@
+import { GraphicPlugin } from '../../types/graphic-plugin';
+import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
+import { EditorHost } from '../../core';
+export interface BarcodeOptions extends BaseGraphicElementOptions {
+    x?: number;
+    y?: number;
+    content?: string;
+    format?: string;
+    foreground?: string;
+    background?: string;
+    marginMM?: number;
+    displayValue: boolean;
+    fontSizeMM: number;
+}
+export declare class BarcodeElement extends BaseGraphicElement {
+    type: string;
+    content: string;
+    format: string;
+    foreground: string;
+    background: string;
+    displayValue: boolean;
+    fontSizeMM: number;
+    marginMM: number;
+    barcodeHeightMM: number;
+    barcodeWidthMM: number;
+    constructor(host: EditorHost, options?: Partial<BarcodeOptions>);
+    get fontSize(): number;
+    get margin(): number;
+    get barcodeHeight(): number;
+    get barcodeWidth(): number;
+    getTransformAttr(event: any): {
+        oldAttrs: any;
+        newAttrs: any;
+    };
+    deserialize(data: any): void;
+    serialize(): {
+        content: string;
+        format: string;
+        foreground: string;
+        background: string;
+        displayValue: boolean;
+        fontSizeMM: number;
+        marginMM: number;
+        barcodeHeightMM: number;
+        barcodeWidthMM: number;
+        id: string;
+        type: string;
+        xmm: number;
+        ymm: number;
+        wmm: number;
+        hmm: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        locked: boolean;
+        draggable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
+    };
+    renderBarcode(): Promise<HTMLCanvasElement>;
+}
+export declare class BarcodePlugin extends GraphicPlugin<BarcodeElement> {
+    name: string;
+    version: string;
+    graphicType: string;
+    graphicElement: typeof BarcodeElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanel: import('vue').DefineComponent<import('./PropertyPanel.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./PropertyPanel.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}

package/dist/plugins/line/PropertyPanel.vue.d.ts

@@ -1,6 +1,6 @@
 import { EditorHost } from '../../core';
 import { LineElement } from './line';
-interface Props {
+export interface Props {
     host: EditorHost;
     element: LineElement;
     selection: LineElement[];

package/dist/plugins/line/Shape.vue.d.ts

@@ -1,8 +1,6 @@
-import { EditorHost } from '../../core';
+import { ShapeProps } from '../../types/shape-props';
 import { LineElement } from './line';
-export interface Props {
-    host: EditorHost;
-    element: LineElement;
+export interface Props extends ShapeProps<LineElement> {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/plugins/line/line.d.ts

@@ -0,0 +1,71 @@
+import { GraphicPlugin } from '../../types/graphic-plugin';
+import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
+import { EditorHost } from '../../core';
+export interface LineOptions extends BaseGraphicElementOptions {
+    stroke?: string;
+    xmm?: number;
+    ymm?: number;
+}
+export declare class LineElement extends BaseGraphicElement {
+    type: string;
+    stroke: string;
+    private static readonly MIN_HIT_SCREEN_PX;
+    constructor(host: EditorHost, options?: Partial<LineOptions>);
+    get hitHeight(): number;
+    get groupConfig(): {
+        [key: string]: any;
+        id: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        draggable: boolean;
+    };
+    get visibleRectConfig(): {
+        width: number;
+        height: number;
+        fill: string;
+        x: number;
+        y: number;
+    };
+    get hitRectConfig(): {
+        width: number;
+        height: number;
+        x: number;
+        y: number;
+        fill: string;
+    };
+    deserialize(data: any): void;
+    serialize(): {
+        stroke: string;
+        id: string;
+        type: string;
+        xmm: number;
+        ymm: number;
+        wmm: number;
+        hmm: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        locked: boolean;
+        draggable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
+    };
+}
+export declare class LinePlugin extends GraphicPlugin<LineElement> {
+    name: string;
+    version: string;
+    graphicType: string;
+    graphicElement: typeof LineElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanel: import('vue').DefineComponent<import('./PropertyPanel.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./PropertyPanel.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}

package/dist/plugins/qrcode/PropertyPanel.vue.d.ts

@@ -1,6 +1,6 @@
 import { EditorHost } from '../../core';
 import { QrcodeElement } from './qrcode';
-interface Props {
+export interface Props {
     host: EditorHost;
     element: QrcodeElement;
     selection: QrcodeElement[];

package/dist/plugins/qrcode/Shape.vue.d.ts

@@ -1,8 +1,6 @@
+import { ShapeProps } from '../../types/shape-props';
 import { QrcodeElement } from './qrcode';
-import { EditorHost } from '../../core';
-export interface Props {
-    host: EditorHost;
-    element: QrcodeElement;
+export interface Props extends ShapeProps<QrcodeElement> {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/plugins/qrcode/qrcode.d.ts

@@ -0,0 +1,72 @@
+import { GraphicPlugin } from '../../types/graphic-plugin';
+import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
+import { EditorHost } from '../../core';
+export interface QrcodeOptions extends BaseGraphicElementOptions {
+    x?: number;
+    y?: number;
+    content?: string;
+    foreground?: string;
+    background?: string;
+    marginMM?: number;
+}
+export declare class QrcodeElement extends BaseGraphicElement {
+    type: string;
+    content: string;
+    foreground: string;
+    background: string;
+    marginMM: number;
+    constructor(host: EditorHost, options?: Partial<QrcodeOptions>);
+    deserialize(data: any): void;
+    serialize(): {
+        content: string;
+        foreground: string;
+        background: string;
+        marginMM: number;
+        id: string;
+        type: string;
+        xmm: number;
+        ymm: number;
+        wmm: number;
+        hmm: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        locked: boolean;
+        draggable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
+    };
+    get config(): {
+        [key: string]: any;
+        id: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        draggable: boolean;
+    };
+    get margin(): number;
+    renderQrcode(): Promise<HTMLCanvasElement>;
+    getBoundingBox(): {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+export declare class QrcodePlugin extends GraphicPlugin<QrcodeElement> {
+    name: string;
+    version: string;
+    graphicType: string;
+    graphicElement: typeof QrcodeElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanel: import('vue').DefineComponent<import('./PropertyPanel.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./PropertyPanel.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}

package/dist/plugins/rect/PropertyPanel.vue.d.ts

@@ -1,6 +1,6 @@
 import { EditorHost } from '../../core';
 import { RectElement } from './rect';
-interface Props {
+export interface Props {
     host: EditorHost;
     element: RectElement;
     selection: RectElement[];

package/dist/plugins/rect/Shape.vue.d.ts

@@ -1,6 +1,6 @@
+import { ShapeProps } from '../../types/shape-props';
 import { RectElement } from './rect';
-export interface Props {
-    element: RectElement;
+export interface Props extends ShapeProps<RectElement> {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/plugins/rect/rect.d.ts

@@ -0,0 +1,66 @@
+import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
+import { EditorHost } from '../../core';
+import { GraphicPlugin } from '../../types/graphic-plugin';
+export interface RectOptions extends BaseGraphicElementOptions {
+    x?: number;
+    y?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidthMM?: number;
+    xmm?: number;
+    ymm?: number;
+}
+export declare class RectElement extends BaseGraphicElement {
+    type: string;
+    fill: string;
+    stroke: string;
+    strokeWidthMM: number;
+    constructor(host: EditorHost, options?: Partial<RectOptions>);
+    get strokeWidth(): number;
+    get config(): {
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+        id: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        draggable: boolean;
+    };
+    deserialize(data: any): void;
+    serialize(): {
+        fill: string;
+        stroke: string;
+        strokeWidthMM: number;
+        id: string;
+        type: string;
+        xmm: number;
+        ymm: number;
+        wmm: number;
+        hmm: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        locked: boolean;
+        draggable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
+    };
+}
+export declare class RectPlugin extends GraphicPlugin<RectElement> {
+    name: string;
+    version: string;
+    graphicType: string;
+    graphicElement: typeof RectElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanel: import('vue').DefineComponent<import('./PropertyPanel.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./PropertyPanel.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}

package/dist/plugins/snap/snap.d.ts

@@ -1,5 +1,6 @@
 import { Ref } from 'vue';
 import { BasePlugin } from '../../types/base-plugin';
+import { IGraphicElement } from '../../types';
 import { GuideLine } from '../../utils/geometry';
 export declare class SnapPlugin extends BasePlugin {
     name: string;
@@ -8,13 +9,21 @@ export declare class SnapPlugin extends BasePlugin {
     private snapEnabledSnapshot;
     private cachedTargetLines;
     private cachedSelectionIds;
+    private sticky;
     protected onInstall(): void;
     protected onUninstall(): void;
     isSnapEnabled(): boolean;
     toggleSnap(): void;
+    private resetSessionState;
     private handleDragStart;
     private cacheTargets;
-    private handleDragMove;
+    resolveDragSnap(elements: IGraphicElement[], intentPositions: Map<string, {
+        x: number;
+        y: number;
+    }>): {
+        offsetX: number;
+        offsetY: number;
+    };
     private handleDragEnd;
 }
 declare module '../../types' {

package/dist/plugins/text/PropertyPanel.vue.d.ts

@@ -1,6 +1,6 @@
 import { EditorHost } from '../../core';
 import { TextElement } from './text';
-interface Props {
+export interface Props {
     host: EditorHost;
     element: TextElement;
     selection: TextElement[];

package/dist/plugins/text/Shape.vue.d.ts

@@ -1,6 +1,6 @@
+import { ShapeProps } from '../../types/shape-props';
 import { TextElement } from './text';
-export interface Props {
-    element: TextElement;
+export interface Props extends ShapeProps<TextElement> {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/plugins/text/text.d.ts

@@ -0,0 +1,79 @@
+import { BaseGraphicElement, BaseGraphicElementOptions } from '../../types/base-graphic-element';
+import { GraphicPlugin } from '../../types/graphic-plugin';
+import { EditorHost } from '../../core';
+export interface TextOptions extends BaseGraphicElementOptions {
+    x?: number;
+    y?: number;
+    text?: string;
+    fontSize?: number;
+    align?: 'left' | 'center' | 'right' | 'justify';
+    verticalAlign?: 'top' | 'middle' | 'bottom';
+    fontStyle?: 'normal' | 'italic' | 'bold' | '500' | 'italic bold';
+    fill?: string;
+    xmm?: number;
+    ymm?: number;
+}
+export declare class TextElement extends BaseGraphicElement {
+    type: string;
+    text: string;
+    fontSize: number;
+    align: 'left' | 'center' | 'right' | 'justify';
+    verticalAlign: 'top' | 'middle' | 'bottom';
+    fontStyle: 'normal' | 'italic' | 'bold' | '500' | 'italic bold';
+    fill: string;
+    constructor(host: EditorHost, options?: Partial<TextOptions>);
+    get config(): {
+        text: string;
+        fontSize: number;
+        align: "left" | "right" | "center" | "justify";
+        verticalAlign: "top" | "bottom" | "middle";
+        fontStyle: "bold" | "normal" | "italic" | "500" | "italic bold";
+        fill: string;
+        id: string;
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        draggable: boolean;
+    };
+    deserialize(data: any): void;
+    serialize(): {
+        text: string;
+        fontSize: number;
+        align: "left" | "right" | "center" | "justify";
+        verticalAlign: "top" | "bottom" | "middle";
+        fontStyle: "bold" | "normal" | "italic" | "500" | "italic bold";
+        fill: string;
+        id: string;
+        type: string;
+        xmm: number;
+        ymm: number;
+        wmm: number;
+        hmm: number;
+        rotation: number;
+        scaleX: number;
+        scaleY: number;
+        visible: boolean;
+        locked: boolean;
+        draggable: boolean;
+        resizable: boolean;
+        zIndex: number;
+        displayName: string | null;
+    };
+}
+export declare class TextPlugin extends GraphicPlugin<TextElement> {
+    name: string;
+    version: string;
+    graphicType: string;
+    graphicElement: typeof TextElement;
+    shapeComponent: import('vue').DefineComponent<import('./Shape.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./Shape.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    iconComponent: import('vue').Component;
+    typeDisplayName: string;
+    propertyPanel: import('vue').DefineComponent<import('./PropertyPanel.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./PropertyPanel.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    protected onInstall(): void;
+    protected onUninstall(): void;
+}

package/dist/types/index.d.ts

@@ -5,3 +5,4 @@ export * from './event-data';
 export * from './event-map';
 export * from './konva-text';
 export * from './graphic-plugin';
+export * from './shape-props';

package/dist/types/shape-props.d.ts

@@ -0,0 +1,6 @@
+import { EditorHost } from '../core';
+import { IGraphicElement } from './base';
+export interface ShapeProps<T extends IGraphicElement = IGraphicElement> {
+    element: T;
+    host: EditorHost;
+}

package/dist/utils/geometry.d.ts

@@ -36,3 +36,16 @@ export declare function getElementAABB(input: AABBInput): AABB;
 export declare function getAABBLineValues(aabb: AABB): AABBLineValues;
 export declare function unionAABB(aabbs: AABB[]): AABB | null;
 export declare function computeSnap(dragged: AABBLineValues, targets: AABBLineValues[], threshold: number): SnapResult;
+export type StickyAxis = SnapMatch | null;
+export interface StickyState {
+    x: StickyAxis;
+    y: StickyAxis;
+}
+export declare function snapResultToOffset(result: SnapResult): {
+    offsetX: number;
+    offsetY: number;
+};
+export declare function applyStickySnap(intent: AABBLineValues, rawSnap: SnapResult, sticky: StickyState, threshold: number): {
+    result: SnapResult;
+    nextSticky: StickyState;
+};

package/dist/utils/transform-geometry.d.ts

@@ -41,7 +41,7 @@ export declare function getElementOBB(input: {
     scaleX?: number;
     scaleY?: number;
 }): OBB;
-export declare function getElementOBBFromSource(element: IGraphicElement, node: {
+export declare function getElementOBBFromSource(element: IGraphicElement, _node: {
     x: () => number;
     y: () => number;
     rotation: () => number;