kritzel-stencil 0.0.156 → 0.0.158

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

@@ -0,0 +1,71 @@
+import { KritzelImage } from "../objects/image.class";
+import { KritzelPath } from "../objects/path.class";
+import { KritzelSelectionGroup } from "../objects/selection-group.class";
+import { KritzelText } from "../objects/text.class";
+import { KritzelBrushTool } from "../tools/brush-tool.class";
+import { KritzelEraserTool } from "../tools/eraser-tool.class";
+import { KritzelImageTool } from "../tools/image-tool.class";
+import { KritzelSelectionTool } from "../tools/selection-tool.class";
+import { KritzelTextTool } from "../tools/text-tool.class";
+import { KritzelCustomElement } from "../objects/custom-element.class";
+import { KritzelWorkspace } from "../..";
+export class KritzelReviver {
+    _core;
+    constructor(core) {
+        this._core = core;
+    }
+    revive(obj) {
+        if (obj && typeof obj === 'object') {
+            if (obj.__class__) {
+                let revivedObj;
+                switch (obj.__class__) {
+                    case 'KritzelPath':
+                        revivedObj = KritzelPath.create(this._core).deserialize(obj);
+                        break;
+                    case 'KritzelText':
+                        revivedObj = KritzelText.create(this._core, obj.fontSize, obj.fontFamily).deserialize(obj);
+                        break;
+                    case 'KritzelImage':
+                        revivedObj = KritzelImage.create(this._core).deserialize(obj);
+                        break;
+                    case 'KritzelCustomElement':
+                        revivedObj = KritzelCustomElement.create(this._core).deserialize(obj);
+                        break;
+                    case 'KritzelSelectionGroup':
+                        revivedObj = KritzelSelectionGroup.create(this._core).deserialize(obj);
+                        break;
+                    case 'KritzelWorkspace':
+                        revivedObj = KritzelWorkspace.create(this._core, obj).deserialize(obj);
+                        break;
+                    case 'KritzelBrushTool':
+                        revivedObj = new KritzelBrushTool(this._core);
+                        break;
+                    case 'KritzelEraserTool':
+                        revivedObj = new KritzelEraserTool(this._core);
+                        break;
+                    case 'KritzelImageTool':
+                        revivedObj = new KritzelImageTool(this._core);
+                        break;
+                    case 'KritzelSelectionTool':
+                        revivedObj = new KritzelSelectionTool(this._core);
+                        break;
+                    case 'KritzelTextTool':
+                        revivedObj = new KritzelTextTool(this._core);
+                        break;
+                    default:
+                        revivedObj = obj;
+                }
+                return revivedObj;
+            }
+            const newObj = Array.isArray(obj) ? [] : {};
+            for (const key in obj) {
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    newObj[key] = this.revive(obj[key]);
+                }
+            }
+            return newObj;
+        }
+        return obj;
+    }
+}
+//# sourceMappingURL=reviver.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reviver.class.js","sourceRoot":"","sources":["../../../src/classes/core/reviver.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelImage } from \"../objects/image.class\";\r\nimport { KritzelPath } from \"../objects/path.class\";\r\nimport { KritzelSelectionGroup } from \"../objects/selection-group.class\";\r\nimport { KritzelText } from \"../objects/text.class\";\r\nimport { KritzelBrushTool } from \"../tools/brush-tool.class\";\r\nimport { KritzelEraserTool } from \"../tools/eraser-tool.class\";\r\nimport { KritzelImageTool } from \"../tools/image-tool.class\";\r\nimport { KritzelSelectionTool } from \"../tools/selection-tool.class\";\r\nimport { KritzelTextTool } from \"../tools/text-tool.class\";\r\nimport { KritzelCustomElement } from \"../objects/custom-element.class\";\r\nimport { KritzelCore } from \"./core.class\";\r\nimport { KritzelWorkspace } from \"../..\";\r\n\r\nexport class KritzelReviver {\r\n\r\n  private readonly _core: KritzelCore;\r\n\r\n  constructor(core: KritzelCore) {\r\n    this._core = core;\r\n  }\r\n    \r\n  revive<T>(obj: any): T {\r\n    if (obj && typeof obj === 'object') {\r\n      if (obj.__class__) {\r\n        let revivedObj;\r\n        \r\n        switch (obj.__class__) {\r\n          case 'KritzelPath':\r\n            revivedObj = KritzelPath.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelText':\r\n            revivedObj = KritzelText.create(this._core, obj.fontSize, obj.fontFamily).deserialize(obj);\r\n            break;\r\n          case 'KritzelImage':\r\n            revivedObj = KritzelImage.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelCustomElement':\r\n            revivedObj = KritzelCustomElement.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelSelectionGroup':\r\n            revivedObj = KritzelSelectionGroup.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelWorkspace':\r\n            revivedObj = KritzelWorkspace.create(this._core, obj).deserialize(obj);\r\n            break;\r\n          case 'KritzelBrushTool':\r\n            revivedObj = new KritzelBrushTool(this._core);\r\n            break;\r\n          case 'KritzelEraserTool':\r\n            revivedObj = new KritzelEraserTool(this._core);\r\n            break;\r\n          case 'KritzelImageTool':\r\n            revivedObj = new KritzelImageTool(this._core);\r\n            break;\r\n          case 'KritzelSelectionTool':\r\n            revivedObj = new KritzelSelectionTool(this._core);\r\n            break;\r\n          case 'KritzelTextTool':\r\n            revivedObj = new KritzelTextTool(this._core);\r\n            break;\r\n\r\n          default:\r\n            revivedObj = obj;\r\n        }\r\n        return revivedObj;\r\n      }\r\n\r\n      const newObj = Array.isArray(obj) ? [] : {};\r\n      for (const key in obj) {\r\n        if (Object.prototype.hasOwnProperty.call(obj, key)) {\r\n          newObj[key] = this.revive(obj[key]);\r\n        }\r\n      }\r\n      return newObj as T;\r\n    }\r\n    return obj;\r\n  }\r\n\r\n}"]}

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

@@ -0,0 +1,72 @@
+import { KritzelSelectionGroup } from "../objects/selection-group.class";
+import { KritzelSelectionBox } from "../objects/selection-box.class";
+import { KritzelText } from "../objects/text.class";
+import { KritzelPath } from "../objects/path.class";
+import { KritzelObjectMap } from "../structures/object-map.structure";
+export class KritzelStore {
+    _state;
+    _listeners = new Map();
+    get state() {
+        return this._state;
+    }
+    get currentZIndex() {
+        return Math.max(0, ...this._state.objects.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox)).map(o => o.zIndex)) + 1;
+    }
+    get allObjects() {
+        return this._state.objects.allObjects();
+    }
+    get allNonSelectionObjects() {
+        return this._state.objects.allObjects().filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox));
+    }
+    get selectedObjects() {
+        return this.allObjects.filter(o => !(o instanceof KritzelSelectionGroup)).filter(o => o.isSelected);
+    }
+    get selectionBox() {
+        const selectionBoxes = this._state.objects.filter(o => o instanceof KritzelSelectionBox);
+        return selectionBoxes.length > 0 ? selectionBoxes[0] : null;
+    }
+    get selectionGroup() {
+        const selectionGroups = this._state.objects.filter(o => o instanceof KritzelSelectionGroup);
+        return selectionGroups.length > 0 ? selectionGroups[0] : null;
+    }
+    get activeText() {
+        const activeTexts = this._state.objects.filter(o => o instanceof KritzelText && o.isEditing);
+        return activeTexts.length > 0 ? activeTexts[0] : null;
+    }
+    get currentPath() {
+        const drawingPaths = this._state.objects.filter(o => o instanceof KritzelPath && o.isCompleted === false);
+        return drawingPaths.length > 0 ? drawingPaths[0] : null;
+    }
+    get offsetX() {
+        return this._state.host.getBoundingClientRect().left;
+    }
+    get offsetY() {
+        return this._state.host.getBoundingClientRect().top;
+    }
+    get isDisabled() {
+        return this._state.isEnabled === false || this._state.isReady === false || this._state.activeWorkspace === null;
+    }
+    constructor(state) {
+        this._state = state;
+        this._state.objects = new KritzelObjectMap();
+    }
+    onStateChange(property, listener) {
+        if (!this._listeners.has(property)) {
+            this._listeners.set(property, new Set());
+        }
+        this._listeners.get(property).add(listener);
+    }
+    getState(property) {
+        return this._state[property];
+    }
+    setState(property, value) {
+        const oldValue = this._state[property];
+        if (oldValue !== value) {
+            this._state[property] = value;
+            if (this._listeners.has(property)) {
+                this._listeners.get(property).forEach(listener => listener(value, oldValue, String(property)));
+            }
+        }
+    }
+}
+//# sourceMappingURL=store.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.class.js","sourceRoot":"","sources":["../../../src/classes/core/store.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelEngineState } from '../../interfaces/engine-state.interface';\r\nimport { KritzelSelectionBox } from '../objects/selection-box.class';\r\nimport { KritzelText } from '../objects/text.class';\r\nimport { KritzelPath } from '../objects/path.class';\r\nimport { StateChangeListener, StatePropertyKey } from '../../types/state.types';\r\nimport { KritzelObjectMap } from '../structures/object-map.structure';\r\nimport { KritzelBaseObject } from '../..';\r\n\r\nexport class KritzelStore {\r\n  private readonly _state: KritzelEngineState;\r\n  private readonly _listeners: Map<StatePropertyKey, Set<StateChangeListener<any>>> = new Map();\r\n\r\n  get state(): KritzelEngineState {\r\n    return this._state;\r\n  }\r\n\r\n  get currentZIndex() {\r\n    return Math.max(0, ...this._state.objects.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox)).map(o => o.zIndex)) + 1;\r\n  }\r\n\r\n  get allObjects(): KritzelBaseObject<Element>[]  {\r\n    return this._state.objects.allObjects();\r\n  }\r\n\r\n  get allNonSelectionObjects(): KritzelBaseObject<Element>[]  {\r\n    return this._state.objects.allObjects().filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KritzelSelectionBox));\r\n  }\r\n\r\n  get selectedObjects(): KritzelBaseObject<Element>[] {\r\n    return this.allObjects.filter(o => !(o instanceof KritzelSelectionGroup)).filter(o => o.isSelected);\r\n  }\r\n\r\n  get selectionBox(): KritzelSelectionBox | null {\r\n    const selectionBoxes = this._state.objects.filter(o => o instanceof KritzelSelectionBox);\r\n    return selectionBoxes.length > 0 ? (selectionBoxes[0] as KritzelSelectionBox) : null;\r\n  }\r\n\r\n  get selectionGroup(): KritzelSelectionGroup | null {\r\n    const selectionGroups = this._state.objects.filter(o => o instanceof KritzelSelectionGroup);\r\n    return selectionGroups.length > 0 ? (selectionGroups[0] as KritzelSelectionGroup) : null;\r\n  }\r\n\r\n  get activeText(): KritzelText | null {\r\n    const activeTexts = this._state.objects.filter(o => o instanceof KritzelText && (o as KritzelText).isEditing);\r\n    return activeTexts.length > 0 ? (activeTexts[0] as KritzelText) : null;\r\n  }\r\n\r\n  get currentPath(): KritzelPath | null {\r\n    const drawingPaths = this._state.objects.filter(o => o instanceof KritzelPath && (o as KritzelPath).isCompleted === false);\r\n    return drawingPaths.length > 0 ? (drawingPaths[0] as KritzelPath) : null;\r\n  }\r\n\r\n  get offsetX() {\r\n    return this._state.host.getBoundingClientRect().left;\r\n  }\r\n\r\n  get offsetY() {\r\n    return this._state.host.getBoundingClientRect().top;\r\n  }\r\n\r\n  get isDisabled() {\r\n    return this._state.isEnabled === false || this._state.isReady === false || this._state.activeWorkspace === null;\r\n  }\r\n\r\n  constructor(state: KritzelEngineState) {\r\n    this._state = state;\r\n    this._state.objects = new KritzelObjectMap();\r\n  }\r\n\r\n  onStateChange<K extends StatePropertyKey>(property: K, listener: StateChangeListener<KritzelEngineState[K]>): void {\r\n    if (!this._listeners.has(property)) {\r\n      this._listeners.set(property, new Set());\r\n    }\r\n    this._listeners.get(property).add(listener);\r\n  }\r\n\r\n  getState<K extends StatePropertyKey>(property: K): Readonly<KritzelEngineState[K]> {\r\n    return this._state[property];\r\n  }\r\n\r\n  setState<K extends StatePropertyKey>(property: K, value: KritzelEngineState[K]): void {\r\n    const oldValue = this._state[property];\r\n\r\n    if (oldValue !== value) {\r\n      this._state[property] = value;\r\n\r\n      if (this._listeners.has(property)) {\r\n        this._listeners.get(property).forEach(listener => listener(value, oldValue, String(property)));\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,190 @@
+import { KritzelMouseButton } from "../../enums/event-button.enum";
+import { debounce } from "lodash";
+export class KritzelViewport {
+    _core;
+    _debounceUpdate;
+    _debounceEndScaling;
+    initialTouchDistance = 0;
+    startX = 0;
+    startY = 0;
+    constructor(core, host) {
+        this._core = core;
+        this._core.store.state.host = host;
+        this._core.store.state.viewportWidth = host.clientWidth;
+        this._core.store.state.viewportHeight = host.clientHeight;
+        this._core.store.state.startX = 0;
+        this._core.store.state.startY = 0;
+        this._core.store.state.translateX = 0;
+        this._core.store.state.translateY = 0;
+        this._debounceUpdate = debounce(() => {
+            this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);
+        }, 300);
+        this._debounceEndScaling = debounce(() => {
+            this._core.store.state.isScaling = false;
+            this._core.rerender();
+        }, 100);
+    }
+    handleResize() {
+        this._core.store.state.viewportWidth = this._core.store.state.host.clientWidth;
+        this._core.store.state.viewportHeight = this._core.store.state.host.clientHeight;
+        this._core.store.state.hasViewportChanged = true;
+        this._core.rerender();
+    }
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            const adjustedClientX = event.clientX - this._core.store.offsetX;
+            const adjustedClientY = event.clientY - this._core.store.offsetY;
+            if (event.button === KritzelMouseButton.Right) {
+                this._core.store.state.isPanning = true;
+                this._core.store.state.startX = adjustedClientX;
+                this._core.store.state.startY = adjustedClientY;
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (activePointers.length === 2) {
+                const currentPath = this._core.store.currentPath;
+                if (currentPath) {
+                    this._core.store.state.objects.remove(obj => obj.id === currentPath.id);
+                }
+                this._core.store.state.isScaling = true;
+                const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;
+                const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;
+                const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;
+                const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;
+                this.initialTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));
+                this.startX = (firstTouchX + secondTouchX) / 2;
+                this.startY = (firstTouchY + secondTouchY) / 2;
+                this._core.rerender();
+            }
+        }
+    }
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            const hostRect = this._core.store.state.host.getBoundingClientRect();
+            const xRelativeToHost = event.clientX - hostRect.left;
+            const yRelativeToHost = event.clientY - hostRect.top;
+            this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;
+            this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;
+            if (this._core.store.state.isPanning) {
+                const dx = xRelativeToHost - this._core.store.state.startX;
+                const dy = yRelativeToHost - this._core.store.state.startY;
+                this._core.store.state.translateX += dx;
+                this._core.store.state.translateY += dy;
+                this._core.store.state.startX = xRelativeToHost;
+                this._core.store.state.startY = yRelativeToHost;
+                this._core.store.state.hasViewportChanged = true;
+                this._core.store.state.skipContextMenu = true;
+                this._core.rerender();
+                this._debounceUpdate();
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const hostRect = this._core.store.state.host.getBoundingClientRect();
+            const xRelativeToHost = event.clientX - hostRect.left;
+            const yRelativeToHost = event.clientY - hostRect.top;
+            this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;
+            this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (activePointers.length === 2) {
+                const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;
+                const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;
+                const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;
+                const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;
+                const currentTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));
+                const midpointX = (firstTouchX + secondTouchX) / 2;
+                const midpointY = (firstTouchY + secondTouchY) / 2;
+                const scaleRatio = currentTouchDistance / this.initialTouchDistance;
+                const newScale = this._core.store.state.scale * scaleRatio;
+                if (newScale > this._core.store.state.scaleMax || newScale < this._core.store.state.scaleMin) {
+                    this._core.store.state.translateX = this._core.store.state.translateX + midpointX - this.startX;
+                    this._core.store.state.translateY = this._core.store.state.translateY + midpointY - this.startY;
+                }
+                else {
+                    const translateXAdjustment = (midpointX - this._core.store.state.translateX) * (scaleRatio - 1);
+                    const translateYAdjustment = (midpointY - this._core.store.state.translateY) * (scaleRatio - 1);
+                    this._core.store.state.translateX = this._core.store.state.translateX + midpointX - this.startX - translateXAdjustment;
+                    this._core.store.state.translateY = this._core.store.state.translateY + midpointY - this.startY - translateYAdjustment;
+                    this._core.store.state.scale = newScale;
+                    this.initialTouchDistance = currentTouchDistance;
+                }
+                this.startX = midpointX;
+                this.startY = midpointY;
+                this._core.store.state.hasViewportChanged = true;
+                this._core.rerender();
+                this._debounceUpdate();
+            }
+        }
+    }
+    handlePointerUp(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isPanning) {
+                this._core.store.state.isPanning = false;
+                this._core.rerender();
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._core.store.state.pointers.size === 0) {
+                this._debounceEndScaling();
+            }
+        }
+    }
+    handleWheel(event) {
+        event.preventDefault();
+        if (event.ctrlKey === true && Math.abs(event.deltaY) > 0 && Math.abs(event.deltaX) === 0) {
+            this.handleZoom(event);
+        }
+        if (!event.ctrlKey) {
+            this.handlePan(event);
+        }
+    }
+    centerInViewport(object) {
+        const { scale, viewportWidth, viewportHeight } = this._core.store.state;
+        const { x, y, width, height } = object.rotatedBoundingBox;
+        const objectCenterX = x + width / 2;
+        const objectCenterY = y + height / 2;
+        this._core.store.state.translateX = viewportWidth / 2 - objectCenterX * scale;
+        this._core.store.state.translateY = viewportHeight / 2 - objectCenterY * scale;
+        this._core.store.state.hasViewportChanged = true;
+        this._core.rerender();
+        this._debounceUpdate();
+    }
+    centerFitInViewport(object) {
+        const scaleX = this._core.store.state.viewportWidth / (object.rotatedBoundingBox.width * 1.1);
+        const scaleY = this._core.store.state.viewportHeight / (object.rotatedBoundingBox.height * 1.1);
+        const newScale = Math.min(scaleX, scaleY, this._core.store.state.scaleMax);
+        const clampedScale = Math.max(newScale, this._core.store.state.scaleMin);
+        this._core.store.state.scale = clampedScale;
+        this.centerInViewport(object);
+    }
+    handleZoom(event) {
+        this._core.store.state.isScaling = true;
+        const rect = this._core.store.state.host.getBoundingClientRect();
+        const xRelativeToHost = event.clientX - rect.left;
+        const yRelativeToHost = event.clientY - rect.top;
+        this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;
+        this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;
+        const rawScaleFactor = 1 + (event.deltaY * -0.012);
+        const scaleFactor = Math.max(0.8, Math.min(1.2, rawScaleFactor));
+        const newScale = Math.min(this._core.store.state.scaleMax, Math.max(this._core.store.state.scaleMin, this._core.store.state.scale * scaleFactor));
+        const scaleRatio = newScale / this._core.store.state.scale;
+        const translateXAdjustment = (xRelativeToHost - this._core.store.state.translateX) * (scaleRatio - 1);
+        const translateYAdjustment = (yRelativeToHost - this._core.store.state.translateY) * (scaleRatio - 1);
+        this._core.store.state.scale = newScale;
+        this._core.store.state.translateX = this._core.store.state.translateX - translateXAdjustment;
+        this._core.store.state.translateY = this._core.store.state.translateY - translateYAdjustment;
+        this._core.store.state.hasViewportChanged = true;
+        this._core.rerender();
+        this._debounceUpdate();
+        this._debounceEndScaling();
+    }
+    handlePan(event) {
+        const panSpeed = 0.8;
+        this._core.store.state.translateX = this._core.store.state.translateX - event.deltaX * panSpeed;
+        this._core.store.state.translateY = this._core.store.state.translateY - event.deltaY * panSpeed;
+        this._core.store.state.hasViewportChanged = true;
+        this._core.rerender();
+        this._debounceUpdate();
+    }
+}
+//# sourceMappingURL=viewport.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewport.class.js","sourceRoot":"","sources":["../../../src/classes/core/viewport.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelBaseObject } from '../..';\r\nimport { KritzelMouseButton } from '../../enums/event-button.enum';\r\nimport { KritzelCore } from './core.class';\r\nimport { debounce } from 'lodash';\r\n\r\nexport class KritzelViewport {\r\n  private readonly _core: KritzelCore;\r\n  private readonly _debounceUpdate: () => void;\r\n  private readonly _debounceEndScaling: () => void;\r\n\r\n  initialTouchDistance: number = 0;\r\n  startX: number = 0;\r\n  startY: number = 0;\r\n\r\n  constructor(core: KritzelCore, host: HTMLElement) {\r\n    this._core = core;\r\n    this._core.store.state.host = host;\r\n    this._core.store.state.viewportWidth = host.clientWidth;\r\n    this._core.store.state.viewportHeight = host.clientHeight;\r\n    this._core.store.state.startX = 0;\r\n    this._core.store.state.startY = 0;\r\n    this._core.store.state.translateX = 0;\r\n    this._core.store.state.translateY = 0;\r\n\r\n    this._debounceUpdate = debounce(() => {\r\n      this._core.updateWorkspaceViewport(\r\n        this._core.store.state.translateX, \r\n        this._core.store.state.translateY, \r\n        this._core.store.state.scale\r\n      );\r\n    }, 300);\r\n\r\n    this._debounceEndScaling = debounce(() => {\r\n      this._core.store.state.isScaling = false;\r\n      this._core.rerender();\r\n    }, 100);\r\n  }\r\n\r\n  handleResize(): void {\r\n    this._core.store.state.viewportWidth = this._core.store.state.host.clientWidth;\r\n    this._core.store.state.viewportHeight = this._core.store.state.host.clientHeight;\r\n    this._core.store.state.hasViewportChanged = true;\r\n    this._core.rerender();\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const adjustedClientX = event.clientX - this._core.store.offsetX;\r\n      const adjustedClientY = event.clientY - this._core.store.offsetY;\r\n\r\n      if (event.button === KritzelMouseButton.Right) {\r\n        this._core.store.state.isPanning = true;\r\n        this._core.store.state.startX = adjustedClientX;\r\n        this._core.store.state.startY = adjustedClientY;\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n\r\n      if (activePointers.length === 2) {\r\n        const currentPath = this._core.store.currentPath;\r\n        if (currentPath) {\r\n          this._core.store.state.objects.remove(obj => obj.id === currentPath.id);\r\n        }\r\n        this._core.store.state.isScaling = true;\r\n\r\n        const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;\r\n        const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;\r\n\r\n        const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;\r\n        const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;\r\n\r\n        this.initialTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));\r\n\r\n        this.startX = (firstTouchX + secondTouchX) / 2;\r\n        this.startY = (firstTouchY + secondTouchY) / 2;\r\n        this._core.rerender();\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      const hostRect = this._core.store.state.host.getBoundingClientRect();\r\n      const xRelativeToHost = event.clientX - hostRect.left;\r\n      const yRelativeToHost = event.clientY - hostRect.top;\r\n\r\n      this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;\r\n      this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n      if (this._core.store.state.isPanning) {\r\n        const dx = xRelativeToHost - this._core.store.state.startX;\r\n        const dy = yRelativeToHost - this._core.store.state.startY;\r\n\r\n        this._core.store.state.translateX += dx;\r\n        this._core.store.state.translateY += dy;\r\n        this._core.store.state.startX = xRelativeToHost;\r\n        this._core.store.state.startY = yRelativeToHost;\r\n        this._core.store.state.hasViewportChanged = true;\r\n        this._core.store.state.skipContextMenu = true;\r\n\r\n        this._core.rerender();\r\n        this._debounceUpdate();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const hostRect = this._core.store.state.host.getBoundingClientRect();\r\n      const xRelativeToHost = event.clientX - hostRect.left;\r\n      const yRelativeToHost = event.clientY - hostRect.top;\r\n\r\n      this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;\r\n      this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n      const activePointers = Array.from(this._core.store.state.pointers.values());\r\n\r\n      if (activePointers.length === 2) {\r\n        const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;\r\n        const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;\r\n\r\n        const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;\r\n        const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;\r\n\r\n        const currentTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));\r\n\r\n        const midpointX = (firstTouchX + secondTouchX) / 2;\r\n        const midpointY = (firstTouchY + secondTouchY) / 2;\r\n\r\n        const scaleRatio = currentTouchDistance / this.initialTouchDistance!;\r\n        const newScale = this._core.store.state.scale * scaleRatio;\r\n\r\n        if (newScale > this._core.store.state.scaleMax || newScale < this._core.store.state.scaleMin) {\r\n          this._core.store.state.translateX = this._core.store.state.translateX + midpointX - this.startX;\r\n          this._core.store.state.translateY = this._core.store.state.translateY + midpointY - this.startY;\r\n        } else {\r\n          const translateXAdjustment = (midpointX - this._core.store.state.translateX) * (scaleRatio - 1);\r\n          const translateYAdjustment = (midpointY - this._core.store.state.translateY) * (scaleRatio - 1);\r\n\r\n          this._core.store.state.translateX = this._core.store.state.translateX + midpointX - this.startX - translateXAdjustment;\r\n          this._core.store.state.translateY = this._core.store.state.translateY + midpointY - this.startY - translateYAdjustment;\r\n          this._core.store.state.scale = newScale;\r\n\r\n          this.initialTouchDistance = currentTouchDistance;\r\n        }\r\n\r\n        this.startX = midpointX;\r\n        this.startY = midpointY;\r\n\r\n        this._core.store.state.hasViewportChanged = true;\r\n\r\n        this._core.rerender();\r\n        this._debounceUpdate();\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent): void {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._core.store.state.isPanning) {\r\n        this._core.store.state.isPanning = false;\r\n        this._core.rerender();\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      \r\n      if (this._core.store.state.pointers.size === 0) {\r\n        this._debounceEndScaling();\r\n      }\r\n    }\r\n  }\r\n\r\n  handleWheel(event: WheelEvent): void {\r\n    event.preventDefault();\r\n\r\n    if (event.ctrlKey === true && Math.abs(event.deltaY) > 0 && Math.abs(event.deltaX) === 0) {\r\n      this.handleZoom(event);\r\n    }\r\n\r\n    if (!event.ctrlKey) {\r\n      this.handlePan(event);\r\n    }\r\n  }\r\n\r\n  centerInViewport(object: KritzelBaseObject): void {\r\n    const { scale, viewportWidth, viewportHeight } = this._core.store.state;\r\n    const { x, y, width, height } = object.rotatedBoundingBox;\r\n\r\n    const objectCenterX = x + width / 2;\r\n    const objectCenterY = y + height / 2;\r\n\r\n    this._core.store.state.translateX = viewportWidth / 2 - objectCenterX * scale;\r\n    this._core.store.state.translateY = viewportHeight / 2 - objectCenterY * scale;\r\n    this._core.store.state.hasViewportChanged = true;\r\n\r\n    this._core.rerender();\r\n    this._debounceUpdate();\r\n  }\r\n\r\n  centerFitInViewport(object: KritzelBaseObject): void {\r\n    const scaleX = this._core.store.state.viewportWidth / (object.rotatedBoundingBox.width * 1.1);\r\n    const scaleY = this._core.store.state.viewportHeight / (object.rotatedBoundingBox.height * 1.1);\r\n    const newScale = Math.min(scaleX, scaleY, this._core.store.state.scaleMax);\r\n    const clampedScale = Math.max(newScale, this._core.store.state.scaleMin);\r\n\r\n    this._core.store.state.scale = clampedScale;\r\n    this.centerInViewport(object);\r\n  }\r\n\r\n  private handleZoom(event: WheelEvent): void {\r\n    this._core.store.state.isScaling = true;\r\n    const rect = this._core.store.state.host.getBoundingClientRect();\r\n    const xRelativeToHost = event.clientX - rect.left;\r\n    const yRelativeToHost = event.clientY - rect.top;\r\n\r\n    this._core.store.state.pointerX = (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale;\r\n    this._core.store.state.pointerY = (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale;\r\n\r\n    const rawScaleFactor = 1 + (event.deltaY * -0.012);\r\n    const scaleFactor = Math.max(0.8, Math.min(1.2, rawScaleFactor));\r\n    const newScale = Math.min(this._core.store.state.scaleMax, Math.max(this._core.store.state.scaleMin, this._core.store.state.scale * scaleFactor));\r\n\r\n    const scaleRatio = newScale / this._core.store.state.scale;\r\n    const translateXAdjustment = (xRelativeToHost - this._core.store.state.translateX) * (scaleRatio - 1);\r\n    const translateYAdjustment = (yRelativeToHost - this._core.store.state.translateY) * (scaleRatio - 1);\r\n\r\n    this._core.store.state.scale = newScale;\r\n\r\n    this._core.store.state.translateX = this._core.store.state.translateX - translateXAdjustment;\r\n    this._core.store.state.translateY = this._core.store.state.translateY - translateYAdjustment;\r\n\r\n    this._core.store.state.hasViewportChanged = true;\r\n\r\n    this._core.rerender();\r\n    this._debounceUpdate();\r\n    this._debounceEndScaling();\r\n  }\r\n\r\n  private handlePan(event: WheelEvent): void {\r\n    const panSpeed = 0.8;\r\n\r\n    this._core.store.state.translateX = this._core.store.state.translateX - event.deltaX * panSpeed;\r\n    this._core.store.state.translateY = this._core.store.state.translateY - event.deltaY * panSpeed;\r\n\r\n    this._core.store.state.hasViewportChanged = true;\r\n\r\n    this._core.rerender();\r\n    this._debounceUpdate();\r\n  }\r\n}\r\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,62 @@
+import { KritzelSelectionGroup } from "../objects/selection-group.class";
+import { KritzelBaseHandler } from "./base.handler";
+import { KritzelSelectionTool } from "../tools/selection-tool.class";
+import { KritzelSelectionBox } from "../objects/selection-box.class";
+export class KritzelContextMenuHandler extends KritzelBaseHandler {
+    globalContextMenuItems = [];
+    objectContextMenuItems = [];
+    constructor(core, globalContextMenuItems, objectContextMenuItems) {
+        super(core);
+        this.globalContextMenuItems = globalContextMenuItems;
+        this.objectContextMenuItems = objectContextMenuItems;
+    }
+    handleContextMenu(event) {
+        if (!(this._core.store.state.activeTool instanceof KritzelSelectionTool)) {
+            return;
+        }
+        if (this._core.store.state.skipContextMenu) {
+            this._core.store.state.skipContextMenu = false;
+            return;
+        }
+        const selectionTool = this._core.store.state.activeTool;
+        selectionTool?.moveHandler?.cancelPendingDrag();
+        if (this._core.store.selectionBox) {
+            this._core.store.state.objects.remove(object => object instanceof KritzelSelectionBox);
+            this._core.store.state.isSelecting = false;
+        }
+        const selectedObject = this._core.getObjectFromPointerEvent(event, '.object');
+        if (selectedObject && !(selectedObject instanceof KritzelSelectionGroup) && !(selectedObject instanceof KritzelSelectionBox)) {
+            const selectionGroup = KritzelSelectionGroup.create(this._core);
+            selectionGroup.addOrRemove(selectedObject);
+            selectionGroup.isSelected = true;
+            selectionGroup.rotation = selectedObject.rotation;
+            this._core.store.state.isSelecting = false;
+            const currentSelectionGroup = this._core.store.selectionGroup;
+            if (currentSelectionGroup) {
+                this._core.removeSelectionGroup();
+            }
+            this._core.addSelectionGroup(selectionGroup);
+            this._core.rerender();
+        }
+        this._core.store.state.contextMenuItems = this._core.store.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems;
+        let x = event.clientX - this._core.store.offsetX;
+        let y = event.clientY - this._core.store.offsetY;
+        const menuWidthEstimate = 150;
+        const menuHeightEstimate = 200;
+        const margin = 10;
+        if (x + menuWidthEstimate > window.innerWidth - margin) {
+            x = window.innerWidth - menuWidthEstimate - margin;
+        }
+        if (y + menuHeightEstimate > window.innerHeight - margin) {
+            y = window.innerHeight - menuHeightEstimate - margin;
+        }
+        x = Math.max(margin, x);
+        y = Math.max(margin, y);
+        this._core.store.state.contextMenuX = x;
+        this._core.store.state.contextMenuY = y;
+        this._core.store.state.isContextMenuVisible = true;
+        this._core.store.state.isEnabled = false;
+        this._core.rerender();
+    }
+}
+//# sourceMappingURL=context-menu.handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/context-menu.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { KritzelCore } from '../core/core.class';\r\nimport { KritzelSelectionTool } from '../tools/selection-tool.class';\r\nimport { KritzelSelectionBox } from '../objects/selection-box.class';\r\n\r\nexport class KritzelContextMenuHandler extends KritzelBaseHandler {\r\n  globalContextMenuItems = [];\r\n\r\n  objectContextMenuItems = [];\r\n\r\n  constructor(core: KritzelCore, globalContextMenuItems: any[], objectContextMenuItems: any[]) {\r\n    super(core);\r\n    this.globalContextMenuItems = globalContextMenuItems;\r\n    this.objectContextMenuItems = objectContextMenuItems;\r\n  }\r\n\r\n  handleContextMenu(event: PointerEvent): void {\r\n    if (!(this._core.store.state.activeTool instanceof KritzelSelectionTool)) {\r\n      return;\r\n    }\r\n\r\n    if (this._core.store.state.skipContextMenu) {\r\n      this._core.store.state.skipContextMenu = false;\r\n      return;\r\n    }\r\n\r\n    const selectionTool = this._core.store.state.activeTool as KritzelSelectionTool;\r\n    selectionTool?.moveHandler?.cancelPendingDrag();\r\n\r\n    if (this._core.store.selectionBox) {\r\n      this._core.store.state.objects.remove(object => object instanceof KritzelSelectionBox);\r\n      this._core.store.state.isSelecting = false;\r\n    }\r\n\r\n    const selectedObject = this._core.getObjectFromPointerEvent(event, '.object');\r\n\r\n    if (selectedObject && !(selectedObject instanceof KritzelSelectionGroup) && !(selectedObject instanceof KritzelSelectionBox)) {\r\n      const selectionGroup = KritzelSelectionGroup.create(this._core);\r\n      selectionGroup.addOrRemove(selectedObject);\r\n      selectionGroup.isSelected = true;\r\n      selectionGroup.rotation = selectedObject.rotation;\r\n\r\n      this._core.store.state.isSelecting = false;\r\n\r\n      const currentSelectionGroup = this._core.store.selectionGroup;\r\n      if (currentSelectionGroup) {\r\n        this._core.removeSelectionGroup();\r\n      }\r\n      this._core.addSelectionGroup(selectionGroup);\r\n      this._core.rerender();\r\n    }\r\n\r\n    this._core.store.state.contextMenuItems = this._core.store.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems;\r\n\r\n    let x: number = event.clientX - this._core.store.offsetX;\r\n    let y: number = event.clientY - this._core.store.offsetY;\r\n\r\n    const menuWidthEstimate = 150;\r\n    const menuHeightEstimate = 200;\r\n    const margin = 10;\r\n\r\n    if (x + menuWidthEstimate > window.innerWidth - margin) {\r\n      x = window.innerWidth - menuWidthEstimate - margin;\r\n    }\r\n\r\n    if (y + menuHeightEstimate > window.innerHeight - margin) {\r\n      y = window.innerHeight - menuHeightEstimate - margin;\r\n    }\r\n\r\n    x = Math.max(margin, x);\r\n    y = Math.max(margin, y);\r\n\r\n    this._core.store.state.contextMenuX = x;\r\n    this._core.store.state.contextMenuY = y;\r\n    this._core.store.state.isContextMenuVisible = true;\r\n\r\n    this._core.store.state.isEnabled = false;\r\n\r\n    this._core.rerender();\r\n  }\r\n}\r\n"]}

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

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

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

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