kritzel-stencil 0.0.126 → 0.0.127

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

@@ -0,0 +1,141 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"text.class.js","sourceRoot":"","sources":["../../../src/classes/objects/text.class.ts"],"names":[],"mappings":"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","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/{stencil/icon-registry.class-Bw5YkOTi.js → collection/classes/registries/icon-registry.class.js}

@@ -1,4 +1,4 @@
-class KritzelIconRegistry {
+export class KritzelIconRegistry {
     static register(name, svgContent) {
         if (this.registry.has(name)) {
             console.warn(`[IconRegistry] Icon "${name}" is already registered. It will be overwritten.`);
@@ -40,8 +40,4 @@ KritzelIconRegistry.registerIcons({
     '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>',
     '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>'
 });
-
-export { KritzelIconRegistry as K };
-//# sourceMappingURL=icon-registry.class-Bw5YkOTi.js.map
-
-//# sourceMappingURL=icon-registry.class-Bw5YkOTi.js.map
+//# sourceMappingURL=icon-registry.class.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,66 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,287 @@
+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 = Math.max(...this.allObjects.map(obj => obj.zIndex)) + 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 = Math.min(...this.allObjects.map(obj => obj.zIndex)) - 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