kritzel-stencil 0.1.31 → 0.1.33

package/dist/cjs/{default-line-tool.config-qD8Chdg7.js → alignment.enum-B6ffXMOy.js}

@@ -16,6 +16,9 @@ class KritzelToolRegistry {
         }
         return toolInstance;
     }
+    static getToolByIndex(index) {
+        return Object.values(this.registry)[index] ?? null;
+    }
 }
 
 class ObjectHelper {
@@ -450,6 +453,9 @@ class KritzelDevicesHelper {
             return 'Other';
         }
     }
+    static isMobile() {
+        return this.isIOS() || this.isAndroid();
+    }
     static isFirefox() {
         return /firefox/i.test(navigator.userAgent);
     }
@@ -484,82 +490,25 @@ class KritzelKeyboardHelper {
             meta.setAttribute('content', newContent);
         }
     }
-    static isTextInputFocused() {
-        const activeElement = document.activeElement;
-        if (!activeElement)
-            return false;
-        // Check for standard text input elements
-        if (activeElement instanceof HTMLInputElement) {
-            const textTypes = ['text', 'password', 'email', 'number', 'search', 'tel', 'url'];
-            return textTypes.includes(activeElement.type);
-        }
-        if (activeElement instanceof HTMLTextAreaElement) {
-            return true;
-        }
-        // Check for contenteditable elements
-        if (activeElement instanceof HTMLElement && activeElement.isContentEditable) {
-            return true;
-        }
-        return false;
-    }
     static onKeyboardVisibleChanged(callback) {
-        const os = KritzelDevicesHelper.detectOS();
-        if (os !== 'iOS' && os !== 'Android') {
-            return () => { };
-        }
-        // Use VirtualKeyboard API if available (modern browsers)
-        if ('virtualKeyboard' in navigator) {
-            const vk = navigator.virtualKeyboard;
-            const onGeometryChange = () => {
-                const isOpen = vk.boundingRect.height > 0;
-                callback(isOpen);
-            };
-            vk.addEventListener('geometrychange', onGeometryChange);
-            return () => vk.removeEventListener('geometrychange', onGeometryChange);
-        }
-        // Fallback: combine focus detection with viewport changes
         if ('visualViewport' in window) {
             const VIEWPORT_VS_CLIENT_HEIGHT_RATIO = 0.75;
-            let initialHeight = window.visualViewport.height;
-            const checkKeyboardState = () => {
-                const viewportRatio = (window.visualViewport.height * window.visualViewport.scale) / initialHeight;
-                const viewportShrunk = viewportRatio < VIEWPORT_VS_CLIENT_HEIGHT_RATIO;
-                const isOpen = viewportShrunk && this.isTextInputFocused();
+            const onResize = (event) => {
+                const target = event.target;
+                const isMobileDevice = KritzelDevicesHelper.isMobile();
+                const isViewportReduced = (target.height * target.scale) / window.screen.height < VIEWPORT_VS_CLIENT_HEIGHT_RATIO;
+                const isOpen = isMobileDevice && isViewportReduced;
                 callback(isOpen);
             };
-            const onResize = () => {
-                checkKeyboardState();
-            };
-            const onFocusIn = () => {
-                // Update initial height when focus changes to capture pre-keyboard state
-                if (!this.isTextInputFocused()) {
-                    initialHeight = window.visualViewport.height;
-                }
-                // Small delay to allow viewport to adjust
-                setTimeout(checkKeyboardState, 100);
-            };
-            const onFocusOut = () => {
-                // Keyboard closes when focus leaves text inputs
-                setTimeout(() => {
-                    if (!this.isTextInputFocused()) {
-                        callback(false);
-                        // Reset initial height after keyboard closes
-                        setTimeout(() => {
-                            initialHeight = window.visualViewport.height;
-                        }, 300);
-                    }
-                }, 100);
-            };
             window.visualViewport.addEventListener('resize', onResize);
-            document.addEventListener('focusin', onFocusIn);
-            document.addEventListener('focusout', onFocusOut);
-            return () => {
-                window.visualViewport.removeEventListener('resize', onResize);
-                document.removeEventListener('focusin', onFocusIn);
-                document.removeEventListener('focusout', onFocusOut);
-            };
+            return () => window.visualViewport.removeEventListener('resize', onResize);
+        }
+        else {
+            // Fallback for older browsers does not provide a reliable event-based mechanism.
+            console.warn('Listening for keyboard visibility changes is not reliably supported in this browser.');
+            // Return a no-op cleanup function.
+            return () => { };
         }
-        return () => { };
     }
 }
 
@@ -3396,7 +3345,7 @@ function wsOptionsFor(type, preserveWhitespace, base) {
     if (preserveWhitespace != null)
         return (preserveWhitespace ? OPT_PRESERVE_WS : 0) |
             (preserveWhitespace === "full" ? OPT_PRESERVE_WS_FULL : 0);
-    return type && type.whitespace == "pre" ? OPT_PRESERVE_WS | OPT_PRESERVE_WS_FULL : base & -5;
+    return type && type.whitespace == "pre" ? OPT_PRESERVE_WS | OPT_PRESERVE_WS_FULL : base & ~OPT_OPEN_LEFT;
 }
 class NodeContext {
     constructor(type, attrs, marks, solid, match, options) {
@@ -6801,7 +6750,7 @@ let Transaction$1 = class Transaction extends Transform {
             throw new RangeError("Selection passed to setSelection must point at the current document");
         this.curSelection = selection;
         this.curSelectionFor = this.steps.length;
-        this.updated = (this.updated | UPDATED_SEL) & -3;
+        this.updated = (this.updated | UPDATED_SEL) & ~UPDATED_MARKS;
         this.storedMarks = null;
         return this;
     }
@@ -6852,7 +6801,7 @@ let Transaction$1 = class Transaction extends Transform {
     */
     addStep(step, doc) {
         super.addStep(step, doc);
-        this.updated = this.updated & -3;
+        this.updated = this.updated & ~UPDATED_MARKS;
         this.storedMarks = null;
     }
     /**
@@ -11966,7 +11915,17 @@ class DOMObserver {
                 }
             }
         }
-        if (gecko && added.length) {
+        if (added.some(n => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
+            // Browsers sometimes insert a bogus break node if you
+            // backspace out the last bit of text before an inline-flex node (#1552)
+            for (let node of added)
+                if (node.nodeName == "BR" && node.parentNode) {
+                    let after = node.nextSibling;
+                    if (after && after.nodeType == 1 && after.contentEditable == "false")
+                        node.parentNode.removeChild(node);
+                }
+        }
+        else if (gecko && added.length) {
             let brs = added.filter(n => n.nodeName == "BR");
             if (brs.length == 2) {
                 let [a, b] = brs;
@@ -11984,17 +11943,6 @@ class DOMObserver {
                 }
             }
         }
-        else if ((chrome || safari) && added.some(n => n.nodeName == "BR") &&
-            (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
-            // Chrome/Safari sometimes insert a bogus break node if you
-            // backspace out the last bit of text before an inline-flex node (#1552)
-            for (let node of added)
-                if (node.nodeName == "BR" && node.parentNode) {
-                    let after = node.nextSibling;
-                    if (after && after.nodeType == 1 && after.contentEditable == "false")
-                        node.parentNode.removeChild(node);
-                }
-        }
         let readSel = null;
         // If it looks like the browser has reset the selection to the
         // start of the document after focus, restore the selection from
@@ -14197,6 +14145,7 @@ const lightTheme = {
         backgroundColor: '#ffffff',
         border: '1px solid #ebebeb',
         boxShadow: '0 1px 6px rgba(0, 0, 0, 0.12)',
+        dividerColor: 'rgba(0, 0, 0, 0.1)',
         itemActiveBackgroundColor: 'hsl(0, 0%, 0%, 8.6%)',
         itemColor: '#333333',
         itemDisabledColor: '#aaaaaa',
@@ -14318,6 +14267,12 @@ const lightTheme = {
         contentTextColor: '#333333',
         descriptionColor: '#666666',
         labelColor: '#333333',
+        shortcutsCategoryColor: '#666666',
+        shortcutItemBg: '#f8f8f8',
+        shortcutLabelColor: '#333333',
+        shortcutKeyBg: '#ffffff',
+        shortcutKeyBorder: '#e0e0e0',
+        shortcutKeyColor: '#555555',
     },
     shapeFill: {
         hoverBackgroundColor: '#ebebeb',
@@ -14397,6 +14352,7 @@ const darkTheme = {
         backgroundColor: '#2a2a2a',
         border: '1px solid #3a3a3a',
         boxShadow: '0 1px 8px rgba(0, 0, 0, 0.4)',
+        dividerColor: 'rgba(255, 255, 255, 0.1)',
         itemActiveBackgroundColor: 'hsl(0, 0%, 100%, 12%)',
         itemColor: '#e0e0e0',
         itemDisabledColor: '#666666',
@@ -14517,6 +14473,12 @@ const darkTheme = {
         contentTextColor: '#e0e0e0',
         descriptionColor: '#999999',
         labelColor: '#e0e0e0',
+        shortcutsCategoryColor: '#999999',
+        shortcutItemBg: '#3a3a3a',
+        shortcutLabelColor: '#e0e0e0',
+        shortcutKeyBg: '#2a2a2a',
+        shortcutKeyBorder: '#4a4a4a',
+        shortcutKeyColor: '#e0e0e0',
     },
     shapeFill: {
         hoverBackgroundColor: '#3a3a3a',
@@ -15108,7 +15070,8 @@ 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; 
+		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;
+		
 	} (cjs));
 	return cjs;
 }
@@ -16899,6 +16862,27 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         object.zIndex = 99999;
         return object;
     }
+    addObjects(objects) {
+        let changed = false;
+        for (const object of objects) {
+            if (!this._objectIds.includes(object.id)) {
+                this._objectIds.push(object.id);
+                changed = true;
+            }
+        }
+        if (changed) {
+            this._cachedObjects = null;
+            const children = this.objects;
+            if (children.length === 1) {
+                this.rotation = children[0].rotation;
+            }
+            else if (children.length > 1) {
+                this.rotation = 0;
+            }
+            this.captureUnchangedSnapshots(children);
+            this.refreshObjectDimensions(children);
+        }
+    }
     addOrRemove(object) {
         const index = this._objectIds.findIndex(id => id === object.id);
         if (index === -1) {
@@ -16909,6 +16893,12 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         }
         this._cachedObjects = null; // Invalidate cache
         const children = this.objects; // Get cached objects once
+        if (children.length === 1) {
+            this.rotation = children[0].rotation;
+        }
+        else if (children.length > 1) {
+            this.rotation = 0;
+        }
         this.captureUnchangedSnapshots(children);
         this.refreshObjectDimensions(children);
     }
@@ -17715,6 +17705,8 @@ KritzelIconRegistry.registerIcons({
     '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>',
     '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>',
     'arrow': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="19" x2="19" y2="5"/><path d="M15 5h4v4"/></svg>',
+    'arrow-up-from-dot': '<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-from-dot-icon lucide-arrow-up-from-dot"><path d="m5 9 7-7 7 7"/><path d="M12 16V2"/><circle cx="12" cy="21" r="1"/></svg>',
+    'arrow-down-from-dot': '<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-from-dot-icon lucide-arrow-down-from-dot" transform="rotate(180)"><path d="m5 9 7-7 7 7"/><path d="M12 16V2"/><circle cx="12" cy="21" r="1"/></svg>',
     '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>',
     '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>',
     '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>',
@@ -17753,7 +17745,17 @@ KritzelIconRegistry.registerIcons({
     'share': '<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-share2-icon lucide-share-2"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg>',
     'palette': '<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-palette-icon lucide-palette"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"/><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"/><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"/><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"/></svg>',
     'command': '<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-command-icon lucide-command"><path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3"/></svg>',
-    'info': '<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-info-icon lucide-info"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>'
+    'info': '<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-info-icon lucide-info"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>',
+    'ordering': '<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-bring-to-front-icon lucide-bring-to-front"><rect x="8" y="8" width="8" height="8" rx="2"/><path d="M4 10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2"/><path d="M14 20a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2"/></svg>',
+    'layout-template': '<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-layout-template-icon lucide-layout-template"><rect width="18" height="7" x="3" y="3" rx="1"/><rect width="9" height="7" x="3" y="14" rx="1"/><rect width="5" height="7" x="16" y="14" rx="1"/></svg>',
+    'align': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="10" y2="10"/><line x1="21" x2="3" y1="6" y2="6"/><line x1="21" x2="3" y1="14" y2="14"/><line x1="21" x2="3" y1="18" y2="18"/></svg>',
+    'align-start-horizontal': '<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-align-start-horizontal-icon lucide-align-start-horizontal"><rect width="6" height="16" x="4" y="6" rx="2"/><rect width="6" height="9" x="14" y="6" rx="2"/><path d="M22 2H2"/></svg>',
+    'align-center-horizontal': '<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-align-center-horizontal-icon lucide-align-center-horizontal"><path d="M2 12h20"/><path d="M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4"/><path d="M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4"/><path d="M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1"/><path d="M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1"/></svg>',
+    'align-end-horizontal': '<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-align-end-horizontal-icon lucide-align-end-horizontal"><rect width="6" height="16" x="4" y="2" rx="2"/><rect width="6" height="9" x="14" y="9" rx="2"/><path d="M22 22H2"/></svg>',
+    'align-start-vertical': '<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-align-start-vertical-icon lucide-align-start-vertical"><rect width="9" height="6" x="6" y="14" rx="2"/><rect width="16" height="6" x="6" y="4" rx="2"/><path d="M2 2v20"/></svg>',
+    'align-center-vertical': '<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-align-center-vertical-icon lucide-align-center-vertical"><path d="M12 2v20"/><path d="M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4"/><path d="M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4"/><path d="M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1"/><path d="M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1"/></svg>',
+    'align-end-vertical': '<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-align-end-vertical-icon lucide-align-end-vertical"><rect width="16" height="6" x="2" y="4" rx="2"/><rect width="9" height="6" x="9" y="14" rx="2"/><path d="M22 22V2"/></svg>',
+    'viewport': '<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-maximize-icon lucide-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/></svg>'
 });
 
 class KritzelCursorHelper {
@@ -17860,7 +17862,8 @@ class KritzelMoveHandler extends KritzelBaseHandler {
         if (event.pointerType === 'mouse') {
             if (KritzelEventHelper.isLeftClick(event)) {
                 const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected && !this._core.store.state.isLineHandleSelected) {
+                const isAdditive = event.shiftKey || event.ctrlKey;
+                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected && !this._core.store.state.isLineHandleSelected && !isAdditive) {
                     const clientX = event.clientX - this._core.store.offsetX;
                     const clientY = event.clientY - this._core.store.offsetY;
                     this._core.store.state.isDragging = true;
@@ -17889,7 +17892,8 @@ class KritzelMoveHandler extends KritzelBaseHandler {
                     return;
                 }
                 const selectionGroup = this._core.store.selectionGroup;
-                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected && !this._core.store.state.isLineHandleSelected) {
+                const isAdditive = event.shiftKey || event.ctrlKey;
+                if (selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected && !this._core.store.state.isLineHandleSelected && !isAdditive) {
                     const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
                     const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
                     this.dragStartX = x;
@@ -18402,15 +18406,16 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         super(core);
     }
     handlePointerDown(event) {
+        const isAdditive = event.shiftKey || event.ctrlKey;
         if (event.pointerType === 'mouse') {
-            if (KritzelEventHelper.isLeftClick(event) && !this._core.store.selectionGroup) {
-                this.startMouseSelection(event);
+            if (KritzelEventHelper.isLeftClick(event) && (!this._core.store.selectionGroup || isAdditive)) {
+                this.startMouseSelection(event, isAdditive);
             }
         }
         if (event.pointerType === 'touch' || event.pointerType === 'pen') {
             this.touchStartTimeout = setTimeout(() => {
-                if (this._core.store.state.pointers.size === 1 && !this._core.store.state.isScaling && !this._core.store.selectionGroup) {
-                    this.startTouchSelection();
+                if (this._core.store.state.pointers.size === 1 && !this._core.store.state.isScaling && (!this._core.store.selectionGroup || isAdditive)) {
+                    this.startTouchSelection(event, isAdditive);
                     this.updateTouchSelection();
                 }
             }, 80);
@@ -18449,8 +18454,9 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
                         this.handleSelectionClick(event);
                     }
                     if (this.isSelectionDrag) {
+                        const isAdditive = event.shiftKey || event.ctrlKey;
                         this.updateMouseSelection(event);
-                        this.addSelectedObjectsToSelectionGroup();
+                        this.addSelectedObjectsToSelectionGroup(isAdditive);
                         this.removeSelectionBox();
                     }
                     this._core.engine.emitObjectsChange();
@@ -18470,8 +18476,9 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
                     this.handleSelectionClick(event);
                 }
                 if (this.isSelectionDrag) {
+                    const isAdditive = event.shiftKey || event.ctrlKey;
                     this.updateTouchSelection();
-                    this.addSelectedObjectsToSelectionGroup();
+                    this.addSelectedObjectsToSelectionGroup(isAdditive);
                     this.removeSelectionBox();
                 }
                 this._core.engine.emitObjectsChange();
@@ -18484,7 +18491,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox);
         this._core.store.setSelectionBox(null);
     }
-    startMouseSelection(event) {
+    startMouseSelection(event, isAdditive = false) {
         let clientX, clientY;
         clientX = event.clientX - this._core.store.offsetX;
         clientY = event.clientY - this._core.store.offsetY;
@@ -18494,13 +18501,15 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         selectionBox.translateX = this.startX;
         selectionBox.translateY = this.startY;
         this._core.store.state.isSelecting = true;
-        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || (!isAdditive && o instanceof KritzelSelectionGroup));
         this._core.store.setSelectionBox(null);
-        this._core.store.setSelectionGroup(null);
+        if (!isAdditive) {
+            this._core.store.setSelectionGroup(null);
+        }
         this._core.store.state.objects.insert(selectionBox);
         this._core.store.setSelectionBox(selectionBox);
     }
-    startTouchSelection() {
+    startTouchSelection(_event, isAdditive = false) {
         const activePointers = Array.from(this._core.store.state.pointers.values());
         const firstTouch = activePointers[0];
         if (!firstTouch) {
@@ -18517,9 +18526,11 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         selectionBox.translateX = this.startX;
         selectionBox.translateY = this.startY;
         this._core.store.state.isSelecting = true;
-        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || (!isAdditive && o instanceof KritzelSelectionGroup));
         this._core.store.setSelectionBox(null);
-        this._core.store.setSelectionGroup(null);
+        if (!isAdditive) {
+            this._core.store.setSelectionGroup(null);
+        }
         this._core.store.state.objects.insert(selectionBox);
         this._core.store.setSelectionBox(selectionBox);
     }
@@ -18599,7 +18610,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         const newlySelectedObjects = new Set();
         // Only test candidates that overlap the bounding box
         for (const object of candidates) {
-            if (object instanceof KritzelSelectionBox)
+            if (object instanceof KritzelSelectionBox || object instanceof KritzelSelectionGroup)
                 continue;
             const isHit = object.hitTestPolygon(selectionPolygon);
             object.isSelected = isHit;
@@ -18618,8 +18629,9 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
     }
     handleSelectionClick(event) {
         const selectedObject = this.getTopmostHitObject(event);
+        const isAdditive = event.shiftKey || event.ctrlKey;
         this.clearSelectionPreview();
-        this.addObjectToSelectionGroup(selectedObject);
+        this.addObjectToSelectionGroup(selectedObject, isAdditive);
         this.removeSelectionBox();
     }
     getTopmostHitObject(event) {
@@ -18627,7 +18639,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         const pointerY = this._core.store.state.pointerY;
         const overlappingObjects = this._core.getObjectsFromPointerEvent(event, '.object');
         for (const object of overlappingObjects) {
-            if (object instanceof KritzelSelectionBox)
+            if (object instanceof KritzelSelectionBox || object instanceof KritzelSelectionGroup)
                 continue;
             if (object.hitTest(pointerX, pointerY)) {
                 return object;
@@ -18642,7 +18654,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         }
         this._previouslySelectedObjects.clear();
     }
-    addObjectToSelectionGroup(object) {
+    addObjectToSelectionGroup(object, shiftKey = false) {
         if (!object) {
             return;
         }
@@ -18650,14 +18662,25 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         const parentGroup = KritzelGroup.findParentGroup(this._core, object.id);
         const objectToSelect = parentGroup || object;
         objectToSelect.isSelected = false;
-        const selectionGroup = KritzelSelectionGroup.create(this._core);
-        selectionGroup.addOrRemove(objectToSelect);
-        selectionGroup.isSelected = true;
-        selectionGroup.rotation = objectToSelect.rotation;
-        this._core.addSelectionGroup(selectionGroup);
-        this._core.rerender();
+        const existingGroup = this._core.store.selectionGroup;
+        if (shiftKey && existingGroup) {
+            existingGroup.addOrRemove(objectToSelect);
+            if (existingGroup.objects.length === 0) {
+                this._core.removeSelectionGroup();
+            }
+            else {
+                this._core.rerender();
+            }
+        }
+        else {
+            const selectionGroup = KritzelSelectionGroup.create(this._core);
+            selectionGroup.addOrRemove(objectToSelect);
+            selectionGroup.isSelected = true;
+            this._core.addSelectionGroup(selectionGroup);
+            this._core.rerender();
+        }
     }
-    addSelectedObjectsToSelectionGroup() {
+    addSelectedObjectsToSelectionGroup(shiftKey = false) {
         const selectedObjects = this._core.store.selectedObjects;
         if (selectedObjects.length === 0) {
             return;
@@ -18678,18 +18701,26 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
             resolvedObjects.set(toSelect.id, toSelect);
             obj.isSelected = false;
         }
-        // Create selection group and set all IDs at once (no per-item refresh)
-        const selectionGroup = KritzelSelectionGroup.create(this._core);
-        selectionGroup.objectIds = Array.from(resolvedObjects.keys());
-        // Only refresh dimensions and capture snapshots ONCE at the end - O(n) instead of O(n²)
-        selectionGroup.captureUnchangedSnapshots();
-        selectionGroup.refreshObjectDimensions();
-        selectionGroup.isSelected = true;
-        if (selectionGroup.length === 1) {
-            selectionGroup.rotation = selectionGroup.objects[0].rotation;
+        const unrolledObjects = Array.from(resolvedObjects.values());
+        const existingGroup = this._core.store.selectionGroup;
+        if (shiftKey && existingGroup) {
+            existingGroup.addObjects(unrolledObjects);
+            this._core.rerender();
+        }
+        else {
+            // Create selection group and set all IDs at once (no per-item refresh)
+            const selectionGroup = KritzelSelectionGroup.create(this._core);
+            selectionGroup.objectIds = Array.from(resolvedObjects.keys());
+            // Only refresh dimensions and capture snapshots ONCE at the end - O(n) instead of O(n²)
+            if (selectionGroup.length === 1) {
+                selectionGroup.rotation = selectionGroup.objects[0].rotation;
+            }
+            selectionGroup.captureUnchangedSnapshots();
+            selectionGroup.refreshObjectDimensions();
+            selectionGroup.isSelected = true;
+            this._core.addSelectionGroup(selectionGroup);
+            this._core.rerender();
         }
-        this._core.addSelectionGroup(selectionGroup);
-        this._core.rerender();
     }
 }
 
@@ -19732,11 +19763,13 @@ class KritzelSelectionTool extends KritzelBaseTool {
                 const selectedObject = this.getSelectedObject(event);
                 const selectionGroup = this._core.store.selectionGroup;
                 const isDifferentObject = selectedObject && selectionGroup && selectedObject.id !== selectionGroup.id;
+                const isAdditive = event.shiftKey || event.ctrlKey;
                 if ((selectedObject === null || isDifferentObject) &&
                     selectionGroup &&
                     !this._core.store.state.isResizeHandleSelected &&
                     !this._core.store.state.isRotationHandleSelected &&
-                    !this._core.store.state.isLineHandleSelected) {
+                    !this._core.store.state.isLineHandleSelected &&
+                    !isAdditive) {
                     this._core.removeSelectionGroup();
                     this._core.rerender();
                 }
@@ -19764,6 +19797,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
                 const selectedObject = this.getSelectedObject(event);
                 const selectionGroup = this._core.store.selectionGroup;
                 const isDifferentObject = selectedObject && selectionGroup && selectedObject.id !== selectionGroup.id;
+                const isAdditive = event.shiftKey || event.ctrlKey;
                 if (!selectionGroup && selectedObject) {
                     this._core.store.state.skipContextMenu = true;
                 }
@@ -19771,7 +19805,8 @@ class KritzelSelectionTool extends KritzelBaseTool {
                     selectionGroup &&
                     !this._core.store.state.isResizeHandleSelected &&
                     !this._core.store.state.isRotationHandleSelected &&
-                    !this._core.store.state.isLineHandleSelected) {
+                    !this._core.store.state.isLineHandleSelected &&
+                    !isAdditive) {
                     this._core.removeSelectionGroup();
                     this._core.rerender();
                 }
@@ -37321,6 +37356,16 @@ const DEFAULT_LINE_TOOL_CONFIG = {
     },
 };
 
+exports.KritzelAlignment = void 0;
+(function (KritzelAlignment) {
+    KritzelAlignment["StartHorizontal"] = "start-horizontal";
+    KritzelAlignment["CenterHorizontal"] = "center-horizontal";
+    KritzelAlignment["EndHorizontal"] = "end-horizontal";
+    KritzelAlignment["StartVertical"] = "start-vertical";
+    KritzelAlignment["CenterVertical"] = "center-vertical";
+    KritzelAlignment["EndVertical"] = "end-vertical";
+})(exports.KritzelAlignment || (exports.KritzelAlignment = {}));
+
 exports.DEFAULT_BRUSH_CONFIG = DEFAULT_BRUSH_CONFIG;
 exports.DEFAULT_COLOR_PALETTE = DEFAULT_COLOR_PALETTE;
 exports.DEFAULT_LINE_TOOL_CONFIG = DEFAULT_LINE_TOOL_CONFIG;

package/dist/cjs/{index-NMqsANCI.js → index-DIJLnoqQ.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.43.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.1 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -332,7 +332,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               }
             } else {
               const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer) {
+              if (existingStyleContainer && true) {
                 existingStyleContainer.textContent = style + existingStyleContainer.textContent;
               } else {
                 styleContainerNode.prepend(styleElm);