kritzel-stencil 0.0.157 → 0.0.158

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

@@ -0,0 +1,58 @@
+import { KritzelToolRegistry } from "../registries/tool.registry";
+import { KritzelBaseHandler } from "./base.handler";
+export class KritzelKeyHandler extends KritzelBaseHandler {
+    shortcuts = [
+        // General
+        { key: 'Escape', condition: c => !!c.store.selectionGroup, action: c => c.clearSelection() },
+        { key: 'Delete', condition: c => !!c.store.selectionGroup, action: c => c.delete() },
+        // Undo/Redo
+        { key: 'z', ctrl: true, action: c => c.undo() },
+        { key: 'y', ctrl: true, action: c => c.redo() },
+        // Tool selection
+        { key: 's', ctrl: true, action: () => this.switchTool('selection') },
+        { key: 'b', ctrl: true, action: () => this.switchTool('brush') },
+        { key: 'e', ctrl: true, action: () => this.switchTool('eraser') },
+        { key: 'i', ctrl: true, action: () => this.switchTool('image') },
+        { key: 'x', ctrl: true, action: () => this.switchTool('text') },
+        // Clipboard
+        {
+            key: 'c',
+            ctrl: true,
+            condition: c => !!c.store.selectionGroup,
+            action: c => {
+                c.copy();
+                c.rerender();
+            },
+        },
+        { key: 'v', ctrl: true, condition: c => !!c.store.state.copiedObjects && !c.store.activeText, action: c => c.paste() },
+        // Text editing
+        // { key: 'a', ctrl: true, condition: c => !!c.store.activeText, action: c => c.store.activeText.selectAll() },
+        // { key: 'v', ctrl: true, condition: c => !!c.store.activeText, action: c => c.store.activeText.insertFromClipboard() },
+        // Object layering
+        { key: '+', ctrl: true, condition: c => !!c.store.selectionGroup, action: c => c.bringForward() },
+        { key: '-', ctrl: true, condition: c => !!c.store.selectionGroup, action: c => c.sendBackward() },
+        { key: '*', shift: true, condition: c => !!c.store.selectionGroup, action: c => c.bringToFront() },
+        { key: '_', shift: true, condition: c => !!c.store.selectionGroup, action: c => c.sendToBack() },
+    ];
+    constructor(core) {
+        super(core);
+    }
+    switchTool(tool) {
+        const toolInstance = KritzelToolRegistry.getTool(tool);
+        this._core.store.setState('activeTool', toolInstance);
+        this._core.deselectAllObjects();
+        toolInstance.onActivate();
+    }
+    handleKeyDown(event) {
+        this._core.store.state.isCtrlKeyPressed = event.ctrlKey;
+        const shortcut = this.shortcuts.find(s => s.key === event.key && !!s.ctrl === event.ctrlKey && !!s.shift === event.shiftKey && (!s.condition || s.condition(this._core)));
+        if (shortcut) {
+            event.preventDefault();
+            shortcut.action(this._core);
+        }
+    }
+    handleKeyUp(event) {
+        this._core.store.state.isCtrlKeyPressed = event.ctrlKey;
+    }
+}
+//# sourceMappingURL=key.handler.js.map

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

@@ -0,0 +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 { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelShortcut } from '../../interfaces/shortcut.interface';\r\n\r\nexport class KritzelKeyHandler extends KritzelBaseHandler {\r\n\r\n  private shortcuts: KritzelShortcut[] = [\r\n    // General\r\n    { key: 'Escape', condition: c => !!c.store.selectionGroup, action: c => c.clearSelection() },\r\n    { key: 'Delete', condition: c => !!c.store.selectionGroup, action: c => c.delete() },\r\n\r\n    // Undo/Redo\r\n    { key: 'z', ctrl: true, action: c => c.undo() },\r\n    { key: 'y', ctrl: true, action: c => c.redo() },\r\n\r\n    // Tool selection\r\n    { key: 's', ctrl: true, action: () => this.switchTool('selection') },\r\n    { key: 'b', ctrl: true, action: () => this.switchTool('brush') },\r\n    { key: 'e', ctrl: true, action: () => this.switchTool('eraser') },\r\n    { key: 'i', ctrl: true, action: () => this.switchTool('image') },\r\n    { key: 'x', ctrl: true, action: () => this.switchTool('text') },\r\n\r\n    // Clipboard\r\n    {\r\n      key: 'c',\r\n      ctrl: true,\r\n      condition: c => !!c.store.selectionGroup,\r\n      action: c => {\r\n        c.copy();\r\n        c.rerender();\r\n      },\r\n    },\r\n    { key: 'v', ctrl: true, condition: c => !!c.store.state.copiedObjects && !c.store.activeText, action: c => c.paste() },\r\n\r\n    // Text editing\r\n    // { key: 'a', ctrl: true, condition: c => !!c.store.activeText, action: c => c.store.activeText.selectAll() },\r\n    // { key: 'v', ctrl: true, condition: c => !!c.store.activeText, action: c => c.store.activeText.insertFromClipboard() },\r\n\r\n    // Object layering\r\n    { key: '+', ctrl: true, condition: c => !!c.store.selectionGroup, action: c => c.bringForward() },\r\n    { key: '-', ctrl: true, condition: c => !!c.store.selectionGroup, action: c => c.sendBackward() },\r\n    { key: '*', shift: true, condition: c => !!c.store.selectionGroup, action: c => c.bringToFront() },\r\n    { key: '_', shift: true, condition: c => !!c.store.selectionGroup, action: c => c.sendToBack() },\r\n  ];\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  private switchTool(tool: string) {\r\n    const toolInstance = KritzelToolRegistry.getTool(tool);\r\n    this._core.store.setState('activeTool', toolInstance);\r\n    this._core.deselectAllObjects();\r\n    toolInstance.onActivate();\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent): void {\r\n    this._core.store.state.isCtrlKeyPressed = event.ctrlKey;\r\n\r\n    const shortcut = this.shortcuts.find(s => s.key === event.key && !!s.ctrl === event.ctrlKey && !!s.shift === event.shiftKey && (!s.condition || s.condition(this._core)));\r\n\r\n    if (shortcut) {\r\n      event.preventDefault();\r\n      shortcut.action(this._core);\r\n    } \r\n  }\r\n\r\n  handleKeyUp(event: KeyboardEvent): void {\r\n    this._core.store.state.isCtrlKeyPressed = event.ctrlKey;\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,149 @@
+import { KritzelEventHelper } from "../../helpers/event.helper";
+import { KritzelBaseHandler } from "./base.handler";
+export class KritzelMoveHandler extends KritzelBaseHandler {
+    dragStartX;
+    dragStartY;
+    startX;
+    startY;
+    endX;
+    endY;
+    hasMoved = false;
+    trackedPointerId = null;
+    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;
+        this.trackedPointerId = null;
+    }
+    cancelPendingDrag() {
+        this._core.store.state.isDragging = false;
+        this.reset();
+    }
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (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.state.isDragging = true;
+                    this.dragStartX = clientX;
+                    this.dragStartY = clientY;
+                    this.startX = this.dragStartX;
+                    this.startY = this.dragStartY;
+                    this.trackedPointerId = event.pointerId;
+                }
+                else {
+                    this.trackedPointerId = null;
+                }
+            }
+            else {
+                this.trackedPointerId = null;
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (this._core.store.state.pointers.size === 1) {
+                if (this._core.store.state.isScaling) {
+                    this.trackedPointerId = null;
+                    return;
+                }
+                const selectionGroup = this._core.store.selectionGroup;
+                if (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;
+                    this.startY = y;
+                    this.trackedPointerId = event.pointerId;
+                }
+                else {
+                    this.trackedPointerId = null;
+                }
+            }
+        }
+    }
+    handlePointerMove(event) {
+        if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {
+            return;
+        }
+        if (event.pointerType === 'mouse') {
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isDragging && selectionGroup) {
+                const clientX = event.clientX - this._core.store.offsetX;
+                const clientY = event.clientY - this._core.store.offsetY;
+                this.endX = clientX;
+                this.endY = clientY;
+                const moveDeltaX = Math.abs(clientX - this.startX);
+                const moveDeltaY = Math.abs(clientY - this.startY);
+                const moveThreshold = 5;
+                if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
+                    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._core.store.state.pointers.values());
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.pointers.size === 1 &&
+                selectionGroup &&
+                !this._core.store.state.isResizeHandleSelected &&
+                !this._core.store.state.isRotationHandleSelected &&
+                !this._core.store.state.isScaling) {
+                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.state.isDragging = true;
+                this.endX = x;
+                this.endY = y;
+                const moveDeltaX = Math.abs(x - this.startX);
+                const moveDeltaY = Math.abs(y - this.startY);
+                const moveThreshold = 5;
+                if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                    selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
+                    this.dragStartX = x;
+                    this.dragStartY = y;
+                    this.hasMoved = true;
+                }
+            }
+        }
+    }
+    handlePointerUp(event) {
+        if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {
+            return;
+        }
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isDragging) {
+                this._core.store.state.isDragging = false;
+                if (this.hasMoved) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._core.store.state.isDragging) {
+                this._core.store.state.isDragging = false;
+                if (this.hasMoved) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
+            }
+        }
+        this.reset();
+    }
+}
+//# sourceMappingURL=move.handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"move.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/move.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelCore } from '../core/core.class';\r\nexport class KritzelMoveHandler extends KritzelBaseHandler {\r\n  dragStartX: number;\r\n  dragStartY: number;\r\n\r\n  startX: number;\r\n  startY: number;\r\n\r\n  endX: number;\r\n  endY: number;\r\n\r\n  hasMoved: boolean = false;\r\n  private trackedPointerId: number | null = null;\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  private reset() {\r\n    this.dragStartX = 0;\r\n    this.dragStartY = 0;\r\n    this.startX = 0;\r\n    this.startY = 0;\r\n    this.endX = 0;\r\n    this.endY = 0;\r\n    this.hasMoved = false;\r\n    this.trackedPointerId = null;\r\n  }\r\n\r\n  cancelPendingDrag(): void {\r\n    this._core.store.state.isDragging = false;\r\n    this.reset();\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {\r\n          const clientX = event.clientX - this._core.store.offsetX;\r\n          const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n          this._core.store.state.isDragging = true;\r\n          this.dragStartX = clientX;\r\n          this.dragStartY = clientY;\r\n          this.startX = this.dragStartX;\r\n          this.startY = this.dragStartY;\r\n          this.trackedPointerId = event.pointerId;\r\n        } else {\r\n          this.trackedPointerId = null;\r\n        }\r\n      } else {\r\n        this.trackedPointerId = null;\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 (this._core.store.state.pointers.size === 1) {\r\n        if (this._core.store.state.isScaling) {\r\n          this.trackedPointerId = null;\r\n          return;\r\n        }\r\n\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {\r\n          const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);\r\n          const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);\r\n\r\n          this.dragStartX = x;\r\n          this.dragStartY = y;\r\n          this.startX = x;\r\n          this.startY = y;\r\n          this.trackedPointerId = event.pointerId;\r\n        } else {\r\n          this.trackedPointerId = null;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {\r\n      return;\r\n    }\r\n\r\n    if (event.pointerType === 'mouse') {\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isDragging && selectionGroup) {\r\n        const clientX = event.clientX - this._core.store.offsetX;\r\n        const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n        this.endX = clientX;\r\n        this.endY = clientY;\r\n\r\n        const moveDeltaX = Math.abs(clientX - this.startX);\r\n        const moveDeltaY = Math.abs(clientY - this.startY);\r\n        const moveThreshold = 5;\r\n\r\n        if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {\r\n\r\n          selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);\r\n\r\n          this.dragStartX = clientX;\r\n          this.dragStartY = clientY;\r\n          this.hasMoved = true;\r\n        }\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      const selectionGroup = this._core.store.selectionGroup;\r\n\r\n      if (\r\n        this._core.store.state.pointers.size === 1 &&\r\n        selectionGroup &&\r\n        !this._core.store.state.isResizeHandleSelected &&\r\n        !this._core.store.state.isRotationHandleSelected &&\r\n        !this._core.store.state.isScaling\r\n      ) {\r\n        const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);\r\n        const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);\r\n\r\n        this._core.store.state.isDragging = true;\r\n        this.endX = x;\r\n        this.endY = y;\r\n\r\n        const moveDeltaX = Math.abs(x - this.startX);\r\n        const moveDeltaY = Math.abs(y - this.startY);\r\n        const moveThreshold = 5;\r\n\r\n        if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n\r\n          selectionGroup.move(x, y, this.dragStartX, this.dragStartY);\r\n\r\n          this.dragStartX = x;\r\n          this.dragStartY = y;\r\n          this.hasMoved = true;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent) {\r\n    if (this.trackedPointerId === null || this.trackedPointerId !== event.pointerId) {\r\n      return;\r\n    }\r\n\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._core.store.state.isDragging) {\r\n        this._core.store.state.isDragging = false;\r\n\r\n        if (this.hasMoved) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._core.store.state.isDragging) {\r\n        this._core.store.state.isDragging = false;\r\n\r\n        if (this.hasMoved) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n      }\r\n    }\r\n\r\n    this.reset();\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,184 @@
+import { KritzelHandleType } from "../../enums/handle-type.enum";
+import { KritzelEventHelper } from "../../helpers/event.helper";
+import { KritzelBaseHandler } from "./base.handler";
+export class KritzelResizeHandler extends KritzelBaseHandler {
+    initialMouseX = 0;
+    initialMouseY = 0;
+    initialSize = { x: 0, y: 0, width: 0, height: 0 };
+    newSize = { x: 0, y: 0, width: 0, height: 0 };
+    hasResized = false;
+    constructor(core) {
+        super(core);
+    }
+    reset() {
+        this.initialMouseX = 0;
+        this.initialMouseY = 0;
+        this.initialSize = { x: 0, y: 0, width: 0, height: 0 };
+        this.newSize = { x: 0, y: 0, width: 0, height: 0 };
+        this.hasResized = false;
+    }
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isResizeHandleSelected) {
+                    const clientX = event.clientX - this._core.store.offsetX;
+                    const clientY = event.clientY - this._core.store.offsetY;
+                    this._core.store.state.isResizing = true;
+                    this.initialMouseX = clientX;
+                    this.initialMouseY = clientY;
+                    this.initialSize.width = selectionGroup.width;
+                    this.initialSize.height = selectionGroup.height;
+                    this.initialSize.x = selectionGroup.translateX;
+                    this.initialSize.y = selectionGroup.translateY;
+                }
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const firstTouch = activePointers[0];
+            if (!firstTouch) {
+                return;
+            }
+            if (activePointers.length === 1) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isResizeHandleSelected) {
+                    const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+                    const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
+                    this._core.store.state.isResizing = true;
+                    this.initialMouseX = clientX;
+                    this.initialMouseY = clientY;
+                    this.initialSize.width = selectionGroup.width;
+                    this.initialSize.height = selectionGroup.height;
+                    this.initialSize.x = selectionGroup.translateX;
+                    this.initialSize.y = selectionGroup.translateY;
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                }
+            }
+        }
+    }
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isResizing && selectionGroup) {
+                const clientX = event.clientX - this._core.store.offsetX;
+                const clientY = event.clientY - this._core.store.offsetY;
+                const dx = clientX - this.initialMouseX;
+                const dy = clientY - this.initialMouseY;
+                const resizeDeltaX = Math.abs(dx);
+                const resizeDeltaY = Math.abs(dy);
+                const resizeThreshold = 5;
+                if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
+                    this.hasResized = true;
+                }
+                if (!this.hasResized) {
+                    return;
+                }
+                switch (this._core.store.state.resizeHandleType) {
+                    case KritzelHandleType.TopLeft:
+                        this.newSize.width = this.initialSize.width - dx;
+                        this.newSize.height = this.initialSize.height - dy;
+                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
+                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        break;
+                    case KritzelHandleType.TopRight:
+                        this.newSize.width = this.initialSize.width + dx;
+                        this.newSize.height = this.initialSize.height - dy;
+                        this.newSize.x = this.initialSize.x;
+                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        break;
+                    case KritzelHandleType.BottomLeft:
+                        this.newSize.width = this.initialSize.width - dx;
+                        this.newSize.height = this.initialSize.height + dy;
+                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
+                        this.newSize.y = this.initialSize.y;
+                        break;
+                    case KritzelHandleType.BottomRight:
+                        this.newSize.width = this.initialSize.width + dx;
+                        this.newSize.height = this.initialSize.height + dy;
+                        this.newSize.x = this.initialSize.x;
+                        this.newSize.y = this.initialSize.y;
+                        break;
+                }
+                selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const oneFingerTouch = activePointers[0];
+            if (!oneFingerTouch) {
+                return;
+            }
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isResizing && selectionGroup) {
+                const clientX = Math.round(oneFingerTouch.clientX - this._core.store.offsetX);
+                const clientY = Math.round(oneFingerTouch.clientY - this._core.store.offsetY);
+                const dx = clientX - this.initialMouseX;
+                const dy = clientY - this.initialMouseY;
+                const resizeDeltaX = Math.abs(dx);
+                const resizeDeltaY = Math.abs(dy);
+                const resizeThreshold = 5;
+                if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                    this.hasResized = true;
+                }
+                if (!this.hasResized) {
+                    return;
+                }
+                switch (this._core.store.state.resizeHandleType) {
+                    case KritzelHandleType.TopLeft:
+                        this.newSize.width = this.initialSize.width - dx;
+                        this.newSize.height = this.initialSize.height - dy;
+                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
+                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        break;
+                    case KritzelHandleType.TopRight:
+                        this.newSize.width = this.initialSize.width + dx;
+                        this.newSize.height = this.initialSize.height - dy;
+                        this.newSize.x = this.initialSize.x;
+                        this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;
+                        break;
+                    case KritzelHandleType.BottomLeft:
+                        this.newSize.width = this.initialSize.width - dx;
+                        this.newSize.height = this.initialSize.height + dy;
+                        this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;
+                        this.newSize.y = this.initialSize.y;
+                        break;
+                    case KritzelHandleType.BottomRight:
+                        this.newSize.width = this.initialSize.width + dx;
+                        this.newSize.height = this.initialSize.height + dy;
+                        this.newSize.x = this.initialSize.x;
+                        this.newSize.y = this.initialSize.y;
+                        break;
+                }
+                selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
+            }
+        }
+    }
+    handlePointerUp(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isResizing) {
+                this._core.store.state.isResizing = false;
+                if (this.hasResized) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
+                this.reset();
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._core.store.state.isResizing) {
+                this._core.store.state.isResizing = false;
+                if (this.hasResized) {
+                    this._core.store.selectionGroup.update();
+                    this._core.engine.emitObjectsChange();
+                    this._core.store.state.hasObjectsChanged = true;
+                }
+                this.reset();
+                clearTimeout(this._core.store.state.longTouchTimeout);
+            }
+        }
+    }
+}
+//# sourceMappingURL=resize.handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/resize.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelHandleType } from '../../enums/handle-type.enum';\r\nimport { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelResizeHandler extends KritzelBaseHandler {\r\n  initialMouseX: number = 0;\r\n  initialMouseY: number = 0;\r\n\r\n  initialSize: { x: number; y: number; width: number; height: number } = { x: 0, y: 0, width: 0, height: 0 };\r\n\r\n  newSize: { x: number; y: number; width: number; height: number } = { x: 0, y: 0, width: 0, height: 0 };\r\n\r\n  hasResized: boolean = false;\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  private reset() {\r\n    this.initialMouseX = 0;\r\n    this.initialMouseY = 0;\r\n    this.initialSize = { x: 0, y: 0, width: 0, height: 0 };\r\n    this.newSize = { x: 0, y: 0, width: 0, height: 0 };\r\n    this.hasResized = false;\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isResizeHandleSelected) {\r\n          const clientX = event.clientX - this._core.store.offsetX;\r\n          const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n          this._core.store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = selectionGroup.width;\r\n          this.initialSize.height = selectionGroup.height;\r\n          this.initialSize.x = selectionGroup.translateX;\r\n          this.initialSize.y = selectionGroup.translateY;\r\n        }\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      const firstTouch = activePointers[0];\r\n\r\n      if (!firstTouch) {\r\n        return;\r\n      }\r\n\r\n      if (activePointers.length === 1) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isResizeHandleSelected) {\r\n          const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);\r\n          const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);\r\n\r\n          this._core.store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = selectionGroup.width;\r\n          this.initialSize.height = selectionGroup.height;\r\n          this.initialSize.x = selectionGroup.translateX;\r\n          this.initialSize.y = selectionGroup.translateY;\r\n\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isResizing && selectionGroup) {\r\n        const clientX = event.clientX - this._core.store.offsetX;\r\n        const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        const resizeDeltaX = Math.abs(dx);\r\n        const resizeDeltaY = Math.abs(dy);\r\n        const resizeThreshold = 5;\r\n\r\n        if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {\r\n          this.hasResized = true;\r\n        }\r\n\r\n        if (!this.hasResized) {\r\n          return;\r\n        }\r\n\r\n        switch (this._core.store.state.resizeHandleType) {\r\n          case KritzelHandleType.TopLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.TopRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n        }\r\n\r\n        selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n\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      const oneFingerTouch = activePointers[0];\r\n\r\n      if (!oneFingerTouch) {\r\n        return;\r\n      }\r\n\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isResizing && selectionGroup) {\r\n        const clientX = Math.round(oneFingerTouch.clientX - this._core.store.offsetX);\r\n        const clientY = Math.round(oneFingerTouch.clientY - this._core.store.offsetY);\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        const resizeDeltaX = Math.abs(dx);\r\n        const resizeDeltaY = Math.abs(dy);\r\n        const resizeThreshold = 5;\r\n\r\n        if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n          this.hasResized = true;\r\n        }\r\n\r\n        if (!this.hasResized) {\r\n          return;\r\n        }\r\n\r\n        switch (this._core.store.state.resizeHandleType) {\r\n          case KritzelHandleType.TopLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.TopRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height - dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = dy / this._core.store.state.scale + this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomLeft:\r\n            this.newSize.width = this.initialSize.width - dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = dx / this._core.store.state.scale + this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n          case KritzelHandleType.BottomRight:\r\n            this.newSize.width = this.initialSize.width + dx;\r\n            this.newSize.height = this.initialSize.height + dy;\r\n            this.newSize.x = this.initialSize.x;\r\n            this.newSize.y = this.initialSize.y;\r\n            break;\r\n        }\r\n\r\n        selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n\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.isResizing) {\r\n        this._core.store.state.isResizing = false;\r\n\r\n        if (this.hasResized) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n\r\n        this.reset();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._core.store.state.isResizing) {\r\n        this._core.store.state.isResizing = false;\r\n\r\n        if (this.hasResized) {\r\n          this._core.store.selectionGroup.update();\r\n          this._core.engine.emitObjectsChange();\r\n          this._core.store.state.hasObjectsChanged = true;\r\n        }\r\n\r\n        this.reset();\r\n\r\n        clearTimeout(this._core.store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,116 @@
+import { KritzelEventHelper } from "../../helpers/event.helper";
+import { KritzelBaseHandler } from "./base.handler";
+export class KritzelRotationHandler extends KritzelBaseHandler {
+    initialRotation = 0;
+    rotation = 0;
+    unchangedObjects = [];
+    initialSelectionGroupRotation = 0;
+    constructor(core) {
+        super(core);
+    }
+    reset() {
+        this.initialRotation = 0;
+        this.rotation = 0;
+        this.unchangedObjects = [];
+    }
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isRotationHandleSelected) {
+                    const clientX = event.clientX - this._core.store.offsetX;
+                    const clientY = event.clientY - this._core.store.offsetY;
+                    this._core.store.state.isRotating = true;
+                    const centerX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
+                    const centerY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
+                    const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                    const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                    this.initialSelectionGroupRotation = selectionGroup.rotation;
+                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
+                    this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());
+                }
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const firstTouch = activePointers[0];
+            if (!firstTouch) {
+                return;
+            }
+            if (activePointers.length === 1) {
+                const selectionGroup = this._core.store.selectionGroup;
+                if (selectionGroup && this._core.store.state.isRotationHandleSelected) {
+                    const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+                    const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
+                    this._core.store.state.isRotating = true;
+                    const centerX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
+                    const centerY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
+                    const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                    const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                    this.initialSelectionGroupRotation = selectionGroup.rotation;
+                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
+                    this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());
+                    clearTimeout(this._core.store.state.longTouchTimeout);
+                }
+            }
+        }
+    }
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isRotating && selectionGroup) {
+                const clientX = event.clientX - this._core.store.offsetX;
+                const clientY = event.clientY - this._core.store.offsetY;
+                const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
+                const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
+                const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
+                this.rotation = currentRotation - this.initialRotation;
+                selectionGroup.rotate(this.rotation);
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            const firstTouch = activePointers[0];
+            if (!firstTouch) {
+                return;
+            }
+            const selectionGroup = this._core.store.selectionGroup;
+            if (this._core.store.state.isRotating && selectionGroup) {
+                const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+                const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
+                const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;
+                const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;
+                const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+                const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
+                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
+                this.rotation = currentRotation - this.initialRotation;
+                selectionGroup.rotate(this.rotation);
+                clearTimeout(this._core.store.state.longTouchTimeout);
+            }
+        }
+    }
+    handlePointerUp(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isRotating) {
+                this._core.store.selectionGroup.update();
+                this._core.engine.emitObjectsChange();
+                this._core.store.state.isRotating = false;
+                this._core.store.state.hasObjectsChanged = true;
+                this.reset();
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._core.store.state.isRotating) {
+                this._core.store.selectionGroup.update();
+                this._core.engine.emitObjectsChange();
+                this._core.store.state.isRotating = false;
+                this._core.store.state.hasObjectsChanged = true;
+                this.reset();
+                clearTimeout(this._core.store.state.longTouchTimeout);
+            }
+        }
+    }
+}
+//# sourceMappingURL=rotation.handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rotation.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/rotation.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseObject } from '../objects/base-object.class';\r\n\r\nexport class KritzelRotationHandler extends KritzelBaseHandler {\r\n  initialRotation: number = 0;\r\n\r\n  rotation: number = 0;\r\n\r\n  unchangedObjects: KritzelBaseObject<any>[] = [];\r\n\r\n  initialSelectionGroupRotation: number = 0;\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  private reset() {\r\n    this.initialRotation = 0;\r\n    this.rotation = 0;\r\n    this.unchangedObjects = [];\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isRotationHandleSelected) {\r\n          const clientX = event.clientX - this._core.store.offsetX;\r\n          const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n          this._core.store.state.isRotating = true;\r\n\r\n          const centerX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;\r\n          const centerY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;\r\n\r\n          const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n          const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n          this.initialSelectionGroupRotation = selectionGroup.rotation;\r\n          this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;\r\n\r\n          this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());\r\n        }\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      const firstTouch = activePointers[0];\r\n\r\n      if (!firstTouch) {\r\n        return;\r\n      }\r\n\r\n      if (activePointers.length === 1) {\r\n        const selectionGroup = this._core.store.selectionGroup;\r\n        if (selectionGroup && this._core.store.state.isRotationHandleSelected) {\r\n          const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);\r\n          const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);\r\n\r\n          this._core.store.state.isRotating = true;\r\n\r\n          const centerX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;\r\n          const centerY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;\r\n\r\n          const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n          const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n          this.initialSelectionGroupRotation = selectionGroup.rotation;\r\n          this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;\r\n\r\n          this.unchangedObjects = selectionGroup.objects.map(obj => obj.clone());\r\n\r\n          clearTimeout(this._core.store.state.longTouchTimeout);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isRotating && selectionGroup) {\r\n        const clientX = event.clientX - this._core.store.offsetX;\r\n        const clientY = event.clientY - this._core.store.offsetY;\r\n\r\n        const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;\r\n        const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;\r\n\r\n        const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n        const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n        const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);\r\n\r\n        this.rotation = currentRotation - this.initialRotation;\r\n\r\n        selectionGroup.rotate(this.rotation);\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      const firstTouch = activePointers[0];\r\n\r\n      if (!firstTouch) {\r\n        return;\r\n      }\r\n\r\n      const selectionGroup = this._core.store.selectionGroup;\r\n      if (this._core.store.state.isRotating && selectionGroup) {\r\n        const clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);\r\n        const clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);\r\n\r\n        const groupCenterX = selectionGroup.translateX + selectionGroup.width / 2 / this._core.store.state.scale;\r\n        const groupCenterY = selectionGroup.translateY + selectionGroup.height / 2 / this._core.store.state.scale;\r\n\r\n        const cursorX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n        const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n        const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);\r\n\r\n        this.rotation = currentRotation - this.initialRotation;\r\n\r\n        selectionGroup.rotate(this.rotation);\r\n\r\n        clearTimeout(this._core.store.state.longTouchTimeout);\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.isRotating) {\r\n        this._core.store.selectionGroup.update();\r\n        this._core.engine.emitObjectsChange();\r\n        this._core.store.state.isRotating = false;\r\n        this._core.store.state.hasObjectsChanged = true;\r\n\r\n        this.reset();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._core.store.state.isRotating) {\r\n        this._core.store.selectionGroup.update();\r\n        this._core.engine.emitObjectsChange();\r\n        this._core.store.state.isRotating = false;\r\n        this._core.store.state.hasObjectsChanged = true;\r\n\r\n        this.reset();\r\n\r\n        clearTimeout(this._core.store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}