kritzel-stencil 0.0.125 → 0.0.126

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

@@ -1,141 +0,0 @@
-import { KritzelToolRegistry } from "../registries/tool.registry";
-import { KritzelTextTool } from "../tools/text-tool.class";
-import { KritzelBaseObject } from "./base-object.class";
-export class KritzelText extends KritzelBaseObject {
-    get isReadonly() {
-        return !(this._store.state.activeTool instanceof KritzelTextTool);
-    }
-    constructor(config) {
-        super();
-        this.__class__ = 'KritzelText';
-        this.value = '';
-        this.fontFamily = 'Arial';
-        this.fontSize = 8;
-        this.fontColor = '#000000';
-        this.initialWidth = 3;
-        this.isNew = true;
-        this.isDebugInfoVisible = true;
-        this.isEditable = true;
-        this.rows = 1;
-        if (config) {
-            this.value = config.value || ' ';
-            this.translateX = config.translateX || 0;
-            this.translateY = config.translateY || 0;
-            this.fontSize = config.fontSize || 8;
-            this.fontFamily = config.fontFamily || 'Arial';
-            this.fontColor = config.fontColor || '#000000';
-            this.height = config.height || this.fontSize * 1.2;
-            this.width = config.width || 0;
-            this.scale = config.scale || 1;
-        }
-    }
-    static create(store, fontSize, fontFamily) {
-        const object = new KritzelText();
-        object._store = store;
-        object.fontSize = fontSize;
-        object.fontFamily = fontFamily;
-        object.translateX = 0;
-        object.translateY = 0;
-        object.width = object.initialWidth / (object._store.state.scale < 0 ? object._store.state.scale : 1);
-        object.height = (object.fontSize * 1.2) / (object._store.state.scale < 0 ? object._store.state.scale : 1);
-        object.padding = 5;
-        object.backgroundColor = 'transparent';
-        object.scale = object._store.state.scale;
-        object.value = ' ';
-        object.zIndex = store.currentZIndex;
-        return object;
-    }
-    mount(element) {
-        if ((this.isMounted && this.elementRef === element) || this.isInViewport() === false) {
-            return;
-        }
-        this.elementRef = element;
-        this.isMounted = true;
-    }
-    resize(x, y, width, height) {
-        if (width <= 1 || height <= 1) {
-            return;
-        }
-        const scaleFactor = height / this.height;
-        this.fontSize = this.fontSize * scaleFactor;
-        this.width = this.width * scaleFactor;
-        this.height = height;
-        this.translateX = x;
-        this.translateY = y;
-    }
-    handleKeyDown(event) {
-        if (this.isReadonly) {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    }
-    handleInput(event) {
-        const target = event.target;
-        if (target.value === '') {
-            this.value = ' ';
-            target.value = ' ';
-            target.selectionStart = target.selectionEnd = target.value.length;
-        }
-        else {
-            this.value = target.value.trim();
-        }
-        this.adjustTextareaSize();
-    }
-    adjustTextareaSize() {
-        if (this.elementRef) {
-            const span = document.createElement('span');
-            span.style.position = 'absolute';
-            span.style.whiteSpace = 'pre-wrap';
-            span.style.visibility = 'hidden';
-            span.style.fontSize = window.getComputedStyle(this.elementRef).fontSize;
-            span.style.fontFamily = window.getComputedStyle(this.elementRef).fontFamily;
-            span.innerHTML = this.elementRef.value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>') + '<br>';
-            document.body.appendChild(span);
-            const textWidth = span.offsetWidth;
-            const textHeight = span.offsetHeight;
-            document.body.removeChild(span);
-            this.width = textWidth;
-            this.height = textHeight;
-            this._store.rerender();
-        }
-    }
-    focus() {
-        if (this.elementRef) {
-            this.elementRef.focus();
-        }
-    }
-    selectAll() {
-        if (this.elementRef) {
-            this.elementRef.select();
-        }
-    }
-    insertFromClipboard() {
-        if (this.elementRef) {
-            this.elementRef.focus();
-            try {
-                navigator.clipboard.readText().then(text => {
-                    const start = this.elementRef.selectionStart;
-                    const end = this.elementRef.selectionEnd;
-                    const value = this.elementRef.value;
-                    this.elementRef.value = value.substring(0, start) + text + value.substring(end);
-                    this.elementRef.selectionStart = this.elementRef.selectionEnd = start + text.length;
-                    this.value = this.elementRef.value;
-                    this.adjustTextareaSize();
-                });
-            }
-            catch (err) {
-                console.error('Failed to read clipboard contents:', err);
-            }
-        }
-    }
-    edit() {
-        this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this._store.state.selectionGroup = null;
-        this._store.state.selectionBox = null;
-        this._store.state.activeText = this;
-        setTimeout(() => {
-            this.focus();
-        }, 300);
-    }
-}
-//# sourceMappingURL=text.class.js.map

package/dist/collection/classes/objects/text.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.class.js","sourceRoot":"","sources":["../../../src/classes/objects/text.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,OAAO,WAAY,SAAQ,iBAAsC;IAerE,IAAI,UAAU;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,YAAY,eAAe,CAAC,CAAC;IACpE,CAAC;IAED,YAAY,MAUX;QACC,KAAK,EAAE,CAAC;QA7BD,cAAS,GAAW,aAAa,CAAC;QAE3C,UAAK,GAAW,EAAE,CAAC;QACnB,eAAU,GAAW,OAAO,CAAC;QAC7B,aAAQ,GAAW,CAAC,CAAC;QACrB,cAAS,GAAW,SAAS,CAAC;QAC9B,iBAAY,GAAW,CAAC,CAAC;QAEzB,UAAK,GAAY,IAAI,CAAC;QACtB,uBAAkB,GAAY,IAAI,CAAC;QACnC,eAAU,GAAY,IAAI,CAAC;QAElB,SAAI,GAAW,CAAC,CAAC;QAmBxB,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,GAAG,CAAC;YACjC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;YACzC,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,OAAO,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,CAAC;YAC/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;YACnD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;YAC/B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,MAAM,CAAU,MAAM,CAAC,KAAmB,EAAE,QAAiB,EAAE,UAAmB;QAChF,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAEjC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;QAC/B,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;QACtB,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC;QACtB,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrG,MAAM,CAAC,MAAM,GAAG,CAAC,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1G,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC;QACnB,MAAM,CAAC,eAAe,GAAG,aAAa,CAAC;QACvC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;QACzC,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;QACnB,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;QAEpC,OAAO,MAAM,CAAC;IAChB,CAAC;IAEQ,KAAK,CAAC,OAA4B;QACzC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,KAAK,EAAE,CAAC;YACrF,OAAO;QACT,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,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,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAEzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC;QAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,aAAa,CAAC,KAAoB;QAChC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,WAAW,CAAC,KAAiB;QAC3B,MAAM,MAAM,GAAG,KAAK,CAAC,MAA6B,CAAC;QACnD,IAAI,MAAM,CAAC,KAAK,KAAK,EAAE,EAAE,CAAC;YACxB,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;YACjB,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;YACnB,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;QACpE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC;YACxE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC;YAE5E,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;YAE1I,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;YACnC,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;YACrC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAEhC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;YACvB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;YAEzB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,KAAK;QACH,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC;gBACH,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;oBACzC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC;oBAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC;oBACzC,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;oBAEpC,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;oBAEhF,IAAI,CAAC,UAAU,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;oBACpF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;oBACnC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC5B,CAAC,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,oCAAoC,EAAE,GAAG,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAI;QACF,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE,mBAAmB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,cAAc,GAAG,IAAI,CAAC;QACxC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;QACtC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;QAEpC,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;CACF","sourcesContent":["import { KritzelToolRegistry } from '../registries/tool.registry';\r\nimport { KritzelStore } from '../store.class';\r\nimport { KritzelTextTool } from '../tools/text-tool.class';\r\nimport { KritzelBaseObject } from './base-object.class';\r\n\r\nexport class KritzelText extends KritzelBaseObject<HTMLTextAreaElement> {\r\n  override __class__: string = 'KritzelText';\r\n\r\n  value: string = '';\r\n  fontFamily: string = 'Arial';\r\n  fontSize: number = 8;\r\n  fontColor: string = '#000000';\r\n  initialWidth: number = 3;\r\n\r\n  isNew: boolean = true;\r\n  isDebugInfoVisible: boolean = true;\r\n  isEditable: boolean = true;\r\n\r\n  readonly rows: number = 1;\r\n\r\n  get isReadonly(): boolean {\r\n    return !(this._store.state.activeTool instanceof KritzelTextTool);\r\n  }\r\n\r\n  constructor(config?: {\r\n    value: string;\r\n    translateX?: number;\r\n    translateY?: number;\r\n    fontSize?: number;\r\n    fontFamily?: string;\r\n    fontColor?: string;\r\n    height?: number;\r\n    width?: number;\r\n    scale?: number;\r\n  }) {\r\n    super();\r\n\r\n    if (config) {\r\n      this.value = config.value || ' ';\r\n      this.translateX = config.translateX || 0;\r\n      this.translateY = config.translateY || 0;\r\n      this.fontSize = config.fontSize || 8;\r\n      this.fontFamily = config.fontFamily || 'Arial';\r\n      this.fontColor = config.fontColor || '#000000';\r\n      this.height = config.height || this.fontSize * 1.2;\r\n      this.width = config.width || 0;\r\n      this.scale = config.scale || 1;\r\n    }\r\n  }\r\n\r\n  static override create(store: KritzelStore, fontSize?: number, fontFamily?: string): KritzelText {\r\n    const object = new KritzelText();\r\n\r\n    object._store = store;\r\n    object.fontSize = fontSize;\r\n    object.fontFamily = fontFamily;\r\n    object.translateX = 0;\r\n    object.translateY = 0;\r\n    object.width = object.initialWidth / (object._store.state.scale < 0 ? object._store.state.scale : 1);\r\n    object.height = (object.fontSize * 1.2) / (object._store.state.scale < 0 ? object._store.state.scale : 1);\r\n    object.padding = 5;\r\n    object.backgroundColor = 'transparent';\r\n    object.scale = object._store.state.scale;\r\n    object.value = ' ';\r\n    object.zIndex = store.currentZIndex;\r\n\r\n    return object;\r\n  }\r\n\r\n  override mount(element: HTMLTextAreaElement): void {\r\n    if ((this.isMounted && this.elementRef === element) || this.isInViewport() === false) {\r\n      return;\r\n    }\r\n\r\n    this.elementRef = element;\r\n    this.isMounted = true;\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    const scaleFactor = height / this.height;\r\n\r\n    this.fontSize = this.fontSize * scaleFactor;\r\n    this.width = this.width * scaleFactor;\r\n    this.height = height;\r\n    this.translateX = x;\r\n    this.translateY = y;\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent): void {\r\n    if (this.isReadonly) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n    }\r\n  }\r\n\r\n  handleInput(event: InputEvent): void {\r\n    const target = event.target as HTMLTextAreaElement;\r\n    if (target.value === '') {\r\n      this.value = ' ';\r\n      target.value = ' ';\r\n      target.selectionStart = target.selectionEnd = target.value.length;\r\n    } else {\r\n      this.value = target.value.trim();\r\n    }\r\n\r\n    this.adjustTextareaSize();\r\n  }\r\n\r\n  adjustTextareaSize() {\r\n    if (this.elementRef) {\r\n      const span = document.createElement('span');\r\n      span.style.position = 'absolute';\r\n      span.style.whiteSpace = 'pre-wrap';\r\n      span.style.visibility = 'hidden';\r\n      span.style.fontSize = window.getComputedStyle(this.elementRef).fontSize;\r\n      span.style.fontFamily = window.getComputedStyle(this.elementRef).fontFamily;\r\n\r\n      span.innerHTML = this.elementRef.value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\\n/g, '<br>') + '<br>';\r\n\r\n      document.body.appendChild(span);\r\n      const textWidth = span.offsetWidth;\r\n      const textHeight = span.offsetHeight;\r\n      document.body.removeChild(span);\r\n\r\n      this.width = textWidth;\r\n      this.height = textHeight;\r\n\r\n      this._store.rerender();\r\n    }\r\n  }\r\n\r\n  focus(): void {\r\n    if (this.elementRef) {\r\n      this.elementRef.focus();\r\n    }\r\n  }\r\n\r\n  selectAll(): void {\r\n    if (this.elementRef) {\r\n      this.elementRef.select();\r\n    }\r\n  }\r\n\r\n  insertFromClipboard(): void {\r\n    if (this.elementRef) {\r\n      this.elementRef.focus();\r\n      try {\r\n        navigator.clipboard.readText().then(text => {\r\n          const start = this.elementRef.selectionStart;\r\n          const end = this.elementRef.selectionEnd;\r\n          const value = this.elementRef.value;\r\n\r\n          this.elementRef.value = value.substring(0, start) + text + value.substring(end);\r\n\r\n          this.elementRef.selectionStart = this.elementRef.selectionEnd = start + text.length;\r\n          this.value = this.elementRef.value;\r\n          this.adjustTextareaSize();\r\n        });\r\n      } catch (err) {\r\n        console.error('Failed to read clipboard contents:', err);\r\n      }\r\n    }\r\n  }\r\n\r\n  edit(): void {\r\n    this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));\r\n    this._store.state.selectionGroup = null;\r\n    this._store.state.selectionBox = null;\r\n    this._store.state.activeText = this;\r\n\r\n    setTimeout(() => {\r\n      this.focus();\r\n    }, 300);\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/registries/icon-registry.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-registry.class.js","sourceRoot":"","sources":["../../../src/classes/registries/icon-registry.class.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,mBAAmB;IAGvB,MAAM,CAAC,QAAQ,CAAC,IAAY,EAAE,UAAkB;QACrD,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,OAAO,CAAC,IAAI,CAAC,wBAAwB,IAAI,kDAAkD,CAAC,CAAC;QAC/F,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACtC,CAAC;IAEM,MAAM,CAAC,GAAG,CAAC,IAAY;QAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAEM,MAAM,CAAC,aAAa,CAAC,KAAgC;QAC1D,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;gBACtD,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IAEM,MAAM,CAAC,GAAG,CAAC,IAAY;QAC5B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;;AAvBc,4BAAQ,GAAG,IAAI,GAAG,EAAkB,CAAC;AA0BtD,mBAAmB,CAAC,aAAa,CAAC;IAChC,QAAQ,EAAE,4SAA4S;IACtT,KAAK,EAAE,wSAAwS;IAC/S,aAAa,EAAE,2TAA2T;IAC1U,QAAQ,EAAE,qSAAqS;IAC/S,MAAM,EAAE,8QAA8Q;IACtR,OAAO,EAAE,sSAAsS;IAC/S,cAAc,EAAE,oLAAoL;IACpM,YAAY,EAAE,sLAAsL;IACpM,MAAM,EAAE,mUAAmU;IAC3U,OAAO,EAAE,6aAA6a;IACtb,KAAK,EAAE,+VAA+V;IACtW,QAAQ,EAAE,6YAA6Y;IACvZ,gBAAgB,EAAE,kSAAkS;IACpT,cAAc,EAAE,qSAAqS;IACrT,YAAY,EAAE,0bAA0b;IACxc,UAAU,EAAE,gVAAgV;IAC5V,MAAM,EAAE,iRAAiR;IACzR,MAAM,EAAE,mRAAmR;CAC5R,CAAC,CAAC","sourcesContent":["export class KritzelIconRegistry {\r\n  private static registry = new Map<string, string>();\r\n\r\n  public static register(name: string, svgContent: string): void {\r\n    if (this.registry.has(name)) {\r\n      console.warn(`[IconRegistry] Icon \"${name}\" is already registered. It will be overwritten.`);\r\n    }\r\n    this.registry.set(name, svgContent);\r\n  }\r\n\r\n  public static get(name: string): string | undefined {\r\n    return this.registry.get(name);\r\n  }\r\n\r\n  public static registerIcons(icons: { [key: string]: string }): void {\r\n    for (const name in icons) {\r\n      if (Object.prototype.hasOwnProperty.call(icons, name)) {\r\n        this.register(name, icons[name]);\r\n      }\r\n    }\r\n  }\r\n\r\n  public static has(name: string): boolean {\r\n    return this.registry.has(name);\r\n  }\r\n}\r\n\r\nKritzelIconRegistry.registerIcons({\r\n  'cursor': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z\"/></svg>',\r\n  'pen': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"/></svg>',\r\n  'highlighter': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-highlighter-icon lucide-highlighter\"><path d=\"m9 11-6 6v3h9l3-3\"/><path d=\"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4\"/></svg>',\r\n  'eraser': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21\"/><path d=\"M22 21H7\"/><path d=\"m5 11 9 9\"/></svg>',\r\n  'type': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"4 7 4 4 20 4 20 7\"/><line x1=\"9\" x2=\"15\" y1=\"20\" y2=\"20\"/><line x1=\"12\" x2=\"12\" y1=\"4\" y2=\"20\"/></svg>',\r\n  'image': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"/><circle cx=\"9\" cy=\"9\" r=\"2\"/><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"/></svg>',\r\n  'chevron-down': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m6 9 6 6 6-6\"/></svg>',\r\n  'chevron-up': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m18 15-6-6-6 6\"/></svg>',\r\n  'copy': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy-icon lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/></svg>',\r\n  'paste': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-clipboard-paste-icon lucide-clipboard-paste\"><path d=\"M11 14h10\"/><path d=\"M16 4h2a2 2 0 0 1 2 2v1.344\"/><path d=\"m17 18 4-4-4-4\"/><path d=\"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113\"/><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"/></svg>',\r\n  'cut': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-scissors-icon lucide-scissors\"><circle cx=\"6\" cy=\"6\" r=\"3\"/><path d=\"M8.12 8.12 12 12\"/><path d=\"M20 4 8.12 15.88\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/><path d=\"M14.8 14.8 20 20\"/></svg>',\r\n  'delete': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-trash2-icon lucide-trash-2\"><path d=\"M3 6h18\"/><path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\"/><path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\"/><line x1=\"10\" x2=\"10\" y1=\"11\" y2=\"17\"/><line x1=\"14\" x2=\"14\" y1=\"11\" y2=\"17\"/></svg>',\r\n  'bring-to-front': '<svg  width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-to-line-icon lucide-arrow-up-to-line\"><path d=\"M5 3h14\"/><path d=\"m18 13-6-6-6 6\"/><path d=\"M12 7v14\"/></svg>',\r\n  'send-to-back': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-to-line-icon lucide-arrow-down-to-line\"><path d=\"M12 17V3\"/><path d=\"m6 11 6 6 6-6\"/><path d=\"M19 21H5\"/></svg>',\r\n  'select-all': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-square-mouse-pointer-icon lucide-square-mouse-pointer\"><path d=\"M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z\"/><path d=\"M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6\"/></svg>',\r\n  'download': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download-icon lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/><polyline points=\"7 10 12 15 17 10\"/><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"/></svg>',\r\n  'undo': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-undo-icon lucide-undo\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>',\r\n  'redo': '<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-redo-icon lucide-redo\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7\"/></svg>'\r\n});"]}

package/dist/collection/classes/registries/tool.registry.js

@@ -1,18 +0,0 @@
-export class KritzelToolRegistry {
-    static registerTool(toolName, constructor, store) {
-        const toolInstance = new constructor(store);
-        toolInstance.name = toolName;
-        this.registry[toolName] = toolInstance;
-        return toolInstance;
-    }
-    static getTool(toolName) {
-        const toolInstance = this.registry[toolName];
-        if (!toolInstance) {
-            console.warn(`Unknown tool: ${toolName}`);
-            return null;
-        }
-        return toolInstance;
-    }
-}
-KritzelToolRegistry.registry = {};
-//# sourceMappingURL=tool.registry.js.map

package/dist/collection/classes/registries/tool.registry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tool.registry.js","sourceRoot":"","sources":["../../../src/classes/registries/tool.registry.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,mBAAmB;IAG9B,MAAM,CAAC,YAAY,CAAC,QAAgB,EAAE,WAAyD,EAAE,KAAmB;QAClH,MAAM,YAAY,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,YAAY,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC;QACvC,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,QAAgB;QAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAE7C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,CAAC,CAAC;YAC1C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,YAAY,CAAC;IACtB,CAAC;;AAlBY,4BAAQ,GAAoC,EAAE,CAAC","sourcesContent":["import { KritzelStore } from \"../store.class\";\r\nimport { KritzelBaseTool } from \"../tools/base-tool.class\";\r\n\r\nexport class KritzelToolRegistry {\r\nprivate static registry: Record<string, KritzelBaseTool> = {};\r\n\r\n  static registerTool(toolName: string, constructor: new (store: KritzelStore) => KritzelBaseTool, store: KritzelStore): KritzelBaseTool {\r\n    const toolInstance = new constructor(store);\r\n    toolInstance.name = toolName;\r\n    this.registry[toolName] = toolInstance;\r\n    return toolInstance;\r\n  }\r\n\r\n  static getTool(toolName: string): KritzelBaseTool | null {\r\n    const toolInstance = this.registry[toolName];\r\n\r\n    if (!toolInstance) {\r\n      console.warn(`Unknown tool: ${toolName}`);\r\n      return null;\r\n    }\r\n\r\n    return toolInstance;\r\n  }\r\n}\r\n"]}

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

@@ -1,66 +0,0 @@
-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";
-export class KritzelReviver {
-    constructor(store) {
-        this._store = store;
-    }
-    revive(obj) {
-        if (obj && typeof obj === 'object') {
-            if (obj.__class__) {
-                let revivedObj;
-                switch (obj.__class__) {
-                    case 'KritzelPath':
-                        revivedObj = KritzelPath.create(this._store).revive(obj);
-                        break;
-                    case 'KritzelText':
-                        revivedObj = KritzelText.create(this._store, obj.fontSize, obj.fontFamily).revive(obj);
-                        break;
-                    case 'KritzelImage':
-                        revivedObj = KritzelImage.create(this._store).revive(obj);
-                        break;
-                    case 'KritzelCustomElement':
-                        revivedObj = KritzelCustomElement.create(this._store).revive(obj);
-                        break;
-                    case 'KritzelSelectionGroup':
-                        revivedObj = KritzelSelectionGroup.create(this._store).revive(obj);
-                        break;
-                    case 'KritzelBrushTool':
-                        revivedObj = new KritzelBrushTool(this._store);
-                        break;
-                    case 'KritzelEraserTool':
-                        revivedObj = new KritzelEraserTool(this._store);
-                        break;
-                    case 'KritzelImageTool':
-                        revivedObj = new KritzelImageTool(this._store);
-                        break;
-                    case 'KritzelSelectionTool':
-                        revivedObj = new KritzelSelectionTool(this._store);
-                        break;
-                    case 'KritzelTextTool':
-                        revivedObj = new KritzelTextTool(this._store);
-                        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/reviver.class.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reviver.class.js","sourceRoot":"","sources":["../../src/classes/reviver.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelStore } from \"./store.class\";\r\nimport { 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\n\r\nexport class KritzelReviver {\r\n\r\n  private readonly _store: KritzelStore;\r\n\r\n  constructor(store: KritzelStore) {\r\n    this._store = store;\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._store).revive(obj);\r\n            break;\r\n          case 'KritzelText':\r\n            revivedObj = KritzelText.create(this._store, obj.fontSize, obj.fontFamily).revive(obj);\r\n            break;\r\n          case 'KritzelImage':\r\n            revivedObj = KritzelImage.create(this._store).revive(obj);\r\n            break;\r\n          case 'KritzelCustomElement':\r\n            revivedObj = KritzelCustomElement.create(this._store).revive(obj);\r\n            break;\r\n          case 'KritzelSelectionGroup':\r\n            revivedObj = KritzelSelectionGroup.create(this._store).revive(obj);\r\n            break;\r\n          case 'KritzelBrushTool':\r\n            revivedObj = new KritzelBrushTool(this._store);\r\n            break;\r\n          case 'KritzelEraserTool':\r\n            revivedObj = new KritzelEraserTool(this._store);\r\n            break;\r\n          case 'KritzelImageTool':\r\n            revivedObj = new KritzelImageTool(this._store);\r\n            break;\r\n          case 'KritzelSelectionTool':\r\n            revivedObj = new KritzelSelectionTool(this._store);\r\n            break;\r\n          case 'KritzelTextTool':\r\n            revivedObj = new KritzelTextTool(this._store);\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/store.class.js

@@ -1,287 +0,0 @@
-import { KritzelSelectionGroup } from "./objects/selection-group.class";
-import { RemoveSelectionGroupCommand } from "./commands/remove-selection-group.command";
-import { KritzelHistory } from "./history.class";
-import { KritzelOctree } from "./structures/octree.structure";
-import { KrtizelSelectionBox } from "./objects/selection-box.class";
-import { RemoveObjectCommand } from "./commands/remove-object.command";
-import { BatchCommand } from "./commands/batch.command";
-import { AddObjectCommand } from "./commands/add-object.command";
-import { AddSelectionGroupCommand } from "./commands/add-selection-group.command";
-import { UpdateObjectCommand } from "./commands/update-object.command";
-import { KritzelContextMenu } from "../components/ui/kritzel-context-menu/kritzel-context-menu";
-import { KritzelToolRegistry } from "./registries/tool.registry";
-import { DEFAULT_ENGINE_STATE } from "../configs/default-engine-state";
-export class KritzelStore {
-    get history() {
-        return this._history;
-    }
-    get state() {
-        return this._state;
-    }
-    get currentZIndex() {
-        return this._state.objectsOctree.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KrtizelSelectionBox)).length;
-    }
-    get allObjects() {
-        return this._state.objectsOctree.allObjects();
-    }
-    get selectedObjects() {
-        return this.allObjects.filter(o => !(o instanceof KritzelSelectionGroup)).filter(o => o.isSelected);
-    }
-    get offsetX() {
-        return this._state.host.getBoundingClientRect().left;
-    }
-    get offsetY() {
-        return this._state.host.getBoundingClientRect().top;
-    }
-    constructor(kritzelEngine) {
-        this._listeners = new Map();
-        this.objects = [];
-        this._state = DEFAULT_ENGINE_STATE;
-        this._kritzelEngine = kritzelEngine;
-        this._history = new KritzelHistory(this);
-        this._state.objectsOctree = new KritzelOctree({
-            x: -Infinity,
-            y: -Infinity,
-            z: -Infinity,
-            width: Infinity,
-            height: Infinity,
-            depth: Infinity,
-        });
-    }
-    rerender() {
-        const viewportBounds = {
-            x: -this._state.translateX / this._state.scale,
-            y: -this._state.translateY / this._state.scale,
-            z: this._state.scale,
-            width: this._state.viewportWidth / this._state.scale,
-            height: this._state.viewportHeight / this._state.scale,
-            depth: 100,
-        };
-        this.objects = this._state.objectsOctree.query(viewportBounds);
-        if (this._kritzelEngine) {
-            this._kritzelEngine.forceUpdate++;
-        }
-    }
-    findObjectById(id) {
-        for (const object of this.allObjects) {
-            if (object.id === id) {
-                return object;
-            }
-        }
-        return null;
-    }
-    deselectAllObjects() {
-        if (this._state.selectionGroup) {
-            this._history.executeCommand(new RemoveSelectionGroupCommand(this, this));
-        }
-    }
-    onStateChange(property, listener) {
-        if (!this._listeners.has(property)) {
-            this._listeners.set(property, new Set());
-        }
-        this._listeners.get(property).add(listener);
-    }
-    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)));
-            }
-        }
-    }
-    delete() {
-        if (!this.state.selectionGroup) {
-            return;
-        }
-        const deleteSelectedObjectsCommand = this.state.selectionGroup.objects.map(obj => new RemoveObjectCommand(this, this.state.selectionGroup, obj));
-        const removeSelectionGroupCommand = new RemoveSelectionGroupCommand(this, this.state.selectionGroup);
-        const commands = [...deleteSelectedObjectsCommand, removeSelectionGroupCommand];
-        this.history.executeCommand(new BatchCommand(this, this.state.selectionGroup, commands));
-    }
-    deleteObject(id, isHistoryUpdated = true) {
-        const object = this.findObjectById(id);
-        if (object) {
-            if (isHistoryUpdated) {
-                const removeObjectCommand = new RemoveObjectCommand(this, this, object);
-                this.history.executeCommand(removeObjectCommand);
-            }
-            else {
-                this._state.objectsOctree.remove(obj => obj.id === id);
-                this.rerender();
-            }
-        }
-    }
-    copy() {
-        this.state.copiedObjects = this.state.selectionGroup.copy();
-    }
-    paste(x, y) {
-        this.state.copiedObjects.isSelected = true;
-        const adjustedX = x !== undefined ? x : this.state.copiedObjects.translateX + 25;
-        const adjustedY = y !== undefined ? y : this.state.copiedObjects.translateY + 25;
-        this.state.copiedObjects.updatePosition(adjustedX, adjustedY);
-        const commands = [];
-        if (this.state.selectionGroup !== null) {
-            commands.push(new RemoveSelectionGroupCommand(this, this.state.selectionGroup));
-        }
-        const addCopiedObjectsCommands = this.state.copiedObjects.objects.map(obj => new AddObjectCommand(this, this, obj));
-        const addCopiedObjectsAsSelectionGroupCommand = new AddSelectionGroupCommand(this, this, this.state.copiedObjects);
-        commands.push(...addCopiedObjectsCommands, addCopiedObjectsAsSelectionGroupCommand);
-        this.history.executeCommand(new BatchCommand(this, this, commands));
-        this.state.isSelecting = false;
-        this.state.copiedObjects = this.state.selectionGroup.copy();
-        this.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-    }
-    bringForward(object) {
-        const max = this.allObjects.length + 1;
-        const objects = object ? [object] : this.state.selectionGroup.objects;
-        const increaseZIndexCommands = objects.map(obj => {
-            if (obj.zIndex === max) {
-                return;
-            }
-            return new UpdateObjectCommand(this, this, obj, { zIndex: obj.zIndex + 1 });
-        });
-        this.history.executeCommand(new BatchCommand(this, this, increaseZIndexCommands));
-    }
-    sendBackward(object) {
-        const min = 0;
-        const objects = object ? [object] : this.state.selectionGroup.objects;
-        const decreaseZIndexCommands = objects.map(obj => {
-            if (obj.zIndex === min) {
-                return;
-            }
-            return new UpdateObjectCommand(this, this, obj, { zIndex: obj.zIndex - 1 });
-        });
-        this.history.executeCommand(new BatchCommand(this, this, decreaseZIndexCommands));
-    }
-    bringToFront(object) {
-        const max = this.allObjects.length + 1;
-        const objects = object ? [object] : this.state.selectionGroup.objects;
-        const increaseZIndexCommands = objects.map(obj => {
-            return new UpdateObjectCommand(this, this, obj, { zIndex: max });
-        });
-        this.history.executeCommand(new BatchCommand(this, this, increaseZIndexCommands));
-    }
-    sendToBack(object) {
-        const min = -1;
-        const objects = object ? [object] : this.state.selectionGroup.objects;
-        const decreaseZIndexCommands = objects.map(obj => {
-            return new UpdateObjectCommand(this, this, obj, { zIndex: min });
-        });
-        this.history.executeCommand(new BatchCommand(this, this, decreaseZIndexCommands));
-    }
-    selectObjects(objects) {
-        if (objects.length === 0) {
-            return;
-        }
-        const selectionGroup = KritzelSelectionGroup.create(this);
-        objects.forEach(obj => {
-            obj.isSelected = false;
-            selectionGroup.addOrRemove(obj);
-        });
-        selectionGroup.isSelected = true;
-        this.state.selectionGroup = selectionGroup;
-        if (objects.length === 1) {
-            selectionGroup.rotation = selectionGroup.objects[0].rotation;
-        }
-        this.history.executeCommand(new AddSelectionGroupCommand(this, this, selectionGroup));
-    }
-    selectAllObjectsInViewport() {
-        const objectsInViewport = this._state.objectsOctree
-            .query({
-            x: -this._state.translateX / this._state.scale,
-            y: -this._state.translateY / this._state.scale,
-            z: this._state.scale,
-            width: this._state.viewportWidth / this._state.scale,
-            height: this._state.viewportHeight / this._state.scale,
-            depth: 100,
-        })
-            .filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KrtizelSelectionBox) && !(o instanceof KritzelContextMenu));
-        if (objectsInViewport.length > 0) {
-            const selectionGroup = KritzelSelectionGroup.create(this);
-            objectsInViewport.forEach(obj => {
-                obj.isSelected = false;
-                selectionGroup.addOrRemove(obj);
-            });
-            selectionGroup.isSelected = true;
-            this.state.isSelecting = false;
-            if (objectsInViewport.length === 1) {
-                selectionGroup.rotation = selectionGroup.objects[0].rotation;
-            }
-            this.history.executeCommand(new AddSelectionGroupCommand(this, this, selectionGroup));
-            this.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-        }
-    }
-    clearSelection() {
-        const command = new RemoveSelectionGroupCommand(this, this.state.selectionGroup);
-        this.history.executeCommand(command);
-        this.state.selectionGroup = null;
-        this.state.selectionBox = null;
-        this.state.isSelecting = false;
-        this.state.isResizeHandleSelected = false;
-        this.state.isRotationHandleSelected = false;
-    }
-    resetActiveText() {
-        if (this.state.activeText && this.state.activeText.value === ' ') {
-            this.deleteObject(this.state.activeText.id, false);
-            this.history.undoStack.pop();
-        }
-        this.state.activeText = null;
-    }
-    getObjectFromPointerEvent(event, selector = '.object') {
-        var _a;
-        const shadowRoot = (_a = this.state.host) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-        if (!shadowRoot)
-            return null;
-        const clientX = event.clientX;
-        const clientY = event.clientY;
-        const elementAtPoint = shadowRoot.elementFromPoint(clientX, clientY);
-        if (!elementAtPoint)
-            return null;
-        const selectedObject = elementAtPoint.closest(selector);
-        if (selectedObject) {
-            return this.allObjects.find(object => selectedObject.id === object.id);
-        }
-        return null;
-    }
-    getObjectsFromPointerEvent(event, selector = '.object') {
-        var _a;
-        const shadowRoot = (_a = this.state.host) === null || _a === void 0 ? void 0 : _a.shadowRoot;
-        if (!shadowRoot)
-            return [];
-        const clientX = event.clientX;
-        const clientY = event.clientY;
-        const elementsAtPoint = shadowRoot.elementsFromPoint(clientX, clientY);
-        if (!elementsAtPoint || elementsAtPoint.length === 0)
-            return [];
-        const objectIds = new Set();
-        elementsAtPoint.forEach(element => {
-            const selectedObject = element.closest(selector);
-            if (selectedObject && selectedObject.id) {
-                objectIds.add(selectedObject.id);
-            }
-        });
-        if (objectIds.size > 0) {
-            return this.allObjects.filter(object => objectIds.has(object.id)).sort((a, b) => b.zIndex - a.zIndex);
-        }
-        return [];
-    }
-    getCanvasPoint(event) {
-        if (!this.state.host) {
-            return { x: 0, y: 0 };
-        }
-        // Get the position of the kritzel-engine host element relative to the viewport
-        const hostRect = this.state.host.getBoundingClientRect();
-        // 1. Make the pointer coordinates relative to the host element
-        const xRelativeToHost = event.clientX - hostRect.left;
-        const yRelativeToHost = event.clientY - hostRect.top;
-        // 2. Reverse the translation applied to the #origin div
-        const xWithoutTranslate = xRelativeToHost - this.state.translateX;
-        const yWithoutTranslate = yRelativeToHost - this.state.translateY;
-        // 3. Reverse the scaling to get the final world coordinates
-        const worldX = xWithoutTranslate / this.state.scale;
-        const worldY = yWithoutTranslate / this.state.scale;
-        return { x: worldX, y: worldY };
-    }
-}
-//# sourceMappingURL=store.class.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"store.class.js","sourceRoot":"","sources":["../../src/classes/store.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelBaseObject } from './objects/base-object.class';\r\nimport { KritzelSelectionGroup } from './objects/selection-group.class';\r\nimport { RemoveSelectionGroupCommand } from './commands/remove-selection-group.command';\r\nimport { KritzelHistory } from './history.class';\r\nimport { KritzelEngineState } from '../interfaces/engine-state.interface';\r\nimport { KritzelOctree } from './structures/octree.structure';\r\nimport { KritzelBoundingBox } from '../interfaces/bounding-box.interface';\r\nimport { KrtizelSelectionBox } from './objects/selection-box.class';\r\nimport { StateChangeListener, StatePropertyKey } from '../types/state.types';\r\nimport { RemoveObjectCommand } from './commands/remove-object.command';\r\nimport { BatchCommand } from './commands/batch.command';\r\nimport { AddObjectCommand } from './commands/add-object.command';\r\nimport { AddSelectionGroupCommand } from './commands/add-selection-group.command';\r\nimport { UpdateObjectCommand } from './commands/update-object.command';\r\nimport { KritzelEngine } from '../components/core/kritzel-engine/kritzel-engine';\r\nimport { KritzelContextMenu } from '../components/ui/kritzel-context-menu/kritzel-context-menu';\r\nimport { KritzelToolRegistry } from './registries/tool.registry';\r\nimport { DEFAULT_ENGINE_STATE } from '../configs/default-engine-state';\r\n\r\nexport class KritzelStore {\r\n  private readonly _kritzelEngine: KritzelEngine;\r\n\r\n  private readonly _state: KritzelEngineState;\r\n\r\n  private readonly _history: KritzelHistory;\r\n\r\n  private readonly _listeners: Map<StatePropertyKey, Set<StateChangeListener<any>>> = new Map();\r\n\r\n  objects: KritzelBaseObject<any>[] = [];\r\n\r\n  get history(): KritzelHistory {\r\n    return this._history;\r\n  }\r\n\r\n  get state(): KritzelEngineState {\r\n    return this._state;\r\n  }\r\n\r\n  get currentZIndex() {\r\n    return this._state.objectsOctree.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KrtizelSelectionBox)).length;\r\n  }\r\n\r\n  get allObjects() {\r\n    return this._state.objectsOctree.allObjects();\r\n  }\r\n\r\n  get selectedObjects() {\r\n    return this.allObjects.filter(o => !(o instanceof KritzelSelectionGroup)).filter(o => o.isSelected);\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  constructor(kritzelEngine: KritzelEngine) {\r\n    this._state = DEFAULT_ENGINE_STATE;\r\n    this._kritzelEngine = kritzelEngine;\r\n    this._history = new KritzelHistory(this);\r\n    this._state.objectsOctree = new KritzelOctree<KritzelBaseObject<any>>({\r\n      x: -Infinity,\r\n      y: -Infinity,\r\n      z: -Infinity,\r\n      width: Infinity,\r\n      height: Infinity,\r\n      depth: Infinity,\r\n    });\r\n  }\r\n\r\n  rerender() {\r\n    const viewportBounds: KritzelBoundingBox = {\r\n      x: -this._state.translateX / this._state.scale,\r\n      y: -this._state.translateY / this._state.scale,\r\n      z: this._state.scale,\r\n      width: this._state.viewportWidth / this._state.scale,\r\n      height: this._state.viewportHeight / this._state.scale,\r\n      depth: 100,\r\n    };\r\n\r\n    this.objects = this._state.objectsOctree.query(viewportBounds);\r\n\r\n    if (this._kritzelEngine) {\r\n      this._kritzelEngine.forceUpdate++;\r\n    }\r\n  }\r\n\r\n  findObjectById(id: string): KritzelBaseObject<any> | null {\r\n    for (const object of this.allObjects) {\r\n      if (object.id === id) {\r\n        return object;\r\n      }\r\n    }\r\n    return null;\r\n  }\r\n\r\n  deselectAllObjects(): void {\r\n    if (this._state.selectionGroup) {\r\n      this._history.executeCommand(new RemoveSelectionGroupCommand(this, this));\r\n    }\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  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  delete() {\r\n    if (!this.state.selectionGroup) {\r\n      return;\r\n    }\r\n\r\n    const deleteSelectedObjectsCommand = this.state.selectionGroup.objects.map(obj => new RemoveObjectCommand(this, this.state.selectionGroup, obj));\r\n    const removeSelectionGroupCommand = new RemoveSelectionGroupCommand(this, this.state.selectionGroup);\r\n    const commands = [...deleteSelectedObjectsCommand, removeSelectionGroupCommand];\r\n\r\n    this.history.executeCommand(new BatchCommand(this, this.state.selectionGroup, commands));\r\n  }\r\n\r\n  deleteObject(id: string, isHistoryUpdated: boolean = true) {\r\n    const object = this.findObjectById(id);\r\n    if (object) {\r\n      if (isHistoryUpdated) {\r\n        const removeObjectCommand = new RemoveObjectCommand(this, this, object);\r\n        this.history.executeCommand(removeObjectCommand);\r\n      } else {\r\n        this._state.objectsOctree.remove(obj => obj.id === id);\r\n        this.rerender();\r\n      }\r\n    }\r\n  }\r\n\r\n  copy() {\r\n    this.state.copiedObjects = this.state.selectionGroup.copy() as KritzelSelectionGroup;\r\n  }\r\n\r\n  paste(x?: number, y?: number) {\r\n    this.state.copiedObjects.isSelected = true;\r\n\r\n    const adjustedX = x !== undefined ? x : this.state.copiedObjects.translateX + 25;\r\n    const adjustedY = y !== undefined ? y : this.state.copiedObjects.translateY + 25;\r\n\r\n    this.state.copiedObjects.updatePosition(adjustedX, adjustedY);\r\n\r\n    const commands = [];\r\n    if (this.state.selectionGroup !== null) {\r\n      commands.push(new RemoveSelectionGroupCommand(this, this.state.selectionGroup));\r\n    }\r\n\r\n    const addCopiedObjectsCommands = this.state.copiedObjects.objects.map(obj => new AddObjectCommand(this, this, obj));\r\n    const addCopiedObjectsAsSelectionGroupCommand = new AddSelectionGroupCommand(this, this, this.state.copiedObjects);\r\n\r\n    commands.push(...addCopiedObjectsCommands, addCopiedObjectsAsSelectionGroupCommand);\r\n\r\n    this.history.executeCommand(new BatchCommand(this, this, commands));\r\n\r\n    this.state.isSelecting = false;\r\n    this.state.copiedObjects = this.state.selectionGroup.copy() as KritzelSelectionGroup;\r\n    this.setState('activeTool', KritzelToolRegistry.getTool('selection'));\r\n  }\r\n\r\n  bringForward(object?: KritzelBaseObject<any>) {\r\n    const max = this.allObjects.length + 1;\r\n    const objects = object ? [object] : this.state.selectionGroup.objects;\r\n    const increaseZIndexCommands = objects.map(obj => {\r\n      if (obj.zIndex === max) {\r\n        return;\r\n      }\r\n      return new UpdateObjectCommand(this, this, obj, { zIndex: obj.zIndex + 1 });\r\n    });\r\n\r\n    this.history.executeCommand(new BatchCommand(this, this, increaseZIndexCommands));\r\n  }\r\n\r\n  sendBackward(object?: KritzelBaseObject<any>) {\r\n    const min = 0;\r\n    const objects = object ? [object] : this.state.selectionGroup.objects;\r\n    const decreaseZIndexCommands = objects.map(obj => {\r\n      if (obj.zIndex === min) {\r\n        return;\r\n      }\r\n      return new UpdateObjectCommand(this, this, obj, { zIndex: obj.zIndex - 1 });\r\n    });\r\n\r\n    this.history.executeCommand(new BatchCommand(this, this, decreaseZIndexCommands));\r\n  }\r\n\r\n  bringToFront(object?: KritzelBaseObject<any>) {\r\n    const max = this.allObjects.length + 1;\r\n    const objects = object ? [object] : this.state.selectionGroup.objects;\r\n    const increaseZIndexCommands = objects.map(obj => {\r\n      return new UpdateObjectCommand(this, this, obj, { zIndex: max });\r\n    });\r\n\r\n    this.history.executeCommand(new BatchCommand(this, this, increaseZIndexCommands));\r\n  }\r\n\r\n  sendToBack(object?: KritzelBaseObject<any>) {\r\n    const min = -1;\r\n    const objects = object ? [object] : this.state.selectionGroup.objects;\r\n    const decreaseZIndexCommands = objects.map(obj => {\r\n      return new UpdateObjectCommand(this, this, obj, { zIndex: min });\r\n    });\r\n\r\n    this.history.executeCommand(new BatchCommand(this, this, decreaseZIndexCommands));\r\n  }\r\n\r\n  selectObjects(objects: KritzelBaseObject<any>[]) {\r\n    if (objects.length === 0) {\r\n      return;\r\n    }\r\n\r\n    const selectionGroup = KritzelSelectionGroup.create(this);\r\n    objects.forEach(obj => {\r\n      obj.isSelected = false;\r\n      selectionGroup.addOrRemove(obj);\r\n    });\r\n\r\n    selectionGroup.isSelected = true;\r\n\r\n    this.state.selectionGroup = selectionGroup;\r\n\r\n    if (objects.length === 1) {\r\n      selectionGroup.rotation = selectionGroup.objects[0].rotation;\r\n    }\r\n\r\n    this.history.executeCommand(new AddSelectionGroupCommand(this, this, selectionGroup));\r\n  }\r\n\r\n  selectAllObjectsInViewport() {\r\n    const objectsInViewport = this._state.objectsOctree\r\n      .query({\r\n        x: -this._state.translateX / this._state.scale,\r\n        y: -this._state.translateY / this._state.scale,\r\n        z: this._state.scale,\r\n        width: this._state.viewportWidth / this._state.scale,\r\n        height: this._state.viewportHeight / this._state.scale,\r\n        depth: 100,\r\n      })\r\n      .filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KrtizelSelectionBox) && !(o instanceof KritzelContextMenu));\r\n\r\n    if (objectsInViewport.length > 0) {\r\n      const selectionGroup = KritzelSelectionGroup.create(this);\r\n\r\n      objectsInViewport.forEach(obj => {\r\n        obj.isSelected = false;\r\n        selectionGroup.addOrRemove(obj);\r\n      });\r\n\r\n      selectionGroup.isSelected = true;\r\n\r\n      this.state.isSelecting = false;\r\n\r\n      if (objectsInViewport.length === 1) {\r\n        selectionGroup.rotation = selectionGroup.objects[0].rotation;\r\n      }\r\n\r\n      this.history.executeCommand(new AddSelectionGroupCommand(this, this, selectionGroup));\r\n      this.setState('activeTool', KritzelToolRegistry.getTool('selection'));\r\n    }\r\n  }\r\n\r\n  clearSelection() {\r\n    const command = new RemoveSelectionGroupCommand(this, this.state.selectionGroup);\r\n    this.history.executeCommand(command);\r\n\r\n    this.state.selectionGroup = null;\r\n    this.state.selectionBox = null;\r\n    this.state.isSelecting = false;\r\n    this.state.isResizeHandleSelected = false;\r\n    this.state.isRotationHandleSelected = false;\r\n  }\r\n\r\n  resetActiveText() {\r\n    if (this.state.activeText && this.state.activeText.value === ' ') {\r\n      this.deleteObject(this.state.activeText.id, false);\r\n      this.history.undoStack.pop();\r\n    }\r\n\r\n    this.state.activeText = null;\r\n  }\r\n\r\n  getObjectFromPointerEvent(event: PointerEvent, selector = '.object'): KritzelBaseObject<any> | null {\r\n    const shadowRoot = this.state.host?.shadowRoot;\r\n    if (!shadowRoot) return null;\r\n\r\n    const clientX = event.clientX;\r\n    const clientY = event.clientY;\r\n\r\n    const elementAtPoint = shadowRoot.elementFromPoint(clientX, clientY);\r\n    if (!elementAtPoint) return null;\r\n\r\n    const selectedObject = elementAtPoint.closest(selector) as HTMLElement | null;\r\n\r\n    if (selectedObject) {\r\n      return this.allObjects.find(object => selectedObject.id === object.id);\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  getObjectsFromPointerEvent(event: PointerEvent, selector = '.object'): KritzelBaseObject<any>[] {\r\n    const shadowRoot = this.state.host?.shadowRoot;\r\n    if (!shadowRoot) return [];\r\n\r\n    const clientX = event.clientX;\r\n    const clientY = event.clientY;\r\n\r\n    const elementsAtPoint = shadowRoot.elementsFromPoint(clientX, clientY);\r\n    if (!elementsAtPoint || elementsAtPoint.length === 0) return [];\r\n\r\n    const objectIds = new Set<string>();\r\n\r\n    elementsAtPoint.forEach(element => {\r\n      const selectedObject = element.closest(selector) as HTMLElement | null;\r\n      if (selectedObject && selectedObject.id) {\r\n        objectIds.add(selectedObject.id);\r\n      }\r\n    });\r\n\r\n    if (objectIds.size > 0) {\r\n      return this.allObjects.filter(object => objectIds.has(object.id)).sort((a, b) => b.zIndex - a.zIndex);\r\n    }\r\n\r\n    return [];\r\n  }\r\n\r\n  public getCanvasPoint(event: PointerEvent): { x: number; y: number } {\r\n    if (!this.state.host) {\r\n      return { x: 0, y: 0 };\r\n    }\r\n\r\n    // Get the position of the kritzel-engine host element relative to the viewport\r\n    const hostRect = this.state.host.getBoundingClientRect();\r\n\r\n    // 1. Make the pointer coordinates relative to the host element\r\n    const xRelativeToHost = event.clientX - hostRect.left;\r\n    const yRelativeToHost = event.clientY - hostRect.top;\r\n\r\n    // 2. Reverse the translation applied to the #origin div\r\n    const xWithoutTranslate = xRelativeToHost - this.state.translateX;\r\n    const yWithoutTranslate = yRelativeToHost - this.state.translateY;\r\n\r\n    // 3. Reverse the scaling to get the final world coordinates\r\n    const worldX = xWithoutTranslate / this.state.scale;\r\n    const worldY = yWithoutTranslate / this.state.scale;\r\n\r\n    return { x: worldX, y: worldY };\r\n  }\r\n}\r\n"]}