kritzel-stencil 0.1.25 → 0.1.26

package/dist/cjs/{default-line-tool.config-nMR5iYBB.js → default-line-tool.config-Dbu-DwOX.js}

@@ -15087,8 +15087,7 @@ function requireCjs () {
 	if (hasRequiredCjs) return cjs;
 	hasRequiredCjs = 1;
 	(function (exports) {
-		Object.defineProperties(exports,{__esModule:{value:true},[Symbol.toStringTag]:{value:`Module`}});const{PI:e}=Math,t=e+1e-4,n=.5,r=[1,1];function i(e,t,n,r=e=>e){return e*r(.5-t*(.5-n))}const{min:a}=Math;function o(e,t,n){let r=a(1,t/n);return a(1,e+(a(1,1-r)-e)*(r*.275))}function s(e){return [-e[0],-e[1]]}function c(e,t){return [e[0]+t[0],e[1]+t[1]]}function l(e,t,n){return e[0]=t[0]+n[0],e[1]=t[1]+n[1],e}function u(e,t){return [e[0]-t[0],e[1]-t[1]]}function d(e,t,n){return e[0]=t[0]-n[0],e[1]=t[1]-n[1],e}function f(e,t){return [e[0]*t,e[1]*t]}function p(e,t,n){return e[0]=t[0]*n,e[1]=t[1]*n,e}function m(e,t){return [e[0]/t,e[1]/t]}function h(e){return [e[1],-e[0]]}function g(e,t){let n=t[0];return e[0]=t[1],e[1]=-n,e}function ee(e,t){return e[0]*t[0]+e[1]*t[1]}function _(e,t){return e[0]===t[0]&&e[1]===t[1]}function v(e){return Math.hypot(e[0],e[1])}function y(e,t){let n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function b(e){return m(e,v(e))}function x(e,t){return Math.hypot(e[1]-t[1],e[0]-t[0])}function S(e,t,n){let r=Math.sin(n),i=Math.cos(n),a=e[0]-t[0],o=e[1]-t[1],s=a*i-o*r,c=a*r+o*i;return [s+t[0],c+t[1]]}function C(e,t,n,r){let i=Math.sin(r),a=Math.cos(r),o=t[0]-n[0],s=t[1]-n[1],c=o*a-s*i,l=o*i+s*a;return e[0]=c+n[0],e[1]=l+n[1],e}function w(e,t,n){return c(e,f(u(t,e),n))}function te(e,t,n,r){let i=n[0]-t[0],a=n[1]-t[1];return e[0]=t[0]+i*r,e[1]=t[1]+a*r,e}function T(e,t,n){return c(e,f(t,n))}const E=[0,0],D=[0,0],O=[0,0];function k(e,n){let r=T(e,b(h(u(e,c(e,[1,1])))),-n),i=[],a=1/13;for(let n=a;n<=1;n+=a)i.push(S(r,e,t*2*n));return i}function A(e,n,r){let i=[],a=1/r;for(let r=a;r<=1;r+=a)i.push(S(n,e,t*r));return i}function j(e,t,n){let r=u(t,n),i=f(r,.5),a=f(r,.51);return [u(e,i),u(e,a),c(e,a),c(e,i)]}function M(e,n,r,i){let a=[],o=T(e,n,r),s=1/i;for(let n=s;n<1;n+=s)a.push(S(o,e,t*3*n));return a}function ne(e,t,n){return [c(e,f(t,n)),c(e,f(t,n*.99)),u(e,f(t,n*.99)),u(e,f(t,n))]}function N(e,t,n){return e===false||e===void 0?0:e===true?Math.max(t,n):e}function re(e,t,n){return e.slice(0,10).reduce((e,r)=>{let i=r.pressure;return t&&(i=o(e,r.distance,n)),(e+i)/2},e[0].pressure)}function P(e,n={}){let{size:r=16,smoothing:a=.5,thinning:f=.5,simulatePressure:m=true,easing:_=e=>e,start:v={},end:b={},last:x=false}=n,{cap:S=true,easing:w=e=>e*(2-e)}=v,{cap:T=true,easing:P=e=>--e*e*e+1}=b;if(e.length===0||r<=0)return [];let F=e[e.length-1].runningLength,I=N(v.taper,r,F),L=N(b.taper,r,F),R=(r*a)**2,z=[],B=[],V=re(e,m,r),H=i(r,f,e[e.length-1].pressure,_),U,W=e[0].vector,G=e[0].point,K=G,q=G,J=K,Y=false;for(let n=0;n<e.length;n++){let{pressure:a}=e[n],{point:s,vector:h,distance:v,runningLength:b}=e[n],x=n===e.length-1;if(!x&&F-b<3)continue;f?(m&&(a=o(V,v,r)),H=i(r,f,a,_)):H=r/2,U===void 0&&(U=H);let S=b<I?w(b/I):1,T=F-b<L?P((F-b)/L):1;H=Math.max(.01,H*Math.min(S,T));let k=(x?e[n]:e[n+1]).vector,A=x?1:ee(h,k),j=ee(h,W)<0&&!Y,M=A!==null&&A<0;if(j||M){g(E,W),p(E,E,H);for(let e=0;e<=1;e+=.07692307692307693)d(D,s,E),C(D,D,s,t*e),q=[D[0],D[1]],z.push(q),l(O,s,E),C(O,O,s,t*-e),J=[O[0],O[1]],B.push(J);G=q,K=J,M&&(Y=true);continue}if(Y=false,x){g(E,h),p(E,E,H),z.push(u(s,E)),B.push(c(s,E));continue}te(E,k,h,A),g(E,E),p(E,E,H),d(D,s,E),q=[D[0],D[1]],(n<=1||y(G,q)>R)&&(z.push(q),G=q),l(O,s,E),J=[O[0],O[1]],(n<=1||y(K,J)>R)&&(B.push(J),K=J),V=a,W=h;}let X=[e[0].point[0],e[0].point[1]],Z=e.length>1?[e[e.length-1].point[0],e[e.length-1].point[1]]:c(e[0].point,[1,1]),Q=[],$=[];if(e.length===1){if(!(I||L)||x)return k(X,U||H)}else {I||L&&e.length===1||(S?Q.push(...A(X,B[0],13)):Q.push(...j(X,z[0],B[0])));let t=h(s(e[e.length-1].vector));L||I&&e.length===1?$.push(Z):T?$.push(...M(Z,t,H,29)):$.push(...ne(Z,t,H));}return z.concat($,B.reverse(),Q)}const F=[0,0];function I(e){return e!=null&&e>=0}function L(e,t={}){let{streamline:i=.5,size:a=16,last:o=false}=t;if(e.length===0)return [];let s=.15+(1-i)*.85,l=Array.isArray(e[0])?e:e.map(({x:e,y:t,pressure:r=n})=>[e,t,r]);if(l.length===2){let e=l[1];l=l.slice(0,-1);for(let t=1;t<5;t++)l.push(w(l[0],e,t/4));}l.length===1&&(l=[...l,[...c(l[0],r),...l[0].slice(2)]]);let u=[{point:[l[0][0],l[0][1]],pressure:I(l[0][2])?l[0][2]:.25,vector:[...r],distance:0,runningLength:0}],f=false,p=0,m=u[0],h=l.length-1;for(let e=1;e<l.length;e++){let t=o&&e===h?[l[e][0],l[e][1]]:w(m.point,l[e],s);if(_(m.point,t))continue;let r=x(t,m.point);if(p+=r,e<h&&!f){if(p<a)continue;f=true;}d(F,m.point,t),m={point:t,pressure:I(l[e][2])?l[e][2]:n,vector:b(F),distance:r,runningLength:p},u.push(m);}return u[0].vector=u[1]?.vector||[0,0],u}function R(e,t={}){return P(L(e,t),t)}var z=R;exports.default=z,exports.getStroke=R,exports.getStrokeOutlinePoints=P,exports.getStrokePoints=L;
-		
+		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;
 }
@@ -16818,7 +16817,10 @@ class KritzelBrushTool extends KritzelBaseTool {
 class KritzelSelectionGroup extends KritzelBaseObject {
     __class__ = 'KritzelSelectionGroup';
     // Store only object IDs instead of full objects
-    objectIds = [];
+    _objectIds = [];
+    // Cached objects array - invalidated when objectIds changes
+    _cachedObjects = null;
+    _cachedObjectIdsHash = '';
     // Store snapshots of object state for transformations (rotation, resize)
     unchangedObjectSnapshots = new Map();
     snapshotRotation = 0;
@@ -16826,16 +16828,36 @@ class KritzelSelectionGroup extends KritzelBaseObject {
     maxX;
     minY;
     maxY;
+    get objectIds() {
+        return this._objectIds;
+    }
+    set objectIds(value) {
+        this._objectIds = value;
+        this._cachedObjects = null; // Invalidate cache
+    }
+    /**
+     * Invalidate the cached objects array. Call this when objects might have changed
+     * externally (e.g., after undo/redo operations).
+     */
+    invalidateObjectsCache() {
+        this._cachedObjects = null;
+    }
     // Getter to retrieve actual objects from the store by their IDs
-    // Optimized: Single filter pass with Set lookup - O(n+m) instead of O(n×m)
+    // Optimized: Caches result and only recomputes when objectIds changes
     get objects() {
-        const idSet = new Set(this.objectIds);
+        const currentHash = this._objectIds.join(',');
+        if (this._cachedObjects !== null && this._cachedObjectIdsHash === currentHash) {
+            return this._cachedObjects;
+        }
+        const idSet = new Set(this._objectIds);
         const foundObjects = this._core.store.state.objects.filter(obj => idSet.has(obj.id));
         // Preserve the original order from objectIds
         const objectMap = new Map(foundObjects.map(obj => [obj.id, obj]));
-        return this.objectIds
+        this._cachedObjects = this._objectIds
             .map(id => objectMap.get(id))
             .filter((obj) => obj !== undefined);
+        this._cachedObjectIdsHash = currentHash;
+        return this._cachedObjects;
     }
     get length() {
         return this.objectIds.length;
@@ -16850,49 +16872,60 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         return object;
     }
     addOrRemove(object) {
-        const index = this.objectIds.findIndex(id => id === object.id);
+        const index = this._objectIds.findIndex(id => id === object.id);
         if (index === -1) {
-            this.objectIds.push(object.id);
+            this._objectIds.push(object.id);
         }
         else {
-            this.objectIds.splice(index, 1);
+            this._objectIds.splice(index, 1);
         }
-        this.captureUnchangedSnapshots();
-        this.refreshObjectDimensions();
+        this._cachedObjects = null; // Invalidate cache
+        const children = this.objects; // Get cached objects once
+        this.captureUnchangedSnapshots(children);
+        this.refreshObjectDimensions(children);
     }
     /**
      * Prepares the selection group and its children for a transform interaction (rotate/resize).
      * Ensures snapshot state is aligned with the current visual state.
      */
     beginTransform() {
+        const children = this.objects; // Get cached objects once
         // Keep the selection group's bounding box current before snapshotting.
-        this.refreshObjectDimensions();
-        this.captureUnchangedSnapshots();
+        this.refreshObjectDimensions(children);
+        this.captureUnchangedSnapshots(children);
         // Groups need their own child snapshots aligned with the current transform.
-        this.objects.forEach(obj => {
+        for (const obj of children) {
             if (obj instanceof KritzelGroup) {
                 obj.finalize();
             }
-        });
+        }
     }
     deselectAllChildren() {
-        this.objects.forEach(obj => (obj.isSelected = false));
+        const children = this.objects;
+        for (const obj of children) {
+            obj.isSelected = false;
+        }
     }
     updateWorkspaceId(workspaceId) {
         this.workspaceId = workspaceId;
-        this.objects.forEach(obj => (obj.workspaceId = workspaceId));
+        const children = this.objects;
+        for (const obj of children) {
+            obj.workspaceId = workspaceId;
+        }
     }
     updateZIndices(startZIndex) {
-        this.objects.forEach((obj, i) => {
-            obj.zIndex = startZIndex + i;
-        });
+        const children = this.objects;
+        for (let i = 0; i < children.length; i++) {
+            children[i].zIndex = startZIndex + i;
+        }
     }
     updatePosition(x, y) {
-        this.objects.forEach(obj => {
+        const children = this.objects;
+        for (const obj of children) {
             const deltaX = obj.translateX - this.translateX;
             const deltaY = obj.translateY - this.translateY;
             obj.updatePosition(x + deltaX, y + deltaY);
-        });
+        }
         // Update snapshots
         this.unchangedObjectSnapshots.forEach(snapshot => {
             const deltaX = snapshot.translateX - this.translateX;
@@ -16927,8 +16960,11 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         });
     }
     serialize() {
-        const { _core, _elementRef, element, totalWidth, totalHeight, unchangedObjectSnapshots, ...remainingProps } = this;
+        const { _core, _elementRef, element, totalWidth, totalHeight, unchangedObjectSnapshots, _cachedObjects, _cachedObjectIdsHash, ...remainingProps } = this;
         const clonedProps = structuredClone(remainingProps);
+        // Ensure objectIds is serialized with the correct key name (getter returns _objectIds)
+        clonedProps.objectIds = this.objectIds;
+        delete clonedProps._objectIds;
         if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {
             clonedProps.element = element.cloneNode(true);
         }
@@ -16939,6 +16975,10 @@ class KritzelSelectionGroup extends KritzelBaseObject {
     deserialize(object) {
         // First, deserialize all base properties using parent's deserialize
         super.deserialize(object);
+        // Restore objectIds through setter
+        if (object.objectIds) {
+            this.objectIds = object.objectIds;
+        }
         // Restore the Map from serialized object
         if (object.unchangedObjectSnapshots) {
             this.unchangedObjectSnapshots = new Map(Object.entries(object.unchangedObjectSnapshots));
@@ -16958,11 +16998,12 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         this.translateY += deltaY;
         this._core.store.state.objects.transaction(() => {
             this._core.store.state.objects.update(this);
-            this.objects.forEach(obj => {
+            const children = this.objects;
+            for (const obj of children) {
                 obj.move(startX, startY, endX, endY);
                 // Update any lines that are anchored to this object
                 this._core.anchorManager.updateAnchorsForObject(obj.id);
-            });
+            }
         });
         // Update snapshots
         this.unchangedObjectSnapshots.forEach(snapshot => {
@@ -17047,31 +17088,33 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         this._core.store.state.objects.transaction(() => {
             // Update the SelectionGroup itself to propagate rotation to other tabs
             this._core.store.state.objects.update(this);
-            children.forEach(child => {
+            const childCount = children.length;
+            for (const child of children) {
                 const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);
                 if (!unchangedSnapshot)
-                    return;
+                    continue;
                 const offsetX = this.getOffsetXToCenterFromSnapshot(unchangedSnapshot);
                 const offsetY = this.getOffsetYToCenterFromSnapshot(unchangedSnapshot);
                 const rotatedX = cos * offsetX - sin * offsetY;
                 const rotatedY = sin * offsetX + cos * offsetY;
                 child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;
                 child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;
-                child.rotate(this.objects.length === 1 ? value : unchangedSnapshot.rotation + angle);
-            });
+                child.rotate(childCount === 1 ? value : unchangedSnapshot.rotation + angle);
+            }
         });
     }
     copy() {
         const selectionGroup = KritzelSelectionGroup.create(this._core);
-        this.objects
-            .sort((a, b) => a.zIndex - b.zIndex)
-            .forEach(obj => {
+        const children = this.objects;
+        // Sort children by zIndex and copy them
+        const sortedChildren = [...children].sort((a, b) => a.zIndex - b.zIndex);
+        for (const obj of sortedChildren) {
             const copiedObject = obj.copy();
             selectionGroup.addOrRemove(copiedObject);
-        });
+        }
         selectionGroup.captureUnchangedSnapshots();
-        if (this.objects.length === 1) {
-            selectionGroup.rotation = this.objects[0].rotation;
+        if (children.length === 1) {
+            selectionGroup.rotation = children[0].rotation;
         }
         return selectionGroup;
     }
@@ -17146,16 +17189,22 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         return objCenterY - groupCenterY;
     }
     hitTest(x, y) {
-        const isSingleLine = this.objects.length === 1 && this.objects[0].__class__ === 'KritzelLine';
+        const children = this.objects;
+        const isSingleLine = children.length === 1 && children[0].__class__ === 'KritzelLine';
         if (isSingleLine) {
-            return this.objects[0].hitTest(x, y);
+            return children[0].hitTest(x, y);
         }
         const polygon = this.rotatedPolygon;
         const polyPoints = [polygon.topLeft, polygon.topRight, polygon.bottomRight, polygon.bottomLeft];
         if (KritzelGeometryHelper.isPointInPolygon({ x, y }, polyPoints)) {
             return true;
         }
-        return this.objects.some(obj => obj.hitTest(x, y));
+        for (const obj of children) {
+            if (obj.hitTest(x, y)) {
+                return true;
+            }
+        }
+        return false;
     }
 }
 

package/dist/cjs/{index-i21-qqbc.js → index-NMqsANCI.js}

@@ -22,7 +22,7 @@ const NAMESPACE = 'stencil';
 const BUILD = /* stencil */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.0 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -568,6 +568,36 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
         plt.ael(elm, memberName, newValue, capture);
       }
     }
+  } else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const propName = memberName.slice(5);
+    let attrName;
+    {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
   } else {
     const isComplex = isComplexType(newValue);
     if ((isProp || isComplex && newValue !== null) && !isSvg) {
@@ -576,7 +606,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
           const n = newValue == null ? "" : newValue;
           if (memberName === "list") {
             isProp = false;
-          } else if (oldValue == null || elm[memberName] != n) {
+          } else if (oldValue == null || elm[memberName] !== n) {
             if (typeof elm.__lookupSetter__(memberName) === "function") {
               elm[memberName] = n;
             } else {
@@ -1038,7 +1068,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
     if (childrenPromises.length === 0) {
       postUpdate();
     } else {
-      Promise.all(childrenPromises).then(postUpdate);
+      Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
       hostRef.$flags$ |= 4 /* isWaitingForChildren */;
       childrenPromises.length = 0;
     }
@@ -1165,13 +1195,16 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         });
       }
     }
-    if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+    if (flags & 2 /* hasRendered */) {
       if (instance.componentShouldUpdate) {
-        if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+        const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
+        if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
           return;
         }
       }
-      scheduleUpdate(hostRef, false);
+      if (!(flags & 16 /* isQueuedForUpdate */)) {
+        scheduleUpdate(hostRef, false);
+      }
     }
   }
 };
@@ -1340,73 +1373,84 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
-  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
-    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    const bundleId = cmpMeta.$lazyBundleId$;
-    if (bundleId) {
-      const CstrImport = loadModule(cmpMeta, hostRef);
-      if (CstrImport && "then" in CstrImport) {
-        const endLoad = uniqueTime();
-        Cstr = await CstrImport;
-        endLoad();
-      } else {
-        Cstr = CstrImport;
-      }
-      if (!Cstr) {
-        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
-      }
-      if (!Cstr.isProxied) {
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (bundleId) {
+        const CstrImport = loadModule(cmpMeta, hostRef);
+        if (CstrImport && "then" in CstrImport) {
+          const endLoad = uniqueTime();
+          Cstr = await CstrImport;
+          endLoad();
+        } else {
+          Cstr = CstrImport;
+        }
+        if (!Cstr) {
+          throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+        }
+        if (!Cstr.isProxied) {
+          {
+            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$serializers$ = Cstr.serializers;
+            cmpMeta.$deserializers$ = Cstr.deserializers;
+          }
+          proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+          Cstr.isProxied = true;
+        }
+        const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
         {
-          cmpMeta.$watchers$ = Cstr.watchers;
-          cmpMeta.$serializers$ = Cstr.serializers;
-          cmpMeta.$deserializers$ = Cstr.deserializers;
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
         }
-        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
-        Cstr.isProxied = true;
-      }
-      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-      {
-        hostRef.$flags$ |= 8 /* isConstructingInstance */;
-      }
-      try {
-        new Cstr(hostRef);
-      } catch (e) {
-        consoleError(e, elm);
-      }
-      {
-        hostRef.$flags$ &= -9 /* isConstructingInstance */;
-      }
-      {
-        hostRef.$flags$ |= 128 /* isWatchReady */;
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        {
+          hostRef.$flags$ &= -9 /* isConstructingInstance */;
+        }
+        {
+          hostRef.$flags$ |= 128 /* isWatchReady */;
+        }
+        endNewInstance();
+        {
+          fireConnectedCallback(hostRef.$lazyInstance$, elm);
+        }
+      } else {
+        Cstr = elm.constructor;
+        const cmpTag = elm.localName;
+        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
       }
-      endNewInstance();
-      {
-        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      if (Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        }
+        const scopeId2 = getScopeId(cmpMeta);
+        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+          endRegisterStyles();
+        }
       }
+    }
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
     } else {
-      Cstr = elm.constructor;
-      const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
-    }
-    if (Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      }
-      const scopeId2 = getScopeId(cmpMeta);
-      if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
-        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-        endRegisterStyles();
-      }
+      schedule();
+    }
+  } catch (e) {
+    consoleError(e, elm);
+    if (hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (hostRef.$onReadyResolve$) {
+      hostRef.$onReadyResolve$(elm);
     }
-  }
-  const ancestorComponent = hostRef.$ancestorComponent$;
-  const schedule = () => scheduleUpdate(hostRef, true);
-  if (ancestorComponent && ancestorComponent["s-rc"]) {
-    ancestorComponent["s-rc"].push(schedule);
-  } else {
-    schedule();
   }
 };
 var fireConnectedCallback = (instance, elm) => {

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var defaultLineTool_config = require('./default-line-tool.config-nMR5iYBB.js');
+var defaultLineTool_config = require('./default-line-tool.config-Dbu-DwOX.js');
 
 /**
  * BroadcastChannel sync provider for cross-tab synchronization

package/dist/cjs/kritzel-back-to-content_32.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-i21-qqbc.js');
-var defaultLineTool_config = require('./default-line-tool.config-nMR5iYBB.js');
+var index = require('./index-NMqsANCI.js');
+var defaultLineTool_config = require('./default-line-tool.config-Dbu-DwOX.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -19692,8 +19692,16 @@ class KritzelQuadtree {
     }
     query(range) {
         const results = [];
+        this._queryInto(range, results);
+        return results;
+    }
+    /**
+     * Internal method that collects query results into a pre-allocated array.
+     * Avoids creating intermediate arrays from spread operators.
+     */
+    _queryInto(range, results) {
         if (!this.intersects(range, this.bounds)) {
-            return results;
+            return;
         }
         for (const object of this.objects) {
             if (this.intersects(object.rotatedBoundingBox, range)) {
@@ -19702,28 +19710,49 @@ class KritzelQuadtree {
         }
         if (this.children !== null) {
             for (const child of this.children) {
-                results.push(...child.query(range));
+                child._queryInto(range, results);
             }
         }
-        return results;
     }
     filter(predicate) {
-        const results = this.objects.filter(o => predicate(o));
+        const results = [];
+        this._filterInto(predicate, results);
+        return results;
+    }
+    /**
+     * Internal method that collects filter results into a pre-allocated array.
+     * Avoids creating intermediate arrays from spread operators.
+     */
+    _filterInto(predicate, results) {
+        for (const obj of this.objects) {
+            if (predicate(obj)) {
+                results.push(obj);
+            }
+        }
         if (this.children !== null) {
             for (const child of this.children) {
-                results.push(...child.filter(predicate));
+                child._filterInto(predicate, results);
             }
         }
-        return results;
     }
     allObjects() {
-        const results = [...this.objects];
+        const results = [];
+        this._collectAllInto(results);
+        return results;
+    }
+    /**
+     * Internal method that collects all objects into a pre-allocated array.
+     * Avoids creating intermediate arrays from spread operators.
+     */
+    _collectAllInto(results) {
+        for (const obj of this.objects) {
+            results.push(obj);
+        }
         if (this.children !== null) {
             for (const child of this.children) {
-                results.push(...child.allObjects());
+                child._collectAllInto(results);
             }
         }
-        return results;
     }
     subdivide() {
         const { x, y, z, width, height } = this.bounds;
@@ -23742,7 +23771,7 @@ const KritzelPortal = class {
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-const KRITZEL_VERSION = '0.1.25';
+const KRITZEL_VERSION = '0.1.26';
 
 const kritzelSettingsCss = () => `:host{display:contents}kritzel-dialog{--kritzel-dialog-body-padding:0;--kritzel-dialog-width-large:800px;--kritzel-dialog-height-large:500px}.footer-button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.cancel-button{border:1px solid #ebebeb;background:#fff;color:inherit}.cancel-button:hover{background:#f5f5f5}.settings-content{padding:0}.settings-content h3{margin:0 0 16px 0;font-size:18px;font-weight:600;color:var(--kritzel-settings-content-heading-color, #333333)}.settings-content p{margin:0;font-size:14px;color:var(--kritzel-settings-content-text-color, #666666);line-height:1.5}.settings-group{display:flex;flex-direction:column;gap:24px}.settings-item{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-label{font-size:14px;font-weight:500;color:var(--kritzel-settings-label-color, #333333);margin:0}.settings-description{font-size:12px;color:var(--kritzel-settings-description-color, #888888);margin:0;line-height:1.4}`;
 

package/dist/cjs/kritzel-brush-style.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-i21-qqbc.js');
+var index = require('./index-NMqsANCI.js');
 
 const kritzelBrushStyleCss = () => `:host{display:flex;align-items:flex-start;gap:8px;padding:8px;box-sizing:border-box;width:100%}.brush-style-button{display:flex;justify-content:center;align-items:center;width:42px;height:32px;padding:0;border:none;outline:none;background:none;border-radius:0;color:var(--control-text-color);font-weight:bold;-webkit-tap-highlight-color:transparent}.font-style-button:not(:last-child){border-right:1px solid #333333}.font-style-button:hover{background-color:var(--control-hover-bg)}.font-style-button:active{background-color:var(--control-active-bg)}.font-style-button.selected,.font-style-button.selected:hover,.font-style-button.selected:active{background-color:var(--control-selected-bg);color:var(--control-selected-color)}`;
 

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-i21-qqbc.js');
+var index = require('./index-NMqsANCI.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/stencil.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-i21-qqbc.js');
+var index = require('./index-NMqsANCI.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {