kritzel-stencil 0.0.131 → 0.0.133

package/dist/collection/classes/core/viewport.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.class.js","sourceRoot":"","sources":["../../../src/classes/core/viewport.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelMouseButton } from '../../enums/event-button.enum';\r\nimport { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelCore } from './core.class';\r\n\r\nexport class KritzelViewport {\r\n  private readonly _core: KritzelCore;\r\n\r\n  initialTouchDistance: number = 0;\r\n  startX: number = 0;\r\n  startY: number = 0;\r\n\r\n  constructor(core: KritzelCore, host: HTMLElement) {\r\n    this._core = core;\r\n    this._core.store.setState('host', host);\r\n    this._core.store.setState('viewportWidth', host.clientWidth);\r\n    this._core.store.setState('viewportHeight', host.clientHeight);\r\n    this._core.store.setState('startX', 0);\r\n    this._core.store.setState('startY', 0);\r\n    this._core.store.setState('translateX', 0);\r\n    this._core.store.setState('translateY', 0);\r\n  }\r\n\r\n  handleResize(): void {\r\n    this._core.store.setState('viewportWidth', this._core.store.state.host.clientWidth);\r\n    this._core.store.setState('viewportHeight', this._core.store.state.host.clientHeight);\r\n    this._core.store.setState('hasViewportChanged', true);\r\n    this._core.rerender();\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const adjustedClientX = event.clientX - this._core.store.offsetX;\r\n      const adjustedClientY = event.clientY - this._core.store.offsetY;\r\n\r\n      if (event.button === KritzelMouseButton.Right) {\r\n        this._core.store.setState('isPanning', true);\r\n        this._core.store.setState('startX', adjustedClientX);\r\n        this._core.store.setState('startY', adjustedClientY);\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n\r\n      if (activePointers.length === 2) {\r\n        this._core.store.setState('currentPath', null);\r\n        this._core.store.setState('isScaling', true);\r\n\r\n        const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;\r\n        const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;\r\n\r\n        const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;\r\n        const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;\r\n\r\n        this.initialTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));\r\n\r\n        this.startX = (firstTouchX + secondTouchX) / 2;\r\n        this.startY = (firstTouchY + secondTouchY) / 2;\r\n        this._core.rerender();\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const hostRect = this._core.store.state.host.getBoundingClientRect();\r\n      const xRelativeToHost = event.clientX - hostRect.left;\r\n      const yRelativeToHost = event.clientY - hostRect.top;\r\n\r\n      this._core.store.setState('pointerX', (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale);\r\n      this._core.store.setState('pointerY', (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale);\r\n\r\n      if (this._core.store.state.isPanning) {\r\n        const dx = xRelativeToHost - this._core.store.state.startX;\r\n        const dy = yRelativeToHost - this._core.store.state.startY;\r\n\r\n        this._core.store.setState('translateX', this._core.store.state.translateX + dx);\r\n        this._core.store.setState('translateY', this._core.store.state.translateY + dy);\r\n        this._core.store.setState('startX', xRelativeToHost);\r\n        this._core.store.setState('startY', yRelativeToHost);\r\n        this._core.store.setState('hasViewportChanged', true);\r\n        this._core.store.setState('skipContextMenu', true);\r\n\r\n        this._core.rerender();\r\n        this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const hostRect = this._core.store.state.host.getBoundingClientRect();\r\n      const xRelativeToHost = event.clientX - hostRect.left;\r\n      const yRelativeToHost = event.clientY - hostRect.top;\r\n\r\n      this._core.store.setState('pointerX', (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale);\r\n      this._core.store.setState('pointerY', (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale);\r\n\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n\r\n      if (activePointers.length === 2) {\r\n        const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;\r\n        const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;\r\n\r\n        const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;\r\n        const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;\r\n\r\n        const currentTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));\r\n\r\n        const midpointX = (firstTouchX + secondTouchX) / 2;\r\n        const midpointY = (firstTouchY + secondTouchY) / 2;\r\n\r\n        const scaleRatio = currentTouchDistance / this.initialTouchDistance!;\r\n        const newScale = this._core.store.state.scale * scaleRatio;\r\n\r\n        if (newScale > this._core.store.state.scaleMax || newScale < this._core.store.state.scaleMin) {\r\n          this._core.store.setState('translateX', this._core.store.state.translateX + midpointX - this.startX);\r\n          this._core.store.setState('translateY', this._core.store.state.translateY + midpointY - this.startY);\r\n        } else {\r\n          const translateXAdjustment = (midpointX - this._core.store.state.translateX) * (scaleRatio - 1);\r\n          const translateYAdjustment = (midpointY - this._core.store.state.translateY) * (scaleRatio - 1);\r\n\r\n          this._core.store.setState('translateX', this._core.store.state.translateX + midpointX - this.startX - translateXAdjustment);\r\n          this._core.store.setState('translateY', this._core.store.state.translateY + midpointY - this.startY - translateYAdjustment);\r\n          this._core.store.setState('scale', newScale);\r\n\r\n          this.initialTouchDistance = currentTouchDistance;\r\n        }\r\n\r\n        this.startX = midpointX;\r\n        this.startY = midpointY;\r\n\r\n        this._core.store.setState('hasViewportChanged', true);\r\n\r\n        this._core.rerender();\r\n        this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._core.store.state.isPanning) {\r\n        this._core.store.setState('isPanning', false);\r\n        this._core.rerender();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      this._core.store.setState('isScaling', false);\r\n      this._core.rerender();\r\n    }\r\n  }\r\n\r\n  handleWheel(event: WheelEvent): void {\r\n    event.preventDefault();\r\n\r\n    if (event.ctrlKey === true && KritzelEventHelper.isMainMouseWheel(event)) {\r\n      this.handleZoom(event);\r\n    }\r\n\r\n    if (!event.ctrlKey) {\r\n      this.handlePan(event);\r\n    }\r\n  }\r\n\r\n  private handleZoom(event: WheelEvent): void {\r\n    this._core.store.setState('isScaling', true);\r\n    const rect = this._core.store.state.host.getBoundingClientRect();\r\n    const xRelativeToHost = event.clientX - rect.left;\r\n    const yRelativeToHost = event.clientY - rect.top;\r\n\r\n    this._core.store.setState('pointerX', (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale);\r\n    this._core.store.setState('pointerY', (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale);\r\n\r\n    const delta = event.deltaY > 0 ? -this._core.store.state.scaleStep * this._core.store.state.scale : this._core.store.state.scaleStep * this._core.store.state.scale;\r\n    const newScale = Math.min(this._core.store.state.scaleMax, Math.max(this._core.store.state.scaleMin, this._core.store.state.scale + delta));\r\n\r\n    const scaleRatio = newScale / this._core.store.state.scale;\r\n    const translateXAdjustment = (xRelativeToHost - this._core.store.state.translateX) * (scaleRatio - 1);\r\n    const translateYAdjustment = (yRelativeToHost - this._core.store.state.translateY) * (scaleRatio - 1);\r\n\r\n    this._core.store.setState('scale', newScale);\r\n\r\n    this._core.store.setState('translateX', this._core.store.state.translateX - translateXAdjustment);\r\n    this._core.store.setState('translateY', this._core.store.state.translateY - translateYAdjustment);\r\n\r\n    this._core.store.setState('hasViewportChanged', true);\r\n\r\n    this._core.rerender();\r\n    this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);\r\n\r\n    setTimeout(() => {\r\n      this._core.store.setState('isScaling', false);\r\n      this._core.rerender();\r\n    }, 300);\r\n  }\r\n\r\n  private handlePan(event: WheelEvent): void {\r\n    this._core.store.setState('isPanning', true);\r\n\r\n    const panSpeed = 0.8;\r\n\r\n    this._core.store.setState('translateX', this._core.store.state.translateX - event.deltaX * panSpeed);\r\n    this._core.store.setState('translateY', this._core.store.state.translateY - event.deltaY * panSpeed);\r\n\r\n    this._core.store.setState('hasViewportChanged', true);\r\n\r\n    this._core.rerender();\r\n    this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);\r\n\r\n    setTimeout(() => {\r\n      this._core.store.setState('isPanning', false);\r\n      this._core.rerender();\r\n    }, 300);\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/core/workspace.class.js

@@ -0,0 +1,42 @@
+export class KritzelWorkspace {
+    __class__ = 'KritzelWorkspace';
+    id;
+    name;
+    createdAt;
+    updatedAt;
+    viewport;
+    _core;
+    constructor(id, name, viewport = { translateX: 0, translateY: 0, scale: 1 }) {
+        this.id = id;
+        this.name = name;
+        this.createdAt = new Date();
+        this.updatedAt = new Date();
+        this.viewport = viewport;
+    }
+    static create(core, obj) {
+        const workspace = new KritzelWorkspace(obj.id, obj.name, obj.viewport);
+        workspace._core = core;
+        Object.assign(workspace, obj);
+        return workspace;
+    }
+    addObject(obj) {
+        this._core.engine.addObject(obj);
+    }
+    serialize() {
+        return {
+            __class__: this.__class__,
+            id: this.id,
+            name: this.name,
+            createdAt: this.createdAt,
+            updatedAt: this.updatedAt,
+            viewport: this.viewport,
+        };
+    }
+    deserialize(object) {
+        Object.assign(this, object);
+        this.createdAt = new Date(object.createdAt);
+        this.updatedAt = new Date(object.updatedAt);
+        return this;
+    }
+}
+//# sourceMappingURL=workspace.class.js.map

package/dist/collection/classes/core/workspace.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace.class.js","sourceRoot":"","sources":["../../../src/classes/core/workspace.class.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,gBAAgB;IAC3B,SAAS,GAAG,kBAAkB,CAAC;IAE/B,EAAE,CAAS;IACX,IAAI,CAAS;IACb,SAAS,CAAO;IAChB,SAAS,CAAO;IAChB,QAAQ,CAIN;IAEF,KAAK,CAAc;IAEnB,YAAY,EAAU,EAAE,IAAY,EAAG,WAAsE,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;QACrJ,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,EAAE,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,MAAM,CAAC,MAAM,CAAC,IAAiB,EAAE,GAAG;QAClC,MAAM,SAAS,GAAG,IAAI,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;QACvE,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QAC9B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,SAAS,CAAC,GAAQ;QAChB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,SAAS;QACP,OAAO;YACL,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,MAAW;QACrB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { KritzelCore } from \"../..\";\r\nimport { KritzelSerializable } from \"../../interfaces/serializable.interface\";\r\n\r\nexport class KritzelWorkspace implements KritzelSerializable{\r\n  __class__ = 'KritzelWorkspace';\r\n\r\n  id: string;\r\n  name: string;\r\n  createdAt: Date;\r\n  updatedAt: Date;\r\n  viewport: {\r\n    translateX: number;\r\n    translateY: number;\r\n    scale: number;\r\n  };\r\n\r\n  _core: KritzelCore;\r\n\r\n  constructor(id: string, name: string,  viewport: { translateX: number; translateY: number; scale: number } = { translateX: 0, translateY: 0, scale: 1 }) {\r\n    this.id = id;\r\n    this.name = name;\r\n    this.createdAt = new Date();\r\n    this.updatedAt = new Date();\r\n    this.viewport = viewport;\r\n  }\r\n\r\n  static create(core: KritzelCore, obj): KritzelWorkspace {\r\n    const workspace = new KritzelWorkspace(obj.id, obj.name, obj.viewport);\r\n    workspace._core = core;\r\n    Object.assign(workspace, obj);\r\n    return workspace;\r\n  }\r\n\r\n  addObject(obj: any): void {\r\n    this._core.engine.addObject(obj);\r\n  }\r\n\r\n  serialize(): any {\r\n    return {\r\n      __class__: this.__class__,\r\n      id: this.id,\r\n      name: this.name,\r\n      createdAt: this.createdAt,\r\n      updatedAt: this.updatedAt,\r\n      viewport: this.viewport,\r\n    };\r\n  }\r\n\r\n  deserialize(object: any): KritzelSerializable {\r\n    Object.assign(this, object);\r\n    this.createdAt = new Date(object.createdAt);\r\n    this.updatedAt = new Date(object.updatedAt);\r\n    return this;\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/handlers/base.handler.js

@@ -1,8 +1,8 @@
 export class KritzelBaseHandler {
-    _store;
-    constructor(store) {
-        this._store = store;
-        void this._store; // Avoid unused variable warning
+    _core;
+    constructor(core) {
+        this._core = core;
+        void this._core; // Avoid unused variable warning
     }
 }
 //# sourceMappingURL=base.handler.js.map

package/dist/collection/classes/handlers/base.handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/base.handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,kBAAkB;IACV,MAAM,CAAe;IAExC,YAAY,KAAmB;QAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,gCAAgC;IACpD,CAAC;CACF","sourcesContent":["import { KritzelStore } from '../store.class';\r\n\r\nexport class KritzelBaseHandler {\r\n  protected readonly _store: KritzelStore;\r\n\r\n  constructor(store: KritzelStore) {\r\n    this._store = store;\r\n    void this._store; // Avoid unused variable warning\r\n  }\r\n}"]}
+{"version":3,"file":"base.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/base.handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,kBAAkB;IACV,KAAK,CAAc;IAEtC,YAAY,IAAiB;QAC3B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,gCAAgC;IACnD,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\n\r\nexport class KritzelBaseHandler {\r\n  protected readonly _core: KritzelCore;\r\n\r\n  constructor(core: KritzelCore) {\r\n    this._core = core;\r\n    void this._core; // Avoid unused variable warning\r\n  }\r\n}"]}

package/dist/collection/classes/handlers/context-menu.handler.js

@@ -1,31 +1,41 @@
 import { AddSelectionGroupCommand } from "../commands/add-selection-group.command";
 import { KritzelSelectionGroup } from "../objects/selection-group.class";
 import { KritzelBaseHandler } from "./base.handler";
+import { KritzelSelectionTool } from "../tools/selection-tool.class";
+import { RemoveSelectionGroupCommand } from "../commands/remove-selection-group.command";
+import { BatchCommand } from "../commands/batch.command";
 export class KritzelContextMenuHandler extends KritzelBaseHandler {
     globalContextMenuItems = [];
     objectContextMenuItems = [];
-    constructor(store, globalContextMenuItems, objectContextMenuItems) {
-        super(store);
+    constructor(core, globalContextMenuItems, objectContextMenuItems) {
+        super(core);
         this.globalContextMenuItems = globalContextMenuItems;
         this.objectContextMenuItems = objectContextMenuItems;
     }
     handleContextMenu(event) {
-        if (this._store.state.skipContextMenu) {
-            this._store.state.skipContextMenu = false;
+        if (!(this._core.store.state.activeTool instanceof KritzelSelectionTool)) {
             return;
         }
-        const selectedObject = this._store.getObjectFromPointerEvent(event, '.object');
+        if (this._core.store.state.skipContextMenu) {
+            this._core.store.setState('skipContextMenu', false);
+            return;
+        }
+        const selectedObject = this._core.getObjectFromPointerEvent(event, '.object');
         if (selectedObject && !(selectedObject instanceof KritzelSelectionGroup)) {
-            this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);
-            this._store.state.selectionGroup.addOrRemove(selectedObject);
-            this._store.state.selectionGroup.isSelected = true;
-            this._store.state.selectionGroup.rotation = selectedObject.rotation;
-            this._store.state.isSelecting = false;
-            this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));
+            const selectionGroup = KritzelSelectionGroup.create(this._core);
+            selectionGroup.addOrRemove(selectedObject);
+            selectionGroup.isSelected = true;
+            selectionGroup.rotation = selectedObject.rotation;
+            this._core.store.setState('isSelecting', false);
+            const batch = new BatchCommand(this._core, this, [
+                new RemoveSelectionGroupCommand(this._core, this._core.store.state.selectionGroup),
+                new AddSelectionGroupCommand(this._core, this, selectionGroup),
+            ]);
+            this._core.history.executeCommand(batch);
         }
-        this._store.state.contextMenuItems = this._store.state.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems;
-        let x = event.clientX - this._store.offsetX;
-        let y = event.clientY - this._store.offsetY;
+        this._core.store.setState('contextMenuItems', this._core.store.state.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems);
+        let x = event.clientX - this._core.store.offsetX;
+        let y = event.clientY - this._core.store.offsetY;
         const menuWidthEstimate = 150;
         const menuHeightEstimate = 200;
         const margin = 10;
@@ -37,11 +47,11 @@ export class KritzelContextMenuHandler extends KritzelBaseHandler {
         }
         x = Math.max(margin, x);
         y = Math.max(margin, y);
-        this._store.state.contextMenuX = x;
-        this._store.state.contextMenuY = y;
-        this._store.state.isContextMenuVisible = true;
-        this._store.state.isEnabled = false;
-        this._store.rerender();
+        this._core.store.setState('contextMenuX', x);
+        this._core.store.setState('contextMenuY', y);
+        this._core.store.setState('isContextMenuVisible', true);
+        this._core.store.setState('isEnabled', false);
+        this._core.rerender();
     }
 }
 //# sourceMappingURL=context-menu.handler.js.map

package/dist/collection/classes/handlers/context-menu.handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/context-menu.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { AddSelectionGroupCommand } from '../commands/add-selection-group.command';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelStore } from '../store.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelContextMenuHandler extends KritzelBaseHandler {\r\n  globalContextMenuItems = [];\r\n\r\n  objectContextMenuItems = [];\r\n\r\n  constructor(store: KritzelStore, globalContextMenuItems: any[], objectContextMenuItems: any[]) {\r\n    super(store);\r\n    this.globalContextMenuItems = globalContextMenuItems;\r\n    this.objectContextMenuItems = objectContextMenuItems;\r\n  }\r\n\r\n  handleContextMenu(event: PointerEvent): void {\r\n    if(this._store.state.skipContextMenu) {\r\n      this._store.state.skipContextMenu = false;\r\n      return;\r\n    }\r\n\r\n    const selectedObject = this._store.getObjectFromPointerEvent(event, '.object');\r\n\r\n    if (selectedObject && !(selectedObject instanceof KritzelSelectionGroup)) {\r\n      this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);\r\n      this._store.state.selectionGroup.addOrRemove(selectedObject);\r\n      this._store.state.selectionGroup.isSelected = true;\r\n      this._store.state.selectionGroup.rotation = selectedObject.rotation;\r\n      this._store.state.isSelecting = false;\r\n\r\n      this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));\r\n    }\r\n\r\n    this._store.state.contextMenuItems = this._store.state.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems;\r\n\r\n    let x: number = event.clientX - this._store.offsetX;\r\n    let y: number = event.clientY - this._store.offsetY;\r\n\r\n    const menuWidthEstimate = 150;\r\n    const menuHeightEstimate = 200;\r\n    const margin = 10;\r\n\r\n    if (x + menuWidthEstimate > window.innerWidth - margin) {\r\n      x = window.innerWidth - menuWidthEstimate - margin;\r\n    }\r\n\r\n    if (y + menuHeightEstimate > window.innerHeight - margin) {\r\n      y = window.innerHeight - menuHeightEstimate - margin;\r\n    }\r\n\r\n    x = Math.max(margin, x);\r\n    y = Math.max(margin, y);\r\n\r\n    this._store.state.contextMenuX = x;\r\n    this._store.state.contextMenuY = y;\r\n    this._store.state.isContextMenuVisible = true;\r\n\r\n    this._store.state.isEnabled = false;\r\n\r\n    this._store.rerender();\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"context-menu.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/context-menu.handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,MAAM,OAAO,yBAA0B,SAAQ,kBAAkB;IAC/D,sBAAsB,GAAG,EAAE,CAAC;IAE5B,sBAAsB,GAAG,EAAE,CAAC;IAE5B,YAAY,IAAiB,EAAE,sBAA6B,EAAE,sBAA6B;QACzF,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;QACrD,IAAI,CAAC,sBAAsB,GAAG,sBAAsB,CAAC;IACvD,CAAC;IAED,iBAAiB,CAAC,KAAmB;QACnC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,YAAY,oBAAoB,CAAC,EAAE,CAAC;YACzE,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;YACpD,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAE9E,IAAI,cAAc,IAAI,CAAC,CAAC,cAAc,YAAY,qBAAqB,CAAC,EAAE,CAAC;YACzE,MAAM,cAAc,GAAG,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChE,cAAc,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;YAC3C,cAAc,CAAC,UAAU,GAAG,IAAI,CAAC;YACjC,cAAc,CAAC,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC;YAElD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YAEhD,MAAM,KAAK,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;gBAC/C,IAAI,2BAA2B,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC;gBAClF,IAAI,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,CAAC;aAC/D,CAAC,CAAC;YAEH,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAEjJ,IAAI,CAAC,GAAW,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QACzD,IAAI,CAAC,GAAW,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QAEzD,MAAM,iBAAiB,GAAG,GAAG,CAAC;QAC9B,MAAM,kBAAkB,GAAG,GAAG,CAAC;QAC/B,MAAM,MAAM,GAAG,EAAE,CAAC;QAElB,IAAI,CAAC,GAAG,iBAAiB,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,EAAE,CAAC;YACvD,CAAC,GAAG,MAAM,CAAC,UAAU,GAAG,iBAAiB,GAAG,MAAM,CAAC;QACrD,CAAC;QAED,IAAI,CAAC,GAAG,kBAAkB,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,EAAE,CAAC;YACzD,CAAC,GAAG,MAAM,CAAC,WAAW,GAAG,kBAAkB,GAAG,MAAM,CAAC;QACvD,CAAC;QAED,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACxB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAExB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;QAExD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAE9C,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;CACF","sourcesContent":["import { AddSelectionGroupCommand } from '../commands/add-selection-group.command';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionTool } from '../tools/selection-tool.class';\r\nimport { RemoveSelectionGroupCommand } from '../commands/remove-selection-group.command';\r\nimport { BatchCommand } from '../commands/batch.command';\r\n\r\nexport class KritzelContextMenuHandler extends KritzelBaseHandler {\r\n  globalContextMenuItems = [];\r\n\r\n  objectContextMenuItems = [];\r\n\r\n  constructor(core: KritzelCore, globalContextMenuItems: any[], objectContextMenuItems: any[]) {\r\n    super(core);\r\n    this.globalContextMenuItems = globalContextMenuItems;\r\n    this.objectContextMenuItems = objectContextMenuItems;\r\n  }\r\n\r\n  handleContextMenu(event: PointerEvent): void {\r\n    if (!(this._core.store.state.activeTool instanceof KritzelSelectionTool)) {\r\n      return;\r\n    }\r\n\r\n    if (this._core.store.state.skipContextMenu) {\r\n      this._core.store.setState('skipContextMenu', false);\r\n      return;\r\n    }\r\n\r\n    const selectedObject = this._core.getObjectFromPointerEvent(event, '.object');\r\n\r\n    if (selectedObject && !(selectedObject instanceof KritzelSelectionGroup)) {\r\n      const selectionGroup = KritzelSelectionGroup.create(this._core);\r\n      selectionGroup.addOrRemove(selectedObject);\r\n      selectionGroup.isSelected = true;\r\n      selectionGroup.rotation = selectedObject.rotation;\r\n\r\n      this._core.store.setState('isSelecting', false);\r\n\r\n      const batch = new BatchCommand(this._core, this, [\r\n        new RemoveSelectionGroupCommand(this._core, this._core.store.state.selectionGroup),\r\n        new AddSelectionGroupCommand(this._core, this, selectionGroup),\r\n      ]);\r\n\r\n      this._core.history.executeCommand(batch);\r\n    }\r\n\r\n    this._core.store.setState('contextMenuItems', this._core.store.state.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems);\r\n\r\n    let x: number = event.clientX - this._core.store.offsetX;\r\n    let y: number = event.clientY - this._core.store.offsetY;\r\n\r\n    const menuWidthEstimate = 150;\r\n    const menuHeightEstimate = 200;\r\n    const margin = 10;\r\n\r\n    if (x + menuWidthEstimate > window.innerWidth - margin) {\r\n      x = window.innerWidth - menuWidthEstimate - margin;\r\n    }\r\n\r\n    if (y + menuHeightEstimate > window.innerHeight - margin) {\r\n      y = window.innerHeight - menuHeightEstimate - margin;\r\n    }\r\n\r\n    x = Math.max(margin, x);\r\n    y = Math.max(margin, y);\r\n\r\n    this._core.store.setState('contextMenuX', x);\r\n    this._core.store.setState('contextMenuY', y);\r\n    this._core.store.setState('isContextMenuVisible', true);\r\n\r\n    this._core.store.setState('isEnabled', false);\r\n\r\n    this._core.rerender();\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/handlers/hover.handler.js

@@ -1,15 +1,15 @@
 import { KritzelBaseHandler } from "./base.handler";
 export class KritzelHoverHandler extends KritzelBaseHandler {
-    constructor(store) {
-        super(store);
+    constructor(core) {
+        super(core);
     }
     handlePointerMove(event) {
         if (event.pointerType === 'mouse') {
-            const hoveredObject = this._store.getObjectFromPointerEvent(event, '.object');
+            const hoveredObject = this._core.getObjectFromPointerEvent(event, '.object');
             if (!hoveredObject)
                 return;
-            const x = this._store.state.pointerX;
-            const y = this._store.state.pointerY;
+            const x = this._core.store.state.pointerX;
+            const y = this._core.store.state.pointerY;
             hoveredObject.isHovered = hoveredObject.hitTest(x, y);
         }
         if (event.pointerType === 'touch') {

package/dist/collection/classes/handlers/hover.handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/hover.handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IAEzD,YAAY,KAAmB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,iBAAiB,CAAC,KAAmB;QACnC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAE9E,IAAI,CAAC,aAAa;gBAAE,OAAO;YAE3B,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YACrC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YAErC,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;CACF","sourcesContent":["import { KritzelStore } from '../store.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelHoverHandler extends KritzelBaseHandler {\r\n\r\n  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      const hoveredObject = this._store.getObjectFromPointerEvent(event, '.object');\r\n\r\n      if (!hoveredObject) return;\r\n\r\n      const x = this._store.state.pointerX;\r\n      const y = this._store.state.pointerY;\r\n\r\n      hoveredObject.isHovered = hoveredObject.hitTest(x, y);\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"hover.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/hover.handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IAEzD,YAAY,IAAiB;QAC3B,KAAK,CAAC,IAAI,CAAC,CAAC;IACd,CAAC;IAED,iBAAiB,CAAC,KAAmB;QACnC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAE7E,IAAI,CAAC,aAAa;gBAAE,OAAO;YAE3B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;YAC1C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;YAE1C,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelHoverHandler extends KritzelBaseHandler {\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      const hoveredObject = this._core.getObjectFromPointerEvent(event, '.object');\r\n\r\n      if (!hoveredObject) return;\r\n\r\n      const x = this._core.store.state.pointerX;\r\n      const y = this._core.store.state.pointerY;\r\n\r\n      hoveredObject.isHovered = hoveredObject.hitTest(x, y);\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/handlers/key.handler.js

@@ -1,80 +1,74 @@
 import { KritzelToolRegistry } from "../registries/tool.registry";
 import { KritzelBaseHandler } from "./base.handler";
 export class KritzelKeyHandler extends KritzelBaseHandler {
-    constructor(store) {
-        super(store);
+    constructor(core) {
+        super(core);
     }
     handleKeyDown(event) {
-        if (this._store.state.isFocused === false) {
-            return;
-        }
-        this._store.state.isCtrlKeyPressed = event.ctrlKey;
-        if (this._store.state.isCtrlKeyPressed) {
+        this._core.store.setState('isCtrlKeyPressed', event.ctrlKey);
+        if (this._core.store.state.isCtrlKeyPressed) {
             event.preventDefault();
         }
-        if (event.key === 'Escape' && this._store.state.selectionGroup) {
-            this._store.clearSelection();
+        if (event.key === 'Escape' && this._core.store.state.selectionGroup) {
+            this._core.clearSelection();
         }
-        if (event.key === 'Delete' && this._store.state.selectionGroup) {
-            this._store.delete();
+        if (event.key === 'Delete' && this._core.store.state.selectionGroup) {
+            this._core.delete();
         }
         if (event.key === 'z' && event.ctrlKey) {
-            this._store.history.undo();
+            this._core.history.undo();
         }
         if (event.key === 'y' && event.ctrlKey) {
-            this._store.history.redo();
+            this._core.history.redo();
         }
         if (event.key === 's' && event.ctrlKey) {
-            this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-            this._store.deselectAllObjects();
+            this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+            this._core.deselectAllObjects();
         }
         if (event.key === 'b' && event.ctrlKey) {
-            this._store.setState('activeTool', KritzelToolRegistry.getTool('brush'));
-            this._store.deselectAllObjects();
+            this._core.store.setState('activeTool', KritzelToolRegistry.getTool('brush'));
+            this._core.deselectAllObjects();
         }
         if (event.key === 'e' && event.ctrlKey) {
-            this._store.setState('activeTool', KritzelToolRegistry.getTool('eraser'));
-            this._store.deselectAllObjects();
+            this._core.store.setState('activeTool', KritzelToolRegistry.getTool('eraser'));
+            this._core.deselectAllObjects();
         }
         if (event.key === 'i' && event.ctrlKey) {
-            this._store.setState('activeTool', KritzelToolRegistry.getTool('image'));
-            this._store.deselectAllObjects();
+            this._core.store.setState('activeTool', KritzelToolRegistry.getTool('image'));
+            this._core.deselectAllObjects();
         }
         if (event.key === 'x' && event.ctrlKey) {
-            this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-            this._store.deselectAllObjects();
+            this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
+            this._core.deselectAllObjects();
         }
-        if (event.key === 'c' && event.ctrlKey && this._store.state.selectionGroup) {
-            this._store.copy();
-            this._store.rerender();
+        if (event.key === 'c' && event.ctrlKey && this._core.store.state.selectionGroup) {
+            this._core.copy();
+            this._core.rerender();
         }
-        if (event.key === 'v' && event.ctrlKey && this._store.state.copiedObjects) {
-            this._store.paste();
+        if (event.key === 'v' && event.ctrlKey && this._core.store.state.copiedObjects) {
+            this._core.paste();
         }
-        if (event.key === '+' && event.ctrlKey && this._store.state.selectionGroup) {
-            this._store.bringForward();
+        if (event.key === '+' && event.ctrlKey && this._core.store.state.selectionGroup) {
+            this._core.bringForward();
         }
-        if (event.key === '-' && event.ctrlKey && this._store.state.selectionGroup) {
-            this._store.sendBackward();
+        if (event.key === '-' && event.ctrlKey && this._core.store.state.selectionGroup) {
+            this._core.sendBackward();
         }
-        if (event.key === '*' && event.shiftKey && this._store.state.selectionGroup) {
-            this._store.bringToFront();
+        if (event.key === '*' && event.shiftKey && this._core.store.state.selectionGroup) {
+            this._core.bringToFront();
         }
-        if (event.key === '_' && event.shiftKey && this._store.state.selectionGroup) {
-            this._store.sendToBack();
+        if (event.key === '_' && event.shiftKey && this._core.store.state.selectionGroup) {
+            this._core.sendToBack();
         }
-        if (event.key === 'a' && event.ctrlKey && this._store.state.activeText) {
-            this._store.state.activeText.selectAll();
+        if (event.key === 'a' && event.ctrlKey && this._core.store.state.activeText) {
+            this._core.store.state.activeText.selectAll();
         }
-        if (event.key === 'v' && event.ctrlKey && this._store.state.activeText) {
-            this._store.state.activeText.insertFromClipboard();
+        if (event.key === 'v' && event.ctrlKey && this._core.store.state.activeText) {
+            this._core.store.state.activeText.insertFromClipboard();
         }
     }
     handleKeyUp(event) {
-        if (this._store.state.isFocused === false) {
-            return;
-        }
-        this._store.state.isCtrlKeyPressed = event.ctrlKey;
+        this._core.store.setState('isCtrlKeyPressed', event.ctrlKey);
     }
 }
 //# sourceMappingURL=key.handler.js.map

package/dist/collection/classes/handlers/key.handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"key.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/key.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelToolRegistry } from '../registries/tool.registry';\r\nimport { KritzelStore } from '../store.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelKeyHandler extends KritzelBaseHandler {\r\n  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent): void {\r\n    if(this._store.state.isFocused === false) {\r\n      return;\r\n    }\r\n\r\n    this._store.state.isCtrlKeyPressed = event.ctrlKey;\r\n\r\n    if(this._store.state.isCtrlKeyPressed) {\r\n      event.preventDefault();\r\n    }\r\n\r\n    if (event.key === 'Escape' && this._store.state.selectionGroup) {\r\n      this._store.clearSelection();\r\n    }\r\n\r\n    if (event.key === 'Delete' && this._store.state.selectionGroup) {\r\n      this._store.delete();\r\n    }\r\n\r\n    if (event.key === 'z' && event.ctrlKey) {\r\n      this._store.history.undo();\r\n    }\r\n\r\n    if (event.key === 'y' && event.ctrlKey) {\r\n      this._store.history.redo();\r\n    }\r\n\r\n    if (event.key === 's' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'b' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('brush'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'e' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('eraser'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'i' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('image'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'x' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'c' && event.ctrlKey && this._store.state.selectionGroup) {\r\n      this._store.copy();\r\n      this._store.rerender();\r\n    }\r\n\r\n    if (event.key === 'v' && event.ctrlKey && this._store.state.copiedObjects) {\r\n      this._store.paste();\r\n    }\r\n\r\n    if (event.key === '+' && event.ctrlKey && this._store.state.selectionGroup) {\r\n      this._store.bringForward();\r\n    }\r\n\r\n    if (event.key === '-' && event.ctrlKey && this._store.state.selectionGroup) {\r\n      this._store.sendBackward();\r\n    }\r\n\r\n    if (event.key === '*' && event.shiftKey && this._store.state.selectionGroup) {\r\n      this._store.bringToFront();\r\n    }\r\n\r\n    if (event.key === '_' && event.shiftKey && this._store.state.selectionGroup) {\r\n      this._store.sendToBack();\r\n    }\r\n\r\n    if(event.key === 'a' && event.ctrlKey && this._store.state.activeText) {\r\n      this._store.state.activeText.selectAll();\r\n    }\r\n\r\n    if(event.key === 'v' && event.ctrlKey && this._store.state.activeText) {\r\n      this._store.state.activeText.insertFromClipboard();\r\n    }\r\n  }\r\n\r\n  handleKeyUp(event: KeyboardEvent): void {\r\n    if(this._store.state.isFocused === false) {\r\n      return;\r\n    }\r\n    \r\n    this._store.state.isCtrlKeyPressed = event.ctrlKey;\r\n  }\r\n \r\n}\r\n"]}
+{"version":3,"file":"key.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/key.handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,OAAO,iBAAkB,SAAQ,kBAAkB;IACvD,YAAY,IAAiB;QAC3B,KAAK,CAAC,IAAI,CAAC,CAAC;IACd,CAAC;IAED,aAAa,CAAC,KAAoB;QAEhC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAE7D,IAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YACpE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAC9B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YACpE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACtB,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,mBAAmB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAClF,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9E,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC/E,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9E,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,EAAE,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;YAC7E,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAChF,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAClB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxB,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YAC/E,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAChF,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAChF,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YACjF,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YACjF,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QAC1B,CAAC;QAED,IAAG,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YAC3E,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC;QAChD,CAAC;QAED,IAAG,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;YAC3E,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,mBAAmB,EAAE,CAAC;QAC1D,CAAC;IACH,CAAC;IAED,WAAW,CAAC,KAAoB;QAC9B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC;CAEF","sourcesContent":["import { KritzelToolRegistry } from '../registries/tool.registry';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelCore } from '../core/core.class';\r\n\r\nexport class KritzelKeyHandler extends KritzelBaseHandler {\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent): void {\r\n\r\n    this._core.store.setState('isCtrlKeyPressed', event.ctrlKey);\r\n\r\n    if(this._core.store.state.isCtrlKeyPressed) {\r\n      event.preventDefault();\r\n    }\r\n\r\n    if (event.key === 'Escape' && this._core.store.state.selectionGroup) {\r\n      this._core.clearSelection();\r\n    }\r\n\r\n    if (event.key === 'Delete' && this._core.store.state.selectionGroup) {\r\n      this._core.delete();\r\n    }\r\n\r\n    if (event.key === 'z' && event.ctrlKey) {\r\n      this._core.history.undo();\r\n    }\r\n\r\n    if (event.key === 'y' && event.ctrlKey) {\r\n      this._core.history.redo();\r\n    }\r\n\r\n    if (event.key === 's' && event.ctrlKey) {\r\n      this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));\r\n      this._core.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'b' && event.ctrlKey) {\r\n      this._core.store.setState('activeTool', KritzelToolRegistry.getTool('brush'));\r\n      this._core.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'e' && event.ctrlKey) {\r\n      this._core.store.setState('activeTool', KritzelToolRegistry.getTool('eraser'));\r\n      this._core.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'i' && event.ctrlKey) {\r\n      this._core.store.setState('activeTool', KritzelToolRegistry.getTool('image'));\r\n      this._core.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'x' && event.ctrlKey) {\r\n      this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));\r\n      this._core.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'c' && event.ctrlKey && this._core.store.state.selectionGroup) {\r\n      this._core.copy();\r\n      this._core.rerender();\r\n    }\r\n\r\n    if (event.key === 'v' && event.ctrlKey && this._core.store.state.copiedObjects) {\r\n      this._core.paste();\r\n    }\r\n\r\n    if (event.key === '+' && event.ctrlKey && this._core.store.state.selectionGroup) {\r\n      this._core.bringForward();\r\n    }\r\n\r\n    if (event.key === '-' && event.ctrlKey && this._core.store.state.selectionGroup) {\r\n      this._core.sendBackward();\r\n    }\r\n\r\n    if (event.key === '*' && event.shiftKey && this._core.store.state.selectionGroup) {\r\n      this._core.bringToFront();\r\n    }\r\n\r\n    if (event.key === '_' && event.shiftKey && this._core.store.state.selectionGroup) {\r\n      this._core.sendToBack();\r\n    }\r\n\r\n    if(event.key === 'a' && event.ctrlKey && this._core.store.state.activeText) {\r\n      this._core.store.state.activeText.selectAll();\r\n    }\r\n\r\n    if(event.key === 'v' && event.ctrlKey && this._core.store.state.activeText) {\r\n      this._core.store.state.activeText.insertFromClipboard();\r\n    }\r\n  }\r\n\r\n  handleKeyUp(event: KeyboardEvent): void {\r\n    this._core.store.setState('isCtrlKeyPressed', event.ctrlKey);\r\n  }\r\n \r\n}\r\n"]}

package/dist/collection/classes/handlers/move.handler.js

@@ -1,8 +1,6 @@
 import { KritzelEventHelper } from "../../helpers/event.helper";
 import { MoveSelectionGroupCommand } from "../commands/move-selection-group.command";
 import { KritzelBaseHandler } from "./base.handler";
-import { UpdateObjectCommand } from "../commands/update-object.command";
-import { BatchCommand } from "../commands/batch.command";
 export class KritzelMoveHandler extends KritzelBaseHandler {
     dragStartX;
     dragStartY;
@@ -10,16 +8,26 @@ export class KritzelMoveHandler extends KritzelBaseHandler {
     startY;
     endX;
     endY;
-    constructor(store) {
-        super(store);
+    hasMoved = false;
+    constructor(core) {
+        super(core);
+    }
+    reset() {
+        this.dragStartX = 0;
+        this.dragStartY = 0;
+        this.startX = 0;
+        this.startY = 0;
+        this.endX = 0;
+        this.endY = 0;
+        this.hasMoved = false;
     }
     handlePointerDown(event) {
         if (event.pointerType === 'mouse') {
             if (KritzelEventHelper.isLeftClick(event)) {
-                if (this._store.state.selectionGroup?.isSelected && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {
-                    const clientX = event.clientX - this._store.offsetX;
-                    const clientY = event.clientY - this._store.offsetY;
-                    this._store.state.isDragging = true;
+                if (this._core.store.state.selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {
+                    const clientX = event.clientX - this._core.store.offsetX;
+                    const clientY = event.clientY - this._core.store.offsetY;
+                    this._core.store.setState('isDragging', true);
                     this.dragStartX = clientX;
                     this.dragStartY = clientY;
                     this.startX = this.dragStartX;
@@ -28,11 +36,11 @@ export class KritzelMoveHandler extends KritzelBaseHandler {
             }
         }
         if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            if (this._store.state.pointers.size === 1) {
-                if (this._store.state.selectionGroup?.isSelected && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {
-                    const x = Math.round(activePointers[0].clientX - this._store.offsetX);
-                    const y = Math.round(activePointers[0].clientY - this._store.offsetY);
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (this._core.store.state.pointers.size === 1) {
+                if (this._core.store.state.selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {
+                    const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                    const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
                     this.dragStartX = x;
                     this.dragStartY = y;
                     this.startX = x;
@@ -43,30 +51,35 @@ export class KritzelMoveHandler extends KritzelBaseHandler {
     }
     handlePointerMove(event) {
         if (event.pointerType === 'mouse') {
-            if (this._store.state.isDragging && this._store.state.selectionGroup) {
-                const clientX = event.clientX - this._store.offsetX;
-                const clientY = event.clientY - this._store.offsetY;
+            if (this._core.store.state.isDragging && this._core.store.state.selectionGroup) {
+                const clientX = event.clientX - this._core.store.offsetX;
+                const clientY = event.clientY - this._core.store.offsetY;
                 this.endX = clientX;
                 this.endY = clientY;
-                this._store.state.selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);
+                this._core.store.state.selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);
                 this.dragStartX = clientX;
                 this.dragStartY = clientY;
+                this.hasMoved = true;
             }
         }
         if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            if (this._store.state.pointers.size === 1 && this._store.state.selectionGroup && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {
-                const x = Math.round(activePointers[0].clientX - this._store.offsetX);
-                const y = Math.round(activePointers[0].clientY - this._store.offsetY);
-                this._store.state.isDragging = true;
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (this._core.store.state.pointers.size === 1 &&
+                this._core.store.state.selectionGroup &&
+                !this._core.store.state.isResizeHandleSelected &&
+                !this._core.store.state.isRotationHandleSelected) {
+                const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+                const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
+                this._core.store.setState('isDragging', true);
                 this.endX = x;
                 this.endY = y;
+                this.hasMoved = true;
                 const moveDeltaX = Math.abs(x - this.startX);
                 const moveDeltaY = Math.abs(y - this.startY);
                 const moveThreshold = 5;
                 if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
-                    clearTimeout(this._store.state.longTouchTimeout);
-                    this._store.state.selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                    this._core.store.state.selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
                     this.dragStartX = x;
                     this.dragStartY = y;
                 }
@@ -75,29 +88,21 @@ export class KritzelMoveHandler extends KritzelBaseHandler {
     }
     handlePointerUp(event) {
         if (event.pointerType === 'mouse') {
-            if (this._store.state.isDragging) {
-                this._store.state.isDragging = false;
-                const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true);
-                const updateObjectsCommand = this._store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._store, this, object, {
-                        translateX: object.translateX,
-                        translateY: object.translateY
-                    });
-                });
-                this._store.history.executeCommand(new BatchCommand(this._store, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));
+            if (this._core.store.state.isDragging) {
+                this._core.store.setState('isDragging', false);
+                if (this.hasMoved) {
+                    this._core.history.executeCommand(new MoveSelectionGroupCommand(this._core, this, this.endX, this.endY, this.startX, this.startY, true));
+                }
+                this.reset();
             }
         }
         if (event.pointerType === 'touch') {
-            if (this._store.state.isDragging) {
-                this._store.state.isDragging = false;
-                const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true);
-                const updateObjectsCommand = this._store.state.selectionGroup.objects.map(object => {
-                    return new UpdateObjectCommand(this._store, this, object, {
-                        translateX: object.translateX,
-                        translateY: object.translateY
-                    });
-                });
-                this._store.history.executeCommand(new BatchCommand(this._store, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));
+            if (this._core.store.state.isDragging) {
+                this._core.store.setState('isDragging', false);
+                if (this.hasMoved) {
+                    this._core.history.executeCommand(new MoveSelectionGroupCommand(this._core, this, this.endX, this.endY, this.startX, this.startY, true));
+                }
+                this.reset();
             }
         }
     }