kritzel-stencil 0.0.124 → 0.0.126

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

@@ -1,84 +0,0 @@
-import { KritzelEventHelper } from "../../helpers/event.helper";
-import { MoveSelectionGroupCommand } from "../commands/move-selection-group.command";
-import { KritzelBaseHandler } from "./base.handler";
-export class KritzelMoveHandler extends KritzelBaseHandler {
-    constructor(store) {
-        super(store);
-    }
-    handlePointerDown(event) {
-        var _a, _b;
-        if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event)) {
-                if (((_a = this._store.state.selectionGroup) === null || _a === void 0 ? void 0 : _a.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;
-                    this.dragStartX = clientX;
-                    this.dragStartY = clientY;
-                    this.startX = this.dragStartX;
-                    this.startY = this.dragStartY;
-                }
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            if (this._store.state.pointers.size === 1) {
-                if (((_b = this._store.state.selectionGroup) === null || _b === void 0 ? void 0 : _b.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);
-                    this.dragStartX = x;
-                    this.dragStartY = y;
-                    this.startX = x;
-                    this.startY = y;
-                }
-            }
-        }
-    }
-    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;
-                this.endX = clientX;
-                this.endY = clientY;
-                this._store.state.selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);
-                this.dragStartX = clientX;
-                this.dragStartY = clientY;
-            }
-        }
-        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;
-                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._store.state.longTouchTimeout);
-                    this._store.state.selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
-                    this.dragStartX = x;
-                    this.dragStartY = y;
-                }
-            }
-        }
-    }
-    handlePointerUp(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._store.state.isDragging) {
-                this._store.state.isDragging = false;
-                this._store.history.executeCommand(new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true));
-            }
-        }
-        if (event.pointerType === 'touch') {
-            if (this._store.state.isDragging) {
-                this._store.state.isDragging = false;
-                this._store.history.executeCommand(new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true));
-            }
-        }
-    }
-}
-//# sourceMappingURL=move.handler.js.map

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

@@ -1 +0,0 @@
-{"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 { KritzelStore } from '../store.class';\r\nimport { MoveSelectionGroupCommand } from '../commands/move-selection-group.command';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\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  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        if (this._store.state.selectionGroup?.isSelected && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {\r\n          const clientX = event.clientX - this._store.offsetX;\r\n          const clientY = event.clientY - this._store.offsetY;\r\n\r\n          this._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        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._store.state.pointers.values());\r\n\r\n      if (this._store.state.pointers.size === 1) {\r\n        if (this._store.state.selectionGroup?.isSelected && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {\r\n          const x = Math.round(activePointers[0].clientX - this._store.offsetX);\r\n          const y = Math.round(activePointers[0].clientY - this._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        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._store.state.isDragging && this._store.state.selectionGroup) {\r\n        const clientX = event.clientX - this._store.offsetX;\r\n        const clientY = event.clientY - this._store.offsetY;\r\n\r\n        this.endX = clientX;\r\n        this.endY = clientY;\r\n        this._store.state.selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);\r\n        this.dragStartX = clientX;\r\n        this.dragStartY = clientY;\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._store.state.pointers.values());\r\n\r\n      if (this._store.state.pointers.size === 1 && this._store.state.selectionGroup && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {\r\n        const x = Math.round(activePointers[0].clientX - this._store.offsetX);\r\n        const y = Math.round(activePointers[0].clientY - this._store.offsetY);\r\n\r\n        this._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._store.state.longTouchTimeout);\r\n\r\n          this._store.state.selectionGroup.move(x, y, this.dragStartX, this.dragStartY);\r\n          this.dragStartX = x;\r\n          this.dragStartY = y;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._store.state.isDragging) {\r\n        this._store.state.isDragging = false;\r\n        this._store.history.executeCommand(new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true));\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._store.state.isDragging) {\r\n        this._store.state.isDragging = false;\r\n        this._store.history.executeCommand(new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true));\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -1,150 +0,0 @@
-import { KritzelHandleType } from "../../enums/handle-type.enum";
-import { KritzelEventHelper } from "../../helpers/event.helper";
-import { ResizeSelectionGroupCommand } from "../commands/resize-selection-group.command";
-import { KritzelBaseHandler } from "./base.handler";
-export class KritzelResizeHandler extends KritzelBaseHandler {
-    constructor(store) {
-        super(store);
-        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 };
-    }
-    handlePointerDown(event) {
-        if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event)) {
-                if (this._store.state.selectionGroup && this._store.state.isResizeHandleSelected) {
-                    const clientX = event.clientX - this._store.offsetX;
-                    const clientY = event.clientY - this._store.offsetY;
-                    this._store.state.isResizing = true;
-                    this.initialMouseX = clientX;
-                    this.initialMouseY = clientY;
-                    this.initialSize.width = this._store.state.selectionGroup.width;
-                    this.initialSize.height = this._store.state.selectionGroup.height;
-                    this.initialSize.x = this._store.state.selectionGroup.translateX;
-                    this.initialSize.y = this._store.state.selectionGroup.translateY;
-                }
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            const firstTouch = activePointers[0];
-            if (!firstTouch) {
-                return;
-            }
-            if (activePointers.length === 1) {
-                if (this._store.state.selectionGroup && this._store.state.isResizeHandleSelected) {
-                    const clientX = Math.round(firstTouch.clientX - this._store.offsetX);
-                    const clientY = Math.round(firstTouch.clientY - this._store.offsetY);
-                    this._store.state.isResizing = true;
-                    this.initialMouseX = clientX;
-                    this.initialMouseY = clientY;
-                    this.initialSize.width = this._store.state.selectionGroup.width;
-                    this.initialSize.height = this._store.state.selectionGroup.height;
-                    this.initialSize.x = this._store.state.selectionGroup.translateX;
-                    this.initialSize.y = this._store.state.selectionGroup.translateY;
-                    clearTimeout(this._store.state.longTouchTimeout);
-                }
-            }
-        }
-    }
-    handlePointerMove(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._store.state.isResizing && this._store.state.selectionGroup) {
-                const clientX = event.clientX - this._store.offsetX;
-                const clientY = event.clientY - this._store.offsetY;
-                const dx = clientX - this.initialMouseX;
-                const dy = clientY - this.initialMouseY;
-                switch (this._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._store.state.scale + this.initialSize.x;
-                        this.newSize.y = dy / this._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._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._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;
-                }
-                this._store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
-                this._store.rerender();
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            const oneFingerTouch = activePointers[0];
-            if (!oneFingerTouch) {
-                return;
-            }
-            if (this._store.state.isResizing && this._store.state.selectionGroup) {
-                const clientX = Math.round(oneFingerTouch.clientX - this._store.offsetX);
-                const clientY = Math.round(oneFingerTouch.clientY - this._store.offsetY);
-                const dx = clientX - this.initialMouseX;
-                const dy = clientY - this.initialMouseY;
-                switch (this._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._store.state.scale + this.initialSize.x;
-                        this.newSize.y = dy / this._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._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._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;
-                }
-                this._store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);
-                clearTimeout(this._store.state.longTouchTimeout);
-            }
-        }
-    }
-    handlePointerUp(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._store.state.isResizing) {
-                const resizeSelectionGroupCommand = new ResizeSelectionGroupCommand(this._store, this, structuredClone(this.initialSize), structuredClone(this.newSize));
-                this._store.history.executeCommand(resizeSelectionGroupCommand);
-                this._store.state.isResizing = false;
-                this._store.rerender();
-            }
-        }
-        if (event.pointerType === 'touch') {
-            if (this._store.state.isResizing) {
-                const resizeSelectionGroupCommand = new ResizeSelectionGroupCommand(this._store, this, structuredClone(this.initialSize), structuredClone(this.newSize));
-                this._store.history.executeCommand(resizeSelectionGroupCommand);
-                this._store.state.isResizing = false;
-                this._store.rerender();
-                clearTimeout(this._store.state.longTouchTimeout);
-            }
-        }
-    }
-}
-//# sourceMappingURL=resize.handler.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"resize.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/resize.handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAEzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,oBAAqB,SAAQ,kBAAkB;IAQ1D,YAAY,KAAmB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;QARf,kBAAa,GAAW,CAAC,CAAC;QAC1B,kBAAa,GAAW,CAAC,CAAC;QAE1B,gBAAW,GAA4D,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAE3G,YAAO,GAA4D,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAIvG,CAAC;IAED,iBAAiB,CAAC,KAAmB;QACnC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC1C,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;oBACjF,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;oBACpD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;oBAEpD,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;oBACpC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;oBAC7B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;oBAC7B,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oBAChE,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;oBAClE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;oBACjE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;gBACnE,CAAC;YACH,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;YACvE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAErC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,OAAO;YACT,CAAC;YAED,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAChC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC;oBACjF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBACrE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBAErE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;oBACpC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;oBAC7B,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;oBAC7B,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oBAChE,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;oBAClE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;oBACjE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC;oBAEjE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;gBACnD,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,iBAAiB,CAAC,KAAmB;QACnC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACrE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBACpD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAEpD,MAAM,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;gBACxC,MAAM,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;gBAExC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBAC3C,KAAK,iBAAiB,CAAC,OAAO;wBAC5B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,MAAM;oBACR,KAAK,iBAAiB,CAAC,QAAQ;wBAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,MAAM;oBACR,KAAK,iBAAiB,CAAC,UAAU;wBAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,MAAM;oBACR,KAAK,iBAAiB,CAAC,WAAW;wBAChC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,MAAM;gBACV,CAAC;gBAED,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACjH,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;YACvE,MAAM,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAEzC,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YAED,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACrE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBACzE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAEzE,MAAM,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;gBACxC,MAAM,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;gBAExC,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBAC3C,KAAK,iBAAiB,CAAC,OAAO;wBAC5B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,MAAM;oBACR,KAAK,iBAAiB,CAAC,QAAQ;wBAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,MAAM;oBACR,KAAK,iBAAiB,CAAC,UAAU;wBAC/B,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACnE,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,MAAM;oBACR,KAAK,iBAAiB,CAAC,WAAW;wBAChC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,EAAE,CAAC;wBACjD,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,EAAE,CAAC;wBACnD,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;wBACpC,MAAM;gBACV,CAAC;gBAED,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAEjH,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC;QACH,CAAC;IACH,CAAC;IAED,eAAe,CAAC,KAAmB;QACjC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;gBACjC,MAAM,2BAA2B,GAAG,IAAI,2BAA2B,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzJ,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,2BAA2B,CAAC,CAAC;gBAChE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;gBACrC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;gBACjC,MAAM,2BAA2B,GAAG,IAAI,2BAA2B,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;gBACzJ,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,2BAA2B,CAAC,CAAC;gBAChE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;gBACrC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;gBAEvB,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC;QACH,CAAC;IACH,CAAC;CACF","sourcesContent":["import { KritzelHandleType } from '../../enums/handle-type.enum';\r\nimport { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { ResizeSelectionGroupCommand } from '../commands/resize-selection-group.command';\r\nimport { KritzelStore } from '../store.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  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        if (this._store.state.selectionGroup && this._store.state.isResizeHandleSelected) {\r\n          const clientX = event.clientX - this._store.offsetX;\r\n          const clientY = event.clientY - this._store.offsetY;\r\n\r\n          this._store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = this._store.state.selectionGroup.width;\r\n          this.initialSize.height = this._store.state.selectionGroup.height;\r\n          this.initialSize.x = this._store.state.selectionGroup.translateX;\r\n          this.initialSize.y = this._store.state.selectionGroup.translateY;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._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        if (this._store.state.selectionGroup && this._store.state.isResizeHandleSelected) {\r\n          const clientX = Math.round(firstTouch.clientX - this._store.offsetX);\r\n          const clientY = Math.round(firstTouch.clientY - this._store.offsetY);\r\n\r\n          this._store.state.isResizing = true;\r\n          this.initialMouseX = clientX;\r\n          this.initialMouseY = clientY;\r\n          this.initialSize.width = this._store.state.selectionGroup.width;\r\n          this.initialSize.height = this._store.state.selectionGroup.height;\r\n          this.initialSize.x = this._store.state.selectionGroup.translateX;\r\n          this.initialSize.y = this._store.state.selectionGroup.translateY;\r\n\r\n          clearTimeout(this._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      if (this._store.state.isResizing && this._store.state.selectionGroup) {\r\n        const clientX = event.clientX - this._store.offsetX;\r\n        const clientY = event.clientY - this._store.offsetY;\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        switch (this._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._store.state.scale + this.initialSize.x;\r\n            this.newSize.y = dy / this._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._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._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        this._store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n        this._store.rerender();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._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      if (this._store.state.isResizing && this._store.state.selectionGroup) {\r\n        const clientX = Math.round(oneFingerTouch.clientX - this._store.offsetX);\r\n        const clientY = Math.round(oneFingerTouch.clientY - this._store.offsetY);\r\n\r\n        const dx = clientX - this.initialMouseX;\r\n        const dy = clientY - this.initialMouseY;\r\n\r\n        switch (this._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._store.state.scale + this.initialSize.x;\r\n            this.newSize.y = dy / this._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._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._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        this._store.state.selectionGroup.resize(this.newSize.x, this.newSize.y, this.newSize.width, this.newSize.height);\r\n\r\n        clearTimeout(this._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._store.state.isResizing) {\r\n        const resizeSelectionGroupCommand = new ResizeSelectionGroupCommand(this._store, this, structuredClone(this.initialSize), structuredClone(this.newSize));\r\n        this._store.history.executeCommand(resizeSelectionGroupCommand);\r\n        this._store.state.isResizing = false;\r\n        this._store.rerender();\r\n      }\r\n    }\r\n\r\n    if( event.pointerType === 'touch') {\r\n      if (this._store.state.isResizing) {\r\n        const resizeSelectionGroupCommand = new ResizeSelectionGroupCommand(this._store, this, structuredClone(this.initialSize), structuredClone(this.newSize));\r\n        this._store.history.executeCommand(resizeSelectionGroupCommand);\r\n        this._store.state.isResizing = false;\r\n        this._store.rerender();\r\n\r\n        clearTimeout(this._store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -1,102 +0,0 @@
-import { KritzelEventHelper } from "../../helpers/event.helper";
-import { RotateSelectionGroupCommand } from "../commands/rotate-selection-group.command";
-import { KritzelBaseHandler } from "./base.handler";
-export class KritzelRotationHandler extends KritzelBaseHandler {
-    constructor(store) {
-        super(store);
-        this.initialRotation = 0;
-        this.rotation = 0;
-    }
-    handlePointerDown(event) {
-        if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event)) {
-                if (this._store.state.selectionGroup && this._store.state.isRotationHandleSelected) {
-                    const clientX = event.clientX - this._store.offsetX;
-                    const clientY = event.clientY - this._store.offsetY;
-                    this._store.state.isRotating = true;
-                    const centerX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;
-                    const centerY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;
-                    const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;
-                    const cursorY = (clientY - this._store.state.translateY) / this._store.state.scale;
-                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - this._store.state.selectionGroup.rotation;
-                }
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            const firstTouch = activePointers[0];
-            if (!firstTouch) {
-                return;
-            }
-            if (activePointers.length === 1) {
-                if (this._store.state.selectionGroup && this._store.state.isRotationHandleSelected) {
-                    const clientX = Math.round(firstTouch.clientX - this._store.offsetX);
-                    const clientY = Math.round(firstTouch.clientY - this._store.offsetY);
-                    this._store.state.isRotating = true;
-                    const centerX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;
-                    const centerY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;
-                    const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;
-                    const cursorY = (clientY - this._store.state.translateY) / this._store.state.scale;
-                    this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - this._store.state.selectionGroup.rotation;
-                    clearTimeout(this._store.state.longTouchTimeout);
-                }
-            }
-        }
-    }
-    handlePointerMove(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._store.state.isRotating && this._store.state.selectionGroup) {
-                const clientX = event.clientX - this._store.offsetX;
-                const clientY = event.clientY - this._store.offsetY;
-                const groupCenterX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;
-                const groupCenterY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;
-                const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;
-                const cursorY = (clientY - this._store.state.translateY) / this._store.state.scale;
-                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
-                this.rotation = currentRotation - this.initialRotation;
-                this._store.state.selectionGroup.rotate(this.rotation);
-                this._store.rerender();
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            const firstTouch = activePointers[0];
-            if (!firstTouch) {
-                return;
-            }
-            if (this._store.state.isRotating && this._store.state.selectionGroup) {
-                const clientX = Math.round(firstTouch.clientX - this._store.offsetX);
-                const clientY = Math.round(firstTouch.clientY - this._store.offsetY);
-                const groupCenterX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;
-                const groupCenterY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;
-                const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;
-                const cursorY = (clientY - this._store.state.translateY) / this._store.state.scale;
-                const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
-                this.rotation = currentRotation - this.initialRotation;
-                this._store.state.selectionGroup.rotate(this.rotation);
-                this._store.rerender();
-                clearTimeout(this._store.state.longTouchTimeout);
-            }
-        }
-    }
-    handlePointerUp(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._store.state.isRotating) {
-                this._store.history.executeCommand(new RotateSelectionGroupCommand(this._store, this, this.rotation));
-                this._store.state.isRotating = false;
-                this.initialRotation = 0;
-                this.rotation = 0;
-            }
-        }
-        if (event.pointerType === 'touch') {
-            if (this._store.state.isRotating) {
-                this._store.history.executeCommand(new RotateSelectionGroupCommand(this._store, this, this.rotation));
-                this._store.state.isRotating = false;
-                this.initialRotation = 0;
-                this.rotation = 0;
-                clearTimeout(this._store.state.longTouchTimeout);
-            }
-        }
-    }
-}
-//# sourceMappingURL=rotation.handler.js.map

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

@@ -1 +0,0 @@
-{"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 { KritzelStore } from '../store.class';\r\nimport { RotateSelectionGroupCommand } from '../commands/rotate-selection-group.command';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelRotationHandler extends KritzelBaseHandler {\r\n  initialRotation: number = 0;\r\n\r\n  rotation: number = 0;\r\n\r\n  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        if (this._store.state.selectionGroup && this._store.state.isRotationHandleSelected) {\r\n          const clientX = event.clientX - this._store.offsetX;\r\n          const clientY = event.clientY - this._store.offsetY;\r\n\r\n          this._store.state.isRotating = true;\r\n\r\n          const centerX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;\r\n          const centerY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;\r\n\r\n          const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;\r\n          const cursorY = (clientY - this._store.state.translateY) / this._store.state.scale;\r\n\r\n          this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - this._store.state.selectionGroup.rotation;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._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        if (this._store.state.selectionGroup && this._store.state.isRotationHandleSelected) {\r\n          const clientX = Math.round(firstTouch.clientX - this._store.offsetX);\r\n          const clientY = Math.round(firstTouch.clientY - this._store.offsetY);\r\n\r\n          this._store.state.isRotating = true;\r\n\r\n          const centerX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;\r\n          const centerY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;\r\n\r\n          const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;\r\n          const cursorY = (clientY - this._store.state.translateY) / this._store.state.scale;\r\n\r\n          this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - this._store.state.selectionGroup.rotation;\r\n\r\n          clearTimeout(this._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      if (this._store.state.isRotating && this._store.state.selectionGroup) {\r\n        const clientX = event.clientX - this._store.offsetX;\r\n        const clientY = event.clientY - this._store.offsetY;\r\n\r\n        const groupCenterX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;\r\n        const groupCenterY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;\r\n\r\n        const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;\r\n        const cursorY = (clientY - this._store.state.translateY) / this._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        this._store.state.selectionGroup.rotate(this.rotation);\r\n\r\n        this._store.rerender();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._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 (this._store.state.isRotating && this._store.state.selectionGroup) {\r\n        const clientX = Math.round(firstTouch.clientX - this._store.offsetX);\r\n        const clientY = Math.round(firstTouch.clientY - this._store.offsetY);\r\n\r\n        const groupCenterX = this._store.state.selectionGroup.translateX + this._store.state.selectionGroup.width / 2 / this._store.state.scale;\r\n        const groupCenterY = this._store.state.selectionGroup.translateY + this._store.state.selectionGroup.height / 2 / this._store.state.scale;\r\n\r\n        const cursorX = (clientX - this._store.state.translateX) / this._store.state.scale;\r\n        const cursorY = (clientY - this._store.state.translateY) / this._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        this._store.state.selectionGroup.rotate(this.rotation);\r\n\r\n        this._store.rerender();\r\n\r\n        clearTimeout(this._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._store.state.isRotating) {\r\n        this._store.history.executeCommand(new RotateSelectionGroupCommand(this._store, this, this.rotation));\r\n\r\n        this._store.state.isRotating = false;\r\n\r\n        this.initialRotation = 0;\r\n        this.rotation = 0;\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._store.state.isRotating) {\r\n        this._store.history.executeCommand(new RotateSelectionGroupCommand(this._store, this, this.rotation));\r\n\r\n        this._store.state.isRotating = false;\r\n\r\n        this.initialRotation = 0;\r\n        this.rotation = 0;\r\n\r\n        clearTimeout(this._store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -1,200 +0,0 @@
-import { KritzelEventHelper } from "../../helpers/event.helper";
-import { AddSelectionGroupCommand } from "../commands/add-selection-group.command";
-import { KrtizelSelectionBox } from "../objects/selection-box.class";
-import { KritzelSelectionGroup } from "../objects/selection-group.class";
-import { KritzelBaseHandler } from "./base.handler";
-export class KritzelSelectionHandler extends KritzelBaseHandler {
-    get isSelectionClick() {
-        return this._store.state.selectionBox && this._store.state.selectionBox.width === 0 && this._store.state.selectionBox.height === 0;
-    }
-    get isSelectionDrag() {
-        return this._store.state.selectionBox && (this._store.state.selectionBox.width > 0 || this._store.state.selectionBox.height > 0);
-    }
-    constructor(store) {
-        super(store);
-        this.touchStartX = 0;
-        this.touchStartY = 0;
-        this.touchStartTimeout = null;
-    }
-    handlePointerDown(event) {
-        if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event) && !this._store.state.selectionGroup) {
-                this.startMouseSelection(event);
-            }
-        }
-        if (event.pointerType === 'touch') {
-            this.touchStartTimeout = setTimeout(() => {
-                if (this._store.state.pointers.size === 1 && !this._store.state.isScaling && !this._store.state.selectionGroup) {
-                    this.startTouchSelection();
-                    this.updateTouchSelection();
-                }
-            }, 80);
-        }
-    }
-    handlePointerMove(event) {
-        if (event.pointerType === 'mouse') {
-            if (this._store.state.isSelecting) {
-                this.updateMouseSelection(event);
-            }
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            const x = Math.round(activePointers[0].clientX - this._store.offsetX);
-            const y = Math.round(activePointers[0].clientY - this._store.offsetY);
-            const moveDeltaX = Math.abs(x - this.touchStartX);
-            const moveDeltaY = Math.abs(y - this.touchStartY);
-            const moveThreshold = 5;
-            if ((moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) && this._store.state.isSelecting) {
-                this.updateTouchSelection();
-                clearTimeout(this._store.state.longTouchTimeout);
-            }
-        }
-    }
-    handlePointerUp(event) {
-        if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event) && this._store.state.isSelecting) {
-                if (this.isSelectionClick) {
-                    const x = this._store.state.pointerX;
-                    const y = this._store.state.pointerY;
-                    const selectedObject = this._store.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));
-                    this.addObjectToSelectionGroup(selectedObject);
-                    this.removeSelectionBox();
-                }
-                if (this.isSelectionDrag) {
-                    this.updateMouseSelection(event);
-                    this.addSelectedObjectsToSelectionGroup();
-                    this.removeSelectionBox();
-                }
-            }
-        }
-        if (event.pointerType === 'touch') {
-            clearTimeout(this.touchStartTimeout);
-            if (this._store.state.isSelecting) {
-                if (this.isSelectionClick) {
-                    const x = this._store.state.pointerX;
-                    const y = this._store.state.pointerY;
-                    const selectedObject = this._store.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));
-                    this.addObjectToSelectionGroup(selectedObject);
-                    this.removeSelectionBox();
-                }
-                if (this.isSelectionDrag) {
-                    this.updateTouchSelection();
-                    this.addSelectedObjectsToSelectionGroup();
-                    this.removeSelectionBox();
-                }
-                this._store.state.skipContextMenu = false;
-            }
-        }
-    }
-    removeSelectionBox() {
-        this._store.state.selectionBox = null;
-        this._store.state.isSelecting = false;
-        this._store.state.objectsOctree.remove(o => o instanceof KrtizelSelectionBox);
-        this._store.rerender();
-    }
-    startMouseSelection(event) {
-        let clientX, clientY;
-        clientX = event.clientX - this._store.offsetX;
-        clientY = event.clientY - this._store.offsetY;
-        const selectionBox = KrtizelSelectionBox.create(this._store);
-        this.startX = (clientX - this._store.state.translateX) / this._store.state.scale;
-        this.startY = (clientY - this._store.state.translateY) / this._store.state.scale;
-        selectionBox.translateX = this.startX;
-        selectionBox.translateY = this.startY;
-        this._store.state.selectionGroup = null;
-        this._store.state.selectionBox = selectionBox;
-        this._store.state.isSelecting = true;
-        this._store.state.objectsOctree.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._store.state.objectsOctree.insert(selectionBox);
-    }
-    startTouchSelection() {
-        const activePointers = Array.from(this._store.state.pointers.values());
-        const firstTouch = activePointers[0];
-        if (!firstTouch) {
-            return;
-        }
-        let clientX, clientY;
-        clientX = Math.round(firstTouch.clientX - this._store.offsetX);
-        clientY = Math.round(firstTouch.clientY - this._store.offsetY);
-        this.touchStartX = clientX;
-        this.touchStartY = clientY;
-        const selectionBox = KrtizelSelectionBox.create(this._store);
-        this.startX = (clientX - this._store.state.translateX) / this._store.state.scale;
-        this.startY = (clientY - this._store.state.translateY) / this._store.state.scale;
-        selectionBox.translateX = this.startX;
-        selectionBox.translateY = this.startY;
-        this._store.state.selectionGroup = null;
-        this._store.state.selectionBox = selectionBox;
-        this._store.state.isSelecting = true;
-        this._store.state.objectsOctree.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._store.state.objectsOctree.insert(selectionBox);
-    }
-    updateMouseSelection(event) {
-        let clientX, clientY;
-        clientX = event.clientX - this._store.offsetX;
-        clientY = event.clientY - this._store.offsetY;
-        const selectionBox = this._store.state.selectionBox;
-        if (selectionBox) {
-            const currentX = (clientX - this._store.state.translateX) / selectionBox.scale;
-            const currentY = (clientY - this._store.state.translateY) / selectionBox.scale;
-            selectionBox.width = Math.abs(currentX - this.startX) * selectionBox.scale;
-            selectionBox.height = Math.abs(currentY - this.startY) * selectionBox.scale;
-            selectionBox.translateX = Math.min(currentX, this.startX);
-            selectionBox.translateY = Math.min(currentY, this.startY);
-            this.updateSelectedObjects();
-            this._store.rerender();
-        }
-    }
-    updateTouchSelection() {
-        const activePointers = Array.from(this._store.state.pointers.values());
-        const firstTouch = activePointers[0];
-        if (!firstTouch) {
-            return;
-        }
-        let clientX, clientY;
-        clientX = Math.round(firstTouch.clientX - this._store.offsetX);
-        clientY = Math.round(firstTouch.clientY - this._store.offsetY);
-        const selectionBox = this._store.state.selectionBox;
-        if (selectionBox) {
-            const currentX = (clientX - this._store.state.translateX) / selectionBox.scale;
-            const currentY = (clientY - this._store.state.translateY) / selectionBox.scale;
-            selectionBox.width = Math.abs(currentX - this.startX) * selectionBox.scale;
-            selectionBox.height = Math.abs(currentY - this.startY) * selectionBox.scale;
-            selectionBox.translateX = Math.min(currentX, this.startX);
-            selectionBox.translateY = Math.min(currentY, this.startY);
-            this.updateSelectedObjects();
-        }
-    }
-    updateSelectedObjects() {
-        this._store.allObjects
-            .filter(o => !(o instanceof KrtizelSelectionBox))
-            .forEach(object => (object.isSelected = object.hitTestPolygon(this._store.state.selectionBox.rotatedPolygon)));
-    }
-    addObjectToSelectionGroup(object) {
-        if (!object) {
-            return;
-        }
-        this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);
-        this._store.state.selectionGroup.addOrRemove(object);
-        this._store.state.selectionGroup.isSelected = true;
-        this._store.state.selectionGroup.rotation = object.rotation;
-        this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));
-    }
-    addSelectedObjectsToSelectionGroup() {
-        const selectedObjects = this._store.selectedObjects;
-        if (selectedObjects.length === 0) {
-            return;
-        }
-        this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);
-        selectedObjects.forEach(o => {
-            o.isSelected = false;
-            this._store.state.selectionGroup.addOrRemove(o);
-        });
-        this._store.state.selectionGroup.isSelected = true;
-        if (this._store.state.selectionGroup.length === 1) {
-            this._store.state.selectionGroup.rotation = this._store.state.selectionGroup.objects[0].rotation;
-        }
-        this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));
-    }
-}
-//# sourceMappingURL=selection.handler.js.map