kritzel-stencil 0.0.113 → 0.0.115

package/dist/components/{p-DqZOaMbq.js → p-BIlVkMTU.js}

@@ -1,5 +1,81 @@
 import { K as KritzelMouseButton } from './p-D8W6LE-c.js';
 
+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 = {};
+
+class KritzelBaseTool {
+    constructor(store) {
+        this.__class__ = this.constructor.name;
+        this.name = 'base-tool';
+        this._store = store;
+    }
+    onActivate() {
+        // default implementation
+    }
+    onDeactivate() {
+        // default implementation
+    }
+    handlePointerDown(_event) {
+        // default implementation
+    }
+    handlePointerMove(_event) {
+        // default implementation
+    }
+    handlePointerUp(_event) {
+        // default implementation
+    }
+    handleWheel(_event) {
+        // default implementation
+    }
+    revive(object) {
+        Object.assign(this, object);
+        return this;
+    }
+}
+
+class KritzelBaseCommand {
+    constructor(store, initiator) {
+        var _a, _b;
+        this._store = store;
+        this.initiator = (_b = (_a = initiator === null || initiator === void 0 ? void 0 : initiator.constructor) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'Unknown';
+        this.isUndoable = true;
+    }
+    execute() {
+        throw new Error('Method not implemented.');
+    }
+    undo() {
+        throw new Error('Method not implemented.');
+    }
+}
+
+class AddObjectCommand extends KritzelBaseCommand {
+    constructor(store, initiator, object) {
+        super(store, initiator);
+        this.object = object;
+    }
+    execute() {
+        this._store.state.objectsOctree.insert(this.object);
+    }
+    undo() {
+        this._store.state.objectsOctree.remove(object => object.id === this.object.id);
+    }
+}
+
 class KritzelEventHelper {
     static isRightClick(ev) {
         return ev.button === KritzelMouseButton.Right;
@@ -57,52 +133,144 @@ class KritzelEventHelper {
     }
 }
 
-class KritzelBaseCommand {
-    constructor(store, initiator) {
-        var _a, _b;
-        this._store = store;
-        this.initiator = (_b = (_a = initiator === null || initiator === void 0 ? void 0 : initiator.constructor) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : 'Unknown';
-        this.isUndoable = true;
+class KritzelKeyboardHelper {
+    static forceHideKeyboard() {
+        if (document.activeElement instanceof HTMLElement) {
+            document.activeElement.blur();
+        }
     }
-    execute() {
-        throw new Error('Method not implemented.');
+    static enableInteractiveWidget() {
+        const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
+        if (meta) {
+            let currentContent = meta.getAttribute('content');
+            if (!currentContent.includes('interactive-widget=resizes-content')) {
+                currentContent += ', interactive-widget=resizes-content';
+            }
+            meta.setAttribute('content', currentContent);
+        }
     }
-    undo() {
-        throw new Error('Method not implemented.');
+    static disableInteractiveWidget() {
+        const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
+        if (meta) {
+            let currentContent = meta.getAttribute('content');
+            let newContent = currentContent.replace(/\s*interactive-widget=resizes-content\s*[,;]?/g, '');
+            newContent = newContent
+                .replace(/,(\s*,)+/g, ',')
+                .replace(/^,/, '')
+                .replace(/,$/, '')
+                .trim();
+            meta.setAttribute('content', newContent);
+        }
     }
 }
 
-class AddObjectCommand extends KritzelBaseCommand {
-    constructor(store, initiator, object) {
-        super(store, initiator);
-        this.object = object;
-    }
-    execute() {
-        this._store.state.objectsOctree.insert(this.object);
+class KritzelTextTool extends KritzelBaseTool {
+    constructor(store) {
+        super(store);
+        this.fontFamily = 'Arial';
+        this.fontSize = 16;
+        this.fontColor = '#000000';
+        this.palette = [
+            '#000000',
+            '#FFFFFF',
+            '#FF0000',
+            '#00FF00',
+            '#0000FF',
+            '#FFFF00',
+            '#FF00FF',
+            '#00FFFF',
+            '#808080',
+            '#C0C0C0',
+            '#800000',
+            '#008000',
+            '#000080',
+            '#808000',
+            '#800080',
+        ];
     }
-    undo() {
-        this._store.state.objectsOctree.remove(object => object.id === this.object.id);
+    handlePointerDown(event) {
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+        if (event.pointerType === 'mouse') {
+            const path = event.composedPath().slice(1);
+            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
+            const object = this._store.findObjectById(objectElement === null || objectElement === void 0 ? void 0 : objectElement.id);
+            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
+                this._store.state.activeText = object;
+                object.focus();
+                return;
+            }
+            if (this._store.state.activeText !== null && object instanceof KritzelText) {
+                object.focus();
+                return;
+            }
+            if (this._store.state.activeText !== null) {
+                this._store.resetActiveText();
+                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+                return;
+            }
+            if (KritzelEventHelper.isLeftClick(event) === false) {
+                return;
+            }
+            const clientX = event.clientX - this._store.offsetX;
+            const clientY = event.clientY - this._store.offsetY;
+            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
+            text.fontColor = this.fontColor;
+            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
+            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
+            text.zIndex = this._store.currentZIndex;
+            this._store.state.activeText = text;
+            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._store.state.pointers.values());
+            const path = event.composedPath().slice(1);
+            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
+            const object = this._store.findObjectById(objectElement === null || objectElement === void 0 ? void 0 : objectElement.id);
+            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
+                this._store.state.activeText = object;
+                object.focus();
+                return;
+            }
+            if (this._store.state.activeText !== null && object instanceof KritzelText) {
+                object.focus();
+                return;
+            }
+            if (this._store.state.activeText !== null) {
+                this._store.resetActiveText();
+                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+                return;
+            }
+            if (activePointers.length > 1) {
+                return;
+            }
+            KritzelKeyboardHelper.disableInteractiveWidget();
+            const clientX = Math.round(activePointers[0].clientX - this._store.offsetX);
+            const clientY = Math.round(activePointers[0].clientY - this._store.offsetY);
+            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
+            text.fontColor = this.fontColor;
+            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
+            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
+            text.zIndex = this._store.currentZIndex;
+            this._store.state.activeText = text;
+            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
+        }
     }
-}
-
-var cjs = {};
-
-var hasRequiredCjs;
-
-function requireCjs () {
-	if (hasRequiredCjs) return cjs;
-	hasRequiredCjs = 1;
-	(function (exports) {
-		var pe=Object.defineProperty;var ge=e=>pe(e,"__esModule",{value:true});var de=(e,t)=>{ge(e);for(var s in t)pe(e,s,{get:t[s],enumerable:true});};de(exports,{default:()=>ve,getStroke:()=>ne,getStrokeOutlinePoints:()=>te,getStrokePoints:()=>re});function $(e,t,s,x=h=>h){return e*x(.5-t*(.5-s))}function ce(e){return [-e[0],-e[1]]}function l(e,t){return [e[0]+t[0],e[1]+t[1]]}function a(e,t){return [e[0]-t[0],e[1]-t[1]]}function b(e,t){return [e[0]*t,e[1]*t]}function xe(e,t){return [e[0]/t,e[1]/t]}function R(e){return [e[1],-e[0]]}function B(e,t){return e[0]*t[0]+e[1]*t[1]}function me(e,t){return e[0]===t[0]&&e[1]===t[1]}function Se(e){return Math.hypot(e[0],e[1])}function Pe(e){return e[0]*e[0]+e[1]*e[1]}function A(e,t){return Pe(a(e,t))}function G(e){return xe(e,Se(e))}function ae(e,t){return Math.hypot(e[1]-t[1],e[0]-t[0])}function L(e,t,s){let x=Math.sin(s),h=Math.cos(s),y=e[0]-t[0],n=e[1]-t[1],f=y*h-n*x,d=y*x+n*h;return [f+t[0],d+t[1]]}function K(e,t,s){return l(e,b(a(t,e),s))}function ee(e,t,s){return l(e,b(t,s))}var{min:C,PI:ke}=Math,le=.275,V=ke+1e-4;function te(e,t={}){let{size:s=16,smoothing:x=.5,thinning:h=.5,simulatePressure:y=true,easing:n=r=>r,start:f={},end:d={},last:D=false}=t,{cap:S=true,easing:j=r=>r*(2-r)}=f,{cap:q=true,easing:c=r=>--r*r*r+1}=d;if(e.length===0||s<=0)return [];let p=e[e.length-1].runningLength,g=f.taper===false?0:f.taper===true?Math.max(s,p):f.taper,T=d.taper===false?0:d.taper===true?Math.max(s,p):d.taper,oe=Math.pow(s*x,2),_=[],M=[],H=e.slice(0,10).reduce((r,i)=>{let o=i.pressure;if(y){let u=C(1,i.distance/s),W=C(1,1-u);o=C(1,r+(W-r)*(u*le));}return (r+o)/2},e[0].pressure),m=$(s,h,e[e.length-1].pressure,n),U,X=e[0].vector,z=e[0].point,F=z,O=z,E=F,J=false;for(let r=0;r<e.length;r++){let{pressure:i}=e[r],{point:o,vector:u,distance:W,runningLength:I}=e[r];if(r<e.length-1&&p-I<3)continue;if(h){if(y){let v=C(1,W/s),Z=C(1,1-v);i=C(1,H+(Z-H)*(v*le));}m=$(s,h,i,n);}else m=s/2;U===void 0&&(U=m);let fe=I<g?j(I/g):1,be=p-I<T?c((p-I)/T):1;m=Math.max(.01,m*Math.min(fe,be));let se=(r<e.length-1?e[r+1]:e[r]).vector,Y=r<e.length-1?B(u,se):1,he=B(u,X)<0&&!J,ue=Y!==null&&Y<0;if(he||ue){let v=b(R(X),m);for(let Z=1/13,w=0;w<=1;w+=Z)O=L(a(o,v),o,V*w),_.push(O),E=L(l(o,v),o,V*-w),M.push(E);z=O,F=E,ue&&(J=true);continue}if(J=false,r===e.length-1){let v=b(R(u),m);_.push(a(o,v)),M.push(l(o,v));continue}let ie=b(R(K(se,u,Y)),m);O=a(o,ie),(r<=1||A(z,O)>oe)&&(_.push(O),z=O),E=l(o,ie),(r<=1||A(F,E)>oe)&&(M.push(E),F=E),H=i,X=u;}let P=e[0].point.slice(0,2),k=e.length>1?e[e.length-1].point.slice(0,2):l(e[0].point,[1,1]),Q=[],N=[];if(e.length===1){if(!(g||T)||D){let r=ee(P,G(R(a(P,k))),-(U||m)),i=[];for(let o=1/13,u=o;u<=1;u+=o)i.push(L(r,P,V*2*u));return i}}else {if(!(g||T&&e.length===1))if(S)for(let i=1/13,o=i;o<=1;o+=i){let u=L(M[0],P,V*o);Q.push(u);}else {let i=a(_[0],M[0]),o=b(i,.5),u=b(i,.51);Q.push(a(P,o),a(P,u),l(P,u),l(P,o));}let r=R(ce(e[e.length-1].vector));if(T||g&&e.length===1)N.push(k);else if(q){let i=ee(k,r,m);for(let o=1/29,u=o;u<1;u+=o)N.push(L(i,k,V*3*u));}else N.push(l(k,b(r,m)),l(k,b(r,m*.99)),a(k,b(r,m*.99)),a(k,b(r,m)));}return _.concat(N,M.reverse(),Q)}function re(e,t={}){var q;let{streamline:s=.5,size:x=16,last:h=false}=t;if(e.length===0)return [];let y=.15+(1-s)*.85,n=Array.isArray(e[0])?e:e.map(({x:c,y:p,pressure:g=.5})=>[c,p,g]);if(n.length===2){let c=n[1];n=n.slice(0,-1);for(let p=1;p<5;p++)n.push(K(n[0],c,p/4));}n.length===1&&(n=[...n,[...l(n[0],[1,1]),...n[0].slice(2)]]);let f=[{point:[n[0][0],n[0][1]],pressure:n[0][2]>=0?n[0][2]:.25,vector:[1,1],distance:0,runningLength:0}],d=false,D=0,S=f[0],j=n.length-1;for(let c=1;c<n.length;c++){let p=h&&c===j?n[c].slice(0,2):K(S.point,n[c],y);if(me(S.point,p))continue;let g=ae(p,S.point);if(D+=g,c<j&&!d){if(D<x)continue;d=true;}S={point:p,pressure:n[c][2]>=0?n[c][2]:.5,vector:G(a(S.point,p)),distance:g,runningLength:D},f.push(S);}return f[0].vector=((q=f[1])==null?void 0:q.vector)||[0,0],f}function ne(e,t={}){return te(re(e,t),t)}var ve=ne; 
-	} (cjs));
-	return cjs;
-}
-
-var cjsExports = requireCjs();
-
-class KritzelMathHelper {
-    static average(a, b) {
-        return (a + b) / 2;
+    handlePointerUp(event) {
+        var _a, _b, _c, _d;
+        if (event.cancelable) {
+            event.preventDefault();
+        }
+        if (event.pointerType === 'mouse') {
+            (_a = this._store.state.activeText) === null || _a === void 0 ? void 0 : _a.adjustTextareaSize();
+            (_b = this._store.state.activeText) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        if (event.pointerType === 'touch') {
+            (_c = this._store.state.activeText) === null || _c === void 0 ? void 0 : _c.adjustTextareaSize();
+            (_d = this._store.state.activeText) === null || _d === void 0 ? void 0 : _d.focus();
+            KritzelKeyboardHelper.enableInteractiveWidget();
+        }
     }
 }
 
@@ -325,16 +493,174 @@ class KritzelBaseObject {
     }
 }
 
-class KritzelPath extends KritzelBaseObject {
-    constructor() {
-        super(...arguments);
-        this.__class__ = 'KritzelPath';
-        this.stroke = 'none';
-        this.lineSlack = 0.5;
-        this.x = 0;
-        this.y = 0;
-        this.height = 0;
-        this.width = 0;
+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.debugInfoVisible = 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);
+            }
+        }
+    }
+    onSelectedClick() {
+        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);
+    }
+}
+
+var cjs = {};
+
+var hasRequiredCjs;
+
+function requireCjs () {
+	if (hasRequiredCjs) return cjs;
+	hasRequiredCjs = 1;
+	(function (exports) {
+		var pe=Object.defineProperty;var ge=e=>pe(e,"__esModule",{value:true});var de=(e,t)=>{ge(e);for(var s in t)pe(e,s,{get:t[s],enumerable:true});};de(exports,{default:()=>ve,getStroke:()=>ne,getStrokeOutlinePoints:()=>te,getStrokePoints:()=>re});function $(e,t,s,x=h=>h){return e*x(.5-t*(.5-s))}function ce(e){return [-e[0],-e[1]]}function l(e,t){return [e[0]+t[0],e[1]+t[1]]}function a(e,t){return [e[0]-t[0],e[1]-t[1]]}function b(e,t){return [e[0]*t,e[1]*t]}function xe(e,t){return [e[0]/t,e[1]/t]}function R(e){return [e[1],-e[0]]}function B(e,t){return e[0]*t[0]+e[1]*t[1]}function me(e,t){return e[0]===t[0]&&e[1]===t[1]}function Se(e){return Math.hypot(e[0],e[1])}function Pe(e){return e[0]*e[0]+e[1]*e[1]}function A(e,t){return Pe(a(e,t))}function G(e){return xe(e,Se(e))}function ae(e,t){return Math.hypot(e[1]-t[1],e[0]-t[0])}function L(e,t,s){let x=Math.sin(s),h=Math.cos(s),y=e[0]-t[0],n=e[1]-t[1],f=y*h-n*x,d=y*x+n*h;return [f+t[0],d+t[1]]}function K(e,t,s){return l(e,b(a(t,e),s))}function ee(e,t,s){return l(e,b(t,s))}var{min:C,PI:ke}=Math,le=.275,V=ke+1e-4;function te(e,t={}){let{size:s=16,smoothing:x=.5,thinning:h=.5,simulatePressure:y=true,easing:n=r=>r,start:f={},end:d={},last:D=false}=t,{cap:S=true,easing:j=r=>r*(2-r)}=f,{cap:q=true,easing:c=r=>--r*r*r+1}=d;if(e.length===0||s<=0)return [];let p=e[e.length-1].runningLength,g=f.taper===false?0:f.taper===true?Math.max(s,p):f.taper,T=d.taper===false?0:d.taper===true?Math.max(s,p):d.taper,oe=Math.pow(s*x,2),_=[],M=[],H=e.slice(0,10).reduce((r,i)=>{let o=i.pressure;if(y){let u=C(1,i.distance/s),W=C(1,1-u);o=C(1,r+(W-r)*(u*le));}return (r+o)/2},e[0].pressure),m=$(s,h,e[e.length-1].pressure,n),U,X=e[0].vector,z=e[0].point,F=z,O=z,E=F,J=false;for(let r=0;r<e.length;r++){let{pressure:i}=e[r],{point:o,vector:u,distance:W,runningLength:I}=e[r];if(r<e.length-1&&p-I<3)continue;if(h){if(y){let v=C(1,W/s),Z=C(1,1-v);i=C(1,H+(Z-H)*(v*le));}m=$(s,h,i,n);}else m=s/2;U===void 0&&(U=m);let fe=I<g?j(I/g):1,be=p-I<T?c((p-I)/T):1;m=Math.max(.01,m*Math.min(fe,be));let se=(r<e.length-1?e[r+1]:e[r]).vector,Y=r<e.length-1?B(u,se):1,he=B(u,X)<0&&!J,ue=Y!==null&&Y<0;if(he||ue){let v=b(R(X),m);for(let Z=1/13,w=0;w<=1;w+=Z)O=L(a(o,v),o,V*w),_.push(O),E=L(l(o,v),o,V*-w),M.push(E);z=O,F=E,ue&&(J=true);continue}if(J=false,r===e.length-1){let v=b(R(u),m);_.push(a(o,v)),M.push(l(o,v));continue}let ie=b(R(K(se,u,Y)),m);O=a(o,ie),(r<=1||A(z,O)>oe)&&(_.push(O),z=O),E=l(o,ie),(r<=1||A(F,E)>oe)&&(M.push(E),F=E),H=i,X=u;}let P=e[0].point.slice(0,2),k=e.length>1?e[e.length-1].point.slice(0,2):l(e[0].point,[1,1]),Q=[],N=[];if(e.length===1){if(!(g||T)||D){let r=ee(P,G(R(a(P,k))),-(U||m)),i=[];for(let o=1/13,u=o;u<=1;u+=o)i.push(L(r,P,V*2*u));return i}}else {if(!(g||T&&e.length===1))if(S)for(let i=1/13,o=i;o<=1;o+=i){let u=L(M[0],P,V*o);Q.push(u);}else {let i=a(_[0],M[0]),o=b(i,.5),u=b(i,.51);Q.push(a(P,o),a(P,u),l(P,u),l(P,o));}let r=R(ce(e[e.length-1].vector));if(T||g&&e.length===1)N.push(k);else if(q){let i=ee(k,r,m);for(let o=1/29,u=o;u<1;u+=o)N.push(L(i,k,V*3*u));}else N.push(l(k,b(r,m)),l(k,b(r,m*.99)),a(k,b(r,m*.99)),a(k,b(r,m)));}return _.concat(N,M.reverse(),Q)}function re(e,t={}){var q;let{streamline:s=.5,size:x=16,last:h=false}=t;if(e.length===0)return [];let y=.15+(1-s)*.85,n=Array.isArray(e[0])?e:e.map(({x:c,y:p,pressure:g=.5})=>[c,p,g]);if(n.length===2){let c=n[1];n=n.slice(0,-1);for(let p=1;p<5;p++)n.push(K(n[0],c,p/4));}n.length===1&&(n=[...n,[...l(n[0],[1,1]),...n[0].slice(2)]]);let f=[{point:[n[0][0],n[0][1]],pressure:n[0][2]>=0?n[0][2]:.25,vector:[1,1],distance:0,runningLength:0}],d=false,D=0,S=f[0],j=n.length-1;for(let c=1;c<n.length;c++){let p=h&&c===j?n[c].slice(0,2):K(S.point,n[c],y);if(me(S.point,p))continue;let g=ae(p,S.point);if(D+=g,c<j&&!d){if(D<x)continue;d=true;}S={point:p,pressure:n[c][2]>=0?n[c][2]:.5,vector:G(a(S.point,p)),distance:g,runningLength:D},f.push(S);}return f[0].vector=((q=f[1])==null?void 0:q.vector)||[0,0],f}function ne(e,t={}){return te(re(e,t),t)}var ve=ne; 
+	} (cjs));
+	return cjs;
+}
+
+var cjsExports = requireCjs();
+
+class KritzelMathHelper {
+    static average(a, b) {
+        return (a + b) / 2;
+    }
+}
+
+class KritzelPath extends KritzelBaseObject {
+    constructor() {
+        super(...arguments);
+        this.__class__ = 'KritzelPath';
+        this.stroke = 'none';
+        this.lineSlack = 0.5;
+        this.x = 0;
+        this.y = 0;
+        this.height = 0;
+        this.width = 0;
         this.scale = 1;
         this.visible = true;
         this.debugInfoVisible = true;
@@ -443,36 +769,6 @@ class KritzelPath extends KritzelBaseObject {
     }
 }
 
-class KritzelBaseTool {
-    constructor(store) {
-        this.__class__ = this.constructor.name;
-        this.name = 'base-tool';
-        this._store = store;
-    }
-    onActivate() {
-        // default implementation
-    }
-    onDeactivate() {
-        // default implementation
-    }
-    handlePointerDown(_event) {
-        // default implementation
-    }
-    handlePointerMove(_event) {
-        // default implementation
-    }
-    handlePointerUp(_event) {
-        // default implementation
-    }
-    handleWheel(_event) {
-        // default implementation
-    }
-    revive(object) {
-        Object.assign(this, object);
-        return this;
-    }
-}
-
 class KritzelBrushTool extends KritzelBaseTool {
     constructor(store) {
         super(store);
@@ -585,303 +881,7 @@ class KritzelBrushTool extends KritzelBaseTool {
     }
 }
 
-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 = {};
-
-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.debugInfoVisible = 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);
-            }
-        }
-    }
-    onSelectedClick() {
-        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);
-    }
-}
-
-class KritzelKeyboardHelper {
-    static forceHideKeyboard() {
-        if (document.activeElement instanceof HTMLElement) {
-            document.activeElement.blur();
-        }
-    }
-    static enableInteractiveWidget() {
-        const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
-        if (meta) {
-            let currentContent = meta.getAttribute('content');
-            if (!currentContent.includes('interactive-widget=resizes-content')) {
-                currentContent += ', interactive-widget=resizes-content';
-            }
-            meta.setAttribute('content', currentContent);
-        }
-    }
-    static disableInteractiveWidget() {
-        const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
-        if (meta) {
-            let currentContent = meta.getAttribute('content');
-            let newContent = currentContent.replace(/\s*interactive-widget=resizes-content\s*[,;]?/g, '');
-            newContent = newContent
-                .replace(/,(\s*,)+/g, ',')
-                .replace(/^,/, '')
-                .replace(/,$/, '')
-                .trim();
-            meta.setAttribute('content', newContent);
-        }
-    }
-}
-
-class KritzelTextTool extends KritzelBaseTool {
-    constructor(store) {
-        super(store);
-        this.fontFamily = 'Arial';
-        this.fontSize = 16;
-        this.fontColor = '#000000';
-        this.palette = [
-            '#000000',
-            '#FFFFFF',
-            '#FF0000',
-            '#00FF00',
-            '#0000FF',
-            '#FFFF00',
-            '#FF00FF',
-            '#00FFFF',
-            '#808080',
-            '#C0C0C0',
-            '#800000',
-            '#008000',
-            '#000080',
-            '#808000',
-            '#800080',
-        ];
-    }
-    handlePointerDown(event) {
-        if (event.cancelable) {
-            event.preventDefault();
-        }
-        if (event.pointerType === 'mouse') {
-            const path = event.composedPath().slice(1);
-            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._store.findObjectById(objectElement === null || objectElement === void 0 ? void 0 : objectElement.id);
-            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
-                this._store.state.activeText = object;
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null && object instanceof KritzelText) {
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null) {
-                this._store.resetActiveText();
-                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
-            }
-            if (KritzelEventHelper.isLeftClick(event) === false) {
-                return;
-            }
-            const clientX = event.clientX - this._store.offsetX;
-            const clientY = event.clientY - this._store.offsetY;
-            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
-            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
-            text.zIndex = this._store.currentZIndex;
-            this._store.state.activeText = text;
-            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
-        }
-        if (event.pointerType === 'touch') {
-            const activePointers = Array.from(this._store.state.pointers.values());
-            const path = event.composedPath().slice(1);
-            const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-            const object = this._store.findObjectById(objectElement === null || objectElement === void 0 ? void 0 : objectElement.id);
-            if (this._store.state.activeText === null && object && object instanceof KritzelText) {
-                this._store.state.activeText = object;
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null && object instanceof KritzelText) {
-                object.focus();
-                return;
-            }
-            if (this._store.state.activeText !== null) {
-                this._store.resetActiveText();
-                this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
-                return;
-            }
-            if (activePointers.length > 1) {
-                return;
-            }
-            KritzelKeyboardHelper.disableInteractiveWidget();
-            const clientX = Math.round(activePointers[0].clientX - this._store.offsetX);
-            const clientY = Math.round(activePointers[0].clientY - this._store.offsetY);
-            const text = KritzelText.create(this._store, this.fontSize, this.fontFamily);
-            text.fontColor = this.fontColor;
-            text.translateX = (clientX - this._store.state.translateX) / this._store.state.scale;
-            text.translateY = (clientY - this._store.state.translateY) / this._store.state.scale;
-            text.zIndex = this._store.currentZIndex;
-            this._store.state.activeText = text;
-            this._store.history.executeCommand(new AddObjectCommand(this._store, this, text));
-        }
-    }
-    handlePointerUp(event) {
-        var _a, _b, _c, _d;
-        if (event.cancelable) {
-            event.preventDefault();
-        }
-        if (event.pointerType === 'mouse') {
-            (_a = this._store.state.activeText) === null || _a === void 0 ? void 0 : _a.adjustTextareaSize();
-            (_b = this._store.state.activeText) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-        if (event.pointerType === 'touch') {
-            (_c = this._store.state.activeText) === null || _c === void 0 ? void 0 : _c.adjustTextareaSize();
-            (_d = this._store.state.activeText) === null || _d === void 0 ? void 0 : _d.focus();
-            KritzelKeyboardHelper.enableInteractiveWidget();
-        }
-    }
-}
-
-export { AddObjectCommand as A, KritzelBrushTool as K, ObjectHelper as O, KritzelTextTool as a, KritzelBaseCommand as b, KritzelBaseTool as c, KritzelEventHelper as d, KritzelBaseObject as e, KritzelText as f, KritzelPath as g, KritzelToolRegistry as h, KritzelKeyboardHelper as i };
-//# sourceMappingURL=p-DqZOaMbq.js.map
+export { AddObjectCommand as A, KritzelText as K, ObjectHelper as O, KritzelBrushTool as a, KritzelTextTool as b, KritzelBaseCommand as c, KritzelBaseTool as d, KritzelEventHelper as e, KritzelBaseObject as f, KritzelPath as g, KritzelToolRegistry as h, KritzelKeyboardHelper as i };
+//# sourceMappingURL=p-BIlVkMTU.js.map
 
-//# sourceMappingURL=p-DqZOaMbq.js.map
+//# sourceMappingURL=p-BIlVkMTU.js.map