kritzel-stencil 0.0.139 → 0.0.140

package/dist/stencil/p-CxieEK_G.js

@@ -1,2 +0,0 @@
-class t{_core;initiator;skipHistory;constructor(t,i,s=false){this._core=t;this.initiator=i?.constructor?.name??"Unknown";this.skipHistory=s}execute(){throw new Error("Method not implemented.")}undo(){throw new Error("Method not implemented.")}}class i extends t{object;updatedProperties;previousProperties;constructor(t,i,s,e,n=false){super(t,i,n);this.object=s;this.updatedProperties=e;this.previousProperties={};for(const t in e){if(e.hasOwnProperty(t)){this.previousProperties[t]=this.object[t]}}}execute(){for(const t in this.updatedProperties){if(this.updatedProperties.hasOwnProperty(t)){this.object[t]=this.updatedProperties[t]}}this._core.store.state.objectsMap.update(this.object);this._core.updateObjectInDatabase(this.object)}undo(){for(const t in this.previousProperties){if(this.previousProperties.hasOwnProperty(t)){this.object[t]=this.previousProperties[t]}}this._core.store.state.objectsMap.update(this.object);this._core.updateObjectInDatabase(this.object)}}class s{static registry={};static registerTool(t,i,s){const e=new i(s);e.name=t;this.registry[t]=e;return e}static getTool(t){const i=this.registry[t];if(!i){console.warn(`Unknown tool: ${t}`);return null}return i}}class e{__class__=this.constructor.name;name="base-tool";_core;constructor(t){this._core=t}onActivate(){}onDeactivate(){}handlePointerDown(t){}handlePointerMove(t){}handlePointerUp(t){}handleWheel(t){}serialize(){return{__class__:this.__class__,name:this.name}}deserialize(t){Object.assign(this,t);return this}}class n extends t{object;constructor(t,i,s,e=false){super(t,i,e);this.object=s}execute(){this._core.store.state.objectsMap.insert(this.object);this._core.addObjectToDatabase(this.object)}undo(){this._core.store.state.objectsMap.remove((t=>t.id===this.object.id));this._core.deleteObjectFromDatabase(this.object.id)}}var r;(function(t){t[t["Left"]=0]="Left";t[t["Middle"]=1]="Middle";t[t["Right"]=2]="Right"})(r||(r={}));class h{static isRightClick(t){return t.button===r.Right}static isLeftClick(t){return t.button===r.Left}static isMainMouseWheel(t){return Math.abs(t.deltaY)>0&&Math.abs(t.deltaX)===0&&Number.isInteger(t.deltaY)}static isPointerEventOnContextMenu(t){const i=t.composedPath();const s=i.find((t=>t.classList&&t.classList.contains("context-menu")));return!!s}static onLongPress(t,i,s){const e=400;const n=10;const r=t.clientX;const h=t.clientY;const o=t.target;const c=setTimeout((()=>{d();i(t)}),e);const a=()=>{clearTimeout(c);d();s?.()};const f=t=>{if(Math.abs(t.clientX-r)>n||Math.abs(t.clientY-h)>n){a()}};const u=()=>{a()};const l=()=>{a()};const d=()=>{o.removeEventListener("pointermove",f);o.removeEventListener("pointerup",u);o.removeEventListener("pointercancel",l)};o.addEventListener("pointermove",f,{passive:true});o.addEventListener("pointerup",u,{once:true});o.addEventListener("pointercancel",l,{once:true});return a}}class o{static forceHideKeyboard(){if(document.activeElement instanceof HTMLElement){document.activeElement.blur()}}static enableInteractiveWidget(){const t=document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');if(t){let i=t.getAttribute("content");if(!i.includes("interactive-widget=resizes-content")){i+=", interactive-widget=resizes-content"}t.setAttribute("content",i)}}static disableInteractiveWidget(){const t=document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');if(t){let i=t.getAttribute("content");let s=i.replace(/\s*interactive-widget=resizes-content\s*[,;]?/g,"");s=s.replace(/,(\s*,)+/g,",").replace(/^,/,"").replace(/,$/,"").trim();t.setAttribute("content",s)}}static onKeyboardVisibleChanged(t){if("visualViewport"in window){const i=.75;const s=s=>{const e=s.target;const n=e.height*e.scale/window.screen.height<i;t(n)};window.visualViewport.addEventListener("resize",s);return()=>window.visualViewport.removeEventListener("resize",s)}else{console.warn("Listening for keyboard visibility changes is not reliably supported in this browser.");return()=>{}}}}class c extends e{fontFamily="Arial";fontSize=16;fontColor="#000000";palette=["#000000","#FFFFFF","#FF0000","#00FF00","#0000FF","#FFFF00","#FF00FF","#00FFFF","#808080","#C0C0C0","#800000","#008000","#000080","#808000","#800080"];constructor(t){super(t)}handlePointerDown(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){const i=t.composedPath().slice(1);const e=i.find((t=>t.classList&&t.classList.contains("object")));const r=this._core.findObjectById(e?.id);if(r instanceof l){this._core.store.setState("activeText",r);r.focus();return}if(this._core.store.state.activeText!==null&&r instanceof l){this._core.store.setState("activeText",r);r.focus();return}if(this._core.store.state.activeText!==null&&r instanceof l===false){this._core.resetActiveText();this._core.store.setState("activeTool",s.getTool("selection"));return}if(h.isLeftClick(t)===false){return}const o=t.clientX-this._core.store.offsetX;const c=t.clientY-this._core.store.offsetY;const a=l.create(this._core,this.fontSize,this.fontFamily);a.fontColor=this.fontColor;a.translateX=(o-this._core.store.state.translateX)/this._core.store.state.scale;a.translateY=(c-this._core.store.state.translateY)/this._core.store.state.scale;a.zIndex=this._core.store.currentZIndex;this._core.store.setState("activeText",a);this._core.history.executeCommand(new n(this._core,this,a))}if(t.pointerType==="touch"){const i=Array.from(this._core.store.state.pointers.values());const e=t.composedPath().slice(1);const r=e.find((t=>t.classList&&t.classList.contains("object")));const h=this._core.findObjectById(r?.id);if(h instanceof l){this._core.store.setState("activeText",h);h.focus();return}if(this._core.store.state.activeText!==null&&h instanceof l){this._core.store.setState("activeText",h);h.focus();return}if(this._core.store.state.activeText!==null&&h instanceof l===false){this._core.resetActiveText();this._core.store.setState("activeTool",s.getTool("selection"));return}if(i.length>1){return}o.disableInteractiveWidget();const c=Math.round(i[0].clientX-this._core.store.offsetX);const a=Math.round(i[0].clientY-this._core.store.offsetY);const f=l.create(this._core,this.fontSize,this.fontFamily);f.fontColor=this.fontColor;f.translateX=(c-this._core.store.state.translateX)/this._core.store.state.scale;f.translateY=(a-this._core.store.state.translateY)/this._core.store.state.scale;f.zIndex=this._core.store.currentZIndex;this._core.store.setState("activeText",f);this._core.history.executeCommand(new n(this._core,this,f))}}handlePointerUp(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){this._core.store.state.activeText?.updateTextareaDimensions();this._core.store.state.activeText?.focus()}if(t.pointerType==="touch"){this._core.store.state.activeText?.updateTextareaDimensions();this._core.store.state.activeText?.focus();o.enableInteractiveWidget()}}}class a{static generateUUID(){return Math.random().toString(36).substr(2,9)}static isEmpty(t){if(t===null||t===undefined){return true}return Object?.keys(t).length===0&&t?.constructor===Object}}class f{static doPolygonsIntersect(t,i){const s=[t.bottomLeft,t.bottomRight,t.topRight,t.topLeft];const e=[i.bottomLeft,i.bottomRight,i.topRight,i.topLeft];for(const t of s){if(this.isPointInPolygon(t,e)){return true}}for(const t of e){if(this.isPointInPolygon(t,s)){return true}}for(let t=0;t<s.length;t++){const i=s[t];const n=s[(t+1)%s.length];for(let t=0;t<e.length;t++){const s=e[t];const r=e[(t+1)%e.length];if(this.intersectLines(i,n,s,r)){return true}}}return false}static isPointInPolygon(t,i){let s=false;for(let e=0,n=i.length-1;e<i.length;n=e++){const r=i[e].x,h=i[e].y;const o=i[n].x,c=i[n].y;const a=h>t.y!==c>t.y&&t.x<(o-r)*(t.y-h)/(c-h)+r;if(a)s=!s}return s}static intersectLines(t,i,s,e){const n=(i.x-t.x)*(e.y-s.y)-(i.y-t.y)*(e.x-s.x);if(n===0){return false}const r=((s.x-t.x)*(e.y-s.y)-(s.y-t.y)*(e.x-s.x))/n;const h=-((t.x-s.x)*(i.y-t.y)-(t.y-s.y)*(i.x-t.x))/n;return r>=0&&r<=1&&h>=0&&h<=1}}class u{__class__="KritzelBaseObject";_core;_elementRef;id;workspaceId;x;y;translateX;translateY;height;width;backgroundColor;borderColor;borderWidth=0;opacity=1;padding=0;scale;resizing=false;rotation=0;markedForRemoval=false;zIndex=0;isVisible=true;isSelected=false;isHovered=false;isMounted=false;isEditable=false;isInteractive=false;isDebugInfoVisible=false;get totalWidth(){return this.width+this.padding*2}get totalHeight(){return this.height+this.padding*2}set elementRef(t){this._elementRef=t}get elementRef(){return this._elementRef}get boundingBox(){return{x:this.translateX,y:this.translateY,z:this.scale,width:this.totalWidth/this.scale,height:this.totalHeight/this.scale}}get rotatedBoundingBox(){return{x:this.minXRotated,y:this.minYRotated,z:this.scale,width:this.maxXRotated-this.minXRotated,height:this.maxYRotated-this.minYRotated}}get rotatedPolygon(){const t=this.translateX+this.totalWidth/2/this.scale;const i=this.translateY+this.totalHeight/2/this.scale;const s=this.rotation;const e=this.totalWidth/this.scale;const n=this.totalHeight/this.scale;const r={topLeft:{x:this.translateX,y:this.translateY},topRight:{x:this.translateX+e,y:this.translateY},bottomRight:{x:this.translateX+e,y:this.translateY+n},bottomLeft:{x:this.translateX,y:this.translateY+n}};const h=Object.keys(r).reduce(((e,n)=>{const h=r[n];const o=Math.cos(s)*(h.x-t)-Math.sin(s)*(h.y-i)+t;const c=Math.sin(s)*(h.x-t)+Math.cos(s)*(h.y-i)+i;e[n]={x:o,y:c};return e}),{});return h}get minXRotated(){const t=[this.rotatedPolygon.topLeft.x,this.rotatedPolygon.topRight.x,this.rotatedPolygon.bottomRight.x,this.rotatedPolygon.bottomLeft.x];return Math.min(...t)}get minYRotated(){const t=[this.rotatedPolygon.topLeft.y,this.rotatedPolygon.topRight.y,this.rotatedPolygon.bottomRight.y,this.rotatedPolygon.bottomLeft.y];return Math.min(...t)}get maxXRotated(){const t=[this.rotatedPolygon.topLeft.x,this.rotatedPolygon.topRight.x,this.rotatedPolygon.bottomRight.x,this.rotatedPolygon.bottomLeft.x];return Math.max(...t)}get maxYRotated(){const t=[this.rotatedPolygon.topLeft.y,this.rotatedPolygon.topRight.y,this.rotatedPolygon.bottomRight.y,this.rotatedPolygon.bottomLeft.y];return Math.max(...t)}get transformationMatrix(){const t=1/this.scale;const i=this.translateX;const s=this.translateY;return`matrix(${t}, 0, 0, ${t}, ${i}, ${s})`}get rotationDegrees(){return this.rotation*(180/Math.PI)}get centerX(){return this.translateX+this.totalWidth/2}get centerY(){return this.translateY+this.totalHeight/2}constructor(){this.id=this.generateId()}static create(t){const i=new u;i._core=t;i.zIndex=t.store.currentZIndex;i.workspaceId=t.store.state.activeWorkspace.id;return i}mount(t){if(this.isMounted){return}this.elementRef=t;this.isMounted=true}unmount(){if(!this.isMounted){return}this.isMounted=false}remount(){if(!this.isMounted){return}this.isMounted=false}generateId(){return a.generateUUID()}isInViewport(){const t={x:-this._core.store.state.translateX/this._core.store.state.scale,y:-this._core.store.state.translateY/this._core.store.state.scale,width:this._core.store.state.viewportWidth/this._core.store.state.scale,height:this._core.store.state.viewportHeight/this._core.store.state.scale};return this.rotatedBoundingBox.x<t.x+t.width&&this.rotatedBoundingBox.x+this.rotatedBoundingBox.width>t.x&&this.rotatedBoundingBox.y<t.y+t.height&&this.rotatedBoundingBox.y+this.rotatedBoundingBox.height>t.y}centerInViewport(){const t=this._core.store.state.scale;this.translateX=(this._core.store.state.viewportWidth/2-this.totalWidth/2-this._core.store.state.translateX)/t;this.translateY=(this._core.store.state.viewportHeight/2-this.totalHeight/2-this._core.store.state.translateY)/t}move(t,i,s,e){const n=(t-s)/this._core.store.state.scale;const r=(i-e)/this._core.store.state.scale;this.translateX+=n;this.translateY+=r}resize(t,i,s,e){if(s<=1||e<=1){return}this.width=s;this.height=e;this.translateX=t;this.translateY=i}rotate(t){this.rotation=t}clone(){const t=new u;Object.assign(t,this);return t}copy(){const t=Object.create(Object.getPrototypeOf(this));Object.assign(t,this);t.id=this.generateId();t.isMounted=false;return t}onSelectedClick(){}serialize(){const{_core:t,_elementRef:i,element:s,totalWidth:e,totalHeight:n,...r}=this;const h=structuredClone(r);if(s&&typeof s==="object"&&"nodeType"in s&&s.nodeType===1){h.element=s.cloneNode(true)}return h}deserialize(t){Object.assign(this,t);return this}isClass(t){return this.__class__===t}edit(){}hitTest(t,i){return true}hitTestPolygon(t){const i=this.rotatedPolygon;return f.doPolygonsIntersect(i,t)}updatePosition(t,i){this.translateX=t;this.translateY=i;this._core.store.state.objectsMap.update(this)}}class l extends u{__class__="KritzelText";value="";fontFamily="Arial";fontSize=8;fontColor="#000000";initialWidth=3;isNew=true;isDebugInfoVisible=true;isEditable=true;rows=1;get isReadonly(){return!(this._core.store.state.activeTool instanceof c)}constructor(t){super();if(t){this.value=t.value||" ";this.translateX=t.translateX||0;this.translateY=t.translateY||0;this.fontSize=t.fontSize||8;this.fontFamily=t.fontFamily||"Arial";this.fontColor=t.fontColor||"#000000";this.height=t.height||this.fontSize*1.2;this.width=t.width||0;this.scale=t.scale||1}}static create(t,i,s){const e=new l;e._core=t;e.id=e.generateId();e.workspaceId=t.store.state.activeWorkspace.id;e.fontSize=i;e.fontFamily=s;e.translateX=0;e.translateY=0;e.width=e.initialWidth/(e._core.store.state.scale<0?e._core.store.state.scale:1);e.height=e.fontSize*1.2/(e._core.store.state.scale<0?e._core.store.state.scale:1);e.padding=5;e.backgroundColor="transparent";e.scale=e._core.store.state.scale;e.value=" ";e.zIndex=t.store.currentZIndex;return e}mount(t){if(this.isMounted&&this.elementRef===t||this.isInViewport()===false){return}this.elementRef=t;this.isMounted=true}resize(t,i,s,e){if(s<=1||e<=1){return}const n=e/this.height;this.fontSize=this.fontSize*n;this.width=this.width*n;this.height=e;this.translateX=t;this.translateY=i}handleKeyDown(t){if(this.isReadonly){t.preventDefault();t.stopPropagation()}}handleInput(t){const i=t.target;if(i.value===""){this.value=" ";i.value=" ";i.selectionStart=i.selectionEnd=i.value.length}else{this.value=i.value.trim()}this.updateTextareaDimensions()}updateTextareaDimensions(){if(this.elementRef){const t=document.createElement("span");t.style.position="absolute";t.style.whiteSpace="pre-wrap";t.style.visibility="hidden";t.style.fontSize=window.getComputedStyle(this.elementRef).fontSize;t.style.fontFamily=window.getComputedStyle(this.elementRef).fontFamily;t.innerHTML=this.elementRef.value.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\n/g,"<br>")+"<br>";document.body.appendChild(t);const s=t.offsetWidth;const e=t.offsetHeight;document.body.removeChild(t);this.width=s;this.height=e;this._core.history.executeCommand(new i(this._core,this,this,{...this}))}}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((t=>{const i=this.elementRef.selectionStart;const s=this.elementRef.selectionEnd;const e=this.elementRef.value;this.elementRef.value=e.substring(0,i)+t+e.substring(s);this.elementRef.selectionStart=this.elementRef.selectionEnd=i+t.length;this.value=this.elementRef.value;this.updateTextareaDimensions()}))}catch(t){console.error("Failed to read clipboard contents:",t)}}}edit(){o.disableInteractiveWidget();this._core.store.setState("activeTool",s.getTool("text"));this._core.store.setState("activeText",this);this._core.clearSelection();this.focus();o.enableInteractiveWidget()}}var d={};var v;function w(){if(v)return d;v=1;(function(t){var i=Object.defineProperty;var s=t=>i(t,"__esModule",{value:true});var e=(t,e)=>{s(t);for(var n in e)i(t,n,{get:e[n],enumerable:true})};e(t,{default:()=>T,getStroke:()=>P,getStrokeOutlinePoints:()=>U,getStrokePoints:()=>F});function n(t,i,s,e=t=>t){return t*e(.5-i*(.5-s))}function r(t){return[-t[0],-t[1]]}function h(t,i){return[t[0]+i[0],t[1]+i[1]]}function o(t,i){return[t[0]-i[0],t[1]-i[1]]}function c(t,i){return[t[0]*i,t[1]*i]}function a(t,i){return[t[0]/i,t[1]/i]}function f(t){return[t[1],-t[0]]}function u(t,i){return t[0]*i[0]+t[1]*i[1]}function l(t,i){return t[0]===i[0]&&t[1]===i[1]}function d(t){return Math.hypot(t[0],t[1])}function v(t){return t[0]*t[0]+t[1]*t[1]}function w(t,i){return v(o(t,i))}function p(t){return a(t,d(t))}function A(t,i){return Math.hypot(t[1]-i[1],t[0]-i[0])}function g(t,i,s){let e=Math.sin(s),n=Math.cos(s),r=t[0]-i[0],h=t[1]-i[1],o=r*n-h*e,c=r*e+h*n;return[o+i[0],c+i[1]]}function m(t,i,s){return h(t,c(o(i,t),s))}function y(t,i,s){return h(t,c(i,s))}var{min:b,PI:M}=Math,x=.275,E=M+1e-4;function U(t,i={}){let{size:s=16,smoothing:e=.5,thinning:a=.5,simulatePressure:l=true,easing:d=t=>t,start:v={},end:A={},last:M=false}=i,{cap:U=true,easing:F=t=>t*(2-t)}=v,{cap:P=true,easing:T=t=>--t*t*t+1}=A;if(t.length===0||s<=0)return[];let S=t[t.length-1].runningLength,k=v.taper===false?0:v.taper===true?Math.max(s,S):v.taper,B=A.taper===false?0:A.taper===true?Math.max(s,S):A.taper,z=Math.pow(s*e,2),C=[],_=[],I=t.slice(0,10).reduce(((t,i)=>{let e=i.pressure;if(l){let n=b(1,i.distance/s),r=b(1,1-n);e=b(1,t+(r-t)*(n*x))}return(t+e)/2}),t[0].pressure),j=n(s,a,t[t.length-1].pressure,d),O,R=t[0].vector,D=t[0].point,Q=D,H=D,G=Q,K=false;for(let i=0;i<t.length;i++){let{pressure:e}=t[i],{point:r,vector:v,distance:p,runningLength:A}=t[i];if(i<t.length-1&&S-A<3)continue;if(a){if(l){let t=b(1,p/s),i=b(1,1-t);e=b(1,I+(i-I)*(t*x))}j=n(s,a,e,d)}else j=s/2;O===void 0&&(O=j);let y=A<k?F(A/k):1,M=S-A<B?T((S-A)/B):1;j=Math.max(.01,j*Math.min(y,M));let U=(i<t.length-1?t[i+1]:t[i]).vector,P=i<t.length-1?u(v,U):1,W=u(v,R)<0&&!K,X=P!==null&&P<0;if(W||X){let t=c(f(R),j);for(let i=1/13,s=0;s<=1;s+=i)H=g(o(r,t),r,E*s),C.push(H),G=g(h(r,t),r,E*-s),_.push(G);D=H,Q=G,X&&(K=true);continue}if(K=false,i===t.length-1){let t=c(f(v),j);C.push(o(r,t)),_.push(h(r,t));continue}let L=c(f(m(U,v,P)),j);H=o(r,L),(i<=1||w(D,H)>z)&&(C.push(H),D=H),G=h(r,L),(i<=1||w(Q,G)>z)&&(_.push(G),Q=G),I=e,R=v}let W=t[0].point.slice(0,2),X=t.length>1?t[t.length-1].point.slice(0,2):h(t[0].point,[1,1]),L=[],Y=[];if(t.length===1){if(!(k||B)||M){let t=y(W,p(f(o(W,X))),-(O||j)),i=[];for(let s=1/13,e=s;e<=1;e+=s)i.push(g(t,W,E*2*e));return i}}else{if(!(k||B&&t.length===1))if(U)for(let t=1/13,i=t;i<=1;i+=t){let t=g(_[0],W,E*i);L.push(t)}else{let t=o(C[0],_[0]),i=c(t,.5),s=c(t,.51);L.push(o(W,i),o(W,s),h(W,s),h(W,i))}let i=f(r(t[t.length-1].vector));if(B||k&&t.length===1)Y.push(X);else if(P){let t=y(X,i,j);for(let i=1/29,s=i;s<1;s+=i)Y.push(g(t,X,E*3*s))}else Y.push(h(X,c(i,j)),h(X,c(i,j*.99)),o(X,c(i,j*.99)),o(X,c(i,j)))}return C.concat(Y,_.reverse(),L)}function F(t,i={}){var s;let{streamline:e=.5,size:n=16,last:r=false}=i;if(t.length===0)return[];let c=.15+(1-e)*.85,a=Array.isArray(t[0])?t:t.map((({x:t,y:i,pressure:s=.5})=>[t,i,s]));if(a.length===2){let t=a[1];a=a.slice(0,-1);for(let i=1;i<5;i++)a.push(m(a[0],t,i/4))}a.length===1&&(a=[...a,[...h(a[0],[1,1]),...a[0].slice(2)]]);let f=[{point:[a[0][0],a[0][1]],pressure:a[0][2]>=0?a[0][2]:.25,vector:[1,1],distance:0,runningLength:0}],u=false,d=0,v=f[0],w=a.length-1;for(let t=1;t<a.length;t++){let i=r&&t===w?a[t].slice(0,2):m(v.point,a[t],c);if(l(v.point,i))continue;let s=A(i,v.point);if(d+=s,t<w&&!u){if(d<n)continue;u=true}v={point:i,pressure:a[t][2]>=0?a[t][2]:.5,vector:p(o(v.point,i)),distance:s,runningLength:d},f.push(v)}return f[0].vector=((s=f[1])==null?void 0:s.vector)||[0,0],f}function P(t,i={}){return U(F(t,i),i)}var T=P})(d);return d}var p=w();class A{static average(t,i){return(t+i)/2}}class g extends u{__class__="KritzelPath";points;d;stroke="none";strokeWidth;lineSlack=.5;fill;x=0;y=0;height=0;width=0;scale=1;options;isVisible=true;isDebugInfoVisible=true;_adjustedPoints=null;get viewBox(){return`${this.x} ${this.y} ${this.width} ${this.height}`}constructor(t){super();this.options=t;this.points=t?.points??[];this.translateX=t?.translateX??0;this.translateY=t?.translateY??0;this.scale=t?.scale??1;this.strokeWidth=t?.strokeWidth??8;this.fill=t?.fill??"#000000";this.d=this.generateSvgPath();this.updateDimensions()}static create(t,i){const s=new g;s._core=t;s.id=s.generateId();s.workspaceId=t.store.state.activeWorkspace.id;s.options=i;s.points=i?.points??[];s.translateX=i?.translateX??0;s.translateY=i?.translateY??0;s.scale=i?.scale??1;s.strokeWidth=i?.strokeWidth??8;s.fill=i?.fill??"#000000";s.zIndex=t.store.currentZIndex;s.d=s.generateSvgPath();s.updateDimensions();return s}resize(t,i,s,e){if(s<=1||e<=1){return}const n=s/this.width;const r=e/this.height;this.width=s;this.height=e;this.points=this.points.map((([t,i])=>[t*n,i*r]));this.d=this.generateSvgPath();this.width=Math.max(...this.points.map((t=>t[0])))-Math.min(...this.points.map((t=>t[0])))+this.strokeWidth;this.height=Math.max(...this.points.map((t=>t[1])))-Math.min(...this.points.map((t=>t[1])))+this.strokeWidth;this.x=Math.min(...this.points.map((t=>t[0])))-this.strokeWidth/2;this.y=Math.min(...this.points.map((t=>t[1])))-this.strokeWidth/2;this.translateX=t;this.translateY=i;this._adjustedPoints=null}rotate(t){this.rotation=t;this._adjustedPoints=null}move(t,i,s,e){const n=(t-s)/this._core.store.state.scale;const r=(i-e)/this._core.store.state.scale;this.translateX+=n;this.translateY+=r;this._adjustedPoints=null}hitTest(t,i){const s=this.strokeWidth/this.scale/2;if(this._adjustedPoints===null){this._adjustedPoints=this.computeAdjustedPoints()}if(this._adjustedPoints.length===1){const e=this._adjustedPoints[0];const n=this.pointToLineSegmentDistance(t,i,e[0],e[1],e[0],e[1]);return n<=s}for(let e=0;e<this._adjustedPoints.length-1;e++){const n=this._adjustedPoints[e];const r=this._adjustedPoints[e+1];const h=this.pointToLineSegmentDistance(t,i,n[0],n[1],r[0],r[1]);if(h<=s){return true}}return false}hitTestPolygon(t){const i=this.strokeWidth/this.scale/2;if(this._adjustedPoints===null){this._adjustedPoints=this.computeAdjustedPoints()}const s=[{x:t.bottomLeft.x,y:t.bottomLeft.y},{x:t.bottomRight.x,y:t.bottomRight.y},{x:t.topRight.x,y:t.topRight.y},{x:t.topLeft.x,y:t.topLeft.y}];for(const[t,i]of this._adjustedPoints){if(f.isPointInPolygon({x:t,y:i},s)){return true}}for(const t of s){if(this.hitTest(t.x,t.y)){return true}}for(let t=0;t<this._adjustedPoints.length-1;t++){const i={x:this._adjustedPoints[t][0],y:this._adjustedPoints[t][1]};const e={x:this._adjustedPoints[t+1][0],y:this._adjustedPoints[t+1][1]};for(let t=0;t<s.length;t++){const n=s[t];const r=s[(t+1)%s.length];if(f.intersectLines(i,e,n,r)){return true}}}for(let t=0;t<this._adjustedPoints.length-1;t++){const e=this._adjustedPoints[t];const n=this._adjustedPoints[t+1];for(let t=0;t<s.length;t++){const r=s[t];const h=s[(t+1)%s.length];const o=this.pointToLineSegmentDistance(r.x,r.y,e[0],e[1],n[0],n[1]);const c=this.pointToLineSegmentDistance(h.x,h.y,e[0],e[1],n[0],n[1]);const a=this.pointToLineSegmentDistance(e[0],e[1],r.x,r.y,h.x,h.y);const f=this.pointToLineSegmentDistance(n[0],n[1],r.x,r.y,h.x,h.y);const u=Math.min(o,c,a,f);if(u<=i){return true}}}return false}updatePosition(t,i){this.translateX=t;this.translateY=i;this._adjustedPoints=null;this._core.store.state.objectsMap.update(this)}computeAdjustedPoints(){if(!this.points?.length){return[]}const t=this.rotation;const i=Math.cos(t);const s=Math.sin(t);const e=this.points.map((t=>t[0]));const n=this.points.map((t=>t[1]));const r={x:(Math.min(...e)+Math.max(...e))/2,y:(Math.min(...n)+Math.max(...n))/2};const{x:h,y:o}=r;const c=this.points.map((([t,e])=>{const n=t-h;const r=e-o;return[h+n*i-r*s,o+n*s+r*i]}));return c.map((([t,i])=>[Math.abs(t-this.x)/this.scale+this.translateX,Math.abs(i-this.y)/this.scale+this.translateY]))}pointToLineSegmentDistance(t,i,s,e,n,r){const h=t-s;const o=i-e;const c=n-s;const a=r-e;const f=h*c+o*a;const u=c*c+a*a;let l=-1;if(u!==0){l=f/u}let d,v;if(l<0){d=s;v=e}else if(l>1){d=n;v=r}else{d=s+l*c;v=e+l*a}const w=t-d;const p=i-v;return Math.sqrt(w*w+p*p)}updateDimensions(){const t=this.points.map((([t,i])=>{const s=t*Math.cos(this.rotation)-i*Math.sin(this.rotation);const e=t*Math.sin(this.rotation)+i*Math.cos(this.rotation);return[s,e]}));const i=Math.min(...t.map((t=>t[0]-this.strokeWidth/2)));const s=Math.min(...t.map((t=>t[1]-this.strokeWidth/2)));const e=Math.max(...t.map((t=>t[0]+this.strokeWidth/2)));const n=Math.max(...t.map((t=>t[1]+this.strokeWidth/2)));this.width=e-i+this.lineSlack;this.height=n-s+this.lineSlack;this.x=i;this.y=s;this.translateX=(this.x+this.translateX)/this.scale;this.translateY=(this.y+this.translateY)/this.scale}generateSvgPath(){const t=this.getStrokeFromPoints(this.points,this.strokeWidth);return this.getSvgPathFromStroke(t)}getStrokeFromPoints(t,i){return p.getStroke(t,{size:i,thinning:.5,smoothing:.5,streamline:.5,easing:t=>t,simulatePressure:true,last:true,start:{cap:true,taper:0,easing:t=>t},end:{cap:true,taper:0,easing:t=>t}})}getSvgPathFromStroke(t,i=true){const s=t.length;if(s<4){return``}let e=t[0];let n=t[1];const r=t[2];let h=`M${e[0].toFixed(2)},${e[1].toFixed(2)} Q${n[0].toFixed(2)},${n[1].toFixed(2)} ${A.average(n[0],r[0]).toFixed(2)},${A.average(n[1],r[1]).toFixed(2)} T`;for(let i=2,r=s-1;i<r;i++){e=t[i];n=t[i+1];h+=`${A.average(e[0],n[0]).toFixed(2)},${A.average(e[1],n[1]).toFixed(2)} `}if(i){h+="Z"}return h}}class m extends u{__class__="KritzelImage";src="";maxWidth=300;maxHeight=300;maxCompressionSize=300;isDebugInfoVisible=true;constructor(t){super();this.src=t?.src||"";this.x=t?.x||0;this.y=t?.y||0;this.translateX=t?.translateX||0;this.translateY=t?.translateY||0;this.scale=t?.scale||1}static create(t){const i=new m;i._core=t;i.id=i.generateId();i.workspaceId=t.store.state.activeWorkspace.id;i.x=0;i.y=0;i.translateX=0;i.translateY=0;i.scale=i._core.store.state.scale;i.zIndex=t.store.currentZIndex;return i}resize(t,i,s,e){if(s<=1||e<=1){return}const n=e/this.height;this.width=this.width*n;this.height=this.height*n;this.translateX=t;this.translateY=i}calculateScaledDimensions(t){let i=t.width;let s=t.height;if(t.width>this.maxWidth||t.height>this.maxHeight){const e=this.maxWidth/t.width;const n=this.maxHeight/t.height;const r=Math.min(e,n);i=t.width*r;s=t.height*r}return{scaledWidth:i,scaledHeight:s}}}class y extends e{type="pen";color="#000000";size=6;palettes={pen:["#000000","#FFFFFF","#FF0000","#00FF00","#0000FF","#FFFF00","#FF00FF","#00FFFF","#808080","#C0C0C0","#800000","#008000","#000080","#808000","#800080"],highlighter:["#ffff00","#ffb347","#b4ffb4"]};constructor(t){super(t)}handlePointerDown(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){if(h.isLeftClick(t)){this._core.store.setState("isDrawing",true);const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;this._core.store.setState("currentPath",g.create(this._core,{points:[[i,s]],translateX:-this._core.store.state.translateX,translateY:-this._core.store.state.translateY,scale:this._core.store.state.scale,fill:this.color,strokeWidth:this.size}))}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());if(t.length===1){const i=Math.round(t[0].clientX-this._core.store.offsetX);const s=Math.round(t[0].clientY-this._core.store.offsetY);this._core.store.setState("isDrawing",true);this._core.store.setState("currentPath",g.create(this._core,{points:[[i,s]],translateX:-this._core.store.state.translateX,translateY:-this._core.store.state.translateY,scale:this._core.store.state.scale,fill:this.color,strokeWidth:this.size}));this._core.rerender()}}}handlePointerMove(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){if(this._core.store.state.isDrawing){const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;this._core.store.setState("currentPath",g.create(this._core,{points:[...this._core.store.state.currentPath.points,[i,s]],translateX:-this._core.store.state.translateX,translateY:-this._core.store.state.translateY,scale:this._core.store.state.scale,fill:this.color,strokeWidth:this.size}));this._core.rerender()}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());if(t.length===1){const i=Math.round(t[0].clientX-this._core.store.offsetX);const s=Math.round(t[0].clientY-this._core.store.offsetY);this._core.store.setState("currentPath",g.create(this._core,{points:[...this._core.store.state.currentPath.points,[i,s]],translateX:-this._core.store.state.translateX,translateY:-this._core.store.state.translateY,scale:this._core.store.state.scale,fill:this.color,strokeWidth:this.size}));this._core.rerender()}}}handlePointerUp(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){if(this._core.store.state.isDrawing){this._core.store.setState("isDrawing",false);if(this._core.store.state.currentPath){const t=this._core.store.state.currentPath;t.zIndex=this._core.store.currentZIndex;this._core.store.setState("currentPath",t);this._core.history.executeCommand(new n(this._core,this,this._core.store.state.currentPath))}this._core.store.setState("currentPath",undefined)}}if(t.pointerType==="touch"){if(this._core.store.state.isDrawing){this._core.store.setState("isDrawing",false);if(this._core.store.state.currentPath){const t=this._core.store.state.currentPath;t.zIndex=this._core.store.currentZIndex;this._core.store.setState("currentPath",t);this._core.history.executeCommand(new n(this._core,this,t))}this._core.store.setState("currentPath",undefined);this._core.rerender()}}}}class b extends t{commands;constructor(t,i,s,e=false){super(t,i,e);this.commands=s}execute(){this.commands.forEach((t=>t.execute()))}undo(){this.commands.forEach((t=>t.undo()))}}class M extends u{__class__="KritzelCustomElement";element;isInteractive=true;constructor(t){super();if(t){this.translateX=t.translateX||0;this.translateY=t.translateY||0;this.scale=t.scale||1;this.element=t.element;this.height=t.height||0;this.width=t.width||0}}static create(t,i){const s=new M(i);s._core=t;s.id=s.generateId();s.workspaceId=t.store.state.activeWorkspace.id;return s}mount(t){if(this.isMounted){return}this.elementRef=t;this.isMounted=true;this.elementRef.appendChild(this.element)}resize(t,i,s,e){if(s<=1||e<=1){return}this.width=s;this.height=e;this.translateX=t;this.translateY=i;if(this.element){this.element.style.width=`${s}px`;this.element.style.height=`${e}px`}}copy(){const t=Object.create(Object.getPrototypeOf(this));Object.assign(t,this);t.id=this.generateId();t.isMounted=false;t.element=this.element.cloneNode(true);return t}}class x extends t{object;constructor(t,i,s,e=false){super(t,i,e);this.object=s}execute(){this._core.store.state.objectsMap.remove((t=>t.id===this.object.id));this._core.store.state.objectsMap.filter((t=>t instanceof M)).forEach((t=>t.remount()));this._core.deleteObjectFromDatabase(this.object.id)}undo(){this._core.store.state.objectsMap.insert(this.object);this._core.store.state.objectsMap.filter((t=>t instanceof M)).forEach((t=>t.remount()));this._core.addObjectToDatabase(this.object)}}class E extends e{touchStartTimeout=null;constructor(t){super(t)}handlePointerDown(t){if(t.pointerType==="mouse"){if(h.isLeftClick(t)){this._core.store.setState("isErasing",true)}}if(t.pointerType==="touch"){this.touchStartTimeout=setTimeout((()=>{if(this._core.store.state.pointers.size===1&&!this._core.store.state.isScaling){this._core.store.setState("isErasing",true)}}),80)}}handlePointerMove(t){if(t.pointerType==="mouse"){if(this._core.store.state.isErasing){const i=this._core.getObjectsFromPointerEvent(t,".object");if(i.length===0)return;const s=this._core.store.state.pointerX;const e=this._core.store.state.pointerY;i.forEach((t=>{t.markedForRemoval=t.hitTest(s,e)}));this._core.rerender()}}if(t.pointerType==="touch"){if(this._core.store.state.pointers.size===1&&this._core.store.state.isErasing){const i=this._core.store.state.host?.shadowRoot;if(!i)return;const s=this._core.getObjectsFromPointerEvent(t,".object");if(s.length===0)return;const e=this._core.store.state.pointerX;const n=this._core.store.state.pointerY;s.forEach((t=>{t.markedForRemoval=t.hitTest(e,n)}));this._core.rerender()}}}handlePointerUp(t){if(t.pointerType==="mouse"){if(this._core.store.state.isErasing){const t=this._core.store.allObjects.filter((t=>t.markedForRemoval)).map((t=>{t.markedForRemoval=false;return new x(this._core,this,t)}));if(t.length>0){this._core.history.executeCommand(new b(this._core,this,t))}this._core.store.setState("isErasing",false)}}if(t.pointerType==="touch"){clearTimeout(this.touchStartTimeout);if(this._core.store.state.isErasing){const t=this._core.store.allObjects.filter((t=>t.markedForRemoval)).map((t=>{t.markedForRemoval=false;return new x(this._core,this,t)}));if(t.length>0){this._core.history.executeCommand(new b(this._core,this,t))}this._core.store.setState("isErasing",false)}}}}class U extends t{previousSelectionGroup;constructor(t,i,s=false){super(t,i,s);this.previousSelectionGroup=this._core.store.state.selectionGroup}execute(){this._core.store.state.objectsMap.remove((t=>t.id===this.previousSelectionGroup?.id));this._core.store.setState("selectionGroup",null)}undo(){if(this.previousSelectionGroup){this._core.store.state.objectsMap.insert(this.previousSelectionGroup);this._core.store.setState("selectionGroup",this.previousSelectionGroup)}}}class F extends t{selectionGroup;startX;startY;endX;endY;skipExecution;constructor(t,i,s,e,n,r,h=false,o=false){super(t,i,o);this.startX=s;this.startY=e;this.endX=n;this.endY=r;this.skipExecution=h;this.selectionGroup=this._core.store.state.selectionGroup}execute(){if(this.skipExecution){this.skipExecution=false;this._core.store.state.selectionGroup.objects.forEach((t=>{this._core.store.state.objectsMap.update(t);this._core.updateObjectInDatabase(t)}));return}this._core.store.setState("selectionGroup",this.selectionGroup);this._core.store.state.selectionGroup.move(this.startX,this.startY,this.endX,this.endY);this._core.store.state.selectionGroup.objects.forEach((t=>{this._core.store.state.objectsMap.update(t);this._core.updateObjectInDatabase(t)}))}undo(){this._core.store.setState("selectionGroup",this.selectionGroup);this._core.store.state.selectionGroup.move(this.endX,this.endY,this.startX,this.startY);this._core.store.state.selectionGroup.objects.forEach((t=>{this._core.store.state.objectsMap.update(t);this._core.updateObjectInDatabase(t)}))}}class P{_core;constructor(t){this._core=t}}class T extends P{dragStartX;dragStartY;startX;startY;endX;endY;hasMoved=false;constructor(t){super(t)}reset(){this.dragStartX=0;this.dragStartY=0;this.startX=0;this.startY=0;this.endX=0;this.endY=0;this.hasMoved=false}handlePointerDown(t){if(t.pointerType==="mouse"){if(h.isLeftClick(t)){if(this._core.store.state.selectionGroup?.isSelected&&!this._core.store.state.isResizeHandleSelected&&!this._core.store.state.isRotationHandleSelected){const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;this._core.store.setState("isDragging",true);this.dragStartX=i;this.dragStartY=s;this.startX=this.dragStartX;this.startY=this.dragStartY}}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());if(this._core.store.state.pointers.size===1){if(this._core.store.state.selectionGroup?.isSelected&&!this._core.store.state.isResizeHandleSelected&&!this._core.store.state.isRotationHandleSelected){const i=Math.round(t[0].clientX-this._core.store.offsetX);const s=Math.round(t[0].clientY-this._core.store.offsetY);this.dragStartX=i;this.dragStartY=s;this.startX=i;this.startY=s}}}}handlePointerMove(t){if(t.pointerType==="mouse"){if(this._core.store.state.isDragging&&this._core.store.state.selectionGroup){const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;this.endX=i;this.endY=s;this._core.store.state.selectionGroup.move(i,s,this.dragStartX,this.dragStartY);this.dragStartX=i;this.dragStartY=s;this.hasMoved=true}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());if(this._core.store.state.pointers.size===1&&this._core.store.state.selectionGroup&&!this._core.store.state.isResizeHandleSelected&&!this._core.store.state.isRotationHandleSelected){const i=Math.round(t[0].clientX-this._core.store.offsetX);const s=Math.round(t[0].clientY-this._core.store.offsetY);this._core.store.setState("isDragging",true);this.endX=i;this.endY=s;const e=Math.abs(i-this.startX);const n=Math.abs(s-this.startY);const r=5;if(e>r||n>r){clearTimeout(this._core.store.state.longTouchTimeout);this._core.store.state.selectionGroup.move(i,s,this.dragStartX,this.dragStartY);this.dragStartX=i;this.dragStartY=s;this.hasMoved=true}}}}handlePointerUp(t){if(t.pointerType==="mouse"){if(this._core.store.state.isDragging){this._core.store.setState("isDragging",false);if(this.hasMoved){this._core.history.executeCommand(new F(this._core,this,this.endX,this.endY,this.startX,this.startY,true));this._core.store.setState("hasObjectsChanged",true)}this.reset()}}if(t.pointerType==="touch"){if(this._core.store.state.isDragging){this._core.store.setState("isDragging",false);if(this.hasMoved){this._core.history.executeCommand(new F(this._core,this,this.endX,this.endY,this.startX,this.startY,true));this._core.store.setState("hasObjectsChanged",true)}this.reset()}}}}var S;(function(t){t["TopLeft"]="top-left";t["TopRight"]="top-right";t["BottomLeft"]="bottom-left";t["BottomRight"]="bottom-right"})(S||(S={}));class k extends t{newSize;previousSize;selectionGroup;constructor(t,i,s,e,n=false){super(t,i,n);this.previousSize=s;this.newSize=e;this.selectionGroup=this._core.store.state.selectionGroup}execute(){this._core.store.setState("selectionGroup",this.selectionGroup);this._core.store.state.selectionGroup.resize(this.newSize.x,this.newSize.y,this.newSize.width,this.newSize.height);this._core.store.state.selectionGroup.objects.forEach((t=>{this._core.store.state.objectsMap.update(t);this._core.updateObjectInDatabase(t)}))}undo(){this._core.store.setState("selectionGroup",this.selectionGroup);this._core.store.state.selectionGroup.resize(this.previousSize.x,this.previousSize.y,this.previousSize.width,this.previousSize.height);this._core.store.state.selectionGroup.objects.forEach((t=>{this._core.store.state.objectsMap.update(t);this._core.updateObjectInDatabase(t)}))}}class B extends P{initialMouseX=0;initialMouseY=0;initialSize={x:0,y:0,width:0,height:0};newSize={x:0,y:0,width:0,height:0};constructor(t){super(t)}reset(){this.initialMouseX=0;this.initialMouseY=0;this.initialSize={x:0,y:0,width:0,height:0};this.newSize={x:0,y:0,width:0,height:0}}handlePointerDown(t){if(t.pointerType==="mouse"){if(h.isLeftClick(t)){if(this._core.store.state.selectionGroup&&this._core.store.state.isResizeHandleSelected){const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;this._core.store.setState("isResizing",true);this.initialMouseX=i;this.initialMouseY=s;this.initialSize.width=this._core.store.state.selectionGroup.width;this.initialSize.height=this._core.store.state.selectionGroup.height;this.initialSize.x=this._core.store.state.selectionGroup.translateX;this.initialSize.y=this._core.store.state.selectionGroup.translateY}}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());const i=t[0];if(!i){return}if(t.length===1){if(this._core.store.state.selectionGroup&&this._core.store.state.isResizeHandleSelected){const t=Math.round(i.clientX-this._core.store.offsetX);const s=Math.round(i.clientY-this._core.store.offsetY);this._core.store.setState("isResizing",true);this.initialMouseX=t;this.initialMouseY=s;this.initialSize.width=this._core.store.state.selectionGroup.width;this.initialSize.height=this._core.store.state.selectionGroup.height;this.initialSize.x=this._core.store.state.selectionGroup.translateX;this.initialSize.y=this._core.store.state.selectionGroup.translateY;clearTimeout(this._core.store.state.longTouchTimeout)}}}}handlePointerMove(t){if(t.pointerType==="mouse"){if(this._core.store.state.isResizing&&this._core.store.state.selectionGroup){const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;const e=i-this.initialMouseX;const n=s-this.initialMouseY;switch(this._core.store.state.resizeHandleType){case S.TopLeft:this.newSize.width=this.initialSize.width-e;this.newSize.height=this.initialSize.height-n;this.newSize.x=e/this._core.store.state.scale+this.initialSize.x;this.newSize.y=n/this._core.store.state.scale+this.initialSize.y;break;case S.TopRight:this.newSize.width=this.initialSize.width+e;this.newSize.height=this.initialSize.height-n;this.newSize.x=this.initialSize.x;this.newSize.y=n/this._core.store.state.scale+this.initialSize.y;break;case S.BottomLeft:this.newSize.width=this.initialSize.width-e;this.newSize.height=this.initialSize.height+n;this.newSize.x=e/this._core.store.state.scale+this.initialSize.x;this.newSize.y=this.initialSize.y;break;case S.BottomRight:this.newSize.width=this.initialSize.width+e;this.newSize.height=this.initialSize.height+n;this.newSize.x=this.initialSize.x;this.newSize.y=this.initialSize.y;break}this._core.store.state.selectionGroup.resize(this.newSize.x,this.newSize.y,this.newSize.width,this.newSize.height)}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());const i=t[0];if(!i){return}if(this._core.store.state.isResizing&&this._core.store.state.selectionGroup){const t=Math.round(i.clientX-this._core.store.offsetX);const s=Math.round(i.clientY-this._core.store.offsetY);const e=t-this.initialMouseX;const n=s-this.initialMouseY;switch(this._core.store.state.resizeHandleType){case S.TopLeft:this.newSize.width=this.initialSize.width-e;this.newSize.height=this.initialSize.height-n;this.newSize.x=e/this._core.store.state.scale+this.initialSize.x;this.newSize.y=n/this._core.store.state.scale+this.initialSize.y;break;case S.TopRight:this.newSize.width=this.initialSize.width+e;this.newSize.height=this.initialSize.height-n;this.newSize.x=this.initialSize.x;this.newSize.y=n/this._core.store.state.scale+this.initialSize.y;break;case S.BottomLeft:this.newSize.width=this.initialSize.width-e;this.newSize.height=this.initialSize.height+n;this.newSize.x=e/this._core.store.state.scale+this.initialSize.x;this.newSize.y=this.initialSize.y;break;case S.BottomRight:this.newSize.width=this.initialSize.width+e;this.newSize.height=this.initialSize.height+n;this.newSize.x=this.initialSize.x;this.newSize.y=this.initialSize.y;break}this._core.store.state.selectionGroup.resize(this.newSize.x,this.newSize.y,this.newSize.width,this.newSize.height);clearTimeout(this._core.store.state.longTouchTimeout)}}}handlePointerUp(t){if(t.pointerType==="mouse"){if(this._core.store.state.isResizing){this._core.history.executeCommand(new k(this._core,this,structuredClone(this.initialSize),structuredClone(this.newSize)));this._core.store.setState("isResizing",false);this._core.store.setState("hasObjectsChanged",true);this.reset()}}if(t.pointerType==="touch"){if(this._core.store.state.isResizing){this._core.history.executeCommand(new k(this._core,this,structuredClone(this.initialSize),structuredClone(this.newSize)));this._core.store.setState("isResizing",false);this._core.store.setState("hasObjectsChanged",true);this.reset();clearTimeout(this._core.store.state.longTouchTimeout)}}}}class z extends t{rotation;initialRotation;selectionGroup;constructor(t,i,s,e,n=false){super(t,i,n);this.rotation=s;this.initialRotation=e;this.selectionGroup=this._core.store.state.selectionGroup}execute(){this._core.store.setState("selectionGroup",this.selectionGroup);this._core.store.state.selectionGroup.rotate(this.rotation);this._core.store.state.selectionGroup.objects.forEach((t=>{this._core.store.state.objectsMap.update(t);this._core.updateObjectInDatabase(t)}))}undo(){this._core.store.setState("selectionGroup",this.selectionGroup);this._core.store.state.selectionGroup.rotate(this.initialRotation);this._core.store.state.selectionGroup.objects.forEach((t=>{this._core.store.state.objectsMap.update(t);this._core.updateObjectInDatabase(t)}))}}class C extends P{initialRotation=0;rotation=0;unchangedObjects=[];initialSelectionGroupRotation=0;constructor(t){super(t)}reset(){this.initialRotation=0;this.rotation=0;this.unchangedObjects=[]}handlePointerDown(t){if(t.pointerType==="mouse"){if(h.isLeftClick(t)){if(this._core.store.state.selectionGroup&&this._core.store.state.isRotationHandleSelected){const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;this._core.store.setState("isRotating",true);const e=this._core.store.state.selectionGroup.translateX+this._core.store.state.selectionGroup.width/2/this._core.store.state.scale;const n=this._core.store.state.selectionGroup.translateY+this._core.store.state.selectionGroup.height/2/this._core.store.state.scale;const r=(i-this._core.store.state.translateX)/this._core.store.state.scale;const h=(s-this._core.store.state.translateY)/this._core.store.state.scale;this.initialSelectionGroupRotation=this._core.store.state.selectionGroup.rotation;this.initialRotation=Math.atan2(n-h,e-r)-this._core.store.state.selectionGroup.rotation;this.unchangedObjects=this._core.store.state.selectionGroup.objects.map((t=>t.clone()))}}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());const i=t[0];if(!i){return}if(t.length===1){if(this._core.store.state.selectionGroup&&this._core.store.state.isRotationHandleSelected){const t=Math.round(i.clientX-this._core.store.offsetX);const s=Math.round(i.clientY-this._core.store.offsetY);this._core.store.setState("isRotating",true);const e=this._core.store.state.selectionGroup.translateX+this._core.store.state.selectionGroup.width/2/this._core.store.state.scale;const n=this._core.store.state.selectionGroup.translateY+this._core.store.state.selectionGroup.height/2/this._core.store.state.scale;const r=(t-this._core.store.state.translateX)/this._core.store.state.scale;const h=(s-this._core.store.state.translateY)/this._core.store.state.scale;this.initialSelectionGroupRotation=this._core.store.state.selectionGroup.rotation;this.initialRotation=Math.atan2(n-h,e-r)-this._core.store.state.selectionGroup.rotation;this.unchangedObjects=this._core.store.state.selectionGroup.objects.map((t=>t.clone()));clearTimeout(this._core.store.state.longTouchTimeout)}}}}handlePointerMove(t){if(t.pointerType==="mouse"){if(this._core.store.state.isRotating&&this._core.store.state.selectionGroup){const i=t.clientX-this._core.store.offsetX;const s=t.clientY-this._core.store.offsetY;const e=this._core.store.state.selectionGroup.translateX+this._core.store.state.selectionGroup.width/2/this._core.store.state.scale;const n=this._core.store.state.selectionGroup.translateY+this._core.store.state.selectionGroup.height/2/this._core.store.state.scale;const r=(i-this._core.store.state.translateX)/this._core.store.state.scale;const h=(s-this._core.store.state.translateY)/this._core.store.state.scale;const o=Math.atan2(n-h,e-r);this.rotation=o-this.initialRotation;this._core.store.state.selectionGroup.rotate(this.rotation)}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());const i=t[0];if(!i){return}if(this._core.store.state.isRotating&&this._core.store.state.selectionGroup){const t=Math.round(i.clientX-this._core.store.offsetX);const s=Math.round(i.clientY-this._core.store.offsetY);const e=this._core.store.state.selectionGroup.translateX+this._core.store.state.selectionGroup.width/2/this._core.store.state.scale;const n=this._core.store.state.selectionGroup.translateY+this._core.store.state.selectionGroup.height/2/this._core.store.state.scale;const r=(t-this._core.store.state.translateX)/this._core.store.state.scale;const h=(s-this._core.store.state.translateY)/this._core.store.state.scale;const o=Math.atan2(n-h,e-r);this.rotation=o-this.initialRotation;this._core.store.state.selectionGroup.rotate(this.rotation);clearTimeout(this._core.store.state.longTouchTimeout)}}}handlePointerUp(t){if(t.pointerType==="mouse"){if(this._core.store.state.isRotating){this._core.history.executeCommand(new z(this._core,this,this.rotation,this.initialSelectionGroupRotation));this._core.store.setState("isRotating",false);this._core.store.setState("hasObjectsChanged",true);this.reset()}}if(t.pointerType==="touch"){if(this._core.store.state.isRotating){this._core.history.executeCommand(new z(this._core,this,this.rotation,this.initialSelectionGroupRotation));this._core.store.setState("isRotating",false);this._core.store.setState("hasObjectsChanged",true);this.reset();clearTimeout(this._core.store.state.longTouchTimeout)}}}}class _ extends u{__class__="KrtizelSelectionBox";objects=[];static create(t){const i=new _;i._core=t;i.id=i.generateId();i.workspaceId=t.store.state.activeWorkspace.id;i.scale=t.store.state.scale;i.zIndex=99999;i.backgroundColor="var(--kritzel-selection-box-background-color, rgba(0, 122, 255, 0.2))";i.borderColor="var(--kritzel-selection-box-border-color, rgba(0, 122, 255, 0.5))";i.borderWidth=2;i.height=0;i.width=0;return i}}class I extends t{selectionGroup;previousSelectionGroup;constructor(t,i,s,e,n=false){super(t,i,n);this.selectionGroup=s;this.previousSelectionGroup=e||null}execute(){this._core.store.state.objectsMap.remove((t=>t instanceof _||t instanceof K));this._core.store.state.objectsMap.insert(this.selectionGroup);this._core.store.setState("selectionGroup",this.selectionGroup);this._core.store.setState("selectionBox",null)}undo(){this._core.store.state.objectsMap.remove((t=>t.id===this.selectionGroup.id));this._core.store.setState("selectionGroup",this.previousSelectionGroup);this._core.store.setState("selectionBox",null)}}class j extends P{startX;startY;touchStartX=0;touchStartY=0;touchStartTimeout=null;get isSelectionClick(){return this._core.store.state.selectionBox&&this._core.store.state.selectionBox.width===0&&this._core.store.state.selectionBox.height===0}get isSelectionDrag(){return this._core.store.state.selectionBox&&(this._core.store.state.selectionBox.width>0||this._core.store.state.selectionBox.height>0)}constructor(t){super(t)}handlePointerDown(t){if(t.pointerType==="mouse"){if(h.isLeftClick(t)&&!this._core.store.state.selectionGroup){this.startMouseSelection(t)}}if(t.pointerType==="touch"){this.touchStartTimeout=setTimeout((()=>{if(this._core.store.state.pointers.size===1&&!this._core.store.state.isScaling&&!this._core.store.state.selectionGroup){this.startTouchSelection();this.updateTouchSelection()}}),80)}}handlePointerMove(t){if(t.pointerType==="mouse"){if(this._core.store.state.isSelecting){this.updateMouseSelection(t)}}if(t.pointerType==="touch"){const t=Array.from(this._core.store.state.pointers.values());const i=Math.round(t[0].clientX-this._core.store.offsetX);const s=Math.round(t[0].clientY-this._core.store.offsetY);const e=Math.abs(i-this.touchStartX);const n=Math.abs(s-this.touchStartY);const r=5;if((e>r||n>r)&&this._core.store.state.isSelecting){this.updateTouchSelection();clearTimeout(this._core.store.state.longTouchTimeout)}}}handlePointerUp(t){if(t.pointerType==="mouse"){if(h.isLeftClick(t)){const i=this._core.store.state.hasObjectsChanged;if(this._core.store.state.selectionGroup?.objects.length===1&&i===false){this._core.store.state.selectionGroup.objects[0].edit()}this._core.store.setState("hasObjectsChanged",false);if(this._core.store.state.isSelecting){if(this.isSelectionClick){const i=this._core.store.state.pointerX;const s=this._core.store.state.pointerY;const e=this._core.getObjectsFromPointerEvent(t,".object").find((t=>t.hitTest(i,s)));this.addObjectToSelectionGroup(e);this.removeSelectionBox()}if(this.isSelectionDrag){this.updateMouseSelection(t);this.addSelectedObjectsToSelectionGroup();this.removeSelectionBox()}}}}if(t.pointerType==="touch"){clearTimeout(this.touchStartTimeout);const i=this._core.store.state.hasObjectsChanged;if(this._core.store.state.selectionGroup?.objects.length===1&&i===false){this._core.store.state.selectionGroup.objects[0].edit()}this._core.store.setState("hasObjectsChanged",false);if(this._core.store.state.isSelecting){if(this.isSelectionClick){const i=this._core.store.state.pointerX;const s=this._core.store.state.pointerY;const e=this._core.getObjectsFromPointerEvent(t,".object").find((t=>t.hitTest(i,s)));this.addObjectToSelectionGroup(e);this.removeSelectionBox()}if(this.isSelectionDrag){this.updateTouchSelection();this.addSelectedObjectsToSelectionGroup();this.removeSelectionBox()}this._core.store.setState("skipContextMenu",false)}}}removeSelectionBox(){this._core.store.setState("selectionBox",null);this._core.store.setState("isSelecting",false);this._core.store.state.objectsMap.remove((t=>t instanceof _))}startMouseSelection(t){let i,s;i=t.clientX-this._core.store.offsetX;s=t.clientY-this._core.store.offsetY;const e=_.create(this._core);this.startX=(i-this._core.store.state.translateX)/this._core.store.state.scale;this.startY=(s-this._core.store.state.translateY)/this._core.store.state.scale;e.translateX=this.startX;e.translateY=this.startY;this._core.store.setState("selectionGroup",null);this._core.store.setState("selectionBox",e);this._core.store.setState("isSelecting",true);this._core.store.state.objectsMap.remove((t=>t instanceof _||t instanceof K));this._core.store.state.objectsMap.insert(e)}startTouchSelection(){const t=Array.from(this._core.store.state.pointers.values());const i=t[0];if(!i){return}let s,e;s=Math.round(i.clientX-this._core.store.offsetX);e=Math.round(i.clientY-this._core.store.offsetY);this.touchStartX=s;this.touchStartY=e;const n=_.create(this._core);this.startX=(s-this._core.store.state.translateX)/this._core.store.state.scale;this.startY=(e-this._core.store.state.translateY)/this._core.store.state.scale;n.translateX=this.startX;n.translateY=this.startY;this._core.store.setState("selectionGroup",null);this._core.store.setState("selectionBox",n);this._core.store.setState("isSelecting",true);this._core.store.state.objectsMap.remove((t=>t instanceof _||t instanceof K));this._core.store.state.objectsMap.insert(n)}updateMouseSelection(t){let i,s;i=t.clientX-this._core.store.offsetX;s=t.clientY-this._core.store.offsetY;const e=this._core.store.state.selectionBox;if(e){const t=(i-this._core.store.state.translateX)/e.scale;const n=(s-this._core.store.state.translateY)/e.scale;e.width=Math.abs(t-this.startX)*e.scale;e.height=Math.abs(n-this.startY)*e.scale;e.translateX=Math.min(t,this.startX);e.translateY=Math.min(n,this.startY);this.updateSelectedObjects()}}updateTouchSelection(){const t=Array.from(this._core.store.state.pointers.values());const i=t[0];if(!i){return}let s,e;s=Math.round(i.clientX-this._core.store.offsetX);e=Math.round(i.clientY-this._core.store.offsetY);const n=this._core.store.state.selectionBox;if(n){const t=(s-this._core.store.state.translateX)/n.scale;const i=(e-this._core.store.state.translateY)/n.scale;n.width=Math.abs(t-this.startX)*n.scale;n.height=Math.abs(i-this.startY)*n.scale;n.translateX=Math.min(t,this.startX);n.translateY=Math.min(i,this.startY);this.updateSelectedObjects()}}updateSelectedObjects(){this._core.store.allObjects.filter((t=>!(t instanceof _))).forEach((t=>t.isSelected=t.hitTestPolygon(this._core.store.state.selectionBox.rotatedPolygon)))}addObjectToSelectionGroup(t){if(!t){return}t.isSelected=false;const i=K.create(this._core);i.addOrRemove(t);i.isSelected=true;i.rotation=t.rotation;this._core.history.executeCommand(new I(this._core,this,i))}addSelectedObjectsToSelectionGroup(){const t=this._core.store.selectedObjects;if(t.length===0){return}this._core.store.setState("selectionGroup",K.create(this._core));t.forEach((t=>{this._core.store.state.selectionGroup.addOrRemove(t);t.isSelected=false}));const i=this._core.store.state.selectionGroup;i.isSelected=true;if(i.length===1){i.rotation=i.objects[0].rotation}this._core.history.executeCommand(new I(this._core,this,i))}}class O extends P{constructor(t){super(t)}handlePointerMove(t){if(t.pointerType==="mouse"){const i=this._core.getObjectFromPointerEvent(t,".object");if(!i)return;const s=this._core.store.state.pointerX;const e=this._core.store.state.pointerY;i.isHovered=i.hitTest(s,e)}}}class R extends e{selectionHandler;moveHandler;hoverHandler;resizeHandler;rotationHandler;constructor(t){super(t);this.selectionHandler=new j(this._core);this.moveHandler=new T(this._core);this.hoverHandler=new O(this._core);this.resizeHandler=new B(this._core);this.rotationHandler=new C(this._core)}handlePointerDown(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){if(h.isLeftClick(t)){this._core.store.setState("isResizeHandleSelected",this.isHandleSelected(t));this._core.store.setState("isRotationHandleSelected",this.isRotationHandleSelected(t));this._core.store.setState("resizeHandleType",this.getHandleType(t));const i=this.getSelectedObject(t);const s=i&&this._core.store.state.selectionGroup&&i.id!==this._core.store.state.selectionGroup.id;if((i===null||s)&&this._core.store.state.selectionGroup&&!this._core.store.state.isResizeHandleSelected&&!this._core.store.state.isRotationHandleSelected){this._core.history.executeCommand(new U(this._core,this._core.store.state.selectionGroup))}if(i&&i.isSelected===false&&i?.objects.length===1&&i.objects[0].isInteractive){return}}this.moveHandler.handlePointerDown(t);this.selectionHandler.handlePointerDown(t);this.resizeHandler.handlePointerDown(t);this.rotationHandler.handlePointerDown(t);this._core.rerender()}if(t.pointerType==="touch"){if(this._core.store.state.isScaling===true){return}if(this._core.store.state.pointers.size===1){this._core.store.setState("isResizeHandleSelected",this.isHandleSelected(t));this._core.store.setState("isRotationHandleSelected",this.isRotationHandleSelected(t));this._core.store.setState("resizeHandleType",this.getHandleType(t));const i=this.getSelectedObject(t);const s=i&&this._core.store.state.selectionGroup&&i.id!==this._core.store.state.selectionGroup.id;if(!this._core.store.state.selectionGroup&&i){this._core.store.setState("skipContextMenu",true)}if((i===null||s)&&this._core.store.state.selectionGroup&&!this._core.store.state.isResizeHandleSelected&&!this._core.store.state.isRotationHandleSelected){this._core.history.executeCommand(new U(this._core,this._core.store.state.selectionGroup))}}this.rotationHandler.handlePointerDown(t);this.resizeHandler.handlePointerDown(t);this.moveHandler.handlePointerDown(t);this.selectionHandler.handlePointerDown(t);this._core.rerender()}}handlePointerMove(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){this.moveHandler.handlePointerMove(t);this.hoverHandler.handlePointerMove(t);this.selectionHandler.handlePointerMove(t);this.resizeHandler.handlePointerMove(t);this.rotationHandler.handlePointerMove(t);this._core.rerender()}if(t.pointerType==="touch"){if(this._core.store.state.isScaling===true){return}this.rotationHandler.handlePointerMove(t);this.resizeHandler.handlePointerMove(t);this.moveHandler.handlePointerMove(t);this.selectionHandler.handlePointerMove(t);this._core.rerender()}}handlePointerUp(t){if(t.cancelable){t.preventDefault()}if(t.pointerType==="mouse"){this.moveHandler.handlePointerUp(t);this.resizeHandler.handlePointerUp(t);this.rotationHandler.handlePointerUp(t);this.selectionHandler.handlePointerUp(t);this._core.rerender()}if(t.pointerType==="touch"){if(this._core.store.state.isScaling===true){return}this.rotationHandler.handlePointerUp(t);this.resizeHandler.handlePointerUp(t);this.moveHandler.handlePointerUp(t);this.selectionHandler.handlePointerUp(t);this._core.rerender()}}getSelectedObject(t){const i=t.composedPath().slice(1);const s=i.find((t=>t.classList&&t.classList.contains("object")));const e=this._core.findObjectById(s?.id);if(!e){return null}if(e instanceof K){return e}else{const t=K.create(this._core);t.translateX=0;t.translateY=0;t.addOrRemove(e);return t}}getHandleType(t){const i=this._core.store.state.host?.shadowRoot;if(!i)return;const s=i.elementFromPoint(t.clientX,t.clientY);const e=s?.closest(".resize-handle-overlay");return e?.classList[1]}isHandleSelected(t){const i=this._core.store.state.host?.shadowRoot;if(!i)return false;const s=i.elementFromPoint(t.clientX,t.clientY);return!!s?.classList.contains("resize-handle-overlay")}isRotationHandleSelected(t){const i=t.composedPath();return!!i.find((t=>t.classList&&t.classList.contains("rotation-handle-overlay")))}}const D={type:"pen",color:"#000000",size:16,palettes:{pen:["#000000","#ff5252","#ffbc00","#00c853","#0000FF","#d500f9","#fafafa","#a52714","#ee8100","#558b2f","#01579b","#8e24aa","#90a4ae","#ff4081","#ff6e40","#aeea00","#304ffe","#7c4dff","#cfd8dc","#f8bbd0","#ffccbc","#f0f4c3","#9fa8da","#d1c4e9"],highlighter:["#0000006e","#ff52526e","#ffbb006e","#00c8536e","#0000FF6e","#d500f96e","#fafafa6e","#a527146e","#ee81006e","#558b2f6e","#01579b6e","#8e24aa6e","#90a4ae6e","#ff40816e","#ff6e406e","#aeea006e","#304ffe6e","#7c4dff6e","#cfd8dc6e","#f8bbd06e","#ffccbc6e","#f0f4c36e","#9fa8da6e","#d1c4e96e"]}};const Q={color:"#000000",size:8,fontFamily:"Arial",palette:["#000000","#ff5252","#ffbc00","#00c853","#0000FF","#d500f9","#fafafa","#a52714","#ee8100","#558b2f","#01579b","#8e24aa","#90a4ae","#ff4081","#ff6e40","#aeea00","#304ffe","#7c4dff","#cfd8dc","#f8bbd0","#ffccbc","#f0f4c3","#9fa8da","#d1c4e9"]};class H{__class__="KritzelWorkspace";id;name;createdAt;updatedAt;viewport;_core;constructor(t,i,s={translateX:0,translateY:0,scale:1}){this.id=t;this.name=i;this.createdAt=new Date;this.updatedAt=new Date;this.viewport=s}static create(t,i){const s=new H(i.id,i.name,i.viewport);s._core=t;Object.assign(s,i);return s}addObject(t){this._core.engine.addObject(t)}serialize(){return{__class__:this.__class__,id:this.id,name:this.name,createdAt:this.createdAt,updatedAt:this.updatedAt,viewport:this.viewport}}deserialize(t){Object.assign(this,t);this.createdAt=new Date(t.createdAt);this.updatedAt=new Date(t.updatedAt);return this}}class G{_core;constructor(t){this._core=t}revive(t){if(t&&typeof t==="object"){if(t.__class__){let i;switch(t.__class__){case"KritzelPath":i=g.create(this._core).deserialize(t);break;case"KritzelText":i=l.create(this._core,t.fontSize,t.fontFamily).deserialize(t);break;case"KritzelImage":i=m.create(this._core).deserialize(t);break;case"KritzelCustomElement":i=M.create(this._core).deserialize(t);break;case"KritzelSelectionGroup":i=K.create(this._core).deserialize(t);break;case"KritzelWorkspace":i=H.create(this._core,t).deserialize(t);break;case"KritzelBrushTool":i=new y(this._core);break;case"KritzelEraserTool":i=new E(this._core);break;case"KritzelImageTool":i=new Ut(this._core);break;case"KritzelSelectionTool":i=new R(this._core);break;case"KritzelTextTool":i=new c(this._core);break;default:i=t}return i}const i=Array.isArray(t)?[]:{};for(const s in t){if(Object.prototype.hasOwnProperty.call(t,s)){i[s]=this.revive(t[s])}}return i}return t}}class K extends u{__class__="KritzelSelectionGroup";objects=[];unchangedObjects=[];minX;maxX;minY;maxY;get length(){return this.objects.length}static create(t){const i=new K;i._core=t;i.id=i.generateId();i.workspaceId=t.store.state.activeWorkspace.id;i.scale=t.store.state.scale;i.zIndex=99999;return i}addOrRemove(t){const i=this.objects.findIndex((i=>i.id===t.id));if(i===-1){this.objects.push(t)}else{this.objects.splice(i,1)}this.unchangedObjects=this.objects.map((t=>t.clone()));this.refreshObjectDimensions()}deselectAllChildren(){this.objects.forEach((t=>t.isSelected=false))}updateWorkspaceId(t){this.workspaceId=t;this.objects.forEach((i=>i.workspaceId=t))}updateZIndices(t){this.objects.forEach(((i,s)=>{i.zIndex=t+s}))}updatePosition(t,i){this.objects.forEach((s=>{const e=s.translateX-this.translateX;const n=s.translateY-this.translateY;s.updatePosition(t+e,i+n)}));this.unchangedObjects.forEach((s=>{const e=s.translateX-this.translateX;const n=s.translateY-this.translateY;s.translateX=t+e;s.translateY=i+n}));this.translateX=t;this.translateY=i;this._core.store.state.objectsMap.update(this)}move(t,i,s,e){const n=(t-s)/this._core.store.state.scale;const r=(i-e)/this._core.store.state.scale;this.translateX+=n;this.translateY+=r;this._core.store.state.objectsMap.update(this);this.objects.forEach((n=>{n.move(t,i,s,e);this._core.store.state.objectsMap.update(n)}));this.unchangedObjects.forEach((t=>{t.translateX+=n;t.translateY+=r}))}resize(t,i,s,e){const n=s/this.width;const r=e/this.height;const h=t-this.translateX;const o=i-this.translateY;this.objects.forEach((t=>{const i=t.width*n;const s=t.height*r;const e=t.translateX+h+(t.translateX-this.translateX)*(n-1);const c=t.translateY+o+(t.translateY-this.translateY)*(r-1);t.resize(e,c,i,s);this._core.store.state.objectsMap.update(t)}));this.refreshObjectDimensions();this.unchangedObjects=this.objects.map((t=>t.clone()))}rotate(t){this.rotation=t;const i=this.translateX+this.totalWidth/2/this.scale;const s=this.translateY+this.totalHeight/2/this.scale;const e=t;const n=Math.cos(e);const r=Math.sin(e);this.objects.forEach((e=>{const h=this.getUnchangedObject(e.id);const o=this.getOffsetXToCenter(h);const c=this.getOffsetYToCenter(h);const a=n*o-r*c;const f=r*o+n*c;e.translateX=i+a-e.totalWidth/2/e.scale;e.translateY=s+f-e.totalHeight/2/e.scale;e.rotate(this.objects.length===1?t:t+h.rotation);this._core.store.state.objectsMap.update(e)}))}copy(){const t=K.create(this._core);this.objects.sort(((t,i)=>t.zIndex-i.zIndex)).forEach((i=>{const s=i.copy();t.addOrRemove(s)}));t.unchangedObjects=t.objects.map((t=>t.clone()));if(this.objects.length===1){t.rotation=this.objects[0].rotation}return t}refreshObjectDimensions(){if(this.objects.length===1){const t=this.objects[0];this.minX=t.boundingBox.x/this.scale;this.maxX=t.boundingBox.x/this.scale+t.boundingBox.width;this.minY=t.boundingBox.y/this.scale;this.maxY=t.boundingBox.y/this.scale+t.boundingBox.height;this.translateX=(this.minX-this.padding)*this.scale;this.translateY=(this.minY-this.padding)*this.scale;this.width=(this.maxX-this.minX-this.padding)*this.scale;this.height=(this.maxY-this.minY-this.padding)*this.scale}else{this.minX=Math.min(...this.objects.map((t=>t.minXRotated)));this.maxX=Math.max(...this.objects.map((t=>t.maxXRotated)));this.minY=Math.min(...this.objects.map((t=>t.minYRotated)));this.maxY=Math.max(...this.objects.map((t=>t.maxYRotated)));this.translateX=this.minX-this.padding;this.translateY=this.minY-this.padding;this.width=(this.maxX-this.minX-this.padding)*this.scale;this.height=(this.maxY-this.minY-this.padding)*this.scale}this._core.store.state.objectsMap.update(this)}getOffsetXToCenter(t){const i=t.translateX+t.totalWidth/t.scale/2;const s=this.translateX+this.totalWidth/this.scale/2;return i-s}getOffsetYToCenter(t){const i=t.translateY+t.totalHeight/t.scale/2;const s=this.translateY+this.totalHeight/this.scale/2;return i-s}getUnchangedObject(t){const i=this.unchangedObjects.find((i=>i.id===t));const s=new G(this._core);return s.revive(i)}}function W(t,i){return i.forEach((function(i){i&&"string"!=typeof i&&!Array.isArray(i)&&Object.keys(i).forEach((function(s){if("default"!==s&&!(s in t)){var e=Object.getOwnPropertyDescriptor(i,s);Object.defineProperty(t,s,e.get?e:{enumerable:true,get:function(){return i[s]}})}}))})),Object.freeze(t)}function X(t,i){return new Promise((function(s,e){let n;return L(t).then((function(t){try{return n=t,s(new Blob([i.slice(0,2),n,i.slice(2)],{type:"image/jpeg"}))}catch(t){return e(t)}}),e)}))}const L=t=>new Promise(((i,s)=>{const e=new FileReader;e.addEventListener("load",(({target:{result:t}})=>{const e=new DataView(t);let n=0;if(65496!==e.getUint16(n))return s("not a valid JPEG");for(n+=2;;){const r=e.getUint16(n);if(65498===r)break;const h=e.getUint16(n+2);if(65505===r&&1165519206===e.getUint32(n+4)){const r=n+10;let o;switch(e.getUint16(r)){case 18761:o=true;break;case 19789:o=false;break;default:return s("TIFF header contains invalid endian")}if(42!==e.getUint16(r+2,o))return s("TIFF header contains invalid version");const c=e.getUint32(r+4,o),a=r+c+2+12*e.getUint16(r+c,o);for(let t=r+c+2;t<a;t+=12){if(274==e.getUint16(t,o)){if(3!==e.getUint16(t+2,o))return s("Orientation data type is invalid");if(1!==e.getUint32(t+4,o))return s("Orientation data count is invalid");e.setUint16(t+8,1,o);break}}return i(t.slice(n,n+2+h))}n+=2+h}return i(new Blob)})),e.readAsArrayBuffer(t)}));var Y={},$={get exports(){return Y},set exports(t){Y=t}};!function(t){var i,s,e={};$.exports=e,e.parse=function(t,i){for(var s=e.bin.readUshort,n=e.bin.readUint,r=0,h={},o=new Uint8Array(t),c=o.length-4;101010256!=n(o,c);)c--;r=c;r+=4;var a=s(o,r+=4);s(o,r+=2);var f=n(o,r+=2),u=n(o,r+=4);r+=4,r=u;for(var l=0;l<a;l++){n(o,r),r+=4,r+=4,r+=4,n(o,r+=4);f=n(o,r+=4);var d=n(o,r+=4),v=s(o,r+=4),w=s(o,r+2),p=s(o,r+4);r+=6;var A=n(o,r+=8);r+=4,r+=v+w+p,e._readLocal(o,A,h,f,d,i)}return h},e._readLocal=function(t,i,s,n,r,h){var o=e.bin.readUshort,c=e.bin.readUint;c(t,i),o(t,i+=4),o(t,i+=2);var a=o(t,i+=2);c(t,i+=2),c(t,i+=4),i+=4;var f=o(t,i+=8),u=o(t,i+=2);i+=2;var l=e.bin.readUTF8(t,i,f);if(i+=f,i+=u,h)s[l]={size:r,csize:n};else{var d=new Uint8Array(t.buffer,i);if(0==a)s[l]=new Uint8Array(d.buffer.slice(i,i+n));else{if(8!=a)throw"unknown compression method: "+a;var v=new Uint8Array(r);e.inflateRaw(d,v),s[l]=v}}},e.inflateRaw=function(t,i){return e.F.inflate(t,i)},e.inflate=function(t,i){return e.inflateRaw(new Uint8Array(t.buffer,t.byteOffset+2,t.length-6),i)},e.deflate=function(t,i){null==i&&(i={level:6});var s=0,n=new Uint8Array(50+Math.floor(1.1*t.length));n[s]=120,n[s+1]=156,s+=2,s=e.F.deflateRaw(t,n,s,i.level);var r=e.adler(t,0,t.length);return n[s+0]=r>>>24&255,n[s+1]=r>>>16&255,n[s+2]=r>>>8&255,n[s+3]=r>>>0&255,new Uint8Array(n.buffer,0,s+4)},e.deflateRaw=function(t,i){null==i&&(i={level:6});var s=new Uint8Array(50+Math.floor(1.1*t.length)),n=e.F.deflateRaw(t,s,n,i.level);return new Uint8Array(s.buffer,0,n)},e.encode=function(t,i){null==i&&(i=false);var s=0,n=e.bin.writeUint,r=e.bin.writeUshort,h={};for(var o in t){var c=!e._noNeed(o)&&!i,a=t[o],f=e.crc.crc(a,0,a.length);h[o]={cpr:c,usize:a.length,crc:f,file:c?e.deflateRaw(a):a}}for(var o in h)s+=h[o].file.length+30+46+2*e.bin.sizeUTF8(o);s+=22;var u=new Uint8Array(s),l=0,d=[];for(var o in h){var v=h[o];d.push(l),l=e._writeHeader(u,l,o,v,0)}var w=0,p=l;for(var o in h){v=h[o];d.push(l),l=e._writeHeader(u,l,o,v,1,d[w++])}var A=l-p;return n(u,l,101010256),l+=4,r(u,l+=4,w),r(u,l+=2,w),n(u,l+=2,A),n(u,l+=4,p),l+=4,l+=2,u.buffer},e._noNeed=function(t){var i=t.split(".").pop().toLowerCase();return-1!="png,jpg,jpeg,zip".indexOf(i)},e._writeHeader=function(t,i,s,n,r,h){var o=e.bin.writeUint,c=e.bin.writeUshort,a=n.file;return o(t,i,0==r?67324752:33639248),i+=4,1==r&&(i+=2),c(t,i,20),c(t,i+=2,0),c(t,i+=2,n.cpr?8:0),o(t,i+=2,0),o(t,i+=4,n.crc),o(t,i+=4,a.length),o(t,i+=4,n.usize),c(t,i+=4,e.bin.sizeUTF8(s)),c(t,i+=2,0),i+=2,1==r&&(i+=2,i+=2,o(t,i+=6,h),i+=4),i+=e.bin.writeUTF8(t,i,s),0==r&&(t.set(a,i),i+=a.length),i},e.crc={table:function(){for(var t=new Uint32Array(256),i=0;i<256;i++){for(var s=i,e=0;e<8;e++)1&s?s=3988292384^s>>>1:s>>>=1;t[i]=s}return t}(),update:function(t,i,s,n){for(var r=0;r<n;r++)t=e.crc.table[255&(t^i[s+r])]^t>>>8;return t},crc:function(t,i,s){return 4294967295^e.crc.update(4294967295,t,i,s)}},e.adler=function(t,i,s){for(var e=1,n=0,r=i,h=i+s;r<h;){for(var o=Math.min(r+5552,h);r<o;)n+=e+=t[r++];e%=65521,n%=65521}return n<<16|e},e.bin={readUshort:function(t,i){return t[i]|t[i+1]<<8},writeUshort:function(t,i,s){t[i]=255&s,t[i+1]=s>>8&255},readUint:function(t,i){return 16777216*t[i+3]+(t[i+2]<<16|t[i+1]<<8|t[i])},writeUint:function(t,i,s){t[i]=255&s,t[i+1]=s>>8&255,t[i+2]=s>>16&255,t[i+3]=s>>24&255},readASCII:function(t,i,s){for(var e="",n=0;n<s;n++)e+=String.fromCharCode(t[i+n]);return e},writeASCII:function(t,i,s){for(var e=0;e<s.length;e++)t[i+e]=s.charCodeAt(e)},pad:function(t){return t.length<2?"0"+t:t},readUTF8:function(t,i,s){for(var n,r="",h=0;h<s;h++)r+="%"+e.bin.pad(t[i+h].toString(16));try{n=decodeURIComponent(r)}catch(n){return e.bin.readASCII(t,i,s)}return n},writeUTF8:function(t,i,s){for(var e=s.length,n=0,r=0;r<e;r++){var h=s.charCodeAt(r);if(0==(4294967168&h))t[i+n]=h,n++;else if(0==(4294965248&h))t[i+n]=192|h>>6,t[i+n+1]=128|h>>0&63,n+=2;else if(0==(4294901760&h))t[i+n]=224|h>>12,t[i+n+1]=128|h>>6&63,t[i+n+2]=128|h>>0&63,n+=3;else{if(0!=(4292870144&h))throw"e";t[i+n]=240|h>>18,t[i+n+1]=128|h>>12&63,t[i+n+2]=128|h>>6&63,t[i+n+3]=128|h>>0&63,n+=4}}return n},sizeUTF8:function(t){for(var i=t.length,s=0,e=0;e<i;e++){var n=t.charCodeAt(e);if(0==(4294967168&n))s++;else if(0==(4294965248&n))s+=2;else if(0==(4294901760&n))s+=3;else{if(0!=(4292870144&n))throw"e";s+=4}}return s}},e.F={},e.F.deflateRaw=function(t,i,s,n){var r=[[0,0,0,0,0],[4,4,8,4,0],[4,5,16,8,0],[4,6,16,16,0],[4,10,16,32,0],[8,16,32,32,0],[8,16,128,128,0],[8,32,128,256,0],[32,128,258,1024,1],[32,258,258,4096,1]][n],h=e.F.U,o=e.F._goodIndex;var c=e.F._putsE,a=0,f=s<<3,u=0,l=t.length;if(0==n){for(;a<l;){c(i,f,a+(E=Math.min(65535,l-a))==l?1:0),f=e.F._copyExact(t,a,E,i,f+8),a+=E}return f>>>3}var d=h.lits,v=h.strt,w=h.prev,p=0,A=0,g=0,m=0,y=0,b=0;for(l>2&&(v[b=e.F._hash(t,0)]=0),a=0;a<l;a++){if(y=b,a+1<l-2){b=e.F._hash(t,a+1);var M=a+1&32767;w[M]=v[b],v[b]=M}if(u<=a){(p>14e3||A>26697)&&l-a>100&&(u<a&&(d[p]=a-u,p+=2,u=a),f=e.F._writeBlock(a==l-1||u==l?1:0,d,p,m,t,g,a-g,i,f),p=A=m=0,g=a);var x=0;a<l-2&&(x=e.F._bestMatch(t,a,w,y,Math.min(r[2],l-a),r[3]));var E=x>>>16,U=65535&x;if(0!=x){U=65535&x;var F=o(E=x>>>16,h.of0);h.lhst[257+F]++;var P=o(U,h.df0);h.dhst[P]++,m+=h.exb[F]+h.dxb[P],d[p]=E<<23|a-u,d[p+1]=U<<16|F<<8|P,p+=2,u=a+E}else h.lhst[t[a]]++;A++}}for(g==a&&0!=t.length||(u<a&&(d[p]=a-u,p+=2,u=a),f=e.F._writeBlock(1,d,p,m,t,g,a-g,i,f),p=0,A=0,p=A=m=0,g=a);0!=(7&f);)f++;return f>>>3},e.F._bestMatch=function(t,i,s,n,r,h){var o=32767&i,c=s[o],a=o-c+32768&32767;if(c==o||n!=e.F._hash(t,i-a))return 0;for(var f=0,u=0,l=Math.min(32767,i);a<=l&&0!=--h&&c!=o;){if(0==f||t[i+f]==t[i+f-a]){var d=e.F._howLong(t,i,a);if(d>f){if(u=a,(f=d)>=r)break;a+2<d&&(d=a+2);for(var v=0,w=0;w<d-2;w++){var p=i-a+w+32768&32767,A=p-s[p]+32768&32767;A>v&&(v=A,c=p)}}}a+=(o=c)-(c=s[o])+32768&32767}return f<<16|u},e.F._howLong=function(t,i,s){if(t[i]!=t[i-s]||t[i+1]!=t[i+1-s]||t[i+2]!=t[i+2-s])return 0;var e=i,n=Math.min(t.length,i+258);for(i+=3;i<n&&t[i]==t[i-s];)i++;return i-e},e.F._hash=function(t,i){return(t[i]<<8|t[i+1])+(t[i+2]<<4)&65535},e.saved=0,e.F._writeBlock=function(t,i,s,n,r,h,o,c,a){var f,u,l,d,v,w,p,A,g,m=e.F.U,y=e.F._putsF,b=e.F._putsE;m.lhst[256]++,u=(f=e.F.getTrees())[0],l=f[1],d=f[2],v=f[3],w=f[4],p=f[5],A=f[6],g=f[7];var M=32+(0==(a+3&7)?0:8-(a+3&7))+(o<<3),x=n+e.F.contSize(m.fltree,m.lhst)+e.F.contSize(m.fdtree,m.dhst),E=n+e.F.contSize(m.ltree,m.lhst)+e.F.contSize(m.dtree,m.dhst);E+=14+3*p+e.F.contSize(m.itree,m.ihst)+(2*m.ihst[16]+3*m.ihst[17]+7*m.ihst[18]);for(var U=0;U<286;U++)m.lhst[U]=0;for(U=0;U<30;U++)m.dhst[U]=0;for(U=0;U<19;U++)m.ihst[U]=0;var F=M<x&&M<E?0:x<E?1:2;if(y(c,a,t),y(c,a+1,F),a+=3,0==F){for(;0!=(7&a);)a++;a=e.F._copyExact(r,h,o,c,a)}else{var P,T;if(1==F&&(P=m.fltree,T=m.fdtree),2==F){e.F.makeCodes(m.ltree,u),e.F.revCodes(m.ltree,u),e.F.makeCodes(m.dtree,l),e.F.revCodes(m.dtree,l),e.F.makeCodes(m.itree,d),e.F.revCodes(m.itree,d),P=m.ltree,T=m.dtree,b(c,a,v-257),b(c,a+=5,w-1),b(c,a+=5,p-4),a+=4;for(var S=0;S<p;S++)b(c,a+3*S,m.itree[1+(m.ordr[S]<<1)]);a+=3*p,a=e.F._codeTiny(A,m.itree,c,a),a=e.F._codeTiny(g,m.itree,c,a)}for(var k=h,B=0;B<s;B+=2){for(var z=i[B],C=z>>>23,_=k+(8388607&z);k<_;)a=e.F._writeLit(r[k++],P,c,a);if(0!=C){var I=i[B+1],j=I>>16,O=I>>8&255,R=255&I;b(c,a=e.F._writeLit(257+O,P,c,a),C-m.of0[O]),a+=m.exb[O],y(c,a=e.F._writeLit(R,T,c,a),j-m.df0[R]),a+=m.dxb[R],k+=C}}a=e.F._writeLit(256,P,c,a)}return a},e.F._copyExact=function(t,i,s,e,n){var r=n>>>3;return e[r]=s,e[r+1]=s>>>8,e[r+2]=255-e[r],e[r+3]=255-e[r+1],r+=4,e.set(new Uint8Array(t.buffer,i,s),r),n+(s+4<<3)},e.F.getTrees=function(){for(var t=e.F.U,i=e.F._hufTree(t.lhst,t.ltree,15),s=e.F._hufTree(t.dhst,t.dtree,15),n=[],r=e.F._lenCodes(t.ltree,n),h=[],o=e.F._lenCodes(t.dtree,h),c=0;c<n.length;c+=2)t.ihst[n[c]]++;for(c=0;c<h.length;c+=2)t.ihst[h[c]]++;for(var a=e.F._hufTree(t.ihst,t.itree,7),f=19;f>4&&0==t.itree[1+(t.ordr[f-1]<<1)];)f--;return[i,s,a,r,o,f,n,h]},e.F.getSecond=function(t){for(var i=[],s=0;s<t.length;s+=2)i.push(t[s+1]);return i},e.F.nonZero=function(t){for(var i="",s=0;s<t.length;s+=2)0!=t[s+1]&&(i+=(s>>1)+",");return i},e.F.contSize=function(t,i){for(var s=0,e=0;e<i.length;e++)s+=i[e]*t[1+(e<<1)];return s},e.F._codeTiny=function(t,i,s,n){for(var r=0;r<t.length;r+=2){var h=t[r],o=t[r+1];n=e.F._writeLit(h,i,s,n);var c=16==h?2:17==h?3:7;h>15&&(e.F._putsE(s,n,o,c),n+=c)}return n},e.F._lenCodes=function(t,i){for(var s=t.length;2!=s&&0==t[s-1];)s-=2;for(var e=0;e<s;e+=2){var n=t[e+1],r=e+3<s?t[e+3]:-1,h=e+5<s?t[e+5]:-1,o=0==e?-1:t[e-1];if(0==n&&r==n&&h==n){for(var c=e+5;c+2<s&&t[c+2]==n;)c+=2;(a=Math.min(c+1-e>>>1,138))<11?i.push(17,a-3):i.push(18,a-11),e+=2*a-2}else if(n==o&&r==n&&h==n){for(c=e+5;c+2<s&&t[c+2]==n;)c+=2;var a=Math.min(c+1-e>>>1,6);i.push(16,a-3),e+=2*a-2}else i.push(n,0)}return s>>>1},e.F._hufTree=function(t,i,s){var n=[],r=t.length,h=i.length,o=0;for(o=0;o<h;o+=2)i[o]=0,i[o+1]=0;for(o=0;o<r;o++)0!=t[o]&&n.push({lit:o,f:t[o]});var c=n.length,a=n.slice(0);if(0==c)return 0;if(1==c){var f=n[0].lit;a=0==f?1:0;return i[1+(f<<1)]=1,i[1+(a<<1)]=1,1}n.sort((function(t,i){return t.f-i.f}));var u=n[0],l=n[1],d=0,v=1,w=2;for(n[0]={lit:-1,f:u.f+l.f,l:u,r:l,d:0};v!=c-1;)u=d!=v&&(w==c||n[d].f<n[w].f)?n[d++]:n[w++],l=d!=v&&(w==c||n[d].f<n[w].f)?n[d++]:n[w++],n[v++]={lit:-1,f:u.f+l.f,l:u,r:l};var p=e.F.setDepth(n[v-1],0);for(p>s&&(e.F.restrictDepth(a,s,p),p=s),o=0;o<c;o++)i[1+(a[o].lit<<1)]=a[o].d;return p},e.F.setDepth=function(t,i){return-1!=t.lit?(t.d=i,i):Math.max(e.F.setDepth(t.l,i+1),e.F.setDepth(t.r,i+1))},e.F.restrictDepth=function(t,i,s){var e=0,n=1<<s-i,r=0;for(t.sort((function(t,i){return i.d==t.d?t.f-i.f:i.d-t.d})),e=0;e<t.length&&t[e].d>i;e++){var h=t[e].d;t[e].d=i,r+=n-(1<<s-h)}for(r>>>=s-i;r>0;){(h=t[e].d)<i?(t[e].d++,r-=1<<i-h-1):e++}for(;e>=0;e--)t[e].d==i&&r<0&&(t[e].d--,r++);0!=r&&console.log("debt left")},e.F._goodIndex=function(t,i){var s=0;return i[16|s]<=t&&(s|=16),i[8|s]<=t&&(s|=8),i[4|s]<=t&&(s|=4),i[2|s]<=t&&(s|=2),i[1|s]<=t&&(s|=1),s},e.F._writeLit=function(t,i,s,n){return e.F._putsF(s,n,i[t<<1]),n+i[1+(t<<1)]},e.F.inflate=function(t,i){var s=Uint8Array;if(3==t[0]&&0==t[1])return i||new s(0);var n=e.F,r=n._bitsF,h=n._bitsE,o=n._decodeTiny,c=n.makeCodes,a=n.codes2map,f=n._get17,u=n.U,l=null==i;l&&(i=new s(t.length>>>2<<3));for(var d,v,w=0,p=0,A=0,g=0,m=0,y=0,b=0,M=0,x=0;0==w;)if(w=r(t,x,1),p=r(t,x+1,2),x+=3,0!=p){if(l&&(i=e.F._check(i,M+(1<<17))),1==p&&(d=u.flmap,v=u.fdmap,y=511,b=31),2==p){A=h(t,x,5)+257,g=h(t,x+5,5)+1,m=h(t,x+10,4)+4,x+=14;for(var E=0;E<38;E+=2)u.itree[E]=0,u.itree[E+1]=0;var U=1;for(E=0;E<m;E++){var F=h(t,x+3*E,3);u.itree[1+(u.ordr[E]<<1)]=F,F>U&&(U=F)}x+=3*m,c(u.itree,U),a(u.itree,U,u.imap),d=u.lmap,v=u.dmap,x=o(u.imap,(1<<U)-1,A+g,t,x,u.ttree);var P=n._copyOut(u.ttree,0,A,u.ltree);y=(1<<P)-1;var T=n._copyOut(u.ttree,A,g,u.dtree);b=(1<<T)-1,c(u.ltree,P),a(u.ltree,P,d),c(u.dtree,T),a(u.dtree,T,v)}for(;;){var S=d[f(t,x)&y];x+=15&S;var k=S>>>4;if(k>>>8==0)i[M++]=k;else{if(256==k)break;var B=M+k-254;if(k>264){var z=u.ldef[k-257];B=M+(z>>>3)+h(t,x,7&z),x+=7&z}var C=v[f(t,x)&b];x+=15&C;var _=C>>>4,I=u.ddef[_],j=(I>>>4)+r(t,x,15&I);for(x+=15&I,l&&(i=e.F._check(i,M+(1<<17)));M<B;)i[M]=i[M++-j],i[M]=i[M++-j],i[M]=i[M++-j],i[M]=i[M++-j];M=B}}}else{0!=(7&x)&&(x+=8-(7&x));var O=4+(x>>>3),R=t[O-4]|t[O-3]<<8;l&&(i=e.F._check(i,M+R)),i.set(new s(t.buffer,t.byteOffset+O,R),M),x=O+R<<3,M+=R}return i.length==M?i:i.slice(0,M)},e.F._check=function(t,i){var s=t.length;if(i<=s)return t;var e=new Uint8Array(Math.max(s<<1,i));return e.set(t,0),e},e.F._decodeTiny=function(t,i,s,n,r,h){for(var o=e.F._bitsE,c=e.F._get17,a=0;a<s;){var f=t[c(n,r)&i];r+=15&f;var u=f>>>4;if(u<=15)h[a]=u,a++;else{var l=0,d=0;16==u?(d=3+o(n,r,2),r+=2,l=h[a-1]):17==u?(d=3+o(n,r,3),r+=3):18==u&&(d=11+o(n,r,7),r+=7);for(var v=a+d;a<v;)h[a]=l,a++}}return r},e.F._copyOut=function(t,i,s,e){for(var n=0,r=0,h=e.length>>>1;r<s;){var o=t[r+i];e[r<<1]=0,e[1+(r<<1)]=o,o>n&&(n=o),r++}for(;r<h;)e[r<<1]=0,e[1+(r<<1)]=0,r++;return n},e.F.makeCodes=function(t,i){for(var s,n,r,h,o=e.F.U,c=t.length,a=o.bl_count,f=0;f<=i;f++)a[f]=0;for(f=1;f<c;f+=2)a[t[f]]++;var u=o.next_code;for(s=0,a[0]=0,n=1;n<=i;n++)s=s+a[n-1]<<1,u[n]=s;for(r=0;r<c;r+=2)0!=(h=t[r+1])&&(t[r]=u[h],u[h]++)},e.F.codes2map=function(t,i,s){for(var n=t.length,r=e.F.U.rev15,h=0;h<n;h+=2)if(0!=t[h+1])for(var o=h>>1,c=t[h+1],a=o<<4|c,f=i-c,u=t[h]<<f,l=u+(1<<f);u!=l;){s[r[u]>>>15-i]=a,u++}},e.F.revCodes=function(t,i){for(var s=e.F.U.rev15,n=15-i,r=0;r<t.length;r+=2){var h=t[r]<<i-t[r+1];t[r]=s[h]>>>n}},e.F._putsE=function(t,i,s){s<<=7&i;var e=i>>>3;t[e]|=s,t[e+1]|=s>>>8},e.F._putsF=function(t,i,s){s<<=7&i;var e=i>>>3;t[e]|=s,t[e+1]|=s>>>8,t[e+2]|=s>>>16},e.F._bitsE=function(t,i,s){return(t[i>>>3]|t[1+(i>>>3)]<<8)>>>(7&i)&(1<<s)-1},e.F._bitsF=function(t,i,s){return(t[i>>>3]|t[1+(i>>>3)]<<8|t[2+(i>>>3)]<<16)>>>(7&i)&(1<<s)-1},e.F._get17=function(t,i){return(t[i>>>3]|t[1+(i>>>3)]<<8|t[2+(i>>>3)]<<16)>>>(7&i)},e.F._get25=function(t,i){return(t[i>>>3]|t[1+(i>>>3)]<<8|t[2+(i>>>3)]<<16|t[3+(i>>>3)]<<24)>>>(7&i)},e.F.U=(i=Uint16Array,s=Uint32Array,{next_code:new i(16),bl_count:new i(16),ordr:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],of0:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],exb:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],ldef:new i(32),df0:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],dxb:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],ddef:new s(32),flmap:new i(512),fltree:[],fdmap:new i(32),fdtree:[],lmap:new i(32768),ltree:[],ttree:[],dmap:new i(32768),dtree:[],imap:new i(512),itree:[],rev15:new i(32768),lhst:new s(286),dhst:new s(30),ihst:new s(19),lits:new s(15e3),strt:new i(65536),prev:new i(32768)}),function(){for(var t=e.F.U,i=0;i<32768;i++){var s=i;s=(4278255360&(s=(4042322160&(s=(3435973836&(s=(2863311530&s)>>>1|(1431655765&s)<<1))>>>2|(858993459&s)<<2))>>>4|(252645135&s)<<4))>>>8|(16711935&s)<<8,t.rev15[i]=(s>>>16|s<<16)>>>17}function n(t,i,s){for(;0!=i--;)t.push(0,s)}for(i=0;i<32;i++)t.ldef[i]=t.of0[i]<<3|t.exb[i],t.ddef[i]=t.df0[i]<<4|t.dxb[i];n(t.fltree,144,8),n(t.fltree,112,9),n(t.fltree,24,7),n(t.fltree,8,8),e.F.makeCodes(t.fltree,9),e.F.codes2map(t.fltree,9,t.flmap),e.F.revCodes(t.fltree,9),n(t.fdtree,32,5),e.F.makeCodes(t.fdtree,5),e.F.codes2map(t.fdtree,5,t.fdmap),e.F.revCodes(t.fdtree,5),n(t.itree,19,0),n(t.ltree,286,0),n(t.dtree,30,0),n(t.ttree,320,0)}()}();var V=W({__proto__:null,default:Y},[Y]);const N=function(){var t={nextZero(t,i){for(;0!=t[i];)i++;return i},readUshort:(t,i)=>t[i]<<8|t[i+1],writeUshort(t,i,s){t[i]=s>>8&255,t[i+1]=255&s},readUint:(t,i)=>16777216*t[i]+(t[i+1]<<16|t[i+2]<<8|t[i+3]),writeUint(t,i,s){t[i]=s>>24&255,t[i+1]=s>>16&255,t[i+2]=s>>8&255,t[i+3]=255&s},readASCII(t,i,s){let e="";for(let n=0;n<s;n++)e+=String.fromCharCode(t[i+n]);return e},writeASCII(t,i,s){for(let e=0;e<s.length;e++)t[i+e]=s.charCodeAt(e)},readBytes(t,i,s){const e=[];for(let n=0;n<s;n++)e.push(t[i+n]);return e},pad:t=>t.length<2?`0${t}`:t,readUTF8(i,s,e){let n,r="";for(let n=0;n<e;n++)r+=`%${t.pad(i[s+n].toString(16))}`;try{n=decodeURIComponent(r)}catch(n){return t.readASCII(i,s,e)}return n}};function i(i,s,e,n){const h=s*e,o=r(n),c=Math.ceil(s*o/8),a=new Uint8Array(4*h),f=new Uint32Array(a.buffer),{ctype:u}=n,{depth:l}=n,d=t.readUshort;if(6==u){const t=h<<2;if(8==l)for(var v=0;v<t;v+=4)a[v]=i[v],a[v+1]=i[v+1],a[v+2]=i[v+2],a[v+3]=i[v+3];if(16==l)for(v=0;v<t;v++)a[v]=i[v<<1]}else if(2==u){const t=n.tabs.tRNS;if(null==t){if(8==l)for(v=0;v<h;v++){var w=3*v;f[v]=255<<24|i[w+2]<<16|i[w+1]<<8|i[w]}if(16==l)for(v=0;v<h;v++){w=6*v;f[v]=255<<24|i[w+4]<<16|i[w+2]<<8|i[w]}}else{var p=t[0];const s=t[1],e=t[2];if(8==l)for(v=0;v<h;v++){var A=v<<2;w=3*v;f[v]=255<<24|i[w+2]<<16|i[w+1]<<8|i[w],i[w]==p&&i[w+1]==s&&i[w+2]==e&&(a[A+3]=0)}if(16==l)for(v=0;v<h;v++){A=v<<2,w=6*v;f[v]=255<<24|i[w+4]<<16|i[w+2]<<8|i[w],d(i,w)==p&&d(i,w+2)==s&&d(i,w+4)==e&&(a[A+3]=0)}}}else if(3==u){const t=n.tabs.PLTE,r=n.tabs.tRNS,o=r?r.length:0;if(1==l)for(var g=0;g<e;g++){var m=g*c,y=g*s;for(v=0;v<s;v++){A=y+v<<2;var b=3*(M=i[m+(v>>3)]>>7-((7&v)<<0)&1);a[A]=t[b],a[A+1]=t[b+1],a[A+2]=t[b+2],a[A+3]=M<o?r[M]:255}}if(2==l)for(g=0;g<e;g++)for(m=g*c,y=g*s,v=0;v<s;v++){A=y+v<<2,b=3*(M=i[m+(v>>2)]>>6-((3&v)<<1)&3);a[A]=t[b],a[A+1]=t[b+1],a[A+2]=t[b+2],a[A+3]=M<o?r[M]:255}if(4==l)for(g=0;g<e;g++)for(m=g*c,y=g*s,v=0;v<s;v++){A=y+v<<2,b=3*(M=i[m+(v>>1)]>>4-((1&v)<<2)&15);a[A]=t[b],a[A+1]=t[b+1],a[A+2]=t[b+2],a[A+3]=M<o?r[M]:255}if(8==l)for(v=0;v<h;v++){var M;A=v<<2,b=3*(M=i[v]);a[A]=t[b],a[A+1]=t[b+1],a[A+2]=t[b+2],a[A+3]=M<o?r[M]:255}}else if(4==u){if(8==l)for(v=0;v<h;v++){A=v<<2;var x=i[E=v<<1];a[A]=x,a[A+1]=x,a[A+2]=x,a[A+3]=i[E+1]}if(16==l)for(v=0;v<h;v++){var E;A=v<<2,x=i[E=v<<2];a[A]=x,a[A+1]=x,a[A+2]=x,a[A+3]=i[E+2]}}else if(0==u)for(p=n.tabs.tRNS?n.tabs.tRNS:-1,g=0;g<e;g++){const t=g*c,e=g*s;if(1==l)for(var U=0;U<s;U++){var F=(x=255*(i[t+(U>>>3)]>>>7-(7&U)&1))==255*p?0:255;f[e+U]=F<<24|x<<16|x<<8|x}else if(2==l)for(U=0;U<s;U++){F=(x=85*(i[t+(U>>>2)]>>>6-((3&U)<<1)&3))==85*p?0:255;f[e+U]=F<<24|x<<16|x<<8|x}else if(4==l)for(U=0;U<s;U++){F=(x=17*(i[t+(U>>>1)]>>>4-((1&U)<<2)&15))==17*p?0:255;f[e+U]=F<<24|x<<16|x<<8|x}else if(8==l)for(U=0;U<s;U++){F=(x=i[t+U])==p?0:255;f[e+U]=F<<24|x<<16|x<<8|x}else if(16==l)for(U=0;U<s;U++){x=i[t+(U<<1)],F=d(i,t+(U<<1))==p?0:255;f[e+U]=F<<24|x<<16|x<<8|x}}return a}function s(t,i,s,o){const c=r(t),a=Math.ceil(s*c/8),f=new Uint8Array((a+1+t.interlace)*o);return i=t.tabs.CgBI?n(i,f):e(i,f),0==t.interlace?i=h(i,t,0,s,o):1==t.interlace&&(i=function t(i,s){const e=s.width,n=s.height,o=r(s),c=o>>3,a=Math.ceil(e*o/8),f=new Uint8Array(n*a);let u=0;const l=[0,0,4,0,2,0,1],d=[0,4,0,2,0,1,0],v=[8,8,8,4,4,2,2],w=[8,8,4,4,2,2,1];let p=0;for(;p<7;){const t=v[p],r=w[p];let g=0,m=0,y=l[p];for(;y<n;)y+=t,m++;let b=d[p];for(;b<e;)b+=r,g++;const M=Math.ceil(g*o/8);h(i,s,u,g,m);let x=0,E=l[p];for(;E<n;){let s=d[p],n=u+x*M<<3;for(;s<e;){var A;if(1==o)A=(A=i[n>>3])>>7-(7&n)&1,f[E*a+(s>>3)]|=A<<7-((7&s)<<0);if(2==o)A=(A=i[n>>3])>>6-(7&n)&3,f[E*a+(s>>2)]|=A<<6-((3&s)<<1);if(4==o)A=(A=i[n>>3])>>4-(7&n)&15,f[E*a+(s>>1)]|=A<<4-((1&s)<<2);if(o>=8){const t=E*a+s*c;for(let s=0;s<c;s++)f[t+s]=i[(n>>3)+s]}n+=o,s+=r}x++,E+=t}g*m!=0&&(u+=m*(1+M)),p+=1}return f}(i,t)),i}function e(t,i){return n(new Uint8Array(t.buffer,2,t.length-6),i)}var n=function(){const t={H:{}};return t.H.N=function(i,s){const e=Uint8Array;let n,r,h=0,o=0,c=0,a=0,f=0,u=0,l=0,d=0,v=0;if(3==i[0]&&0==i[1])return s||new e(0);const w=t.H,p=w.b,A=w.e,g=w.R,m=w.n,y=w.A,b=w.Z,M=w.m,x=null==s;for(x&&(s=new e(i.length>>>2<<5));0==h;)if(h=p(i,v,1),o=p(i,v+1,2),v+=3,0!=o){if(x&&(s=t.H.W(s,d+(1<<17))),1==o&&(n=M.J,r=M.h,u=511,l=31),2==o){c=A(i,v,5)+257,a=A(i,v+5,5)+1,f=A(i,v+10,4)+4,v+=14;let t=1;for(var E=0;E<38;E+=2)M.Q[E]=0,M.Q[E+1]=0;for(E=0;E<f;E++){const s=A(i,v+3*E,3);M.Q[1+(M.X[E]<<1)]=s,s>t&&(t=s)}v+=3*f,m(M.Q,t),y(M.Q,t,M.u),n=M.w,r=M.d,v=g(M.u,(1<<t)-1,c+a,i,v,M.v);const s=w.V(M.v,0,c,M.C);u=(1<<s)-1;const e=w.V(M.v,c,a,M.D);l=(1<<e)-1,m(M.C,s),y(M.C,s,n),m(M.D,e),y(M.D,e,r)}for(;;){const t=n[b(i,v)&u];v+=15&t;const e=t>>>4;if(e>>>8==0)s[d++]=e;else{if(256==e)break;{let t=d+e-254;if(e>264){const s=M.q[e-257];t=d+(s>>>3)+A(i,v,7&s),v+=7&s}const n=r[b(i,v)&l];v+=15&n;const h=n>>>4,o=M.c[h],c=(o>>>4)+p(i,v,15&o);for(v+=15&o;d<t;)s[d]=s[d++-c],s[d]=s[d++-c],s[d]=s[d++-c],s[d]=s[d++-c];d=t}}}}else{0!=(7&v)&&(v+=8-(7&v));const n=4+(v>>>3),r=i[n-4]|i[n-3]<<8;x&&(s=t.H.W(s,d+r)),s.set(new e(i.buffer,i.byteOffset+n,r),d),v=n+r<<3,d+=r}return s.length==d?s:s.slice(0,d)},t.H.W=function(t,i){const s=t.length;if(i<=s)return t;const e=new Uint8Array(s<<1);return e.set(t,0),e},t.H.R=function(i,s,e,n,r,h){const o=t.H.e,c=t.H.Z;let a=0;for(;a<e;){const t=i[c(n,r)&s];r+=15&t;const e=t>>>4;if(e<=15)h[a]=e,a++;else{let t=0,i=0;16==e?(i=3+o(n,r,2),r+=2,t=h[a-1]):17==e?(i=3+o(n,r,3),r+=3):18==e&&(i=11+o(n,r,7),r+=7);const s=a+i;for(;a<s;)h[a]=t,a++}}return r},t.H.V=function(t,i,s,e){let n=0,r=0;const h=e.length>>>1;for(;r<s;){const s=t[r+i];e[r<<1]=0,e[1+(r<<1)]=s,s>n&&(n=s),r++}for(;r<h;)e[r<<1]=0,e[1+(r<<1)]=0,r++;return n},t.H.n=function(i,s){const e=t.H.m,n=i.length;let r,h,o;let c;const a=e.j;for(var f=0;f<=s;f++)a[f]=0;for(f=1;f<n;f+=2)a[i[f]]++;const u=e.K;for(r=0,a[0]=0,h=1;h<=s;h++)r=r+a[h-1]<<1,u[h]=r;for(o=0;o<n;o+=2)c=i[o+1],0!=c&&(i[o]=u[c],u[c]++)},t.H.A=function(i,s,e){const n=i.length,r=t.H.m.r;for(let t=0;t<n;t+=2)if(0!=i[t+1]){const n=t>>1,h=i[t+1],o=n<<4|h,c=s-h;let a=i[t]<<c;const f=a+(1<<c);for(;a!=f;){e[r[a]>>>15-s]=o,a++}}},t.H.l=function(i,s){const e=t.H.m.r,n=15-s;for(let t=0;t<i.length;t+=2){const r=i[t]<<s-i[t+1];i[t]=e[r]>>>n}},t.H.M=function(t,i,s){s<<=7&i;const e=i>>>3;t[e]|=s,t[e+1]|=s>>>8},t.H.I=function(t,i,s){s<<=7&i;const e=i>>>3;t[e]|=s,t[e+1]|=s>>>8,t[e+2]|=s>>>16},t.H.e=function(t,i,s){return(t[i>>>3]|t[1+(i>>>3)]<<8)>>>(7&i)&(1<<s)-1},t.H.b=function(t,i,s){return(t[i>>>3]|t[1+(i>>>3)]<<8|t[2+(i>>>3)]<<16)>>>(7&i)&(1<<s)-1},t.H.Z=function(t,i){return(t[i>>>3]|t[1+(i>>>3)]<<8|t[2+(i>>>3)]<<16)>>>(7&i)},t.H.i=function(t,i){return(t[i>>>3]|t[1+(i>>>3)]<<8|t[2+(i>>>3)]<<16|t[3+(i>>>3)]<<24)>>>(7&i)},t.H.m=function(){const t=Uint16Array,i=Uint32Array;return{K:new t(16),j:new t(16),X:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],S:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],T:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],q:new t(32),p:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],z:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],c:new i(32),J:new t(512),_:[],h:new t(32),$:[],w:new t(32768),C:[],v:[],d:new t(32768),D:[],u:new t(512),Q:[],r:new t(32768),s:new i(286),Y:new i(30),a:new i(19),t:new i(15e3),k:new t(65536),g:new t(32768)}}(),function(){const i=t.H.m;for(var s=0;s<32768;s++){let t=s;t=(2863311530&t)>>>1|(1431655765&t)<<1,t=(3435973836&t)>>>2|(858993459&t)<<2,t=(4042322160&t)>>>4|(252645135&t)<<4,t=(4278255360&t)>>>8|(16711935&t)<<8,i.r[s]=(t>>>16|t<<16)>>>17}function e(t,i,s){for(;0!=i--;)t.push(0,s)}for(s=0;s<32;s++)i.q[s]=i.S[s]<<3|i.T[s],i.c[s]=i.p[s]<<4|i.z[s];e(i._,144,8),e(i._,112,9),e(i._,24,7),e(i._,8,8),t.H.n(i._,9),t.H.A(i._,9,i.J),t.H.l(i._,9),e(i.$,32,5),t.H.n(i.$,5),t.H.A(i.$,5,i.h),t.H.l(i.$,5),e(i.Q,19,0),e(i.C,286,0),e(i.D,30,0),e(i.v,320,0)}(),t.H.N}();function r(t){return[1,null,3,1,2,null,4][t.ctype]*t.depth}function h(t,i,s,e,n){let h=r(i);const c=Math.ceil(e*h/8);let a,f;h=Math.ceil(h/8);let u=t[s],l=0;if(u>1&&(t[s]=[0,0,1][u-2]),3==u)for(l=h;l<c;l++)t[l+1]=t[l+1]+(t[l+1-h]>>>1)&255;for(let i=0;i<n;i++)if(a=s+i*c,f=a+i+1,u=t[f-1],l=0,0==u)for(;l<c;l++)t[a+l]=t[f+l];else if(1==u){for(;l<h;l++)t[a+l]=t[f+l];for(;l<c;l++)t[a+l]=t[f+l]+t[a+l-h]}else if(2==u)for(;l<c;l++)t[a+l]=t[f+l]+t[a+l-c];else if(3==u){for(;l<h;l++)t[a+l]=t[f+l]+(t[a+l-c]>>>1);for(;l<c;l++)t[a+l]=t[f+l]+(t[a+l-c]+t[a+l-h]>>>1)}else{for(;l<h;l++)t[a+l]=t[f+l]+o(0,t[a+l-c],0);for(;l<c;l++)t[a+l]=t[f+l]+o(t[a+l-h],t[a+l-c],t[a+l-h-c])}return t}function o(t,i,s){const e=t+i-s,n=e-t,r=e-i,h=e-s;return n*n<=r*r&&n*n<=h*h?t:r*r<=h*h?i:s}function c(i,s,e){e.width=t.readUint(i,s),s+=4,e.height=t.readUint(i,s),s+=4,e.depth=i[s],s++,e.ctype=i[s],s++,e.compress=i[s],s++,e.filter=i[s],s++,e.interlace=i[s],s++}function a(t,i,s,e,n,r,h,o,c){const a=Math.min(i,n),f=Math.min(s,r);let u=0,l=0;for(let s=0;s<f;s++)for(let r=0;r<a;r++)if(h>=0&&o>=0?(u=s*i+r<<2,l=(o+s)*n+h+r<<2):(u=(-o+s)*i-h+r<<2,l=s*n+r<<2),0==c)e[l]=t[u],e[l+1]=t[u+1],e[l+2]=t[u+2],e[l+3]=t[u+3];else if(1==c){var d=t[u+3]*(1/255),v=t[u]*d,w=t[u+1]*d,p=t[u+2]*d,A=e[l+3]*(1/255),g=e[l]*A,m=e[l+1]*A,y=e[l+2]*A;const i=1-d,s=d+A*i,n=0==s?0:1/s;e[l+3]=255*s,e[l+0]=(v+g*i)*n,e[l+1]=(w+m*i)*n,e[l+2]=(p+y*i)*n}else if(2==c){d=t[u+3],v=t[u],w=t[u+1],p=t[u+2],A=e[l+3],g=e[l],m=e[l+1],y=e[l+2];d==A&&v==g&&w==m&&p==y?(e[l]=0,e[l+1]=0,e[l+2]=0,e[l+3]=0):(e[l]=v,e[l+1]=w,e[l+2]=p,e[l+3]=d)}else if(3==c){d=t[u+3],v=t[u],w=t[u+1],p=t[u+2],A=e[l+3],g=e[l],m=e[l+1],y=e[l+2];if(d==A&&v==g&&w==m&&p==y)continue;if(d<220&&A>20)return false}return true}return{decode:function i(r){const h=new Uint8Array(r);let o=8;const a=t,f=a.readUshort,u=a.readUint,l={tabs:{},frames:[]},d=new Uint8Array(h.length);let v,w=0,p=0;const A=[137,80,78,71,13,10,26,10];for(var g=0;g<8;g++)if(h[g]!=A[g])throw"The input is not a PNG file!";for(;o<h.length;){const t=a.readUint(h,o);o+=4;const i=a.readASCII(h,o,4);if(o+=4,"IHDR"==i)c(h,o,l);else if("iCCP"==i){for(var m=o;0!=h[m];)m++;a.readASCII(h,o,m-o);const s=h.slice(m+2,o+t);let r=null;try{r=e(s)}catch(t){r=n(s)}l.tabs[i]=r}else if("CgBI"==i)l.tabs[i]=h.slice(o,o+4);else if("IDAT"==i){for(g=0;g<t;g++)d[w+g]=h[o+g];w+=t}else if("acTL"==i)l.tabs[i]={num_frames:u(h,o),num_plays:u(h,o+4)},v=new Uint8Array(h.length);else if("fcTL"==i){if(0!=p)(U=l.frames[l.frames.length-1]).data=s(l,v.slice(0,p),U.rect.width,U.rect.height),p=0;const t={x:u(h,o+12),y:u(h,o+16),width:u(h,o+4),height:u(h,o+8)};let i=f(h,o+22);i=f(h,o+20)/(0==i?100:i);const e={rect:t,delay:Math.round(1e3*i),dispose:h[o+24],blend:h[o+25]};l.frames.push(e)}else if("fdAT"==i){for(g=0;g<t-4;g++)v[p+g]=h[o+g+4];p+=t-4}else if("pHYs"==i)l.tabs[i]=[a.readUint(h,o),a.readUint(h,o+4),h[o+8]];else if("cHRM"==i){l.tabs[i]=[];for(g=0;g<8;g++)l.tabs[i].push(a.readUint(h,o+4*g))}else if("tEXt"==i||"zTXt"==i){null==l.tabs[i]&&(l.tabs[i]={});var y=a.nextZero(h,o),b=a.readASCII(h,o,y-o),M=o+t-y-1;if("tEXt"==i)E=a.readASCII(h,y+1,M);else{var x=e(h.slice(y+2,y+2+M));E=a.readUTF8(x,0,x.length)}l.tabs[i][b]=E}else if("iTXt"==i){null==l.tabs[i]&&(l.tabs[i]={});y=0,m=o;y=a.nextZero(h,m);b=a.readASCII(h,m,y-m);const s=h[m=y+1];var E;m+=2,y=a.nextZero(h,m),a.readASCII(h,m,y-m),m=y+1,y=a.nextZero(h,m),a.readUTF8(h,m,y-m);M=t-((m=y+1)-o);if(0==s)E=a.readUTF8(h,m,M);else{x=e(h.slice(m,m+M));E=a.readUTF8(x,0,x.length)}l.tabs[i][b]=E}else if("PLTE"==i)l.tabs[i]=a.readBytes(h,o,t);else if("hIST"==i){const t=l.tabs.PLTE.length/3;l.tabs[i]=[];for(g=0;g<t;g++)l.tabs[i].push(f(h,o+2*g))}else if("tRNS"==i)3==l.ctype?l.tabs[i]=a.readBytes(h,o,t):0==l.ctype?l.tabs[i]=f(h,o):2==l.ctype&&(l.tabs[i]=[f(h,o),f(h,o+2),f(h,o+4)]);else if("gAMA"==i)l.tabs[i]=a.readUint(h,o)/1e5;else if("sRGB"==i)l.tabs[i]=h[o];else if("bKGD"==i)0==l.ctype||4==l.ctype?l.tabs[i]=[f(h,o)]:2==l.ctype||6==l.ctype?l.tabs[i]=[f(h,o),f(h,o+2),f(h,o+4)]:3==l.ctype&&(l.tabs[i]=h[o]);else if("IEND"==i)break;o+=t,a.readUint(h,o),o+=4}var U;return 0!=p&&((U=l.frames[l.frames.length-1]).data=s(l,v.slice(0,p),U.rect.width,U.rect.height)),l.data=s(l,d,l.width,l.height),delete l.compress,delete l.interlace,delete l.filter,l},toRGBA8:function t(s){const e=s.width,n=s.height;if(null==s.tabs.acTL)return[i(s.data,e,n,s).buffer];const r=[];null==s.frames[0].data&&(s.frames[0].data=s.data);const h=e*n*4,o=new Uint8Array(h),c=new Uint8Array(h),f=new Uint8Array(h);for(let t=0;t<s.frames.length;t++){const l=s.frames[t],d=l.rect.x,v=l.rect.y,w=l.rect.width,p=l.rect.height,A=i(l.data,w,p,s);if(0!=t)for(var u=0;u<h;u++)f[u]=o[u];if(0==l.blend?a(A,w,p,o,e,n,d,v,0):1==l.blend&&a(A,w,p,o,e,n,d,v,1),r.push(o.buffer.slice(0)),0==l.dispose);else if(1==l.dispose)a(c,w,p,o,e,n,d,v,0);else if(2==l.dispose)for(u=0;u<h;u++)o[u]=f[u]}return r},_paeth:o,_copyTile:a,_bin:t}}();!function(){const{_copyTile:t}=N,{_bin:i}=N,s=N._paeth;var e={table:function(){const t=new Uint32Array(256);for(let i=0;i<256;i++){let s=i;for(let t=0;t<8;t++)1&s?s=3988292384^s>>>1:s>>>=1;t[i]=s}return t}(),update(t,i,s,n){for(let r=0;r<n;r++)t=e.table[255&(t^i[s+r])]^t>>>8;return t},crc:(t,i,s)=>4294967295^e.update(4294967295,t,i,s)};function n(t,i,s,e){i[s]+=t[0]*e>>4,i[s+1]+=t[1]*e>>4,i[s+2]+=t[2]*e>>4,i[s+3]+=t[3]*e>>4}function r(t){return Math.max(0,Math.min(255,t))}function h(t,i){const s=t[0]-i[0],e=t[1]-i[1],n=t[2]-i[2],r=t[3]-i[3];return s*s+e*e+n*n+r*r}function o(t,i,s,e,o,c,a){null==a&&(a=1);const f=e.length,u=[];for(var l=0;l<f;l++){const t=e[l];u.push([t>>>0&255,t>>>8&255,t>>>16&255,t>>>24&255])}for(l=0;l<f;l++){let t=4294967295;for(var d=0,v=0;v<f;v++){var w=h(u[l],u[v]);v!=l&&w<t&&(t=w,d=v)}}const p=new Uint32Array(o.buffer),A=new Int16Array(i*s*4),g=[0,8,2,10,12,4,14,6,3,11,1,9,15,7,13,5];for(l=0;l<g.length;l++)g[l]=255*((g[l]+.5)/16-.5);for(let o=0;o<s;o++)for(let y=0;y<i;y++){var m;l=4*(o*i+y);if(2!=a)m=[r(t[l]+A[l]),r(t[l+1]+A[l+1]),r(t[l+2]+A[l+2]),r(t[l+3]+A[l+3])];else{w=g[4*(3&o)+(3&y)];m=[r(t[l]+w),r(t[l+1]+w),r(t[l+2]+w),r(t[l+3]+w)]}d=0;let b=16777215;for(v=0;v<f;v++){const t=h(m,u[v]);t<b&&(b=t,d=v)}const M=u[d],x=[m[0]-M[0],m[1]-M[1],m[2]-M[2],m[3]-M[3]];1==a&&(y!=i-1&&n(x,A,l+4,7),o!=s-1&&(0!=y&&n(x,A,l+4*i-4,3),n(x,A,l+4*i,5),y!=i-1&&n(x,A,l+4*i+4,1))),c[l>>2]=d,p[l>>2]=e[d]}}function c(t,s,n,r,h){null==h&&(h={});const{crc:o}=e,c=i.writeUint,a=i.writeUshort,f=i.writeASCII;let u=8;const l=t.frames.length>1;let d,v=false,w=33+(l?20:0);if(null!=h.sRGB&&(w+=13),null!=h.pHYs&&(w+=21),null!=h.iCCP&&(d=pako.deflate(h.iCCP),w+=21+d.length+4),3==t.ctype){for(var p=t.plte.length,A=0;A<p;A++)t.plte[A]>>>24!=255&&(v=true);w+=8+3*p+4+(v?8+1*p+4:0)}for(var g=0;g<t.frames.length;g++){l&&(w+=38),w+=(M=t.frames[g]).cimg.length+12,0!=g&&(w+=4)}w+=12;const m=new Uint8Array(w),y=[137,80,78,71,13,10,26,10];for(A=0;A<8;A++)m[A]=y[A];if(c(m,u,13),u+=4,f(m,u,"IHDR"),u+=4,c(m,u,s),u+=4,c(m,u,n),u+=4,m[u]=t.depth,u++,m[u]=t.ctype,u++,m[u]=0,u++,m[u]=0,u++,m[u]=0,u++,c(m,u,o(m,u-17,17)),u+=4,null!=h.sRGB&&(c(m,u,1),u+=4,f(m,u,"sRGB"),u+=4,m[u]=h.sRGB,u++,c(m,u,o(m,u-5,5)),u+=4),null!=h.iCCP){const t=13+d.length;c(m,u,t),u+=4,f(m,u,"iCCP"),u+=4,f(m,u,"ICC profile"),u+=11,u+=2,m.set(d,u),u+=d.length,c(m,u,o(m,u-(t+4),t+4)),u+=4}if(null!=h.pHYs&&(c(m,u,9),u+=4,f(m,u,"pHYs"),u+=4,c(m,u,h.pHYs[0]),u+=4,c(m,u,h.pHYs[1]),u+=4,m[u]=h.pHYs[2],u++,c(m,u,o(m,u-13,13)),u+=4),l&&(c(m,u,8),u+=4,f(m,u,"acTL"),u+=4,c(m,u,t.frames.length),u+=4,c(m,u,null!=h.loop?h.loop:0),u+=4,c(m,u,o(m,u-12,12)),u+=4),3==t.ctype){c(m,u,3*(p=t.plte.length)),u+=4,f(m,u,"PLTE"),u+=4;for(A=0;A<p;A++){const i=3*A,s=t.plte[A],e=255&s,n=s>>>8&255,r=s>>>16&255;m[u+i+0]=e,m[u+i+1]=n,m[u+i+2]=r}if(u+=3*p,c(m,u,o(m,u-3*p-4,3*p+4)),u+=4,v){c(m,u,p),u+=4,f(m,u,"tRNS"),u+=4;for(A=0;A<p;A++)m[u+A]=t.plte[A]>>>24&255;u+=p,c(m,u,o(m,u-p-4,p+4)),u+=4}}let b=0;for(g=0;g<t.frames.length;g++){var M=t.frames[g];l&&(c(m,u,26),u+=4,f(m,u,"fcTL"),u+=4,c(m,u,b++),u+=4,c(m,u,M.rect.width),u+=4,c(m,u,M.rect.height),u+=4,c(m,u,M.rect.x),u+=4,c(m,u,M.rect.y),u+=4,a(m,u,r[g]),u+=2,a(m,u,1e3),u+=2,m[u]=M.dispose,u++,m[u]=M.blend,u++,c(m,u,o(m,u-30,30)),u+=4);const i=M.cimg;c(m,u,(p=i.length)+(0==g?0:4)),u+=4;const s=u;f(m,u,0==g?"IDAT":"fdAT"),u+=4,0!=g&&(c(m,u,b++),u+=4),m.set(i,u),u+=p,c(m,u,o(m,s,u-s)),u+=4}return c(m,u,0),u+=4,f(m,u,"IEND"),u+=4,c(m,u,o(m,u-4,4)),u+=4,m.buffer}function a(t,i,s){for(let e=0;e<t.frames.length;e++){const n=t.frames[e];const r=n.rect.height,h=new Uint8Array(r*n.bpl+r);n.cimg=d(n.img,r,n.bpp,n.bpl,h,i,s)}}function f(i,s,e,n,r){const h=r[0],c=r[1],a=r[2],f=r[3],d=r[4],v=r[5];let p=6,A=8,g=255;for(var m=0;m<i.length;m++){const t=new Uint8Array(i[m]);for(var y=t.length,b=0;b<y;b+=4)g&=t[b+3]}const M=255!=g,x=function i(s,e,n,r,h,o){const c=[];for(var a=0;a<s.length;a++){const i=new Uint8Array(s[a]),u=new Uint32Array(i.buffer);var f;let v=0,p=0,A=e,g=n,m=r?1:0;if(0!=a){const y=o||r||1==a||0!=c[a-2].dispose?1:2;let b=0,M=1e9;for(let t=0;t<y;t++){var d=new Uint8Array(s[a-1-t]);const i=new Uint32Array(s[a-1-t]);let r=e,o=n,c=-1,f=-1;for(let t=0;t<n;t++)for(let s=0;s<e;s++){u[w=t*e+s]!=i[w]&&(s<r&&(r=s),s>c&&(c=s),t<o&&(o=t),t>f&&(f=t))}-1==c&&(r=o=c=f=0),h&&(1==(1&r)&&r--,1==(1&o)&&o--);const l=(c-r+1)*(f-o+1);l<M&&(M=l,b=t,v=r,p=o,A=c-r+1,g=f-o+1)}d=new Uint8Array(s[a-1-b]);1==b&&(c[a-1].dispose=2),f=new Uint8Array(A*g*4),t(d,e,n,f,A,g,-v,-p,0),m=t(i,e,n,f,A,g,-v,-p,3)?1:0,1==m?l(i,e,n,f,{x:v,y:p,width:A,height:g}):t(i,e,n,f,A,g,-v,-p,0)}else f=i.slice(0);c.push({rect:{x:v,y:p,width:A,height:g},img:f,blend:m,dispose:0})}if(r)for(a=0;a<c.length;a++){if(1==(p=c[a]).blend)continue;const t=p.rect,i=c[a-1].rect,r=Math.min(t.x,i.x),o=Math.min(t.y,i.y),f={x:r,y:o,width:Math.max(t.x+t.width,i.x+i.width)-r,height:Math.max(t.y+t.height,i.y+i.height)-o};c[a-1].dispose=1,a-1!=0&&u(s,e,n,c,a-1,f,h),u(s,e,n,c,a,f,h)}let v=0;if(1!=s.length)for(var w=0;w<c.length;w++){var p;v+=(p=c[w]).rect.width*p.rect.height}return c}(i,s,e,h,c,a),E={},U=[],F=[];if(0!=n){const t=[];for(b=0;b<x.length;b++)t.push(x[b].img.buffer);const i=function t(i){let s=0;for(var e=0;e<i.length;e++)s+=i[e].byteLength;const n=new Uint8Array(s);let r=0;for(e=0;e<i.length;e++){const t=new Uint8Array(i[e]),s=t.length;for(let i=0;i<s;i+=4){let s=t[i],e=t[i+1],h=t[i+2];const o=t[i+3];0==o&&(s=e=h=0),n[r+i]=s,n[r+i+1]=e,n[r+i+2]=h,n[r+i+3]=o}r+=s}return n.buffer}(t),s=w(i,n);for(b=0;b<s.plte.length;b++)U.push(s.plte[b].est.rgba);let e=0;for(b=0;b<x.length;b++){const t=(T=x[b]).img.length;var P=new Uint8Array(s.inds.buffer,e>>2,t>>2);F.push(P);const i=new Uint8Array(s.abuf,e,t);v&&o(T.img,T.rect.width,T.rect.height,U,i,P),T.img.set(i),e+=t}}else for(m=0;m<x.length;m++){var T=x[m];const t=new Uint32Array(T.img.buffer);var S=T.rect.width;y=t.length,P=new Uint8Array(y);F.push(P);for(b=0;b<y;b++){const i=t[b];if(0!=b&&i==t[b-1])P[b]=P[b-1];else if(b>S&&i==t[b-S])P[b]=P[b-S];else{let t=E[i];if(null==t&&(E[i]=t=U.length,U.push(i),U.length>=300))break;P[b]=t}}}const k=U.length;k<=256&&0==d&&(A=k<=2?1:k<=4?2:k<=16?4:8,A=Math.max(A,f));for(m=0;m<x.length;m++){(T=x[m]).rect.x;S=T.rect.width;const t=T.rect.height;let i=T.img;let s=4*S,e=4;if(k<=256&&0==d){s=Math.ceil(A*S/8);var B=new Uint8Array(s*t);const n=F[m];for(let i=0;i<t;i++){b=i*s;const t=i*S;if(8==A)for(var z=0;z<S;z++)B[b+z]=n[t+z];else if(4==A)for(z=0;z<S;z++)B[b+(z>>1)]|=n[t+z]<<4-4*(1&z);else if(2==A)for(z=0;z<S;z++)B[b+(z>>2)]|=n[t+z]<<6-2*(3&z);else if(1==A)for(z=0;z<S;z++)B[b+(z>>3)]|=n[t+z]<<7-1*(7&z)}i=B,p=3,e=1}else if(0==M&&1==x.length){B=new Uint8Array(S*t*3);const n=S*t;for(b=0;b<n;b++){const t=3*b,s=4*b;B[t]=i[s],B[t+1]=i[s+1],B[t+2]=i[s+2]}i=B,p=2,e=3,s=3*S}T.img=i,T.bpl=s,T.bpp=e}return{ctype:p,depth:A,plte:U,frames:x}}function u(i,s,e,n,r,h,o){const c=Uint8Array,a=Uint32Array,f=new c(i[r-1]),u=new a(i[r-1]),d=r+1<i.length?new c(i[r+1]):null,v=new c(i[r]),w=new a(v.buffer);let p=s,A=e,g=-1,m=-1;for(let t=0;t<h.height;t++)for(let i=0;i<h.width;i++){const e=h.x+i,o=h.y+t,c=o*s+e,a=w[c];0==a||0==n[r-1].dispose&&u[c]==a&&(null==d||0!=d[4*c+3])||(e<p&&(p=e),e>g&&(g=e),o<A&&(A=o),o>m&&(m=o))}-1==g&&(p=A=g=m=0),o&&(1==(1&p)&&p--,1==(1&A)&&A--),h={x:p,y:A,width:g-p+1,height:m-A+1};const y=n[r];y.rect=h,y.blend=1,y.img=new Uint8Array(h.width*h.height*4),0==n[r-1].dispose?(t(f,s,e,y.img,h.width,h.height,-h.x,-h.y,0),l(v,s,e,y.img,h)):t(v,s,e,y.img,h.width,h.height,-h.x,-h.y,0)}function l(i,s,e,n,r){t(i,s,e,n,r.width,r.height,-r.x,-r.y,2)}function d(t,i,s,e,n,r,h){const o=[];let c,a=[0,1,2,3,4];-1!=r?a=[r]:(i*e>5e5||1==s)&&(a=[0]),h&&(c={level:0});const f=V;for(var u=0;u<a.length;u++){for(let r=0;r<i;r++)v(n,t,r,e,s,a[u]);o.push(f.deflate(n,c))}let l,d=1e9;for(u=0;u<o.length;u++)o[u].length<d&&(l=u,d=o[u].length);return o[l]}function v(t,i,e,n,r,h){const o=e*n;let c=o+e;if(t[c]=h,c++,0==h)if(n<500)for(var a=0;a<n;a++)t[c+a]=i[o+a];else t.set(new Uint8Array(i.buffer,o,n),c);else if(1==h){for(a=0;a<r;a++)t[c+a]=i[o+a];for(a=r;a<n;a++)t[c+a]=i[o+a]-i[o+a-r]+256&255}else if(0==e){for(a=0;a<r;a++)t[c+a]=i[o+a];if(2==h)for(a=r;a<n;a++)t[c+a]=i[o+a];if(3==h)for(a=r;a<n;a++)t[c+a]=i[o+a]-(i[o+a-r]>>1)+256&255;if(4==h)for(a=r;a<n;a++)t[c+a]=i[o+a]-s(i[o+a-r],0,0)+256&255}else{if(2==h)for(a=0;a<n;a++)t[c+a]=i[o+a]+256-i[o+a-n]&255;if(3==h){for(a=0;a<r;a++)t[c+a]=i[o+a]+256-(i[o+a-n]>>1)&255;for(a=r;a<n;a++)t[c+a]=i[o+a]+256-(i[o+a-n]+i[o+a-r]>>1)&255}if(4==h){for(a=0;a<r;a++)t[c+a]=i[o+a]+256-s(0,i[o+a-n],0)&255;for(a=r;a<n;a++)t[c+a]=i[o+a]+256-s(i[o+a-r],i[o+a-n],i[o+a-r-n])&255}}}function w(t,i){const s=new Uint8Array(t),e=s.slice(0),n=new Uint32Array(e.buffer),r=p(e,i),h=r[0],o=r[1],c=s.length,a=new Uint8Array(c>>2);let f;if(s.length<2e7)for(var u=0;u<c;u+=4){f=A(h,l=s[u]*(1/255),d=s[u+1]*(1/255),v=s[u+2]*(1/255),w=s[u+3]*(1/255)),a[u>>2]=f.ind,n[u>>2]=f.est.rgba}else for(u=0;u<c;u+=4){var l=s[u]*(1/255),d=s[u+1]*(1/255),v=s[u+2]*(1/255),w=s[u+3]*(1/255);for(f=h;f.left;)f=g(f.est,l,d,v,w)<=0?f.left:f.right;a[u>>2]=f.ind,n[u>>2]=f.est.rgba}return{abuf:e.buffer,inds:a,plte:o}}function p(t,i,s){null==s&&(s=1e-4);const e=new Uint32Array(t.buffer),n={i0:0,i1:t.length,bst:null,est:null,tdst:0,left:null,right:null};n.bst=b(t,n.i0,n.i1),n.est=M(n.bst);const r=[n];for(;r.length<i;){let i=0,n=0;for(var h=0;h<r.length;h++)r[h].est.L>i&&(i=r[h].est.L,n=h);if(i<s)break;const o=r[n],c=m(t,e,o.i0,o.i1,o.est.e,o.est.eMq255);if(o.i0>=c||o.i1<=c){o.est.L=0;continue}const a={i0:o.i0,i1:c,bst:null,est:null,tdst:0,left:null,right:null};a.bst=b(t,a.i0,a.i1),a.est=M(a.bst);const f={i0:c,i1:o.i1,bst:null,est:null,tdst:0,left:null,right:null};f.bst={R:[],m:[],N:o.bst.N-a.bst.N};for(h=0;h<16;h++)f.bst.R[h]=o.bst.R[h]-a.bst.R[h];for(h=0;h<4;h++)f.bst.m[h]=o.bst.m[h]-a.bst.m[h];f.est=M(f.bst),o.left=a,o.right=f,r[n]=a,r.push(f)}r.sort(((t,i)=>i.bst.N-t.bst.N));for(h=0;h<r.length;h++)r[h].ind=h;return[n,r]}function A(t,i,s,e,n){if(null==t.left)return t.tdst=function t(i,s,e,n,r){const h=s-i[0],o=e-i[1],c=n-i[2],a=r-i[3];return h*h+o*o+c*c+a*a}(t.est.q,i,s,e,n),t;const r=g(t.est,i,s,e,n);let h=t.left,o=t.right;r>0&&(h=t.right,o=t.left);const c=A(h,i,s,e,n);if(c.tdst<=r*r)return c;const a=A(o,i,s,e,n);return a.tdst<c.tdst?a:c}function g(t,i,s,e,n){const{e:r}=t;return r[0]*i+r[1]*s+r[2]*e+r[3]*n-t.eMq}function m(t,i,s,e,n,r){for(e-=4;s<e;){for(;y(t,s,n)<=r;)s+=4;for(;y(t,e,n)>r;)e-=4;if(s>=e)break;const h=i[s>>2];i[s>>2]=i[e>>2],i[e>>2]=h,s+=4,e-=4}for(;y(t,s,n)>r;)s-=4;return s+4}function y(t,i,s){return t[i]*s[0]+t[i+1]*s[1]+t[i+2]*s[2]+t[i+3]*s[3]}function b(t,i,s){const e=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],n=[0,0,0,0],r=s-i>>2;for(let r=i;r<s;r+=4){const i=t[r]*(1/255),s=t[r+1]*(1/255),h=t[r+2]*(1/255),o=t[r+3]*(1/255);n[0]+=i,n[1]+=s,n[2]+=h,n[3]+=o,e[0]+=i*i,e[1]+=i*s,e[2]+=i*h,e[3]+=i*o,e[5]+=s*s,e[6]+=s*h,e[7]+=s*o,e[10]+=h*h,e[11]+=h*o,e[15]+=o*o}return e[4]=e[1],e[8]=e[2],e[9]=e[6],e[12]=e[3],e[13]=e[7],e[14]=e[11],{R:e,m:n,N:r}}function M(t){const{R:i}=t,{m:s}=t,{N:e}=t,n=s[0],r=s[1],h=s[2],o=s[3],c=0==e?0:1/e,a=[i[0]-n*n*c,i[1]-n*r*c,i[2]-n*h*c,i[3]-n*o*c,i[4]-r*n*c,i[5]-r*r*c,i[6]-r*h*c,i[7]-r*o*c,i[8]-h*n*c,i[9]-h*r*c,i[10]-h*h*c,i[11]-h*o*c,i[12]-o*n*c,i[13]-o*r*c,i[14]-o*h*c,i[15]-o*o*c],f=a,u=x;let l=[Math.random(),Math.random(),Math.random(),Math.random()],d=0,v=0;if(0!=e)for(let t=0;t<16&&(l=u.multVec(f,l),v=Math.sqrt(u.dot(l,l)),l=u.sml(1/v,l),!(0!=t&&Math.abs(v-d)<1e-9));t++)d=v;const w=[n*c,r*c,h*c,o*c];return{Cov:a,q:w,e:l,L:d,eMq255:u.dot(u.sml(255,w),l),eMq:u.dot(l,w),rgba:(Math.round(255*w[3])<<24|Math.round(255*w[2])<<16|Math.round(255*w[1])<<8|Math.round(255*w[0])<<0)>>>0}}var x={multVec:(t,i)=>[t[0]*i[0]+t[1]*i[1]+t[2]*i[2]+t[3]*i[3],t[4]*i[0]+t[5]*i[1]+t[6]*i[2]+t[7]*i[3],t[8]*i[0]+t[9]*i[1]+t[10]*i[2]+t[11]*i[3],t[12]*i[0]+t[13]*i[1]+t[14]*i[2]+t[15]*i[3]],dot:(t,i)=>t[0]*i[0]+t[1]*i[1]+t[2]*i[2]+t[3]*i[3],sml:(t,i)=>[t*i[0],t*i[1],t*i[2],t*i[3]]};N.encode=function t(i,s,e,n,r,h,o){null==n&&(n=0),null==o&&(o=false);const u=f(i,s,e,n,[false,false,false,0,o,false]);return a(u,-1),c(u,s,e,r,h)},N.encodeLL=function t(i,s,e,n,r,h,o,f){const u={ctype:0+(1==n?0:2)+(0==r?0:4),depth:h,frames:[]},l=(n+r)*h,d=l*s;for(let t=0;t<i.length;t++)u.frames.push({rect:{x:0,y:0,width:s,height:e},img:new Uint8Array(i[t]),blend:0,dispose:1,bpp:Math.ceil(l/8),bpl:Math.ceil(d/8)});return a(u,0,true),c(u,s,e,o,f)},N.encode.compress=f,N.encode.dither=o,N.quantize=w,N.quantize.getKDtree=p,N.quantize.getNearest=A}();const q={toArrayBuffer(t,i){const s=t.width,e=t.height,n=s<<2,r=t.getContext("2d").getImageData(0,0,s,e),h=new Uint32Array(r.data.buffer),o=(32*s+31)/32<<2,c=o*e,a=122+c,f=new ArrayBuffer(a),u=new DataView(f),l=1<<20;let d,v,w,p,A=l,g=0,m=0,y=0;function b(t){u.setUint16(m,t,true),m+=2}function M(t){u.setUint32(m,t,true),m+=4}function x(t){m+=t}b(19778),M(a),x(4),M(122),M(108),M(s),M(-e>>>0),b(1),b(32),M(3),M(c),M(2835),M(2835),x(8),M(16711680),M(65280),M(255),M(4278190080),M(1466527264),function t(){for(;g<e&&A>0;){for(p=122+g*o,d=0;d<n;)A--,v=h[y++],w=v>>>24,u.setUint32(p+d,v<<8|w),d+=4;g++}y<h.length?(A=l,setTimeout(t,q._dly)):i(f)}()},toBlob(t,i){this.toArrayBuffer(t,(t=>{i(new Blob([t],{type:"image/bmp"}))}))},_dly:9};var Z={CHROME:"CHROME",FIREFOX:"FIREFOX",DESKTOP_SAFARI:"DESKTOP_SAFARI",IE:"IE",IOS:"IOS",ETC:"ETC"},J={[Z.CHROME]:16384,[Z.FIREFOX]:11180,[Z.DESKTOP_SAFARI]:16384,[Z.IE]:8192,[Z.IOS]:4096,[Z.ETC]:8192};const tt="undefined"!=typeof window,it="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope,st=tt&&window.cordova&&window.cordova.require&&window.cordova.require("cordova/modulemapper"),et=(tt||it)&&(st&&st.getOriginalSymbol(window,"File")||"undefined"!=typeof File&&File),nt=(tt||it)&&(st&&st.getOriginalSymbol(window,"FileReader")||"undefined"!=typeof FileReader&&FileReader);function rt(t,i,s=Date.now()){return new Promise((e=>{const n=t.split(","),r=n[0].match(/:(.*?);/)[1],h=globalThis.atob(n[1]);let o=h.length;const c=new Uint8Array(o);for(;o--;)c[o]=h.charCodeAt(o);const a=new Blob([c],{type:r});a.name=i,a.lastModified=s,e(a)}))}function ht(t){return new Promise(((i,s)=>{const e=new nt;e.onload=()=>i(e.result),e.onerror=t=>s(t),e.readAsDataURL(t)}))}function ot(t){return new Promise(((i,s)=>{const e=new Image;e.onload=()=>i(e),e.onerror=t=>s(t),e.src=t}))}function ct(){if(void 0!==ct.cachedResult)return ct.cachedResult;let t=Z.ETC;const{userAgent:i}=navigator;return/Chrom(e|ium)/i.test(i)?t=Z.CHROME:/iP(ad|od|hone)/i.test(i)&&/WebKit/i.test(i)?t=Z.IOS:/Safari/i.test(i)?t=Z.DESKTOP_SAFARI:/Firefox/i.test(i)?t=Z.FIREFOX:(/MSIE/i.test(i)||true==!!document.documentMode)&&(t=Z.IE),ct.cachedResult=t,ct.cachedResult}function at(t,i){const s=ct(),e=J[s];let n=t,r=i,h=n*r;const o=n>r?r/n:n/r;for(;h>e*e;){const t=(e+n)/2,i=(e+r)/2;t<i?(r=i,n=i*o):(r=t*o,n=t),h=n*r}return{width:n,height:r}}function ft(t,i){let s,e;try{if(s=new OffscreenCanvas(t,i),e=s.getContext("2d"),null===e)throw new Error("getContext of OffscreenCanvas returns null")}catch(t){s=document.createElement("canvas"),e=s.getContext("2d")}return s.width=t,s.height=i,[s,e]}function ut(t,i){const{width:s,height:e}=at(t.width,t.height),[n,r]=ft(s,e);return i&&/jpe?g/.test(i)&&(r.fillStyle="white",r.fillRect(0,0,n.width,n.height)),r.drawImage(t,0,0,n.width,n.height),n}function lt(){return void 0!==lt.cachedResult||(lt.cachedResult=["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"undefined"!=typeof document&&"ontouchend"in document),lt.cachedResult}function dt(t,i={}){return new Promise((function(s,e){let n,r;var h=function(){try{return r=ut(n,i.fileType||t.type),s([n,r])}catch(t){return e(t)}},o=function(i){try{var s=function(t){try{throw t}catch(t){return e(t)}};try{let i;return ht(t).then((function(t){try{return i=t,ot(i).then((function(t){try{return n=t,function(){try{return h()}catch(t){return e(t)}}()}catch(t){return s(t)}}),s)}catch(t){return s(t)}}),s)}catch(t){s(t)}}catch(t){return e(t)}};try{if(lt()||[Z.DESKTOP_SAFARI,Z.MOBILE_SAFARI].includes(ct()))throw new Error("Skip createImageBitmap on IOS and Safari");return createImageBitmap(t).then((function(t){try{return n=t,h()}catch(t){return o()}}),o)}catch(t){o()}}))}function vt(t,i,s,e,n=1){return new Promise((function(r,h){let o;if("image/png"===i){let a,f,u;return a=t.getContext("2d"),({data:f}=a.getImageData(0,0,t.width,t.height)),u=N.encode([f.buffer],t.width,t.height,4096*n),o=new Blob([u],{type:i}),o.name=s,o.lastModified=e,c.call(this)}{if("image/bmp"===i)return new Promise((i=>q.toBlob(t,i))).then(function(t){try{return o=t,o.name=s,o.lastModified=e,l.call(this)}catch(t){return h(t)}}.bind(this),h);{if("function"==typeof OffscreenCanvas&&t instanceof OffscreenCanvas)return t.convertToBlob({type:i,quality:n}).then(function(t){try{return o=t,o.name=s,o.lastModified=e,d.call(this)}catch(t){return h(t)}}.bind(this),h);{let v;return v=t.toDataURL(i,n),rt(v,s,e).then(function(t){try{return o=t,d.call(this)}catch(t){return h(t)}}.bind(this),h)}function d(){return l.call(this)}}function l(){return c.call(this)}}function c(){return r(o)}}))}function wt(t){t.width=0,t.height=0}function pt(){return new Promise((function(t,i){let s,e,n,r;return void 0!==pt.cachedResult?t(pt.cachedResult):rt("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/xABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==","test.jpg",Date.now()).then((function(h){try{return s=h,dt(s).then((function(h){try{return e=h[1],vt(e,s.type,s.name,s.lastModified).then((function(s){try{return n=s,wt(e),dt(n).then((function(s){try{return r=s[0],pt.cachedResult=1===r.width&&2===r.height,t(pt.cachedResult)}catch(t){return i(t)}}),i)}catch(t){return i(t)}}),i)}catch(t){return i(t)}}),i)}catch(t){return i(t)}}),i)}))}function At(t){return new Promise(((i,s)=>{const e=new nt;e.onload=t=>{const s=new DataView(t.target.result);if(65496!=s.getUint16(0,false))return i(-2);const e=s.byteLength;let n=2;for(;n<e;){if(s.getUint16(n+2,false)<=8)return i(-1);const t=s.getUint16(n,false);if(n+=2,65505==t){if(1165519206!=s.getUint32(n+=2,false))return i(-1);const t=18761==s.getUint16(n+=6,false);n+=s.getUint32(n+4,t);const e=s.getUint16(n,t);n+=2;for(let r=0;r<e;r++)if(274==s.getUint16(n+12*r,t))return i(s.getUint16(n+12*r+8,t))}else{if(65280!=(65280&t))break;n+=s.getUint16(n,false)}}return i(-1)},e.onerror=t=>s(t),e.readAsArrayBuffer(t)}))}function gt(t,i){const{width:s}=t,{height:e}=t,{maxWidthOrHeight:n}=i;let r,h=t;return isFinite(n)&&(s>n||e>n)&&([h,r]=ft(s,e),s>e?(h.width=n,h.height=e/s*n):(h.width=s/e*n,h.height=n),r.drawImage(t,0,0,h.width,h.height),wt(t)),h}function mt(t,i){const{width:s}=t,{height:e}=t,[n,r]=ft(s,e);switch(i>4&&i<9?(n.width=e,n.height=s):(n.width=s,n.height=e),i){case 2:r.transform(-1,0,0,1,s,0);break;case 3:r.transform(-1,0,0,-1,s,e);break;case 4:r.transform(1,0,0,-1,0,e);break;case 5:r.transform(0,1,1,0,0,0);break;case 6:r.transform(0,1,-1,0,e,0);break;case 7:r.transform(0,-1,-1,0,e,s);break;case 8:r.transform(0,-1,1,0,0,s)}return r.drawImage(t,0,0,s,e),wt(t),n}function yt(t,i,s=0){return new Promise((function(e,n){let r,h,o,c,a,f,u,l,d,v,w,p,A,g,m,y,b,M,x,E;function U(t=5){if(i.signal&&i.signal.aborted)throw i.signal.reason;r+=t,i.onProgress(Math.min(r,100))}function F(t){if(i.signal&&i.signal.aborted)throw i.signal.reason;r=Math.min(Math.max(t,r),100),i.onProgress(r)}return r=s,h=i.maxIteration||10,o=1024*i.maxSizeMB*1024,U(),dt(t,i).then(function(s){try{return[,c]=s,U(),a=gt(c,i),U(),new Promise((function(s,e){var n;if(!(n=i.exifOrientation))return At(t).then(function(t){try{return n=t,r.call(this)}catch(t){return e(t)}}.bind(this),e);function r(){return s(n)}return r.call(this)})).then(function(s){try{return f=s,U(),pt().then(function(s){try{return u=s?a:mt(a,f),U(),l=i.initialQuality||1,d=i.fileType||t.type,vt(u,d,t.name,t.lastModified,l).then(function(s){try{{if(v=s,U(),w=v.size>o,p=v.size>t.size,!w&&!p)return F(100),e(v);var r;function f(){if(h--&&(m>o||m>A)){let i,s;return i=E?.95*x.width:x.width,s=E?.95*x.height:x.height,[b,M]=ft(i,s),M.drawImage(x,0,0,i,s),l*="image/png"===d?.85:.95,vt(b,d,t.name,t.lastModified,l).then((function(t){try{return y=t,wt(x),x=b,m=y.size,F(Math.min(99,Math.floor((g-m)/(g-o)*100))),f}catch(t){return n(t)}}),n)}return[1]}return A=t.size,g=v.size,m=g,x=u,E=!i.alwaysKeepResolution&&w,(r=function(t){for(;t;){if(t.then)return void t.then(r,n);try{if(t.pop){if(t.length)return t.pop()?P.call(this):t;t=f}else t=t.call(this)}catch(t){return n(t)}}}.bind(this))(f);function P(){return wt(x),wt(b),wt(a),wt(u),wt(c),F(100),e(y)}}}catch(T){return n(T)}}.bind(this),n)}catch(t){return n(t)}}.bind(this),n)}catch(t){return n(t)}}.bind(this),n)}catch(t){return n(t)}}.bind(this),n)}))}const bt="\nlet scriptImported = false\nself.addEventListener('message', async (e) => {\n  const { file, id, imageCompressionLibUrl, options } = e.data\n  options.onProgress = (progress) => self.postMessage({ progress, id })\n  try {\n    if (!scriptImported) {\n      // console.log('[worker] importScripts', imageCompressionLibUrl)\n      self.importScripts(imageCompressionLibUrl)\n      scriptImported = true\n    }\n    // console.log('[worker] self', self)\n    const compressedFile = await imageCompression(file, options)\n    self.postMessage({ file: compressedFile, id })\n  } catch (e) {\n    // console.error('[worker] error', e)\n    self.postMessage({ error: e.message + '\\n' + e.stack, id })\n  }\n})\n";let Mt;function xt(t,i){return new Promise(((s,e)=>{Mt||(Mt=function t(i){const s=[];return s.push(i),URL.createObjectURL(new Blob(s))}(bt));const n=new Worker(Mt);n.addEventListener("message",(function t(r){if(i.signal&&i.signal.aborted)n.terminate();else if(void 0===r.data.progress){if(r.data.error)return e(new Error(r.data.error)),void n.terminate();s(r.data.file),n.terminate()}else i.onProgress(r.data.progress)})),n.addEventListener("error",e),i.signal&&i.signal.addEventListener("abort",(()=>{e(i.signal.reason),n.terminate()})),n.postMessage({file:t,imageCompressionLibUrl:i.libURL,options:{...i,onProgress:void 0,signal:void 0}})}))}function Et(t,i){return new Promise((function(s,e){let n,r,h,o,c,a;if(n={...i},h=0,({onProgress:o}=n),n.maxSizeMB=n.maxSizeMB||Number.POSITIVE_INFINITY,c="boolean"!=typeof n.useWebWorker||n.useWebWorker,delete n.useWebWorker,n.onProgress=t=>{h=t,"function"==typeof o&&o(h)},!(t instanceof Blob||t instanceof et))return e(new Error("The file given is not an instance of Blob or File"));if(!/^image/.test(t.type))return e(new Error("The file given is not an image"));if(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope,!c||"function"!=typeof Worker||a)return yt(t,n).then(function(t){try{return r=t,l.call(this)}catch(t){return e(t)}}.bind(this),e);var f=function(){try{return l.call(this)}catch(t){return e(t)}}.bind(this),u=function(i){try{return yt(t,n).then((function(t){try{return r=t,f()}catch(t){return e(t)}}),e)}catch(t){return e(t)}};try{return n.libURL=n.libURL||"https://cdn.jsdelivr.net/npm/browser-image-compression@2.0.2/dist/browser-image-compression.js",xt(t,n).then((function(t){try{return r=t,f()}catch(t){return u()}}),u)}catch(t){u()}function l(){try{r.name=t.name,r.lastModified=t.lastModified}catch(t){}try{n.preserveExif&&"image/jpeg"===t.type&&(!n.fileType||n.fileType&&n.fileType===t.type)&&(r=X(t,r))}catch(t){}return s(r)}}))}Et.getDataUrlFromFile=ht,Et.getFilefromDataUrl=rt,Et.loadImage=ot,Et.drawImageInCanvas=ut,Et.drawFileInCanvas=dt,Et.canvasToFile=vt,Et.getExifOrientation=At,Et.handleMaxWidthOrHeight=gt,Et.followExifOrientation=mt,Et.cleanupCanvasMemory=wt,Et.isAutoOrientationInBrowser=pt,Et.approximateBelowMaximumCanvasSizeOfBrowser=at,Et.copyExifWithoutOrientation=X,Et.getBrowserName=ct,Et.version="2.0.2";class Ut extends e{fileInput=null;maxCompressionSize=300;constructor(t){super(t);this.setupFileInput()}onActivate(){this.openFilePicker()}openFilePicker(){if(this._core.store.isDisabled){return}this.fileInput.click()}setupFileInput(){this.fileInput=document.createElement("input");this.fileInput.type="file";this.fileInput.accept="image/*";this.fileInput.style.display="none";this.fileInput.addEventListener("change",this.handleFileSelect.bind(this));this.fileInput.addEventListener("cancel",this.handleCancel.bind(this));document.body.appendChild(this.fileInput)}handleFileSelect(t){const i=t.target;if(i.files&&i.files[0]){const t=i.files[0];Et(t,{maxWidthOrHeight:this.maxCompressionSize}).then((t=>{this.readFile(t)})).catch((t=>{console.error("Error during image compression or processing:",t);this.handleCancel()}))}else{console.info("File selection cancelled by user.");this.handleCancel()}if(i){i.value=""}}readFile(t){const i=new FileReader;i.onload=t=>{const i=new Image;i.src=t.target?.result;i.onload=()=>this.createKritzelImage(i)};i.readAsDataURL(t)}createKritzelImage(t){const i=m.create(this._core);const{scaledWidth:s,scaledHeight:e}=i.calculateScaledDimensions(t);i.src=t.src;i.width=s;i.height=e;i.zIndex=this._core.store.currentZIndex;i.centerInViewport();this.addImageToStore(i);return i}addImageToStore(t){const i=K.create(this._core);i.addOrRemove(t);i.isSelected=true;const e=new n(this._core,this,t);const r=new I(this._core,this,i);this._core.history.executeCommand(new b(this._core,this,[e,r]));this._core.store.setState("activeTool",s.getTool("selection"))}handleCancel(){this._core.store.setState("activeTool",s.getTool("selection"))}}export{I as A,b as B,D,y as K,a as O,U as R,i as U,c as a,r as b,R as c,E as d,Q as e,Ut as f,H as g,o as h,h as i,P as j,s as k,K as l,t as m,_ as n,G as o,x as p,n as q,e as r,l as s,g as t,m as u};
-//# sourceMappingURL=p-CxieEK_G.js.map