diff --git a/phomeme/static/favicon.ico b/phomeme/static/favicon.ico
new file mode 100644
index 0000000..57614f9
Binary files /dev/null and b/phomeme/static/favicon.ico differ
diff --git a/phomeme/static/index.html b/phomeme/static/index.html
new file mode 100644
index 0000000..c77a1fe
--- /dev/null
+++ b/phomeme/static/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+ Phomemer
+
+
+
+
+
+
+
+
diff --git a/phomeme/static/main-3563ZZRY.js b/phomeme/static/main-3563ZZRY.js
new file mode 100644
index 0000000..39fa820
--- /dev/null
+++ b/phomeme/static/main-3563ZZRY.js
@@ -0,0 +1,461 @@
+var G_=Object.create;var sc=Object.defineProperty,q_=Object.defineProperties,Y_=Object.getOwnPropertyDescriptor,X_=Object.getOwnPropertyDescriptors,K_=Object.getOwnPropertyNames,wo=Object.getOwnPropertySymbols,Q_=Object.getPrototypeOf,oc=Object.prototype.hasOwnProperty,Qf=Object.prototype.propertyIsEnumerable;var Kf=(n,e,t)=>e in n?sc(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,ee=(n,e)=>{for(var t in e||={})oc.call(e,t)&&Kf(n,t,e[t]);if(wo)for(var t of wo(e))Qf.call(e,t)&&Kf(n,t,e[t]);return n},Be=(n,e)=>q_(n,X_(e));var ac=(n,e)=>{var t={};for(var i in n)oc.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(n!=null&&wo)for(var i of wo(n))e.indexOf(i)<0&&Qf.call(n,i)&&(t[i]=n[i]);return t};var bo=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports);var Z_=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of K_(e))!oc.call(n,r)&&r!==t&&sc(n,r,{get:()=>e[r],enumerable:!(i=Y_(e,r))||i.enumerable});return n};var J_=(n,e,t)=>(t=n!=null?G_(Q_(n)):{},Z_(e||!n||!n.__esModule?sc(t,"default",{value:n,enumerable:!0}):t,n));var So=(n,e,t)=>new Promise((i,r)=>{var s=c=>{try{a(t.next(c))}catch(l){r(l)}},o=c=>{try{a(t.throw(c))}catch(l){r(l)}},a=c=>c.done?i(c.value):Promise.resolve(c.value).then(s,o);a((t=t.apply(n,e)).next())});var n0=bo(()=>{"use strict"});var i0=bo(()=>{"use strict"});var r0=bo(()=>{"use strict"});var o0=bo(j=>{"use strict";var p=p||{version:"5.1.0"};typeof j<"u"?j.fabric=p:typeof define=="function"&&define.amd&&define([],function(){return p});typeof document<"u"&&typeof window<"u"?(document instanceof(typeof HTMLDocument<"u"?HTMLDocument:Document)?p.document=document:p.document=document.implementation.createHTMLDocument(""),p.window=window):(s0=n0(),Wh=new s0.JSDOM(decodeURIComponent("%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3C%2Fhead%3E%3Cbody%3E%3C%2Fbody%3E%3C%2Fhtml%3E"),{features:{FetchExternalResources:["img"]},resources:"usable"}).window,p.document=Wh.document,p.jsdomImplForWrapper=i0().implForWrapper,p.nodeCanvas=r0().Canvas,p.window=Wh,DOMParser=p.window.DOMParser);var s0,Wh;p.isTouchSupported="ontouchstart"in p.window||"ontouchstart"in p.document||p.window&&p.window.navigator&&p.window.navigator.maxTouchPoints>0;p.isLikelyNode=typeof Buffer<"u"&&typeof window>"u";p.SHARED_ATTRIBUTES=["display","transform","fill","fill-opacity","fill-rule","opacity","stroke","stroke-dasharray","stroke-linecap","stroke-dashoffset","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","id","paint-order","vector-effect","instantiated_by_use","clip-path"];p.DPI=96;p.reNum="(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)";p.commaWsp="(?:\\s+,?\\s*|,\\s*)";p.rePathCommand=/([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/ig;p.reNonWord=/[ \n\.,;!\?\-]/;p.fontPaths={};p.iMatrix=[1,0,0,1,0,0];p.svgNS="http://www.w3.org/2000/svg";p.perfLimitSizeTotal=2097152;p.maxCacheSideLimit=4096;p.minCacheSideLimit=256;p.charWidthsCache={};p.textureSize=2048;p.disableStyleCopyPaste=!1;p.enableGLFiltering=!0;p.devicePixelRatio=p.window.devicePixelRatio||p.window.webkitDevicePixelRatio||p.window.mozDevicePixelRatio||1;p.browserShadowBlurConstant=1;p.arcToSegmentsCache={};p.boundsOfCurveCache={};p.cachesBoundsOfCurve=!0;p.forceGLPutImageData=!1;p.initFilterBackend=function(){if(p.enableGLFiltering&&p.isWebglSupported&&p.isWebglSupported(p.textureSize))return console.log("max texture size: "+p.maxTextureSize),new p.WebglFilterBackend({tileSize:p.textureSize});if(p.Canvas2dFilterBackend)return new p.Canvas2dFilterBackend};typeof document<"u"&&typeof window<"u"&&(window.fabric=p);(function(){function n(o,a){if(this.__eventListeners[o]){var c=this.__eventListeners[o];a?c[c.indexOf(a)]=!1:p.util.array.fill(c,!1)}}function e(o,a){if(this.__eventListeners||(this.__eventListeners={}),arguments.length===1)for(var c in o)this.on(c,o[c]);else this.__eventListeners[o]||(this.__eventListeners[o]=[]),this.__eventListeners[o].push(a);return this}function t(o,a){var c=(function(){a.apply(this,arguments),this.off(o,c)}).bind(this);this.on(o,c)}function i(o,a){if(arguments.length===1)for(var c in o)t.call(this,c,o[c]);else t.call(this,o,a);return this}function r(o,a){if(!this.__eventListeners)return this;if(arguments.length===0)for(o in this.__eventListeners)n.call(this,o);else if(arguments.length===1&&typeof arguments[0]=="object")for(var c in o)n.call(this,c,o[c]);else n.call(this,o,a);return this}function s(o,a){if(!this.__eventListeners)return this;var c=this.__eventListeners[o];if(!c)return this;for(var l=0,u=c.length;l"u"?this._objects.concat():this._objects.filter(function(e){return e.type===n})},item:function(n){return this._objects[n]},isEmpty:function(){return this._objects.length===0},size:function(){return this._objects.length},contains:function(n,e){return this._objects.indexOf(n)>-1?!0:e?this._objects.some(function(t){return typeof t.contains=="function"&&t.contains(n,!0)}):!1},complexity:function(){return this._objects.reduce(function(n,e){return n+=e.complexity?e.complexity():0,n},0)}};p.CommonMethods={_setOptions:function(n){for(var e in n)this.set(e,n[e])},_initGradient:function(n,e){n&&n.colorStops&&!(n instanceof p.Gradient)&&this.set(e,new p.Gradient(n))},_initPattern:function(n,e,t){n&&n.source&&!(n instanceof p.Pattern)?this.set(e,new p.Pattern(n,t)):t&&t()},_setObject:function(n){for(var e in n)this._set(e,n[e])},set:function(n,e){return typeof n=="object"?this._setObject(n):this._set(n,e),this},_set:function(n,e){this[n]=e},toggle:function(n){var e=this.get(n);return typeof e=="boolean"&&this.set(n,!e),this},get:function(n){return this[n]}};(function(n){var e=Math.sqrt,t=Math.atan2,i=Math.pow,r=Math.PI/180,s=Math.PI/2;p.util={cos:function(o){if(o===0)return 1;o<0&&(o=-o);var a=o/s;switch(a){case 1:case 3:return 0;case 2:return-1}return Math.cos(o)},sin:function(o){if(o===0)return 0;var a=o/s,c=1;switch(o<0&&(c=-1),a){case 1:return c;case 2:return 0;case 3:return-c}return Math.sin(o)},removeFromArray:function(o,a){var c=o.indexOf(a);return c!==-1&&o.splice(c,1),o},getRandomInt:function(o,a){return Math.floor(Math.random()*(a-o+1))+o},degreesToRadians:function(o){return o*r},radiansToDegrees:function(o){return o/r},rotatePoint:function(o,a,c){var l=new p.Point(o.x-a.x,o.y-a.y),u=p.util.rotateVector(l,c);return new p.Point(u.x,u.y).addEquals(a)},rotateVector:function(o,a){var c=p.util.sin(a),l=p.util.cos(a),u=o.x*l-o.y*c,d=o.x*c+o.y*l;return{x:u,y:d}},createVector:function(o,a){return new p.Point(a.x-o.x,a.y-o.y)},calcAngleBetweenVectors:function(o,a){return Math.acos((o.x*a.x+o.y*a.y)/(Math.hypot(o.x,o.y)*Math.hypot(a.x,a.y)))},getHatVector:function(o){return new p.Point(o.x,o.y).multiply(1/Math.hypot(o.x,o.y))},getBisector:function(o,a,c){var l=p.util.createVector(o,a),u=p.util.createVector(o,c),d=p.util.calcAngleBetweenVectors(l,u),h=p.util.calcAngleBetweenVectors(p.util.rotateVector(l,d),u),f=d*(h===0?1:-1)/2;return{vector:p.util.getHatVector(p.util.rotateVector(l,f)),angle:d}},projectStrokeOnPoints:function(o,a,c){var l=[],u=a.strokeWidth/2,d=a.strokeUniform?new p.Point(1/a.scaleX,1/a.scaleY):new p.Point(1,1),h=function(f){var g=u/Math.hypot(f.x,f.y);return new p.Point(f.x*g*d.x,f.y*g*d.y)};return o.length<=1||o.forEach(function(f,g){var m=new p.Point(f.x,f.y),v,C;g===0?(C=o[g+1],v=c?h(p.util.createVector(C,m)).addEquals(m):o[o.length-1]):g===o.length-1?(v=o[g-1],C=c?h(p.util.createVector(v,m)).addEquals(m):o[0]):(v=o[g-1],C=o[g+1]);var x=p.util.getBisector(m,v,C),R=x.vector,N=x.angle,q,X;if(a.strokeLineJoin==="miter"&&(q=-u/Math.sin(N/2),X=new p.Point(R.x*q*d.x,R.y*q*d.y),Math.hypot(X.x,X.y)/u<=a.strokeMiterLimit)){l.push(m.add(X)),l.push(m.subtract(X));return}q=-u*Math.SQRT2,X=new p.Point(R.x*q*d.x,R.y*q*d.y),l.push(m.add(X)),l.push(m.subtract(X))}),l},transformPoint:function(o,a,c){return c?new p.Point(a[0]*o.x+a[2]*o.y,a[1]*o.x+a[3]*o.y):new p.Point(a[0]*o.x+a[2]*o.y+a[4],a[1]*o.x+a[3]*o.y+a[5])},makeBoundingBoxFromPoints:function(o,a){if(a)for(var c=0;c"u"?1:o.scaleX,c=typeof o.scaleY>"u"?1:o.scaleY,l=[o.flipX?-a:a,0,0,o.flipY?-c:c,0,0],u=p.util.multiplyTransformMatrices,d=p.util.degreesToRadians;return o.skewX&&(l=u(l,[1,0,Math.tan(d(o.skewX)),1],!0)),o.skewY&&(l=u(l,[1,Math.tan(d(o.skewY)),0,1],!0)),l},composeMatrix:function(o){var a=[1,0,0,1,o.translateX||0,o.translateY||0],c=p.util.multiplyTransformMatrices;return o.angle&&(a=c(a,p.util.calcRotateMatrix(o))),(o.scaleX!==1||o.scaleY!==1||o.skewX||o.skewY||o.flipX||o.flipY)&&(a=c(a,p.util.calcDimensionsMatrix(o))),a},resetObjectTransform:function(o){o.scaleX=1,o.scaleY=1,o.skewX=0,o.skewY=0,o.flipX=!1,o.flipY=!1,o.rotate(0)},saveObjectTransform:function(o){return{scaleX:o.scaleX,scaleY:o.scaleY,skewX:o.skewX,skewY:o.skewY,angle:o.angle,left:o.left,flipX:o.flipX,flipY:o.flipY,top:o.top}},isTransparent:function(o,a,c,l){l>0&&(a>l?a-=l:a=0,c>l?c-=l:c=0);var u=!0,d,h,f=o.getImageData(a,c,l*2||1,l*2||1),g=f.data.length;for(d=3;d0?ot-=2*D:w===1&&ot<0&&(ot+=2*D);for(var Ze=Math.ceil(Math.abs(ot/D*2)),Ut=[],mt=ot/Ze,Si=8/3*Math.sin(mt/4)*Math.sin(mt/4)/Math.sin(mt/2),fs=We+mt,Rn=0;Rn=T?w-T:2*Math.PI-(T-w)}function o(_,S,E,b,T,w,y,D){var M;if(p.cachesBoundsOfCurve&&(M=n.call(arguments),p.boundsOfCurveCache[M]))return p.boundsOfCurveCache[M];var V=Math.sqrt,F=Math.min,z=Math.max,H=Math.abs,re=[],L=[[],[]],O,U,B,k,$,se,Ee,ge;U=6*_-12*E+6*T,O=-3*_+9*E-9*T+3*y,B=3*E-3*_;for(var W=0;W<2;++W){if(W>0&&(U=6*S-12*b+6*w,O=-3*S+9*b-9*w+3*D,B=3*b-3*S),H(O)<1e-12){if(H(U)<1e-12)continue;k=-B/U,01e-4;)y=T(E),F=E,D=l(w.x,w.y,y.x,y.y),D+b>S?(E-=M,M/=2):(w=y,E+=M,b+=D);return y.angle=V(F),y}function G(_){for(var S=0,E=_.length,b,T=0,w=0,y=0,D=0,M=[],V,F,z,H=0;H0&&bEe)for(var W=1,me=O.length;W2;for(S=S||0,V&&(D=_[2].x_[b-2].x?1:T.x===_[b-2].x?0:-1,M=T.y>_[b-2].y?1:T.y===_[b-2].y?0:-1),E.push(["L",T.x+D*S,T.y+M*S]),E}function de(_,S,E){return E&&(S=p.util.multiplyTransformMatrices(S,[1,0,0,1,-E.x,-E.y])),_.map(function(b){for(var T=b.slice(0),w={},y=1;y=l})}function i(o,a){return s(o,a,function(c,l){return c/g,">")}function i(s){var o=0,a,c=[];for(o=0,a;o57343)return s.charAt(o);if(55296<=a&&a<=56319){if(s.length<=o+1)throw"High surrogate without following low surrogate";var c=s.charCodeAt(o+1);if(56320>c||c>57343)throw"High surrogate without following low surrogate";return s.charAt(o)+s.charAt(o+1)}if(o===0)throw"Low surrogate without preceding high surrogate";var l=s.charCodeAt(o-1);if(55296>l||l>56319)throw"Low surrogate without preceding high surrogate";return!1}p.util.string={camelize:n,capitalize:e,escapeXml:t,graphemeSplit:i}})();(function(){var n=Array.prototype.slice,e=function(){},t=function(){for(var a in{toString:1})if(a==="toString")return!1;return!0}(),i=function(a,c,l){for(var u in c)u in a.prototype&&typeof a.prototype[u]=="function"&&(c[u]+"").indexOf("callSuper")>-1?a.prototype[u]=function(d){return function(){var h=this.constructor.superclass;this.constructor.superclass=l;var f=c[d].apply(this,arguments);if(this.constructor.superclass=h,d!=="initialize")return f}}(u):a.prototype[u]=c[u],t&&(c.toString!==Object.prototype.toString&&(a.prototype.toString=c.toString),c.valueOf!==Object.prototype.valueOf&&(a.prototype.valueOf=c.valueOf))};function r(){}function s(a){for(var c=null,l=this;l.constructor.superclass;){var u=l.constructor.superclass.prototype[a];if(l[a]!==u){c=u;break}l=l.constructor.superclass.prototype}return c?arguments.length>1?c.apply(this,n.call(arguments,1)):c.call(this):console.log("tried to callSuper "+a+", method not found in prototype chain",this)}function o(){var a=null,c=n.call(arguments,0);typeof c[0]=="function"&&(a=c.shift());function l(){this.initialize.apply(this,arguments)}l.superclass=a,l.subclasses=[],a&&(r.prototype=a.prototype,l.prototype=new r,a.subclasses.push(l));for(var u=0,d=c.length;u-1||i.pointerType==="touch"}})();(function(){function n(o,a){var c=o.style;if(!c)return o;if(typeof a=="string")return o.style.cssText+=";"+a,a.indexOf("opacity")>-1?s(o,a.match(/opacity:\s*(\d?\.?\d*)/)[1]):o;for(var l in a)if(l==="opacity")s(o,a[l]);else{var u=l==="float"||l==="cssFloat"?typeof c.styleFloat>"u"?"cssFloat":"styleFloat":l;c[u]=a[l]}return o}var e=p.document.createElement("div"),t=typeof e.style.opacity=="string",i=typeof e.style.filter=="string",r=/alpha\s*\(\s*opacity\s*=\s*([^\)]+)\)/,s=function(o){return o};t?s=function(o,a){return o.style.opacity=a,o}:i&&(s=function(o,a){var c=o.style;return o.currentStyle&&!o.currentStyle.hasLayout&&(c.zoom=1),r.test(c.filter)?(a=a>=.9999?"":"alpha(opacity="+a*100+")",c.filter=c.filter.replace(r,a)):c.filter+=" alpha(opacity="+a*100+")",o}),p.util.setStyle=n})();(function(){var n=Array.prototype.slice;function e(f){return typeof f=="string"?p.document.getElementById(f):f}var t,i=function(f){return n.call(f,0)};try{t=i(p.document.childNodes)instanceof Array}catch{}t||(i=function(f){for(var g=new Array(f.length),m=f.length;m--;)g[m]=f[m];return g});function r(f,g){var m=p.document.createElement(f);for(var v in g)v==="class"?m.className=g[v]:v==="for"?m.htmlFor=g[v]:m.setAttribute(v,g[v]);return m}function s(f,g){f&&(" "+f.className+" ").indexOf(" "+g+" ")===-1&&(f.className+=(f.className?" ":"")+g)}function o(f,g,m){return typeof g=="string"&&(g=r(g,m)),f.parentNode&&f.parentNode.replaceChild(g,f),g.appendChild(f),g}function a(f){for(var g=0,m=0,v=p.document.documentElement,C=p.document.body||{scrollLeft:0,scrollTop:0};f&&(f.parentNode||f.host)&&(f=f.parentNode||f.host,f===p.document?(g=C.scrollLeft||v.scrollLeft||0,m=C.scrollTop||v.scrollTop||0):(g+=f.scrollLeft||0,m+=f.scrollTop||0),!(f.nodeType===1&&f.style.position==="fixed")););return{left:g,top:m}}function c(f){var g,m=f&&f.ownerDocument,v={left:0,top:0},C={left:0,top:0},x,R={borderLeftWidth:"left",borderTopWidth:"top",paddingLeft:"left",paddingTop:"top"};if(!m)return C;for(var N in R)C[R[N]]+=parseInt(l(f,N),10)||0;return g=m.documentElement,typeof f.getBoundingClientRect<"u"&&(v=f.getBoundingClientRect()),x=a(f),{left:v.left+x.left-(g.clientLeft||0)+C.left,top:v.top+x.top-(g.clientTop||0)+C.top}}var l;p.document.defaultView&&p.document.defaultView.getComputedStyle?l=function(f,g){var m=p.document.defaultView.getComputedStyle(f,null);return m?m[g]:void 0}:l=function(f,g){var m=f.style[g];return!m&&f.currentStyle&&(m=f.currentStyle[g]),m},function(){var f=p.document.documentElement.style,g="userSelect"in f?"userSelect":"MozUserSelect"in f?"MozUserSelect":"WebkitUserSelect"in f?"WebkitUserSelect":"KhtmlUserSelect"in f?"KhtmlUserSelect":"";function m(C){return typeof C.onselectstart<"u"&&(C.onselectstart=p.util.falseFunction),g?C.style[g]="none":typeof C.unselectable=="string"&&(C.unselectable="on"),C}function v(C){return typeof C.onselectstart<"u"&&(C.onselectstart=null),g?C.style[g]="":typeof C.unselectable=="string"&&(C.unselectable=""),C}p.util.makeElementUnselectable=m,p.util.makeElementSelectable=v}();function u(f){var g=p.jsdomImplForWrapper(f);return g._canvas||g._image}function d(f){if(p.isLikelyNode){var g=p.jsdomImplForWrapper(f);g&&(g._image=null,g._canvas=null,g._currentSrc=null,g._attributes=null,g._classList=null)}}function h(f,g){f.imageSmoothingEnabled=f.imageSmoothingEnabled||f.webkitImageSmoothingEnabled||f.mozImageSmoothingEnabled||f.msImageSmoothingEnabled||f.oImageSmoothingEnabled,f.imageSmoothingEnabled=g}p.util.setImageSmoothing=h,p.util.getById=e,p.util.toArray=i,p.util.addClass=s,p.util.makeElement=r,p.util.wrapElement=o,p.util.getScrollLeftTop=a,p.util.getElementOffset=c,p.util.getNodeCanvas=u,p.util.cleanUpJsdomNode=d})();(function(){function n(i,r){return i+(/\?/.test(i)?"&":"?")+r}function e(){}function t(i,r){r||(r={});var s=r.method?r.method.toUpperCase():"GET",o=r.onComplete||function(){},a=new p.window.XMLHttpRequest,c=r.body||r.parameters;return a.onreadystatechange=function(){a.readyState===4&&(o(a),a.onreadystatechange=e)},s==="GET"&&(c=null,typeof r.parameters=="string"&&(i=n(i,r.parameters))),a.open(s,i,!0),(s==="POST"||s==="PUT")&&a.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),a.send(c),a}p.util.request=t})();p.log=console.log;p.warn=console.warn;(function(){var n=p.util.object.extend,e=p.util.object.clone,t=[];p.util.object.extend(t,{cancelAll:function(){var u=this.splice(0);return u.forEach(function(d){d.cancel()}),u},cancelByCanvas:function(u){if(!u)return[];var d=this.filter(function(h){return typeof h.target=="object"&&h.target.canvas===u});return d.forEach(function(h){h.cancel()}),d},cancelByTarget:function(u){var d=this.findAnimationsByTarget(u);return d.forEach(function(h){h.cancel()}),d},findAnimationIndex:function(u){return this.indexOf(this.findAnimation(u))},findAnimation:function(u){return this.find(function(d){return d.cancel===u})},findAnimationsByTarget:function(u){return u?this.filter(function(d){return d.target===u}):[]}});function i(){return!1}function r(u,d,h,f){return-h*Math.cos(u/f*(Math.PI/2))+h+d}function s(u){u||(u={});var d=!1,h,f=function(){var g=p.runningAnimations.indexOf(h);return g>-1&&p.runningAnimations.splice(g,1)[0]};return h=n(e(u),{cancel:function(){return d=!0,f()},currentValue:"startValue"in u?u.startValue:0,completionRate:0,durationRate:0}),p.runningAnimations.push(h),c(function(g){var m=g||+new Date,v=u.duration||500,C=m+v,x,R=u.onChange||i,N=u.abort||i,q=u.onComplete||i,X=u.easing||r,G="startValue"in u?u.startValue.length>0:!1,Y="startValue"in u?u.startValue:0,ae="endValue"in u?u.endValue:100,ue=u.byValue||(G?Y.map(function(de,_){return ae[_]-Y[_]}):ae-Y);u.onStart&&u.onStart(),function de(_){x=_||+new Date;var S=x>C?v:x-m,E=S/v,b=G?Y.map(function(w,y){return X(S,Y[y],ue[y],v)}):X(S,Y,ue,v),T=Math.abs(G?(b[0]-Y[0])/ue[0]:(b-Y)/ue);if(h.currentValue=G?b.slice():b,h.completionRate=T,h.durationRate=E,!d){if(N(b,T,E)){f();return}if(x>C){h.currentValue=G?ae.slice():ae,h.completionRate=1,h.durationRate=1,R(G?ae.slice():ae,1,1),q(ae,1,1),f();return}else R(b,T,E),c(de)}}(m)}),h.cancel}var o=p.window.requestAnimationFrame||p.window.webkitRequestAnimationFrame||p.window.mozRequestAnimationFrame||p.window.oRequestAnimationFrame||p.window.msRequestAnimationFrame||function(u){return p.window.setTimeout(u,1e3/60)},a=p.window.cancelAnimationFrame||p.window.clearTimeout;function c(){return o.apply(p.window,arguments)}function l(){return a.apply(p.window,arguments)}p.util.animate=s,p.util.requestAnimFrame=c,p.util.cancelAnimFrame=l,p.runningAnimations=t})();(function(){function n(t,i,r){var s="rgba("+parseInt(t[0]+r*(i[0]-t[0]),10)+","+parseInt(t[1]+r*(i[1]-t[1]),10)+","+parseInt(t[2]+r*(i[2]-t[2]),10);return s+=","+(t&&i?parseFloat(t[3]+r*(i[3]-t[3])):1),s+=")",s}function e(t,i,r,s){var o=new p.Color(t).getSource(),a=new p.Color(i).getSource(),c=s.onComplete,l=s.onChange;return s=s||{},p.util.animate(p.util.object.extend(s,{duration:r||500,startValue:o,endValue:a,byValue:a,easing:function(u,d,h,f){var g=s.colorEasing?s.colorEasing(u,f):1-Math.cos(u/f*(Math.PI/2));return n(d,h,g)},onComplete:function(u,d,h){if(c)return c(n(a,a,0),d,h)},onChange:function(u,d,h){if(l){if(Array.isArray(u))return l(n(u,u,0),d,h);l(u,d,h)}}}))}p.util.animateColor=e})();(function(){function n(_,S,E,b){return _-1&&H>-1&&H-1)&&(y="stroke")}else{if(w==="href"||w==="xlink:href"||w==="font")return y;if(w==="imageSmoothing")return y==="optimizeQuality";F=V?y.map(s):s(y,M)}}return!V&&isNaN(F)?y:F}function C(w){return new RegExp("^("+w.join("|")+")\\b","i")}function x(w){for(var y in h)if(!(typeof w[h[y]]>"u"||w[y]==="")){if(typeof w[y]>"u"){if(!e.Object.prototype[y])continue;w[y]=e.Object.prototype[y]}if(w[y].indexOf("url(")!==0){var D=new e.Color(w[y]);w[y]=D.setAlpha(r(D.getAlpha()*w[h[y]],2)).toRgba()}}return w}function R(w,y){var D,M=[],V,F,z;for(F=0,z=y.length;F1;)xe.shift(),We=e.util.multiplyTransformMatrices(We,xe[0]);return We}}();function N(w,y){var D,M;w.replace(/;\s*$/,"").split(";").forEach(function(V){var F=V.split(":");D=F[0].trim().toLowerCase(),M=F[1].trim(),y[D]=M})}function q(w,y){var D,M;for(var V in w)typeof w[V]>"u"||(D=V.toLowerCase(),M=w[V],y[D]=M)}function X(w,y){var D={};for(var M in e.cssRules[y])if(G(w,M.split(" ")))for(var V in e.cssRules[y][M])D[V]=e.cssRules[y][M][V];return D}function G(w,y){var D,M=!0;return D=ae(w,y.pop()),D&&y.length&&(M=Y(w,y)),D&&M&&y.length===0}function Y(w,y){for(var D,M=!0;w.parentNode&&w.parentNode.nodeType===1&&y.length;)M&&(D=y.pop()),w=w.parentNode,M=ae(w,D);return y.length===0}function ae(w,y){var D=w.nodeName,M=w.getAttribute("class"),V=w.getAttribute("id"),F,z;if(F=new RegExp("^"+D,"i"),y=y.replace(F,""),V&&y.length&&(F=new RegExp("#"+V+"(?![a-zA-Z\\-]+)","i"),y=y.replace(F,"")),M&&y.length)for(M=M.split(" "),z=M.length;z--;)F=new RegExp("\\."+M[z]+"(?![a-zA-Z\\-]+)","i"),y=y.replace(F,"");return y.length===0}function ue(w,y){var D;if(w.getElementById&&(D=w.getElementById(y)),D)return D;var M,V,F,z=w.getElementsByTagName("*");for(V=0,F=z.length;VM?M:D),$.meetOrSlice==="slice"&&(M=D=D>M?D:M),xe=W.width-z*D,We=W.height-H*D,$.alignX==="Mid"&&(xe/=2),$.alignY==="Mid"&&(We/=2),$.alignX==="Min"&&(xe=0),$.alignY==="Min"&&(We=0)),D===1&&M===1&&V===0&&F===0&&B===0&&k===0)return W;if((B||k)&&w.parentNode.nodeName!=="#document"&&(me=" translate("+s(B)+" "+s(k)+") "),re=me+" matrix("+D+" 0 0 "+M+" "+(V*D+xe)+" "+(F*M+We)+") ",w.nodeName==="svg"){for(L=w.ownerDocument.createElementNS(e.svgNS,"g");w.firstChild;)L.appendChild(w.firstChild);w.appendChild(L)}else L=w,L.removeAttribute("x"),L.removeAttribute("y"),re=L.getAttribute("transform")+re;return L.setAttribute("transform",re),W}function E(w,y){for(;w&&(w=w.parentNode);)if(w.nodeName&&y.test(w.nodeName.replace("svg:",""))&&!w.getAttribute("instantiated_by_use"))return!0;return!1}e.parseSVGDocument=function(w,y,D,M){if(w){de(w);var V=e.Object.__uid++,F,z,H=S(w),re=e.util.toArray(w.getElementsByTagName("*"));if(H.crossOrigin=M&&M.crossOrigin,H.svgUid=V,re.length===0&&e.isLikelyNode){re=w.selectNodes('//*[name(.)!="svg"]');var L=[];for(F=0,z=re.length;F"u"&&(D=w.getAttribute("svgUid")),w.parentNode&&e.svgValidParentsRegEx.test(w.parentNode.nodeName)&&(V=e.parseAttributes(w.parentNode,y,D));var H=y.reduce(function($,se){return M=w.getAttribute(se),M&&($[se]=M),$},{}),re=t(X(w,D),e.parseStyleAttribute(w));H=t(H,re),re[g]&&w.setAttribute(g,re[g]),F=z=V.fontSize||e.Text.DEFAULT_SVG_FONT_SIZE,H[f]&&(H[f]=F=s(H[f],z));var L,O,U={};for(var B in H)L=m(B),O=v(L,H[B],V,F),U[L]=O;U&&U.font&&e.parseFontDeclaration(U.font,U);var k=t(V,U);return e.svgValidParentsRegEx.test(w.nodeName)?k:x(k)}},parseElements:function(w,y,D,M,V){new e.ElementsParser(w,y,D,M,V).parse()},parseStyleAttribute:function(w){var y={},D=w.getAttribute("style");return D&&(typeof D=="string"?N(D,y):q(D,y)),y},parsePointsAttribute:function(w){if(!w)return null;w=w.replace(/,/g," ").trim(),w=w.split(/\s+/);var y=[],D,M;for(D=0,M=w.length;Di.x&&this.y>i.y},gte:function(i){return this.x>=i.x&&this.y>=i.y},lerp:function(i,r){return typeof r>"u"&&(r=.5),r=Math.max(Math.min(1,r),0),new t(this.x+(i.x-this.x)*r,this.y+(i.y-this.y)*r)},distanceFrom:function(i){var r=this.x-i.x,s=this.y-i.y;return Math.sqrt(r*r+s*s)},midPointFrom:function(i){return this.lerp(i)},min:function(i){return new t(Math.min(this.x,i.x),Math.min(this.y,i.y))},max:function(i){return new t(Math.max(this.x,i.x),Math.max(this.y,i.y))},toString:function(){return this.x+","+this.y},setXY:function(i,r){return this.x=i,this.y=r,this},setX:function(i){return this.x=i,this},setY:function(i){return this.y=i,this},setFromPoint:function(i){return this.x=i.x,this.y=i.y,this},swap:function(i){var r=this.x,s=this.y;this.x=i.x,this.y=i.y,i.x=r,i.y=s},clone:function(){return new t(this.x,this.y)}}})(j);(function(n){"use strict";var e=n.fabric||(n.fabric={});if(e.Intersection){e.warn("fabric.Intersection is already defined");return}function t(i){this.status=i,this.points=[]}e.Intersection=t,e.Intersection.prototype={constructor:t,appendPoint:function(i){return this.points.push(i),this},appendPoints:function(i){return this.points=this.points.concat(i),this}},e.Intersection.intersectLineLine=function(i,r,s,o){var a,c=(o.x-s.x)*(i.y-s.y)-(o.y-s.y)*(i.x-s.x),l=(r.x-i.x)*(i.y-s.y)-(r.y-i.y)*(i.x-s.x),u=(o.y-s.y)*(r.x-i.x)-(o.x-s.x)*(r.y-i.y);if(u!==0){var d=c/u,h=l/u;0<=d&&d<=1&&0<=h&&h<=1?(a=new t("Intersection"),a.appendPoint(new e.Point(i.x+d*(r.x-i.x),i.y+d*(r.y-i.y)))):a=new t}else c===0||l===0?a=new t("Coincident"):a=new t("Parallel");return a},e.Intersection.intersectLinePolygon=function(i,r,s){var o=new t,a=s.length,c,l,u,d;for(d=0;d0&&(o.status="Intersection"),o},e.Intersection.intersectPolygonPolygon=function(i,r){var s=new t,o=i.length,a;for(a=0;a0&&(s.status="Intersection"),s},e.Intersection.intersectPolygonRectangle=function(i,r,s){var o=r.min(s),a=r.max(s),c=new e.Point(a.x,o.y),l=new e.Point(o.x,a.y),u=t.intersectLinePolygon(o,c,i),d=t.intersectLinePolygon(c,a,i),h=t.intersectLinePolygon(a,l,i),f=t.intersectLinePolygon(l,o,i),g=new t;return g.appendPoints(u.points),g.appendPoints(d.points),g.appendPoints(h.points),g.appendPoints(f.points),g.points.length>0&&(g.status="Intersection"),g}})(j);(function(n){"use strict";var e=n.fabric||(n.fabric={});if(e.Color){e.warn("fabric.Color is already defined.");return}function t(r){r?this._tryParsingColor(r):this.setSource([0,0,0,1])}e.Color=t,e.Color.prototype={_tryParsingColor:function(r){var s;r in t.colorNameMap&&(r=t.colorNameMap[r]),r==="transparent"&&(s=[255,255,255,0]),s||(s=t.sourceFromHex(r)),s||(s=t.sourceFromRgb(r)),s||(s=t.sourceFromHsl(r)),s||(s=[0,0,0,1]),s&&this.setSource(s)},_rgbToHsl:function(r,s,o){r/=255,s/=255,o/=255;var a,c,l,u=e.util.array.max([r,s,o]),d=e.util.array.min([r,s,o]);if(l=(u+d)/2,u===d)a=c=0;else{var h=u-d;switch(c=l>.5?h/(2-u-d):h/(u+d),u){case r:a=(s-o)/h+(s1&&(o-=1),o<1/6?r+(s-r)*6*o:o<1/2?s:o<2/3?r+(s-r)*(2/3-o)*6:r}e.Color.fromRgb=function(r){return t.fromSource(t.sourceFromRgb(r))},e.Color.sourceFromRgb=function(r){var s=r.match(t.reRGBa);if(s){var o=parseInt(s[1],10)/(/%$/.test(s[1])?100:1)*(/%$/.test(s[1])?255:1),a=parseInt(s[2],10)/(/%$/.test(s[2])?100:1)*(/%$/.test(s[2])?255:1),c=parseInt(s[3],10)/(/%$/.test(s[3])?100:1)*(/%$/.test(s[3])?255:1);return[parseInt(o,10),parseInt(a,10),parseInt(c,10),s[4]?parseFloat(s[4]):1]}},e.Color.fromRgba=t.fromRgb,e.Color.fromHsl=function(r){return t.fromSource(t.sourceFromHsl(r))},e.Color.sourceFromHsl=function(r){var s=r.match(t.reHSLa);if(s){var o=(parseFloat(s[1])%360+360)%360/360,a=parseFloat(s[2])/(/%$/.test(s[2])?100:1),c=parseFloat(s[3])/(/%$/.test(s[3])?100:1),l,u,d;if(a===0)l=u=d=c;else{var h=c<=.5?c*(a+1):c+a-c*a,f=c*2-h;l=i(f,h,o+1/3),u=i(f,h,o),d=i(f,h,o-1/3)}return[Math.round(l*255),Math.round(u*255),Math.round(d*255),s[4]?parseFloat(s[4]):1]}},e.Color.fromHsla=t.fromHsl,e.Color.fromHex=function(r){return t.fromSource(t.sourceFromHex(r))},e.Color.sourceFromHex=function(r){if(r.match(t.reHex)){var s=r.slice(r.indexOf("#")+1),o=s.length===3||s.length===4,a=s.length===8||s.length===4,c=o?s.charAt(0)+s.charAt(0):s.substring(0,2),l=o?s.charAt(1)+s.charAt(1):s.substring(2,4),u=o?s.charAt(2)+s.charAt(2):s.substring(4,6),d=a?o?s.charAt(3)+s.charAt(3):s.substring(6,8):"FF";return[parseInt(c,16),parseInt(l,16),parseInt(u,16),parseFloat((parseInt(d,16)/255).toFixed(2))]}},e.Color.fromSource=function(r){var s=new t;return s.setSource(r),s}})(j);(function(n){"use strict";var e=n.fabric||(n.fabric={}),t=["e","se","s","sw","w","nw","n","ne","e"],i=["ns","nesw","ew","nwse"],r={},s="left",o="top",a="right",c="bottom",l="center",u={top:c,bottom:o,left:a,right:s,center:l},d=e.util.radiansToDegrees,h=Math.sign||function(L){return(L>0)-(L<0)||+L};function f(L,O){var U=L.angle+d(Math.atan2(O.y,O.x))+360;return Math.round(U%360/45)}function g(L,O){var U=O.transform.target,B=U.canvas,k=e.util.object.clone(O);k.target=U,B&&B.fire("object:"+L,k),U.fire(L,O)}function m(L,O){var U=O.canvas,B=U.uniScaleKey,k=L[B];return U.uniformScaling&&!k||!U.uniformScaling&&k}function v(L){return L.originX===l&&L.originY===l}function C(L,O,U){var B=L.lockScalingX,k=L.lockScalingY;return!!(B&&k||!O&&(B||k)&&U||B&&O==="x"||k&&O==="y")}function x(L,O,U){var B="not-allowed",k=m(L,U),$="";if(O.x!==0&&O.y===0?$="x":O.x===0&&O.y!==0&&($="y"),C(U,$,k))return B;var se=f(U,O);return t[se]+"-resize"}function R(L,O,U){var B="not-allowed";if(O.x!==0&&U.lockSkewingY||O.y!==0&&U.lockSkewingX)return B;var k=f(U,O)%4;return i[k]+"-resize"}function N(L,O,U){return L[U.canvas.altActionKey]?r.skewCursorStyleHandler(L,O,U):r.scaleCursorStyleHandler(L,O,U)}function q(L,O,U){var B=L[U.canvas.altActionKey];if(O.x===0)return B?"skewX":"scaleY";if(O.y===0)return B?"skewY":"scaleX"}function X(L,O,U){return U.lockRotation?"not-allowed":O.cursorStyle}function G(L,O,U,B){return{e:L,transform:O,pointer:{x:U,y:B}}}function Y(L){return function(O,U,B,k){var $=U.target,se=$.getCenterPoint(),Ee=$.translateToOriginPoint(se,U.originX,U.originY),ge=L(O,U,B,k);return $.setPositionByOrigin(Ee,U.originX,U.originY),ge}}function ae(L,O){return function(U,B,k,$){var se=O(U,B,k,$);return se&&g(L,G(U,B,k,$)),se}}function ue(L,O,U,B,k){var $=L.target,se=$.controls[L.corner],Ee=$.canvas.getZoom(),ge=$.padding/Ee,W=$.toLocalPoint(new e.Point(B,k),O,U);return W.x>=ge&&(W.x-=ge),W.x<=-ge&&(W.x+=ge),W.y>=ge&&(W.y-=ge),W.y<=ge&&(W.y+=ge),W.x-=se.offsetX,W.y-=se.offsetY,W}function de(L){return L.flipX!==L.flipY}function _(L,O,U,B,k){if(L[O]!==0){var $=L._getTransformedDimensions()[B],se=k/$*L[U];L.set(U,se)}}function S(L,O,U,B){var k=O.target,$=k._getTransformedDimensions(0,k.skewY),se=ue(O,O.originX,O.originY,U,B),Ee=Math.abs(se.x*2)-$.x,ge=k.skewX,W;Ee<2?W=0:(W=d(Math.atan2(Ee/k.scaleX,$.y/k.scaleY)),O.originX===s&&O.originY===c&&(W=-W),O.originX===a&&O.originY===o&&(W=-W),de(k)&&(W=-W));var me=ge!==W;if(me){var xe=k._getTransformedDimensions().y;k.set("skewX",W),_(k,"skewY","scaleY","y",xe)}return me}function E(L,O,U,B){var k=O.target,$=k._getTransformedDimensions(k.skewX,0),se=ue(O,O.originX,O.originY,U,B),Ee=Math.abs(se.y*2)-$.y,ge=k.skewY,W;Ee<2?W=0:(W=d(Math.atan2(Ee/k.scaleY,$.x/k.scaleX)),O.originX===s&&O.originY===c&&(W=-W),O.originX===a&&O.originY===o&&(W=-W),de(k)&&(W=-W));var me=ge!==W;if(me){var xe=k._getTransformedDimensions().x;k.set("skewY",W),_(k,"skewX","scaleX","x",xe)}return me}function b(L,O,U,B){var k=O.target,$=k.skewX,se,Ee=O.originY;if(k.lockSkewingX)return!1;if($===0){var ge=ue(O,l,l,U,B);ge.x>0?se=s:se=a}else $>0&&(se=Ee===o?s:a),$<0&&(se=Ee===o?a:s),de(k)&&(se=se===s?a:s);O.originX=se;var W=ae("skewing",Y(S));return W(L,O,U,B)}function T(L,O,U,B){var k=O.target,$=k.skewY,se,Ee=O.originX;if(k.lockSkewingY)return!1;if($===0){var ge=ue(O,l,l,U,B);ge.y>0?se=o:se=c}else $>0&&(se=Ee===s?o:c),$<0&&(se=Ee===s?c:o),de(k)&&(se=se===o?c:o);O.originY=se;var W=ae("skewing",Y(E));return W(L,O,U,B)}function w(L,O,U,B){var k=O,$=k.target,se=$.translateToOriginPoint($.getCenterPoint(),k.originX,k.originY);if($.lockRotation)return!1;var Ee=Math.atan2(k.ey-se.y,k.ex-se.x),ge=Math.atan2(B-se.y,U-se.x),W=d(ge-Ee+k.theta),me=!0;if($.snapAngle>0){var xe=$.snapAngle,We=$.snapThreshold||xe,ot=Math.ceil(W/xe)*xe,Ze=Math.floor(W/xe)*xe;Math.abs(W-Ze)h?(x=d,o.scale(1,h/d),C=c*d/h):h>d?(x=h,o.scale(d/h,1),v=a*h/d):x=d,o.lineWidth=1,o.beginPath(),o.arc(v,C,x/2,0,2*Math.PI,!1),o[g](),m&&o.stroke(),o.restore()}function s(o,a,c,l,u){l=l||{};var d=this.sizeX||l.cornerSize||u.cornerSize,h=this.sizeY||l.cornerSize||u.cornerSize,f=typeof l.transparentCorners<"u"?l.transparentCorners:u.transparentCorners,g=f?"stroke":"fill",m=!f&&(l.cornerStrokeColor||u.cornerStrokeColor),v=d/2,C=h/2;o.save(),o.fillStyle=l.cornerColor||u.cornerColor,o.strokeStyle=l.cornerStrokeColor||u.cornerStrokeColor,o.lineWidth=1,o.translate(a,c),o.rotate(t(u.angle)),o[g+"Rect"](-v,-C,d,h),m&&o.strokeRect(-v,-C,d,h),o.restore()}i.renderCircleControl=r,i.renderSquareControl=s})(j);(function(n){"use strict";var e=n.fabric||(n.fabric={});function t(i){for(var r in i)this[r]=i[r]}e.Control=t,e.Control.prototype={visible:!0,actionName:"scale",angle:0,x:0,y:0,offsetX:0,offsetY:0,sizeX:null,sizeY:null,touchSizeX:null,touchSizeY:null,cursorStyle:"crosshair",withConnection:!1,actionHandler:function(){},mouseDownHandler:function(){},mouseUpHandler:function(){},getActionHandler:function(){return this.actionHandler},getMouseDownHandler:function(){return this.mouseDownHandler},getMouseUpHandler:function(){return this.mouseUpHandler},cursorStyleHandler:function(i,r){return r.cursorStyle},getActionName:function(i,r){return r.actionName},getVisibility:function(i,r){var s=i._controlsVisibility;return s&&typeof s[r]<"u"?s[r]:this.visible},setVisibility:function(i){this.visible=i},positionHandler:function(i,r){var s=e.util.transformPoint({x:this.x*i.x+this.offsetX,y:this.y*i.y+this.offsetY},r);return s},calcCornerCoords:function(i,r,s,o,a){var c,l,u,d,h=a?this.touchSizeX:this.sizeX,f=a?this.touchSizeY:this.sizeY;if(h&&f&&h!==f){var g=Math.atan2(f,h),m=Math.sqrt(h*h+f*f)/2,v=g-e.util.degreesToRadians(i),C=Math.PI/2-g-e.util.degreesToRadians(i);c=m*e.util.cos(v),l=m*e.util.sin(v),u=m*e.util.cos(C),d=m*e.util.sin(C)}else{var x=h&&f?h:r;m=x*.7071067812;var v=e.util.degreesToRadians(45-i);c=u=m*e.util.cos(v),l=d=m*e.util.sin(v)}return{tl:{x:s-d,y:o-u},tr:{x:s+c,y:o-l},bl:{x:s-c,y:o+l},br:{x:s+d,y:o+u}}},render:function(i,r,s,o,a){switch(o=o||{},o.cornerStyle||a.cornerStyle){case"circle":e.controlsUtils.renderCircleControl.call(this,i,r,s,o,a);break;default:e.controlsUtils.renderSquareControl.call(this,i,r,s,o,a)}}}})(j);(function(){function n(s,o){var a=s.getAttribute("style"),c=s.getAttribute("offset")||0,l,u,d,h;if(c=parseFloat(c)/(/%$/.test(c)?100:1),c=c<0?0:c>1?1:c,a){var f=a.split(/\s*;\s*/);for(f[f.length-1]===""&&f.pop(),h=f.length;h--;){var g=f[h].split(/\s*:\s*/),m=g[0].trim(),v=g[1].trim();m==="stop-color"?l=v:m==="stop-opacity"&&(d=v)}}return l||(l=s.getAttribute("stop-color")||"rgb(0,0,0)"),d||(d=s.getAttribute("stop-opacity")),l=new p.Color(l),u=l.getAlpha(),d=isNaN(parseFloat(d))?1:parseFloat(d),d*=u*o,{offset:c,color:l.toRgb(),opacity:d}}function e(s){return{x1:s.getAttribute("x1")||0,y1:s.getAttribute("y1")||0,x2:s.getAttribute("x2")||"100%",y2:s.getAttribute("y2")||0}}function t(s){return{x1:s.getAttribute("fx")||s.getAttribute("cx")||"50%",y1:s.getAttribute("fy")||s.getAttribute("cy")||"50%",r1:0,x2:s.getAttribute("cx")||"50%",y2:s.getAttribute("cy")||"50%",r2:s.getAttribute("r")||"50%"}}var i=p.util.object.clone;p.Gradient=p.util.createClass({offsetX:0,offsetY:0,gradientTransform:null,gradientUnits:"pixels",type:"linear",initialize:function(s){s||(s={}),s.coords||(s.coords={});var o,a=this;Object.keys(s).forEach(function(c){a[c]=s[c]}),this.id?this.id+="_"+p.Object.__uid++:this.id=p.Object.__uid++,o={x1:s.coords.x1||0,y1:s.coords.y1||0,x2:s.coords.x2||0,y2:s.coords.y2||0},this.type==="radial"&&(o.r1=s.coords.r1||0,o.r2=s.coords.r2||0),this.coords=o,this.colorStops=s.colorStops.slice()},addColorStop:function(s){for(var o in s){var a=new p.Color(s[o]);this.colorStops.push({offset:parseFloat(o),color:a.toRgb(),opacity:a.getAlpha()})}return this},toObject:function(s){var o={type:this.type,coords:this.coords,colorStops:this.colorStops,offsetX:this.offsetX,offsetY:this.offsetY,gradientUnits:this.gradientUnits,gradientTransform:this.gradientTransform?this.gradientTransform.concat():this.gradientTransform};return p.util.populateWithProperties(this,o,s),o},toSVG:function(s,u){var a=i(this.coords,!0),c,l,u=u||{},d,h,f=i(this.colorStops,!0),g=a.r1>a.r2,m=this.gradientTransform?this.gradientTransform.concat():p.iMatrix.concat(),v=-this.offsetX,C=-this.offsetY,x=!!u.additionalTransform,R=this.gradientUnits==="pixels"?"userSpaceOnUse":"objectBoundingBox";if(f.sort(function(Y,ae){return Y.offset-ae.offset}),R==="objectBoundingBox"?(v/=s.width,C/=s.height):(v+=s.width/2,C+=s.height/2),s.type==="path"&&this.gradientUnits!=="percentage"&&(v-=s.pathOffset.x,C-=s.pathOffset.y),m[4]-=v,m[5]-=C,h='id="SVGID_'+this.id+'" gradientUnits="'+R+'"',h+=' gradientTransform="'+(x?u.additionalTransform+" ":"")+p.util.matrixToSVG(m)+'" ',this.type==="linear"?d=["
+`]:this.type==="radial"&&(d=["
+`]),this.type==="radial"){if(g)for(f=f.concat(),f.reverse(),c=0,l=f.length;c0){var q=Math.max(a.r1,a.r2),X=N/q;for(c=0,l=f.length;c
+`)}return d.push(this.type==="linear"?`
+`:`
+`),d.join("")},toLive:function(s){var o,a=p.util.object.clone(this.coords),c,l;if(this.type){for(this.type==="linear"?o=s.createLinearGradient(a.x1,a.y1,a.x2,a.y2):this.type==="radial"&&(o=s.createRadialGradient(a.x1,a.y1,a.r1,a.x2,a.y2,a.r2)),c=0,l=this.colorStops.length;c1?1:l,isNaN(l)&&(l=1);var u=s.getElementsByTagName("stop"),d,h=s.getAttribute("gradientUnits")==="userSpaceOnUse"?"pixels":"percentage",f=s.getAttribute("gradientTransform")||"",g=[],m,v,C=0,x=0,R;for(s.nodeName==="linearGradient"||s.nodeName==="LINEARGRADIENT"?(d="linear",m=e(s)):(d="radial",m=t(s)),v=u.length;v--;)g.push(n(u[v],l));R=p.parseTransformAttribute(f),r(o,m,c,h),h==="pixels"&&(C=-o.left,x=-o.top);var N=new p.Gradient({id:s.getAttribute("id"),type:d,coords:m,colorStops:g,gradientUnits:h,gradientTransform:R,offsetX:C,offsetY:x});return N}});function r(s,o,a,c){var l,u;Object.keys(o).forEach(function(d){l=o[d],l==="Infinity"?u=1:l==="-Infinity"?u=0:(u=parseFloat(o[d],10),typeof l=="string"&&/^(\d+\.\d+)%|(\d+)%$/.test(l)&&(u*=.01,c==="pixels"&&((d==="x1"||d==="x2"||d==="r2")&&(u*=a.viewBoxWidth||a.width),(d==="y1"||d==="y2")&&(u*=a.viewBoxHeight||a.height)))),o[d]=u})}})();(function(){"use strict";var n=p.util.toFixed;p.Pattern=p.util.createClass({repeat:"repeat",offsetX:0,offsetY:0,crossOrigin:"",patternTransform:null,initialize:function(e,t){if(e||(e={}),this.id=p.Object.__uid++,this.setOptions(e),!e.source||e.source&&typeof e.source!="string"){t&&t(this);return}else{var i=this;this.source=p.util.createImage(),p.util.loadImage(e.source,function(r,s){i.source=r,t&&t(i,s)},null,this.crossOrigin)}},toObject:function(e){var t=p.Object.NUM_FRACTION_DIGITS,i,r;return typeof this.source.src=="string"?i=this.source.src:typeof this.source=="object"&&this.source.toDataURL&&(i=this.source.toDataURL()),r={type:"pattern",source:i,repeat:this.repeat,crossOrigin:this.crossOrigin,offsetX:n(this.offsetX,t),offsetY:n(this.offsetY,t),patternTransform:this.patternTransform?this.patternTransform.concat():null},p.util.populateWithProperties(this,r,e),r},toSVG:function(e){var t=typeof this.source=="function"?this.source():this.source,i=t.width/e.width,r=t.height/e.height,s=this.offsetX/e.width,o=this.offsetY/e.height,a="";return(this.repeat==="repeat-x"||this.repeat==="no-repeat")&&(r=1,o&&(r+=Math.abs(o))),(this.repeat==="repeat-y"||this.repeat==="no-repeat")&&(i=1,s&&(i+=Math.abs(s))),t.src?a=t.src:t.toDataURL&&(a=t.toDataURL()),'
+
+
+`},setOptions:function(e){for(var t in e)this[t]=e[t]},toLive:function(e){var t=this.source;return!t||typeof t.src<"u"&&(!t.complete||t.naturalWidth===0||t.naturalHeight===0)?"":e.createPattern(t,this.repeat)}})})();(function(n){"use strict";var e=n.fabric||(n.fabric={}),t=e.util.toFixed;if(e.Shadow){e.warn("fabric.Shadow is already defined.");return}e.Shadow=e.util.createClass({color:"rgb(0,0,0)",blur:0,offsetX:0,offsetY:0,affectStroke:!1,includeDefaultValues:!0,nonScaling:!1,initialize:function(i){typeof i=="string"&&(i=this._parseShadow(i));for(var r in i)this[r]=i[r];this.id=e.Object.__uid++},_parseShadow:function(i){var r=i.trim(),s=e.Shadow.reOffsetsAndBlur.exec(r)||[],o=r.replace(e.Shadow.reOffsetsAndBlur,"")||"rgb(0,0,0)";return{color:o.trim(),offsetX:parseFloat(s[1],10)||0,offsetY:parseFloat(s[2],10)||0,blur:parseFloat(s[3],10)||0}},toString:function(){return[this.offsetX,this.offsetY,this.blur,this.color].join("px ")},toSVG:function(i){var r=40,s=40,o=e.Object.NUM_FRACTION_DIGITS,a=e.util.rotateVector({x:this.offsetX,y:this.offsetY},e.util.degreesToRadians(-i.angle)),c=20,l=new e.Color(this.color);return i.width&&i.height&&(r=t((Math.abs(a.x)+this.blur)/i.width,o)*100+c,s=t((Math.abs(a.y)+this.blur)/i.height,o)*100+c),i.flipX&&(a.x*=-1),i.flipY&&(a.y*=-1),'
+
+
+
+
+
+
+
+
+
+`},toObject:function(){if(this.includeDefaultValues)return{color:this.color,blur:this.blur,offsetX:this.offsetX,offsetY:this.offsetY,affectStroke:this.affectStroke,nonScaling:this.nonScaling};var i={},r=e.Shadow.prototype;return["color","blur","offsetX","offsetY","affectStroke","nonScaling"].forEach(function(s){this[s]!==r[s]&&(i[s]=this[s])},this),i}}),e.Shadow.reOffsetsAndBlur=/(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/})(j);(function(){"use strict";if(p.StaticCanvas){p.warn("fabric.StaticCanvas is already defined.");return}var n=p.util.object.extend,e=p.util.getElementOffset,t=p.util.removeFromArray,i=p.util.toFixed,r=p.util.transformPoint,s=p.util.invertTransform,o=p.util.getNodeCanvas,a=p.util.createCanvasElement,c=new Error("Could not initialize `canvas` element");p.StaticCanvas=p.util.createClass(p.CommonMethods,{initialize:function(l,u){u||(u={}),this.renderAndResetBound=this.renderAndReset.bind(this),this.requestRenderAllBound=this.requestRenderAll.bind(this),this._initStatic(l,u)},backgroundColor:"",backgroundImage:null,overlayColor:"",overlayImage:null,includeDefaultValues:!0,stateful:!1,renderOnAddRemove:!0,controlsAboveOverlay:!1,allowTouchScrolling:!1,imageSmoothingEnabled:!0,viewportTransform:p.iMatrix.concat(),backgroundVpt:!0,overlayVpt:!0,enableRetinaScaling:!0,vptCoords:{},skipOffscreen:!0,clipPath:void 0,_initStatic:function(l,u){var d=this.requestRenderAllBound;this._objects=[],this._createLowerCanvas(l),this._initOptions(u),this.interactive||this._initRetinaScaling(),u.overlayImage&&this.setOverlayImage(u.overlayImage,d),u.backgroundImage&&this.setBackgroundImage(u.backgroundImage,d),u.backgroundColor&&this.setBackgroundColor(u.backgroundColor,d),u.overlayColor&&this.setOverlayColor(u.overlayColor,d),this.calcOffset()},_isRetinaScaling:function(){return p.devicePixelRatio>1&&this.enableRetinaScaling},getRetinaScaling:function(){return this._isRetinaScaling()?Math.max(1,p.devicePixelRatio):1},_initRetinaScaling:function(){if(this._isRetinaScaling()){var l=p.devicePixelRatio;this.__initRetinaScaling(l,this.lowerCanvasEl,this.contextContainer),this.upperCanvasEl&&this.__initRetinaScaling(l,this.upperCanvasEl,this.contextTop)}},__initRetinaScaling:function(l,u,d){u.setAttribute("width",this.width*l),u.setAttribute("height",this.height*l),d.scale(l,l)},calcOffset:function(){return this._offset=e(this.lowerCanvasEl),this},setOverlayImage:function(l,u,d){return this.__setBgOverlayImage("overlayImage",l,u,d)},setBackgroundImage:function(l,u,d){return this.__setBgOverlayImage("backgroundImage",l,u,d)},setOverlayColor:function(l,u){return this.__setBgOverlayColor("overlayColor",l,u)},setBackgroundColor:function(l,u){return this.__setBgOverlayColor("backgroundColor",l,u)},__setBgOverlayImage:function(l,u,d,h){return typeof u=="string"?p.util.loadImage(u,function(f,g){if(f){var m=new p.Image(f,h);this[l]=m,m.canvas=this}d&&d(f,g)},this,h&&h.crossOrigin):(h&&u.setOptions(h),this[l]=u,u&&(u.canvas=this),d&&d(u,!1)),this},__setBgOverlayColor:function(l,u,d){return this[l]=u,this._initGradient(u,l),this._initPattern(u,l,d),this},_createCanvasElement:function(){var l=a();if(!l||(l.style||(l.style={}),typeof l.getContext>"u"))throw c;return l},_initOptions:function(l){var u=this.lowerCanvasEl;this._setOptions(l),this.width=this.width||parseInt(u.width,10)||0,this.height=this.height||parseInt(u.height,10)||0,this.lowerCanvasEl.style&&(u.width=this.width,u.height=this.height,u.style.width=this.width+"px",u.style.height=this.height+"px",this.viewportTransform=this.viewportTransform.slice())},_createLowerCanvas:function(l){l&&l.getContext?this.lowerCanvasEl=l:this.lowerCanvasEl=p.util.getById(l)||this._createCanvasElement(),p.util.addClass(this.lowerCanvasEl,"lower-canvas"),this._originalCanvasStyle=this.lowerCanvasEl.style,this.interactive&&this._applyCanvasStyle(this.lowerCanvasEl),this.contextContainer=this.lowerCanvasEl.getContext("2d")},getWidth:function(){return this.width},getHeight:function(){return this.height},setWidth:function(l,u){return this.setDimensions({width:l},u)},setHeight:function(l,u){return this.setDimensions({height:l},u)},setDimensions:function(l,u){var d;u=u||{};for(var h in l)d=l[h],u.cssOnly||(this._setBackstoreDimension(h,l[h]),d+="px",this.hasLostContext=!0),u.backstoreOnly||this._setCssDimension(h,d);return this._isCurrentlyDrawing&&this.freeDrawingBrush&&this.freeDrawingBrush._setBrushStyles(this.contextTop),this._initRetinaScaling(),this.calcOffset(),u.cssOnly||this.requestRenderAll(),this},_setBackstoreDimension:function(l,u){return this.lowerCanvasEl[l]=u,this.upperCanvasEl&&(this.upperCanvasEl[l]=u),this.cacheCanvasEl&&(this.cacheCanvasEl[l]=u),this[l]=u,this},_setCssDimension:function(l,u){return this.lowerCanvasEl.style[l]=u,this.upperCanvasEl&&(this.upperCanvasEl.style[l]=u),this.wrapperEl&&(this.wrapperEl.style[l]=u),this},getZoom:function(){return this.viewportTransform[0]},setViewportTransform:function(l){var u=this._activeObject,d=this.backgroundImage,h=this.overlayImage,f,g,m;for(this.viewportTransform=l,g=0,m=this._objects.length;g
+`),this._setSVGBgOverlayColor(d,"background"),this._setSVGBgOverlayImage(d,"backgroundImage",u),this._setSVGObjects(d,u),this.clipPath&&d.push(`
+`),this._setSVGBgOverlayColor(d,"overlay"),this._setSVGBgOverlayImage(d,"overlayImage",u),d.push(""),d.join("")},_setSVGPreamble:function(l,u){u.suppressPreamble||l.push('
+`,'
+`)},_setSVGHeader:function(l,u){var d=u.width||this.width,h=u.height||this.height,f,g='viewBox="0 0 '+this.width+" "+this.height+'" ',m=p.Object.NUM_FRACTION_DIGITS;u.viewBox?g='viewBox="'+u.viewBox.x+" "+u.viewBox.y+" "+u.viewBox.width+" "+u.viewBox.height+'" ':this.svgViewportTransformation&&(f=this.viewportTransform,g='viewBox="'+i(-f[4]/f[0],m)+" "+i(-f[5]/f[3],m)+" "+i(this.width/f[0],m)+" "+i(this.height/f[3],m)+'" '),l.push(""),u.join("")},_setSVGPreamble:function(i,l){l.suppressPreamble||i.push('
+`,'
+`)},_setSVGHeader:function(i,l){var u=l.width||this.width,f=l.height||this.height,d,g='viewBox="0 0 '+this.width+" "+this.height+'" ',p=fabric.Object.NUM_FRACTION_DIGITS;l.viewBox?g='viewBox="'+l.viewBox.x+" "+l.viewBox.y+" "+l.viewBox.width+" "+l.viewBox.height+'" ':this.svgViewportTransformation&&(d=this.viewportTransform,g='viewBox="'+a(-d[4]/d[0],p)+" "+a(-d[5]/d[3],p)+" "+a(this.width/d[0],p)+" "+a(this.height/d[3],p)+'" '),i.push("