@jetprint/editor-sdk 1.2.16 → 1.2.20

package/dist/headless.global.js

@@ -1,504 +0,0 @@
-var EditorHeadless=(function(Lt){"use strict";var pc=Object.defineProperty;var mc=(Lt,y,oe)=>y in Lt?pc(Lt,y,{enumerable:!0,configurable:!0,writable:!0,value:oe}):Lt[y]=oe;var xr=(Lt,y,oe)=>mc(Lt,typeof y!="symbol"?y+"":y,oe);var ea;function y(n,t,e){return(t=(function(s){var r=(function(i,o){if(typeof i!="object"||!i)return i;var a=i[Symbol.toPrimitive];if(a!==void 0){var h=a.call(i,o);if(typeof h!="object")return h;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(i)})(s,"string");return typeof r=="symbol"?r:r+""})(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}class oe{constructor(){y(this,"browserShadowBlurConstant",1),y(this,"DPI",96),y(this,"devicePixelRatio",typeof window!="undefined"?window.devicePixelRatio:1),y(this,"perfLimitSizeTotal",2097152),y(this,"maxCacheSideLimit",4096),y(this,"minCacheSideLimit",256),y(this,"disableStyleCopyPaste",!1),y(this,"enableGLFiltering",!0),y(this,"textureSize",4096),y(this,"forceGLPutImageData",!1),y(this,"cachesBoundsOfCurve",!1),y(this,"fontPaths",{}),y(this,"NUM_FRACTION_DIGITS",4)}}const Y=new class extends oe{constructor(n){super(),this.configure(n)}configure(){let n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Object.assign(this,n)}addFonts(){let n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.fontPaths={...this.fontPaths,...n}}removeFonts(){(arguments.length>0&&arguments[0]!==void 0?arguments[0]:[]).forEach(n=>{delete this.fontPaths[n]})}clearFonts(){this.fontPaths={}}restoreDefaults(n){const t=new oe,e=(n==null?void 0:n.reduce((s,r)=>(s[r]=t[r],s),{}))||t;this.configure(e)}},Zt=function(n){for(var t=arguments.length,e=new Array(t>1?t-1:0),s=1;s<t;s++)e[s-1]=arguments[s];return console[n]("fabric",...e)};class It extends Error{constructor(t,e){super(`fabric: ${t}`,e)}}class sa extends It{constructor(t){super(`${t} 'options.signal' is in 'aborted' state`)}}class ra{}class ia extends ra{testPrecision(t,e){const s=`precision ${e} float;
-void main(){}`,r=t.createShader(t.FRAGMENT_SHADER);return!!r&&(t.shaderSource(r,s),t.compileShader(r),!!t.getShaderParameter(r,t.COMPILE_STATUS))}queryWebGL(t){const e=t.getContext("webgl");e&&(this.maxTextureSize=e.getParameter(e.MAX_TEXTURE_SIZE),this.GLPrecision=["highp","mediump","lowp"].find(s=>this.testPrecision(e,s)),e.getExtension("WEBGL_lose_context").loseContext(),Zt("log",`WebGL: max texture size ${this.maxTextureSize}`))}isSupported(t){return!!this.maxTextureSize&&this.maxTextureSize>=t}}const na={};let Ai;const jt=()=>Ai||(Ai={document,window,isTouchSupported:"ontouchstart"in window||"ontouchstart"in document||window&&window.navigator&&window.navigator.maxTouchPoints>0,WebGLProbe:new ia,dispose(){},copyPasteData:na}),Oe=()=>jt().document,as=()=>jt().window,Fi=()=>{var n;return Math.max((n=Y.devicePixelRatio)!==null&&n!==void 0?n:as().devicePixelRatio,1)},Ge=new class{constructor(){y(this,"boundsOfCurveCache",{}),this.charWidthsCache=new Map}getFontCache(n){let{fontFamily:t,fontStyle:e,fontWeight:s}=n;t=t.toLowerCase();const r=this.charWidthsCache;r.has(t)||r.set(t,new Map);const i=r.get(t),o=`${e.toLowerCase()}_${(s+"").toLowerCase()}`;return i.has(o)||i.set(o,new Map),i.get(o)}clearFontCache(n){n?this.charWidthsCache.delete((n||"").toLowerCase()):this.charWidthsCache=new Map}limitDimsByArea(n){const{perfLimitSizeTotal:t}=Y,e=Math.sqrt(t*n);return[Math.floor(e),Math.floor(t/e)]}},wr="7.1.0";function hs(){}const te=Math.PI/2,oa=Math.PI/4,bt=2*Math.PI,Sr=Math.PI/180,ht=Object.freeze([1,0,0,1,0,0]),Cr=16,ee=.4477152502,B="center",G="left",pt="top",br="bottom",Z="right",mt="none",Tr=/\r?\n/,Li="moving",ls="scaling",Ii="rotating",Or="rotate",ji="skewing",Ve="resizing",aa="modifyPoly",ha="modifyPath",cs="changed",us="scale",lt="scaleX",yt="scaleY",Me="skewX",ke="skewY",rt="fill",vt="stroke",gs="modified",ae="ltr",Yt="rtl",Mr="normal",De="json",kr="svg",P=new class{constructor(){this[De]=new Map,this[kr]=new Map}has(n){return this[De].has(n)}getClass(n){const t=this[De].get(n);if(!t)throw new It(`No class registered for ${n}`);return t}setClass(n,t){t?this[De].set(t,n):(this[De].set(n.type,n),this[De].set(n.type.toLowerCase(),n))}getSVGClass(n){return this[kr].get(n)}setSVGClass(n,t){this[kr].set(t!=null?t:n.type.toLowerCase(),n)}},ds=new class extends Array{remove(n){const t=this.indexOf(n);t>-1&&this.splice(t,1)}cancelAll(){const n=this.splice(0);return n.forEach(t=>t.abort()),n}cancelByCanvas(n){if(!n)return[];const t=this.filter(e=>{var s;return e.target===n||typeof e.target=="object"&&((s=e.target)===null||s===void 0?void 0:s.canvas)===n});return t.forEach(e=>e.abort()),t}cancelByTarget(n){if(!n)return[];const t=this.filter(e=>e.target===n);return t.forEach(e=>e.abort()),t}};class la{constructor(){y(this,"__eventListeners",{})}on(t,e){if(this.__eventListeners||(this.__eventListeners={}),typeof t=="object")return Object.entries(t).forEach(s=>{let[r,i]=s;this.on(r,i)}),()=>this.off(t);if(e){const s=t;return this.__eventListeners[s]||(this.__eventListeners[s]=[]),this.__eventListeners[s].push(e),()=>this.off(s,e)}return()=>!1}once(t,e){if(typeof t=="object"){const s=[];return Object.entries(t).forEach(r=>{let[i,o]=r;s.push(this.once(i,o))}),()=>s.forEach(r=>r())}if(e){const s=this.on(t,function(){for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];e.call(this,...i),s()});return s}return()=>!1}_removeEventListener(t,e){if(this.__eventListeners[t])if(e){const s=this.__eventListeners[t],r=s.indexOf(e);r>-1&&s.splice(r,1)}else this.__eventListeners[t]=[]}off(t,e){if(this.__eventListeners)if(t===void 0)for(const s in this.__eventListeners)this._removeEventListener(s);else typeof t=="object"?Object.entries(t).forEach(s=>{let[r,i]=s;this._removeEventListener(r,i)}):this._removeEventListener(t,e)}fire(t,e){var s;if(!this.__eventListeners)return;const r=(s=this.__eventListeners[t])===null||s===void 0?void 0:s.concat();if(r)for(let i=0;i<r.length;i++)r[i].call(this,e||{})}}const he=(n,t)=>{const e=n.indexOf(t);return e!==-1&&n.splice(e,1),n},Tt=n=>{if(n===0)return 1;switch(Math.abs(n)/te){case 1:case 3:return 0;case 2:return-1}return Math.cos(n)},Ot=n=>{if(n===0)return 0;const t=n/te,e=Math.sign(n);switch(t){case 1:return e;case 2:return 0;case 3:return-e}return Math.sin(n)};class S{constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:0,e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0;typeof t=="object"?(this.x=t.x,this.y=t.y):(this.x=t,this.y=e)}add(t){return new S(this.x+t.x,this.y+t.y)}addEquals(t){return this.x+=t.x,this.y+=t.y,this}scalarAdd(t){return new S(this.x+t,this.y+t)}scalarAddEquals(t){return this.x+=t,this.y+=t,this}subtract(t){return new S(this.x-t.x,this.y-t.y)}subtractEquals(t){return this.x-=t.x,this.y-=t.y,this}scalarSubtract(t){return new S(this.x-t,this.y-t)}scalarSubtractEquals(t){return this.x-=t,this.y-=t,this}multiply(t){return new S(this.x*t.x,this.y*t.y)}scalarMultiply(t){return new S(this.x*t,this.y*t)}scalarMultiplyEquals(t){return this.x*=t,this.y*=t,this}divide(t){return new S(this.x/t.x,this.y/t.y)}scalarDivide(t){return new S(this.x/t,this.y/t)}scalarDivideEquals(t){return this.x/=t,this.y/=t,this}eq(t){return this.x===t.x&&this.y===t.y}lt(t){return this.x<t.x&&this.y<t.y}lte(t){return this.x<=t.x&&this.y<=t.y}gt(t){return this.x>t.x&&this.y>t.y}gte(t){return this.x>=t.x&&this.y>=t.y}lerp(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:.5;return e=Math.max(Math.min(1,e),0),new S(this.x+(t.x-this.x)*e,this.y+(t.y-this.y)*e)}distanceFrom(t){const e=this.x-t.x,s=this.y-t.y;return Math.sqrt(e*e+s*s)}midPointFrom(t){return this.lerp(t)}min(t){return new S(Math.min(this.x,t.x),Math.min(this.y,t.y))}max(t){return new S(Math.max(this.x,t.x),Math.max(this.y,t.y))}toString(){return`${this.x},${this.y}`}setXY(t,e){return this.x=t,this.y=e,this}setX(t){return this.x=t,this}setY(t){return this.y=t,this}setFromPoint(t){return this.x=t.x,this.y=t.y,this}swap(t){const e=this.x,s=this.y;this.x=t.x,this.y=t.y,t.x=e,t.y=s}clone(){return new S(this.x,this.y)}rotate(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Dr;const s=Ot(t),r=Tt(t),i=this.subtract(e);return new S(i.x*r-i.y*s,i.x*s+i.y*r).add(e)}transform(t){let e=arguments.length>1&&arguments[1]!==void 0&&arguments[1];return new S(t[0]*this.x+t[2]*this.y+(e?0:t[4]),t[1]*this.x+t[3]*this.y+(e?0:t[5]))}}const Dr=new S(0,0),fs=n=>!!n&&Array.isArray(n._objects);function Ri(n){class t extends n{constructor(){super(...arguments),y(this,"_objects",[])}_onObjectAdded(s){}_onObjectRemoved(s){}_onStackOrderChanged(s){}add(){for(var s=arguments.length,r=new Array(s),i=0;i<s;i++)r[i]=arguments[i];const o=this._objects.push(...r);return r.forEach(a=>this._onObjectAdded(a)),o}insertAt(s){for(var r=arguments.length,i=new Array(r>1?r-1:0),o=1;o<r;o++)i[o-1]=arguments[o];return this._objects.splice(s,0,...i),i.forEach(a=>this._onObjectAdded(a)),this._objects.length}remove(){const s=this._objects,r=[];for(var i=arguments.length,o=new Array(i),a=0;a<i;a++)o[a]=arguments[a];return o.forEach(h=>{const l=s.indexOf(h);l!==-1&&(s.splice(l,1),r.push(h),this._onObjectRemoved(h))}),r}forEachObject(s){this.getObjects().forEach((r,i,o)=>s(r,i,o))}getObjects(){for(var s=arguments.length,r=new Array(s),i=0;i<s;i++)r[i]=arguments[i];return r.length===0?[...this._objects]:this._objects.filter(o=>o.isType(...r))}item(s){return this._objects[s]}isEmpty(){return this._objects.length===0}size(){return this._objects.length}contains(s,r){return!!this._objects.includes(s)||!!r&&this._objects.some(i=>i instanceof t&&i.contains(s,!0))}complexity(){return this._objects.reduce((s,r)=>s+=r.complexity?r.complexity():0,0)}sendObjectToBack(s){return!(!s||s===this._objects[0])&&(he(this._objects,s),this._objects.unshift(s),this._onStackOrderChanged(s),!0)}bringObjectToFront(s){return!(!s||s===this._objects[this._objects.length-1])&&(he(this._objects,s),this._objects.push(s),this._onStackOrderChanged(s),!0)}sendObjectBackwards(s,r){if(!s)return!1;const i=this._objects.indexOf(s);if(i!==0){const o=this.findNewLowerIndex(s,i,r);return he(this._objects,s),this._objects.splice(o,0,s),this._onStackOrderChanged(s),!0}return!1}bringObjectForward(s,r){if(!s)return!1;const i=this._objects.indexOf(s);if(i!==this._objects.length-1){const o=this.findNewUpperIndex(s,i,r);return he(this._objects,s),this._objects.splice(o,0,s),this._onStackOrderChanged(s),!0}return!1}moveObjectTo(s,r){return s!==this._objects[r]&&(he(this._objects,s),this._objects.splice(r,0,s),this._onStackOrderChanged(s),!0)}findNewLowerIndex(s,r,i){let o;if(i){o=r;for(let a=r-1;a>=0;--a)if(s.isOverlapping(this._objects[a])){o=a;break}}else o=r-1;return o}findNewUpperIndex(s,r,i){let o;if(i){o=r;for(let a=r+1;a<this._objects.length;++a)if(s.isOverlapping(this._objects[a])){o=a;break}}else o=r+1;return o}collectObjects(s){let{left:r,top:i,width:o,height:a}=s,{includeIntersecting:h=!0}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const l=[],c=new S(r,i),u=c.add(new S(o,a));for(let g=this._objects.length-1;g>=0;g--){const d=this._objects[g];d.selectable&&d.visible&&(h&&d.intersectsWithRect(c,u)||d.isContainedWithinRect(c,u)||h&&d.containsPoint(c)||h&&d.containsPoint(u))&&l.push(d)}return l}}return t}class Bi extends la{_setOptions(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};for(const e in t)this.set(e,t[e])}_setObject(t){for(const e in t)this._set(e,t[e])}set(t,e){return typeof t=="object"?this._setObject(t):this._set(t,e),this}_set(t,e){this[t]=e}toggle(t){const e=this.get(t);return typeof e=="boolean"&&this.set(t,!e),this}get(t){return this[t]}}function ze(n){return as().requestAnimationFrame(n)}function $i(n){return as().cancelAnimationFrame(n)}let ca=0;const se=()=>ca++,Rt=()=>{const n=Oe().createElement("canvas");if(!n||n.getContext===void 0)throw new It("Failed to create `canvas` element");return n},Xi=()=>Oe().createElement("img"),xt=n=>{const t=Rt();return t.width=n.width,t.height=n.height,t},Er=(n,t,e)=>n.toDataURL(`image/${t}`,e),Pr=(n,t,e)=>new Promise((s,r)=>{n.toBlob(s,`image/${t}`,e)}),Q=n=>n*Sr,Nt=n=>n/Sr,Wi=n=>n.every((t,e)=>t===ht[e]),nt=(n,t,e)=>new S(n).transform(t,e),_t=n=>{const t=1/(n[0]*n[3]-n[1]*n[2]),e=[t*n[3],-t*n[1],-t*n[2],t*n[0],0,0],{x:s,y:r}=new S(n[4],n[5]).transform(e,!0);return e[4]=-s,e[5]=-r,e},et=(n,t,e)=>[n[0]*t[0]+n[2]*t[1],n[1]*t[0]+n[3]*t[1],n[0]*t[2]+n[2]*t[3],n[1]*t[2]+n[3]*t[3],e?0:n[0]*t[4]+n[2]*t[5]+n[4],e?0:n[1]*t[4]+n[3]*t[5]+n[5]],ps=(n,t)=>n.reduceRight((e,s)=>s&&e?et(s,e,t):s||e,void 0)||ht.concat(),Yi=n=>{let[t,e]=n;return Math.atan2(e,t)},Ee=n=>{const t=Yi(n),e=Math.pow(n[0],2)+Math.pow(n[1],2),s=Math.sqrt(e),r=(n[0]*n[3]-n[2]*n[1])/s,i=Math.atan2(n[0]*n[2]+n[1]*n[3],e);return{angle:Nt(t),scaleX:s,scaleY:r,skewX:Nt(i),skewY:0,translateX:n[4]||0,translateY:n[5]||0}},Pe=function(n){return[1,0,0,1,n,arguments.length>1&&arguments[1]!==void 0?arguments[1]:0]};function le(){let{angle:n=0}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},{x:t=0,y:e=0}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const s=Q(n),r=Tt(s),i=Ot(s);return[r,i,-i,r,t?t-(r*t-i*e):0,e?e-(i*t+r*e):0]}const ms=function(n){return[n,0,0,arguments.length>1&&arguments[1]!==void 0?arguments[1]:n,0,0]},Ni=n=>Math.tan(Q(n)),Ar=n=>[1,0,Ni(n),1,0,0],Fr=n=>[1,Ni(n),0,1,0,0],Ue=n=>{let{scaleX:t=1,scaleY:e=1,flipX:s=!1,flipY:r=!1,skewX:i=0,skewY:o=0}=n,a=ms(s?-t:t,r?-e:e);return i&&(a=et(a,Ar(i),!0)),o&&(a=et(a,Fr(o),!0)),a},Hi=n=>{const{translateX:t=0,translateY:e=0,angle:s=0}=n;let r=Pe(t,e);s&&(r=et(r,le({angle:s})));const i=Ue(n);return Wi(i)||(r=et(r,i)),r},qe=function(n){let{signal:t,crossOrigin:e=null}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return new Promise(function(s,r){if(t&&t.aborted)return r(new sa("loadImage"));const i=Xi();let o;t&&(o=function(h){i.src="",r(h)},t.addEventListener("abort",o,{once:!0}));const a=function(){i.onload=i.onerror=null,o&&(t==null||t.removeEventListener("abort",o)),s(i)};n?(i.onload=a,i.onerror=function(){o&&(t==null||t.removeEventListener("abort",o)),r(new It(`Error loading ${i.src}`))},e&&(i.crossOrigin=e),i.src=n):a()})},Ae=function(n){let{signal:t,reviver:e=hs}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return new Promise((s,r)=>{const i=[];t&&t.addEventListener("abort",r,{once:!0}),Promise.all(n.map(o=>P.getClass(o.type).fromObject(o,{signal:t}).then(a=>(e(o,a),i.push(a),a)))).then(s).catch(o=>{i.forEach(a=>{a.dispose&&a.dispose()}),r(o)}).finally(()=>{t&&t.removeEventListener("abort",r)})})},Ke=function(n){let{signal:t}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return new Promise((e,s)=>{const r=[];t&&t.addEventListener("abort",s,{once:!0});const i=Object.values(n).map(a=>a&&a.type&&P.has(a.type)?Ae([a],{signal:t}).then(h=>{let[l]=h;return r.push(l),l}):a),o=Object.keys(n);Promise.all(i).then(a=>a.reduce((h,l,c)=>(h[o[c]]=l,h),{})).then(e).catch(a=>{r.forEach(h=>{h.dispose&&h.dispose()}),s(a)}).finally(()=>{t&&t.removeEventListener("abort",s)})})},ce=function(n){return(arguments.length>1&&arguments[1]!==void 0?arguments[1]:[]).reduce((t,e)=>(e in n&&(t[e]=n[e]),t),{})},Lr=(n,t)=>Object.keys(n).reduce((e,s)=>(t(n[s],s,n)&&(e[s]=n[s]),e),{}),V=(n,t)=>parseFloat(Number(n).toFixed(t)),Fe=n=>"matrix("+n.map(t=>V(t,Y.NUM_FRACTION_DIGITS)).join(" ")+")",St=n=>!!n&&n.toLive!==void 0,Gi=n=>!!n&&typeof n.toObject=="function",Vi=n=>!!n&&n.offsetX!==void 0&&"source"in n,ue=n=>!!n&&"multiSelectionStacking"in n;function zi(n){const t=n&&Mt(n);let e=0,s=0;if(!n||!t)return{left:e,top:s};let r=n;const i=t.documentElement,o=t.body||{scrollLeft:0,scrollTop:0};for(;r&&(r.parentNode||r.host)&&(r=r.parentNode||r.host,r===t?(e=o.scrollLeft||i.scrollLeft||0,s=o.scrollTop||i.scrollTop||0):(e+=r.scrollLeft||0,s+=r.scrollTop||0),r.nodeType!==1||r.style.position!=="fixed"););return{left:e,top:s}}const Mt=n=>n.ownerDocument||null,Ui=n=>{var t;return((t=n.ownerDocument)===null||t===void 0?void 0:t.defaultView)||null},qi=function(n,t,e){let{width:s,height:r}=e,i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:1;n.width=s,n.height=r,i>1&&(n.setAttribute("width",(s*i).toString()),n.setAttribute("height",(r*i).toString()),t.scale(i,i))},Ir=(n,t)=>{let{width:e,height:s}=t;e&&(n.style.width=typeof e=="number"?`${e}px`:e),s&&(n.style.height=typeof s=="number"?`${s}px`:s)};function Ki(n){return n.onselectstart!==void 0&&(n.onselectstart=()=>!1),n.style.userSelect=mt,n}class Ji{constructor(t){y(this,"_originalCanvasStyle",void 0),y(this,"lower",void 0);const e=this.createLowerCanvas(t);this.lower={el:e,ctx:e.getContext("2d")}}createLowerCanvas(t){const e=(s=t)&&s.getContext!==void 0?t:t&&Oe().getElementById(t)||Rt();var s;if(e.hasAttribute("data-fabric"))throw new It("Trying to initialize a canvas that has already been initialized. Did you forget to dispose the canvas?");return this._originalCanvasStyle=e.style.cssText,e.setAttribute("data-fabric","main"),e.classList.add("lower-canvas"),e}cleanupDOM(t){let{width:e,height:s}=t;const{el:r}=this.lower;r.classList.remove("lower-canvas"),r.removeAttribute("data-fabric"),r.setAttribute("width",`${e}`),r.setAttribute("height",`${s}`),r.style.cssText=this._originalCanvasStyle||"",this._originalCanvasStyle=void 0}setDimensions(t,e){const{el:s,ctx:r}=this.lower;qi(s,r,t,e)}setCSSDimensions(t){Ir(this.lower.el,t)}calcOffset(){return(function(t){var e;const s=t&&Mt(t),r={left:0,top:0};if(!s)return r;const i=((e=Ui(t))===null||e===void 0?void 0:e.getComputedStyle(t,null))||{};r.left+=parseInt(i.borderLeftWidth,10)||0,r.top+=parseInt(i.borderTopWidth,10)||0,r.left+=parseInt(i.paddingLeft,10)||0,r.top+=parseInt(i.paddingTop,10)||0;let o={left:0,top:0};const a=s.documentElement;t.getBoundingClientRect!==void 0&&(o=t.getBoundingClientRect());const h=zi(t);return{left:o.left+h.left-(a.clientLeft||0)+r.left,top:o.top+h.top-(a.clientTop||0)+r.top}})(this.lower.el)}dispose(){jt().dispose(this.lower.el),delete this.lower}}const ua={backgroundVpt:!0,backgroundColor:"",overlayVpt:!0,overlayColor:"",includeDefaultValues:!0,svgViewportTransformation:!0,renderOnAddRemove:!0,skipOffscreen:!0,enableRetinaScaling:!0,imageSmoothingEnabled:!0,controlsAboveOverlay:!1,allowTouchScrolling:!1,viewportTransform:[...ht],patternQuality:"best"};class Le extends Ri(Bi){get lowerCanvasEl(){var t;return(t=this.elements.lower)===null||t===void 0?void 0:t.el}get contextContainer(){var t;return(t=this.elements.lower)===null||t===void 0?void 0:t.ctx}static getDefaults(){return Le.ownDefaults}constructor(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};super(),Object.assign(this,this.constructor.getDefaults()),this.set(e),this.initElements(t),this._setDimensionsImpl({width:this.width||this.elements.lower.el.width||0,height:this.height||this.elements.lower.el.height||0}),this.skipControlsDrawing=!1,this.viewportTransform=[...this.viewportTransform],this.calcViewportBoundaries()}initElements(t){this.elements=new Ji(t)}add(){const t=super.add(...arguments);return arguments.length>0&&this.renderOnAddRemove&&this.requestRenderAll(),t}insertAt(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),r=1;r<e;r++)s[r-1]=arguments[r];const i=super.insertAt(t,...s);return s.length>0&&this.renderOnAddRemove&&this.requestRenderAll(),i}remove(){const t=super.remove(...arguments);return t.length>0&&this.renderOnAddRemove&&this.requestRenderAll(),t}_onObjectAdded(t){t.canvas&&t.canvas!==this&&(Zt("warn",`Canvas is trying to add an object that belongs to a different canvas.
-Resulting to default behavior: removing object from previous canvas and adding to new canvas`),t.canvas.remove(t)),t._set("canvas",this),t.setCoords(),this.fire("object:added",{target:t}),t.fire("added",{target:this})}_onObjectRemoved(t){t._set("canvas",void 0),this.fire("object:removed",{target:t}),t.fire("removed",{target:this})}_onStackOrderChanged(){this.renderOnAddRemove&&this.requestRenderAll()}getRetinaScaling(){return this.enableRetinaScaling?Fi():1}calcOffset(){return this._offset=this.elements.calcOffset()}getWidth(){return this.width}getHeight(){return this.height}_setDimensionsImpl(t){let{cssOnly:e=!1,backstoreOnly:s=!1}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(!e){const r={width:this.width,height:this.height,...t};this.elements.setDimensions(r,this.getRetinaScaling()),this.hasLostContext=!0,this.width=r.width,this.height=r.height}s||this.elements.setCSSDimensions(t),this.calcOffset()}setDimensions(t,e){this._setDimensionsImpl(t,e),e&&e.cssOnly||this.requestRenderAll()}getZoom(){return this.viewportTransform[0]}setViewportTransform(t){this.viewportTransform=t,this.calcViewportBoundaries(),this.renderOnAddRemove&&this.requestRenderAll()}zoomToPoint(t,e){const s=t,r=[...this.viewportTransform],i=nt(t,_t(r));r[0]=e,r[3]=e;const o=nt(i,r);r[4]+=s.x-o.x,r[5]+=s.y-o.y,this.setViewportTransform(r)}setZoom(t){this.zoomToPoint(new S(0,0),t)}absolutePan(t){const e=[...this.viewportTransform];return e[4]=-t.x,e[5]=-t.y,this.setViewportTransform(e)}relativePan(t){return this.absolutePan(new S(-t.x-this.viewportTransform[4],-t.y-this.viewportTransform[5]))}getElement(){return this.elements.lower.el}clearContext(t){t.clearRect(0,0,this.width,this.height)}getContext(){return this.elements.lower.ctx}clear(){this.remove(...this.getObjects()),this.backgroundImage=void 0,this.overlayImage=void 0,this.backgroundColor="",this.overlayColor="",this.clearContext(this.getContext()),this.fire("canvas:cleared"),this.renderOnAddRemove&&this.requestRenderAll()}renderAll(){this.cancelRequestedRender(),this.destroyed||this.renderCanvas(this.getContext(),this._objects)}renderAndReset(){this.nextRenderHandle=0,this.renderAll()}requestRenderAll(){this.nextRenderHandle||this.disposed||this.destroyed||(this.nextRenderHandle=ze(()=>this.renderAndReset()))}calcViewportBoundaries(){const t=this.width,e=this.height,s=_t(this.viewportTransform),r=nt({x:0,y:0},s),i=nt({x:t,y:e},s),o=r.min(i),a=r.max(i);return this.vptCoords={tl:o,tr:new S(a.x,o.y),bl:new S(o.x,a.y),br:a}}cancelRequestedRender(){this.nextRenderHandle&&($i(this.nextRenderHandle),this.nextRenderHandle=0)}drawControls(t){}renderCanvas(t,e){if(this.destroyed)return;const s=this.viewportTransform,r=this.clipPath;this.calcViewportBoundaries(),this.clearContext(t),t.imageSmoothingEnabled=this.imageSmoothingEnabled,t.patternQuality=this.patternQuality,this.fire("before:render",{ctx:t}),this._renderBackground(t),t.save(),t.transform(s[0],s[1],s[2],s[3],s[4],s[5]),this._renderObjects(t,e),t.restore(),this.controlsAboveOverlay||this.skipControlsDrawing||this.drawControls(t),r&&(r._set("canvas",this),r.shouldCache(),r._transformDone=!0,r.renderCache({forClipping:!0}),this.drawClipPathOnCanvas(t,r)),this._renderOverlay(t),this.controlsAboveOverlay&&!this.skipControlsDrawing&&this.drawControls(t),this.fire("after:render",{ctx:t}),this.__cleanupTask&&(this.__cleanupTask(),this.__cleanupTask=void 0)}drawClipPathOnCanvas(t,e){const s=this.viewportTransform;t.save(),t.transform(...s),t.globalCompositeOperation="destination-in",e.transform(t),t.scale(1/e.zoomX,1/e.zoomY),t.drawImage(e._cacheCanvas,-e.cacheTranslationX,-e.cacheTranslationY),t.restore()}_renderObjects(t,e){for(let s=0,r=e.length;s<r;++s)e[s]&&e[s].render(t)}_renderBackgroundOrOverlay(t,e){const s=this[`${e}Color`],r=this[`${e}Image`],i=this.viewportTransform,o=this[`${e}Vpt`];if(!s&&!r)return;const a=St(s);if(s){if(t.save(),t.beginPath(),t.moveTo(0,0),t.lineTo(this.width,0),t.lineTo(this.width,this.height),t.lineTo(0,this.height),t.closePath(),t.fillStyle=a?s.toLive(t):s,o&&t.transform(...i),a){t.transform(1,0,0,1,s.offsetX||0,s.offsetY||0);const h=s.gradientTransform||s.patternTransform;h&&t.transform(...h)}t.fill(),t.restore()}if(r){t.save();const{skipOffscreen:h}=this;this.skipOffscreen=o,o&&t.transform(...i),r.render(t),this.skipOffscreen=h,t.restore()}}_renderBackground(t){this._renderBackgroundOrOverlay(t,"background")}_renderOverlay(t){this._renderBackgroundOrOverlay(t,"overlay")}getCenterPoint(){return new S(this.width/2,this.height/2)}centerObjectH(t){return this._centerObject(t,new S(this.getCenterPoint().x,t.getCenterPoint().y))}centerObjectV(t){return this._centerObject(t,new S(t.getCenterPoint().x,this.getCenterPoint().y))}centerObject(t){return this._centerObject(t,this.getCenterPoint())}viewportCenterObject(t){return this._centerObject(t,this.getVpCenter())}viewportCenterObjectH(t){return this._centerObject(t,new S(this.getVpCenter().x,t.getCenterPoint().y))}viewportCenterObjectV(t){return this._centerObject(t,new S(t.getCenterPoint().x,this.getVpCenter().y))}getVpCenter(){return nt(this.getCenterPoint(),_t(this.viewportTransform))}_centerObject(t,e){t.setXY(e,B,B),t.setCoords(),this.renderOnAddRemove&&this.requestRenderAll()}toDatalessJSON(t){return this.toDatalessObject(t)}toObject(t){return this._toObjectMethod("toObject",t)}toJSON(){return this.toObject()}toDatalessObject(t){return this._toObjectMethod("toDatalessObject",t)}_toObjectMethod(t,e){const s=this.clipPath,r=s&&!s.excludeFromExport?this._toObject(s,t,e):null;return{version:wr,...ce(this,e),objects:this._objects.filter(i=>!i.excludeFromExport).map(i=>this._toObject(i,t,e)),...this.__serializeBgOverlay(t,e),...r?{clipPath:r}:null}}_toObject(t,e,s){let r;this.includeDefaultValues||(r=t.includeDefaultValues,t.includeDefaultValues=!1);const i=t[e](s);return this.includeDefaultValues||(t.includeDefaultValues=!!r),i}__serializeBgOverlay(t,e){const s={},r=this.backgroundImage,i=this.overlayImage,o=this.backgroundColor,a=this.overlayColor;return St(o)?o.excludeFromExport||(s.background=o.toObject(e)):o&&(s.background=o),St(a)?a.excludeFromExport||(s.overlay=a.toObject(e)):a&&(s.overlay=a),r&&!r.excludeFromExport&&(s.backgroundImage=this._toObject(r,t,e)),i&&!i.excludeFromExport&&(s.overlayImage=this._toObject(i,t,e)),s}toSVG(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=arguments.length>1?arguments[1]:void 0;t.reviver=e;const s=[];return this._setSVGPreamble(s,t),this._setSVGHeader(s,t),this.clipPath&&s.push(`<g clip-path="url(#${this.clipPath.clipPathId})" >
-`),this._setSVGBgOverlayColor(s,"background"),this._setSVGBgOverlayImage(s,"backgroundImage",e),this._setSVGObjects(s,e),this.clipPath&&s.push(`</g>
-`),this._setSVGBgOverlayColor(s,"overlay"),this._setSVGBgOverlayImage(s,"overlayImage",e),s.push("</svg>"),s.join("")}_setSVGPreamble(t,e){e.suppressPreamble||t.push('<?xml version="1.0" encoding="',e.encoding||"UTF-8",`" standalone="no" ?>
-`,'<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" ',`"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-`)}_setSVGHeader(t,e){const s=e.width||`${this.width}`,r=e.height||`${this.height}`,i=Y.NUM_FRACTION_DIGITS,o=e.viewBox;let a;if(o)a=`viewBox="${o.x} ${o.y} ${o.width} ${o.height}" `;else if(this.svgViewportTransformation){const h=this.viewportTransform;a=`viewBox="${V(-h[4]/h[0],i)} ${V(-h[5]/h[3],i)} ${V(this.width/h[0],i)} ${V(this.height/h[3],i)}" `}else a=`viewBox="0 0 ${this.width} ${this.height}" `;t.push("<svg ",'xmlns="http://www.w3.org/2000/svg" ','xmlns:xlink="http://www.w3.org/1999/xlink" ','version="1.1" ','width="',s,'" ','height="',r,'" ',a,`xml:space="preserve">
-`,"<desc>Created with Fabric.js ",wr,`</desc>
-`,`<defs>
-`,this.createSVGFontFacesMarkup(),this.createSVGRefElementsMarkup(),this.createSVGClipPathMarkup(e),`</defs>
-`)}createSVGClipPathMarkup(t){const e=this.clipPath;return e?(e.clipPathId=`CLIPPATH_${se()}`,`<clipPath id="${e.clipPathId}" >
-${e.toClipPathSVG(t.reviver)}</clipPath>
-`):""}createSVGRefElementsMarkup(){return["background","overlay"].map(t=>{const e=this[`${t}Color`];if(St(e)){const s=this[`${t}Vpt`],r=this.viewportTransform,i={isType:()=>!1,width:this.width/(s?r[0]:1),height:this.height/(s?r[3]:1)};return e.toSVG(i,{additionalTransform:s?Fe(r):""})}}).join("")}createSVGFontFacesMarkup(){const t=[],e={},s=Y.fontPaths;this._objects.forEach(function i(o){t.push(o),fs(o)&&o._objects.forEach(i)}),t.forEach(i=>{if(!(o=i)||typeof o._renderText!="function")return;var o;const{styles:a,fontFamily:h}=i;!e[h]&&s[h]&&(e[h]=!0,a&&Object.values(a).forEach(l=>{Object.values(l).forEach(c=>{let{fontFamily:u=""}=c;!e[u]&&s[u]&&(e[u]=!0)})}))});const r=Object.keys(e).map(i=>`		@font-face {
-			font-family: '${i}';
-			src: url('${s[i]}');
-		}
-`).join("");return r?`	<style type="text/css"><![CDATA[
-${r}]]></style>
-`:""}_setSVGObjects(t,e){this.forEachObject(s=>{s.excludeFromExport||this._setSVGObject(t,s,e)})}_setSVGObject(t,e,s){t.push(e.toSVG(s))}_setSVGBgOverlayImage(t,e,s){const r=this[e];r&&!r.excludeFromExport&&r.toSVG&&t.push(r.toSVG(s))}_setSVGBgOverlayColor(t,e){const s=this[`${e}Color`];if(s)if(St(s)){const r=s.repeat||"",i=this.width,o=this.height,a=this[`${e}Vpt`]?Fe(_t(this.viewportTransform)):"";t.push(`<rect transform="${a} translate(${i/2},${o/2})" x="${s.offsetX-i/2}" y="${s.offsetY-o/2}" width="${r!=="repeat-y"&&r!=="no-repeat"||!Vi(s)?i:s.source.width}" height="${r!=="repeat-x"&&r!=="no-repeat"||!Vi(s)?o:s.source.height}" fill="url(#SVGID_${s.id})"></rect>
-`)}else t.push('<rect x="0" y="0" width="100%" height="100%" ','fill="',s,'"',`></rect>
-`)}loadFromJSON(t,e){let{signal:s}=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};if(!t)return Promise.reject(new It("`json` is undefined"));const{objects:r=[],...i}=typeof t=="string"?JSON.parse(t):t,{backgroundImage:o,background:a,overlayImage:h,overlay:l,clipPath:c}=i,u=this.renderOnAddRemove;return this.renderOnAddRemove=!1,Promise.all([Ae(r,{reviver:e,signal:s}),Ke({backgroundImage:o,backgroundColor:a,overlayImage:h,overlayColor:l,clipPath:c},{signal:s})]).then(g=>{let[d,f]=g;return this.clear(),this.add(...d),this.set(i),this.set(f),this.renderOnAddRemove=u,this})}clone(t){const e=this.toObject(t);return this.cloneWithoutData().loadFromJSON(e)}cloneWithoutData(){const t=xt(this);return new this.constructor(t)}toDataURL(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};const{format:e="png",quality:s=1,multiplier:r=1,enableRetinaScaling:i=!1}=t,o=r*(i?this.getRetinaScaling():1);return Er(this.toCanvasElement(o,t),e,s)}toBlob(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};const{format:e="png",quality:s=1,multiplier:r=1,enableRetinaScaling:i=!1}=t,o=r*(i?this.getRetinaScaling():1);return Pr(this.toCanvasElement(o,t),e,s)}toCanvasElement(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1,{width:e,height:s,left:r,top:i,filter:o}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const a=(e||this.width)*t,h=(s||this.height)*t,l=this.getZoom(),c=this.width,u=this.height,g=this.skipControlsDrawing,d=l*t,f=this.viewportTransform,p=[d,0,0,d,(f[4]-(r||0))*t,(f[5]-(i||0))*t],m=this.enableRetinaScaling,v=xt({width:a,height:h}),w=o?this._objects.filter(C=>o(C)):this._objects;return this.enableRetinaScaling=!1,this.viewportTransform=p,this.width=a,this.height=h,this.skipControlsDrawing=!0,this.calcViewportBoundaries(),this.renderCanvas(v.getContext("2d"),w),this.viewportTransform=f,this.width=c,this.height=u,this.calcViewportBoundaries(),this.enableRetinaScaling=m,this.skipControlsDrawing=g,v}dispose(){return!this.disposed&&this.elements.cleanupDOM({width:this.width,height:this.height}),ds.cancelByCanvas(this),this.disposed=!0,new Promise((t,e)=>{const s=()=>{this.destroy(),t(!0)};s.kill=e,this.__cleanupTask&&this.__cleanupTask.kill("aborted"),this.destroyed?t(!1):this.nextRenderHandle?this.__cleanupTask=s:s()})}destroy(){this.destroyed=!0,this.cancelRequestedRender(),this.forEachObject(t=>t.dispose()),this._objects=[],this.backgroundImage&&this.backgroundImage.dispose(),this.backgroundImage=void 0,this.overlayImage&&this.overlayImage.dispose(),this.overlayImage=void 0,this.elements.dispose()}toString(){return`#<Canvas (${this.complexity()}): { objects: ${this._objects.length} }>`}}y(Le,"ownDefaults",ua);const ga=["touchstart","touchmove","touchend"],Qi=n=>{const t=zi(n.target),e=(function(s){const r=s.changedTouches;return r&&r[0]?r[0]:s})(n);return new S(e.clientX+t.left,e.clientY+t.top)},ys=n=>ga.includes(n.type)||n.pointerType==="touch",Zi=n=>{n.preventDefault(),n.stopPropagation()},Bt=n=>{let t=0,e=0,s=0,r=0;for(let i=0,o=n.length;i<o;i++){const{x:a,y:h}=n[i];(a>s||!i)&&(s=a),(a<t||!i)&&(t=a),(h>r||!i)&&(r=h),(h<e||!i)&&(e=h)}return{left:t,top:e,width:s-t,height:r-e}},tn=(n,t)=>Ie(n,et(t,n.calcOwnMatrix())),Ie=(n,t)=>{const{translateX:e,translateY:s,scaleX:r,scaleY:i,...o}=Ee(t),a=new S(e,s);n.flipX=!1,n.flipY=!1,Object.assign(n,o),n.set({scaleX:r,scaleY:i}),n.setPositionByOrigin(a,B,B)},en=n=>{n.scaleX=1,n.scaleY=1,n.skewX=0,n.skewY=0,n.flipX=!1,n.flipY=!1,n.rotate(0)},jr=n=>({scaleX:n.scaleX,scaleY:n.scaleY,skewX:n.skewX,skewY:n.skewY,angle:n.angle,left:n.left,flipX:n.flipX,flipY:n.flipY,top:n.top}),vs=(n,t,e)=>{const s=n/2,r=t/2,i=[new S(-s,-r),new S(s,-r),new S(-s,r),new S(s,r)].map(a=>a.transform(e)),o=Bt(i);return new S(o.width,o.height)},Je=function(){let n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:ht;return et(_t(arguments.length>1&&arguments[1]!==void 0?arguments[1]:ht),n)},ge=function(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ht,e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:ht;return n.transform(Je(t,e))},sn=function(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ht,e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:ht;return n.transform(Je(t,e),!0)},Rr=(n,t,e)=>{const s=Je(t,e);return Ie(n,et(s,n.calcOwnMatrix())),s},da={left:-.5,top:-.5,center:0,bottom:.5,right:.5},ct=n=>typeof n=="string"?da[n]:n-.5,fa=new S(1,0),rn=new S,Br=(n,t)=>n.rotate(t),Qe=(n,t)=>new S(t).subtract(n),xs=n=>n.distanceFrom(rn),_s=(n,t)=>Math.atan2(je(n,t),nn(n,t)),$r=n=>_s(fa,n),ws=n=>n.eq(rn)?n:n.scalarDivide(xs(n)),Xr=function(n){let t=!(arguments.length>1&&arguments[1]!==void 0)||arguments[1];return ws(new S(-n.y,n.x).scalarMultiply(t?1:-1))},je=(n,t)=>n.x*t.y-n.y*t.x,nn=(n,t)=>n.x*t.x+n.y*t.y,Wr=(n,t,e)=>{if(n.eq(t)||n.eq(e))return!0;const s=je(t,e),r=je(t,n),i=je(e,n);return s>=0?r>=0&&i<=0:!(r<=0&&i>=0)},Ss="not-allowed";function on(n){return ct(n.originX)===ct(B)&&ct(n.originY)===ct(B)}function an(n){return .5-ct(n)}const kt=(n,t)=>n[t],hn=(n,t,e,s)=>({e:n,transform:t,pointer:new S(e,s)});function ln(n,t,e){const s=e,r=ge(n.getCenterPoint(),n.canvas.viewportTransform,void 0),i=$r(Qe(r,s))+bt;return Math.round(i%bt/oa)}function Yr(n,t,e,s,r){var i;let{target:o,corner:a}=n;const h=o.controls[a],l=((i=o.canvas)===null||i===void 0?void 0:i.getZoom())||1,c=o.padding/l,u=(function(g,d,f,p){const m=g.getRelativeCenterPoint(),v=f!==void 0&&p!==void 0?g.translateToGivenOrigin(m,B,B,f,p):new S(g.left,g.top);return(g.angle?d.rotate(-Q(g.angle),m):d).subtract(v)})(o,new S(s,r),t,e);return u.x>=c&&(u.x-=c),u.x<=-c&&(u.x+=c),u.y>=c&&(u.y-=c),u.y<=c&&(u.y+=c),u.x-=h.offsetX,u.y-=h.offsetY,u}const Cs=n=>n.replace(/\s+/g," "),cn={aliceblue:"#F0F8FF",antiquewhite:"#FAEBD7",aqua:"#0FF",aquamarine:"#7FFFD4",azure:"#F0FFFF",beige:"#F5F5DC",bisque:"#FFE4C4",black:"#000",blanchedalmond:"#FFEBCD",blue:"#00F",blueviolet:"#8A2BE2",brown:"#A52A2A",burlywood:"#DEB887",cadetblue:"#5F9EA0",chartreuse:"#7FFF00",chocolate:"#D2691E",coral:"#FF7F50",cornflowerblue:"#6495ED",cornsilk:"#FFF8DC",crimson:"#DC143C",cyan:"#0FF",darkblue:"#00008B",darkcyan:"#008B8B",darkgoldenrod:"#B8860B",darkgray:"#A9A9A9",darkgrey:"#A9A9A9",darkgreen:"#006400",darkkhaki:"#BDB76B",darkmagenta:"#8B008B",darkolivegreen:"#556B2F",darkorange:"#FF8C00",darkorchid:"#9932CC",darkred:"#8B0000",darksalmon:"#E9967A",darkseagreen:"#8FBC8F",darkslateblue:"#483D8B",darkslategray:"#2F4F4F",darkslategrey:"#2F4F4F",darkturquoise:"#00CED1",darkviolet:"#9400D3",deeppink:"#FF1493",deepskyblue:"#00BFFF",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1E90FF",firebrick:"#B22222",floralwhite:"#FFFAF0",forestgreen:"#228B22",fuchsia:"#F0F",gainsboro:"#DCDCDC",ghostwhite:"#F8F8FF",gold:"#FFD700",goldenrod:"#DAA520",gray:"#808080",grey:"#808080",green:"#008000",greenyellow:"#ADFF2F",honeydew:"#F0FFF0",hotpink:"#FF69B4",indianred:"#CD5C5C",indigo:"#4B0082",ivory:"#FFFFF0",khaki:"#F0E68C",lavender:"#E6E6FA",lavenderblush:"#FFF0F5",lawngreen:"#7CFC00",lemonchiffon:"#FFFACD",lightblue:"#ADD8E6",lightcoral:"#F08080",lightcyan:"#E0FFFF",lightgoldenrodyellow:"#FAFAD2",lightgray:"#D3D3D3",lightgrey:"#D3D3D3",lightgreen:"#90EE90",lightpink:"#FFB6C1",lightsalmon:"#FFA07A",lightseagreen:"#20B2AA",lightskyblue:"#87CEFA",lightslategray:"#789",lightslategrey:"#789",lightsteelblue:"#B0C4DE",lightyellow:"#FFFFE0",lime:"#0F0",limegreen:"#32CD32",linen:"#FAF0E6",magenta:"#F0F",maroon:"#800000",mediumaquamarine:"#66CDAA",mediumblue:"#0000CD",mediumorchid:"#BA55D3",mediumpurple:"#9370DB",mediumseagreen:"#3CB371",mediumslateblue:"#7B68EE",mediumspringgreen:"#00FA9A",mediumturquoise:"#48D1CC",mediumvioletred:"#C71585",midnightblue:"#191970",mintcream:"#F5FFFA",mistyrose:"#FFE4E1",moccasin:"#FFE4B5",navajowhite:"#FFDEAD",navy:"#000080",oldlace:"#FDF5E6",olive:"#808000",olivedrab:"#6B8E23",orange:"#FFA500",orangered:"#FF4500",orchid:"#DA70D6",palegoldenrod:"#EEE8AA",palegreen:"#98FB98",paleturquoise:"#AFEEEE",palevioletred:"#DB7093",papayawhip:"#FFEFD5",peachpuff:"#FFDAB9",peru:"#CD853F",pink:"#FFC0CB",plum:"#DDA0DD",powderblue:"#B0E0E6",purple:"#800080",rebeccapurple:"#639",red:"#F00",rosybrown:"#BC8F8F",royalblue:"#4169E1",saddlebrown:"#8B4513",salmon:"#FA8072",sandybrown:"#F4A460",seagreen:"#2E8B57",seashell:"#FFF5EE",sienna:"#A0522D",silver:"#C0C0C0",skyblue:"#87CEEB",slateblue:"#6A5ACD",slategray:"#708090",slategrey:"#708090",snow:"#FFFAFA",springgreen:"#00FF7F",steelblue:"#4682B4",tan:"#D2B48C",teal:"#008080",thistle:"#D8BFD8",tomato:"#FF6347",turquoise:"#40E0D0",violet:"#EE82EE",wheat:"#F5DEB3",white:"#FFF",whitesmoke:"#F5F5F5",yellow:"#FF0",yellowgreen:"#9ACD32"},Nr=(n,t,e)=>(e<0&&(e+=1),e>1&&(e-=1),e<1/6?n+6*(t-n)*e:e<.5?t:e<2/3?n+(t-n)*(2/3-e)*6:n),un=(n,t,e,s)=>{n/=255,t/=255,e/=255;const r=Math.max(n,t,e),i=Math.min(n,t,e);let o,a;const h=(r+i)/2;if(r===i)o=a=0;else{const l=r-i;switch(a=h>.5?l/(2-r-i):l/(r+i),r){case n:o=(t-e)/l+(t<e?6:0);break;case t:o=(e-n)/l+2;break;case e:o=(n-t)/l+4}o/=6}return[Math.round(360*o),Math.round(100*a),Math.round(100*h),s]},gn=function(){let n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"1";return parseFloat(n)/(n.endsWith("%")?100:1)},bs=n=>Math.min(Math.round(n),255).toString(16).toUpperCase().padStart(2,"0"),dn=n=>{let[t,e,s,r=1]=n;const i=Math.round(.3*t+.59*e+.11*s);return[i,i,i,r]};class z{constructor(t){if(y(this,"isUnrecognised",!1),t)if(t instanceof z)this.setSource([...t._source]);else if(Array.isArray(t)){const[e,s,r,i=1]=t;this.setSource([e,s,r,i])}else this.setSource(this._tryParsingColor(t));else this.setSource([0,0,0,1])}_tryParsingColor(t){return(t=t.toLowerCase())in cn&&(t=cn[t]),t==="transparent"?[255,255,255,0]:z.sourceFromHex(t)||z.sourceFromRgb(t)||z.sourceFromHsl(t)||(this.isUnrecognised=!0)&&[0,0,0,1]}getSource(){return this._source}setSource(t){this._source=t}toRgb(){const[t,e,s]=this.getSource();return`rgb(${t},${e},${s})`}toRgba(){return`rgba(${this.getSource().join(",")})`}toHsl(){const[t,e,s]=un(...this.getSource());return`hsl(${t},${e}%,${s}%)`}toHsla(){const[t,e,s,r]=un(...this.getSource());return`hsla(${t},${e}%,${s}%,${r})`}toHex(){return this.toHexa().slice(0,6)}toHexa(){const[t,e,s,r]=this.getSource();return`${bs(t)}${bs(e)}${bs(s)}${bs(Math.round(255*r))}`}getAlpha(){return this.getSource()[3]}setAlpha(t){return this._source[3]=t,this}toGrayscale(){return this.setSource(dn(this.getSource())),this}toBlackWhite(t){const[e,,,s]=dn(this.getSource()),r=e<(t||127)?0:255;return this.setSource([r,r,r,s]),this}overlayWith(t){t instanceof z||(t=new z(t));const e=this.getSource(),s=t.getSource(),[r,i,o]=e.map((a,h)=>Math.round(.5*a+.5*s[h]));return this.setSource([r,i,o,e[3]]),this}static fromRgb(t){return z.fromRgba(t)}static fromRgba(t){return new z(z.sourceFromRgb(t))}static sourceFromRgb(t){const e=Cs(t).match(/^rgba?\(\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?(?:\s?[,/]\s?(\d{0,3}(?:\.\d+)?%?)\s?)?\)$/i);if(e){const[s,r,i]=e.slice(1,4).map(o=>{const a=parseFloat(o);return o.endsWith("%")?Math.round(2.55*a):a});return[s,r,i,gn(e[4])]}}static fromHsl(t){return z.fromHsla(t)}static fromHsla(t){return new z(z.sourceFromHsl(t))}static sourceFromHsl(t){const e=Cs(t).match(/^hsla?\(\s?([+-]?\d{0,3}(?:\.\d+)?(?:deg|turn|rad)?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?(?:\s?[,/]\s?(\d*(?:\.\d+)?%?)\s?)?\)$/i);if(!e)return;const s=(z.parseAngletoDegrees(e[1])%360+360)%360/360,r=parseFloat(e[2])/100,i=parseFloat(e[3])/100;let o,a,h;if(r===0)o=a=h=i;else{const l=i<=.5?i*(r+1):i+r-i*r,c=2*i-l;o=Nr(c,l,s+.3333333333333333),a=Nr(c,l,s),h=Nr(c,l,s-.3333333333333333)}return[Math.round(255*o),Math.round(255*a),Math.round(255*h),gn(e[4])]}static fromHex(t){return new z(z.sourceFromHex(t))}static sourceFromHex(t){if(t.match(/^#?(([0-9a-f]){3,4}|([0-9a-f]{2}){3,4})$/i)){const e=t.slice(t.indexOf("#")+1);let s;s=e.length<=4?e.split("").map(h=>h+h):e.match(/.{2}/g);const[r,i,o,a=255]=s.map(h=>parseInt(h,16));return[r,i,o,a/255]}}static parseAngletoDegrees(t){const e=t.toLowerCase(),s=parseFloat(e);return e.includes("rad")?Nt(s):e.includes("turn")?360*s:s}}const de=function(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Cr;const e=/\D{0,2}$/.exec(n),s=parseFloat(n),r=Y.DPI;switch(e==null?void 0:e[0]){case"mm":return s*r/25.4;case"cm":return s*r/2.54;case"in":return s*r;case"pt":return s*r/72;case"pc":return s*r/72*12;case"em":return s*t;default:return s}},fn=n=>{const[t,e]=n.trim().split(" "),[s,r]=(i=t)&&i!==mt?[i.slice(1,4),i.slice(5,8)]:i===mt?[i,i]:["Mid","Mid"];var i;return{meetOrSlice:e||"meet",alignX:s,alignY:r}},Ze=function(n,t){let e,s,r=!(arguments.length>2&&arguments[2]!==void 0)||arguments[2];if(t)if(t.toLive)e=`url(#SVGID_${t.id})`;else{const i=new z(t),o=i.getAlpha();e=i.toRgb(),o!==1&&(s=o.toString())}else e="none";return r?`${n}: ${e}; ${s?`${n}-opacity: ${s}; `:""}`:`${n}="${e}" ${s?`${n}-opacity="${s}" `:""}`};class pn{getSvgStyles(t){const e=this.fillRule?this.fillRule:"nonzero",s=this.strokeWidth?this.strokeWidth:"0",r=this.strokeDashArray?this.strokeDashArray.join(" "):mt,i=this.strokeDashOffset?this.strokeDashOffset:"0",o=this.strokeLineCap?this.strokeLineCap:"butt",a=this.strokeLineJoin?this.strokeLineJoin:"miter",h=this.strokeMiterLimit?this.strokeMiterLimit:"4",l=this.opacity!==void 0?this.opacity:"1",c=this.visible?"":" visibility: hidden;",u=t?"":this.getSvgFilter(),g=Ze(rt,this.fill);return[Ze(vt,this.stroke),"stroke-width: ",s,"; ","stroke-dasharray: ",r,"; ","stroke-linecap: ",o,"; ","stroke-dashoffset: ",i,"; ","stroke-linejoin: ",a,"; ","stroke-miterlimit: ",h,"; ",g,"fill-rule: ",e,"; ","opacity: ",l,";",u,c].join("")}getSvgFilter(){return this.shadow?`filter: url(#SVGID_${this.shadow.id});`:""}getSvgCommons(){return[this.id?`id="${this.id}" `:"",this.clipPath?`clip-path="url(#${this.clipPath.clipPathId})" `:""].join("")}getSvgTransform(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";const s=t?this.calcTransformMatrix():this.calcOwnMatrix();return`${`transform="${Fe(s)}`}${e}" `}_toSVG(t){return[""]}toSVG(t){return this._createBaseSVGMarkup(this._toSVG(t),{reviver:t})}toClipPathSVG(t){return"	"+this._createBaseClipPathSVGMarkup(this._toSVG(t),{reviver:t})}_createBaseClipPathSVGMarkup(t){let{reviver:e,additionalTransform:s=""}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const r=[this.getSvgTransform(!0,s),this.getSvgCommons()].join(""),i=t.indexOf("COMMON_PARTS");return t[i]=r,e?e(t.join("")):t.join("")}_createBaseSVGMarkup(t){let{noStyle:e,reviver:s,withShadow:r,additionalTransform:i}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const o=e?"":`style="${this.getSvgStyles()}" `,a=r?`style="${this.getSvgFilter()}" `:"",h=this.clipPath,l=this.strokeUniform?'vector-effect="non-scaling-stroke" ':"",c=h&&h.absolutePositioned,u=this.stroke,g=this.fill,d=this.shadow,f=[],p=t.indexOf("COMMON_PARTS");let m;h&&(h.clipPathId=`CLIPPATH_${se()}`,m=`<clipPath id="${h.clipPathId}" >
-${h.toClipPathSVG(s)}</clipPath>
-`),c&&f.push("<g ",a,this.getSvgCommons(),` >
-`),f.push("<g ",this.getSvgTransform(!1),c?"":a+this.getSvgCommons(),` >
-`);const v=[o,l,e?"":this.addPaintOrder()," ",i?`transform="${i}" `:""].join("");return t[p]=v,St(g)&&f.push(g.toSVG(this)),St(u)&&f.push(u.toSVG(this)),d&&f.push(d.toSVG(this)),h&&f.push(m),f.push(t.join("")),f.push(`</g>
-`),c&&f.push(`</g>
-`),s?s(f.join("")):f.join("")}addPaintOrder(){return this.paintFirst!==rt?` paint-order="${this.paintFirst}" `:""}}function Ts(n){return new RegExp("^("+n.join("|")+")\\b","i")}const fe="textDecorationThickness",mn=["fontSize","fontWeight","fontFamily","fontStyle"],yn=["underline","overline","linethrough"],vn=[...mn,"lineHeight","text","charSpacing","textAlign","styles","path","pathStartOffset","pathSide","pathAlign"],xn=[...vn,...yn,"textBackgroundColor","direction",fe],pa=[...mn,...yn,vt,"strokeWidth",rt,"deltaY","textBackgroundColor",fe],ma={_reNewline:Tr,_reSpacesAndTabs:/[ \t\r]/g,_reSpaceAndTab:/[ \t\r]/,_reWords:/\S+/g,fontSize:40,fontWeight:Mr,fontFamily:"Times New Roman",underline:!1,overline:!1,linethrough:!1,textAlign:G,fontStyle:Mr,lineHeight:1.16,textBackgroundColor:"",stroke:null,shadow:null,path:void 0,pathStartOffset:0,pathSide:G,pathAlign:"baseline",charSpacing:0,deltaY:0,direction:ae,CACHE_FONT_SIZE:400,MIN_TEXT_WIDTH:2,superscript:{size:.6,baseline:-.35},subscript:{size:.6,baseline:.11},_fontSizeFraction:.222,offsets:{underline:.1,linethrough:-.28167,overline:-.81333},_fontSizeMult:1.13,[fe]:66.667},$t="justify",Os="justify-left",ts="justify-right",es="justify-center",pe=String.raw`[-+]?(?:\d*\.\d+|\d+\.?)(?:[eE][-+]?\d+)?`,ya=new RegExp("(normal|italic)?\\s*(normal|small-caps)?\\s*(normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900)?\\s*("+pe+"(?:px|cm|mm|em|pt|pc|in)*)(?:\\/(normal|"+pe+"))?\\s+(.*)"),va={cx:G,x:G,r:"radius",cy:pt,y:pt,display:"visible",visibility:"visible",transform:"transformMatrix","fill-opacity":"fillOpacity","fill-rule":"fillRule","font-family":"fontFamily","font-size":"fontSize","font-style":"fontStyle","font-weight":"fontWeight","letter-spacing":"charSpacing","paint-order":"paintFirst","stroke-dasharray":"strokeDashArray","stroke-dashoffset":"strokeDashOffset","stroke-linecap":"strokeLineCap","stroke-linejoin":"strokeLineJoin","stroke-miterlimit":"strokeMiterLimit","stroke-opacity":"strokeOpacity","stroke-width":"strokeWidth","text-decoration":"textDecoration","text-anchor":"textAnchor",opacity:"opacity","clip-path":"clipPath","clip-rule":"clipRule","vector-effect":"strokeUniform","image-rendering":"imageSmoothing","text-decoration-thickness":fe},Hr="font-size",Gr="clip-path";Ts(["path","circle","polygon","polyline","ellipse","rect","line","image","text"]),Ts(["symbol","image","marker","pattern","view","svg"]);const _n=Ts(["symbol","g","a","svg","clipPath","defs"]),wn="(-?\\d+(?:\\.\\d*)?(?:px)?(?:\\s?|$))?",Sn=new RegExp("(?:\\s|^)"+wn+wn+"("+pe+"?(?:px)?)?(?:\\s?|$)(?:$|\\s)");class Ht{constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};const e=typeof t=="string"?Ht.parseShadow(t):t;Object.assign(this,Ht.ownDefaults,e),this.id=se()}static parseShadow(t){const e=t.trim(),[,s=0,r=0,i=0]=(Sn.exec(e)||[]).map(o=>parseFloat(o)||0);return{color:(e.replace(Sn,"")||"rgb(0,0,0)").trim(),offsetX:s,offsetY:r,blur:i}}toString(){return[this.offsetX,this.offsetY,this.blur,this.color].join("px ")}toSVG(t){const e=Br(new S(this.offsetX,this.offsetY),Q(-t.angle)),s=new z(this.color);let r=40,i=40;return t.width&&t.height&&(r=100*V((Math.abs(e.x)+this.blur)/t.width,Y.NUM_FRACTION_DIGITS)+20,i=100*V((Math.abs(e.y)+this.blur)/t.height,Y.NUM_FRACTION_DIGITS)+20),t.flipX&&(e.x*=-1),t.flipY&&(e.y*=-1),`<filter id="SVGID_${this.id}" y="-${i}%" height="${100+2*i}%" x="-${r}%" width="${100+2*r}%" >
-	<feGaussianBlur in="SourceAlpha" stdDeviation="${V(this.blur?this.blur/2:0,Y.NUM_FRACTION_DIGITS)}"></feGaussianBlur>
-	<feOffset dx="${V(e.x,Y.NUM_FRACTION_DIGITS)}" dy="${V(e.y,Y.NUM_FRACTION_DIGITS)}" result="oBlur" ></feOffset>
-	<feFlood flood-color="${s.toRgb()}" flood-opacity="${s.getAlpha()}"/>
-	<feComposite in2="oBlur" operator="in" />
-	<feMerge>
-		<feMergeNode></feMergeNode>
-		<feMergeNode in="SourceGraphic"></feMergeNode>
-	</feMerge>
-</filter>
-`}toObject(){const t={color:this.color,blur:this.blur,offsetX:this.offsetX,offsetY:this.offsetY,affectStroke:this.affectStroke,nonScaling:this.nonScaling,type:this.constructor.type},e=Ht.ownDefaults;return this.includeDefaultValues?t:Lr(t,(s,r)=>s!==e[r])}static async fromObject(t){return new this(t)}}y(Ht,"ownDefaults",{color:"rgb(0,0,0)",blur:0,offsetX:0,offsetY:0,affectStroke:!1,includeDefaultValues:!0,nonScaling:!1}),y(Ht,"type","shadow"),P.setClass(Ht,"shadow");const me=(n,t,e)=>Math.max(n,Math.min(t,e)),xa=[pt,G,lt,yt,"flipX","flipY","originX","originY","angle","opacity","globalCompositeOperation","shadow","visible",Me,ke],Gt=[rt,vt,"strokeWidth","strokeDashArray","width","height","paintFirst","strokeUniform","strokeLineCap","strokeDashOffset","strokeLineJoin","strokeMiterLimit","backgroundColor","clipPath"],_a={top:0,left:0,width:0,height:0,angle:0,flipX:!1,flipY:!1,scaleX:1,scaleY:1,minScaleLimit:0,skewX:0,skewY:0,originX:B,originY:B,strokeWidth:1,strokeUniform:!1,padding:0,opacity:1,paintFirst:rt,fill:"rgb(0,0,0)",fillRule:"nonzero",stroke:null,strokeDashArray:null,strokeDashOffset:0,strokeLineCap:"butt",strokeLineJoin:"miter",strokeMiterLimit:4,globalCompositeOperation:"source-over",backgroundColor:"",shadow:null,visible:!0,includeDefaultValues:!0,excludeFromExport:!1,objectCaching:!0,clipPath:void 0,inverted:!1,absolutePositioned:!1,centeredRotation:!0,centeredScaling:!1,dirty:!0},Vr=(n,t,e,s)=>(n<Math.abs(t)?(n=t,s=e/4):s=t===0&&n===0?e/bt*Math.asin(1):e/bt*Math.asin(t/n),{a:n,c:t,p:e,s}),Cn=(n,t,e,s,r)=>n*Math.pow(2,10*(s-=1))*Math.sin((s*r-t)*bt/e),bn=(n,t,e,s)=>-e*Math.cos(n/s*te)+e+t,zr=(n,t,e,s)=>(n/=s)<1/2.75?e*(7.5625*n*n)+t:n<2/2.75?e*(7.5625*(n-=1.5/2.75)*n+.75)+t:n<2.5/2.75?e*(7.5625*(n-=2.25/2.75)*n+.9375)+t:e*(7.5625*(n-=2.625/2.75)*n+.984375)+t,Tn=(n,t,e,s)=>e-zr(s-n,0,e,s)+t;var wa=Object.freeze({__proto__:null,defaultEasing:bn,easeInBack:function(n,t,e,s){let r=arguments.length>4&&arguments[4]!==void 0?arguments[4]:1.70158;return e*(n/=s)*n*((r+1)*n-r)+t},easeInBounce:Tn,easeInCirc:(n,t,e,s)=>-e*(Math.sqrt(1-(n/=s)*n)-1)+t,easeInCubic:(n,t,e,s)=>e*(n/s)**3+t,easeInElastic:(n,t,e,s)=>{const r=e;let i=0;if(n===0)return t;if((n/=s)===1)return t+e;i||(i=.3*s);const{a:o,s:a,p:h}=Vr(r,e,i,1.70158);return-Cn(o,a,h,n,s)+t},easeInExpo:(n,t,e,s)=>n===0?t:e*2**(10*(n/s-1))+t,easeInOutBack:function(n,t,e,s){let r=arguments.length>4&&arguments[4]!==void 0?arguments[4]:1.70158;return(n/=s/2)<1?e/2*(n*n*((1+(r*=1.525))*n-r))+t:e/2*((n-=2)*n*((1+(r*=1.525))*n+r)+2)+t},easeInOutBounce:(n,t,e,s)=>n<s/2?.5*Tn(2*n,0,e,s)+t:.5*zr(2*n-s,0,e,s)+.5*e+t,easeInOutCirc:(n,t,e,s)=>(n/=s/2)<1?-e/2*(Math.sqrt(1-n**2)-1)+t:e/2*(Math.sqrt(1-(n-=2)*n)+1)+t,easeInOutCubic:(n,t,e,s)=>(n/=s/2)<1?e/2*n**3+t:e/2*((n-2)**3+2)+t,easeInOutElastic:(n,t,e,s)=>{const r=e;let i=0;if(n===0)return t;if((n/=s/2)===2)return t+e;i||(i=s*(.3*1.5));const{a:o,s:a,p:h,c:l}=Vr(r,e,i,1.70158);return n<1?-.5*Cn(o,a,h,n,s)+t:o*Math.pow(2,-10*(n-=1))*Math.sin((n*s-a)*bt/h)*.5+l+t},easeInOutExpo:(n,t,e,s)=>n===0?t:n===s?t+e:(n/=s/2)<1?e/2*2**(10*(n-1))+t:e/2*-(2**(-10*--n)+2)+t,easeInOutQuad:(n,t,e,s)=>(n/=s/2)<1?e/2*n**2+t:-e/2*(--n*(n-2)-1)+t,easeInOutQuart:(n,t,e,s)=>(n/=s/2)<1?e/2*n**4+t:-e/2*((n-=2)*n**3-2)+t,easeInOutQuint:(n,t,e,s)=>(n/=s/2)<1?e/2*n**5+t:e/2*((n-2)**5+2)+t,easeInOutSine:(n,t,e,s)=>-e/2*(Math.cos(Math.PI*n/s)-1)+t,easeInQuad:(n,t,e,s)=>e*(n/=s)*n+t,easeInQuart:(n,t,e,s)=>e*(n/=s)*n**3+t,easeInQuint:(n,t,e,s)=>e*(n/s)**5+t,easeInSine:(n,t,e,s)=>-e*Math.cos(n/s*te)+e+t,easeOutBack:function(n,t,e,s){let r=arguments.length>4&&arguments[4]!==void 0?arguments[4]:1.70158;return e*((n=n/s-1)*n*((r+1)*n+r)+1)+t},easeOutBounce:zr,easeOutCirc:(n,t,e,s)=>e*Math.sqrt(1-(n=n/s-1)*n)+t,easeOutCubic:(n,t,e,s)=>e*((n/s-1)**3+1)+t,easeOutElastic:(n,t,e,s)=>{const r=e;let i=0;if(n===0)return t;if((n/=s)===1)return t+e;i||(i=.3*s);const{a:o,s:a,p:h,c:l}=Vr(r,e,i,1.70158);return o*2**(-10*n)*Math.sin((n*s-a)*bt/h)+l+t},easeOutExpo:(n,t,e,s)=>n===s?t+e:e*-(2**(-10*n/s)+1)+t,easeOutQuad:(n,t,e,s)=>-e*(n/=s)*(n-2)+t,easeOutQuart:(n,t,e,s)=>-e*((n=n/s-1)*n**3-1)+t,easeOutQuint:(n,t,e,s)=>e*((n/s-1)**5+1)+t,easeOutSine:(n,t,e,s)=>e*Math.sin(n/s*te)+t});const Sa=()=>!1;class Ur{constructor(t){let{startValue:e,byValue:s,duration:r=500,delay:i=0,easing:o=bn,onStart:a=hs,onChange:h=hs,onComplete:l=hs,abort:c=Sa,target:u}=t;y(this,"_state","pending"),y(this,"durationProgress",0),y(this,"valueProgress",0),this.tick=this.tick.bind(this),this.duration=r,this.delay=i,this.easing=o,this._onStart=a,this._onChange=h,this._onComplete=l,this._abort=c,this.target=u,this.startValue=e,this.byValue=s,this.value=this.startValue,this.endValue=Object.freeze(this.calculate(this.duration).value)}get state(){return this._state}isDone(){return this._state==="aborted"||this._state==="completed"}start(){const t=e=>{this._state==="pending"&&(this.startTime=e||+new Date,this._state="running",this._onStart(),this.tick(this.startTime))};this.register(),this.delay>0?setTimeout(()=>ze(t),this.delay):ze(t)}tick(t){const e=(t||+new Date)-this.startTime,s=Math.min(e,this.duration);this.durationProgress=s/this.duration;const{value:r,valueProgress:i}=this.calculate(s);this.value=Object.freeze(r),this.valueProgress=i,this._state!=="aborted"&&(this._abort(this.value,this.valueProgress,this.durationProgress)?(this._state="aborted",this.unregister()):e>=this.duration?(this.durationProgress=this.valueProgress=1,this._onChange(this.endValue,this.valueProgress,this.durationProgress),this._state="completed",this._onComplete(this.endValue,this.valueProgress,this.durationProgress),this.unregister()):(this._onChange(this.value,this.valueProgress,this.durationProgress),ze(this.tick)))}register(){ds.push(this)}unregister(){ds.remove(this)}abort(){this._state="aborted",this.unregister()}}class Ca extends Ur{constructor(t){let{startValue:e=0,endValue:s=100,...r}=t;super({...r,startValue:e,byValue:s-e})}calculate(t){const e=this.easing(t,this.startValue,this.byValue,this.duration);return{value:e,valueProgress:Math.abs((e-this.startValue)/this.byValue)}}}class ba extends Ur{constructor(t){let{startValue:e=[0],endValue:s=[100],...r}=t;super({...r,startValue:e,byValue:s.map((i,o)=>i-e[o])})}calculate(t){const e=this.startValue.map((s,r)=>this.easing(t,s,this.byValue[r],this.duration,r));return{value:e,valueProgress:Math.abs((e[0]-this.startValue[0])/this.byValue[0])}}}const Ta=(n,t,e,s)=>t+e*(1-Math.cos(n/s*te)),qr=n=>n&&((t,e,s)=>n(new z(t).toRgba(),e,s));class Oa extends Ur{constructor(t){let{startValue:e,endValue:s,easing:r=Ta,onChange:i,onComplete:o,abort:a,...h}=t;const l=new z(e).getSource(),c=new z(s).getSource();super({...h,startValue:l,byValue:c.map((u,g)=>u-l[g]),easing:r,onChange:qr(i),onComplete:qr(o),abort:qr(a)})}calculate(t){const[e,s,r,i]=this.startValue.map((a,h)=>this.easing(t,a,this.byValue[h],this.duration,h)),o=[...[e,s,r].map(Math.round),me(0,i,1)];return{value:o,valueProgress:o.map((a,h)=>this.byValue[h]!==0?Math.abs((a-this.startValue[h])/this.byValue[h]):0).find(a=>a!==0)||0}}}function Kr(n){const t=(e=>Array.isArray(e.startValue)||Array.isArray(e.endValue))(n)?new ba(n):new Ca(n);return t.start(),t}function On(n){const t=new Oa(n);return t.start(),t}class q{constructor(t){this.status=t,this.points=[]}includes(t){return this.points.some(e=>e.eq(t))}append(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];return this.points=this.points.concat(e.filter(r=>!this.includes(r))),this}static isPointContained(t,e,s){let r=arguments.length>3&&arguments[3]!==void 0&&arguments[3];if(e.eq(s))return t.eq(e);if(e.x===s.x)return t.x===e.x&&(r||t.y>=Math.min(e.y,s.y)&&t.y<=Math.max(e.y,s.y));if(e.y===s.y)return t.y===e.y&&(r||t.x>=Math.min(e.x,s.x)&&t.x<=Math.max(e.x,s.x));{const i=Qe(e,s),o=Qe(e,t).divide(i);return r?Math.abs(o.x)===Math.abs(o.y):o.x===o.y&&o.x>=0&&o.x<=1}}static isPointInPolygon(t,e){const s=new S(t).setX(Math.min(t.x-1,...e.map(i=>i.x)));let r=0;for(let i=0;i<e.length;i++){const o=this.intersectSegmentSegment(e[i],e[(i+1)%e.length],t,s);if(o.includes(t))return!0;r+=+(o.status==="Intersection")}return r%2==1}static intersectLineLine(t,e,s,r){let i=!(arguments.length>4&&arguments[4]!==void 0)||arguments[4],o=!(arguments.length>5&&arguments[5]!==void 0)||arguments[5];const a=e.x-t.x,h=e.y-t.y,l=r.x-s.x,c=r.y-s.y,u=t.x-s.x,g=t.y-s.y,d=l*g-c*u,f=a*g-h*u,p=c*a-l*h;if(p!==0){const m=d/p,v=f/p;return(i||0<=m&&m<=1)&&(o||0<=v&&v<=1)?new q("Intersection").append(new S(t.x+m*a,t.y+m*h)):new q}if(d===0||f===0){const m=i||o||q.isPointContained(t,s,r)||q.isPointContained(e,s,r)||q.isPointContained(s,t,e)||q.isPointContained(r,t,e);return new q(m?"Coincident":void 0)}return new q("Parallel")}static intersectSegmentLine(t,e,s,r){return q.intersectLineLine(t,e,s,r,!1,!0)}static intersectSegmentSegment(t,e,s,r){return q.intersectLineLine(t,e,s,r,!1,!1)}static intersectLinePolygon(t,e,s){let r=!(arguments.length>3&&arguments[3]!==void 0)||arguments[3];const i=new q,o=s.length;for(let a,h,l,c=0;c<o;c++){if(a=s[c],h=s[(c+1)%o],l=q.intersectLineLine(t,e,a,h,r,!1),l.status==="Coincident")return l;i.append(...l.points)}return i.points.length>0&&(i.status="Intersection"),i}static intersectSegmentPolygon(t,e,s){return q.intersectLinePolygon(t,e,s,!1)}static intersectPolygonPolygon(t,e){const s=new q,r=t.length,i=[];for(let o=0;o<r;o++){const a=t[o],h=t[(o+1)%r],l=q.intersectSegmentPolygon(a,h,e);l.status==="Coincident"?(i.push(l),s.append(a,h)):s.append(...l.points)}return i.length>0&&i.length===t.length?new q("Coincident"):(s.points.length>0&&(s.status="Intersection"),s)}static intersectPolygonRectangle(t,e,s){const r=e.min(s),i=e.max(s),o=new S(i.x,r.y),a=new S(r.x,i.y);return q.intersectPolygonPolygon(t,[r,o,i,a])}}class Ma extends Bi{getX(){return this.getXY().x}setX(t){this.setXY(this.getXY().setX(t))}getY(){return this.getXY().y}setY(t){this.setXY(this.getXY().setY(t))}getRelativeX(){return this.left}setRelativeX(t){this.left=t}getRelativeY(){return this.top}setRelativeY(t){this.top=t}getXY(){const t=this.getRelativeXY();return this.group?nt(t,this.group.calcTransformMatrix()):t}setXY(t,e,s){this.group&&(t=nt(t,_t(this.group.calcTransformMatrix()))),this.setRelativeXY(t,e,s)}getRelativeXY(){return new S(this.left,this.top)}setRelativeXY(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this.originX,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:this.originY;this.setPositionByOrigin(t,e,s)}isStrokeAccountedForInDimensions(){return!1}getCoords(){const{tl:t,tr:e,br:s,bl:r}=this.aCoords||(this.aCoords=this.calcACoords()),i=[t,e,s,r];if(this.group){const o=this.group.calcTransformMatrix();return i.map(a=>nt(a,o))}return i}intersectsWithRect(t,e){return q.intersectPolygonRectangle(this.getCoords(),t,e).status==="Intersection"}intersectsWithObject(t){const e=q.intersectPolygonPolygon(this.getCoords(),t.getCoords());return e.status==="Intersection"||e.status==="Coincident"||t.isContainedWithinObject(this)||this.isContainedWithinObject(t)}isContainedWithinObject(t){return this.getCoords().every(e=>t.containsPoint(e))}isContainedWithinRect(t,e){const{left:s,top:r,width:i,height:o}=this.getBoundingRect();return s>=t.x&&s+i<=e.x&&r>=t.y&&r+o<=e.y}isOverlapping(t){return this.intersectsWithObject(t)||this.isContainedWithinObject(t)||t.isContainedWithinObject(this)}containsPoint(t){return q.isPointInPolygon(t,this.getCoords())}isOnScreen(){if(!this.canvas)return!1;const{tl:t,br:e}=this.canvas.vptCoords;return!!this.getCoords().some(s=>s.x<=e.x&&s.x>=t.x&&s.y<=e.y&&s.y>=t.y)||!!this.intersectsWithRect(t,e)||this.containsPoint(t.midPointFrom(e))}isPartiallyOnScreen(){if(!this.canvas)return!1;const{tl:t,br:e}=this.canvas.vptCoords;return this.intersectsWithRect(t,e)?!0:this.getCoords().every(s=>(s.x>=e.x||s.x<=t.x)&&(s.y>=e.y||s.y<=t.y))&&this.containsPoint(t.midPointFrom(e))}getBoundingRect(){return Bt(this.getCoords())}getScaledWidth(){return this._getTransformedDimensions().x}getScaledHeight(){return this._getTransformedDimensions().y}scale(t){this._set(lt,t),this._set(yt,t),this.setCoords()}scaleToWidth(t){const e=this.getBoundingRect().width/this.getScaledWidth();return this.scale(t/this.width/e)}scaleToHeight(t){const e=this.getBoundingRect().height/this.getScaledHeight();return this.scale(t/this.height/e)}getCanvasRetinaScaling(){var t;return((t=this.canvas)===null||t===void 0?void 0:t.getRetinaScaling())||1}getTotalAngle(){return this.group?Nt(Yi(this.calcTransformMatrix())):this.angle}getViewportTransform(){var t;return((t=this.canvas)===null||t===void 0?void 0:t.viewportTransform)||ht.concat()}calcACoords(){const t=le({angle:this.angle}),{x:e,y:s}=this.getRelativeCenterPoint(),r=Pe(e,s),i=et(r,t),o=this._getTransformedDimensions(),a=o.x/2,h=o.y/2;return{tl:nt({x:-a,y:-h},i),tr:nt({x:a,y:-h},i),bl:nt({x:-a,y:h},i),br:nt({x:a,y:h},i)}}setCoords(){this.aCoords=this.calcACoords()}transformMatrixKey(){let t=arguments.length>0&&arguments[0]!==void 0&&arguments[0],e=[];return!t&&this.group&&(e=this.group.transformMatrixKey(t)),e.push(this.top,this.left,this.width,this.height,this.scaleX,this.scaleY,this.angle,this.strokeWidth,this.skewX,this.skewY,+this.flipX,+this.flipY,ct(this.originX),ct(this.originY)),e}calcTransformMatrix(){let t=arguments.length>0&&arguments[0]!==void 0&&arguments[0],e=this.calcOwnMatrix();if(t||!this.group)return e;const s=this.transformMatrixKey(t),r=this.matrixCache;return r&&r.key.every((i,o)=>i===s[o])?r.value:(this.group&&(e=et(this.group.calcTransformMatrix(!1),e)),this.matrixCache={key:s,value:e},e)}calcOwnMatrix(){const t=this.transformMatrixKey(!0),e=this.ownMatrixCache;if(e&&e.key.every((o,a)=>o===t[a]))return e.value;const s=this.getRelativeCenterPoint(),r={angle:this.angle,translateX:s.x,translateY:s.y,scaleX:this.scaleX,scaleY:this.scaleY,skewX:this.skewX,skewY:this.skewY,flipX:this.flipX,flipY:this.flipY},i=Hi(r);return this.ownMatrixCache={key:t,value:i},i}_getNonTransformedDimensions(){return new S(this.width,this.height).scalarAdd(this.strokeWidth)}_calculateCurrentDimensions(t){return this._getTransformedDimensions(t).transform(this.getViewportTransform(),!0).scalarAdd(2*this.padding)}_getTransformedDimensions(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};const e={scaleX:this.scaleX,scaleY:this.scaleY,skewX:this.skewX,skewY:this.skewY,width:this.width,height:this.height,strokeWidth:this.strokeWidth,...t},s=e.strokeWidth;let r=s,i=0;this.strokeUniform&&(r=0,i=s);const o=e.width+r,a=e.height+r;let h;return h=e.skewX===0&&e.skewY===0?new S(o*e.scaleX,a*e.scaleY):vs(o,a,Ue(e)),h.scalarAdd(i)}translateToGivenOrigin(t,e,s,r,i){let o=t.x,a=t.y;const h=ct(r)-ct(e),l=ct(i)-ct(s);if(h||l){const c=this._getTransformedDimensions();o+=h*c.x,a+=l*c.y}return new S(o,a)}translateToCenterPoint(t,e,s){if(e===B&&s===B)return t;const r=this.translateToGivenOrigin(t,e,s,B,B);return this.angle?r.rotate(Q(this.angle),t):r}translateToOriginPoint(t,e,s){const r=this.translateToGivenOrigin(t,B,B,e,s);return this.angle?r.rotate(Q(this.angle),t):r}getCenterPoint(){const t=this.getRelativeCenterPoint();return this.group?nt(t,this.group.calcTransformMatrix()):t}getRelativeCenterPoint(){return this.translateToCenterPoint(new S(this.left,this.top),this.originX,this.originY)}getPointByOrigin(t,e){return this.getPositionByOrigin(t,e)}getPositionByOrigin(t,e){return this.translateToOriginPoint(this.getRelativeCenterPoint(),t,e)}setPositionByOrigin(t,e,s){const r=this.translateToCenterPoint(t,e,s),i=this.translateToOriginPoint(r,this.originX,this.originY);this.set({left:i.x,top:i.y})}_getLeftTopCoords(){return this.getPositionByOrigin(G,pt)}positionByLeftTop(t){return this.setPositionByOrigin(t,G,pt)}}let Vt=class _r extends Ma{static getDefaults(){return _r.ownDefaults}get type(){const t=this.constructor.type;return t==="FabricObject"?"object":t.toLowerCase()}set type(t){Zt("warn","Setting type has no effect",t)}constructor(t){super(),y(this,"_cacheContext",null),Object.assign(this,_r.ownDefaults),this.setOptions(t)}_createCacheCanvas(){this._cacheCanvas=Rt(),this._cacheContext=this._cacheCanvas.getContext("2d"),this._updateCacheCanvas(),this.dirty=!0}_limitCacheSize(t){const e=t.width,s=t.height,r=Y.maxCacheSideLimit,i=Y.minCacheSideLimit;if(e<=r&&s<=r&&e*s<=Y.perfLimitSizeTotal)return e<i&&(t.width=i),s<i&&(t.height=i),t;const o=e/s,[a,h]=Ge.limitDimsByArea(o),l=me(i,a,r),c=me(i,h,r);return e>l&&(t.zoomX/=e/l,t.width=l,t.capped=!0),s>c&&(t.zoomY/=s/c,t.height=c,t.capped=!0),t}_getCacheCanvasDimensions(){const t=this.getTotalObjectScaling(),e=this._getTransformedDimensions({skewX:0,skewY:0}),s=e.x*t.x/this.scaleX,r=e.y*t.y/this.scaleY;return{width:Math.ceil(s+2),height:Math.ceil(r+2),zoomX:t.x,zoomY:t.y,x:s,y:r}}_updateCacheCanvas(){const t=this._cacheCanvas,e=this._cacheContext,{width:s,height:r,zoomX:i,zoomY:o,x:a,y:h}=this._limitCacheSize(this._getCacheCanvasDimensions()),l=s!==t.width||r!==t.height,c=this.zoomX!==i||this.zoomY!==o;if(!t||!e)return!1;if(l||c){s!==t.width||r!==t.height?(t.width=s,t.height=r):(e.setTransform(1,0,0,1,0,0),e.clearRect(0,0,t.width,t.height));const u=a/2,g=h/2;return this.cacheTranslationX=Math.round(t.width/2-u)+u,this.cacheTranslationY=Math.round(t.height/2-g)+g,e.translate(this.cacheTranslationX,this.cacheTranslationY),e.scale(i,o),this.zoomX=i,this.zoomY=o,!0}return!1}setOptions(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this._setOptions(t)}transform(t){const e=this.group&&!this.group._transformDone||this.group&&this.canvas&&t===this.canvas.contextTop,s=this.calcTransformMatrix(!e);t.transform(s[0],s[1],s[2],s[3],s[4],s[5])}getObjectScaling(){if(!this.group)return new S(Math.abs(this.scaleX),Math.abs(this.scaleY));const t=Ee(this.calcTransformMatrix());return new S(Math.abs(t.scaleX),Math.abs(t.scaleY))}getTotalObjectScaling(){const t=this.getObjectScaling();if(this.canvas){const e=this.canvas.getZoom(),s=this.getCanvasRetinaScaling();return t.scalarMultiply(e*s)}return t}getObjectOpacity(){let t=this.opacity;return this.group&&(t*=this.group.getObjectOpacity()),t}_constrainScale(t){return Math.abs(t)<this.minScaleLimit?t<0?-this.minScaleLimit:this.minScaleLimit:t===0?1e-4:t}_set(t,e){t!==lt&&t!==yt||(e=this._constrainScale(e)),t===lt&&e<0?(this.flipX=!this.flipX,e*=-1):t==="scaleY"&&e<0?(this.flipY=!this.flipY,e*=-1):t!=="shadow"||!e||e instanceof Ht||(e=new Ht(e));const s=this[t]!==e;return this[t]=e,s&&this.constructor.cacheProperties.includes(t)&&(this.dirty=!0),this.parent&&(this.dirty||s&&this.constructor.stateProperties.includes(t))&&this.parent._set("dirty",!0),this}isNotVisible(){return this.opacity===0||!this.width&&!this.height&&this.strokeWidth===0||!this.visible}render(t){this.isNotVisible()||this.canvas&&this.canvas.skipOffscreen&&!this.group&&!this.isOnScreen()||(t.save(),this._setupCompositeOperation(t),this.drawSelectionBackground(t),this.transform(t),this._setOpacity(t),this._setShadow(t),this.shouldCache()?(this.renderCache(),this.drawCacheOnCanvas(t)):(this._removeCacheCanvas(),this.drawObject(t,!1,{}),this.dirty=!1),t.restore())}drawSelectionBackground(t){}renderCache(t){if(t=t||{},this._cacheCanvas&&this._cacheContext||this._createCacheCanvas(),this.isCacheDirty()&&this._cacheContext){const{zoomX:e,zoomY:s,cacheTranslationX:r,cacheTranslationY:i}=this,{width:o,height:a}=this._cacheCanvas;this.drawObject(this._cacheContext,t.forClipping,{zoomX:e,zoomY:s,cacheTranslationX:r,cacheTranslationY:i,width:o,height:a,parentClipPaths:[]}),this.dirty=!1}}_removeCacheCanvas(){this._cacheCanvas=void 0,this._cacheContext=null}hasStroke(){return!!this.stroke&&this.stroke!=="transparent"&&this.strokeWidth!==0}hasFill(){return!!this.fill&&this.fill!=="transparent"}needsItsOwnCache(){return!!(this.paintFirst===vt&&this.hasFill()&&this.hasStroke()&&this.shadow)||!!this.clipPath}shouldCache(){return this.ownCaching=this.objectCaching&&(!this.parent||!this.parent.isOnACache())||this.needsItsOwnCache(),this.ownCaching}willDrawShadow(){return!!this.shadow&&(this.shadow.offsetX!==0||this.shadow.offsetY!==0)}drawClipPathOnCache(t,e,s){t.save(),e.inverted?t.globalCompositeOperation="destination-out":t.globalCompositeOperation="destination-in",t.setTransform(1,0,0,1,0,0),t.drawImage(s,0,0),t.restore()}drawObject(t,e,s){const r=this.fill,i=this.stroke;e?(this.fill="black",this.stroke="",this._setClippingProperties(t)):this._renderBackground(t),this._render(t),this._drawClipPath(t,this.clipPath,s),this.fill=r,this.stroke=i}createClipPathLayer(t,e){const s=xt(e),r=s.getContext("2d");if(r.translate(e.cacheTranslationX,e.cacheTranslationY),r.scale(e.zoomX,e.zoomY),t._cacheCanvas=s,e.parentClipPaths.forEach(i=>{i.transform(r)}),e.parentClipPaths.push(t),t.absolutePositioned){const i=_t(this.calcTransformMatrix());r.transform(i[0],i[1],i[2],i[3],i[4],i[5])}return t.transform(r),t.drawObject(r,!0,e),s}_drawClipPath(t,e,s){if(!e)return;e._transformDone=!0;const r=this.createClipPathLayer(e,s);this.drawClipPathOnCache(t,e,r)}drawCacheOnCanvas(t){t.scale(1/this.zoomX,1/this.zoomY),t.drawImage(this._cacheCanvas,-this.cacheTranslationX,-this.cacheTranslationY)}isCacheDirty(){let t=arguments.length>0&&arguments[0]!==void 0&&arguments[0];if(this.isNotVisible())return!1;const e=this._cacheCanvas,s=this._cacheContext;return!(!e||!s||t||!this._updateCacheCanvas())||!!(this.dirty||this.clipPath&&this.clipPath.absolutePositioned)&&(e&&s&&!t&&(s.save(),s.setTransform(1,0,0,1,0,0),s.clearRect(0,0,e.width,e.height),s.restore()),!0)}_renderBackground(t){if(!this.backgroundColor)return;const e=this._getNonTransformedDimensions();t.fillStyle=this.backgroundColor,t.fillRect(-e.x/2,-e.y/2,e.x,e.y),this._removeShadow(t)}_setOpacity(t){this.group&&!this.group._transformDone?t.globalAlpha=this.getObjectOpacity():t.globalAlpha*=this.opacity}_setStrokeStyles(t,e){const s=e.stroke;s&&(t.lineWidth=e.strokeWidth,t.lineCap=e.strokeLineCap,t.lineDashOffset=e.strokeDashOffset,t.lineJoin=e.strokeLineJoin,t.miterLimit=e.strokeMiterLimit,St(s)?s.gradientUnits==="percentage"||s.gradientTransform||s.patternTransform?this._applyPatternForTransformedGradient(t,s):(t.strokeStyle=s.toLive(t),this._applyPatternGradientTransform(t,s)):t.strokeStyle=e.stroke)}_setFillStyles(t,e){let{fill:s}=e;s&&(St(s)?(t.fillStyle=s.toLive(t),this._applyPatternGradientTransform(t,s)):t.fillStyle=s)}_setClippingProperties(t){t.globalAlpha=1,t.strokeStyle="transparent",t.fillStyle="#000000"}_setLineDash(t,e){e&&e.length!==0&&t.setLineDash(e)}_setShadow(t){if(!this.shadow)return;const e=this.shadow,s=this.canvas,r=this.getCanvasRetinaScaling(),[i,,,o]=(s==null?void 0:s.viewportTransform)||ht,a=i*r,h=o*r,l=e.nonScaling?new S(1,1):this.getObjectScaling();t.shadowColor=e.color,t.shadowBlur=e.blur*Y.browserShadowBlurConstant*(a+h)*(l.x+l.y)/4,t.shadowOffsetX=e.offsetX*a*l.x,t.shadowOffsetY=e.offsetY*h*l.y}_removeShadow(t){this.shadow&&(t.shadowColor="",t.shadowBlur=t.shadowOffsetX=t.shadowOffsetY=0)}_applyPatternGradientTransform(t,e){if(!St(e))return{offsetX:0,offsetY:0};const s=e.gradientTransform||e.patternTransform,r=-this.width/2+e.offsetX||0,i=-this.height/2+e.offsetY||0;return e.gradientUnits==="percentage"?t.transform(this.width,0,0,this.height,r,i):t.transform(1,0,0,1,r,i),s&&t.transform(s[0],s[1],s[2],s[3],s[4],s[5]),{offsetX:r,offsetY:i}}_renderPaintInOrder(t){this.paintFirst===vt?(this._renderStroke(t),this._renderFill(t)):(this._renderFill(t),this._renderStroke(t))}_render(t){}_renderFill(t){this.fill&&(t.save(),this._setFillStyles(t,this),this.fillRule==="evenodd"?t.fill("evenodd"):t.fill(),t.restore())}_renderStroke(t){if(this.stroke&&this.strokeWidth!==0){if(this.shadow&&!this.shadow.affectStroke&&this._removeShadow(t),t.save(),this.strokeUniform){const e=this.getObjectScaling();t.scale(1/e.x,1/e.y)}this._setLineDash(t,this.strokeDashArray),this._setStrokeStyles(t,this),t.stroke(),t.restore()}}_applyPatternForTransformedGradient(t,e){var s;const r=this._limitCacheSize(this._getCacheCanvasDimensions()),i=this.getCanvasRetinaScaling(),o=r.x/this.scaleX/i,a=r.y/this.scaleY/i,h=xt({width:Math.ceil(o),height:Math.ceil(a)}),l=h.getContext("2d");l&&(l.beginPath(),l.moveTo(0,0),l.lineTo(o,0),l.lineTo(o,a),l.lineTo(0,a),l.closePath(),l.translate(o/2,a/2),l.scale(r.zoomX/this.scaleX/i,r.zoomY/this.scaleY/i),this._applyPatternGradientTransform(l,e),l.fillStyle=e.toLive(t),l.fill(),t.translate(-this.width/2-this.strokeWidth/2,-this.height/2-this.strokeWidth/2),t.scale(i*this.scaleX/r.zoomX,i*this.scaleY/r.zoomY),t.strokeStyle=(s=l.createPattern(h,"no-repeat"))!==null&&s!==void 0?s:"")}_findCenterFromElement(){return new S(this.left+this.width/2,this.top+this.height/2)}clone(t){const e=this.toObject(t);return this.constructor.fromObject(e)}cloneAsImage(t){const e=this.toCanvasElement(t);return new(P.getClass("image"))(e)}toCanvasElement(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};const e=jr(this),s=this.group,r=this.shadow,i=Math.abs,o=t.enableRetinaScaling?Fi():1,a=(t.multiplier||1)*o,h=t.canvasProvider||(w=>new Le(w,{enableRetinaScaling:!1,renderOnAddRemove:!1,skipOffscreen:!1}));delete this.group,t.withoutTransform&&en(this),t.withoutShadow&&(this.shadow=null),t.viewportTransform&&Rr(this,this.getViewportTransform()),this.setCoords();const l=Rt(),c=this.getBoundingRect(),u=this.shadow,g=new S;if(u){const w=u.blur,C=u.nonScaling?new S(1,1):this.getObjectScaling();g.x=2*Math.round(i(u.offsetX)+w)*i(C.x),g.y=2*Math.round(i(u.offsetY)+w)*i(C.y)}const d=c.width+g.x,f=c.height+g.y;l.width=Math.ceil(d),l.height=Math.ceil(f);const p=h(l);t.format==="jpeg"&&(p.backgroundColor="#fff"),this.setPositionByOrigin(new S(p.width/2,p.height/2),B,B);const m=this.canvas;p._objects=[this],this.set("canvas",p),this.setCoords();const v=p.toCanvasElement(a||1,t);return this.set("canvas",m),this.shadow=r,s&&(this.group=s),this.set(e),this.setCoords(),p._objects=[],p.destroy(),v}toDataURL(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return Er(this.toCanvasElement(t),t.format||"png",t.quality||1)}toBlob(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return Pr(this.toCanvasElement(t),t.format||"png",t.quality||1)}isType(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];return e.includes(this.constructor.type)||e.includes(this.type)}complexity(){return 1}toJSON(){return this.toObject()}rotate(t){const{centeredRotation:e,originX:s,originY:r}=this;if(e){const{x:i,y:o}=this.getRelativeCenterPoint();this.originX=B,this.originY=B,this.left=i,this.top=o}if(this.set("angle",t),e){const{x:i,y:o}=this.getPositionByOrigin(s,r);this.left=i,this.top=o,this.originX=s,this.originY=r}}setOnGroup(){}_setupCompositeOperation(t){this.globalCompositeOperation&&(t.globalCompositeOperation=this.globalCompositeOperation)}dispose(){ds.cancelByTarget(this),this.off(),this._set("canvas",void 0),this._cacheCanvas&&jt().dispose(this._cacheCanvas),this._cacheCanvas=void 0,this._cacheContext=null}animate(t,e){return Object.entries(t).reduce((s,r)=>{let[i,o]=r;return s[i]=this._animate(i,o,e),s},{})}_animate(t,e){let s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};const r=t.split("."),i=this.constructor.colorProperties.includes(r[r.length-1]),{abort:o,startValue:a,onChange:h,onComplete:l}=s,c={...s,target:this,startValue:a!=null?a:r.reduce((u,g)=>u[g],this),endValue:e,abort:o==null?void 0:o.bind(this),onChange:(u,g,d)=>{r.reduce((f,p,m)=>(m===r.length-1&&(f[p]=u),f[p]),this),h&&h(u,g,d)},onComplete:(u,g,d)=>{this.setCoords(),l&&l(u,g,d)}};return i?On(c):Kr(c)}isDescendantOf(t){const{parent:e,group:s}=this;return e===t||s===t||!!e&&e.isDescendantOf(t)||!!s&&s!==e&&s.isDescendantOf(t)}getAncestors(){const t=[];let e=this;do e=e.parent,e&&t.push(e);while(e);return t}findCommonAncestors(t){if(this===t)return{fork:[],otherFork:[],common:[this,...this.getAncestors()]};const e=this.getAncestors(),s=t.getAncestors();if(e.length===0&&s.length>0&&this===s[s.length-1])return{fork:[],otherFork:[t,...s.slice(0,s.length-1)],common:[this]};for(let r,i=0;i<e.length;i++){if(r=e[i],r===t)return{fork:[this,...e.slice(0,i)],otherFork:[],common:e.slice(i)};for(let o=0;o<s.length;o++){if(this===s[o])return{fork:[],otherFork:[t,...s.slice(0,o)],common:[this,...e]};if(r===s[o])return{fork:[this,...e.slice(0,i)],otherFork:[t,...s.slice(0,o)],common:e.slice(i)}}}return{fork:[this,...e],otherFork:[t,...s],common:[]}}hasCommonAncestors(t){const e=this.findCommonAncestors(t);return e&&!!e.common.length}isInFrontOf(t){if(this===t)return;const e=this.findCommonAncestors(t);if(e.fork.includes(t))return!0;if(e.otherFork.includes(this))return!1;const s=e.common[0]||this.canvas;if(!s)return;const r=e.fork.pop(),i=e.otherFork.pop(),o=s._objects.indexOf(r),a=s._objects.indexOf(i);return o>-1&&o>a}toObject(){const t=(arguments.length>0&&arguments[0]!==void 0?arguments[0]:[]).concat(_r.customProperties,this.constructor.customProperties||[]);let e;const s=Y.NUM_FRACTION_DIGITS,{clipPath:r,fill:i,stroke:o,shadow:a,strokeDashArray:h,left:l,top:c,originX:u,originY:g,width:d,height:f,strokeWidth:p,strokeLineCap:m,strokeDashOffset:v,strokeLineJoin:w,strokeUniform:C,strokeMiterLimit:x,scaleX:_,scaleY:b,angle:O,flipX:T,flipY:k,opacity:D,visible:A,backgroundColor:L,fillRule:I,paintFirst:j,globalCompositeOperation:U,skewX:N,skewY:H}=this;r&&!r.excludeFromExport&&(e=r.toObject(t.concat("inverted","absolutePositioned")));const $=K=>V(K,s),tt={...ce(this,t),type:this.constructor.type,version:wr,originX:u,originY:g,left:$(l),top:$(c),width:$(d),height:$(f),fill:Gi(i)?i.toObject():i,stroke:Gi(o)?o.toObject():o,strokeWidth:$(p),strokeDashArray:h&&h.concat(),strokeLineCap:m,strokeDashOffset:v,strokeLineJoin:w,strokeUniform:C,strokeMiterLimit:$(x),scaleX:$(_),scaleY:$(b),angle:$(O),flipX:T,flipY:k,opacity:$(D),shadow:a&&a.toObject(),visible:A,backgroundColor:L,fillRule:I,paintFirst:j,globalCompositeOperation:U,skewX:$(N),skewY:$(H),...e?{clipPath:e}:null};return this.includeDefaultValues?tt:this._removeDefaultValues(tt)}toDatalessObject(t){return this.toObject(t)}_removeDefaultValues(t){const e=this.constructor.getDefaults(),s=Object.keys(e).length>0?e:Object.getPrototypeOf(this);return Lr(t,(r,i)=>{if(i===G||i===pt||i==="type")return!0;const o=s[i];return r!==o&&!(Array.isArray(r)&&Array.isArray(o)&&r.length===0&&o.length===0)})}toString(){return`#<${this.constructor.type}>`}static _fromObject(t){let{type:e,...s}=t,{extraParam:r,...i}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return Ke(s,i).then(o=>r?(delete o[r],new this(s[r],o)):new this(o))}static fromObject(t,e){return this._fromObject(t,e)}};y(Vt,"stateProperties",xa),y(Vt,"cacheProperties",Gt),y(Vt,"ownDefaults",_a),y(Vt,"type","FabricObject"),y(Vt,"colorProperties",[rt,vt,"backgroundColor"]),y(Vt,"customProperties",[]),P.setClass(Vt),P.setClass(Vt,"object");const Mn=(n,t)=>{var e;const{transform:{target:s}}=t;(e=s.canvas)===null||e===void 0||e.fire(`object:${n}`,{...t,target:s}),s.fire(n,t)},Re=(n,t,e)=>(s,r,i,o)=>{const a=t(s,r,i,o);return a&&Mn(n,{...hn(s,r,i,o),...e}),a};function Be(n){return(t,e,s,r)=>{const{target:i,originX:o,originY:a}=e,h=i.getPositionByOrigin(o,a),l=n(t,e,s,r);return i.setPositionByOrigin(h,e.originX,e.originY),l}}const ka=(n,t,e,s)=>(r,i,o,a)=>{const h=Yr(i,i.originX,i.originY,o,a)[e],l=ct(i[t]);if(l===0||l>0&&h<0||l<0&&h>0){const{target:c}=i,u=c.strokeWidth/(c.strokeUniform?c[s]:1),g=on(i)?2:1,d=c[n],f=Math.abs(h*g/c[s])-u;return c.set(n,Math.max(f,1)),d!==c[n]}return!1},Da=ka("width","originX","x","scaleX"),kn=Re(Ve,Be(Da));function Ea(n,t,e,s,r){n.save();const{stroke:i,xSize:o,ySize:a,opName:h}=this.commonRenderProps(n,t,e,r,s);let l=o;o>a?n.scale(1,a/o):a>o&&(l=a,n.scale(o/a,1)),n.beginPath(),n.arc(0,0,l/2,0,bt,!1),n[h](),i&&n.stroke(),n.restore()}function Pa(n,t,e,s,r){n.save();const{stroke:i,xSize:o,ySize:a,opName:h}=this.commonRenderProps(n,t,e,r,s),l=o/2,c=a/2;n[`${h}Rect`](-l,-c,o,a),i&&n.strokeRect(-l,-c,o,a),n.restore()}class Dt{constructor(t){y(this,"visible",!0),y(this,"actionName",us),y(this,"angle",0),y(this,"x",0),y(this,"y",0),y(this,"offsetX",0),y(this,"offsetY",0),y(this,"sizeX",0),y(this,"sizeY",0),y(this,"touchSizeX",0),y(this,"touchSizeY",0),y(this,"cursorStyle","crosshair"),y(this,"withConnection",!1),Object.assign(this,t)}shouldActivate(t,e,s,r){var i;let{tl:o,tr:a,br:h,bl:l}=r;return((i=e.canvas)===null||i===void 0?void 0:i.getActiveObject())===e&&e.isControlVisible(t)&&q.isPointInPolygon(s,[o,a,h,l])}getActionHandler(t,e,s){return this.actionHandler}getMouseDownHandler(t,e,s){return this.mouseDownHandler}getMouseUpHandler(t,e,s){return this.mouseUpHandler}cursorStyleHandler(t,e,s,r){return e.cursorStyle}getActionName(t,e,s){return e.actionName}getVisibility(t,e){var s,r;return(s=(r=t._controlsVisibility)===null||r===void 0?void 0:r[e])!==null&&s!==void 0?s:this.visible}setVisibility(t,e,s){this.visible=t}positionHandler(t,e,s,r){return new S(this.x*t.x+this.offsetX,this.y*t.y+this.offsetY).transform(e)}calcCornerCoords(t,e,s,r,i,o){const a=ps([Pe(s,r),le({angle:t}),ms((i?this.touchSizeX:this.sizeX)||e,(i?this.touchSizeY:this.sizeY)||e)]);return{tl:new S(-.5,-.5).transform(a),tr:new S(.5,-.5).transform(a),br:new S(.5,.5).transform(a),bl:new S(-.5,.5).transform(a)}}commonRenderProps(t,e,s,r){let i=arguments.length>4&&arguments[4]!==void 0?arguments[4]:{};const{cornerSize:o,cornerColor:a,transparentCorners:h,cornerStrokeColor:l}=i,c=o||r.cornerSize,u=this.sizeX||c,g=this.sizeY||c,d=h!==void 0?h:r.transparentCorners,f=d?vt:rt,p=l||r.cornerStrokeColor,m=!d&&!!p;return t.fillStyle=a||r.cornerColor||"",t.strokeStyle=p||"",t.translate(e,s),t.rotate(Q(r.getTotalAngle())),{stroke:m,xSize:u,ySize:g,transparentCorners:d,opName:f}}render(t,e,s,r,i){((r=r||{}).cornerStyle||i.cornerStyle)==="circle"?Ea.call(this,t,e,s,r,i):Pa.call(this,t,e,s,r,i)}}const Aa=(n,t,e)=>e.lockRotation?Ss:t.cursorStyle,Fa=Re(Ii,Be((n,t,e,s)=>{let{target:r,ex:i,ey:o,theta:a,originX:h,originY:l}=t;const c=r.getPositionByOrigin(h,l);if(kt(r,"lockRotation"))return!1;const u=Math.atan2(o-c.y,i-c.x),g=Math.atan2(s-c.y,e-c.x);let d=Nt(g-u+a);if(r.snapAngle&&r.snapAngle>0){const p=r.snapAngle,m=r.snapThreshold||p,v=Math.ceil(d/p)*p,w=Math.floor(d/p)*p;Math.abs(d-w)<m?d=w:Math.abs(d-v)<m&&(d=v)}d<0&&(d=360+d),d%=360;const f=r.angle!==d;return r.angle=d,f}));function Dn(n,t){const e=t.canvas,s=n[e.uniScaleKey];return e.uniformScaling&&!s||!e.uniformScaling&&s}function En(n,t,e){const s=kt(n,"lockScalingX"),r=kt(n,"lockScalingY");if(s&&r||!t&&(s||r)&&e||s&&t==="x"||r&&t==="y")return!0;const{width:i,height:o,strokeWidth:a}=n;return i===0&&a===0&&t!=="y"||o===0&&a===0&&t!=="x"}const La=["e","se","s","sw","w","nw","n","ne","e"],ss=(n,t,e,s)=>{const r=Dn(n,e);if(En(e,t.x!==0&&t.y===0?"x":t.x===0&&t.y!==0?"y":"",r))return Ss;const i=ln(e,0,s);return`${La[i]}-resize`};function Jr(n,t,e,s){let r=arguments.length>4&&arguments[4]!==void 0?arguments[4]:{};const i=t.target,o=r.by,a=Dn(n,i);let h,l,c,u,g,d;if(En(i,o,a))return!1;if(t.gestureScale)l=t.scaleX*t.gestureScale,c=t.scaleY*t.gestureScale;else{if(h=Yr(t,t.originX,t.originY,e,s),g=o!=="y"?Math.sign(h.x||t.signX||1):1,d=o!=="x"?Math.sign(h.y||t.signY||1):1,t.signX||(t.signX=g),t.signY||(t.signY=d),kt(i,"lockScalingFlip")&&(t.signX!==g||t.signY!==d))return!1;if(u=i._getTransformedDimensions(),a&&!o){const m=Math.abs(h.x)+Math.abs(h.y),{original:v}=t,w=m/(Math.abs(u.x*v.scaleX/i.scaleX)+Math.abs(u.y*v.scaleY/i.scaleY));l=v.scaleX*w,c=v.scaleY*w}else l=Math.abs(h.x*i.scaleX/u.x),c=Math.abs(h.y*i.scaleY/u.y);on(t)&&(l*=2,c*=2),t.signX!==g&&o!=="y"&&(t.originX=an(t.originX),l*=-1,t.signX=g),t.signY!==d&&o!=="x"&&(t.originY=an(t.originY),c*=-1,t.signY=d)}const f=i.scaleX,p=i.scaleY;return o?(o==="x"&&i.set(lt,l),o==="y"&&i.set(yt,c)):(!kt(i,"lockScalingX")&&i.set(lt,l),!kt(i,"lockScalingY")&&i.set(yt,c)),f!==i.scaleX||p!==i.scaleY}const Ms=Re(ls,Be((n,t,e,s)=>Jr(n,t,e,s))),Ia=Re(ls,Be((n,t,e,s)=>Jr(n,t,e,s,{by:"x"}))),ja=Re(ls,Be((n,t,e,s)=>Jr(n,t,e,s,{by:"y"}))),Qr={x:{counterAxis:"y",scale:lt,skew:Me,lockSkewing:"lockSkewingX",origin:"originX",flip:"flipX"},y:{counterAxis:"x",scale:yt,skew:ke,lockSkewing:"lockSkewingY",origin:"originY",flip:"flipY"}},Ra=["ns","nesw","ew","nwse"],Ba=(n,t,e,s)=>{if(t.x!==0&&kt(e,"lockSkewingY")||t.y!==0&&kt(e,"lockSkewingX"))return Ss;const r=ln(e,0,s)%4;return`${Ra[r]}-resize`};function Pn(n,t,e,s,r){const{target:i}=e,{counterAxis:o,origin:a,lockSkewing:h,skew:l,flip:c}=Qr[n];if(kt(i,h))return!1;const{origin:u,flip:g}=Qr[o],d=ct(e[u])*(i[g]?-1:1),f=-Math.sign(d)*(i[c]?-1:1),p=.5*-((i[l]===0&&Yr(e,B,B,s,r)[n]>0||i[l]>0?1:-1)*f)+.5;return Re(ji,Be((v,w,C,x)=>(function(_,b,O){let{target:T,ex:k,ey:D,skewingSide:A,...L}=b;const{skew:I}=Qr[_],j=O.subtract(new S(k,D)).divide(new S(T.scaleX,T.scaleY))[_],U=T[I],N=L[I],H=Math.tan(Q(N)),$=_==="y"?T._getTransformedDimensions({scaleX:1,scaleY:1,skewX:0}).x:T._getTransformedDimensions({scaleX:1,scaleY:1}).y,tt=2*j*A/Math.max($,1)+H,K=Nt(Math.atan(tt));T.set(I,K);const ft=U!==T[I];if(ft&&_==="y"){const{skewX:at,scaleX:E}=T,M=T._getTransformedDimensions({skewY:U}),F=T._getTransformedDimensions(),X=at!==0?M.x/F.x:1;X!==1&&T.set(lt,X*E)}return ft})(n,w,new S(C,x))))(t,{...e,[a]:p,skewingSide:f},s,r)}const $a=(n,t,e,s)=>Pn("x",n,t,e,s),Xa=(n,t,e,s)=>Pn("y",n,t,e,s);function ks(n,t){return n[t.canvas.altActionKey]}const Ds=(n,t,e)=>{const s=ks(n,e);return t.x===0?s?Me:yt:t.y===0?s?ke:lt:""},$e=(n,t,e,s)=>ks(n,e)?Ba(0,t,e,s):ss(n,t,e,s),An=(n,t,e,s)=>ks(n,t.target)?Xa(n,t,e,s):Ia(n,t,e,s),Fn=(n,t,e,s)=>ks(n,t.target)?$a(n,t,e,s):ja(n,t,e,s),Ln=()=>({ml:new Dt({x:-.5,y:0,cursorStyleHandler:$e,actionHandler:An,getActionName:Ds}),mr:new Dt({x:.5,y:0,cursorStyleHandler:$e,actionHandler:An,getActionName:Ds}),mb:new Dt({x:0,y:.5,cursorStyleHandler:$e,actionHandler:Fn,getActionName:Ds}),mt:new Dt({x:0,y:-.5,cursorStyleHandler:$e,actionHandler:Fn,getActionName:Ds}),tl:new Dt({x:-.5,y:-.5,cursorStyleHandler:ss,actionHandler:Ms}),tr:new Dt({x:.5,y:-.5,cursorStyleHandler:ss,actionHandler:Ms}),bl:new Dt({x:-.5,y:.5,cursorStyleHandler:ss,actionHandler:Ms}),br:new Dt({x:.5,y:.5,cursorStyleHandler:ss,actionHandler:Ms}),mtr:new Dt({x:0,y:-.5,actionHandler:Fa,cursorStyleHandler:Aa,offsetY:-40,withConnection:!0,actionName:Or})}),Wa=()=>({mr:new Dt({x:.5,y:0,actionHandler:kn,cursorStyleHandler:$e,actionName:Ve}),ml:new Dt({x:-.5,y:0,actionHandler:kn,cursorStyleHandler:$e,actionName:Ve})}),Ya=()=>({...Ln(),...Wa()});class rs extends Vt{static getDefaults(){return{...super.getDefaults(),...rs.ownDefaults}}constructor(t){super(),Object.assign(this,this.constructor.createControls(),rs.ownDefaults),this.setOptions(t)}static createControls(){return{controls:Ln()}}_updateCacheCanvas(){const t=this.canvas;if(this.noScaleCache&&t&&t._currentTransform){const e=t._currentTransform,s=e.target,r=e.action;if(this===s&&r&&r.startsWith(us))return!1}return super._updateCacheCanvas()}getActiveControl(){const t=this.__corner;return t?{key:t,control:this.controls[t],coord:this.oCoords[t]}:void 0}findControl(t){let e=arguments.length>1&&arguments[1]!==void 0&&arguments[1];if(!this.hasControls||!this.canvas)return;this.__corner=void 0;const s=Object.entries(this.oCoords);for(let r=s.length-1;r>=0;r--){const[i,o]=s[r],a=this.controls[i];if(a.shouldActivate(i,this,t,e?o.touchCorner:o.corner))return this.__corner=i,{key:i,control:a,coord:this.oCoords[i]}}}calcOCoords(){const t=this.getViewportTransform(),e=this.getCenterPoint(),s=Pe(e.x,e.y),r=le({angle:this.getTotalAngle()-(this.group&&this.flipX?180:0)}),i=et(s,r),o=et(t,i),a=et(o,[1/t[0],0,0,1/t[3],0,0]),h=this.group?Ee(this.calcTransformMatrix()):void 0;h&&(h.scaleX=Math.abs(h.scaleX),h.scaleY=Math.abs(h.scaleY));const l=this._calculateCurrentDimensions(h),c={};return this.forEachControl((u,g)=>{const d=u.positionHandler(l,a,this,u);c[g]=Object.assign(d,this._calcCornerCoords(u,d))}),c}_calcCornerCoords(t,e){const s=this.getTotalAngle();return{corner:t.calcCornerCoords(s,this.cornerSize,e.x,e.y,!1,this),touchCorner:t.calcCornerCoords(s,this.touchCornerSize,e.x,e.y,!0,this)}}setCoords(){super.setCoords(),this.canvas&&(this.oCoords=this.calcOCoords())}forEachControl(t){for(const e in this.controls)t(this.controls[e],e,this)}drawSelectionBackground(t){if(!this.selectionBackgroundColor||this.canvas&&this.canvas._activeObject!==this)return;t.save();const e=this.getRelativeCenterPoint(),s=this._calculateCurrentDimensions(),r=this.getViewportTransform();t.translate(e.x,e.y),t.scale(1/r[0],1/r[3]),t.rotate(Q(this.angle)),t.fillStyle=this.selectionBackgroundColor,t.fillRect(-s.x/2,-s.y/2,s.x,s.y),t.restore()}strokeBorders(t,e){t.strokeRect(-e.x/2,-e.y/2,e.x,e.y)}_drawBorders(t,e){let s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};const r={hasControls:this.hasControls,borderColor:this.borderColor,borderDashArray:this.borderDashArray,...s};t.save(),t.strokeStyle=r.borderColor,this._setLineDash(t,r.borderDashArray),this.strokeBorders(t,e),r.hasControls&&this.drawControlsConnectingLines(t,e),t.restore()}_renderControls(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const{hasBorders:s,hasControls:r}=this,i={hasBorders:s,hasControls:r,...e},o=this.getViewportTransform(),a=i.hasBorders,h=i.hasControls,l=et(o,this.calcTransformMatrix()),c=Ee(l);t.save(),t.translate(c.translateX,c.translateY),t.lineWidth=this.borderScaleFactor,this.group===this.parent&&(t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1),this.flipX&&(c.angle-=180),t.rotate(Q(this.group?c.angle:this.angle)),a&&this.drawBorders(t,c,e),h&&this.drawControls(t,e),t.restore()}drawBorders(t,e,s){let r;if(s&&s.forActiveSelection||this.group){const i=vs(this.width,this.height,Ue(e)),o=this.isStrokeAccountedForInDimensions()?Dr:(this.strokeUniform?new S().scalarAdd(this.canvas?this.canvas.getZoom():1):new S(e.scaleX,e.scaleY)).scalarMultiply(this.strokeWidth);r=i.add(o).scalarAdd(this.borderScaleFactor).scalarAdd(2*this.padding)}else r=this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor);this._drawBorders(t,r,s)}drawControlsConnectingLines(t,e){let s=!1;t.beginPath(),this.forEachControl((r,i)=>{r.withConnection&&r.getVisibility(this,i)&&(s=!0,t.moveTo(r.x*e.x,r.y*e.y),t.lineTo(r.x*e.x+r.offsetX,r.y*e.y+r.offsetY))}),s&&t.stroke()}drawControls(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};t.save();const s=this.getCanvasRetinaScaling(),{cornerStrokeColor:r,cornerDashArray:i,cornerColor:o}=this,a={cornerStrokeColor:r,cornerDashArray:i,cornerColor:o,...e};t.setTransform(s,0,0,s,0,0),t.strokeStyle=t.fillStyle=a.cornerColor,this.transparentCorners||(t.strokeStyle=a.cornerStrokeColor),this._setLineDash(t,a.cornerDashArray),this.forEachControl((h,l)=>{if(h.getVisibility(this,l)){const c=this.oCoords[l];h.render(t,c.x,c.y,a,this)}}),t.restore()}isControlVisible(t){return this.controls[t]&&this.controls[t].getVisibility(this,t)}setControlVisible(t,e){this._controlsVisibility||(this._controlsVisibility={}),this._controlsVisibility[t]=e}setControlsVisibility(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Object.entries(t).forEach(e=>{let[s,r]=e;return this.setControlVisible(s,r)})}clearContextTop(t){if(!this.canvas)return;const e=this.canvas.contextTop;if(!e)return;const s=this.canvas.viewportTransform;e.save(),e.transform(s[0],s[1],s[2],s[3],s[4],s[5]),this.transform(e);const r=this.width+4,i=this.height+4;return e.clearRect(-r/2,-i/2,r,i),t||e.restore(),e}onDeselect(t){return!1}onSelect(t){return!1}shouldStartDragging(t){return!1}onDragStart(t){return!1}canDrop(t){return!1}renderDragSourceEffect(t){}renderDropTargetEffect(t){}}function In(n,t){return t.forEach(e=>{Object.getOwnPropertyNames(e.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(n.prototype,s,Object.getOwnPropertyDescriptor(e.prototype,s)||Object.create(null))})}),n}y(rs,"ownDefaults",{noScaleCache:!0,lockMovementX:!1,lockMovementY:!1,lockRotation:!1,lockScalingX:!1,lockScalingY:!1,lockSkewingX:!1,lockSkewingY:!1,lockScalingFlip:!1,cornerSize:13,touchCornerSize:24,transparentCorners:!0,cornerColor:"rgb(178,204,255)",cornerStrokeColor:"",cornerStyle:"rect",cornerDashArray:null,hasControls:!0,borderColor:"rgb(178,204,255)",borderDashArray:null,borderOpacityWhenMoving:.4,borderScaleFactor:1,hasBorders:!0,selectionBackgroundColor:"",selectable:!0,evented:!0,perPixelTargetFind:!1,activeOn:"down",hoverCursor:null,moveCursor:null});class ot extends rs{}In(ot,[pn]),P.setClass(ot),P.setClass(ot,"object");const jn=(n,t,e,s)=>{const r=2*(s=Math.round(s))+1,{data:i}=n.getImageData(t-s,e-s,r,r);for(let o=3;o<i.length;o+=4)if(i[o]>0)return!1;return!0};class Rn{constructor(t){this.options=t,this.strokeProjectionMagnitude=this.options.strokeWidth/2,this.scale=new S(this.options.scaleX,this.options.scaleY),this.strokeUniformScalar=this.options.strokeUniform?new S(1/this.options.scaleX,1/this.options.scaleY):new S(1,1)}createSideVector(t,e){const s=Qe(t,e);return this.options.strokeUniform?s.multiply(this.scale):s}projectOrthogonally(t,e,s){return this.applySkew(t.add(this.calcOrthogonalProjection(t,e,s)))}isSkewed(){return this.options.skewX!==0||this.options.skewY!==0}applySkew(t){const e=new S(t);return e.y+=e.x*Math.tan(Q(this.options.skewY)),e.x+=e.y*Math.tan(Q(this.options.skewX)),e}scaleUnitVector(t,e){return t.multiply(this.strokeUniformScalar).scalarMultiply(e)}}const Na=new S;class Xe extends Rn{static getOrthogonalRotationFactor(t,e){const s=e?_s(t,e):$r(t);return Math.abs(s)<te?-1:1}constructor(t,e,s,r){super(r),y(this,"AB",void 0),y(this,"AC",void 0),y(this,"alpha",void 0),y(this,"bisector",void 0),this.A=new S(t),this.B=new S(e),this.C=new S(s),this.AB=this.createSideVector(this.A,this.B),this.AC=this.createSideVector(this.A,this.C),this.alpha=_s(this.AB,this.AC),this.bisector=ws(Br(this.AB.eq(Na)?this.AC:this.AB,this.alpha/2))}calcOrthogonalProjection(t,e){let s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:this.strokeProjectionMagnitude;const r=this.createSideVector(t,e),i=Xr(r),o=Xe.getOrthogonalRotationFactor(i,this.bisector);return this.scaleUnitVector(i,s*o)}projectBevel(){const t=[];return(this.alpha%bt===0?[this.B]:[this.B,this.C]).forEach(e=>{t.push(this.projectOrthogonally(this.A,e)),t.push(this.projectOrthogonally(this.A,e,-this.strokeProjectionMagnitude))}),t}projectMiter(){const t=[],e=Math.abs(this.alpha),s=1/Math.sin(e/2),r=this.scaleUnitVector(this.bisector,-this.strokeProjectionMagnitude*s),i=this.options.strokeUniform?xs(this.scaleUnitVector(this.bisector,this.options.strokeMiterLimit)):this.options.strokeMiterLimit;return xs(r)/this.strokeProjectionMagnitude<=i&&t.push(this.applySkew(this.A.add(r))),t.push(...this.projectBevel()),t}projectRoundNoSkew(t,e){const s=[],r=new S(Xe.getOrthogonalRotationFactor(this.bisector),Xe.getOrthogonalRotationFactor(new S(this.bisector.y,this.bisector.x)));return[new S(1,0).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar).multiply(r),new S(0,1).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar).multiply(r)].forEach(i=>{Wr(i,t,e)&&s.push(this.A.add(i))}),s}projectRoundWithSkew(t,e){const s=[],{skewX:r,skewY:i,scaleX:o,scaleY:a,strokeUniform:h}=this.options,l=new S(Math.tan(Q(r)),Math.tan(Q(i))),c=this.strokeProjectionMagnitude,u=h?c/a/Math.sqrt(1/a**2+1/o**2*l.y**2):c/Math.sqrt(1+l.y**2),g=new S(Math.sqrt(Math.max(c**2-u**2,0)),u),d=h?c/Math.sqrt(1+l.x**2*(1/a)**2/(1/o+1/o*l.x*l.y)**2):c/Math.sqrt(1+l.x**2/(1+l.x*l.y)**2),f=new S(d,Math.sqrt(Math.max(c**2-d**2,0)));return[f,f.scalarMultiply(-1),g,g.scalarMultiply(-1)].map(p=>this.applySkew(h?p.multiply(this.strokeUniformScalar):p)).forEach(p=>{Wr(p,t,e)&&s.push(this.applySkew(this.A).add(p))}),s}projectRound(){const t=[];t.push(...this.projectBevel());const e=this.alpha%bt===0,s=this.applySkew(this.A),r=t[e?0:2].subtract(s),i=t[e?1:0].subtract(s),o=e?this.applySkew(this.AB.scalarMultiply(-1)):this.applySkew(this.bisector.multiply(this.strokeUniformScalar).scalarMultiply(-1)),a=je(r,o)>0,h=a?r:i,l=a?i:r;return this.isSkewed()?t.push(...this.projectRoundWithSkew(h,l)):t.push(...this.projectRoundNoSkew(h,l)),t}projectPoints(){switch(this.options.strokeLineJoin){case"miter":return this.projectMiter();case"round":return this.projectRound();default:return this.projectBevel()}}project(){return this.projectPoints().map(t=>({originPoint:this.A,projectedPoint:t,angle:this.alpha,bisector:this.bisector}))}}class Bn extends Rn{constructor(t,e,s){super(s),this.A=new S(t),this.T=new S(e)}calcOrthogonalProjection(t,e){let s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:this.strokeProjectionMagnitude;const r=this.createSideVector(t,e);return this.scaleUnitVector(Xr(r),s)}projectButt(){return[this.projectOrthogonally(this.A,this.T,this.strokeProjectionMagnitude),this.projectOrthogonally(this.A,this.T,-this.strokeProjectionMagnitude)]}projectRound(){const t=[];if(!this.isSkewed()&&this.A.eq(this.T)){const e=new S(1,1).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar);t.push(this.applySkew(this.A.add(e)),this.applySkew(this.A.subtract(e)))}else t.push(...new Xe(this.A,this.T,this.T,this.options).projectRound());return t}projectSquare(){const t=[];if(this.A.eq(this.T)){const e=new S(1,1).scalarMultiply(this.strokeProjectionMagnitude).multiply(this.strokeUniformScalar);t.push(this.A.add(e),this.A.subtract(e))}else{const e=this.calcOrthogonalProjection(this.A,this.T,this.strokeProjectionMagnitude),s=this.scaleUnitVector(ws(this.createSideVector(this.A,this.T)),-this.strokeProjectionMagnitude),r=this.A.add(s);t.push(r.add(e),r.subtract(e))}return t.map(e=>this.applySkew(e))}projectPoints(){switch(this.options.strokeLineCap){case"round":return this.projectRound();case"square":return this.projectSquare();default:return this.projectButt()}}project(){return this.projectPoints().map(t=>({originPoint:this.A,projectedPoint:t}))}}const $n=function(n,t){let e=arguments.length>2&&arguments[2]!==void 0&&arguments[2];const s=[];if(n.length===0)return s;const r=n.reduce((i,o)=>(i[i.length-1].eq(o)||i.push(new S(o)),i),[new S(n[0])]);if(r.length===1)e=!0;else if(!e){const i=r[0],o=((a,h)=>{for(let l=a.length-1;l>=0;l--)if(h(a[l],l,a))return l;return-1})(r,a=>!a.eq(i));r.splice(o+1)}return r.forEach((i,o,a)=>{let h,l;o===0?(l=a[1],h=e?i:a[a.length-1]):o===a.length-1?(h=a[o-1],l=e?i:a[0]):(h=a[o-1],l=a[o+1]),e&&a.length===1?s.push(...new Bn(i,i,t).project()):!e||o!==0&&o!==a.length-1?s.push(...new Xe(i,h,l,t).project()):s.push(...new Bn(i,o===0?l:h,t).project())}),s},Zr=n=>{const t={};return Object.keys(n).forEach(e=>{t[e]={},Object.keys(n[e]).forEach(s=>{t[e][s]={...n[e][s]}})}),t},Xn=n=>n.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&apos;").replace(/</g,"&lt;").replace(/>/g,"&gt;");let is;const Es=n=>{if(is||is||(is="Intl"in as()&&"Segmenter"in Intl&&new Intl.Segmenter(void 0,{granularity:"grapheme"})),is){const t=is.segment(n);return Array.from(t).map(e=>{let{segment:s}=e;return s})}return Ha(n)},Ha=n=>{const t=[];for(let e,s=0;s<n.length;s++)(e=Ga(n,s))!==!1&&t.push(e);return t},Ga=(n,t)=>{const e=n.charCodeAt(t);if(isNaN(e))return"";if(e<55296||e>57343)return n.charAt(t);if(55296<=e&&e<=56319){if(n.length<=t+1)throw"High surrogate without following low surrogate";const r=n.charCodeAt(t+1);if(56320>r||r>57343)throw"High surrogate without following low surrogate";return n.charAt(t)+n.charAt(t+1)}if(t===0)throw"Low surrogate without preceding high surrogate";const s=n.charCodeAt(t-1);if(55296>s||s>56319)throw"Low surrogate without preceding high surrogate";return!1};var Va=Object.freeze({__proto__:null,capitalize:function(n){let t=arguments.length>1&&arguments[1]!==void 0&&arguments[1];return`${n.charAt(0).toUpperCase()}${t?n.slice(1):n.slice(1).toLowerCase()}`},escapeXml:Xn,graphemeSplit:Es});const Ps=function(n,t){let e=arguments.length>2&&arguments[2]!==void 0&&arguments[2];return n.fill!==t.fill||n.stroke!==t.stroke||n.strokeWidth!==t.strokeWidth||n.fontSize!==t.fontSize||n.fontFamily!==t.fontFamily||n.fontWeight!==t.fontWeight||n.fontStyle!==t.fontStyle||n.textDecorationThickness!==t.textDecorationThickness||n.textBackgroundColor!==t.textBackgroundColor||n.deltaY!==t.deltaY||e&&(n.overline!==t.overline||n.underline!==t.underline||n.linethrough!==t.linethrough)},Wn=(n,t)=>{const e=t.split(`
-`),s=[];let r=-1,i={};n=Zr(n);for(let o=0;o<e.length;o++){const a=Es(e[o]);if(n[o])for(let h=0;h<a.length;h++){r++;const l=n[o][h];l&&Object.keys(l).length>0&&(Ps(i,l,!0)?s.push({start:r,end:r+1,style:l}):s[s.length-1].end++),i=l||{}}else r+=a.length,i={}}return s},Yn=(n,t)=>{if(!Array.isArray(n))return Zr(n);const e=t.split(Tr),s={};let r=-1,i=0;for(let o=0;o<e.length;o++){const a=Es(e[o]);for(let h=0;h<a.length;h++)r++,n[i]&&n[i].start<=r&&r<n[i].end&&(s[o]=s[o]||{},s[o][h]={...n[i].style},r===n[i].end-1&&i++)}return s},re=["display","transform",rt,"fill-opacity","fill-rule","opacity",vt,"stroke-dasharray","stroke-linecap","stroke-dashoffset","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","id","paint-order","vector-effect","instantiated_by_use","clip-path"];function Nn(n,t){const e=n.nodeName,s=n.getAttribute("class"),r=n.getAttribute("id"),i="(?![a-zA-Z\\-]+)";let o;if(o=new RegExp("^"+e,"i"),t=t.replace(o,""),r&&t.length&&(o=new RegExp("#"+r+i,"i"),t=t.replace(o,"")),s&&t.length){const a=s.split(" ");for(let h=a.length;h--;)o=new RegExp("\\."+a[h]+i,"i"),t=t.replace(o,"")}return t.length===0}function za(n,t){let e=!0;const s=Nn(n,t.pop());return s&&t.length&&(e=(function(r,i){let o,a=!0;for(;r.parentElement&&r.parentElement.nodeType===1&&i.length;)a&&(o=i.pop()),a=Nn(r=r.parentElement,o);return i.length===0})(n,t)),s&&e&&t.length===0}function Ua(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},e={};for(const s in t)za(n,s.split(" "))&&(e={...e,...t[s]});return e}const qa=n=>{var t;return(t=va[n])!==null&&t!==void 0?t:n},Ka=new RegExp(`(${pe})`,"gi"),ut=`(${pe})`,Ja=String.raw`(skewX)\(${ut}\)`,Qa=String.raw`(skewY)\(${ut}\)`,Za=String.raw`(rotate)\(${ut}(?: ${ut} ${ut})?\)`,th=String.raw`(scale)\(${ut}(?: ${ut})?\)`,eh=String.raw`(translate)\(${ut}(?: ${ut})?\)`,ti=`(?:${String.raw`(matrix)\(${ut} ${ut} ${ut} ${ut} ${ut} ${ut}\)`}|${eh}|${Za}|${th}|${Ja}|${Qa})`,sh=`(?:${ti}*)`,rh=String.raw`^\s*(?:${sh}?)\s*$`,ih=new RegExp(rh),nh=new RegExp(ti),oh=new RegExp(ti,"g");function ei(n){const t=[];if(!(n=(e=>Cs(e.replace(Ka," $1 ").replace(/,/gi," ")))(n).replace(/\s*([()])\s*/gi,"$1"))||n&&!ih.test(n))return[...ht];for(const e of n.matchAll(oh)){const s=nh.exec(e[0]);if(!s)continue;let r=ht;const i=s.filter(f=>!!f),[,o,...a]=i,[h,l,c,u,g,d]=a.map(f=>parseFloat(f));switch(o){case"translate":r=Pe(h,l);break;case Or:r=le({angle:h},{x:l,y:c});break;case us:r=ms(h,l);break;case Me:r=Ar(h);break;case ke:r=Fr(h);break;case"matrix":r=[h,l,c,u,g,d]}t.push(r)}return ps(t)}function ah(n,t,e,s){const r=Array.isArray(t);let i,o=t;if(n!==rt&&n!==vt||t!==mt){if(n==="strokeUniform")return t==="non-scaling-stroke";if(n==="strokeDashArray")o=t===mt?null:t.replace(/,/g," ").split(/\s+/).map(parseFloat);else if(n==="transformMatrix")o=e&&e.transformMatrix?et(e.transformMatrix,ei(t)):ei(t);else if(n==="visible")o=t!==mt&&t!=="hidden",e&&e.visible===!1&&(o=!1);else if(n==="opacity")o=parseFloat(t),e&&e.opacity!==void 0&&(o*=e.opacity);else if(n==="textAnchor")o=t==="start"?G:t==="end"?Z:B;else if(n==="charSpacing"||n===fe)i=de(t,s)/s*1e3;else if(n==="paintFirst"){const a=t.indexOf(rt),h=t.indexOf(vt);o=rt,(a>-1&&h>-1&&h<a||a===-1&&h>-1)&&(o=vt)}else{if(n==="href"||n==="xlink:href"||n==="font"||n==="id")return t;if(n==="imageSmoothing")return t==="optimizeQuality";i=r?t.map(de):de(t,s)}}else o="";return!r&&isNaN(i)?o:i}function hh(n,t){n.replace(/;\s*$/,"").split(";").forEach(e=>{if(!e)return;const[s,r]=e.split(":");t[s.trim().toLowerCase()]=r.trim()})}function lh(n){const t={},e=n.getAttribute("style");return e&&(typeof e=="string"?hh(e,t):(function(s,r){Object.entries(s).forEach(i=>{let[o,a]=i;a!==void 0&&(r[o.toLowerCase()]=a)})})(e,t)),t}const ch={stroke:"strokeOpacity",fill:"fillOpacity"};function zt(n,t,e){if(!n)return{};let s,r={},i=Cr;n.parentNode&&_n.test(n.parentNode.nodeName)&&(r=zt(n.parentElement,t,e),r.fontSize&&(s=i=de(r.fontSize)));const o={...t.reduce((l,c)=>{const u=n.getAttribute(c);return u&&(l[c]=u),l},{}),...Ua(n,e),...lh(n)};o[Gr]&&n.setAttribute(Gr,o[Gr]),o[Hr]&&(s=de(o[Hr],i),o[Hr]=`${s}`);const a={};for(const l in o){const c=qa(l),u=ah(c,o[l],r,s);a[c]=u}a&&a.font&&(function(l,c){const u=l.match(ya);if(!u)return;const g=u[1],d=u[3],f=u[4],p=u[5],m=u[6];g&&(c.fontStyle=g),d&&(c.fontWeight=isNaN(parseFloat(d))?d:parseFloat(d)),f&&(c.fontSize=de(f)),m&&(c.fontFamily=m),p&&(c.lineHeight=p===Mr?1:p)})(a.font,a);const h={...r,...a};return _n.test(n.nodeName)?h:(function(l){const c=ot.getDefaults();return Object.entries(ch).forEach(u=>{let[g,d]=u;if(l[d]===void 0||l[g]==="")return;if(l[g]===void 0){if(!c[g])return;l[g]=c[g]}if(l[g].indexOf("url(")===0)return;const f=new z(l[g]);l[g]=f.setAlpha(V(f.getAlpha()*l[d],2)).toRgba()}),l})(h)}const Hn=["rx","ry"];class Et extends ot{static getDefaults(){return{...super.getDefaults(),...Et.ownDefaults}}constructor(t){super(),Object.assign(this,Et.ownDefaults),this.setOptions(t),this._initRxRy()}_initRxRy(){const{rx:t,ry:e}=this;t&&!e?this.ry=t:e&&!t&&(this.rx=e)}_render(t){const{width:e,height:s}=this,r=-e/2,i=-s/2,o=this.rx?Math.min(this.rx,e/2):0,a=this.ry?Math.min(this.ry,s/2):0,h=o!==0||a!==0;t.beginPath(),t.moveTo(r+o,i),t.lineTo(r+e-o,i),h&&t.bezierCurveTo(r+e-ee*o,i,r+e,i+ee*a,r+e,i+a),t.lineTo(r+e,i+s-a),h&&t.bezierCurveTo(r+e,i+s-ee*a,r+e-ee*o,i+s,r+e-o,i+s),t.lineTo(r+o,i+s),h&&t.bezierCurveTo(r+ee*o,i+s,r,i+s-ee*a,r,i+s-a),t.lineTo(r,i+a),h&&t.bezierCurveTo(r,i+ee*a,r+ee*o,i,r+o,i),t.closePath(),this._renderPaintInOrder(t)}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return super.toObject([...Hn,...t])}_toSVG(){const{width:t,height:e,rx:s,ry:r}=this;return["<rect ","COMMON_PARTS",`x="${-t/2}" y="${-e/2}" rx="${s}" ry="${r}" width="${t}" height="${e}" />
-`]}static async fromElement(t,e,s){const{left:r=0,top:i=0,width:o=0,height:a=0,visible:h=!0,...l}=zt(t,this.ATTRIBUTE_NAMES,s);return new this({...e,...l,left:r,top:i,width:o,height:a,visible:!!(h&&o&&a)})}}y(Et,"type","Rect"),y(Et,"cacheProperties",[...Gt,...Hn]),y(Et,"ownDefaults",{rx:0,ry:0}),y(Et,"ATTRIBUTE_NAMES",[...re,"x","y","rx","ry","width","height"]),P.setClass(Et),P.setSVGClass(Et);const Ut="initialization",As="added",si="removed",Fs="imperative",Gn=(n,t)=>{const{strokeUniform:e,strokeWidth:s,width:r,height:i,group:o}=t,a=o&&o!==n?Je(o.calcTransformMatrix(),n.calcTransformMatrix()):null,h=a?t.getRelativeCenterPoint().transform(a):t.getRelativeCenterPoint(),l=!t.isStrokeAccountedForInDimensions(),c=e&&l?sn(new S(s,s),void 0,n.calcTransformMatrix()):Dr,u=!e&&l?s:0,g=vs(r+u,i+u,ps([a,t.calcOwnMatrix()],!0)).add(c).scalarDivide(2);return[h.subtract(g),h.add(g)]};class Ls{calcLayoutResult(t,e){if(this.shouldPerformLayout(t))return this.calcBoundingBox(e,t)}shouldPerformLayout(t){let{type:e,prevStrategy:s,strategy:r}=t;return e===Ut||e===Fs||!!s&&r!==s}shouldLayoutClipPath(t){let{type:e,target:{clipPath:s}}=t;return e!==Ut&&s&&!s.absolutePositioned}getInitialSize(t,e){return e.size}calcBoundingBox(t,e){const{type:s,target:r}=e;if(s===Fs&&e.overrides)return e.overrides;if(t.length===0)return;const{left:i,top:o,width:a,height:h}=Bt(t.map(u=>Gn(r,u)).reduce((u,g)=>u.concat(g),[])),l=new S(a,h),c=new S(i,o).add(l.scalarDivide(2));if(s===Ut){const u=this.getInitialSize(e,{size:l,center:c});return{center:c,relativeCorrection:new S(0,0),size:u}}return{center:c.transform(r.calcOwnMatrix()),size:l}}}y(Ls,"type","strategy");class ri extends Ls{shouldPerformLayout(t){return!0}}y(ri,"type","fit-content"),P.setClass(ri);const Vn="layoutManager";class ns{constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:new ri;y(this,"strategy",void 0),this.strategy=t,this._subscriptions=new Map}performLayout(t){const e={bubbles:!0,strategy:this.strategy,...t,prevStrategy:this._prevLayoutStrategy,stopPropagation(){this.bubbles=!1}};this.onBeforeLayout(e);const s=this.getLayoutResult(e);s&&this.commitLayout(e,s),this.onAfterLayout(e,s),this._prevLayoutStrategy=e.strategy}attachHandlers(t,e){const{target:s}=e;return[gs,Li,Ve,Ii,ls,ji,cs,aa,ha].map(r=>t.on(r,i=>this.performLayout(r===gs?{type:"object_modified",trigger:r,e:i,target:s}:{type:"object_modifying",trigger:r,e:i,target:s})))}subscribe(t,e){this.unsubscribe(t,e);const s=this.attachHandlers(t,e);this._subscriptions.set(t,s)}unsubscribe(t,e){(this._subscriptions.get(t)||[]).forEach(s=>s()),this._subscriptions.delete(t)}unsubscribeTargets(t){t.targets.forEach(e=>this.unsubscribe(e,t))}subscribeTargets(t){t.targets.forEach(e=>this.subscribe(e,t))}onBeforeLayout(t){const{target:e,type:s}=t,{canvas:r}=e;if(s===Ut||s===As?this.subscribeTargets(t):s===si&&this.unsubscribeTargets(t),e.fire("layout:before",{context:t}),r&&r.fire("object:layout:before",{target:e,context:t}),s===Fs&&t.deep){const{strategy:i,...o}=t;e.forEachObject(a=>a.layoutManager&&a.layoutManager.performLayout({...o,bubbles:!1,target:a}))}}getLayoutResult(t){const{target:e,strategy:s,type:r}=t,i=s.calcLayoutResult(t,e.getObjects());if(!i)return;const o=r===Ut?new S:e.getRelativeCenterPoint(),{center:a,correction:h=new S,relativeCorrection:l=new S}=i,c=o.subtract(a).add(h).transform(r===Ut?ht:_t(e.calcOwnMatrix()),!0).add(l);return{result:i,prevCenter:o,nextCenter:a,offset:c}}commitLayout(t,e){const{target:s}=t,{result:{size:r},nextCenter:i}=e;var o,a;s.set({width:r.x,height:r.y}),this.layoutObjects(t,e),t.type===Ut?s.set({left:(o=t.x)!==null&&o!==void 0?o:i.x+r.x*ct(s.originX),top:(a=t.y)!==null&&a!==void 0?a:i.y+r.y*ct(s.originY)}):(s.setPositionByOrigin(i,B,B),s.setCoords(),s.set("dirty",!0))}layoutObjects(t,e){const{target:s}=t;s.forEachObject(r=>{r.group===s&&this.layoutObject(t,e,r)}),t.strategy.shouldLayoutClipPath(t)&&this.layoutObject(t,e,s.clipPath)}layoutObject(t,e,s){let{offset:r}=e;s.set({left:s.left+r.x,top:s.top+r.y})}onAfterLayout(t,e){const{target:s,strategy:r,bubbles:i,prevStrategy:o,...a}=t,{canvas:h}=s;s.fire("layout:after",{context:t,result:e}),h&&h.fire("object:layout:after",{context:t,result:e,target:s});const l=s.parent;i&&l!=null&&l.layoutManager&&((a.path||(a.path=[])).push(s),l.layoutManager.performLayout({...a,target:l})),s.set("dirty",!0)}dispose(){const{_subscriptions:t}=this;t.forEach(e=>e.forEach(s=>s())),t.clear()}toObject(){return{type:Vn,strategy:this.strategy.constructor.type}}toJSON(){return this.toObject()}}P.setClass(ns,Vn);class uh extends ns{performLayout(){}}class qt extends Ri(ot){static getDefaults(){return{...super.getDefaults(),...qt.ownDefaults}}constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};super(),y(this,"_activeObjects",[]),y(this,"__objectSelectionTracker",void 0),y(this,"__objectSelectionDisposer",void 0),Object.assign(this,qt.ownDefaults),this.setOptions(e),this.groupInit(t,e)}groupInit(t,e){var s;this._objects=[...t],this.__objectSelectionTracker=this.__objectSelectionMonitor.bind(this,!0),this.__objectSelectionDisposer=this.__objectSelectionMonitor.bind(this,!1),this.forEachObject(r=>{this.enterGroup(r,!1)}),this.layoutManager=(s=e.layoutManager)!==null&&s!==void 0?s:new ns,this.layoutManager.performLayout({type:Ut,target:this,targets:[...t],x:e.left,y:e.top})}canEnterGroup(t){return t===this||this.isDescendantOf(t)?(Zt("error","Group: circular object trees are not supported, this call has no effect"),!1):this._objects.indexOf(t)===-1||(Zt("error","Group: duplicate objects are not supported inside group, this call has no effect"),!1)}_filterObjectsBeforeEnteringGroup(t){return t.filter((e,s,r)=>this.canEnterGroup(e)&&r.indexOf(e)===s)}add(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];const r=this._filterObjectsBeforeEnteringGroup(e),i=super.add(...r);return this._onAfterObjectsChange(As,r),i}insertAt(t){for(var e=arguments.length,s=new Array(e>1?e-1:0),r=1;r<e;r++)s[r-1]=arguments[r];const i=this._filterObjectsBeforeEnteringGroup(s),o=super.insertAt(t,...i);return this._onAfterObjectsChange(As,i),o}remove(){const t=super.remove(...arguments);return this._onAfterObjectsChange(si,t),t}_onObjectAdded(t){this.enterGroup(t,!0),this.fire("object:added",{target:t}),t.fire("added",{target:this})}_onObjectRemoved(t,e){this.exitGroup(t,e),this.fire("object:removed",{target:t}),t.fire("removed",{target:this})}_onAfterObjectsChange(t,e){this.layoutManager.performLayout({type:t,targets:e,target:this})}_onStackOrderChanged(){this._set("dirty",!0)}_set(t,e){const s=this[t];return super._set(t,e),t==="canvas"&&s!==e&&(this._objects||[]).forEach(r=>{r._set(t,e)}),this}_shouldSetNestedCoords(){return this.subTargetCheck}removeAll(){return this._activeObjects=[],this.remove(...this._objects)}__objectSelectionMonitor(t,e){let{target:s}=e;const r=this._activeObjects;if(t)r.push(s),this._set("dirty",!0);else if(r.length>0){const i=r.indexOf(s);i>-1&&(r.splice(i,1),this._set("dirty",!0))}}_watchObject(t,e){t&&this._watchObject(!1,e),t?(e.on("selected",this.__objectSelectionTracker),e.on("deselected",this.__objectSelectionDisposer)):(e.off("selected",this.__objectSelectionTracker),e.off("deselected",this.__objectSelectionDisposer))}enterGroup(t,e){t.group&&t.group.remove(t),t._set("parent",this),this._enterGroup(t,e)}_enterGroup(t,e){e&&Ie(t,et(_t(this.calcTransformMatrix()),t.calcTransformMatrix())),this._shouldSetNestedCoords()&&t.setCoords(),t._set("group",this),t._set("canvas",this.canvas),this._watchObject(!0,t);const s=this.canvas&&this.canvas.getActiveObject&&this.canvas.getActiveObject();s&&(s===t||t.isDescendantOf(s))&&this._activeObjects.push(t)}exitGroup(t,e){this._exitGroup(t,e),t._set("parent",void 0),t._set("canvas",void 0)}_exitGroup(t,e){t._set("group",void 0),e||(Ie(t,et(this.calcTransformMatrix(),t.calcTransformMatrix())),t.setCoords()),this._watchObject(!1,t);const s=this._activeObjects.length>0?this._activeObjects.indexOf(t):-1;s>-1&&this._activeObjects.splice(s,1)}shouldCache(){const t=ot.prototype.shouldCache.call(this);if(t){for(let e=0;e<this._objects.length;e++)if(this._objects[e].willDrawShadow())return this.ownCaching=!1,!1}return t}willDrawShadow(){if(super.willDrawShadow())return!0;for(let t=0;t<this._objects.length;t++)if(this._objects[t].willDrawShadow())return!0;return!1}isOnACache(){return this.ownCaching||!!this.parent&&this.parent.isOnACache()}drawObject(t,e,s){this._renderBackground(t);for(let i=0;i<this._objects.length;i++){var r;const o=this._objects[i];(r=this.canvas)!==null&&r!==void 0&&r.preserveObjectStacking&&o.group!==this?(t.save(),t.transform(..._t(this.calcTransformMatrix())),o.render(t),t.restore()):o.group===this&&o.render(t)}this._drawClipPath(t,this.clipPath,s)}setCoords(){super.setCoords(),this._shouldSetNestedCoords()&&this.forEachObject(t=>t.setCoords())}triggerLayout(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};this.layoutManager.performLayout({target:this,type:Fs,...t})}render(t){this._transformDone=!0,super.render(t),this._transformDone=!1}__serializeObjects(t,e){const s=this.includeDefaultValues;return this._objects.filter(function(r){return!r.excludeFromExport}).map(function(r){const i=r.includeDefaultValues;r.includeDefaultValues=s;const o=r[t||"toObject"](e);return r.includeDefaultValues=i,o})}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];const e=this.layoutManager.toObject();return{...super.toObject(["subTargetCheck","interactive",...t]),...e.strategy!=="fit-content"||this.includeDefaultValues?{layoutManager:e}:{},objects:this.__serializeObjects("toObject",t)}}toString(){return`#<Group: (${this.complexity()})>`}dispose(){this.layoutManager.unsubscribeTargets({targets:this.getObjects(),target:this}),this._activeObjects=[],this.forEachObject(t=>{this._watchObject(!1,t),t.dispose()}),super.dispose()}_createSVGBgRect(t){if(!this.backgroundColor)return"";const e=Et.prototype._toSVG.call(this),s=e.indexOf("COMMON_PARTS");e[s]='for="group" ';const r=e.join("");return t?t(r):r}_toSVG(t){const e=["<g ","COMMON_PARTS",` >
-`],s=this._createSVGBgRect(t);s&&e.push("		",s);for(let r=0;r<this._objects.length;r++)e.push("		",this._objects[r].toSVG(t));return e.push(`</g>
-`),e}getSvgStyles(){const t=this.opacity!==void 0&&this.opacity!==1?`opacity: ${this.opacity};`:"",e=this.visible?"":" visibility: hidden;";return[t,this.getSvgFilter(),e].join("")}toClipPathSVG(t){const e=[],s=this._createSVGBgRect(t);s&&e.push("	",s);for(let r=0;r<this._objects.length;r++)e.push("	",this._objects[r].toClipPathSVG(t));return this._createBaseClipPathSVGMarkup(e,{reviver:t})}static fromObject(t,e){let{type:s,objects:r=[],layoutManager:i,...o}=t;return Promise.all([Ae(r,e),Ke(o,e)]).then(a=>{let[h,l]=a;const c=new this(h,{...o,...l,layoutManager:new uh});if(i){const u=P.getClass(i.type),g=P.getClass(i.strategy);c.layoutManager=new u(new g)}else c.layoutManager=new ns;return c.layoutManager.subscribeTargets({type:Ut,target:c,targets:c.getObjects()}),c.setCoords(),c})}}y(qt,"type","Group"),y(qt,"ownDefaults",{strokeWidth:0,subTargetCheck:!1,interactive:!1}),P.setClass(qt);const zn=(n,t)=>Math.min(t.width/n.width,t.height/n.height),Un=(n,t)=>Math.max(t.width/n.width,t.height/n.height),ii="\\s*,?\\s*",os=`${ii}(${pe})`,gh=`${os}${os}${os}${ii}([01])${ii}([01])${os}${os}`,dh={m:"l",M:"L"},fh=(n,t,e,s,r,i,o,a,h,l,c)=>{const u=Tt(n),g=Ot(n),d=Tt(t),f=Ot(t),p=e*r*d-s*i*f+o,m=s*r*d+e*i*f+a;return["C",l+h*(-e*r*g-s*i*u),c+h*(-s*r*g+e*i*u),p+h*(e*r*f+s*i*d),m+h*(s*r*f-e*i*d),p,m]},qn=(n,t,e,s)=>{const r=Math.atan2(t,n),i=Math.atan2(s,e);return i>=r?i-r:2*Math.PI-(r-i)};function ni(n,t,e,s,r,i,o,a){let h;if(Y.cachesBoundsOfCurve&&(h=[...arguments].join(),Ge.boundsOfCurveCache[h]))return Ge.boundsOfCurveCache[h];const l=Math.sqrt,c=Math.abs,u=[],g=[[0,0],[0,0]];let d=6*n-12*e+6*r,f=-3*n+9*e-9*r+3*o,p=3*e-3*n;for(let x=0;x<2;++x){if(x>0&&(d=6*t-12*s+6*i,f=-3*t+9*s-9*i+3*a,p=3*s-3*t),c(f)<1e-12){if(c(d)<1e-12)continue;const k=-p/d;0<k&&k<1&&u.push(k);continue}const _=d*d-4*p*f;if(_<0)continue;const b=l(_),O=(-d+b)/(2*f);0<O&&O<1&&u.push(O);const T=(-d-b)/(2*f);0<T&&T<1&&u.push(T)}let m=u.length;const v=m,w=Jn(n,t,e,s,r,i,o,a);for(;m--;){const{x,y:_}=w(u[m]);g[0][m]=x,g[1][m]=_}g[0][v]=n,g[1][v]=t,g[0][v+1]=o,g[1][v+1]=a;const C=[new S(Math.min(...g[0]),Math.min(...g[1])),new S(Math.max(...g[0]),Math.max(...g[1]))];return Y.cachesBoundsOfCurve&&(Ge.boundsOfCurveCache[h]=C),C}const ph=(n,t,e)=>{let[s,r,i,o,a,h,l,c]=e;const u=((g,d,f,p,m,v,w)=>{if(f===0||p===0)return[];let C=0,x=0,_=0;const b=Math.PI,O=w*Sr,T=Ot(O),k=Tt(O),D=.5*(-k*g-T*d),A=.5*(-k*d+T*g),L=f**2,I=p**2,j=A**2,U=D**2,N=L*I-L*j-I*U;let H=Math.abs(f),$=Math.abs(p);if(N<0){const it=Math.sqrt(1-N/(L*I));H*=it,$*=it}else _=(m===v?-1:1)*Math.sqrt(N/(L*j+I*U));const tt=_*H*A/$,K=-_*$*D/H,ft=k*tt-T*K+.5*g,at=T*tt+k*K+.5*d;let E=qn(1,0,(D-tt)/H,(A-K)/$),M=qn((D-tt)/H,(A-K)/$,(-D-tt)/H,(-A-K)/$);v===0&&M>0?M-=2*b:v===1&&M<0&&(M+=2*b);const F=Math.ceil(Math.abs(M/b*2)),X=[],W=M/F,R=8/3*Math.sin(W/4)*Math.sin(W/4)/Math.sin(W/2);let J=E+W;for(let it=0;it<F;it++)X[it]=fh(E,J,k,T,H,$,ft,at,R,C,x),C=X[it][5],x=X[it][6],E=J,J+=W;return X})(l-n,c-t,r,i,a,h,o);for(let g=0,d=u.length;g<d;g++)u[g][1]+=n,u[g][2]+=t,u[g][3]+=n,u[g][4]+=t,u[g][5]+=n,u[g][6]+=t;return u},Kn=n=>{let t=0,e=0,s=0,r=0;const i=[];let o,a=0,h=0;for(const l of n){const c=[...l];let u;switch(c[0]){case"l":c[1]+=t,c[2]+=e;case"L":t=c[1],e=c[2],u=["L",t,e];break;case"h":c[1]+=t;case"H":t=c[1],u=["L",t,e];break;case"v":c[1]+=e;case"V":e=c[1],u=["L",t,e];break;case"m":c[1]+=t,c[2]+=e;case"M":t=c[1],e=c[2],s=c[1],r=c[2],u=["M",t,e];break;case"c":c[1]+=t,c[2]+=e,c[3]+=t,c[4]+=e,c[5]+=t,c[6]+=e;case"C":a=c[3],h=c[4],t=c[5],e=c[6],u=["C",c[1],c[2],a,h,t,e];break;case"s":c[1]+=t,c[2]+=e,c[3]+=t,c[4]+=e;case"S":o==="C"?(a=2*t-a,h=2*e-h):(a=t,h=e),t=c[3],e=c[4],u=["C",a,h,c[1],c[2],t,e],a=u[3],h=u[4];break;case"q":c[1]+=t,c[2]+=e,c[3]+=t,c[4]+=e;case"Q":a=c[1],h=c[2],t=c[3],e=c[4],u=["Q",a,h,t,e];break;case"t":c[1]+=t,c[2]+=e;case"T":o==="Q"?(a=2*t-a,h=2*e-h):(a=t,h=e),t=c[1],e=c[2],u=["Q",a,h,t,e];break;case"a":c[6]+=t,c[7]+=e;case"A":ph(t,e,c).forEach(g=>i.push(g)),t=c[6],e=c[7];break;case"z":case"Z":t=s,e=r,u=["Z"]}u?(i.push(u),o=u[0]):o=""}return i},Is=(n,t,e,s)=>Math.sqrt((e-n)**2+(s-t)**2),Jn=(n,t,e,s,r,i,o,a)=>h=>{const l=h**3,c=(d=>3*d**2*(1-d))(h),u=(d=>3*d*(1-d)**2)(h),g=(d=>(1-d)**3)(h);return new S(o*l+r*c+e*u+n*g,a*l+i*c+s*u+t*g)},Qn=n=>n**2,Zn=n=>2*n*(1-n),to=n=>(1-n)**2,mh=(n,t,e,s,r,i,o,a)=>h=>{const l=Qn(h),c=Zn(h),u=to(h),g=3*(u*(e-n)+c*(r-e)+l*(o-r)),d=3*(u*(s-t)+c*(i-s)+l*(a-i));return Math.atan2(d,g)},yh=(n,t,e,s,r,i)=>o=>{const a=Qn(o),h=Zn(o),l=to(o);return new S(r*a+e*h+n*l,i*a+s*h+t*l)},vh=(n,t,e,s,r,i)=>o=>{const a=1-o,h=2*(a*(e-n)+o*(r-e)),l=2*(a*(s-t)+o*(i-s));return Math.atan2(l,h)},eo=(n,t,e)=>{let s=new S(t,e),r=0;for(let i=1;i<=100;i+=1){const o=n(i/100);r+=Is(s.x,s.y,o.x,o.y),s=o}return r},xh=(n,t)=>{let e,s=0,r=0,i={x:n.x,y:n.y},o={...i},a=.01,h=0;const l=n.iterator,c=n.angleFinder;for(;r<t&&a>1e-4;)o=l(s),h=s,e=Is(i.x,i.y,o.x,o.y),e+r>t?(s-=a,a/=2):(i=o,s+=a,r+=e);return{...o,angle:c(h)}},oi=n=>{let t,e,s=0,r=0,i=0,o=0,a=0;const h=[];for(const l of n){const c={x:r,y:i,command:l[0],length:0};switch(l[0]){case"M":e=c,e.x=o=r=l[1],e.y=a=i=l[2];break;case"L":e=c,e.length=Is(r,i,l[1],l[2]),r=l[1],i=l[2];break;case"C":t=Jn(r,i,l[1],l[2],l[3],l[4],l[5],l[6]),e=c,e.iterator=t,e.angleFinder=mh(r,i,l[1],l[2],l[3],l[4],l[5],l[6]),e.length=eo(t,r,i),r=l[5],i=l[6];break;case"Q":t=yh(r,i,l[1],l[2],l[3],l[4]),e=c,e.iterator=t,e.angleFinder=vh(r,i,l[1],l[2],l[3],l[4]),e.length=eo(t,r,i),r=l[3],i=l[4];break;case"Z":e=c,e.destX=o,e.destY=a,e.length=Is(r,i,o,a),r=o,i=a}s+=e.length,h.push(e)}return h.push({length:s,x:r,y:i}),h},so=function(n,t){let e=arguments.length>2&&arguments[2]!==void 0?arguments[2]:oi(n),s=0;for(;t-e[s].length>0&&s<e.length-2;)t-=e[s].length,s++;const r=e[s],i=t/r.length,o=n[s];switch(r.command){case"M":return{x:r.x,y:r.y,angle:0};case"Z":return{...new S(r.x,r.y).lerp(new S(r.destX,r.destY),i),angle:Math.atan2(r.destY-r.y,r.destX-r.x)};case"L":return{...new S(r.x,r.y).lerp(new S(o[1],o[2]),i),angle:Math.atan2(o[2]-r.y,o[1]-r.x)};case"C":case"Q":return xh(r,t)}},_h=new RegExp("[mzlhvcsqta][^mzlhvcsqta]*","gi"),ro=new RegExp(gh,"g"),wh=new RegExp(pe,"gi"),Sh={m:2,l:2,h:1,v:1,c:6,s:4,q:4,t:2,a:7},io=n=>{var t;const e=[],s=(t=n.match(_h))!==null&&t!==void 0?t:[];for(const r of s){const i=r[0];if(i==="z"||i==="Z"){e.push([i]);continue}const o=Sh[i.toLowerCase()];let a=[];if(i==="a"||i==="A"){ro.lastIndex=0;for(let h=null;h=ro.exec(r);)a.push(...h.slice(1))}else a=r.match(wh)||[];for(let h=0;h<a.length;h+=o){const l=new Array(o),c=dh[i];l[0]=h>0&&c?c:i;for(let u=0;u<o;u++)l[u+1]=parseFloat(a[h+u]);e.push(l)}}return e},Ch=function(n){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0,e=new S(n[0]),s=new S(n[1]),r=1,i=0;const o=[],a=n.length,h=a>2;let l;for(h&&(r=n[2].x<s.x?-1:n[2].x===s.x?0:1,i=n[2].y<s.y?-1:n[2].y===s.y?0:1),o.push(["M",e.x-r*t,e.y-i*t]),l=1;l<a;l++){if(!e.eq(s)){const c=e.midPointFrom(s);o.push(["Q",e.x,e.y,c.x,c.y])}e=n[l],l+1<n.length&&(s=n[l+1])}return h&&(r=e.x>n[l-2].x?1:e.x===n[l-2].x?0:-1,i=e.y>n[l-2].y?1:e.y===n[l-2].y?0:-1),o.push(["L",e.x+r*t,e.y+i*t]),o},no=(n,t)=>n.map(e=>e.map((s,r)=>r===0||t===void 0?s:V(s,t)).join(" ")).join(" ");var oo=Object.freeze({__proto__:null,addTransformToObject:tn,animate:Kr,animateColor:On,applyTransformToObject:Ie,calcAngleBetweenVectors:_s,calcDimensionsMatrix:Ue,calcPlaneChangeMatrix:Je,calcVectorRotation:$r,cancelAnimFrame:$i,capValue:me,composeMatrix:Hi,copyCanvasElement:n=>{var t;const e=xt(n);return(t=e.getContext("2d"))===null||t===void 0||t.drawImage(n,0,0),e},cos:Tt,createCanvasElement:Rt,createImage:Xi,createRotateMatrix:le,createScaleMatrix:ms,createSkewXMatrix:Ar,createSkewYMatrix:Fr,createTranslateMatrix:Pe,createVector:Qe,crossProduct:je,degreesToRadians:Q,dotProduct:nn,ease:wa,enlivenObjectEnlivables:Ke,enlivenObjects:Ae,findScaleToCover:Un,findScaleToFit:zn,getBoundsOfCurve:ni,getOrthonormalVector:Xr,getPathSegmentsInfo:oi,getPointOnPath:so,getPointer:Qi,getRandomInt:(n,t)=>Math.floor(Math.random()*(t-n+1))+n,getRegularPolygonPath:(n,t)=>{const e=2*Math.PI/n;let s=-te;n%2==0&&(s+=e/2);const r=new Array(n+1);for(let i=0;i<n;i++){const o=i*e+s,{x:a,y:h}=new S(Tt(o),Ot(o)).scalarMultiply(t);r[i]=[i===0?"M":"L",a,h]}return r[n]=["Z"],r},getSmoothPathFromPoints:Ch,getSvgAttributes:n=>{const t=["instantiated_by_use","style","id","class"];switch(n){case"linearGradient":return t.concat(["x1","y1","x2","y2","gradientUnits","gradientTransform"]);case"radialGradient":return t.concat(["gradientUnits","gradientTransform","cx","cy","r","fx","fy","fr"]);case"stop":return t.concat(["offset","stop-color","stop-opacity"])}return t},getUnitVector:ws,groupSVGElements:(n,t)=>n&&n.length===1?n[0]:new qt(n,t),hasStyleChanged:Ps,invertTransform:_t,isBetweenVectors:Wr,isIdentityMatrix:Wi,isTouchEvent:ys,isTransparent:jn,joinPath:no,loadImage:qe,magnitude:xs,makeBoundingBoxFromPoints:Bt,makePathSimpler:Kn,matrixToSVG:Fe,mergeClipPaths:(n,t)=>{var e;let s=n,r=t;s.inverted&&!r.inverted&&(s=t,r=n),Rr(r,(e=r.group)===null||e===void 0?void 0:e.calcTransformMatrix(),s.calcTransformMatrix());const i=s.inverted&&r.inverted;return i&&(s.inverted=r.inverted=!1),new qt([s],{clipPath:r,inverted:i})},multiplyTransformMatrices:et,multiplyTransformMatrixArray:ps,parsePath:io,parsePreserveAspectRatioAttribute:fn,parseUnit:de,pick:ce,projectStrokeOnPoints:$n,qrDecompose:Ee,radiansToDegrees:Nt,removeFromArray:he,removeTransformFromObject:(n,t)=>{const e=_t(t),s=et(e,n.calcOwnMatrix());Ie(n,s)},removeTransformMatrixForSvgParsing:(n,t)=>{let e=n._findCenterFromElement();n.transformMatrix&&((s=>{if(s.transformMatrix){const{scaleX:r,scaleY:i,angle:o,skewX:a}=Ee(s.transformMatrix);s.flipX=!1,s.flipY=!1,s.set(lt,r),s.set(yt,i),s.angle=o,s.skewX=a,s.skewY=0}})(n),e=e.transform(n.transformMatrix)),delete n.transformMatrix,t&&(n.scaleX*=t.scaleX,n.scaleY*=t.scaleY,n.cropX=t.cropX,n.cropY=t.cropY,e.x+=t.offsetLeft,e.y+=t.offsetTop,n.width=t.width,n.height=t.height),n.setPositionByOrigin(e,B,B)},requestAnimFrame:ze,resetObjectTransform:en,rotateVector:Br,saveObjectTransform:jr,sendObjectToPlane:Rr,sendPointToPlane:ge,sendVectorToPlane:sn,sin:Ot,sizeAfterTransform:vs,string:Va,stylesFromArray:Yn,stylesToArray:Wn,toBlob:Pr,toDataURL:Er,toFixed:V,transformPath:(n,t,e)=>(e&&(t=et(t,[1,0,0,1,-e.x,-e.y])),n.map(s=>{const r=[...s];for(let i=1;i<s.length-1;i+=2){const{x:o,y:a}=nt({x:s[i],y:s[i+1]},t);r[i]=o,r[i+1]=a}return r})),transformPoint:nt});function ai(n,t){const e=n.style;e&&Object.entries(t).forEach(s=>{let[r,i]=s;return e.setProperty(r,i)})}class bh extends Ji{constructor(t){let{allowTouchScrolling:e=!1,containerClass:s=""}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};super(t),y(this,"upper",void 0),y(this,"container",void 0);const{el:r}=this.lower,i=this.createUpperCanvas();this.upper={el:i,ctx:i.getContext("2d")},this.applyCanvasStyle(r,{allowTouchScrolling:e}),this.applyCanvasStyle(i,{allowTouchScrolling:e,styles:{position:"absolute",left:"0",top:"0"}});const o=this.createContainerElement();o.classList.add(s),r.parentNode&&r.parentNode.replaceChild(o,r),o.append(r,i),this.container=o}createUpperCanvas(){const{el:t}=this.lower,e=Rt();return e.className=t.className,e.classList.remove("lower-canvas"),e.classList.add("upper-canvas"),e.setAttribute("data-fabric","top"),e.style.cssText=t.style.cssText,e.setAttribute("draggable","true"),e}createContainerElement(){const t=Oe().createElement("div");return t.setAttribute("data-fabric","wrapper"),ai(t,{position:"relative"}),Ki(t),t}applyCanvasStyle(t,e){const{styles:s,allowTouchScrolling:r}=e;ai(t,{...s,"touch-action":r?"manipulation":mt}),Ki(t)}setDimensions(t,e){super.setDimensions(t,e);const{el:s,ctx:r}=this.upper;qi(s,r,t,e)}setCSSDimensions(t){super.setCSSDimensions(t),Ir(this.upper.el,t),Ir(this.container,t)}cleanupDOM(t){const e=this.container,{el:s}=this.lower,{el:r}=this.upper;super.cleanupDOM(t),e.removeChild(r),e.removeChild(s),e.parentNode&&e.parentNode.replaceChild(s,e)}dispose(){super.dispose(),jt().dispose(this.upper.el),delete this.upper,delete this.container}}const Th=(n,t,e,s)=>{const{target:r,offsetX:i,offsetY:o}=t,a=e-i,h=s-o,l=!kt(r,"lockMovementX")&&r.left!==a,c=!kt(r,"lockMovementY")&&r.top!==h;return l&&r.set(G,a),c&&r.set(pt,h),(l||c)&&Mn(Li,hn(n,t,e,s)),l||c};class js extends Le{constructor(){super(...arguments),y(this,"_hoveredTargets",[]),y(this,"_currentTransform",null),y(this,"_groupSelector",null),y(this,"contextTopDirty",!1)}static getDefaults(){return{...super.getDefaults(),...js.ownDefaults}}get upperCanvasEl(){var t;return(t=this.elements.upper)===null||t===void 0?void 0:t.el}get contextTop(){var t;return(t=this.elements.upper)===null||t===void 0?void 0:t.ctx}get wrapperEl(){return this.elements.container}initElements(t){this.elements=new bh(t,{allowTouchScrolling:this.allowTouchScrolling,containerClass:this.containerClass}),this._createCacheCanvas()}_onObjectAdded(t){this._objectsToRender=void 0,super._onObjectAdded(t)}_onObjectRemoved(t){this._objectsToRender=void 0,t===this._activeObject&&(this.fire("before:selection:cleared",{deselected:[t]}),this._discardActiveObject(),this.fire("selection:cleared",{deselected:[t]}),t.fire("deselected",{target:t})),t===this._hoveredTarget&&(this._hoveredTarget=void 0,this._hoveredTargets=[]),super._onObjectRemoved(t)}_onStackOrderChanged(){this._objectsToRender=void 0,super._onStackOrderChanged()}_chooseObjectsToRender(){const t=this._activeObject;return!this.preserveObjectStacking&&t?this._objects.filter(e=>!e.group&&e!==t).concat(t):this._objects}renderAll(){this.cancelRequestedRender(),this.destroyed||(!this.contextTopDirty||this._groupSelector||this.isDrawingMode||(this.clearContext(this.contextTop),this.contextTopDirty=!1),this.hasLostContext&&(this.renderTopLayer(this.contextTop),this.hasLostContext=!1),!this._objectsToRender&&(this._objectsToRender=this._chooseObjectsToRender()),this.renderCanvas(this.getContext(),this._objectsToRender))}renderTopLayer(t){t.save(),this.isDrawingMode&&this._isCurrentlyDrawing&&(this.freeDrawingBrush&&this.freeDrawingBrush._render(),this.contextTopDirty=!0),this.selection&&this._groupSelector&&(this._drawSelection(t),this.contextTopDirty=!0),t.restore()}renderTop(){const t=this.contextTop;this.clearContext(t),this.renderTopLayer(t),this.fire("after:render",{ctx:t})}setTargetFindTolerance(t){t=Math.round(t),this.targetFindTolerance=t;const e=this.getRetinaScaling(),s=Math.ceil((2*t+1)*e);this.pixelFindCanvasEl.width=this.pixelFindCanvasEl.height=s,this.pixelFindContext.scale(e,e)}isTargetTransparent(t,e,s){const r=this.targetFindTolerance,i=this.pixelFindContext;this.clearContext(i),i.save(),i.translate(-e+r,-s+r),i.transform(...this.viewportTransform);const o=t.selectionBackgroundColor;t.selectionBackgroundColor="",t.render(i),t.selectionBackgroundColor=o,i.restore();const a=Math.round(r*this.getRetinaScaling());return jn(i,a,a,a)}_isSelectionKeyPressed(t){const e=this.selectionKey;return!!e&&(Array.isArray(e)?!!e.find(s=>!!s&&t[s]===!0):t[e])}_shouldClearSelection(t,e){const s=this.getActiveObjects(),r=this._activeObject;return!!(!e||e&&r&&s.length>1&&s.indexOf(e)===-1&&r!==e&&!this._isSelectionKeyPressed(t)||e&&!e.evented||e&&!e.selectable&&r&&r!==e)}_shouldCenterTransform(t,e,s){if(!t)return;let r;return e===us||e===lt||e===yt||e===Ve?r=this.centeredScaling||t.centeredScaling:e===Or&&(r=this.centeredRotation||t.centeredRotation),r?!s:s}_getOriginFromCorner(t,e){const s={x:t.originX,y:t.originY};return e&&(["ml","tl","bl"].includes(e)?s.x=Z:["mr","tr","br"].includes(e)&&(s.x=G),["tl","mt","tr"].includes(e)?s.y=br:["bl","mb","br"].includes(e)&&(s.y=pt)),s}_setupCurrentTransform(t,e,s){var r;const i=e.group?ge(this.getScenePoint(t),void 0,e.group.calcTransformMatrix()):this.getScenePoint(t),{key:o="",control:a}=e.getActiveControl()||{},h=s&&a?(r=a.getActionHandler(t,e,a))===null||r===void 0?void 0:r.bind(a):Th,l=((T,k,D,A)=>{if(!k||!T)return"drag";const L=A.controls[k];return L.getActionName(D,L,A)})(s,o,t,e),c=t[this.centeredKey],u=this._shouldCenterTransform(e,l,c)?{x:B,y:B}:this._getOriginFromCorner(e,o),{scaleX:g,scaleY:d,skewX:f,skewY:p,left:m,top:v,angle:w,width:C,height:x,cropX:_,cropY:b}=e,O={target:e,action:l,actionHandler:h,actionPerformed:!1,corner:o,scaleX:g,scaleY:d,skewX:f,skewY:p,offsetX:i.x-m,offsetY:i.y-v,originX:u.x,originY:u.y,ex:i.x,ey:i.y,lastX:i.x,lastY:i.y,theta:Q(w),width:C,height:x,shiftKey:t.shiftKey,altKey:c,original:{...jr(e),originX:u.x,originY:u.y,cropX:_,cropY:b}};this._currentTransform=O,this.fire("before:transform",{e:t,transform:O})}setCursor(t){this.upperCanvasEl.style.cursor=t}_drawSelection(t){const{x:e,y:s,deltaX:r,deltaY:i}=this._groupSelector,o=new S(e,s).transform(this.viewportTransform),a=new S(e+r,s+i).transform(this.viewportTransform),h=this.selectionLineWidth/2;let l=Math.min(o.x,a.x),c=Math.min(o.y,a.y),u=Math.max(o.x,a.x),g=Math.max(o.y,a.y);this.selectionColor&&(t.fillStyle=this.selectionColor,t.fillRect(l,c,u-l,g-c)),this.selectionLineWidth&&this.selectionBorderColor&&(t.lineWidth=this.selectionLineWidth,t.strokeStyle=this.selectionBorderColor,l+=h,c+=h,u-=h,g-=h,ot.prototype._setLineDash.call(this,t,this.selectionDashArray),t.strokeRect(l,c,u-l,g-c))}findTarget(t){if(this._targetInfo)return this._targetInfo;if(this.skipTargetFind)return{subTargets:[],currentSubTargets:[]};const e=this.getScenePoint(t),s=this._activeObject,r=this.getActiveObjects(),i=this.searchPossibleTargets(this._objects,e),{subTargets:o,container:a,target:h}=i,l={...i,currentSubTargets:o,currentContainer:a,currentTarget:h};if(!s)return l;const c={...this.searchPossibleTargets([s],e),currentSubTargets:o,currentContainer:a,currentTarget:h};return s.findControl(this.getViewportPoint(t),ys(t))?{...c,target:s}:c.target&&(r.length>1||!this.preserveObjectStacking||this.preserveObjectStacking&&t[this.altSelectionKey])?c:l}_pointIsInObjectSelectionArea(t,e){let s=t.getCoords();const r=this.getZoom(),i=t.padding/r;if(i){const[o,a,h,l]=s,c=Math.atan2(a.y-o.y,a.x-o.x),u=Tt(c)*i,g=Ot(c)*i,d=u+g,f=u-g;s=[new S(o.x-f,o.y-d),new S(a.x+d,a.y-f),new S(h.x+f,h.y+d),new S(l.x-d,l.y+f)]}return q.isPointInPolygon(e,s)}_checkTarget(t,e){if(t&&t.visible&&t.evented&&this._pointIsInObjectSelectionArea(t,e)){if(!this.perPixelTargetFind&&!t.perPixelTargetFind||t.isEditing)return!0;{const s=e.transform(this.viewportTransform);if(!this.isTargetTransparent(t,s.x,s.y))return!0}}return!1}_searchPossibleTargets(t,e,s){let r=t.length;for(;r--;){const i=t[r];if(this._checkTarget(i,e)){if(fs(i)&&i.subTargetCheck){const{target:o}=this._searchPossibleTargets(i._objects,e,s);o&&s.push(o)}return{target:i,subTargets:s}}}return{subTargets:[]}}searchPossibleTargets(t,e){const s=this._searchPossibleTargets(t,e,[]);s.container=s.target;const{container:r,subTargets:i}=s;if(r&&fs(r)&&r.interactive&&i[0]){for(let o=i.length-1;o>0;o--){const a=i[o];if(!fs(a)||!a.interactive)return s.target=a,s}return s.target=i[0],s}return s}getViewportPoint(t){return this._viewportPoint?this._viewportPoint:this._getPointerImpl(t,!0)}getScenePoint(t){return this._scenePoint?this._scenePoint:this._getPointerImpl(t)}_getPointerImpl(t){let e=arguments.length>1&&arguments[1]!==void 0&&arguments[1];const s=this.upperCanvasEl,r=s.getBoundingClientRect();let i=Qi(t),o=r.width||0,a=r.height||0;o&&a||(pt in r&&br in r&&(a=Math.abs(r.top-r.bottom)),Z in r&&G in r&&(o=Math.abs(r.right-r.left))),this.calcOffset(),i.x=i.x-this._offset.left,i.y=i.y-this._offset.top,e||(i=ge(i,void 0,this.viewportTransform));const h=this.getRetinaScaling();h!==1&&(i.x/=h,i.y/=h);const l=o===0||a===0?new S(1,1):new S(s.width/o,s.height/a);return i.multiply(l)}_setDimensionsImpl(t,e){this._resetTransformEventData(),super._setDimensionsImpl(t,e),this._isCurrentlyDrawing&&this.freeDrawingBrush&&this.freeDrawingBrush._setBrushStyles(this.contextTop)}_createCacheCanvas(){this.pixelFindCanvasEl=Rt(),this.pixelFindContext=this.pixelFindCanvasEl.getContext("2d",{willReadFrequently:!0}),this.setTargetFindTolerance(this.targetFindTolerance)}getTopContext(){return this.elements.upper.ctx}getSelectionContext(){return this.elements.upper.ctx}getSelectionElement(){return this.elements.upper.el}getActiveObject(){return this._activeObject}getActiveObjects(){const t=this._activeObject;return ue(t)?t.getObjects():t?[t]:[]}_fireSelectionEvents(t,e){let s=!1,r=!1;const i=this.getActiveObjects(),o=[],a=[];t.forEach(h=>{i.includes(h)||(s=!0,h.fire("deselected",{e,target:h}),a.push(h))}),i.forEach(h=>{t.includes(h)||(s=!0,h.fire("selected",{e,target:h}),o.push(h))}),t.length>0&&i.length>0?(r=!0,s&&this.fire("selection:updated",{e,selected:o,deselected:a})):i.length>0?(r=!0,this.fire("selection:created",{e,selected:o})):t.length>0&&(r=!0,this.fire("selection:cleared",{e,deselected:a})),r&&(this._objectsToRender=void 0)}setActiveObject(t,e){const s=this.getActiveObjects(),r=this._setActiveObject(t,e);return this._fireSelectionEvents(s,e),r}_setActiveObject(t,e){const s=this._activeObject;return s!==t&&!(!this._discardActiveObject(e,t)&&this._activeObject)&&!t.onSelect({e})&&(this._activeObject=t,ue(t)&&s!==t&&t.set("canvas",this),t.setCoords(),!0)}_discardActiveObject(t,e){const s=this._activeObject;return!!s&&!s.onDeselect({e:t,object:e})&&(this._currentTransform&&this._currentTransform.target===s&&this.endCurrentTransform(t),ue(s)&&s===this._hoveredTarget&&(this._hoveredTarget=void 0),this._activeObject=void 0,!0)}discardActiveObject(t){const e=this.getActiveObjects(),s=this.getActiveObject();e.length&&this.fire("before:selection:cleared",{e:t,deselected:[s]});const r=this._discardActiveObject(t);return this._fireSelectionEvents(e,t),r}endCurrentTransform(t){const e=this._currentTransform;this._finalizeCurrentTransform(t),e&&e.target&&(e.target.isMoving=!1),this._currentTransform=null}_finalizeCurrentTransform(t){const e=this._currentTransform,s=e.target,r={e:t,target:s,transform:e,action:e.action};s._scaling&&(s._scaling=!1),s.setCoords(),e.actionPerformed&&(this.fire("object:modified",r),s.fire(gs,r))}setViewportTransform(t){super.setViewportTransform(t);const e=this._activeObject;e&&e.setCoords()}destroy(){const t=this._activeObject;ue(t)&&(t.removeAll(),t.dispose()),delete this._activeObject,super.destroy(),this.pixelFindContext=null,this.pixelFindCanvasEl=void 0}clear(){this.discardActiveObject(),this._activeObject=void 0,this.clearContext(this.contextTop),super.clear()}drawControls(t){const e=this._activeObject;e&&e._renderControls(t)}_toObject(t,e,s){const r=this._realizeGroupTransformOnObject(t),i=super._toObject(t,e,s);return t.set(r),i}_realizeGroupTransformOnObject(t){const{group:e}=t;if(e&&ue(e)&&this._activeObject===e){const s=ce(t,["angle","flipX","flipY",G,lt,yt,Me,ke,pt]);return tn(t,e.calcOwnMatrix()),s}return{}}_setSVGObject(t,e,s){const r=this._realizeGroupTransformOnObject(e);super._setSVGObject(t,e,s),e.set(r)}}y(js,"ownDefaults",{uniformScaling:!0,uniScaleKey:"shiftKey",centeredScaling:!1,centeredRotation:!1,centeredKey:"altKey",altActionKey:"shiftKey",selection:!0,selectionKey:"shiftKey",selectionColor:"rgba(100, 100, 255, 0.3)",selectionDashArray:[],selectionBorderColor:"rgba(255, 255, 255, 0.3)",selectionLineWidth:1,selectionFullyContained:!1,hoverCursor:"move",moveCursor:"move",defaultCursor:"default",freeDrawingCursor:"crosshair",notAllowedCursor:"not-allowed",perPixelTargetFind:!1,targetFindTolerance:0,skipTargetFind:!1,stopContextMenu:!0,fireRightClick:!0,fireMiddleClick:!0,enablePointerEvents:!1,containerClass:"canvas-container",preserveObjectStacking:!0});class Oh{constructor(t){y(this,"targets",[]),y(this,"__disposer",void 0);const e=()=>{const{hiddenTextarea:r}=t.getActiveObject()||{};r&&r.focus()},s=t.upperCanvasEl;s.addEventListener("click",e),this.__disposer=()=>s.removeEventListener("click",e)}exitTextEditing(){this.target=void 0,this.targets.forEach(t=>{t.isEditing&&t.exitEditing()})}add(t){this.targets.push(t)}remove(t){this.unregister(t),he(this.targets,t)}register(t){this.target=t}unregister(t){t===this.target&&(this.target=void 0)}onMouseMove(t){var e;!((e=this.target)===null||e===void 0)&&e.isEditing&&this.target.updateSelectionOnMouseMove(t)}clear(){this.targets=[],this.target=void 0}dispose(){this.clear(),this.__disposer(),delete this.__disposer}}const wt={passive:!1},ye=(n,t)=>({viewportPoint:n.getViewportPoint(t),scenePoint:n.getScenePoint(t)}),ie=function(n){for(var t=arguments.length,e=new Array(t>1?t-1:0),s=1;s<t;s++)e[s-1]=arguments[s];return n.addEventListener(...e)},Ct=function(n){for(var t=arguments.length,e=new Array(t>1?t-1:0),s=1;s<t;s++)e[s-1]=arguments[s];return n.removeEventListener(...e)},Mh={mouse:{in:"over",out:"out",targetIn:"mouseover",targetOut:"mouseout",canvasIn:"mouse:over",canvasOut:"mouse:out"},drag:{in:"enter",out:"leave",targetIn:"dragenter",targetOut:"dragleave",canvasIn:"drag:enter",canvasOut:"drag:leave"}};class hi extends js{constructor(t){super(t,arguments.length>1&&arguments[1]!==void 0?arguments[1]:{}),y(this,"_isClick",void 0),y(this,"textEditingManager",new Oh(this)),["_onMouseDown","_onTouchStart","_onMouseMove","_onMouseUp","_onTouchEnd","_onResize","_onMouseWheel","_onMouseOut","_onMouseEnter","_onContextMenu","_onClick","_onDragStart","_onDragEnd","_onDragProgress","_onDragOver","_onDragEnter","_onDragLeave","_onDrop"].forEach(e=>{this[e]=this[e].bind(this)}),this.addOrRemove(ie)}_getEventPrefix(){return this.enablePointerEvents?"pointer":"mouse"}addOrRemove(t){let e=arguments.length>1&&arguments[1]!==void 0&&arguments[1];const s=this.upperCanvasEl,r=this._getEventPrefix();t(Ui(s),"resize",this._onResize),t(s,r+"down",this._onMouseDown),t(s,`${r}move`,this._onMouseMove,wt),t(s,`${r}out`,this._onMouseOut),t(s,`${r}enter`,this._onMouseEnter),t(s,"wheel",this._onMouseWheel,{passive:!1}),t(s,"contextmenu",this._onContextMenu),e||(t(s,"click",this._onClick),t(s,"dblclick",this._onClick)),t(s,"dragstart",this._onDragStart),t(s,"dragend",this._onDragEnd),t(s,"dragover",this._onDragOver),t(s,"dragenter",this._onDragEnter),t(s,"dragleave",this._onDragLeave),t(s,"drop",this._onDrop),this.enablePointerEvents||t(s,"touchstart",this._onTouchStart,wt)}removeListeners(){this.addOrRemove(Ct);const t=this._getEventPrefix(),e=Mt(this.upperCanvasEl);Ct(e,`${t}up`,this._onMouseUp),Ct(e,"touchend",this._onTouchEnd,wt),Ct(e,`${t}move`,this._onMouseMove,wt),Ct(e,"touchmove",this._onMouseMove,wt),clearTimeout(this._willAddMouseDown)}_onMouseWheel(t){this._cacheTransformEventData(t),this._handleEvent(t,"wheel"),this._resetTransformEventData()}_onMouseOut(t){const e=this._hoveredTarget,s={e:t,...ye(this,t)};this.fire("mouse:out",{...s,target:e}),this._hoveredTarget=void 0,e&&e.fire("mouseout",{...s}),this._hoveredTargets.forEach(r=>{this.fire("mouse:out",{...s,target:r}),r&&r.fire("mouseout",{...s})}),this._hoveredTargets=[]}_onMouseEnter(t){const{target:e}=this.findTarget(t);this._currentTransform||e||(this.fire("mouse:over",{e:t,...ye(this,t)}),this._hoveredTarget=void 0,this._hoveredTargets=[])}_onDragStart(t){this._isClick=!1;const e=this.getActiveObject();if(e&&e.onDragStart(t)){this._dragSource=e;const s={e:t,target:e};return this.fire("dragstart",s),e.fire("dragstart",s),void ie(this.upperCanvasEl,"drag",this._onDragProgress)}Zi(t)}_renderDragEffects(t,e,s){let r=!1;const i=this._dropTarget;i&&i!==e&&i!==s&&(i.clearContextTop(),r=!0),e==null||e.clearContextTop(),s!==e&&(s==null||s.clearContextTop());const o=this.contextTop;o.save(),o.transform(...this.viewportTransform),e&&(o.save(),e.transform(o),e.renderDragSourceEffect(t),o.restore(),r=!0),s&&(o.save(),s.transform(o),s.renderDropTargetEffect(t),o.restore(),r=!0),o.restore(),r&&(this.contextTopDirty=!0)}_onDragEnd(t){const{currentSubTargets:e}=this.findTarget(t),s=!!t.dataTransfer&&t.dataTransfer.dropEffect!==mt,r=s?this._activeObject:void 0,i={e:t,target:this._dragSource,subTargets:e,dragSource:this._dragSource,didDrop:s,dropTarget:r};Ct(this.upperCanvasEl,"drag",this._onDragProgress),this.fire("dragend",i),this._dragSource&&this._dragSource.fire("dragend",i),delete this._dragSource,this._onMouseUp(t)}_onDragProgress(t){const e={e:t,target:this._dragSource,dragSource:this._dragSource,dropTarget:this._draggedoverTarget};this.fire("drag",e),this._dragSource&&this._dragSource.fire("drag",e)}_onDragOver(t){const e="dragover",{currentContainer:s,currentSubTargets:r}=this.findTarget(t),i=this._dragSource,o={e:t,target:s,subTargets:r,dragSource:i,canDrop:!1,dropTarget:void 0};let a;this.fire(e,o),this._fireEnterLeaveEvents(t,s,o),s&&(s.canDrop(t)&&(a=s),s.fire(e,o));for(let h=0;h<r.length;h++){const l=r[h];l.canDrop(t)&&(a=l),l.fire(e,o)}this._renderDragEffects(t,i,a),this._dropTarget=a}_onDragEnter(t){const{currentContainer:e,currentSubTargets:s}=this.findTarget(t),r={e:t,target:e,subTargets:s,dragSource:this._dragSource};this.fire("dragenter",r),this._fireEnterLeaveEvents(t,e,r)}_onDragLeave(t){const{currentSubTargets:e}=this.findTarget(t),s={e:t,target:this._draggedoverTarget,subTargets:e,dragSource:this._dragSource};this.fire("dragleave",s),this._fireEnterLeaveEvents(t,void 0,s),this._renderDragEffects(t,this._dragSource),this._dropTarget=void 0,this._hoveredTargets=[]}_onDrop(t){const{currentContainer:e,currentSubTargets:s}=this.findTarget(t),r=this._basicEventHandler("drop:before",{e:t,target:e,subTargets:s,dragSource:this._dragSource,...ye(this,t)});r.didDrop=!1,r.dropTarget=void 0,this._basicEventHandler("drop",r),this.fire("drop:after",r)}_onContextMenu(t){const{target:e,subTargets:s}=this.findTarget(t),r=this._basicEventHandler("contextmenu:before",{e:t,target:e,subTargets:s});return this.stopContextMenu&&Zi(t),this._basicEventHandler("contextmenu",r),!1}_onClick(t){const e=t.detail;e>3||e<2||(this._cacheTransformEventData(t),e==2&&t.type==="dblclick"&&this._handleEvent(t,"dblclick"),e==3&&this._handleEvent(t,"tripleclick"),this._resetTransformEventData())}fireEventFromPointerEvent(t,e,s){let r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{};this._cacheTransformEventData(t);const{target:i,subTargets:o}=this.findTarget(t),a={e:t,target:i,subTargets:o,...ye(this,t),transform:this._currentTransform,...r};this.fire(e,a),i&&i.fire(s,a);for(let h=0;h<o.length;h++)o[h]!==i&&o[h].fire(s,a);this._resetTransformEventData()}getPointerId(t){const e=t.changedTouches;return e?e[0]&&e[0].identifier:this.enablePointerEvents?t.pointerId:-1}_isMainEvent(t){return t.isPrimary===!0||t.isPrimary!==!1&&(t.type==="touchend"&&t.touches.length===0||!t.changedTouches||t.changedTouches[0].identifier===this.mainTouchId)}_onTouchStart(t){this._cacheTransformEventData(t);let e=!this.allowTouchScrolling;const s=this._activeObject;this.mainTouchId===void 0&&(this.mainTouchId=this.getPointerId(t)),this.__onMouseDown(t);const{target:r}=this.findTarget(t);(this.isDrawingMode||s&&r===s)&&(e=!0),e&&t.preventDefault();const i=this.upperCanvasEl,o=this._getEventPrefix(),a=Mt(i);ie(a,"touchend",this._onTouchEnd,wt),e&&ie(a,"touchmove",this._onMouseMove,wt),Ct(i,`${o}down`,this._onMouseDown),this._resetTransformEventData()}_onMouseDown(t){this._cacheTransformEventData(t),this.__onMouseDown(t);const e=this.upperCanvasEl,s=this._getEventPrefix();Ct(e,`${s}move`,this._onMouseMove,wt);const r=Mt(e);ie(r,`${s}up`,this._onMouseUp),ie(r,`${s}move`,this._onMouseMove,wt),this._resetTransformEventData()}_onTouchEnd(t){if(t.touches.length>0)return;this._cacheTransformEventData(t),this.__onMouseUp(t),this._resetTransformEventData(),delete this.mainTouchId;const e=this._getEventPrefix(),s=Mt(this.upperCanvasEl);Ct(s,"touchend",this._onTouchEnd,wt),Ct(s,"touchmove",this._onMouseMove,wt),this._willAddMouseDown&&clearTimeout(this._willAddMouseDown),this._willAddMouseDown=setTimeout(()=>{ie(this.upperCanvasEl,`${e}down`,this._onMouseDown),this._willAddMouseDown=0},400)}_onMouseUp(t){this._cacheTransformEventData(t),this.__onMouseUp(t);const e=this.upperCanvasEl,s=this._getEventPrefix();if(this._isMainEvent(t)){const r=Mt(this.upperCanvasEl);Ct(r,`${s}up`,this._onMouseUp),Ct(r,`${s}move`,this._onMouseMove,wt),ie(e,`${s}move`,this._onMouseMove,wt)}this._resetTransformEventData()}_onMouseMove(t){this._cacheTransformEventData(t);const e=this.getActiveObject();!this.allowTouchScrolling&&(!e||!e.shouldStartDragging(t))&&t.preventDefault&&t.preventDefault(),this.__onMouseMove(t),this._resetTransformEventData()}_onResize(){this.calcOffset(),this._resetTransformEventData()}_shouldRender(t){const e=this.getActiveObject();return!!e!=!!t||e&&t&&e!==t}__onMouseUp(t){var e;this._handleEvent(t,"up:before");const s=this._currentTransform,r=this._isClick,{target:i}=this.findTarget(t),{button:o}=t;if(o)return void((this.fireMiddleClick&&o===1||this.fireRightClick&&o===2)&&this._handleEvent(t,"up"));if(this.isDrawingMode&&this._isCurrentlyDrawing)return void this._onMouseUpInDrawingMode(t);if(!this._isMainEvent(t))return;let a,h,l=!1;if(s&&(this._finalizeCurrentTransform(t),l=s.actionPerformed),!r){const c=i===this._activeObject;this.handleSelection(t),l||(l=this._shouldRender(i)||!c&&i===this._activeObject)}if(i){const c=i.findControl(this.getViewportPoint(t),ys(t)),{key:u,control:g}=c||{};if(h=u,i.selectable&&i!==this._activeObject&&i.activeOn==="up")this.setActiveObject(i,t),l=!0;else if(g){const d=g.getMouseUpHandler(t,i,g);d&&(a=this.getScenePoint(t),d.call(g,t,s,a.x,a.y))}i.isMoving=!1}if(s&&(s.target!==i||s.corner!==h)){const c=s.target&&s.target.controls[s.corner],u=c&&c.getMouseUpHandler(t,s.target,c);a=a||this.getScenePoint(t),u&&u.call(c,t,s,a.x,a.y)}this._setCursorFromEvent(t,i),this._handleEvent(t,"up"),this._groupSelector=null,this._currentTransform=null,i&&(i.__corner=void 0),l?this.requestRenderAll():r||(e=this._activeObject)!==null&&e!==void 0&&e.isEditing||this.renderTop()}_basicEventHandler(t,e){const{target:s,subTargets:r=[]}=e;this.fire(t,e),s&&s.fire(t,e);for(let i=0;i<r.length;i++)r[i]!==s&&r[i].fire(t,e);return e}_handleEvent(t,e,s){const{target:r,subTargets:i}=this.findTarget(t),o={e:t,target:r,subTargets:i,...ye(this,t),transform:this._currentTransform,...e==="down:before"||e==="down"?s:{}};e!=="up:before"&&e!=="up"||(o.isClick=this._isClick),this.fire(`mouse:${e}`,o),r&&r.fire(`mouse${e}`,o);for(let a=0;a<i.length;a++)i[a]!==r&&i[a].fire(`mouse${e}`,o)}_onMouseDownInDrawingMode(t){this._isCurrentlyDrawing=!0,this.getActiveObject()&&(this.discardActiveObject(t),this.requestRenderAll());const e=this.getScenePoint(t);this.freeDrawingBrush&&this.freeDrawingBrush.onMouseDown(e,{e:t,pointer:e}),this._handleEvent(t,"down",{alreadySelected:!1})}_onMouseMoveInDrawingMode(t){if(this._isCurrentlyDrawing){const e=this.getScenePoint(t);this.freeDrawingBrush&&this.freeDrawingBrush.onMouseMove(e,{e:t,pointer:e})}this.setCursor(this.freeDrawingCursor),this._handleEvent(t,"move")}_onMouseUpInDrawingMode(t){const e=this.getScenePoint(t);this.freeDrawingBrush?this._isCurrentlyDrawing=!!this.freeDrawingBrush.onMouseUp({e:t,pointer:e}):this._isCurrentlyDrawing=!1,this._handleEvent(t,"up")}__onMouseDown(t){this._isClick=!0,this._handleEvent(t,"down:before");let{target:e}=this.findTarget(t),s=!!e&&e===this._activeObject;const{button:r}=t;if(r)return void((this.fireMiddleClick&&r===1||this.fireRightClick&&r===2)&&this._handleEvent(t,"down",{alreadySelected:s}));if(this.isDrawingMode)return void this._onMouseDownInDrawingMode(t);if(!this._isMainEvent(t)||this._currentTransform)return;let i=this._shouldRender(e),o=!1;if(this.handleMultiSelection(t,e)?(e=this._activeObject,o=!0,i=!0):this._shouldClearSelection(t,e)&&this.discardActiveObject(t),this.selection&&(!e||!e.selectable&&!e.isEditing&&e!==this._activeObject)){const a=this.getScenePoint(t);this._groupSelector={x:a.x,y:a.y,deltaY:0,deltaX:0}}if(s=!!e&&e===this._activeObject,e){e.selectable&&e.activeOn==="down"&&this.setActiveObject(e,t);const a=e.findControl(this.getViewportPoint(t),ys(t));if(e===this._activeObject&&(a||!o)){this._setupCurrentTransform(t,e,s);const h=a?a.control:void 0,l=this.getScenePoint(t),c=h&&h.getMouseDownHandler(t,e,h);c&&c.call(h,t,this._currentTransform,l.x,l.y)}}i&&(this._objectsToRender=void 0),this._handleEvent(t,"down",{alreadySelected:s}),i&&this.requestRenderAll()}_resetTransformEventData(){this._targetInfo=this._viewportPoint=this._scenePoint=void 0}_cacheTransformEventData(t){this._resetTransformEventData(),this._viewportPoint=this.getViewportPoint(t),this._scenePoint=ge(this._viewportPoint,void 0,this.viewportTransform),this._targetInfo=this.findTarget(t),this._currentTransform&&(this._targetInfo.target=this._currentTransform.target)}__onMouseMove(t){if(this._isClick=!1,this._handleEvent(t,"move:before"),this.isDrawingMode)return void this._onMouseMoveInDrawingMode(t);if(!this._isMainEvent(t))return;const e=this._groupSelector;if(e){const s=this.getScenePoint(t);e.deltaX=s.x-e.x,e.deltaY=s.y-e.y,this.renderTop()}else if(this._currentTransform)this._transformObject(t);else{const{target:s}=this.findTarget(t);this._setCursorFromEvent(t,s),this._fireOverOutEvents(t,s)}this.textEditingManager.onMouseMove(t),this._handleEvent(t,"move")}_fireOverOutEvents(t,e){const{_hoveredTarget:s,_hoveredTargets:r}=this,{subTargets:i}=this.findTarget(t),o=Math.max(r.length,i.length);this.fireSyntheticInOutEvents("mouse",{e:t,target:e,oldTarget:s,fireCanvas:!0});for(let a=0;a<o;a++)i[a]===e||r[a]&&r[a]===s||this.fireSyntheticInOutEvents("mouse",{e:t,target:i[a],oldTarget:r[a]});this._hoveredTarget=e,this._hoveredTargets=i}_fireEnterLeaveEvents(t,e,s){const r=this._draggedoverTarget,i=this._hoveredTargets,{subTargets:o}=this.findTarget(t),a=Math.max(i.length,o.length);this.fireSyntheticInOutEvents("drag",{...s,target:e,oldTarget:r,fireCanvas:!0});for(let h=0;h<a;h++)this.fireSyntheticInOutEvents("drag",{...s,target:o[h],oldTarget:i[h]});this._draggedoverTarget=e}fireSyntheticInOutEvents(t,e){let{target:s,oldTarget:r,fireCanvas:i,e:o,...a}=e;const{targetIn:h,targetOut:l,canvasIn:c,canvasOut:u}=Mh[t],g=r!==s;if(r&&g){const d={...a,e:o,target:r,nextTarget:s,...ye(this,o)};i&&this.fire(u,d),r.fire(l,d)}if(s&&g){const d={...a,e:o,target:s,previousTarget:r,...ye(this,o)};i&&this.fire(c,d),s.fire(h,d)}}_transformObject(t){const e=this.getScenePoint(t),s=this._currentTransform,r=s.target,i=r.group?ge(e,void 0,r.group.calcTransformMatrix()):e;s.shiftKey=t.shiftKey,s.altKey=!!this.centeredKey&&t[this.centeredKey],this._performTransformAction(t,s,i),s.actionPerformed&&this.requestRenderAll()}_performTransformAction(t,e,s){const{action:r,actionHandler:i,target:o}=e,a=!!i&&i(t,e,s.x,s.y);a&&o.setCoords(),r==="drag"&&a&&(e.target.isMoving=!0,this.setCursor(e.target.moveCursor||this.moveCursor)),e.actionPerformed=e.actionPerformed||a}_setCursorFromEvent(t,e){if(!e)return void this.setCursor(this.defaultCursor);let s=e.hoverCursor||this.hoverCursor;const r=ue(this._activeObject)?this._activeObject:null,i=(!r||e.group!==r)&&e.findControl(this.getViewportPoint(t));if(i){const{control:o,coord:a}=i;this.setCursor(o.cursorStyleHandler(t,o,e,a))}else{if(e.subTargetCheck){const{subTargets:o}=this.findTarget(t);o.concat().reverse().forEach(a=>{s=a.hoverCursor||s})}this.setCursor(s)}}handleMultiSelection(t,e){const s=this._activeObject,r=ue(s);if(s&&this._isSelectionKeyPressed(t)&&this.selection&&e&&e.selectable&&(s!==e||r)&&(r||!e.isDescendantOf(s)&&!s.isDescendantOf(e))&&!e.onSelect({e:t})&&!s.getActiveControl()){if(r){const i=s.getObjects();let o=[];if(e===s){const a=this.getScenePoint(t);let h=this.searchPossibleTargets(i,a);if(h.target?(e=h.target,o=h.subTargets):(h=this.searchPossibleTargets(this._objects,a),e=h.target,o=h.subTargets),!e||!e.selectable)return!1}e.group===s?(s.remove(e),this._hoveredTarget=e,this._hoveredTargets=o,s.size()===1&&this._setActiveObject(s.item(0),t)):(s.multiSelectAdd(e),this._hoveredTarget=s,this._hoveredTargets=o),this._fireSelectionEvents(i,t)}else{s.isEditing&&s.exitEditing();const i=new(P.getClass("ActiveSelection"))([],{canvas:this});i.multiSelectAdd(s,e),this._hoveredTarget=i,this._setActiveObject(i,t),this._fireSelectionEvents([s],t)}return!0}return!1}handleSelection(t){if(!this.selection||!this._groupSelector)return!1;const{x:e,y:s,deltaX:r,deltaY:i}=this._groupSelector,o=new S(e,s),a=o.add(new S(r,i)),h=o.min(a),l=o.max(a).subtract(h),c=this.collectObjects({left:h.x,top:h.y,width:l.x,height:l.y},{includeIntersecting:!this.selectionFullyContained}),u=o.eq(a)?c[0]?[c[0]]:[]:c.length>1?c.filter(g=>!g.onSelect({e:t})).reverse():c;if(u.length===1)this.setActiveObject(u[0],t);else if(u.length>1){const g=P.getClass("ActiveSelection");this.setActiveObject(new g(u,{canvas:this}),t)}return this._groupSelector=null,!0}toCanvasElement(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1,e=arguments.length>1?arguments[1]:void 0;const{upper:s}=this.elements;s.ctx=void 0;const r=super.toCanvasElement(t,e);return s.ctx=s.el.getContext("2d"),r}clear(){this.textEditingManager.clear(),super.clear()}destroy(){this.removeListeners(),this.textEditingManager.dispose(),super.destroy()}}const ao={x1:0,y1:0,x2:0,y2:0},kh={...ao,r1:0,r2:0},We=(n,t)=>isNaN(n)&&typeof t=="number"?t:n;function ho(n){return n&&/%$/.test(n)&&Number.isFinite(parseFloat(n))}function lo(n,t){const e=typeof n=="number"?n:typeof n=="string"?parseFloat(n)/(ho(n)?100:1):NaN;return me(0,We(e,t),1)}const Dh=/\s*;\s*/,Eh=/\s*:\s*/;function Ph(n,t){let e,s;const r=n.getAttribute("style");if(r){const o=r.split(Dh);o[o.length-1]===""&&o.pop();for(let a=o.length;a--;){const[h,l]=o[a].split(Eh).map(c=>c.trim());h==="stop-color"?e=l:h==="stop-opacity"&&(s=l)}}e=e||n.getAttribute("stop-color")||"rgb(0,0,0)",s=We(parseFloat(s||n.getAttribute("stop-opacity")||""),1);const i=new z(e);return i.setAlpha(i.getAlpha()*s*t),{offset:lo(n.getAttribute("offset"),0),color:i.toRgba()}}function Ah(n,t){const e=[],s=n.getElementsByTagName("stop"),r=lo(t,1);for(let i=s.length;i--;)e.push(Ph(s[i],r));return e}function co(n){return n.nodeName==="linearGradient"||n.nodeName==="LINEARGRADIENT"?"linear":"radial"}function uo(n){return n.getAttribute("gradientUnits")==="userSpaceOnUse"?"pixels":"percentage"}function Pt(n,t){return n.getAttribute(t)}function Fh(n,t){return(function(e,s){let r,{width:i,height:o,gradientUnits:a}=s;return Object.entries(e).reduce((h,l)=>{let[c,u]=l;if(u==="Infinity")r=1;else if(u==="-Infinity")r=0;else{const g=typeof u=="string";r=g?parseFloat(u):u,g&&ho(u)&&(r*=.01,a==="pixels"&&(c!=="x1"&&c!=="x2"&&c!=="r2"||(r*=i),c!=="y1"&&c!=="y2"||(r*=o)))}return h[c]=r,h},{})})(co(n)==="linear"?(function(e){return{x1:Pt(e,"x1")||0,y1:Pt(e,"y1")||0,x2:Pt(e,"x2")||"100%",y2:Pt(e,"y2")||0}})(n):(function(e){return{x1:Pt(e,"fx")||Pt(e,"cx")||"50%",y1:Pt(e,"fy")||Pt(e,"cy")||"50%",r1:0,x2:Pt(e,"cx")||"50%",y2:Pt(e,"cy")||"50%",r2:Pt(e,"r")||"50%"}})(n),{...t,gradientUnits:uo(n)})}class Rs{constructor(t){const{type:e="linear",gradientUnits:s="pixels",coords:r={},colorStops:i=[],offsetX:o=0,offsetY:a=0,gradientTransform:h,id:l}=t||{};Object.assign(this,{type:e,gradientUnits:s,coords:{...e==="radial"?kh:ao,...r},colorStops:i,offsetX:o,offsetY:a,gradientTransform:h,id:l?`${l}_${se()}`:se()})}addColorStop(t){for(const e in t)this.colorStops.push({offset:parseFloat(e),color:t[e]});return this}toObject(t){return{...ce(this,t),type:this.type,coords:{...this.coords},colorStops:this.colorStops.map(e=>({...e})),offsetX:this.offsetX,offsetY:this.offsetY,gradientUnits:this.gradientUnits,gradientTransform:this.gradientTransform?[...this.gradientTransform]:void 0}}toSVG(t){let{additionalTransform:e}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};const s=[],r=this.gradientTransform?this.gradientTransform.concat():ht.concat(),i=this.gradientUnits==="pixels"?"userSpaceOnUse":"objectBoundingBox",o=this.colorStops.map(u=>({...u})).sort((u,g)=>u.offset-g.offset);let a=-this.offsetX,h=-this.offsetY;var l;i==="objectBoundingBox"?(a/=t.width,h/=t.height):(a+=t.width/2,h+=t.height/2),(l=t)&&typeof l._renderPathCommands=="function"&&this.gradientUnits!=="percentage"&&(a-=t.pathOffset.x,h-=t.pathOffset.y),r[4]-=a,r[5]-=h;const c=[`id="SVGID_${this.id}"`,`gradientUnits="${i}"`,`gradientTransform="${e?e+" ":""}${Fe(r)}"`,""].join(" ");if(this.type==="linear"){const{x1:u,y1:g,x2:d,y2:f}=this.coords;s.push("<linearGradient ",c,' x1="',u,'" y1="',g,'" x2="',d,'" y2="',f,`">
-`)}else if(this.type==="radial"){const{x1:u,y1:g,x2:d,y2:f,r1:p,r2:m}=this.coords,v=p>m;s.push("<radialGradient ",c,' cx="',v?u:d,'" cy="',v?g:f,'" r="',v?p:m,'" fx="',v?d:u,'" fy="',v?f:g,`">
-`),v&&(o.reverse(),o.forEach(C=>{C.offset=1-C.offset}));const w=Math.min(p,m);if(w>0){const C=w/Math.max(p,m);o.forEach(x=>{x.offset+=C*(1-x.offset)})}}return o.forEach(u=>{let{color:g,offset:d}=u;s.push(`<stop offset="${100*d}%" style="stop-color:${g};"/>
-`)}),s.push(this.type==="linear"?"</linearGradient>":"</radialGradient>",`
-`),s.join("")}toLive(t){const{x1:e,y1:s,x2:r,y2:i,r1:o,r2:a}=this.coords,h=this.type==="linear"?t.createLinearGradient(e,s,r,i):t.createRadialGradient(e,s,o,r,i,a);return this.colorStops.forEach(l=>{let{color:c,offset:u}=l;h.addColorStop(u,c)}),h}static async fromObject(t){const{colorStops:e,gradientTransform:s}=t;return new this({...t,colorStops:e?e.map(r=>({...r})):void 0,gradientTransform:s?[...s]:void 0})}static fromElement(t,e,s){const r=uo(t),i=e._findCenterFromElement();return new this({id:t.getAttribute("id")||void 0,type:co(t),coords:Fh(t,{width:s.viewBoxWidth||s.width,height:s.viewBoxHeight||s.height}),colorStops:Ah(t,s.opacity),gradientUnits:r,gradientTransform:ei(t.getAttribute("gradientTransform")||""),...r==="pixels"?{offsetX:e.width/2-i.x,offsetY:e.height/2-i.y}:{offsetX:0,offsetY:0}})}}y(Rs,"type","Gradient"),P.setClass(Rs,"gradient"),P.setClass(Rs,"linear"),P.setClass(Rs,"radial");class li{get type(){return"pattern"}set type(t){Zt("warn","Setting type has no effect",t)}constructor(t){y(this,"repeat","repeat"),y(this,"offsetX",0),y(this,"offsetY",0),y(this,"crossOrigin",""),this.id=se(),Object.assign(this,t)}isImageSource(){return!!this.source&&typeof this.source.src=="string"}isCanvasSource(){return!!this.source&&!!this.source.toDataURL}sourceToString(){return this.isImageSource()?this.source.src:this.isCanvasSource()?this.source.toDataURL():""}toLive(t){return this.source&&(!this.isImageSource()||this.source.complete&&this.source.naturalWidth!==0&&this.source.naturalHeight!==0)?t.createPattern(this.source,this.repeat):null}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];const{repeat:e,crossOrigin:s}=this;return{...ce(this,t),type:"pattern",source:this.sourceToString(),repeat:e,crossOrigin:s,offsetX:V(this.offsetX,Y.NUM_FRACTION_DIGITS),offsetY:V(this.offsetY,Y.NUM_FRACTION_DIGITS),patternTransform:this.patternTransform?[...this.patternTransform]:null}}toSVG(t){let{width:e,height:s}=t;const{source:r,repeat:i,id:o}=this,a=We(this.offsetX/e,0),h=We(this.offsetY/s,0);return[`<pattern id="SVGID_${o}" x="${a}" y="${h}" width="${i==="repeat-y"||i==="no-repeat"?1+Math.abs(a||0):We(r.width/e,0)}" height="${i==="repeat-x"||i==="no-repeat"?1+Math.abs(h||0):We(r.height/s,0)}">`,`<image x="0" y="0" width="${r.width}" height="${r.height}" xlink:href="${this.sourceToString()}"></image>`,"</pattern>",""].join(`
-`)}static async fromObject(t,e){let{type:s,source:r,patternTransform:i,...o}=t;const a=await qe(r,{...e,crossOrigin:o.crossOrigin});return new this({...o,patternTransform:i&&i.slice(0),source:a})}}y(li,"type","Pattern"),P.setClass(li),P.setClass(li,"pattern");class ve extends ot{constructor(t){let{path:e,left:s,top:r,...i}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};super(),Object.assign(this,ve.ownDefaults),this.setOptions(i),this._setPath(t||[],!0),typeof s=="number"&&this.set(G,s),typeof r=="number"&&this.set(pt,r)}_setPath(t,e){this.path=Kn(Array.isArray(t)?t:io(t)),this.setBoundingBox(e)}_findCenterFromElement(){const t=this._calcBoundsFromPath();return new S(t.left+t.width/2,t.top+t.height/2)}_renderPathCommands(t){const e=-this.pathOffset.x,s=-this.pathOffset.y;t.beginPath();for(const r of this.path)switch(r[0]){case"L":t.lineTo(r[1]+e,r[2]+s);break;case"M":t.moveTo(r[1]+e,r[2]+s);break;case"C":t.bezierCurveTo(r[1]+e,r[2]+s,r[3]+e,r[4]+s,r[5]+e,r[6]+s);break;case"Q":t.quadraticCurveTo(r[1]+e,r[2]+s,r[3]+e,r[4]+s);break;case"Z":t.closePath()}}_render(t){this._renderPathCommands(t),this._renderPaintInOrder(t)}toString(){return`#<Path (${this.complexity()}): { "top": ${this.top}, "left": ${this.left} }>`}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return{...super.toObject(t),path:this.path.map(e=>e.slice())}}toDatalessObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];const e=this.toObject(t);return this.sourcePath&&(delete e.path,e.sourcePath=this.sourcePath),e}_toSVG(){return["<path ","COMMON_PARTS",`d="${no(this.path,Y.NUM_FRACTION_DIGITS)}" stroke-linecap="round" />
-`]}_getOffsetTransform(){const t=Y.NUM_FRACTION_DIGITS;return` translate(${V(-this.pathOffset.x,t)}, ${V(-this.pathOffset.y,t)})`}toClipPathSVG(t){const e=this._getOffsetTransform();return"	"+this._createBaseClipPathSVGMarkup(this._toSVG(),{reviver:t,additionalTransform:e})}toSVG(t){const e=this._getOffsetTransform();return this._createBaseSVGMarkup(this._toSVG(),{reviver:t,additionalTransform:e})}complexity(){return this.path.length}setDimensions(){this.setBoundingBox()}setBoundingBox(t){const{width:e,height:s,pathOffset:r}=this._calcDimensions();this.set({width:e,height:s,pathOffset:r}),t&&this.setPositionByOrigin(r,B,B)}_calcBoundsFromPath(){const t=[];let e=0,s=0,r=0,i=0;for(const o of this.path)switch(o[0]){case"L":r=o[1],i=o[2],t.push({x:e,y:s},{x:r,y:i});break;case"M":r=o[1],i=o[2],e=r,s=i;break;case"C":t.push(...ni(r,i,o[1],o[2],o[3],o[4],o[5],o[6])),r=o[5],i=o[6];break;case"Q":t.push(...ni(r,i,o[1],o[2],o[1],o[2],o[3],o[4])),r=o[3],i=o[4];break;case"Z":r=e,i=s}return Bt(t)}_calcDimensions(){const t=this._calcBoundsFromPath();return{...t,pathOffset:new S(t.left+t.width/2,t.top+t.height/2)}}static fromObject(t){return this._fromObject(t,{extraParam:"path"})}static async fromElement(t,e,s){const{d:r,...i}=zt(t,this.ATTRIBUTE_NAMES,s);return new this(r,{...i,...e,left:void 0,top:void 0})}}y(ve,"type","Path"),y(ve,"cacheProperties",[...Gt,"path","fillRule"]),y(ve,"ATTRIBUTE_NAMES",[...re,"d"]),P.setClass(ve),P.setSVGClass(ve);const go=["radius","startAngle","endAngle","counterClockwise"];class Kt extends ot{static getDefaults(){return{...super.getDefaults(),...Kt.ownDefaults}}constructor(t){super(),Object.assign(this,Kt.ownDefaults),this.setOptions(t)}_set(t,e){return super._set(t,e),t==="radius"&&this.setRadius(e),this}_render(t){t.beginPath(),t.arc(0,0,this.radius,Q(this.startAngle),Q(this.endAngle),this.counterClockwise),this._renderPaintInOrder(t)}getRadiusX(){return this.get("radius")*this.get(lt)}getRadiusY(){return this.get("radius")*this.get(yt)}setRadius(t){this.radius=t,this.set({width:2*t,height:2*t})}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return super.toObject([...go,...t])}_toSVG(){const t=(this.endAngle-this.startAngle)%360;if(t===0)return["<circle ","COMMON_PARTS",'cx="0" cy="0" ','r="',`${this.radius}`,`" />
-`];{const{radius:e}=this,s=Q(this.startAngle),r=Q(this.endAngle),i=Tt(s)*e,o=Ot(s)*e,a=Tt(r)*e,h=Ot(r)*e;return[`<path d="M ${i} ${o} A ${e} ${e} 0 ${t>180?1:0} ${this.counterClockwise?0:1} ${a} ${h}" `,"COMMON_PARTS",` />
-`]}}static async fromElement(t,e,s){const{left:r=0,top:i=0,radius:o=0,...a}=zt(t,this.ATTRIBUTE_NAMES,s);return new this({...a,radius:o,left:r-o,top:i-o})}static fromObject(t){return super._fromObject(t)}}y(Kt,"type","Circle"),y(Kt,"cacheProperties",[...Gt,...go]),y(Kt,"ownDefaults",{radius:0,startAngle:0,endAngle:360,counterClockwise:!1}),y(Kt,"ATTRIBUTE_NAMES",["cx","cy","r",...re]),P.setClass(Kt),P.setSVGClass(Kt);const ci=["x1","x2","y1","y2"];class xe extends ot{constructor(){let[t,e,s,r]=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[0,0,0,0],i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};super(),Object.assign(this,xe.ownDefaults),this.setOptions(i),this.x1=t,this.x2=s,this.y1=e,this.y2=r,this._setWidthHeight();const{left:o,top:a}=i;typeof o=="number"&&this.set(G,o),typeof a=="number"&&this.set(pt,a)}_setWidthHeight(){const{x1:t,y1:e,x2:s,y2:r}=this;this.width=Math.abs(s-t),this.height=Math.abs(r-e);const{left:i,top:o,width:a,height:h}=Bt([{x:t,y:e},{x:s,y:r}]),l=new S(i+a/2,o+h/2);this.setPositionByOrigin(l,B,B)}_set(t,e){return super._set(t,e),ci.includes(t)&&this._setWidthHeight(),this}_render(t){t.beginPath();const e=this.calcLinePoints();t.moveTo(e.x1,e.y1),t.lineTo(e.x2,e.y2),t.lineWidth=this.strokeWidth;const s=t.strokeStyle;var r;St(this.stroke)?t.strokeStyle=this.stroke.toLive(t):t.strokeStyle=(r=this.stroke)!==null&&r!==void 0?r:t.fillStyle,this.stroke&&this._renderStroke(t),t.strokeStyle=s}_findCenterFromElement(){return new S((this.x1+this.x2)/2,(this.y1+this.y2)/2)}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return{...super.toObject(t),...this.calcLinePoints()}}_getNonTransformedDimensions(){const t=super._getNonTransformedDimensions();return this.strokeLineCap==="butt"&&(this.width===0&&(t.y-=this.strokeWidth),this.height===0&&(t.x-=this.strokeWidth)),t}calcLinePoints(){const{x1:t,x2:e,y1:s,y2:r,width:i,height:o}=this,a=t<=e?-1:1,h=s<=r?-1:1;return{x1:a*i/2,x2:a*-i/2,y1:h*o/2,y2:h*-o/2}}_toSVG(){const{x1:t,x2:e,y1:s,y2:r}=this.calcLinePoints();return["<line ","COMMON_PARTS",`x1="${t}" y1="${s}" x2="${e}" y2="${r}" />
-`]}static async fromElement(t,e,s){const{x1:r=0,y1:i=0,x2:o=0,y2:a=0,...h}=zt(t,this.ATTRIBUTE_NAMES,s);return new this([r,i,o,a],h)}static fromObject(t){let{x1:e,y1:s,x2:r,y2:i,...o}=t;return this._fromObject({...o,points:[e,s,r,i]},{extraParam:"points"})}}y(xe,"type","Line"),y(xe,"cacheProperties",[...Gt,...ci]),y(xe,"ATTRIBUTE_NAMES",re.concat(ci)),P.setClass(xe),P.setSVGClass(xe);class _e extends ot{static getDefaults(){return{...super.getDefaults(),..._e.ownDefaults}}constructor(t){super(),Object.assign(this,_e.ownDefaults),this.setOptions(t)}_render(t){const e=this.width/2,s=this.height/2;t.beginPath(),t.moveTo(-e,s),t.lineTo(0,-s),t.lineTo(e,s),t.closePath(),this._renderPaintInOrder(t)}_toSVG(){const t=this.width/2,e=this.height/2;return["<polygon ","COMMON_PARTS",'points="',`${-t} ${e},0 ${-e},${t} ${e}`,'" />']}}y(_e,"type","Triangle"),y(_e,"ownDefaults",{width:100,height:100}),P.setClass(_e),P.setSVGClass(_e);const fo=["rx","ry"];class Jt extends ot{static getDefaults(){return{...super.getDefaults(),...Jt.ownDefaults}}constructor(t){super(),Object.assign(this,Jt.ownDefaults),this.setOptions(t)}_set(t,e){switch(super._set(t,e),t){case"rx":this.rx=e,this.set("width",2*e);break;case"ry":this.ry=e,this.set("height",2*e)}return this}getRx(){return this.get("rx")*this.get(lt)}getRy(){return this.get("ry")*this.get(yt)}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return super.toObject([...fo,...t])}_toSVG(){return["<ellipse ","COMMON_PARTS",`cx="0" cy="0" rx="${this.rx}" ry="${this.ry}" />
-`]}_render(t){t.beginPath(),t.save(),t.transform(1,0,0,this.ry/this.rx,0,0),t.arc(0,0,this.rx,0,bt,!1),t.restore(),this._renderPaintInOrder(t)}static async fromElement(t,e,s){const r=zt(t,this.ATTRIBUTE_NAMES,s);return r.left=(r.left||0)-r.rx,r.top=(r.top||0)-r.ry,new this(r)}}y(Jt,"type","Ellipse"),y(Jt,"cacheProperties",[...Gt,...fo]),y(Jt,"ownDefaults",{rx:0,ry:0}),y(Jt,"ATTRIBUTE_NAMES",[...re,"cx","cy","rx","ry"]),P.setClass(Jt),P.setSVGClass(Jt);const po={exactBoundingBox:!1};class At extends ot{static getDefaults(){return{...super.getDefaults(),...At.ownDefaults}}constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};super(),y(this,"strokeDiff",void 0),Object.assign(this,At.ownDefaults),this.setOptions(e),this.points=t;const{left:s,top:r}=e;this.initialized=!0,this.setBoundingBox(!0),typeof s=="number"&&this.set(G,s),typeof r=="number"&&this.set(pt,r)}isOpen(){return!0}_projectStrokeOnPoints(t){return $n(this.points,t,this.isOpen())}_calcDimensions(t){t={scaleX:this.scaleX,scaleY:this.scaleY,skewX:this.skewX,skewY:this.skewY,strokeLineCap:this.strokeLineCap,strokeLineJoin:this.strokeLineJoin,strokeMiterLimit:this.strokeMiterLimit,strokeUniform:this.strokeUniform,strokeWidth:this.strokeWidth,...t||{}};const e=this.exactBoundingBox?this._projectStrokeOnPoints(t).map(l=>l.projectedPoint):this.points;if(e.length===0)return{left:0,top:0,width:0,height:0,pathOffset:new S,strokeOffset:new S,strokeDiff:new S};const s=Bt(e),r=Ue({...t,scaleX:1,scaleY:1}),i=Bt(this.points.map(l=>nt(l,r,!0))),o=new S(this.scaleX,this.scaleY);let a=s.left+s.width/2,h=s.top+s.height/2;return this.exactBoundingBox&&(a-=h*Math.tan(Q(this.skewX)),h-=a*Math.tan(Q(this.skewY))),{...s,pathOffset:new S(a,h),strokeOffset:new S(i.left,i.top).subtract(new S(s.left,s.top)).multiply(o),strokeDiff:new S(s.width,s.height).subtract(new S(i.width,i.height)).multiply(o)}}_findCenterFromElement(){const t=Bt(this.points);return new S(t.left+t.width/2,t.top+t.height/2)}setDimensions(){this.setBoundingBox()}setBoundingBox(t){const{left:e,top:s,width:r,height:i,pathOffset:o,strokeOffset:a,strokeDiff:h}=this._calcDimensions();this.set({width:r,height:i,pathOffset:o,strokeOffset:a,strokeDiff:h}),t&&this.setPositionByOrigin(new S(e+r/2,s+i/2),B,B)}isStrokeAccountedForInDimensions(){return this.exactBoundingBox}_getNonTransformedDimensions(){return this.exactBoundingBox?new S(this.width,this.height):super._getNonTransformedDimensions()}_getTransformedDimensions(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(this.exactBoundingBox){let o;if(Object.keys(t).some(a=>this.strokeUniform||this.constructor.layoutProperties.includes(a))){var e,s;const{width:a,height:h}=this._calcDimensions(t);o=new S((e=t.width)!==null&&e!==void 0?e:a,(s=t.height)!==null&&s!==void 0?s:h)}else{var r,i;o=new S((r=t.width)!==null&&r!==void 0?r:this.width,(i=t.height)!==null&&i!==void 0?i:this.height)}return o.multiply(new S(t.scaleX||this.scaleX,t.scaleY||this.scaleY))}return super._getTransformedDimensions(t)}_set(t,e){const s=this.initialized&&this[t]!==e,r=super._set(t,e);return this.exactBoundingBox&&s&&((t===lt||t===yt)&&this.strokeUniform&&this.constructor.layoutProperties.includes("strokeUniform")||this.constructor.layoutProperties.includes(t))&&this.setDimensions(),r}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return{...super.toObject(t),points:this.points.map(e=>{let{x:s,y:r}=e;return{x:s,y:r}})}}_toSVG(){const t=[],e=this.pathOffset.x,s=this.pathOffset.y,r=Y.NUM_FRACTION_DIGITS;for(let i=0,o=this.points.length;i<o;i++)t.push(V(this.points[i].x-e,r),",",V(this.points[i].y-s,r)," ");return[`<${this.constructor.type.toLowerCase()} `,"COMMON_PARTS",`points="${t.join("")}" />
-`]}_render(t){const e=this.points.length,s=this.pathOffset.x,r=this.pathOffset.y;if(e&&!isNaN(this.points[e-1].y)){t.beginPath(),t.moveTo(this.points[0].x-s,this.points[0].y-r);for(let i=0;i<e;i++){const o=this.points[i];t.lineTo(o.x-s,o.y-r)}!this.isOpen()&&t.closePath(),this._renderPaintInOrder(t)}}complexity(){return this.points.length}static async fromElement(t,e,s){const r=(function(h){if(!h)return[];const l=h.replace(/,/g," ").trim().split(/\s+/),c=[];for(let u=0;u<l.length;u+=2)c.push({x:parseFloat(l[u]),y:parseFloat(l[u+1])});return c})(t.getAttribute("points")),{left:i,top:o,...a}=zt(t,this.ATTRIBUTE_NAMES,s);return new this(r,{...a,...e})}static fromObject(t){return this._fromObject(t,{extraParam:"points"})}}y(At,"ownDefaults",po),y(At,"type","Polyline"),y(At,"layoutProperties",[Me,ke,"strokeLineCap","strokeLineJoin","strokeMiterLimit","strokeWidth","strokeUniform","points"]),y(At,"cacheProperties",[...Gt,"points"]),y(At,"ATTRIBUTE_NAMES",[...re]),P.setClass(At),P.setSVGClass(At);class Bs extends At{isOpen(){return!1}}y(Bs,"ownDefaults",po),y(Bs,"type","Polygon"),P.setClass(Bs),P.setSVGClass(Bs);class mo extends ot{isEmptyStyles(t){if(!this.styles||t!==void 0&&!this.styles[t])return!0;const e=t===void 0?this.styles:{line:this.styles[t]};for(const s in e)for(const r in e[s])for(const i in e[s][r])return!1;return!0}styleHas(t,e){if(!this.styles||e!==void 0&&!this.styles[e])return!1;const s=e===void 0?this.styles:{0:this.styles[e]};for(const r in s)for(const i in s[r])if(s[r][i][t]!==void 0)return!0;return!1}cleanStyle(t){if(!this.styles)return!1;const e=this.styles;let s,r,i=0,o=!0,a=0;for(const h in e){s=0;for(const l in e[h]){const c=e[h][l]||{};i++,c[t]!==void 0?(r?c[t]!==r&&(o=!1):r=c[t],c[t]===this[t]&&delete c[t]):o=!1,Object.keys(c).length!==0?s++:delete e[h][l]}s===0&&delete e[h]}for(let h=0;h<this._textLines.length;h++)a+=this._textLines[h].length;o&&i===a&&(this[t]=r,this.removeStyle(t))}removeStyle(t){if(!this.styles)return;const e=this.styles;let s,r,i;for(r in e){for(i in s=e[r],s)delete s[i][t],Object.keys(s[i]).length===0&&delete s[i];Object.keys(s).length===0&&delete e[r]}}_extendStyles(t,e){const{lineIndex:s,charIndex:r}=this.get2DCursorLocation(t);this._getLineStyle(s)||this._setLineStyle(s);const i=Lr({...this._getStyleDeclaration(s,r),...e},o=>o!==void 0);this._setStyleDeclaration(s,r,i)}getSelectionStyles(t,e,s){const r=[];for(let i=t;i<(e||t);i++)r.push(this.getStyleAtPosition(i,s));return r}getStyleAtPosition(t,e){const{lineIndex:s,charIndex:r}=this.get2DCursorLocation(t);return e?this.getCompleteStyleDeclaration(s,r):this._getStyleDeclaration(s,r)}setSelectionStyles(t,e,s){for(let r=e;r<(s||e);r++)this._extendStyles(r,t);this._forceClearCache=!0}_getStyleDeclaration(t,e){var s;const r=this.styles&&this.styles[t];return r&&(s=r[e])!==null&&s!==void 0?s:{}}getCompleteStyleDeclaration(t,e){return{...ce(this,this.constructor._styleProperties),...this._getStyleDeclaration(t,e)}}_setStyleDeclaration(t,e,s){this.styles[t][e]=s}_deleteStyleDeclaration(t,e){delete this.styles[t][e]}_getLineStyle(t){return!!this.styles[t]}_setLineStyle(t){this.styles[t]={}}_deleteLineStyle(t){delete this.styles[t]}}y(mo,"_styleProperties",pa);const Lh=/  +/g,Ih=/"/g;function ui(n,t,e,s,r){return`		${(function(i,o){let{left:a,top:h,width:l,height:c}=o,u=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Y.NUM_FRACTION_DIGITS;const g=Ze(rt,i,!1),[d,f,p,m]=[a,h,l,c].map(v=>V(v,u));return`<rect ${g} x="${d}" y="${f}" width="${p}" height="${m}"></rect>`})(n,{left:t,top:e,width:s,height:r})}
-`}let gi;class gt extends mo{static getDefaults(){return{...super.getDefaults(),...gt.ownDefaults}}constructor(t,e){super(),y(this,"__charBounds",[]),Object.assign(this,gt.ownDefaults),this.setOptions(e),this.styles||(this.styles={}),this.text=t,this.initialized=!0,this.path&&this.setPathInfo(),this.initDimensions(),this.setCoords()}setPathInfo(){const t=this.path;t&&(t.segmentsInfo=oi(t.path))}_splitText(){const t=this._splitTextIntoLines(this.text);return this.textLines=t.lines,this._textLines=t.graphemeLines,this._unwrappedTextLines=t._unwrappedLines,this._text=t.graphemeText,t}initDimensions(){this._splitText(),this._clearCache(),this.dirty=!0,this.path?(this.width=this.path.width,this.height=this.path.height):(this.width=this.calcTextWidth()||this.cursorWidth||this.MIN_TEXT_WIDTH,this.height=this.calcTextHeight()),this.textAlign.includes($t)&&this.enlargeSpaces()}enlargeSpaces(){let t,e,s,r,i,o,a;for(let h=0,l=this._textLines.length;h<l;h++)if((this.textAlign===$t||h!==l-1&&!this.isEndOfWrapping(h))&&(r=0,i=this._textLines[h],e=this.getLineWidth(h),e<this.width&&(a=this.textLines[h].match(this._reSpacesAndTabs)))){s=a.length,t=(this.width-e)/s;for(let c=0;c<=i.length;c++)o=this.__charBounds[h][c],this._reSpaceAndTab.test(i[c])?(o.width+=t,o.kernedWidth+=t,o.left+=r,r+=t):o.left+=r}}isEndOfWrapping(t){return t===this._textLines.length-1}missingNewlineOffset(t){return 1}get2DCursorLocation(t,e){const s=e?this._unwrappedTextLines:this._textLines;let r;for(r=0;r<s.length;r++){if(t<=s[r].length)return{lineIndex:r,charIndex:t};t-=s[r].length+this.missingNewlineOffset(r,e)}return{lineIndex:r-1,charIndex:s[r-1].length<t?s[r-1].length:t}}toString(){return`#<Text (${this.complexity()}): { "text": "${this.text}", "fontFamily": "${this.fontFamily}" }>`}_getCacheCanvasDimensions(){const t=super._getCacheCanvasDimensions(),e=this.fontSize;return t.width+=e*t.zoomX,t.height+=e*t.zoomY,t}_render(t){const e=this.path;e&&!e.isNotVisible()&&e._render(t),this._setTextStyles(t),this._renderTextLinesBackground(t),this._renderTextDecoration(t,"underline"),this._renderText(t),this._renderTextDecoration(t,"overline"),this._renderTextDecoration(t,"linethrough")}_renderText(t){this.paintFirst===vt?(this._renderTextStroke(t),this._renderTextFill(t)):(this._renderTextFill(t),this._renderTextStroke(t))}_setTextStyles(t,e,s){if(t.textBaseline="alphabetic",this.path)switch(this.pathAlign){case B:t.textBaseline="middle";break;case"ascender":t.textBaseline=pt;break;case"descender":t.textBaseline=br}t.font=this._getFontDeclaration(e,s)}calcTextWidth(){let t=this.getLineWidth(0);for(let e=1,s=this._textLines.length;e<s;e++){const r=this.getLineWidth(e);r>t&&(t=r)}return t}_renderTextLine(t,e,s,r,i,o){this._renderChars(t,e,s,r,i,o)}_renderTextLinesBackground(t){if(!this.textBackgroundColor&&!this.styleHas("textBackgroundColor"))return;const e=t.fillStyle,s=this._getLeftOffset();let r=this._getTopOffset();for(let i=0,o=this._textLines.length;i<o;i++){const a=this.getHeightOfLine(i);if(!this.textBackgroundColor&&!this.styleHas("textBackgroundColor",i)){r+=a;continue}const h=this._textLines[i].length,l=this._getLineLeftOffset(i);let c,u,g=0,d=0,f=this.getValueOfPropertyAt(i,0,"textBackgroundColor");const p=this.getHeightOfLineImpl(i);for(let m=0;m<h;m++){const v=this.__charBounds[i][m];u=this.getValueOfPropertyAt(i,m,"textBackgroundColor"),this.path?(t.save(),t.translate(v.renderLeft,v.renderTop),t.rotate(v.angle),t.fillStyle=u,u&&t.fillRect(-v.width/2,-p*(1-this._fontSizeFraction),v.width,p),t.restore()):u!==f?(c=s+l+d,this.direction===Yt&&(c=this.width-c-g),t.fillStyle=f,f&&t.fillRect(c,r,g,p),d=v.left,g=v.width,f=u):g+=v.kernedWidth}u&&!this.path&&(c=s+l+d,this.direction===Yt&&(c=this.width-c-g),t.fillStyle=u,t.fillRect(c,r,g,p)),r+=a}t.fillStyle=e,this._removeShadow(t)}_measureChar(t,e,s,r){const i=Ge.getFontCache(e),o=this._getFontDeclaration(e),a=s?s+t:t,h=s&&o===this._getFontDeclaration(r),l=e.fontSize/this.CACHE_FONT_SIZE;let c,u,g,d;if(s&&i.has(s)&&(g=i.get(s)),i.has(t)&&(d=c=i.get(t)),h&&i.has(a)&&(u=i.get(a),d=u-g),c===void 0||g===void 0||u===void 0){const f=(function(){return gi||(gi=xt({width:0,height:0}).getContext("2d")),gi})();this._setTextStyles(f,e,!0),c===void 0&&(d=c=f.measureText(t).width,i.set(t,c)),g===void 0&&h&&s&&(g=f.measureText(s).width,i.set(s,g)),h&&u===void 0&&(u=f.measureText(a).width,i.set(a,u),d=u-g)}return{width:c*l,kernedWidth:d*l}}getHeightOfChar(t,e){return this.getValueOfPropertyAt(t,e,"fontSize")}measureLine(t){const e=this._measureLine(t);return this.charSpacing!==0&&(e.width-=this._getWidthOfCharSpacing()),e.width<0&&(e.width=0),e}_measureLine(t){let e,s,r=0;const i=this.pathSide===Z,o=this.path,a=this._textLines[t],h=a.length,l=new Array(h);this.__charBounds[t]=l;for(let c=0;c<h;c++){const u=a[c];s=this._getGraphemeBox(u,t,c,e),l[c]=s,r+=s.kernedWidth,e=u}if(l[h]={left:s?s.left+s.width:0,width:0,kernedWidth:0,height:this.fontSize,deltaY:0},o&&o.segmentsInfo){let c=0;const u=o.segmentsInfo[o.segmentsInfo.length-1].length;switch(this.textAlign){case G:c=i?u-r:0;break;case B:c=(u-r)/2;break;case Z:c=i?0:u-r}c+=this.pathStartOffset*(i?-1:1);for(let g=i?h-1:0;i?g>=0:g<h;i?g--:g++)s=l[g],c>u?c%=u:c<0&&(c+=u),this._setGraphemeOnPath(c,s),c+=s.kernedWidth}return{width:r,numOfSpaces:0}}_setGraphemeOnPath(t,e){const s=t+e.kernedWidth/2,r=this.path,i=so(r.path,s,r.segmentsInfo);e.renderLeft=i.x-r.pathOffset.x,e.renderTop=i.y-r.pathOffset.y,e.angle=i.angle+(this.pathSide===Z?Math.PI:0)}_getGraphemeBox(t,e,s,r,i){const o=this.getCompleteStyleDeclaration(e,s),a=r?this.getCompleteStyleDeclaration(e,s-1):{},h=this._measureChar(t,o,r,a);let l,c=h.kernedWidth,u=h.width;this.charSpacing!==0&&(l=this._getWidthOfCharSpacing(),u+=l,c+=l);const g={width:u,left:0,height:o.fontSize,kernedWidth:c,deltaY:o.deltaY};if(s>0&&!i){const d=this.__charBounds[e][s-1];g.left=d.left+d.width+h.kernedWidth-h.width}return g}getHeightOfLineImpl(t){const e=this.__lineHeights;if(e[t])return e[t];let s=this.getHeightOfChar(t,0);for(let r=1,i=this._textLines[t].length;r<i;r++)s=Math.max(this.getHeightOfChar(t,r),s);return e[t]=s*this._fontSizeMult}getHeightOfLine(t){return this.getHeightOfLineImpl(t)*this.lineHeight}calcTextHeight(){let t=0;for(let e=0,s=this._textLines.length;e<s;e++)t+=e===s-1?this.getHeightOfLineImpl(e):this.getHeightOfLine(e);return t}_getLeftOffset(){return this.direction===ae?-this.width/2:this.width/2}_getTopOffset(){return-this.height/2}_renderTextCommon(t,e){t.save();let s=0;const r=this._getLeftOffset(),i=this._getTopOffset();for(let o=0,a=this._textLines.length;o<a;o++)this._renderTextLine(e,t,this._textLines[o],r+this._getLineLeftOffset(o),i+s+this.getHeightOfLineImpl(o),o),s+=this.getHeightOfLine(o);t.restore()}_renderTextFill(t){(this.fill||this.styleHas(rt))&&this._renderTextCommon(t,"fillText")}_renderTextStroke(t){(this.stroke&&this.strokeWidth!==0||!this.isEmptyStyles())&&(this.shadow&&!this.shadow.affectStroke&&this._removeShadow(t),t.save(),this._setLineDash(t,this.strokeDashArray),t.beginPath(),this._renderTextCommon(t,"strokeText"),t.closePath(),t.restore())}_renderChars(t,e,s,r,i,o){const a=this.textAlign.includes($t),h=this.path,l=!a&&this.charSpacing===0&&this.isEmptyStyles(o)&&!h,c=this.direction===ae,u=this.direction===ae?1:-1,g=e.direction;let d,f,p,m,v,w="",C=0;if(e.save(),g!==this.direction&&(e.canvas.setAttribute("dir",c?ae:Yt),e.direction=c?ae:Yt,e.textAlign=c?G:Z),i-=this.getHeightOfLineImpl(o)*this._fontSizeFraction,l)return this._renderChar(t,e,o,0,s.join(""),r,i),void e.restore();for(let x=0,_=s.length-1;x<=_;x++)m=x===_||this.charSpacing||h,w+=s[x],p=this.__charBounds[o][x],C===0?(r+=u*(p.kernedWidth-p.width),C+=p.width):C+=p.kernedWidth,a&&!m&&this._reSpaceAndTab.test(s[x])&&(m=!0),m||(d=d||this.getCompleteStyleDeclaration(o,x),f=this.getCompleteStyleDeclaration(o,x+1),m=Ps(d,f,!1)),m&&(h?(e.save(),e.translate(p.renderLeft,p.renderTop),e.rotate(p.angle),this._renderChar(t,e,o,x,w,-C/2,0),e.restore()):(v=r,this._renderChar(t,e,o,x,w,v,i)),w="",d=f,r+=u*C,C=0);e.restore()}_applyPatternGradientTransformText(t){const e=this.width+this.strokeWidth,s=this.height+this.strokeWidth,r=xt({width:e,height:s}),i=r.getContext("2d");return r.width=e,r.height=s,i.beginPath(),i.moveTo(0,0),i.lineTo(e,0),i.lineTo(e,s),i.lineTo(0,s),i.closePath(),i.translate(e/2,s/2),i.fillStyle=t.toLive(i),this._applyPatternGradientTransform(i,t),i.fill(),i.createPattern(r,"no-repeat")}handleFiller(t,e,s){let r,i;return St(s)?s.gradientUnits==="percentage"||s.gradientTransform||s.patternTransform?(r=-this.width/2,i=-this.height/2,t.translate(r,i),t[e]=this._applyPatternGradientTransformText(s),{offsetX:r,offsetY:i}):(t[e]=s.toLive(t),this._applyPatternGradientTransform(t,s)):(t[e]=s,{offsetX:0,offsetY:0})}_setStrokeStyles(t,e){let{stroke:s,strokeWidth:r}=e;return t.lineWidth=r,t.lineCap=this.strokeLineCap,t.lineDashOffset=this.strokeDashOffset,t.lineJoin=this.strokeLineJoin,t.miterLimit=this.strokeMiterLimit,this.handleFiller(t,"strokeStyle",s)}_setFillStyles(t,e){let{fill:s}=e;return this.handleFiller(t,"fillStyle",s)}_renderChar(t,e,s,r,i,o,a){const h=this._getStyleDeclaration(s,r),l=this.getCompleteStyleDeclaration(s,r),c=t==="fillText"&&l.fill,u=t==="strokeText"&&l.stroke&&l.strokeWidth;if(u||c){if(e.save(),e.font=this._getFontDeclaration(l),h.textBackgroundColor&&this._removeShadow(e),h.deltaY&&(a+=h.deltaY),c){const g=this._setFillStyles(e,l);e.fillText(i,o-g.offsetX,a-g.offsetY)}if(u){const g=this._setStrokeStyles(e,l);e.strokeText(i,o-g.offsetX,a-g.offsetY)}e.restore()}}setSuperscript(t,e){this._setScript(t,e,this.superscript)}setSubscript(t,e){this._setScript(t,e,this.subscript)}_setScript(t,e,s){const r=this.get2DCursorLocation(t,!0),i=this.getValueOfPropertyAt(r.lineIndex,r.charIndex,"fontSize"),o=this.getValueOfPropertyAt(r.lineIndex,r.charIndex,"deltaY"),a={fontSize:i*s.size,deltaY:o+i*s.baseline};this.setSelectionStyles(a,t,e)}_getLineLeftOffset(t){const e=this.getLineWidth(t),s=this.width-e,r=this.textAlign,i=this.direction,o=this.isEndOfWrapping(t);let a=0;return r===$t||r===es&&!o||r===ts&&!o||r===Os&&!o?0:(r===B&&(a=s/2),r===Z&&(a=s),r===es&&(a=s/2),r===ts&&(a=s),i===Yt&&(r===Z||r===ts?a=0:r===G||r===Os?a=-s:r!==B&&r!==es||(a=-s/2)),a)}_clearCache(){this._forceClearCache=!1,this.__lineWidths=[],this.__lineHeights=[],this.__charBounds=[]}getLineWidth(t){if(this.__lineWidths[t]!==void 0)return this.__lineWidths[t];const{width:e}=this.measureLine(t);return this.__lineWidths[t]=e,e}_getWidthOfCharSpacing(){return this.charSpacing!==0?this.fontSize*this.charSpacing/1e3:0}getValueOfPropertyAt(t,e,s){var r;return(r=this._getStyleDeclaration(t,e)[s])!==null&&r!==void 0?r:this[s]}_renderTextDecoration(t,e){if(!this[e]&&!this.styleHas(e))return;let s=this._getTopOffset();const r=this._getLeftOffset(),i=this.path,o=this._getWidthOfCharSpacing(),a=e==="linethrough"?.5:e==="overline"?1:0,h=this.offsets[e];for(let l=0,c=this._textLines.length;l<c;l++){const u=this.getHeightOfLine(l);if(!this[e]&&!this.styleHas(e,l)){s+=u;continue}const g=this._textLines[l],d=u/this.lineHeight,f=this._getLineLeftOffset(l);let p=0,m=0,v=this.getValueOfPropertyAt(l,0,e),w=this.getValueOfPropertyAt(l,0,rt),C=this.getValueOfPropertyAt(l,0,fe),x=v,_=w,b=C;const O=s+d*(1-this._fontSizeFraction);let T=this.getHeightOfChar(l,0),k=this.getValueOfPropertyAt(l,0,"deltaY");for(let L=0,I=g.length;L<I;L++){const j=this.__charBounds[l][L];x=this.getValueOfPropertyAt(l,L,e),_=this.getValueOfPropertyAt(l,L,rt),b=this.getValueOfPropertyAt(l,L,fe);const U=this.getHeightOfChar(l,L),N=this.getValueOfPropertyAt(l,L,"deltaY");if(i&&x&&_){const H=this.fontSize*b/1e3;t.save(),t.fillStyle=w,t.translate(j.renderLeft,j.renderTop),t.rotate(j.angle),t.fillRect(-j.kernedWidth/2,h*U+N-a*H,j.kernedWidth,H),t.restore()}else if((x!==v||_!==w||U!==T||b!==C||N!==k)&&m>0){const H=this.fontSize*C/1e3;let $=r+f+p;this.direction===Yt&&($=this.width-$-m),v&&w&&C&&(t.fillStyle=w,t.fillRect($,O+h*T+k-a*H,m,H)),p=j.left,m=j.width,v=x,C=b,w=_,T=U,k=N}else m+=j.kernedWidth}let D=r+f+p;this.direction===Yt&&(D=this.width-D-m),t.fillStyle=_;const A=this.fontSize*b/1e3;x&&_&&b&&t.fillRect(D,O+h*T+k-a*A,m-o,A),s+=u}this._removeShadow(t)}_getFontDeclaration(){let{fontFamily:t=this.fontFamily,fontStyle:e=this.fontStyle,fontWeight:s=this.fontWeight,fontSize:r=this.fontSize}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},i=arguments.length>1?arguments[1]:void 0;const o=t.includes("'")||t.includes('"')||t.includes(",")||gt.genericFonts.includes(t.toLowerCase())?t:`"${t}"`;return[e,s,`${i?this.CACHE_FONT_SIZE:r}px`,o].join(" ")}render(t){this.visible&&(this.canvas&&this.canvas.skipOffscreen&&!this.group&&!this.isOnScreen()||(this._forceClearCache&&this.initDimensions(),super.render(t)))}graphemeSplit(t){return Es(t)}_splitTextIntoLines(t){const e=t.split(this._reNewline),s=new Array(e.length),r=[`
-`];let i=[];for(let o=0;o<e.length;o++)s[o]=this.graphemeSplit(e[o]),i=i.concat(s[o],r);return i.pop(),{_unwrappedLines:s,lines:e,graphemeText:i,graphemeLines:s}}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return{...super.toObject([...xn,...t]),styles:Wn(this.styles,this.text),...this.path?{path:this.path.toObject()}:{}}}set(t,e){const{textLayoutProperties:s}=this.constructor;super.set(t,e);let r=!1,i=!1;if(typeof t=="object")for(const o in t)o==="path"&&this.setPathInfo(),r=r||s.includes(o),i=i||o==="path";else r=s.includes(t),i=t==="path";return i&&this.setPathInfo(),r&&this.initialized&&(this.initDimensions(),this.setCoords()),this}complexity(){return 1}static async fromElement(t,e,s){const r=zt(t,gt.ATTRIBUTE_NAMES,s),{textAnchor:i=G,textDecoration:o="",dx:a=0,dy:h=0,top:l=0,left:c=0,fontSize:u=Cr,strokeWidth:g=1,...d}={...e,...r},f=new this(Cs(t.textContent||"").trim(),{left:c+a,top:l+h,underline:o.includes("underline"),overline:o.includes("overline"),linethrough:o.includes("line-through"),strokeWidth:0,fontSize:u,...d}),p=f.getScaledHeight()/f.height,m=((f.height+f.strokeWidth)*f.lineHeight-f.height)*p,v=f.getScaledHeight()+m;let w=0;return i===B&&(w=f.getScaledWidth()/2),i===Z&&(w=f.getScaledWidth()),f.set({left:f.left-w,top:f.top-(v-f.fontSize*(.07+f._fontSizeFraction))/f.lineHeight,strokeWidth:g}),f}static fromObject(t){return this._fromObject({...t,styles:Yn(t.styles||{},t.text)},{extraParam:"text"})}}y(gt,"textLayoutProperties",vn),y(gt,"cacheProperties",[...Gt,...xn]),y(gt,"ownDefaults",ma),y(gt,"type","Text"),y(gt,"genericFonts",["serif","sans-serif","monospace","cursive","fantasy","system-ui","ui-serif","ui-sans-serif","ui-monospace","ui-rounded","math","emoji","fangsong"]),y(gt,"ATTRIBUTE_NAMES",re.concat("x","y","dx","dy","font-family","font-style","font-weight","font-size","letter-spacing","text-decoration","text-anchor")),In(gt,[class extends pn{_toSVG(){const n=this._getSVGLeftTopOffsets(),t=this._getSVGTextAndBg(n.textTop,n.textLeft);return this._wrapSVGTextAndBg(t)}toSVG(n){const t=this._createBaseSVGMarkup(this._toSVG(),{reviver:n,noStyle:!0,withShadow:!0}),e=this.path;return e?t+e._createBaseSVGMarkup(e._toSVG(),{reviver:n,withShadow:!0,additionalTransform:Fe(this.calcOwnMatrix())}):t}_getSVGLeftTopOffsets(){return{textLeft:-this.width/2,textTop:-this.height/2,lineTop:this.getHeightOfLine(0)}}_wrapSVGTextAndBg(n){let{textBgRects:t,textSpans:e}=n;const s=this.getSvgTextDecoration(this);return[t.join(""),'		<text xml:space="preserve" ',`font-family="${this.fontFamily.replace(Ih,"'")}" `,`font-size="${this.fontSize}" `,this.fontStyle?`font-style="${this.fontStyle}" `:"",this.fontWeight?`font-weight="${this.fontWeight}" `:"",s?`text-decoration="${s}" `:"",this.direction==="rtl"?`direction="${this.direction}" `:"",'style="',this.getSvgStyles(!0),'"',this.addPaintOrder()," >",e.join(""),`</text>
-`]}_getSVGTextAndBg(n,t){const e=[],s=[];let r,i=n;this.backgroundColor&&s.push(...ui(this.backgroundColor,-this.width/2,-this.height/2,this.width,this.height));for(let o=0,a=this._textLines.length;o<a;o++)r=this._getLineLeftOffset(o),this.direction==="rtl"&&(r+=this.width),(this.textBackgroundColor||this.styleHas("textBackgroundColor",o))&&this._setSVGTextLineBg(s,o,t+r,i),this._setSVGTextLineText(e,o,t+r,i),i+=this.getHeightOfLine(o);return{textSpans:e,textBgRects:s}}_createTextCharSpan(n,t,e,s,r){const i=Y.NUM_FRACTION_DIGITS,o=this.getSvgSpanStyles(t,n!==n.trim()||!!n.match(Lh)),a=o?`style="${o}"`:"",h=t.deltaY,l=h?` dy="${V(h,i)}" `:"",{angle:c,renderLeft:u,renderTop:g,width:d}=r;let f="";if(u!==void 0){const p=d/2;c&&(f=` rotate="${V(Nt(c),i)}"`);const m=le({angle:Nt(c)});m[4]=u,m[5]=g;const v=new S(-p,0).transform(m);e=v.x,s=v.y}return`<tspan x="${V(e,i)}" y="${V(s,i)}" ${l}${f}${a}>${Xn(n)}</tspan>`}_setSVGTextLineText(n,t,e,s){const r=this.getHeightOfLine(t),i=this.textAlign.includes($t),o=this._textLines[t];let a,h,l,c,u,g="",d=0;s+=r*(1-this._fontSizeFraction)/this.lineHeight;for(let f=0,p=o.length-1;f<=p;f++)u=f===p||this.charSpacing||this.path,g+=o[f],l=this.__charBounds[t][f],d===0?(e+=l.kernedWidth-l.width,d+=l.width):d+=l.kernedWidth,i&&!u&&this._reSpaceAndTab.test(o[f])&&(u=!0),u||(a=a||this.getCompleteStyleDeclaration(t,f),h=this.getCompleteStyleDeclaration(t,f+1),u=Ps(a,h,!0)),u&&(c=this._getStyleDeclaration(t,f),n.push(this._createTextCharSpan(g,c,e,s,l)),g="",a=h,this.direction==="rtl"?e-=d:e+=d,d=0)}_setSVGTextLineBg(n,t,e,s){const r=this._textLines[t],i=this.getHeightOfLine(t)/this.lineHeight;let o,a=0,h=0,l=this.getValueOfPropertyAt(t,0,"textBackgroundColor");for(let c=0;c<r.length;c++){const{left:u,width:g,kernedWidth:d}=this.__charBounds[t][c];o=this.getValueOfPropertyAt(t,c,"textBackgroundColor"),o!==l?(l&&n.push(...ui(l,e+h,s,a,i)),h=u,a=g,l=o):a+=d}o&&n.push(...ui(l,e+h,s,a,i))}getSvgStyles(n){return`${super.getSvgStyles(n)} text-decoration-thickness: ${V(this.textDecorationThickness*this.getObjectScaling().y/10,Y.NUM_FRACTION_DIGITS)}%; white-space: pre;`}getSvgSpanStyles(n,t){const{fontFamily:e,strokeWidth:s,stroke:r,fill:i,fontSize:o,fontStyle:a,fontWeight:h,textDecorationThickness:l,linethrough:c,overline:u,underline:g}=n,d=this.getSvgTextDecoration({underline:g!=null?g:this.underline,overline:u!=null?u:this.overline,linethrough:c!=null?c:this.linethrough}),f=l||this.textDecorationThickness;return[r?Ze(vt,r):"",s?`stroke-width: ${s}; `:"",e?`font-family: ${e.includes("'")||e.includes('"')?e:`'${e}'`}; `:"",o?`font-size: ${o}px; `:"",a?`font-style: ${a}; `:"",h?`font-weight: ${h}; `:"",d?`text-decoration: ${d}; text-decoration-thickness: ${V(f*this.getObjectScaling().y/10,Y.NUM_FRACTION_DIGITS)}%; `:"",i?Ze(rt,i):"",t?"white-space: pre; ":""].join("")}getSvgTextDecoration(n){return["overline","underline","line-through"].filter(t=>n[t.replace("-","")]).join(" ")}}]),P.setClass(gt),P.setSVGClass(gt);class jh{constructor(t){y(this,"target",void 0),y(this,"__mouseDownInPlace",!1),y(this,"__dragStartFired",!1),y(this,"__isDraggingOver",!1),y(this,"__dragStartSelection",void 0),y(this,"__dragImageDisposer",void 0),y(this,"_dispose",void 0),this.target=t;const e=[this.target.on("dragenter",this.dragEnterHandler.bind(this)),this.target.on("dragover",this.dragOverHandler.bind(this)),this.target.on("dragleave",this.dragLeaveHandler.bind(this)),this.target.on("dragend",this.dragEndHandler.bind(this)),this.target.on("drop",this.dropHandler.bind(this))];this._dispose=()=>{e.forEach(s=>s()),this._dispose=void 0}}isPointerOverSelection(t){const e=this.target,s=e.getSelectionStartFromPointer(t);return e.isEditing&&s>=e.selectionStart&&s<=e.selectionEnd&&e.selectionStart<e.selectionEnd}start(t){return this.__mouseDownInPlace=this.isPointerOverSelection(t)}isActive(){return this.__mouseDownInPlace}end(t){const e=this.isActive();return e&&!this.__dragStartFired&&(this.target.setCursorByClick(t),this.target.initDelayedCursor(!0)),this.__mouseDownInPlace=!1,this.__dragStartFired=!1,this.__isDraggingOver=!1,e}getDragStartSelection(){return this.__dragStartSelection}setDragImage(t,e){var s;let{selectionStart:r,selectionEnd:i}=e;const o=this.target,a=o.canvas,h=new S(o.flipX?-1:1,o.flipY?-1:1),l=o._getCursorBoundaries(r),c=new S(l.left+l.leftOffset,l.top+l.topOffset).multiply(h).transform(o.calcTransformMatrix()),u=a.getScenePoint(t).subtract(c),g=o.getCanvasRetinaScaling(),d=o.getBoundingRect(),f=c.subtract(new S(d.left,d.top)),p=a.viewportTransform,m=f.add(u).transform(p,!0),v=o.backgroundColor,w=Zr(o.styles);o.backgroundColor="";const C={stroke:"transparent",fill:"transparent",textBackgroundColor:"transparent"};o.setSelectionStyles(C,0,r),o.setSelectionStyles(C,i,o.text.length),o.dirty=!0;const x=o.toCanvasElement({enableRetinaScaling:a.enableRetinaScaling,viewportTransform:!0});o.backgroundColor=v,o.styles=w,o.dirty=!0,ai(x,{position:"fixed",left:-x.width+"px",border:mt,width:x.width/g+"px",height:x.height/g+"px"}),this.__dragImageDisposer&&this.__dragImageDisposer(),this.__dragImageDisposer=()=>{x.remove()},Mt(t.target||this.target.hiddenTextarea).body.appendChild(x),(s=t.dataTransfer)===null||s===void 0||s.setDragImage(x,m.x,m.y)}onDragStart(t){this.__dragStartFired=!0;const e=this.target,s=this.isActive();if(s&&t.dataTransfer){const r=this.__dragStartSelection={selectionStart:e.selectionStart,selectionEnd:e.selectionEnd},i=e._text.slice(r.selectionStart,r.selectionEnd).join(""),o={text:e.text,value:i,...r};t.dataTransfer.setData("text/plain",i),t.dataTransfer.setData("application/fabric",JSON.stringify({value:i,styles:e.getSelectionStyles(r.selectionStart,r.selectionEnd,!0)})),t.dataTransfer.effectAllowed="copyMove",this.setDragImage(t,o)}return e.abortCursorAnimation(),s}canDrop(t){if(this.target.editable&&!this.target.getActiveControl()&&!t.defaultPrevented){if(this.isActive()&&this.__dragStartSelection){const e=this.target.getSelectionStartFromPointer(t),s=this.__dragStartSelection;return e<s.selectionStart||e>s.selectionEnd}return!0}return!1}targetCanDrop(t){return this.target.canDrop(t)}dragEnterHandler(t){let{e}=t;const s=this.targetCanDrop(e);!this.__isDraggingOver&&s&&(this.__isDraggingOver=!0)}dragOverHandler(t){const{e}=t,s=this.targetCanDrop(e);!this.__isDraggingOver&&s?this.__isDraggingOver=!0:this.__isDraggingOver&&!s&&(this.__isDraggingOver=!1),this.__isDraggingOver&&(e.preventDefault(),t.canDrop=!0,t.dropTarget=this.target)}dragLeaveHandler(){(this.__isDraggingOver||this.isActive())&&(this.__isDraggingOver=!1)}dropHandler(t){var e;const{e:s}=t,r=s.defaultPrevented;this.__isDraggingOver=!1,s.preventDefault();let i=(e=s.dataTransfer)===null||e===void 0?void 0:e.getData("text/plain");if(i&&!r){const o=this.target,a=o.canvas;let h=o.getSelectionStartFromPointer(s);const{styles:l}=s.dataTransfer.types.includes("application/fabric")?JSON.parse(s.dataTransfer.getData("application/fabric")):{},c=i[Math.max(0,i.length-1)],u=0;if(this.__dragStartSelection){const g=this.__dragStartSelection.selectionStart,d=this.__dragStartSelection.selectionEnd;h>g&&h<=d?h=g:h>d&&(h-=d-g),o.removeChars(g,d),delete this.__dragStartSelection}o._reNewline.test(c)&&(o._reNewline.test(o._text[h])||h===o._text.length)&&(i=i.trimEnd()),t.didDrop=!0,t.dropTarget=o,o.insertChars(i,l,h),a.setActiveObject(o),o.enterEditing(s),o.selectionStart=Math.min(h+u,o._text.length),o.selectionEnd=Math.min(o.selectionStart+i.length,o._text.length),o.hiddenTextarea.value=o.text,o._updateTextarea(),o.hiddenTextarea.focus(),o.fire(cs,{index:h+u,action:"drop"}),a.fire("text:changed",{target:o}),a.contextTopDirty=!0,a.requestRenderAll()}}dragEndHandler(t){let{e}=t;if(this.isActive()&&this.__dragStartFired&&this.__dragStartSelection){var s;const r=this.target,i=this.target.canvas,{selectionStart:o,selectionEnd:a}=this.__dragStartSelection,h=((s=e.dataTransfer)===null||s===void 0?void 0:s.dropEffect)||mt;h===mt?(r.selectionStart=o,r.selectionEnd=a,r._updateTextarea(),r.hiddenTextarea.focus()):(r.clearContextTop(),h==="move"&&(r.removeChars(o,a),r.selectionStart=r.selectionEnd=o,r.hiddenTextarea&&(r.hiddenTextarea.value=r.text),r._updateTextarea(),r.fire(cs,{index:o,action:"dragend"}),i.fire("text:changed",{target:r}),i.requestRenderAll()),r.exitEditing())}this.__dragImageDisposer&&this.__dragImageDisposer(),delete this.__dragImageDisposer,delete this.__dragStartSelection,this.__isDraggingOver=!1}dispose(){this._dispose&&this._dispose()}}const yo=/[ \n\.,;!\?\-]/;class Rh extends gt{constructor(){super(...arguments),y(this,"_currentCursorOpacity",1)}initBehavior(){this._tick=this._tick.bind(this),this._onTickComplete=this._onTickComplete.bind(this),this.updateSelectionOnMouseMove=this.updateSelectionOnMouseMove.bind(this)}onDeselect(t){return this.isEditing&&this.exitEditing(),this.selected=!1,super.onDeselect(t)}_animateCursor(t){let{toValue:e,duration:s,delay:r,onComplete:i}=t;return Kr({startValue:this._currentCursorOpacity,endValue:e,duration:s,delay:r,onComplete:i,abort:()=>!this.canvas||this.selectionStart!==this.selectionEnd,onChange:o=>{this._currentCursorOpacity=o,this.renderCursorOrSelection()}})}_tick(t){this._currentTickState=this._animateCursor({toValue:0,duration:this.cursorDuration/2,delay:Math.max(t||0,100),onComplete:this._onTickComplete})}_onTickComplete(){var t;(t=this._currentTickCompleteState)===null||t===void 0||t.abort(),this._currentTickCompleteState=this._animateCursor({toValue:1,duration:this.cursorDuration,onComplete:this._tick})}initDelayedCursor(t){this.abortCursorAnimation(),this._tick(t?0:this.cursorDelay)}abortCursorAnimation(){let t=!1;[this._currentTickState,this._currentTickCompleteState].forEach(e=>{e&&!e.isDone()&&(t=!0,e.abort())}),this._currentCursorOpacity=1,t&&this.clearContextTop()}restartCursorIfNeeded(){[this._currentTickState,this._currentTickCompleteState].some(t=>!t||t.isDone())&&this.initDelayedCursor()}selectAll(){return this.selectionStart=0,this.selectionEnd=this._text.length,this._fireSelectionChanged(),this._updateTextarea(),this}cmdAll(){this.selectAll(),this.renderCursorOrSelection()}getSelectedText(){return this._text.slice(this.selectionStart,this.selectionEnd).join("")}findWordBoundaryLeft(t){let e=0,s=t-1;if(this._reSpace.test(this._text[s]))for(;this._reSpace.test(this._text[s]);)e++,s--;for(;/\S/.test(this._text[s])&&s>-1;)e++,s--;return t-e}findWordBoundaryRight(t){let e=0,s=t;if(this._reSpace.test(this._text[s]))for(;this._reSpace.test(this._text[s]);)e++,s++;for(;/\S/.test(this._text[s])&&s<this._text.length;)e++,s++;return t+e}findLineBoundaryLeft(t){let e=0,s=t-1;for(;!/\n/.test(this._text[s])&&s>-1;)e++,s--;return t-e}findLineBoundaryRight(t){let e=0,s=t;for(;!/\n/.test(this._text[s])&&s<this._text.length;)e++,s++;return t+e}searchWordBoundary(t,e){const s=this._text;let r=t>0&&this._reSpace.test(s[t])&&(e===-1||!Tr.test(s[t-1]))?t-1:t,i=s[r];for(;r>0&&r<s.length&&!yo.test(i);)r+=e,i=s[r];return e===-1&&yo.test(i)&&r++,r}selectWord(t){t=t!=null?t:this.selectionStart;const e=this.searchWordBoundary(t,-1),s=Math.max(e,this.searchWordBoundary(t,1));this.selectionStart=e,this.selectionEnd=s,this._fireSelectionChanged(),this._updateTextarea(),this.renderCursorOrSelection()}selectLine(t){t=t!=null?t:this.selectionStart;const e=this.findLineBoundaryLeft(t),s=this.findLineBoundaryRight(t);this.selectionStart=e,this.selectionEnd=s,this._fireSelectionChanged(),this._updateTextarea()}enterEditing(t){!this.isEditing&&this.editable&&(this.enterEditingImpl(),this.fire("editing:entered",t?{e:t}:void 0),this._fireSelectionChanged(),this.canvas&&(this.canvas.fire("text:editing:entered",{target:this,e:t}),this.canvas.requestRenderAll()))}enterEditingImpl(){this.canvas&&(this.canvas.calcOffset(),this.canvas.textEditingManager.exitTextEditing()),this.isEditing=!0,this.initHiddenTextarea(),this.hiddenTextarea.focus(),this.hiddenTextarea.value=this.text,this._updateTextarea(),this._saveEditingProps(),this._setEditingProps(),this._textBeforeEdit=this.text,this._tick()}updateSelectionOnMouseMove(t){if(this.getActiveControl())return;const e=this.hiddenTextarea;Mt(e).activeElement!==e&&e.focus();const s=this.getSelectionStartFromPointer(t),r=this.selectionStart,i=this.selectionEnd;(s===this.__selectionStartOnMouseDown&&r!==i||r!==s&&i!==s)&&(s>this.__selectionStartOnMouseDown?(this.selectionStart=this.__selectionStartOnMouseDown,this.selectionEnd=s):(this.selectionStart=s,this.selectionEnd=this.__selectionStartOnMouseDown),this.selectionStart===r&&this.selectionEnd===i||(this._fireSelectionChanged(),this._updateTextarea(),this.renderCursorOrSelection()))}_setEditingProps(){this.hoverCursor="text",this.canvas&&(this.canvas.defaultCursor=this.canvas.moveCursor="text"),this.borderColor=this.editingBorderColor,this.hasControls=this.selectable=!1,this.lockMovementX=this.lockMovementY=!0}fromStringToGraphemeSelection(t,e,s){const r=s.slice(0,t),i=this.graphemeSplit(r).length;if(t===e)return{selectionStart:i,selectionEnd:i};const o=s.slice(t,e);return{selectionStart:i,selectionEnd:i+this.graphemeSplit(o).length}}fromGraphemeToStringSelection(t,e,s){const r=s.slice(0,t).join("").length;return t===e?{selectionStart:r,selectionEnd:r}:{selectionStart:r,selectionEnd:r+s.slice(t,e).join("").length}}_updateTextarea(){if(this.cursorOffsetCache={},this.hiddenTextarea){if(!this.inCompositionMode){const t=this.fromGraphemeToStringSelection(this.selectionStart,this.selectionEnd,this._text);this.hiddenTextarea.selectionStart=t.selectionStart,this.hiddenTextarea.selectionEnd=t.selectionEnd}this.updateTextareaPosition()}}updateFromTextArea(){const{hiddenTextarea:t,direction:e,textAlign:s,inCompositionMode:r}=this;if(!t)return;const i=s!==$t?s.replace("justify-",""):e===ae?G:Z,o=this.getPositionByOrigin(i,"top");this.cursorOffsetCache={},this.text=t.value,this.set("dirty",!0),this.initDimensions(),this.setPositionByOrigin(o,i,"top"),this.setCoords();const a=this.fromStringToGraphemeSelection(t.selectionStart,t.selectionEnd,t.value);this.selectionEnd=this.selectionStart=a.selectionEnd,r||(this.selectionStart=a.selectionStart),this.updateTextareaPosition()}updateTextareaPosition(){if(this.selectionStart===this.selectionEnd){const t=this._calcTextareaPosition();this.hiddenTextarea.style.left=t.left,this.hiddenTextarea.style.top=t.top}}_calcTextareaPosition(){if(!this.canvas)return{left:"1px",top:"1px"};const t=this.inCompositionMode?this.compositionStart:this.selectionStart,e=this._getCursorBoundaries(t),s=this.get2DCursorLocation(t),r=s.lineIndex,i=s.charIndex,o=this.getValueOfPropertyAt(r,i,"fontSize")*this.lineHeight,a=e.leftOffset,h=this.getCanvasRetinaScaling(),l=this.canvas.upperCanvasEl,c=l.width/h,u=l.height/h,g=c-o,d=u-o,f=new S(e.left+a,e.top+e.topOffset+o).transform(this.calcTransformMatrix()).transform(this.canvas.viewportTransform).multiply(new S(l.clientWidth/c,l.clientHeight/u));return f.x<0&&(f.x=0),f.x>g&&(f.x=g),f.y<0&&(f.y=0),f.y>d&&(f.y=d),f.x+=this.canvas._offset.left,f.y+=this.canvas._offset.top,{left:`${f.x}px`,top:`${f.y}px`,fontSize:`${o}px`,charHeight:o}}_saveEditingProps(){this._savedProps={hasControls:this.hasControls,borderColor:this.borderColor,lockMovementX:this.lockMovementX,lockMovementY:this.lockMovementY,hoverCursor:this.hoverCursor,selectable:this.selectable,defaultCursor:this.canvas&&this.canvas.defaultCursor,moveCursor:this.canvas&&this.canvas.moveCursor}}_restoreEditingProps(){this._savedProps&&(this.hoverCursor=this._savedProps.hoverCursor,this.hasControls=this._savedProps.hasControls,this.borderColor=this._savedProps.borderColor,this.selectable=this._savedProps.selectable,this.lockMovementX=this._savedProps.lockMovementX,this.lockMovementY=this._savedProps.lockMovementY,this.canvas&&(this.canvas.defaultCursor=this._savedProps.defaultCursor||this.canvas.defaultCursor,this.canvas.moveCursor=this._savedProps.moveCursor||this.canvas.moveCursor),delete this._savedProps)}exitEditingImpl(){const t=this.hiddenTextarea;this.selected=!1,this.isEditing=!1,t&&(t.blur&&t.blur(),t.parentNode&&t.parentNode.removeChild(t)),this.hiddenTextarea=null,this.abortCursorAnimation(),this.selectionStart!==this.selectionEnd&&this.clearContextTop(),this.selectionEnd=this.selectionStart,this._restoreEditingProps(),this._forceClearCache&&(this.initDimensions(),this.setCoords())}exitEditing(){const t=this._textBeforeEdit!==this.text;return this.exitEditingImpl(),this.fire("editing:exited"),t&&this.fire(gs),this.canvas&&(this.canvas.fire("text:editing:exited",{target:this}),t&&this.canvas.fire("object:modified",{target:this})),this}_removeExtraneousStyles(){for(const t in this.styles)this._textLines[t]||delete this.styles[t]}removeStyleFromTo(t,e){const{lineIndex:s,charIndex:r}=this.get2DCursorLocation(t,!0),{lineIndex:i,charIndex:o}=this.get2DCursorLocation(e,!0);if(s!==i){if(this.styles[s])for(let a=r;a<this._unwrappedTextLines[s].length;a++)delete this.styles[s][a];if(this.styles[i])for(let a=o;a<this._unwrappedTextLines[i].length;a++){const h=this.styles[i][a];h&&(this.styles[s]||(this.styles[s]={}),this.styles[s][r+a-o]=h)}for(let a=s+1;a<=i;a++)delete this.styles[a];this.shiftLineStyles(i,s-i)}else if(this.styles[s]){const a=this.styles[s],h=o-r;for(let l=r;l<o;l++)delete a[l];for(const l in this.styles[s]){const c=parseInt(l,10);c>=o&&(a[c-h]=a[l],delete a[l])}}}shiftLineStyles(t,e){const s=Object.assign({},this.styles);for(const r in this.styles){const i=parseInt(r,10);i>t&&(this.styles[i+e]=s[i],s[i-e]||delete this.styles[i])}}insertNewlineStyleObject(t,e,s,r){const i={},o=this._unwrappedTextLines[t].length,a=o===e;let h=!1;s||(s=1),this.shiftLineStyles(t,s);const l=this.styles[t]?this.styles[t][e===0?e:e-1]:void 0;for(const u in this.styles[t]){const g=parseInt(u,10);g>=e&&(h=!0,i[g-e]=this.styles[t][u],a&&e===0||delete this.styles[t][u])}let c=!1;for(h&&!a&&(this.styles[t+s]=i,c=!0),(c||o>e)&&s--;s>0;)r&&r[s-1]?this.styles[t+s]={0:{...r[s-1]}}:l?this.styles[t+s]={0:{...l}}:delete this.styles[t+s],s--;this._forceClearCache=!0}insertCharStyleObject(t,e,s,r){this.styles||(this.styles={});const i=this.styles[t],o=i?{...i}:{};s||(s=1);for(const h in o){const l=parseInt(h,10);l>=e&&(i[l+s]=o[l],o[l-s]||delete i[l])}if(this._forceClearCache=!0,r){for(;s--;)Object.keys(r[s]).length&&(this.styles[t]||(this.styles[t]={}),this.styles[t][e+s]={...r[s]});return}if(!i)return;const a=i[e?e-1:1];for(;a&&s--;)this.styles[t][e+s]={...a}}insertNewStyleBlock(t,e,s){const r=this.get2DCursorLocation(e,!0),i=[0];let o,a=0;for(let h=0;h<t.length;h++)t[h]===`
-`?(a++,i[a]=0):i[a]++;for(i[0]>0&&(this.insertCharStyleObject(r.lineIndex,r.charIndex,i[0],s),s=s&&s.slice(i[0]+1)),a&&this.insertNewlineStyleObject(r.lineIndex,r.charIndex+i[0],a),o=1;o<a;o++)i[o]>0?this.insertCharStyleObject(r.lineIndex+o,0,i[o],s):s&&this.styles[r.lineIndex+o]&&s[0]&&(this.styles[r.lineIndex+o][0]=s[0]),s=s&&s.slice(i[o]+1);i[o]>0&&this.insertCharStyleObject(r.lineIndex+o,0,i[o],s)}removeChars(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:t+1;this.removeStyleFromTo(t,e),this._text.splice(t,e-t),this.text=this._text.join(""),this.set("dirty",!0),this.initDimensions(),this.setCoords(),this._removeExtraneousStyles()}insertChars(t,e,s){let r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:s;r>s&&this.removeStyleFromTo(s,r);const i=this.graphemeSplit(t);this.insertNewStyleBlock(i,s,e),this._text=[...this._text.slice(0,s),...i,...this._text.slice(r)],this.text=this._text.join(""),this.set("dirty",!0),this.initDimensions(),this.setCoords(),this._removeExtraneousStyles()}setSelectionStartEndWithShift(t,e,s){s<=t?(e===t?this._selectionDirection=G:this._selectionDirection===Z&&(this._selectionDirection=G,this.selectionEnd=t),this.selectionStart=s):s>t&&s<e?this._selectionDirection===Z?this.selectionEnd=s:this.selectionStart=s:(e===t?this._selectionDirection=Z:this._selectionDirection===G&&(this._selectionDirection=Z,this.selectionStart=e),this.selectionEnd=s)}}class Bh extends Rh{initHiddenTextarea(){const t=this.canvas&&Mt(this.canvas.getElement())||Oe(),e=t.createElement("textarea");Object.entries({autocapitalize:"off",autocorrect:"off",autocomplete:"off",spellcheck:"false","data-fabric":"textarea",wrap:"off",name:"fabricTextarea"}).map(o=>{let[a,h]=o;return e.setAttribute(a,h)});const{top:s,left:r,fontSize:i}=this._calcTextareaPosition();e.style.cssText=`position: absolute; top: ${s}; left: ${r}; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px; padding-top: ${i};`,(this.hiddenTextareaContainer||t.body).appendChild(e),Object.entries({blur:"blur",keydown:"onKeyDown",keyup:"onKeyUp",input:"onInput",copy:"copy",cut:"copy",paste:"paste",compositionstart:"onCompositionStart",compositionupdate:"onCompositionUpdate",compositionend:"onCompositionEnd"}).map(o=>{let[a,h]=o;return e.addEventListener(a,this[h].bind(this))}),this.hiddenTextarea=e}blur(){this.abortCursorAnimation()}onKeyDown(t){if(!this.isEditing)return;const e=this.direction==="rtl"?this.keysMapRtl:this.keysMap;if(t.keyCode in e)this[e[t.keyCode]](t);else{if(!(t.keyCode in this.ctrlKeysMapDown)||!t.ctrlKey&&!t.metaKey)return;this[this.ctrlKeysMapDown[t.keyCode]](t)}t.stopImmediatePropagation(),t.preventDefault(),t.keyCode>=33&&t.keyCode<=40?(this.inCompositionMode=!1,this.clearContextTop(),this.renderCursorOrSelection()):this.canvas&&this.canvas.requestRenderAll()}onKeyUp(t){!this.isEditing||this._copyDone||this.inCompositionMode?this._copyDone=!1:t.keyCode in this.ctrlKeysMapUp&&(t.ctrlKey||t.metaKey)&&(this[this.ctrlKeysMapUp[t.keyCode]](t),t.stopImmediatePropagation(),t.preventDefault(),this.canvas&&this.canvas.requestRenderAll())}onInput(t){const e=this.fromPaste,{value:s,selectionStart:r,selectionEnd:i}=this.hiddenTextarea;if(this.fromPaste=!1,t&&t.stopPropagation(),!this.isEditing)return;const o=()=>{this.updateFromTextArea(),this.fire(cs),this.canvas&&(this.canvas.fire("text:changed",{target:this}),this.canvas.requestRenderAll())};if(this.hiddenTextarea.value==="")return this.styles={},void o();const a=this._splitTextIntoLines(s).graphemeText,h=this._text.length,l=a.length,c=this.selectionStart,u=this.selectionEnd,g=c!==u;let d,f,p,m,v=l-h;const w=this.fromStringToGraphemeSelection(r,i,s),C=c>w.selectionStart;g?(f=this._text.slice(c,u),v+=u-c):l<h&&(f=C?this._text.slice(u+v,u):this._text.slice(c,c-v));const x=a.slice(w.selectionEnd-v,w.selectionEnd);if(f&&f.length&&(x.length&&(d=this.getSelectionStyles(c,c+1,!1),d=x.map(()=>d[0])),g?(p=c,m=u):C?(p=u-f.length,m=u):(p=u,m=u+f.length),this.removeStyleFromTo(p,m)),x.length){const{copyPasteData:_}=jt();e&&x.join("")===_.copiedText&&!Y.disableStyleCopyPaste&&(d=_.copiedTextStyle),this.insertNewStyleBlock(x,c,d)}o()}onCompositionStart(){this.inCompositionMode=!0}onCompositionEnd(){this.inCompositionMode=!1}onCompositionUpdate(t){let{target:e}=t;const{selectionStart:s,selectionEnd:r}=e;this.compositionStart=s,this.compositionEnd=r,this.updateTextareaPosition()}copy(){if(this.selectionStart===this.selectionEnd)return;const{copyPasteData:t}=jt();t.copiedText=this.getSelectedText(),Y.disableStyleCopyPaste?t.copiedTextStyle=void 0:t.copiedTextStyle=this.getSelectionStyles(this.selectionStart,this.selectionEnd,!0),this._copyDone=!0}paste(){this.fromPaste=!0}_getWidthBeforeCursor(t,e){let s,r=this._getLineLeftOffset(t);return e>0&&(s=this.__charBounds[t][e-1],r+=s.left+s.width),r}getDownCursorOffset(t,e){const s=this._getSelectionForOffset(t,e),r=this.get2DCursorLocation(s),i=r.lineIndex;if(i===this._textLines.length-1||t.metaKey||t.keyCode===34)return this._text.length-s;const o=r.charIndex,a=this._getWidthBeforeCursor(i,o),h=this._getIndexOnLine(i+1,a);return this._textLines[i].slice(o).length+h+1+this.missingNewlineOffset(i)}_getSelectionForOffset(t,e){return t.shiftKey&&this.selectionStart!==this.selectionEnd&&e?this.selectionEnd:this.selectionStart}getUpCursorOffset(t,e){const s=this._getSelectionForOffset(t,e),r=this.get2DCursorLocation(s),i=r.lineIndex;if(i===0||t.metaKey||t.keyCode===33)return-s;const o=r.charIndex,a=this._getWidthBeforeCursor(i,o),h=this._getIndexOnLine(i-1,a),l=this._textLines[i].slice(0,o),c=this.missingNewlineOffset(i-1);return-this._textLines[i-1].length+h-l.length+(1-c)}_getIndexOnLine(t,e){const s=this._textLines[t];let r,i,o=this._getLineLeftOffset(t),a=0;for(let h=0,l=s.length;h<l;h++)if(r=this.__charBounds[t][h].width,o+=r,o>e){i=!0;const c=o-r,u=o,g=Math.abs(c-e);a=Math.abs(u-e)<g?h:h-1;break}return i||(a=s.length-1),a}moveCursorDown(t){this.selectionStart>=this._text.length&&this.selectionEnd>=this._text.length||this._moveCursorUpOrDown("Down",t)}moveCursorUp(t){this.selectionStart===0&&this.selectionEnd===0||this._moveCursorUpOrDown("Up",t)}_moveCursorUpOrDown(t,e){const s=this[`get${t}CursorOffset`](e,this._selectionDirection===Z);if(e.shiftKey?this.moveCursorWithShift(s):this.moveCursorWithoutShift(s),s!==0){const r=this.text.length;this.selectionStart=me(0,this.selectionStart,r),this.selectionEnd=me(0,this.selectionEnd,r),this.abortCursorAnimation(),this.initDelayedCursor(),this._fireSelectionChanged(),this._updateTextarea()}}moveCursorWithShift(t){const e=this._selectionDirection===G?this.selectionStart+t:this.selectionEnd+t;return this.setSelectionStartEndWithShift(this.selectionStart,this.selectionEnd,e),t!==0}moveCursorWithoutShift(t){return t<0?(this.selectionStart+=t,this.selectionEnd=this.selectionStart):(this.selectionEnd+=t,this.selectionStart=this.selectionEnd),t!==0}moveCursorLeft(t){this.selectionStart===0&&this.selectionEnd===0||this._moveCursorLeftOrRight("Left",t)}_move(t,e,s){let r;if(t.altKey)r=this[`findWordBoundary${s}`](this[e]);else{if(!t.metaKey&&t.keyCode!==35&&t.keyCode!==36)return this[e]+=s==="Left"?-1:1,!0;r=this[`findLineBoundary${s}`](this[e])}return r!==void 0&&this[e]!==r&&(this[e]=r,!0)}_moveLeft(t,e){return this._move(t,e,"Left")}_moveRight(t,e){return this._move(t,e,"Right")}moveCursorLeftWithoutShift(t){let e=!0;return this._selectionDirection=G,this.selectionEnd===this.selectionStart&&this.selectionStart!==0&&(e=this._moveLeft(t,"selectionStart")),this.selectionEnd=this.selectionStart,e}moveCursorLeftWithShift(t){return this._selectionDirection===Z&&this.selectionStart!==this.selectionEnd?this._moveLeft(t,"selectionEnd"):this.selectionStart!==0?(this._selectionDirection=G,this._moveLeft(t,"selectionStart")):void 0}moveCursorRight(t){this.selectionStart>=this._text.length&&this.selectionEnd>=this._text.length||this._moveCursorLeftOrRight("Right",t)}_moveCursorLeftOrRight(t,e){const s=`moveCursor${t}${e.shiftKey?"WithShift":"WithoutShift"}`;this._currentCursorOpacity=1,this[s](e)&&(this.abortCursorAnimation(),this.initDelayedCursor(),this._fireSelectionChanged(),this._updateTextarea())}moveCursorRightWithShift(t){return this._selectionDirection===G&&this.selectionStart!==this.selectionEnd?this._moveRight(t,"selectionStart"):this.selectionEnd!==this._text.length?(this._selectionDirection=Z,this._moveRight(t,"selectionEnd")):void 0}moveCursorRightWithoutShift(t){let e=!0;return this._selectionDirection=Z,this.selectionStart===this.selectionEnd?(e=this._moveRight(t,"selectionStart"),this.selectionEnd=this.selectionStart):this.selectionStart=this.selectionEnd,e}}const vo=n=>!!n.button;class $h extends Bh{constructor(){super(...arguments),y(this,"draggableTextDelegate",void 0)}initBehavior(){this.on("mousedown",this._mouseDownHandler),this.on("mouseup",this.mouseUpHandler),this.on("mousedblclick",this.doubleClickHandler),this.on("mousetripleclick",this.tripleClickHandler),this.draggableTextDelegate=new jh(this),super.initBehavior()}shouldStartDragging(){return this.draggableTextDelegate.isActive()}onDragStart(t){return this.draggableTextDelegate.onDragStart(t)}canDrop(t){return this.draggableTextDelegate.canDrop(t)}doubleClickHandler(t){this.isEditing&&(this.selectWord(this.getSelectionStartFromPointer(t.e)),this.renderCursorOrSelection())}tripleClickHandler(t){this.isEditing&&(this.selectLine(this.getSelectionStartFromPointer(t.e)),this.renderCursorOrSelection())}_mouseDownHandler(t){let{e,alreadySelected:s}=t;this.canvas&&this.editable&&!vo(e)&&!this.getActiveControl()&&(this.draggableTextDelegate.start(e)||(this.canvas.textEditingManager.register(this),s&&(this.inCompositionMode=!1,this.setCursorByClick(e)),this.isEditing&&(this.__selectionStartOnMouseDown=this.selectionStart,this.selectionStart===this.selectionEnd&&this.abortCursorAnimation(),this.renderCursorOrSelection()),this.selected||(this.selected=s||this.isEditing)))}mouseUpHandler(t){let{e,transform:s}=t;const r=this.draggableTextDelegate.end(e);if(this.canvas){this.canvas.textEditingManager.unregister(this);const i=this.canvas._activeObject;if(i&&i!==this)return}!this.editable||this.group&&!this.group.interactive||s&&s.actionPerformed||vo(e)||r||this.selected&&!this.getActiveControl()&&(this.enterEditing(e),this.selectionStart===this.selectionEnd?this.initDelayedCursor(!0):this.renderCursorOrSelection())}setCursorByClick(t){const e=this.getSelectionStartFromPointer(t),s=this.selectionStart,r=this.selectionEnd;t.shiftKey?this.setSelectionStartEndWithShift(s,r,e):(this.selectionStart=e,this.selectionEnd=e),this.isEditing&&(this._fireSelectionChanged(),this._updateTextarea())}getSelectionStartFromPointer(t){const e=this.canvas.getScenePoint(t).transform(_t(this.calcTransformMatrix())).add(new S(-this._getLeftOffset(),-this._getTopOffset()));let s=0,r=0,i=0;for(let l=0;l<this._textLines.length&&s<=e.y;l++)s+=this.getHeightOfLine(l),i=l,l>0&&(r+=this._textLines[l-1].length+this.missingNewlineOffset(l-1));let o=Math.abs(this._getLineLeftOffset(i));const a=this._textLines[i].length,h=this.__charBounds[i];for(let l=0;l<a;l++){const c=o+h[l].kernedWidth;if(e.x<=c){Math.abs(e.x-c)<=Math.abs(e.x-o)&&r++;break}o=c,r++}return Math.min(this.flipX?a-r:r,this._text.length)}}const $s="moveCursorUp",Xs="moveCursorDown",Ws="moveCursorLeft",Ys="moveCursorRight",Ns="exitEditing",xo=(n,t)=>{const e=t.getRetinaScaling();n.setTransform(e,0,0,e,0,0);const s=t.viewportTransform;n.transform(s[0],s[1],s[2],s[3],s[4],s[5])},Xh={selectionStart:0,selectionEnd:0,selectionColor:"rgba(17,119,255,0.3)",isEditing:!1,editable:!0,editingBorderColor:"rgba(102,153,255,0.25)",cursorWidth:2,cursorColor:"",cursorDelay:1e3,cursorDuration:600,caching:!0,hiddenTextareaContainer:null,keysMap:{9:Ns,27:Ns,33:$s,34:Xs,35:Ys,36:Ws,37:Ws,38:$s,39:Ys,40:Xs},keysMapRtl:{9:Ns,27:Ns,33:$s,34:Xs,35:Ws,36:Ys,37:Ys,38:$s,39:Ws,40:Xs},ctrlKeysMapDown:{65:"cmdAll"},ctrlKeysMapUp:{67:"copy",88:"cut"},_selectionDirection:null,_reSpace:/\s|\r?\n/,inCompositionMode:!1};class Qt extends $h{static getDefaults(){return{...super.getDefaults(),...Qt.ownDefaults}}get type(){const t=super.type;return t==="itext"?"i-text":t}constructor(t,e){super(t,{...Qt.ownDefaults,...e}),this.initBehavior()}_set(t,e){return this.isEditing&&this._savedProps&&t in this._savedProps?(this._savedProps[t]=e,this):(t==="canvas"&&(this.canvas instanceof hi&&this.canvas.textEditingManager.remove(this),e instanceof hi&&e.textEditingManager.add(this)),super._set(t,e))}setSelectionStart(t){t=Math.max(t,0),this._updateAndFire("selectionStart",t)}setSelectionEnd(t){t=Math.min(t,this.text.length),this._updateAndFire("selectionEnd",t)}_updateAndFire(t,e){this[t]!==e&&(this._fireSelectionChanged(),this[t]=e),this._updateTextarea()}_fireSelectionChanged(){this.fire("selection:changed"),this.canvas&&this.canvas.fire("text:selection:changed",{target:this})}initDimensions(){this.isEditing&&this.initDelayedCursor(),super.initDimensions()}getSelectionStyles(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.selectionStart||0,e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this.selectionEnd,s=arguments.length>2?arguments[2]:void 0;return super.getSelectionStyles(t,e,s)}setSelectionStyles(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this.selectionStart||0,s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:this.selectionEnd;return super.setSelectionStyles(t,e,s)}get2DCursorLocation(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.selectionStart,e=arguments.length>1?arguments[1]:void 0;return super.get2DCursorLocation(t,e)}render(t){super.render(t),this.cursorOffsetCache={},this.renderCursorOrSelection()}toCanvasElement(t){const e=this.isEditing;this.isEditing=!1;const s=super.toCanvasElement(t);return this.isEditing=e,s}renderCursorOrSelection(){if(!this.isEditing||!this.canvas)return;const t=this.clearContextTop(!0);if(!t)return;const e=this._getCursorBoundaries(),s=this.findAncestorsWithClipPath(),r=s.length>0;let i,o=t;if(r){i=xt(t.canvas),o=i.getContext("2d"),xo(o,this.canvas);const a=this.calcTransformMatrix();o.transform(a[0],a[1],a[2],a[3],a[4],a[5])}if(this.selectionStart!==this.selectionEnd||this.inCompositionMode?this.renderSelection(o,e):this.renderCursor(o,e),r)for(const a of s){const h=a.clipPath,l=xt(t.canvas),c=l.getContext("2d");if(xo(c,this.canvas),!h.absolutePositioned){const u=a.calcTransformMatrix();c.transform(u[0],u[1],u[2],u[3],u[4],u[5])}h.transform(c),h.drawObject(c,!0,{}),this.drawClipPathOnCache(o,h,l)}r&&(t.setTransform(1,0,0,1,0,0),t.drawImage(i,0,0)),this.canvas.contextTopDirty=!0,t.restore()}findAncestorsWithClipPath(){const t=[];let e=this;for(;e;)e.clipPath&&t.push(e),e=e.parent;return t}_getCursorBoundaries(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.selectionStart,e=arguments.length>1?arguments[1]:void 0;const s=this._getLeftOffset(),r=this._getTopOffset(),i=this._getCursorBoundariesOffsets(t,e);return{left:s,top:r,leftOffset:i.left,topOffset:i.top}}_getCursorBoundariesOffsets(t,e){return e?this.__getCursorBoundariesOffsets(t):this.cursorOffsetCache&&"top"in this.cursorOffsetCache?this.cursorOffsetCache:this.cursorOffsetCache=this.__getCursorBoundariesOffsets(t)}__getCursorBoundariesOffsets(t){let e=0,s=0;const{charIndex:r,lineIndex:i}=this.get2DCursorLocation(t),{textAlign:o,direction:a}=this;for(let u=0;u<i;u++)e+=this.getHeightOfLine(u);const h=this._getLineLeftOffset(i),l=this.__charBounds[i][r];l&&(s=l.left),this.charSpacing!==0&&r===this._textLines[i].length&&(s-=this._getWidthOfCharSpacing());let c=h+(s>0?s:0);return a===Yt&&(o===Z||o===$t||o===ts?c*=-1:o===G||o===Os?c=h-(s>0?s:0):o!==B&&o!==es||(c=h-(s>0?s:0))),{top:e,left:c}}renderCursorAt(t){this._renderCursor(this.canvas.contextTop,this._getCursorBoundaries(t,!0),t)}renderCursor(t,e){this._renderCursor(t,e,this.selectionStart)}getCursorRenderingData(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.selectionStart,e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this._getCursorBoundaries(t);const s=this.get2DCursorLocation(t),r=s.lineIndex,i=s.charIndex>0?s.charIndex-1:0,o=this.getValueOfPropertyAt(r,i,"fontSize"),a=this.getObjectScaling().x*this.canvas.getZoom(),h=this.cursorWidth/a,l=this.getValueOfPropertyAt(r,i,"deltaY"),c=e.topOffset+(1-this._fontSizeFraction)*this.getHeightOfLine(r)/this.lineHeight-o*(1-this._fontSizeFraction);return{color:this.cursorColor||this.getValueOfPropertyAt(r,i,"fill"),opacity:this._currentCursorOpacity,left:e.left+e.leftOffset-h/2,top:c+e.top+l,width:h,height:o}}_renderCursor(t,e,s){const{color:r,opacity:i,left:o,top:a,width:h,height:l}=this.getCursorRenderingData(s,e);t.fillStyle=r,t.globalAlpha=i,t.fillRect(o,a,h,l)}renderSelection(t,e){const s={selectionStart:this.inCompositionMode?this.hiddenTextarea.selectionStart:this.selectionStart,selectionEnd:this.inCompositionMode?this.hiddenTextarea.selectionEnd:this.selectionEnd};this._renderSelection(t,s,e)}renderDragSourceEffect(){const t=this.draggableTextDelegate.getDragStartSelection();this._renderSelection(this.canvas.contextTop,t,this._getCursorBoundaries(t.selectionStart,!0))}renderDropTargetEffect(t){const e=this.getSelectionStartFromPointer(t);this.renderCursorAt(e)}_renderSelection(t,e,s){const{textAlign:r,direction:i}=this,o=e.selectionStart,a=e.selectionEnd,h=r.includes($t),l=this.get2DCursorLocation(o),c=this.get2DCursorLocation(a),u=l.lineIndex,g=c.lineIndex,d=l.charIndex<0?0:l.charIndex,f=c.charIndex<0?0:c.charIndex;for(let p=u;p<=g;p++){const m=this._getLineLeftOffset(p)||0;let v=this.getHeightOfLine(p),w=0,C=0,x=0;if(p===u&&(C=this.__charBounds[u][d].left),p>=u&&p<g)x=h&&!this.isEndOfWrapping(p)?this.width:this.getLineWidth(p)||5;else if(p===g)if(f===0)x=this.__charBounds[g][f].left;else{const k=this._getWidthOfCharSpacing();x=this.__charBounds[g][f-1].left+this.__charBounds[g][f-1].width-k}w=v,(this.lineHeight<1||p===g&&this.lineHeight>1)&&(v/=this.lineHeight);let _=s.left+m+C,b=v,O=0;const T=x-C;this.inCompositionMode?(t.fillStyle=this.compositionColor||"black",b=1,O=v):t.fillStyle=this.selectionColor,i===Yt&&(r===Z||r===$t||r===ts?_=this.width-_-T:r===G||r===Os?_=s.left+m-x:r!==B&&r!==es||(_=s.left+m-x)),t.fillRect(_,s.top+s.topOffset+O,T,b),s.topOffset+=w}}getCurrentCharFontSize(){const t=this._getCurrentCharIndex();return this.getValueOfPropertyAt(t.l,t.c,"fontSize")}getCurrentCharColor(){const t=this._getCurrentCharIndex();return this.getValueOfPropertyAt(t.l,t.c,rt)}_getCurrentCharIndex(){const t=this.get2DCursorLocation(this.selectionStart,!0),e=t.charIndex>0?t.charIndex-1:0;return{l:t.lineIndex,c:e}}dispose(){this.exitEditingImpl(),this.draggableTextDelegate.dispose(),super.dispose()}}y(Qt,"ownDefaults",Xh),y(Qt,"type","IText"),P.setClass(Qt),P.setClass(Qt,"i-text");class we extends Qt{static getDefaults(){return{...super.getDefaults(),...we.ownDefaults}}constructor(t,e){super(t,{...we.ownDefaults,...e})}static createControls(){return{controls:Ya()}}initDimensions(){this.initialized&&(this.isEditing&&this.initDelayedCursor(),this._clearCache(),this.dynamicMinWidth=0,this._styleMap=this._generateStyleMap(this._splitText()),this.dynamicMinWidth>this.width&&this._set("width",this.dynamicMinWidth),this.textAlign.includes($t)&&this.enlargeSpaces(),this.height=this.calcTextHeight())}_generateStyleMap(t){let e=0,s=0,r=0;const i={};for(let o=0;o<t.graphemeLines.length;o++)t.graphemeText[r]===`
-`&&o>0?(s=0,r++,e++):!this.splitByGrapheme&&this._reSpaceAndTab.test(t.graphemeText[r])&&o>0&&(s++,r++),i[o]={line:e,offset:s},r+=t.graphemeLines[o].length,s+=t.graphemeLines[o].length;return i}styleHas(t,e){if(this._styleMap&&!this.isWrapping){const s=this._styleMap[e];s&&(e=s.line)}return super.styleHas(t,e)}isEmptyStyles(t){if(!this.styles)return!0;let e,s=0,r=t+1,i=!1;const o=this._styleMap[t],a=this._styleMap[t+1];o&&(t=o.line,s=o.offset),a&&(r=a.line,i=r===t,e=a.offset);const h=t===void 0?this.styles:{line:this.styles[t]};for(const l in h)for(const c in h[l]){const u=parseInt(c,10);if(u>=s&&(!i||u<e))for(const g in h[l][c])return!1}return!0}_getStyleDeclaration(t,e){if(this._styleMap&&!this.isWrapping){const s=this._styleMap[t];if(!s)return{};t=s.line,e=s.offset+e}return super._getStyleDeclaration(t,e)}_setStyleDeclaration(t,e,s){const r=this._styleMap[t];super._setStyleDeclaration(r.line,r.offset+e,s)}_deleteStyleDeclaration(t,e){const s=this._styleMap[t];super._deleteStyleDeclaration(s.line,s.offset+e)}_getLineStyle(t){const e=this._styleMap[t];return!!this.styles[e.line]}_setLineStyle(t){const e=this._styleMap[t];super._setLineStyle(e.line)}_wrapText(t,e){this.isWrapping=!0;const s=this.getGraphemeDataForRender(t),r=[];for(let i=0;i<s.wordsData.length;i++)r.push(...this._wrapLine(i,e,s));return this.isWrapping=!1,r}getGraphemeDataForRender(t){const e=this.splitByGrapheme,s=e?"":" ";let r=0;return{wordsData:t.map((i,o)=>{let a=0;const h=e?this.graphemeSplit(i):this.wordSplit(i);return h.length===0?[{word:[],width:0}]:h.map(l=>{const c=e?[l]:this.graphemeSplit(l),u=this._measureWord(c,o,a);return r=Math.max(u,r),a+=c.length+s.length,{word:c,width:u}})}),largestWordWidth:r}}_measureWord(t,e){let s,r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0,i=0;for(let o=0,a=t.length;o<a;o++)i+=this._getGraphemeBox(t[o],e,o+r,s,!0).kernedWidth,s=t[o];return i}wordSplit(t){return t.split(this._wordJoiners)}_wrapLine(t,e,s){let{largestWordWidth:r,wordsData:i}=s,o=arguments.length>3&&arguments[3]!==void 0?arguments[3]:0;const a=this._getWidthOfCharSpacing(),h=this.splitByGrapheme,l=[],c=h?"":" ";let u=0,g=[],d=0,f=0,p=!0;e-=o;const m=Math.max(e,r,this.dynamicMinWidth),v=i[t];let w;for(d=0,w=0;w<v.length;w++){const{word:C,width:x}=v[w];d+=C.length,u+=f+x-a,u>m&&!p?(l.push(g),g=[],u=x,p=!0):u+=a,p||h||g.push(c),g=g.concat(C),f=h?0:this._measureWord([c],t,d),d++,p=!1}return w&&l.push(g),r+o>this.dynamicMinWidth&&(this.dynamicMinWidth=r-a+o),l}isEndOfWrapping(t){return!this._styleMap[t+1]||this._styleMap[t+1].line!==this._styleMap[t].line}missingNewlineOffset(t,e){return this.splitByGrapheme&&!e?this.isEndOfWrapping(t)?1:0:1}_splitTextIntoLines(t){const e=super._splitTextIntoLines(t),s=this._wrapText(e.lines,this.width),r=new Array(s.length);for(let i=0;i<s.length;i++)r[i]=s[i].join("");return e.lines=r,e.graphemeLines=s,e}getMinWidth(){return Math.max(this.minWidth,this.dynamicMinWidth)}_removeExtraneousStyles(){const t=new Map;for(const e in this._styleMap){const s=parseInt(e,10);if(this._textLines[s]){const r=this._styleMap[e].line;t.set(`${r}`,!0)}}for(const e in this.styles)t.has(e)||delete this.styles[e]}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return super.toObject(["minWidth","splitByGrapheme",...t])}}y(we,"type","Textbox"),y(we,"textLayoutProperties",[...Qt.textLayoutProperties,"width"]),y(we,"ownDefaults",{minWidth:20,dynamicMinWidth:2,lockScalingFlip:!0,noScaleCache:!1,_wordJoiners:/[ \t\r]/,splitByGrapheme:!1}),P.setClass(we);class _o extends Ls{shouldPerformLayout(t){return!!t.target.clipPath&&super.shouldPerformLayout(t)}shouldLayoutClipPath(){return!1}calcLayoutResult(t,e){const{target:s}=t,{clipPath:r,group:i}=s;if(!r||!this.shouldPerformLayout(t))return;const{width:o,height:a}=Bt(Gn(s,r)),h=new S(o,a);if(r.absolutePositioned)return{center:ge(r.getRelativeCenterPoint(),void 0,i?i.calcTransformMatrix():void 0),size:h};{const l=r.getRelativeCenterPoint().transform(s.calcOwnMatrix(),!0);if(this.shouldPerformLayout(t)){const{center:c=new S,correction:u=new S}=this.calcBoundingBox(e,t)||{};return{center:c.add(l),correction:u.subtract(l),size:h}}return{center:s.getRelativeCenterPoint().add(l),size:h}}}}y(_o,"type","clip-path"),P.setClass(_o);class wo extends Ls{getInitialSize(t,e){let{target:s}=t,{size:r}=e;return new S(s.width||r.x,s.height||r.y)}}y(wo,"type","fixed"),P.setClass(wo);class Wh extends ns{subscribeTargets(t){const e=t.target;t.targets.reduce((s,r)=>(r.parent&&s.add(r.parent),s),new Set).forEach(s=>{s.layoutManager.subscribeTargets({target:s,targets:[e]})})}unsubscribeTargets(t){const e=t.target,s=e.getObjects();t.targets.reduce((r,i)=>(i.parent&&r.add(i.parent),r),new Set).forEach(r=>{!s.some(i=>i.parent===r)&&r.layoutManager.unsubscribeTargets({target:r,targets:[e]})})}}class Se extends qt{static getDefaults(){return{...super.getDefaults(),...Se.ownDefaults}}constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};super(),Object.assign(this,Se.ownDefaults),this.setOptions(e);const{left:s,top:r,layoutManager:i}=e;this.groupInit(t,{left:s,top:r,layoutManager:i!=null?i:new Wh})}_shouldSetNestedCoords(){return!0}__objectSelectionMonitor(){}multiSelectAdd(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];this.multiSelectionStacking==="selection-order"?this.add(...e):e.forEach(r=>{const i=this._objects.findIndex(a=>a.isInFrontOf(r)),o=i===-1?this.size():i;this.insertAt(o,r)})}canEnterGroup(t){return this.getObjects().some(e=>e.isDescendantOf(t)||t.isDescendantOf(e))?(Zt("error","ActiveSelection: circular object trees are not supported, this call has no effect"),!1):super.canEnterGroup(t)}enterGroup(t,e){t.parent&&t.parent===t.group?t.parent._exitGroup(t):t.group&&t.parent!==t.group&&t.group.remove(t),this._enterGroup(t,e)}exitGroup(t,e){this._exitGroup(t,e),t.parent&&t.parent._enterGroup(t,!0)}_onAfterObjectsChange(t,e){super._onAfterObjectsChange(t,e);const s=new Set;e.forEach(r=>{const{parent:i}=r;i&&s.add(i)}),t===si?s.forEach(r=>{r._onAfterObjectsChange(As,e)}):s.forEach(r=>{r._set("dirty",!0)})}onDeselect(){return this.removeAll(),!1}toString(){return`#<ActiveSelection: (${this.complexity()})>`}shouldCache(){return!1}isOnACache(){return!1}_renderControls(t,e,s){t.save(),t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1;const r={hasControls:!1,...s,forActiveSelection:!0};for(let i=0;i<this._objects.length;i++)this._objects[i]._renderControls(t,r);super._renderControls(t,e),t.restore()}}y(Se,"type","ActiveSelection"),y(Se,"ownDefaults",{multiSelectionStacking:"canvas-stacking"}),P.setClass(Se),P.setClass(Se,"activeSelection");class Yh{constructor(){y(this,"resources",{})}applyFilters(t,e,s,r,i){const o=i.getContext("2d",{willReadFrequently:!0,desynchronized:!0});if(!o)return;o.drawImage(e,0,0,s,r);const a={sourceWidth:s,sourceHeight:r,imageData:o.getImageData(0,0,s,r),originalEl:e,originalImageData:o.getImageData(0,0,s,r),canvasEl:i,ctx:o,filterBackend:this};t.forEach(l=>{l.applyTo(a)});const{imageData:h}=a;return h.width===s&&h.height===r||(i.width=h.width,i.height=h.height),o.putImageData(h,0,0),a}}class So{constructor(){let{tileSize:t=Y.textureSize}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};y(this,"aPosition",new Float32Array([0,0,0,1,1,0,1,1])),y(this,"resources",{}),this.tileSize=t,this.setupGLContext(t,t),this.captureGPUInfo()}setupGLContext(t,e){this.dispose(),this.createWebGLCanvas(t,e)}createWebGLCanvas(t,e){const s=xt({width:t,height:e}),r=s.getContext("webgl",{alpha:!0,premultipliedAlpha:!1,depth:!1,stencil:!1,antialias:!1});r&&(r.clearColor(0,0,0,0),this.canvas=s,this.gl=r)}applyFilters(t,e,s,r,i,o){const a=this.gl,h=i.getContext("2d");if(!a||!h)return;let l;o&&(l=this.getCachedTexture(o,e));const c={originalWidth:e.width||e.naturalWidth||0,originalHeight:e.height||e.naturalHeight||0,sourceWidth:s,sourceHeight:r,destinationWidth:s,destinationHeight:r,context:a,sourceTexture:this.createTexture(a,s,r,l?void 0:e),targetTexture:this.createTexture(a,s,r),originalTexture:l||this.createTexture(a,s,r,l?void 0:e),passes:t.length,webgl:!0,aPosition:this.aPosition,programCache:this.programCache,pass:0,filterBackend:this,targetCanvas:i},u=a.createFramebuffer();return a.bindFramebuffer(a.FRAMEBUFFER,u),t.forEach(g=>{g&&g.applyTo(c)}),(function(g){const d=g.targetCanvas,f=d.width,p=d.height,m=g.destinationWidth,v=g.destinationHeight;f===m&&p===v||(d.width=m,d.height=v)})(c),this.copyGLTo2D(a,c),a.bindTexture(a.TEXTURE_2D,null),a.deleteTexture(c.sourceTexture),a.deleteTexture(c.targetTexture),a.deleteFramebuffer(u),h.setTransform(1,0,0,1,0,0),c}dispose(){this.canvas&&(this.canvas=null,this.gl=null),this.clearWebGLCaches()}clearWebGLCaches(){this.programCache={},this.textureCache={}}createTexture(t,e,s,r,i){const{NEAREST:o,TEXTURE_2D:a,RGBA:h,UNSIGNED_BYTE:l,CLAMP_TO_EDGE:c,TEXTURE_MAG_FILTER:u,TEXTURE_MIN_FILTER:g,TEXTURE_WRAP_S:d,TEXTURE_WRAP_T:f}=t,p=t.createTexture();return t.bindTexture(a,p),t.texParameteri(a,u,i||o),t.texParameteri(a,g,i||o),t.texParameteri(a,d,c),t.texParameteri(a,f,c),r?t.texImage2D(a,0,h,h,l,r):t.texImage2D(a,0,h,e,s,0,h,l,null),p}getCachedTexture(t,e,s){const{textureCache:r}=this;if(r[t])return r[t];{const i=this.createTexture(this.gl,e.width,e.height,e,s);return i&&(r[t]=i),i}}evictCachesForKey(t){this.textureCache[t]&&(this.gl.deleteTexture(this.textureCache[t]),delete this.textureCache[t])}copyGLTo2D(t,e){const s=t.canvas,r=e.targetCanvas,i=r.getContext("2d");if(!i)return;i.translate(0,r.height),i.scale(1,-1);const o=s.height-r.height;i.drawImage(s,0,o,r.width,r.height,0,0,r.width,r.height)}copyGLTo2DPutImageData(t,e){const s=e.targetCanvas.getContext("2d"),r=e.destinationWidth,i=e.destinationHeight,o=r*i*4;if(!s)return;const a=new Uint8Array(this.imageBuffer,0,o),h=new Uint8ClampedArray(this.imageBuffer,0,o);t.readPixels(0,0,r,i,t.RGBA,t.UNSIGNED_BYTE,a);const l=new ImageData(h,r,i);s.putImageData(l,0,0)}captureGPUInfo(){if(this.gpuInfo)return this.gpuInfo;const t=this.gl,e={renderer:"",vendor:""};if(!t)return e;const s=t.getExtension("WEBGL_debug_renderer_info");if(s){const r=t.getParameter(s.UNMASKED_RENDERER_WEBGL),i=t.getParameter(s.UNMASKED_VENDOR_WEBGL);r&&(e.renderer=r.toLowerCase()),i&&(e.vendor=i.toLowerCase())}return this.gpuInfo=e,e}}let di;function Nh(){const{WebGLProbe:n}=jt();return n.queryWebGL(Rt()),Y.enableGLFiltering&&n.isSupported(Y.textureSize)?new So({tileSize:Y.textureSize}):new Yh}function fi(){return!di&&(!(arguments.length>0&&arguments[0]!==void 0)||arguments[0])&&(di=Nh()),di}const Co=["cropX","cropY"];class Ft extends ot{static getDefaults(){return{...super.getDefaults(),...Ft.ownDefaults}}constructor(t,e){super(),y(this,"_lastScaleX",1),y(this,"_lastScaleY",1),y(this,"_filterScalingX",1),y(this,"_filterScalingY",1),this.filters=[],Object.assign(this,Ft.ownDefaults),this.setOptions(e),this.cacheKey=`texture${se()}`,this.setElement(typeof t=="string"?(this.canvas&&Mt(this.canvas.getElement())||Oe()).getElementById(t):t,e)}getElement(){return this._element}setElement(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};this.removeTexture(this.cacheKey),this.removeTexture(`${this.cacheKey}_filtered`),this._element=t,this._originalElement=t,this._setWidthHeight(e),this.filters.length!==0&&this.applyFilters(),this.resizeFilter&&this.applyResizeFilters()}removeTexture(t){const e=fi(!1);e instanceof So&&e.evictCachesForKey(t)}dispose(){super.dispose(),this.removeTexture(this.cacheKey),this.removeTexture(`${this.cacheKey}_filtered`),this._cacheContext=null,["_originalElement","_element","_filteredEl","_cacheCanvas"].forEach(t=>{const e=this[t];e&&jt().dispose(e),this[t]=void 0})}getCrossOrigin(){return this._originalElement&&(this._originalElement.crossOrigin||null)}getOriginalSize(){const t=this.getElement();return t?{width:t.naturalWidth||t.width,height:t.naturalHeight||t.height}:{width:0,height:0}}_stroke(t){if(!this.stroke||this.strokeWidth===0)return;const e=this.width/2,s=this.height/2;t.beginPath(),t.moveTo(-e,-s),t.lineTo(e,-s),t.lineTo(e,s),t.lineTo(-e,s),t.lineTo(-e,-s),t.closePath()}toObject(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];const e=[];return this.filters.forEach(s=>{s&&e.push(s.toObject())}),{...super.toObject([...Co,...t]),src:this.getSrc(),crossOrigin:this.getCrossOrigin(),filters:e,...this.resizeFilter?{resizeFilter:this.resizeFilter.toObject()}:{}}}hasCrop(){return!!this.cropX||!!this.cropY||this.width<this._element.width||this.height<this._element.height}_toSVG(){const t=[],e=this._element,s=-this.width/2,r=-this.height/2;let i=[],o=[],a="",h="";if(!e)return[];if(this.hasCrop()){const l=se();i.push('<clipPath id="imageCrop_'+l+`">
-`,'	<rect x="'+s+'" y="'+r+'" width="'+this.width+'" height="'+this.height+`" />
-`,`</clipPath>
-`),a=' clip-path="url(#imageCrop_'+l+')" '}if(this.imageSmoothing||(h=' image-rendering="optimizeSpeed"'),t.push("	<image ","COMMON_PARTS",`xlink:href="${this.getSvgSrc(!0)}" x="${s-this.cropX}" y="${r-this.cropY}" width="${e.width||e.naturalWidth}" height="${e.height||e.naturalHeight}"${h}${a}></image>
-`),this.stroke||this.strokeDashArray){const l=this.fill;this.fill=null,o=[`	<rect x="${s}" y="${r}" width="${this.width}" height="${this.height}" style="${this.getSvgStyles()}" />
-`],this.fill=l}return i=this.paintFirst!==rt?i.concat(o,t):i.concat(t,o),i}getSrc(t){const e=t?this._element:this._originalElement;return e?e.toDataURL?e.toDataURL():this.srcFromAttribute?e.getAttribute("src")||"":e.src:this.src||""}getSvgSrc(t){return this.getSrc(t)}setSrc(t){let{crossOrigin:e,signal:s}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return qe(t,{crossOrigin:e,signal:s}).then(r=>{e!==void 0&&this.set({crossOrigin:e}),this.setElement(r)})}toString(){return`#<Image: { src: "${this.getSrc()}" }>`}applyResizeFilters(){const t=this.resizeFilter,e=this.minimumScaleTrigger,s=this.getTotalObjectScaling(),r=s.x,i=s.y,o=this._filteredEl||this._originalElement;if(this.group&&this.set("dirty",!0),!t||r>e&&i>e)return this._element=o,this._filterScalingX=1,this._filterScalingY=1,this._lastScaleX=r,void(this._lastScaleY=i);const a=xt(o),{width:h,height:l}=o;this._element=a,this._lastScaleX=t.scaleX=r,this._lastScaleY=t.scaleY=i,fi().applyFilters([t],o,h,l,this._element),this._filterScalingX=a.width/this._originalElement.width,this._filterScalingY=a.height/this._originalElement.height}applyFilters(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.filters||[];if(t=t.filter(i=>i&&!i.isNeutralState()),this.set("dirty",!0),this.removeTexture(`${this.cacheKey}_filtered`),t.length===0)return this._element=this._originalElement,this._filteredEl=void 0,this._filterScalingX=1,void(this._filterScalingY=1);const e=this._originalElement,s=e.naturalWidth||e.width,r=e.naturalHeight||e.height;if(this._element===this._originalElement){const i=xt({width:s,height:r});this._element=i,this._filteredEl=i}else this._filteredEl&&(this._element=this._filteredEl,this._filteredEl.getContext("2d").clearRect(0,0,s,r),this._lastScaleX=1,this._lastScaleY=1);fi().applyFilters(t,this._originalElement,s,r,this._element,this.cacheKey),this._originalElement.width===this._element.width&&this._originalElement.height===this._element.height||(this._filterScalingX=this._element.width/this._originalElement.width,this._filterScalingY=this._element.height/this._originalElement.height)}_render(t){t.imageSmoothingEnabled=this.imageSmoothing,this.isMoving!==!0&&this.resizeFilter&&this._needsResize()&&this.applyResizeFilters(),this._stroke(t),this._renderPaintInOrder(t)}drawCacheOnCanvas(t){t.imageSmoothingEnabled=this.imageSmoothing,super.drawCacheOnCanvas(t)}shouldCache(){return this.needsItsOwnCache()}_renderFill(t){const e=this._element;if(!e)return;const s=this._filterScalingX,r=this._filterScalingY,i=this.width,o=this.height,a=Math.max(this.cropX,0),h=Math.max(this.cropY,0),l=e.naturalWidth||e.width,c=e.naturalHeight||e.height,u=a*s,g=h*r,d=Math.min(i*s,l-u),f=Math.min(o*r,c-g),p=-i/2,m=-o/2,v=Math.min(i,l/s-a),w=Math.min(o,c/r-h);e&&t.drawImage(e,u,g,d,f,p,m,v,w)}_needsResize(){const t=this.getTotalObjectScaling();return t.x!==this._lastScaleX||t.y!==this._lastScaleY}_resetWidthHeight(){this.set(this.getOriginalSize())}_setWidthHeight(){let{width:t,height:e}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};const s=this.getOriginalSize();this.width=t||s.width,this.height=e||s.height}parsePreserveAspectRatioAttribute(){const t=fn(this.preserveAspectRatio||""),e=this.width,s=this.height,r={width:e,height:s};let i,o=this._element.width,a=this._element.height,h=1,l=1,c=0,u=0,g=0,d=0;return!t||t.alignX===mt&&t.alignY===mt?(h=e/o,l=s/a):(t.meetOrSlice==="meet"&&(h=l=zn(this._element,r),i=(e-o*h)/2,t.alignX==="Min"&&(c=-i),t.alignX==="Max"&&(c=i),i=(s-a*l)/2,t.alignY==="Min"&&(u=-i),t.alignY==="Max"&&(u=i)),t.meetOrSlice==="slice"&&(h=l=Un(this._element,r),i=o-e/h,t.alignX==="Mid"&&(g=i/2),t.alignX==="Max"&&(g=i),i=a-s/l,t.alignY==="Mid"&&(d=i/2),t.alignY==="Max"&&(d=i),o=e/h,a=s/l)),{width:o,height:a,scaleX:h,scaleY:l,offsetLeft:c,offsetTop:u,cropX:g,cropY:d}}static fromObject(t,e){let{filters:s,resizeFilter:r,src:i,crossOrigin:o,type:a,...h}=t;return Promise.all([qe(i,{...e,crossOrigin:o}),s&&Ae(s,e),r?Ae([r],e):[],Ke(h,e)]).then(l=>{let[c,u=[],[g],d={}]=l;return new this(c,{...h,src:i,filters:u,resizeFilter:g,...d})})}static fromURL(t){let{crossOrigin:e=null,signal:s}=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},r=arguments.length>2?arguments[2]:void 0;return qe(t,{crossOrigin:e,signal:s}).then(i=>new this(i,r))}static async fromElement(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},s=arguments.length>2?arguments[2]:void 0;const r=zt(t,this.ATTRIBUTE_NAMES,s);return this.fromURL(r["xlink:href"]||r.href,e,r).catch(i=>(Zt("log","Unable to parse Image",i),null))}}y(Ft,"type","Image"),y(Ft,"cacheProperties",[...Gt,...Co]),y(Ft,"ownDefaults",{strokeWidth:0,srcFromAttribute:!1,minimumScaleTrigger:.5,cropX:0,cropY:0,imageSmoothing:!0}),y(Ft,"ATTRIBUTE_NAMES",[...re,"x","y","width","height","preserveAspectRatio","xlink:href","href","crossOrigin","image-rendering"]),P.setClass(Ft),P.setSVGClass(Ft),Ts(["pattern","defs","symbol","metadata","clipPath","mask","desc"]);const Hs=n=>n.webgl!==void 0,pi="precision highp float",Hh=`
-    ${pi};
-    varying vec2 vTexCoord;
-    uniform sampler2D uTexture;
-    void main() {
-      gl_FragColor = texture2D(uTexture, vTexCoord);
-    }`,Gh=new RegExp(pi,"g");class st{get type(){return this.constructor.type}constructor(){let{type:t,...e}=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Object.assign(this,this.constructor.defaults,e)}getFragmentSource(){return Hh}getVertexSource(){return`
-    attribute vec2 aPosition;
-    varying vec2 vTexCoord;
-    void main() {
-      vTexCoord = aPosition;
-      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);
-    }`}createProgram(t){let e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this.getFragmentSource(),s=arguments.length>2&&arguments[2]!==void 0?arguments[2]:this.getVertexSource();const{WebGLProbe:{GLPrecision:r="highp"}}=jt();r!=="highp"&&(e=e.replace(Gh,pi.replace("highp",r)));const i=t.createShader(t.VERTEX_SHADER),o=t.createShader(t.FRAGMENT_SHADER),a=t.createProgram();if(!i||!o||!a)throw new It("Vertex, fragment shader or program creation error");if(t.shaderSource(i,s),t.compileShader(i),!t.getShaderParameter(i,t.COMPILE_STATUS))throw new It(`Vertex shader compile error for ${this.type}: ${t.getShaderInfoLog(i)}`);if(t.shaderSource(o,e),t.compileShader(o),!t.getShaderParameter(o,t.COMPILE_STATUS))throw new It(`Fragment shader compile error for ${this.type}: ${t.getShaderInfoLog(o)}`);if(t.attachShader(a,i),t.attachShader(a,o),t.linkProgram(a),!t.getProgramParameter(a,t.LINK_STATUS))throw new It(`Shader link error for "${this.type}" ${t.getProgramInfoLog(a)}`);const h=this.getUniformLocations(t,a)||{};return h.uStepW=t.getUniformLocation(a,"uStepW"),h.uStepH=t.getUniformLocation(a,"uStepH"),{program:a,attributeLocations:this.getAttributeLocations(t,a),uniformLocations:h}}getAttributeLocations(t,e){return{aPosition:t.getAttribLocation(e,"aPosition")}}getUniformLocations(t,e){const s=this.constructor.uniformLocations,r={};for(let i=0;i<s.length;i++)r[s[i]]=t.getUniformLocation(e,s[i]);return r}sendAttributeData(t,e,s){const r=e.aPosition,i=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,i),t.enableVertexAttribArray(r),t.vertexAttribPointer(r,2,t.FLOAT,!1,0,0),t.bufferData(t.ARRAY_BUFFER,s,t.STATIC_DRAW)}_setupFrameBuffer(t){const e=t.context;if(t.passes>1){const s=t.destinationWidth,r=t.destinationHeight;t.sourceWidth===s&&t.sourceHeight===r||(e.deleteTexture(t.targetTexture),t.targetTexture=t.filterBackend.createTexture(e,s,r)),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,t.targetTexture,0)}else e.bindFramebuffer(e.FRAMEBUFFER,null),e.finish()}_swapTextures(t){t.passes--,t.pass++;const e=t.targetTexture;t.targetTexture=t.sourceTexture,t.sourceTexture=e}isNeutralState(t){return!1}applyTo(t){Hs(t)?(this._setupFrameBuffer(t),this.applyToWebGL(t),this._swapTextures(t)):this.applyTo2d(t)}applyTo2d(t){}getCacheKey(){return this.type}retrieveShader(t){const e=this.getCacheKey();return t.programCache[e]||(t.programCache[e]=this.createProgram(t.context)),t.programCache[e]}applyToWebGL(t){const e=t.context,s=this.retrieveShader(t);t.pass===0&&t.originalTexture?e.bindTexture(e.TEXTURE_2D,t.originalTexture):e.bindTexture(e.TEXTURE_2D,t.sourceTexture),e.useProgram(s.program),this.sendAttributeData(e,s.attributeLocations,t.aPosition),e.uniform1f(s.uniformLocations.uStepW,1/t.sourceWidth),e.uniform1f(s.uniformLocations.uStepH,1/t.sourceHeight),this.sendUniformData(e,s.uniformLocations),e.viewport(0,0,t.destinationWidth,t.destinationHeight),e.drawArrays(e.TRIANGLE_STRIP,0,4)}bindAdditionalTexture(t,e,s){t.activeTexture(s),t.bindTexture(t.TEXTURE_2D,e),t.activeTexture(t.TEXTURE0)}unbindAdditionalTexture(t,e){t.activeTexture(e),t.bindTexture(t.TEXTURE_2D,null),t.activeTexture(t.TEXTURE0)}sendUniformData(t,e){}createHelpLayer(t){if(!t.helpLayer){const{sourceWidth:e,sourceHeight:s}=t,r=xt({width:e,height:s});t.helpLayer=r}}toObject(){const t=Object.keys(this.constructor.defaults||{});return{type:this.type,...t.reduce((e,s)=>(e[s]=this[s],e),{})}}toJSON(){return this.toObject()}static async fromObject(t,e){let{type:s,...r}=t;return new this(r)}}y(st,"type","BaseFilter"),y(st,"uniformLocations",[]);const Vh={multiply:`gl_FragColor.rgb *= uColor.rgb;
-`,screen:`gl_FragColor.rgb = 1.0 - (1.0 - gl_FragColor.rgb) * (1.0 - uColor.rgb);
-`,add:`gl_FragColor.rgb += uColor.rgb;
-`,difference:`gl_FragColor.rgb = abs(gl_FragColor.rgb - uColor.rgb);
-`,subtract:`gl_FragColor.rgb -= uColor.rgb;
-`,lighten:`gl_FragColor.rgb = max(gl_FragColor.rgb, uColor.rgb);
-`,darken:`gl_FragColor.rgb = min(gl_FragColor.rgb, uColor.rgb);
-`,exclusion:`gl_FragColor.rgb += uColor.rgb - 2.0 * (uColor.rgb * gl_FragColor.rgb);
-`,overlay:`
-    if (uColor.r < 0.5) {
-      gl_FragColor.r *= 2.0 * uColor.r;
-    } else {
-      gl_FragColor.r = 1.0 - 2.0 * (1.0 - gl_FragColor.r) * (1.0 - uColor.r);
-    }
-    if (uColor.g < 0.5) {
-      gl_FragColor.g *= 2.0 * uColor.g;
-    } else {
-      gl_FragColor.g = 1.0 - 2.0 * (1.0 - gl_FragColor.g) * (1.0 - uColor.g);
-    }
-    if (uColor.b < 0.5) {
-      gl_FragColor.b *= 2.0 * uColor.b;
-    } else {
-      gl_FragColor.b = 1.0 - 2.0 * (1.0 - gl_FragColor.b) * (1.0 - uColor.b);
-    }
-    `,tint:`
-    gl_FragColor.rgb *= (1.0 - uColor.a);
-    gl_FragColor.rgb += uColor.rgb;
-    `};class Gs extends st{getCacheKey(){return`${this.type}_${this.mode}`}getFragmentSource(){return`
-      precision highp float;
-      uniform sampler2D uTexture;
-      uniform vec4 uColor;
-      varying vec2 vTexCoord;
-      void main() {
-        vec4 color = texture2D(uTexture, vTexCoord);
-        gl_FragColor = color;
-        if (color.a > 0.0) {
-          ${Vh[this.mode]}
-        }
-      }
-      `}applyTo2d(t){let{imageData:{data:e}}=t;const s=new z(this.color).getSource(),r=this.alpha,i=s[0]*r,o=s[1]*r,a=s[2]*r,h=1-r;for(let l=0;l<e.length;l+=4){const c=e[l],u=e[l+1],g=e[l+2];let d,f,p;switch(this.mode){case"multiply":d=c*i/255,f=u*o/255,p=g*a/255;break;case"screen":d=255-(255-c)*(255-i)/255,f=255-(255-u)*(255-o)/255,p=255-(255-g)*(255-a)/255;break;case"add":d=c+i,f=u+o,p=g+a;break;case"difference":d=Math.abs(c-i),f=Math.abs(u-o),p=Math.abs(g-a);break;case"subtract":d=c-i,f=u-o,p=g-a;break;case"darken":d=Math.min(c,i),f=Math.min(u,o),p=Math.min(g,a);break;case"lighten":d=Math.max(c,i),f=Math.max(u,o),p=Math.max(g,a);break;case"overlay":d=i<128?2*c*i/255:255-2*(255-c)*(255-i)/255,f=o<128?2*u*o/255:255-2*(255-u)*(255-o)/255,p=a<128?2*g*a/255:255-2*(255-g)*(255-a)/255;break;case"exclusion":d=i+c-2*i*c/255,f=o+u-2*o*u/255,p=a+g-2*a*g/255;break;case"tint":d=i+c*h,f=o+u*h,p=a+g*h}e[l]=d,e[l+1]=f,e[l+2]=p}}sendUniformData(t,e){const s=new z(this.color).getSource();s[0]=this.alpha*s[0]/255,s[1]=this.alpha*s[1]/255,s[2]=this.alpha*s[2]/255,s[3]=this.alpha,t.uniform4fv(e.uColor,s)}}y(Gs,"defaults",{color:"#F95C63",mode:"multiply",alpha:1}),y(Gs,"type","BlendColor"),y(Gs,"uniformLocations",["uColor"]),P.setClass(Gs);const zh={multiply:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform sampler2D uImage;
-    uniform vec4 uColor;
-    varying vec2 vTexCoord;
-    varying vec2 vTexCoord2;
-    void main() {
-      vec4 color = texture2D(uTexture, vTexCoord);
-      vec4 color2 = texture2D(uImage, vTexCoord2);
-      color.rgba *= color2.rgba;
-      gl_FragColor = color;
-    }
-    `,mask:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform sampler2D uImage;
-    uniform vec4 uColor;
-    varying vec2 vTexCoord;
-    varying vec2 vTexCoord2;
-    void main() {
-      vec4 color = texture2D(uTexture, vTexCoord);
-      vec4 color2 = texture2D(uImage, vTexCoord2);
-      color.a = color2.a;
-      gl_FragColor = color;
-    }
-    `};class Vs extends st{getCacheKey(){return`${this.type}_${this.mode}`}getFragmentSource(){return zh[this.mode]}getVertexSource(){return`
-    attribute vec2 aPosition;
-    varying vec2 vTexCoord;
-    varying vec2 vTexCoord2;
-    uniform mat3 uTransformMatrix;
-    void main() {
-      vTexCoord = aPosition;
-      vTexCoord2 = (uTransformMatrix * vec3(aPosition, 1.0)).xy;
-      gl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);
-    }
-    `}applyToWebGL(t){const e=t.context,s=this.createTexture(t.filterBackend,this.image);this.bindAdditionalTexture(e,s,e.TEXTURE1),super.applyToWebGL(t),this.unbindAdditionalTexture(e,e.TEXTURE1)}createTexture(t,e){return t.getCachedTexture(e.cacheKey,e.getElement())}calculateMatrix(){const t=this.image,{width:e,height:s}=t.getElement();return[1/t.scaleX,0,0,0,1/t.scaleY,0,-t.left/e,-t.top/s,1]}applyTo2d(t){let{imageData:{data:e,width:s,height:r},filterBackend:{resources:i}}=t;const o=this.image;i.blendImage||(i.blendImage=Rt());const a=i.blendImage,h=a.getContext("2d");a.width!==s||a.height!==r?(a.width=s,a.height=r):h.clearRect(0,0,s,r),h.setTransform(o.scaleX,0,0,o.scaleY,o.left,o.top),h.drawImage(o.getElement(),0,0,s,r);const l=h.getImageData(0,0,s,r).data;for(let c=0;c<e.length;c+=4){const u=e[c],g=e[c+1],d=e[c+2],f=e[c+3],p=l[c],m=l[c+1],v=l[c+2],w=l[c+3];switch(this.mode){case"multiply":e[c]=u*p/255,e[c+1]=g*m/255,e[c+2]=d*v/255,e[c+3]=f*w/255;break;case"mask":e[c+3]=w}}}sendUniformData(t,e){const s=this.calculateMatrix();t.uniform1i(e.uImage,1),t.uniformMatrix3fv(e.uTransformMatrix,!1,s)}toObject(){return{...super.toObject(),image:this.image&&this.image.toObject()}}static async fromObject(t,e){let{type:s,image:r,...i}=t;return Ft.fromObject(r,e).then(o=>new this({...i,image:o}))}}y(Vs,"type","BlendImage"),y(Vs,"defaults",{mode:"multiply",alpha:1}),y(Vs,"uniformLocations",["uTransformMatrix","uImage"]),P.setClass(Vs);class zs extends st{getFragmentSource(){return`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform vec2 uDelta;
-    varying vec2 vTexCoord;
-    const float nSamples = 15.0;
-    vec3 v3offset = vec3(12.9898, 78.233, 151.7182);
-    float random(vec3 scale) {
-      /* use the fragment position for a different seed per-pixel */
-      return fract(sin(dot(gl_FragCoord.xyz, scale)) * 43758.5453);
-    }
-    void main() {
-      vec4 color = vec4(0.0);
-      float totalC = 0.0;
-      float totalA = 0.0;
-      float offset = random(v3offset);
-      for (float t = -nSamples; t <= nSamples; t++) {
-        float percent = (t + offset - 0.5) / nSamples;
-        vec4 sample = texture2D(uTexture, vTexCoord + uDelta * percent);
-        float weight = 1.0 - abs(percent);
-        float alpha = weight * sample.a;
-        color.rgb += sample.rgb * alpha;
-        color.a += alpha;
-        totalA += weight;
-        totalC += alpha;
-      }
-      gl_FragColor.rgb = color.rgb / totalC;
-      gl_FragColor.a = color.a / totalA;
-    }
-  `}applyTo(t){Hs(t)?(this.aspectRatio=t.sourceWidth/t.sourceHeight,t.passes++,this._setupFrameBuffer(t),this.horizontal=!0,this.applyToWebGL(t),this._swapTextures(t),this._setupFrameBuffer(t),this.horizontal=!1,this.applyToWebGL(t),this._swapTextures(t)):this.applyTo2d(t)}applyTo2d(t){let{imageData:{data:e,width:s,height:r}}=t;this.aspectRatio=s/r,this.horizontal=!0;let i=this.getBlurValue()*s;const o=new Uint8ClampedArray(e),a=15,h=4*s;for(let l=0;l<e.length;l+=4){let c=0,u=0,g=0,d=0,f=0;const p=l-l%h,m=p+h;for(let v=-14;v<a;v++){const w=v/a,C=4*Math.floor(i*w),x=1-Math.abs(w);let _=l+C;_<p?_=p:_>m&&(_=m);const b=e[_+3]*x;c+=e[_]*b,u+=e[_+1]*b,g+=e[_+2]*b,d+=b,f+=x}o[l]=c/d,o[l+1]=u/d,o[l+2]=g/d,o[l+3]=d/f}this.horizontal=!1,i=this.getBlurValue()*r;for(let l=0;l<o.length;l+=4){let c=0,u=0,g=0,d=0,f=0;const p=l%h,m=o.length-h+p;for(let v=-14;v<a;v++){const w=v/a,C=Math.floor(i*w)*h,x=1-Math.abs(w);let _=l+C;_<p?_=p:_>m&&(_=m);const b=o[_+3]*x;c+=o[_]*b,u+=o[_+1]*b,g+=o[_+2]*b,d+=b,f+=x}e[l]=c/d,e[l+1]=u/d,e[l+2]=g/d,e[l+3]=d/f}}sendUniformData(t,e){const s=this.chooseRightDelta();t.uniform2fv(e.uDelta,s)}isNeutralState(){return this.blur===0}getBlurValue(){let t=1;const{horizontal:e,aspectRatio:s}=this;return e?s>1&&(t=1/s):s<1&&(t=s),t*this.blur*.12}chooseRightDelta(){const t=this.getBlurValue();return this.horizontal?[t,0]:[0,t]}}y(zs,"type","Blur"),y(zs,"defaults",{blur:0}),y(zs,"uniformLocations",["uDelta"]),P.setClass(zs);class Us extends st{getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uBrightness;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    color.rgb += uBrightness;
-    gl_FragColor = color;
-  }
-`}applyTo2d(t){let{imageData:{data:e}}=t;const s=Math.round(255*this.brightness);for(let r=0;r<e.length;r+=4)e[r]+=s,e[r+1]+=s,e[r+2]+=s}isNeutralState(){return this.brightness===0}sendUniformData(t,e){t.uniform1f(e.uBrightness,this.brightness)}}y(Us,"type","Brightness"),y(Us,"defaults",{brightness:0}),y(Us,"uniformLocations",["uBrightness"]),P.setClass(Us);const bo={matrix:[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],colorsOnly:!0};class Ye extends st{getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  varying vec2 vTexCoord;
-  uniform mat4 uColorMatrix;
-  uniform vec4 uConstants;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    color *= uColorMatrix;
-    color += uConstants;
-    gl_FragColor = color;
-  }`}applyTo2d(t){const e=t.imageData.data,s=this.matrix,r=this.colorsOnly;for(let i=0;i<e.length;i+=4){const o=e[i],a=e[i+1],h=e[i+2];if(e[i]=o*s[0]+a*s[1]+h*s[2]+255*s[4],e[i+1]=o*s[5]+a*s[6]+h*s[7]+255*s[9],e[i+2]=o*s[10]+a*s[11]+h*s[12]+255*s[14],!r){const l=e[i+3];e[i]+=l*s[3],e[i+1]+=l*s[8],e[i+2]+=l*s[13],e[i+3]=o*s[15]+a*s[16]+h*s[17]+l*s[18]+255*s[19]}}}sendUniformData(t,e){const s=this.matrix,r=[s[0],s[1],s[2],s[3],s[5],s[6],s[7],s[8],s[10],s[11],s[12],s[13],s[15],s[16],s[17],s[18]],i=[s[4],s[9],s[14],s[19]];t.uniformMatrix4fv(e.uColorMatrix,!1,r),t.uniform4fv(e.uConstants,i)}toObject(){return{...super.toObject(),matrix:[...this.matrix]}}}function Ce(n,t){var e;const s=(y(e=class extends Ye{toObject(){return{type:this.type,colorsOnly:this.colorsOnly}}},"type",n),y(e,"defaults",{colorsOnly:!1,matrix:t}),e);return P.setClass(s,n),s}y(Ye,"type","ColorMatrix"),y(Ye,"defaults",bo),y(Ye,"uniformLocations",["uColorMatrix","uConstants"]),P.setClass(Ye),Ce("Brownie",[.5997,.34553,-.27082,0,.186,-.0377,.86095,.15059,0,-.1449,.24113,-.07441,.44972,0,-.02965,0,0,0,1,0]),Ce("Vintage",[.62793,.32021,-.03965,0,.03784,.02578,.64411,.03259,0,.02926,.0466,-.08512,.52416,0,.02023,0,0,0,1,0]),Ce("Kodachrome",[1.12855,-.39673,-.03992,0,.24991,-.16404,1.08352,-.05498,0,.09698,-.16786,-.56034,1.60148,0,.13972,0,0,0,1,0]),Ce("Technicolor",[1.91252,-.85453,-.09155,0,.04624,-.30878,1.76589,-.10601,0,-.27589,-.2311,-.75018,1.84759,0,.12137,0,0,0,1,0]),Ce("Polaroid",[1.438,-.062,-.062,0,0,-.122,1.378,-.122,0,0,-.016,-.016,1.483,0,0,0,0,0,1,0]),Ce("Sepia",[.393,.769,.189,0,0,.349,.686,.168,0,0,.272,.534,.131,0,0,0,0,0,1,0]),Ce("BlackWhite",[1.5,1.5,1.5,0,-1,1.5,1.5,1.5,0,-1,1.5,1.5,1.5,0,-1,0,0,0,1,0]);class To extends st{constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(t),this.subFilters=t.subFilters||[]}applyTo(t){Hs(t)&&(t.passes+=this.subFilters.length-1),this.subFilters.forEach(e=>{e.applyTo(t)})}toObject(){return{type:this.type,subFilters:this.subFilters.map(t=>t.toObject())}}isNeutralState(){return!this.subFilters.some(t=>!t.isNeutralState())}static fromObject(t,e){return Promise.all((t.subFilters||[]).map(s=>P.getClass(s.type).fromObject(s,e))).then(s=>new this({subFilters:s}))}}y(To,"type","Composed"),P.setClass(To);class qs extends st{getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uContrast;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    float contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));
-    color.rgb = contrastF * (color.rgb - 0.5) + 0.5;
-    gl_FragColor = color;
-  }`}isNeutralState(){return this.contrast===0}applyTo2d(t){let{imageData:{data:e}}=t;const s=Math.floor(255*this.contrast),r=259*(s+255)/(255*(259-s));for(let i=0;i<e.length;i+=4)e[i]=r*(e[i]-128)+128,e[i+1]=r*(e[i+1]-128)+128,e[i+2]=r*(e[i+2]-128)+128}sendUniformData(t,e){t.uniform1f(e.uContrast,this.contrast)}}y(qs,"type","Contrast"),y(qs,"defaults",{contrast:0}),y(qs,"uniformLocations",["uContrast"]),P.setClass(qs);const Uh={Convolute_3_1:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[9];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 0);
-      for (float h = 0.0; h < 3.0; h+=1.0) {
-        for (float w = 0.0; w < 3.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 1), uStepH * (h - 1));
-          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 3.0 + w)];
-        }
-      }
-      gl_FragColor = color;
-    }
-    `,Convolute_3_0:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[9];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 1);
-      for (float h = 0.0; h < 3.0; h+=1.0) {
-        for (float w = 0.0; w < 3.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 1.0), uStepH * (h - 1.0));
-          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 3.0 + w)];
-        }
-      }
-      float alpha = texture2D(uTexture, vTexCoord).a;
-      gl_FragColor = color;
-      gl_FragColor.a = alpha;
-    }
-    `,Convolute_5_1:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[25];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 0);
-      for (float h = 0.0; h < 5.0; h+=1.0) {
-        for (float w = 0.0; w < 5.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));
-          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 5.0 + w)];
-        }
-      }
-      gl_FragColor = color;
-    }
-    `,Convolute_5_0:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[25];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 1);
-      for (float h = 0.0; h < 5.0; h+=1.0) {
-        for (float w = 0.0; w < 5.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 2.0), uStepH * (h - 2.0));
-          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 5.0 + w)];
-        }
-      }
-      float alpha = texture2D(uTexture, vTexCoord).a;
-      gl_FragColor = color;
-      gl_FragColor.a = alpha;
-    }
-    `,Convolute_7_1:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[49];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 0);
-      for (float h = 0.0; h < 7.0; h+=1.0) {
-        for (float w = 0.0; w < 7.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));
-          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 7.0 + w)];
-        }
-      }
-      gl_FragColor = color;
-    }
-    `,Convolute_7_0:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[49];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 1);
-      for (float h = 0.0; h < 7.0; h+=1.0) {
-        for (float w = 0.0; w < 7.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 3.0), uStepH * (h - 3.0));
-          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 7.0 + w)];
-        }
-      }
-      float alpha = texture2D(uTexture, vTexCoord).a;
-      gl_FragColor = color;
-      gl_FragColor.a = alpha;
-    }
-    `,Convolute_9_1:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[81];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 0);
-      for (float h = 0.0; h < 9.0; h+=1.0) {
-        for (float w = 0.0; w < 9.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));
-          color += texture2D(uTexture, vTexCoord + matrixPos) * uMatrix[int(h * 9.0 + w)];
-        }
-      }
-      gl_FragColor = color;
-    }
-    `,Convolute_9_0:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform float uMatrix[81];
-    uniform float uStepW;
-    uniform float uStepH;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = vec4(0, 0, 0, 1);
-      for (float h = 0.0; h < 9.0; h+=1.0) {
-        for (float w = 0.0; w < 9.0; w+=1.0) {
-          vec2 matrixPos = vec2(uStepW * (w - 4.0), uStepH * (h - 4.0));
-          color.rgb += texture2D(uTexture, vTexCoord + matrixPos).rgb * uMatrix[int(h * 9.0 + w)];
-        }
-      }
-      float alpha = texture2D(uTexture, vTexCoord).a;
-      gl_FragColor = color;
-      gl_FragColor.a = alpha;
-    }
-    `};class Ks extends st{getCacheKey(){return`${this.type}_${Math.sqrt(this.matrix.length)}_${this.opaque?1:0}`}getFragmentSource(){return Uh[this.getCacheKey()]}applyTo2d(t){const e=t.imageData,s=e.data,r=this.matrix,i=Math.round(Math.sqrt(r.length)),o=Math.floor(i/2),a=e.width,h=e.height,l=t.ctx.createImageData(a,h),c=l.data,u=this.opaque?1:0;let g,d,f,p,m,v,w,C,x,_,b,O,T;for(b=0;b<h;b++)for(_=0;_<a;_++){for(m=4*(b*a+_),g=0,d=0,f=0,p=0,T=0;T<i;T++)for(O=0;O<i;O++)w=b+T-o,v=_+O-o,w<0||w>=h||v<0||v>=a||(C=4*(w*a+v),x=r[T*i+O],g+=s[C]*x,d+=s[C+1]*x,f+=s[C+2]*x,u||(p+=s[C+3]*x));c[m]=g,c[m+1]=d,c[m+2]=f,c[m+3]=u?s[m+3]:p}t.imageData=l}sendUniformData(t,e){t.uniform1fv(e.uMatrix,this.matrix)}toObject(){return{...super.toObject(),opaque:this.opaque,matrix:[...this.matrix]}}}y(Ks,"type","Convolute"),y(Ks,"defaults",{opaque:!1,matrix:[0,0,0,0,1,0,0,0,0]}),y(Ks,"uniformLocations",["uMatrix","uOpaque","uHalfSize","uSize"]),P.setClass(Ks);const Oo="Gamma";class Js extends st{getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform vec3 uGamma;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    vec3 correction = (1.0 / uGamma);
-    color.r = pow(color.r, correction.r);
-    color.g = pow(color.g, correction.g);
-    color.b = pow(color.b, correction.b);
-    gl_FragColor = color;
-    gl_FragColor.rgb *= color.a;
-  }
-`}constructor(){let t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};super(t),this.gamma=t.gamma||this.constructor.defaults.gamma.concat()}applyTo2d(t){let{imageData:{data:e}}=t;const s=this.gamma,r=1/s[0],i=1/s[1],o=1/s[2];this.rgbValues||(this.rgbValues={r:new Uint8Array(256),g:new Uint8Array(256),b:new Uint8Array(256)});const a=this.rgbValues;for(let h=0;h<256;h++)a.r[h]=255*Math.pow(h/255,r),a.g[h]=255*Math.pow(h/255,i),a.b[h]=255*Math.pow(h/255,o);for(let h=0;h<e.length;h+=4)e[h]=a.r[e[h]],e[h+1]=a.g[e[h+1]],e[h+2]=a.b[e[h+2]]}sendUniformData(t,e){t.uniform3fv(e.uGamma,this.gamma)}isNeutralState(){const{gamma:t}=this;return t[0]===1&&t[1]===1&&t[2]===1}toObject(){return{type:Oo,gamma:this.gamma.concat()}}}y(Js,"type",Oo),y(Js,"defaults",{gamma:[1,1,1]}),y(Js,"uniformLocations",["uGamma"]),P.setClass(Js);const qh={average:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 color = texture2D(uTexture, vTexCoord);
-      float average = (color.r + color.b + color.g) / 3.0;
-      gl_FragColor = vec4(average, average, average, color.a);
-    }
-    `,lightness:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform int uMode;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 col = texture2D(uTexture, vTexCoord);
-      float average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;
-      gl_FragColor = vec4(average, average, average, col.a);
-    }
-    `,luminosity:`
-    precision highp float;
-    uniform sampler2D uTexture;
-    uniform int uMode;
-    varying vec2 vTexCoord;
-    void main() {
-      vec4 col = texture2D(uTexture, vTexCoord);
-      float average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;
-      gl_FragColor = vec4(average, average, average, col.a);
-    }
-    `};class Qs extends st{applyTo2d(t){let{imageData:{data:e}}=t;for(let s,r=0;r<e.length;r+=4){const i=e[r],o=e[r+1],a=e[r+2];switch(this.mode){case"average":s=(i+o+a)/3;break;case"lightness":s=(Math.min(i,o,a)+Math.max(i,o,a))/2;break;case"luminosity":s=.21*i+.72*o+.07*a}e[r+2]=e[r+1]=e[r]=s}}getCacheKey(){return`${this.type}_${this.mode}`}getFragmentSource(){return qh[this.mode]}sendUniformData(t,e){t.uniform1i(e.uMode,1)}isNeutralState(){return!1}}y(Qs,"type","Grayscale"),y(Qs,"defaults",{mode:"average"}),y(Qs,"uniformLocations",["uMode"]),P.setClass(Qs);const Kh={...bo,rotation:0};class mi extends Ye{calculateMatrix(){const t=this.rotation*Math.PI,e=Tt(t),s=Ot(t),r=1/3,i=Math.sqrt(r)*s,o=1-e;this.matrix=[e+o/3,r*o-i,r*o+i,0,0,r*o+i,e+r*o,r*o-i,0,0,r*o-i,r*o+i,e+r*o,0,0,0,0,0,1,0]}isNeutralState(){return this.rotation===0}applyTo(t){this.calculateMatrix(),super.applyTo(t)}toObject(){return{type:this.type,rotation:this.rotation}}}y(mi,"type","HueRotation"),y(mi,"defaults",Kh),P.setClass(mi);class Zs extends st{applyTo2d(t){let{imageData:{data:e}}=t;for(let s=0;s<e.length;s+=4)e[s]=255-e[s],e[s+1]=255-e[s+1],e[s+2]=255-e[s+2],this.alpha&&(e[s+3]=255-e[s+3])}getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform int uInvert;
-  uniform int uAlpha;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    if (uInvert == 1) {
-      if (uAlpha == 1) {
-        gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,1.0 -color.a);
-      } else {
-        gl_FragColor = vec4(1.0 - color.r,1.0 -color.g,1.0 -color.b,color.a);
-      }
-    } else {
-      gl_FragColor = color;
-    }
-  }
-`}isNeutralState(){return!this.invert}sendUniformData(t,e){t.uniform1i(e.uInvert,Number(this.invert)),t.uniform1i(e.uAlpha,Number(this.alpha))}}y(Zs,"type","Invert"),y(Zs,"defaults",{alpha:!1,invert:!0}),y(Zs,"uniformLocations",["uInvert","uAlpha"]),P.setClass(Zs);class tr extends st{getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uStepH;
-  uniform float uNoise;
-  uniform float uSeed;
-  varying vec2 vTexCoord;
-  float rand(vec2 co, float seed, float vScale) {
-    return fract(sin(dot(co.xy * vScale ,vec2(12.9898 , 78.233))) * 43758.5453 * (seed + 0.01) / 2.0);
-  }
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    color.rgb += (0.5 - rand(vTexCoord, uSeed, 0.1 / uStepH)) * uNoise;
-    gl_FragColor = color;
-  }
-`}applyTo2d(t){let{imageData:{data:e}}=t;const s=this.noise;for(let r=0;r<e.length;r+=4){const i=(.5-Math.random())*s;e[r]+=i,e[r+1]+=i,e[r+2]+=i}}sendUniformData(t,e){t.uniform1f(e.uNoise,this.noise/255),t.uniform1f(e.uSeed,Math.random())}isNeutralState(){return this.noise===0}}y(tr,"type","Noise"),y(tr,"defaults",{noise:0}),y(tr,"uniformLocations",["uNoise","uSeed"]),P.setClass(tr);class er extends st{applyTo2d(t){let{imageData:{data:e,width:s,height:r}}=t;for(let i=0;i<r;i+=this.blocksize)for(let o=0;o<s;o+=this.blocksize){const a=4*i*s+4*o,h=e[a],l=e[a+1],c=e[a+2],u=e[a+3];for(let g=i;g<Math.min(i+this.blocksize,r);g++)for(let d=o;d<Math.min(o+this.blocksize,s);d++){const f=4*g*s+4*d;e[f]=h,e[f+1]=l,e[f+2]=c,e[f+3]=u}}}isNeutralState(){return this.blocksize===1}getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uBlocksize;
-  uniform float uStepW;
-  uniform float uStepH;
-  varying vec2 vTexCoord;
-  void main() {
-    float blockW = uBlocksize * uStepW;
-    float blockH = uBlocksize * uStepH;
-    int posX = int(vTexCoord.x / blockW);
-    int posY = int(vTexCoord.y / blockH);
-    float fposX = float(posX);
-    float fposY = float(posY);
-    vec2 squareCoords = vec2(fposX * blockW, fposY * blockH);
-    vec4 color = texture2D(uTexture, squareCoords);
-    gl_FragColor = color;
-  }
-`}sendUniformData(t,e){t.uniform1f(e.uBlocksize,this.blocksize)}}y(er,"type","Pixelate"),y(er,"defaults",{blocksize:4}),y(er,"uniformLocations",["uBlocksize"]),P.setClass(er);class sr extends st{getFragmentSource(){return`
-precision highp float;
-uniform sampler2D uTexture;
-uniform vec4 uLow;
-uniform vec4 uHigh;
-varying vec2 vTexCoord;
-void main() {
-  gl_FragColor = texture2D(uTexture, vTexCoord);
-  if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {
-    gl_FragColor.a = 0.0;
-  }
-}
-`}applyTo2d(t){let{imageData:{data:e}}=t;const s=255*this.distance,r=new z(this.color).getSource(),i=[r[0]-s,r[1]-s,r[2]-s],o=[r[0]+s,r[1]+s,r[2]+s];for(let a=0;a<e.length;a+=4){const h=e[a],l=e[a+1],c=e[a+2];h>i[0]&&l>i[1]&&c>i[2]&&h<o[0]&&l<o[1]&&c<o[2]&&(e[a+3]=0)}}sendUniformData(t,e){const s=new z(this.color).getSource(),r=this.distance,i=[0+s[0]/255-r,0+s[1]/255-r,0+s[2]/255-r,1],o=[s[0]/255+r,s[1]/255+r,s[2]/255+r,1];t.uniform4fv(e.uLow,i),t.uniform4fv(e.uHigh,o)}}y(sr,"type","RemoveColor"),y(sr,"defaults",{color:"#FFFFFF",distance:.02,useAlpha:!1}),y(sr,"uniformLocations",["uLow","uHigh"]),P.setClass(sr);class rr extends st{sendUniformData(t,e){t.uniform2fv(e.uDelta,this.horizontal?[1/this.width,0]:[0,1/this.height]),t.uniform1fv(e.uTaps,this.taps)}getFilterWindow(){const t=this.tempScale;return Math.ceil(this.lanczosLobes/t)}getCacheKey(){const t=this.getFilterWindow();return`${this.type}_${t}`}getFragmentSource(){const t=this.getFilterWindow();return this.generateShader(t)}getTaps(){const t=this.lanczosCreate(this.lanczosLobes),e=this.tempScale,s=this.getFilterWindow(),r=new Array(s);for(let i=1;i<=s;i++)r[i-1]=t(i*e);return r}generateShader(t){const e=new Array(t);for(let s=1;s<=t;s++)e[s-1]=`${s}.0 * uDelta`;return`
-      precision highp float;
-      uniform sampler2D uTexture;
-      uniform vec2 uDelta;
-      varying vec2 vTexCoord;
-      uniform float uTaps[${t}];
-      void main() {
-        vec4 color = texture2D(uTexture, vTexCoord);
-        float sum = 1.0;
-        ${e.map((s,r)=>`
-              color += texture2D(uTexture, vTexCoord + ${s}) * uTaps[${r}] + texture2D(uTexture, vTexCoord - ${s}) * uTaps[${r}];
-              sum += 2.0 * uTaps[${r}];
-            `).join(`
-`)}
-        gl_FragColor = color / sum;
-      }
-    `}applyToForWebgl(t){t.passes++,this.width=t.sourceWidth,this.horizontal=!0,this.dW=Math.round(this.width*this.scaleX),this.dH=t.sourceHeight,this.tempScale=this.dW/this.width,this.taps=this.getTaps(),t.destinationWidth=this.dW,super.applyTo(t),t.sourceWidth=t.destinationWidth,this.height=t.sourceHeight,this.horizontal=!1,this.dH=Math.round(this.height*this.scaleY),this.tempScale=this.dH/this.height,this.taps=this.getTaps(),t.destinationHeight=this.dH,super.applyTo(t),t.sourceHeight=t.destinationHeight}applyTo(t){Hs(t)?this.applyToForWebgl(t):this.applyTo2d(t)}isNeutralState(){return this.scaleX===1&&this.scaleY===1}lanczosCreate(t){return e=>{if(e>=t||e<=-t)return 0;if(e<11920929e-14&&e>-11920929e-14)return 1;const s=(e*=Math.PI)/t;return Math.sin(e)/e*Math.sin(s)/s}}applyTo2d(t){const e=t.imageData,s=this.scaleX,r=this.scaleY;this.rcpScaleX=1/s,this.rcpScaleY=1/r;const i=e.width,o=e.height,a=Math.round(i*s),h=Math.round(o*r);let l;l=this.resizeType==="sliceHack"?this.sliceByTwo(t,i,o,a,h):this.resizeType==="hermite"?this.hermiteFastResize(t,i,o,a,h):this.resizeType==="bilinear"?this.bilinearFiltering(t,i,o,a,h):this.resizeType==="lanczos"?this.lanczosResize(t,i,o,a,h):new ImageData(a,h),t.imageData=l}sliceByTwo(t,e,s,r,i){const o=t.imageData,a=.5;let h=!1,l=!1,c=e*a,u=s*a;const g=t.filterBackend.resources;let d=0,f=0;const p=e;let m=0;g.sliceByTwo||(g.sliceByTwo=Rt());const v=g.sliceByTwo;(v.width<1.5*e||v.height<s)&&(v.width=1.5*e,v.height=s);const w=v.getContext("2d");for(w.clearRect(0,0,1.5*e,s),w.putImageData(o,0,0),r=Math.floor(r),i=Math.floor(i);!h||!l;)e=c,s=u,r<Math.floor(c*a)?c=Math.floor(c*a):(c=r,h=!0),i<Math.floor(u*a)?u=Math.floor(u*a):(u=i,l=!0),w.drawImage(v,d,f,e,s,p,m,c,u),d=p,f=m,m+=u;return w.getImageData(d,f,r,i)}lanczosResize(t,e,s,r,i){const o=t.imageData.data,a=t.ctx.createImageData(r,i),h=a.data,l=this.lanczosCreate(this.lanczosLobes),c=this.rcpScaleX,u=this.rcpScaleY,g=2/this.rcpScaleX,d=2/this.rcpScaleY,f=Math.ceil(c*this.lanczosLobes/2),p=Math.ceil(u*this.lanczosLobes/2),m={},v={x:0,y:0},w={x:0,y:0};return(function C(x){let _,b,O,T,k,D,A,L,I,j,U;for(v.x=(x+.5)*c,w.x=Math.floor(v.x),_=0;_<i;_++){for(v.y=(_+.5)*u,w.y=Math.floor(v.y),k=0,D=0,A=0,L=0,I=0,b=w.x-f;b<=w.x+f;b++)if(!(b<0||b>=e)){j=Math.floor(1e3*Math.abs(b-v.x)),m[j]||(m[j]={});for(let N=w.y-p;N<=w.y+p;N++)N<0||N>=s||(U=Math.floor(1e3*Math.abs(N-v.y)),m[j][U]||(m[j][U]=l(Math.sqrt(Math.pow(j*g,2)+Math.pow(U*d,2))/1e3)),O=m[j][U],O>0&&(T=4*(N*e+b),k+=O,D+=O*o[T],A+=O*o[T+1],L+=O*o[T+2],I+=O*o[T+3]))}T=4*(_*r+x),h[T]=D/k,h[T+1]=A/k,h[T+2]=L/k,h[T+3]=I/k}return++x<r?C(x):a})(0)}bilinearFiltering(t,e,s,r,i){let o,a,h,l,c,u,g,d,f,p,m,v,w,C=0;const x=this.rcpScaleX,_=this.rcpScaleY,b=4*(e-1),O=t.imageData.data,T=t.ctx.createImageData(r,i),k=T.data;for(g=0;g<i;g++)for(d=0;d<r;d++)for(c=Math.floor(x*d),u=Math.floor(_*g),f=x*d-c,p=_*g-u,w=4*(u*e+c),m=0;m<4;m++)o=O[w+m],a=O[w+4+m],h=O[w+b+m],l=O[w+b+4+m],v=o*(1-f)*(1-p)+a*f*(1-p)+h*p*(1-f)+l*f*p,k[C++]=v;return T}hermiteFastResize(t,e,s,r,i){const o=this.rcpScaleX,a=this.rcpScaleY,h=Math.ceil(o/2),l=Math.ceil(a/2),c=t.imageData.data,u=t.ctx.createImageData(r,i),g=u.data;for(let d=0;d<i;d++)for(let f=0;f<r;f++){const p=4*(f+d*r);let m=0,v=0,w=0,C=0,x=0,_=0,b=0;const O=(d+.5)*a;for(let T=Math.floor(d*a);T<(d+1)*a;T++){const k=Math.abs(O-(T+.5))/l,D=(f+.5)*o,A=k*k;for(let L=Math.floor(f*o);L<(f+1)*o;L++){let I=Math.abs(D-(L+.5))/h;const j=Math.sqrt(A+I*I);j>1&&j<-1||(m=2*j*j*j-3*j*j+1,m>0&&(I=4*(L+T*e),b+=m*c[I+3],w+=m,c[I+3]<255&&(m=m*c[I+3]/250),C+=m*c[I],x+=m*c[I+1],_+=m*c[I+2],v+=m))}}g[p]=C/v,g[p+1]=x/v,g[p+2]=_/v,g[p+3]=b/w}return u}}y(rr,"type","Resize"),y(rr,"defaults",{resizeType:"hermite",scaleX:1,scaleY:1,lanczosLobes:3}),y(rr,"uniformLocations",["uDelta","uTaps"]),P.setClass(rr);class ir extends st{getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uSaturation;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    float rgMax = max(color.r, color.g);
-    float rgbMax = max(rgMax, color.b);
-    color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;
-    color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;
-    color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;
-    gl_FragColor = color;
-  }
-`}applyTo2d(t){let{imageData:{data:e}}=t;const s=-this.saturation;for(let r=0;r<e.length;r+=4){const i=e[r],o=e[r+1],a=e[r+2],h=Math.max(i,o,a);e[r]+=h!==i?(h-i)*s:0,e[r+1]+=h!==o?(h-o)*s:0,e[r+2]+=h!==a?(h-a)*s:0}}sendUniformData(t,e){t.uniform1f(e.uSaturation,-this.saturation)}isNeutralState(){return this.saturation===0}}y(ir,"type","Saturation"),y(ir,"defaults",{saturation:0}),y(ir,"uniformLocations",["uSaturation"]),P.setClass(ir);class nr extends st{getFragmentSource(){return`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uVibrance;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    float max = max(color.r, max(color.g, color.b));
-    float avg = (color.r + color.g + color.b) / 3.0;
-    float amt = (abs(max - avg) * 2.0) * uVibrance;
-    color.r += max != color.r ? (max - color.r) * amt : 0.00;
-    color.g += max != color.g ? (max - color.g) * amt : 0.00;
-    color.b += max != color.b ? (max - color.b) * amt : 0.00;
-    gl_FragColor = color;
-  }
-`}applyTo2d(t){let{imageData:{data:e}}=t;const s=-this.vibrance;for(let r=0;r<e.length;r+=4){const i=e[r],o=e[r+1],a=e[r+2],h=Math.max(i,o,a),l=(i+o+a)/3,c=2*Math.abs(h-l)/255*s;e[r]+=h!==i?(h-i)*c:0,e[r+1]+=h!==o?(h-o)*c:0,e[r+2]+=h!==a?(h-a)*c:0}}sendUniformData(t,e){t.uniform1f(e.uVibrance,-this.vibrance)}isNeutralState(){return this.vibrance===0}}y(nr,"type","Vibrance"),y(nr,"defaults",{vibrance:0}),y(nr,"uniformLocations",["uVibrance"]),P.setClass(nr);function Mo(n){const t=n&&n.bounds;if(t&&typeof t.width=="number"&&typeof t.height=="number"&&t.width>0&&t.height>0)return{left:typeof t.left=="number"?t.left:0,top:typeof t.top=="number"?t.top:0,width:t.width,height:t.height};if(Array.isArray(n==null?void 0:n.children))for(const e of n.children){const s=Mo(e);if(s)return s}return null}function Jh(n,t="split"){if(!Array.isArray(n))return[];const e=(o,a)=>{for(const h of o){if(h&&h.name===a&&h.type==="Group")return h;if(Array.isArray(h==null?void 0:h.children)){const l=e(h.children,a);if(l)return l}}return null},s=e(n,t),r=s&&s.children||[],i=[];for(const o of r){if(!o||o.type!=="Group"||o.id==null)continue;const a=Mo(o);a&&i.push({id:Number(o.id),name:o.name||"",bounds:a})}return i}function Qh(n){return new Promise((t,e)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>t(s),s.onerror=()=>e(new Error("图片加载失败: "+n.slice(0,60))),s.src=n})}const Zh=5,tl="#ff0000",el=9,sl=7,rl="#ff0000",il="#ffffff",nl=8,ol=16,al=250;function hl(n,t,e,s,r,i,o,a,h,l){if(o<=0||a<=0||h<=0)return;const c=document.createElement("canvas");c.width=o,c.height=a;const u=c.getContext("2d");if(!u)return;u.drawImage(t,0,0,e,s,0,0,o,a);const g=l.replace("#",""),d=parseInt(g.slice(0,2),16)||0,f=parseInt(g.slice(2,4),16)||0,p=parseInt(g.slice(4,6),16)||0,m=u.getImageData(0,0,o,a),v=m.data;let w=0,C=0,x=0;for(let D=0;D<v.length;D+=4)if(v[D+3]>10){v[D]=d,v[D+1]=f,v[D+2]=p,v[D+3]=255;const A=D>>2;w+=A%o,C+=A/o|0,x++}else v[D]=v[D+1]=v[D+2]=v[D+3]=0;u.putImageData(m,0,0);const _=o+h*2,b=a+h*2,O=document.createElement("canvas");O.width=_,O.height=b;const T=O.getContext("2d");if(!T)return;for(let D=1;D<=h;D++)for(let A=0;A<360;A+=30){const L=A*Math.PI/180;T.drawImage(c,h+Math.round(Math.cos(L)*D),h+Math.round(Math.sin(L)*D))}const k=T.getImageData(0,0,_,b).data;if(T.globalCompositeOperation="destination-out",T.drawImage(c,h,h),T.globalCompositeOperation="source-over",n.drawImage(O,r-h,i-h),x>0){const D=2*(o+a);let A=Math.round(D/al);A=Math.max(nl,Math.min(ol,A));const L=w/x+h,I=C/x+h,j=Math.ceil(Math.hypot(_,b)),U=[];for(let N=0;N<A;N++){const H=N/A*Math.PI*2,$=Math.cos(H),tt=Math.sin(H);let K=-1,ft=-1;for(let at=1;at<=j;at++){const E=Math.round(L+$*at),M=Math.round(I+tt*at);if(E<0||M<0||E>=_||M>=b)break;k[(M*_+E)*4+3]>0&&(K=E,ft=M)}K>=0&&U.push({x:r-h+K,y:i-h+ft})}ll(n,U)}}function ll(n,t){if(t.length){n.save(),n.font=`bold ${sl}px sans-serif`,n.textAlign="center",n.textBaseline="middle";for(let e=0;e<t.length;e++){const{x:s,y:r}=t[e];n.beginPath(),n.arc(s,r,el,0,Math.PI*2),n.fillStyle=rl,n.fill(),n.fillStyle=il,n.fillText(String(e+1),s,r)}n.restore()}}async function cl(n,t,e="png",s){const r=Number(t==null?void 0:t.canvasWidth)||0,i=(t==null?void 0:t.canvasHeight)!=null?Number(t.canvasHeight):r;if(!(r>0&&i>0))throw new Error("productJson.canvasWidth/canvasHeight 无效");const o=Jh((t==null?void 0:t.layerList)||[],"split");if(!o.length)throw new Error("productJson 中未解析到 split 分片结构");const a=new Map,h=new Map;for(const m of n||[])m!=null&&m.name&&a.set(m.name,m),(m==null?void 0:m.id)!=null&&h.set(String(m.id),m);const l=document.createElement("canvas");l.width=r,l.height=i;const c=l.getContext("2d");if(!c)throw new Error("无法创建画布 2D 上下文");e==="jpeg"&&(c.fillStyle="#ffffff",c.fillRect(0,0,r,i));const u=[],g=[],d=[];try{for(const m of o){const v=m.name&&a.get(m.name)||h.get(String(m.id));if(!(v!=null&&v.blob)){g.push(`${m.name||m.id}(无位图)`);continue}const{left:w,top:C,width:x,height:_}=m.bounds;if(x<=0||_<=0){g.push(`${m.name||m.id}(槽位无效)`);continue}const b=URL.createObjectURL(v.blob);d.push(b);const O=await Qh(b),T=O.naturalWidth||1,k=O.naturalHeight||1,D=Math.max(x/T,_/k),A=Math.round(T*D),L=Math.round(k*D),I=Math.round(w+(x-A)/2),j=Math.round(C+(_-L)/2);c.save(),c.beginPath(),c.rect(w,C,x,_),c.clip(),c.drawImage(O,0,0,T,k,I,j,A,L),s==="pillow3d"&&hl(c,O,T,k,I,j,A,L,Zh,tl),c.restore(),u.push(m.name||String(m.id))}}finally{d.forEach(m=>{try{URL.revokeObjectURL(m)}catch{}})}const f=e==="jpeg"?"image/jpeg":"image/png";return{blob:await new Promise((m,v)=>{l.toBlob(w=>w?m(w):v(new Error("canvas.toBlob 返回空")),f,e==="jpeg"?1:void 0)}),canvasWidth:r,canvasHeight:i,drawn:u,skipped:g}}const ul=0,yi="single",gl="full",ko="#1677ff";function dl(n){var t;return((t=n==null?void 0:n.customData)==null?void 0:t.patternRenderMode)===yi?yi:gl}function fl(n){return dl(n)===yi}function or(n,t){return t?(n%t+t)%t:0}function pl(n){var l,c,u;const t=(n==null?void 0:n.customData)||{},e=Number((l=n==null?void 0:n.patternTileWidth)!=null?l:t.patternTileWidth)||100,s=Number((c=n==null?void 0:n.patternTileHeight)!=null?c:t.patternTileHeight)||100,r=n==null?void 0:n.patternScale,i=typeof r=="number"&&r>0&&r<=2?Math.max(.01,r):Math.max(.01,(Number((u=t.patternScale)!=null?u:100)||100)/100),o=Math.max(1,e*i),a=Math.max(1,s*i),h=vi(n);return{tileW:o,tileH:a,strideW:o+h.x,strideH:a+h.y,scale:i}}function Do(n){var m,v,w,C;const t=pl(n),{strideW:e,strideH:s}=t,r=Number(n==null?void 0:n.width)||0,i=Number(n==null?void 0:n.height)||0,o=(m=n==null?void 0:n.getCenterPoint)==null?void 0:m.call(n),a=Number(o==null?void 0:o.x)||(Number(n==null?void 0:n.left)||0)+r/2,h=Number(o==null?void 0:o.y)||(Number(n==null?void 0:n.top)||0)+i/2,l=a-r/2,c=h-i/2,u=typeof(n==null?void 0:n.patternPhaseX)=="number"?n.patternPhaseX:typeof((v=n==null?void 0:n.customData)==null?void 0:v.patternPhaseX)=="number"?n.customData.patternPhaseX:0,g=typeof(n==null?void 0:n.patternPhaseY)=="number"?n.patternPhaseY:typeof((w=n==null?void 0:n.customData)==null?void 0:w.patternPhaseY)=="number"?n.customData.patternPhaseY:0,d=l-or(l-u,e),f=c-or(c-g,s),p=(n==null?void 0:n.patternMode)||((C=n==null?void 0:n.customData)==null?void 0:C.patternMode)||"";return{...t,centerX:a,centerY:h,sceneLeft:l,sceneTop:c,startSceneX:d,startSceneY:f,startX:d-a,startY:f-h,phaseX:u,phaseY:g,mode:p}}function ml(n,t,e){const s=Do(n),{strideW:r,strideH:i,tileW:o,tileH:a,startSceneX:h,startSceneY:l,centerX:c,centerY:u,phaseX:g,phaseY:d,mode:f}=s,p=Eo(n);if(p%360!==0){const x=p*Math.PI/180,_=Math.cos(x),b=Math.sin(x),O=t-c,T=e-u,k=O*_+T*b,D=-O*b+T*_,A=g-c,L=d-u,I=A*_+L*b,j=-A*b+L*_,U=Math.floor((k-I)/r),N=Math.floor((D-j)/i);let H=I+U*r,$=j+N*i;f==="brick-x"&&Math.round(($-j)/i)&1&&(H+=r/2),f==="brick-y"&&Math.round((H-I)/r)&1&&($+=i/2);const tt=c+H*_-$*b,K=u+H*b+$*_;return{left:tt,top:K,tileW:o,tileH:a}}const m=Math.floor((t-h)/r),v=Math.floor((e-l)/i);let w=h+m*r,C=l+v*i;return f==="brick-x"&&Math.round((C-d)/i)&1&&(w+=r/2),f==="brick-y"&&Math.round((w-g)/r)&1&&(C+=i/2),{left:w,top:C,tileW:o,tileH:a}}function Ne(n,t=ul){const e=Number(n);return Number.isFinite(e)?Math.max(0,e):t}function ar(n){const t=n,e=(t==null?void 0:t.naturalWidth)||(t==null?void 0:t.videoWidth)||(t==null?void 0:t.width)||0,s=(t==null?void 0:t.naturalHeight)||(t==null?void 0:t.videoHeight)||(t==null?void 0:t.height)||0;return{width:e,height:s}}function yl(n,t,e){let s=e*2654435761>>>0;return s=(s<<5)-s+n|0,s=(s<<5)-s+t|0,s>>>0}function vi(n){var e,s;const t=(n==null?void 0:n.customData)||{};return{x:Ne((e=n==null?void 0:n.patternGapX)!=null?e:t.patternGapX),y:Ne((s=n==null?void 0:n.patternGapY)!=null?s:t.patternGapY)}}function hr(n){const t=Number(n);return Number.isFinite(t)?(t%360+360)%360:0}function Eo(n){const t=(n==null?void 0:n.customData)||{},e=[n==null?void 0:n.patternTileAngle,t.patternTileAngle,t.originalAngle];for(const s of e){const r=Number(s);if(Number.isFinite(r)&&r!==0)return hr(r)}return 0}function vl(n){var e,s,r,i;const t=(n==null?void 0:n.customData)||{};return{flipX:!!((s=(e=n==null?void 0:n.patternTileFlipX)!=null?e:t.patternTileFlipX)!=null?s:t.originalFlipX),flipY:!!((i=(r=n==null?void 0:n.patternTileFlipY)!=null?r:t.patternTileFlipY)!=null?i:t.originalFlipY),angle:Eo(n)}}function xl(n,t,e,s,r,i,o=!1,a=!1,h=0){const l=hr(h),c=.75;if(!o&&!a&&l===0){n.drawImage(t,e-c,s-c,r+c*2,i+c*2);return}n.save(),n.translate(e+r/2,s+i/2),l&&n.rotate(l*Math.PI/180),n.scale(o?-1:1,a?-1:1),n.drawImage(t,-r/2-c,-i/2-c,r+c*2,i+c*2),n.restore()}class lr extends Et{constructor(t={}){var e,s,r;super({...t,originX:"left",originY:"top",objectCaching:!1,hasControls:!1,hasBorders:!1,lockScalingX:!0,lockScalingY:!0,lockRotation:!0,fill:(e=t.fill)!=null?e:"",stroke:(s=t.stroke)!=null?s:null,borderColor:ko,cornerColor:ko,cornerStrokeColor:"#ffffff",transparentCorners:!1,borderScaleFactor:2}),this.patternElement=(r=t.patternElement)!=null?r:null,this.patternTileWidth=Number(t.patternTileWidth)||ar(this.patternElement).width||100,this.patternTileHeight=Number(t.patternTileHeight)||ar(this.patternElement).height||100,this.patternScale=Number(t.patternScale)||1,this.patternPhaseX=Number(t.patternPhaseX)||0,this.patternPhaseY=Number(t.patternPhaseY)||0,this.patternGapX=Ne(t.patternGapX),this.patternGapY=Ne(t.patternGapY),this.patternMode=t.patternMode||"",this.patternSeed=Number(t.patternSeed)||1,this.patternTileFlipX=!!t.patternTileFlipX,this.patternTileFlipY=!!t.patternTileFlipY,this.patternTileAngle=hr(t.patternTileAngle),this.patternActiveTileLeft=null,this.patternActiveTileTop=null}setActiveDragTile(t,e){this.patternActiveTileLeft=t,this.patternActiveTileTop=e,this.dirty=!0}clearActiveDragTile(){this.patternActiveTileLeft==null&&this.patternActiveTileTop==null||(this.patternActiveTileLeft=null,this.patternActiveTileTop=null,this.dirty=!0)}setPatternElement(t){this.patternElement=t;const e=ar(t);!this.patternTileWidth&&e.width&&(this.patternTileWidth=e.width),!this.patternTileHeight&&e.height&&(this.patternTileHeight=e.height),this.dirty=!0}setPatternPhase(t,e){this.patternPhaseX=t,this.patternPhaseY=e,this.customData={...this.customData||{},patternPhaseX:t,patternPhaseY:e},this.dirty=!0}setPatternGap(t,e){this.patternGapX=Ne(t),this.patternGapY=Ne(e),this.customData={...this.customData||{},patternGapX:this.patternGapX,patternGapY:this.patternGapY},this.dirty=!0}toObject(t=[]){return super.toObject(["patternTileWidth","patternTileHeight","patternScale","patternPhaseX","patternPhaseY","patternGapX","patternGapY","patternMode","patternSeed","patternTileFlipX","patternTileFlipY","patternTileAngle",...t])}_render(t){var N,H,$,tt,K,ft,at,E;const e=this.patternElement;if(!e){super._render(t);return}const s=Number(this.width)||0,r=Number(this.height)||0,i=Do(this),{tileW:o,tileH:a,strideW:h,strideH:l,centerX:c,centerY:u}=i;let g=i.startX,d=i.startY,f=i.phaseX,p=i.phaseY;const m=i.mode,v=-s/2,w=-r/2;let C=s/2,x=r/2;t.save(),t.beginPath(),t.rect(v,w,s,r),t.clip(),t.imageSmoothingEnabled=!0,t.imageSmoothingQuality="high";const{flipX:_,flipY:b,angle:O}=vl(this),T=(M,F)=>({flipX:_!==M,flipY:b!==F}),k=vi(this),D=O*Math.PI/180,A=O%360!==0;if(A){t.rotate(D);const M=Math.cos(D),F=Math.sin(D),X=f-c,W=p-u,R=X*M+W*F,J=-X*F+W*M;f=R+c,p=J+u;const it=Math.abs(M),Xt=Math.abs(F),Wt=s/2*it+r/2*Xt+h,Te=s/2*Xt+r/2*it+l;C=Wt,x=Te,g=-Wt-or(-Wt-R,h),d=-Te-or(-Te-J,l)}const L=(M,F,X,W)=>{xl(t,e,M,F,o,a,X,W,0)};if(fl(this)){const M=f-c,F=p-u;if(L(M,F,_,b),((H=(N=this.canvas)==null?void 0:N.getActiveObject)==null?void 0:H.call(N))===this){const W=Math.abs(Number((tt=($=this.canvas)==null?void 0:$.getZoom)==null?void 0:tt.call($))||1);t.save(),t.strokeStyle="#1677ff",t.lineWidth=10/W,t.setLineDash([18/W,15/W]),t.strokeRect(M,F,o,a),t.restore()}t.restore();return}const I=ar(e);if((m===""||m==="grid")&&k.x===0&&k.y===0&&!_&&!b&&hr(O)===0&&I.width>0&&I.height>0){const M=t.createPattern(e,"repeat");if(M){const F=f-c,X=p-u;M.setTransform(new DOMMatrix([o/I.width,0,0,a/I.height,F,X])),t.fillStyle=M,t.fillRect(v,w,s,r)}}else if(m==="brick-x")for(let M=d-l;M<x;M+=l){const F=u+M,W=Math.round((F-p)/l)&1?h/2:0;for(let R=g-h;R<C;R+=h)L(R+W,M,_,b)}else if(m==="brick-y")for(let M=d-l;M<x;M+=l)for(let F=g-h;F<C;F+=h){const X=c+F,R=Math.round((X-f)/h)&1?l/2:0;L(F,M+R,_,b)}else if(m==="mirror")for(let M=d;M<x;M+=l){const F=u+M,W=!!(Math.round((F-p)/l)&1);for(let R=g;R<C;R+=h){const J=c+R,Xt=!!(Math.round((J-f)/h)&1),{flipX:Wt,flipY:Te}=T(Xt,W);L(R,M,Wt,Te)}}else if(m==="random"){const M=this.patternSeed||1;for(let F=d;F<x;F+=l){const X=u+F,W=Math.round((X-p)/l);for(let R=g;R<C;R+=h){const J=c+R,it=Math.round((J-f)/h),Xt=yl(W,it,M),{flipX:Wt,flipY:Te}=T(!!(Xt&1),!!(Xt&2));L(R,F,Wt,Te)}}}else for(let M=d;M<x;M+=l)for(let F=g;F<C;F+=h)L(F,M,_,b);if(((ft=(K=this.canvas)==null?void 0:K.getActiveObject)==null?void 0:ft.call(K))===this){let M,F;if(this.patternActiveTileLeft!=null&&this.patternActiveTileTop!=null)M=this.patternActiveTileLeft,F=this.patternActiveTileTop;else{const J=ml(this,c,u);M=J.left,F=J.top}let X,W;if(A){const J=Math.cos(D),it=Math.sin(D),Xt=M-c,Wt=F-u;X=Xt*J+Wt*it,W=-Xt*it+Wt*J}else X=M-c,W=F-u;const R=Math.abs(Number((E=(at=this.canvas)==null?void 0:at.getZoom)==null?void 0:E.call(at))||1);t.save(),t.strokeStyle="#1677ff",t.lineWidth=10/R,t.setLineDash([18/R,15/R]),t.strokeRect(X,W,o,a),t.restore()}t.restore()}}xr(lr,"type","pattern-layer"),P.setClass(lr);function Po(n){var t;return!!((t=n==null?void 0:n.customData)!=null&&t.isPatternRect)||n instanceof lr||(n==null?void 0:n.type)===lr.type}function _l(n,t){return!(n!=null&&n.patternElement)||!t||!Po(n)?!1:(typeof t.setPatternElement=="function"?t.setPatternElement(n.patternElement):t.patternElement=n.patternElement,t.patternTileWidth=n.patternTileWidth,t.patternTileHeight=n.patternTileHeight,t.patternScale=n.patternScale,t.patternPhaseX=n.patternPhaseX,t.patternPhaseY=n.patternPhaseY,t.patternGapX=n.patternGapX,t.patternGapY=n.patternGapY,t.patternMode=n.patternMode,t.patternSeed=n.patternSeed,t.patternTileFlipX=n.patternTileFlipX,t.patternTileFlipY=n.patternTileFlipY,t.patternTileAngle=n.patternTileAngle,t.dirty=!0,!0)}const wl=n=>Number.isFinite(n)?Math.min(200,Math.max(1,Math.round(n))):100,Sl=n=>{var s,r;if(!n)return null;const t=(s=n.width)!=null?s:n.naturalWidth,e=(r=n.height)!=null?r:n.naturalHeight;return!t||!e?null:{width:t,height:e}};function Cl(n,t,e){var o,a;const s=(...h)=>{for(const l of h){const c=Number(l);if(Number.isFinite(c)&&c>0)return c}return null},r=(o=s(n==null?void 0:n.patternTileWidth,n==null?void 0:n.originalWidth,e==null?void 0:e.patternTileWidth,t==null?void 0:t.width))!=null?o:100,i=(a=s(n==null?void 0:n.patternTileHeight,n==null?void 0:n.originalHeight,e==null?void 0:e.patternTileHeight,t==null?void 0:t.height))!=null?a:100;return{tw:r,th:i}}class be{static getItem(t){if(!this.hasStorage)return null;try{return localStorage.getItem(t)}catch(e){return console.warn(`读取 localStorage 失败 [${t}]:`,e),null}}static setItem(t,e){if(!this.hasStorage)return!1;try{return localStorage.setItem(t,e),!0}catch(s){return console.warn(`写入 localStorage 失败 [${t}]:`,s),!1}}static removeItem(t){if(!this.hasStorage)return!1;try{return localStorage.removeItem(t),!0}catch(e){return console.warn(`删除 localStorage 失败 [${t}]:`,e),!1}}static clear(){if(!this.hasStorage)return!1;try{return localStorage.clear(),!0}catch(t){return console.warn("清空 localStorage 失败:",t),!1}}static isAvailable(){return this.hasStorage}}xr(be,"hasStorage",typeof window!="undefined"&&typeof localStorage!="undefined");class cr{static isBrowser(){return typeof window!="undefined"}static isWorker(){return typeof WorkerGlobalScope!="undefined"}static hasLocalStorage(){return this.isBrowser()&&typeof localStorage!="undefined"}static hasCanvas(){return this.isBrowser()&&typeof HTMLCanvasElement!="undefined"}static getDomain(){return this.isBrowser()?window.location.hostname:"localhost"}static getOrigin(){return this.isBrowser()?window.location.origin:"http://localhost"}}const vr=class vr{static parse(t){try{const e=cr.getOrigin();return new URL(t,e)}catch{return null}}static addParam(t,e,s){const r=this.parse(t);return!r||r.searchParams.has(e)?t:(r.searchParams.set(e,s),this.formatUrl(t,r))}static removeParam(t,e){const s=this.parse(t);return!s||!s.searchParams.has(e)?t:(s.searchParams.delete(e),this.formatUrl(t,s))}static hasParam(t,e){var r;const s=this.parse(t);return(r=s==null?void 0:s.searchParams.has(e))!=null?r:!1}static forceHttpsAsset(t){if(typeof t!="string"||!/^http:\/\//i.test(t))return t;const e=t.slice(t.indexOf("://")+3),s=e.split(/[/?#]/)[0].split("@").pop().split(":")[0];return vr.HTTPS_ASSET_HOST_RE.test(s)?"https://"+e:t}static formatUrl(t,e){const s=/^(https?:)?\/\//i.test(t),r=t.startsWith("//");return s?e.toString():r?e.toString().replace(/^https?:/,""):`${e.pathname}${e.search}${e.hash}`}static isDataUrl(t){var e;return(e=t==null?void 0:t.startsWith("data:"))!=null?e:!1}static isBlobUrl(t){var e;return(e=t==null?void 0:t.startsWith("blob:"))!=null?e:!1}};xr(vr,"HTTPS_ASSET_HOST_RE",/(^|\.)(r480\.cn|aliyuncs\.com)$/i);let dt=vr;const bl=new Map,Tl=new Map;function Ol(){bl.clear(),Tl.clear()}const Ml=new Map,kl=new Map;function Dl(){Ml.clear(),kl.clear()}const xi="file_token",_i="file_token_expire_time",El=60*1e3;function wi(){return be.getItem(xi)}function Pl(n=El){if(!wi())return!0;const e=be.getItem(_i);if(!e)return!1;const s=Number(e);return Date.now()+n>s}function Ao(n,t){if(be.setItem(xi,n),typeof t=="number"&&t>0){const e=Date.now()+t*1e3;be.setItem(_i,String(e))}}function Al(){be.removeItem(xi),be.removeItem(_i),Ol(),Dl()}async function Fo(n){var s,r;const t=await n(),e=(s=t==null?void 0:t.data)==null?void 0:s.data;return((r=t==null?void 0:t.data)==null?void 0:r.code)===200&&(e!=null&&e.file_token)?(Ao(e.file_token,e.expires_in),e.file_token):null}let Fl=null,Si=null;function Lo(n,t){Si=n,n&&Ao(n)}function Io(){return cr.isBrowser()?Fl:null}async function Ci(){if(Si)return Si;if(!cr.isBrowser())return wi();const n=wi();if(n&&!Pl())return n;try{const t=await Io();if(n&&(t!=null&&t.fetchFileTokenRefresh)){const e=await Fo(t.fetchFileTokenRefresh);if(e)return e}}catch{}try{const t=Io();return t!=null&&t.fetchFileToken?await Fo(t.fetchFileToken):null}catch{return null}}const jo=["/files/","/pd/","/pm/","/test/","/test-local/","/wd/","/whiteboard/"];function Ro(n){if(!n||dt.isDataUrl(n)||dt.isBlobUrl(n))return!1;const t=dt.parse(n);return t?jo.some(e=>t.pathname.includes(e))&&!dt.hasParam(n,"fileToken"):jo.some(e=>n.includes(e))&&!n.includes("fileToken=")}function bi(n,t){return n=dt.forceHttpsAsset(n),!t||!Ro(n)?n:dt.addParam(n,"fileToken",t)}function Ll(n){return dt.removeParam(n,"fileToken")}function Bo(n,t){const e=dt.forceHttpsAsset(n);return!t||dt.hasParam(e,"fileToken")?e:dt.addParam(e,"fileToken",t)}async function Il(n){if(!Ro(n))return n;const t=await Ci();return bi(n,t)}const Ti=new Map;function jl(n,t){return`${String((t==null?void 0:t.method)||"GET").toUpperCase()}\0${n}`}async function $o(n,t,e){if(!cr.isBrowser())return fetch(n,t);const s=dt.forceHttpsAsset(Ll(n)),r=(e==null?void 0:e.forceToken)===!0,i=jl(s,t)+"";let o=Ti.get(i);return o||(o=(async()=>{try{const h=r?Bo(s,await Ci()):await Il(s),l=3;let c=null;for(let u=0;u<l;u++)try{let g;try{g=await fetch(h,t)}catch{if((t==null?void 0:t.mode)==="cors")g=await fetch(h,{...t,cache:"no-store"});else throw new Error("fetch failed")}if(g.status===401){Al();const d=await Ci(),f=r?Bo(s,d):bi(s,d);return await fetch(f,t)}if(g.status>=500&&u<l-1){c=new Error(`HTTP ${g.status}`),await new Promise(d=>setTimeout(d,300*Math.pow(2,u)));continue}return g}catch(g){if(c=g,u<l-1){await new Promise(d=>setTimeout(d,300*Math.pow(2,u)));continue}}throw c!=null?c:new Error("fetchWithFileToken failed")}finally{Ti.delete(i)}})(),Ti.set(i,o)),(await o).clone()}const Oi="all";function Rl(n){if(!(!n||n===Oi))return n}function Bl(n,t){if(n==null)return!0;if(Array.isArray(n)){if(n.length===0||n.includes(Oi))return!0;const s=n.filter(r=>r!==Oi);return s.length===0||t==null?!0:s.includes(t)}const e=Rl(n);return!e||t==null?!0:t===e}function Xo(n){const t=n==null?void 0:n.bounds;if(t&&typeof t.width=="number"&&typeof t.height=="number"&&t.width>0&&t.height>0)return{left:typeof t.left=="number"?t.left:0,top:typeof t.top=="number"?t.top:0,width:t.width,height:t.height};if(Array.isArray(n.children))for(const e of n.children){const s=Xo(e);if(s)return s}return null}const $l=(n,t)=>{var r;const e=Math.max(1,Number(t.canvasWidth)||1);let s=Number(t.canvasHeight);if(!s||!Number.isFinite(s)){const i=Array.isArray(n)?n.find(o=>(o==null?void 0:o.name)==="bg"):null;s=Math.max(1,Number((r=i==null?void 0:i.bounds)==null?void 0:r.height)||e)}return{psdW:e,psdH:s}},Xl=(n,t,e,s)=>{const r=Math.max(1,n),i=Math.max(1,t),o=Math.max(1,e),a=Math.max(1,s),h=Math.min(o/r,a/i),l=(o-r*h)/2,c=(a-i*h)/2;return{scale:h,offsetX:l,offsetY:c}},Wl=(n,t,e,s,r)=>{const{scale:i,offsetX:o,offsetY:a}=Xl(t,e,s,r);return{left:o+n.left*i,top:a+n.top*i,width:n.width*i,height:n.height*i}},Yl=(n,t="split")=>{var o;if(!Array.isArray(n))return[];const e=(a,h="split")=>{for(const l of a){if((l==null?void 0:l.name)===h&&(l==null?void 0:l.type)==="Group")return l;if(Array.isArray(l.children)){const c=e(l.children);if(c)return c}}return null},s=e(n,t),r=(o=s==null?void 0:s.children)!=null?o:[],i=[];for(const a of r){if((a==null?void 0:a.type)!=="Group"||a.id==null)continue;const h=Xo(a);h&&i.push({id:a.id,name:a.name||"",bounds:h})}return i},Nl=(n,t)=>{var a,h,l;const r=((a=n==null?void 0:n.data)!=null?a:[]).filter(c=>Bl(t,c==null?void 0:c.size)).find(c=>(c==null?void 0:c.type)==="SPLIT");if(!(r!=null&&r.jsonURL))return null;const i=(h=r.resources)!=null?h:[],o=new Map;for(const c of i){if(!(c!=null&&c.groupId))continue;const u=String(c.groupId);let g=o.get(u);g||(g={groupId:u,groupName:String((l=c.groupName)!=null?l:""),maskUrl:"",maskWidth:0,maskHeight:0},o.set(u,g)),c.groupName&&(g.groupName=String(c.groupName)),c.type==="MASK"&&c.url&&(g.maskUrl=c.url,g.maskWidth=Number(c.width)||0,g.maskHeight=Number(c.height)||0),c.type==="DOTTED_LINE"&&c.url&&(g.dottedLineUrl=c.url,g.dottedLineWidth=Number(c.width)||0,g.dottedLineHeight=Number(c.height)||0)}for(const[c,u]of[...o]){const g=!!(u.maskUrl&&u.maskWidth&&u.maskHeight),d=!!(u.dottedLineUrl&&u.dottedLineWidth&&u.dottedLineHeight)||!!(u.dottedLineUrl&&g);!g&&!d&&o.delete(c)}return o.size?{jsonURL:r.jsonURL,slicesByGroupId:o}:null},ur=(n,t="image/png",e)=>new Promise((s,r)=>{n.toBlob(i=>{if(!i){r(new Error("canvas toBlob failed"));return}s(i)},t,e)});function Hl(n,t){if(t)return;const e=n.backgroundColor;return e!=null&&e!==""?String(e):"#ffffff"}const Wo="guide-resource",gr=(n,t)=>{var s;const e=(s=n==null?void 0:n.customData)==null?void 0:s.role;return e===t||e==="guide"||e==="grid"},Gl=n=>{var e;const t=(e=n==null?void 0:n.customData)==null?void 0:e.guideKind;return t==="split-piece-mask"||t==="split-piece-dotted"};function Yo(n,t=Wo){var g,d,f;const e=Math.max(1,typeof n.getWidth=="function"?n.getWidth():1),s=Math.max(1,typeof n.getHeight=="function"?n.getHeight():1);let r=0,i=0,o=e,a=s;for(const p of(d=(g=n.getObjects)==null?void 0:g.call(n))!=null?d:[])if(!(gr(p,t)&&!Gl(p))&&p.type!=="activeSelection"&&!((f=p.customData)!=null&&f.isPatternRect)&&!p.group&&typeof p.getBoundingRect=="function")try{const m=p.getBoundingRect(!0,!0);if(!m||!Number.isFinite(m.width)||!Number.isFinite(m.height))continue;r=Math.min(r,m.left),i=Math.min(i,m.top),o=Math.max(o,m.left+m.width),a=Math.max(a,m.top+m.height)}catch{}const l=n.backgroundImage;if(l&&typeof l.getBoundingRect=="function")try{const p=l.getBoundingRect(!0,!0);p&&Number.isFinite(p.width)&&Number.isFinite(p.height)&&(r=Math.min(r,p.left),i=Math.min(i,p.top),o=Math.max(o,p.left+p.width),a=Math.max(a,p.top+p.height))}catch{}const c=Math.max(1,Math.ceil(o-r)),u=Math.max(1,Math.ceil(a-i));return{minL:r,minT:i,maxR:o,maxB:a,width:c,height:u}}async function Vl(n,t,e,s){var c;const r=document.createElement("canvas"),i=Yo(n,t),o=i.width,a=i.height,h=n;let l=null;try{l=new Le(r,{width:o,height:a,renderOnAddRemove:!1,enableRetinaScaling:!!h.enableRetinaScaling,backgroundColor:Hl(h,s)}),l.setViewportTransform([1,0,0,1,-i.minL,-i.minT]);const u=h.backgroundImage;if(!s&&u&&typeof u.clone=="function")try{l.backgroundImage=await u.clone()}catch{}const g=performance.now();for(const m of n.getObjects())if(!gr(m,t)&&m.type!=="activeSelection")try{const v=await m.clone();Po(v)&&_l(m,v);const w=m.group;if(w){const C=typeof m.calcOwnMatrix=="function"?m.calcOwnMatrix():m.calcTransformMatrix(),x=typeof w.calcTransformMatrix=="function"?w.calcTransformMatrix():null,_=x?oo.multiplyTransformMatrices(x,C):m.calcTransformMatrix(),b=oo.qrDecompose(_);v.set({originX:"center",originY:"center",left:b.translateX,top:b.translateY,angle:b.angle,scaleX:b.scaleX,scaleY:b.scaleY,skewX:b.skewX,skewY:b.skewY,flipX:m.flipX,flipY:m.flipY}),(c=v.setCoords)==null||c.call(v)}l.add(v)}catch(v){return console.warn("[fabricMainCanvasSnapshot] offscreen clone failed:",m.type,v),null}const d=Math.round(performance.now()-g);l.requestRenderAll(),await new Promise(m=>requestAnimationFrame(()=>requestAnimationFrame(()=>m())));const f=l;if(typeof f.toBlob=="function"){const m=await f.toBlob({format:"png",quality:1,multiplier:e,enableRetinaScaling:!!l.enableRetinaScaling});return m!=null?m:null}const p=l.lowerCanvasEl;if(!p)return null;if(e<1){const m=Math.max(1,Math.floor(p.width*e)),v=Math.max(1,Math.floor(p.height*e)),w=document.createElement("canvas");w.width=m,w.height=v;const C=w.getContext("2d");return C?(C.imageSmoothingEnabled=!0,C.imageSmoothingQuality="medium",C.drawImage(p,0,0,p.width,p.height,0,0,m,v),await ur(w,"image/png")):null}return await ur(p,"image/png")}catch(u){return console.warn("[fabricMainCanvasSnapshot] offscreen export failed:",u),null}finally{if(l)try{await l.dispose()}catch{}}}async function zl(n,t,e){var o,a,h,l;const s=n;if(typeof s.toBlob=="function"){let c;try{c=n.getActiveObject(),c&&((o=s._discardActiveObject)==null||o.call(s));const u=await s.toBlob({format:"png",quality:1,multiplier:e,enableRetinaScaling:!!s.enableRetinaScaling,filter:g=>!gr(g,t)});return u!=null?u:null}catch(u){return console.warn("[fabricMainCanvasSnapshot] toBlob(filter) 导出失败:",u),null}finally{try{c&&((a=s._setActiveObject)==null||a.call(s,c)),n.renderAll()}catch{}}}const r=[];let i;try{for(const u of n.getObjects())gr(u,t)&&(r.push({obj:u,visible:u.visible!==!1}),u.set("visible",!1));i=n.getActiveObject(),i&&((h=n._discardActiveObject)==null||h.call(n)),n.renderAll();const c=n.lowerCanvasEl;if(!c)return null;if(e<1){const u=Math.max(1,Math.floor(c.width*e)),g=Math.max(1,Math.floor(c.height*e)),d=document.createElement("canvas");d.width=u,d.height=g;const f=d.getContext("2d");return f?(f.imageSmoothingEnabled=!0,f.imageSmoothingQuality="medium",f.drawImage(c,0,0,c.width,c.height,0,0,u,g),await ur(d,"image/png")):null}return await ur(c,"image/png")}catch(c){return console.warn("[fabricMainCanvasSnapshot] 导出主画布失败:",c),null}finally{for(const{obj:c,visible:u}of r)try{c.set("visible",u)}catch{}try{i&&((l=n._setActiveObject)==null||l.call(n,i)),n.renderAll()}catch{}}}async function No(n,t){var h;const e=(h=t==null?void 0:t.guideResourceRole)!=null?h:Wo,s=(t==null?void 0:t.multiplier)!=null&&t.multiplier>0?t.multiplier:1,r=!!(t!=null&&t.useIdentityViewport),i=(t==null?void 0:t.transparentBackground)===!0;if(r){const l=await Vl(n,e,s,i);if(l)return l;if(i)return console.warn("[fabricMainCanvasSnapshot] 透明底离屏导出失败，不再回退主画布直读（会带白底）"),null;console.warn("[fabricMainCanvasSnapshot] 离屏导出失败，回退为临时单位视口")}let o=null;const a=()=>{if(!(!r||!o||o.length<6))try{n.setViewportTransform(o),n.requestRenderAll()}catch{}};try{if(r){const c=n.viewportTransform;o=Array.isArray(c)&&c.length>=6?[...c]:[1,0,0,1,0,0],n.setViewportTransform([1,0,0,1,0,0]),n.requestRenderAll(),await new Promise(u=>requestAnimationFrame(()=>requestAnimationFrame(()=>u())))}return await zl(n,e,s)}finally{a()}}const dr=[{family:"Oswald",googleSlug:"Oswald",category:"sans-serif"},{family:"EB Garamond",googleSlug:"EB+Garamond",category:"serif"},{family:"Itim",googleSlug:"Itim",category:"handwriting"},{family:"Tangerine",googleSlug:"Tangerine",category:"handwriting"},{family:"Pinyon Script",googleSlug:"Pinyon+Script",category:"handwriting"},{family:"Arizonia",googleSlug:"Arizonia",category:"handwriting"},{family:"Ballet",googleSlug:"Ballet",category:"handwriting"},{family:"Roboto",googleSlug:"Roboto",category:"sans-serif"},{family:"Open Sans",googleSlug:"Open+Sans",category:"sans-serif"},{family:"Montserrat",googleSlug:"Montserrat",category:"sans-serif"},{family:"Lato",googleSlug:"Lato",category:"sans-serif"},{family:"Poppins",googleSlug:"Poppins",category:"sans-serif"},{family:"Raleway",googleSlug:"Raleway",category:"sans-serif"},{family:"Inter",googleSlug:"Inter",category:"sans-serif"},{family:"Bebas Neue",googleSlug:"Bebas+Neue",category:"sans-serif"},{family:"Anton",googleSlug:"Anton",category:"sans-serif"},{family:"Playfair Display",googleSlug:"Playfair+Display",category:"serif"},{family:"Merriweather",googleSlug:"Merriweather",category:"serif"},{family:"Lora",googleSlug:"Lora",category:"serif"},{family:"PT Serif",googleSlug:"PT+Serif",category:"serif"},{family:"Cormorant Garamond",googleSlug:"Cormorant+Garamond",category:"serif"},{family:"Lobster",googleSlug:"Lobster",category:"display"},{family:"Pacifico",googleSlug:"Pacifico",category:"display"},{family:"Abril Fatface",googleSlug:"Abril+Fatface",category:"display"},{family:"Alfa Slab One",googleSlug:"Alfa+Slab+One",category:"display"},{family:"Dancing Script",googleSlug:"Dancing+Script",category:"handwriting"},{family:"Caveat",googleSlug:"Caveat",category:"handwriting"},{family:"Great Vibes",googleSlug:"Great+Vibes",category:"handwriting"},{family:"Satisfy",googleSlug:"Satisfy",category:"handwriting"},{family:"Permanent Marker",googleSlug:"Permanent+Marker",category:"handwriting"},{family:"Roboto Mono",googleSlug:"Roboto+Mono",category:"monospace"}],Ho=dr.map(n=>n.family);(ea=Ho[1])!=null||Ho[0];const Ul="https://fonts.loli.net/css2";let Go=!1;function ql(){if(!(Go||typeof document=="undefined")){Go=!0;for(const n of dr){const t=`gf-${n.googleSlug}`;if(document.getElementById(t))continue;const e=document.createElement("link");e.id=t,e.rel="stylesheet",e.href=`${Ul}?family=${n.googleSlug}:ital,wght@0,400;0,700;1,400;1,700&display=swap`,document.head.appendChild(e)}}}const Kl=new Set(dr.map(n=>n.family));async function Jl(n){if(typeof document=="undefined"||!document.fonts)return;ql();const t=n.length?n.filter(s=>Kl.has(s)):dr.map(s=>s.family),e=[];for(const s of t)e.push(document.fonts.load(`400 16px "${s}"`).catch(()=>{})),e.push(document.fonts.load(`700 16px "${s}"`).catch(()=>{})),e.push(document.fonts.load(`italic 400 16px "${s}"`).catch(()=>{})),e.push(document.fonts.load(`italic 700 16px "${s}"`).catch(()=>{}));await Promise.all(e);try{await document.fonts.ready}catch{}}function Ql(n){const t=new Set,e=s=>{if(Array.isArray(s))for(const r of s)r&&typeof r.fontFamily=="string"&&r.fontFamily&&t.add(r.fontFamily),Array.isArray(r==null?void 0:r.objects)&&e(r.objects)};return e(n),Array.from(t)}function Mi(n){const t=n/255;return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}function fr(n,t,e){const s=Mi(n),r=Mi(t),i=Mi(e);let o=s*.4124+r*.3576+i*.1805,a=s*.2126+r*.7152+i*.0722,h=s*.0193+r*.1192+i*.9505;o/=.95047,h/=1.08883;const l=d=>d>.008856?Math.cbrt(d):7.787*d+16/116,c=l(o),u=l(a),g=l(h);return[116*u-16,500*(c-u),200*(u-g)]}function pr(n,t){const e=n[0]-t[0],s=n[1]-t[1],r=n[2]-t[2];return e*e+s*s+r*r}function Zl(n,t,e,s=12){const r=n.length,i=Math.max(1,Math.min(e,r)),o=[0],a=new Float64Array(r).fill(1/0);for(let p=1;p<i;p++){const m=n[o[p-1]];let v=0;for(let x=0;x<r;x++){const _=pr(n[x],m);_<a[x]&&(a[x]=_),v+=a[x]}let w=v*(p*.6180339887%1),C=0;for(let x=0;x<r;x++)if(w-=a[x],w<=0){C=x;break}o.push(C)}const h=o.map(p=>n[p].slice()),l=new Int32Array(r);for(let p=0;p<s;p++){let m=0;for(let _=0;_<r;_++){let b=0,O=1/0;for(let T=0;T<i;T++){const k=pr(n[_],h[T]);k<O&&(O=k,b=T)}l[_]!==b&&m++,l[_]=b}const v=new Float64Array(i),w=new Float64Array(i),C=new Float64Array(i),x=new Int32Array(i);for(let _=0;_<r;_++){const b=l[_];v[b]+=n[_][0],w[b]+=n[_][1],C[b]+=n[_][2],x[b]++}for(let _=0;_<i;_++)x[_]>0&&(h[_]=[v[_]/x[_],w[_]/x[_],C[_]/x[_]]);if(m===0&&p>0)break}const c=new Float64Array(i),u=new Float64Array(i),g=new Float64Array(i),d=new Int32Array(i);for(let p=0;p<r;p++){const m=l[p];c[m]+=t[p][0],u[m]+=t[p][1],g[m]+=t[p][2],d[m]++}const f=[];for(let p=0;p<i;p++)d[p]>0?f.push([Math.round(c[p]/d[p]),Math.round(u[p]/d[p]),Math.round(g[p]/d[p])]):f.push([128,128,128]);return{centersLab:h,centersRgb:f}}function tc(n,t,e,s){var K,ft,at;const r=t*e,i=(K=s.alphaThreshold)!=null?K:128,o=n;let a=0;for(let E=3;E<o.length;E+=4)o[E]>i&&a++;const l=Math.max(1,Math.floor(a/4e4)),c=[],u=[];let g=0;for(let E=0;E<r;E++){const M=E*4;if(!(o[M+3]<=i)){if(g%l===0){const F=o[M],X=o[M+1],W=o[M+2];u.push([F,X,W]),c.push(fr(F,X,W))}g++}}if(c.length===0)return{width:t,height:e,regionIds:new Int32Array(r).fill(-1),regions:[],palette:[]};const{centersLab:d,centersRgb:f}=Zl(c,u,s.k),p=d.length,m=new Int32Array(r).fill(-1);for(let E=0;E<r;E++){const M=E*4;if(o[M+3]<=i)continue;const F=fr(o[M],o[M+1],o[M+2]);let X=0,W=1/0;for(let R=0;R<p;R++){const J=pr(F,d[R]);J<W&&(W=J,X=R)}m[E]=X}const v=(ft=s.minRegionArea)!=null?ft:Math.max(16,Math.round(r*4e-4)),w=((at=s.mergeColorDist)!=null?at:14)**2,C=new Int32Array(p);for(let E=0;E<p;E++)C[E]=E;const x=E=>{let M=E;for(;C[M]!==M;)M=C[M];for(;C[E]!==M;){const F=C[E];C[E]=M,E=F}return M};for(let E=0;E<p;E++)for(let M=E+1;M<p;M++)if(pr(d[E],d[M])<w){const F=x(E),X=x(M);F!==X&&(C[F]=X)}const _=new Int32Array(p),b=new Map;let O=0;for(let E=0;E<p;E++){const M=x(E);let F=b.get(M);F===void 0&&(F=O++,b.set(M,F)),_[E]=F}const T=new Int32Array(r).fill(-1),k=new Float64Array(O),D=new Float64Array(O),A=new Float64Array(O),L=new Float64Array(O),I=new Int32Array(O).fill(t),j=new Int32Array(O).fill(e),U=new Int32Array(O).fill(-1),N=new Int32Array(O).fill(-1);for(let E=0;E<e;E++){const M=E*t;for(let F=0;F<t;F++){const X=M+F,W=m[X];if(W<0)continue;const R=_[W];T[X]=R;const J=f[W];k[R]++,D[R]+=J[0],A[R]+=J[1],L[R]+=J[2],F<I[R]&&(I[R]=F),E<j[R]&&(j[R]=E),F>U[R]&&(U[R]=F),E>N[R]&&(N[R]=E)}}const H=new Int32Array(O).fill(-1),$=[];let tt=0;for(let E=0;E<O;E++)k[E]<v||(H[E]=tt,$.push({id:tt,color:[Math.round(D[E]/k[E]),Math.round(A[E]/k[E]),Math.round(L[E]/k[E])],area:k[E],bbox:{x:I[E],y:j[E],w:U[E]-I[E]+1,h:N[E]-j[E]+1}}),tt++);for(let E=0;E<r;E++){const M=T[E];T[E]=M<0?-1:H[M]}return{width:t,height:e,regionIds:T,regions:$,palette:f}}const ec=(n,t,e,s)=>n>=0&&t>=0&&n<e&&t<s;function ne(n,t,e){const s=t|0,r=e|0;return ec(s,r,n.width,n.height)?n.regionIds[r*n.width+s]===n.targetId:!1}const Vo=[[1,0],[1,1],[0,1],[-1,1],[-1,0],[-1,-1],[0,-1],[1,-1]];function ki(n,t){if(n.length<2)return n.slice();const e=[n[0]];let s=t,r=0;for(let a=1;a<n.length;a++){const[h,l]=n[a-1],[c,u]=n[a],g=Math.hypot(c-h,u-l);if(g!==0){for(;r+g>=s;){const d=(s-r)/g;e.push([h+(c-h)*d,l+(u-l)*d]),s+=t}r+=g}}const i=n[n.length-1],o=e[e.length-1];return Math.hypot(i[0]-o[0],i[1]-o[1])>t*.4&&e.push(i),e}function He(n,t,e){const{bbox:s}=n,r=s.x+s.w/2,i=s.y+s.h/2,o=n.angle*Math.PI/180,a=Math.cos(o),h=Math.sin(o),l=-h,c=a,u=Math.ceil(Math.hypot(s.w,s.h)/2)+t,g=[];let d=0;for(let f=-u;f<=u;f+=t){const p=r+l*f,m=i+c*f,v=[];let w=!1,C=0;for(let x=-u;x<=u;x+=1){const _=ne(n,p+a*x,m+h*x);_&&!w?(w=!0,C=x):!_&&w&&(w=!1,v.push([C,x-1]))}if(w&&v.push([C,u]),v.length){const x=d%2===0?v:v.slice().reverse();for(const _ of x){let[b,O]=_;d%2!==0&&([b,O]=[O,b]);const T=Math.abs(O-b),k=Math.max(1,Math.round(T/e));for(let D=0;D<=k;D++){const A=b+(O-b)*D/k;g.push([p+a*A,m+h*A])}}}d++}return g}function Di(n,t){const{bbox:e}=n;let s=-1,r=-1;for(let u=e.y;u<e.y+e.h&&r<0;u++)for(let g=e.x;g<e.x+e.w;g++)if(t(g,u)){s=g,r=u;break}if(s<0)return[];const i=[];let o=s,a=r,h=6;const l=(e.w+e.h)*8+32;let c=0;do{i.push([o,a]);let u=!1;for(let g=0;g<8;g++){const d=(h+1+g)%8,f=o+Vo[d][0],p=a+Vo[d][1];if(t(f,p)){o=f,a=p,h=(d+4)%8,u=!0;break}}if(!u)break;c++}while((o!==s||a!==r)&&c<l);return i}function sc(n,t){if(t<=0)return(s,r)=>ne(n,s,r);const e=t*t;return(s,r)=>{for(let i=-t;i<=t;i++)for(let o=-t;o<=t;o++)if(!(o*o+i*i>e)&&!ne(n,s+o,r+i))return!1;return!0}}function rc(n,t){const e=[],s=Math.ceil(Math.min(n.bbox.w,n.bbox.h)/(2*Math.max(1,n.spacing)))+1;for(let r=0;r<s;r++){const i=r*n.spacing,o=Di(n,sc(n,i));if(o.length<3)break;e.push(...ki(o,Math.max(t,n.spacing)))}return e}function zo(n,t,e){const s=[],r=t/2;for(let i=n.bbox.y;i<n.bbox.y+n.bbox.h;i+=t)for(let o=n.bbox.x;o<n.bbox.x+n.bbox.w;o+=t)ne(n,o+r,i+r)&&(e==="cross"?s.push([o,i],[o+t,i+t],[o+t,i],[o,i+t]):s.push([o+r,i+r],[o+r+1,i+r],[o+r,i+r+1],[o+r,i+r]));return s}function ic(n,t){let e=0,s=0,r=0;for(let g=n.bbox.y;g<n.bbox.y+n.bbox.h;g+=2)for(let d=n.bbox.x;d<n.bbox.x+n.bbox.w;d+=2)ne(n,d,g)&&(e+=d,s+=g,r++);if(!r)return[];const i=e/r,o=s/r,a=Math.hypot(n.bbox.w,n.bbox.h)/2,h=Math.max(.5,n.spacing)/(2*Math.PI),l=[];let c=0,u=0;for(;u++<2e4;){const g=h*c;if(g>a)break;const d=i+g*Math.cos(c),f=o+g*Math.sin(c);ne(n,d,f)&&l.push([d,f]),c+=t/Math.max(1,h*(c/(2*Math.PI)+.5))}return l}function nc(n){var s;const t=Math.max(1,n.spacing),e=Math.max(1,(s=n.stitchLen)!=null?s:Math.max(2.5,t*.6));switch(n.stitchType){case"satin":return He(n,Math.max(1.2,t*.5),e);case"fill":case"zigzag":case"estitch":return He(n,t,e);case"meander":return He(n,Math.max(t,6),Math.max(e,4));case"tartan":{const r=He(n,t,e),i=He({...n,angle:n.angle+90},t,e);return r.concat(i)}case"running":return ki(Di(n,(r,i)=>ne(n,r,i)),Math.max(e,t));case"bean":{const r=ki(Di(n,(o,a)=>ne(n,o,a)),Math.max(e,t)),i=[];for(let o=0;o<r.length;o++)i.push(r[o]),o>0&&i.push(r[o-1],r[o]);return i}case"contour":case"circular":return rc(n,e);case"cross":return zo(n,Math.max(6,t),"cross");case"frenchKnot":return zo(n,Math.max(5,t),"knot");case"spiral":return ic(n,e);default:return He(n,t,e)}}const oc={satin:4,fill:5,running:8,bean:7,zigzag:7,estitch:9,cross:9,tartan:12,circular:6,contour:6,spiral:6,meander:9,frenchKnot:7},Uo=1e3,qo=1600;async function mr(n,t){if(n&&typeof n=="object")return n;if(typeof n!="string"||!n.trim())throw new Error("JSON 入参为空");let e=dt.forceHttpsAsset(n.trim());t&&(e+=(e.includes("?")?"&":"?")+"file_token="+encodeURIComponent(t));let s=null;for(let r=0;r<3;r++){try{const i=await fetch(e);if(i.ok)return await i.json();if(i.status<500)throw new Error(`加载 JSON 失败 HTTP ${i.status}: ${e.slice(0,80)}`);s=new Error(`加载 JSON 失败 HTTP ${i.status}: ${e.slice(0,80)}`)}catch(i){if(s=i,i instanceof Error&&/HTTP 4\d\d/.test(i.message))throw i}r<2&&await new Promise(i=>setTimeout(i,200*(r+1)))}throw s instanceof Error?s:new Error("加载 JSON 失败: "+e.slice(0,80))}function ac(n,t,e){var m,v;const s=n!=null&&n.stateMap&&typeof n.stateMap=="object"?n.stateMap:{},r=Number(n==null?void 0:n.designCanvasSize)>0?Number(n.designCanvasSize):Uo,i=Number(n==null?void 0:n.designCanvasHeight)>0?Number(n.designCanvasHeight):qo,o=String((m=e!=null?e:n==null?void 0:n.selectedSize)!=null?m:"").trim(),a=w=>{const C=String(w!=null?w:"").trim().toLowerCase();return C==="default"||C==="all"||C==="common"?"":C},h=a(o),c=(Array.isArray(n==null?void 0:n.data)?n.data:[]).filter(w=>(w==null?void 0:w.type)===t),u=c.filter(w=>{var x;const C=a(String((x=w==null?void 0:w.size)!=null?x:""));return!h||C===h||C===""}),g=u[u.length-1]||c[c.length-1]||null,d=g&&typeof g.jsonURL=="object"?g.jsonURL:null,f=Array.isArray(g==null?void 0:g.resources)?g.resources:[],p=[];for(const w of Object.keys(s)){let C="";if(w.includes("::")){const[k,D]=w.split("::"),A=a(D!=null?D:"");if(h&&A!==""&&A!==h)continue;C=k}else C=w;const x=s[w];if(!x||typeof x!="object")continue;const _=Number(x.designCanvasSize)>0?Number(x.designCanvasSize):r,b=Number(x.designCanvasHeight)>0?Number(x.designCanvasHeight):i,O=f.filter(k=>{var D;return String((D=k==null?void 0:k.groupId)!=null?D:"")===String(C)}),T=((v=O.find(k=>k==null?void 0:k.groupName))==null?void 0:v.groupName)||"";p.push({groupId:String(C),name:T,state:x,savedCanvasW:_,savedCanvasH:b,resources:O,guideline:d})}return p}function hc(n,t){return!n||!t?n:bi(n,t)}function Ei(n){return new Promise((t,e)=>{const s=new Image;s.crossOrigin="anonymous",s.onload=()=>t(s),s.onerror=()=>e(new Error("图片加载失败: "+n.slice(0,80))),s.src=dt.forceHttpsAsset(n)})}async function yr(n,t){if(n&&/^https?:/i.test(n)){try{const e=await $o(n,{mode:"cors"});if(e.ok)return await Ei(URL.createObjectURL(await e.blob()))}catch{}return await Ei(hc(n,t))}return await Ei(n)}function Pi(n,t="image/png",e){return new Promise((s,r)=>{n.toBlob(i=>i?s(i):r(new Error("canvas.toBlob 返回空")),t,e)})}async function lc(n,t){var s,r,i,o,a,h,l,c,u,g;const e=(r=(s=n.getObjects)==null?void 0:s.call(n))!=null?r:[];for(const d of e){if(!((i=d==null?void 0:d.customData)!=null&&i.isPatternRect))continue;const f=d.customData.patternSource||d.customData.savedSrc;if(!(!f||typeof f!="string"))try{const p=await yr(f,t),m=(o=d.customData.patternScale)!=null?o:100,v=Math.max(.01,wl(m)/100),w=Sl(p),{tw:C,th:x}=Cl(d.customData,w,{patternTileWidth:d.patternTileWidth,patternTileHeight:d.patternTileHeight});typeof d.setPatternElement=="function"?d.setPatternElement(p):d.patternElement=p,d.patternTileWidth=C,d.patternTileHeight=x,d.patternScale=v;const _=vi(d);d.patternGapX=_.x,d.patternGapY=_.y,d.customData={...d.customData||{},patternTileWidth:C,patternTileHeight:x,patternGapX:_.x,patternGapY:_.y};const b=typeof((a=d.customData)==null?void 0:a.patternPhaseX)=="number"?d.customData.patternPhaseX:typeof((h=d.fill)==null?void 0:h.offsetX)=="number"?((l=d.left)!=null?l:0)+d.fill.offsetX:d.patternPhaseX||0,O=typeof((c=d.customData)==null?void 0:c.patternPhaseY)=="number"?d.customData.patternPhaseY:typeof((u=d.fill)==null?void 0:u.offsetY)=="number"?((g=d.top)!=null?g:0)+d.fill.offsetY:d.patternPhaseY||0;typeof d.setPatternPhase=="function"?d.setPatternPhase(b,O):(d.patternPhaseX=b,d.patternPhaseY=O),d.objectCaching=!1,d.dirty=!0}catch(p){console.warn("[productionRender] rebuildPattern 失败",p)}}}async function Ko(n,t){var v;(v=n.renderAll)==null||v.call(n);const e=n.getWidth?n.getWidth():1,s=n.getHeight?n.getHeight():1,r=n.getElement?n.getElement():n.lowerCanvasEl;if(!r)throw new Error("无法取得 Fabric 画布元素");const i=await Pi(r),o=await createImageBitmap(i),a=o.width/e,h=o.height/s,l=Math.max(0,Math.floor(t.left*a)),c=Math.max(0,Math.floor(t.top*h)),u=Math.max(1,Math.min(o.width-l,Math.ceil(t.width*a))),g=Math.max(1,Math.min(o.height-c,Math.ceil(t.height*h))),d=Math.max(1,Math.round(t.width)),f=Math.max(1,Math.round(t.height)),p=document.createElement("canvas");p.width=d,p.height=f;const m=p.getContext("2d");return m?(m.imageSmoothingEnabled=!0,m.imageSmoothingQuality="high",m.drawImage(o,l,c,u,g,0,0,d,f),o.close(),Pi(p)):(o.close(),i)}async function Jo(n,t){const e=Math.max(1,Math.round(n.savedCanvasW)),s=Math.max(1,Math.round(n.savedCanvasH)),r=document.createElement("canvas");r.width=e,r.height=s;const i=new hi(r,{width:e,height:s,preserveObjectStacking:!0,enableRetinaScaling:!1,renderOnAddRemove:!1}),o=JSON.parse(JSON.stringify(n.state)),a=Array.isArray(o.objects)?o.objects:[];let h=0,l=0,c=0;for(const g of a)if(String(g==null?void 0:g.type).toLowerCase()==="image"&&typeof g.src=="string"&&/^https?:/i.test(g.src)){h++;try{const d=await $o(g.src,{mode:"cors"});d.ok?(g.src=URL.createObjectURL(await d.blob()),l++):(c++,console.warn(`[productionRender] 设计图 fetch !ok status=${d.status} ${String(g.src).slice(0,80)}`))}catch(d){c++,console.warn(`[productionRender] 设计图 fetch 异常 ${String(g.src).slice(0,80)}`,d)}}await i.loadFromJSON(o,(g,d)=>{var f;String(d==null?void 0:d.type).toLowerCase()==="image"&&((f=d.set)==null||f.call(d,{crossOrigin:"anonymous"}))}),console.log(`[productionRender] loadFromJSON done piece=${n.groupId} jsonObjs=${a.length} httpImg(total/ok/fail)=${h}/${l}/${c} loadedObjs=${i.getObjects().length} loadedTypes=${JSON.stringify(i.getObjects().map(g=>g.type))}`),await lc(i,t);const u=Ql(a);return await Jl(u),console.log(`[productionRender] fonts ready piece=${n.groupId} families=${JSON.stringify(u)}`),i.renderAll(),{canvas:i,W:e,H:s}}async function cc(n,t,e=!1){var o;const{canvas:s,W:r,H:i}=await Jo(n,t);try{const a=(n.resources||[]).find(c=>(c==null?void 0:c.type)==="MASK");if(console.log(`[productionRender] piece=${n.groupId} name=${n.name} canvas=${r}x${i} objects=${s.getObjects().length} mask=${a!=null&&a.url?"Y":"N"} restoreOnly=${e}`),e){const c=await No(s,{useIdentityViewport:!0,transparentBackground:!0});return c!=null?c:await Ko(s,{left:0,top:0,width:r,height:i})}const h=(n.resources||[]).find(c=>(c==null?void 0:c.type)==="MASK");let l={left:0,top:0,width:r,height:i};if(h!=null&&h.url){const c=Number(h.width)||1e3,u=Number(h.height)||1e3,g=Math.min(r/c,i/u),d=c*g,f=u*g,p=(r-d)/2,m=(i-f)/2,v=await yr(h.url,t),w=new Ft(v,{left:p+d/2,top:m+f/2,originX:"center",originY:"center",scaleX:d/c,scaleY:f/u,selectable:!1,evented:!1,globalCompositeOperation:"destination-in"});s.add(w),s.renderAll(),l={left:p,top:m,width:d,height:f}}return await Ko(s,l)}finally{try{(o=s.dispose)==null||o.call(s)}catch{}}}async function uc(n,t,e=!1){const s=[];for(const r of n)try{const i=await cc(r,t,e);i&&s.push({id:r.groupId,name:r.name,blob:i})}catch(i){console.warn("[productionRender] 分片渲染失败",r.groupId,r.name,i)}return s}function Qo(n,t,e){var h;const s=Array.isArray(n==null?void 0:n.data)?n.data:[],r=String((h=e!=null?e:n==null?void 0:n.selectedSize)!=null?h:"").trim().toLowerCase(),i=l=>{var c;return String((c=l==null?void 0:l.size)!=null?c:"").trim().toLowerCase()},o=s.filter(l=>(l==null?void 0:l.type)===t),a=o.filter(l=>!r||i(l)===r);return a[a.length-1]||o.find(l=>i(l)==="default")||o[o.length-1]||null}function gc(n,t){var d,f,p;const e=n!=null&&n.stateMap&&typeof n.stateMap=="object"?n.stateMap:{},s=Number(n==null?void 0:n.designCanvasSize)>0?Number(n.designCanvasSize):Uo,r=Number(n==null?void 0:n.designCanvasHeight)>0?Number(n.designCanvasHeight):qo,i=String((d=t!=null?t:n==null?void 0:n.selectedSize)!=null?d:"").trim(),o=Qo(n,"COMPLETE",i),a=String((p=(f=(Array.isArray(o==null?void 0:o.resources)?o.resources:[]).find(m=>(m==null?void 0:m.type)==="MASK"))==null?void 0:f.groupId)!=null?p:""),h=Object.keys(e);let l=a&&h.find(m=>m===`${a}::${i}`)||a&&h.find(m=>m===`${a}::`)||a&&h.find(m=>m===a)||a&&h.find(m=>m.startsWith(`${a}::`))||i&&h.find(m=>m.endsWith(`::${i}`))||h[0];if(!l)return null;const c=e[l];if(!c||typeof c!="object")return null;const u=Number(c.designCanvasSize)>0?Number(c.designCanvasSize):s,g=Number(c.designCanvasHeight)>0?Number(c.designCanvasHeight):r;return{groupId:a||l,name:"complete",state:c,savedCanvasW:u,savedCanvasH:g,resources:[]}}function dc(n,t,e,s,r,i){const o=Math.max(0,Math.min(n,e)),a=Math.max(0,Math.min(t,s)),h=Math.max(0,Math.min(n,e+r)),l=Math.max(0,Math.min(t,s+i)),c=Math.max(0,Math.floor(h-o)),u=Math.max(0,Math.floor(l-a));return{sx:o,sy:a,sw:c,sh:u,dx:Math.round(o-e),dy:Math.round(a-s)}}async function fc(n,t,e,s,r,i,o){var v;const a=Nl(r,i);if(!((v=a==null?void 0:a.slicesByGroupId)!=null&&v.size))return console.warn("[productionRender] COMPLETE: 无 SPLIT slices 配置，无法裁切"),[];const h=Qo(r,"SPLIT",i),l=h&&typeof h.jsonURL=="object"?h.jsonURL:await mr(h==null?void 0:h.jsonURL,o),c=Array.isArray(l==null?void 0:l.layerList)?l.layerList:[],u=Yl(c),{psdW:g,psdH:d}=$l(c,l),f=n.width/Math.max(1,t.width),p=n.height/Math.max(1,t.height);if(console.log(`[productionRender] COMPLETE children=${u.length} slices=${a.slicesByGroupId.size} psd=${g}x${d} canvas=${e}x${s} ext=[${Math.round(t.minL)},${Math.round(t.minT)} ${Math.round(t.width)}x${Math.round(t.height)}] base=${n.width}x${n.height}`,u.map(w=>`${w.id}/${w.name}`)),!u.length)return[];const m=[];for(const w of u){const C=a.slicesByGroupId.get(String(w.id));if(!(C!=null&&C.maskUrl))continue;const x=Wl(w.bounds,g,d,e,s),_=Math.round((x.left-t.minL)*f),b=Math.round((x.top-t.minT)*p),O=Math.max(1,Math.round(x.width*f)),T=Math.max(1,Math.round(x.height*p)),k=document.createElement("canvas");k.width=O,k.height=T;const D=k.getContext("2d");if(!D)continue;D.imageSmoothingEnabled=!0,D.imageSmoothingQuality="high";const A=dc(n.width,n.height,_,b,O,T);A.sw>0&&A.sh>0&&D.drawImage(n,A.sx,A.sy,A.sw,A.sh,A.dx,A.dy,A.sw,A.sh);try{const L=await yr(C.maskUrl,o),I=L.naturalWidth||L.width,j=L.naturalHeight||L.height;D.globalCompositeOperation="destination-in",D.drawImage(L,0,0,I,j,0,0,O,T),D.globalCompositeOperation="source-over"}catch(L){console.warn("[productionRender] COMPLETE mask 加载失败",w.id,w.name,L)}m.push({id:String(w.id),name:w.name,blob:await Pi(k)})}return m}async function Zo(n){var u,g,d,f,p,m,v,w,C;n.fileToken&&Lo(n.fileToken);const t=await mr(n.fabricJson,n.fileToken),e=await mr(n.productJson,n.fileToken),s=(t==null?void 0:t.selectedMode)==="SPLIT"?"SPLIT":"COMPLETE",r=n.fabricDirect===!0,i=n.imageFormat==="jpeg"?"jpeg":"png",o=String((u=n.size)!=null?u:"").trim(),a=!o||/^(default|all|common)$/i.test(o)?String((g=t==null?void 0:t.selectedSize)!=null?g:"").trim():o;let h=[];if(s==="COMPLETE"){const x=gc(t,a);if(!x)throw new Error(`COMPLETE：未解析到尺码「${a||(t==null?void 0:t.selectedSize)||""}」的整稿设计`);console.log(`[productionRender] mode=COMPLETE size=${a} (raw=${o}) baseGid=${x.groupId} base=${x.savedCanvasW}x${x.savedCanvasH} objs=${(p=(f=(d=x.state)==null?void 0:d.objects)==null?void 0:f.length)!=null?p:0} restoreOnly=${r}`);const{canvas:_,W:b,H:O}=await Jo(x,n.fileToken);try{const T=Yo(_),k=await No(_,{useIdentityViewport:!0,transparentBackground:!0});if(!k)throw new Error("COMPLETE：整稿 base 渲染失败");if(r)return k;const D=await createImageBitmap(k);try{h=await fc(D,T,b,O,t,a,n.fileToken)}finally{(m=D.close)==null||m.call(D)}}finally{(v=_.dispose)==null||v.call(_)}}else{const x=ac(t,s,a);if(console.log(`[productionRender] mode=${s} size=${a} (raw=${o}) tasks=${x.length} restoreOnly=${r}`,x.map(_=>{var b,O,T;return`${_.groupId}/${_.name}/${_.savedCanvasW}x${_.savedCanvasH}/objs=${(T=(O=(b=_.state)==null?void 0:b.objects)==null?void 0:O.length)!=null?T:0}/res=${_.resources.length}`})),!x.length)throw new Error(`未解析到尺码「${a||(t==null?void 0:t.selectedSize)||""}」的分片设计（检查 size 与 stateMap 键）`);h=await uc(x,n.fileToken,r)}console.log(`[productionRender] bitmaps=${h.length}`,h.map(x=>`${x.id}/${x.name}/${Math.round(x.blob.size/1024)}KB`));const l=String((C=(w=t==null?void 0:t.typeModel)!=null?w:t==null?void 0:t.specialMode)!=null?C:"").trim()||void 0,c=await cl(h,e,i,l);return console.log(`[productionRender] compose drawn=[${c.drawn.join(",")}] skipped=[${c.skipped.join(",")}] out=${c.canvasWidth}x${c.canvasHeight}`),c.blob}async function ta(n){n.fileToken&&Lo(n.fileToken);const t=await mr(n.fabricJson,n.fileToken),e=t==null?void 0:t.embroidery;if(!e||typeof e.sourceSrc!="string"||!e.sourceSrc)throw new Error("刺绣针迹：fabricJson 缺少 embroidery 数据（typeModel 应为 embroidery）");const s=Math.max(2,Number(e.colorCount)||12),r=Number(e.mergeColorDist)||14,i=Math.max(64,Number(e.maxWorkSize)||800),o=await yr(e.sourceSrc,n.fileToken),a=o.naturalWidth||o.width||1,h=o.naturalHeight||o.height||1,l=Math.min(1,i/Math.max(a,h)),c=Math.max(1,Math.round(a*l)),u=Math.max(1,Math.round(h*l)),g=document.createElement("canvas");g.width=c,g.height=u;const d=g.getContext("2d",{willReadFrequently:!0});if(!d)throw new Error("刺绣针迹：无法创建画布上下文");d.clearRect(0,0,c,u),d.drawImage(o,0,0,a,h,0,0,c,u);const f=d.getImageData(0,0,c,u).data,p=tc(f,c,u,{k:s,mergeColorDist:r});console.log(`[embroideryStitches] quantize w=${c} h=${u} k=${s} regions=${p.regions.length}`);const v=(Array.isArray(e.groups)?e.groups:[]).map(C=>{var x,_,b;return{g:C,lab:fr(((x=C.color)==null?void 0:x[0])|0,((_=C.color)==null?void 0:_[1])|0,((b=C.color)==null?void 0:b[2])|0)}}),w=[];for(const C of p.regions){const x=fr(C.color[0],C.color[1],C.color[2]);let _=null,b=1/0;for(const A of v){const L=(A.lab[0]-x[0])**2+(A.lab[1]-x[1])**2+(A.lab[2]-x[2])**2;L<b&&(b=L,_=A.g)}const O=(_==null?void 0:_.stitch)||"satin",T=Number(_==null?void 0:_.spacing)||oc[O]||5,k=Number.isFinite(Number(_==null?void 0:_.angle))?Number(_==null?void 0:_.angle):45,D=nc({regionIds:p.regionIds,width:c,height:u,targetId:C.id,bbox:C.bbox,stitchType:O,spacing:T,angle:k});D.length&&w.push({color:C.color,stitchType:O,spacing:T,angle:k,stitches:D})}return console.log(`[embroideryStitches] colors=${w.length} totalStitches=${w.reduce((C,x)=>C+x.stitches.length,0)}`),{width:c,height:u,sourceSrc:e.sourceSrc,colorCount:s,mergeColorDist:r,colors:w}}return typeof window!="undefined"&&(window.generateProductionImage=Zo,window.generateEmbroideryStitches=ta,window.__JETPRINT_HEADLESS_VERSION__="1.2.16"),Lt.generateEmbroideryStitches=ta,Lt.generateProductionImage=Zo,Object.defineProperty(Lt,Symbol.toStringTag,{value:"Module"}),Lt})({});