@idraw/core 0.3.1 → 0.4.0-alpha.2

package/dist/esm/lib/check.js

@@ -1,115 +0,0 @@
-import is from './is';
-function attrs(attrs) {
-    const { x, y, w, h, angle } = attrs;
-    if (!(is.x(x) && is.y(y) && is.w(w) && is.h(h) && is.angle(angle))) {
-        return false;
-    }
-    if (!(angle >= -360 && angle <= 360)) {
-        return false;
-    }
-    return true;
-}
-function box(desc = {}) {
-    const { borderColor, borderRadius, borderWidth } = desc;
-    if (desc.hasOwnProperty('borderColor') && !is.color(borderColor)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('borderRadius') && !is.number(borderRadius)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('borderWidth') && !is.number(borderWidth)) {
-        return false;
-    }
-    return true;
-}
-function rectDesc(desc) {
-    const { bgColor } = desc;
-    if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
-        return false;
-    }
-    if (!box(desc)) {
-        return false;
-    }
-    return true;
-}
-function circleDesc(desc) {
-    const { bgColor, borderColor, borderWidth } = desc;
-    if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('borderColor') && !is.color(borderColor)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('borderWidth') && !is.number(borderWidth)) {
-        return false;
-    }
-    return true;
-}
-function imageDesc(desc) {
-    const { src } = desc;
-    if (!is.imageSrc(src)) {
-        return false;
-    }
-    return true;
-}
-function svgDesc(desc) {
-    const { svg } = desc;
-    if (!is.svg(svg)) {
-        return false;
-    }
-    return true;
-}
-function htmlDesc(desc) {
-    const { html } = desc;
-    if (!is.html(html)) {
-        return false;
-    }
-    return true;
-}
-function textDesc(desc) {
-    const { text, color, fontSize, lineHeight, fontFamily, textAlign, fontWeight, bgColor, strokeWidth, strokeColor } = desc;
-    if (!is.text(text)) {
-        return false;
-    }
-    if (!is.color(color)) {
-        return false;
-    }
-    if (!is.fontSize(fontSize)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('bgColor') && !is.color(bgColor)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('fontWeight') && !is.fontWeight(fontWeight)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('lineHeight') && !is.lineHeight(lineHeight)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('fontFamily') && !is.fontFamily(fontFamily)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('textAlign') && !is.textAlign(textAlign)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('strokeWidth') && !is.strokeWidth(strokeWidth)) {
-        return false;
-    }
-    if (desc.hasOwnProperty('strokeColor') && !is.color(strokeColor)) {
-        return false;
-    }
-    if (!box(desc)) {
-        return false;
-    }
-    return true;
-}
-const check = {
-    attrs,
-    textDesc,
-    rectDesc,
-    circleDesc,
-    imageDesc,
-    svgDesc,
-    htmlDesc
-};
-export default check;

package/dist/esm/lib/config.d.ts

@@ -1,3 +0,0 @@
-import { IDrawConfig, IDrawConfigStrict } from '@idraw/types';
-declare function mergeConfig(config?: IDrawConfig): IDrawConfigStrict;
-export { mergeConfig };

package/dist/esm/lib/config.js

@@ -1,20 +0,0 @@
-import { deepClone } from '@idraw/util';
-const defaultConfig = {
-    elementWrapper: {
-        color: '#0d85da',
-        lockColor: '#aaaaaa',
-        controllerSize: 6,
-        lineWidth: 1,
-        lineDash: [4, 3]
-    }
-};
-function mergeConfig(config) {
-    const result = deepClone(defaultConfig);
-    if (config) {
-        if (config.elementWrapper) {
-            result.elementWrapper = Object.assign(Object.assign({}, result.elementWrapper), config.elementWrapper);
-        }
-    }
-    return result;
-}
-export { mergeConfig };

package/dist/esm/lib/core-event.d.ts

@@ -1,49 +0,0 @@
-import { DataElement, DataElemDesc, Point, IDrawData, ScreenData } from '@idraw/types';
-export type TypeCoreEventSelectBaseArg = {
-    index: number | null;
-    uuid: string | null;
-};
-export type TypeCoreEventArgMap = {
-    error: any;
-    mouseOverScreen: Point;
-    mouseLeaveScreen: void;
-    mouseOverElement: TypeCoreEventSelectBaseArg & {
-        element: DataElement<keyof DataElemDesc>;
-    };
-    mouseLeaveElement: TypeCoreEventSelectBaseArg & {
-        element: DataElement<keyof DataElemDesc>;
-    };
-    screenClickElement: TypeCoreEventSelectBaseArg & {
-        element: DataElement<keyof DataElemDesc>;
-    };
-    screenDoubleClickElement: TypeCoreEventSelectBaseArg & {
-        element: DataElement<keyof DataElemDesc>;
-    };
-    screenSelectElement: TypeCoreEventSelectBaseArg & {
-        element: DataElement<keyof DataElemDesc>;
-    };
-    screenMoveElementStart: TypeCoreEventSelectBaseArg & Point;
-    screenMoveElementEnd: TypeCoreEventSelectBaseArg & Point;
-    screenChangeElement: TypeCoreEventSelectBaseArg & {
-        width: number;
-        height: number;
-        angle: number;
-    };
-    changeData: IDrawData;
-    changeScreen: ScreenData;
-    drawFrameComplete: void;
-    drawFrame: void;
-};
-export interface TypeCoreEvent {
-    on<T extends keyof TypeCoreEventArgMap>(key: T, callback: (p: TypeCoreEventArgMap[T]) => void): void;
-    off<T extends keyof TypeCoreEventArgMap>(key: T, callback: (p: TypeCoreEventArgMap[T]) => void): void;
-    trigger<T extends keyof TypeCoreEventArgMap>(key: T, p: TypeCoreEventArgMap[T]): void;
-}
-export declare class CoreEvent implements TypeCoreEvent {
-    private _listeners;
-    constructor();
-    on<T extends keyof TypeCoreEventArgMap>(eventKey: T, callback: (p: TypeCoreEventArgMap[T]) => void): void;
-    off<T extends keyof TypeCoreEventArgMap>(eventKey: T, callback: (p: TypeCoreEventArgMap[T]) => void): void;
-    trigger<T extends keyof TypeCoreEventArgMap>(eventKey: T, arg: TypeCoreEventArgMap[T]): boolean;
-    has<T extends keyof TypeCoreEventArgMap>(name: string): boolean;
-}

package/dist/esm/lib/core-event.js

@@ -1,50 +0,0 @@
-export class CoreEvent {
-    constructor() {
-        this._listeners = new Map();
-    }
-    on(eventKey, callback) {
-        if (this._listeners.has(eventKey)) {
-            const callbacks = this._listeners.get(eventKey);
-            callbacks === null || callbacks === void 0 ? void 0 : callbacks.push(callback);
-            this._listeners.set(eventKey, callbacks || []);
-        }
-        else {
-            this._listeners.set(eventKey, [callback]);
-        }
-    }
-    off(eventKey, callback) {
-        if (this._listeners.has(eventKey)) {
-            const callbacks = this._listeners.get(eventKey);
-            if (Array.isArray(callbacks)) {
-                for (let i = 0; i < (callbacks === null || callbacks === void 0 ? void 0 : callbacks.length); i++) {
-                    if (callbacks[i] === callback) {
-                        callbacks.splice(i, 1);
-                        break;
-                    }
-                }
-            }
-            this._listeners.set(eventKey, callbacks || []);
-        }
-    }
-    trigger(eventKey, arg) {
-        const callbacks = this._listeners.get(eventKey);
-        if (Array.isArray(callbacks)) {
-            callbacks.forEach((cb) => {
-                cb(arg);
-            });
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    has(name) {
-        if (this._listeners.has(name)) {
-            const list = this._listeners.get(name);
-            if (Array.isArray(list) && list.length > 0) {
-                return true;
-            }
-        }
-        return false;
-    }
-}

package/dist/esm/lib/diff.d.ts

@@ -1,6 +0,0 @@
-import { DataElement, IDrawData, DataElemDesc } from '@idraw/types';
-export declare function isChangeImageElementResource(before: DataElement<'image'>, after: DataElement<'image'>): boolean;
-export declare function isChangeSVGElementResource(before: DataElement<'svg'>, after: DataElement<'svg'>): boolean;
-export declare function isChangeHTMLElementResource(before: DataElement<'html'>, after: DataElement<'html'>): boolean;
-export declare function diffElementResourceChange(before: DataElement<keyof DataElemDesc>, after: DataElement<keyof DataElemDesc>): string | null;
-export declare function diffElementResourceChangeList(before: IDrawData, after: IDrawData): string[];

package/dist/esm/lib/diff.js

@@ -1,82 +0,0 @@
-export function isChangeImageElementResource(before, after) {
-    var _a, _b;
-    return ((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.src) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.src);
-}
-export function isChangeSVGElementResource(before, after) {
-    var _a, _b;
-    return ((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.svg) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.svg);
-}
-export function isChangeHTMLElementResource(before, after) {
-    var _a, _b, _c, _d, _e, _f;
-    return (((_a = before === null || before === void 0 ? void 0 : before.desc) === null || _a === void 0 ? void 0 : _a.html) !== ((_b = after === null || after === void 0 ? void 0 : after.desc) === null || _b === void 0 ? void 0 : _b.html) ||
-        ((_c = before === null || before === void 0 ? void 0 : before.desc) === null || _c === void 0 ? void 0 : _c.width) !== ((_d = after === null || after === void 0 ? void 0 : after.desc) === null || _d === void 0 ? void 0 : _d.width) ||
-        ((_e = before === null || before === void 0 ? void 0 : before.desc) === null || _e === void 0 ? void 0 : _e.height) !== ((_f = after === null || after === void 0 ? void 0 : after.desc) === null || _f === void 0 ? void 0 : _f.height));
-}
-export function diffElementResourceChange(before, after) {
-    let result = null;
-    let isChange = false;
-    switch (after.type) {
-        case 'image': {
-            isChange = isChangeImageElementResource(before, after);
-            break;
-        }
-        case 'svg': {
-            isChange = isChangeSVGElementResource(before, after);
-            break;
-        }
-        case 'html': {
-            isChange = isChangeHTMLElementResource(before, after);
-            break;
-        }
-        default:
-            break;
-    }
-    if (isChange === true) {
-        result = after.uuid;
-    }
-    return result;
-}
-export function diffElementResourceChangeList(before, after) {
-    var _a;
-    const uuids = [];
-    const beforeMap = parseDataElementMap(before);
-    const afterMap = parseDataElementMap(after);
-    for (const uuid in afterMap) {
-        if (['image', 'svg', 'html'].includes((_a = afterMap[uuid]) === null || _a === void 0 ? void 0 : _a.type) !== true) {
-            continue;
-        }
-        if (beforeMap[uuid]) {
-            let isChange = false;
-            switch (beforeMap[uuid].type) {
-                case 'image': {
-                    isChange = isChangeImageElementResource(beforeMap[uuid], afterMap[uuid]);
-                    break;
-                }
-                case 'svg': {
-                    isChange = isChangeSVGElementResource(beforeMap[uuid], afterMap[uuid]);
-                    break;
-                }
-                case 'html': {
-                    isChange = isChangeHTMLElementResource(beforeMap[uuid], afterMap[uuid]);
-                    break;
-                }
-                default:
-                    break;
-            }
-            if (isChange === true) {
-                uuids.push(uuid);
-            }
-        }
-        else {
-            uuids.push(uuid);
-        }
-    }
-    return uuids;
-}
-function parseDataElementMap(data) {
-    const elemMap = {};
-    data.elements.forEach((elem) => {
-        elemMap[elem.uuid] = elem;
-    });
-    return elemMap;
-}

package/dist/esm/lib/draw/base.d.ts

@@ -1,5 +0,0 @@
-import { IDrawContext, DataElement } from '@idraw/types';
-export declare function clearContext(ctx: IDrawContext): void;
-export declare function drawBgColor(ctx: IDrawContext, color: string): void;
-export declare function drawBox(ctx: IDrawContext, elem: DataElement<'text' | 'rect'>, pattern: string | CanvasPattern | null): void;
-export declare function drawBoxBorder(ctx: IDrawContext, elem: DataElement<'text' | 'rect'>): void;

package/dist/esm/lib/draw/base.js

@@ -1,90 +0,0 @@
-import { istype, isColorStr } from '@idraw/util';
-import { rotateElement } from './../transform';
-import is from './../is';
-export function clearContext(ctx) {
-    ctx.setFillStyle('#000000');
-    ctx.setStrokeStyle('#000000');
-    ctx.setLineDash([]);
-    ctx.setGlobalAlpha(1);
-    ctx.setShadowColor('#00000000');
-    ctx.setShadowOffsetX(0);
-    ctx.setShadowOffsetY(0);
-    ctx.setShadowBlur(0);
-}
-export function drawBgColor(ctx, color) {
-    const size = ctx.getSize();
-    ctx.setFillStyle(color);
-    ctx.fillRect(0, 0, size.contextWidth, size.contextHeight);
-}
-export function drawBox(ctx, elem, pattern) {
-    clearContext(ctx);
-    drawBoxBorder(ctx, elem);
-    clearContext(ctx);
-    rotateElement(ctx, elem, () => {
-        const { x, y, w, h } = elem;
-        let r = elem.desc.borderRadius || 0;
-        r = Math.min(r, w / 2, h / 2);
-        if (w < r * 2 || h < r * 2) {
-            r = 0;
-        }
-        ctx.beginPath();
-        ctx.moveTo(x + r, y);
-        ctx.arcTo(x + w, y, x + w, y + h, r);
-        ctx.arcTo(x + w, y + h, x, y + h, r);
-        ctx.arcTo(x, y + h, x, y, r);
-        ctx.arcTo(x, y, x + w, y, r);
-        ctx.closePath();
-        if (typeof pattern === 'string') {
-            ctx.setFillStyle(pattern);
-        }
-        else if (['CanvasPattern'].includes(istype.type(pattern))) {
-            ctx.setFillStyle(pattern);
-        }
-        ctx.fill();
-    });
-}
-export function drawBoxBorder(ctx, elem) {
-    clearContext(ctx);
-    rotateElement(ctx, elem, () => {
-        if (!(elem.desc.borderWidth && elem.desc.borderWidth > 0)) {
-            return;
-        }
-        const bw = elem.desc.borderWidth;
-        let borderColor = '#000000';
-        if (isColorStr(elem.desc.borderColor) === true) {
-            borderColor = elem.desc.borderColor;
-        }
-        const x = elem.x - bw / 2;
-        const y = elem.y - bw / 2;
-        const w = elem.w + bw;
-        const h = elem.h + bw;
-        let r = elem.desc.borderRadius || 0;
-        r = Math.min(r, w / 2, h / 2);
-        if (r < w / 2 && r < h / 2) {
-            r = r + bw / 2;
-        }
-        const { desc } = elem;
-        if (desc.shadowColor !== undefined && isColorStr(desc.shadowColor)) {
-            ctx.setShadowColor(desc.shadowColor);
-        }
-        if (desc.shadowOffsetX !== undefined && is.number(desc.shadowOffsetX)) {
-            ctx.setShadowOffsetX(desc.shadowOffsetX);
-        }
-        if (desc.shadowOffsetY !== undefined && is.number(desc.shadowOffsetY)) {
-            ctx.setShadowOffsetY(desc.shadowOffsetY);
-        }
-        if (desc.shadowBlur !== undefined && is.number(desc.shadowBlur)) {
-            ctx.setShadowBlur(desc.shadowBlur);
-        }
-        ctx.beginPath();
-        ctx.setLineWidth(bw);
-        ctx.setStrokeStyle(borderColor);
-        ctx.moveTo(x + r, y);
-        ctx.arcTo(x + w, y, x + w, y + h, r);
-        ctx.arcTo(x + w, y + h, x, y + h, r);
-        ctx.arcTo(x, y + h, x, y, r);
-        ctx.arcTo(x, y, x + w, y, r);
-        ctx.closePath();
-        ctx.stroke();
-    });
-}

package/dist/esm/lib/draw/wrapper.d.ts

@@ -1,4 +0,0 @@
-import { IDrawContext, HelperConfig } from '@idraw/types';
-export declare function drawElementWrapper(ctx: IDrawContext, config: HelperConfig): void;
-export declare function drawAreaWrapper(ctx: IDrawContext, config: HelperConfig): void;
-export declare function drawElementListWrappers(ctx: IDrawContext, config: HelperConfig): void;

package/dist/esm/lib/draw/wrapper.js

@@ -1,168 +0,0 @@
-import { rotateContext } from './../transform';
-import { clearContext } from './base';
-export function drawElementWrapper(ctx, config) {
-    if (!(config === null || config === void 0 ? void 0 : config.selectedElementWrapper)) {
-        return;
-    }
-    const wrapper = config.selectedElementWrapper;
-    clearContext(ctx);
-    rotateContext(ctx, wrapper.translate, wrapper.radian || 0, () => {
-        ctx.beginPath();
-        ctx.setLineDash(wrapper.lineDash);
-        ctx.setLineWidth(wrapper.lineWidth);
-        ctx.setStrokeStyle(wrapper.color);
-        ctx.moveTo(wrapper.controllers.topLeft.x, wrapper.controllers.topLeft.y);
-        ctx.lineTo(wrapper.controllers.topRight.x, wrapper.controllers.topRight.y);
-        ctx.lineTo(wrapper.controllers.bottomRight.x, wrapper.controllers.bottomRight.y);
-        ctx.lineTo(wrapper.controllers.bottomLeft.x, wrapper.controllers.bottomLeft.y);
-        ctx.lineTo(wrapper.controllers.topLeft.x, wrapper.controllers.topLeft.y - wrapper.lineWidth / 2);
-        ctx.stroke();
-        ctx.closePath();
-        if (wrapper.lock !== true) {
-            if (wrapper.controllers.rotate.invisible !== true) {
-                ctx.beginPath();
-                ctx.moveTo(wrapper.controllers.top.x, wrapper.controllers.top.y);
-                ctx.lineTo(wrapper.controllers.rotate.x, wrapper.controllers.rotate.y + wrapper.controllerSize);
-                ctx.stroke();
-                ctx.closePath();
-                ctx.beginPath();
-                ctx.setLineDash([]);
-                ctx.setLineWidth(wrapper.controllerSize / 1.2);
-                ctx.arc(wrapper.controllers.rotate.x, wrapper.controllers.rotate.y, wrapper.controllerSize * 0.8, 0, Math.PI * 2);
-                ctx.stroke();
-                ctx.closePath();
-                ctx.setStrokeStyle('#FFFFFF');
-                ctx.beginPath();
-                ctx.setLineDash([]);
-                ctx.setLineWidth(wrapper.controllerSize / 2.1);
-                ctx.arc(wrapper.controllers.rotate.x, wrapper.controllers.rotate.y, wrapper.controllerSize * 0.8, 0, Math.PI * 2);
-                ctx.stroke();
-                ctx.closePath();
-            }
-            [
-                wrapper.controllers.topLeft,
-                wrapper.controllers.top,
-                wrapper.controllers.topRight,
-                wrapper.controllers.right,
-                wrapper.controllers.bottomRight,
-                wrapper.controllers.bottom,
-                wrapper.controllers.bottomLeft,
-                wrapper.controllers.left
-            ].forEach((controller) => {
-                if (controller.invisible !== true) {
-                    ctx.setFillStyle(wrapper.color);
-                    ctx.beginPath();
-                    ctx.arc(controller.x, controller.y, wrapper.controllerSize, 0, Math.PI * 2);
-                    ctx.fill();
-                    ctx.closePath();
-                    ctx.setFillStyle('#FFFFFF');
-                    ctx.beginPath();
-                    ctx.arc(controller.x, controller.y, wrapper.controllerSize - 1, 0, Math.PI * 2);
-                    ctx.fill();
-                    ctx.closePath();
-                }
-            });
-        }
-        else {
-            clearContext(ctx);
-            ctx.setStrokeStyle(wrapper.color);
-            [
-                wrapper.controllers.topLeft,
-                wrapper.controllers.top,
-                wrapper.controllers.topRight,
-                wrapper.controllers.right,
-                wrapper.controllers.bottomRight,
-                wrapper.controllers.bottom,
-                wrapper.controllers.bottomLeft,
-                wrapper.controllers.left
-            ].forEach((controller) => {
-                ctx.beginPath();
-                ctx.moveTo(controller.x - wrapper.controllerSize / 2, controller.y - wrapper.controllerSize / 2);
-                ctx.lineTo(controller.x + wrapper.controllerSize / 2, controller.y + wrapper.controllerSize / 2);
-                ctx.stroke();
-                ctx.closePath();
-                ctx.beginPath();
-                ctx.moveTo(controller.x + wrapper.controllerSize / 2, controller.y - wrapper.controllerSize / 2);
-                ctx.lineTo(controller.x - wrapper.controllerSize / 2, controller.y + wrapper.controllerSize / 2);
-                ctx.stroke();
-                ctx.closePath();
-            });
-        }
-    });
-}
-export function drawAreaWrapper(ctx, config) {
-    if (!(config === null || config === void 0 ? void 0 : config.selectedAreaWrapper)) {
-        return;
-    }
-    const wrapper = config.selectedAreaWrapper;
-    if (wrapper && wrapper.w > 0 && wrapper.h > 0) {
-        clearContext(ctx);
-        ctx.setGlobalAlpha(0.3);
-        ctx.setFillStyle(wrapper.color);
-        ctx.fillRect(wrapper.x, wrapper.y, wrapper.w, wrapper.h);
-        clearContext(ctx);
-        ctx.beginPath();
-        ctx.setLineDash(wrapper.lineDash);
-        ctx.setLineWidth(wrapper.lineWidth);
-        ctx.setStrokeStyle(wrapper.color);
-        ctx.moveTo(wrapper.x, wrapper.y);
-        ctx.lineTo(wrapper.x + wrapper.w, wrapper.y);
-        ctx.lineTo(wrapper.x + wrapper.w, wrapper.y + wrapper.h);
-        ctx.lineTo(wrapper.x, wrapper.y + wrapper.h);
-        ctx.lineTo(wrapper.x, wrapper.y);
-        ctx.stroke();
-        ctx.closePath();
-    }
-}
-export function drawElementListWrappers(ctx, config) {
-    if (!Array.isArray(config === null || config === void 0 ? void 0 : config.selectedElementListWrappers)) {
-        return;
-    }
-    const wrapperList = config.selectedElementListWrappers;
-    wrapperList === null || wrapperList === void 0 ? void 0 : wrapperList.forEach((wrapper) => {
-        clearContext(ctx);
-        rotateContext(ctx, wrapper.translate, wrapper.radian || 0, () => {
-            clearContext(ctx);
-            ctx.setGlobalAlpha(0.05);
-            ctx.setFillStyle(wrapper.color);
-            ctx.fillRect(wrapper.controllers.topLeft.x, wrapper.controllers.topLeft.y, wrapper.controllers.bottomRight.x - wrapper.controllers.topLeft.x, wrapper.controllers.bottomRight.y - wrapper.controllers.topLeft.y);
-            clearContext(ctx);
-            ctx.beginPath();
-            ctx.setLineDash(wrapper.lineDash);
-            ctx.setLineWidth(wrapper.lineWidth);
-            ctx.setStrokeStyle(wrapper.color);
-            ctx.moveTo(wrapper.controllers.topLeft.x, wrapper.controllers.topLeft.y);
-            ctx.lineTo(wrapper.controllers.topRight.x, wrapper.controllers.topRight.y);
-            ctx.lineTo(wrapper.controllers.bottomRight.x, wrapper.controllers.bottomRight.y);
-            ctx.lineTo(wrapper.controllers.bottomLeft.x, wrapper.controllers.bottomLeft.y);
-            ctx.lineTo(wrapper.controllers.topLeft.x, wrapper.controllers.topLeft.y - wrapper.lineWidth / 2);
-            ctx.stroke();
-            ctx.closePath();
-            if (wrapper.lock === true) {
-                clearContext(ctx);
-                ctx.setStrokeStyle(wrapper.color);
-                [
-                    wrapper.controllers.topLeft,
-                    wrapper.controllers.top,
-                    wrapper.controllers.topRight,
-                    wrapper.controllers.right,
-                    wrapper.controllers.bottomRight,
-                    wrapper.controllers.bottom,
-                    wrapper.controllers.bottomLeft,
-                    wrapper.controllers.left
-                ].forEach((controller) => {
-                    ctx.beginPath();
-                    ctx.moveTo(controller.x - wrapper.controllerSize / 2, controller.y - wrapper.controllerSize / 2);
-                    ctx.lineTo(controller.x + wrapper.controllerSize / 2, controller.y + wrapper.controllerSize / 2);
-                    ctx.stroke();
-                    ctx.closePath();
-                    ctx.beginPath();
-                    ctx.moveTo(controller.x + wrapper.controllerSize / 2, controller.y - wrapper.controllerSize / 2);
-                    ctx.lineTo(controller.x - wrapper.controllerSize / 2, controller.y + wrapper.controllerSize / 2);
-                    ctx.stroke();
-                    ctx.closePath();
-                });
-            }
-        });
-    });
-}

package/dist/esm/lib/element.d.ts

@@ -1,15 +0,0 @@
-import { IDrawContext, Point, IDrawData, HelperWrapperControllerDirection, DataElement, DataElemDesc } from '@idraw/types';
-export declare class Element {
-    private _ctx;
-    constructor(ctx: IDrawContext);
-    initData(data: IDrawData): IDrawData;
-    isPointInElement(p: Point, data: IDrawData): [number, string | null];
-    dragElement(data: IDrawData, uuid: string, point: Point, prevPoint: Point, scale: number): void;
-    transformElement(data: IDrawData, uuid: string, point: Point, prevPoint: Point, scale: number, direction: HelperWrapperControllerDirection): null | {
-        width: number;
-        height: number;
-        angle: number;
-    };
-    getElementIndex(data: IDrawData, uuid: string): number;
-    limitElementAttrs(elem: DataElement<keyof DataElemDesc>): void;
-}