@idraw/core 0.4.0-beta.4 → 0.4.0-beta.40

package/dist/esm/board/viewer.js

@@ -0,0 +1,165 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Viewer_instances, _Viewer_opts, _Viewer_drawFrameSnapshotQueue, _Viewer_drawFrameStatus, _Viewer_init, _Viewer_drawAnimationFrame;
+import { EventEmitter, viewScale, viewScroll, calcViewScaleInfo } from '@idraw/util';
+const { requestAnimationFrame } = window;
+export class Viewer extends EventEmitter {
+    constructor(opts) {
+        super();
+        _Viewer_instances.add(this);
+        _Viewer_opts.set(this, void 0);
+        _Viewer_drawFrameSnapshotQueue.set(this, []);
+        _Viewer_drawFrameStatus.set(this, 'FREE');
+        __classPrivateFieldSet(this, _Viewer_opts, opts, "f");
+        __classPrivateFieldGet(this, _Viewer_instances, "m", _Viewer_init).call(this);
+    }
+    resetVirtualFlatItemMap(data, opts) {
+        if (data) {
+            __classPrivateFieldGet(this, _Viewer_opts, "f").calculator.resetVirtualFlatItemMap(data, opts);
+        }
+    }
+    drawFrame() {
+        const { sharer } = __classPrivateFieldGet(this, _Viewer_opts, "f");
+        const activeStore = sharer.getActiveStoreSnapshot();
+        const sharedStore = sharer.getSharedStoreSnapshot();
+        __classPrivateFieldGet(this, _Viewer_drawFrameSnapshotQueue, "f").push({
+            activeStore,
+            sharedStore
+        });
+        __classPrivateFieldGet(this, _Viewer_instances, "m", _Viewer_drawAnimationFrame).call(this);
+    }
+    scale(opts) {
+        const { scale, point, ignoreUpdateVisibleStatus } = opts;
+        const { sharer } = __classPrivateFieldGet(this, _Viewer_opts, "f");
+        const { moveX, moveY } = viewScale({
+            scale,
+            point,
+            viewScaleInfo: sharer.getActiveViewScaleInfo(),
+            viewSizeInfo: sharer.getActiveViewSizeInfo()
+        });
+        sharer.setActiveStorage('scale', scale);
+        if (!ignoreUpdateVisibleStatus) {
+            __classPrivateFieldGet(this, _Viewer_opts, "f").calculator.updateVisiableStatus({
+                viewScaleInfo: sharer.getActiveViewScaleInfo(),
+                viewSizeInfo: sharer.getActiveViewSizeInfo()
+            });
+        }
+        return { moveX, moveY };
+    }
+    scroll(opts) {
+        const { sharer } = __classPrivateFieldGet(this, _Viewer_opts, "f");
+        const prevViewScaleInfo = sharer.getActiveViewScaleInfo();
+        const { moveX, moveY, ignoreUpdateVisibleStatus } = opts;
+        const viewSizeInfo = sharer.getActiveViewSizeInfo();
+        const viewScaleInfo = viewScroll({
+            moveX,
+            moveY,
+            viewScaleInfo: prevViewScaleInfo,
+            viewSizeInfo
+        });
+        sharer.setActiveViewScaleInfo(viewScaleInfo);
+        if (!ignoreUpdateVisibleStatus) {
+            __classPrivateFieldGet(this, _Viewer_opts, "f").calculator.updateVisiableStatus({
+                viewScaleInfo: sharer.getActiveViewScaleInfo(),
+                viewSizeInfo: sharer.getActiveViewSizeInfo()
+            });
+        }
+        return viewScaleInfo;
+    }
+    updateViewScaleInfo(opts) {
+        const { sharer } = __classPrivateFieldGet(this, _Viewer_opts, "f");
+        const viewScaleInfo = calcViewScaleInfo(opts, {
+            viewSizeInfo: sharer.getActiveViewSizeInfo()
+        });
+        sharer.setActiveViewScaleInfo(viewScaleInfo);
+        __classPrivateFieldGet(this, _Viewer_opts, "f").calculator.updateVisiableStatus({
+            viewScaleInfo: sharer.getActiveViewScaleInfo(),
+            viewSizeInfo: sharer.getActiveViewSizeInfo()
+        });
+        return viewScaleInfo;
+    }
+    resize(viewSize = {}, opts) {
+        const { sharer } = __classPrivateFieldGet(this, _Viewer_opts, "f");
+        const originViewSize = sharer.getActiveViewSizeInfo();
+        const newViewSize = Object.assign(Object.assign({}, originViewSize), viewSize);
+        const { width, height, devicePixelRatio } = newViewSize;
+        const { underlayContext, boardContext, overlayContext, viewContext } = __classPrivateFieldGet(this, _Viewer_opts, "f").boardContent;
+        boardContext.canvas.width = width * devicePixelRatio;
+        boardContext.canvas.height = height * devicePixelRatio;
+        boardContext.canvas.style.width = `${width}px`;
+        boardContext.canvas.style.height = `${height}px`;
+        underlayContext.canvas.width = width * devicePixelRatio;
+        underlayContext.canvas.height = height * devicePixelRatio;
+        overlayContext.canvas.width = width * devicePixelRatio;
+        overlayContext.canvas.height = height * devicePixelRatio;
+        viewContext.canvas.width = width * devicePixelRatio;
+        viewContext.canvas.height = height * devicePixelRatio;
+        sharer.setActiveViewSizeInfo(newViewSize);
+        if (!(opts === null || opts === void 0 ? void 0 : opts.ignoreUpdateVisibleStatus)) {
+            __classPrivateFieldGet(this, _Viewer_opts, "f").calculator.updateVisiableStatus({
+                viewScaleInfo: sharer.getActiveViewScaleInfo(),
+                viewSizeInfo: sharer.getActiveViewSizeInfo()
+            });
+        }
+        return newViewSize;
+    }
+}
+_Viewer_opts = new WeakMap(), _Viewer_drawFrameSnapshotQueue = new WeakMap(), _Viewer_drawFrameStatus = new WeakMap(), _Viewer_instances = new WeakSet(), _Viewer_init = function _Viewer_init() {
+    const { renderer } = __classPrivateFieldGet(this, _Viewer_opts, "f");
+    renderer.on('load', () => {
+        this.drawFrame();
+    });
+}, _Viewer_drawAnimationFrame = function _Viewer_drawAnimationFrame() {
+    if (__classPrivateFieldGet(this, _Viewer_drawFrameStatus, "f") === 'DRAWING' || __classPrivateFieldGet(this, _Viewer_drawFrameSnapshotQueue, "f").length === 0) {
+        return;
+    }
+    else {
+        __classPrivateFieldSet(this, _Viewer_drawFrameStatus, 'DRAWING', "f");
+    }
+    const snapshot = __classPrivateFieldGet(this, _Viewer_drawFrameSnapshotQueue, "f").shift();
+    const { renderer, boardContent, beforeDrawFrame, afterDrawFrame } = __classPrivateFieldGet(this, _Viewer_opts, "f");
+    if (snapshot) {
+        const { scale, offsetTop, offsetBottom, offsetLeft, offsetRight, width, height, contextHeight, contextWidth, devicePixelRatio } = snapshot.activeStore;
+        const viewScaleInfo = {
+            scale,
+            offsetTop,
+            offsetBottom,
+            offsetLeft,
+            offsetRight
+        };
+        const viewSizeInfo = {
+            width,
+            height,
+            contextHeight,
+            contextWidth,
+            devicePixelRatio
+        };
+        if (snapshot === null || snapshot === void 0 ? void 0 : snapshot.activeStore.data) {
+            renderer.drawData(snapshot.activeStore.data, {
+                viewScaleInfo,
+                viewSizeInfo
+            });
+        }
+        beforeDrawFrame({ snapshot });
+        boardContent.drawView();
+        afterDrawFrame({ snapshot });
+    }
+    if (__classPrivateFieldGet(this, _Viewer_drawFrameSnapshotQueue, "f").length === 0) {
+        __classPrivateFieldSet(this, _Viewer_drawFrameStatus, 'COMPLETE', "f");
+        return;
+    }
+    if ((__classPrivateFieldSet(this, _Viewer_drawFrameStatus, 'DRAWING', "f"))) {
+        requestAnimationFrame(() => {
+            __classPrivateFieldGet(this, _Viewer_instances, "m", _Viewer_drawAnimationFrame).call(this);
+        });
+    }
+};

package/dist/esm/board/watcher.d.ts

@@ -0,0 +1,15 @@
+import type { Point, BoardWatcherEventMap, Data, Element, ElementType, BoardWatcherOptions } from '@idraw/types';
+import { EventEmitter } from '@idraw/util';
+export declare class BoardWatcher extends EventEmitter<BoardWatcherEventMap> {
+    #private;
+    constructor(opts: BoardWatcherOptions);
+    onEvents(): void;
+    offEvents(): void;
+    destroy(): void;
+}
+interface PointResult {
+    index: number;
+    element: Element<ElementType> | null;
+}
+export declare function getPointResult(p: Point, data: Data): PointResult;
+export {};

package/dist/esm/board/watcher.js

@@ -0,0 +1,218 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _BoardWatcher_instances, _BoardWatcher_opts, _BoardWatcher_store, _BoardWatcher_hasDestroyed, _BoardWatcher_init, _BoardWatcher_onWheel, _BoardWatcher_onContextMenu, _BoardWatcher_onClick, _BoardWatcher_onPointLeave, _BoardWatcher_onPointEnd, _BoardWatcher_onPointMove, _BoardWatcher_onPointStart, _BoardWatcher_onHover, _BoardWatcher_isInTarget, _BoardWatcher_getPoint, _BoardWatcher_isVaildPoint;
+import { EventEmitter, Store } from '@idraw/util';
+function isBoardAvailableNum(num) {
+    return num > 0 || num < 0 || num === 0;
+}
+export class BoardWatcher extends EventEmitter {
+    constructor(opts) {
+        super();
+        _BoardWatcher_instances.add(this);
+        _BoardWatcher_opts.set(this, void 0);
+        _BoardWatcher_store.set(this, void 0);
+        _BoardWatcher_hasDestroyed.set(this, false);
+        _BoardWatcher_onWheel.set(this, (e) => {
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+                return;
+            }
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+                return;
+            }
+            e.preventDefault();
+            e.stopPropagation();
+            const deltaX = e.deltaX > 0 || e.deltaX < 0 ? e.deltaX : 0;
+            const deltaY = e.deltaY > 0 || e.deltaY < 0 ? e.deltaY : 0;
+            if (e.ctrlKey === true && this.has('wheelScale')) {
+                this.trigger('wheelScale', { deltaX, deltaY, point });
+            }
+            else if (this.has('wheel')) {
+                this.trigger('wheel', { deltaX, deltaY, point });
+            }
+        });
+        _BoardWatcher_onContextMenu.set(this, (e) => {
+            if (e.button !== 2) {
+                return;
+            }
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+                return;
+            }
+            e.preventDefault();
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+                return;
+            }
+            this.trigger('contextMenu', { point });
+        });
+        _BoardWatcher_onClick.set(this, (e) => {
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+                return;
+            }
+            e.preventDefault();
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+                return;
+            }
+            const maxLimitTime = 500;
+            const t = Date.now();
+            const preClickPoint = __classPrivateFieldGet(this, _BoardWatcher_store, "f").get('prevClickPoint');
+            if (preClickPoint &&
+                t - preClickPoint.t <= maxLimitTime &&
+                Math.abs(preClickPoint.x - point.x) <= 5 &&
+                Math.abs(preClickPoint.y - point.y) <= 5) {
+                this.trigger('doubleClick', { point });
+            }
+            else {
+                __classPrivateFieldGet(this, _BoardWatcher_store, "f").set('prevClickPoint', point);
+            }
+        });
+        _BoardWatcher_onPointLeave.set(this, (e) => {
+            __classPrivateFieldGet(this, _BoardWatcher_store, "f").set('hasPointDown', false);
+            e.preventDefault();
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            this.trigger('pointLeave', { point });
+        });
+        _BoardWatcher_onPointEnd.set(this, (e) => {
+            __classPrivateFieldGet(this, _BoardWatcher_store, "f").set('hasPointDown', false);
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+                return;
+            }
+            e.preventDefault();
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            this.trigger('pointEnd', { point });
+        });
+        _BoardWatcher_onPointMove.set(this, (e) => {
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+                return;
+            }
+            e.preventDefault();
+            e.stopPropagation();
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+                if (__classPrivateFieldGet(this, _BoardWatcher_store, "f").get('hasPointDown')) {
+                    this.trigger('pointLeave', { point });
+                    __classPrivateFieldGet(this, _BoardWatcher_store, "f").set('hasPointDown', false);
+                }
+                return;
+            }
+            if (__classPrivateFieldGet(this, _BoardWatcher_store, "f").get('hasPointDown') !== true) {
+                return;
+            }
+            this.trigger('pointMove', { point });
+        });
+        _BoardWatcher_onPointStart.set(this, (e) => {
+            if (e.button !== 0) {
+                return;
+            }
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+                return;
+            }
+            e.preventDefault();
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+                return;
+            }
+            __classPrivateFieldGet(this, _BoardWatcher_store, "f").set('hasPointDown', true);
+            this.trigger('pointStart', { point });
+        });
+        _BoardWatcher_onHover.set(this, (e) => {
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
+                if (__classPrivateFieldGet(this, _BoardWatcher_store, "f").get('inCanvas') === true) {
+                    __classPrivateFieldGet(this, _BoardWatcher_store, "f").set('inCanvas', false);
+                    __classPrivateFieldGet(this, _BoardWatcher_onPointLeave, "f").call(this, e);
+                }
+                return;
+            }
+            __classPrivateFieldGet(this, _BoardWatcher_store, "f").set('inCanvas', true);
+            e.preventDefault();
+            const point = __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_getPoint).call(this, e);
+            if (!__classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_isVaildPoint).call(this, point)) {
+                return;
+            }
+            this.trigger('hover', { point });
+        });
+        const store = new Store({
+            defaultStorage: { hasPointDown: false, prevClickPoint: null, inCanvas: true }
+        });
+        __classPrivateFieldSet(this, _BoardWatcher_store, store, "f");
+        __classPrivateFieldSet(this, _BoardWatcher_opts, opts, "f");
+        __classPrivateFieldGet(this, _BoardWatcher_instances, "m", _BoardWatcher_init).call(this);
+    }
+    onEvents() {
+        if (__classPrivateFieldGet(this, _BoardWatcher_hasDestroyed, "f")) {
+            return;
+        }
+        const canvas = __classPrivateFieldGet(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
+        const container = window;
+        container.addEventListener('mousemove', __classPrivateFieldGet(this, _BoardWatcher_onHover, "f"));
+        container.addEventListener('mousedown', __classPrivateFieldGet(this, _BoardWatcher_onPointStart, "f"));
+        container.addEventListener('mousemove', __classPrivateFieldGet(this, _BoardWatcher_onPointMove, "f"));
+        container.addEventListener('mouseup', __classPrivateFieldGet(this, _BoardWatcher_onPointEnd, "f"));
+        canvas.addEventListener('wheel', __classPrivateFieldGet(this, _BoardWatcher_onWheel, "f"), { passive: false });
+        container.addEventListener('click', __classPrivateFieldGet(this, _BoardWatcher_onClick, "f"));
+        container.addEventListener('contextmenu', __classPrivateFieldGet(this, _BoardWatcher_onContextMenu, "f"));
+    }
+    offEvents() {
+        const container = window;
+        const canvas = __classPrivateFieldGet(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
+        container.removeEventListener('mousemove', __classPrivateFieldGet(this, _BoardWatcher_onHover, "f"));
+        container.removeEventListener('mousedown', __classPrivateFieldGet(this, _BoardWatcher_onPointStart, "f"));
+        container.removeEventListener('mousemove', __classPrivateFieldGet(this, _BoardWatcher_onPointMove, "f"));
+        container.removeEventListener('mouseup', __classPrivateFieldGet(this, _BoardWatcher_onPointEnd, "f"));
+        container.removeEventListener('mouseleave', __classPrivateFieldGet(this, _BoardWatcher_onPointLeave, "f"));
+        canvas.removeEventListener('wheel', __classPrivateFieldGet(this, _BoardWatcher_onWheel, "f"));
+        container.removeEventListener('click', __classPrivateFieldGet(this, _BoardWatcher_onClick, "f"));
+        container.removeEventListener('contextmenu', __classPrivateFieldGet(this, _BoardWatcher_onContextMenu, "f"));
+    }
+    destroy() {
+        this.offEvents();
+        __classPrivateFieldGet(this, _BoardWatcher_store, "f").destroy();
+        __classPrivateFieldSet(this, _BoardWatcher_hasDestroyed, true, "f");
+    }
+}
+_BoardWatcher_opts = new WeakMap(), _BoardWatcher_store = new WeakMap(), _BoardWatcher_hasDestroyed = new WeakMap(), _BoardWatcher_onWheel = new WeakMap(), _BoardWatcher_onContextMenu = new WeakMap(), _BoardWatcher_onClick = new WeakMap(), _BoardWatcher_onPointLeave = new WeakMap(), _BoardWatcher_onPointEnd = new WeakMap(), _BoardWatcher_onPointMove = new WeakMap(), _BoardWatcher_onPointStart = new WeakMap(), _BoardWatcher_onHover = new WeakMap(), _BoardWatcher_instances = new WeakSet(), _BoardWatcher_init = function _BoardWatcher_init() {
+    this.onEvents();
+}, _BoardWatcher_isInTarget = function _BoardWatcher_isInTarget(e) {
+    return e.target === __classPrivateFieldGet(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
+}, _BoardWatcher_getPoint = function _BoardWatcher_getPoint(e) {
+    const boardCanvas = __classPrivateFieldGet(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
+    const rect = boardCanvas.getBoundingClientRect();
+    const p = {
+        x: e.clientX - rect.left,
+        y: e.clientY - rect.top,
+        t: Date.now()
+    };
+    return p;
+}, _BoardWatcher_isVaildPoint = function _BoardWatcher_isVaildPoint(p) {
+    const viewSize = __classPrivateFieldGet(this, _BoardWatcher_opts, "f").sharer.getActiveViewSizeInfo();
+    const { width, height } = viewSize;
+    if (isBoardAvailableNum(p.x) && isBoardAvailableNum(p.y) && p.x <= width && p.y <= height) {
+        return true;
+    }
+    return false;
+};
+export function getPointResult(p, data) {
+    const result = {
+        index: -1,
+        element: null
+    };
+    for (let i = 0; i < data.elements.length; i++) {
+        const elem = data.elements[i];
+        if (p.x >= elem.x && p.x <= elem.x + elem.w && p.y >= elem.y && p.y <= elem.y + elem.h) {
+            result.index = i;
+            result.element = elem;
+            break;
+        }
+    }
+    return result;
+}

package/dist/esm/config.d.ts

@@ -0,0 +1,28 @@
+export declare const EVENT_KEY_CHANGE = "change";
+export declare const EVENT_KEY_CURSOR = "cursor";
+export declare const EVENT_KEY_RULER = "ruler";
+export declare const EVENT_KEY_SCALE = "scale";
+export declare const EVENT_KEY_SELECT = "select";
+export declare const EVENT_KEY_SELECT_LAYOUT = "selectLayout";
+export declare const EVENT_KEY_CLEAR_SELECT = "clearSelect";
+export declare const EVENT_KEY_TEXT_EDIT = "textEdit";
+export declare const EVENT_KEY_TEXT_CHANGE = "textChange";
+export declare const EVENT_KEY_CONTEXT_MENU = "contextMenu";
+export declare const EVENT_KEY_SELECT_IN_GROUP = "selectInGroup";
+export declare const EVENT_KEY_SNAP_TO_GRID = "snapToGrid";
+export type CoreEventKeys = {
+    CURSOR: typeof EVENT_KEY_CURSOR;
+    CHANGE: typeof EVENT_KEY_CHANGE;
+    RULER: typeof EVENT_KEY_RULER;
+    SCALE: typeof EVENT_KEY_SCALE;
+    SELECT: typeof EVENT_KEY_SELECT;
+    SELECT_LAYOUT: typeof EVENT_KEY_SELECT_LAYOUT;
+    CLEAR_SELECT: typeof EVENT_KEY_CLEAR_SELECT;
+    TEXT_EDIT: typeof EVENT_KEY_TEXT_EDIT;
+    TEXT_CHANGE: typeof EVENT_KEY_TEXT_CHANGE;
+    CONTEXT_MENU: typeof EVENT_KEY_CONTEXT_MENU;
+    SELECT_IN_GROUP: typeof EVENT_KEY_SELECT_IN_GROUP;
+    SNAP_TO_GRID: typeof EVENT_KEY_SELECT_IN_GROUP;
+};
+declare const coreEventKeys: CoreEventKeys;
+export { coreEventKeys };

package/dist/esm/config.js

@@ -0,0 +1,34 @@
+export const EVENT_KEY_CHANGE = 'change';
+export const EVENT_KEY_CURSOR = 'cursor';
+export const EVENT_KEY_RULER = 'ruler';
+export const EVENT_KEY_SCALE = 'scale';
+export const EVENT_KEY_SELECT = 'select';
+export const EVENT_KEY_SELECT_LAYOUT = 'selectLayout';
+export const EVENT_KEY_CLEAR_SELECT = 'clearSelect';
+export const EVENT_KEY_TEXT_EDIT = 'textEdit';
+export const EVENT_KEY_TEXT_CHANGE = 'textChange';
+export const EVENT_KEY_CONTEXT_MENU = 'contextMenu';
+export const EVENT_KEY_SELECT_IN_GROUP = 'selectInGroup';
+export const EVENT_KEY_SNAP_TO_GRID = 'snapToGrid';
+const innerEventKeys = {
+    CURSOR: EVENT_KEY_CURSOR,
+    CHANGE: EVENT_KEY_CHANGE,
+    RULER: EVENT_KEY_RULER,
+    SCALE: EVENT_KEY_SCALE,
+    SELECT_LAYOUT: EVENT_KEY_SELECT_LAYOUT,
+    SELECT: EVENT_KEY_SELECT,
+    CLEAR_SELECT: EVENT_KEY_CLEAR_SELECT,
+    TEXT_EDIT: EVENT_KEY_TEXT_EDIT,
+    TEXT_CHANGE: EVENT_KEY_TEXT_CHANGE,
+    CONTEXT_MENU: EVENT_KEY_CONTEXT_MENU,
+    SELECT_IN_GROUP: EVENT_KEY_SELECT_IN_GROUP,
+    SNAP_TO_GRID: EVENT_KEY_SELECT_IN_GROUP
+};
+const coreEventKeys = {};
+Object.keys(innerEventKeys).forEach((keyName) => {
+    Object.defineProperty(coreEventKeys, keyName, {
+        value: innerEventKeys[keyName],
+        writable: false
+    });
+});
+export { coreEventKeys };

package/dist/esm/index.d.ts

@@ -1,16 +1,28 @@
-import type { Data, PointSize, CoreOptions, BoardMiddleware, ViewSizeInfo, CoreEvent, ViewScaleInfo, LoadItemMap } from '@idraw/types';
-export { MiddlewareSelector, middlewareEventSelect } from './middleware/selector';
+import type { Data, PointSize, CoreOptions, BoardMiddleware, ViewSizeInfo, CoreEventMap, ViewScaleInfo, LoadItemMap, ModifyOptions } from '@idraw/types';
+import { Board, Sharer, Calculator } from './board';
+export { coreEventKeys } from './config';
+export type { CoreEventKeys } from './config';
+export { Board, Sharer, Calculator };
+export { MiddlewareSelector } from './middleware/selector';
 export { MiddlewareScroller } from './middleware/scroller';
-export { MiddlewareScaler, middlewareEventScale } from './middleware/scaler';
-export { MiddlewareRuler, middlewareEventRuler } from './middleware/ruler';
-export { MiddlewareTextEditor, middlewareEventTextEdit } from './middleware/text-editor';
+export { MiddlewareScaler } from './middleware/scaler';
+export { MiddlewareRuler } from './middleware/ruler';
+export { MiddlewareTextEditor } from './middleware/text-editor';
 export { MiddlewareDragger } from './middleware/dragger';
-export declare class Core<E extends CoreEvent = CoreEvent> {
+export { MiddlewareInfo } from './middleware/info';
+export { MiddlewareLayoutSelector } from './middleware/layout-selector';
+export { MiddlewarePointer } from './middleware/pointer';
+export declare class Core<E extends CoreEventMap = CoreEventMap> {
     #private;
     constructor(container: HTMLDivElement, opts: CoreOptions);
-    use(middleware: BoardMiddleware<any, any>): void;
-    disuse(middleware: BoardMiddleware<any, any>): void;
-    setData(data: Data): void;
+    isDestroyed(): boolean;
+    destroy(): void;
+    use<C extends any = any>(middleware: BoardMiddleware<any, any, any>, config?: C): void;
+    disuse(middleware: BoardMiddleware<any, any, any>): void;
+    resetMiddlewareConfig<C extends any = any>(middleware: BoardMiddleware<any, any, any>, config?: Partial<C>): void;
+    setData(data: Data, opts?: {
+        modifiedOptions?: ModifyOptions;
+    }): void;
     getData(): Data | null;
     scale(opts: {
         scale: number;
@@ -32,4 +44,6 @@ export declare class Core<E extends CoreEvent = CoreEvent> {
         offsetY: number;
     }): void;
     getLoadItemMap(): LoadItemMap;
+    onBoardWatcherEvents(): void;
+    offBoardWatcherEvents(): void;
 }

package/dist/esm/index.js

@@ -9,27 +9,35 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _Core_instances, _Core_board, _Core_container, _Core_initContainer;
-import { Board } from '@idraw/board';
+var _Core_instances, _Core_board, _Core_canvas, _Core_container, _Core_initContainer;
+import { Board, Sharer, Calculator } from './board';
 import { createBoardContent, validateElements } from '@idraw/util';
 import { Cursor } from './lib/cursor';
-export { MiddlewareSelector, middlewareEventSelect } from './middleware/selector';
+export { coreEventKeys } from './config';
+export { Board, Sharer, Calculator };
+export { MiddlewareSelector } from './middleware/selector';
 export { MiddlewareScroller } from './middleware/scroller';
-export { MiddlewareScaler, middlewareEventScale } from './middleware/scaler';
-export { MiddlewareRuler, middlewareEventRuler } from './middleware/ruler';
-export { MiddlewareTextEditor, middlewareEventTextEdit } from './middleware/text-editor';
+export { MiddlewareScaler } from './middleware/scaler';
+export { MiddlewareRuler } from './middleware/ruler';
+export { MiddlewareTextEditor } from './middleware/text-editor';
 export { MiddlewareDragger } from './middleware/dragger';
+export { MiddlewareInfo } from './middleware/info';
+export { MiddlewareLayoutSelector } from './middleware/layout-selector';
+export { MiddlewarePointer } from './middleware/pointer';
 export class Core {
     constructor(container, opts) {
         _Core_instances.add(this);
         _Core_board.set(this, void 0);
+        _Core_canvas.set(this, void 0);
         _Core_container.set(this, void 0);
         const { devicePixelRatio = 1, width, height } = opts;
         __classPrivateFieldSet(this, _Core_container, container, "f");
         const canvas = document.createElement('canvas');
+        canvas.setAttribute('tabindex', '0');
+        __classPrivateFieldSet(this, _Core_canvas, canvas, "f");
         __classPrivateFieldGet(this, _Core_instances, "m", _Core_initContainer).call(this);
         container.appendChild(canvas);
-        const boardContent = createBoardContent(canvas, { width, height, devicePixelRatio, offscreen: true });
+        const boardContent = createBoardContent(canvas, { width, height, devicePixelRatio });
         const board = new Board({ boardContent, container });
         const sharer = board.getSharer();
         sharer.setActiveViewSizeInfo({
@@ -46,15 +54,25 @@ export class Core {
             eventHub
         });
     }
-    use(middleware) {
-        __classPrivateFieldGet(this, _Core_board, "f").use(middleware);
+    isDestroyed() {
+        return __classPrivateFieldGet(this, _Core_board, "f").isDestroyed();
+    }
+    destroy() {
+        __classPrivateFieldGet(this, _Core_board, "f").destroy();
+        __classPrivateFieldGet(this, _Core_canvas, "f").remove();
+    }
+    use(middleware, config) {
+        __classPrivateFieldGet(this, _Core_board, "f").use(middleware, config);
     }
     disuse(middleware) {
         __classPrivateFieldGet(this, _Core_board, "f").disuse(middleware);
     }
-    setData(data) {
+    resetMiddlewareConfig(middleware, config) {
+        __classPrivateFieldGet(this, _Core_board, "f").resetMiddlewareConfig(middleware, config);
+    }
+    setData(data, opts) {
         validateElements((data === null || data === void 0 ? void 0 : data.elements) || []);
-        __classPrivateFieldGet(this, _Core_board, "f").setData(data);
+        __classPrivateFieldGet(this, _Core_board, "f").setData(data, opts);
     }
     getData() {
         return __classPrivateFieldGet(this, _Core_board, "f").getData();
@@ -104,8 +122,14 @@ export class Core {
     getLoadItemMap() {
         return __classPrivateFieldGet(this, _Core_board, "f").getRenderer().getLoadItemMap();
     }
+    onBoardWatcherEvents() {
+        __classPrivateFieldGet(this, _Core_board, "f").onWatcherEvents();
+    }
+    offBoardWatcherEvents() {
+        __classPrivateFieldGet(this, _Core_board, "f").offWatcherEvents();
+    }
 }
-_Core_board = new WeakMap(), _Core_container = new WeakMap(), _Core_instances = new WeakSet(), _Core_initContainer = function _Core_initContainer() {
+_Core_board = new WeakMap(), _Core_canvas = new WeakMap(), _Core_container = new WeakMap(), _Core_instances = new WeakSet(), _Core_initContainer = function _Core_initContainer() {
     const container = __classPrivateFieldGet(this, _Core_container, "f");
     container.style.position = 'relative';
 };

package/dist/esm/lib/cursor-image.d.ts

@@ -2,3 +2,4 @@ export declare const CURSOR = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACg
 export declare const CURSOR_RESIZE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF92lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuMTY0NzUzLCAyMDIxLzAyLzE1LTExOjUyOjEzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDktMTdUMTY6MzE6MjMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MTBhYjUzLWM0ZjEtNDVhNS04MjhkLTIxOTczOWFjOTk3MSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkMDNmNjM5LTE5MzctY2Y0MC1hMTg0LTIyMjg0NzczNWNmYSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyYjQwZGRmLWE0ZGEtNDY3MC1iYzc2LTBhYjY3ZmI5M2I0ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODJiNDBkZGYtYTRkYS00NjcwLWJjNzYtMGFiNjdmYjkzYjRlIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjMxOjIzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NjQxMGFiNTMtYzRmMS00NWE1LTgyOGQtMjE5NzM5YWM5OTcxIiBzdEV2dDp3aGVuPSIyMDIzLTA5LTE3VDE2OjQ0OjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57vRudAAAEk0lEQVRYhe3ZW0jbVxzA8e8/MX+NYnG9uI4xE3bvoLt0FzradRfGBtsYo32YdAhb6WQyBqV7KOylpYjzZShDGfjmyxgbgjjwyRm16SYMhgiNKDhbL3VtNF4xJOnf3x7+59i/Wf4aTbInf3AwJMdzPjnnf/n9/jFEhGzDMIxMb3uAIsDs6ek5urS05Dtz5syE+uwekAQS6u89YD19gC0NIpJ1c8GZQHlXV9fJRCIxGo/HxxoaGj4CngWOAEGgEihXfT07MeQC3MB1dna+lkgkRkXF6urq3xcuXPgUOAE8DzwGPOiGLARwEy4ej4+JiITD4elr167NiIgsLi7eqq2trQPeBI4Bj7sh8w10xZmmeds0zdn+/v5/RERisdjUuXPnvgLeAl50Q+YTaAA+oKy7u/uE3laNAwSQ4uLiu6FQ6G4G5DG13YeAMjWWkU+gBygJhULHNe769etTTpwDGXUiz58//yXwujp5qoAHgBLAk0+gNxKJHEulUiMKN2ma5gwgPp/vjhOXjlxYWJisq6urBV5RW30IKAW8eQPGYrGjlmXdEBEZHBy8aZrmFCCmac729fVtAHt7e6MO5N2+vr47IiJLS0s3L126dBZ4Sh2LZUBRwVdwYGBgVuwOYh/zsoF0bnPBVzDTMRgOh6dFhROokSIi8/Pz0+pEeaPQx+DGWdzV1XVSX2LcgCIic3NzMzU1NV8D7wIvq9WrLNRZvOk62NHRccqJTAdGo9Hb1dXV3wAfYt9VjgAPFfI66EQWAxU9PT0fuwEvXrzYBJwF3gFeAAJAhfrfrO4k/7lxZxnr2JlJqry8POnWyePx6H4JR0vhktVkHGOXQI20SkpKLLcOhmGsA5YCaZiVLS5XoADi9XpdkznDMERhnE0fCgUHZhvOW+CO4/8A5hR7wFxjD5hr7AFzjZyBlmVlrOYdYaS1HUUuQA/gWV9fd51URDyqn1c1j6MVFGjoidfW1oq2ABrYj0V82OmVzwHNajVdB88C5wOKTdM87NaxsrKyQsFKHC2BnTDo+/TWt8Bd5INeVC44NDT0xXYZdXNz8w/AaeyS8yjwCPdzQu92ht2m/OUjIyOfS1pkAoqItLS0fA+8D7wKPA0cxs6qC1O4T0xMfKYnb21tnXEDNjc3z+nXbW1t3wFvYz9dCAL7KUThHovFPtGTNjU1jQFSX18/lg68cuXKLUAaGxs3vkB7e/u3wHHgCQpUdnpTqdQvesJgMDisUVevXh3Xry9fvnxTv66qqprQ/cfHx/vVNj/J/couv0DAv7q6+pMDeYPNSalkwkUikX7s4ukl4FHgAODPN1CXnPsWFxd/dCAjW+GGhoZCwAfYpeczwMPAPjVW3gv3IvXN98disZ8dyBGNCwQC4/r94eHhfuy6+JS6zATUCeJXY+W9cNfIUuDAwsLCr05kIBDYeBQ8Ojr6h8Lpx25BtbWlGpfv62BG5PLy8m+SFpOTk38C76mVe84NVyhgOvLgysrK7xoXjUb/Uqt2XG1rEDiYCbcd0MgwsWtk+J1EI03An0wmw5Zlefx+/2n1eRKIO5r+rWTTpFsZ/gWFrGMmeObuqwAAAABJRU5ErkJggg==";
 export declare const CURSOR_DRAG_DEFAULT = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApCAYAAABHomvIAAAEvUlEQVRYhc2Y20/cVRDHP8v+uKzAWkpDCtZq8BYhJkq8PBoJxgj7I2m0ryaSyFN9IT74pI8+8WJiggRj/APApFkSTGRJ+qKGUiyxbGPEWsUSuVhYC12Wy8+HmeMeYPe3d3WSye/k/M7le+bMzJkZ+J9ToEJreGVYN+vihcytstjQocUlAw0WCSoIVCv3Ae8CXwIt+u8XHVeOG8qLqgAHqAFCQCNwGugCthBJGd7S/tM6LqTzHI5KuqzgaoAHgEvAtwrkG2AG8FzXvep5nue67lX9N6P/PR1/SefXlBtkFXKNDUA/RyX1D9uUbYzOb9D1ygbSQU7eDMxhSSsSiVz3AxiJRK57nuf19/fPad8coqONFCBJPyUOIKc1OvcbgiY9ICDT8+0DHge2gR0gBeyTtviM5HeKAGlrrfMZVwhdAVaAr4F3KNF4gkA9cBbowOc68+3LwDn1Mhdy4/OcYk54nPr6+m54nofruvPa9SFQ6wfQTweNgTwInAGuQWk6mEUvHwb+Au4Dexx7ffK9+0q+CHWIBIOZ9skHYKWfK9tQ8gZoLDjIyWCg3ORY+2T8aYOyg4EaRIFrkCs4QU1NTSvabC20zyIDzuyfkYzEahHX8jHwE/LwXwHeJ4P7KIVIu5ouxFDC+HgLAy4MfEF2v1UpgOezATSiNVf6EvAWsD01NXVtdnb2bk9Pz81sp/q3KIi8t83Ae4DX0tJy0z7t8PDwD4FAYIX/WILVwKMAzc3Nu/agoaGhzmg0ugcsV0hIvlSNoH8IuIiebHJycrls4sotwaxGYvueAPAjEg3jum79yMjIr5WUjFLOxMpBIopWoBN4GfhOJ+4NDg4ulVt6i4uLm7r+BvAscA4fCXrAAfJQJ5Fg8gPgMuCMjo62d3V1LW1sbKRKlpXSxMTEmjZ/5qQrOwHwUAGmkIjiHhJdfKrM/Pz8Y+3t7RvT09Ob5QAYi8X2tbmke2cEZwAaCdoAt5QvIzEbiUSitbe3tyoej++UCnBhYSGkzdu6d1aQxkgOkfwgieQMCeCu8iwSnpNKpcIdHR3BZDJ5UCy4SCSyvL6+/giiSou67wE+eYmhAKKkIaAJUdynkdflNcQF3dFTpooxjmg0aozDAz4DXkB8bxPy1OYM7QzIOuAU0AY8pQu9CrwJ3AK8UCj0RyHgZmZmli1w3wOvAM/oHo1kiZiygbSDh7PAE8DzQA/wBqKnnuM4a2NjY7dygbtw4cICRy31deBFJA09o7eWsU7kJ1KTLJmyRyOSn5zS70fAkwBtbW2/DwwMHHR3d9d3dnY2rK6u7o2Pj2/GYrH9eDzurK2tndM1vwI+QXT7T2BTD5skQz6SCyAcLRoZkGEFGQbeRqpbubK+BPA5MI14h00L3I6Cy2h4+eQbJsKuRa6iQcGFFfB5oBt4DpFsI+Ky7iDBxW3gBhBH/GtC+R7i1lKk3UxRAG2QpvxWr0AbtB3SA5jkx36djH/dVlDbyibN3M8GDvJPyI2PSulixm/u6kZ1OQCaJ/S+tndJX6tvsFBIxcCUdA3vW5ubxMrObc0hDMhd/Rqp5QQHxeW8dubnHGM7tzVv/IECMlxQ/bpcRfRMqaNRheNcUGG9XFWDACfzWs/6Fl3t/xtO//8gpbCORQAAAABJRU5ErkJggg==";
 export declare const CURSOR_DRAG_ACTIVE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAER0lEQVRYhe2YT2hjRRjAf8lL22xsNsm6EWKrSKvuIkIh+O9QRFxEW18KUsoe7FHoRaWCN1FPetOrIHgVKS0q9P5OxaJbodkalgVrtVZjS7Ntd02z6abPw3yzmaT585q+elj2g2HmvZn35jffN/PNNwP35R6XgM/fuif4n+dO2klQvgsaZRc4NJJvoJbHdhrIAkJAN2ADHwFfAw9J3ZoB/b9I0AA6A0SBc0Aa2EVpSqddeZ+QdmfkO+u0gIPSQQR4HfhRQH4AHMDNZDJXXNd1M5nMFalzdB3wJTAOPAD0yEB9066G6wXepVZTd5MpTdporZ6jVqsatmMJoTR3HvgJQ1u2bS+3ArRte9l1XXdsbGyJo1pdBN6Wf3d3ChlAmSQO9LeC8fquQRpDWaerHWSjSr1iu4BkJyOsF9u2s67rkslkluTVxygltAVsJBZqdCngEj5osIlW+4EYytRNF04jeu3vulCT+7QkLH20dEOhumft97pQI4s3+iiRSPwtxVSbd39J8eEGvzFXc1NAs8KSFAZeBt4AHgNeBFDWObkEAne7HAK2gT2gCFQatdca1GbtBj4E3veFprVYVLXXcg4GqM6588BbAMlkcm1qamqzr6/v6ikBet5RgiizJoDPAXdgYGDZXHkzMzPrrk9CdRWngUeAsxxdCzVwpgZ/BigWiz1mo4mJif7jqMajeJrU5hywgGvAej6fvzA0NLThN1Eul9uT4g5VTbYFNKUIfAbsZ7PZvuHh4Wt+As7Ozu5IcY2j219TQB0NV4A7qODgO4CFhYWLg4ODOb8AHccpG4A68m6pRQ1YAQ6A28A+8BXwBcDq6upTqVTquh+AuVyuW4q/opRRaQdZD1gCbgE3ge+BT4HdfD7/ZDwe/z2bzRY6hRsfH1/e3Nx8FDX/sgbgoZfvg6jo4ixqW7oIPA+8CrwHrAJuJBLJd+JaHMf5k6qmPgGeQe1SCenXk0/U21xcIC8AzwGvAJPAEuAmEon1xcXFba9w8/Pz5oqdB14CnpY+oij35km0qwmjwqAU8ISM9hIwBeQA17KsG9PT07+1gxsZGdmgdqW+BjwLDAAPoo4ALU+W9arVwWoIpXp9kouKZpPAO8AwQCwW+2d0dLQ0OTkZSafT0UKhUJ6bm9t2HKeysrIS3tra0g7+KvABUJC0g5rrJdRcbLpImtleRzYashc1P2OSXwbebDVykX3gW+Ab1AHqhuQ3pe6AJlFMO0CoPROHDcio5I8DL1A9C8dQbmod+APYAK4DvwjQnsDdErgyVTfTEaCG1GFYGHXG7TVSo2OkdvhlAflXoHSuNdfStFqaRhEi2kfdprrj6M5LAt0I8EDaaMdflPal48CB95hMr3Bt8h4jD0kyL5E0pN6dysZzW7N2AqjbmhdIZjJvufTOpE19x3g+9s1XJ/ck5tVbfdhu+rxDfLiSO+lFToCjZwrXyH2/0Lwv95z8B1jAqXmDnj4YAAAAAElFTkSuQmCC";
+export declare const CURSOR_RESIZE_ROTATE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAIiklEQVRYhe2YW2yUxxmGn7W96zXGNnZsr2FJHQyYBHNIU1ttAqVUVjlJUAtxQyUXhKgQktUDdSUkuEDtBVJ9UQXRC0RJRblrq/SCIARpFImWQ8VBIZQinJpQYozNyWaxiw/rfXsx3+z+6xNOe9tPGv2nOTzzffPPvDMhSXwJC1nKAXIDV/9ellLAqF1T9o5A2Ry7J5A/Fbh3mUMh8qYJ5kHCQATID6QIkBcAHAVGgKFAStq33EB53/ao5Rm064i9g0CmqcDyrNICYCZQBJTYdaa9j1jelDUwCAwAz4F+ex61DhZauXzr1CDwDHhq1wFg2Do1KWAo0NsCAyoDKoGYXcuBWdZY1PKnzAsDQB/wBOg1yKTVN8vqmoHz6nOgC7gHdFrbCasrNRFgyMCj5qVXgDlANfAaMA/4ir2rMI+MtSHgEdAN9BjsiNVZYR0sNq8+AtqB69Z2MuDBcYA+pAXW0yoDWgTUWXrd8k1l+cBcSxjIIBlPB63G8uUB/8Z57znwAkgGAX1YC4BSK7QIWA7UWwoDJJNJzp49y4ULF2hvb6e7u5tEIkFhYSGVlZXMmzePhoYGNmzYQElJCVZv2tPt7e3s2bOHvr4+9u3bx/r16+PWjg/zQ9x4BEk+5UkqklQt6ZuSdkn6jaRbMhsYGFBbW5uWLVvmp5MpU3V1tVpbW9XV1aWgbdy4MZ2npqbGvx6W9DtJ35e0RFJREDBX0gxJcUnfkPQDScck3fGlz549q7q6ummBjU2xWEzvvfdeGvCtt95Kf6uoqAiyfyBpt6SvSZrlAUOSIpLKJS2X9D1Jv5Z025d69913FQqFJmy8rKxMS5YsUUNDg5YvX67Zs2dPCrpjxw6NjIxoxYoV6XdVVVVBwI8l/UTS1yWVesBcC+18SRsk/ULS33yJtra2CRtramrSiRMn1NXVpWQyKUlKpVJ6+vSpTp48qZ07dyo/P39cua1bt6q+vn4ywL9IapX0tqQyDxiRFDPq3ZL+JCklSadOnRrXwMKFC3X69GlNx65du6aVK1eOqyMYjTGAf50IsNC8t1FSm6TPJOn+/fuKxWJZFb/zzjvjBvx0bO/evQqHwxNG4mUe9MtYMZk5bwHA4cOH6enpSc9BixYt4uTJk5SVlflXfcBN4DFuapoHLPQfz58/z9WrVwmFQsTjceLxOHfv3uUlNlZcpFeMEtzsXg2QSCQ4duxYulQoFOLQoUNBuE7gvAE+x82b/VZHyblz52hsbCSZTL4MCGWrqUECq0gQsBi3ts4B+PDDD3n48GG61OrVq1mzZo1/fGZw54HbVmGV1bMAWPbRRx9NC24CwD7cajLiAXNwIS7ELW3lAGfOnMmqZPv27cHHvwM3gH8AnwH/wnn0C+AuwLZt25g/f/5L4cLhMNu2bfOPnbh1+xkZ9UMebvmKGmQEoLOzM11JQUEBK1eu9I/JAFAPTqnk4hTNY9xS1V5TU1N7+fJlOjo6SKXS+jPLJFFUVMTixYsxmJtW/inOi2nAXDI/C0BWeMvKyojFYv6xz1LCKhnCRSEBPMCFfBaQKi0tfb2+vn5qFzp7AnwCXAM+t45mAUJGfgMwOpoWtIRCWZ/89BB8TuJ+lG5cNEatkXYgjtN+BYG2ktaxBE4U3AP+iRsud3EeHCTwk6Ss0IhvtaKiIk3Q19dHb28vhYWF4H6mYtxwiBrQIE4aPTHgIVzoO3E/TzlOV4YD3/stj9eMPj2xzg4HAYMSPQnkxePxNGB/fz+XLl1iy5Yt4HTeq+aZTtyA9h18Yb33G6aRQBqyDiUNLihmH1q54LAZ9ZHKISPRn1loaGxsJGjHjx8PPi6xtAgnNufgVHcRmf1J2DpTiJsjvYout3c5gQ49Ns89s3fpOdB70I+Hx7iBXrV27VqKi4tJJBKAm3auXLmCDfpy4G3rZSHur/aSPg83BCpx24MFuNUlbnkHcGMubEDdxpG0lBn8AcBBsgfsVysqKti6dStHjhwBYGRkhJaWFs6dO0ckEgGYj9v0xIA71rkha7jUgBYCb5hHGRoaIj8/f4Z5s8jafUpmN/diLBwAkmZKWiipSdKvJN2VpI6ODhUVFWUt7Js2bdLAwMBYLdAt6VNJlyV9IumLsRkOHjyo2tparVixQrdvp2Xmn00YrJI0R05VBRV+GjAiqcoUxA8lnfI1HD16dJz6WLVqla5fvz4tFdPZ2anm5uas8s3Nzf7zp5J+LmmNpFcl5U8GmCupWFKtpO9K+qWkG76W3bt3j4OMRqNqaWnRhQsXNDQ0lAWVTCZ169YtHThwQFVVVePKtrS0+Kw3pgsYso+Vkuol7ZD0W0ldvsHW1tZJZXxtba0aGxvV1NSkdevWaenSpYpGoxPmXb9+vXp6ejzgx5J+ZiGeLSk8GaD34ky5Hd23JP1I0h8kPQmGu7y8/L/aNEUiEe3fv1/Dw8Pp6Es6KqlZ0puSXpHbVU4KiPVglqQFkr4j6aeSfi/pvq/13r172rVrlyorK6cFFo1GtXnzZl25ciU4Ch5J+qOkH0v6tqTXzDk5EwGGlNFjOWQOd8px4vUN4E3cpn2pz/jgwQPef/99Ll68yJ07d+jt7WVwcJBIJEJJSQlz586loaGBTZs2UVdXF5w0OoDLwFWcbPsct6r04+bRLHEYCoWyAD1kBDfHleHmsxrccccS3NFHNV/eenBy6iZwCycMOnHz5wBuDh2nyyY6H0zhFmoF7vtxk+l9q3ieQfrDo8msF7cy3cN56g7ZWnKcep7IxnrQmz+wHKu2K3EKJWbPpWSUTQ4ZtRJc23sC6ZGB9ZM52JwcboIQjzUvZvNxYfeHlyVkZFcBbux6wKA6ShjoM5yM8uH0Xpuy8ekAQuZc2W8P8nEei9p9mMmPgAfJHO0O27e0lHppw9MEDJo//A4eoE91iB48SJ80lFMB/t/+V/sPGZfTmtMFR4EAAAAASUVORK5CYII=";