@mdesignable/core 1.0.0-beta.64

package/esm/effects/useResizeEffect.js

@@ -0,0 +1,80 @@
+import { CursorDragType } from '../models';
+import { DragStartEvent, DragMoveEvent, DragStopEvent } from '../events';
+export var useResizeEffect = function (engine) {
+    var findStartNodeHandler = function (target) {
+        var handler = target === null || target === void 0 ? void 0 : target.closest("*[".concat(engine.props.nodeResizeHandlerAttrName, "]"));
+        if (handler) {
+            var direction = handler.getAttribute(engine.props.nodeResizeHandlerAttrName);
+            if (direction) {
+                var element = handler.closest("*[".concat(engine.props.nodeSelectionIdAttrName, "]"));
+                if (element) {
+                    var nodeId = element.getAttribute(engine.props.nodeSelectionIdAttrName);
+                    if (nodeId) {
+                        var node = engine.findNodeById(nodeId);
+                        if (node) {
+                            return { direction: direction, node: node, element: element };
+                        }
+                    }
+                }
+            }
+        }
+        return;
+    };
+    engine.subscribeTo(DragStartEvent, function (event) {
+        var _a, _b;
+        var target = event.data.target;
+        var currentWorkspace = (_b = (_a = event.context) === null || _a === void 0 ? void 0 : _a.workspace) !== null && _b !== void 0 ? _b : engine.workbench.activeWorkspace;
+        if (!currentWorkspace)
+            return;
+        var handler = findStartNodeHandler(target);
+        var helper = currentWorkspace.operation.transformHelper;
+        if (handler) {
+            var selectionElement = handler.element.closest("*[".concat(engine.props.nodeSelectionIdAttrName, "]"));
+            if (selectionElement) {
+                var nodeId = selectionElement.getAttribute(engine.props.nodeSelectionIdAttrName);
+                if (nodeId) {
+                    var node = engine.findNodeById(nodeId);
+                    if (node) {
+                        helper.dragStart({
+                            dragNodes: [node],
+                            type: 'resize',
+                            direction: handler.direction,
+                        });
+                    }
+                }
+            }
+        }
+    });
+    engine.subscribeTo(DragMoveEvent, function (event) {
+        var _a, _b;
+        if (engine.cursor.dragType !== CursorDragType.Resize)
+            return;
+        var currentWorkspace = (_b = (_a = event.context) === null || _a === void 0 ? void 0 : _a.workspace) !== null && _b !== void 0 ? _b : engine.workbench.activeWorkspace;
+        var helper = currentWorkspace === null || currentWorkspace === void 0 ? void 0 : currentWorkspace.operation.transformHelper;
+        var dragNodes = helper.dragNodes;
+        if (!dragNodes.length)
+            return;
+        helper.dragMove();
+        dragNodes.forEach(function (node) {
+            var element = node.getElement();
+            helper.resize(node, function (rect) {
+                element.style.width = rect.width + 'px';
+                element.style.height = rect.height + 'px';
+                element.style.position = 'absolute';
+                element.style.left = '0px';
+                element.style.top = '0px';
+                element.style.transform = "translate3d(".concat(rect.x, "px,").concat(rect.y, "px,0)");
+            });
+        });
+    });
+    engine.subscribeTo(DragStopEvent, function (event) {
+        var _a, _b;
+        if (engine.cursor.dragType !== CursorDragType.Resize)
+            return;
+        var currentWorkspace = (_b = (_a = event.context) === null || _a === void 0 ? void 0 : _a.workspace) !== null && _b !== void 0 ? _b : engine.workbench.activeWorkspace;
+        var helper = currentWorkspace === null || currentWorkspace === void 0 ? void 0 : currentWorkspace.operation.transformHelper;
+        if (helper) {
+            helper.dragEnd();
+        }
+    });
+};

package/esm/effects/useSelectionEffect.d.ts

@@ -0,0 +1,2 @@
+import { Engine } from '../models';
+export declare const useSelectionEffect: (engine: Engine) => void;

package/esm/effects/useSelectionEffect.js

@@ -0,0 +1,68 @@
+import { CursorStatus } from '../models';
+import { MouseClickEvent } from '../events';
+import { KeyCode, Point } from '@mdesignable/shared';
+export var useSelectionEffect = function (engine) {
+    engine.subscribeTo(MouseClickEvent, function (event) {
+        var _a, _b, _c, _d;
+        if (engine.cursor.status !== CursorStatus.Normal)
+            return;
+        var target = event.data.target;
+        var el = (_a = target === null || target === void 0 ? void 0 : target.closest) === null || _a === void 0 ? void 0 : _a.call(target, "\n      *[".concat(engine.props.nodeIdAttrName, "],\n      *[").concat(engine.props.outlineNodeIdAttrName, "]\n    "));
+        var isHelpers = (_b = target === null || target === void 0 ? void 0 : target.closest) === null || _b === void 0 ? void 0 : _b.call(target, "*[".concat(engine.props.nodeSelectionIdAttrName, "]"));
+        var currentWorkspace = (_d = (_c = event.context) === null || _c === void 0 ? void 0 : _c.workspace) !== null && _d !== void 0 ? _d : engine.workbench.activeWorkspace;
+        if (!currentWorkspace)
+            return;
+        if (!(el === null || el === void 0 ? void 0 : el.getAttribute)) {
+            var point = new Point(event.data.topClientX, event.data.topClientY);
+            var operation_1 = currentWorkspace.operation;
+            var viewport = currentWorkspace.viewport;
+            var outline = currentWorkspace.outline;
+            var isInViewport = viewport.isPointInViewport(point, false);
+            var isInOutline = outline.isPointInViewport(point, false);
+            if (isHelpers)
+                return;
+            if (isInViewport || isInOutline) {
+                var selection_1 = operation_1.selection;
+                var tree_1 = operation_1.tree;
+                selection_1.select(tree_1);
+            }
+            return;
+        }
+        var nodeId = el.getAttribute(engine.props.nodeIdAttrName);
+        var structNodeId = el.getAttribute(engine.props.outlineNodeIdAttrName);
+        var operation = currentWorkspace.operation;
+        var selection = operation.selection;
+        var tree = operation.tree;
+        var node = tree.findById(nodeId || structNodeId);
+        if (node) {
+            engine.keyboard.requestClean();
+            if (engine.keyboard.isKeyDown(KeyCode.Meta) ||
+                engine.keyboard.isKeyDown(KeyCode.Control)) {
+                if (selection.has(node)) {
+                    if (selection.selected.length > 1) {
+                        selection.remove(node);
+                    }
+                }
+                else {
+                    selection.add(node);
+                }
+            }
+            else if (engine.keyboard.isKeyDown(KeyCode.Shift)) {
+                if (selection.has(node)) {
+                    if (selection.selected.length > 1) {
+                        selection.remove(node);
+                    }
+                }
+                else {
+                    selection.crossAddTo(node);
+                }
+            }
+            else {
+                selection.select(node);
+            }
+        }
+        else {
+            selection.select(tree);
+        }
+    });
+};

package/esm/effects/useTranslateEffect.d.ts

@@ -0,0 +1,2 @@
+import { Engine } from '../models';
+export declare const useTranslateEffect: (engine: Engine) => void;

package/esm/effects/useTranslateEffect.js

@@ -0,0 +1,58 @@
+import { CursorDragType } from '../models';
+import { DragStartEvent, DragMoveEvent, DragStopEvent } from '../events';
+export var useTranslateEffect = function (engine) {
+    engine.subscribeTo(DragStartEvent, function (event) {
+        var _a, _b;
+        var target = event.data.target;
+        var currentWorkspace = (_b = (_a = event.context) === null || _a === void 0 ? void 0 : _a.workspace) !== null && _b !== void 0 ? _b : engine.workbench.activeWorkspace;
+        var handler = target === null || target === void 0 ? void 0 : target.closest("*[".concat(engine.props.nodeTranslateAttrName, "]"));
+        if (!currentWorkspace)
+            return;
+        var helper = currentWorkspace.operation.transformHelper;
+        if (handler) {
+            var type = handler.getAttribute(engine.props.nodeTranslateAttrName);
+            if (type) {
+                var selectionElement = handler.closest("*[".concat(engine.props.nodeSelectionIdAttrName, "]"));
+                if (selectionElement) {
+                    var nodeId = selectionElement.getAttribute(engine.props.nodeSelectionIdAttrName);
+                    if (nodeId) {
+                        var node = engine.findNodeById(nodeId);
+                        if (node) {
+                            helper.dragStart({ dragNodes: [node], type: 'translate' });
+                        }
+                    }
+                }
+            }
+        }
+    });
+    engine.subscribeTo(DragMoveEvent, function (event) {
+        var _a, _b;
+        if (engine.cursor.dragType !== CursorDragType.Translate)
+            return;
+        var currentWorkspace = (_b = (_a = event.context) === null || _a === void 0 ? void 0 : _a.workspace) !== null && _b !== void 0 ? _b : engine.workbench.activeWorkspace;
+        var helper = currentWorkspace === null || currentWorkspace === void 0 ? void 0 : currentWorkspace.operation.transformHelper;
+        var dragNodes = helper.dragNodes;
+        if (!dragNodes.length)
+            return;
+        helper.dragMove();
+        dragNodes.forEach(function (node) {
+            var element = node.getElement();
+            helper.translate(node, function (translate) {
+                element.style.position = 'absolute';
+                element.style.left = '0px';
+                element.style.top = '0px';
+                element.style.transform = "translate3d(".concat(translate.x, "px,").concat(translate.y, "px,0)");
+            });
+        });
+    });
+    engine.subscribeTo(DragStopEvent, function (event) {
+        var _a, _b;
+        if (engine.cursor.dragType !== CursorDragType.Translate)
+            return;
+        var currentWorkspace = (_b = (_a = event.context) === null || _a === void 0 ? void 0 : _a.workspace) !== null && _b !== void 0 ? _b : engine.workbench.activeWorkspace;
+        var helper = currentWorkspace === null || currentWorkspace === void 0 ? void 0 : currentWorkspace.operation.transformHelper;
+        if (helper) {
+            helper.dragEnd();
+        }
+    });
+};

package/esm/effects/useViewportEffect.d.ts

@@ -0,0 +1,2 @@
+import { Engine } from '../models';
+export declare const useViewportEffect: (engine: Engine) => void;

package/esm/effects/useViewportEffect.js

@@ -0,0 +1,31 @@
+import { ViewportResizeEvent, ViewportScrollEvent } from '../events';
+export var useViewportEffect = function (engine) {
+    engine.subscribeTo(ViewportResizeEvent, function (event) {
+        var _a;
+        var currentWorkspace = (_a = event === null || event === void 0 ? void 0 : event.context) === null || _a === void 0 ? void 0 : _a.workspace;
+        if (!currentWorkspace)
+            return;
+        var viewport = currentWorkspace.viewport;
+        var outline = currentWorkspace.outline;
+        if (viewport.matchViewport(event.data.target)) {
+            viewport.digestViewport();
+        }
+        if (outline.matchViewport(event.data.target)) {
+            outline.digestViewport();
+        }
+    });
+    engine.subscribeTo(ViewportScrollEvent, function (event) {
+        var _a;
+        var currentWorkspace = (_a = event === null || event === void 0 ? void 0 : event.context) === null || _a === void 0 ? void 0 : _a.workspace;
+        if (!currentWorkspace)
+            return;
+        var viewport = currentWorkspace.viewport;
+        var outline = currentWorkspace.outline;
+        if (viewport.matchViewport(event.data.target)) {
+            viewport.digestViewport();
+        }
+        if (outline.matchViewport(event.data.target)) {
+            outline.digestViewport();
+        }
+    });
+};

package/esm/effects/useWorkspaceEffect.d.ts

@@ -0,0 +1,2 @@
+import { Engine } from '../models';
+export declare const useWorkspaceEffect: (engine: Engine) => void;

package/esm/effects/useWorkspaceEffect.js

@@ -0,0 +1,29 @@
+import { SelectNodeEvent } from '../events';
+export var useWorkspaceEffect = function (engine) {
+    engine.subscribeWith([
+        'append:node',
+        'insert:after',
+        'insert:before',
+        'insert:children',
+        'drag:node',
+        'drop:node',
+        'prepend:node',
+        'remove:node',
+        'select:node',
+        'update:children',
+        'wrap:node',
+        'update:node:props',
+    ], function (event) {
+        var _a;
+        if ((_a = event.context) === null || _a === void 0 ? void 0 : _a.workbench) {
+            engine.workbench.setActiveWorkspace(event.context.workspace);
+        }
+    });
+    engine.subscribeTo(SelectNodeEvent, function (event) {
+        engine.workbench.eachWorkspace(function (workspace) {
+            if (workspace !== event.context.workspace) {
+                workspace.operation.selection.clear();
+            }
+        });
+    });
+};

package/esm/events/cursor/AbstractCursorEvent.d.ts

@@ -0,0 +1,21 @@
+import { IEngineContext } from '../../types';
+export interface ICursorEventOriginData {
+    clientX: number;
+    clientY: number;
+    pageX: number;
+    pageY: number;
+    target: EventTarget;
+    view: Window;
+}
+export interface ICursorEventData extends ICursorEventOriginData {
+    topClientX?: number;
+    topClientY?: number;
+    topPageX?: number;
+    topPageY?: number;
+}
+export declare class AbstractCursorEvent {
+    data: ICursorEventData;
+    context: IEngineContext;
+    constructor(data: ICursorEventOriginData);
+    transformCoordinates(): void;
+}

package/esm/events/cursor/AbstractCursorEvent.js

@@ -0,0 +1,40 @@
+import { globalThisPolyfill } from '@mdesignable/shared';
+var AbstractCursorEvent = /** @class */ (function () {
+    function AbstractCursorEvent(data) {
+        this.data = data || {
+            clientX: 0,
+            clientY: 0,
+            pageX: 0,
+            pageY: 0,
+            target: null,
+            view: globalThisPolyfill,
+        };
+        this.transformCoordinates();
+    }
+    AbstractCursorEvent.prototype.transformCoordinates = function () {
+        var _a;
+        var frameElement = (((_a = this.data) === null || _a === void 0 ? void 0 : _a.view) || {}).frameElement;
+        if (frameElement && this.data.view !== globalThisPolyfill) {
+            var frameRect = frameElement.getBoundingClientRect();
+            var scale = frameRect.width / frameElement['offsetWidth'];
+            this.data.topClientX = this.data.clientX * scale + frameRect.x;
+            this.data.topClientY = this.data.clientY * scale + frameRect.y;
+            this.data.topPageX =
+                this.data.pageX + frameRect.x - this.data.view.scrollX;
+            this.data.topPageY =
+                this.data.pageY + frameRect.y - this.data.view.scrollY;
+            var topElement = document.elementFromPoint(this.data.topPageX, this.data.topClientY);
+            if (topElement !== frameElement) {
+                this.data.target = topElement;
+            }
+        }
+        else {
+            this.data.topClientX = this.data.clientX;
+            this.data.topClientY = this.data.clientY;
+            this.data.topPageX = this.data.pageX;
+            this.data.topPageY = this.data.pageY;
+        }
+    };
+    return AbstractCursorEvent;
+}());
+export { AbstractCursorEvent };

package/esm/events/cursor/DragMoveEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@mdesignable/shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class DragMoveEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/DragMoveEvent.js

@@ -0,0 +1,51 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+var DragMoveEvent = /** @class */ (function (_super) {
+    __extends(DragMoveEvent, _super);
+    function DragMoveEvent() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.type = 'drag:move';
+        return _this;
+    }
+    return DragMoveEvent;
+}(AbstractCursorEvent));
+export { DragMoveEvent };

package/esm/events/cursor/DragStartEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@mdesignable/shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class DragStartEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/DragStartEvent.js

@@ -0,0 +1,51 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+var DragStartEvent = /** @class */ (function (_super) {
+    __extends(DragStartEvent, _super);
+    function DragStartEvent() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.type = 'drag:start';
+        return _this;
+    }
+    return DragStartEvent;
+}(AbstractCursorEvent));
+export { DragStartEvent };

package/esm/events/cursor/DragStopEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@mdesignable/shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class DragStopEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/DragStopEvent.js

@@ -0,0 +1,51 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+var DragStopEvent = /** @class */ (function (_super) {
+    __extends(DragStopEvent, _super);
+    function DragStopEvent() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.type = 'drag:stop';
+        return _this;
+    }
+    return DragStopEvent;
+}(AbstractCursorEvent));
+export { DragStopEvent };

package/esm/events/cursor/MouseClickEvent.d.ts

@@ -0,0 +1,8 @@
+import { ICustomEvent } from '@mdesignable/shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class MouseClickEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}
+export declare class MouseDoubleClickEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/MouseClickEvent.js

@@ -0,0 +1,61 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+var MouseClickEvent = /** @class */ (function (_super) {
+    __extends(MouseClickEvent, _super);
+    function MouseClickEvent() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.type = 'mouse:click';
+        return _this;
+    }
+    return MouseClickEvent;
+}(AbstractCursorEvent));
+export { MouseClickEvent };
+var MouseDoubleClickEvent = /** @class */ (function (_super) {
+    __extends(MouseDoubleClickEvent, _super);
+    function MouseDoubleClickEvent() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.type = 'mouse:dblclick';
+        return _this;
+    }
+    return MouseDoubleClickEvent;
+}(AbstractCursorEvent));
+export { MouseDoubleClickEvent };

package/esm/events/cursor/MouseMoveEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@mdesignable/shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class MouseMoveEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/MouseMoveEvent.js

@@ -0,0 +1,51 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+var MouseMoveEvent = /** @class */ (function (_super) {
+    __extends(MouseMoveEvent, _super);
+    function MouseMoveEvent() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.type = 'mouse:move';
+        return _this;
+    }
+    return MouseMoveEvent;
+}(AbstractCursorEvent));
+export { MouseMoveEvent };

package/esm/events/cursor/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DragMoveEvent';
+export * from './DragStartEvent';
+export * from './DragStopEvent';
+export * from './MouseClickEvent';
+export * from './MouseMoveEvent';