kritzel-stencil 0.0.131 → 0.0.133

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

@@ -10,23 +10,23 @@ export class KritzelSelectionHandler extends KritzelBaseHandler {
     touchStartY = 0;
     touchStartTimeout = null;
     get isSelectionClick() {
-        return this._store.state.selectionBox && this._store.state.selectionBox.width === 0 && this._store.state.selectionBox.height === 0;
+        return this._core.store.state.selectionBox && this._core.store.state.selectionBox.width === 0 && this._core.store.state.selectionBox.height === 0;
     }
     get isSelectionDrag() {
-        return this._store.state.selectionBox && (this._store.state.selectionBox.width > 0 || this._store.state.selectionBox.height > 0);
+        return this._core.store.state.selectionBox && (this._core.store.state.selectionBox.width > 0 || this._core.store.state.selectionBox.height > 0);
     }
-    constructor(store) {
-        super(store);
+    constructor(core) {
+        super(core);
     }
     handlePointerDown(event) {
         if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event) && !this._store.state.selectionGroup) {
+            if (KritzelEventHelper.isLeftClick(event) && !this._core.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) {
+                if (this._core.store.state.pointers.size === 1 && !this._core.store.state.isScaling && !this._core.store.state.selectionGroup) {
                     this.startTouchSelection();
                     this.updateTouchSelection();
                 }
@@ -35,30 +35,30 @@ export class KritzelSelectionHandler extends KritzelBaseHandler {
     }
     handlePointerMove(event) {
         if (event.pointerType === 'mouse') {
-            if (this._store.state.isSelecting) {
+            if (this._core.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 activePointers = Array.from(this._core.store.state.pointers.values());
+            const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
+            const y = Math.round(activePointers[0].clientY - this._core.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) {
+            if ((moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) && this._core.store.state.isSelecting) {
                 this.updateTouchSelection();
-                clearTimeout(this._store.state.longTouchTimeout);
+                clearTimeout(this._core.store.state.longTouchTimeout);
             }
         }
     }
     handlePointerUp(event) {
         if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event) && this._store.state.isSelecting) {
+            if (KritzelEventHelper.isLeftClick(event) && this._core.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));
+                    const x = this._core.store.state.pointerX;
+                    const y = this._core.store.state.pointerY;
+                    const selectedObject = this._core.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));
                     this.addObjectToSelectionGroup(selectedObject);
                     this.removeSelectionBox();
                 }
@@ -71,11 +71,11 @@ export class KritzelSelectionHandler extends KritzelBaseHandler {
         }
         if (event.pointerType === 'touch') {
             clearTimeout(this.touchStartTimeout);
-            if (this._store.state.isSelecting) {
+            if (this._core.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));
+                    const x = this._core.store.state.pointerX;
+                    const y = this._core.store.state.pointerY;
+                    const selectedObject = this._core.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));
                     this.addObjectToSelectionGroup(selectedObject);
                     this.removeSelectionBox();
                 }
@@ -84,82 +84,80 @@ export class KritzelSelectionHandler extends KritzelBaseHandler {
                     this.addSelectedObjectsToSelectionGroup();
                     this.removeSelectionBox();
                 }
-                this._store.state.skipContextMenu = false;
+                this._core.store.setState('skipContextMenu', false);
             }
         }
     }
     removeSelectionBox() {
-        this._store.state.selectionBox = null;
-        this._store.state.isSelecting = false;
-        this._store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox);
-        this._store.rerender();
+        this._core.store.setState('selectionBox', null);
+        this._core.store.setState('isSelecting', false);
+        this._core.store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox);
     }
     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;
+        clientX = event.clientX - this._core.store.offsetX;
+        clientY = event.clientY - this._core.store.offsetY;
+        const selectionBox = KrtizelSelectionBox.create(this._core);
+        this.startX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+        this.startY = (clientY - this._core.store.state.translateY) / this._core.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.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._store.state.objectsMap.insert(selectionBox);
+        this._core.store.setState('selectionGroup', null);
+        this._core.store.setState('selectionBox', selectionBox);
+        this._core.store.setState('isSelecting', true);
+        this._core.store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._core.store.state.objectsMap.insert(selectionBox);
     }
     startTouchSelection() {
-        const activePointers = Array.from(this._store.state.pointers.values());
+        const activePointers = Array.from(this._core.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);
+        clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+        clientY = Math.round(firstTouch.clientY - this._core.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;
+        const selectionBox = KrtizelSelectionBox.create(this._core);
+        this.startX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
+        this.startY = (clientY - this._core.store.state.translateY) / this._core.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.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._store.state.objectsMap.insert(selectionBox);
+        this._core.store.setState('selectionGroup', null);
+        this._core.store.setState('selectionBox', selectionBox);
+        this._core.store.setState('isSelecting', true);
+        this._core.store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._core.store.state.objectsMap.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;
+        clientX = event.clientX - this._core.store.offsetX;
+        clientY = event.clientY - this._core.store.offsetY;
+        const selectionBox = this._core.store.state.selectionBox;
         if (selectionBox) {
-            const currentX = (clientX - this._store.state.translateX) / selectionBox.scale;
-            const currentY = (clientY - this._store.state.translateY) / selectionBox.scale;
+            const currentX = (clientX - this._core.store.state.translateX) / selectionBox.scale;
+            const currentY = (clientY - this._core.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 activePointers = Array.from(this._core.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;
+        clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);
+        clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);
+        const selectionBox = this._core.store.state.selectionBox;
         if (selectionBox) {
-            const currentX = (clientX - this._store.state.translateX) / selectionBox.scale;
-            const currentY = (clientY - this._store.state.translateY) / selectionBox.scale;
+            const currentX = (clientX - this._core.store.state.translateX) / selectionBox.scale;
+            const currentY = (clientY - this._core.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);
@@ -168,35 +166,38 @@ export class KritzelSelectionHandler extends KritzelBaseHandler {
         }
     }
     updateSelectedObjects() {
-        this._store.allObjects
+        this._core.store.allObjects
             .filter(o => !(o instanceof KrtizelSelectionBox))
-            .forEach(object => (object.isSelected = object.hitTestPolygon(this._store.state.selectionBox.rotatedPolygon)));
+            .forEach(object => (object.isSelected = object.hitTestPolygon(this._core.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));
+        const selectionGroup = KritzelSelectionGroup.create(this._core);
+        selectionGroup.addOrRemove(object);
+        selectionGroup.isSelected = true;
+        selectionGroup.rotation = object.rotation;
+        this._core.store.setState('selectionGroup', selectionGroup);
+        this._core.history.executeCommand(new AddSelectionGroupCommand(this._core, this, this._core.store.state.selectionGroup));
     }
     addSelectedObjectsToSelectionGroup() {
-        const selectedObjects = this._store.selectedObjects;
+        const selectedObjects = this._core.store.selectedObjects;
         if (selectedObjects.length === 0) {
             return;
         }
-        this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);
+        this._core.store.setState('selectionGroup', KritzelSelectionGroup.create(this._core));
         selectedObjects.forEach(o => {
             o.isSelected = false;
-            this._store.state.selectionGroup.addOrRemove(o);
+            this._core.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;
+        const selectionGroup = this._core.store.state.selectionGroup;
+        selectionGroup.isSelected = true;
+        if (selectionGroup.length === 1) {
+            selectionGroup.rotation = selectionGroup.objects[0].rotation;
         }
-        this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));
+        this._core.store.setState('selectionGroup', selectionGroup);
+        this._core.history.executeCommand(new AddSelectionGroupCommand(this._core, this, this._core.store.state.selectionGroup));
     }
 }
 //# sourceMappingURL=selection.handler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"selection.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/selection.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelStore } from '../store.class';\r\nimport { AddSelectionGroupCommand } from '../commands/add-selection-group.command';\r\nimport { KrtizelSelectionBox } from '../objects/selection-box.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelBaseObject } from '../objects/base-object.class';\r\n\r\nexport class KritzelSelectionHandler extends KritzelBaseHandler {\r\n  startX: number;\r\n  startY: number;\r\n\r\n  touchStartX: number = 0;\r\n  touchStartY: number = 0;\r\n\r\n  touchStartTimeout: any = null;\r\n\r\n  get isSelectionClick() {\r\n    return this._store.state.selectionBox && this._store.state.selectionBox.width === 0 && this._store.state.selectionBox.height === 0;\r\n  }\r\n\r\n  get isSelectionDrag() {\r\n    return this._store.state.selectionBox && (this._store.state.selectionBox.width > 0 || this._store.state.selectionBox.height > 0);\r\n  }\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) && !this._store.state.selectionGroup) {\r\n        this.startMouseSelection(event);\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      this.touchStartTimeout = setTimeout(() => {\r\n        if (this._store.state.pointers.size === 1 && !this._store.state.isScaling && !this._store.state.selectionGroup) {\r\n          this.startTouchSelection();\r\n          this.updateTouchSelection();\r\n        }\r\n      }, 80);\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._store.state.isSelecting) {\r\n        this.updateMouseSelection(event);\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      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      const moveDeltaX = Math.abs(x - this.touchStartX);\r\n      const moveDeltaY = Math.abs(y - this.touchStartY);\r\n      const moveThreshold = 5;\r\n\r\n      if ((moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) && this._store.state.isSelecting) {\r\n        this.updateTouchSelection();\r\n\r\n        clearTimeout(this._store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event) && this._store.state.isSelecting) {\r\n        if (this.isSelectionClick) {\r\n          const x = this._store.state.pointerX;\r\n          const y = this._store.state.pointerY;\r\n          const selectedObject = this._store.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));\r\n\r\n          this.addObjectToSelectionGroup(selectedObject);\r\n          this.removeSelectionBox();\r\n        }\r\n\r\n        if (this.isSelectionDrag) {\r\n          this.updateMouseSelection(event);\r\n          this.addSelectedObjectsToSelectionGroup();\r\n          this.removeSelectionBox();\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      clearTimeout(this.touchStartTimeout);\r\n\r\n      if (this._store.state.isSelecting) {\r\n        if (this.isSelectionClick) {\r\n          const x = this._store.state.pointerX;\r\n          const y = this._store.state.pointerY;\r\n          const selectedObject = this._store.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));\r\n\r\n          this.addObjectToSelectionGroup(selectedObject);\r\n          this.removeSelectionBox();\r\n        }\r\n\r\n        if (this.isSelectionDrag) {\r\n          this.updateTouchSelection();\r\n          this.addSelectedObjectsToSelectionGroup();\r\n          this.removeSelectionBox();\r\n        }\r\n\r\n        this._store.state.skipContextMenu = false;\r\n      }\r\n    }\r\n  }\r\n\r\n  private removeSelectionBox(): void {\r\n    this._store.state.selectionBox = null;\r\n    this._store.state.isSelecting = false;\r\n    this._store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox);\r\n    this._store.rerender();\r\n  }\r\n\r\n  private startMouseSelection(event: MouseEvent): void {\r\n    let clientX, clientY;\r\n\r\n    clientX = event.clientX - this._store.offsetX;\r\n    clientY = event.clientY - this._store.offsetY;\r\n\r\n    const selectionBox = KrtizelSelectionBox.create(this._store);\r\n\r\n    this.startX = (clientX - this._store.state.translateX) / this._store.state.scale;\r\n    this.startY = (clientY - this._store.state.translateY) / this._store.state.scale;\r\n\r\n    selectionBox.translateX = this.startX;\r\n    selectionBox.translateY = this.startY;\r\n\r\n    this._store.state.selectionGroup = null;\r\n    this._store.state.selectionBox = selectionBox;\r\n    this._store.state.isSelecting = true;\r\n\r\n    this._store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);\r\n    this._store.state.objectsMap.insert(selectionBox);\r\n  }\r\n\r\n  private startTouchSelection(): void {\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    let clientX, clientY;\r\n\r\n    clientX = Math.round(firstTouch.clientX - this._store.offsetX);\r\n    clientY = Math.round(firstTouch.clientY - this._store.offsetY);\r\n    this.touchStartX = clientX;\r\n    this.touchStartY = clientY;\r\n\r\n    const selectionBox = KrtizelSelectionBox.create(this._store);\r\n\r\n    this.startX = (clientX - this._store.state.translateX) / this._store.state.scale;\r\n    this.startY = (clientY - this._store.state.translateY) / this._store.state.scale;\r\n\r\n    selectionBox.translateX = this.startX;\r\n    selectionBox.translateY = this.startY;\r\n\r\n    this._store.state.selectionGroup = null;\r\n    this._store.state.selectionBox = selectionBox;\r\n    this._store.state.isSelecting = true;\r\n\r\n    this._store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);\r\n    this._store.state.objectsMap.insert(selectionBox);\r\n  }\r\n\r\n  private updateMouseSelection(event: MouseEvent): void {\r\n    let clientX, clientY;\r\n\r\n    clientX = event.clientX - this._store.offsetX;\r\n    clientY = event.clientY - this._store.offsetY;\r\n\r\n    const selectionBox = this._store.state.selectionBox;\r\n\r\n    if (selectionBox) {\r\n      const currentX = (clientX - this._store.state.translateX) / selectionBox.scale;\r\n      const currentY = (clientY - this._store.state.translateY) / selectionBox.scale;\r\n\r\n      selectionBox.width = Math.abs(currentX - this.startX) * selectionBox.scale;\r\n      selectionBox.height = Math.abs(currentY - this.startY) * selectionBox.scale;\r\n      selectionBox.translateX = Math.min(currentX, this.startX);\r\n      selectionBox.translateY = Math.min(currentY, this.startY);\r\n\r\n      this.updateSelectedObjects();\r\n\r\n      this._store.rerender();\r\n    }\r\n  }\r\n\r\n  private updateTouchSelection(): void {\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    let clientX, clientY;\r\n\r\n    clientX = Math.round(firstTouch.clientX - this._store.offsetX);\r\n    clientY = Math.round(firstTouch.clientY - this._store.offsetY);\r\n\r\n    const selectionBox = this._store.state.selectionBox;\r\n\r\n    if (selectionBox) {\r\n      const currentX = (clientX - this._store.state.translateX) / selectionBox.scale;\r\n      const currentY = (clientY - this._store.state.translateY) / selectionBox.scale;\r\n\r\n      selectionBox.width = Math.abs(currentX - this.startX) * selectionBox.scale;\r\n      selectionBox.height = Math.abs(currentY - this.startY) * selectionBox.scale;\r\n      selectionBox.translateX = Math.min(currentX, this.startX);\r\n      selectionBox.translateY = Math.min(currentY, this.startY);\r\n\r\n      this.updateSelectedObjects();\r\n    }\r\n  }\r\n\r\n  private updateSelectedObjects(): void {\r\n    this._store.allObjects\r\n      .filter(o => !(o instanceof KrtizelSelectionBox))\r\n      .forEach(object => (object.isSelected = object.hitTestPolygon(this._store.state.selectionBox.rotatedPolygon)));\r\n  }\r\n\r\n  private addObjectToSelectionGroup(object: KritzelBaseObject): void {\r\n    if (!object) {\r\n      return;\r\n    }\r\n\r\n    this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);\r\n    this._store.state.selectionGroup.addOrRemove(object);\r\n    this._store.state.selectionGroup.isSelected = true;\r\n    this._store.state.selectionGroup.rotation = object.rotation;\r\n\r\n    this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));\r\n  }\r\n\r\n  private addSelectedObjectsToSelectionGroup(): void {\r\n    const selectedObjects = this._store.selectedObjects;\r\n\r\n    if (selectedObjects.length === 0) {\r\n      return;\r\n    }\r\n\r\n    this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);\r\n    selectedObjects.forEach(o => {\r\n      o.isSelected = false;\r\n      this._store.state.selectionGroup.addOrRemove(o);\r\n    });\r\n    this._store.state.selectionGroup.isSelected = true;\r\n\r\n    if (this._store.state.selectionGroup.length === 1) {\r\n      this._store.state.selectionGroup.rotation = this._store.state.selectionGroup.objects[0].rotation;\r\n    }\r\n\r\n    this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"selection.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/selection.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { AddSelectionGroupCommand } from '../commands/add-selection-group.command';\r\nimport { KrtizelSelectionBox } from '../objects/selection-box.class';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelBaseObject } from '../objects/base-object.class';\r\nimport { KritzelCore } from '../core/core.class';\r\n\r\nexport class KritzelSelectionHandler extends KritzelBaseHandler {\r\n  startX: number;\r\n  startY: number;\r\n\r\n  touchStartX: number = 0;\r\n  touchStartY: number = 0;\r\n\r\n  touchStartTimeout: any = null;\r\n\r\n  get isSelectionClick() {\r\n    return this._core.store.state.selectionBox && this._core.store.state.selectionBox.width === 0 && this._core.store.state.selectionBox.height === 0;\r\n  }\r\n\r\n  get isSelectionDrag() {\r\n    return this._core.store.state.selectionBox && (this._core.store.state.selectionBox.width > 0 || this._core.store.state.selectionBox.height > 0);\r\n  }\r\n\r\n  constructor(core: KritzelCore) {\r\n    super(core);\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event) && !this._core.store.state.selectionGroup) {\r\n        this.startMouseSelection(event);\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      this.touchStartTimeout = setTimeout(() => {\r\n        if (this._core.store.state.pointers.size === 1 && !this._core.store.state.isScaling && !this._core.store.state.selectionGroup) {\r\n          this.startTouchSelection();\r\n          this.updateTouchSelection();\r\n        }\r\n      }, 80);\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._core.store.state.isSelecting) {\r\n        this.updateMouseSelection(event);\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      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      const moveDeltaX = Math.abs(x - this.touchStartX);\r\n      const moveDeltaY = Math.abs(y - this.touchStartY);\r\n      const moveThreshold = 5;\r\n\r\n      if ((moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) && this._core.store.state.isSelecting) {\r\n        this.updateTouchSelection();\r\n\r\n        clearTimeout(this._core.store.state.longTouchTimeout);\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event) && this._core.store.state.isSelecting) {\r\n        if (this.isSelectionClick) {\r\n          const x = this._core.store.state.pointerX;\r\n          const y = this._core.store.state.pointerY;\r\n          const selectedObject = this._core.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));\r\n\r\n          this.addObjectToSelectionGroup(selectedObject);\r\n          this.removeSelectionBox();\r\n        }\r\n\r\n        if (this.isSelectionDrag) {\r\n          this.updateMouseSelection(event);\r\n          this.addSelectedObjectsToSelectionGroup();\r\n          this.removeSelectionBox();\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      clearTimeout(this.touchStartTimeout);\r\n\r\n      if (this._core.store.state.isSelecting) {\r\n        if (this.isSelectionClick) {\r\n          const x = this._core.store.state.pointerX;\r\n          const y = this._core.store.state.pointerY;\r\n          const selectedObject = this._core.getObjectsFromPointerEvent(event, '.object').find(obj => obj.hitTest(x, y));\r\n\r\n          this.addObjectToSelectionGroup(selectedObject);\r\n          this.removeSelectionBox();\r\n        }\r\n\r\n        if (this.isSelectionDrag) {\r\n          this.updateTouchSelection();\r\n          this.addSelectedObjectsToSelectionGroup();\r\n          this.removeSelectionBox();\r\n        }\r\n\r\n        this._core.store.setState('skipContextMenu', false);\r\n      }\r\n    }\r\n  }\r\n\r\n  private removeSelectionBox(): void {\r\n    this._core.store.setState('selectionBox', null);\r\n    this._core.store.setState('isSelecting', false);\r\n    this._core.store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox);\r\n  }\r\n\r\n  private startMouseSelection(event: MouseEvent): void {\r\n    let clientX, clientY;\r\n\r\n    clientX = event.clientX - this._core.store.offsetX;\r\n    clientY = event.clientY - this._core.store.offsetY;\r\n\r\n    const selectionBox = KrtizelSelectionBox.create(this._core);\r\n\r\n    this.startX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n    this.startY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n    selectionBox.translateX = this.startX;\r\n    selectionBox.translateY = this.startY;\r\n\r\n    this._core.store.setState('selectionGroup', null);\r\n    this._core.store.setState('selectionBox', selectionBox);\r\n    this._core.store.setState('isSelecting', true);\r\n\r\n    this._core.store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);\r\n    this._core.store.state.objectsMap.insert(selectionBox);\r\n  }\r\n\r\n  private startTouchSelection(): void {\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    let clientX, clientY;\r\n\r\n    clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);\r\n    clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);\r\n    this.touchStartX = clientX;\r\n    this.touchStartY = clientY;\r\n\r\n    const selectionBox = KrtizelSelectionBox.create(this._core);\r\n\r\n    this.startX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;\r\n    this.startY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n    selectionBox.translateX = this.startX;\r\n    selectionBox.translateY = this.startY;\r\n\r\n    this._core.store.setState('selectionGroup', null);\r\n    this._core.store.setState('selectionBox', selectionBox);\r\n    this._core.store.setState('isSelecting', true);\r\n\r\n    this._core.store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);\r\n    this._core.store.state.objectsMap.insert(selectionBox);\r\n  }\r\n\r\n  private updateMouseSelection(event: MouseEvent): void {\r\n    let clientX, clientY;\r\n\r\n    clientX = event.clientX - this._core.store.offsetX;\r\n    clientY = event.clientY - this._core.store.offsetY;\r\n\r\n    const selectionBox = this._core.store.state.selectionBox;\r\n\r\n    if (selectionBox) {\r\n      const currentX = (clientX - this._core.store.state.translateX) / selectionBox.scale;\r\n      const currentY = (clientY - this._core.store.state.translateY) / selectionBox.scale;\r\n\r\n      selectionBox.width = Math.abs(currentX - this.startX) * selectionBox.scale;\r\n      selectionBox.height = Math.abs(currentY - this.startY) * selectionBox.scale;\r\n      selectionBox.translateX = Math.min(currentX, this.startX);\r\n      selectionBox.translateY = Math.min(currentY, this.startY);\r\n\r\n      this.updateSelectedObjects();\r\n    }\r\n  }\r\n\r\n  private updateTouchSelection(): void {\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    let clientX, clientY;\r\n\r\n    clientX = Math.round(firstTouch.clientX - this._core.store.offsetX);\r\n    clientY = Math.round(firstTouch.clientY - this._core.store.offsetY);\r\n\r\n    const selectionBox = this._core.store.state.selectionBox;\r\n\r\n    if (selectionBox) {\r\n      const currentX = (clientX - this._core.store.state.translateX) / selectionBox.scale;\r\n      const currentY = (clientY - this._core.store.state.translateY) / selectionBox.scale;\r\n\r\n      selectionBox.width = Math.abs(currentX - this.startX) * selectionBox.scale;\r\n      selectionBox.height = Math.abs(currentY - this.startY) * selectionBox.scale;\r\n      selectionBox.translateX = Math.min(currentX, this.startX);\r\n      selectionBox.translateY = Math.min(currentY, this.startY);\r\n\r\n      this.updateSelectedObjects();\r\n    }\r\n  }\r\n\r\n  private updateSelectedObjects(): void {\r\n    this._core.store.allObjects\r\n      .filter(o => !(o instanceof KrtizelSelectionBox))\r\n      .forEach(object => (object.isSelected = object.hitTestPolygon(this._core.store.state.selectionBox.rotatedPolygon)));\r\n  }\r\n\r\n  private addObjectToSelectionGroup(object: KritzelBaseObject): void {\r\n    if (!object) {\r\n      return;\r\n    }\r\n\r\n    const selectionGroup = KritzelSelectionGroup.create(this._core);\r\n    selectionGroup.addOrRemove(object);\r\n    selectionGroup.isSelected = true;\r\n    selectionGroup.rotation = object.rotation;\r\n\r\n    this._core.store.setState('selectionGroup', selectionGroup);\r\n\r\n    this._core.history.executeCommand(new AddSelectionGroupCommand(this._core, this, this._core.store.state.selectionGroup));\r\n  }\r\n\r\n  private addSelectedObjectsToSelectionGroup(): void {\r\n    const selectedObjects = this._core.store.selectedObjects;\r\n\r\n    if (selectedObjects.length === 0) {\r\n      return;\r\n    }\r\n\r\n    this._core.store.setState('selectionGroup', KritzelSelectionGroup.create(this._core));\r\n    selectedObjects.forEach(o => {\r\n      o.isSelected = false;\r\n      this._core.store.state.selectionGroup.addOrRemove(o);\r\n    });\r\n\r\n    const selectionGroup = this._core.store.state.selectionGroup;\r\n    selectionGroup.isSelected = true;\r\n\r\n    if (selectionGroup.length === 1) {\r\n      selectionGroup.rotation = selectionGroup.objects[0].rotation;\r\n    }\r\n\r\n    this._core.store.setState('selectionGroup', selectionGroup);\r\n\r\n    this._core.history.executeCommand(new AddSelectionGroupCommand(this._core, this, this._core.store.state.selectionGroup));\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/objects/base-object.class.js

@@ -2,7 +2,7 @@ import { ObjectHelper } from "../../helpers/object.helper";
 import { KritzelGeometryHelper } from "../../helpers/geometry.helper";
 export class KritzelBaseObject {
     __class__ = 'KritzelBaseObject';
-    _store;
+    _core;
     _elementRef;
     id;
     workspaceId;
@@ -116,11 +116,11 @@ export class KritzelBaseObject {
     constructor() {
         this.id = this.generateId();
     }
-    static create(store) {
+    static create(core) {
         const object = new KritzelBaseObject();
-        object._store = store;
-        object.zIndex = store.currentZIndex;
-        object.workspaceId = store.state.activeWorkspace.id;
+        object._core = core;
+        object.zIndex = core.store.currentZIndex;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         return object;
     }
     mount(element) {
@@ -147,11 +147,11 @@ export class KritzelBaseObject {
     }
     isInViewport() {
         const viewportBounds = {
-            x: -this._store.state.translateX / this._store.state.scale,
-            y: -this._store.state.translateY / this._store.state.scale,
-            z: this._store.state.scale,
-            width: this._store.state.viewportWidth / this._store.state.scale,
-            height: this._store.state.viewportHeight / this._store.state.scale,
+            x: -this._core.store.state.translateX / this._core.store.state.scale,
+            y: -this._core.store.state.translateY / this._core.store.state.scale,
+            z: this._core.store.state.scale,
+            width: this._core.store.state.viewportWidth / this._core.store.state.scale,
+            height: this._core.store.state.viewportHeight / this._core.store.state.scale,
             depth: 100,
         };
         return (this.boundingBox.x < viewportBounds.x + viewportBounds.width &&
@@ -160,13 +160,13 @@ export class KritzelBaseObject {
             this.boundingBox.y + this.boundingBox.height > viewportBounds.y);
     }
     centerInViewport() {
-        const scale = this._store.state.scale;
-        this.translateX = (this._store.state.viewportWidth / 2 - this.totalWidth / 2 - this._store.state.translateX) / scale;
-        this.translateY = (this._store.state.viewportHeight / 2 - this.totalHeight / 2 - this._store.state.translateY) / scale;
+        const scale = this._core.store.state.scale;
+        this.translateX = (this._core.store.state.viewportWidth / 2 - this.totalWidth / 2 - this._core.store.state.translateX) / scale;
+        this.translateY = (this._core.store.state.viewportHeight / 2 - this.totalHeight / 2 - this._core.store.state.translateY) / scale;
     }
     move(startX, startY, endX, endY) {
-        const deltaX = (startX - endX) / this._store.state.scale;
-        const deltaY = (startY - endY) / this._store.state.scale;
+        const deltaX = (startX - endX) / this._core.store.state.scale;
+        const deltaY = (startY - endY) / this._core.store.state.scale;
         this.translateX += deltaX;
         this.translateY += deltaY;
     }
@@ -182,6 +182,11 @@ export class KritzelBaseObject {
     rotate(value) {
         this.rotation = value;
     }
+    clone() {
+        const clone = new KritzelBaseObject();
+        Object.assign(clone, this);
+        return clone;
+    }
     copy() {
         const copiedObject = Object.create(Object.getPrototypeOf(this));
         Object.assign(copiedObject, this);
@@ -192,7 +197,15 @@ export class KritzelBaseObject {
     onSelectedClick() {
         // This method can be overridden by subclasses to handle click events when the object is selected.
     }
-    revive(object) {
+    serialize() {
+        const { _core, _elementRef, element, totalWidth, totalHeight, ...remainingProps } = this;
+        const clonedProps = structuredClone(remainingProps);
+        if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {
+            clonedProps.element = element.cloneNode(true);
+        }
+        return clonedProps;
+    }
+    deserialize(object) {
         Object.assign(this, object);
         return this;
     }
@@ -212,7 +225,7 @@ export class KritzelBaseObject {
     updatePosition(x, y) {
         this.translateX = x;
         this.translateY = y;
-        this._store.state.objectsMap.update(this);
+        this._core.store.state.objectsMap.update(this);
     }
 }
 //# sourceMappingURL=base-object.class.js.map

package/dist/collection/classes/objects/base-object.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-object.class.js","sourceRoot":"","sources":["../../../src/classes/objects/base-object.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelBoundingBox } from '../../interfaces/bounding-box.interface';\r\nimport { KritzelObject } from '../../interfaces/object.interface';\r\nimport { KritzelPolygon } from '../../interfaces/polygon.interface';\r\nimport { KritzelSerializable } from '../../interfaces/serializable.interface';\r\nimport { KritzelStore } from '../store.class';\r\nimport { ObjectHelper } from '../../helpers/object.helper';\r\nimport { KritzelGeometryHelper } from '../../helpers/geometry.helper';\r\n\r\nexport class KritzelBaseObject<T extends Element = HTMLElement | SVGElement> implements KritzelObject<T>, KritzelSerializable {\r\n  __class__: string = 'KritzelBaseObject';\r\n\r\n  _store: KritzelStore;\r\n  _elementRef: T;\r\n\r\n  id: string;\r\n  workspaceId: string;\r\n  x: number;\r\n  y: number;\r\n  translateX: number;\r\n  translateY: number;\r\n  height: number;\r\n  width: number;\r\n  backgroundColor: string;\r\n  borderColor: string;\r\n  borderWidth: number = 0;\r\n  opacity: number = 1;\r\n  padding: number = 0;\r\n  scale: number;\r\n  resizing: boolean = false;\r\n  rotation: number = 0;\r\n  markedForRemoval: boolean = false;\r\n  zIndex: number = 0;\r\n\r\n  isVisible: boolean = true;\r\n  isSelected: boolean = false;\r\n  isHovered: boolean = false;\r\n  isMounted: boolean = false;\r\n  isEditable: boolean = false;\r\n  isInteractive: boolean = false;\r\n  isDebugInfoVisible: boolean = false;\r\n\r\n  get totalWidth(): number {\r\n    return this.width + this.padding * 2;\r\n  }\r\n\r\n  get totalHeight(): number {\r\n    return this.height + this.padding * 2;\r\n  }\r\n\r\n  set elementRef(element: T) {\r\n    this._elementRef = element;\r\n  }\r\n\r\n  get elementRef(): T {\r\n    return this._elementRef;\r\n  }\r\n\r\n  get boundingBox(): KritzelBoundingBox {\r\n    return {\r\n      x: this.translateX,\r\n      y: this.translateY,\r\n      z: this.scale,\r\n      width: this.totalWidth / this.scale,\r\n      height: this.totalHeight / this.scale,\r\n      depth: 0,\r\n    };\r\n  }\r\n\r\n  get rotatedBoundingBox(): KritzelBoundingBox {\r\n    return {\r\n      x: this.minXRotated,\r\n      y: this.minYRotated,\r\n      z: this.scale,\r\n      width: this.maxXRotated - this.minXRotated,\r\n      height: this.maxYRotated - this.minYRotated,\r\n      depth: 0,\r\n    };\r\n  }\r\n\r\n  get rotatedPolygon(): KritzelPolygon {\r\n    const cx = this.translateX + this.totalWidth / 2 / this.scale;\r\n    const cy = this.translateY + this.totalHeight / 2 / this.scale;\r\n    const angle = this.rotation;\r\n\r\n    const adjustedWidth = this.totalWidth / this.scale;\r\n    const adjustedHeight = this.totalHeight / this.scale;\r\n\r\n    const corners = {\r\n      topLeft: { x: this.translateX, y: this.translateY },\r\n      topRight: { x: this.translateX + adjustedWidth, y: this.translateY },\r\n      bottomRight: { x: this.translateX + adjustedWidth, y: this.translateY + adjustedHeight },\r\n      bottomLeft: { x: this.translateX, y: this.translateY + adjustedHeight },\r\n    };\r\n\r\n    const rotatedCorners = Object.keys(corners).reduce((acc, key) => {\r\n      const corner = corners[key];\r\n      const rotatedX = Math.cos(angle) * (corner.x - cx) - Math.sin(angle) * (corner.y - cy) + cx;\r\n      const rotatedY = Math.sin(angle) * (corner.x - cx) + Math.cos(angle) * (corner.y - cy) + cy;\r\n      acc[key] = { x: rotatedX, y: rotatedY };\r\n      return acc;\r\n    }, {});\r\n\r\n    return rotatedCorners as KritzelPolygon;\r\n  }\r\n\r\n  get minXRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.x, this.rotatedPolygon.topRight.x, this.rotatedPolygon.bottomRight.x, this.rotatedPolygon.bottomLeft.x];\r\n\r\n    return Math.min(...corners);\r\n  }\r\n\r\n  get minYRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.y, this.rotatedPolygon.topRight.y, this.rotatedPolygon.bottomRight.y, this.rotatedPolygon.bottomLeft.y];\r\n\r\n    return Math.min(...corners);\r\n  }\r\n\r\n  get maxXRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.x, this.rotatedPolygon.topRight.x, this.rotatedPolygon.bottomRight.x, this.rotatedPolygon.bottomLeft.x];\r\n\r\n    return Math.max(...corners);\r\n  }\r\n\r\n  get maxYRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.y, this.rotatedPolygon.topRight.y, this.rotatedPolygon.bottomRight.y, this.rotatedPolygon.bottomLeft.y];\r\n\r\n    return Math.max(...corners);\r\n  }\r\n\r\n  get transformationMatrix(): string {\r\n    const scale = 1 / this.scale;\r\n    const translateX = this.translateX;\r\n    const translateY = this.translateY;\r\n\r\n    return `matrix(${scale}, 0, 0, ${scale}, ${translateX}, ${translateY})`;\r\n  }\r\n\r\n  get rotationDegrees(): number {\r\n    return this.rotation * (180 / Math.PI);\r\n  }\r\n\r\n  get centerX(): number {\r\n    return this.translateX + this.totalWidth / 2;\r\n  }\r\n\r\n  get centerY(): number {\r\n    return this.translateY + this.totalHeight / 2;\r\n  }\r\n\r\n  constructor() {\r\n    this.id = this.generateId();\r\n  }\r\n\r\n  static create(store: KritzelStore): KritzelBaseObject<Element> {\r\n    const object = new KritzelBaseObject();\r\n\r\n    object._store = store;\r\n    object.zIndex = store.currentZIndex;\r\n    object.workspaceId = store.state.activeWorkspace.id;\r\n\r\n    return object;\r\n  }\r\n\r\n  mount(element: T): void {\r\n    if (this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.elementRef = element;\r\n    this.isMounted = true;\r\n  }\r\n\r\n  unmount(): void {\r\n    if (!this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.isMounted = false;\r\n  }\r\n\r\n  remount(): void {\r\n    if (!this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.isMounted = false;\r\n  }\r\n\r\n  generateId(): string {\r\n    return ObjectHelper.generateUUID();\r\n  }\r\n\r\n  isInViewport(): boolean {\r\n    const viewportBounds: KritzelBoundingBox = {\r\n      x: -this._store.state.translateX / this._store.state.scale,\r\n      y: -this._store.state.translateY / this._store.state.scale,\r\n      z: this._store.state.scale,\r\n      width: this._store.state.viewportWidth / this._store.state.scale,\r\n      height: this._store.state.viewportHeight / this._store.state.scale,\r\n      depth: 100,\r\n    };\r\n\r\n    return (\r\n      this.boundingBox.x < viewportBounds.x + viewportBounds.width &&\r\n      this.boundingBox.x + this.boundingBox.width > viewportBounds.x &&\r\n      this.boundingBox.y < viewportBounds.y + viewportBounds.height &&\r\n      this.boundingBox.y + this.boundingBox.height > viewportBounds.y\r\n    );\r\n  }\r\n\r\n  centerInViewport(): void {\r\n    const scale = this._store.state.scale;\r\n    this.translateX = (this._store.state.viewportWidth / 2 - this.totalWidth / 2 - this._store.state.translateX) / scale;\r\n    this.translateY = (this._store.state.viewportHeight / 2 - this.totalHeight / 2 - this._store.state.translateY) / scale;\r\n  }\r\n\r\n  move(startX: number, startY: number, endX: number, endY: number): void {\r\n    const deltaX = (startX - endX) / this._store.state.scale;\r\n    const deltaY = (startY - endY) / this._store.state.scale;\r\n\r\n    this.translateX += deltaX;\r\n    this.translateY += deltaY;\r\n  }\r\n\r\n  resize(x: number, y: number, width: number, height: number): void {\r\n    if (width <= 1 || height <= 1) {\r\n      return;\r\n    }\r\n\r\n    this.width = width;\r\n    this.height = height;\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n  }\r\n\r\n  rotate(value: number): void {\r\n    this.rotation = value;\r\n  }\r\n\r\n  copy(): KritzelBaseObject<T> {\r\n    const copiedObject: KritzelBaseObject<T> = Object.create(Object.getPrototypeOf(this));\r\n    Object.assign(copiedObject, this);\r\n    copiedObject.id = this.generateId();\r\n    copiedObject.isMounted = false;\r\n    return copiedObject;\r\n  }\r\n\r\n  onSelectedClick(): void {\r\n    // This method can be overridden by subclasses to handle click events when the object is selected.\r\n  }\r\n\r\n  revive(object: any): KritzelBaseObject<T> {\r\n    Object.assign(this, object);\r\n    return this;\r\n  }\r\n\r\n  isClass<T extends KritzelBaseObject>(this: T, className: string): this is T {\r\n    return this.__class__ === className;\r\n  }\r\n\r\n  edit(): void {\r\n    // This method can be overridden by subclasses to handle edit actions.\r\n  }\r\n\r\n  hitTest(_x: number, _y: number): boolean {\r\n    return true; // Default implementation, can be overridden by subclasses\r\n  }\r\n\r\n  hitTestPolygon(polygon: KritzelPolygon): boolean {\r\n    const objectPolygon = this.rotatedPolygon;\r\n    return KritzelGeometryHelper.doPolygonsIntersect(objectPolygon, polygon);\r\n  }\r\n\r\n  updatePosition(x: number, y: number): void {\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n    this._store.state.objectsMap.update(this);\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"base-object.class.js","sourceRoot":"","sources":["../../../src/classes/objects/base-object.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelBoundingBox } from '../../interfaces/bounding-box.interface';\r\nimport { KritzelObject } from '../../interfaces/object.interface';\r\nimport { KritzelPolygon } from '../../interfaces/polygon.interface';\r\nimport { KritzelSerializable } from '../../interfaces/serializable.interface';\r\nimport { ObjectHelper } from '../../helpers/object.helper';\r\nimport { KritzelGeometryHelper } from '../../helpers/geometry.helper';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelClonable } from '../../interfaces/clonable.interface';\r\n\r\nexport class KritzelBaseObject<T extends Element = HTMLElement | SVGElement> implements KritzelObject<T>, KritzelSerializable, KritzelClonable<KritzelBaseObject<T>> {\r\n  __class__: string = 'KritzelBaseObject';\r\n\r\n  _core: KritzelCore;\r\n  _elementRef: T;\r\n\r\n  id: string;\r\n  workspaceId: string;\r\n  x: number;\r\n  y: number;\r\n  translateX: number;\r\n  translateY: number;\r\n  height: number;\r\n  width: number;\r\n  backgroundColor: string;\r\n  borderColor: string;\r\n  borderWidth: number = 0;\r\n  opacity: number = 1;\r\n  padding: number = 0;\r\n  scale: number;\r\n  resizing: boolean = false;\r\n  rotation: number = 0;\r\n  markedForRemoval: boolean = false;\r\n  zIndex: number = 0;\r\n\r\n  isVisible: boolean = true;\r\n  isSelected: boolean = false;\r\n  isHovered: boolean = false;\r\n  isMounted: boolean = false;\r\n  isEditable: boolean = false;\r\n  isInteractive: boolean = false;\r\n  isDebugInfoVisible: boolean = false;\r\n\r\n  get totalWidth(): number {\r\n    return this.width + this.padding * 2;\r\n  }\r\n\r\n  get totalHeight(): number {\r\n    return this.height + this.padding * 2;\r\n  }\r\n\r\n  set elementRef(element: T) {\r\n    this._elementRef = element;\r\n  }\r\n\r\n  get elementRef(): T {\r\n    return this._elementRef;\r\n  }\r\n\r\n  get boundingBox(): KritzelBoundingBox {\r\n    return {\r\n      x: this.translateX,\r\n      y: this.translateY,\r\n      z: this.scale,\r\n      width: this.totalWidth / this.scale,\r\n      height: this.totalHeight / this.scale,\r\n      depth: 0,\r\n    };\r\n  }\r\n\r\n  get rotatedBoundingBox(): KritzelBoundingBox {\r\n    return {\r\n      x: this.minXRotated,\r\n      y: this.minYRotated,\r\n      z: this.scale,\r\n      width: this.maxXRotated - this.minXRotated,\r\n      height: this.maxYRotated - this.minYRotated,\r\n      depth: 0,\r\n    };\r\n  }\r\n\r\n  get rotatedPolygon(): KritzelPolygon {\r\n    const cx = this.translateX + this.totalWidth / 2 / this.scale;\r\n    const cy = this.translateY + this.totalHeight / 2 / this.scale;\r\n    const angle = this.rotation;\r\n\r\n    const adjustedWidth = this.totalWidth / this.scale;\r\n    const adjustedHeight = this.totalHeight / this.scale;\r\n\r\n    const corners = {\r\n      topLeft: { x: this.translateX, y: this.translateY },\r\n      topRight: { x: this.translateX + adjustedWidth, y: this.translateY },\r\n      bottomRight: { x: this.translateX + adjustedWidth, y: this.translateY + adjustedHeight },\r\n      bottomLeft: { x: this.translateX, y: this.translateY + adjustedHeight },\r\n    };\r\n\r\n    const rotatedCorners = Object.keys(corners).reduce((acc, key) => {\r\n      const corner = corners[key];\r\n      const rotatedX = Math.cos(angle) * (corner.x - cx) - Math.sin(angle) * (corner.y - cy) + cx;\r\n      const rotatedY = Math.sin(angle) * (corner.x - cx) + Math.cos(angle) * (corner.y - cy) + cy;\r\n      acc[key] = { x: rotatedX, y: rotatedY };\r\n      return acc;\r\n    }, {});\r\n\r\n    return rotatedCorners as KritzelPolygon;\r\n  }\r\n\r\n  get minXRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.x, this.rotatedPolygon.topRight.x, this.rotatedPolygon.bottomRight.x, this.rotatedPolygon.bottomLeft.x];\r\n\r\n    return Math.min(...corners);\r\n  }\r\n\r\n  get minYRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.y, this.rotatedPolygon.topRight.y, this.rotatedPolygon.bottomRight.y, this.rotatedPolygon.bottomLeft.y];\r\n\r\n    return Math.min(...corners);\r\n  }\r\n\r\n  get maxXRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.x, this.rotatedPolygon.topRight.x, this.rotatedPolygon.bottomRight.x, this.rotatedPolygon.bottomLeft.x];\r\n\r\n    return Math.max(...corners);\r\n  }\r\n\r\n  get maxYRotated(): number {\r\n    const corners = [this.rotatedPolygon.topLeft.y, this.rotatedPolygon.topRight.y, this.rotatedPolygon.bottomRight.y, this.rotatedPolygon.bottomLeft.y];\r\n\r\n    return Math.max(...corners);\r\n  }\r\n\r\n  get transformationMatrix(): string {\r\n    const scale = 1 / this.scale;\r\n    const translateX = this.translateX;\r\n    const translateY = this.translateY;\r\n\r\n    return `matrix(${scale}, 0, 0, ${scale}, ${translateX}, ${translateY})`;\r\n  }\r\n\r\n  get rotationDegrees(): number {\r\n    return this.rotation * (180 / Math.PI);\r\n  }\r\n\r\n  get centerX(): number {\r\n    return this.translateX + this.totalWidth / 2;\r\n  }\r\n\r\n  get centerY(): number {\r\n    return this.translateY + this.totalHeight / 2;\r\n  }\r\n\r\n  constructor() {\r\n    this.id = this.generateId();\r\n  }\r\n\r\n  static create(core: KritzelCore): KritzelBaseObject<Element> {\r\n    const object = new KritzelBaseObject();\r\n\r\n    object._core = core;\r\n    object.zIndex = core.store.currentZIndex;\r\n    object.workspaceId = core.store.state.activeWorkspace.id;\r\n\r\n    return object;\r\n  }\r\n\r\n  mount(element: T): void {\r\n    if (this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.elementRef = element;\r\n    this.isMounted = true;\r\n  }\r\n\r\n  unmount(): void {\r\n    if (!this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.isMounted = false;\r\n  }\r\n\r\n  remount(): void {\r\n    if (!this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.isMounted = false;\r\n  }\r\n\r\n  generateId(): string {\r\n    return ObjectHelper.generateUUID();\r\n  }\r\n\r\n  isInViewport(): boolean {\r\n    const viewportBounds: KritzelBoundingBox = {\r\n      x: -this._core.store.state.translateX / this._core.store.state.scale,\r\n      y: -this._core.store.state.translateY / this._core.store.state.scale,\r\n      z: this._core.store.state.scale,\r\n      width: this._core.store.state.viewportWidth / this._core.store.state.scale,\r\n      height: this._core.store.state.viewportHeight / this._core.store.state.scale,\r\n      depth: 100,\r\n    };\r\n\r\n    return (\r\n      this.boundingBox.x < viewportBounds.x + viewportBounds.width &&\r\n      this.boundingBox.x + this.boundingBox.width > viewportBounds.x &&\r\n      this.boundingBox.y < viewportBounds.y + viewportBounds.height &&\r\n      this.boundingBox.y + this.boundingBox.height > viewportBounds.y\r\n    );\r\n  }\r\n\r\n  centerInViewport(): void {\r\n    const scale = this._core.store.state.scale;\r\n    this.translateX = (this._core.store.state.viewportWidth / 2 - this.totalWidth / 2 - this._core.store.state.translateX) / scale;\r\n    this.translateY = (this._core.store.state.viewportHeight / 2 - this.totalHeight / 2 - this._core.store.state.translateY) / scale;\r\n  }\r\n\r\n  move(startX: number, startY: number, endX: number, endY: number): void {\r\n    const deltaX = (startX - endX) / this._core.store.state.scale;\r\n    const deltaY = (startY - endY) / this._core.store.state.scale;\r\n\r\n    this.translateX += deltaX;\r\n    this.translateY += deltaY;\r\n  }\r\n\r\n  resize(x: number, y: number, width: number, height: number): void {\r\n    if (width <= 1 || height <= 1) {\r\n      return;\r\n    }\r\n\r\n    this.width = width;\r\n    this.height = height;\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n  }\r\n\r\n  rotate(value: number): void {\r\n    this.rotation = value;\r\n  }\r\n\r\n  clone(): KritzelBaseObject<T> {\r\n    const clone = new KritzelBaseObject<T>();\r\n    Object.assign(clone, this);\r\n    return clone;\r\n  }\r\n\r\n  copy(): KritzelBaseObject<T> {\r\n    const copiedObject: KritzelBaseObject<T> = Object.create(Object.getPrototypeOf(this));\r\n    Object.assign(copiedObject, this);\r\n    copiedObject.id = this.generateId();\r\n    copiedObject.isMounted = false;\r\n    return copiedObject;\r\n  }\r\n\r\n  onSelectedClick(): void {\r\n    // This method can be overridden by subclasses to handle click events when the object is selected.\r\n  }\r\n\r\n  serialize() {\r\n    const { _core, _elementRef, element, totalWidth, totalHeight, ...remainingProps } = this as any;\r\n\r\n    const clonedProps = structuredClone(remainingProps);\r\n\r\n    if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {\r\n      clonedProps.element = element.cloneNode(true) as HTMLElement;\r\n    }\r\n\r\n    return clonedProps;\r\n  }\r\n\r\n  deserialize(object: any): KritzelBaseObject<T> {\r\n    Object.assign(this, object);\r\n    return this;\r\n  }\r\n\r\n  isClass<T extends KritzelBaseObject>(this: T, className: string): this is T {\r\n    return this.__class__ === className;\r\n  }\r\n\r\n  edit(): void {\r\n    // This method can be overridden by subclasses to handle edit actions.\r\n  }\r\n\r\n  hitTest(_x: number, _y: number): boolean {\r\n    return true; // Default implementation, can be overridden by subclasses\r\n  }\r\n\r\n  hitTestPolygon(polygon: KritzelPolygon): boolean {\r\n    const objectPolygon = this.rotatedPolygon;\r\n    return KritzelGeometryHelper.doPolygonsIntersect(objectPolygon, polygon);\r\n  }\r\n\r\n  updatePosition(x: number, y: number): void {\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n    this._core.store.state.objectsMap.update(this);\r\n  }\r\n\r\n}\r\n"]}

package/dist/collection/classes/objects/custom-element.class.js

@@ -14,11 +14,11 @@ export class KritzelCustomElement extends KritzelBaseObject {
             this.width = config.width || 0;
         }
     }
-    static create(store, config) {
+    static create(core, config) {
         const object = new KritzelCustomElement(config);
-        object._store = store;
+        object._core = core;
         object.id = object.generateId();
-        object.workspaceId = store.state.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         return object;
     }
     mount(element) {

package/dist/collection/classes/objects/custom-element.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-element.class.js","sourceRoot":"","sources":["../../../src/classes/objects/custom-element.class.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,OAAO,oBAAqB,SAAQ,iBAA8B;IAC7D,SAAS,GAAW,sBAAsB,CAAC;IAEpD,OAAO,CAAc;IAErB,aAAa,GAAY,IAAI,CAAC;IAE9B,YAAY,MAA4H;QACtI,KAAK,EAAE,CAAC;QAER,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;YAC/B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC9B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;YACjC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,MAAM,CAAU,MAAM,CAAC,KAAmB,EAAE,MAO3C;QACC,MAAM,MAAM,GAAG,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAEhD,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAA;QAGnD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEQ,KAAK,CAAC,OAAoB;QACjC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC;IAEQ,MAAM,CAAC,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc;QACjE,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QAEpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;YACxC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;QAC5C,CAAC;IACH,CAAC;IAEQ,IAAI;QACX,MAAM,YAAY,GAAyB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAClC,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACpC,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;QACnE,OAAO,YAAY,CAAC;IACtB,CAAC;CAEF","sourcesContent":["import { KritzelStore } from '../store.class';\r\nimport { KritzelBaseObject } from './base-object.class';\r\n\r\nexport class KritzelCustomElement extends KritzelBaseObject<HTMLElement> {\r\n  override __class__: string = 'KritzelCustomElement';\r\n\r\n  element: HTMLElement;\r\n\r\n  isInteractive: boolean = true;\r\n\r\n  constructor(config?: { element: HTMLElement; translateX?: number; translateY?: number; scale?: number, height?: number; width?: number }) {\r\n    super();\r\n\r\n    if (config) {\r\n      this.translateX = config.translateX || 0;\r\n      this.translateY = config.translateY || 0;\r\n      this.scale = config.scale || 1;\r\n      this.element = config.element;\r\n      this.height = config.height || 0;\r\n      this.width = config.width || 0;\r\n    }\r\n  }\r\n\r\n  static override create(store: KritzelStore, config?: {\r\n    element: HTMLElement;\r\n    translateX?: number;\r\n    translateY?: number;\r\n    scale?: number;\r\n    height?: number;\r\n    width?: number;\r\n  }): KritzelBaseObject<Element> {\r\n    const object = new KritzelCustomElement(config);\r\n\r\n    object._store = store;\r\n    object.id = object.generateId();\r\n    object.workspaceId = store.state.activeWorkspace.id\r\n\r\n\r\n    return object;\r\n  }\r\n\r\n  override mount(element: HTMLElement): void {\r\n    if (this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.elementRef = element;\r\n    this.isMounted = true;\r\n    this.elementRef.appendChild(this.element);\r\n  }\r\n\r\n  override resize(x: number, y: number, width: number, height: number): void {\r\n    if (width <= 1 || height <= 1) {\r\n      return;\r\n    }\r\n\r\n    this.width = width;\r\n    this.height = height;\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n\r\n    if (this.element) {\r\n      this.element.style.width = `${width}px`;\r\n      this.element.style.height = `${height}px`;\r\n    }\r\n  }\r\n\r\n  override copy(): KritzelCustomElement {\r\n    const copiedObject: KritzelCustomElement = Object.create(Object.getPrototypeOf(this));\r\n    Object.assign(copiedObject, this);\r\n    copiedObject.id = this.generateId();\r\n    copiedObject.isMounted = false;\r\n    copiedObject.element = this.element.cloneNode(true) as HTMLElement;\r\n    return copiedObject;\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"custom-element.class.js","sourceRoot":"","sources":["../../../src/classes/objects/custom-element.class.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,OAAO,oBAAqB,SAAQ,iBAA8B;IAC7D,SAAS,GAAW,sBAAsB,CAAC;IAEpD,OAAO,CAAc;IAErB,aAAa,GAAY,IAAI,CAAC;IAE9B,YAAY,MAA4H;QACtI,KAAK,EAAE,CAAC;QAER,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;YAC/B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;YAC9B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;YACjC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,MAAM,CAAU,MAAM,CAAC,IAAiB,EAAE,MAOzC;QACC,MAAM,MAAM,GAAG,IAAI,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAEhD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAA;QAGxD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEQ,KAAK,CAAC,OAAoB;QACjC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC;IAEQ,MAAM,CAAC,CAAS,EAAE,CAAS,EAAE,KAAa,EAAE,MAAc;QACjE,IAAI,KAAK,IAAI,CAAC,IAAI,MAAM,IAAI,CAAC,EAAE,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QAEpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;YACxC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;QAC5C,CAAC;IACH,CAAC;IAEQ,IAAI;QACX,MAAM,YAAY,GAAyB,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QACtF,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAClC,YAAY,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACpC,YAAY,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAgB,CAAC;QACnE,OAAO,YAAY,CAAC;IACtB,CAAC;CAEF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseObject } from './base-object.class';\r\n\r\nexport class KritzelCustomElement extends KritzelBaseObject<HTMLElement> {\r\n  override __class__: string = 'KritzelCustomElement';\r\n\r\n  element: HTMLElement;\r\n\r\n  isInteractive: boolean = true;\r\n\r\n  constructor(config?: { element: HTMLElement; translateX?: number; translateY?: number; scale?: number, height?: number; width?: number }) {\r\n    super();\r\n\r\n    if (config) {\r\n      this.translateX = config.translateX || 0;\r\n      this.translateY = config.translateY || 0;\r\n      this.scale = config.scale || 1;\r\n      this.element = config.element;\r\n      this.height = config.height || 0;\r\n      this.width = config.width || 0;\r\n    }\r\n  }\r\n\r\n  static override create(core: KritzelCore, config?: {\r\n    element: HTMLElement;\r\n    translateX?: number;\r\n    translateY?: number;\r\n    scale?: number;\r\n    height?: number;\r\n    width?: number;\r\n  }): KritzelBaseObject<Element> {\r\n    const object = new KritzelCustomElement(config);\r\n\r\n    object._core = core;\r\n    object.id = object.generateId();\r\n    object.workspaceId = core.store.state.activeWorkspace.id\r\n\r\n\r\n    return object;\r\n  }\r\n\r\n  override mount(element: HTMLElement): void {\r\n    if (this.isMounted) {\r\n      return;\r\n    }\r\n\r\n    this.elementRef = element;\r\n    this.isMounted = true;\r\n    this.elementRef.appendChild(this.element);\r\n  }\r\n\r\n  override resize(x: number, y: number, width: number, height: number): void {\r\n    if (width <= 1 || height <= 1) {\r\n      return;\r\n    }\r\n\r\n    this.width = width;\r\n    this.height = height;\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n\r\n    if (this.element) {\r\n      this.element.style.width = `${width}px`;\r\n      this.element.style.height = `${height}px`;\r\n    }\r\n  }\r\n\r\n  override copy(): KritzelCustomElement {\r\n    const copiedObject: KritzelCustomElement = Object.create(Object.getPrototypeOf(this));\r\n    Object.assign(copiedObject, this);\r\n    copiedObject.id = this.generateId();\r\n    copiedObject.isMounted = false;\r\n    copiedObject.element = this.element.cloneNode(true) as HTMLElement;\r\n    return copiedObject;\r\n  }\r\n\r\n}\r\n"]}

package/dist/collection/classes/objects/image.class.js

@@ -15,17 +15,17 @@ export class KritzelImage extends KritzelBaseObject {
         this.translateY = config?.translateY || 0;
         this.scale = config?.scale || 1;
     }
-    static create(store) {
+    static create(core) {
         const object = new KritzelImage();
-        object._store = store;
+        object._core = core;
         object.id = object.generateId();
-        object.workspaceId = store.state.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.x = 0;
         object.y = 0;
         object.translateX = 0;
         object.translateY = 0;
-        object.scale = object._store.state.scale;
-        object.zIndex = store.currentZIndex;
+        object.scale = object._core.store.state.scale;
+        object.zIndex = core.store.currentZIndex;
         return object;
     }
     resize(x, y, width, height) {