polotno-node 0.3.13 → 0.3.14

package/dist/{client.3c729267.js → client.1dd3cedc.js}

@@ -53,27 +53,27 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useObserver=l,exports.useStaticRendering=p,Object.defineProperty(exports,"isObserverBatched",{enumerable:!0,get:function(){return r.isObserverBatched}}),Object.defineProperty(exports,"observerBatching",{enumerable:!0,get:function(){return r.observerBatching}}),Object.defineProperty(exports,"isUsingStaticRendering",{enumerable:!0,get:function(){return s.isUsingStaticRendering}}),Object.defineProperty(exports,"enableStaticRendering",{enumerable:!0,get:function(){return s.enableStaticRendering}}),Object.defineProperty(exports,"observer",{enumerable:!0,get:function(){return u.observer}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function(){return i.Observer}}),Object.defineProperty(exports,"useLocalObservable",{enumerable:!0,get:function(){return o.useLocalObservable}}),Object.defineProperty(exports,"useLocalStore",{enumerable:!0,get:function(){return b.useLocalStore}}),Object.defineProperty(exports,"useAsObservableSource",{enumerable:!0,get:function(){return c.useAsObservableSource}}),Object.defineProperty(exports,"clearTimers",{enumerable:!0,get:function(){return a.resetCleanupScheduleForTests}}),require("./utils/assertEnvironment");var e=require("./utils/reactBatchedUpdates"),r=require("./utils/observerBatching"),t=require("./utils/utils"),n=require("./useObserver"),s=require("./staticRendering"),u=require("./observer"),i=require("./ObserverComponent"),o=require("./useLocalObservable"),b=require("./useLocalStore"),c=require("./useAsObservableSource"),a=require("./utils/reactionCleanupTracking");function l(e,r){return void 0===r&&(r="observed"),(0,n.useObserver)(e,r)}function p(e){(0,s.enableStaticRendering)(e)}(0,r.observerBatching)(e.unstable_batchedUpdates);
 },{"./utils/assertEnvironment":"moAD","./utils/reactBatchedUpdates":"ZFRm","./utils/observerBatching":"EJpR","./utils/utils":"AGS0","./useObserver":"fdT3","./staticRendering":"vLuz","./observer":"Ocog","./ObserverComponent":"I8te","./useLocalObservable":"KZGF","./useLocalStore":"Grwe","./useAsObservableSource":"jn24","./utils/reactionCleanupTracking":"ROlb"}],"bIDB":[function(require,module,exports) {
 var global = arguments[3];
-var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports._registerNode=exports.Konva=exports.glob=void 0;var n=Math.PI/180;function o(){return"undefined"!=typeof window&&("[object Window]"==={}.toString.call(window)||"[object global]"==={}.toString.call(window))}const i=void 0!==e?e:"undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope?self:{};exports.glob=i;const t={_global:i,version:"8.3.10",isBrowser:o(),isUnminified:/param/.test(function(e){}.toString()),dblClickWindow:400,getAngle:e=>t.angleDeg?e*n:e,enableTrace:!1,pointerEventsEnabled:!0,autoDrawEnabled:!0,hitOnDragEnabled:!1,capturePointerEventsEnabled:!1,_mouseListenClick:!1,_touchListenClick:!1,_pointerListenClick:!1,_mouseInDblClickWindow:!1,_touchInDblClickWindow:!1,_pointerInDblClickWindow:!1,_mouseDblClickPointerId:null,_touchDblClickPointerId:null,_pointerDblClickPointerId:null,pixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1,dragDistance:3,angleDeg:!0,showWarnings:!0,dragButtons:[0,1],isDragging:()=>t.DD.isDragging,isDragReady:()=>!!t.DD.node,document:i.document,_injectGlobal(e){i.Konva=e}};exports.Konva=t;const l=e=>{t[e.prototype.getClassName()]=e};exports._registerNode=l,t._injectGlobal(t);
+var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports._registerNode=exports.Konva=exports.glob=void 0;var n=Math.PI/180;function o(){return"undefined"!=typeof window&&("[object Window]"==={}.toString.call(window)||"[object global]"==={}.toString.call(window))}const i=void 0!==e?e:"undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope?self:{};exports.glob=i;const t={_global:i,version:"8.3.12",isBrowser:o(),isUnminified:/param/.test(function(e){}.toString()),dblClickWindow:400,getAngle:e=>t.angleDeg?e*n:e,enableTrace:!1,pointerEventsEnabled:!0,autoDrawEnabled:!0,hitOnDragEnabled:!1,capturePointerEventsEnabled:!1,_mouseListenClick:!1,_touchListenClick:!1,_pointerListenClick:!1,_mouseInDblClickWindow:!1,_touchInDblClickWindow:!1,_pointerInDblClickWindow:!1,_mouseDblClickPointerId:null,_touchDblClickPointerId:null,_pointerDblClickPointerId:null,pixelRatio:"undefined"!=typeof window&&window.devicePixelRatio||1,dragDistance:3,angleDeg:!0,showWarnings:!0,dragButtons:[0,1],isDragging:()=>t.DD.isDragging,isDragReady:()=>!!t.DD.node,document:i.document,_injectGlobal(e){i.Konva=e}};exports.Konva=t;const l=e=>{t[e.prototype.getClassName()]=e};exports._registerNode=l,t._injectGlobal(t);
 },{}],"XIcS":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Util=exports.Transform=void 0;var e=require("./Global.js");class t{constructor(e=[1,0,0,1,0,0]){this.dirty=!1,this.m=e&&e.slice()||[1,0,0,1,0,0]}reset(){this.m[0]=1,this.m[1]=0,this.m[2]=0,this.m[3]=1,this.m[4]=0,this.m[5]=0}copy(){return new t(this.m)}copyInto(e){e.m[0]=this.m[0],e.m[1]=this.m[1],e.m[2]=this.m[2],e.m[3]=this.m[3],e.m[4]=this.m[4],e.m[5]=this.m[5]}point(e){var t=this.m;return{x:t[0]*e.x+t[2]*e.y+t[4],y:t[1]*e.x+t[3]*e.y+t[5]}}translate(e,t){return this.m[4]+=this.m[0]*e+this.m[2]*t,this.m[5]+=this.m[1]*e+this.m[3]*t,this}scale(e,t){return this.m[0]*=e,this.m[1]*=e,this.m[2]*=t,this.m[3]*=t,this}rotate(e){var t=Math.cos(e),r=Math.sin(e),i=this.m[0]*t+this.m[2]*r,a=this.m[1]*t+this.m[3]*r,s=this.m[0]*-r+this.m[2]*t,o=this.m[1]*-r+this.m[3]*t;return this.m[0]=i,this.m[1]=a,this.m[2]=s,this.m[3]=o,this}getTranslation(){return{x:this.m[4],y:this.m[5]}}skew(e,t){var r=this.m[0]+this.m[2]*t,i=this.m[1]+this.m[3]*t,a=this.m[2]+this.m[0]*e,s=this.m[3]+this.m[1]*e;return this.m[0]=r,this.m[1]=i,this.m[2]=a,this.m[3]=s,this}multiply(e){var t=this.m[0]*e.m[0]+this.m[2]*e.m[1],r=this.m[1]*e.m[0]+this.m[3]*e.m[1],i=this.m[0]*e.m[2]+this.m[2]*e.m[3],a=this.m[1]*e.m[2]+this.m[3]*e.m[3],s=this.m[0]*e.m[4]+this.m[2]*e.m[5]+this.m[4],o=this.m[1]*e.m[4]+this.m[3]*e.m[5]+this.m[5];return this.m[0]=t,this.m[1]=r,this.m[2]=i,this.m[3]=a,this.m[4]=s,this.m[5]=o,this}invert(){var e=1/(this.m[0]*this.m[3]-this.m[1]*this.m[2]),t=this.m[3]*e,r=-this.m[1]*e,i=-this.m[2]*e,a=this.m[0]*e,s=e*(this.m[2]*this.m[5]-this.m[3]*this.m[4]),o=e*(this.m[1]*this.m[4]-this.m[0]*this.m[5]);return this.m[0]=t,this.m[1]=r,this.m[2]=i,this.m[3]=a,this.m[4]=s,this.m[5]=o,this}getMatrix(){return this.m}decompose(){var e=this.m[0],t=this.m[1],r=this.m[2],i=this.m[3],a=e*i-t*r;let s={x:this.m[4],y:this.m[5],rotation:0,scaleX:0,scaleY:0,skewX:0,skewY:0};if(0!=e||0!=t){var o=Math.sqrt(e*e+t*t);s.rotation=t>0?Math.acos(e/o):-Math.acos(e/o),s.scaleX=o,s.scaleY=a/o,s.skewX=(e*r+t*i)/a,s.skewY=0}else if(0!=r||0!=i){var n=Math.sqrt(r*r+i*i);s.rotation=Math.PI/2-(i>0?Math.acos(-r/n):-Math.acos(r/n)),s.scaleX=a/n,s.scaleY=n,s.skewX=0,s.skewY=(e*r+t*i)/a}return s.rotation=v._getRotation(s.rotation),s}}exports.Transform=t;var r="[object Array]",i="[object Number]",a="[object String]",s="[object Boolean]",o=Math.PI/180,n=180/Math.PI,l="#",h="",m="0",g="Konva warning: ",c="Konva error: ",u="rgb(",d={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,132,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,255,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,203],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[119,128,144],slategrey:[119,128,144],snow:[255,255,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],transparent:[255,255,255,0],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,5]},b=/rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)/,p=[];const y="undefined"!=typeof requestAnimationFrame&&requestAnimationFrame||function(e){setTimeout(e,60)},v={_isElement:e=>!(!e||1!=e.nodeType),_isFunction:e=>!!(e&&e.constructor&&e.call&&e.apply),_isPlainObject:e=>!!e&&e.constructor===Object,_isArray:e=>Object.prototype.toString.call(e)===r,_isNumber:e=>Object.prototype.toString.call(e)===i&&!isNaN(e)&&isFinite(e),_isString:e=>Object.prototype.toString.call(e)===a,_isBoolean:e=>Object.prototype.toString.call(e)===s,isObject:e=>e instanceof Object,isValidSelector(e){if("string"!=typeof e)return!1;var t=e[0];return"#"===t||"."===t||t===t.toUpperCase()},_sign:e=>0===e?1:e>0?1:-1,requestAnimFrame(e){p.push(e),1===p.length&&y(function(){const e=p;p=[],e.forEach(function(e){e()})})},createCanvasElement(){var e=document.createElement("canvas");try{e.style=e.style||{}}catch(t){}return e},createImageElement:()=>document.createElement("img"),_isInDocument(e){for(;e=e.parentNode;)if(e==document)return!0;return!1},_urlToImage(e,t){var r=v.createImageElement();r.onload=function(){t(r)},r.src=e},_rgbToHex:(e,t,r)=>((1<<24)+(e<<16)+(t<<8)+r).toString(16).slice(1),_hexToRgb(e){e=e.replace(l,h);var t=parseInt(e,16);return{r:t>>16&255,g:t>>8&255,b:255&t}},getRandomColor(){for(var e=(16777215*Math.random()<<0).toString(16);e.length<6;)e=m+e;return l+e},getRGB(e){var t;return e in d?{r:(t=d[e])[0],g:t[1],b:t[2]}:e[0]===l?this._hexToRgb(e.substring(1)):e.substr(0,4)===u?(t=b.exec(e.replace(/ /g,"")),{r:parseInt(t[1],10),g:parseInt(t[2],10),b:parseInt(t[3],10)}):{r:0,g:0,b:0}},colorToRGBA:e=>(e=e||"black",v._namedColorToRBA(e)||v._hex3ColorToRGBA(e)||v._hex6ColorToRGBA(e)||v._rgbColorToRGBA(e)||v._rgbaColorToRGBA(e)||v._hslColorToRGBA(e)),_namedColorToRBA(e){var t=d[e.toLowerCase()];return t?{r:t[0],g:t[1],b:t[2],a:1}:null},_rgbColorToRGBA(e){if(0===e.indexOf("rgb(")){var t=(e=e.match(/rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number);return{r:t[0],g:t[1],b:t[2],a:1}}},_rgbaColorToRGBA(e){if(0===e.indexOf("rgba(")){var t=(e=e.match(/rgba\(([^)]+)\)/)[1]).split(/ *, */).map((e,t)=>"%"===e.slice(-1)?3===t?parseInt(e)/100:parseInt(e)/100*255:Number(e));return{r:t[0],g:t[1],b:t[2],a:t[3]}}},_hex6ColorToRGBA(e){if("#"===e[0]&&7===e.length)return{r:parseInt(e.slice(1,3),16),g:parseInt(e.slice(3,5),16),b:parseInt(e.slice(5,7),16),a:1}},_hex3ColorToRGBA(e){if("#"===e[0]&&4===e.length)return{r:parseInt(e[1]+e[1],16),g:parseInt(e[2]+e[2],16),b:parseInt(e[3]+e[3],16),a:1}},_hslColorToRGBA(e){if(/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.test(e)){const[t,...r]=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(e),i=Number(r[0])/360,a=Number(r[1])/100,s=Number(r[2])/100;let o,n,l;if(0===a)return l=255*s,{r:Math.round(l),g:Math.round(l),b:Math.round(l),a:1};const h=2*s-(o=s<.5?s*(1+a):s+a-s*a),m=[0,0,0];for(let e=0;e<3;e++)(n=i+1/3*-(e-1))<0&&n++,n>1&&n--,l=6*n<1?h+6*(o-h)*n:2*n<1?o:3*n<2?h+(o-h)*(2/3-n)*6:h,m[e]=255*l;return{r:Math.round(m[0]),g:Math.round(m[1]),b:Math.round(m[2]),a:1}}},haveIntersection:(e,t)=>!(t.x>e.x+e.width||t.x+t.width<e.x||t.y>e.y+e.height||t.y+t.height<e.y),cloneObject(e){var t={};for(var r in e)this._isPlainObject(e[r])?t[r]=this.cloneObject(e[r]):this._isArray(e[r])?t[r]=this.cloneArray(e[r]):t[r]=e[r];return t},cloneArray:e=>e.slice(0),degToRad:e=>e*o,radToDeg:e=>e*n,_degToRad:e=>(v.warn("Util._degToRad is removed. Please use public Util.degToRad instead."),v.degToRad(e)),_radToDeg:e=>(v.warn("Util._radToDeg is removed. Please use public Util.radToDeg instead."),v.radToDeg(e)),_getRotation:t=>e.Konva.angleDeg?v.radToDeg(t):t,_capitalize:e=>e.charAt(0).toUpperCase()+e.slice(1),throw(e){throw new Error(c+e)},error(e){console.error(c+e)},warn(t){e.Konva.showWarnings&&console.warn(g+t)},each(e,t){for(var r in e)t(r,e[r])},_inRange:(e,t,r)=>t<=e&&e<r,_getProjectionToSegment(e,t,r,i,a,s){var o,n,l,h=(e-r)*(e-r)+(t-i)*(t-i);if(0==h)o=e,n=t,l=(a-r)*(a-r)+(s-i)*(s-i);else{var m=((a-e)*(r-e)+(s-t)*(i-t))/h;m<0?(o=e,n=t,l=(e-a)*(e-a)+(t-s)*(t-s)):m>1?(o=r,n=i,l=(r-a)*(r-a)+(i-s)*(i-s)):l=((o=e+m*(r-e))-a)*(o-a)+((n=t+m*(i-t))-s)*(n-s)}return[o,n,l]},_getProjectionToLine(e,t,r){var i=v.cloneObject(e),a=Number.MAX_VALUE;return t.forEach(function(s,o){if(r||o!==t.length-1){var n=t[(o+1)%t.length],l=v._getProjectionToSegment(s.x,s.y,n.x,n.y,e.x,e.y),h=l[0],m=l[1],g=l[2];g<a&&(i.x=h,i.y=m,a=g)}}),i},_prepareArrayForTween(e,t,r){var i,a=[],s=[];if(e.length>t.length){var o=t;t=e,e=o}for(i=0;i<e.length;i+=2)a.push({x:e[i],y:e[i+1]});for(i=0;i<t.length;i+=2)s.push({x:t[i],y:t[i+1]});var n=[];return s.forEach(function(e){var t=v._getProjectionToLine(e,a,r);n.push(t.x),n.push(t.y)}),n},_prepareToStringify(e){var t;for(var r in e.visitedByCircularReferenceRemoval=!0,e)if(e.hasOwnProperty(r)&&e[r]&&"object"==typeof e[r])if(t=Object.getOwnPropertyDescriptor(e,r),e[r].visitedByCircularReferenceRemoval||v._isElement(e[r])){if(!t.configurable)return null;delete e[r]}else if(null===v._prepareToStringify(e[r])){if(!t.configurable)return null;delete e[r]}return delete e.visitedByCircularReferenceRemoval,e},_assign(e,t){for(var r in t)e[r]=t[r];return e},_getFirstPointerId:e=>e.touches?e.changedTouches[0].identifier:e.pointerId||999};exports.Util=v;
 },{"./Global.js":"bIDB"}],"tgRR":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RGBComponent=r,exports.alphaComponent=n,exports.getNumberValidator=a,exports.getNumberOrArrayOfNumbersValidator=o,exports.getNumberOrAutoValidator=u,exports.getStringValidator=l,exports.getStringOrGradientValidator=s,exports.getFunctionValidator=f,exports.getNumberArrayValidator=b,exports.getBooleanValidator=d,exports.getComponentValidator=c;var t=require("./Global.js"),i=require("./Util.js");function e(t){return i.Util._isString(t)?'"'+t+'"':"[object Number]"===Object.prototype.toString.call(t)?t:i.Util._isBoolean(t)?t:Object.prototype.toString.call(t)}function r(t){return t>255?255:t<0?0:Math.round(t)}function n(t){return t>1?1:t<1e-4?1e-4:t}function a(){if(t.Konva.isUnminified)return function(t,r){return i.Util._isNumber(t)||i.Util.warn(e(t)+' is a not valid value for "'+r+'" attribute. The value should be a number.'),t}}function o(r){if(t.Konva.isUnminified)return function(t,n){let a=i.Util._isNumber(t),o=i.Util._isArray(t)&&t.length==r;return a||o||i.Util.warn(e(t)+' is a not valid value for "'+n+'" attribute. The value should be a number or Array<number>('+r+")"),t}}function u(){if(t.Konva.isUnminified)return function(t,r){return i.Util._isNumber(t)||"auto"===t||i.Util.warn(e(t)+' is a not valid value for "'+r+'" attribute. The value should be a number or "auto".'),t}}function l(){if(t.Konva.isUnminified)return function(t,r){return i.Util._isString(t)||i.Util.warn(e(t)+' is a not valid value for "'+r+'" attribute. The value should be a string.'),t}}function s(){if(t.Konva.isUnminified)return function(t,r){const n=i.Util._isString(t),a="[object CanvasGradient]"===Object.prototype.toString.call(t)||t&&t.addColorStop;return n||a||i.Util.warn(e(t)+' is a not valid value for "'+r+'" attribute. The value should be a string or a native gradient.'),t}}function f(){if(t.Konva.isUnminified)return function(t,r){return i.Util._isFunction(t)||i.Util.warn(e(t)+' is a not valid value for "'+r+'" attribute. The value should be a function.'),t}}function b(){if(t.Konva.isUnminified)return function(t,r){return i.Util._isArray(t)?t.forEach(function(t){i.Util._isNumber(t)||i.Util.warn('"'+r+'" attribute has non numeric element '+t+". Make sure that all elements are numbers.")}):i.Util.warn(e(t)+' is a not valid value for "'+r+'" attribute. The value should be a array of numbers.'),t}}function d(){if(t.Konva.isUnminified)return function(t,r){return!0===t||!1===t||i.Util.warn(e(t)+' is a not valid value for "'+r+'" attribute. The value should be a boolean.'),t}}function c(r){if(t.Konva.isUnminified)return function(t,n){return i.Util.isObject(t)||i.Util.warn(e(t)+' is a not valid value for "'+n+'" attribute. The value should be an object with properties '+r),t}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.RGBComponent=n,exports.alphaComponent=r,exports.getNumberValidator=a,exports.getNumberOrArrayOfNumbersValidator=o,exports.getNumberOrAutoValidator=u,exports.getStringValidator=l,exports.getStringOrGradientValidator=s,exports.getFunctionValidator=f,exports.getNumberArrayValidator=b,exports.getBooleanValidator=d,exports.getComponentValidator=c;var t=require("./Global.js"),e=require("./Util.js");function i(t){return e.Util._isString(t)?'"'+t+'"':"[object Number]"===Object.prototype.toString.call(t)?t:e.Util._isBoolean(t)?t:Object.prototype.toString.call(t)}function n(t){return t>255?255:t<0?0:Math.round(t)}function r(t){return t>1?1:t<1e-4?1e-4:t}function a(){if(t.Konva.isUnminified)return function(t,n){return e.Util._isNumber(t)||e.Util.warn(i(t)+' is a not valid value for "'+n+'" attribute. The value should be a number.'),t}}function o(n){if(t.Konva.isUnminified)return function(t,r){let a=e.Util._isNumber(t),o=e.Util._isArray(t)&&t.length==n;return a||o||e.Util.warn(i(t)+' is a not valid value for "'+r+'" attribute. The value should be a number or Array<number>('+n+")"),t}}function u(){if(t.Konva.isUnminified)return function(t,n){return e.Util._isNumber(t)||"auto"===t||e.Util.warn(i(t)+' is a not valid value for "'+n+'" attribute. The value should be a number or "auto".'),t}}function l(){if(t.Konva.isUnminified)return function(t,n){return e.Util._isString(t)||e.Util.warn(i(t)+' is a not valid value for "'+n+'" attribute. The value should be a string.'),t}}function s(){if(t.Konva.isUnminified)return function(t,n){const r=e.Util._isString(t),a="[object CanvasGradient]"===Object.prototype.toString.call(t)||t&&t.addColorStop;return r||a||e.Util.warn(i(t)+' is a not valid value for "'+n+'" attribute. The value should be a string or a native gradient.'),t}}function f(){if(t.Konva.isUnminified)return function(t,n){return e.Util._isFunction(t)||e.Util.warn(i(t)+' is a not valid value for "'+n+'" attribute. The value should be a function.'),t}}function b(){if(t.Konva.isUnminified)return function(t,n){const r=Int8Array?Object.getPrototypeOf(Int8Array):null;return r&&t instanceof r?t:(e.Util._isArray(t)?t.forEach(function(t){e.Util._isNumber(t)||e.Util.warn('"'+n+'" attribute has non numeric element '+t+". Make sure that all elements are numbers.")}):e.Util.warn(i(t)+' is a not valid value for "'+n+'" attribute. The value should be a array of numbers.'),t)}}function d(){if(t.Konva.isUnminified)return function(t,n){return!0===t||!1===t||e.Util.warn(i(t)+' is a not valid value for "'+n+'" attribute. The value should be a boolean.'),t}}function c(n){if(t.Konva.isUnminified)return function(t,r){return null==t?t:(e.Util.isObject(t)||e.Util.warn(i(t)+' is a not valid value for "'+r+'" attribute. The value should be an object with properties '+n),t)}}
 },{"./Global.js":"bIDB","./Util.js":"XIcS"}],"cgGB":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Factory=void 0;var t=require("./Util.js"),e=require("./Validators.js"),r="get",i="set";const o={addGetterSetter(t,e,r,i,a){o.addGetter(t,e,r),o.addSetter(t,e,i,a),o.addOverloadedGetterSetter(t,e)},addGetter(e,i,o){var a=r+t.Util._capitalize(i);e.prototype[a]=e.prototype[a]||function(){var t=this.attrs[i];return void 0===t?o:t}},addSetter(e,r,a,d){var l=i+t.Util._capitalize(r);e.prototype[l]||o.overWriteSetter(e,r,a,d)},overWriteSetter(e,r,o,a){var d=i+t.Util._capitalize(r);e.prototype[d]=function(t){return o&&null!=t&&(t=o.call(this,t,r)),this._setAttr(r,t),a&&a.call(this),this}},addComponentsGetterSetter(a,d,l,p,n){var s,c,v=l.length,h=t.Util._capitalize,u=r+h(d),y=i+h(d);a.prototype[u]=function(){var t={};for(s=0;s<v;s++)t[c=l[s]]=this.getAttr(d+h(c));return t};var f=(0,e.getComponentValidator)(l);a.prototype[y]=function(t){var e,r=this.attrs[d];for(e in p&&(t=p.call(this,t)),f&&f.call(this,t,d),t)t.hasOwnProperty(e)&&this._setAttr(d+h(e),t[e]);return this._fireChangeEvent(d,r,t),n&&n.call(this),this},o.addOverloadedGetterSetter(a,d)},addOverloadedGetterSetter(e,o){var a=t.Util._capitalize(o),d=i+a,l=r+a;e.prototype[o]=function(){return arguments.length?(this[d](arguments[0]),this):this[l]()}},addDeprecatedGetterSetter(e,i,a,d){t.Util.error("Adding deprecated "+i);var l=r+t.Util._capitalize(i),p=i+" property is deprecated and will be removed soon. Look at Konva change log for more information.";e.prototype[l]=function(){t.Util.error(p);var e=this.attrs[i];return void 0===e?a:e},o.addSetter(e,i,d,function(){t.Util.error(p)}),o.addOverloadedGetterSetter(e,i)},backCompat(e,o){t.Util.each(o,function(o,a){var d=e.prototype[a],l=r+t.Util._capitalize(o),p=i+t.Util._capitalize(o);function n(){d.apply(this,arguments),t.Util.error('"'+o+'" method is deprecated and will be removed soon. Use ""'+a+'" instead.')}e.prototype[o]=n,e.prototype[l]=n,e.prototype[p]=n})},afterSetFilter(){this._filterUpToDate=!1}};exports.Factory=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Factory=void 0;var t=require("./Util.js"),e=require("./Validators.js"),r="get",i="set";const o={addGetterSetter(t,e,r,i,a){o.addGetter(t,e,r),o.addSetter(t,e,i,a),o.addOverloadedGetterSetter(t,e)},addGetter(e,i,o){var a=r+t.Util._capitalize(i);e.prototype[a]=e.prototype[a]||function(){var t=this.attrs[i];return void 0===t?o:t}},addSetter(e,r,a,d){var l=i+t.Util._capitalize(r);e.prototype[l]||o.overWriteSetter(e,r,a,d)},overWriteSetter(e,r,o,a){var d=i+t.Util._capitalize(r);e.prototype[d]=function(t){return o&&null!=t&&(t=o.call(this,t,r)),this._setAttr(r,t),a&&a.call(this),this}},addComponentsGetterSetter(a,d,l,p,n){var s,c,h=l.length,v=t.Util._capitalize,u=r+v(d),f=i+v(d);a.prototype[u]=function(){var t={};for(s=0;s<h;s++)t[c=l[s]]=this.getAttr(d+v(c));return t};var y=(0,e.getComponentValidator)(l);a.prototype[f]=function(t){var e,r=this.attrs[d];for(e in p&&(t=p.call(this,t)),y&&y.call(this,t,d),t)t.hasOwnProperty(e)&&this._setAttr(d+v(e),t[e]);return t||l.forEach(t=>{this._setAttr(d+v(t),void 0)}),this._fireChangeEvent(d,r,t),n&&n.call(this),this},o.addOverloadedGetterSetter(a,d)},addOverloadedGetterSetter(e,o){var a=t.Util._capitalize(o),d=i+a,l=r+a;e.prototype[o]=function(){return arguments.length?(this[d](arguments[0]),this):this[l]()}},addDeprecatedGetterSetter(e,i,a,d){t.Util.error("Adding deprecated "+i);var l=r+t.Util._capitalize(i),p=i+" property is deprecated and will be removed soon. Look at Konva change log for more information.";e.prototype[l]=function(){t.Util.error(p);var e=this.attrs[i];return void 0===e?a:e},o.addSetter(e,i,d,function(){t.Util.error(p)}),o.addOverloadedGetterSetter(e,i)},backCompat(e,o){t.Util.each(o,function(o,a){var d=e.prototype[a],l=r+t.Util._capitalize(o),p=i+t.Util._capitalize(o);function n(){d.apply(this,arguments),t.Util.error('"'+o+'" method is deprecated and will be removed soon. Use ""'+a+'" instead.')}e.prototype[o]=n,e.prototype[l]=n,e.prototype[p]=n})},afterSetFilter(){this._filterUpToDate=!1}};exports.Factory=o;
 },{"./Util.js":"XIcS","./Validators.js":"tgRR"}],"pIAY":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HitContext=exports.SceneContext=exports.Context=void 0;var t=require("./Util.js"),e=require("./Global.js");function a(e){var a,i,r=[],s=e.length,o=t.Util;for(a=0;a<s;a++)i=e[a],o._isNumber(i)?i=Math.round(1e3*i)/1e3:o._isString(i)||(i+=""),r.push(i);return r}var i=",",r="(",s=")",o="([",l="])",n=";",h="()",c="=",_=["arc","arcTo","beginPath","bezierCurveTo","clearRect","clip","closePath","createLinearGradient","createPattern","createRadialGradient","drawImage","ellipse","fill","fillText","getImageData","createImageData","lineTo","moveTo","putImageData","quadraticCurveTo","rect","restore","rotate","save","scale","setLineDash","setTransform","stroke","strokeText","transform","translate"],f=["fillStyle","strokeStyle","shadowColor","shadowBlur","shadowOffsetX","shadowOffsetY","lineCap","lineDashOffset","lineJoin","lineWidth","miterLimit","font","textAlign","textBaseline","globalAlpha","globalCompositeOperation","imageSmoothingEnabled"];const d=100;class x{constructor(t){this.canvas=t,this._context=t._canvas.getContext("2d"),e.Konva.enableTrace&&(this.traceArr=[],this._enableTrace())}fillShape(t){t.fillEnabled()&&this._fill(t)}_fill(t){}strokeShape(t){t.hasStroke()&&this._stroke(t)}_stroke(t){}fillStrokeShape(t){t.attrs.fillAfterStrokeEnabled?(this.strokeShape(t),this.fillShape(t)):(this.fillShape(t),this.strokeShape(t))}getTrace(e,a){var _,f,d,x,g=this.traceArr,p=g.length,v="";for(_=0;_<p;_++)(d=(f=g[_]).method)?(x=f.args,v+=d,e?v+=h:t.Util._isArray(x[0])?v+=o+x.join(i)+l:(a&&(x=x.map(t=>"number"==typeof t?Math.floor(t):t)),v+=r+x.join(i)+s)):(v+=f.property,e||(v+=c+f.val)),v+=n;return v}clearTrace(){this.traceArr=[]}_trace(t){var e=this.traceArr;e.push(t),e.length>=d&&e.shift()}reset(){var t=this.getCanvas().getPixelRatio();this.setTransform(1*t,0,0,1*t,0,0)}getCanvas(){return this.canvas}clear(t){var e=this.getCanvas();t?this.clearRect(t.x||0,t.y||0,t.width||0,t.height||0):this.clearRect(0,0,e.getWidth()/e.pixelRatio,e.getHeight()/e.pixelRatio)}_applyLineCap(t){var e=t.getLineCap();e&&this.setAttr("lineCap",e)}_applyOpacity(t){var e=t.getAbsoluteOpacity();1!==e&&this.setAttr("globalAlpha",e)}_applyLineJoin(t){var e=t.attrs.lineJoin;e&&this.setAttr("lineJoin",e)}setAttr(t,e){this._context[t]=e}arc(t,e,a,i,r,s){this._context.arc(t,e,a,i,r,s)}arcTo(t,e,a,i,r){this._context.arcTo(t,e,a,i,r)}beginPath(){this._context.beginPath()}bezierCurveTo(t,e,a,i,r,s){this._context.bezierCurveTo(t,e,a,i,r,s)}clearRect(t,e,a,i){this._context.clearRect(t,e,a,i)}clip(){this._context.clip()}closePath(){this._context.closePath()}createImageData(t,e){var a=arguments;return 2===a.length?this._context.createImageData(t,e):1===a.length?this._context.createImageData(t):void 0}createLinearGradient(t,e,a,i){return this._context.createLinearGradient(t,e,a,i)}createPattern(t,e){return this._context.createPattern(t,e)}createRadialGradient(t,e,a,i,r,s){return this._context.createRadialGradient(t,e,a,i,r,s)}drawImage(t,e,a,i,r,s,o,l,n){var h=arguments,c=this._context;3===h.length?c.drawImage(t,e,a):5===h.length?c.drawImage(t,e,a,i,r):9===h.length&&c.drawImage(t,e,a,i,r,s,o,l,n)}ellipse(t,e,a,i,r,s,o,l){this._context.ellipse(t,e,a,i,r,s,o,l)}isPointInPath(t,e){return this._context.isPointInPath(t,e)}fill(t){t?this._context.fill(t):this._context.fill()}fillRect(t,e,a,i){this._context.fillRect(t,e,a,i)}strokeRect(t,e,a,i){this._context.strokeRect(t,e,a,i)}fillText(t,e,a,i){i?this._context.fillText(t,e,a,i):this._context.fillText(t,e,a)}measureText(t){return this._context.measureText(t)}getImageData(t,e,a,i){return this._context.getImageData(t,e,a,i)}lineTo(t,e){this._context.lineTo(t,e)}moveTo(t,e){this._context.moveTo(t,e)}rect(t,e,a,i){this._context.rect(t,e,a,i)}putImageData(t,e,a){this._context.putImageData(t,e,a)}quadraticCurveTo(t,e,a,i){this._context.quadraticCurveTo(t,e,a,i)}restore(){this._context.restore()}rotate(t){this._context.rotate(t)}save(){this._context.save()}scale(t,e){this._context.scale(t,e)}setLineDash(t){this._context.setLineDash?this._context.setLineDash(t):"mozDash"in this._context?this._context.mozDash=t:"webkitLineDash"in this._context&&(this._context.webkitLineDash=t)}getLineDash(){return this._context.getLineDash()}setTransform(t,e,a,i,r,s){this._context.setTransform(t,e,a,i,r,s)}stroke(t){t?this._context.stroke(t):this._context.stroke()}strokeText(t,e,a,i){this._context.strokeText(t,e,a,i)}transform(t,e,a,i,r,s){this._context.transform(t,e,a,i,r,s)}translate(t,e){this._context.translate(t,e)}_enableTrace(){var t,e,i=this,r=_.length,s=this.setAttr,o=function(t){var r,s=i[t];i[t]=function(){return e=a(Array.prototype.slice.call(arguments,0)),r=s.apply(i,arguments),i._trace({method:t,args:e}),r}};for(t=0;t<r;t++)o(_[t]);i.setAttr=function(){s.apply(i,arguments);var t=arguments[0],e=arguments[1];"shadowOffsetX"!==t&&"shadowOffsetY"!==t&&"shadowBlur"!==t||(e/=this.canvas.getPixelRatio()),i._trace({property:t,val:e})}}_applyGlobalCompositeOperation(t){const e=t.attrs.globalCompositeOperation;!e||"source-over"===e||this.setAttr("globalCompositeOperation",e)}}exports.Context=x,f.forEach(function(t){Object.defineProperty(x.prototype,t,{get(){return this._context[t]},set(e){this._context[t]=e}})});class g extends x{_fillColor(t){var e=t.fill();this.setAttr("fillStyle",e),t._fillFunc(this)}_fillPattern(t){this.setAttr("fillStyle",t._getFillPattern()),t._fillFunc(this)}_fillLinearGradient(t){var e=t._getLinearGradient();e&&(this.setAttr("fillStyle",e),t._fillFunc(this))}_fillRadialGradient(t){var e=t._getRadialGradient();e&&(this.setAttr("fillStyle",e),t._fillFunc(this))}_fill(t){var e=t.fill(),a=t.getFillPriority();if(e&&"color"===a)this._fillColor(t);else{var i=t.getFillPatternImage();if(i&&"pattern"===a)this._fillPattern(t);else{var r=t.getFillLinearGradientColorStops();if(r&&"linear-gradient"===a)this._fillLinearGradient(t);else{var s=t.getFillRadialGradientColorStops();s&&"radial-gradient"===a?this._fillRadialGradient(t):e?this._fillColor(t):i?this._fillPattern(t):r?this._fillLinearGradient(t):s&&this._fillRadialGradient(t)}}}}_strokeLinearGradient(t){var e=t.getStrokeLinearGradientStartPoint(),a=t.getStrokeLinearGradientEndPoint(),i=t.getStrokeLinearGradientColorStops(),r=this.createLinearGradient(e.x,e.y,a.x,a.y);if(i){for(var s=0;s<i.length;s+=2)r.addColorStop(i[s],i[s+1]);this.setAttr("strokeStyle",r)}}_stroke(t){var e=t.dash(),a=t.getStrokeScaleEnabled();if(t.hasStroke()){if(!a){this.save();var i=this.getCanvas().getPixelRatio();this.setTransform(i,0,0,i,0,0)}this._applyLineCap(t),e&&t.dashEnabled()&&(this.setLineDash(e),this.setAttr("lineDashOffset",t.dashOffset())),this.setAttr("lineWidth",t.strokeWidth()),t.getShadowForStrokeEnabled()||this.setAttr("shadowColor","rgba(0,0,0,0)"),t.getStrokeLinearGradientColorStops()?this._strokeLinearGradient(t):this.setAttr("strokeStyle",t.stroke()),t._strokeFunc(this),a||this.restore()}}_applyShadow(t){var e,a,i,r=null!==(e=t.getShadowRGBA())&&void 0!==e?e:"black",s=null!==(a=t.getShadowBlur())&&void 0!==a?a:5,o=null!==(i=t.getShadowOffset())&&void 0!==i?i:{x:0,y:0},l=t.getAbsoluteScale(),n=this.canvas.getPixelRatio(),h=l.x*n,c=l.y*n;this.setAttr("shadowColor",r),this.setAttr("shadowBlur",s*Math.min(Math.abs(h),Math.abs(c))),this.setAttr("shadowOffsetX",o.x*h),this.setAttr("shadowOffsetY",o.y*c)}}exports.SceneContext=g;class p extends x{_fill(t){this.save(),this.setAttr("fillStyle",t.colorKey),t._fillFuncHit(this),this.restore()}strokeShape(t){t.hasHitStroke()&&this._stroke(t)}_stroke(t){if(t.hasHitStroke()){var e=t.getStrokeScaleEnabled();if(!e){this.save();var a=this.getCanvas().getPixelRatio();this.setTransform(a,0,0,a,0,0)}this._applyLineCap(t);var i=t.hitStrokeWidth(),r="auto"===i?t.strokeWidth():i;this.setAttr("lineWidth",r),this.setAttr("strokeStyle",t.colorKey),t._strokeFuncHit(this),e||this.restore()}}}exports.HitContext=p;
 },{"./Util.js":"XIcS","./Global.js":"bIDB"}],"KydS":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HitCanvas=exports.SceneCanvas=exports.Canvas=void 0;var t,e=require("./Util.js"),i=require("./Context.js"),s=require("./Global.js"),a=require("./Factory.js"),h=require("./Validators.js");function o(){if(t)return t;var i=e.Util.createCanvasElement().getContext("2d");return t=(s.Konva._global.devicePixelRatio||1)/(i.webkitBackingStorePixelRatio||i.mozBackingStorePixelRatio||i.msBackingStorePixelRatio||i.oBackingStorePixelRatio||i.backingStorePixelRatio||1)}class r{constructor(t){this.pixelRatio=1,this.width=0,this.height=0,this.isCache=!1;var i=(t||{}).pixelRatio||s.Konva.pixelRatio||o();this.pixelRatio=i,this._canvas=e.Util.createCanvasElement(),this._canvas.style.padding="0",this._canvas.style.margin="0",this._canvas.style.border="0",this._canvas.style.background="transparent",this._canvas.style.position="absolute",this._canvas.style.top="0",this._canvas.style.left="0"}getContext(){return this.context}getPixelRatio(){return this.pixelRatio}setPixelRatio(t){var e=this.pixelRatio;this.pixelRatio=t,this.setSize(this.getWidth()/e,this.getHeight()/e)}setWidth(t){this.width=this._canvas.width=t*this.pixelRatio,this._canvas.style.width=t+"px";var e=this.pixelRatio;this.getContext()._context.scale(e,e)}setHeight(t){this.height=this._canvas.height=t*this.pixelRatio,this._canvas.style.height=t+"px";var e=this.pixelRatio;this.getContext()._context.scale(e,e)}getWidth(){return this.width}getHeight(){return this.height}setSize(t,e){this.setWidth(t||0),this.setHeight(e||0)}toDataURL(t,i){try{return this._canvas.toDataURL(t,i)}catch(s){try{return this._canvas.toDataURL()}catch(a){return e.Util.error("Unable to get data URL. "+a.message+" For more info read https://konvajs.org/docs/posts/Tainted_Canvas.html."),""}}}}exports.Canvas=r,a.Factory.addGetterSetter(r,"pixelRatio",void 0,(0,h.getNumberValidator)());class n extends r{constructor(t={width:0,height:0}){super(t),this.context=new i.SceneContext(this),this.setSize(t.width,t.height)}}exports.SceneCanvas=n;class c extends r{constructor(t={width:0,height:0}){super(t),this.hitCanvas=!0,this.context=new i.HitContext(this),this.setSize(t.width,t.height)}}exports.HitCanvas=c;
 },{"./Util.js":"XIcS","./Context.js":"pIAY","./Global.js":"bIDB","./Factory.js":"cgGB","./Validators.js":"tgRR"}],"XvfD":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DD=void 0;var e=require("./Global.js"),t=require("./Util.js");const r={get isDragging(){var e=!1;return r._dragElements.forEach(t=>{"dragging"===t.dragStatus&&(e=!0)}),e},justDragged:!1,get node(){var e;return r._dragElements.forEach(t=>{e=t.node}),e},_dragElements:new Map,_drag(e){const n=[];r._dragElements.forEach((r,a)=>{const{node:d}=r,o=d.getStage();o.setPointersPositions(e),void 0===r.pointerId&&(r.pointerId=t.Util._getFirstPointerId(e));const s=o._changedPointerPositions.find(e=>e.id===r.pointerId);if(s){if("dragging"!==r.dragStatus){var i=d.dragDistance();if(Math.max(Math.abs(s.x-r.startPointerPos.x),Math.abs(s.y-r.startPointerPos.y))<i)return;if(d.startDrag({evt:e}),!d.isDragging())return}d._setDragPosition(e,r),n.push(d)}}),n.forEach(t=>{t.fire("dragmove",{type:"dragmove",target:t,evt:e},!0)})},_endDragBefore(t){r._dragElements.forEach(n=>{const{node:a}=n,d=a.getStage();if(t&&d.setPointersPositions(t),!d._changedPointerPositions.find(e=>e.id===n.pointerId))return;"dragging"!==n.dragStatus&&"stopped"!==n.dragStatus||(r.justDragged=!0,e.Konva._mouseListenClick=!1,e.Konva._touchListenClick=!1,e.Konva._pointerListenClick=!1,n.dragStatus="stopped");const o=n.node.getLayer()||n.node instanceof e.Konva.Stage&&n.node;o&&o.batchDraw()})},_endDragAfter(e){r._dragElements.forEach((t,n)=>{"stopped"===t.dragStatus&&t.node.fire("dragend",{type:"dragend",target:t.node,evt:e},!0),"dragging"!==t.dragStatus&&r._dragElements.delete(n)})}};exports.DD=r,e.Konva.isBrowser&&(window.addEventListener("mouseup",r._endDragBefore,!0),window.addEventListener("touchend",r._endDragBefore,!0),window.addEventListener("mousemove",r._drag),window.addEventListener("touchmove",r._drag),window.addEventListener("mouseup",r._endDragAfter,!1),window.addEventListener("touchend",r._endDragAfter,!1));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DD=void 0;var e=require("./Global.js"),t=require("./Util.js");const r={get isDragging(){var e=!1;return r._dragElements.forEach(t=>{"dragging"===t.dragStatus&&(e=!0)}),e},justDragged:!1,get node(){var e;return r._dragElements.forEach(t=>{e=t.node}),e},_dragElements:new Map,_drag(e){const n=[];r._dragElements.forEach((r,a)=>{const{node:d}=r,o=d.getStage();o.setPointersPositions(e),void 0===r.pointerId&&(r.pointerId=t.Util._getFirstPointerId(e));const s=o._changedPointerPositions.find(e=>e.id===r.pointerId);if(s){if("dragging"!==r.dragStatus){var i=d.dragDistance();if(Math.max(Math.abs(s.x-r.startPointerPos.x),Math.abs(s.y-r.startPointerPos.y))<i)return;if(d.startDrag({evt:e}),!d.isDragging())return}d._setDragPosition(e,r),n.push(d)}}),n.forEach(t=>{t.fire("dragmove",{type:"dragmove",target:t,evt:e},!0)})},_endDragBefore(t){const n=[];r._dragElements.forEach(a=>{const{node:d}=a,o=d.getStage();if(t&&o.setPointersPositions(t),!o._changedPointerPositions.find(e=>e.id===a.pointerId))return;"dragging"!==a.dragStatus&&"stopped"!==a.dragStatus||(r.justDragged=!0,e.Konva._mouseListenClick=!1,e.Konva._touchListenClick=!1,e.Konva._pointerListenClick=!1,a.dragStatus="stopped");const s=a.node.getLayer()||a.node instanceof e.Konva.Stage&&a.node;s&&-1===n.indexOf(s)&&n.push(s)}),n.forEach(e=>{e.draw()})},_endDragAfter(e){r._dragElements.forEach((t,n)=>{"stopped"===t.dragStatus&&t.node.fire("dragend",{type:"dragend",target:t.node,evt:e},!0),"dragging"!==t.dragStatus&&r._dragElements.delete(n)})}};exports.DD=r,e.Konva.isBrowser&&(window.addEventListener("mouseup",r._endDragBefore,!0),window.addEventListener("touchend",r._endDragBefore,!0),window.addEventListener("mousemove",r._drag),window.addEventListener("touchmove",r._drag),window.addEventListener("mouseup",r._endDragAfter,!1),window.addEventListener("touchend",r._endDragAfter,!1));
 },{"./Global.js":"bIDB","./Util.js":"XIcS"}],"pBWF":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Node=void 0;var t=require("./Util.js"),e=require("./Factory.js"),i=require("./Canvas.js"),s=require("./Global.js"),r=require("./DragAndDrop.js"),a=require("./Validators.js"),n="absoluteOpacity",h="allEventListeners",o="absoluteTransform",l="absoluteScale",c="canvas",g="Change",d="children",f="konva",u="listening",p="mouseenter",_="mouseleave",v="name",m="set",y="Shape",C=" ",b="stage",x="transform",D="Stage",w="visible",S=["xChange.konva","yChange.konva","scaleXChange.konva","scaleYChange.konva","skewXChange.konva","skewYChange.konva","rotationChange.konva","offsetXChange.konva","offsetYChange.konva","transformsEnabledChange.konva"].join(C);let A=1;class T{constructor(t){this._id=A++,this.eventListeners={},this.attrs={},this.index=0,this._allEventListeners=null,this.parent=null,this._cache=new Map,this._attachedDepsListeners=new Map,this._lastPos=null,this._batchingTransformChange=!1,this._needClearTransformCache=!1,this._filterUpToDate=!1,this._isUnderCache=!1,this._dragEventId=null,this._shouldFireChangeEvents=!1,this.setAttrs(t),this._shouldFireChangeEvents=!0}hasChildren(){return!1}_clearCache(t){t!==x&&t!==o||!this._cache.get(t)?t?this._cache.delete(t):this._cache.clear():this._cache.get(t).dirty=!0}_getCache(t,e){var i=this._cache.get(t);return(void 0===i||(t===x||t===o)&&!0===i.dirty)&&(i=e.call(this),this._cache.set(t,i)),i}_calculate(t,e,i){if(!this._attachedDepsListeners.get(t)){const i=e.map(t=>t+"Change.konva").join(C);this.on(i,()=>{this._clearCache(t)}),this._attachedDepsListeners.set(t,!0)}return this._getCache(t,i)}_getCanvasCache(){return this._cache.get(c)}_clearSelfAndDescendantCache(t){this._clearCache(t),t===o&&this.fire("absoluteTransformChange")}clearCache(){return this._cache.delete(c),this._clearSelfAndDescendantCache(),this._requestDraw(),this}cache(e){var s=e||{},r={};void 0!==s.x&&void 0!==s.y&&void 0!==s.width&&void 0!==s.height||(r=this.getClientRect({skipTransform:!0,relativeTo:this.getParent()}));var a=Math.ceil(s.width||r.width),h=Math.ceil(s.height||r.height),o=s.pixelRatio,g=void 0===s.x?Math.floor(r.x):s.x,d=void 0===s.y?Math.floor(r.y):s.y,f=s.offset||0,u=s.drawBorder||!1,p=s.hitCanvasPixelRatio||1;if(a&&h){a+=2*f+1,h+=2*f+1,g-=f,d-=f;var _=new i.SceneCanvas({pixelRatio:o,width:a,height:h}),v=new i.SceneCanvas({pixelRatio:o,width:0,height:0}),m=new i.HitCanvas({pixelRatio:p,width:a,height:h}),y=_.getContext(),C=m.getContext();return m.isCache=!0,_.isCache=!0,this._cache.delete(c),this._filterUpToDate=!1,!1===s.imageSmoothingEnabled&&(_.getContext()._context.imageSmoothingEnabled=!1,v.getContext()._context.imageSmoothingEnabled=!1),y.save(),C.save(),y.translate(-g,-d),C.translate(-g,-d),this._isUnderCache=!0,this._clearSelfAndDescendantCache(n),this._clearSelfAndDescendantCache(l),this.drawScene(_,this),this.drawHit(m,this),this._isUnderCache=!1,y.restore(),C.restore(),u&&(y.save(),y.beginPath(),y.rect(0,0,a,h),y.closePath(),y.setAttr("strokeStyle","red"),y.setAttr("lineWidth",5),y.stroke(),y.restore()),this._cache.set(c,{scene:_,filter:v,hit:m,x:g,y:d}),this._requestDraw(),this}t.Util.error("Can not cache the node. Width or height of the node equals 0. Caching is skipped.")}isCached(){return this._cache.has(c)}getClientRect(t){throw new Error('abstract "getClientRect" method call')}_transformedRect(t,e){var i,s,r,a,n=[{x:t.x,y:t.y},{x:t.x+t.width,y:t.y},{x:t.x+t.width,y:t.y+t.height},{x:t.x,y:t.y+t.height}],h=this.getAbsoluteTransform(e);return n.forEach(function(t){var e=h.point(t);void 0===i&&(i=r=e.x,s=a=e.y),i=Math.min(i,e.x),s=Math.min(s,e.y),r=Math.max(r,e.x),a=Math.max(a,e.y)}),{x:i,y:s,width:r-i,height:a-s}}_drawCachedSceneCanvas(t){t.save(),t._applyOpacity(this),t._applyGlobalCompositeOperation(this);const e=this._getCanvasCache();t.translate(e.x,e.y);var i=this._getCachedSceneCanvas(),s=i.pixelRatio;t.drawImage(i._canvas,0,0,i.width/s,i.height/s),t.restore()}_drawCachedHitCanvas(t){var e=this._getCanvasCache(),i=e.hit;t.save(),t.translate(e.x,e.y),t.drawImage(i._canvas,0,0,i.width/i.pixelRatio,i.height/i.pixelRatio),t.restore()}_getCachedSceneCanvas(){var e,i,s,r,a=this.filters(),n=this._getCanvasCache(),h=n.scene,o=n.filter,l=o.getContext();if(a){if(!this._filterUpToDate){var c=h.pixelRatio;o.setSize(h.width/h.pixelRatio,h.height/h.pixelRatio);try{for(e=a.length,l.clear(),l.drawImage(h._canvas,0,0,h.getWidth()/c,h.getHeight()/c),i=l.getImageData(0,0,o.getWidth(),o.getHeight()),s=0;s<e;s++)"function"==typeof(r=a[s])?(r.call(this,i),l.putImageData(i,0,0)):t.Util.error("Filter should be type of function, but got "+typeof r+" instead. Please check correct filters")}catch(g){t.Util.error("Unable to apply filter. "+g.message+" This post my help you https://konvajs.org/docs/posts/Tainted_Canvas.html.")}this._filterUpToDate=!0}return o}return h}on(t,e){if(this._cache&&this._cache.delete(h),3===arguments.length)return this._delegate.apply(this,arguments);var i,s,r,a,n=t.split(C),o=n.length;for(i=0;i<o;i++)r=(s=n[i].split("."))[0],a=s[1]||"",this.eventListeners[r]||(this.eventListeners[r]=[]),this.eventListeners[r].push({name:a,handler:e});return this}off(t,e){var i,s,r,a,n,o=(t||"").split(C),l=o.length;if(this._cache&&this._cache.delete(h),!t)for(s in this.eventListeners)this._off(s);for(i=0;i<l;i++)if(a=(r=o[i].split("."))[0],n=r[1],a)this.eventListeners[a]&&this._off(a,n,e);else for(s in this.eventListeners)this._off(s,n,e);return this}dispatchEvent(t){var e={target:this,type:t.type,evt:t};return this.fire(t.type,e),this}addEventListener(t,e){return this.on(t,function(t){e.call(this,t.evt)}),this}removeEventListener(t){return this.off(t),this}_delegate(e,i,s){var r=this;this.on(e,function(e){for(var a=e.target.findAncestors(i,!0,r),n=0;n<a.length;n++)(e=t.Util.cloneObject(e)).currentTarget=a[n],s.call(a[n],e)})}remove(){return this.isDragging()&&this.stopDrag(),r.DD._dragElements.delete(this._id),this._remove(),this}_clearCaches(){this._clearSelfAndDescendantCache(o),this._clearSelfAndDescendantCache(n),this._clearSelfAndDescendantCache(l),this._clearSelfAndDescendantCache(b),this._clearSelfAndDescendantCache(w),this._clearSelfAndDescendantCache(u)}_remove(){this._clearCaches();var t=this.getParent();t&&t.children&&(t.children.splice(this.index,1),t._setChildrenIndices(),this.parent=null)}destroy(){return this.remove(),this}getAttr(e){var i="get"+t.Util._capitalize(e);return t.Util._isFunction(this[i])?this[i]():this.attrs[e]}getAncestors(){for(var t=this.getParent(),e=[];t;)e.push(t),t=t.getParent();return e}getAttrs(){return this.attrs||{}}setAttrs(e){return this._batchTransformChanges(()=>{var i,s;if(!e)return this;for(i in e)i!==d&&(s=m+t.Util._capitalize(i),t.Util._isFunction(this[s])?this[s](e[i]):this._setAttr(i,e[i]))}),this}isListening(){return this._getCache(u,this._isListening)}_isListening(t){if(!this.listening())return!1;const e=this.getParent();return!e||e===t||this===t||e._isListening(t)}isVisible(){return this._getCache(w,this._isVisible)}_isVisible(t){if(!this.visible())return!1;const e=this.getParent();return!e||e===t||this===t||e._isVisible(t)}shouldDrawHit(t,e=!1){if(t)return this._isVisible(t)&&this._isListening(t);var i=this.getLayer(),a=!1;r.DD._dragElements.forEach(t=>{"dragging"===t.dragStatus&&("Stage"===t.node.nodeType?a=!0:t.node.getLayer()===i&&(a=!0))});var n=!e&&!s.Konva.hitOnDragEnabled&&a;return this.isListening()&&this.isVisible()&&!n}show(){return this.visible(!0),this}hide(){return this.visible(!1),this}getZIndex(){return this.index||0}getAbsoluteZIndex(){var t,e,i,s,r=this.getDepth(),a=this,n=0;return a.nodeType!==D&&function h(o){for(t=[],e=o.length,i=0;i<e;i++)s=o[i],n++,s.nodeType!==y&&(t=t.concat(s.getChildren().slice())),s._id===a._id&&(i=e);t.length>0&&t[0].getDepth()<=r&&h(t)}(a.getStage().getChildren()),n}getDepth(){for(var t=0,e=this.parent;e;)t++,e=e.parent;return t}_batchTransformChanges(t){this._batchingTransformChange=!0,t(),this._batchingTransformChange=!1,this._needClearTransformCache&&(this._clearCache(x),this._clearSelfAndDescendantCache(o)),this._needClearTransformCache=!1}setPosition(t){return this._batchTransformChanges(()=>{this.x(t.x),this.y(t.y)}),this}getPosition(){return{x:this.x(),y:this.y()}}getRelativePointerPosition(){if(!this.getStage())return null;var t=this.getStage().getPointerPosition();if(!t)return null;var e=this.getAbsoluteTransform().copy();return e.invert(),e.point(t)}getAbsolutePosition(e){let i=!1,s=this.parent;for(;s;){if(s.isCached()){i=!0;break}s=s.parent}i&&!e&&(e=!0);var r=this.getAbsoluteTransform(e).getMatrix(),a=new t.Transform,n=this.offset();return a.m=r.slice(),a.translate(n.x,n.y),a.getTranslation()}setAbsolutePosition(t){var e=this._clearTransform();this.attrs.x=e.x,this.attrs.y=e.y,delete e.x,delete e.y,this._clearCache(x);var i=this._getAbsoluteTransform().copy();return i.invert(),i.translate(t.x,t.y),t={x:this.attrs.x+i.getTranslation().x,y:this.attrs.y+i.getTranslation().y},this._setTransform(e),this.setPosition({x:t.x,y:t.y}),this._clearCache(x),this._clearSelfAndDescendantCache(o),this}_setTransform(t){var e;for(e in t)this.attrs[e]=t[e]}_clearTransform(){var t={x:this.x(),y:this.y(),rotation:this.rotation(),scaleX:this.scaleX(),scaleY:this.scaleY(),offsetX:this.offsetX(),offsetY:this.offsetY(),skewX:this.skewX(),skewY:this.skewY()};return this.attrs.x=0,this.attrs.y=0,this.attrs.rotation=0,this.attrs.scaleX=1,this.attrs.scaleY=1,this.attrs.offsetX=0,this.attrs.offsetY=0,this.attrs.skewX=0,this.attrs.skewY=0,t}move(t){var e=t.x,i=t.y,s=this.x(),r=this.y();return void 0!==e&&(s+=e),void 0!==i&&(r+=i),this.setPosition({x:s,y:r}),this}_eachAncestorReverse(t,e){var i,s,r=[],a=this.getParent();if(!e||e._id!==this._id){for(r.unshift(this);a&&(!e||a._id!==e._id);)r.unshift(a),a=a.parent;for(i=r.length,s=0;s<i;s++)t(r[s])}}rotate(t){return this.rotation(this.rotation()+t),this}moveToTop(){if(!this.parent)return t.Util.warn("Node has no parent. moveToTop function is ignored."),!1;var e=this.index;return e<this.parent.getChildren().length-1&&(this.parent.children.splice(e,1),this.parent.children.push(this),this.parent._setChildrenIndices(),!0)}moveUp(){if(!this.parent)return t.Util.warn("Node has no parent. moveUp function is ignored."),!1;var e=this.index;return e<this.parent.getChildren().length-1&&(this.parent.children.splice(e,1),this.parent.children.splice(e+1,0,this),this.parent._setChildrenIndices(),!0)}moveDown(){if(!this.parent)return t.Util.warn("Node has no parent. moveDown function is ignored."),!1;var e=this.index;return e>0&&(this.parent.children.splice(e,1),this.parent.children.splice(e-1,0,this),this.parent._setChildrenIndices(),!0)}moveToBottom(){if(!this.parent)return t.Util.warn("Node has no parent. moveToBottom function is ignored."),!1;var e=this.index;return e>0&&(this.parent.children.splice(e,1),this.parent.children.unshift(this),this.parent._setChildrenIndices(),!0)}setZIndex(e){if(!this.parent)return t.Util.warn("Node has no parent. zIndex parameter is ignored."),this;(e<0||e>=this.parent.children.length)&&t.Util.warn("Unexpected value "+e+" for zIndex property. zIndex is just index of a node in children of its parent. Expected value is from 0 to "+(this.parent.children.length-1)+".");var i=this.index;return this.parent.children.splice(i,1),this.parent.children.splice(e,0,this),this.parent._setChildrenIndices(),this}getAbsoluteOpacity(){return this._getCache(n,this._getAbsoluteOpacity)}_getAbsoluteOpacity(){var t=this.opacity(),e=this.getParent();return e&&!e._isUnderCache&&(t*=e.getAbsoluteOpacity()),t}moveTo(t){return this.getParent()!==t&&(this._remove(),t.add(this)),this}toObject(){var e,i,s,r,a={},n=this.getAttrs();for(e in a.attrs={},n)i=n[e],t.Util.isObject(i)&&!t.Util._isPlainObject(i)&&!t.Util._isArray(i)||(s="function"==typeof this[e]&&this[e],delete n[e],r=s?s.call(this):null,n[e]=i,r!==i&&(a.attrs[e]=i));return a.className=this.getClassName(),t.Util._prepareToStringify(a)}toJSON(){return JSON.stringify(this.toObject())}getParent(){return this.parent}findAncestors(t,e,i){var s=[];e&&this._isMatch(t)&&s.push(this);for(var r=this.parent;r;){if(r===i)return s;r._isMatch(t)&&s.push(r),r=r.parent}return s}isAncestorOf(t){return!1}findAncestor(t,e,i){return this.findAncestors(t,e,i)[0]}_isMatch(e){if(!e)return!1;if("function"==typeof e)return e(this);var i,s,r=e.replace(/ /g,"").split(","),a=r.length;for(i=0;i<a;i++)if(s=r[i],t.Util.isValidSelector(s)||(t.Util.warn('Selector "'+s+'" is invalid. Allowed selectors examples are "#foo", ".bar" or "Group".'),t.Util.warn('If you have a custom shape with such className, please change it to start with upper letter like "Triangle".'),t.Util.warn("Konva is awesome, right?")),"#"===s.charAt(0)){if(this.id()===s.slice(1))return!0}else if("."===s.charAt(0)){if(this.hasName(s.slice(1)))return!0}else if(this.className===s||this.nodeType===s)return!0;return!1}getLayer(){var t=this.getParent();return t?t.getLayer():null}getStage(){return this._getCache(b,this._getStage)}_getStage(){var t=this.getParent();return t?t.getStage():void 0}fire(t,e={},i){return e.target=e.target||this,i?this._fireAndBubble(t,e):this._fire(t,e),this}getAbsoluteTransform(t){return t?this._getAbsoluteTransform(t):this._getCache(o,this._getAbsoluteTransform)}_getAbsoluteTransform(e){var i;if(e)return i=new t.Transform,this._eachAncestorReverse(function(t){var e=t.transformsEnabled();"all"===e?i.multiply(t.getTransform()):"position"===e&&i.translate(t.x()-t.offsetX(),t.y()-t.offsetY())},e),i;i=this._cache.get(o)||new t.Transform,this.parent?this.parent.getAbsoluteTransform().copyInto(i):i.reset();var s=this.transformsEnabled();if("all"===s)i.multiply(this.getTransform());else if("position"===s){const t=this.attrs.x||0,e=this.attrs.y||0,s=this.attrs.offsetX||0,r=this.attrs.offsetY||0;i.translate(t-s,e-r)}return i.dirty=!1,i}getAbsoluteScale(t){for(var e=this;e;)e._isUnderCache&&(t=e),e=e.getParent();const i=this.getAbsoluteTransform(t).decompose();return{x:i.scaleX,y:i.scaleY}}getAbsoluteRotation(){return this.getAbsoluteTransform().decompose().rotation}getTransform(){return this._getCache(x,this._getTransform)}_getTransform(){var e,i,r=this._cache.get(x)||new t.Transform;r.reset();var a=this.x(),n=this.y(),h=s.Konva.getAngle(this.rotation()),o=null!==(e=this.attrs.scaleX)&&void 0!==e?e:1,l=null!==(i=this.attrs.scaleY)&&void 0!==i?i:1,c=this.attrs.skewX||0,g=this.attrs.skewY||0,d=this.attrs.offsetX||0,f=this.attrs.offsetY||0;return 0===a&&0===n||r.translate(a,n),0!==h&&r.rotate(h),0===c&&0===g||r.skew(c,g),1===o&&1===l||r.scale(o,l),0===d&&0===f||r.translate(-1*d,-1*f),r.dirty=!1,r}clone(e){var i,s,r,a,n,h=t.Util.cloneObject(this.attrs);for(i in e)h[i]=e[i];var o=new this.constructor(h);for(i in this.eventListeners)for(r=(s=this.eventListeners[i]).length,a=0;a<r;a++)(n=s[a]).name.indexOf(f)<0&&(o.eventListeners[i]||(o.eventListeners[i]=[]),o.eventListeners[i].push(n));return o}_toKonvaCanvas(t){t=t||{};var e=this.getClientRect(),s=this.getStage(),r=void 0!==t.x?t.x:Math.floor(e.x),a=void 0!==t.y?t.y:Math.floor(e.y),n=t.pixelRatio||1,h=new i.SceneCanvas({width:t.width||Math.ceil(e.width)||(s?s.width():0),height:t.height||Math.ceil(e.height)||(s?s.height():0),pixelRatio:n}),o=h.getContext();return!1===t.imageSmoothingEnabled&&(o._context.imageSmoothingEnabled=!1),o.save(),(r||a)&&o.translate(-1*r,-1*a),this.drawScene(h),o.restore(),h}toCanvas(t){return this._toKonvaCanvas(t)._canvas}toDataURL(t){var e=(t=t||{}).mimeType||null,i=t.quality||null,s=this._toKonvaCanvas(t).toDataURL(e,i);return t.callback&&t.callback(s),s}toImage(e){if(!e||!e.callback)throw"callback required for toImage method config argument";var i=e.callback;delete e.callback,t.Util._urlToImage(this.toDataURL(e),function(t){i(t)})}setSize(t){return this.width(t.width),this.height(t.height),this}getSize(){return{width:this.width(),height:this.height()}}getClassName(){return this.className||this.nodeType}getType(){return this.nodeType}getDragDistance(){return void 0!==this.attrs.dragDistance?this.attrs.dragDistance:this.parent?this.parent.getDragDistance():s.Konva.dragDistance}_off(t,e,i){var s,r,a,n=this.eventListeners[t];for(s=0;s<n.length;s++)if(r=n[s].name,a=n[s].handler,!("konva"===r&&"konva"!==e||e&&r!==e||i&&i!==a)){if(n.splice(s,1),0===n.length){delete this.eventListeners[t];break}s--}}_fireChangeEvent(t,e,i){this._fire(t+g,{oldVal:e,newVal:i})}addName(t){if(!this.hasName(t)){var e=this.name(),i=e?e+" "+t:t;this.name(i)}return this}hasName(t){if(!t)return!1;const e=this.name();return!!e&&-1!==(e||"").split(/\s/g).indexOf(t)}removeName(t){var e=(this.name()||"").split(/\s/g),i=e.indexOf(t);return-1!==i&&(e.splice(i,1),this.name(e.join(" "))),this}setAttr(e,i){var s=this[m+t.Util._capitalize(e)];return t.Util._isFunction(s)?s.call(this,i):this._setAttr(e,i),this}_requestDraw(){if(s.Konva.autoDrawEnabled){const t=this.getLayer()||this.getStage();null==t||t.batchDraw()}}_setAttr(e,i){var s=this.attrs[e];(s!==i||t.Util.isObject(i))&&(null==i?delete this.attrs[e]:this.attrs[e]=i,this._shouldFireChangeEvents&&this._fireChangeEvent(e,s,i),this._requestDraw())}_setComponentAttr(t,e,i){var s;void 0!==i&&((s=this.attrs[t])||(this.attrs[t]=this.getAttr(t)),this.attrs[t][e]=i,this._fireChangeEvent(t,s,i))}_fireAndBubble(t,e,i){if(e&&this.nodeType===y&&(e.target=this),!((t===p||t===_)&&(i&&(this===i||this.isAncestorOf&&this.isAncestorOf(i))||"Stage"===this.nodeType&&!i))){this._fire(t,e);var s=(t===p||t===_)&&i&&i.isAncestorOf&&i.isAncestorOf(this)&&!i.isAncestorOf(this.parent);(e&&!e.cancelBubble||!e)&&this.parent&&this.parent.isListening()&&!s&&(i&&i.parent?this._fireAndBubble.call(this.parent,t,e,i):this._fireAndBubble.call(this.parent,t,e))}}_getProtoListeners(t){let e=this._cache.get(h);if(!e){e={};let t=Object.getPrototypeOf(this);for(;t;)if(t.eventListeners){for(var i in t.eventListeners){const s=t.eventListeners[i],r=e[i]||[];e[i]=s.concat(r)}t=Object.getPrototypeOf(t)}else t=Object.getPrototypeOf(t);this._cache.set(h,e)}return e[t]}_fire(t,e){(e=e||{}).currentTarget=this,e.type=t;const i=this._getProtoListeners(t);if(i)for(var s=0;s<i.length;s++)i[s].handler.call(this,e);const r=this.eventListeners[t];if(r)for(s=0;s<r.length;s++)r[s].handler.call(this,e)}draw(){return this.drawScene(),this.drawHit(),this}_createDragElement(t){var e=t?t.pointerId:void 0,i=this.getStage(),s=this.getAbsolutePosition(),a=i._getPointerById(e)||i._changedPointerPositions[0]||s;r.DD._dragElements.set(this._id,{node:this,startPointerPos:a,offset:{x:a.x-s.x,y:a.y-s.y},dragStatus:"ready",pointerId:e})}startDrag(t,e=!0){r.DD._dragElements.has(this._id)||this._createDragElement(t),r.DD._dragElements.get(this._id).dragStatus="dragging",this.fire("dragstart",{type:"dragstart",target:this,evt:t&&t.evt},e)}_setDragPosition(e,i){const s=this.getStage()._getPointerById(i.pointerId);if(s){var r={x:s.x-i.offset.x,y:s.y-i.offset.y},a=this.dragBoundFunc();if(void 0!==a){const i=a.call(this,r,e);i?r=i:t.Util.warn("dragBoundFunc did not return any value. That is unexpected behavior. You must return new absolute position from dragBoundFunc.")}this._lastPos&&this._lastPos.x===r.x&&this._lastPos.y===r.y||(this.setAbsolutePosition(r),this._requestDraw()),this._lastPos=r}}stopDrag(t){const e=r.DD._dragElements.get(this._id);e&&(e.dragStatus="stopped"),r.DD._endDragBefore(t),r.DD._endDragAfter(t)}setDraggable(t){this._setAttr("draggable",t),this._dragChange()}isDragging(){const t=r.DD._dragElements.get(this._id);return!!t&&"dragging"===t.dragStatus}_listenDrag(){this._dragCleanup(),this.on("mousedown.konva touchstart.konva",function(t){if((!(void 0!==t.evt.button)||s.Konva.dragButtons.indexOf(t.evt.button)>=0)&&!this.isDragging()){var e=!1;r.DD._dragElements.forEach(t=>{this.isAncestorOf(t.node)&&(e=!0)}),e||this._createDragElement(t)}})}_dragChange(){if(this.attrs.draggable)this._listenDrag();else{if(this._dragCleanup(),!this.getStage())return;const t=r.DD._dragElements.get(this._id),e=t&&"dragging"===t.dragStatus,i=t&&"ready"===t.dragStatus;e?this.stopDrag():i&&r.DD._dragElements.delete(this._id)}}_dragCleanup(){this.off("mousedown.konva"),this.off("touchstart.konva")}isClientRectOnScreen(e={x:0,y:0}){const i=this.getStage();if(!i)return!1;const s={x:-e.x,y:-e.y,width:i.width()+2*e.x,height:i.height()+2*e.y};return t.Util.haveIntersection(s,this.getClientRect())}static create(e,i){return t.Util._isString(e)&&(e=JSON.parse(e)),this._createNode(e,i)}static _createNode(e,i){var r,a,n,h=T.prototype.getClassName.call(e),o=e.children;if(i&&(e.attrs.container=i),s.Konva[h]||(t.Util.warn('Can not find a node with class name "'+h+'". Fallback to "Shape".'),h="Shape"),r=new(0,s.Konva[h])(e.attrs),o)for(a=o.length,n=0;n<a;n++)r.add(T._createNode(o[n]));return r}}exports.Node=T,T.prototype.nodeType="Node",T.prototype._attrsAffectingSize=[],T.prototype.eventListeners={},T.prototype.on.call(T.prototype,S,function(){this._batchingTransformChange?this._needClearTransformCache=!0:(this._clearCache(x),this._clearSelfAndDescendantCache(o))}),T.prototype.on.call(T.prototype,"visibleChange.konva",function(){this._clearSelfAndDescendantCache(w)}),T.prototype.on.call(T.prototype,"listeningChange.konva",function(){this._clearSelfAndDescendantCache(u)}),T.prototype.on.call(T.prototype,"opacityChange.konva",function(){this._clearSelfAndDescendantCache(n)});const k=e.Factory.addGetterSetter;k(T,"zIndex"),k(T,"absolutePosition"),k(T,"position"),k(T,"x",0,(0,a.getNumberValidator)()),k(T,"y",0,(0,a.getNumberValidator)()),k(T,"globalCompositeOperation","source-over",(0,a.getStringValidator)()),k(T,"opacity",1,(0,a.getNumberValidator)()),k(T,"name","",(0,a.getStringValidator)()),k(T,"id","",(0,a.getStringValidator)()),k(T,"rotation",0,(0,a.getNumberValidator)()),e.Factory.addComponentsGetterSetter(T,"scale",["x","y"]),k(T,"scaleX",1,(0,a.getNumberValidator)()),k(T,"scaleY",1,(0,a.getNumberValidator)()),e.Factory.addComponentsGetterSetter(T,"skew",["x","y"]),k(T,"skewX",0,(0,a.getNumberValidator)()),k(T,"skewY",0,(0,a.getNumberValidator)()),e.Factory.addComponentsGetterSetter(T,"offset",["x","y"]),k(T,"offsetX",0,(0,a.getNumberValidator)()),k(T,"offsetY",0,(0,a.getNumberValidator)()),k(T,"dragDistance",null,(0,a.getNumberValidator)()),k(T,"width",0,(0,a.getNumberValidator)()),k(T,"height",0,(0,a.getNumberValidator)()),k(T,"listening",!0,(0,a.getBooleanValidator)()),k(T,"preventDefault",!0,(0,a.getBooleanValidator)()),k(T,"filters",null,function(t){return this._filterUpToDate=!1,t}),k(T,"visible",!0,(0,a.getBooleanValidator)()),k(T,"transformsEnabled","all",(0,a.getStringValidator)()),k(T,"size"),k(T,"dragBoundFunc"),k(T,"draggable",!1,(0,a.getBooleanValidator)()),e.Factory.backCompat(T,{rotateDeg:"rotate",setRotationDeg:"setRotation",getRotationDeg:"getRotation"});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Node=void 0;var t=require("./Util.js"),e=require("./Factory.js"),i=require("./Canvas.js"),s=require("./Global.js"),r=require("./DragAndDrop.js"),a=require("./Validators.js"),n="absoluteOpacity",h="allEventListeners",o="absoluteTransform",l="absoluteScale",c="canvas",g="Change",d="children",f="konva",u="listening",p="mouseenter",_="mouseleave",v="name",m="set",y="Shape",C=" ",b="stage",x="transform",D="Stage",w="visible",S=["xChange.konva","yChange.konva","scaleXChange.konva","scaleYChange.konva","skewXChange.konva","skewYChange.konva","rotationChange.konva","offsetXChange.konva","offsetYChange.konva","transformsEnabledChange.konva"].join(C);let A=1;class T{constructor(t){this._id=A++,this.eventListeners={},this.attrs={},this.index=0,this._allEventListeners=null,this.parent=null,this._cache=new Map,this._attachedDepsListeners=new Map,this._lastPos=null,this._batchingTransformChange=!1,this._needClearTransformCache=!1,this._filterUpToDate=!1,this._isUnderCache=!1,this._dragEventId=null,this._shouldFireChangeEvents=!1,this.setAttrs(t),this._shouldFireChangeEvents=!0}hasChildren(){return!1}_clearCache(t){t!==x&&t!==o||!this._cache.get(t)?t?this._cache.delete(t):this._cache.clear():this._cache.get(t).dirty=!0}_getCache(t,e){var i=this._cache.get(t);return(void 0===i||(t===x||t===o)&&!0===i.dirty)&&(i=e.call(this),this._cache.set(t,i)),i}_calculate(t,e,i){if(!this._attachedDepsListeners.get(t)){const i=e.map(t=>t+"Change.konva").join(C);this.on(i,()=>{this._clearCache(t)}),this._attachedDepsListeners.set(t,!0)}return this._getCache(t,i)}_getCanvasCache(){return this._cache.get(c)}_clearSelfAndDescendantCache(t){this._clearCache(t),t===o&&this.fire("absoluteTransformChange")}clearCache(){return this._cache.delete(c),this._clearSelfAndDescendantCache(),this._requestDraw(),this}cache(e){var s=e||{},r={};void 0!==s.x&&void 0!==s.y&&void 0!==s.width&&void 0!==s.height||(r=this.getClientRect({skipTransform:!0,relativeTo:this.getParent()}));var a=Math.ceil(s.width||r.width),h=Math.ceil(s.height||r.height),o=s.pixelRatio,g=void 0===s.x?Math.floor(r.x):s.x,d=void 0===s.y?Math.floor(r.y):s.y,f=s.offset||0,u=s.drawBorder||!1,p=s.hitCanvasPixelRatio||1;if(a&&h){a+=2*f+1,h+=2*f+1,g-=f,d-=f;var _=new i.SceneCanvas({pixelRatio:o,width:a,height:h}),v=new i.SceneCanvas({pixelRatio:o,width:0,height:0}),m=new i.HitCanvas({pixelRatio:p,width:a,height:h}),y=_.getContext(),C=m.getContext();return m.isCache=!0,_.isCache=!0,this._cache.delete(c),this._filterUpToDate=!1,!1===s.imageSmoothingEnabled&&(_.getContext()._context.imageSmoothingEnabled=!1,v.getContext()._context.imageSmoothingEnabled=!1),y.save(),C.save(),y.translate(-g,-d),C.translate(-g,-d),this._isUnderCache=!0,this._clearSelfAndDescendantCache(n),this._clearSelfAndDescendantCache(l),this.drawScene(_,this),this.drawHit(m,this),this._isUnderCache=!1,y.restore(),C.restore(),u&&(y.save(),y.beginPath(),y.rect(0,0,a,h),y.closePath(),y.setAttr("strokeStyle","red"),y.setAttr("lineWidth",5),y.stroke(),y.restore()),this._cache.set(c,{scene:_,filter:v,hit:m,x:g,y:d}),this._requestDraw(),this}t.Util.error("Can not cache the node. Width or height of the node equals 0. Caching is skipped.")}isCached(){return this._cache.has(c)}getClientRect(t){throw new Error('abstract "getClientRect" method call')}_transformedRect(t,e){var i,s,r,a,n=[{x:t.x,y:t.y},{x:t.x+t.width,y:t.y},{x:t.x+t.width,y:t.y+t.height},{x:t.x,y:t.y+t.height}],h=this.getAbsoluteTransform(e);return n.forEach(function(t){var e=h.point(t);void 0===i&&(i=r=e.x,s=a=e.y),i=Math.min(i,e.x),s=Math.min(s,e.y),r=Math.max(r,e.x),a=Math.max(a,e.y)}),{x:i,y:s,width:r-i,height:a-s}}_drawCachedSceneCanvas(t){t.save(),t._applyOpacity(this),t._applyGlobalCompositeOperation(this);const e=this._getCanvasCache();t.translate(e.x,e.y);var i=this._getCachedSceneCanvas(),s=i.pixelRatio;t.drawImage(i._canvas,0,0,i.width/s,i.height/s),t.restore()}_drawCachedHitCanvas(t){var e=this._getCanvasCache(),i=e.hit;t.save(),t.translate(e.x,e.y),t.drawImage(i._canvas,0,0,i.width/i.pixelRatio,i.height/i.pixelRatio),t.restore()}_getCachedSceneCanvas(){var e,i,s,r,a=this.filters(),n=this._getCanvasCache(),h=n.scene,o=n.filter,l=o.getContext();if(a){if(!this._filterUpToDate){var c=h.pixelRatio;o.setSize(h.width/h.pixelRatio,h.height/h.pixelRatio);try{for(e=a.length,l.clear(),l.drawImage(h._canvas,0,0,h.getWidth()/c,h.getHeight()/c),i=l.getImageData(0,0,o.getWidth(),o.getHeight()),s=0;s<e;s++)"function"==typeof(r=a[s])?(r.call(this,i),l.putImageData(i,0,0)):t.Util.error("Filter should be type of function, but got "+typeof r+" instead. Please check correct filters")}catch(g){t.Util.error("Unable to apply filter. "+g.message+" This post my help you https://konvajs.org/docs/posts/Tainted_Canvas.html.")}this._filterUpToDate=!0}return o}return h}on(t,e){if(this._cache&&this._cache.delete(h),3===arguments.length)return this._delegate.apply(this,arguments);var i,s,r,a,n=t.split(C),o=n.length;for(i=0;i<o;i++)r=(s=n[i].split("."))[0],a=s[1]||"",this.eventListeners[r]||(this.eventListeners[r]=[]),this.eventListeners[r].push({name:a,handler:e});return this}off(t,e){var i,s,r,a,n,o=(t||"").split(C),l=o.length;if(this._cache&&this._cache.delete(h),!t)for(s in this.eventListeners)this._off(s);for(i=0;i<l;i++)if(a=(r=o[i].split("."))[0],n=r[1],a)this.eventListeners[a]&&this._off(a,n,e);else for(s in this.eventListeners)this._off(s,n,e);return this}dispatchEvent(t){var e={target:this,type:t.type,evt:t};return this.fire(t.type,e),this}addEventListener(t,e){return this.on(t,function(t){e.call(this,t.evt)}),this}removeEventListener(t){return this.off(t),this}_delegate(e,i,s){var r=this;this.on(e,function(e){for(var a=e.target.findAncestors(i,!0,r),n=0;n<a.length;n++)(e=t.Util.cloneObject(e)).currentTarget=a[n],s.call(a[n],e)})}remove(){return this.isDragging()&&this.stopDrag(),r.DD._dragElements.delete(this._id),this._remove(),this}_clearCaches(){this._clearSelfAndDescendantCache(o),this._clearSelfAndDescendantCache(n),this._clearSelfAndDescendantCache(l),this._clearSelfAndDescendantCache(b),this._clearSelfAndDescendantCache(w),this._clearSelfAndDescendantCache(u)}_remove(){this._clearCaches();var t=this.getParent();t&&t.children&&(t.children.splice(this.index,1),t._setChildrenIndices(),this.parent=null)}destroy(){return this.remove(),this}getAttr(e){var i="get"+t.Util._capitalize(e);return t.Util._isFunction(this[i])?this[i]():this.attrs[e]}getAncestors(){for(var t=this.getParent(),e=[];t;)e.push(t),t=t.getParent();return e}getAttrs(){return this.attrs||{}}setAttrs(e){return this._batchTransformChanges(()=>{var i,s;if(!e)return this;for(i in e)i!==d&&(s=m+t.Util._capitalize(i),t.Util._isFunction(this[s])?this[s](e[i]):this._setAttr(i,e[i]))}),this}isListening(){return this._getCache(u,this._isListening)}_isListening(t){if(!this.listening())return!1;const e=this.getParent();return!e||e===t||this===t||e._isListening(t)}isVisible(){return this._getCache(w,this._isVisible)}_isVisible(t){if(!this.visible())return!1;const e=this.getParent();return!e||e===t||this===t||e._isVisible(t)}shouldDrawHit(t,e=!1){if(t)return this._isVisible(t)&&this._isListening(t);var i=this.getLayer(),a=!1;r.DD._dragElements.forEach(t=>{"dragging"===t.dragStatus&&("Stage"===t.node.nodeType?a=!0:t.node.getLayer()===i&&(a=!0))});var n=!e&&!s.Konva.hitOnDragEnabled&&a;return this.isListening()&&this.isVisible()&&!n}show(){return this.visible(!0),this}hide(){return this.visible(!1),this}getZIndex(){return this.index||0}getAbsoluteZIndex(){var t,e,i,s,r=this.getDepth(),a=this,n=0;return a.nodeType!==D&&function h(o){for(t=[],e=o.length,i=0;i<e;i++)s=o[i],n++,s.nodeType!==y&&(t=t.concat(s.getChildren().slice())),s._id===a._id&&(i=e);t.length>0&&t[0].getDepth()<=r&&h(t)}(a.getStage().getChildren()),n}getDepth(){for(var t=0,e=this.parent;e;)t++,e=e.parent;return t}_batchTransformChanges(t){this._batchingTransformChange=!0,t(),this._batchingTransformChange=!1,this._needClearTransformCache&&(this._clearCache(x),this._clearSelfAndDescendantCache(o)),this._needClearTransformCache=!1}setPosition(t){return this._batchTransformChanges(()=>{this.x(t.x),this.y(t.y)}),this}getPosition(){return{x:this.x(),y:this.y()}}getRelativePointerPosition(){if(!this.getStage())return null;var t=this.getStage().getPointerPosition();if(!t)return null;var e=this.getAbsoluteTransform().copy();return e.invert(),e.point(t)}getAbsolutePosition(e){let i=!1,s=this.parent;for(;s;){if(s.isCached()){i=!0;break}s=s.parent}i&&!e&&(e=!0);var r=this.getAbsoluteTransform(e).getMatrix(),a=new t.Transform,n=this.offset();return a.m=r.slice(),a.translate(n.x,n.y),a.getTranslation()}setAbsolutePosition(t){var e=this._clearTransform();this.attrs.x=e.x,this.attrs.y=e.y,delete e.x,delete e.y,this._clearCache(x);var i=this._getAbsoluteTransform().copy();return i.invert(),i.translate(t.x,t.y),t={x:this.attrs.x+i.getTranslation().x,y:this.attrs.y+i.getTranslation().y},this._setTransform(e),this.setPosition({x:t.x,y:t.y}),this._clearCache(x),this._clearSelfAndDescendantCache(o),this}_setTransform(t){var e;for(e in t)this.attrs[e]=t[e]}_clearTransform(){var t={x:this.x(),y:this.y(),rotation:this.rotation(),scaleX:this.scaleX(),scaleY:this.scaleY(),offsetX:this.offsetX(),offsetY:this.offsetY(),skewX:this.skewX(),skewY:this.skewY()};return this.attrs.x=0,this.attrs.y=0,this.attrs.rotation=0,this.attrs.scaleX=1,this.attrs.scaleY=1,this.attrs.offsetX=0,this.attrs.offsetY=0,this.attrs.skewX=0,this.attrs.skewY=0,t}move(t){var e=t.x,i=t.y,s=this.x(),r=this.y();return void 0!==e&&(s+=e),void 0!==i&&(r+=i),this.setPosition({x:s,y:r}),this}_eachAncestorReverse(t,e){var i,s,r=[],a=this.getParent();if(!e||e._id!==this._id){for(r.unshift(this);a&&(!e||a._id!==e._id);)r.unshift(a),a=a.parent;for(i=r.length,s=0;s<i;s++)t(r[s])}}rotate(t){return this.rotation(this.rotation()+t),this}moveToTop(){if(!this.parent)return t.Util.warn("Node has no parent. moveToTop function is ignored."),!1;var e=this.index;return e<this.parent.getChildren().length-1&&(this.parent.children.splice(e,1),this.parent.children.push(this),this.parent._setChildrenIndices(),!0)}moveUp(){if(!this.parent)return t.Util.warn("Node has no parent. moveUp function is ignored."),!1;var e=this.index;return e<this.parent.getChildren().length-1&&(this.parent.children.splice(e,1),this.parent.children.splice(e+1,0,this),this.parent._setChildrenIndices(),!0)}moveDown(){if(!this.parent)return t.Util.warn("Node has no parent. moveDown function is ignored."),!1;var e=this.index;return e>0&&(this.parent.children.splice(e,1),this.parent.children.splice(e-1,0,this),this.parent._setChildrenIndices(),!0)}moveToBottom(){if(!this.parent)return t.Util.warn("Node has no parent. moveToBottom function is ignored."),!1;var e=this.index;return e>0&&(this.parent.children.splice(e,1),this.parent.children.unshift(this),this.parent._setChildrenIndices(),!0)}setZIndex(e){if(!this.parent)return t.Util.warn("Node has no parent. zIndex parameter is ignored."),this;(e<0||e>=this.parent.children.length)&&t.Util.warn("Unexpected value "+e+" for zIndex property. zIndex is just index of a node in children of its parent. Expected value is from 0 to "+(this.parent.children.length-1)+".");var i=this.index;return this.parent.children.splice(i,1),this.parent.children.splice(e,0,this),this.parent._setChildrenIndices(),this}getAbsoluteOpacity(){return this._getCache(n,this._getAbsoluteOpacity)}_getAbsoluteOpacity(){var t=this.opacity(),e=this.getParent();return e&&!e._isUnderCache&&(t*=e.getAbsoluteOpacity()),t}moveTo(t){return this.getParent()!==t&&(this._remove(),t.add(this)),this}toObject(){var e,i,s,r,a={},n=this.getAttrs();for(e in a.attrs={},n)i=n[e],t.Util.isObject(i)&&!t.Util._isPlainObject(i)&&!t.Util._isArray(i)||(s="function"==typeof this[e]&&this[e],delete n[e],r=s?s.call(this):null,n[e]=i,r!==i&&(a.attrs[e]=i));return a.className=this.getClassName(),t.Util._prepareToStringify(a)}toJSON(){return JSON.stringify(this.toObject())}getParent(){return this.parent}findAncestors(t,e,i){var s=[];e&&this._isMatch(t)&&s.push(this);for(var r=this.parent;r;){if(r===i)return s;r._isMatch(t)&&s.push(r),r=r.parent}return s}isAncestorOf(t){return!1}findAncestor(t,e,i){return this.findAncestors(t,e,i)[0]}_isMatch(e){if(!e)return!1;if("function"==typeof e)return e(this);var i,s,r=e.replace(/ /g,"").split(","),a=r.length;for(i=0;i<a;i++)if(s=r[i],t.Util.isValidSelector(s)||(t.Util.warn('Selector "'+s+'" is invalid. Allowed selectors examples are "#foo", ".bar" or "Group".'),t.Util.warn('If you have a custom shape with such className, please change it to start with upper letter like "Triangle".'),t.Util.warn("Konva is awesome, right?")),"#"===s.charAt(0)){if(this.id()===s.slice(1))return!0}else if("."===s.charAt(0)){if(this.hasName(s.slice(1)))return!0}else if(this.className===s||this.nodeType===s)return!0;return!1}getLayer(){var t=this.getParent();return t?t.getLayer():null}getStage(){return this._getCache(b,this._getStage)}_getStage(){var t=this.getParent();return t?t.getStage():void 0}fire(t,e={},i){return e.target=e.target||this,i?this._fireAndBubble(t,e):this._fire(t,e),this}getAbsoluteTransform(t){return t?this._getAbsoluteTransform(t):this._getCache(o,this._getAbsoluteTransform)}_getAbsoluteTransform(e){var i;if(e)return i=new t.Transform,this._eachAncestorReverse(function(t){var e=t.transformsEnabled();"all"===e?i.multiply(t.getTransform()):"position"===e&&i.translate(t.x()-t.offsetX(),t.y()-t.offsetY())},e),i;i=this._cache.get(o)||new t.Transform,this.parent?this.parent.getAbsoluteTransform().copyInto(i):i.reset();var s=this.transformsEnabled();if("all"===s)i.multiply(this.getTransform());else if("position"===s){const t=this.attrs.x||0,e=this.attrs.y||0,s=this.attrs.offsetX||0,r=this.attrs.offsetY||0;i.translate(t-s,e-r)}return i.dirty=!1,i}getAbsoluteScale(t){for(var e=this;e;)e._isUnderCache&&(t=e),e=e.getParent();const i=this.getAbsoluteTransform(t).decompose();return{x:i.scaleX,y:i.scaleY}}getAbsoluteRotation(){return this.getAbsoluteTransform().decompose().rotation}getTransform(){return this._getCache(x,this._getTransform)}_getTransform(){var e,i,r=this._cache.get(x)||new t.Transform;r.reset();var a=this.x(),n=this.y(),h=s.Konva.getAngle(this.rotation()),o=null!==(e=this.attrs.scaleX)&&void 0!==e?e:1,l=null!==(i=this.attrs.scaleY)&&void 0!==i?i:1,c=this.attrs.skewX||0,g=this.attrs.skewY||0,d=this.attrs.offsetX||0,f=this.attrs.offsetY||0;return 0===a&&0===n||r.translate(a,n),0!==h&&r.rotate(h),0===c&&0===g||r.skew(c,g),1===o&&1===l||r.scale(o,l),0===d&&0===f||r.translate(-1*d,-1*f),r.dirty=!1,r}clone(e){var i,s,r,a,n,h=t.Util.cloneObject(this.attrs);for(i in e)h[i]=e[i];var o=new this.constructor(h);for(i in this.eventListeners)for(r=(s=this.eventListeners[i]).length,a=0;a<r;a++)(n=s[a]).name.indexOf(f)<0&&(o.eventListeners[i]||(o.eventListeners[i]=[]),o.eventListeners[i].push(n));return o}_toKonvaCanvas(t){t=t||{};var e=this.getClientRect(),s=this.getStage(),r=void 0!==t.x?t.x:Math.floor(e.x),a=void 0!==t.y?t.y:Math.floor(e.y),n=t.pixelRatio||1,h=new i.SceneCanvas({width:t.width||Math.ceil(e.width)||(s?s.width():0),height:t.height||Math.ceil(e.height)||(s?s.height():0),pixelRatio:n}),o=h.getContext();return!1===t.imageSmoothingEnabled&&(o._context.imageSmoothingEnabled=!1),o.save(),(r||a)&&o.translate(-1*r,-1*a),this.drawScene(h),o.restore(),h}toCanvas(t){return this._toKonvaCanvas(t)._canvas}toDataURL(t){var e=(t=t||{}).mimeType||null,i=t.quality||null,s=this._toKonvaCanvas(t).toDataURL(e,i);return t.callback&&t.callback(s),s}toImage(e){return new Promise((i,s)=>{try{const a=null==e?void 0:e.callback;a&&delete e.callback,t.Util._urlToImage(this.toDataURL(e),function(t){i(t),null==a||a(t)})}catch(r){s(r)}})}toBlob(t){return new Promise((e,i)=>{try{const r=null==t?void 0:t.callback;r&&delete t.callback,this.toCanvas(t).toBlob(t=>{e(t),null==r||r(t)})}catch(s){i(s)}})}setSize(t){return this.width(t.width),this.height(t.height),this}getSize(){return{width:this.width(),height:this.height()}}getClassName(){return this.className||this.nodeType}getType(){return this.nodeType}getDragDistance(){return void 0!==this.attrs.dragDistance?this.attrs.dragDistance:this.parent?this.parent.getDragDistance():s.Konva.dragDistance}_off(t,e,i){var s,r,a,n=this.eventListeners[t];for(s=0;s<n.length;s++)if(r=n[s].name,a=n[s].handler,!("konva"===r&&"konva"!==e||e&&r!==e||i&&i!==a)){if(n.splice(s,1),0===n.length){delete this.eventListeners[t];break}s--}}_fireChangeEvent(t,e,i){this._fire(t+g,{oldVal:e,newVal:i})}addName(t){if(!this.hasName(t)){var e=this.name(),i=e?e+" "+t:t;this.name(i)}return this}hasName(t){if(!t)return!1;const e=this.name();return!!e&&-1!==(e||"").split(/\s/g).indexOf(t)}removeName(t){var e=(this.name()||"").split(/\s/g),i=e.indexOf(t);return-1!==i&&(e.splice(i,1),this.name(e.join(" "))),this}setAttr(e,i){var s=this[m+t.Util._capitalize(e)];return t.Util._isFunction(s)?s.call(this,i):this._setAttr(e,i),this}_requestDraw(){if(s.Konva.autoDrawEnabled){const t=this.getLayer()||this.getStage();null==t||t.batchDraw()}}_setAttr(e,i){var s=this.attrs[e];(s!==i||t.Util.isObject(i))&&(null==i?delete this.attrs[e]:this.attrs[e]=i,this._shouldFireChangeEvents&&this._fireChangeEvent(e,s,i),this._requestDraw())}_setComponentAttr(t,e,i){var s;void 0!==i&&((s=this.attrs[t])||(this.attrs[t]=this.getAttr(t)),this.attrs[t][e]=i,this._fireChangeEvent(t,s,i))}_fireAndBubble(t,e,i){if(e&&this.nodeType===y&&(e.target=this),!((t===p||t===_)&&(i&&(this===i||this.isAncestorOf&&this.isAncestorOf(i))||"Stage"===this.nodeType&&!i))){this._fire(t,e);var s=(t===p||t===_)&&i&&i.isAncestorOf&&i.isAncestorOf(this)&&!i.isAncestorOf(this.parent);(e&&!e.cancelBubble||!e)&&this.parent&&this.parent.isListening()&&!s&&(i&&i.parent?this._fireAndBubble.call(this.parent,t,e,i):this._fireAndBubble.call(this.parent,t,e))}}_getProtoListeners(t){let e=this._cache.get(h);if(!e){e={};let t=Object.getPrototypeOf(this);for(;t;)if(t.eventListeners){for(var i in t.eventListeners){const s=t.eventListeners[i],r=e[i]||[];e[i]=s.concat(r)}t=Object.getPrototypeOf(t)}else t=Object.getPrototypeOf(t);this._cache.set(h,e)}return e[t]}_fire(t,e){(e=e||{}).currentTarget=this,e.type=t;const i=this._getProtoListeners(t);if(i)for(var s=0;s<i.length;s++)i[s].handler.call(this,e);const r=this.eventListeners[t];if(r)for(s=0;s<r.length;s++)r[s].handler.call(this,e)}draw(){return this.drawScene(),this.drawHit(),this}_createDragElement(t){var e=t?t.pointerId:void 0,i=this.getStage(),s=this.getAbsolutePosition(),a=i._getPointerById(e)||i._changedPointerPositions[0]||s;r.DD._dragElements.set(this._id,{node:this,startPointerPos:a,offset:{x:a.x-s.x,y:a.y-s.y},dragStatus:"ready",pointerId:e})}startDrag(t,e=!0){r.DD._dragElements.has(this._id)||this._createDragElement(t),r.DD._dragElements.get(this._id).dragStatus="dragging",this.fire("dragstart",{type:"dragstart",target:this,evt:t&&t.evt},e)}_setDragPosition(e,i){const s=this.getStage()._getPointerById(i.pointerId);if(s){var r={x:s.x-i.offset.x,y:s.y-i.offset.y},a=this.dragBoundFunc();if(void 0!==a){const i=a.call(this,r,e);i?r=i:t.Util.warn("dragBoundFunc did not return any value. That is unexpected behavior. You must return new absolute position from dragBoundFunc.")}this._lastPos&&this._lastPos.x===r.x&&this._lastPos.y===r.y||(this.setAbsolutePosition(r),this._requestDraw()),this._lastPos=r}}stopDrag(t){const e=r.DD._dragElements.get(this._id);e&&(e.dragStatus="stopped"),r.DD._endDragBefore(t),r.DD._endDragAfter(t)}setDraggable(t){this._setAttr("draggable",t),this._dragChange()}isDragging(){const t=r.DD._dragElements.get(this._id);return!!t&&"dragging"===t.dragStatus}_listenDrag(){this._dragCleanup(),this.on("mousedown.konva touchstart.konva",function(t){if((!(void 0!==t.evt.button)||s.Konva.dragButtons.indexOf(t.evt.button)>=0)&&!this.isDragging()){var e=!1;r.DD._dragElements.forEach(t=>{this.isAncestorOf(t.node)&&(e=!0)}),e||this._createDragElement(t)}})}_dragChange(){if(this.attrs.draggable)this._listenDrag();else{if(this._dragCleanup(),!this.getStage())return;const t=r.DD._dragElements.get(this._id),e=t&&"dragging"===t.dragStatus,i=t&&"ready"===t.dragStatus;e?this.stopDrag():i&&r.DD._dragElements.delete(this._id)}}_dragCleanup(){this.off("mousedown.konva"),this.off("touchstart.konva")}isClientRectOnScreen(e={x:0,y:0}){const i=this.getStage();if(!i)return!1;const s={x:-e.x,y:-e.y,width:i.width()+2*e.x,height:i.height()+2*e.y};return t.Util.haveIntersection(s,this.getClientRect())}static create(e,i){return t.Util._isString(e)&&(e=JSON.parse(e)),this._createNode(e,i)}static _createNode(e,i){var r,a,n,h=T.prototype.getClassName.call(e),o=e.children;if(i&&(e.attrs.container=i),s.Konva[h]||(t.Util.warn('Can not find a node with class name "'+h+'". Fallback to "Shape".'),h="Shape"),r=new(0,s.Konva[h])(e.attrs),o)for(a=o.length,n=0;n<a;n++)r.add(T._createNode(o[n]));return r}}exports.Node=T,T.prototype.nodeType="Node",T.prototype._attrsAffectingSize=[],T.prototype.eventListeners={},T.prototype.on.call(T.prototype,S,function(){this._batchingTransformChange?this._needClearTransformCache=!0:(this._clearCache(x),this._clearSelfAndDescendantCache(o))}),T.prototype.on.call(T.prototype,"visibleChange.konva",function(){this._clearSelfAndDescendantCache(w)}),T.prototype.on.call(T.prototype,"listeningChange.konva",function(){this._clearSelfAndDescendantCache(u)}),T.prototype.on.call(T.prototype,"opacityChange.konva",function(){this._clearSelfAndDescendantCache(n)});const k=e.Factory.addGetterSetter;k(T,"zIndex"),k(T,"absolutePosition"),k(T,"position"),k(T,"x",0,(0,a.getNumberValidator)()),k(T,"y",0,(0,a.getNumberValidator)()),k(T,"globalCompositeOperation","source-over",(0,a.getStringValidator)()),k(T,"opacity",1,(0,a.getNumberValidator)()),k(T,"name","",(0,a.getStringValidator)()),k(T,"id","",(0,a.getStringValidator)()),k(T,"rotation",0,(0,a.getNumberValidator)()),e.Factory.addComponentsGetterSetter(T,"scale",["x","y"]),k(T,"scaleX",1,(0,a.getNumberValidator)()),k(T,"scaleY",1,(0,a.getNumberValidator)()),e.Factory.addComponentsGetterSetter(T,"skew",["x","y"]),k(T,"skewX",0,(0,a.getNumberValidator)()),k(T,"skewY",0,(0,a.getNumberValidator)()),e.Factory.addComponentsGetterSetter(T,"offset",["x","y"]),k(T,"offsetX",0,(0,a.getNumberValidator)()),k(T,"offsetY",0,(0,a.getNumberValidator)()),k(T,"dragDistance",null,(0,a.getNumberValidator)()),k(T,"width",0,(0,a.getNumberValidator)()),k(T,"height",0,(0,a.getNumberValidator)()),k(T,"listening",!0,(0,a.getBooleanValidator)()),k(T,"preventDefault",!0,(0,a.getBooleanValidator)()),k(T,"filters",null,function(t){return this._filterUpToDate=!1,t}),k(T,"visible",!0,(0,a.getBooleanValidator)()),k(T,"transformsEnabled","all",(0,a.getStringValidator)()),k(T,"size"),k(T,"dragBoundFunc"),k(T,"draggable",!1,(0,a.getBooleanValidator)()),e.Factory.backCompat(T,{rotateDeg:"rotate",setRotationDeg:"setRotation",getRotationDeg:"getRotation"});
 },{"./Util.js":"XIcS","./Factory.js":"cgGB","./Canvas.js":"KydS","./Global.js":"bIDB","./DragAndDrop.js":"XvfD","./Validators.js":"tgRR"}],"Eysw":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Container=void 0;var e=require("./Factory.js"),t=require("./Node.js"),r=require("./Validators.js");class i extends t.Node{constructor(){super(...arguments),this.children=[]}getChildren(e){if(!e)return this.children||[];const t=this.children||[];var r=[];return t.forEach(function(t){e(t)&&r.push(t)}),r}hasChildren(){return this.getChildren().length>0}removeChildren(){return this.getChildren().forEach(e=>{e.parent=null,e.index=0,e.remove()}),this.children=[],this._requestDraw(),this}destroyChildren(){return this.getChildren().forEach(e=>{e.parent=null,e.index=0,e.destroy()}),this.children=[],this._requestDraw(),this}add(...e){if(arguments.length>1){for(var t=0;t<arguments.length;t++)this.add(arguments[t]);return this}var r=e[0];return r.getParent()?(r.moveTo(this),this):(this._validateAdd(r),r.index=this.getChildren().length,r.parent=this,r._clearCaches(),this.getChildren().push(r),this._fire("add",{child:r}),this._requestDraw(),this)}destroy(){return this.hasChildren()&&this.destroyChildren(),super.destroy(),this}find(e){return this._generalFind(e,!1)}findOne(e){var t=this._generalFind(e,!0);return t.length>0?t[0]:void 0}_generalFind(e,t){var r=[];return this._descendants(i=>{const s=i._isMatch(e);return s&&r.push(i),!(!s||!t)}),r}_descendants(e){let t=!1;const r=this.getChildren();for(const i of r){if(t=e(i))return!0;if(i.hasChildren()&&(t=i._descendants(e)))return!0}return!1}toObject(){var e=t.Node.prototype.toObject.call(this);return e.children=[],this.getChildren().forEach(t=>{e.children.push(t.toObject())}),e}isAncestorOf(e){for(var t=e.getParent();t;){if(t._id===this._id)return!0;t=t.getParent()}return!1}clone(e){var r=t.Node.prototype.clone.call(this,e);return this.getChildren().forEach(function(e){r.add(e.clone())}),r}getAllIntersections(e){var t=[];return this.find("Shape").forEach(function(r){r.isVisible()&&r.intersects(e)&&t.push(r)}),t}_clearSelfAndDescendantCache(e){var t;super._clearSelfAndDescendantCache(e),this.isCached()||null===(t=this.children)||void 0===t||t.forEach(function(t){t._clearSelfAndDescendantCache(e)})}_setChildrenIndices(){var e;null===(e=this.children)||void 0===e||e.forEach(function(e,t){e.index=t}),this._requestDraw()}drawScene(e,t){var r=this.getLayer(),i=e||r&&r.getCanvas(),s=i&&i.getContext(),h=this._getCanvasCache(),n=h&&h.scene,a=i&&i.isCache;if(!this.isVisible()&&!a)return this;if(n){s.save();var d=this.getAbsoluteTransform(t).getMatrix();s.transform(d[0],d[1],d[2],d[3],d[4],d[5]),this._drawCachedSceneCanvas(s),s.restore()}else this._drawChildren("drawScene",i,t);return this}drawHit(e,t){if(!this.shouldDrawHit(t))return this;var r=this.getLayer(),i=e||r&&r.hitCanvas,s=i&&i.getContext(),h=this._getCanvasCache();if(h&&h.hit){s.save();var n=this.getAbsoluteTransform(t).getMatrix();s.transform(n[0],n[1],n[2],n[3],n[4],n[5]),this._drawCachedHitCanvas(s),s.restore()}else this._drawChildren("drawHit",i,t);return this}_drawChildren(e,t,r){var i,s=t&&t.getContext(),h=this.clipWidth(),n=this.clipHeight(),a=this.clipFunc(),d=h&&n||a;const o=r===this;if(d){s.save();var l=this.getAbsoluteTransform(r),c=l.getMatrix();if(s.transform(c[0],c[1],c[2],c[3],c[4],c[5]),s.beginPath(),a)a.call(this,s,this);else{var u=this.clipX(),v=this.clipY();s.rect(u,v,h,n)}s.clip(),c=l.copy().invert().getMatrix(),s.transform(c[0],c[1],c[2],c[3],c[4],c[5])}var f=!o&&"source-over"!==this.globalCompositeOperation()&&"drawScene"===e;f&&(s.save(),s._applyGlobalCompositeOperation(this)),null===(i=this.children)||void 0===i||i.forEach(function(i){i[e](t,r)}),f&&s.restore(),d&&s.restore()}getClientRect(e){var t,r,i,s,h,n=(e=e||{}).skipTransform,a=e.relativeTo,d={x:1/0,y:1/0,width:0,height:0},o=this;null===(t=this.children)||void 0===t||t.forEach(function(t){if(t.visible()){var n=t.getClientRect({relativeTo:o,skipShadow:e.skipShadow,skipStroke:e.skipStroke});0===n.width&&0===n.height||(void 0===r?(r=n.x,i=n.y,s=n.x+n.width,h=n.y+n.height):(r=Math.min(r,n.x),i=Math.min(i,n.y),s=Math.max(s,n.x+n.width),h=Math.max(h,n.y+n.height)))}});for(var l=this.find("Shape"),c=!1,u=0;u<l.length;u++){if(l[u]._isVisible(this)){c=!0;break}}return d=c&&void 0!==r?{x:r,y:i,width:s-r,height:h-i}:{x:0,y:0,width:0,height:0},n?d:this._transformedRect(d,a)}}exports.Container=i,e.Factory.addComponentsGetterSetter(i,"clip",["x","y","width","height"]),e.Factory.addGetterSetter(i,"clipX",void 0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(i,"clipY",void 0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(i,"clipWidth",void 0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(i,"clipHeight",void 0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(i,"clipFunc");
 },{"./Factory.js":"cgGB","./Node.js":"pBWF","./Validators.js":"tgRR"}],"Gfsp":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getCapturedShape=n,exports.createEvent=o,exports.hasPointerCapture=i,exports.setPointerCapture=p,exports.releaseCapture=u;var e=require("./Global.js");const t=new Map,r=void 0!==e.Konva._global.PointerEvent;function n(e){return t.get(e)}function o(e){return{evt:e,pointerId:e.pointerId}}function i(e,r){return t.get(e)===r}function p(e,n){u(e),n.getStage()&&(t.set(e,n),r&&n._fire("gotpointercapture",o(new PointerEvent("gotpointercapture"))))}function u(e,n){const i=t.get(e);if(!i)return;const p=i.getStage();p&&p.content,t.delete(e),r&&i._fire("lostpointercapture",o(new PointerEvent("lostpointercapture")))}
 },{"./Global.js":"bIDB"}],"inLU":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Stage=exports.stages=void 0;var t=require("./Util.js"),e=require("./Factory.js"),i=require("./Container.js"),n=require("./Global.js"),r=require("./Canvas.js"),o=require("./DragAndDrop.js"),s=h(require("./PointerEvents.js"));function a(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(a=function(t){return t?i:e})(t)}function h(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var i=a(e);if(i&&i.has(t))return i.get(t);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var s=r?Object.getOwnPropertyDescriptor(t,o):null;s&&(s.get||s.set)?Object.defineProperty(n,o,s):n[o]=t[o]}return n.default=t,i&&i.set(t,n),n}var c="Stage",l="string",p="px",u="mouseout",d="mouseleave",g="mouseover",v="mouseenter",f="mousemove",_="mousedown",P="mouseup",b="pointermove",y="pointerdown",C="pointerup",m="pointercancel",w="lostpointercapture",k="pointerout",D="pointerleave",x="pointerover",S="pointerenter",E="contextmenu",I="touchstart",O="touchend",T="touchmove",j="touchcancel",A="wheel",B=5,K=[[v,"_pointerenter"],[_,"_pointerdown"],[f,"_pointermove"],[P,"_pointerup"],[d,"_pointerleave"],[I,"_pointerdown"],[T,"_pointermove"],[O,"_pointerup"],[j,"_pointercancel"],[g,"_pointerover"],[A,"_wheel"],[E,"_contextmenu"],[y,"_pointerdown"],[b,"_pointermove"],[C,"_pointerup"],[m,"_pointercancel"],[w,"_lostpointercapture"]];const L={mouse:{[k]:u,[D]:d,[x]:g,[S]:v,[b]:f,[y]:_,[C]:P,[m]:"mousecancel",pointerclick:"click",pointerdblclick:"dblclick"},touch:{[k]:"touchout",[D]:"touchleave",[x]:"touchover",[S]:"touchenter",[b]:T,[y]:I,[C]:O,[m]:j,pointerclick:"tap",pointerdblclick:"dbltap"},pointer:{[k]:k,[D]:D,[x]:x,[S]:S,[b]:b,[y]:y,[C]:C,[m]:m,pointerclick:"pointerclick",pointerdblclick:"pointerdblclick"}},M=t=>t.indexOf("pointer")>=0?"pointer":t.indexOf("touch")>=0?"touch":"mouse",U=t=>{const e=M(t);return"pointer"===e?n.Konva.pointerEventsEnabled&&L.pointer:"touch"===e?L.touch:"mouse"===e?L.mouse:void 0};function W(e={}){return(e.clipFunc||e.clipWidth||e.clipHeight)&&t.Util.warn("Stage does not support clipping. Please use clip for Layers or Groups."),e}const Y="Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);",H=[];exports.stages=H;class R extends i.Container{constructor(t){super(W(t)),this._pointerPositions=[],this._changedPointerPositions=[],this._buildDOM(),this._bindContentEvents(),H.push(this),this.on("widthChange.konva heightChange.konva",this._resizeDOM),this.on("visibleChange.konva",this._checkVisibility),this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva",()=>{W(this.attrs)}),this._checkVisibility()}_validateAdd(e){const i="Layer"===e.getType(),n="FastLayer"===e.getType();i||n||t.Util.throw("You may only add layers to the stage.")}_checkVisibility(){if(!this.content)return;const t=this.visible()?"":"none";this.content.style.display=t}setContainer(t){if(typeof t===l){if("."===t.charAt(0)){var e=t.slice(1);t=document.getElementsByClassName(e)[0]}else{var i;i="#"!==t.charAt(0)?t:t.slice(1),t=document.getElementById(i)}if(!t)throw"Can not find container in document with id "+i}return this._setAttr("container",t),this.content&&(this.content.parentElement&&this.content.parentElement.removeChild(this.content),t.appendChild(this.content)),this}shouldDrawHit(){return!0}clear(){var t,e=this.children,i=e.length;for(t=0;t<i;t++)e[t].clear();return this}clone(t){return t||(t={}),t.container="undefined"!=typeof document&&document.createElement("div"),i.Container.prototype.clone.call(this,t)}destroy(){super.destroy();var e=this.content;e&&t.Util._isInDocument(e)&&this.container().removeChild(e);var i=H.indexOf(this);return i>-1&&H.splice(i,1),this}getPointerPosition(){const e=this._pointerPositions[0]||this._changedPointerPositions[0];return e?{x:e.x,y:e.y}:(t.Util.warn(Y),null)}_getPointerById(t){return this._pointerPositions.find(e=>e.id===t)}getPointersPositions(){return this._pointerPositions}getStage(){return this}getContent(){return this.content}_toKonvaCanvas(t){(t=t||{}).x=t.x||0,t.y=t.y||0,t.width=t.width||this.width(),t.height=t.height||this.height();var e=new r.SceneCanvas({width:t.width,height:t.height,pixelRatio:t.pixelRatio||1}),i=e.getContext()._context,n=this.children;return(t.x||t.y)&&i.translate(-1*t.x,-1*t.y),n.forEach(function(e){if(e.isVisible()){var n=e._toKonvaCanvas(t);i.drawImage(n._canvas,t.x,t.y,n.getWidth()/n.getPixelRatio(),n.getHeight()/n.getPixelRatio())}}),e}getIntersection(t){if(!t)return null;var e,i=this.children;for(e=i.length-1;e>=0;e--){const n=i[e].getIntersection(t);if(n)return n}return null}_resizeDOM(){var t=this.width(),e=this.height();this.content&&(this.content.style.width=t+p,this.content.style.height=e+p),this.bufferCanvas.setSize(t,e),this.bufferHitCanvas.setSize(t,e),this.children.forEach(i=>{i.setSize({width:t,height:e}),i.draw()})}add(e,...i){if(arguments.length>1){for(var r=0;r<arguments.length;r++)this.add(arguments[r]);return this}super.add(e);var o=this.children.length;return o>B&&t.Util.warn("The stage has "+o+" layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group."),e.setSize({width:this.width(),height:this.height()}),e.draw(),n.Konva.isBrowser&&this.content.appendChild(e.canvas._canvas),this}getParent(){return null}getLayer(){return null}hasPointerCapture(t){return s.hasPointerCapture(t,this)}setPointerCapture(t){s.setPointerCapture(t,this)}releaseCapture(t){s.releaseCapture(t,this)}getLayers(){return this.children}_bindContentEvents(){n.Konva.isBrowser&&K.forEach(([t,e])=>{this.content.addEventListener(t,t=>{this[e](t)})})}_pointerenter(t){this.setPointersPositions(t);const e=U(t.type);this._fire(e.pointerenter,{evt:t,target:this,currentTarget:this})}_pointerover(t){this.setPointersPositions(t);const e=U(t.type);this._fire(e.pointerover,{evt:t,target:this,currentTarget:this})}_getTargetShape(t){let e=this[t+"targetShape"];return e&&!e.getStage()&&(e=null),e}_pointerleave(t){const e=U(t.type),i=M(t.type);if(e){this.setPointersPositions(t);var r=this._getTargetShape(i),s=!o.DD.isDragging||n.Konva.hitOnDragEnabled;r&&s?(r._fireAndBubble(e.pointerout,{evt:t}),r._fireAndBubble(e.pointerleave,{evt:t}),this._fire(e.pointerleave,{evt:t,target:this,currentTarget:this}),this[i+"targetShape"]=null):s&&(this._fire(e.pointerleave,{evt:t,target:this,currentTarget:this}),this._fire(e.pointerout,{evt:t,target:this,currentTarget:this})),this.pointerPos=void 0,this._pointerPositions=[]}}_pointerdown(t){const e=U(t.type),i=M(t.type);if(e){this.setPointersPositions(t);var r=!1;this._changedPointerPositions.forEach(s=>{var a=this.getIntersection(s);if(o.DD.justDragged=!1,n.Konva["_"+i+"ListenClick"]=!0,!(a&&a.isListening()))return;n.Konva.capturePointerEventsEnabled&&a.setPointerCapture(s.id),this[i+"ClickStartShape"]=a,a._fireAndBubble(e.pointerdown,{evt:t,pointerId:s.id}),r=!0;const h=t.type.indexOf("touch")>=0;a.preventDefault()&&t.cancelable&&h&&t.preventDefault()}),r||this._fire(e.pointerdown,{evt:t,target:this,currentTarget:this,pointerId:this._pointerPositions[0].id})}}_pointermove(t){const e=U(t.type),i=M(t.type);if(!e)return;if(o.DD.isDragging&&o.DD.node.preventDefault()&&t.cancelable&&t.preventDefault(),this.setPointersPositions(t),!(!o.DD.isDragging||n.Konva.hitOnDragEnabled))return;var r={};let a=!1;var h=this._getTargetShape(i);this._changedPointerPositions.forEach(n=>{const o=s.getCapturedShape(n.id)||this.getIntersection(n),c=n.id,l={evt:t,pointerId:c};var p=h!==o;if(p&&h&&(h._fireAndBubble(e.pointerout,Object.assign({},l),o),h._fireAndBubble(e.pointerleave,Object.assign({},l),o)),o){if(r[o._id])return;r[o._id]=!0}o&&o.isListening()?(a=!0,p&&(o._fireAndBubble(e.pointerover,Object.assign({},l),h),o._fireAndBubble(e.pointerenter,Object.assign({},l),h),this[i+"targetShape"]=o),o._fireAndBubble(e.pointermove,Object.assign({},l))):h&&(this._fire(e.pointerover,{evt:t,target:this,currentTarget:this,pointerId:c}),this[i+"targetShape"]=null)}),a||this._fire(e.pointermove,{evt:t,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id})}_pointerup(t){const e=U(t.type),i=M(t.type);if(!e)return;this.setPointersPositions(t);const r=this[i+"ClickStartShape"],a=this[i+"ClickEndShape"];var h={};let c=!1;this._changedPointerPositions.forEach(l=>{const p=s.getCapturedShape(l.id)||this.getIntersection(l);if(p){if(p.releaseCapture(l.id),h[p._id])return;h[p._id]=!0}const u=l.id,d={evt:t,pointerId:u};let g=!1;n.Konva["_"+i+"InDblClickWindow"]?(g=!0,clearTimeout(this[i+"DblTimeout"])):o.DD.justDragged||(n.Konva["_"+i+"InDblClickWindow"]=!0,clearTimeout(this[i+"DblTimeout"])),this[i+"DblTimeout"]=setTimeout(function(){n.Konva["_"+i+"InDblClickWindow"]=!1},n.Konva.dblClickWindow),p&&p.isListening()?(c=!0,this[i+"ClickEndShape"]=p,p._fireAndBubble(e.pointerup,Object.assign({},d)),n.Konva["_"+i+"ListenClick"]&&r&&r===p&&(p._fireAndBubble(e.pointerclick,Object.assign({},d)),g&&a&&a===p&&p._fireAndBubble(e.pointerdblclick,Object.assign({},d)))):(this[i+"ClickEndShape"]=null,n.Konva["_"+i+"ListenClick"]&&this._fire(e.pointerclick,{evt:t,target:this,currentTarget:this,pointerId:u}),g&&this._fire(e.pointerdblclick,{evt:t,target:this,currentTarget:this,pointerId:u}))}),c||this._fire(e.pointerup,{evt:t,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id}),n.Konva["_"+i+"ListenClick"]=!1,t.cancelable&&t.preventDefault()}_contextmenu(t){this.setPointersPositions(t);var e=this.getIntersection(this.getPointerPosition());e&&e.isListening()?e._fireAndBubble(E,{evt:t}):this._fire(E,{evt:t,target:this,currentTarget:this})}_wheel(t){this.setPointersPositions(t);var e=this.getIntersection(this.getPointerPosition());e&&e.isListening()?e._fireAndBubble(A,{evt:t}):this._fire(A,{evt:t,target:this,currentTarget:this})}_pointercancel(t){this.setPointersPositions(t);const e=s.getCapturedShape(t.pointerId)||this.getIntersection(this.getPointerPosition());e&&e._fireAndBubble(C,s.createEvent(t)),s.releaseCapture(t.pointerId)}_lostpointercapture(t){s.releaseCapture(t.pointerId)}setPointersPositions(e){var i=this._getContentPosition(),n=null,r=null;void 0!==(e=e||window.event).touches?(this._pointerPositions=[],this._changedPointerPositions=[],Array.prototype.forEach.call(e.touches,t=>{this._pointerPositions.push({id:t.identifier,x:(t.clientX-i.left)/i.scaleX,y:(t.clientY-i.top)/i.scaleY})}),Array.prototype.forEach.call(e.changedTouches||e.touches,t=>{this._changedPointerPositions.push({id:t.identifier,x:(t.clientX-i.left)/i.scaleX,y:(t.clientY-i.top)/i.scaleY})})):(n=(e.clientX-i.left)/i.scaleX,r=(e.clientY-i.top)/i.scaleY,this.pointerPos={x:n,y:r},this._pointerPositions=[{x:n,y:r,id:t.Util._getFirstPointerId(e)}],this._changedPointerPositions=[{x:n,y:r,id:t.Util._getFirstPointerId(e)}])}_setPointerPosition(e){t.Util.warn('Method _setPointerPosition is deprecated. Use "stage.setPointersPositions(event)" instead.'),this.setPointersPositions(e)}_getContentPosition(){if(!this.content||!this.content.getBoundingClientRect)return{top:0,left:0,scaleX:1,scaleY:1};var t=this.content.getBoundingClientRect();return{top:t.top,left:t.left,scaleX:t.width/this.content.clientWidth||1,scaleY:t.height/this.content.clientHeight||1}}_buildDOM(){if(this.bufferCanvas=new r.SceneCanvas({width:this.width(),height:this.height()}),this.bufferHitCanvas=new r.HitCanvas({pixelRatio:1,width:this.width(),height:this.height()}),n.Konva.isBrowser){var t=this.container();if(!t)throw"Stage has no container. A container is required.";t.innerHTML="",this.content=document.createElement("div"),this.content.style.position="relative",this.content.style.userSelect="none",this.content.className="konvajs-content",this.content.setAttribute("role","presentation"),t.appendChild(this.content),this._resizeDOM()}}cache(){return t.Util.warn("Cache function is not allowed for stage. You may use cache only for layers, groups and shapes."),this}clearCache(){return this}batchDraw(){return this.getChildren().forEach(function(t){t.batchDraw()}),this}}exports.Stage=R,R.prototype.nodeType=c,(0,n._registerNode)(R),e.Factory.addGetterSetter(R,"container");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Stage=exports.stages=void 0;var t=require("./Util.js"),e=require("./Factory.js"),i=require("./Container.js"),n=require("./Global.js"),r=require("./Canvas.js"),o=require("./DragAndDrop.js"),s=h(require("./PointerEvents.js"));function a(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(a=function(t){return t?i:e})(t)}function h(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var i=a(e);if(i&&i.has(t))return i.get(t);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var s=r?Object.getOwnPropertyDescriptor(t,o):null;s&&(s.get||s.set)?Object.defineProperty(n,o,s):n[o]=t[o]}return n.default=t,i&&i.set(t,n),n}var c="Stage",l="string",u="px",p="mouseout",d="mouseleave",g="mouseover",v="mouseenter",f="mousemove",_="mousedown",P="mouseup",b="pointermove",y="pointerdown",C="pointerup",m="pointercancel",w="lostpointercapture",k="pointerout",D="pointerleave",x="pointerover",S="pointerenter",E="contextmenu",I="touchstart",O="touchend",T="touchmove",j="touchcancel",A="wheel",B=5,K=[[v,"_pointerenter"],[_,"_pointerdown"],[f,"_pointermove"],[P,"_pointerup"],[d,"_pointerleave"],[I,"_pointerdown"],[T,"_pointermove"],[O,"_pointerup"],[j,"_pointercancel"],[g,"_pointerover"],[A,"_wheel"],[E,"_contextmenu"],[y,"_pointerdown"],[b,"_pointermove"],[C,"_pointerup"],[m,"_pointercancel"],[w,"_lostpointercapture"]];const L={mouse:{[k]:p,[D]:d,[x]:g,[S]:v,[b]:f,[y]:_,[C]:P,[m]:"mousecancel",pointerclick:"click",pointerdblclick:"dblclick"},touch:{[k]:"touchout",[D]:"touchleave",[x]:"touchover",[S]:"touchenter",[b]:T,[y]:I,[C]:O,[m]:j,pointerclick:"tap",pointerdblclick:"dbltap"},pointer:{[k]:k,[D]:D,[x]:x,[S]:S,[b]:b,[y]:y,[C]:C,[m]:m,pointerclick:"pointerclick",pointerdblclick:"pointerdblclick"}},M=t=>t.indexOf("pointer")>=0?"pointer":t.indexOf("touch")>=0?"touch":"mouse",U=t=>{const e=M(t);return"pointer"===e?n.Konva.pointerEventsEnabled&&L.pointer:"touch"===e?L.touch:"mouse"===e?L.mouse:void 0};function W(e={}){return(e.clipFunc||e.clipWidth||e.clipHeight)&&t.Util.warn("Stage does not support clipping. Please use clip for Layers or Groups."),e}const Y="Pointer position is missing and not registered by the stage. Looks like it is outside of the stage container. You can set it manually from event: stage.setPointersPositions(event);",H=[];exports.stages=H;class R extends i.Container{constructor(t){super(W(t)),this._pointerPositions=[],this._changedPointerPositions=[],this._buildDOM(),this._bindContentEvents(),H.push(this),this.on("widthChange.konva heightChange.konva",this._resizeDOM),this.on("visibleChange.konva",this._checkVisibility),this.on("clipWidthChange.konva clipHeightChange.konva clipFuncChange.konva",()=>{W(this.attrs)}),this._checkVisibility()}_validateAdd(e){const i="Layer"===e.getType(),n="FastLayer"===e.getType();i||n||t.Util.throw("You may only add layers to the stage.")}_checkVisibility(){if(!this.content)return;const t=this.visible()?"":"none";this.content.style.display=t}setContainer(t){if(typeof t===l){if("."===t.charAt(0)){var e=t.slice(1);t=document.getElementsByClassName(e)[0]}else{var i;i="#"!==t.charAt(0)?t:t.slice(1),t=document.getElementById(i)}if(!t)throw"Can not find container in document with id "+i}return this._setAttr("container",t),this.content&&(this.content.parentElement&&this.content.parentElement.removeChild(this.content),t.appendChild(this.content)),this}shouldDrawHit(){return!0}clear(){var t,e=this.children,i=e.length;for(t=0;t<i;t++)e[t].clear();return this}clone(t){return t||(t={}),t.container="undefined"!=typeof document&&document.createElement("div"),i.Container.prototype.clone.call(this,t)}destroy(){super.destroy();var e=this.content;e&&t.Util._isInDocument(e)&&this.container().removeChild(e);var i=H.indexOf(this);return i>-1&&H.splice(i,1),this}getPointerPosition(){const e=this._pointerPositions[0]||this._changedPointerPositions[0];return e?{x:e.x,y:e.y}:(t.Util.warn(Y),null)}_getPointerById(t){return this._pointerPositions.find(e=>e.id===t)}getPointersPositions(){return this._pointerPositions}getStage(){return this}getContent(){return this.content}_toKonvaCanvas(t){(t=t||{}).x=t.x||0,t.y=t.y||0,t.width=t.width||this.width(),t.height=t.height||this.height();var e=new r.SceneCanvas({width:t.width,height:t.height,pixelRatio:t.pixelRatio||1}),i=e.getContext()._context,n=this.children;return(t.x||t.y)&&i.translate(-1*t.x,-1*t.y),n.forEach(function(e){if(e.isVisible()){var n=e._toKonvaCanvas(t);i.drawImage(n._canvas,t.x,t.y,n.getWidth()/n.getPixelRatio(),n.getHeight()/n.getPixelRatio())}}),e}getIntersection(t){if(!t)return null;var e,i=this.children;for(e=i.length-1;e>=0;e--){const n=i[e].getIntersection(t);if(n)return n}return null}_resizeDOM(){var t=this.width(),e=this.height();this.content&&(this.content.style.width=t+u,this.content.style.height=e+u),this.bufferCanvas.setSize(t,e),this.bufferHitCanvas.setSize(t,e),this.children.forEach(i=>{i.setSize({width:t,height:e}),i.draw()})}add(e,...i){if(arguments.length>1){for(var r=0;r<arguments.length;r++)this.add(arguments[r]);return this}super.add(e);var o=this.children.length;return o>B&&t.Util.warn("The stage has "+o+" layers. Recommended maximum number of layers is 3-5. Adding more layers into the stage may drop the performance. Rethink your tree structure, you can use Konva.Group."),e.setSize({width:this.width(),height:this.height()}),e.draw(),n.Konva.isBrowser&&this.content.appendChild(e.canvas._canvas),this}getParent(){return null}getLayer(){return null}hasPointerCapture(t){return s.hasPointerCapture(t,this)}setPointerCapture(t){s.setPointerCapture(t,this)}releaseCapture(t){s.releaseCapture(t,this)}getLayers(){return this.children}_bindContentEvents(){n.Konva.isBrowser&&K.forEach(([t,e])=>{this.content.addEventListener(t,t=>{this[e](t)})})}_pointerenter(t){this.setPointersPositions(t);const e=U(t.type);this._fire(e.pointerenter,{evt:t,target:this,currentTarget:this})}_pointerover(t){this.setPointersPositions(t);const e=U(t.type);this._fire(e.pointerover,{evt:t,target:this,currentTarget:this})}_getTargetShape(t){let e=this[t+"targetShape"];return e&&!e.getStage()&&(e=null),e}_pointerleave(t){const e=U(t.type),i=M(t.type);if(e){this.setPointersPositions(t);var r=this._getTargetShape(i),s=!o.DD.isDragging||n.Konva.hitOnDragEnabled;r&&s?(r._fireAndBubble(e.pointerout,{evt:t}),r._fireAndBubble(e.pointerleave,{evt:t}),this._fire(e.pointerleave,{evt:t,target:this,currentTarget:this}),this[i+"targetShape"]=null):s&&(this._fire(e.pointerleave,{evt:t,target:this,currentTarget:this}),this._fire(e.pointerout,{evt:t,target:this,currentTarget:this})),this.pointerPos=void 0,this._pointerPositions=[]}}_pointerdown(t){const e=U(t.type),i=M(t.type);if(e){this.setPointersPositions(t);var r=!1;this._changedPointerPositions.forEach(s=>{var a=this.getIntersection(s);if(o.DD.justDragged=!1,n.Konva["_"+i+"ListenClick"]=!0,!(a&&a.isListening()))return;n.Konva.capturePointerEventsEnabled&&a.setPointerCapture(s.id),this[i+"ClickStartShape"]=a,a._fireAndBubble(e.pointerdown,{evt:t,pointerId:s.id}),r=!0;const h=t.type.indexOf("touch")>=0;a.preventDefault()&&t.cancelable&&h&&t.preventDefault()}),r||this._fire(e.pointerdown,{evt:t,target:this,currentTarget:this,pointerId:this._pointerPositions[0].id})}}_pointermove(t){const e=U(t.type),i=M(t.type);if(!e)return;if(o.DD.isDragging&&o.DD.node.preventDefault()&&t.cancelable&&t.preventDefault(),this.setPointersPositions(t),!(!o.DD.isDragging||n.Konva.hitOnDragEnabled))return;var r={};let a=!1;var h=this._getTargetShape(i);this._changedPointerPositions.forEach(n=>{const o=s.getCapturedShape(n.id)||this.getIntersection(n),c=n.id,l={evt:t,pointerId:c};var u=h!==o;if(u&&h&&(h._fireAndBubble(e.pointerout,Object.assign({},l),o),h._fireAndBubble(e.pointerleave,Object.assign({},l),o)),o){if(r[o._id])return;r[o._id]=!0}o&&o.isListening()?(a=!0,u&&(o._fireAndBubble(e.pointerover,Object.assign({},l),h),o._fireAndBubble(e.pointerenter,Object.assign({},l),h),this[i+"targetShape"]=o),o._fireAndBubble(e.pointermove,Object.assign({},l))):h&&(this._fire(e.pointerover,{evt:t,target:this,currentTarget:this,pointerId:c}),this[i+"targetShape"]=null)}),a||this._fire(e.pointermove,{evt:t,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id})}_pointerup(t){const e=U(t.type),i=M(t.type);if(!e)return;this.setPointersPositions(t);const r=this[i+"ClickStartShape"],a=this[i+"ClickEndShape"];var h={};let c=!1;this._changedPointerPositions.forEach(l=>{const u=s.getCapturedShape(l.id)||this.getIntersection(l);if(u){if(u.releaseCapture(l.id),h[u._id])return;h[u._id]=!0}const p=l.id,d={evt:t,pointerId:p};let g=!1;n.Konva["_"+i+"InDblClickWindow"]?(g=!0,clearTimeout(this[i+"DblTimeout"])):o.DD.justDragged||(n.Konva["_"+i+"InDblClickWindow"]=!0,clearTimeout(this[i+"DblTimeout"])),this[i+"DblTimeout"]=setTimeout(function(){n.Konva["_"+i+"InDblClickWindow"]=!1},n.Konva.dblClickWindow),u&&u.isListening()?(c=!0,this[i+"ClickEndShape"]=u,u._fireAndBubble(e.pointerup,Object.assign({},d)),n.Konva["_"+i+"ListenClick"]&&r&&r===u&&(u._fireAndBubble(e.pointerclick,Object.assign({},d)),g&&a&&a===u&&u._fireAndBubble(e.pointerdblclick,Object.assign({},d)))):(this[i+"ClickEndShape"]=null,n.Konva["_"+i+"ListenClick"]&&this._fire(e.pointerclick,{evt:t,target:this,currentTarget:this,pointerId:p}),g&&this._fire(e.pointerdblclick,{evt:t,target:this,currentTarget:this,pointerId:p}))}),c||this._fire(e.pointerup,{evt:t,target:this,currentTarget:this,pointerId:this._changedPointerPositions[0].id}),n.Konva["_"+i+"ListenClick"]=!1,t.cancelable&&"touch"!==i&&t.preventDefault()}_contextmenu(t){this.setPointersPositions(t);var e=this.getIntersection(this.getPointerPosition());e&&e.isListening()?e._fireAndBubble(E,{evt:t}):this._fire(E,{evt:t,target:this,currentTarget:this})}_wheel(t){this.setPointersPositions(t);var e=this.getIntersection(this.getPointerPosition());e&&e.isListening()?e._fireAndBubble(A,{evt:t}):this._fire(A,{evt:t,target:this,currentTarget:this})}_pointercancel(t){this.setPointersPositions(t);const e=s.getCapturedShape(t.pointerId)||this.getIntersection(this.getPointerPosition());e&&e._fireAndBubble(C,s.createEvent(t)),s.releaseCapture(t.pointerId)}_lostpointercapture(t){s.releaseCapture(t.pointerId)}setPointersPositions(e){var i=this._getContentPosition(),n=null,r=null;void 0!==(e=e||window.event).touches?(this._pointerPositions=[],this._changedPointerPositions=[],Array.prototype.forEach.call(e.touches,t=>{this._pointerPositions.push({id:t.identifier,x:(t.clientX-i.left)/i.scaleX,y:(t.clientY-i.top)/i.scaleY})}),Array.prototype.forEach.call(e.changedTouches||e.touches,t=>{this._changedPointerPositions.push({id:t.identifier,x:(t.clientX-i.left)/i.scaleX,y:(t.clientY-i.top)/i.scaleY})})):(n=(e.clientX-i.left)/i.scaleX,r=(e.clientY-i.top)/i.scaleY,this.pointerPos={x:n,y:r},this._pointerPositions=[{x:n,y:r,id:t.Util._getFirstPointerId(e)}],this._changedPointerPositions=[{x:n,y:r,id:t.Util._getFirstPointerId(e)}])}_setPointerPosition(e){t.Util.warn('Method _setPointerPosition is deprecated. Use "stage.setPointersPositions(event)" instead.'),this.setPointersPositions(e)}_getContentPosition(){if(!this.content||!this.content.getBoundingClientRect)return{top:0,left:0,scaleX:1,scaleY:1};var t=this.content.getBoundingClientRect();return{top:t.top,left:t.left,scaleX:t.width/this.content.clientWidth||1,scaleY:t.height/this.content.clientHeight||1}}_buildDOM(){if(this.bufferCanvas=new r.SceneCanvas({width:this.width(),height:this.height()}),this.bufferHitCanvas=new r.HitCanvas({pixelRatio:1,width:this.width(),height:this.height()}),n.Konva.isBrowser){var t=this.container();if(!t)throw"Stage has no container. A container is required.";t.innerHTML="",this.content=document.createElement("div"),this.content.style.position="relative",this.content.style.userSelect="none",this.content.className="konvajs-content",this.content.setAttribute("role","presentation"),t.appendChild(this.content),this._resizeDOM()}}cache(){return t.Util.warn("Cache function is not allowed for stage. You may use cache only for layers, groups and shapes."),this}clearCache(){return this}batchDraw(){return this.getChildren().forEach(function(t){t.batchDraw()}),this}}exports.Stage=R,R.prototype.nodeType=c,(0,n._registerNode)(R),e.Factory.addGetterSetter(R,"container");
 },{"./Util.js":"XIcS","./Factory.js":"cgGB","./Container.js":"Eysw","./Global.js":"bIDB","./Canvas.js":"KydS","./DragAndDrop.js":"XvfD","./PointerEvents.js":"Gfsp"}],"JWag":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Shape=exports.shapes=void 0;var t=require("./Global.js"),e=require("./Util.js"),a=require("./Factory.js"),r=require("./Node.js"),i=require("./Validators.js"),o=s(require("./PointerEvents.js"));function n(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,a=new WeakMap;return(n=function(t){return t?a:e})(t)}function s(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var a=n(e);if(a&&a.has(t))return a.get(t);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var s=i?Object.getOwnPropertyDescriptor(t,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=t[o]}return r.default=t,a&&a.set(t,r),r}var d="hasShadow",l="shadowRGBA",h="patternImage",c="linearGradient",f="radialGradient";let u;function g(){return u||(u=e.Util.createCanvasElement().getContext("2d"))}const y={};function p(t){t.fill()}function S(t){t.stroke()}function G(t){t.fill()}function C(t){t.stroke()}function F(){this._clearCache(d)}function v(){this._clearCache(l)}function k(){this._clearCache(h)}function P(){this._clearCache(c)}function w(){this._clearCache(f)}exports.shapes=y;class _ extends r.Node{constructor(t){let a;for(super(t);!(a=e.Util.getRandomColor())||a in y;);this.colorKey=a,y[a]=this}getContext(){return e.Util.warn("shape.getContext() method is deprecated. Please do not use it."),this.getLayer().getContext()}getCanvas(){return e.Util.warn("shape.getCanvas() method is deprecated. Please do not use it."),this.getLayer().getCanvas()}getSceneFunc(){return this.attrs.sceneFunc||this._sceneFunc}getHitFunc(){return this.attrs.hitFunc||this._hitFunc}hasShadow(){return this._getCache(d,this._hasShadow)}_hasShadow(){return this.shadowEnabled()&&0!==this.shadowOpacity()&&!!(this.shadowColor()||this.shadowBlur()||this.shadowOffsetX()||this.shadowOffsetY())}_getFillPattern(){return this._getCache(h,this.__getFillPattern)}__getFillPattern(){if(this.fillPatternImage()){const a=g().createPattern(this.fillPatternImage(),this.fillPatternRepeat()||"repeat");if(a&&a.setTransform){const r=new e.Transform;r.translate(this.fillPatternX(),this.fillPatternY()),r.rotate(t.Konva.getAngle(this.fillPatternRotation())),r.scale(this.fillPatternScaleX(),this.fillPatternScaleY()),r.translate(-1*this.fillPatternOffsetX(),-1*this.fillPatternOffsetY());const i=r.getMatrix(),o="undefined"==typeof DOMMatrix?{a:i[0],b:i[1],c:i[2],d:i[3],e:i[4],f:i[5]}:new DOMMatrix(i);a.setTransform(o)}return a}}_getLinearGradient(){return this._getCache(c,this.__getLinearGradient)}__getLinearGradient(){var t=this.fillLinearGradientColorStops();if(t){for(var e=g(),a=this.fillLinearGradientStartPoint(),r=this.fillLinearGradientEndPoint(),i=e.createLinearGradient(a.x,a.y,r.x,r.y),o=0;o<t.length;o+=2)i.addColorStop(t[o],t[o+1]);return i}}_getRadialGradient(){return this._getCache(f,this.__getRadialGradient)}__getRadialGradient(){var t=this.fillRadialGradientColorStops();if(t){for(var e=g(),a=this.fillRadialGradientStartPoint(),r=this.fillRadialGradientEndPoint(),i=e.createRadialGradient(a.x,a.y,this.fillRadialGradientStartRadius(),r.x,r.y,this.fillRadialGradientEndRadius()),o=0;o<t.length;o+=2)i.addColorStop(t[o],t[o+1]);return i}}getShadowRGBA(){return this._getCache(l,this._getShadowRGBA)}_getShadowRGBA(){if(this.hasShadow()){var t=e.Util.colorToRGBA(this.shadowColor());return"rgba("+t.r+","+t.g+","+t.b+","+t.a*(this.shadowOpacity()||1)+")"}}hasFill(){return this._calculate("hasFill",["fillEnabled","fill","fillPatternImage","fillLinearGradientColorStops","fillRadialGradientColorStops"],()=>this.fillEnabled()&&!!(this.fill()||this.fillPatternImage()||this.fillLinearGradientColorStops()||this.fillRadialGradientColorStops()))}hasStroke(){return this._calculate("hasStroke",["strokeEnabled","strokeWidth","stroke","strokeLinearGradientColorStops"],()=>this.strokeEnabled()&&this.strokeWidth()&&!(!this.stroke()&&!this.strokeLinearGradientColorStops()))}hasHitStroke(){const t=this.hitStrokeWidth();return"auto"===t?this.hasStroke():this.strokeEnabled()&&!!t}intersects(t){var e=this.getStage().bufferHitCanvas;return e.getContext().clear(),this.drawHit(e,null,!0),e.context.getImageData(Math.round(t.x),Math.round(t.y),1,1).data[3]>0}destroy(){return r.Node.prototype.destroy.call(this),delete y[this.colorKey],delete this.colorKey,this}_useBufferCanvas(t){var e;if(!this.getStage())return!1;if(!(null===(e=this.attrs.perfectDrawEnabled)||void 0===e||e))return!1;const a=t||this.hasFill(),r=this.hasStroke(),i=1!==this.getAbsoluteOpacity();if(a&&r&&i)return!0;const o=this.hasShadow(),n=this.shadowForStrokeEnabled();return!!(a&&r&&o&&n)}setStrokeHitEnabled(t){e.Util.warn("strokeHitEnabled property is deprecated. Please use hitStrokeWidth instead."),t?this.hitStrokeWidth("auto"):this.hitStrokeWidth(0)}getStrokeHitEnabled(){return 0!==this.hitStrokeWidth()}getSelfRect(){var t=this.size();return{x:this._centroid?-t.width/2:0,y:this._centroid?-t.height/2:0,width:t.width,height:t.height}}getClientRect(t={}){const e=t.skipTransform,a=t.relativeTo,r=this.getSelfRect(),i=!t.skipStroke&&this.hasStroke()&&this.strokeWidth()||0,o=r.width+i,n=r.height+i,s=!t.skipShadow&&this.hasShadow(),d=s?this.shadowOffsetX():0,l=s?this.shadowOffsetY():0,h=o+Math.abs(d),c=n+Math.abs(l),f=s&&this.shadowBlur()||0,u={width:h+2*f,height:c+2*f,x:-(i/2+f)+Math.min(d,0)+r.x,y:-(i/2+f)+Math.min(l,0)+r.y};return e?u:this._transformedRect(u,a)}drawScene(t,e){var a,r,i=this.getLayer(),o=t||i.getCanvas(),n=o.getContext(),s=this._getCanvasCache(),d=this.getSceneFunc(),l=this.hasShadow(),h=o.isCache,c=e===this;if(!this.isVisible()&&!c)return this;if(s){n.save();var f=this.getAbsoluteTransform(e).getMatrix();return n.transform(f[0],f[1],f[2],f[3],f[4],f[5]),this._drawCachedSceneCanvas(n),n.restore(),this}if(!d)return this;if(n.save(),this._useBufferCanvas()&&!h){(r=(a=this.getStage().bufferCanvas).getContext()).clear(),r.save(),r._applyLineJoin(this);var u=this.getAbsoluteTransform(e).getMatrix();r.transform(u[0],u[1],u[2],u[3],u[4],u[5]),d.call(this,r,this),r.restore();var g=a.pixelRatio;l&&n._applyShadow(this),n._applyOpacity(this),n._applyGlobalCompositeOperation(this),n.drawImage(a._canvas,0,0,a.width/g,a.height/g)}else{if(n._applyLineJoin(this),!c){u=this.getAbsoluteTransform(e).getMatrix();n.transform(u[0],u[1],u[2],u[3],u[4],u[5]),n._applyOpacity(this),n._applyGlobalCompositeOperation(this)}l&&n._applyShadow(this),d.call(this,n,this)}return n.restore(),this}drawHit(t,a,r=!1){if(!this.shouldDrawHit(a,r))return this;var i=this.getLayer(),o=t||i.hitCanvas,n=o&&o.getContext(),s=this.hitFunc()||this.sceneFunc(),d=this._getCanvasCache(),l=d&&d.hit;if(this.colorKey||e.Util.warn("Looks like your canvas has a destroyed shape in it. Do not reuse shape after you destroyed it. If you want to reuse shape you should call remove() instead of destroy()"),l){n.save();var h=this.getAbsoluteTransform(a).getMatrix();return n.transform(h[0],h[1],h[2],h[3],h[4],h[5]),this._drawCachedHitCanvas(n),n.restore(),this}if(!s)return this;if(n.save(),n._applyLineJoin(this),!(this===a)){var c=this.getAbsoluteTransform(a).getMatrix();n.transform(c[0],c[1],c[2],c[3],c[4],c[5])}return s.call(this,n,this),n.restore(),this}drawHitFromCache(t=0){var a,r,i,o,n,s=this._getCanvasCache(),d=this._getCachedSceneCanvas(),l=s.hit,h=l.getContext(),c=l.getWidth(),f=l.getHeight();h.clear(),h.drawImage(d._canvas,0,0,c,f);try{for(i=(r=(a=h.getImageData(0,0,c,f)).data).length,o=e.Util._hexToRgb(this.colorKey),n=0;n<i;n+=4)r[n+3]>t?(r[n]=o.r,r[n+1]=o.g,r[n+2]=o.b,r[n+3]=255):r[n+3]=0;h.putImageData(a,0,0)}catch(u){e.Util.error("Unable to draw hit graph from cached scene canvas. "+u.message)}return this}hasPointerCapture(t){return o.hasPointerCapture(t,this)}setPointerCapture(t){o.setPointerCapture(t,this)}releaseCapture(t){o.releaseCapture(t,this)}}exports.Shape=_,_.prototype._fillFunc=p,_.prototype._strokeFunc=S,_.prototype._fillFuncHit=G,_.prototype._strokeFuncHit=C,_.prototype._centroid=!1,_.prototype.nodeType="Shape",(0,t._registerNode)(_),_.prototype.eventListeners={},_.prototype.on.call(_.prototype,"shadowColorChange.konva shadowBlurChange.konva shadowOffsetChange.konva shadowOpacityChange.konva shadowEnabledChange.konva",F),_.prototype.on.call(_.prototype,"shadowColorChange.konva shadowOpacityChange.konva shadowEnabledChange.konva",v),_.prototype.on.call(_.prototype,"fillPriorityChange.konva fillPatternImageChange.konva fillPatternRepeatChange.konva fillPatternScaleXChange.konva fillPatternScaleYChange.konva fillPatternOffsetXChange.konva fillPatternOffsetYChange.konva fillPatternXChange.konva fillPatternYChange.konva fillPatternRotationChange.konva",k),_.prototype.on.call(_.prototype,"fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva",P),_.prototype.on.call(_.prototype,"fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva",w),a.Factory.addGetterSetter(_,"stroke",void 0,(0,i.getStringOrGradientValidator)()),a.Factory.addGetterSetter(_,"strokeWidth",2,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"fillAfterStrokeEnabled",!1),a.Factory.addGetterSetter(_,"hitStrokeWidth","auto",(0,i.getNumberOrAutoValidator)()),a.Factory.addGetterSetter(_,"strokeHitEnabled",!0,(0,i.getBooleanValidator)()),a.Factory.addGetterSetter(_,"perfectDrawEnabled",!0,(0,i.getBooleanValidator)()),a.Factory.addGetterSetter(_,"shadowForStrokeEnabled",!0,(0,i.getBooleanValidator)()),a.Factory.addGetterSetter(_,"lineJoin"),a.Factory.addGetterSetter(_,"lineCap"),a.Factory.addGetterSetter(_,"sceneFunc"),a.Factory.addGetterSetter(_,"hitFunc"),a.Factory.addGetterSetter(_,"dash"),a.Factory.addGetterSetter(_,"dashOffset",0,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"shadowColor",void 0,(0,i.getStringValidator)()),a.Factory.addGetterSetter(_,"shadowBlur",0,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"shadowOpacity",1,(0,i.getNumberValidator)()),a.Factory.addComponentsGetterSetter(_,"shadowOffset",["x","y"]),a.Factory.addGetterSetter(_,"shadowOffsetX",0,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"shadowOffsetY",0,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"fillPatternImage"),a.Factory.addGetterSetter(_,"fill",void 0,(0,i.getStringOrGradientValidator)()),a.Factory.addGetterSetter(_,"fillPatternX",0,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"fillPatternY",0,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"fillLinearGradientColorStops"),a.Factory.addGetterSetter(_,"strokeLinearGradientColorStops"),a.Factory.addGetterSetter(_,"fillRadialGradientStartRadius",0),a.Factory.addGetterSetter(_,"fillRadialGradientEndRadius",0),a.Factory.addGetterSetter(_,"fillRadialGradientColorStops"),a.Factory.addGetterSetter(_,"fillPatternRepeat","repeat"),a.Factory.addGetterSetter(_,"fillEnabled",!0),a.Factory.addGetterSetter(_,"strokeEnabled",!0),a.Factory.addGetterSetter(_,"shadowEnabled",!0),a.Factory.addGetterSetter(_,"dashEnabled",!0),a.Factory.addGetterSetter(_,"strokeScaleEnabled",!0),a.Factory.addGetterSetter(_,"fillPriority","color"),a.Factory.addComponentsGetterSetter(_,"fillPatternOffset",["x","y"]),a.Factory.addGetterSetter(_,"fillPatternOffsetX",0,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"fillPatternOffsetY",0,(0,i.getNumberValidator)()),a.Factory.addComponentsGetterSetter(_,"fillPatternScale",["x","y"]),a.Factory.addGetterSetter(_,"fillPatternScaleX",1,(0,i.getNumberValidator)()),a.Factory.addGetterSetter(_,"fillPatternScaleY",1,(0,i.getNumberValidator)()),a.Factory.addComponentsGetterSetter(_,"fillLinearGradientStartPoint",["x","y"]),a.Factory.addComponentsGetterSetter(_,"strokeLinearGradientStartPoint",["x","y"]),a.Factory.addGetterSetter(_,"fillLinearGradientStartPointX",0),a.Factory.addGetterSetter(_,"strokeLinearGradientStartPointX",0),a.Factory.addGetterSetter(_,"fillLinearGradientStartPointY",0),a.Factory.addGetterSetter(_,"strokeLinearGradientStartPointY",0),a.Factory.addComponentsGetterSetter(_,"fillLinearGradientEndPoint",["x","y"]),a.Factory.addComponentsGetterSetter(_,"strokeLinearGradientEndPoint",["x","y"]),a.Factory.addGetterSetter(_,"fillLinearGradientEndPointX",0),a.Factory.addGetterSetter(_,"strokeLinearGradientEndPointX",0),a.Factory.addGetterSetter(_,"fillLinearGradientEndPointY",0),a.Factory.addGetterSetter(_,"strokeLinearGradientEndPointY",0),a.Factory.addComponentsGetterSetter(_,"fillRadialGradientStartPoint",["x","y"]),a.Factory.addGetterSetter(_,"fillRadialGradientStartPointX",0),a.Factory.addGetterSetter(_,"fillRadialGradientStartPointY",0),a.Factory.addComponentsGetterSetter(_,"fillRadialGradientEndPoint",["x","y"]),a.Factory.addGetterSetter(_,"fillRadialGradientEndPointX",0),a.Factory.addGetterSetter(_,"fillRadialGradientEndPointY",0),a.Factory.addGetterSetter(_,"fillPatternRotation",0),a.Factory.backCompat(_,{dashArray:"dash",getDashArray:"getDash",setDashArray:"getDash",drawFunc:"sceneFunc",getDrawFunc:"getSceneFunc",setDrawFunc:"setSceneFunc",drawHitFunc:"hitFunc",getDrawHitFunc:"getHitFunc",setDrawHitFunc:"setHitFunc"});
 },{"./Global.js":"bIDB","./Util.js":"XIcS","./Factory.js":"cgGB","./Node.js":"pBWF","./Validators.js":"tgRR","./PointerEvents.js":"Gfsp"}],"Xvvm":[function(require,module,exports) {
@@ -103,7 +103,7 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 },{"../Factory.js":"cgGB","../Shape.js":"JWag","../Validators.js":"tgRR","../Global.js":"bIDB"}],"Vhl9":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Image=void 0;var t=require("../Util.js"),e=require("../Factory.js"),r=require("../Shape.js"),a=require("../Validators.js"),i=require("../Global.js");class s extends r.Shape{constructor(t){super(t),this.on("imageChange.konva",()=>{this._setImageLoad()}),this._setImageLoad()}_setImageLoad(){const t=this.image();t&&t.complete||t&&4===t.readyState||t&&t.addEventListener&&t.addEventListener("load",()=>{this._requestDraw()})}_useBufferCanvas(){return super._useBufferCanvas(!0)}_sceneFunc(t){const e=this.getWidth(),r=this.getHeight(),a=this.attrs.image;let i;if(a){const t=this.attrs.cropWidth,s=this.attrs.cropHeight;i=t&&s?[a,this.cropX(),this.cropY(),t,s,0,0,e,r]:[a,0,0,e,r]}(this.hasFill()||this.hasStroke())&&(t.beginPath(),t.rect(0,0,e,r),t.closePath(),t.fillStrokeShape(this)),a&&t.drawImage.apply(t,i)}_hitFunc(t){var e=this.width(),r=this.height();t.beginPath(),t.rect(0,0,e,r),t.closePath(),t.fillStrokeShape(this)}getWidth(){var t,e;return null!==(t=this.attrs.width)&&void 0!==t?t:null===(e=this.image())||void 0===e?void 0:e.width}getHeight(){var t,e;return null!==(t=this.attrs.height)&&void 0!==t?t:null===(e=this.image())||void 0===e?void 0:e.height}static fromURL(e,r,a=null){var i=t.Util.createImageElement();i.onload=function(){var t=new s({image:i});r(t)},i.onerror=a,i.crossOrigin="Anonymous",i.src=e}}exports.Image=s,s.prototype.className="Image",(0,i._registerNode)(s),e.Factory.addGetterSetter(s,"image"),e.Factory.addComponentsGetterSetter(s,"crop",["x","y","width","height"]),e.Factory.addGetterSetter(s,"cropX",0,(0,a.getNumberValidator)()),e.Factory.addGetterSetter(s,"cropY",0,(0,a.getNumberValidator)()),e.Factory.addGetterSetter(s,"cropWidth",0,(0,a.getNumberValidator)()),e.Factory.addGetterSetter(s,"cropHeight",0,(0,a.getNumberValidator)());
 },{"../Util.js":"XIcS","../Factory.js":"cgGB","../Shape.js":"JWag","../Validators.js":"tgRR","../Global.js":"bIDB"}],"bfvj":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=exports.Label=void 0;var t=require("../Factory.js"),e=require("../Shape.js"),i=require("../Group.js"),r=require("../Validators.js"),o=require("../Global.js"),a=["fontFamily","fontSize","fontStyle","padding","lineHeight","text","width","height"],n="Change.konva",h="none",s="up",d="right",l="down",c="left",g=a.length;class p extends i.Group{constructor(t){super(t),this.on("add.konva",function(t){this._addListeners(t.child),this._sync()})}getText(){return this.find("Text")[0]}getTag(){return this.find("Tag")[0]}_addListeners(t){var e,i=this,r=function(){i._sync()};for(e=0;e<g;e++)t.on(a[e]+n,r)}getWidth(){return this.getText().width()}getHeight(){return this.getText().height()}_sync(){var t,e,i,r,o,a,n,h=this.getText(),g=this.getTag();if(h&&g){switch(t=h.width(),e=h.height(),i=g.pointerDirection(),r=g.pointerWidth(),n=g.pointerHeight(),o=0,a=0,i){case s:o=t/2,a=-1*n;break;case d:o=t+r,a=e/2;break;case l:o=t/2,a=e+n;break;case c:o=-1*r,a=e/2}g.setAttrs({x:-1*o,y:-1*a,width:t,height:e}),h.setAttrs({x:-1*o,y:-1*a})}}}exports.Label=p,p.prototype.className="Label",(0,o._registerNode)(p);class u extends e.Shape{_sceneFunc(t){var e=this.width(),i=this.height(),r=this.pointerDirection(),o=this.pointerWidth(),a=this.pointerHeight(),n=this.cornerRadius();let h=0,g=0,p=0,u=0;"number"==typeof n?h=g=p=u=Math.min(n,e/2,i/2):(h=Math.min(n[0]||0,e/2,i/2),g=Math.min(n[1]||0,e/2,i/2),u=Math.min(n[2]||0,e/2,i/2),p=Math.min(n[3]||0,e/2,i/2)),t.beginPath(),t.moveTo(h,0),r===s&&(t.lineTo((e-o)/2,0),t.lineTo(e/2,-1*a),t.lineTo((e+o)/2,0)),t.lineTo(e-g,0),t.arc(e-g,g,g,3*Math.PI/2,0,!1),r===d&&(t.lineTo(e,(i-a)/2),t.lineTo(e+o,i/2),t.lineTo(e,(i+a)/2)),t.lineTo(e,i-u),t.arc(e-u,i-u,u,0,Math.PI/2,!1),r===l&&(t.lineTo((e+o)/2,i),t.lineTo(e/2,i+a),t.lineTo((e-o)/2,i)),t.lineTo(p,i),t.arc(p,i-p,p,Math.PI/2,Math.PI,!1),r===c&&(t.lineTo(0,(i+a)/2),t.lineTo(-1*o,i/2),t.lineTo(0,(i-a)/2)),t.lineTo(0,h),t.arc(h,h,h,Math.PI,3*Math.PI/2,!1),t.closePath(),t.fillStrokeShape(this)}getSelfRect(){var t=0,e=0,i=this.pointerWidth(),r=this.pointerHeight(),o=this.pointerDirection(),a=this.width(),n=this.height();return o===s?(e-=r,n+=r):o===l?n+=r:o===c?(t-=1.5*i,a+=i):o===d&&(a+=1.5*i),{x:t,y:e,width:a,height:n}}}exports.Tag=u,u.prototype.className="Tag",(0,o._registerNode)(u),t.Factory.addGetterSetter(u,"pointerDirection",h),t.Factory.addGetterSetter(u,"pointerWidth",0,(0,r.getNumberValidator)()),t.Factory.addGetterSetter(u,"pointerHeight",0,(0,r.getNumberValidator)()),t.Factory.addGetterSetter(u,"cornerRadius",0,(0,r.getNumberOrArrayOfNumbersValidator)(4));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=exports.Label=void 0;var t=require("../Factory.js"),e=require("../Shape.js"),i=require("../Group.js"),r=require("../Validators.js"),o=require("../Global.js"),n=["fontFamily","fontSize","fontStyle","padding","lineHeight","text","width","height","pointerDirection","pointerWidth","pointerHeight"],a="Change.konva",h="none",s="up",d="right",l="down",c="left",g=n.length;class p extends i.Group{constructor(t){super(t),this.on("add.konva",function(t){this._addListeners(t.child),this._sync()})}getText(){return this.find("Text")[0]}getTag(){return this.find("Tag")[0]}_addListeners(t){var e,i=this,r=function(){i._sync()};for(e=0;e<g;e++)t.on(n[e]+a,r)}getWidth(){return this.getText().width()}getHeight(){return this.getText().height()}_sync(){var t,e,i,r,o,n,a,h=this.getText(),g=this.getTag();if(h&&g){switch(t=h.width(),e=h.height(),i=g.pointerDirection(),r=g.pointerWidth(),a=g.pointerHeight(),o=0,n=0,i){case s:o=t/2,n=-1*a;break;case d:o=t+r,n=e/2;break;case l:o=t/2,n=e+a;break;case c:o=-1*r,n=e/2}g.setAttrs({x:-1*o,y:-1*n,width:t,height:e}),h.setAttrs({x:-1*o,y:-1*n})}}}exports.Label=p,p.prototype.className="Label",(0,o._registerNode)(p);class u extends e.Shape{_sceneFunc(t){var e=this.width(),i=this.height(),r=this.pointerDirection(),o=this.pointerWidth(),n=this.pointerHeight(),a=this.cornerRadius();let h=0,g=0,p=0,u=0;"number"==typeof a?h=g=p=u=Math.min(a,e/2,i/2):(h=Math.min(a[0]||0,e/2,i/2),g=Math.min(a[1]||0,e/2,i/2),u=Math.min(a[2]||0,e/2,i/2),p=Math.min(a[3]||0,e/2,i/2)),t.beginPath(),t.moveTo(h,0),r===s&&(t.lineTo((e-o)/2,0),t.lineTo(e/2,-1*n),t.lineTo((e+o)/2,0)),t.lineTo(e-g,0),t.arc(e-g,g,g,3*Math.PI/2,0,!1),r===d&&(t.lineTo(e,(i-n)/2),t.lineTo(e+o,i/2),t.lineTo(e,(i+n)/2)),t.lineTo(e,i-u),t.arc(e-u,i-u,u,0,Math.PI/2,!1),r===l&&(t.lineTo((e+o)/2,i),t.lineTo(e/2,i+n),t.lineTo((e-o)/2,i)),t.lineTo(p,i),t.arc(p,i-p,p,Math.PI/2,Math.PI,!1),r===c&&(t.lineTo(0,(i+n)/2),t.lineTo(-1*o,i/2),t.lineTo(0,(i-n)/2)),t.lineTo(0,h),t.arc(h,h,h,Math.PI,3*Math.PI/2,!1),t.closePath(),t.fillStrokeShape(this)}getSelfRect(){var t=0,e=0,i=this.pointerWidth(),r=this.pointerHeight(),o=this.pointerDirection(),n=this.width(),a=this.height();return o===s?(e-=r,a+=r):o===l?a+=r:o===c?(t-=1.5*i,n+=i):o===d&&(n+=1.5*i),{x:t,y:e,width:n,height:a}}}exports.Tag=u,u.prototype.className="Tag",(0,o._registerNode)(u),t.Factory.addGetterSetter(u,"pointerDirection",h),t.Factory.addGetterSetter(u,"pointerWidth",0,(0,r.getNumberValidator)()),t.Factory.addGetterSetter(u,"pointerHeight",0,(0,r.getNumberValidator)()),t.Factory.addGetterSetter(u,"cornerRadius",0,(0,r.getNumberOrArrayOfNumbersValidator)(4));
 },{"../Factory.js":"cgGB","../Shape.js":"JWag","../Group.js":"SoFy","../Validators.js":"tgRR","../Global.js":"bIDB"}],"Fb9z":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Rect=void 0;var e=require("../Factory.js"),t=require("../Shape.js"),r=require("../Global.js"),a=require("../Validators.js");class i extends t.Shape{_sceneFunc(e){var t=this.cornerRadius(),r=this.width(),a=this.height();if(e.beginPath(),t){let i=0,s=0,o=0,h=0;"number"==typeof t?i=s=o=h=Math.min(t,r/2,a/2):(i=Math.min(t[0]||0,r/2,a/2),s=Math.min(t[1]||0,r/2,a/2),h=Math.min(t[2]||0,r/2,a/2),o=Math.min(t[3]||0,r/2,a/2)),e.moveTo(i,0),e.lineTo(r-s,0),e.arc(r-s,s,s,3*Math.PI/2,0,!1),e.lineTo(r,a-h),e.arc(r-h,a-h,h,0,Math.PI/2,!1),e.lineTo(o,a),e.arc(o,a-o,o,Math.PI/2,Math.PI,!1),e.lineTo(0,i),e.arc(i,i,i,Math.PI,3*Math.PI/2,!1)}else e.rect(0,0,r,a);e.closePath(),e.fillStrokeShape(this)}}exports.Rect=i,i.prototype.className="Rect",(0,r._registerNode)(i),e.Factory.addGetterSetter(i,"cornerRadius",0,(0,a.getNumberOrArrayOfNumbersValidator)(4));
 },{"../Factory.js":"cgGB","../Shape.js":"JWag","../Global.js":"bIDB","../Validators.js":"tgRR"}],"hkjd":[function(require,module,exports) {
@@ -115,11 +115,11 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 },{"../Factory.js":"cgGB","../Shape.js":"JWag","../Animation.js":"axDI","../Validators.js":"tgRR","../Global.js":"bIDB"}],"WjSM":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Star=void 0;var t=require("../Factory.js"),e=require("../Shape.js"),r=require("../Validators.js"),a=require("../Global.js");class i extends e.Shape{_sceneFunc(t){var e=this.innerRadius(),r=this.outerRadius(),a=this.numPoints();t.beginPath(),t.moveTo(0,0-r);for(var i=1;i<2*a;i++){var s=i%2==0?r:e,o=s*Math.sin(i*Math.PI/a),u=-1*s*Math.cos(i*Math.PI/a);t.lineTo(o,u)}t.closePath(),t.fillStrokeShape(this)}getWidth(){return 2*this.outerRadius()}getHeight(){return 2*this.outerRadius()}setWidth(t){this.outerRadius(t/2)}setHeight(t){this.outerRadius(t/2)}}exports.Star=i,i.prototype.className="Star",i.prototype._centroid=!0,i.prototype._attrsAffectingSize=["innerRadius","outerRadius"],(0,a._registerNode)(i),t.Factory.addGetterSetter(i,"numPoints",5,(0,r.getNumberValidator)()),t.Factory.addGetterSetter(i,"innerRadius",0,(0,r.getNumberValidator)()),t.Factory.addGetterSetter(i,"outerRadius",0,(0,r.getNumberValidator)());
 },{"../Factory.js":"cgGB","../Shape.js":"JWag","../Validators.js":"tgRR","../Global.js":"bIDB"}],"BUL9":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.stringToArray=h,exports.Text=void 0;var t=require("../Util.js"),e=require("../Factory.js"),i=require("../Shape.js"),r=require("../Validators.js"),a=require("../Global.js");function h(t){return Array.from(t)}var s,n="auto",l="center",o="justify",d="Change.konva",g="2d",x="-",f="left",p="text",c="Text",u="top",S="bottom",T="middle",_="normal",v="px ",m=" ",y="right",F="word",A="char",W="none",b="…",w=["fontFamily","fontSize","fontStyle","fontVariant","padding","align","verticalAlign","lineHeight","text","width","height","wrap","ellipsis","letterSpacing"],k=w.length;function G(t){return t.split(",").map(t=>{const e=(t=t.trim()).indexOf(" ")>=0,i=t.indexOf('"')>=0||t.indexOf("'")>=0;return e&&!i&&(t=`"${t}"`),t}).join(", ")}function H(){return s||(s=t.Util.createCanvasElement().getContext(g))}function z(t){t.fillText(this._partialText,this._partialTextX,this._partialTextY)}function V(t){t.strokeText(this._partialText,this._partialTextX,this._partialTextY)}function O(t){return(t=t||{}).fillLinearGradientColorStops||t.fillRadialGradientColorStops||t.fillPatternImage||(t.fill=t.fill||"black"),t}class C extends i.Shape{constructor(t){super(O(t)),this._partialTextX=0,this._partialTextY=0;for(var e=0;e<k;e++)this.on(w[e]+d,this._setTextData);this._setTextData()}_sceneFunc(t){var e=this.textArr,i=e.length;if(this.text()){var r,a=this.padding(),s=this.fontSize(),n=this.lineHeight()*s,d=this.verticalAlign(),g=0,x=this.align(),p=this.getWidth(),c=this.letterSpacing(),u=this.fill(),_=this.textDecoration(),v=-1!==_.indexOf("underline"),m=-1!==_.indexOf("line-through"),F=0,A=(F=n/2,0),W=0;for(t.setAttr("font",this._getContextFont()),t.setAttr("textBaseline",T),t.setAttr("textAlign",f),d===T?g=(this.getHeight()-i*n-2*a)/2:d===S&&(g=this.getHeight()-i*n-2*a),t.translate(a,g+a),r=0;r<i;r++){A=0,W=0;var b,w,k,G=e[r],H=G.text,z=G.width,V=G.lastInParagraph;if(t.save(),x===y?A+=p-z-2*a:x===l&&(A+=(p-z-2*a)/2),v&&(t.save(),t.beginPath(),t.moveTo(A,F+W+Math.round(s/2)),w=0===(b=H.split(" ").length-1),k=x===o&&V&&!w?p-2*a:z,t.lineTo(A+Math.round(k),F+W+Math.round(s/2)),t.lineWidth=s/15,t.strokeStyle=u,t.stroke(),t.restore()),m&&(t.save(),t.beginPath(),t.moveTo(A,F+W),w=0===(b=H.split(" ").length-1),k=x===o&&V&&!w?p-2*a:z,t.lineTo(A+Math.round(k),F+W),t.lineWidth=s/15,t.strokeStyle=u,t.stroke(),t.restore()),0!==c||x===o){b=H.split(" ").length-1;for(var O=h(H),C=0;C<O.length;C++){var M=O[C];" "!==M||V||x!==o||(A+=(p-2*a-z)/b),this._partialTextX=A,this._partialTextY=F+W,this._partialText=M,t.fillStrokeShape(this),A+=this.measureSize(M).width+c}}else this._partialTextX=A,this._partialTextY=F+W,this._partialText=H,t.fillStrokeShape(this);t.restore(),i>1&&(F+=n)}}}_hitFunc(t){var e=this.getWidth(),i=this.getHeight();t.beginPath(),t.rect(0,0,e,i),t.closePath(),t.fillStrokeShape(this)}setText(e){var i=t.Util._isString(e)?e:null==e?"":e+"";return this._setAttr(p,i),this}getWidth(){return this.attrs.width===n||void 0===this.attrs.width?this.getTextWidth()+2*this.padding():this.attrs.width}getHeight(){return this.attrs.height===n||void 0===this.attrs.height?this.fontSize()*this.textArr.length*this.lineHeight()+2*this.padding():this.attrs.height}getTextWidth(){return this.textWidth}getTextHeight(){return t.Util.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."),this.textHeight}measureSize(t){var e,i=H(),r=this.fontSize();return i.save(),i.font=this._getContextFont(),e=i.measureText(t),i.restore(),{width:e.width,height:r}}_getContextFont(){return this.fontStyle()+m+this.fontVariant()+m+(this.fontSize()+v)+G(this.fontFamily())}_addTextLine(t){this.align()===o&&(t=t.trim());var e=this._getTextWidth(t);return this.textArr.push({text:t,width:e,lastInParagraph:!1})}_getTextWidth(t){var e=this.letterSpacing(),i=t.length;return H().measureText(t).width+(i?e*(i-1):0)}_setTextData(){var t=this.text().split("\n"),e=+this.fontSize(),i=0,r=this.lineHeight()*e,a=this.attrs.width,h=this.attrs.height,s=a!==n&&void 0!==a,l=h!==n&&void 0!==h,o=this.padding(),d=a-2*o,g=h-2*o,f=0,p=this.wrap(),c=p!==W,u=p!==A&&c,S=this.ellipsis();this.textArr=[],H().font=this._getContextFont();for(var T=S?this._getTextWidth(b):0,_=0,v=t.length;_<v;++_){var y=t[_],F=this._getTextWidth(y);if(s&&F>d)for(;y.length>0;){for(var w=0,k=y.length,G="",z=0;w<k;){var V=w+k>>>1,O=y.slice(0,V+1),C=this._getTextWidth(O)+T;C<=d?(w=V+1,G=O,z=C):k=V}if(!G)break;if(u){var M,P=y[G.length];(M=(P===m||P===x)&&z<=d?G.length:Math.max(G.lastIndexOf(m),G.lastIndexOf(x))+1)>0&&(w=M,G=G.slice(0,w),z=this._getTextWidth(G))}if(G=G.trimRight(),this._addTextLine(G),i=Math.max(i,z),f+=r,!c||l&&f+r>g){var j=this.textArr[this.textArr.length-1];if(j)if(S)this._getTextWidth(j.text+b)<d||(j.text=j.text.slice(0,j.text.length-3)),this.textArr.splice(this.textArr.length-1,1),this._addTextLine(j.text+b);break}if((y=(y=y.slice(w)).trimLeft()).length>0&&(F=this._getTextWidth(y))<=d){this._addTextLine(y),f+=r,i=Math.max(i,F);break}}else this._addTextLine(y),f+=r,i=Math.max(i,F);if(l&&f+r>g)break;this.textArr[this.textArr.length-1]&&(this.textArr[this.textArr.length-1].lastInParagraph=!0)}this.textHeight=e,this.textWidth=i}getStrokeScaleEnabled(){return!0}}exports.Text=C,C.prototype._fillFunc=z,C.prototype._strokeFunc=V,C.prototype.className=c,C.prototype._attrsAffectingSize=["text","fontSize","padding","wrap","lineHeight","letterSpacing"],(0,a._registerNode)(C),e.Factory.overWriteSetter(C,"width",(0,r.getNumberOrAutoValidator)()),e.Factory.overWriteSetter(C,"height",(0,r.getNumberOrAutoValidator)()),e.Factory.addGetterSetter(C,"fontFamily","Arial"),e.Factory.addGetterSetter(C,"fontSize",12,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(C,"fontStyle",_),e.Factory.addGetterSetter(C,"fontVariant",_),e.Factory.addGetterSetter(C,"padding",0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(C,"align",f),e.Factory.addGetterSetter(C,"verticalAlign",u),e.Factory.addGetterSetter(C,"lineHeight",1,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(C,"wrap",F),e.Factory.addGetterSetter(C,"ellipsis",!1,(0,r.getBooleanValidator)()),e.Factory.addGetterSetter(C,"letterSpacing",0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(C,"text","",(0,r.getStringValidator)()),e.Factory.addGetterSetter(C,"textDecoration","");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.stringToArray=h,exports.Text=void 0;var t=require("../Util.js"),e=require("../Factory.js"),i=require("../Shape.js"),r=require("../Validators.js"),a=require("../Global.js");function h(t){return Array.from(t)}var s,n="auto",l="center",o="justify",d="Change.konva",g="2d",x="-",p="left",f="text",u="Text",c="top",T="bottom",S="middle",_="normal",v="px ",y=" ",m="right",A="word",F="char",w="none",W="…",b=["fontFamily","fontSize","fontStyle","fontVariant","padding","align","verticalAlign","lineHeight","text","width","height","wrap","ellipsis","letterSpacing"],H=b.length;function k(t){return t.split(",").map(t=>{const e=(t=t.trim()).indexOf(" ")>=0,i=t.indexOf('"')>=0||t.indexOf("'")>=0;return e&&!i&&(t=`"${t}"`),t}).join(", ")}function G(){return s||(s=t.Util.createCanvasElement().getContext(g))}function z(t){t.fillText(this._partialText,this._partialTextX,this._partialTextY)}function L(t){t.strokeText(this._partialText,this._partialTextX,this._partialTextY)}function V(t){return(t=t||{}).fillLinearGradientColorStops||t.fillRadialGradientColorStops||t.fillPatternImage||(t.fill=t.fill||"black"),t}class O extends i.Shape{constructor(t){super(V(t)),this._partialTextX=0,this._partialTextY=0;for(var e=0;e<H;e++)this.on(b[e]+d,this._setTextData);this._setTextData()}_sceneFunc(t){var e=this.textArr,i=e.length;if(this.text()){var r,a=this.padding(),s=this.fontSize(),n=this.lineHeight()*s,d=this.verticalAlign(),g=0,x=this.align(),f=this.getWidth(),u=this.letterSpacing(),c=this.fill(),_=this.textDecoration(),v=-1!==_.indexOf("underline"),y=-1!==_.indexOf("line-through"),A=0,F=(A=n/2,0),w=0;for(t.setAttr("font",this._getContextFont()),t.setAttr("textBaseline",S),t.setAttr("textAlign",p),d===S?g=(this.getHeight()-i*n-2*a)/2:d===T&&(g=this.getHeight()-i*n-2*a),t.translate(a,g+a),r=0;r<i;r++){F=0,w=0;var W,b,H,k=e[r],G=k.text,z=k.width,L=k.lastInParagraph;if(t.save(),x===m?F+=f-z-2*a:x===l&&(F+=(f-z-2*a)/2),v&&(t.save(),t.beginPath(),t.moveTo(F,A+w+Math.round(s/2)),b=0===(W=G.split(" ").length-1),H=x===o&&L&&!b?f-2*a:z,t.lineTo(F+Math.round(H),A+w+Math.round(s/2)),t.lineWidth=s/15,t.strokeStyle=c,t.stroke(),t.restore()),y&&(t.save(),t.beginPath(),t.moveTo(F,A+w),b=0===(W=G.split(" ").length-1),H=x===o&&L&&!b?f-2*a:z,t.lineTo(F+Math.round(H),A+w),t.lineWidth=s/15,t.strokeStyle=c,t.stroke(),t.restore()),0!==u||x===o){W=G.split(" ").length-1;for(var V=h(G),O=0;O<V.length;O++){var C=V[O];" "!==C||L||x!==o||(F+=(f-2*a-z)/W),this._partialTextX=F,this._partialTextY=A+w,this._partialText=C,t.fillStrokeShape(this),F+=this.measureSize(C).width+u}}else this._partialTextX=F,this._partialTextY=A+w,this._partialText=G,t.fillStrokeShape(this);t.restore(),i>1&&(A+=n)}}}_hitFunc(t){var e=this.getWidth(),i=this.getHeight();t.beginPath(),t.rect(0,0,e,i),t.closePath(),t.fillStrokeShape(this)}setText(e){var i=t.Util._isString(e)?e:null==e?"":e+"";return this._setAttr(f,i),this}getWidth(){return this.attrs.width===n||void 0===this.attrs.width?this.getTextWidth()+2*this.padding():this.attrs.width}getHeight(){return this.attrs.height===n||void 0===this.attrs.height?this.fontSize()*this.textArr.length*this.lineHeight()+2*this.padding():this.attrs.height}getTextWidth(){return this.textWidth}getTextHeight(){return t.Util.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."),this.textHeight}measureSize(t){var e,i=G(),r=this.fontSize();return i.save(),i.font=this._getContextFont(),e=i.measureText(t),i.restore(),{width:e.width,height:r}}_getContextFont(){return this.fontStyle()+y+this.fontVariant()+y+(this.fontSize()+v)+k(this.fontFamily())}_addTextLine(t){this.align()===o&&(t=t.trim());var e=this._getTextWidth(t);return this.textArr.push({text:t,width:e,lastInParagraph:!1})}_getTextWidth(t){var e=this.letterSpacing(),i=t.length;return G().measureText(t).width+(i?e*(i-1):0)}_setTextData(){var t=this.text().split("\n"),e=+this.fontSize(),i=0,r=this.lineHeight()*e,a=this.attrs.width,h=this.attrs.height,s=a!==n&&void 0!==a,l=h!==n&&void 0!==h,o=this.padding(),d=a-2*o,g=h-2*o,p=0,f=this.wrap(),u=f!==F&&f!==w,c=this.ellipsis();this.textArr=[],G().font=this._getContextFont();for(var T=c?this._getTextWidth(W):0,S=0,_=t.length;S<_;++S){var v=t[S],m=this._getTextWidth(v);if(s&&m>d)for(;v.length>0;){for(var A=0,b=v.length,H="",k=0;A<b;){var z=A+b>>>1,L=v.slice(0,z+1),V=this._getTextWidth(L)+T;V<=d?(A=z+1,H=L,k=V):b=z}if(!H)break;if(u){var O,C=v[H.length];(O=(C===y||C===x)&&k<=d?H.length:Math.max(H.lastIndexOf(y),H.lastIndexOf(x))+1)>0&&(A=O,H=H.slice(0,A),k=this._getTextWidth(H))}if(H=H.trimRight(),this._addTextLine(H),i=Math.max(i,k),p+=r,this._shouldHandleEllipsis(p)){this._tryToAddEllipsisToLastLine();break}if((v=(v=v.slice(A)).trimLeft()).length>0&&(m=this._getTextWidth(v))<=d){this._addTextLine(v),p+=r,i=Math.max(i,m);break}}else this._addTextLine(v),p+=r,i=Math.max(i,m),this._shouldHandleEllipsis(p)&&S<_-1&&this._tryToAddEllipsisToLastLine();if(l&&p+r>g)break;this.textArr[this.textArr.length-1]&&(this.textArr[this.textArr.length-1].lastInParagraph=!0)}this.textHeight=e,this.textWidth=i}_shouldHandleEllipsis(t){var e=+this.fontSize(),i=this.lineHeight()*e,r=this.attrs.height,a=r!==n&&void 0!==r,h=r-2*this.padding();return!(this.wrap()!==w)||a&&t+i>h}_tryToAddEllipsisToLastLine(){var t=this.attrs.width,e=t!==n&&void 0!==t,i=t-2*this.padding(),r=this.ellipsis(),a=this.textArr[this.textArr.length-1];if(a&&r){if(e)this._getTextWidth(a.text+W)<i||(a.text=a.text.slice(0,a.text.length-3));this.textArr.splice(this.textArr.length-1,1),this._addTextLine(a.text+W)}}getStrokeScaleEnabled(){return!0}}exports.Text=O,O.prototype._fillFunc=z,O.prototype._strokeFunc=L,O.prototype.className=u,O.prototype._attrsAffectingSize=["text","fontSize","padding","wrap","lineHeight","letterSpacing"],(0,a._registerNode)(O),e.Factory.overWriteSetter(O,"width",(0,r.getNumberOrAutoValidator)()),e.Factory.overWriteSetter(O,"height",(0,r.getNumberOrAutoValidator)()),e.Factory.addGetterSetter(O,"fontFamily","Arial"),e.Factory.addGetterSetter(O,"fontSize",12,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(O,"fontStyle",_),e.Factory.addGetterSetter(O,"fontVariant",_),e.Factory.addGetterSetter(O,"padding",0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(O,"align",p),e.Factory.addGetterSetter(O,"verticalAlign",c),e.Factory.addGetterSetter(O,"lineHeight",1,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(O,"wrap",A),e.Factory.addGetterSetter(O,"ellipsis",!1,(0,r.getBooleanValidator)()),e.Factory.addGetterSetter(O,"letterSpacing",0,(0,r.getNumberValidator)()),e.Factory.addGetterSetter(O,"text","",(0,r.getStringValidator)()),e.Factory.addGetterSetter(O,"textDecoration","");
 },{"../Util.js":"XIcS","../Factory.js":"cgGB","../Shape.js":"JWag","../Validators.js":"tgRR","../Global.js":"bIDB"}],"aNkT":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextPath=void 0;var t=require("../Util.js"),e=require("../Factory.js"),a=require("../Shape.js"),i=require("./Path.js"),r=require("./Text.js"),n=require("../Validators.js"),h=require("../Global.js"),o="",s="normal";function p(t){t.fillText(this.partialText,0,0)}function g(t){t.strokeText(this.partialText,0,0)}class x extends a.Shape{constructor(e){super(e),this.dummyCanvas=t.Util.createCanvasElement(),this.dataArray=[],this.dataArray=i.Path.parsePathData(this.attrs.data),this.on("dataChange.konva",function(){this.dataArray=i.Path.parsePathData(this.attrs.data),this._setTextData()}),this.on("textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva",this._setTextData),this._setTextData()}_sceneFunc(t){t.setAttr("font",this._getContextFont()),t.setAttr("textBaseline",this.textBaseline()),t.setAttr("textAlign","left"),t.save();var e=this.textDecoration(),a=this.fill(),i=this.fontSize(),r=this.glyphInfo;"underline"===e&&t.beginPath();for(var n=0;n<r.length;n++){t.save();var h=r[n].p0;t.translate(h.x,h.y),t.rotate(r[n].rotation),this.partialText=r[n].text,t.fillStrokeShape(this),"underline"===e&&(0===n&&t.moveTo(0,i/2+1),t.lineTo(i,i/2+1)),t.restore()}"underline"===e&&(t.strokeStyle=a,t.lineWidth=i/20,t.stroke()),t.restore()}_hitFunc(t){t.beginPath();var e=this.glyphInfo;if(e.length>=1){var a=e[0].p0;t.moveTo(a.x,a.y)}for(var i=0;i<e.length;i++){var r=e[i].p1;t.lineTo(r.x,r.y)}t.setAttr("lineWidth",this.fontSize()),t.setAttr("strokeStyle",this.colorKey),t.stroke()}getTextWidth(){return this.textWidth}getTextHeight(){return t.Util.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."),this.textHeight}setText(t){return r.Text.prototype.setText.call(this,t)}_getContextFont(){return r.Text.prototype._getContextFont.call(this)}_getTextSize(t){var e=this.dummyCanvas.getContext("2d");e.save(),e.font=this._getContextFont();var a=e.measureText(t);return e.restore(),{width:a.width,height:parseInt(this.attrs.fontSize,10)}}_setTextData(){var t=this,e=this._getTextSize(this.attrs.text),a=this.letterSpacing(),n=this.align(),h=this.kerningFunc();this.textWidth=e.width,this.textHeight=e.height;var o=Math.max(this.textWidth+((this.attrs.text||"").length-1)*a,0);this.glyphInfo=[];for(var s=0,p=0;p<t.dataArray.length;p++)t.dataArray[p].pathLength>0&&(s+=t.dataArray[p].pathLength);var g=0;"center"===n&&(g=Math.max(0,s/2-o/2)),"right"===n&&(g=Math.max(0,s-o));for(var x,l,d,y=(0,r.stringToArray)(this.text()),c=this.text().split(" ").length-1,f=-1,u=0,v=function(){u=0;for(var e=t.dataArray,a=f+1;a<e.length;a++){if(e[a].pathLength>0)return f=a,e[a];"M"===e[a].command&&(x={x:e[a].points[0],y:e[a].points[1]})}return{}},S=function(e){var r=t._getTextSize(e).width+a;" "===e&&"justify"===n&&(r+=(s-o)/c);var h=0,p=0;for(l=void 0;Math.abs(r-h)/r>.01&&p<20;){p++;for(var g=h;void 0===d;)(d=v())&&g+d.pathLength<r&&(g+=d.pathLength,d=void 0);if(d==={}||void 0===x)return;var y=!1;switch(d.command){case"L":i.Path.getLineLength(x.x,x.y,d.points[0],d.points[1])>r?l=i.Path.getPointOnLine(r,x.x,x.y,d.points[0],d.points[1],x.x,x.y):d=void 0;break;case"A":var f=d.points[4],S=d.points[5],T=d.points[4]+S;0===u?u=f+1e-8:r>h?u+=Math.PI/180*S/Math.abs(S):u-=Math.PI/360*S/Math.abs(S),(S<0&&u<T||S>=0&&u>T)&&(u=T,y=!0),l=i.Path.getPointOnEllipticalArc(d.points[0],d.points[1],d.points[2],d.points[3],u,d.points[6]);break;case"C":0===u?u=r>d.pathLength?1e-8:r/d.pathLength:r>h?u+=(r-h)/d.pathLength/2:u=Math.max(u-(h-r)/d.pathLength/2,0),u>1&&(u=1,y=!0),l=i.Path.getPointOnCubicBezier(u,d.start.x,d.start.y,d.points[0],d.points[1],d.points[2],d.points[3],d.points[4],d.points[5]);break;case"Q":0===u?u=r/d.pathLength:r>h?u+=(r-h)/d.pathLength:u-=(h-r)/d.pathLength,u>1&&(u=1,y=!0),l=i.Path.getPointOnQuadraticBezier(u,d.start.x,d.start.y,d.points[0],d.points[1],d.points[2],d.points[3])}void 0!==l&&(h=i.Path.getLineLength(x.x,x.y,l.x,l.y)),y&&(y=!1,d=void 0)}},T=g/(t._getTextSize("C").width+a)-1,m=0;m<T&&(S("C"),void 0!==x&&void 0!==l);m++)x=l;for(var F=0;F<y.length&&(S(y[F]),void 0!==x&&void 0!==l);F++){var P=i.Path.getLineLength(x.x,x.y,l.x,l.y),_=0;if(h)try{_=h(y[F-1],y[F])*this.fontSize()}catch(C){_=0}x.x+=_,l.x+=_,this.textWidth+=_;var k=i.Path.getPointOnLine(_+P/2,x.x,x.y,l.x,l.y),L=Math.atan2(l.y-x.y,l.x-x.x);this.glyphInfo.push({transposeX:k.x,transposeY:k.y,text:y[F],rotation:L,p0:x,p1:l}),x=l}}getSelfRect(){if(!this.glyphInfo.length)return{x:0,y:0,width:0,height:0};var t=[];this.glyphInfo.forEach(function(e){t.push(e.p0.x),t.push(e.p0.y),t.push(e.p1.x),t.push(e.p1.y)});for(var e,a,i=t[0]||0,r=t[0]||0,n=t[1]||0,h=t[1]||0,o=0;o<t.length/2;o++)e=t[2*o],a=t[2*o+1],i=Math.min(i,e),r=Math.max(r,e),n=Math.min(n,a),h=Math.max(h,a);var s=this.fontSize();return{x:i-s/2,y:n-s/2,width:r-i+s,height:h-n+s}}}exports.TextPath=x,x.prototype._fillFunc=p,x.prototype._strokeFunc=g,x.prototype._fillFuncHit=p,x.prototype._strokeFuncHit=g,x.prototype.className="TextPath",x.prototype._attrsAffectingSize=["text","fontSize","data"],(0,h._registerNode)(x),e.Factory.addGetterSetter(x,"data"),e.Factory.addGetterSetter(x,"fontFamily","Arial"),e.Factory.addGetterSetter(x,"fontSize",12,(0,n.getNumberValidator)()),e.Factory.addGetterSetter(x,"fontStyle",s),e.Factory.addGetterSetter(x,"align","left"),e.Factory.addGetterSetter(x,"letterSpacing",0,(0,n.getNumberValidator)()),e.Factory.addGetterSetter(x,"textBaseline","middle"),e.Factory.addGetterSetter(x,"fontVariant",s),e.Factory.addGetterSetter(x,"text",o),e.Factory.addGetterSetter(x,"textDecoration",null),e.Factory.addGetterSetter(x,"kerningFunc",null);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextPath=void 0;var t=require("../Util.js"),e=require("../Factory.js"),a=require("../Shape.js"),i=require("./Path.js"),r=require("./Text.js"),n=require("../Validators.js"),h=require("../Global.js"),o="",s="normal";function p(t){t.fillText(this.partialText,0,0)}function g(t){t.strokeText(this.partialText,0,0)}class l extends a.Shape{constructor(e){super(e),this.dummyCanvas=t.Util.createCanvasElement(),this.dataArray=[],this.dataArray=i.Path.parsePathData(this.attrs.data),this.on("dataChange.konva",function(){this.dataArray=i.Path.parsePathData(this.attrs.data),this._setTextData()}),this.on("textChange.konva alignChange.konva letterSpacingChange.konva kerningFuncChange.konva fontSizeChange.konva fontFamilyChange.konva",this._setTextData),this._setTextData()}_sceneFunc(t){t.setAttr("font",this._getContextFont()),t.setAttr("textBaseline",this.textBaseline()),t.setAttr("textAlign","left"),t.save();var e=this.textDecoration(),a=this.fill(),i=this.fontSize(),r=this.glyphInfo;"underline"===e&&t.beginPath();for(var n=0;n<r.length;n++){t.save();var h=r[n].p0;t.translate(h.x,h.y),t.rotate(r[n].rotation),this.partialText=r[n].text,t.fillStrokeShape(this),"underline"===e&&(0===n&&t.moveTo(0,i/2+1),t.lineTo(i,i/2+1)),t.restore()}"underline"===e&&(t.strokeStyle=a,t.lineWidth=i/20,t.stroke()),t.restore()}_hitFunc(t){t.beginPath();var e=this.glyphInfo;if(e.length>=1){var a=e[0].p0;t.moveTo(a.x,a.y)}for(var i=0;i<e.length;i++){var r=e[i].p1;t.lineTo(r.x,r.y)}t.setAttr("lineWidth",this.fontSize()),t.setAttr("strokeStyle",this.colorKey),t.stroke()}getTextWidth(){return this.textWidth}getTextHeight(){return t.Util.warn("text.getTextHeight() method is deprecated. Use text.height() - for full height and text.fontSize() - for one line height."),this.textHeight}setText(t){return r.Text.prototype.setText.call(this,t)}_getContextFont(){return r.Text.prototype._getContextFont.call(this)}_getTextSize(t){var e=this.dummyCanvas.getContext("2d");e.save(),e.font=this._getContextFont();var a=e.measureText(t);return e.restore(),{width:a.width,height:parseInt(this.attrs.fontSize,10)}}_setTextData(){var t=this,e=this._getTextSize(this.attrs.text),a=this.letterSpacing(),n=this.align(),h=this.kerningFunc();this.textWidth=e.width,this.textHeight=e.height;var o=Math.max(this.textWidth+((this.attrs.text||"").length-1)*a,0);this.glyphInfo=[];for(var s=0,p=0;p<t.dataArray.length;p++)t.dataArray[p].pathLength>0&&(s+=t.dataArray[p].pathLength);var g=0;"center"===n&&(g=Math.max(0,s/2-o/2)),"right"===n&&(g=Math.max(0,s-o));for(var l,x,d,y=(0,r.stringToArray)(this.text()),c=this.text().split(" ").length-1,f=-1,u=0,v=function(){u=0;for(var e=t.dataArray,a=f+1;a<e.length;a++){if(e[a].pathLength>0)return f=a,e[a];"M"===e[a].command&&(l={x:e[a].points[0],y:e[a].points[1]})}return{}},S=function(e){var r=t._getTextSize(e).width+a;" "===e&&"justify"===n&&(r+=(s-o)/c);var h=0,p=0;for(x=void 0;Math.abs(r-h)/r>.01&&p<20;){p++;for(var g=h;void 0===d;)(d=v())&&g+d.pathLength<r&&(g+=d.pathLength,d=void 0);if(0===Object.keys(d).length||void 0===l)return;var y=!1;switch(d.command){case"L":i.Path.getLineLength(l.x,l.y,d.points[0],d.points[1])>r?x=i.Path.getPointOnLine(r,l.x,l.y,d.points[0],d.points[1],l.x,l.y):d=void 0;break;case"A":var f=d.points[4],S=d.points[5],T=d.points[4]+S;0===u?u=f+1e-8:r>h?u+=Math.PI/180*S/Math.abs(S):u-=Math.PI/360*S/Math.abs(S),(S<0&&u<T||S>=0&&u>T)&&(u=T,y=!0),x=i.Path.getPointOnEllipticalArc(d.points[0],d.points[1],d.points[2],d.points[3],u,d.points[6]);break;case"C":0===u?u=r>d.pathLength?1e-8:r/d.pathLength:r>h?u+=(r-h)/d.pathLength/2:u=Math.max(u-(h-r)/d.pathLength/2,0),u>1&&(u=1,y=!0),x=i.Path.getPointOnCubicBezier(u,d.start.x,d.start.y,d.points[0],d.points[1],d.points[2],d.points[3],d.points[4],d.points[5]);break;case"Q":0===u?u=r/d.pathLength:r>h?u+=(r-h)/d.pathLength:u-=(h-r)/d.pathLength,u>1&&(u=1,y=!0),x=i.Path.getPointOnQuadraticBezier(u,d.start.x,d.start.y,d.points[0],d.points[1],d.points[2],d.points[3])}void 0!==x&&(h=i.Path.getLineLength(l.x,l.y,x.x,x.y)),y&&(y=!1,d=void 0)}},T=g/(t._getTextSize("C").width+a)-1,m=0;m<T&&(S("C"),void 0!==l&&void 0!==x);m++)l=x;for(var F=0;F<y.length&&(S(y[F]),void 0!==l&&void 0!==x);F++){var P=i.Path.getLineLength(l.x,l.y,x.x,x.y),k=0;if(h)try{k=h(y[F-1],y[F])*this.fontSize()}catch(C){k=0}l.x+=k,x.x+=k,this.textWidth+=k;var _=i.Path.getPointOnLine(k+P/2,l.x,l.y,x.x,x.y),L=Math.atan2(x.y-l.y,x.x-l.x);this.glyphInfo.push({transposeX:_.x,transposeY:_.y,text:y[F],rotation:L,p0:l,p1:x}),l=x}}getSelfRect(){if(!this.glyphInfo.length)return{x:0,y:0,width:0,height:0};var t=[];this.glyphInfo.forEach(function(e){t.push(e.p0.x),t.push(e.p0.y),t.push(e.p1.x),t.push(e.p1.y)});for(var e,a,i=t[0]||0,r=t[0]||0,n=t[1]||0,h=t[1]||0,o=0;o<t.length/2;o++)e=t[2*o],a=t[2*o+1],i=Math.min(i,e),r=Math.max(r,e),n=Math.min(n,a),h=Math.max(h,a);var s=this.fontSize();return{x:i-s/2,y:n-s/2,width:r-i+s,height:h-n+s}}}exports.TextPath=l,l.prototype._fillFunc=p,l.prototype._strokeFunc=g,l.prototype._fillFuncHit=p,l.prototype._strokeFuncHit=g,l.prototype.className="TextPath",l.prototype._attrsAffectingSize=["text","fontSize","data"],(0,h._registerNode)(l),e.Factory.addGetterSetter(l,"data"),e.Factory.addGetterSetter(l,"fontFamily","Arial"),e.Factory.addGetterSetter(l,"fontSize",12,(0,n.getNumberValidator)()),e.Factory.addGetterSetter(l,"fontStyle",s),e.Factory.addGetterSetter(l,"align","left"),e.Factory.addGetterSetter(l,"letterSpacing",0,(0,n.getNumberValidator)()),e.Factory.addGetterSetter(l,"textBaseline","middle"),e.Factory.addGetterSetter(l,"fontVariant",s),e.Factory.addGetterSetter(l,"text",o),e.Factory.addGetterSetter(l,"textDecoration",null),e.Factory.addGetterSetter(l,"kerningFunc",null);
 },{"../Util.js":"XIcS","../Factory.js":"cgGB","../Shape.js":"JWag","./Path.js":"QFP7","./Text.js":"BUL9","../Validators.js":"tgRR","../Global.js":"bIDB"}],"HEY6":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Transformer=void 0;var t=require("../Util.js"),e=require("../Factory.js"),i=require("../Node.js"),o=require("../Shape.js"),n=require("./Rect.js"),r=require("../Group.js"),s=require("../Global.js"),h=require("../Validators.js"),a="tr-konva",d=["resizeEnabledChange","rotateAnchorOffsetChange","rotateEnabledChange","enabledAnchorsChange","anchorSizeChange","borderEnabledChange","borderStrokeChange","borderStrokeWidthChange","borderDashChange","anchorStrokeChange","anchorStrokeWidthChange","anchorFillChange","anchorCornerRadiusChange","ignoreStrokeChange"].map(t=>t+`.${a}`).join(" "),g="nodesRect",c=["widthChange","heightChange","scaleXChange","scaleYChange","skewXChange","skewYChange","rotationChange","offsetXChange","offsetYChange","transformsEnabledChange","strokeWidthChange"],l={"top-left":-45,"top-center":0,"top-right":45,"middle-right":-90,"middle-left":90,"bottom-left":-135,"bottom-center":180,"bottom-right":135};const f="ontouchstart"in s.Konva._global;function m(e,i){if("rotater"===e)return"crosshair";i+=t.Util.degToRad(l[e]||0);var o=(t.Util.radToDeg(i)%360+360)%360;return t.Util._inRange(o,337.5,360)||t.Util._inRange(o,0,22.5)?"ns-resize":t.Util._inRange(o,22.5,67.5)?"nesw-resize":t.Util._inRange(o,67.5,112.5)?"ew-resize":t.Util._inRange(o,112.5,157.5)?"nwse-resize":t.Util._inRange(o,157.5,202.5)?"ns-resize":t.Util._inRange(o,202.5,247.5)?"nesw-resize":t.Util._inRange(o,247.5,292.5)?"ew-resize":t.Util._inRange(o,292.5,337.5)?"nwse-resize":(t.Util.error("Transformer has unknown angle for cursor detection: "+o),"pointer")}var u=["top-left","top-center","top-right","middle-right","middle-left","bottom-left","bottom-center","bottom-right"],y=1e8;function p(t){return{x:t.x+t.width/2*Math.cos(t.rotation)+t.height/2*Math.sin(-t.rotation),y:t.y+t.height/2*Math.cos(t.rotation)+t.width/2*Math.sin(t.rotation)}}function _(t,e,i){const o=i.x+(t.x-i.x)*Math.cos(e)-(t.y-i.y)*Math.sin(e),n=i.y+(t.x-i.x)*Math.sin(e)+(t.y-i.y)*Math.cos(e);return Object.assign(Object.assign({},t),{rotation:t.rotation+e,x:o,y:n})}function b(t,e){return _(t,e,p(t))}function v(t,e,i){let o=e;for(let n=0;n<t.length;n++){const r=s.Konva.getAngle(t[n]),h=Math.abs(r-e)%(2*Math.PI);Math.min(h,2*Math.PI-h)<i&&(o=r)}return o}class x extends r.Group{constructor(t){super(t),this._transforming=!1,this._createElements(),this._handleMouseMove=this._handleMouseMove.bind(this),this._handleMouseUp=this._handleMouseUp.bind(this),this.update=this.update.bind(this),this.on(d,this.update),this.getNode()&&this.update()}attachTo(t){return this.setNode(t),this}setNode(e){return t.Util.warn("tr.setNode(shape), tr.node(shape) and tr.attachTo(shape) methods are deprecated. Please use tr.nodes(nodesArray) instead."),this.setNodes([e])}getNode(){return this._nodes&&this._nodes[0]}_getEventNamespace(){return a+this._id}setNodes(t=[]){return this._nodes&&this._nodes.length&&this.detach(),this._nodes=t,1===t.length&&this.useSingleNodeRotation()?this.rotation(t[0].getAbsoluteRotation()):this.rotation(0),this._nodes.forEach(t=>{const e=()=>{1===this.nodes().length&&this.useSingleNodeRotation()&&this.rotation(this.nodes()[0].getAbsoluteRotation()),this._resetTransformCache(),this._transforming||this.isDragging()||this.update()},i=t._attrsAffectingSize.map(t=>t+"Change."+this._getEventNamespace()).join(" ");t.on(i,e),t.on(c.map(t=>t+`.${this._getEventNamespace()}`).join(" "),e),t.on(`absoluteTransformChange.${this._getEventNamespace()}`,e),this._proxyDrag(t)}),this._resetTransformCache(),!!this.findOne(".top-left")&&this.update(),this}_proxyDrag(t){let e;t.on(`dragstart.${this._getEventNamespace()}`,i=>{e=t.getAbsolutePosition(),this.isDragging()||t===this.findOne(".back")||this.startDrag(i,!1)}),t.on(`dragmove.${this._getEventNamespace()}`,i=>{if(!e)return;const o=t.getAbsolutePosition(),n=o.x-e.x,r=o.y-e.y;this.nodes().forEach(e=>{if(e===t)return;if(e.isDragging())return;const o=e.getAbsolutePosition();e.setAbsolutePosition({x:o.x+n,y:o.y+r}),e.startDrag(i)}),e=null})}getNodes(){return this._nodes||[]}getActiveAnchor(){return this._movingAnchorName}detach(){this._nodes&&this._nodes.forEach(t=>{t.off("."+this._getEventNamespace())}),this._nodes=[],this._resetTransformCache()}_resetTransformCache(){this._clearCache(g),this._clearCache("transform"),this._clearSelfAndDescendantCache("absoluteTransform")}_getNodeRect(){return this._getCache(g,this.__getNodeRect)}__getNodeShape(t,e=this.rotation(),i){var o=t.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),n=t.getAbsoluteScale(i),r=t.getAbsolutePosition(i),h=o.x*n.x-t.offsetX()*n.x,a=o.y*n.y-t.offsetY()*n.y;const d=(s.Konva.getAngle(t.getAbsoluteRotation())+2*Math.PI)%(2*Math.PI);return _({x:r.x+h*Math.cos(d)+a*Math.sin(-d),y:r.y+a*Math.cos(d)+h*Math.sin(d),width:o.width*n.x,height:o.height*n.y,rotation:d},-s.Konva.getAngle(e),{x:0,y:0})}__getNodeRect(){if(!this.getNode())return{x:-y,y:-y,width:0,height:0,rotation:0};const e=[];this.nodes().map(t=>{const i=t.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()});var o=[{x:i.x,y:i.y},{x:i.x+i.width,y:i.y},{x:i.x+i.width,y:i.y+i.height},{x:i.x,y:i.y+i.height}],n=t.getAbsoluteTransform();o.forEach(function(t){var i=n.point(t);e.push(i)})});const i=new t.Transform;var o,n,r,h;i.rotate(-s.Konva.getAngle(this.rotation())),e.forEach(function(t){var e=i.point(t);void 0===o&&(o=r=e.x,n=h=e.y),o=Math.min(o,e.x),n=Math.min(n,e.y),r=Math.max(r,e.x),h=Math.max(h,e.y)}),i.invert();const a=i.point({x:o,y:n});return{x:a.x,y:a.y,width:r-o,height:h-n,rotation:s.Konva.getAngle(this.rotation())}}getX(){return this._getNodeRect().x}getY(){return this._getNodeRect().y}getWidth(){return this._getNodeRect().width}getHeight(){return this._getNodeRect().height}_createElements(){this._createBack(),u.forEach(function(t){this._createAnchor(t)}.bind(this)),this._createAnchor("rotater")}_createAnchor(t){var e=new n.Rect({stroke:"rgb(0, 161, 255)",fill:"white",strokeWidth:1,name:t+" _anchor",dragDistance:0,draggable:!0,hitStrokeWidth:f?10:"auto"}),i=this;e.on("mousedown touchstart",function(t){i._handleMouseDown(t)}),e.on("dragstart",t=>{e.stopDrag(),t.cancelBubble=!0}),e.on("dragend",t=>{t.cancelBubble=!0}),e.on("mouseenter",()=>{var i=s.Konva.getAngle(this.rotation()),o=m(t,i);e.getStage().content&&(e.getStage().content.style.cursor=o),this._cursorChange=!0}),e.on("mouseout",()=>{e.getStage().content&&(e.getStage().content.style.cursor=""),this._cursorChange=!1}),this.add(e)}_createBack(){var e=new o.Shape({name:"back",width:0,height:0,draggable:!0,sceneFunc(e){var i=this.getParent(),o=i.padding();e.beginPath(),e.rect(-o,-o,this.width()+2*o,this.height()+2*o),e.moveTo(this.width()/2,-o),i.rotateEnabled()&&e.lineTo(this.width()/2,-i.rotateAnchorOffset()*t.Util._sign(this.height())-o),e.fillStrokeShape(this)},hitFunc:(t,e)=>{if(this.shouldOverdrawWholeArea()){var i=this.padding();t.beginPath(),t.rect(-i,-i,e.width()+2*i,e.height()+2*i),t.fillStrokeShape(e)}}});this.add(e),this._proxyDrag(e),e.on("dragstart",t=>{t.cancelBubble=!0}),e.on("dragmove",t=>{t.cancelBubble=!0}),e.on("dragend",t=>{t.cancelBubble=!0}),this.on("dragmove",t=>{this.update()})}_handleMouseDown(t){this._movingAnchorName=t.target.name().split(" ")[0];var e=this._getNodeRect(),i=e.width,o=e.height,n=Math.sqrt(Math.pow(i,2)+Math.pow(o,2));this.sin=Math.abs(o/n),this.cos=Math.abs(i/n),"undefined"!=typeof window&&(window.addEventListener("mousemove",this._handleMouseMove),window.addEventListener("touchmove",this._handleMouseMove),window.addEventListener("mouseup",this._handleMouseUp,!0),window.addEventListener("touchend",this._handleMouseUp,!0)),this._transforming=!0;var r=t.target.getAbsolutePosition(),s=t.target.getStage().getPointerPosition();this._anchorDragOffset={x:s.x-r.x,y:s.y-r.y},this._fire("transformstart",{evt:t.evt,target:this.getNode()}),this._nodes.forEach(e=>{e._fire("transformstart",{evt:t.evt,target:e})})}_handleMouseMove(t){var e,i,o,n=this.findOne("."+this._movingAnchorName),r=n.getStage();r.setPointersPositions(t);const h=r.getPointerPosition();let a={x:h.x-this._anchorDragOffset.x,y:h.y-this._anchorDragOffset.y};const d=n.getAbsolutePosition();this.anchorDragBoundFunc()&&(a=this.anchorDragBoundFunc()(d,a,t)),n.setAbsolutePosition(a);const g=n.getAbsolutePosition();if(d.x!==g.x||d.y!==g.y)if("rotater"!==this._movingAnchorName){var c=this.keepRatio()||t.shiftKey,l=this.centeredScaling()||t.altKey;if("top-left"===this._movingAnchorName){if(c){var f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".bottom-right").x(),y:this.findOne(".bottom-right").y()};o=Math.sqrt(Math.pow(f.x-n.x(),2)+Math.pow(f.y-n.y(),2));var m=this.findOne(".top-left").x()>f.x?-1:1,u=this.findOne(".top-left").y()>f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,this.findOne(".top-left").x(f.x-e),this.findOne(".top-left").y(f.y-i)}}else if("top-center"===this._movingAnchorName)this.findOne(".top-left").y(n.y());else if("top-right"===this._movingAnchorName){if(c){f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".bottom-left").x(),y:this.findOne(".bottom-left").y()};o=Math.sqrt(Math.pow(n.x()-f.x,2)+Math.pow(f.y-n.y(),2));m=this.findOne(".top-right").x()<f.x?-1:1,u=this.findOne(".top-right").y()>f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,this.findOne(".top-right").x(f.x+e),this.findOne(".top-right").y(f.y-i)}var y=n.position();this.findOne(".top-left").y(y.y),this.findOne(".bottom-right").x(y.x)}else if("middle-left"===this._movingAnchorName)this.findOne(".top-left").x(n.x());else if("middle-right"===this._movingAnchorName)this.findOne(".bottom-right").x(n.x());else if("bottom-left"===this._movingAnchorName){if(c){f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".top-right").x(),y:this.findOne(".top-right").y()};o=Math.sqrt(Math.pow(f.x-n.x(),2)+Math.pow(n.y()-f.y,2));m=f.x<n.x()?-1:1,u=n.y()<f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,n.x(f.x-e),n.y(f.y+i)}y=n.position(),this.findOne(".top-left").x(y.x),this.findOne(".bottom-right").y(y.y)}else if("bottom-center"===this._movingAnchorName)this.findOne(".bottom-right").y(n.y());else if("bottom-right"===this._movingAnchorName){if(c){f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".top-left").x(),y:this.findOne(".top-left").y()};o=Math.sqrt(Math.pow(n.x()-f.x,2)+Math.pow(n.y()-f.y,2));m=this.findOne(".bottom-right").x()<f.x?-1:1,u=this.findOne(".bottom-right").y()<f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,this.findOne(".bottom-right").x(f.x+e),this.findOne(".bottom-right").y(f.y+i)}}else console.error(new Error("Wrong position argument of selection resizer: "+this._movingAnchorName));if(l=this.centeredScaling()||t.altKey){var p=this.findOne(".top-left"),_=this.findOne(".bottom-right"),x=p.x(),w=p.y(),A=this.getWidth()-_.x(),S=this.getHeight()-_.y();_.move({x:-x,y:-w}),p.move({x:A,y:S})}var N=this.findOne(".top-left").getAbsolutePosition();e=N.x,i=N.y;var O=this.findOne(".bottom-right").x()-this.findOne(".top-left").x(),C=this.findOne(".bottom-right").y()-this.findOne(".top-left").y();this._fitNodesInto({x:e,y:i,width:O,height:C,rotation:s.Konva.getAngle(this.rotation())},t)}else{var M=this._getNodeRect();e=n.x()-M.width/2,i=-n.y()+M.height/2;let o=Math.atan2(-i,e)+Math.PI/2;M.height<0&&(o-=Math.PI);const r=s.Konva.getAngle(this.rotation())+o,h=s.Konva.getAngle(this.rotationSnapTolerance()),a=b(M,v(this.rotationSnaps(),r,h)-M.rotation);this._fitNodesInto(a,t)}}_handleMouseUp(t){this._removeEvents(t)}getAbsoluteTransform(){return this.getTransform()}_removeEvents(t){if(this._transforming){this._transforming=!1,"undefined"!=typeof window&&(window.removeEventListener("mousemove",this._handleMouseMove),window.removeEventListener("touchmove",this._handleMouseMove),window.removeEventListener("mouseup",this._handleMouseUp,!0),window.removeEventListener("touchend",this._handleMouseUp,!0));var e=this.getNode();this._fire("transformend",{evt:t,target:e}),e&&this._nodes.forEach(e=>{e._fire("transformend",{evt:t,target:e})}),this._movingAnchorName=null}}_fitNodesInto(e,i){var o=this._getNodeRect();if(t.Util._inRange(e.width,2*-this.padding()-1,1))return void this.update();if(t.Util._inRange(e.height,2*-this.padding()-1,1))return void this.update();const n=this.flipEnabled();var r=new t.Transform;if(r.rotate(s.Konva.getAngle(this.rotation())),this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf("left")>=0){const t=r.point({x:2*-this.padding(),y:0});if(e.x+=t.x,e.y+=t.y,e.width+=2*this.padding(),this._movingAnchorName=this._movingAnchorName.replace("left","right"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,!n)return void this.update()}else if(this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf("right")>=0){const t=r.point({x:2*this.padding(),y:0});if(this._movingAnchorName=this._movingAnchorName.replace("right","left"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.width+=2*this.padding(),!n)return void this.update()}if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf("top")>=0){const t=r.point({x:0,y:2*-this.padding()});if(e.x+=t.x,e.y+=t.y,this._movingAnchorName=this._movingAnchorName.replace("top","bottom"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=2*this.padding(),!n)return void this.update()}else if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf("bottom")>=0){const t=r.point({x:0,y:2*this.padding()});if(this._movingAnchorName=this._movingAnchorName.replace("bottom","top"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=2*this.padding(),!n)return void this.update()}if(this.boundBoxFunc()){const i=this.boundBoxFunc()(o,e);i?e=i:t.Util.warn("boundBoxFunc returned falsy. You should return new bound rect from it!")}const h=new t.Transform;h.translate(o.x,o.y),h.rotate(o.rotation),h.scale(o.width/1e7,o.height/1e7);const a=new t.Transform;a.translate(e.x,e.y),a.rotate(e.rotation),a.scale(e.width/1e7,e.height/1e7);const d=a.multiply(h.invert());this._nodes.forEach(e=>{var o;const n=e.getParent().getAbsoluteTransform(),r=e.getTransform().copy();r.translate(e.offsetX(),e.offsetY());const s=new t.Transform;s.multiply(n.copy().invert()).multiply(d).multiply(n).multiply(r);const h=s.decompose();e.setAttrs(h),this._fire("transform",{evt:i,target:e}),e._fire("transform",{evt:i,target:e}),null===(o=e.getLayer())||void 0===o||o.batchDraw()}),this.rotation(t.Util._getRotation(e.rotation)),this._resetTransformCache(),this.update(),this.getLayer().batchDraw()}forceUpdate(){this._resetTransformCache(),this.update()}_batchChangeChild(t,e){this.findOne(t).setAttrs(e)}update(){var e,i=this._getNodeRect();this.rotation(t.Util._getRotation(i.rotation));var o=i.width,n=i.height,r=this.enabledAnchors(),s=this.resizeEnabled(),h=this.padding(),a=this.anchorSize();this.find("._anchor").forEach(t=>{t.setAttrs({width:a,height:a,offsetX:a/2,offsetY:a/2,stroke:this.anchorStroke(),strokeWidth:this.anchorStrokeWidth(),fill:this.anchorFill(),cornerRadius:this.anchorCornerRadius()})}),this._batchChangeChild(".top-left",{x:0,y:0,offsetX:a/2+h,offsetY:a/2+h,visible:s&&r.indexOf("top-left")>=0}),this._batchChangeChild(".top-center",{x:o/2,y:0,offsetY:a/2+h,visible:s&&r.indexOf("top-center")>=0}),this._batchChangeChild(".top-right",{x:o,y:0,offsetX:a/2-h,offsetY:a/2+h,visible:s&&r.indexOf("top-right")>=0}),this._batchChangeChild(".middle-left",{x:0,y:n/2,offsetX:a/2+h,visible:s&&r.indexOf("middle-left")>=0}),this._batchChangeChild(".middle-right",{x:o,y:n/2,offsetX:a/2-h,visible:s&&r.indexOf("middle-right")>=0}),this._batchChangeChild(".bottom-left",{x:0,y:n,offsetX:a/2+h,offsetY:a/2-h,visible:s&&r.indexOf("bottom-left")>=0}),this._batchChangeChild(".bottom-center",{x:o/2,y:n,offsetY:a/2-h,visible:s&&r.indexOf("bottom-center")>=0}),this._batchChangeChild(".bottom-right",{x:o,y:n,offsetX:a/2-h,offsetY:a/2-h,visible:s&&r.indexOf("bottom-right")>=0}),this._batchChangeChild(".rotater",{x:o/2,y:-this.rotateAnchorOffset()*t.Util._sign(n)-h,visible:this.rotateEnabled()}),this._batchChangeChild(".back",{width:o,height:n,visible:this.borderEnabled(),stroke:this.borderStroke(),strokeWidth:this.borderStrokeWidth(),dash:this.borderDash(),x:0,y:0}),null===(e=this.getLayer())||void 0===e||e.batchDraw()}isTransforming(){return this._transforming}stopTransform(){if(this._transforming){this._removeEvents();var t=this.findOne("."+this._movingAnchorName);t&&t.stopDrag()}}destroy(){return this.getStage()&&this._cursorChange&&this.getStage().content&&(this.getStage().content.style.cursor=""),r.Group.prototype.destroy.call(this),this.detach(),this._removeEvents(),this}toObject(){return i.Node.prototype.toObject.call(this)}getClientRect(){return{x:0,y:0,width:0,height:0}}}function w(e){return e instanceof Array||t.Util.warn("enabledAnchors value should be an array"),e instanceof Array&&e.forEach(function(e){-1===u.indexOf(e)&&t.Util.warn("Unknown anchor name: "+e+". Available names are: "+u.join(", "))}),e||[]}exports.Transformer=x,x.prototype.className="Transformer",(0,s._registerNode)(x),e.Factory.addGetterSetter(x,"enabledAnchors",u,w),e.Factory.addGetterSetter(x,"flipEnabled",!0,(0,h.getBooleanValidator)()),e.Factory.addGetterSetter(x,"resizeEnabled",!0),e.Factory.addGetterSetter(x,"anchorSize",10,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"rotateEnabled",!0),e.Factory.addGetterSetter(x,"rotationSnaps",[]),e.Factory.addGetterSetter(x,"rotateAnchorOffset",50,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"rotationSnapTolerance",5,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"borderEnabled",!0),e.Factory.addGetterSetter(x,"anchorStroke","rgb(0, 161, 255)"),e.Factory.addGetterSetter(x,"anchorStrokeWidth",1,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"anchorFill","white"),e.Factory.addGetterSetter(x,"anchorCornerRadius",0,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"borderStroke","rgb(0, 161, 255)"),e.Factory.addGetterSetter(x,"borderStrokeWidth",1,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"borderDash"),e.Factory.addGetterSetter(x,"keepRatio",!0),e.Factory.addGetterSetter(x,"centeredScaling",!1),e.Factory.addGetterSetter(x,"ignoreStroke",!1),e.Factory.addGetterSetter(x,"padding",0,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"node"),e.Factory.addGetterSetter(x,"nodes"),e.Factory.addGetterSetter(x,"boundBoxFunc"),e.Factory.addGetterSetter(x,"anchorDragBoundFunc"),e.Factory.addGetterSetter(x,"shouldOverdrawWholeArea",!1),e.Factory.addGetterSetter(x,"useSingleNodeRotation",!0),e.Factory.backCompat(x,{lineEnabled:"borderEnabled",rotateHandlerOffset:"rotateAnchorOffset",enabledHandlers:"enabledAnchors"});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Transformer=void 0;var t=require("../Util.js"),e=require("../Factory.js"),i=require("../Node.js"),o=require("../Shape.js"),n=require("./Rect.js"),r=require("../Group.js"),s=require("../Global.js"),h=require("../Validators.js"),a="tr-konva",d=["resizeEnabledChange","rotateAnchorOffsetChange","rotateEnabledChange","enabledAnchorsChange","anchorSizeChange","borderEnabledChange","borderStrokeChange","borderStrokeWidthChange","borderDashChange","anchorStrokeChange","anchorStrokeWidthChange","anchorFillChange","anchorCornerRadiusChange","ignoreStrokeChange"].map(t=>t+`.${a}`).join(" "),g="nodesRect",c=["widthChange","heightChange","scaleXChange","scaleYChange","skewXChange","skewYChange","rotationChange","offsetXChange","offsetYChange","transformsEnabledChange","strokeWidthChange"],l={"top-left":-45,"top-center":0,"top-right":45,"middle-right":-90,"middle-left":90,"bottom-left":-135,"bottom-center":180,"bottom-right":135};const f="ontouchstart"in s.Konva._global;function m(e,i){if("rotater"===e)return"crosshair";i+=t.Util.degToRad(l[e]||0);var o=(t.Util.radToDeg(i)%360+360)%360;return t.Util._inRange(o,337.5,360)||t.Util._inRange(o,0,22.5)?"ns-resize":t.Util._inRange(o,22.5,67.5)?"nesw-resize":t.Util._inRange(o,67.5,112.5)?"ew-resize":t.Util._inRange(o,112.5,157.5)?"nwse-resize":t.Util._inRange(o,157.5,202.5)?"ns-resize":t.Util._inRange(o,202.5,247.5)?"nesw-resize":t.Util._inRange(o,247.5,292.5)?"ew-resize":t.Util._inRange(o,292.5,337.5)?"nwse-resize":(t.Util.error("Transformer has unknown angle for cursor detection: "+o),"pointer")}var u=["top-left","top-center","top-right","middle-right","middle-left","bottom-left","bottom-center","bottom-right"],y=1e8;function p(t){return{x:t.x+t.width/2*Math.cos(t.rotation)+t.height/2*Math.sin(-t.rotation),y:t.y+t.height/2*Math.cos(t.rotation)+t.width/2*Math.sin(t.rotation)}}function _(t,e,i){const o=i.x+(t.x-i.x)*Math.cos(e)-(t.y-i.y)*Math.sin(e),n=i.y+(t.x-i.x)*Math.sin(e)+(t.y-i.y)*Math.cos(e);return Object.assign(Object.assign({},t),{rotation:t.rotation+e,x:o,y:n})}function b(t,e){return _(t,e,p(t))}function v(t,e,i){let o=e;for(let n=0;n<t.length;n++){const r=s.Konva.getAngle(t[n]),h=Math.abs(r-e)%(2*Math.PI);Math.min(h,2*Math.PI-h)<i&&(o=r)}return o}class x extends r.Group{constructor(t){super(t),this._transforming=!1,this._createElements(),this._handleMouseMove=this._handleMouseMove.bind(this),this._handleMouseUp=this._handleMouseUp.bind(this),this.update=this.update.bind(this),this.on(d,this.update),this.getNode()&&this.update()}attachTo(t){return this.setNode(t),this}setNode(e){return t.Util.warn("tr.setNode(shape), tr.node(shape) and tr.attachTo(shape) methods are deprecated. Please use tr.nodes(nodesArray) instead."),this.setNodes([e])}getNode(){return this._nodes&&this._nodes[0]}_getEventNamespace(){return a+this._id}setNodes(t=[]){return this._nodes&&this._nodes.length&&this.detach(),this._nodes=t,1===t.length&&this.useSingleNodeRotation()?this.rotation(t[0].getAbsoluteRotation()):this.rotation(0),this._nodes.forEach(t=>{const e=()=>{1===this.nodes().length&&this.useSingleNodeRotation()&&this.rotation(this.nodes()[0].getAbsoluteRotation()),this._resetTransformCache(),this._transforming||this.isDragging()||this.update()},i=t._attrsAffectingSize.map(t=>t+"Change."+this._getEventNamespace()).join(" ");t.on(i,e),t.on(c.map(t=>t+`.${this._getEventNamespace()}`).join(" "),e),t.on(`absoluteTransformChange.${this._getEventNamespace()}`,e),this._proxyDrag(t)}),this._resetTransformCache(),!!this.findOne(".top-left")&&this.update(),this}_proxyDrag(t){let e;t.on(`dragstart.${this._getEventNamespace()}`,i=>{e=t.getAbsolutePosition(),this.isDragging()||t===this.findOne(".back")||this.startDrag(i,!1)}),t.on(`dragmove.${this._getEventNamespace()}`,i=>{if(!e)return;const o=t.getAbsolutePosition(),n=o.x-e.x,r=o.y-e.y;this.nodes().forEach(e=>{if(e===t)return;if(e.isDragging())return;const o=e.getAbsolutePosition();e.setAbsolutePosition({x:o.x+n,y:o.y+r}),e.startDrag(i)}),e=null})}getNodes(){return this._nodes||[]}getActiveAnchor(){return this._movingAnchorName}detach(){this._nodes&&this._nodes.forEach(t=>{t.off("."+this._getEventNamespace())}),this._nodes=[],this._resetTransformCache()}_resetTransformCache(){this._clearCache(g),this._clearCache("transform"),this._clearSelfAndDescendantCache("absoluteTransform")}_getNodeRect(){return this._getCache(g,this.__getNodeRect)}__getNodeShape(t,e=this.rotation(),i){var o=t.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()}),n=t.getAbsoluteScale(i),r=t.getAbsolutePosition(i),h=o.x*n.x-t.offsetX()*n.x,a=o.y*n.y-t.offsetY()*n.y;const d=(s.Konva.getAngle(t.getAbsoluteRotation())+2*Math.PI)%(2*Math.PI);return _({x:r.x+h*Math.cos(d)+a*Math.sin(-d),y:r.y+a*Math.cos(d)+h*Math.sin(d),width:o.width*n.x,height:o.height*n.y,rotation:d},-s.Konva.getAngle(e),{x:0,y:0})}__getNodeRect(){if(!this.getNode())return{x:-y,y:-y,width:0,height:0,rotation:0};const e=[];this.nodes().map(t=>{const i=t.getClientRect({skipTransform:!0,skipShadow:!0,skipStroke:this.ignoreStroke()});var o=[{x:i.x,y:i.y},{x:i.x+i.width,y:i.y},{x:i.x+i.width,y:i.y+i.height},{x:i.x,y:i.y+i.height}],n=t.getAbsoluteTransform();o.forEach(function(t){var i=n.point(t);e.push(i)})});const i=new t.Transform;var o,n,r,h;i.rotate(-s.Konva.getAngle(this.rotation())),e.forEach(function(t){var e=i.point(t);void 0===o&&(o=r=e.x,n=h=e.y),o=Math.min(o,e.x),n=Math.min(n,e.y),r=Math.max(r,e.x),h=Math.max(h,e.y)}),i.invert();const a=i.point({x:o,y:n});return{x:a.x,y:a.y,width:r-o,height:h-n,rotation:s.Konva.getAngle(this.rotation())}}getX(){return this._getNodeRect().x}getY(){return this._getNodeRect().y}getWidth(){return this._getNodeRect().width}getHeight(){return this._getNodeRect().height}_createElements(){this._createBack(),u.forEach(function(t){this._createAnchor(t)}.bind(this)),this._createAnchor("rotater")}_createAnchor(t){var e=new n.Rect({stroke:"rgb(0, 161, 255)",fill:"white",strokeWidth:1,name:t+" _anchor",dragDistance:0,draggable:!0,hitStrokeWidth:f?10:"auto"}),i=this;e.on("mousedown touchstart",function(t){i._handleMouseDown(t)}),e.on("dragstart",t=>{e.stopDrag(),t.cancelBubble=!0}),e.on("dragend",t=>{t.cancelBubble=!0}),e.on("mouseenter",()=>{var i=s.Konva.getAngle(this.rotation()),o=m(t,i);e.getStage().content&&(e.getStage().content.style.cursor=o),this._cursorChange=!0}),e.on("mouseout",()=>{e.getStage().content&&(e.getStage().content.style.cursor=""),this._cursorChange=!1}),this.add(e)}_createBack(){var e=new o.Shape({name:"back",width:0,height:0,draggable:!0,sceneFunc(e){var i=this.getParent(),o=i.padding();e.beginPath(),e.rect(-o,-o,this.width()+2*o,this.height()+2*o),e.moveTo(this.width()/2,-o),i.rotateEnabled()&&e.lineTo(this.width()/2,-i.rotateAnchorOffset()*t.Util._sign(this.height())-o),e.fillStrokeShape(this)},hitFunc:(t,e)=>{if(this.shouldOverdrawWholeArea()){var i=this.padding();t.beginPath(),t.rect(-i,-i,e.width()+2*i,e.height()+2*i),t.fillStrokeShape(e)}}});this.add(e),this._proxyDrag(e),e.on("dragstart",t=>{t.cancelBubble=!0}),e.on("dragmove",t=>{t.cancelBubble=!0}),e.on("dragend",t=>{t.cancelBubble=!0}),this.on("dragmove",t=>{this.update()})}_handleMouseDown(t){this._movingAnchorName=t.target.name().split(" ")[0];var e=this._getNodeRect(),i=e.width,o=e.height,n=Math.sqrt(Math.pow(i,2)+Math.pow(o,2));this.sin=Math.abs(o/n),this.cos=Math.abs(i/n),"undefined"!=typeof window&&(window.addEventListener("mousemove",this._handleMouseMove),window.addEventListener("touchmove",this._handleMouseMove),window.addEventListener("mouseup",this._handleMouseUp,!0),window.addEventListener("touchend",this._handleMouseUp,!0)),this._transforming=!0;var r=t.target.getAbsolutePosition(),s=t.target.getStage().getPointerPosition();this._anchorDragOffset={x:s.x-r.x,y:s.y-r.y},this._fire("transformstart",{evt:t.evt,target:this.getNode()}),this._nodes.forEach(e=>{e._fire("transformstart",{evt:t.evt,target:e})})}_handleMouseMove(t){var e,i,o,n=this.findOne("."+this._movingAnchorName),r=n.getStage();r.setPointersPositions(t);const h=r.getPointerPosition();let a={x:h.x-this._anchorDragOffset.x,y:h.y-this._anchorDragOffset.y};const d=n.getAbsolutePosition();this.anchorDragBoundFunc()&&(a=this.anchorDragBoundFunc()(d,a,t)),n.setAbsolutePosition(a);const g=n.getAbsolutePosition();if(d.x!==g.x||d.y!==g.y)if("rotater"!==this._movingAnchorName){var c=this.keepRatio()||t.shiftKey,l=this.centeredScaling()||t.altKey;if("top-left"===this._movingAnchorName){if(c){var f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".bottom-right").x(),y:this.findOne(".bottom-right").y()};o=Math.sqrt(Math.pow(f.x-n.x(),2)+Math.pow(f.y-n.y(),2));var m=this.findOne(".top-left").x()>f.x?-1:1,u=this.findOne(".top-left").y()>f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,this.findOne(".top-left").x(f.x-e),this.findOne(".top-left").y(f.y-i)}}else if("top-center"===this._movingAnchorName)this.findOne(".top-left").y(n.y());else if("top-right"===this._movingAnchorName){if(c){f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".bottom-left").x(),y:this.findOne(".bottom-left").y()};o=Math.sqrt(Math.pow(n.x()-f.x,2)+Math.pow(f.y-n.y(),2));m=this.findOne(".top-right").x()<f.x?-1:1,u=this.findOne(".top-right").y()>f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,this.findOne(".top-right").x(f.x+e),this.findOne(".top-right").y(f.y-i)}var y=n.position();this.findOne(".top-left").y(y.y),this.findOne(".bottom-right").x(y.x)}else if("middle-left"===this._movingAnchorName)this.findOne(".top-left").x(n.x());else if("middle-right"===this._movingAnchorName)this.findOne(".bottom-right").x(n.x());else if("bottom-left"===this._movingAnchorName){if(c){f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".top-right").x(),y:this.findOne(".top-right").y()};o=Math.sqrt(Math.pow(f.x-n.x(),2)+Math.pow(n.y()-f.y,2));m=f.x<n.x()?-1:1,u=n.y()<f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,n.x(f.x-e),n.y(f.y+i)}y=n.position(),this.findOne(".top-left").x(y.x),this.findOne(".bottom-right").y(y.y)}else if("bottom-center"===this._movingAnchorName)this.findOne(".bottom-right").y(n.y());else if("bottom-right"===this._movingAnchorName){if(c){f=l?{x:this.width()/2,y:this.height()/2}:{x:this.findOne(".top-left").x(),y:this.findOne(".top-left").y()};o=Math.sqrt(Math.pow(n.x()-f.x,2)+Math.pow(n.y()-f.y,2));m=this.findOne(".bottom-right").x()<f.x?-1:1,u=this.findOne(".bottom-right").y()<f.y?-1:1;e=o*this.cos*m,i=o*this.sin*u,this.findOne(".bottom-right").x(f.x+e),this.findOne(".bottom-right").y(f.y+i)}}else console.error(new Error("Wrong position argument of selection resizer: "+this._movingAnchorName));if(l=this.centeredScaling()||t.altKey){var p=this.findOne(".top-left"),_=this.findOne(".bottom-right"),x=p.x(),w=p.y(),A=this.getWidth()-_.x(),S=this.getHeight()-_.y();_.move({x:-x,y:-w}),p.move({x:A,y:S})}var N=this.findOne(".top-left").getAbsolutePosition();e=N.x,i=N.y;var O=this.findOne(".bottom-right").x()-this.findOne(".top-left").x(),C=this.findOne(".bottom-right").y()-this.findOne(".top-left").y();this._fitNodesInto({x:e,y:i,width:O,height:C,rotation:s.Konva.getAngle(this.rotation())},t)}else{var M=this._getNodeRect();e=n.x()-M.width/2,i=-n.y()+M.height/2;let o=Math.atan2(-i,e)+Math.PI/2;M.height<0&&(o-=Math.PI);const r=s.Konva.getAngle(this.rotation())+o,h=s.Konva.getAngle(this.rotationSnapTolerance()),a=b(M,v(this.rotationSnaps(),r,h)-M.rotation);this._fitNodesInto(a,t)}}_handleMouseUp(t){this._removeEvents(t)}getAbsoluteTransform(){return this.getTransform()}_removeEvents(t){if(this._transforming){this._transforming=!1,"undefined"!=typeof window&&(window.removeEventListener("mousemove",this._handleMouseMove),window.removeEventListener("touchmove",this._handleMouseMove),window.removeEventListener("mouseup",this._handleMouseUp,!0),window.removeEventListener("touchend",this._handleMouseUp,!0));var e=this.getNode();this._fire("transformend",{evt:t,target:e}),e&&this._nodes.forEach(e=>{e._fire("transformend",{evt:t,target:e})}),this._movingAnchorName=null}}_fitNodesInto(e,i){var o=this._getNodeRect();if(t.Util._inRange(e.width,2*-this.padding()-1,1))return void this.update();if(t.Util._inRange(e.height,2*-this.padding()-1,1))return void this.update();const n=this.flipEnabled();var r=new t.Transform;if(r.rotate(s.Konva.getAngle(this.rotation())),this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf("left")>=0){const t=r.point({x:2*-this.padding(),y:0});if(e.x+=t.x,e.y+=t.y,e.width+=2*this.padding(),this._movingAnchorName=this._movingAnchorName.replace("left","right"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,!n)return void this.update()}else if(this._movingAnchorName&&e.width<0&&this._movingAnchorName.indexOf("right")>=0){const t=r.point({x:2*this.padding(),y:0});if(this._movingAnchorName=this._movingAnchorName.replace("right","left"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.width+=2*this.padding(),!n)return void this.update()}if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf("top")>=0){const t=r.point({x:0,y:2*-this.padding()});if(e.x+=t.x,e.y+=t.y,this._movingAnchorName=this._movingAnchorName.replace("top","bottom"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=2*this.padding(),!n)return void this.update()}else if(this._movingAnchorName&&e.height<0&&this._movingAnchorName.indexOf("bottom")>=0){const t=r.point({x:0,y:2*this.padding()});if(this._movingAnchorName=this._movingAnchorName.replace("bottom","top"),this._anchorDragOffset.x-=t.x,this._anchorDragOffset.y-=t.y,e.height+=2*this.padding(),!n)return void this.update()}if(this.boundBoxFunc()){const i=this.boundBoxFunc()(o,e);i?e=i:t.Util.warn("boundBoxFunc returned falsy. You should return new bound rect from it!")}const h=new t.Transform;h.translate(o.x,o.y),h.rotate(o.rotation),h.scale(o.width/1e7,o.height/1e7);const a=new t.Transform;a.translate(e.x,e.y),a.rotate(e.rotation),a.scale(e.width/1e7,e.height/1e7);const d=a.multiply(h.invert());this._nodes.forEach(e=>{var o;const n=e.getParent().getAbsoluteTransform(),r=e.getTransform().copy();r.translate(e.offsetX(),e.offsetY());const s=new t.Transform;s.multiply(n.copy().invert()).multiply(d).multiply(n).multiply(r);const h=s.decompose();e.setAttrs(h),this._fire("transform",{evt:i,target:e}),e._fire("transform",{evt:i,target:e}),null===(o=e.getLayer())||void 0===o||o.batchDraw()}),this.rotation(t.Util._getRotation(e.rotation)),this._resetTransformCache(),this.update(),this.getLayer().batchDraw()}forceUpdate(){this._resetTransformCache(),this.update()}_batchChangeChild(t,e){this.findOne(t).setAttrs(e)}update(){var e,i=this._getNodeRect();this.rotation(t.Util._getRotation(i.rotation));var o=i.width,n=i.height,r=this.enabledAnchors(),s=this.resizeEnabled(),h=this.padding(),a=this.anchorSize();this.find("._anchor").forEach(t=>{t.setAttrs({width:a,height:a,offsetX:a/2,offsetY:a/2,stroke:this.anchorStroke(),strokeWidth:this.anchorStrokeWidth(),fill:this.anchorFill(),cornerRadius:this.anchorCornerRadius()})}),this._batchChangeChild(".top-left",{x:0,y:0,offsetX:a/2+h,offsetY:a/2+h,visible:s&&r.indexOf("top-left")>=0}),this._batchChangeChild(".top-center",{x:o/2,y:0,offsetY:a/2+h,visible:s&&r.indexOf("top-center")>=0}),this._batchChangeChild(".top-right",{x:o,y:0,offsetX:a/2-h,offsetY:a/2+h,visible:s&&r.indexOf("top-right")>=0}),this._batchChangeChild(".middle-left",{x:0,y:n/2,offsetX:a/2+h,visible:s&&r.indexOf("middle-left")>=0}),this._batchChangeChild(".middle-right",{x:o,y:n/2,offsetX:a/2-h,visible:s&&r.indexOf("middle-right")>=0}),this._batchChangeChild(".bottom-left",{x:0,y:n,offsetX:a/2+h,offsetY:a/2-h,visible:s&&r.indexOf("bottom-left")>=0}),this._batchChangeChild(".bottom-center",{x:o/2,y:n,offsetY:a/2-h,visible:s&&r.indexOf("bottom-center")>=0}),this._batchChangeChild(".bottom-right",{x:o,y:n,offsetX:a/2-h,offsetY:a/2-h,visible:s&&r.indexOf("bottom-right")>=0}),this._batchChangeChild(".rotater",{x:o/2,y:-this.rotateAnchorOffset()*t.Util._sign(n)-h,visible:this.rotateEnabled()}),this._batchChangeChild(".back",{width:o,height:n,visible:this.borderEnabled(),stroke:this.borderStroke(),strokeWidth:this.borderStrokeWidth(),dash:this.borderDash(),x:0,y:0}),null===(e=this.getLayer())||void 0===e||e.batchDraw()}isTransforming(){return this._transforming}stopTransform(){if(this._transforming){this._removeEvents();var t=this.findOne("."+this._movingAnchorName);t&&t.stopDrag()}}destroy(){return this.getStage()&&this._cursorChange&&this.getStage().content&&(this.getStage().content.style.cursor=""),r.Group.prototype.destroy.call(this),this.detach(),this._removeEvents(),this}toObject(){return i.Node.prototype.toObject.call(this)}getClientRect(){return this.nodes().length>0?super.getClientRect():{x:0,y:0,width:0,height:0}}}function w(e){return e instanceof Array||t.Util.warn("enabledAnchors value should be an array"),e instanceof Array&&e.forEach(function(e){-1===u.indexOf(e)&&t.Util.warn("Unknown anchor name: "+e+". Available names are: "+u.join(", "))}),e||[]}exports.Transformer=x,x.prototype.className="Transformer",(0,s._registerNode)(x),e.Factory.addGetterSetter(x,"enabledAnchors",u,w),e.Factory.addGetterSetter(x,"flipEnabled",!0,(0,h.getBooleanValidator)()),e.Factory.addGetterSetter(x,"resizeEnabled",!0),e.Factory.addGetterSetter(x,"anchorSize",10,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"rotateEnabled",!0),e.Factory.addGetterSetter(x,"rotationSnaps",[]),e.Factory.addGetterSetter(x,"rotateAnchorOffset",50,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"rotationSnapTolerance",5,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"borderEnabled",!0),e.Factory.addGetterSetter(x,"anchorStroke","rgb(0, 161, 255)"),e.Factory.addGetterSetter(x,"anchorStrokeWidth",1,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"anchorFill","white"),e.Factory.addGetterSetter(x,"anchorCornerRadius",0,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"borderStroke","rgb(0, 161, 255)"),e.Factory.addGetterSetter(x,"borderStrokeWidth",1,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"borderDash"),e.Factory.addGetterSetter(x,"keepRatio",!0),e.Factory.addGetterSetter(x,"centeredScaling",!1),e.Factory.addGetterSetter(x,"ignoreStroke",!1),e.Factory.addGetterSetter(x,"padding",0,(0,h.getNumberValidator)()),e.Factory.addGetterSetter(x,"node"),e.Factory.addGetterSetter(x,"nodes"),e.Factory.addGetterSetter(x,"boundBoxFunc"),e.Factory.addGetterSetter(x,"anchorDragBoundFunc"),e.Factory.addGetterSetter(x,"shouldOverdrawWholeArea",!1),e.Factory.addGetterSetter(x,"useSingleNodeRotation",!0),e.Factory.backCompat(x,{lineEnabled:"borderEnabled",rotateHandlerOffset:"rotateAnchorOffset",enabledHandlers:"enabledAnchors"});
 },{"../Util.js":"XIcS","../Factory.js":"cgGB","../Node.js":"pBWF","../Shape.js":"JWag","./Rect.js":"Fb9z","../Group.js":"SoFy","../Global.js":"bIDB","../Validators.js":"tgRR"}],"EbF6":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wedge=void 0;var e=require("../Factory.js"),t=require("../Shape.js"),r=require("../Global.js"),a=require("../Validators.js");class s extends t.Shape{_sceneFunc(e){e.beginPath(),e.arc(0,0,this.radius(),0,r.Konva.getAngle(this.angle()),this.clockwise()),e.lineTo(0,0),e.closePath(),e.fillStrokeShape(this)}getWidth(){return 2*this.radius()}getHeight(){return 2*this.radius()}setWidth(e){this.radius(e/2)}setHeight(e){this.radius(e/2)}}exports.Wedge=s,s.prototype.className="Wedge",s.prototype._centroid=!0,s.prototype._attrsAffectingSize=["radius"],(0,r._registerNode)(s),e.Factory.addGetterSetter(s,"radius",0,(0,a.getNumberValidator)()),e.Factory.addGetterSetter(s,"angle",0,(0,a.getNumberValidator)()),e.Factory.addGetterSetter(s,"clockwise",!1),e.Factory.backCompat(s,{angleDeg:"angle",getAngleDeg:"getAngle",setAngleDeg:"setAngle"});
 },{"../Factory.js":"cgGB","../Shape.js":"JWag","../Global.js":"bIDB","../Validators.js":"tgRR"}],"LYZO":[function(require,module,exports) {
@@ -193,13 +193,13 @@ var e=require("react");module.exports=function(r,n){const t=e.useRef("loading"),
 },{"use-image":"MJM3"}],"jXQU":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Html",{enumerable:!0,get:function(){return e.Html}}),Object.defineProperty(exports,"Portal",{enumerable:!0,get:function(){return r.Portal}}),Object.defineProperty(exports,"useImage",{enumerable:!0,get:function(){return t.useImage}});var e=require("./html"),r=require("./portal"),t=require("./use-image");
 },{"./html":"XdpJ","./portal":"beYE","./use-image":"Io9F"}],"N3c2":[function(require,module,exports) {
-"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFadeIn=exports.isAnimationUsed=exports.toggleFadeInAnimation=void 0;const t=e(require("react")),r=e(require("konva"));let n=!0;const o=(e=!n)=>{n=e};exports.toggleFadeInAnimation=o;const u=()=>n;function s(e,o){const u=t.default.useRef();t.default.useLayoutEffect(()=>{u.current&&u.current.destroy()},[o]),t.default.useLayoutEffect(()=>{if(!n)return;const t=e.current.opacity();return t?(e.current.opacity(0),u.current=new r.default.Tween({node:e.current,opacity:t,onFinish:()=>{var e;null===(e=u.current)||void 0===e||e.destroy()}}),u.current.play(),()=>{var e;null===(e=u.current)||void 0===e||e.destroy()}):void 0},[])}exports.isAnimationUsed=u,exports.useFadeIn=s;
+"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useFadeIn=exports.isAnimationUsed=exports.toggleFadeInAnimation=void 0;const t=e(require("react")),r=e(require("konva"));let n=!1;const o=(e=!n)=>{n=e};exports.toggleFadeInAnimation=o;const u=()=>n;function s(e,o){const u=t.default.useRef();t.default.useLayoutEffect(()=>{u.current&&u.current.destroy()},[o]),t.default.useLayoutEffect(()=>{if(!n)return;const t=e.current.opacity();return t?(e.current.opacity(0),u.current=new r.default.Tween({node:e.current,opacity:t,onFinish:()=>{var e;null===(e=u.current)||void 0===e||e.destroy()}}),u.current.play(),()=>{var e;null===(e=u.current)||void 0===e||e.destroy()}):void 0},[])}exports.isAnimationUsed=u,exports.useFadeIn=s;
 },{"react":"HdMw","konva":"aTGn"}],"bN4e":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.triggerLoadError=exports.onLoadError=exports.whenLoaded=exports.decrementLoader=exports.incrementLoader=void 0;const e=require("../canvas/use-fadein");let o=0,r=[];function t(e){o+=1;let r=!1;Date.now();const t=setTimeout(()=>{r||(u(`Timeout loading image ${e}`),console.error("Timeout triggered for loader. Some assets may not have loaded.",e),r=!0,n())},3e4);return()=>{r||(clearTimeout(t),n())}}function n(){0===(o-=1)&&(r.forEach(e=>e()),r=[])}function s(e){0===o?e():r.push(e)}function i(){return new Promise(o=>s(()=>{(0,e.isAnimationUsed)()?setTimeout(o,300):o(!0)}))}exports.incrementLoader=t,exports.decrementLoader=n,exports.whenLoaded=i;let a=[];function d(e){a.push(e)}function u(e){a.forEach(o=>o(e))}exports.onLoadError=d,exports.triggerLoadError=u;
 },{"../canvas/use-fadein":"N3c2"}],"XXLd":[function(require,module,exports) {
 "use strict";var t=this&&this.__createBinding||(Object.create?function(t,e,o,n){void 0===n&&(n=o);var r=Object.getOwnPropertyDescriptor(e,o);r&&!("get"in r?!e.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return e[o]}}),Object.defineProperty(t,n,r)}:function(t,e,o,n){void 0===n&&(n=o),t[n]=e[o]}),e=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),o=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var n={};if(null!=o)for(var r in o)"default"!==r&&Object.prototype.hasOwnProperty.call(o,r)&&t(n,o,r);return e(n,o),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.injectCustomFont=exports.injectGoogleFont=exports.loadFont=exports.isFontLoaded=exports.addGlobalFont=exports.globalFonts=exports.getFontsList=exports.setGoogleFonts=exports.isGoogleFontChanged=void 0;const n=o(require("mobx")),r=require("./loader");let s=n.observable(["Roboto","Amatic SC","Press Start 2P","Marck Script","Rubik Mono One"]),i=!1;function a(){return i}function l(t){i=!0,s.splice(0,s.length),s.push(...t)}function c(){return s}function u(t){exports.globalFonts.push(t)}exports.isGoogleFontChanged=a,exports.setGoogleFonts=l,exports.getFontsList=c,exports.globalFonts=n.observable([]),exports.addGlobalFont=u;var f="Some test text;?#D-ПРИВЕТ!1230o9u8i7y6t5r4e3w2q1",d=document.createElement("canvas");function p(){return g("Arial")}function m(){return g("Times","Times")}function g(t,e="Arial"){var o=d.getContext("2d");return o.font=`normal 40px '${t}', ${e}`,o.measureText(f).width}const x=100,h={Arial:!0},y=t=>h[t];async function b(t){var e;if(h[t])return;const o=!!(null===(e=document.fonts)||void 0===e?void 0:e.load),n=p();if(o)try{if(await document.fonts.load(`16px '${t}'`),n!==g(t))return void(h[t]=!0)}catch(t){}const s=m(),i=g(t);for(let r=0;r<100;r++){const e=g(t,"Arial"),o=g(t,"Times");if(e!==i||e!==n||o!==s)return void(h[t]=!0);await new Promise(t=>setTimeout(t,60))}console.warn(`Timeout for loading font "${t}". Looks like polotno can't load it. Is it a correct font family?`),(0,r.triggerLoadError)(`Timeout for loading font "${t}"`)}exports.isFontLoaded=y,exports.loadFont=b;const F={};function v(t){if(F[t])return;const e=`https://fonts.googleapis.com/css?family=${t.replace(/ /g,"+")}`,o=document.createElement("link");o.type="text/css",o.href=e,o.rel="stylesheet",document.getElementsByTagName("head")[0].appendChild(o),F[t]=!0}exports.injectGoogleFont=v;const _={};function j(t){const e=t.fontFamily;if(_[e])return;if(!t.url&&!t.styles)return;const o=document.createElement("style");o.type="text/css";const n=t.styles||(t.url?[{src:`url("${t.url}")`}]:[]);let r="";n.forEach(t=>{r+=`\n      @font-face {\n        font-family: '${e}';\n        src: ${t.src};\n        font-style: ${t.fontStyle||"normal"};\n        font-weight: ${t.fontWeight||"normal"};\n      }\n    `}),o.innerHTML=r,document.getElementsByTagName("head")[0].appendChild(o),_[t.fontFamily]=!0}exports.injectCustomFont=j;
 },{"mobx":"BzvP","./loader":"bN4e"}],"IDY9":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var n={};if(null!=r)for(var o in r)"default"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&e(n,r,o);return t(n,r),n};Object.defineProperty(exports,"__esModule",{value:!0}),exports.setForceTextFit=exports.useDownScaling=exports.useHtmlTextRender=exports.useRemoveBackground=exports.setTextVerticalResizeEnabled=exports.flags=void 0;const n=r(require("mobx"));function o(e){exports.flags.textVerticalResizeEnabled=e}function s(e){exports.flags.removeBackgroundEnabled=e}function a(e){exports.flags.htmlRenderEnabled=e}function i(e){exports.flags.imageDownScalingEnabled=e}function l(e){exports.flags.forceTextFitEnabled=e}exports.flags=n.observable({imageDownScalingEnabled:!0,removeBackgroundEnabled:!0,htmlRenderEnabled:!1,forceTextFitEnabled:!1,textVerticalResizeEnabled:!1}),exports.setTextVerticalResizeEnabled=o,exports.useRemoveBackground=s,exports.useHtmlTextRender=a,exports.useDownScaling=i,exports.setForceTextFit=l;
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var n=Object.getOwnPropertyDescriptor(t,r);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,n)}:function(e,t,r,o){void 0===o&&(o=r),e[o]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var o={};if(null!=r)for(var n in r)"default"!==n&&Object.prototype.hasOwnProperty.call(r,n)&&e(o,r,n);return t(o,r),o};Object.defineProperty(exports,"__esModule",{value:!0}),exports.setTextOverflow=exports.setForceTextFit=exports.useDownScaling=exports.useHtmlTextRender=exports.useRemoveBackground=exports.setTextVerticalResizeEnabled=exports.flags=void 0;const o=r(require("mobx"));function n(e){exports.flags.textVerticalResizeEnabled=e}function s(e){exports.flags.removeBackgroundEnabled=e}function a(e){exports.flags.htmlRenderEnabled=e}function i(e){exports.flags.imageDownScalingEnabled=e}function l(e){console.warn("setForceTextFit is deprecated. Use setTextOverflow instead."),exports.flags.textOverflow="change-font-size"}function c(e){exports.flags.textOverflow=e}exports.flags=o.observable({imageDownScalingEnabled:!0,removeBackgroundEnabled:!0,htmlRenderEnabled:!1,forceTextFitEnabled:!1,textVerticalResizeEnabled:!1,textOverflow:"resize"}),exports.setTextVerticalResizeEnabled=n,exports.useRemoveBackground=s,exports.useHtmlTextRender=a,exports.useDownScaling=i,exports.setForceTextFit=l,exports.setTextOverflow=c;
 },{"mobx":"BzvP"}],"rHBV":[function(require,module,exports) {
 "use strict";function e(e=""){return e.replace(/(<([^>]+)>)/gi,"")}Object.defineProperty(exports,"__esModule",{value:!0}),exports.removeTags=void 0,exports.removeTags=e;
 },{}],"SIWI":[function(require,module,exports) {
@@ -207,15 +207,15 @@ var e=require("react");module.exports=function(r,n){const t=e.useRef("loading"),
 },{"konva":"aTGn"}],"cEy1":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Highlighter=void 0;const t=e(require("react")),r=require("mobx-react-lite"),i=require("react-konva");exports.Highlighter=(0,r.observer)(({element:e})=>t.default.createElement(i.Rect,{name:"highlighter",x:e.x,y:e.y,rotation:e.rotation,width:e.width,height:e.height,listening:!1,stroke:"rgb(0, 161, 255)",strokeWidth:2,strokeScaleEnabled:!1}));
 },{"react":"HdMw","mobx-react-lite":"ZfSi","react-konva":"Sgug"}],"Fpgh":[function(require,module,exports) {
-"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextElement=exports.useFontLoader=exports.getDir=exports.isRTLText=void 0;const t=e(require("react")),n=require("mobx-react-lite"),r=require("react-konva"),o=require("react-konva-utils"),i=require("mobx"),l=e(require("konva")),a=require("../utils/loader"),s=require("../utils/fonts"),d=require("../utils/flags"),u=require("../utils/text"),c=require("./apply-filters"),f=require("./use-fadein"),h=require("./highlighter"),g=document.createElement("style");g.type="text/css",document.head.appendChild(g);const p={border:"none",padding:"0px",overflow:"hidden",background:"none",outline:"none",resize:"none",overflowWrap:"break-word",whiteSpace:"pre-wrap",userSelect:"text",wordBreak:"normal"};function x(e){return new RegExp("^[^֑-߿‏‫‮יִ-﷽ﹰ-ﻼ]*?[֑-߿‏‫‮יִ-﷽ﹰ-ﻼ]").test(e)}function m(e){e=e.replace(/\s/g,"");let t=0;for(var n=0;n<e.length;n++)x(e[n])&&(t+=1);return t>e.length/2}function y(e){return m(e)?"rtl":"ltr"}exports.isRTLText=m,exports.getDir=y;const E=(0,n.observer)(({textNodeRef:e,element:n,onBlur:r,selectAll:i,cursorPosition:l})=>{const[a,s]=t.default.useState(p),d=e.current;t.default.useLayoutEffect(()=>{const e={};e.width=d.width()-2*d.padding()+"px",e.height=d.height()-2*d.padding()+10+"px",e.fontSize=d.fontSize()+"px",e.lineHeight=d.lineHeight()+.01,e.fontFamily=d.fontFamily(),e.textAlign=d.align(),e.color=d.fill(),e.fontWeight=n.fontWeight,e.fontStyle=n.fontStyle;const t=`\n        .polotno-input::placeholder {\n          color: ${a.color};\n          opacity: 0.6;\n        }\n      `;g.innerHTML="",g.appendChild(document.createTextNode(t)),JSON.stringify(e)!==JSON.stringify(a)&&s(e)});const u=t.default.useRef(null);t.default.useEffect(()=>{const e=setTimeout(()=>{var e;const t=u.current;if(!t)return;null===(e=u.current)||void 0===e||e.focus();const n=l||t.value.length;t.selectionStart=t.selectionEnd=n,i&&(null==t||t.select(),document.execCommand("selectAll",!1,null))});return()=>{clearTimeout(e)}},[]);let c=0;const f=d.textArr.length*d.lineHeight()*d.fontSize();return"middle"===n.verticalAlign&&(c=(n.height-f)/2),"bottom"===n.verticalAlign&&(c=n.height-f),t.default.createElement(o.Html,null,t.default.createElement("textarea",{className:"polotno-input",ref:u,dir:y(n.text),style:Object.assign(Object.assign(Object.assign({},p),a),{paddingTop:c+"px"}),value:n.text,onChange:e=>{n.set({text:e.target.value})},placeholder:n.placeholder,onBlur:r}))}),S=e=>{const[n,r]=t.default.useState(!1),o=t.default.useRef(!1);return t.default.useEffect(()=>{var t=!0;return setTimeout(()=>{t&&(e._editModeEnabled&&(o.current=!0),r(!0),setTimeout(()=>{o.current=!1},50))},50),()=>{t=!1}},[]),{editorEnabled:n&&e._editModeEnabled,selectAll:o.current}},w=(e,n)=>{const[r,o]=t.default.useState((0,s.isFontLoaded)(n));return t.default.useLayoutEffect(()=>{if((0,s.isFontLoaded)(n))return void o(!0);let t=!0;return(async()=>{r&&o(!1);const i=(0,a.incrementLoader)(`text ${n}`);await e.loadFont(n),l.default.Util.requestAnimFrame(i),t&&o(!0)})(),()=>{t=!1}},[n]),[r]};exports.useFontLoader=w;const v=({fontLoaded:e,fontFamily:n,fontSize:r,lineHeight:o})=>t.default.useMemo(()=>{if("number"==typeof o)return o;const e=document.createElement("div");e.style.fontFamily=n,e.style.fontSize=r+"px",e.style.lineHeight=o,e.innerText="Test text",document.body.appendChild(e);const t=e.offsetHeight;return document.body.removeChild(e),t/r},[e,n,r,o]);function b(e){var t=e.getAbsoluteTransform().copy();t.invert();var n=e.getStage().getPointerPosition();return t.point(n)}function T(e){var t;const n=e.target,r=b(n),o=n.textArr,i=Math.floor(r.y/(n.fontSize()*n.lineHeight())),l=o.slice(0,i).reduce((e,t)=>e+t.text.length,i),a=null!==(t=o[i])&&void 0!==t?t:o[0];let s=0;return"right"===n.align()?s=n.width()-a.width:"center"===n.align()&&(s=n.width()/2-a.width/2),l+Math.round((r.x-s)/a.width*a.text.length)}function z(e){const n=t.default.useRef(e),r=t.default.useRef(e);return t.default.useEffect(()=>{r.current=n.current,n.current=e},[e]),r.current}function F(e,t){const n=e.getAttrs(),r=(0,u.removeTags)(t.text);let o=t.fontSize;const i=Math.round(2*t.fontSize)-1;for(let l=1;l<i;l++){const n=t.height&&e.height()>t.height,i=r.split("\n").join(" ").split(" ");let l=e.textArr.map(e=>e.text).join(";");const a=i.find(e=>!l.includes(e)||(l=l.replace(e,""),!1));if(!n&&!a)break;o-=.5,e.fontSize(o)}return e.fontSize(n.fontSize),o}exports.TextElement=(0,n.observer)(({element:e,store:n})=>{const o=t.default.useRef(null),{editorEnabled:l,selectAll:a}=S(e),[s,g]=t.default.useState(!1),[p,x]=t.default.useState(!1),m=t.default.useRef(e.height),y=n.selectedElements.indexOf(e)>=0,{textVerticalResizeEnabled:w}=d.flags,b=z(e.fontFamily);t.default.useEffect(()=>{if(e.width)return;const t=o.current;t.width(600),e.set({width:1.4*t.getTextWidth()})},[]),t.default.useLayoutEffect(()=>(0,i.autorun)(()=>{const t=o.current;(0,c.applyFilter)(t,e)}));const[A]=(0,exports.useFontLoader)(n,e.fontFamily),M=(0,u.removeTags)(e.text),k=()=>{const e=o.current.clone({height:void 0}),t=Math.ceil(e.fontSize()*e.lineHeight()*e.textArr.length+1);return e.destroy(),t};t.default.useEffect(()=>{if(!A)return;const{forceTextFitEnabled:t}=d.flags;if(e.height&&t&&!p){const t=F(o.current,e);if(t!==e.fontSize)return void n.history.ignore(()=>{e.set({fontSize:t})});const r=k();e.height!==r&&n.history.ignore(()=>{e.set({height:r})})}else{const t=k();w&&e.height<t&&n.history.ignore(()=>{e.set({height:t})}),w||e.height===t||n.history.ignore(()=>{e.set({height:t})})}}),t.default.useLayoutEffect(()=>{const t=o.current;t&&(t.width(t.width()+1e-8),t._setTextData(),(0,c.applyFilter)(t,e))},[A]);const L=t.default.useRef(null),q=t.default.useRef(0),H=t=>{n.selectedElements.find(t=>t===e)&&e.contentEditable&&(q.current=T(t),e.toggleEditMode())},O=!M&&e.placeholder,R=e._editModeEnabled?0:O?.6:e.opacity;(0,f.useFadeIn)(o,R);const W=v({fontLoaded:A,fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:e.lineHeight}),_=e.selectable||"admin"===n.role;return t.default.createElement(t.default.Fragment,null,t.default.createElement(r.Text,{ref:o,id:e.id,name:"element",hideInExport:!e.showInExport,x:e.x,y:e.y,rotation:e.rotation,width:e.width,height:e.height||void 0,text:M||e.placeholder,fill:e.fill,stroke:e.stroke,strokeWidth:e.strokeWidth,fillAfterStrokeEnabled:!0,fontSize:e.fontSize,fontFamily:`"${e.fontFamily}", "${b}"`,fontStyle:e.fontStyle+" "+e.fontWeight,textDecoration:e.textDecoration,align:e.align,verticalAlign:e.verticalAlign,draggable:e.draggable,opacity:R,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,lineHeight:W,letterSpacing:e.letterSpacing*e.fontSize,listening:_,onDragStart:()=>{n.history.startTransaction()},hideInExport:!e.showInExport,onDragMove:t=>{setTimeout(()=>{e.set({x:t.target.x(),y:t.target.y()})})},onDragEnd:t=>{e.set({x:t.target.x(),y:t.target.y()}),n.history.endTransaction()},onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},onClick:H,onTap:H,onTransformStart:()=>{x(!0),n.history.startTransaction(),m.current=o.current.height()},onTransform:t=>{var n;const r=t.target,o=(null===(n=r.getStage())||void 0===n?void 0:n.findOne("Transformer")).getActiveAnchor();if("middle-left"===o||"middle-right"===o){const t=r.scaleX(),n=r.width()*t,o=e.fontSize;let i=n;n<o&&(i=o,L.current&&r.position(L.current)),r.width(i),r.scaleX(1),r.scaleY(1);const l=k(),a=Math.max(l,m.current);r.height(a),e.set({x:r.x(),y:r.y(),width:r.width(),height:r.height(),rotation:r.rotation()}),(0,c.applyFilter)(r,e)}if("top-center"===o||"bottom-center"===o){const e=k();t.target.height(Math.max(e,t.target.height()*t.target.scaleY())),t.target.scaleY(1)}t.target.strokeWidth(e.strokeWidth/t.target.scaleX()),L.current=t.target.position()},onTransformEnd:t=>{x(!1);const r=t.target.scaleX();t.target.scaleX(1),t.target.scaleY(1),t.target.strokeWidth(e.strokeWidth),e.set({fontSize:Math.round(e.fontSize*r),width:Math.ceil(t.target.width()*r),x:t.target.x(),y:t.target.y(),rotation:t.target.rotation(),height:t.target.height()}),n.history.endTransaction()}}),l&&t.default.createElement(r.Group,{x:e.x,y:e.y,rotation:e.rotation},t.default.createElement(E,{textNodeRef:o,element:e,selectAll:a,cursorPosition:q.current,onBlur:()=>{e.toggleEditMode(!1)}})),!p&&(s||y)&&t.default.createElement(h.Highlighter,{element:e}))});
+"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextElement=exports.useFontLoader=exports.getDir=exports.isRTLText=void 0;const t=e(require("react")),n=require("mobx-react-lite"),r=require("react-konva"),o=require("react-konva-utils"),i=require("mobx"),l=e(require("konva")),a=require("../utils/loader"),s=require("../utils/fonts"),u=require("../utils/flags"),d=require("../utils/text"),c=require("./apply-filters"),f=require("./use-fadein"),h=require("./highlighter"),g=document.createElement("style");g.type="text/css",document.head.appendChild(g);const p={border:"none",padding:"0px",overflow:"hidden",background:"none",outline:"none",resize:"none",overflowWrap:"break-word",whiteSpace:"pre-wrap",userSelect:"text",wordBreak:"normal"};function x(e){return new RegExp("^[^֑-߿‏‫‮יִ-﷽ﹰ-ﻼ]*?[֑-߿‏‫‮יִ-﷽ﹰ-ﻼ]").test(e)}function m(e){e=e.replace(/\s/g,"");let t=0;for(var n=0;n<e.length;n++)x(e[n])&&(t+=1);return t>e.length/2}function y(e){return m(e)?"rtl":"ltr"}exports.isRTLText=m,exports.getDir=y;const w=(0,n.observer)(({textNodeRef:e,element:n,onBlur:r,selectAll:i,cursorPosition:l})=>{const[a,s]=t.default.useState(p),u=e.current;t.default.useLayoutEffect(()=>{const e={};e.width=u.width()-2*u.padding()+"px",e.height=u.height()-2*u.padding()+10+"px",e.fontSize=u.fontSize()+"px",e.lineHeight=u.lineHeight()+.01,e.fontFamily=u.fontFamily(),e.textAlign=u.align(),e.color=u.fill(),e.fontWeight=n.fontWeight,e.fontStyle=n.fontStyle;const t=`\n        .polotno-input::placeholder {\n          color: ${a.color};\n          opacity: 0.6;\n        }\n      `;g.innerHTML="",g.appendChild(document.createTextNode(t)),JSON.stringify(e)!==JSON.stringify(a)&&s(e)});const d=t.default.useRef(null);t.default.useEffect(()=>{const e=setTimeout(()=>{var e;const t=d.current;if(!t)return;null===(e=d.current)||void 0===e||e.focus();const n=l||t.value.length;t.selectionStart=t.selectionEnd=n,i&&(null==t||t.select(),document.execCommand("selectAll",!1,null))});return()=>{clearTimeout(e)}},[]);let c=0;const f=u.textArr.length*u.lineHeight()*u.fontSize();return"middle"===n.verticalAlign&&(c=(n.height-f)/2),"bottom"===n.verticalAlign&&(c=n.height-f),t.default.createElement(o.Html,null,t.default.createElement("textarea",{className:"polotno-input",ref:d,dir:y(n.text),style:Object.assign(Object.assign(Object.assign({},p),a),{paddingTop:c+"px"}),value:n.text,onChange:e=>{n.set({text:e.target.value})},placeholder:n.placeholder,onBlur:r}))}),E=e=>{const[n,r]=t.default.useState(!1),o=t.default.useRef(!1);return t.default.useEffect(()=>{var t=!0;return setTimeout(()=>{t&&(e._editModeEnabled&&(o.current=!0),r(!0),setTimeout(()=>{o.current=!1},50))},50),()=>{t=!1}},[]),{editorEnabled:n&&e._editModeEnabled,selectAll:o.current}},S=(e,n)=>{const[r,o]=t.default.useState((0,s.isFontLoaded)(n));return t.default.useLayoutEffect(()=>{if((0,s.isFontLoaded)(n))return void o(!0);let t=!0;return(async()=>{r&&o(!1);const i=(0,a.incrementLoader)(`text ${n}`);await e.loadFont(n),l.default.Util.requestAnimFrame(i),t&&o(!0)})(),()=>{t=!1}},[n]),[r]};exports.useFontLoader=S;const v=({fontLoaded:e,fontFamily:n,fontSize:r,lineHeight:o})=>t.default.useMemo(()=>{if("number"==typeof o)return o;const e=document.createElement("div");e.style.fontFamily=n,e.style.fontSize=r+"px",e.style.lineHeight=o,e.innerText="Test text",document.body.appendChild(e);const t=e.offsetHeight;return document.body.removeChild(e),t/r},[e,n,r,o]);function b(e){var t=e.getAbsoluteTransform().copy();t.invert();var n=e.getStage().getPointerPosition();return t.point(n)}function T(e){var t;const n=e.target,r=b(n),o=n.textArr,i=Math.floor(r.y/(n.fontSize()*n.lineHeight())),l=o.slice(0,i).reduce((e,t)=>e+t.text.length,i),a=null!==(t=o[i])&&void 0!==t?t:o[0];let s=0;return"right"===n.align()?s=n.width()-a.width:"center"===n.align()&&(s=n.width()/2-a.width/2),l+Math.round((r.x-s)/a.width*a.text.length)}function z(e){const n=t.default.useRef(e),r=t.default.useRef(e);return t.default.useEffect(()=>{r.current=n.current,n.current=e},[e]),r.current}function F(e,t){const n=e.getAttrs(),r=(0,d.removeTags)(t.text);let o=t.fontSize;const i=Math.round(2*t.fontSize)-1;for(let l=1;l<i;l++){const n=t.height&&e.height()>t.height,i=r.split("\n").join(" ").split(" ");let l=e.textArr.map(e=>e.text).join(";");const a=i.find(e=>!l.includes(e)||(l=l.replace(e,""),!1));if(!n&&!a)break;o-=.5,e.fontSize(o)}return e.fontSize(n.fontSize),o}exports.TextElement=(0,n.observer)(({element:e,store:n})=>{const o=t.default.useRef(null),{editorEnabled:l,selectAll:a}=E(e),[s,g]=t.default.useState(!1),[p,x]=t.default.useState(!1),m=t.default.useRef(e.height),y=n.selectedElements.indexOf(e)>=0,{textVerticalResizeEnabled:S}=u.flags,b=z(e.fontFamily);t.default.useEffect(()=>{if(e.width)return;const t=o.current;t.width(600),e.set({width:1.4*t.getTextWidth()})},[]),t.default.useLayoutEffect(()=>(0,i.autorun)(()=>{const t=o.current;(0,c.applyFilter)(t,e)}));const[A]=(0,exports.useFontLoader)(n,e.fontFamily),M=(0,d.removeTags)(e.text),k=()=>{const e=o.current.clone({height:void 0}),t=Math.ceil(e.fontSize()*e.lineHeight()*e.textArr.length+1);return e.destroy(),t};t.default.useLayoutEffect(()=>{if(!A)return;const{textOverflow:t}=u.flags;if(e.height)if("change-font-size"!==t||p){if("resize"===t){const t=k();S&&e.height<t&&n.history.ignore(()=>{e.set({height:t}),o.current.height(t)}),S||e.height===t||n.history.ignore(()=>{e.set({height:t}),o.current.height(t)})}}else{const t=F(o.current,e);if(t!==e.fontSize)return void n.history.ignore(()=>{e.set({fontSize:t})});const r=k();e.height!==r&&n.history.ignore(()=>{e.set({height:r})})}else{const t=k();n.history.ignore(()=>{e.set({height:t})})}}),t.default.useLayoutEffect(()=>{const t=o.current;t&&(t.width(t.width()+1e-8),t._setTextData(),(0,c.applyFilter)(t,e))},[A]);const L=t.default.useRef(null),O=t.default.useRef(0),q=t=>{n.selectedElements.find(t=>t===e)&&e.contentEditable&&(O.current=T(t),e.toggleEditMode())},H=!M&&e.placeholder,R=e._editModeEnabled?0:H?.6:e.opacity;(0,f.useFadeIn)(o,R);const W=v({fontLoaded:A,fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:e.lineHeight}),_=e.selectable||"admin"===n.role;return t.default.createElement(t.default.Fragment,null,t.default.createElement(r.Text,{ref:o,id:e.id,name:"element",hideInExport:!e.showInExport,x:e.x,y:e.y,rotation:e.rotation,width:e.width,height:e.height,text:M||e.placeholder,fill:e.fill,stroke:e.stroke,strokeWidth:e.strokeWidth,fillAfterStrokeEnabled:!0,fontSize:e.fontSize,fontFamily:`"${e.fontFamily}", "${b}"`,fontStyle:e.fontStyle+" "+e.fontWeight,textDecoration:e.textDecoration,align:e.align,verticalAlign:e.verticalAlign,draggable:e.draggable,opacity:R,ellipsis:"ellipsis"===u.flags.textOverflow,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,lineHeight:W,letterSpacing:e.letterSpacing*e.fontSize,listening:_,onDragStart:()=>{n.history.startTransaction()},hideInExport:!e.showInExport,onDragMove:t=>{e.set({x:t.target.x(),y:t.target.y()})},onDragEnd:t=>{e.set({x:t.target.x(),y:t.target.y()}),n.history.endTransaction()},onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},onClick:q,onTap:q,onTransformStart:()=>{x(!0),n.history.startTransaction(),m.current=o.current.height()},onTransform:t=>{var n;const r=t.target,o=(null===(n=r.getStage())||void 0===n?void 0:n.findOne("Transformer")).getActiveAnchor();if("middle-left"===o||"middle-right"===o){const t=r.scaleX(),n=r.width()*t,o=e.fontSize;let i=n;n<o&&(i=o,L.current&&r.position(L.current)),r.width(i),r.scaleX(1),r.scaleY(1);const l=k();if("ellipsis"!==u.flags.textOverflow){const t=Math.max(l,m.current);r.height(t),e.set({height:r.height()})}e.set({x:r.x(),y:r.y(),width:r.width(),rotation:r.rotation()}),(0,c.applyFilter)(r,e)}if("top-center"===o||"bottom-center"===o){const e=k();t.target.height(Math.max(e,t.target.height()*t.target.scaleY())),t.target.scaleY(1)}t.target.strokeWidth(e.strokeWidth/t.target.scaleX()),L.current=t.target.position()},onTransformEnd:t=>{x(!1);const r=t.target.scaleX();t.target.scaleX(1),t.target.scaleY(1),t.target.strokeWidth(e.strokeWidth),e.set({fontSize:Math.round(e.fontSize*r),width:Math.ceil(t.target.width()*r),x:t.target.x(),y:t.target.y(),rotation:t.target.rotation(),height:t.target.height()}),n.history.endTransaction()}}),l&&t.default.createElement(r.Group,{x:e.x,y:e.y,rotation:e.rotation},t.default.createElement(w,{textNodeRef:o,element:e,selectAll:a,cursorPosition:O.current,onBlur:()=>{e.toggleEditMode(!1)}})),!p&&(s||y)&&t.default.createElement(h.Highlighter,{element:e}))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","react-konva":"Sgug","react-konva-utils":"jXQU","mobx":"BzvP","konva":"aTGn","../utils/loader":"bN4e","../utils/fonts":"XXLd","../utils/flags":"IDY9","../utils/text":"rHBV","./apply-filters":"SIWI","./use-fadein":"N3c2","./highlighter":"cEy1"}],"Vshz":[function(require,module,exports) {
 var t;(t=t||{}).stringify=function(){var t={"visit_linear-gradient":function(i){return t.visit_gradient(i)},"visit_repeating-linear-gradient":function(i){return t.visit_gradient(i)},"visit_radial-gradient":function(i){return t.visit_gradient(i)},"visit_repeating-radial-gradient":function(i){return t.visit_gradient(i)},visit_gradient:function(i){var r=t.visit(i.orientation);return r&&(r+=", "),i.type+"("+r+t.visit(i.colorStops)+")"},visit_shape:function(i){var r=i.value,n=t.visit(i.at),e=t.visit(i.style);return e&&(r+=" "+e),n&&(r+=" at "+n),r},"visit_default-radial":function(i){var r="",n=t.visit(i.at);return n&&(r+=n),r},"visit_extent-keyword":function(i){var r=i.value,n=t.visit(i.at);return n&&(r+=" at "+n),r},"visit_position-keyword":function(t){return t.value},visit_position:function(i){return t.visit(i.value.x)+" "+t.visit(i.value.y)},"visit_%":function(t){return t.value+"%"},visit_em:function(t){return t.value+"em"},visit_px:function(t){return t.value+"px"},visit_literal:function(i){return t.visit_color(i.value,i)},visit_hex:function(i){return t.visit_color("#"+i.value,i)},visit_rgb:function(i){return t.visit_color("rgb("+i.value.join(", ")+")",i)},visit_rgba:function(i){return t.visit_color("rgba("+i.value.join(", ")+")",i)},visit_color:function(i,r){var n=i,e=t.visit(r.length);return e&&(n+=" "+e),n},visit_angular:function(t){return t.value+"deg"},visit_directional:function(t){return"to "+t.value},visit_array:function(i){var r="",n=i.length;return i.forEach(function(i,e){r+=t.visit(i),e<n-1&&(r+=", ")}),r},visit:function(i){if(!i)return"";if(i instanceof Array)return t.visit_array(i,"");if(i.type){var r=t["visit_"+i.type];if(r)return r(i);throw Error("Missing visitor visit_"+i.type)}throw Error("Invalid node.")}};return function(i){return t.visit(i)}}(),(t=t||{}).parse=function(){var t={linearGradient:/^(\-(webkit|o|ms|moz)\-)?(linear\-gradient)/i,repeatingLinearGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,radialGradient:/^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,repeatingRadialGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,sideOrCorner:/^to (left (top|bottom)|right (top|bottom)|left|right|top|bottom)/i,extentKeywords:/^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,positionKeywords:/^(left|center|right|top|bottom)/i,pixelValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,percentageValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,emValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,angleValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,startCall:/^\(/,endCall:/^\)/,comma:/^,/,hexColor:/^\#([0-9a-fA-F]+)/,literalColor:/^([a-zA-Z]+)/,rgbColor:/^rgb/i,rgbaColor:/^rgba/i,number:/^(([0-9]*\.[0-9]+)|([0-9]+\.?))/},i="";function r(t){var r=new Error(i+": "+t);throw r.source=i,r}function n(){var t=g(e);return i.length>0&&r("Invalid input not EOF"),t}function e(){return a("linear-gradient",t.linearGradient,u)||a("repeating-linear-gradient",t.repeatingLinearGradient,u)||a("radial-gradient",t.radialGradient,s)||a("repeating-radial-gradient",t.repeatingRadialGradient,s)}function a(i,n,e){return o(n,function(n){var a=e();return a&&(h(t.comma)||r("Missing comma before color stops")),{type:i,orientation:a,colorStops:g(d)}})}function o(i,n){var e=h(i);if(e){h(t.startCall)||r("Missing (");var a=n(e);return h(t.endCall)||r("Missing )"),a}}function u(){return y("directional",t.sideOrCorner,1)||y("angular",t.angleValue,1)}function s(){var r,n,e=l();return e&&((r=[]).push(e),n=i,h(t.comma)&&((e=l())?r.push(e):i=n)),r}function l(){var t=function(){var t=y("shape",/^(circle)/i,0);t&&(t.style=_()||v());return t}()||function(){var t=y("shape",/^(ellipse)/i,0);t&&(t.style=m()||v());return t}();if(t)t.at=c();else{var i=v();if(i){t=i;var r=c();r&&(t.at=r)}else{var n=f();n&&(t={type:"default-radial",at:n})}}return t}function v(){return y("extent-keyword",t.extentKeywords,1)}function c(){if(y("position",/^at/,0)){var t=f();return t||r("Missing positioning value"),t}}function f(){var t={x:m(),y:m()};if(t.x||t.y)return{type:"position",value:t}}function g(i){var n=i(),e=[];if(n)for(e.push(n);h(t.comma);)(n=i())?e.push(n):r("One extra comma");return e}function d(){var i=y("hex",t.hexColor,1)||o(t.rgbaColor,function(){return{type:"rgba",value:g(p)}})||o(t.rgbColor,function(){return{type:"rgb",value:g(p)}})||y("literal",t.literalColor,0);return i||r("Expected color definition"),i.length=m(),i}function p(){return h(t.number)[1]}function m(){return y("%",t.percentageValue,1)||y("position-keyword",t.positionKeywords,1)||_()}function _(){return y("px",t.pixelValue,1)||y("em",t.emValue,1)}function y(t,i,r){var n=h(i);if(n)return{type:t,value:n[r]}}function h(t){var r,n;return(n=/^[\n\r\t\s]+/.exec(i))&&b(n[0].length),(r=t.exec(i))&&b(r[0].length),r}function b(t){i=i.substr(t)}return function(t){return i=t.toString(),n()}}(),exports.parse=t.parse,exports.stringify=t.stringify;
 },{}],"V8he":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.parseColor=exports.isGradient=void 0;const r=e(require("gradient-parser")),t=e=>e.indexOf("linear-gradient")>=0;exports.isGradient=t;const o=e=>"hex"===e.type?"#"+e.value:"literal"===e.type?e.value:`${e.type}(${e.value.join(",")})`,s=e=>{if(!(0,exports.isGradient)(e))return[0,e,e];const t=r.default.parse(e)[0],s=parseFloat(t.orientation.value),a=t.colorStops[0],i=o(a),n=t.colorStops[1];return[s,i,o(n)]};exports.parseColor=s;
 },{"gradient-parser":"Vshz"}],"B1DI":[function(require,module,exports) {
-"use strict";var t=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.replaceColors=exports.fixSize=exports.getSvgSize=exports.svgToURL=exports.getColors=exports.urlToString=exports.urlToBase64=void 0;const e=t(require("konva")),r=require("./gradient");function o(t){for(;t.parentNode;){if("defs"===t.nodeName)return!0;t=t.parentNode}return!1}function n(t){const e={fill:"",stroke:""};return t.getAttribute("fill")&&"none"!==t.getAttribute("fill")&&(e.fill=t.getAttribute("fill")),!e.fill&&t.style.fill&&"none"!==t.style.fill&&(e.fill=t.style.fill),t.getAttribute("stroke")&&(e.stroke=t.getAttribute("stroke")),!e.stroke&&t.style.stroke&&(e.stroke=t.style.stroke),e.stroke||e.fill||(e.fill="black"),e}const i=["path","rect","circle"];function s(t){for(var e=[],r=t.getElementsByTagName("*"),n=0,s=r.length;n<s;n++){const t=r[n];o(t)||(null!==t.getAttribute("fill")&&e.push(t),(null!==t.getAttribute("stroke")||t.style&&t.style.fill||i.indexOf(t.nodeName)>=0)&&e.push(t))}return e}async function l(t){const e=await fetch(t);return c(await e.text())}async function a(t){const e=await fetch(t,{mode:"cors"});return await e.text()}function u(t){const r=s((new DOMParser).parseFromString(t,"image/svg+xml")),o=[];return r.forEach(t=>{const{fill:r,stroke:i}=n(t);[r,i].forEach(t=>{t&&e.default.Util.colorToRGBA(t)&&-1===o.indexOf(t)&&o.push(t)})}),o}function c(t){return"data:image/svg+xml;base64,"+window.btoa(unescape(encodeURIComponent(t)))}async function f(t){const e=await a(t),r=(new DOMParser).parseFromString(e,"image/svg+xml").documentElement.getAttribute("viewBox"),[o,n,i,s]=(null==r?void 0:r.split(" "))||[];return{width:parseFloat(i),height:parseFloat(s)}}function p(t){var e=(new DOMParser).parseFromString(t,"image/svg+xml");const r=e.documentElement.getAttribute("viewBox"),[o,n,i,s]=(null==r?void 0:r.split(" "))||[];return e.documentElement.getAttribute("width")||e.documentElement.setAttribute("width",i+"px"),e.documentElement.getAttribute("height")||e.documentElement.setAttribute("height",s+"px"),(new XMLSerializer).serializeToString(e)}exports.urlToBase64=l,exports.urlToString=a,exports.getColors=u,exports.svgToURL=c,exports.getSvgSize=f,exports.fixSize=p;const d=(t,r)=>{if(!t||!r)return!1;const o=e.default.Util.colorToRGBA(t),n=e.default.Util.colorToRGBA(r);return o&&n?o.r===n.r&&o.g===n.g&&o.b===n.b&&o.a===n.a:void 0};function g(t,r,o,n){var i=t.namespaceURI,s=document.createElementNS(i,"linearGradient");const l=e.default.Util.degToRad(o+90),a=(Math.cos(l)+1)/2,u=(Math.sin(l)+1)/2,c=(Math.cos(l+Math.PI)+1)/2,f=(Math.sin(l+Math.PI)+1)/2;s.setAttribute("x1",100*a+"%"),s.setAttribute("y1",100*u+"%"),s.setAttribute("x2",100*c+"%"),s.setAttribute("y2",100*f+"%"),s.setAttribute("gradientUnits","userSpaceOnUse"),s.setAttribute("id",r);for(var p=0;p<n.length;p++){var d=n[p],g=document.createElementNS(i,"stop");for(var m in d)d.hasOwnProperty(m)&&g.setAttribute(m,d[m]);s.appendChild(g)}return(t.querySelector("defs")||t.insertBefore(document.createElementNS(i,"defs"),t.firstChild)).appendChild(s)}function m(t,e){var o=(new DOMParser).parseFromString(t,"image/svg+xml");const i=s(o),l=Array.from(e.keys());return i.forEach(t=>{const{fill:i,stroke:s}=n(t);[{prop:"fill",color:i},{prop:"stroke",color:s}].forEach(({prop:n,color:i})=>{const s=l.find(t=>d(t,i));if(s){const i=e.get(s);if((0,r.isGradient)(i)){const[e,s,l]=(0,r.parseColor)(i),a=[{offset:"0%","stop-color":s},{offset:"100%","stop-color":l}],u="color"+Math.round(1e8*Math.random());g(o.children[0],u,e,a),t.style[n]=null,t.setAttribute(n,`url('#${u}')`)}else t.style[n]=e.get(s)}})}),c((new XMLSerializer).serializeToString(o))}exports.replaceColors=m;
-},{"konva":"aTGn","./gradient":"V8he"}],"VbEp":[function(require,module,exports) {
-"use strict";var t=this&&this.__createBinding||(Object.create?function(t,e,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(e,r);o&&!("get"in o?!e.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,a,o)}:function(t,e,r,a){void 0===a&&(a=r),t[a]=e[r]}),e=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var a={};if(null!=r)for(var o in r)"default"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&t(a,r,o);return e(a,r),a},a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImageElement=exports.useImageLoader=exports.setImageLoaderHook=void 0;const o=a(require("react")),i=require("mobx-react-lite"),n=require("mobx"),h=require("react-konva"),d=a(require("use-image")),l=a(require("konva")),c=require("react-konva-utils"),s=require("./highlighter"),u=require("../utils/loader"),g=r(require("../utils/svg")),f=require("../utils/flags"),m=require("../utils/svg"),p=require("./apply-filters"),w=require("./use-fadein");async function x(t){if(!(t.indexOf("data:image/svg+xml")>=0||t.indexOf(".svg")>=0))return t;const e=await g.urlToString(t),r=g.fixSize(e);return g.svgToURL(r)}const y=t=>{const[e,r]=o.default.useState(t);return o.default.useEffect(()=>{(async()=>{const a=await x(t);a!==e&&r(a)})()},[t]),e},M=(t,e,r)=>o.default.useMemo(()=>{var a,o;const{flipX:i,flipY:n}=t,h="svg"===t.type||t.src.indexOf("data:image/svg+xml")>=0||t.src.indexOf(".svg")>=0;if(!i&&!n&&!h)return e;if(!e||!e.width||!e.height)return null;const d=document.createElement("canvas");let l=1;"svg"===t.type&&(l=Math.max(t.width/e.width*r,t.height/e.height*r)),d.width=Math.max(e.width*l,1),d.height=Math.max(e.height*l,1);let c=i?-d.width:0,s=n?-d.height:0;return null===(a=d.getContext("2d"))||void 0===a||a.scale(i?-1:1,n?-1:1),null===(o=d.getContext("2d"))||void 0===o||o.drawImage(e,c,s,d.width,d.height),d},[t.flipX,t.flipY,e,t.width,t.height,r]);function b(t,e){const r=e.width/e.height;let a,o;return r>=t.width/t.height?(a=t.width,o=t.width/r):(a=t.height*r,o=t.height),{x:(t.width-a)/2,y:(t.height-o)/2,width:a,height:o}}function E(t,e,r,a,o,i,n){for(var h=new ImageData(e,r),d=new Int32Array(t.data.buffer),l=t.width,c=new Int32Array(h.data.buffer),s=h.width,u=e/i,g=r/n,f=Math.round(1/u),m=Math.round(1/g),p=f*m,w=0;w<h.height;w++)for(var x=0;x<s;x++){for(var y=a+Math.round(x/u)+(o+Math.round(w/g))*l,M=0,b=0,E=0,v=0,I=0;I<m;I++)for(var S=0;S<f;S++){var _=d[y+S+I*l];M+=_<<24>>>24,b+=_<<16>>>24,E+=_<<8>>>24,v+=_>>>24}M=Math.round(M/p),b=Math.round(b/p),E=Math.round(E/p),v=Math.round(v/p),c[x+w*s]=v<<24|E<<16|b<<8|M}return h}function v(t,e){var r,a;const o=document.createElement("canvas");o.width=t.width,o.height=t.height,null===(r=o.getContext("2d"))||void 0===r||r.drawImage(t,0,0,o.width,o.height);const i=E(o.getContext("2d").getImageData(0,0,o.width,o.height),Math.floor(o.width*e),Math.floor(o.height*e),0,0,o.width,o.height);return o.width=Math.floor(o.width*e),o.height=Math.floor(o.height*e),null===(a=o.getContext("2d"))||void 0===a||a.putImageData(i,0,0),o}const I=(t,e)=>{const[r,a]=Y(t.maskSrc,"anonymous"),i=t.maskSrc?a:"loaded";return(0,exports.useImageLoader)(i,t.id),o.default.useMemo(()=>{if(!r)return e;if(!e||!e.width||!e.height)return e;const a=document.createElement("canvas");a.width=Math.max(e.width,1),a.height=Math.max(e.height,1);const o=a.getContext("2d");if(!o)return e;o.drawImage(e,0,0),o.globalCompositeOperation="source-in";const i=b(r,t);return o.drawImage(r,i.x,i.y,i.width,i.height,0,0,e.width,e.height),a},[e,r,t.width,t.height])},S=(t,e,r,a,i=0,n=!1)=>{const h=o.default.useMemo(()=>{if(e&&e.width&&e.height)return document.createElement("canvas")},[e]);return o.default.useLayoutEffect(()=>{if(!h||!e)return;const o=Math.floor(Math.max(t.width*a,1)),d=Math.floor(Math.max(t.height*a,1));h.width=o,h.height=d;const l=h.getContext("2d");if(!l)return;const c=Math.min(i*a,o/2,d/2);c&&(l.beginPath(),l.moveTo(c,0),l.lineTo(o-c,0),l.arc(o-c,c,c,3*Math.PI/2,0,!1),l.lineTo(o,d-c),l.arc(o-c,d-c,c,0,Math.PI/2,!1),l.lineTo(c,d),l.arc(c,d-c,c,Math.PI/2,Math.PI,!1),l.lineTo(0,c),l.arc(c,c,c,Math.PI,3*Math.PI/2,!1),l.clip());const s=Math.max(t.width/r.width,t.height/r.height)*a,u=f.flags.imageDownScalingEnabled&&s<1&&!n,g=u?v(e,s):e,m=u?{x:Math.floor(r.x*s),y:Math.floor(r.y*s),width:Math.floor(r.width*s),height:Math.floor(r.height*s)}:r;l.drawImage(g,m.x,m.y,m.width,m.height,0,0,h.width,h.height)},[h,t.width,t.height,r.x,r.y,r.width,r.height,i,a,n]),h},_=(t,e,r,a)=>{const i=y(t.clipSrc||""),[n]=Y(i,"anonymous"),h=o.default.useMemo(()=>{if(e&&n)return document.createElement("canvas")},[e,n]);return o.default.useLayoutEffect(()=>{var a;if(!n)return;if(!e||!e.width||!e.height)return;if(!n||!n.width||!n.height)return;if(!h)return;const o=document.createElement("canvas"),i=Math.max(t.width/n.width*r,t.height/n.height*r);o.width=n.width*i,o.height=n.height*i,null===(a=o.getContext("2d"))||void 0===a||a.drawImage(n,0,0,o.width,o.height),h.width=Math.max(e.width,1),h.height=Math.max(e.height,1);const d=h.getContext("2d");d&&(d.save(),d.drawImage(o,0,0,e.width,e.height),d.globalCompositeOperation="source-in",d.drawImage(e,0,0,h.width,h.height),d.restore())},[h,e,n,t.width,t.height,r,...a]),t.clipSrc&&n?h:e},O=document.createElement("canvas"),R=(0,i.observer)(({element:t})=>{const e=Math.min(30,t.width/4,t.height/4),r=o.default.useRef(null);return o.default.useEffect(()=>{const t=r.current;if(!t)return;const e=new l.default.Animation(e=>{t.rotate(((null==e?void 0:e.timeDiff)||0)/2)},t.getLayer());return e.start(),()=>{e.stop()}}),o.default.createElement(h.Group,{x:t.x,y:t.y,rotation:t.rotation,listening:!1,opacity:t.opacity,hideInExport:!t.showInExport},o.default.createElement(h.Rect,{width:t.width,height:t.height,fill:"rgba(124, 173, 212, 0.8)"}),o.default.createElement(h.Arc,{ref:r,x:t.width/2,y:t.height/2,fill:"white",outerRadius:Math.abs(e),innerRadius:Math.max(1,e-5),angle:270}))}),X=(0,i.observer)(({element:t})=>{const e="Can not load the image...",r=Math.max(10,Math.min(30,t.width/e.length));return o.default.createElement(h.Group,{x:t.x,y:t.y,rotation:t.rotation,listening:!1,opacity:t.opacity,hideInExport:!t.showInExport},o.default.createElement(h.Rect,{width:t.width,height:t.height,fill:"rgba(223, 102, 102, 0.8)"}),o.default.createElement(h.Text,{text:e,fontSize:r,width:t.width,height:t.height,align:"center",fill:"white",verticalAlign:"middle",padding:5}))});let Y=d.default;const C=t=>{Y=t};exports.setImageLoaderHook=C;const T=(t,e)=>{const r=o.default.useRef(),a=()=>{var t;null===(t=r.current)||void 0===t||t.call(r),r.current=void 0};o.default.useEffect(()=>a,[]),o.default.useLayoutEffect(()=>{"loading"!==t||r.current||(r.current=(0,u.incrementLoader)(`image ${e}`)),"loading"!==t&&a(),"failed"===t&&(0,u.triggerLoadError)(`image ${e}`)},[t])};exports.useImageLoader=T;const L=({image:t,status:e,type:r})=>{const a=o.default.useRef();return o.default.useEffect(()=>{a.current=t||a.current},[t]),"failed"!==e||"failed"!==e&&"svg"===r?a.current:void 0},k=t=>{const[e,r]=o.default.useState("loading"),[a,i]=o.default.useState(t.src);return o.default.useEffect(()=>{if("image"===t.type)return;if(!t.src)return;let e=!1;return(async()=>{r("loading");const a=await g.urlToString(t.src),o=g.fixSize(a),n=(0,m.replaceColors)(o,t.colorsReplace);e||(i(n),r("loaded"))})(),()=>{e=!0}},[t.src,JSON.stringify(t.colorsReplace)]),"image"===t.type?[t.src,"loaded"]:[a,e]};exports.ImageElement=(0,i.observer)(({element:t,store:e})=>{var r;const[a,i]=o.default.useState(!1),d=o.default.useRef(null),l=o.default.useRef(null),[u,g]=o.default.useState(!1),f=e.selectedElements.indexOf(t)>=0,[m,x]=k(t),[y,b]=Y(m,"anonymous");(0,exports.useImageLoader)(b,t.id);const E="svg"!==t.type||"loaded"===x?b:"loading";(0,exports.useImageLoader)(E,t.id);const v=L({image:y,status:b,type:t.type}),C=I(t,M(t,y||v,e._elementsPixelRatio))||O;let{cropX:T,cropY:P,cropWidth:W,cropHeight:H}=t;"loaded"!==b&&(T=P=0,W=H=1);const q=C.width*W,D=C.height*H,A=t.width/t.height;let z,F;const B=q/D,j="svg"===t.type;j?(z=q,F=D):A>=B?(z=q,F=q/A):(z=D*A,F=D);const G={x:C.width*T,y:C.height*P,width:z,height:F},N=null!==(r=t.cornerRadius)&&void 0!==r?r:0;let $=_(t,S(t,C,G,e._elementsPixelRatio,N,a||t._cropModeEnabled||"svg"===t.type),e._elementsPixelRatio,[G,N,e._elementsPixelRatio]);const J=Math.max(t.width/z,t.height/F);o.default.useEffect(()=>{var e;if(!t._cropModeEnabled)return;const r=null===(e=d.current)||void 0===e?void 0:e.getStage();function a(e){t._cropModeEnabled&&e.target!==l.current&&t.toggleCropMode(!1)}function o(e){t._cropModeEnabled&&"CANVAS"!==e.target.nodeName&&t.toggleCropMode(!1)}return document.body.addEventListener("click",o),null==r||r.on("click",a),null==r||r.on("tap",a),()=>{document.body.removeEventListener("click",o),document.body.removeEventListener("touchstart",o),null==r||r.off("click",a),null==r||r.off("click",a)}},[t._cropModeEnabled]),o.default.useLayoutEffect(()=>{if(!a&&!t._cropModeEnabled)return(0,p.applyFilter)(d.current,t),(0,n.autorun)(()=>{(0,p.applyFilter)(d.current,t)},{delay:100})},[C,a,W,H,t._cropModeEnabled]),o.default.useLayoutEffect(()=>{var e;a||t._cropModeEnabled?null===(e=d.current)||void 0===e||e.clearCache():(0,p.applyFilter)(d.current,t)},[a,t.width,t.height,t._cropModeEnabled]),o.default.useEffect(()=>{(0,p.applyFilter)(d.current,t)},[t.shadowEnabled,t.shadowBlur,t.cornerRadius,t.shadowColor,t.shadowOffsetX,t.shadowOffsetY,t.shadowOpacity]);const U=o.default.useRef(null),V=o.default.useRef(null),K=o.default.useRef(null);o.default.useLayoutEffect(()=>{t._cropModeEnabled&&(V.current.nodes([U.current]),K.current.nodes([l.current]))},[t._cropModeEnabled]);const Q=e=>{Math.round(e.target.x())>0&&(e.target.x(0),e.target.scaleX(1)),Math.round(e.target.y())>0&&(e.target.y(0),e.target.scaleY(1));const r=e.target.width()*e.target.scaleX(),a=e.target.height()*e.target.scaleY(),o=Math.min(1,z/r),i=Math.min(1,F/a),n=1-o,h=Math.min(n,Math.max(0,Math.round(-e.target.x())/r)),d=1-i,l=Math.min(d,Math.max(0,Math.round(-e.target.y())/a));e.target.setAttrs({x:-h*C.width,y:-l*C.height,scaleX:1,scaleY:1}),t.set({cropX:h,cropY:l,cropWidth:o,cropHeight:i})},Z=()=>{"svg"!==t.type&&t.contentEditable&&setTimeout(()=>{t.toggleCropMode(!0)})},tt="svg"===t.type&&v,et="loading"===b&&!tt,rt="failed"===b,at=!et&&!rt,ot=o.default.useRef({cropX:0,cropY:0,cropWidth:0,cropHeight:0}),it=at?t.opacity:0;(0,w.useFadeIn)(d,it);const nt=t.selectable||"admin"===e.role;return o.default.createElement(o.default.Fragment,null,et&&o.default.createElement(R,{element:t}),rt&&o.default.createElement(X,{element:t}),o.default.createElement(h.Image,{ref:d,name:"element",id:t.id,image:$,x:t.x,y:t.y,width:t.width||1,height:t.height||1,rotation:t.rotation,opacity:it,shadowEnabled:t.shadowEnabled,shadowBlur:t.shadowBlur,shadowOffsetX:t.shadowOffsetX,shadowOffsetY:t.shadowOffsetY,shadowColor:t.shadowColor,shadowOpacity:t.shadowOpacity,customCrop:G,listening:nt,draggable:t.draggable,hideInExport:!t.showInExport,onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},onDragStart:()=>{e.history.startTransaction()},onDragMove:e=>{t.set({x:e.target.x(),y:e.target.y()})},onDragEnd:r=>{t.set({x:r.target.x(),y:r.target.y()}),e.history.endTransaction()},onDblClick:Z,onDblTap:Z,onTransformStart:()=>{i(!0),e.history.startTransaction(),ot.current={cropX:t.cropX,cropY:t.cropY,cropWidth:t.cropWidth,cropHeight:t.cropHeight}},onTransform:e=>{var r;const a=e.currentTarget,o=Math.abs(a.scaleX()-1)<1e-7?1:a.scaleX(),i=Math.abs(a.scaleY()-1)<1e-7?1:a.scaleY();a.scaleX(1),a.scaleY(1);const n=null===(r=e.target.getStage())||void 0===r?void 0:r.findOne("Transformer"),h=1-z/C.width,d=Math.min(h,Math.max(0,t.cropX)),l=1-F/C.height,c=Math.min(l,Math.max(0,t.cropY)),s=n.getActiveAnchor(),u=!(s.indexOf("middle")>=0||s.indexOf("center")>=0),g=!u&&o<1&&ot.current.cropHeight>F/C.height;let f=u?t.cropWidth:t.cropWidth*o;g&&(f=t.cropWidth);const m=!u&&i<1&&ot.current.cropWidth>z/C.width;let p=u?t.cropHeight:t.cropHeight*i;m&&(p=t.cropHeight),j&&(f=t.cropWidth,p=t.cropHeight),t.set({cropX:d,cropY:c,x:a.x(),y:a.y(),width:a.width()*o,height:a.height()*i,rotation:e.target.rotation(),cropWidth:Math.min(f,1-d),cropHeight:Math.min(p,1-c)})},onTransformEnd:r=>{const a=r.currentTarget;t.set({width:a.width(),height:a.height(),x:a.x(),y:a.y(),rotation:r.target.rotation(),cropWidth:z/C.width,cropHeight:F/C.height}),i(!1),e.history.endTransaction()}}),o.default.createElement(h.Rect,{x:t.x,y:t.y,width:t.width-t.borderSize,height:t.height-t.borderSize,offsetX:-t.borderSize/2,offsetY:-t.borderSize/2,stroke:t.borderColor,strokeWidth:t.borderSize,listening:!1,visible:!!t.borderSize,rotation:t.rotation,cornerRadius:Math.max(0,N-t.borderSize),hideInExport:!t.showInExport}),t._cropModeEnabled&&o.default.createElement(c.Portal,{selector:".page-abs-container",enabled:!0},o.default.createElement(h.Rect,{x:-1500,y:-1500,width:4500,height:4500,fill:"rgba(0,0,0,0.3)"}),o.default.createElement(h.Image,{listening:!1,image:$,x:t.x,y:t.y,width:t.width,height:t.height,rotation:t.rotation,shadowEnabled:t.shadowEnabled,shadowBlur:t.shadowBlur}),o.default.createElement(h.Group,{x:t.x,y:t.y,rotation:t.rotation,scaleX:J,scaleY:J},o.default.createElement(h.Image,{image:C,ref:l,opacity:.4,draggable:!0,x:-t.cropX*C.width,y:-t.cropY*C.height,onDragMove:Q,onTransform:Q}),o.default.createElement(h.Transformer,{ref:K,anchorSize:20,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(t,e)=>e.width<5||e.height<5?t:e,rotateEnabled:!1,borderEnabled:!1,anchorCornerRadius:10,anchorStrokeWidth:2,borderStrokeWidth:2}),o.default.createElement(h.Rect,{width:z,height:F,ref:U,listening:!1,onTransform:e=>{e.target.x()<-t.cropX*C.width-1e-9&&(e.target.x(-t.cropX*C.width),e.target.scaleX(1)),e.target.y()<-t.cropY*C.height-1e-9&&(e.target.y(-t.cropY*C.height),e.target.scaleY(1));const r=Math.min(1,Math.max(0,t.cropX+e.target.x()/C.width)),a=Math.min(1,Math.max(0,e.target.y()/C.height+t.cropY)),o=e.target.width()*e.target.scaleX(),i=e.target.height()*e.target.scaleY(),n=Math.min(1-r,o/C.width),h=Math.min(1-a,i/C.height),d=e.target.getAbsolutePosition(e.target.getParent().getParent());e.target.scale({x:1,y:1}),e.target.position({x:0,y:0}),t.set({x:d.x,y:d.y,cropX:r,cropY:a,cropWidth:n,cropHeight:h,width:Math.min(o*J,C.width*(1-r)*J),height:Math.min(i*J,C.height*(1-a)*J)})}}),o.default.createElement(h.Transformer,{ref:V,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(t,e)=>e.width<5||e.height<5?t:e,keepRatio:!1,rotateEnabled:!1,anchorFill:"rgb(240, 240, 240)",anchorStrokeWidth:2,borderStrokeWidth:2}))),(u||f)&&o.default.createElement(s.Highlighter,{element:t}))});
+"use strict";var t=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSvgColors=exports.replaceColors=exports.sameColors=exports.fixSize=exports.getSvgSize=exports.svgToURL=exports.getColors=exports.urlToString=exports.urlToBase64=void 0;const e=t(require("konva")),r=t(require("react")),o=require("./gradient");function s(t){for(;t.parentNode;){if("defs"===t.nodeName)return!0;t=t.parentNode}return!1}function n(t){const e={fill:"",stroke:""};return t.getAttribute("fill")&&"none"!==t.getAttribute("fill")&&(e.fill=t.getAttribute("fill")),!e.fill&&t.style.fill&&"none"!==t.style.fill&&(e.fill=t.style.fill),t.getAttribute("stroke")&&(e.stroke=t.getAttribute("stroke")),!e.stroke&&t.style.stroke&&(e.stroke=t.style.stroke),e.stroke||e.fill||(e.fill="black"),e}const i=["path","rect","circle"];function l(t){for(var e=[],r=t.getElementsByTagName("*"),o=0,n=r.length;o<n;o++){const t=r[o];s(t)||(null!==t.getAttribute("fill")&&e.push(t),(null!==t.getAttribute("stroke")||t.style&&t.style.fill||i.indexOf(t.nodeName)>=0)&&e.push(t))}return e}async function a(t){const e=await fetch(t);return f(await e.text())}async function u(t){const e=await fetch(t,{mode:"cors"});return await e.text()}function c(t){const r=l((new DOMParser).parseFromString(t,"image/svg+xml")),o=[];return r.forEach(t=>{const{fill:r,stroke:s}=n(t);[r,s].forEach(t=>{t&&e.default.Util.colorToRGBA(t)&&-1===o.indexOf(t)&&o.push(t)})}),o}function f(t){return"data:image/svg+xml;base64,"+window.btoa(unescape(encodeURIComponent(t)))}async function p(t){const e=await u(t),r=(new DOMParser).parseFromString(e,"image/svg+xml").documentElement.getAttribute("viewBox"),[o,s,n,i]=(null==r?void 0:r.split(" "))||[];return{width:parseFloat(n),height:parseFloat(i)}}function d(t){var e=(new DOMParser).parseFromString(t,"image/svg+xml");const r=e.documentElement.getAttribute("viewBox"),[o,s,n,i]=(null==r?void 0:r.split(" "))||[];return e.documentElement.getAttribute("width")||e.documentElement.setAttribute("width",n+"px"),e.documentElement.getAttribute("height")||e.documentElement.setAttribute("height",i+"px"),(new XMLSerializer).serializeToString(e)}exports.urlToBase64=a,exports.urlToString=u,exports.getColors=c,exports.svgToURL=f,exports.getSvgSize=p,exports.fixSize=d;const g=(t,r)=>{if(!t||!r)return!1;const o=e.default.Util.colorToRGBA(t),s=e.default.Util.colorToRGBA(r);return o&&s?o.r===s.r&&o.g===s.g&&o.b===s.b&&o.a===s.a:void 0};function m(t,r,o,s){var n=t.namespaceURI,i=document.createElementNS(n,"linearGradient");const l=e.default.Util.degToRad(o+90),a=(Math.cos(l)+1)/2,u=(Math.sin(l)+1)/2,c=(Math.cos(l+Math.PI)+1)/2,f=(Math.sin(l+Math.PI)+1)/2;i.setAttribute("x1",100*a+"%"),i.setAttribute("y1",100*u+"%"),i.setAttribute("x2",100*c+"%"),i.setAttribute("y2",100*f+"%"),i.setAttribute("gradientUnits","userSpaceOnUse"),i.setAttribute("id",r);for(var p=0;p<s.length;p++){var d=s[p],g=document.createElementNS(n,"stop");for(var m in d)d.hasOwnProperty(m)&&g.setAttribute(m,d[m]);i.appendChild(g)}return(t.querySelector("defs")||t.insertBefore(document.createElementNS(n,"defs"),t.firstChild)).appendChild(i)}function x(t,e){var r=(new DOMParser).parseFromString(t,"image/svg+xml");const s=l(r),i=Array.from(e.keys());return s.forEach(t=>{const{fill:s,stroke:l}=n(t);[{prop:"fill",color:s},{prop:"stroke",color:l}].forEach(({prop:s,color:n})=>{const l=i.find(t=>(0,exports.sameColors)(t,n));if(l){const n=e.get(l);if((0,o.isGradient)(n)){const[e,i,l]=(0,o.parseColor)(n),a=[{offset:"0%","stop-color":i},{offset:"100%","stop-color":l}],u="color"+Math.round(1e8*Math.random());m(r.children[0],u,e,a),t.style[s]=null,t.setAttribute(s,`url('#${u}')`)}else t.style[s]=e.get(l)}})}),f((new XMLSerializer).serializeToString(r))}exports.sameColors=g,exports.replaceColors=x;const h=t=>{const[e,o]=r.default.useState([]);return r.default.useEffect(()=>{let e=!1;return(async()=>{o([]);const r=c(await u(t));e||o(r)})(),()=>{e=!0}},[t]),e};exports.useSvgColors=h;
+},{"konva":"aTGn","react":"HdMw","./gradient":"V8he"}],"VbEp":[function(require,module,exports) {
+"use strict";var t=this&&this.__createBinding||(Object.create?function(t,e,r,a){void 0===a&&(a=r);var o=Object.getOwnPropertyDescriptor(e,r);o&&!("get"in o?!e.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,a,o)}:function(t,e,r,a){void 0===a&&(a=r),t[a]=e[r]}),e=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var a={};if(null!=r)for(var o in r)"default"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&t(a,r,o);return e(a,r),a},a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImageElement=exports.useImageLoader=exports.setImageLoaderHook=void 0;const o=a(require("react")),i=require("mobx-react-lite"),n=require("mobx"),h=require("react-konva"),d=a(require("use-image")),l=a(require("konva")),c=require("react-konva-utils"),u=require("./highlighter"),s=require("../utils/loader"),g=r(require("../utils/svg")),f=require("../utils/flags"),m=require("../utils/svg"),p=require("./apply-filters"),w=require("./use-fadein");async function x(t){if(!(t.indexOf("data:image/svg+xml")>=0||t.indexOf(".svg")>=0))return t;const e=await g.urlToString(t),r=g.fixSize(e);return g.svgToURL(r)}const y=t=>{const[e,r]=o.default.useState(t);return o.default.useEffect(()=>{(async()=>{const a=await x(t);a!==e&&r(a)})()},[t]),e},M=(t,e,r)=>o.default.useMemo(()=>{var a,o;const{flipX:i,flipY:n}=t,h="svg"===t.type||t.src.indexOf("data:image/svg+xml")>=0||t.src.indexOf(".svg")>=0;if(!i&&!n&&!h)return e;if(!e||!e.width||!e.height)return null;const d=document.createElement("canvas");let l=1;"svg"===t.type&&(l=Math.max(t.width/e.width*r,t.height/e.height*r)),d.width=Math.max(e.width*l,1),d.height=Math.max(e.height*l,1);let c=i?-d.width:0,u=n?-d.height:0;return null===(a=d.getContext("2d"))||void 0===a||a.scale(i?-1:1,n?-1:1),null===(o=d.getContext("2d"))||void 0===o||o.drawImage(e,c,u,d.width,d.height),d},[t.flipX,t.flipY,e,t.width,t.height,r]);function b(t,e){const r=e.width/e.height;let a,o;return r>=t.width/t.height?(a=t.width,o=t.width/r):(a=t.height*r,o=t.height),{x:(t.width-a)/2,y:(t.height-o)/2,width:a,height:o}}function E(t,e,r,a,o,i,n){for(var h=new ImageData(e,r),d=new Int32Array(t.data.buffer),l=t.width,c=new Int32Array(h.data.buffer),u=h.width,s=e/i,g=r/n,f=Math.round(1/s),m=Math.round(1/g),p=f*m,w=0;w<h.height;w++)for(var x=0;x<u;x++){for(var y=a+Math.round(x/s)+(o+Math.round(w/g))*l,M=0,b=0,E=0,v=0,I=0;I<m;I++)for(var R=0;R<f;R++){var S=d[y+R+I*l];M+=S<<24>>>24,b+=S<<16>>>24,E+=S<<8>>>24,v+=S>>>24}M=Math.round(M/p),b=Math.round(b/p),E=Math.round(E/p),v=Math.round(v/p),c[x+w*u]=v<<24|E<<16|b<<8|M}return h}function v(t,e){var r,a;const o=document.createElement("canvas");o.width=t.width,o.height=t.height,null===(r=o.getContext("2d"))||void 0===r||r.drawImage(t,0,0,o.width,o.height);const i=E(o.getContext("2d").getImageData(0,0,o.width,o.height),Math.floor(o.width*e),Math.floor(o.height*e),0,0,o.width,o.height);return o.width=Math.floor(o.width*e),o.height=Math.floor(o.height*e),null===(a=o.getContext("2d"))||void 0===a||a.putImageData(i,0,0),o}const I=(t,e)=>{const[r,a]=Y(t.maskSrc,"anonymous"),i=t.maskSrc?a:"loaded";return(0,exports.useImageLoader)(i,t.id),o.default.useMemo(()=>{if(!r)return e;if(!e||!e.width||!e.height)return e;const a=document.createElement("canvas");a.width=Math.max(e.width,1),a.height=Math.max(e.height,1);const o=a.getContext("2d");if(!o)return e;o.drawImage(e,0,0),o.globalCompositeOperation="source-in";const i=b(r,t);return o.drawImage(r,i.x,i.y,i.width,i.height,0,0,e.width,e.height),a},[e,r,t.width,t.height])},R=(t,e,r,a,i=0,n=!1)=>{const h=o.default.useMemo(()=>{if(e&&e.width&&e.height)return document.createElement("canvas")},[e]);return o.default.useLayoutEffect(()=>{if(!h||!e)return;const o=Math.floor(Math.max(t.width*a,1)),d=Math.floor(Math.max(t.height*a,1));h.width=o,h.height=d;const l=h.getContext("2d");if(!l)return;const c=Math.min(i*a,o/2,d/2);c&&(l.beginPath(),l.moveTo(c,0),l.lineTo(o-c,0),l.arc(o-c,c,c,3*Math.PI/2,0,!1),l.lineTo(o,d-c),l.arc(o-c,d-c,c,0,Math.PI/2,!1),l.lineTo(c,d),l.arc(c,d-c,c,Math.PI/2,Math.PI,!1),l.lineTo(0,c),l.arc(c,c,c,Math.PI,3*Math.PI/2,!1),l.clip());const u=Math.max(t.width/r.width,t.height/r.height)*a,s=f.flags.imageDownScalingEnabled&&u<1&&!n,g=s?v(e,u):e,m=s?{x:Math.floor(r.x*u),y:Math.floor(r.y*u),width:Math.floor(r.width*u),height:Math.floor(r.height*u)}:r;l.drawImage(g,m.x,m.y,m.width,m.height,0,0,h.width,h.height)},[h,t.width,t.height,r.x,r.y,r.width,r.height,i,a,n]),h},S=(t,e,r,a)=>{const i=y(t.clipSrc||""),[n]=Y(i,"anonymous"),h=o.default.useMemo(()=>{if(e&&n)return document.createElement("canvas")},[e,n]);return o.default.useLayoutEffect(()=>{var a;if(!n)return;if(!e||!e.width||!e.height)return;if(!n||!n.width||!n.height)return;if(!h)return;const o=document.createElement("canvas"),i=Math.max(t.width/n.width*r,t.height/n.height*r);o.width=n.width*i,o.height=n.height*i,null===(a=o.getContext("2d"))||void 0===a||a.drawImage(n,0,0,o.width,o.height),h.width=Math.max(e.width,1),h.height=Math.max(e.height,1);const d=h.getContext("2d");d&&(d.save(),d.drawImage(o,0,0,e.width,e.height),d.globalCompositeOperation="source-in",d.drawImage(e,0,0,h.width,h.height),d.restore())},[h,e,n,t.width,t.height,r,...a]),t.clipSrc&&n?h:e},_=document.createElement("canvas"),O=(0,i.observer)(({element:t})=>{const e=Math.min(30,t.width/4,t.height/4),r=o.default.useRef(null);return o.default.useEffect(()=>{const t=r.current;if(!t)return;const e=new l.default.Animation(e=>{t.rotate(((null==e?void 0:e.timeDiff)||0)/2)},t.getLayer());return e.start(),()=>{e.stop()}}),o.default.createElement(h.Group,{x:t.x,y:t.y,rotation:t.rotation,listening:!1,opacity:t.opacity,hideInExport:!t.showInExport},o.default.createElement(h.Rect,{width:t.width,height:t.height,fill:"rgba(124, 173, 212, 0.8)"}),o.default.createElement(h.Arc,{ref:r,x:t.width/2,y:t.height/2,fill:"white",outerRadius:Math.abs(e),innerRadius:Math.max(1,e-5),angle:270}))}),X=(0,i.observer)(({element:t})=>{const e="Can not load the image...",r=Math.max(10,Math.min(30,t.width/e.length));return o.default.createElement(h.Group,{x:t.x,y:t.y,rotation:t.rotation,listening:!1,opacity:t.opacity,hideInExport:!t.showInExport},o.default.createElement(h.Rect,{width:t.width,height:t.height,fill:"rgba(223, 102, 102, 0.8)"}),o.default.createElement(h.Text,{text:e,fontSize:r,width:t.width,height:t.height,align:"center",fill:"white",verticalAlign:"middle",padding:5}))});let Y=d.default;const C=t=>{Y=t};exports.setImageLoaderHook=C;const T=(t,e)=>{const r=o.default.useRef(),a=()=>{var t;null===(t=r.current)||void 0===t||t.call(r),r.current=void 0};o.default.useEffect(()=>a,[]),o.default.useLayoutEffect(()=>{"loading"!==t||r.current||(r.current=(0,s.incrementLoader)(`image ${e}`)),"loading"!==t&&a(),"failed"===t&&(0,s.triggerLoadError)(`image ${e}`)},[t])};exports.useImageLoader=T;const k=({image:t,status:e,type:r})=>{const a=o.default.useRef();return o.default.useEffect(()=>{a.current=t||a.current},[t]),"failed"!==e||"failed"!==e&&"svg"===r?a.current:void 0},L=t=>{const[e,r]=o.default.useReducer(t=>t+1,0),a=o.default.useRef("loading"),i=o.default.useRef(t.src),n=o.default.useRef(t.src);return n.current!==t.src&&(n.current=t.src,a.current="loading"),o.default.useEffect(()=>{if("image"===t.type)return;if(!t.src)return;let e=!1;return(async()=>{a.current="loading",r();const o=await g.urlToString(t.src),n=g.fixSize(o),h=(0,m.replaceColors)(n,t.colorsReplace);e||(i.current=h,a.current="loaded",r())})(),()=>{e=!0}},[t.src,JSON.stringify(t.colorsReplace)]),"image"===t.type?[t.src,"loaded"]:[i.current,a.current]};exports.ImageElement=(0,i.observer)(({element:t,store:e})=>{var r;const[a,i]=o.default.useState(!1),d=o.default.useRef(null),l=o.default.useRef(null),[s,g]=o.default.useState(!1),f=e.selectedElements.indexOf(t)>=0,[m,x]=L(t),[y,b]=Y(m,"anonymous"),E="svg"!==t.type||"loaded"===x?b:"loading";(0,exports.useImageLoader)(E,t.id);const v=k({image:y,status:b,type:t.type}),C=I(t,M(t,y||v,e._elementsPixelRatio))||_;let{cropX:T,cropY:P,cropWidth:W,cropHeight:H}=t;"loaded"!==b&&(T=P=0,W=H=1);const q=C.width*W,D=C.height*H,A=t.width/t.height;let z,F;const B=q/D,j="svg"===t.type;j?(z=q,F=D):A>=B?(z=q,F=q/A):(z=D*A,F=D);const G={x:C.width*T,y:C.height*P,width:z,height:F},N=null!==(r=t.cornerRadius)&&void 0!==r?r:0;let $=S(t,R(t,C,G,e._elementsPixelRatio,N,a||t._cropModeEnabled||"svg"===t.type),e._elementsPixelRatio,[G,N,e._elementsPixelRatio]);const J=Math.max(t.width/z,t.height/F);o.default.useEffect(()=>{var e;if(!t._cropModeEnabled)return;const r=null===(e=d.current)||void 0===e?void 0:e.getStage();function a(e){t._cropModeEnabled&&e.target!==l.current&&t.toggleCropMode(!1)}function o(e){t._cropModeEnabled&&"CANVAS"!==e.target.nodeName&&t.toggleCropMode(!1)}return document.body.addEventListener("click",o),null==r||r.on("click",a),null==r||r.on("tap",a),()=>{document.body.removeEventListener("click",o),document.body.removeEventListener("touchstart",o),null==r||r.off("click",a),null==r||r.off("click",a)}},[t._cropModeEnabled]),o.default.useLayoutEffect(()=>{if(!a&&!t._cropModeEnabled)return(0,p.applyFilter)(d.current,t),(0,n.autorun)(()=>{(0,p.applyFilter)(d.current,t)},{delay:100})},[C,a,W,H,t._cropModeEnabled]),o.default.useLayoutEffect(()=>{var e;a||t._cropModeEnabled?null===(e=d.current)||void 0===e||e.clearCache():(0,p.applyFilter)(d.current,t)},[a,t.width,t.height,t._cropModeEnabled]),o.default.useEffect(()=>{(0,p.applyFilter)(d.current,t)},[t.shadowEnabled,t.shadowBlur,t.cornerRadius,t.shadowColor,t.shadowOffsetX,t.shadowOffsetY,t.shadowOpacity]);const U=o.default.useRef(null),V=o.default.useRef(null),K=o.default.useRef(null);o.default.useLayoutEffect(()=>{t._cropModeEnabled&&(V.current.nodes([U.current]),K.current.nodes([l.current]))},[t._cropModeEnabled]);const Q=e=>{Math.round(e.target.x())>0&&(e.target.x(0),e.target.scaleX(1)),Math.round(e.target.y())>0&&(e.target.y(0),e.target.scaleY(1));const r=e.target.width()*e.target.scaleX(),a=e.target.height()*e.target.scaleY(),o=Math.min(1,z/r),i=Math.min(1,F/a),n=1-o,h=Math.min(n,Math.max(0,Math.round(-e.target.x())/r)),d=1-i,l=Math.min(d,Math.max(0,Math.round(-e.target.y())/a));e.target.setAttrs({x:-h*C.width,y:-l*C.height,scaleX:1,scaleY:1}),t.set({cropX:h,cropY:l,cropWidth:o,cropHeight:i})},Z=()=>{"svg"!==t.type&&t.contentEditable&&setTimeout(()=>{t.toggleCropMode(!0)})},tt="svg"===t.type&&v,et="loading"===b&&!tt,rt="failed"===b,at=!et&&!rt,ot=o.default.useRef({cropX:0,cropY:0,cropWidth:0,cropHeight:0}),it=at?t.opacity:0;(0,w.useFadeIn)(d,it);const nt=t.selectable||"admin"===e.role;return o.default.createElement(o.default.Fragment,null,et&&o.default.createElement(O,{element:t}),rt&&o.default.createElement(X,{element:t}),o.default.createElement(h.Image,{ref:d,name:"element",id:t.id,image:$,x:t.x,y:t.y,width:t.width||1,height:t.height||1,rotation:t.rotation,opacity:it,shadowEnabled:t.shadowEnabled,shadowBlur:t.shadowBlur,shadowOffsetX:t.shadowOffsetX,shadowOffsetY:t.shadowOffsetY,shadowColor:t.shadowColor,shadowOpacity:t.shadowOpacity,customCrop:G,listening:nt,draggable:t.draggable,hideInExport:!t.showInExport,onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},onDragStart:()=>{e.history.startTransaction()},onDragMove:e=>{t.set({x:e.target.x(),y:e.target.y()})},onDragEnd:r=>{t.set({x:r.target.x(),y:r.target.y()}),e.history.endTransaction()},onDblClick:Z,onDblTap:Z,onTransformStart:()=>{i(!0),e.history.startTransaction(),ot.current={cropX:t.cropX,cropY:t.cropY,cropWidth:t.cropWidth,cropHeight:t.cropHeight}},onTransform:e=>{var r;const a=e.currentTarget,o=Math.abs(a.scaleX()-1)<1e-7?1:a.scaleX(),i=Math.abs(a.scaleY()-1)<1e-7?1:a.scaleY();a.scaleX(1),a.scaleY(1);const n=null===(r=e.target.getStage())||void 0===r?void 0:r.findOne("Transformer"),h=1-z/C.width,d=Math.min(h,Math.max(0,t.cropX)),l=1-F/C.height,c=Math.min(l,Math.max(0,t.cropY)),u=n.getActiveAnchor(),s=!(u.indexOf("middle")>=0||u.indexOf("center")>=0),g=!s&&o<1&&ot.current.cropHeight>F/C.height;let f=s?t.cropWidth:t.cropWidth*o;g&&(f=t.cropWidth);const m=!s&&i<1&&ot.current.cropWidth>z/C.width;let p=s?t.cropHeight:t.cropHeight*i;m&&(p=t.cropHeight),j&&(f=t.cropWidth,p=t.cropHeight),t.set({cropX:d,cropY:c,x:a.x(),y:a.y(),width:a.width()*o,height:a.height()*i,rotation:e.target.rotation(),cropWidth:Math.min(f,1-d),cropHeight:Math.min(p,1-c)})},onTransformEnd:r=>{const a=r.currentTarget;t.set({width:a.width(),height:a.height(),x:a.x(),y:a.y(),rotation:r.target.rotation(),cropWidth:z/C.width,cropHeight:F/C.height}),i(!1),e.history.endTransaction()}}),o.default.createElement(h.Rect,{x:t.x,y:t.y,width:t.width-t.borderSize,height:t.height-t.borderSize,offsetX:-t.borderSize/2,offsetY:-t.borderSize/2,stroke:t.borderColor,strokeWidth:t.borderSize,listening:!1,visible:!!t.borderSize,rotation:t.rotation,cornerRadius:Math.max(0,N-t.borderSize),hideInExport:!t.showInExport}),t._cropModeEnabled&&o.default.createElement(c.Portal,{selector:".page-abs-container",enabled:!0},o.default.createElement(h.Rect,{x:-1500,y:-1500,width:4500,height:4500,fill:"rgba(0,0,0,0.3)"}),o.default.createElement(h.Image,{listening:!1,image:$,x:t.x,y:t.y,width:t.width,height:t.height,rotation:t.rotation,shadowEnabled:t.shadowEnabled,shadowBlur:t.shadowBlur}),o.default.createElement(h.Group,{x:t.x,y:t.y,rotation:t.rotation,scaleX:J,scaleY:J},o.default.createElement(h.Image,{image:C,ref:l,opacity:.4,draggable:!0,x:-t.cropX*C.width,y:-t.cropY*C.height,onDragMove:Q,onTransform:Q}),o.default.createElement(h.Transformer,{ref:K,anchorSize:20,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(t,e)=>e.width<5||e.height<5?t:e,rotateEnabled:!1,borderEnabled:!1,anchorCornerRadius:10,anchorStrokeWidth:2,borderStrokeWidth:2}),o.default.createElement(h.Rect,{width:z,height:F,ref:U,listening:!1,onTransform:e=>{e.target.x()<-t.cropX*C.width-1e-9&&(e.target.x(-t.cropX*C.width),e.target.scaleX(1)),e.target.y()<-t.cropY*C.height-1e-9&&(e.target.y(-t.cropY*C.height),e.target.scaleY(1));const r=Math.min(1,Math.max(0,t.cropX+e.target.x()/C.width)),a=Math.min(1,Math.max(0,e.target.y()/C.height+t.cropY)),o=e.target.width()*e.target.scaleX(),i=e.target.height()*e.target.scaleY(),n=Math.min(1-r,o/C.width),h=Math.min(1-a,i/C.height),d=e.target.getAbsolutePosition(e.target.getParent().getParent());e.target.scale({x:1,y:1}),e.target.position({x:0,y:0}),t.set({x:d.x,y:d.y,cropX:r,cropY:a,cropWidth:n,cropHeight:h,width:Math.min(o*J,C.width*(1-r)*J),height:Math.min(i*J,C.height*(1-a)*J)})}}),o.default.createElement(h.Transformer,{ref:V,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(t,e)=>e.width<5||e.height<5?t:e,keepRatio:!1,rotateEnabled:!1,anchorFill:"rgb(240, 240, 240)",anchorStrokeWidth:2,borderStrokeWidth:2}))),(s||f)&&o.default.createElement(u.Highlighter,{element:t}))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","mobx":"BzvP","react-konva":"Sgug","use-image":"MJM3","konva":"aTGn","react-konva-utils":"jXQU","./highlighter":"cEy1","../utils/loader":"bN4e","../utils/svg":"B1DI","../utils/flags":"IDY9","./apply-filters":"SIWI","./use-fadein":"N3c2"}],"FRly":[function(require,module,exports) {
 "use strict";exports.byteLength=u,exports.toByteArray=i,exports.fromByteArray=d;for(var r=[],t=[],e="undefined"!=typeof Uint8Array?Uint8Array:Array,n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",o=0,a=n.length;o<a;++o)r[o]=n[o],t[n.charCodeAt(o)]=o;function h(r){var t=r.length;if(t%4>0)throw new Error("Invalid string. Length must be a multiple of 4");var e=r.indexOf("=");return-1===e&&(e=t),[e,e===t?0:4-e%4]}function u(r){var t=h(r),e=t[0],n=t[1];return 3*(e+n)/4-n}function c(r,t,e){return 3*(t+e)/4-e}function i(r){var n,o,a=h(r),u=a[0],i=a[1],f=new e(c(r,u,i)),A=0,d=i>0?u-4:u;for(o=0;o<d;o+=4)n=t[r.charCodeAt(o)]<<18|t[r.charCodeAt(o+1)]<<12|t[r.charCodeAt(o+2)]<<6|t[r.charCodeAt(o+3)],f[A++]=n>>16&255,f[A++]=n>>8&255,f[A++]=255&n;return 2===i&&(n=t[r.charCodeAt(o)]<<2|t[r.charCodeAt(o+1)]>>4,f[A++]=255&n),1===i&&(n=t[r.charCodeAt(o)]<<10|t[r.charCodeAt(o+1)]<<4|t[r.charCodeAt(o+2)]>>2,f[A++]=n>>8&255,f[A++]=255&n),f}function f(t){return r[t>>18&63]+r[t>>12&63]+r[t>>6&63]+r[63&t]}function A(r,t,e){for(var n,o=[],a=t;a<e;a+=3)n=(r[a]<<16&16711680)+(r[a+1]<<8&65280)+(255&r[a+2]),o.push(f(n));return o.join("")}function d(t){for(var e,n=t.length,o=n%3,a=[],h=0,u=n-o;h<u;h+=16383)a.push(A(t,h,h+16383>u?u:h+16383));return 1===o?(e=t[n-1],a.push(r[e>>2]+r[e<<4&63]+"==")):2===o&&(e=(t[n-2]<<8)+t[n-1],a.push(r[e>>10]+r[e>>4&63]+r[e<<2&63]+"=")),a.join("")}t["-".charCodeAt(0)]=62,t["_".charCodeAt(0)]=63;
 },{}],"Quj6":[function(require,module,exports) {
@@ -277,7 +277,7 @@ var e;!function(t,n){void 0===t&&void 0!==window&&(t=window),"function"==typeof
 },{}],"PsiH":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("react")),r=require("./goober");(0,r.setup)(t.default.createElement),exports.default=r.styled;
 },{"react":"HdMw","./goober":"MEVn"}],"BLZX":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var n=Object.getOwnPropertyDescriptor(t,i);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,n)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var r={};if(null!=i)for(var n in i)"default"!==n&&Object.prototype.hasOwnProperty.call(i,n)&&e(r,i,n);return t(r,i),r},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HTMLElement=exports.quillRef=void 0;const n=r(require("react")),o=require("mobx-react-lite"),a=require("react-konva"),l=r(require("quill/dist/quill")),s=r(require("konva")),u=i(require("mobx")),d=require("../utils/flags"),f=require("./apply-filters"),c=require("./text-element"),h=require("../utils/html2canvas"),g=require("./use-fadein"),m=require("./highlighter"),p=require("react-konva-utils"),x=r(require("../utils/styled")),y=require("../utils/loader"),w=require("../utils/text"),b=i(require("../utils/fonts"));exports.quillRef=u.observable({enabled:!1,currentFormat:{},editor:u.observable.object({instance:null},{},{deep:!1})});const v=(0,x.default)("div",n.default.forwardRef)`
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,i,r){void 0===r&&(r=i);var n=Object.getOwnPropertyDescriptor(t,i);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(e,r,n)}:function(e,t,i,r){void 0===r&&(r=i),e[r]=t[i]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(i){if(i&&i.__esModule)return i;var r={};if(null!=i)for(var n in i)"default"!==n&&Object.prototype.hasOwnProperty.call(i,n)&&e(r,i,n);return t(r,i),r},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.HTMLElement=exports.quillRef=void 0;const n=r(require("react")),o=require("mobx-react-lite"),a=require("react-konva"),l=r(require("quill/dist/quill")),s=r(require("konva")),u=i(require("mobx")),d=require("../utils/flags"),f=require("./apply-filters"),c=require("./text-element"),h=require("../utils/html2canvas"),g=require("./use-fadein"),m=require("./highlighter"),p=require("react-konva-utils"),x=r(require("../utils/styled")),y=require("../utils/loader"),w=require("../utils/text"),v=i(require("../utils/fonts"));exports.quillRef=u.observable({enabled:!1,currentFormat:{},editor:u.observable.object({instance:null},{},{deep:!1})});const b=(0,x.default)("div",n.default.forwardRef)`
   .ql-editor {
     outline: none;
   }
@@ -295,7 +295,7 @@ var e;!function(t,n){void 0===t&&void 0!==window&&(t=window),"function"==typeof
   .ql-direction-rtl {
     direction: rtl;
   }
-`,E=({html:e,onBlur:t,onChange:i,element:r})=>{const o=n.default.useRef(null);return n.default.useEffect(()=>{if(!o.current)return;const e=new l.default(o.current,{toolbar:!1,keyboard:!1,clipboard:{matchVisual:!1}});return exports.quillRef.editor.instance=e,window.__polotnoQuill=e,e.on("text-change",()=>{e.getSelection()&&(exports.quillRef.currentFormat=e.getFormat()),setTimeout(()=>{var e;i(null===(e=o.current)||void 0===e?void 0:e.childNodes[0].innerHTML)},10)}),e.setSelection(0,0,"api"),e.on("selection-change",i=>{i||t(),i&&(exports.quillRef.currentFormat=e.getFormat())}),o.current.childNodes[0].addEventListener("blur",e=>{var i;(null===(i=e.relatedTarget)||void 0===i?void 0:i.classList.contains("ql-clipboard"))||t()}),()=>{exports.quillRef.editor.instance=null,exports.quillRef.currentFormat={},delete window.__polotnoQuill}},[]),n.default.useEffect(()=>{var t;const i=exports.quillRef.editor.instance,n=i.getSelection();if((null===(t=o.current)||void 0===t?void 0:t.childNodes[0].innerHTML)!==r.text){var a=i.clipboard.convert("<div class='ql-editor' style='outline: none;'>"+e+"<p><br></p></div>");i.setContents(a),i.history.clear(),n&&(i.setSelection(n.index,n.length),exports.quillRef.currentFormat=i.getFormat())}},[r.text]),n.default.createElement(v,{ref:o,style:{fontSize:r.fontSize,color:r.fill,width:r.width,fontFamily:r.fontFamily,lineHeight:r.lineHeight,letterSpacing:r.letterSpacing+"rem",textAlign:r.align},dir:(0,c.getDir)((0,w.removeTags)(r.text))})};function S(e,t,i){return n.default.useMemo(()=>(0,h.detectSize)(e),[e,t.width,i])}function q(e,t){return`<div style="white-space: pre-wrap; width: ${e.width||100}px; color: ${e.fill}; font-size: ${e.fontSize}px; font-family: '${t}'; text-decoration: ${e.textDecoration}; text-align: ${e.align}; line-height: ${e.lineHeight}; letter-spacing: ${e.letterSpacing}rem; font-style: ${e.fontStyle}; font-weight: ${e.fontWeight}; -webkit-text-stroke: ${e.strokeWidth}px ${e.stroke};" contentEditable dir="${(0,c.getDir)((0,w.removeTags)(e.text))}">${e.text}</div>`}const F=e=>{let t=e.fontSize;for(let i=1;i<50;i++){const i=q(Object.assign(Object.assign({},e.toJSON()),{fontSize:t}),e.fontFamily),{height:r}=(0,h.detectSize)(i);if(!(e.height&&r>e.height))break;t-=.5}return t};exports.HTMLElement=(0,o.observer)(({element:e,store:t})=>{const i=n.default.useRef(null),[r,o]=n.default.useState(),[l,x]=n.default.useState(!1),[w,O]=n.default.useState(!0),[_,T]=n.default.useState(!1),[z,M]=n.default.useState(!1),R=n.default.useRef(e.height),$=t.selectedElements.indexOf(e)>=0,L=e.fontSize/4,{textVerticalResizeEnabled:k}=d.flags,[D]=(0,c.useFontLoader)(t,e.fontFamily);(0,g.useFadeIn)(i);const H=D?e.fontFamily:"Arial",j=q(e,H),{width:X,height:Y}=S(j,e,D);n.default.useEffect(()=>{if(!D)return;const{forceTextFitEnabled:i}=d.flags;if(e.height&&i&&!l){const i=F(e);i!==e.fontSize?t.history.ignore(()=>{e.set({fontSize:i})}):e.height!==Y&&t.history.ignore(()=>{e.set({height:Y})})}else k&&e.height<Y&&t.history.ignore(()=>{e.set({height:Y})}),k||e.height===Y||t.history.ignore(()=>{e.set({height:Y})})});const C=n.default.useRef(0);n.default.useLayoutEffect(()=>{if(l||_)return;C.current++;const i=C.current,r=(0,y.incrementLoader)(`text ${e.id}`);O(!0),async function(){await new Promise(e=>setTimeout(e));const n=await(0,h.htmlToCanvas)({html:j,width:e.width||1,height:e.height||Y||1,fontFamily:H,padding:L,font:t.fonts.find(e=>e.fontFamily===H)||b.globalFonts.find(e=>e.fontFamily===H)});i===C.current?(o(n),O(!1),s.default.Util.requestAnimFrame(r)):r()}()},[j,l,Y,_,H]);const A=l||w;n.default.useLayoutEffect(()=>u.autorun(()=>{const t=i.current;(0,f.applyFilter)(t,e)}),[r,A,e.shadowColor,e.shadowOffsetX,e.shadowOffsetY,e.shadowOpacity]);let B=0;return"middle"===e.verticalAlign&&(B=(e.height-Y)/2),"bottom"===e.verticalAlign&&(B=e.height-Y),n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Rect,{ref:i,name:"element",x:e.x,y:e.y,listening:e.selectable,rotation:e.rotation,width:e.width,height:e.height,visible:!A,draggable:e.draggable,opacity:_?0:e.opacity,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,hideInExport:!e.showInExport,onMouseEnter:()=>{M(!0)},onMouseLeave:()=>{M(!1)},onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{setTimeout(()=>{e.set({x:t.target.x(),y:t.target.y()})})},onDragEnd:i=>{e.set({x:i.target.x(),y:i.target.y()}),t.history.endTransaction()},id:e.id,onDblClick:()=>{e.contentEditable&&T(!0)},onDblTap:()=>{e.contentEditable&&T(!0)},onTransformStart:t=>{x(!0),R.current=e.height},onTransform:t=>{var i;const r=t.target,n=(null===(i=r.getStage())||void 0===i?void 0:i.findOne("Transformer")).getActiveAnchor(),o="middle-left"===n||"middle-right"===n,a="top-center"===n||"bottom-center"===n,l=r.scaleX();if(o){const t=r.scaleX(),i=Math.max(r.width()*t,e.fontSize);if(r.width(i),r.scaleX(1),d.flags.textVerticalResizeEnabled){const t=Math.max(Y,R.current);e.set({height:t})}e.set({width:i,x:r.x()})}else if(a){const i=Math.max(Y),n=Math.max(i,t.target.height()*t.target.scaleY());r.scaleY(1),e.set({x:r.x(),y:r.y(),height:n,rotation:r.rotation()})}else r.scaleX(1),r.scaleY(1),e.set({fontSize:e.fontSize*l,width:r.width()*l,x:r.x(),y:r.y(),rotation:r.rotation()})},onTransformEnd:t=>{x(!1),O(!0);const i=t.target.scaleX();t.target.scaleX(1),t.target.scaleY(1),e.set({fontSize:e.fontSize*i,width:t.target.width()*i,x:t.target.x(),y:t.target.y(),rotation:t.target.rotation()})}}),n.default.createElement(a.Image,{ref:i,image:r,x:e.x,y:e.y,offsetX:L,offsetY:L-B,listening:!1,rotation:e.rotation,width:e.width+2*L,height:e.height+2*L,visible:!A,opacity:_?0:e.opacity,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,hideInExport:!e.showInExport}),A&&n.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-B},n.default.createElement(p.Html,{divProps:{style:{pointerEvents:"none"}}},n.default.createElement(v,{dangerouslySetInnerHTML:{__html:j},style:{pointerEvents:"none",display:"inline-block"}}))),_&&n.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-B},n.default.createElement(p.Html,null,n.default.createElement(E,{html:j,element:e,onChange:t=>{e.set({text:t})},onBlur:e=>{T(!1)}}))),($||z)&&n.default.createElement(m.Highlighter,{element:e}))});
+`,E=({html:e,onBlur:t,onChange:i,element:r})=>{const o=n.default.useRef(null);return n.default.useEffect(()=>{if(!o.current)return;const e=new l.default(o.current,{toolbar:!1,keyboard:!1,clipboard:{matchVisual:!1}});return exports.quillRef.editor.instance=e,window.__polotnoQuill=e,e.on("text-change",()=>{e.getSelection()&&(exports.quillRef.currentFormat=e.getFormat()),setTimeout(()=>{var e;i(null===(e=o.current)||void 0===e?void 0:e.childNodes[0].innerHTML)},10)}),e.setSelection(0,0,"api"),e.on("selection-change",i=>{i||t(),i&&(exports.quillRef.currentFormat=e.getFormat())}),o.current.childNodes[0].addEventListener("blur",e=>{var i;(null===(i=e.relatedTarget)||void 0===i?void 0:i.classList.contains("ql-clipboard"))||t()}),()=>{exports.quillRef.editor.instance=null,exports.quillRef.currentFormat={},delete window.__polotnoQuill}},[]),n.default.useEffect(()=>{var t;const i=exports.quillRef.editor.instance,n=i.getSelection();if((null===(t=o.current)||void 0===t?void 0:t.childNodes[0].innerHTML)!==r.text){var a=i.clipboard.convert("<div class='ql-editor' style='outline: none;'>"+e+"<p><br></p></div>");i.setContents(a),i.history.clear(),n&&(i.setSelection(n.index,n.length),exports.quillRef.currentFormat=i.getFormat())}},[r.text]),n.default.createElement(b,{ref:o,style:{fontSize:r.fontSize,color:r.fill,width:r.width,fontFamily:r.fontFamily,lineHeight:r.lineHeight,letterSpacing:r.letterSpacing+"rem",textAlign:r.align},dir:(0,c.getDir)((0,w.removeTags)(r.text))})};function S(e,t,i){return n.default.useMemo(()=>(0,h.detectSize)(e),[e,t.width,i])}function q(e,t){return`<div style="white-space: pre-wrap; width: ${e.width||100}px; color: ${e.fill}; font-size: ${e.fontSize}px; font-family: '${t}'; text-decoration: ${e.textDecoration}; text-align: ${e.align}; line-height: ${e.lineHeight}; letter-spacing: ${e.letterSpacing}rem; font-style: ${e.fontStyle}; font-weight: ${e.fontWeight}; -webkit-text-stroke: ${e.strokeWidth}px ${e.stroke};" contentEditable dir="${(0,c.getDir)((0,w.removeTags)(e.text))}">${e.text}</div>`}const O=e=>{let t=e.fontSize;for(let i=1;i<50;i++){const i=q(Object.assign(Object.assign({},e.toJSON()),{fontSize:t}),e.fontFamily),{height:r}=(0,h.detectSize)(i);if(!(e.height&&r>e.height))break;t-=.5}return t};exports.HTMLElement=(0,o.observer)(({element:e,store:t})=>{const i=n.default.useRef(null),[r,o]=n.default.useState(),[l,x]=n.default.useState(!1),[w,F]=n.default.useState(!0),[_,z]=n.default.useState(!1),[T,M]=n.default.useState(!1),R=n.default.useRef(e.height),$=t.selectedElements.indexOf(e)>=0,L=e.fontSize/4,{textVerticalResizeEnabled:k}=d.flags,[D]=(0,c.useFontLoader)(t,e.fontFamily);(0,g.useFadeIn)(i);const H=D?e.fontFamily:"Arial",j=q(e,H),{width:X,height:Y}=S(j,e,D);n.default.useEffect(()=>{if(!D)return;if(!e.height)return void e.set({height:Y});const{textOverflow:i}=d.flags;if("change-font-size"!==i||l)"resize"===i&&(k&&e.height<Y&&t.history.ignore(()=>{e.set({height:Y})}),k||e.height===Y||t.history.ignore(()=>{e.set({height:Y})}));else{const i=O(e);i!==e.fontSize?t.history.ignore(()=>{e.set({fontSize:i})}):e.height!==Y&&t.history.ignore(()=>{e.set({height:Y})})}});const C=n.default.useRef(0);n.default.useLayoutEffect(()=>{if(l||_)return;C.current++;const i=C.current,r=(0,y.incrementLoader)(`text ${e.id}`);F(!0),async function(){await new Promise(e=>setTimeout(e));const n=await(0,h.htmlToCanvas)({html:j,width:e.width||1,height:e.height||Y||1,fontFamily:H,padding:L,font:t.fonts.find(e=>e.fontFamily===H)||v.globalFonts.find(e=>e.fontFamily===H)});i===C.current?(o(n),F(!1),s.default.Util.requestAnimFrame(r)):r()}()},[j,l,Y,_,H]);const A=l||w;n.default.useLayoutEffect(()=>u.autorun(()=>{const t=i.current;(0,f.applyFilter)(t,e)}),[r,A,e.shadowColor,e.shadowOffsetX,e.shadowOffsetY,e.shadowOpacity]);let I=0;return"middle"===e.verticalAlign&&(I=(e.height-Y)/2),"bottom"===e.verticalAlign&&(I=e.height-Y),n.default.createElement(n.default.Fragment,null,n.default.createElement(a.Rect,{ref:i,name:"element",x:e.x,y:e.y,listening:e.selectable,rotation:e.rotation,width:e.width,height:e.height,visible:!A,draggable:e.draggable,opacity:_?0:e.opacity,hideInExport:!e.showInExport,onMouseEnter:()=>{M(!0)},onMouseLeave:()=>{M(!1)},onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{setTimeout(()=>{e.set({x:t.target.x(),y:t.target.y()})})},onDragEnd:i=>{e.set({x:i.target.x(),y:i.target.y()}),t.history.endTransaction()},id:e.id,onDblClick:()=>{e.contentEditable&&z(!0)},onDblTap:()=>{e.contentEditable&&z(!0)},onTransformStart:t=>{x(!0),R.current=e.height},onTransform:t=>{var i;const r=t.target,n=(null===(i=r.getStage())||void 0===i?void 0:i.findOne("Transformer")).getActiveAnchor(),o="middle-left"===n||"middle-right"===n,a="top-center"===n||"bottom-center"===n,l=r.scaleX();if(o){const t=r.scaleX(),i=Math.max(r.width()*t,e.fontSize);if(r.width(i),r.scaleX(1),d.flags.textVerticalResizeEnabled){const t=Math.max(Y,R.current);e.set({height:t})}e.set({width:i,x:r.x()})}else if(a){const i=Math.max(Y),n=Math.max(i,t.target.height()*t.target.scaleY());r.scaleY(1),e.set({x:r.x(),y:r.y(),height:n,rotation:r.rotation()})}else r.scaleX(1),r.scaleY(1),e.set({fontSize:e.fontSize*l,width:r.width()*l,x:r.x(),y:r.y(),rotation:r.rotation()})},onTransformEnd:t=>{x(!1),F(!0);const i=t.target.scaleX();t.target.scaleX(1),t.target.scaleY(1),e.set({fontSize:e.fontSize*i,width:t.target.width()*i,x:t.target.x(),y:t.target.y(),rotation:t.target.rotation()})}}),n.default.createElement(a.Image,{ref:i,image:r,x:e.x,y:e.y,offsetX:L,offsetY:L-I,listening:!1,rotation:e.rotation,width:e.width+2*L,height:e.height+2*L,visible:!A,opacity:_?0:e.opacity,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,hideInExport:!e.showInExport}),A&&n.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-I},n.default.createElement(p.Html,{divProps:{style:{pointerEvents:"none"}}},n.default.createElement(b,{dangerouslySetInnerHTML:{__html:j},style:{pointerEvents:"none",display:"inline-block"}}))),_&&n.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-I},n.default.createElement(p.Html,null,n.default.createElement(E,{html:j,element:e,onChange:t=>{e.set({text:t})},onBlur:e=>{z(!1)}}))),($||T)&&n.default.createElement(m.Highlighter,{element:e}))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","react-konva":"Sgug","quill/dist/quill":"qREC","konva":"aTGn","mobx":"BzvP","../utils/flags":"IDY9","./apply-filters":"SIWI","./text-element":"Fpgh","../utils/html2canvas":"vcNA","./use-fadein":"N3c2","./highlighter":"cEy1","react-konva-utils":"jXQU","../utils/styled":"PsiH","../utils/loader":"bN4e","../utils/text":"rHBV","../utils/fonts":"XXLd"}],"XEPK":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerShapeComponent=void 0;const t=e(require("react")),r=require("mobx-react-lite"),n=require("./text-element"),l=require("./image-element"),o=require("./html-element"),i=require("../utils/flags"),m={text:n.TextElement,image:l.ImageElement,svg:l.ImageElement};function s(e,t){m[e]=t}exports.registerShapeComponent=s,exports.default=(0,r.observer)(e=>{let r=m[e.element.type];return"text"===e.element.type&&i.flags.htmlRenderEnabled&&(r=o.HTMLElement),e.element.visible?r?t.default.createElement(r,Object.assign({},e)):(console.error("Can not find component for "+e.element.type),null):null});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","./text-element":"Fpgh","./image-element":"VbEp","./html-element":"BLZX","../utils/flags":"IDY9"}],"RXmf":[function(require,module,exports) {
@@ -333,7 +333,7 @@ var t=require("process");Object.defineProperty(exports,"__esModule",{value:!0}),
 },{}],"f0C4":[function(require,module,exports) {
 "use strict";function e(e){return"function"==typeof e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isFunction=e;
 },{}],"AgjZ":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOASTER_MAX_TOASTS_INVALID=exports.DRAWER_ANGLE_POSITIONS_ARE_CASTED=exports.DIALOG_WARN_NO_HEADER_CLOSE_BUTTON=exports.DIALOG_WARN_NO_HEADER_ICON=exports.TOASTER_WARN_INLINE=exports.TOASTER_CREATE_NULL=exports.SPINNER_WARN_CLASSES_SIZE=exports.MULTISLIDER_WARN_LABEL_STEP_SIZE_LABEL_VALUES_MUTEX=exports.MULTISLIDER_INVALID_CHILD=exports.RANGESLIDER_NULL_VALUE=exports.SLIDER_ZERO_LABEL_STEP=exports.SLIDER_ZERO_STEP=exports.RADIOGROUP_WARN_CHILDREN_OPTIONS_MUTEX=exports.PORTAL_CONTEXT_CLASS_NAME_STRING=exports.POPOVER_WARN_UNCONTROLLED_ONINTERACTION=exports.POPOVER_WARN_PLACEMENT_AND_POSITION_MUTEX=exports.POPOVER_WARN_HAS_BACKDROP_INLINE=exports.POPOVER_WARN_EMPTY_CONTENT=exports.POPOVER_WARN_DOUBLE_TARGET=exports.POPOVER_WARN_DOUBLE_CONTENT=exports.POPOVER_WARN_TOO_MANY_CHILDREN=exports.POPOVER_HAS_BACKDROP_INTERACTION=exports.POPOVER_REQUIRES_TARGET=exports.OVERFLOW_LIST_OBSERVE_PARENTS_CHANGED=exports.PANEL_STACK_REQUIRES_PANEL=exports.PANEL_STACK_INITIAL_PANEL_STACK_MUTEX=exports.NUMERIC_INPUT_CONTROLLED_VALUE_INVALID=exports.NUMERIC_INPUT_STEP_SIZE_NON_POSITIVE=exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_NON_POSITIVE=exports.NUMERIC_INPUT_MINOR_STEP_SIZE_NON_POSITIVE=exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_BOUND=exports.NUMERIC_INPUT_MINOR_STEP_SIZE_BOUND=exports.NUMERIC_INPUT_MIN_MAX=exports.INPUT_WARN_LEFT_ELEMENT_LEFT_ICON_MUTEX=exports.HOTKEYS_TARGET2_CHILDREN_LOCAL_HOTKEYS=exports.HOTKEYS_PROVIDER_NOT_FOUND=exports.HOTKEYS_WARN_DECORATOR_NEEDS_REACT_ELEMENT=exports.HOTKEYS_WARN_DECORATOR_NO_METHOD=exports.HOTKEYS_HOTKEY_CHILDREN=exports.CONTEXTMENU_WARN_DECORATOR_NEEDS_REACT_ELEMENT=exports.CONTEXTMENU_WARN_DECORATOR_NO_METHOD=exports.COLLAPSIBLE_LIST_INVALID_CHILD=exports.ALERT_WARN_CANCEL_OUTSIDE_CLICK=exports.ALERT_WARN_CANCEL_ESCAPE_KEY=exports.ALERT_WARN_CANCEL_PROPS=exports.CLAMP_MIN_MAX=void 0;var e="[Blueprint]",r=e+" clamp: max cannot be less than min";exports.CLAMP_MIN_MAX=r;var t=e+" <Alert> cancelButtonText and onCancel should be set together.";exports.ALERT_WARN_CANCEL_PROPS=t;var _=e+" <Alert> canEscapeKeyCancel enabled without onCancel or onClose handler.";exports.ALERT_WARN_CANCEL_ESCAPE_KEY=_;var o=e+" <Alert> canOutsideClickCancel enabled without onCancel or onClose handler.";exports.ALERT_WARN_CANCEL_OUTSIDE_CLICK=o;var E=e+" <CollapsibleList> children must be <MenuItem>s";exports.COLLAPSIBLE_LIST_INVALID_CHILD=E;var s=e+" @ContextMenuTarget-decorated class should implement renderContextMenu.";exports.CONTEXTMENU_WARN_DECORATOR_NO_METHOD=s;var N=e+' "@ContextMenuTarget-decorated components must return a single JSX.Element or an empty render.';exports.CONTEXTMENU_WARN_DECORATOR_NEEDS_REACT_ELEMENT=N;var T=e+" <Hotkeys> only accepts <Hotkey> children.";exports.HOTKEYS_HOTKEY_CHILDREN=T;var a=e+" @HotkeysTarget-decorated class should implement renderHotkeys.";exports.HOTKEYS_WARN_DECORATOR_NO_METHOD=a;var O=e+' "@HotkeysTarget-decorated components must return a single JSX.Element or an empty render.';exports.HOTKEYS_WARN_DECORATOR_NEEDS_REACT_ELEMENT=O;var R=e+" useHotkeys() was used outside of a <HotkeysProvider> context. These hotkeys will not be shown in the hotkeys help dialog.";exports.HOTKEYS_PROVIDER_NOT_FOUND=R;var n=e+" <HotkeysTarget2> was configured with local hotkeys, but you did not use the generated event handlers to bind their event handlers. Try using a render function as the child of this component.";exports.HOTKEYS_TARGET2_CHILDREN_LOCAL_HOTKEYS=n;var p=e+" <InputGroup> leftElement and leftIcon prop are mutually exclusive, with leftElement taking priority.";exports.INPUT_WARN_LEFT_ELEMENT_LEFT_ICON_MUTEX=p;var A=e+" <NumericInput> requires min to be no greater than max if both are defined.";exports.NUMERIC_INPUT_MIN_MAX=A;var i=e+" <NumericInput> requires minorStepSize to be no greater than stepSize.";exports.NUMERIC_INPUT_MINOR_STEP_SIZE_BOUND=i;var I=e+" <NumericInput> requires stepSize to be no greater than majorStepSize.";exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_BOUND=I;var S=e+" <NumericInput> requires minorStepSize to be strictly greater than zero.";exports.NUMERIC_INPUT_MINOR_STEP_SIZE_NON_POSITIVE=S;var L=e+" <NumericInput> requires majorStepSize to be strictly greater than zero.";exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_NON_POSITIVE=L;var l=e+" <NumericInput> requires stepSize to be strictly greater than zero.";exports.NUMERIC_INPUT_STEP_SIZE_NON_POSITIVE=l;var P=e+" <NumericInput> controlled value prop does not adhere to stepSize, min, and/or max constraints.";exports.NUMERIC_INPUT_CONTROLLED_VALUE_INVALID=P;var C=e+" <PanelStack> requires exactly one of initialPanel and stack prop";exports.PANEL_STACK_INITIAL_PANEL_STACK_MUTEX=C;var x=e+" <PanelStack> requires at least one panel in the stack";exports.PANEL_STACK_REQUIRES_PANEL=x;var u=e+" <OverflowList> does not support changing observeParents after mounting.";exports.OVERFLOW_LIST_OBSERVE_PARENTS_CHANGED=u;var d=e+" <Popover> requires target prop or at least one child element.";exports.POPOVER_REQUIRES_TARGET=d;var c=e+" <Popover hasBackdrop={true}> requires interactionKind={PopoverInteractionKind.CLICK}.";exports.POPOVER_HAS_BACKDROP_INTERACTION=c;var D=e+" <Popover> supports one or two children; additional children are ignored. First child is the target, second child is the content. You may instead supply these two as props.";exports.POPOVER_WARN_TOO_MANY_CHILDREN=D;var U=e+" <Popover> with two children ignores content prop; use either prop or children.";exports.POPOVER_WARN_DOUBLE_CONTENT=U;var M=e+" <Popover> with children ignores target prop; use either prop or children.";exports.POPOVER_WARN_DOUBLE_TARGET=M;var h=e+" Disabling <Popover> with empty/whitespace content...";exports.POPOVER_WARN_EMPTY_CONTENT=h;var v=e+" <Popover usePortal={false}> ignores hasBackdrop";exports.POPOVER_WARN_HAS_BACKDROP_INLINE=v;var m=e+" <Popover> supports either placement or position prop, not both.";exports.POPOVER_WARN_PLACEMENT_AND_POSITION_MUTEX=m;var H=e+" <Popover> onInteraction is ignored when uncontrolled.";exports.POPOVER_WARN_UNCONTROLLED_ONINTERACTION=H;var g=e+" <Portal> context blueprintPortalClassName must be string";exports.PORTAL_CONTEXT_CLASS_NAME_STRING=g;var W=e+" <RadioGroup> children and options prop are mutually exclusive, with options taking priority.";exports.RADIOGROUP_WARN_CHILDREN_OPTIONS_MUTEX=W;var V=e+" <Slider> stepSize must be greater than zero.";exports.SLIDER_ZERO_STEP=V;var y=e+" <Slider> labelStepSize must be greater than zero.";exports.SLIDER_ZERO_LABEL_STEP=y;var b=e+" <RangeSlider> value prop must be an array of two non-null numbers.";exports.RANGESLIDER_NULL_VALUE=b;var K=e+" <MultiSlider> children must be <SliderHandle>s or <SliderTrackStop>s";exports.MULTISLIDER_INVALID_CHILD=K;var B=e+" <MultiSlider> labelStepSize and labelValues prop are mutually exclusive, with labelStepSize taking priority.";exports.MULTISLIDER_WARN_LABEL_STEP_SIZE_LABEL_VALUES_MUTEX=B;var w=e+" <Spinner> Classes.SMALL/LARGE are ignored if size prop is set.";exports.SPINNER_WARN_CLASSES_SIZE=w;var G=e+" Toaster.create() is not supported inside React lifecycle methods in React 16. See usage example on the docs site.";exports.TOASTER_CREATE_NULL=G;var X=e+" Toaster.create() ignores inline prop as it always creates a new element.";exports.TOASTER_WARN_INLINE=X;var k=e+" <Dialog> iconName is ignored if title is omitted.";exports.DIALOG_WARN_NO_HEADER_ICON=k;var Y=e+" <Dialog> isCloseButtonShown prop is ignored if title is omitted.";exports.DIALOG_WARN_NO_HEADER_CLOSE_BUTTON=Y;var f=e+" <Drawer> all angle positions are casted into pure position (TOP, BOTTOM, LEFT or RIGHT)";exports.DRAWER_ANGLE_POSITIONS_ARE_CASTED=f;var z=e+" <Toaster> maxToasts is set to an invalid number, must be greater than 0";exports.TOASTER_MAX_TOASTS_INVALID=z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOASTER_MAX_TOASTS_INVALID=exports.DRAWER_ANGLE_POSITIONS_ARE_CASTED=exports.DIALOG_WARN_NO_HEADER_CLOSE_BUTTON=exports.DIALOG_WARN_NO_HEADER_ICON=exports.TOASTER_WARN_INLINE=exports.TOASTER_CREATE_NULL=exports.SPINNER_WARN_CLASSES_SIZE=exports.MULTISLIDER_WARN_LABEL_STEP_SIZE_LABEL_VALUES_MUTEX=exports.MULTISLIDER_INVALID_CHILD=exports.RANGESLIDER_NULL_VALUE=exports.SLIDER_ZERO_LABEL_STEP=exports.SLIDER_ZERO_STEP=exports.RADIOGROUP_WARN_CHILDREN_OPTIONS_MUTEX=exports.PORTAL_LEGACY_CONTEXT_API=exports.PORTAL_CONTEXT_CLASS_NAME_STRING=exports.POPOVER_WARN_UNCONTROLLED_ONINTERACTION=exports.POPOVER_WARN_PLACEMENT_AND_POSITION_MUTEX=exports.POPOVER_WARN_HAS_BACKDROP_INLINE=exports.POPOVER_WARN_EMPTY_CONTENT=exports.POPOVER_WARN_DOUBLE_TARGET=exports.POPOVER_WARN_DOUBLE_CONTENT=exports.POPOVER_WARN_TOO_MANY_CHILDREN=exports.POPOVER_HAS_BACKDROP_INTERACTION=exports.POPOVER_REQUIRES_TARGET=exports.OVERFLOW_LIST_OBSERVE_PARENTS_CHANGED=exports.PANEL_STACK_REQUIRES_PANEL=exports.PANEL_STACK_INITIAL_PANEL_STACK_MUTEX=exports.NUMERIC_INPUT_CONTROLLED_VALUE_INVALID=exports.NUMERIC_INPUT_STEP_SIZE_NON_POSITIVE=exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_NON_POSITIVE=exports.NUMERIC_INPUT_MINOR_STEP_SIZE_NON_POSITIVE=exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_BOUND=exports.NUMERIC_INPUT_MINOR_STEP_SIZE_BOUND=exports.NUMERIC_INPUT_MIN_MAX=exports.INPUT_WARN_LEFT_ELEMENT_LEFT_ICON_MUTEX=exports.HOTKEYS_TARGET2_CHILDREN_LOCAL_HOTKEYS=exports.HOTKEYS_PROVIDER_NOT_FOUND=exports.HOTKEYS_WARN_DECORATOR_NEEDS_REACT_ELEMENT=exports.HOTKEYS_WARN_DECORATOR_NO_METHOD=exports.HOTKEYS_HOTKEY_CHILDREN=exports.CONTEXTMENU_WARN_DECORATOR_NEEDS_REACT_ELEMENT=exports.CONTEXTMENU_WARN_DECORATOR_NO_METHOD=exports.COLLAPSIBLE_LIST_INVALID_CHILD=exports.ALERT_WARN_CANCEL_OUTSIDE_CLICK=exports.ALERT_WARN_CANCEL_ESCAPE_KEY=exports.ALERT_WARN_CANCEL_PROPS=exports.CLAMP_MIN_MAX=void 0;var e="[Blueprint]",t=e+" clamp: max cannot be less than min";exports.CLAMP_MIN_MAX=t;var r=e+" <Alert> cancelButtonText and onCancel should be set together.";exports.ALERT_WARN_CANCEL_PROPS=r;var _=e+" <Alert> canEscapeKeyCancel enabled without onCancel or onClose handler.";exports.ALERT_WARN_CANCEL_ESCAPE_KEY=_;var o=e+" <Alert> canOutsideClickCancel enabled without onCancel or onClose handler.";exports.ALERT_WARN_CANCEL_OUTSIDE_CLICK=o;var E=e+" <CollapsibleList> children must be <MenuItem>s";exports.COLLAPSIBLE_LIST_INVALID_CHILD=E;var s=e+" @ContextMenuTarget-decorated class should implement renderContextMenu.";exports.CONTEXTMENU_WARN_DECORATOR_NO_METHOD=s;var N=e+' "@ContextMenuTarget-decorated components must return a single JSX.Element or an empty render.';exports.CONTEXTMENU_WARN_DECORATOR_NEEDS_REACT_ELEMENT=N;var a=e+" <Hotkeys> only accepts <Hotkey> children.";exports.HOTKEYS_HOTKEY_CHILDREN=a;var T=e+" @HotkeysTarget-decorated class should implement renderHotkeys.";exports.HOTKEYS_WARN_DECORATOR_NO_METHOD=T;var O=e+' "@HotkeysTarget-decorated components must return a single JSX.Element or an empty render.';exports.HOTKEYS_WARN_DECORATOR_NEEDS_REACT_ELEMENT=O;var R=e+" useHotkeys() was used outside of a <HotkeysProvider> context. These hotkeys will not be shown in the hotkeys help dialog.";exports.HOTKEYS_PROVIDER_NOT_FOUND=R;var n=e+" <HotkeysTarget2> was configured with local hotkeys, but you did not use the generated event handlers to bind their event handlers. Try using a render function as the child of this component.";exports.HOTKEYS_TARGET2_CHILDREN_LOCAL_HOTKEYS=n;var p=e+" <InputGroup> leftElement and leftIcon prop are mutually exclusive, with leftElement taking priority.";exports.INPUT_WARN_LEFT_ELEMENT_LEFT_ICON_MUTEX=p;var A=e+" <NumericInput> requires min to be no greater than max if both are defined.";exports.NUMERIC_INPUT_MIN_MAX=A;var i=e+" <NumericInput> requires minorStepSize to be no greater than stepSize.";exports.NUMERIC_INPUT_MINOR_STEP_SIZE_BOUND=i;var I=e+" <NumericInput> requires stepSize to be no greater than majorStepSize.";exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_BOUND=I;var S=e+" <NumericInput> requires minorStepSize to be strictly greater than zero.";exports.NUMERIC_INPUT_MINOR_STEP_SIZE_NON_POSITIVE=S;var L=e+" <NumericInput> requires majorStepSize to be strictly greater than zero.";exports.NUMERIC_INPUT_MAJOR_STEP_SIZE_NON_POSITIVE=L;var P=e+" <NumericInput> requires stepSize to be strictly greater than zero.";exports.NUMERIC_INPUT_STEP_SIZE_NON_POSITIVE=P;var l=e+" <NumericInput> controlled value prop does not adhere to stepSize, min, and/or max constraints.";exports.NUMERIC_INPUT_CONTROLLED_VALUE_INVALID=l;var C=e+" <PanelStack> requires exactly one of initialPanel and stack prop";exports.PANEL_STACK_INITIAL_PANEL_STACK_MUTEX=C;var x=e+" <PanelStack> requires at least one panel in the stack";exports.PANEL_STACK_REQUIRES_PANEL=x;var u=e+" <OverflowList> does not support changing observeParents after mounting.";exports.OVERFLOW_LIST_OBSERVE_PARENTS_CHANGED=u;var d=e+" <Popover> requires target prop or at least one child element.";exports.POPOVER_REQUIRES_TARGET=d;var c=e+" <Popover hasBackdrop={true}> requires interactionKind={PopoverInteractionKind.CLICK}.";exports.POPOVER_HAS_BACKDROP_INTERACTION=c;var D=e+" <Popover> supports one or two children; additional children are ignored. First child is the target, second child is the content. You may instead supply these two as props.";exports.POPOVER_WARN_TOO_MANY_CHILDREN=D;var U=e+" <Popover> with two children ignores content prop; use either prop or children.";exports.POPOVER_WARN_DOUBLE_CONTENT=U;var M=e+" <Popover> with children ignores target prop; use either prop or children.";exports.POPOVER_WARN_DOUBLE_TARGET=M;var v=e+" Disabling <Popover> with empty/whitespace content...";exports.POPOVER_WARN_EMPTY_CONTENT=v;var h=e+" <Popover usePortal={false}> ignores hasBackdrop";exports.POPOVER_WARN_HAS_BACKDROP_INLINE=h;var m=e+" <Popover> supports either placement or position prop, not both.";exports.POPOVER_WARN_PLACEMENT_AND_POSITION_MUTEX=m;var H=e+" <Popover> onInteraction is ignored when uncontrolled.";exports.POPOVER_WARN_UNCONTROLLED_ONINTERACTION=H;var g=e+" <Portal> context blueprintPortalClassName must be string";exports.PORTAL_CONTEXT_CLASS_NAME_STRING=g;var W=e+" setting blueprintPortalClassName via legacy React context API is deprecated, use <PortalProvider> instead.";exports.PORTAL_LEGACY_CONTEXT_API=W;var V=e+" <RadioGroup> children and options prop are mutually exclusive, with options taking priority.";exports.RADIOGROUP_WARN_CHILDREN_OPTIONS_MUTEX=V;var y=e+" <Slider> stepSize must be greater than zero.";exports.SLIDER_ZERO_STEP=y;var b=e+" <Slider> labelStepSize must be greater than zero.";exports.SLIDER_ZERO_LABEL_STEP=b;var K=e+" <RangeSlider> value prop must be an array of two non-null numbers.";exports.RANGESLIDER_NULL_VALUE=K;var B=e+" <MultiSlider> children must be <SliderHandle>s or <SliderTrackStop>s";exports.MULTISLIDER_INVALID_CHILD=B;var G=e+" <MultiSlider> labelStepSize and labelValues prop are mutually exclusive, with labelStepSize taking priority.";exports.MULTISLIDER_WARN_LABEL_STEP_SIZE_LABEL_VALUES_MUTEX=G;var X=e+" <Spinner> Classes.SMALL/LARGE are ignored if size prop is set.";exports.SPINNER_WARN_CLASSES_SIZE=X;var w=e+" Toaster.create() is not supported inside React lifecycle methods in React 16. See usage example on the docs site.";exports.TOASTER_CREATE_NULL=w;var Y=e+" Toaster.create() ignores inline prop as it always creates a new element.";exports.TOASTER_WARN_INLINE=Y;var k=e+" <Dialog> iconName is ignored if title is omitted.";exports.DIALOG_WARN_NO_HEADER_ICON=k;var f=e+" <Dialog> isCloseButtonShown prop is ignored if title is omitted.";exports.DIALOG_WARN_NO_HEADER_CLOSE_BUTTON=f;var z=e+" <Drawer> all angle positions are casted into pure position (TOP, BOTTOM, LEFT or RIGHT)";exports.DRAWER_ANGLE_POSITIONS_ARE_CASTED=z;var Z=e+" <Toaster> maxToasts is set to an invalid number, must be greater than 0";exports.TOASTER_MAX_TOASTS_INVALID=Z;
 },{}],"IGhw":[function(require,module,exports) {
 var process = require("process");
 var r=require("process");Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNodeEnv=n,exports.arrayLengthCompare=t,exports.approxEqual=o,exports.clamp=u,exports.countDecimalPlaces=i,exports.uniqueId=c;var e=require("../errors");function n(e){return void 0!==r&&r.env&&"production"===e}function t(r,e){return void 0===r&&(r=[]),void 0===e&&(e=[]),r.length-e.length}function o(r,e,n){return void 0===n&&(n=1e-5),Math.abs(r-e)<=n}function u(r,n,t){if(null==r)return r;if(t<n)throw new Error(e.CLAMP_MIN_MAX);return Math.min(Math.max(r,n),t)}function i(r){if(!isFinite(r))return 0;for(var e=1,n=0;Math.round(r*e)/e!==r;)e*=10,n++;return n}var a=new Map;function c(r){var e,n=null!==(e=a.get(r))&&void 0!==e?e:0;return a.set(r,n+1),"".concat(r,"-").concat(n)}
@@ -509,8 +509,8 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 },{"@babel/runtime/helpers/esm/inheritsLoose":"H59k","react":"HdMw","prop-types":"Iix9","./Transition":"GSaw","./TransitionGroupContext":"rZ1l"}],"P0Hl":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CSSTransition",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(exports,"ReplaceTransition",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(exports,"SwitchTransition",{enumerable:!0,get:function(){return t.default}}),Object.defineProperty(exports,"TransitionGroup",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(exports,"Transition",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(exports,"config",{enumerable:!0,get:function(){return u.default}});var e=o(require("./CSSTransition")),r=o(require("./ReplaceTransition")),t=o(require("./SwitchTransition")),n=o(require("./TransitionGroup")),i=o(require("./Transition")),u=o(require("./config"));function o(e){return e&&e.__esModule?e:{default:e}}
 },{"./CSSTransition":"V4ch","./ReplaceTransition":"dtMw","./SwitchTransition":"t1E4","./TransitionGroup":"hV4T","./Transition":"GSaw","./config":"m6PY"}],"fxwg":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Portal=void 0;var t=require("tslib"),e=i(require("react")),n=i(require("react-dom")),r=i(require("../../common/classes")),o=i(require("../../common/errors")),l=require("../../common/props"),s=require("../../common/utils");function a(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(a=function(t){return t?n:e})(t)}function i(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var n=a(e);if(n&&n.has(t))return n.get(t);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var s=o?Object.getOwnPropertyDescriptor(t,l):null;s&&(s.get||s.set)?Object.defineProperty(r,l,s):r[l]=t[l]}return r.default=t,n&&n.set(t,r),r}var p=!(0,s.isFunction)(n.createPortal),u={blueprintPortalClassName:function(t,e){if(null!=t[e]&&"string"!=typeof t[e])return new Error(o.PORTAL_CONTEXT_CLASS_NAME_STRING)}},c=function(o){function s(){var t=null!==o&&o.apply(this,arguments)||this;return t.context={},t.state={hasMounted:!1},t.portalElement=null,t}return(0,t.__extends)(s,o),s.prototype.render=function(){return p||"undefined"==typeof document||!this.state.hasMounted||null===this.portalElement?null:n.createPortal(this.props.children,this.portalElement)},s.prototype.componentDidMount=function(){this.props.container&&(this.portalElement=this.createContainerElement(),this.props.container.appendChild(this.portalElement),this.setState({hasMounted:!0},this.props.onChildrenMount),p&&this.unstableRenderNoPortal())},s.prototype.componentDidUpdate=function(t){null!=this.portalElement&&t.className!==this.props.className&&(m(this.portalElement.classList,t.className),d(this.portalElement.classList,this.props.className)),p&&this.unstableRenderNoPortal()},s.prototype.componentWillUnmount=function(){null!=this.portalElement&&(p&&n.unmountComponentAtNode(this.portalElement),this.portalElement.remove())},s.prototype.createContainerElement=function(){var t=document.createElement("div");return t.classList.add(r.PORTAL),d(t.classList,this.props.className),null!=this.context&&d(t.classList,this.context.blueprintPortalClassName),t},s.prototype.unstableRenderNoPortal=function(){null!==this.portalElement&&n.unstable_renderSubtreeIntoContainer(this,e.createElement("div",null,this.props.children),this.portalElement)},s.displayName="".concat(l.DISPLAYNAME_PREFIX,".Portal"),s.contextTypes=u,s.defaultProps={container:"undefined"!=typeof document?document.body:void 0},s}(e.Component);function m(t,e){null!=e&&""!==e&&t.remove.apply(t,e.split(" "))}function d(t,e){null!=e&&""!==e&&t.add.apply(t,e.split(" "))}exports.Portal=c;
-},{"tslib":"CvJj","react":"HdMw","react-dom":"X9zx","../../common/classes":"A6xK","../../common/errors":"AgjZ","../../common/props":"hCEs","../../common/utils":"MIjH"}],"H0os":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Portal=void 0;var t=require("tslib"),e=a(require("react")),n=a(require("react-dom")),r=a(require("../../common/classes")),o=a(require("../../common/errors")),l=require("../../common/props");function s(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,n=new WeakMap;return(s=function(t){return t?n:e})(t)}function a(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var n=s(e);if(n&&n.has(t))return n.get(t);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in t)if("default"!==l&&Object.prototype.hasOwnProperty.call(t,l)){var a=o?Object.getOwnPropertyDescriptor(t,l):null;a&&(a.get||a.set)?Object.defineProperty(r,l,a):r[l]=t[l]}return r.default=t,n&&n.set(t,r),r}var i={blueprintPortalClassName:function(t,e){if(null!=t[e]&&"string"!=typeof t[e])return new Error(o.PORTAL_CONTEXT_CLASS_NAME_STRING)}},p=function(e){function o(){var t=null!==e&&e.apply(this,arguments)||this;return t.context={},t.state={hasMounted:!1},t.portalElement=null,t}return(0,t.__extends)(o,e),o.prototype.render=function(){return"undefined"!=typeof document&&this.state.hasMounted&&null!==this.portalElement?n.createPortal(this.props.children,this.portalElement):null},o.prototype.componentDidMount=function(){null!=this.props.container&&(this.portalElement=this.createContainerElement(),this.props.container.appendChild(this.portalElement),this.setState({hasMounted:!0},this.props.onChildrenMount))},o.prototype.componentDidUpdate=function(t){null!=this.portalElement&&t.className!==this.props.className&&(u(this.portalElement.classList,t.className),c(this.portalElement.classList,this.props.className))},o.prototype.componentWillUnmount=function(){var t;null===(t=this.portalElement)||void 0===t||t.remove()},o.prototype.createContainerElement=function(){var t=document.createElement("div");return t.classList.add(r.PORTAL),c(t.classList,this.props.className),null!=this.context&&c(t.classList,this.context.blueprintPortalClassName),t},o.displayName="".concat(l.DISPLAYNAME_PREFIX,".Portal"),o.contextTypes=i,o.defaultProps={container:"undefined"!=typeof document?document.body:void 0},o}(e.Component);function u(t,e){null!=e&&""!==e&&t.remove.apply(t,e.split(" "))}function c(t,e){null!=e&&""!==e&&t.add.apply(t,e.split(" "))}exports.Portal=p;
+},{"tslib":"CvJj","react":"HdMw","react-dom":"X9zx","../../common/classes":"A6xK","../../common/errors":"AgjZ","../../common/props":"hCEs"}],"H0os":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Overlay=void 0;var e=require("tslib"),n=p(require("classnames")),t=u(require("react")),o=require("react-dom"),s=require("react-transition-group"),r=require("../../common"),a=require("../../common/props"),i=require("../../common/utils"),l=require("../portal/portal");function c(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(c=function(e){return e?t:n})(e)}function u(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=c(n);if(t&&t.has(e))return t.get(e);var o={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var a=s?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(o,r,a):o[r]=e[r]}return o.default=e,t&&t.set(e,o),o}function p(e){return e&&e.__esModule?e:{default:e}}var d=function(c){function u(){var e=null!==c&&c.apply(this,arguments)||this;return e.isAutoFocusing=!1,e.state={hasEverOpened:e.props.isOpen},e.containerElement=null,e.startFocusTrapElement=null,e.endFocusTrapElement=null,e.refHandlers={container:function(n){return e.containerElement=(0,o.findDOMNode)(n)},endFocusTrap:function(n){return e.endFocusTrapElement=n},startFocusTrap:function(n){return e.startFocusTrapElement=n}},e.maybeRenderChild=function(o){if((0,i.isFunction)(o)&&(o=o()),null==o)return null;var a="object"==typeof o?t.cloneElement(o,{className:(0,n.default)(o.props.className,r.Classes.OVERLAY_CONTENT)}):t.createElement("span",{className:r.Classes.OVERLAY_CONTENT},o),l=e.props,c=l.onOpening,u=l.onOpened,p=l.onClosing,d=l.transitionDuration,m=l.transitionName;return t.createElement(s.CSSTransition,{classNames:m,onEntering:c,onEntered:u,onExiting:p,onExited:e.handleTransitionExited,timeout:d,addEndListener:e.handleTransitionAddEnd},a)},e.handleStartFocusTrapElementFocus=function(n){var t;e.props.enforceFocus&&!e.isAutoFocusing&&null!=n.relatedTarget&&e.containerElement.contains(n.relatedTarget)&&n.relatedTarget!==e.endFocusTrapElement&&(null===(t=e.endFocusTrapElement)||void 0===t||t.focus({preventScroll:!0}))},e.handleStartFocusTrapElementKeyDown=function(n){var t;if(e.props.enforceFocus&&n.shiftKey&&n.which===r.Keys.TAB){var o=e.getKeyboardFocusableElements().pop();null!=o?o.focus():null===(t=e.endFocusTrapElement)||void 0===t||t.focus({preventScroll:!0})}},e.handleEndFocusTrapElementFocus=function(n){var t,o;if(null!=n.relatedTarget&&e.containerElement.contains(n.relatedTarget)&&n.relatedTarget!==e.startFocusTrapElement){var s=e.getKeyboardFocusableElements().shift();e.isAutoFocusing||null==s||s===n.relatedTarget?null===(t=e.startFocusTrapElement)||void 0===t||t.focus({preventScroll:!0}):s.focus()}else{var r=e.getKeyboardFocusableElements().pop();null!=r?r.focus():null===(o=e.startFocusTrapElement)||void 0===o||o.focus({preventScroll:!0})}},e.handleTransitionExited=function(n){var t,o;e.props.shouldReturnFocusOnClose&&e.lastActiveElementBeforeOpened instanceof HTMLElement&&e.lastActiveElementBeforeOpened.focus(),null===(o=(t=e.props).onClosed)||void 0===o||o.call(t,n)},e.handleBackdropMouseDown=function(n){var t,o=e.props,s=o.backdropProps,r=o.canOutsideClickClose,a=o.enforceFocus,i=o.onClose;r&&(null==i||i(n)),a&&e.bringFocusInsideOverlay(),null===(t=null==s?void 0:s.onMouseDown)||void 0===t||t.call(s,n)},e.handleDocumentClick=function(n){var t=e.props,o=t.canOutsideClickClose,s=t.isOpen,r=t.onClose,a=n.composed?n.composedPath()[0]:n.target,i=u.openStack.indexOf(e),l=u.openStack.slice(i).some(function(e){var n=e.containerElement;return n&&n.contains(a)&&!n.isSameNode(a)});s&&!l&&o&&(null==r||r(n))},e.handleDocumentFocus=function(n){var t=n.composed?n.composedPath()[0]:n.target;e.props.enforceFocus&&null!=e.containerElement&&t instanceof Node&&!e.containerElement.contains(t)&&(n.preventDefault(),n.stopImmediatePropagation(),e.bringFocusInsideOverlay())},e.handleKeyDown=function(n){var t=e.props,o=t.canEscapeKeyClose,s=t.onClose;"Escape"===n.key&&o&&(null==s||s(n),n.stopPropagation(),n.preventDefault())},e.handleTransitionAddEnd=function(){},e}return(0,e.__extends)(u,c),u.getDerivedStateFromProps=function(e){var n=e.isOpen;return n?{hasEverOpened:n}:null},u.prototype.render=function(){var e,o;if(this.props.lazy&&!this.state.hasEverOpened)return null;var a=this.props,i=a.autoFocus,c=a.children,u=a.className,p=a.enforceFocus,d=a.usePortal,m=a.isOpen,f=m&&null!==(o=t.Children.map(c,this.maybeRenderChild))&&void 0!==o?o:[],h=this.maybeRenderBackdrop();null!==h&&f.unshift(h),m&&(i||p)&&f.length>0&&(f.unshift(this.renderDummyElement("__start",{className:r.Classes.OVERLAY_START_FOCUS_TRAP,onFocus:this.handleStartFocusTrapElementFocus,onKeyDown:this.handleStartFocusTrapElementKeyDown,ref:this.refHandlers.startFocusTrap})),p&&f.push(this.renderDummyElement("__end",{className:r.Classes.OVERLAY_END_FOCUS_TRAP,onFocus:this.handleEndFocusTrapElementFocus,ref:this.refHandlers.endFocusTrap})));var E=(0,n.default)(r.Classes.OVERLAY,((e={})[r.Classes.OVERLAY_OPEN]=m,e[r.Classes.OVERLAY_INLINE]=!d,e),u),v=t.createElement(s.TransitionGroup,{appear:!0,"aria-live":"polite",className:E,component:"div",onKeyDown:this.handleKeyDown,ref:this.refHandlers.container},f);return d?t.createElement(l.Portal,{className:this.props.portalClassName,container:this.props.portalContainer},v):v},u.prototype.componentDidMount=function(){this.props.isOpen&&this.overlayWillOpen()},u.prototype.componentDidUpdate=function(e){e.isOpen&&!this.props.isOpen?this.overlayWillClose():!e.isOpen&&this.props.isOpen&&this.overlayWillOpen()},u.prototype.componentWillUnmount=function(){this.overlayWillClose()},u.prototype.bringFocusInsideOverlay=function(){var e=this;return this.requestAnimationFrame(function(){var n,t=(0,i.getActiveElement)(e.containerElement);null!=e.containerElement&&null!=t&&e.props.isOpen&&(!e.containerElement.contains(t)&&(null===(n=e.startFocusTrapElement)||void 0===n||n.focus({preventScroll:!0}),e.isAutoFocusing=!1))})},u.prototype.maybeRenderBackdrop=function(){var o=this.props,a=o.backdropClassName,i=o.backdropProps,l=o.hasBackdrop,c=o.isOpen,u=o.transitionDuration,p=o.transitionName;return l&&c?t.createElement(s.CSSTransition,{classNames:p,key:"__backdrop",timeout:u,addEndListener:this.handleTransitionAddEnd},t.createElement("div",(0,e.__assign)({},i,{className:(0,n.default)(r.Classes.OVERLAY_BACKDROP,a,null==i?void 0:i.className),onMouseDown:this.handleBackdropMouseDown}))):null},u.prototype.renderDummyElement=function(n,o){var r=this.props,a=r.transitionDuration,i=r.transitionName;return t.createElement(s.CSSTransition,{classNames:i,key:n,addEndListener:this.handleTransitionAddEnd,timeout:a,unmountOnExit:!0},t.createElement("div",(0,e.__assign)({tabIndex:0},o)))},u.prototype.getKeyboardFocusableElements=function(){return(null!==this.containerElement?Array.from(this.containerElement.querySelectorAll(['a[href]:not([tabindex="-1"])','button:not([disabled]):not([tabindex="-1"])','details:not([tabindex="-1"])','input:not([disabled]):not([tabindex="-1"])','select:not([disabled]):not([tabindex="-1"])','textarea:not([disabled]):not([tabindex="-1"])','[tabindex]:not([tabindex="-1"])'].join(","))):[]).filter(function(e){return!e.classList.contains(r.Classes.OVERLAY_START_FOCUS_TRAP)&&!e.classList.contains(r.Classes.OVERLAY_END_FOCUS_TRAP)})},u.prototype.overlayWillClose=function(){document.removeEventListener("focus",this.handleDocumentFocus,!0),document.removeEventListener("mousedown",this.handleDocumentClick);var e=u.openStack,n=e.indexOf(this);if(-1!==n){if(e.splice(n,1),e.length>0){var t=u.getLastOpened();t.props.autoFocus&&t.props.enforceFocus&&(t.bringFocusInsideOverlay(),document.addEventListener("focus",t.handleDocumentFocus,!0))}0===e.filter(function(e){return e.props.usePortal&&e.props.hasBackdrop}).length&&document.body.classList.remove(r.Classes.OVERLAY_OPEN)}},u.prototype.overlayWillOpen=function(){var e=u.getLastOpened,n=u.openStack;n.length>0&&document.removeEventListener("focus",e().handleDocumentFocus,!0),n.push(this),this.props.autoFocus&&(this.isAutoFocusing=!0,this.bringFocusInsideOverlay()),this.props.enforceFocus&&document.addEventListener("focus",this.handleDocumentFocus,!0),this.props.canOutsideClickClose&&!this.props.hasBackdrop&&document.addEventListener("mousedown",this.handleDocumentClick),this.props.hasBackdrop&&this.props.usePortal&&document.body.classList.add(r.Classes.OVERLAY_OPEN),this.lastActiveElementBeforeOpened=(0,i.getActiveElement)(this.containerElement)},u.displayName="".concat(a.DISPLAYNAME_PREFIX,".Overlay"),u.defaultProps={autoFocus:!0,backdropProps:{},canEscapeKeyClose:!0,canOutsideClickClose:!0,enforceFocus:!0,hasBackdrop:!0,isOpen:!1,lazy:!0,shouldReturnFocusOnClose:!0,transitionDuration:300,transitionName:r.Classes.OVERLAY,usePortal:!0},u.openStack=[],u.getLastOpened=function(){return u.openStack[u.openStack.length-1]},u}(r.AbstractPureComponent2);exports.Overlay=d;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","react-dom":"X9zx","react-transition-group":"P0Hl","../../common":"OpAJ","../../common/props":"hCEs","../../common/utils":"MIjH","../portal/portal":"fxwg"}],"WLY8":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.resizeObservers=void 0;var e=[];exports.resizeObservers=e;
@@ -529,7 +529,7 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 },{"./utils/freeze":"uhX4"}],"maL0":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DOMRectReadOnly=void 0;var t=require("./utils/freeze"),e=function(){function e(e,i,h,r){return this.x=e,this.y=i,this.width=h,this.height=r,this.top=this.y,this.left=this.x,this.bottom=this.top+this.height,this.right=this.left+this.width,(0,t.freeze)(this)}return e.prototype.toJSON=function(){var t=this;return{x:t.x,y:t.y,top:t.top,right:t.right,bottom:t.bottom,left:t.left,width:t.width,height:t.height}},e.fromRect=function(t){return new e(t.x,t.y,t.width,t.height)},e}();exports.DOMRectReadOnly=e;
 },{"./utils/freeze":"uhX4"}],"XPdY":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isReplacedElement=exports.isElement=exports.isHidden=exports.isSVG=void 0;var e=function(e){return e instanceof SVGElement&&"getBBox"in e};exports.isSVG=e;var t=function(t){if(e(t)){var n=t.getBBox(),i=n.width,r=n.height;return!i&&!r}var s=t,o=s.offsetWidth,a=s.offsetHeight;return!(o||a||t.getClientRects().length)};exports.isHidden=t;var n=function(e){var t,n;if(e instanceof Element)return!0;var i=null===(n=null===(t=e)||void 0===t?void 0:t.ownerDocument)||void 0===n?void 0:n.defaultView;return!!(i&&e instanceof i.Element)};exports.isElement=n;var i=function(e){switch(e.tagName){case"INPUT":if("image"!==e.type)break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return!0}return!1};exports.isReplacedElement=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isReplacedElement=exports.isElement=exports.isHidden=exports.isSVG=void 0;var e=function(e){return e instanceof SVGElement&&"getBBox"in e};exports.isSVG=e;var t=function(t){if(e(t)){var n=t.getBBox(),r=n.width,i=n.height;return!r&&!i}var s=t,o=s.offsetWidth,a=s.offsetHeight;return!(o||a||t.getClientRects().length)};exports.isHidden=t;var n=function(e){var t;if(e instanceof Element)return!0;var n=null===(t=null==e?void 0:e.ownerDocument)||void 0===t?void 0:t.defaultView;return!!(n&&e instanceof n.Element)};exports.isElement=n;var r=function(e){switch(e.tagName){case"INPUT":if("image"!==e.type)break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return!0}return!1};exports.isReplacedElement=r;
 },{}],"SU6a":[function(require,module,exports) {
 
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.global=void 0;var e="undefined"!=typeof window?window:{};exports.global=e;
@@ -548,7 +548,7 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.process=void 0;var e=require("../algorithms/hasActiveObservations"),r=require("../algorithms/hasSkippedObservations"),s=require("../algorithms/deliverResizeLoopError"),t=require("../algorithms/broadcastActiveObservations"),i=require("../algorithms/gatherActiveObservationsAtDepth"),o=function(){var o=0;for((0,i.gatherActiveObservationsAtDepth)(o);(0,e.hasActiveObservations)();)o=(0,t.broadcastActiveObservations)(),(0,i.gatherActiveObservationsAtDepth)(o);return(0,r.hasSkippedObservations)()&&(0,s.deliverResizeLoopError)(),o>0};exports.process=o;
 },{"../algorithms/hasActiveObservations":"bXxm","../algorithms/hasSkippedObservations":"HsnP","../algorithms/deliverResizeLoopError":"K70Q","../algorithms/broadcastActiveObservations":"omfz","../algorithms/gatherActiveObservationsAtDepth":"lyZW"}],"R1vO":[function(require,module,exports) {
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.queueMicroTask=void 0;var t=[],r=function(){return t.splice(0).forEach(function(e){return e()})},n=function(n){if(!e){var o=0,u=document.createTextNode("");new MutationObserver(function(){return r()}).observe(u,{characterData:!0}),e=function(){u.textContent=""+(o?o--:o++)}}t.push(n),e()};exports.queueMicroTask=n;
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.queueMicroTask=void 0;var t=[],r=function(){return t.splice(0).forEach(function(e){return e()})},n=function(n){if(!e){var o=0,u=document.createTextNode("");new MutationObserver(function(){return r()}).observe(u,{characterData:!0}),e=function(){u.textContent="".concat(o?o--:o++)}}t.push(n),e()};exports.queueMicroTask=n;
 },{}],"OZcD":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.queueResizeObserver=void 0;var e=require("./queueMicroTask"),r=function(r){(0,e.queueMicroTask)(function(){requestAnimationFrame(r)})};exports.queueResizeObserver=r;
 },{"./queueMicroTask":"R1vO"}],"hvm0":[function(require,module,exports) {
@@ -1186,7 +1186,7 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 },{}],"n6DQ":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=["M7.504 3.132l-7 4a1 1 0 000 1.736l7 4a1 1 0 00.992 0l7-4a1 1 0 000-1.736l-7-4a1 1 0 00-.992 0zM8 5.152L12.983 8 8 10.847 3.016 8 8 5.152z"];exports.default=e;
 },{}],"mnLg":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=["M.55 4.89l7 3.5c.14.07.29.11.45.11s.31-.04.45-.11l7-3.5a.998.998 0 00-.06-1.81L8.4.08a1.006 1.006 0 00-.79 0l-6.99 3a.992.992 0 00-.07 1.81zM15 10c-.16 0-.31.04-.45.11L8 13.38 1.45 10.1c-.14-.06-.29-.1-.45-.1-.55 0-1 .45-1 1 0 .39.23.73.55.89l7 3.5c.14.07.29.11.45.11s.31-.04.45-.11l7-3.5c.32-.16.55-.5.55-.89 0-.55-.45-1-1-1zm0-3.5c-.16 0-.31.04-.45.11L8 9.88 1.45 6.61A.997.997 0 001 6.5c-.55 0-1 .45-1 1 0 .39.23.73.55.89l7 3.5c.14.07.29.11.45.11s.31-.04.45-.11l7-3.5c.32-.16.55-.5.55-.89 0-.55-.45-1-1-1z"];exports.default=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=["M.55 4.89l7 3c.14.07.29.11.45.11.16 0 .31-.04.45-.11l7-3a.998.998 0 00-.06-1.81L8.4.08a1.006 1.006 0 00-.79 0l-6.99 3a.992.992 0 00-.07 1.81zM15 11c-.16 0-.31.04-.45.11L8 14l-6.55-2.9c-.14-.06-.29-.1-.45-.1-.55 0-1 .45-1 1 0 .39.23.73.55.89l7 3c.14.07.29.11.45.11.16 0 .31-.04.45-.11l7-3c.32-.16.55-.5.55-.89 0-.55-.45-1-1-1zm0-4c-.16 0-.31.04-.45.11L8 10 1.45 7.11A.997.997 0 001 7c-.55 0-1 .45-1 1 0 .39.23.73.55.89l7 3c.14.07.29.11.45.11.16 0 .31-.04.45-.11l7-3c.32-.16.55-.5.55-.89 0-.55-.45-1-1-1z"];exports.default=e;
 },{}],"LkoL":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var c=["M14 4c-1.1 0-2 .9-2 2 0 .47.17.9.44 1.24l-.68.91A1.996 1.996 0 009.07 9.5H7.93C7.71 8.64 6.93 8 6 8c-.47 0-.9.17-1.24.44l-.91-.68c.1-.23.15-.49.15-.76 0-.37-.11-.71-.28-1.01l2.27-2.27c.3.17.64.28 1.01.28 1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2c0 .37.11.71.28 1.01L3.01 5.28C2.71 5.11 2.37 5 2 5 .9 5 0 5.9 0 7s.9 2 2 2c.47 0 .9-.17 1.24-.44l.91.68c-.1.23-.15.49-.15.76 0 .37.11.71.28 1.01l-1.27 1.27C2.71 12.11 2.37 12 2 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2c0-.37-.11-.71-.28-1.01l1.27-1.27c.3.17.64.28 1.01.28.93 0 1.71-.64 1.93-1.5h1.14c.22.86 1 1.5 1.93 1.5 1.1 0 2-.9 2-2 0-.47-.17-.9-.44-1.24l.68-.91c.23.1.49.15.76.15 1.1 0 2-.9 2-2s-.9-2-2-2z"];exports.default=c;
 },{}],"op8C":[function(require,module,exports) {
@@ -2872,7 +2872,7 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs"}],"ayDU":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItem=void 0;var e=require("tslib"),t=c(require("classnames")),s=p(require("react")),r=require("../../common"),o=require("../../common/props"),n=require("../icon/icon"),a=require("../popover/popover"),l=require("../text/text"),i=require("./menu");function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,s=new WeakMap;return(u=function(e){return e?s:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var s=u(t);if(s&&s.has(e))return s.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var a=o?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(r,n,a):r[n]=e[n]}return r.default=e,s&&s.set(e,r),r}function c(e){return e&&e.__esModule?e:{default:e}}var d=function(u){function p(){return null!==u&&u.apply(this,arguments)||this}return(0,e.__extends)(p,u),p.prototype.render=function(){var o,a,i=this.props,u=i.active,p=i.className,c=i.children,d=i.disabled,m=i.icon,f=i.intent,E=(i.labelClassName,i.labelElement),b=i.multiline,_=(i.popoverProps,i.roleStructure),N=void 0===_?"menuitem":_,P=i.selected,C=i.shouldDismissPopover,M=(i.submenuProps,i.text),I=i.textClassName,h=i.tagName,y=void 0===h?"a":h,O=i.htmlTitle,g=(0,e.__rest)(i,["active","className","children","disabled","icon","intent","labelClassName","labelElement","multiline","popoverProps","roleStructure","selected","shouldDismissPopover","submenuProps","text","textClassName","tagName","htmlTitle"]),x=null!=m,D=null!=c,U=r.Classes.intentClass(f),S=(0,t.default)(r.Classes.MENU_ITEM,U,((o={})[r.Classes.ACTIVE]=u,o[r.Classes.DISABLED]=d,o[r.Classes.POPOVER_DISMISS]=C&&!d&&!D,o[r.Classes.SELECTED]=P||u&&void 0===U,o),p),L="listoption"===N?["option",void 0,u||P]:["none","menuitem",void 0],T=L[0],q=L[1],w=L[2],R=s.createElement(y,(0,e.__assign)((0,e.__assign)((0,e.__assign)({role:q,tabIndex:0},g),d?v:{}),{className:S}),x?s.createElement("span",{className:r.Classes.MENU_ITEM_ICON},s.createElement(n.Icon,{icon:m,"aria-hidden":!0,tabIndex:-1})):void 0,s.createElement(l.Text,{className:(0,t.default)(r.Classes.FILL,I),ellipsize:!b,title:O},M),this.maybeRenderLabel(E),D?s.createElement(n.Icon,{className:r.Classes.MENU_SUBMENU_ICON,icon:"caret-right"}):void 0),j=(0,t.default)(((a={})[r.Classes.MENU_SUBMENU]=D,a));return s.createElement("li",{className:j,role:T,"aria-selected":w},this.maybeRenderPopover(R,c))},p.prototype.maybeRenderLabel=function(e){var o=this.props,n=o.label,a=o.labelClassName;return null==n&&null==e?null:s.createElement("span",{className:(0,t.default)(r.Classes.MENU_ITEM_LABEL,a)},n,e)},p.prototype.maybeRenderPopover=function(o,n){if(null==n)return o;var l=this.props,u=l.disabled,p=l.popoverProps,c=l.submenuProps;return s.createElement(a.Popover,(0,e.__assign)({autoFocus:!1,captureDismiss:!1,disabled:u,enforceFocus:!1,hoverCloseDelay:0,interactionKind:a.PopoverInteractionKind.HOVER,modifiers:m,position:r.Position.RIGHT_TOP,usePortal:!1},p,{content:s.createElement(i.Menu,(0,e.__assign)({},c),n),minimal:!0,popoverClassName:(0,t.default)(r.Classes.MENU_SUBMENU,null==p?void 0:p.popoverClassName),target:o}))},p.defaultProps={active:!1,disabled:!1,multiline:!1,popoverProps:{},selected:!1,shouldDismissPopover:!0,text:""},p.displayName="".concat(o.DISPLAYNAME_PREFIX,".MenuItem"),p}(r.AbstractPureComponent2);exports.MenuItem=d;var m={flip:{boundariesElement:"viewport",padding:20},offset:{offset:-5},preventOverflow:{boundariesElement:"viewport",padding:20}},v={href:void 0,onClick:void 0,onMouseDown:void 0,onMouseEnter:void 0,onMouseLeave:void 0,tabIndex:-1};
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs","../icon/icon":"Xg5P","../popover/popover":"Wiqn","../text/text":"Ew0x","./menu":"MglK"}],"dPOF":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OverflowList=void 0;var e=require("tslib"),t=c(require("classnames")),r=u(require("react")),o=require("../../common/boundary"),i=u(require("../../common/classes")),s=require("../../common/errors"),n=require("../../common/props"),l=require("../../common/utils"),a=require("../resize-sensor/resizeSensor");function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:t})(e)}function u(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=p(t);if(r&&r.has(e))return r.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var n=i?Object.getOwnPropertyDescriptor(e,s):null;n&&(n.get||n.set)?Object.defineProperty(o,s,n):o[s]=e[s]}return o.default=e,r&&r.set(e,o),o}function c(e){return e&&e.__esModule?e:{default:e}}var f=function(p){function u(){var e=null!==p&&p.apply(this,arguments)||this;return e.state={chopSize:e.defaultChopSize(),lastChopSize:null,lastOverflowCount:0,overflow:[],repartitioning:!1,visible:e.props.items},e.spacer=null,e.resize=function(){e.repartition()},e}return(0,e.__extends)(u,p),u.ofType=function(){return u},u.prototype.componentDidMount=function(){this.repartition()},u.prototype.shouldComponentUpdate=function(e,t){return!(this.state!==t&&(0,l.shallowCompareKeys)(this.state,t))},u.prototype.componentDidUpdate=function(e,t){var r,o;e.observeParents!==this.props.observeParents&&console.warn(s.OVERFLOW_LIST_OBSERVE_PARENTS_CHANGED),e.collapseFrom===this.props.collapseFrom&&e.items===this.props.items&&e.minVisibleItems===this.props.minVisibleItems&&e.overflowRenderer===this.props.overflowRenderer&&e.alwaysRenderOverflow===this.props.alwaysRenderOverflow&&e.visibleItemRenderer===this.props.visibleItemRenderer||this.setState({chopSize:this.defaultChopSize(),lastChopSize:null,lastOverflowCount:0,overflow:[],repartitioning:!0,visible:this.props.items});var i=this.state,n=i.repartitioning,a=i.overflow,p=i.lastOverflowCount;!1===n&&!0===t.repartitioning?a.length!==p&&(null===(o=(r=this.props).onOverflow)||void 0===o||o.call(r,a.slice())):(0,l.shallowCompareKeys)(t,this.state)||this.repartition()},u.prototype.render=function(){var e=this,s=this.props,n=s.className,l=s.collapseFrom,p=s.observeParents,u=s.style,c=s.tagName,f=void 0===c?"div":c,h=s.visibleItemRenderer,v=this.maybeRenderOverflow(),d=r.createElement(f,{className:(0,t.default)(i.OVERFLOW_LIST,n),style:u},l===o.Boundary.START?v:null,this.state.visible.map(h),l===o.Boundary.END?v:null,r.createElement("div",{className:i.OVERFLOW_LIST_SPACER,ref:function(t){return e.spacer=t}}));return r.createElement(a.ResizeSensor,{onResize:this.resize,observeParents:p},d)},u.prototype.maybeRenderOverflow=function(){var e=this.state.overflow;return 0!==e.length||this.props.alwaysRenderOverflow?this.props.overflowRenderer(e.slice()):null},u.prototype.repartition=function(){var e,t=this;if(null!=this.spacer){var r=1===this.state.lastChopSize,i=null!==(e=this.props.minVisibleItems)&&void 0!==e?e:0,s=this.spacer.offsetWidth<.9&&this.state.visible.length>i,n=(this.spacer.offsetWidth>=1||this.state.visible.length<i)&&this.state.overflow.length>0&&!r;s||n?this.setState(function(e){var r,i,n;t.props.collapseFrom===o.Boundary.END?(r=(n=v(e.visible,e.overflow,t.state.chopSize*(s?1:-1)))[0],i=n[1]):(i=(n=v(e.overflow,e.visible,t.state.chopSize*(s?-1:1)))[0],r=n[1]);return{chopSize:h(e.chopSize),lastChopSize:e.chopSize,lastOverflowCount:t.isFirstPartitionCycle(e.chopSize)?e.overflow.length:e.lastOverflowCount,overflow:i,repartitioning:!0,visible:r}}):this.setState({chopSize:this.defaultChopSize(),lastChopSize:null,repartitioning:!1})}},u.prototype.defaultChopSize=function(){return h(this.props.items.length)},u.prototype.isFirstPartitionCycle=function(e){return e===this.defaultChopSize()},u.displayName="".concat(n.DISPLAYNAME_PREFIX,".OverflowList"),u.defaultProps={alwaysRenderOverflow:!1,collapseFrom:o.Boundary.START,minVisibleItems:0},u}(r.Component);function h(e){return Math.ceil(e/2)}function v(e,t,r){var o=e.concat(t),i=e.length-r;if(i<=0)return[[],o];if(i>=o.length)return[o,[]];var s=o.length-i;return[o.slice(0,-s),o.slice(-s)]}exports.OverflowList=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OverflowList=void 0;var e=require("tslib"),t=c(require("classnames")),r=u(require("react")),o=require("../../common/boundary"),i=u(require("../../common/classes")),s=require("../../common/errors"),n=require("../../common/props"),l=require("../../common/utils"),a=require("../resize-sensor/resizeSensor");function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:t})(e)}function u(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=p(t);if(r&&r.has(e))return r.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var n=i?Object.getOwnPropertyDescriptor(e,s):null;n&&(n.get||n.set)?Object.defineProperty(o,s,n):o[s]=e[s]}return o.default=e,r&&r.set(e,o),o}function c(e){return e&&e.__esModule?e:{default:e}}var f=function(p){function u(){var e=null!==p&&p.apply(this,arguments)||this;return e.state={chopSize:e.defaultChopSize(),lastChopSize:null,lastOverflowCount:0,overflow:[],repartitioning:!1,visible:e.props.items},e.spacer=null,e.resize=function(){e.repartition()},e}return(0,e.__extends)(u,p),u.ofType=function(){return u},u.prototype.componentDidMount=function(){this.repartition()},u.prototype.shouldComponentUpdate=function(e,t){return this.props!==e||!(this.state!==t&&(0,l.shallowCompareKeys)(this.state,t))},u.prototype.componentDidUpdate=function(e,t){var r,o;e.observeParents!==this.props.observeParents&&console.warn(s.OVERFLOW_LIST_OBSERVE_PARENTS_CHANGED),e.collapseFrom===this.props.collapseFrom&&e.items===this.props.items&&e.minVisibleItems===this.props.minVisibleItems&&e.overflowRenderer===this.props.overflowRenderer&&e.alwaysRenderOverflow===this.props.alwaysRenderOverflow&&e.visibleItemRenderer===this.props.visibleItemRenderer||this.setState({chopSize:this.defaultChopSize(),lastChopSize:null,lastOverflowCount:0,overflow:[],repartitioning:!0,visible:this.props.items});var i=this.state,n=i.repartitioning,a=i.overflow,p=i.lastOverflowCount;!1===n&&!0===t.repartitioning?a.length!==p&&(null===(o=(r=this.props).onOverflow)||void 0===o||o.call(r,a.slice())):(0,l.shallowCompareKeys)(t,this.state)||this.repartition()},u.prototype.render=function(){var e=this,s=this.props,n=s.className,l=s.collapseFrom,p=s.observeParents,u=s.style,c=s.tagName,f=void 0===c?"div":c,h=s.visibleItemRenderer,v=this.maybeRenderOverflow(),d=r.createElement(f,{className:(0,t.default)(i.OVERFLOW_LIST,n),style:u},l===o.Boundary.START?v:null,this.state.visible.map(h),l===o.Boundary.END?v:null,r.createElement("div",{className:i.OVERFLOW_LIST_SPACER,ref:function(t){return e.spacer=t}}));return r.createElement(a.ResizeSensor,{onResize:this.resize,observeParents:p},d)},u.prototype.maybeRenderOverflow=function(){var e=this.state.overflow;return 0!==e.length||this.props.alwaysRenderOverflow?this.props.overflowRenderer(e.slice()):null},u.prototype.repartition=function(){var e,t=this;if(null!=this.spacer){var r=1===this.state.lastChopSize,i=null!==(e=this.props.minVisibleItems)&&void 0!==e?e:0,s=this.spacer.offsetWidth<.9&&this.state.visible.length>i,n=(this.spacer.offsetWidth>=1||this.state.visible.length<i)&&this.state.overflow.length>0&&!r;s||n?this.setState(function(e){var r,i,n;t.props.collapseFrom===o.Boundary.END?(r=(n=v(e.visible,e.overflow,t.state.chopSize*(s?1:-1)))[0],i=n[1]):(i=(n=v(e.overflow,e.visible,t.state.chopSize*(s?-1:1)))[0],r=n[1]);return{chopSize:h(e.chopSize),lastChopSize:e.chopSize,lastOverflowCount:t.isFirstPartitionCycle(e.chopSize)?e.overflow.length:e.lastOverflowCount,overflow:i,repartitioning:!0,visible:r}}):this.setState({chopSize:this.defaultChopSize(),lastChopSize:null,repartitioning:!1})}},u.prototype.defaultChopSize=function(){return h(this.props.items.length)},u.prototype.isFirstPartitionCycle=function(e){return e===this.defaultChopSize()},u.displayName="".concat(n.DISPLAYNAME_PREFIX,".OverflowList"),u.defaultProps={alwaysRenderOverflow:!1,collapseFrom:o.Boundary.START,minVisibleItems:0},u}(r.Component);function h(e){return Math.ceil(e/2)}function v(e,t,r){var o=e.concat(t),i=e.length-r;if(i<=0)return[[],o];if(i>=o.length)return[o,[]];var s=o.length-i;return[o.slice(0,-s),o.slice(-s)]}exports.OverflowList=f;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common/boundary":"ojHF","../../common/classes":"A6xK","../../common/errors":"AgjZ","../../common/props":"hCEs","../../common/utils":"MIjH","../resize-sensor/resizeSensor":"C8rR"}],"oWoD":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Breadcrumbs=void 0;var e=require("tslib"),r=c(require("classnames")),t=p(require("react")),n=require("../../common"),o=require("../menu/menu"),s=require("../menu/menuItem"),u=require("../overflow-list/overflowList"),a=require("../popover/popover"),l=require("./breadcrumb");function i(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:r})(e)}function p(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(r);if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var u=o?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(n,s,u):n[s]=e[s]}return n.default=e,t&&t.set(e,n),n}function c(e){return e&&e.__esModule?e:{default:e}}var m=function(i){function p(){var r=null!==i&&i.apply(this,arguments)||this;return r.renderOverflow=function(s){var u=r.props.collapseFrom,l=u===n.Boundary.END?n.Position.BOTTOM_RIGHT:n.Position.BOTTOM_LEFT,i=s;return u===n.Boundary.START&&(i=s.slice().reverse()),t.createElement("li",null,t.createElement(a.Popover,(0,e.__assign)({position:l,disabled:0===i.length,content:t.createElement(o.Menu,null,i.map(r.renderOverflowBreadcrumb))},r.props.popoverProps),t.createElement("span",{className:n.Classes.BREADCRUMBS_COLLAPSED})))},r.renderOverflowBreadcrumb=function(r,o){var u=null!=r.href||null!=r.onClick,a=(0,n.removeNonHTMLProps)(r);return t.createElement(s.MenuItem,(0,e.__assign)({disabled:!u},a,{text:r.text,key:o}))},r.renderBreadcrumbWrapper=function(e,n){var o=r.props.items[r.props.items.length-1]===e;return t.createElement("li",{key:n},r.renderBreadcrumb(e,o))},r}return(0,e.__extends)(p,i),p.prototype.render=function(){var o=this.props,s=o.className,a=o.collapseFrom,l=o.items,i=o.minVisibleItems,p=o.overflowListProps,c=void 0===p?{}:p;return t.createElement(u.OverflowList,(0,e.__assign)({collapseFrom:a,minVisibleItems:i,tagName:"ul"},c,{className:(0,r.default)(n.Classes.BREADCRUMBS,c.className,s),items:l,overflowRenderer:this.renderOverflow,visibleItemRenderer:this.renderBreadcrumbWrapper}))},p.prototype.renderBreadcrumb=function(r,n){return n&&null!=this.props.currentBreadcrumbRenderer?this.props.currentBreadcrumbRenderer(r):null!=this.props.breadcrumbRenderer?this.props.breadcrumbRenderer(r):t.createElement(l.Breadcrumb,(0,e.__assign)({current:n},r))},p.defaultProps={collapseFrom:n.Boundary.START},p}(n.AbstractPureComponent2);exports.Breadcrumbs=m;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../menu/menu":"MglK","../menu/menuItem":"ayDU","../overflow-list/overflowList":"dPOF","../popover/popover":"Wiqn","./breadcrumb":"FJVt"}],"n2uA":[function(require,module,exports) {
@@ -2889,9 +2889,11 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContextMenuTarget=c;var e=require("tslib"),t=l(require("react")),r=l(require("react-dom")),n=require("../../common/errors"),o=require("../../common/utils"),u=require("../../common/utils/isDarkTheme"),i=l(require("./contextMenu"));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}function l(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=o?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,r&&r.set(e,n),n}function c(a){var l;return(0,o.isFunction)(a.prototype.renderContextMenu)||console.warn(n.CONTEXTMENU_WARN_DECORATOR_NO_METHOD),(l=function(a){function l(){return null!==a&&a.apply(this,arguments)||this}return(0,e.__extends)(l,a),l.prototype.render=function(){var e=this,l=a.prototype.render.call(this);if(null==l)return l;if(!t.isValidElement(l))return console.warn(n.CONTEXTMENU_WARN_DECORATOR_NEEDS_REACT_ELEMENT),l;var c=l.props.onContextMenu;return t.cloneElement(l,{onContextMenu:function(t){if(!t.defaultPrevented){if((0,o.isFunction)(e.renderContextMenu)){var n=e.renderContextMenu(t);if(null!=n){var a=(0,u.isDarkTheme)(r.findDOMNode(e));t.preventDefault(),i.show(n,{left:t.clientX,top:t.clientY},e.onContextMenuClose,a)}}null==c||c(t)}}})},l}(a)).displayName="ContextMenuTarget(".concat((0,o.getDisplayName)(a),")"),l}
 },{"tslib":"CvJj","react":"HdMw","react-dom":"X9zx","../../common/errors":"AgjZ","../../common/utils":"MIjH","../../common/utils/isDarkTheme":"SjOj","./contextMenu":"HB6B"}],"r3xT":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DialogStep=void 0;var e=require("tslib"),t=u(require("classnames")),r=s(require("react")),n=require("../../common"),o=require("../../common/props");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var u=o?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(n,s,u):n[s]=e[s]}return n.default=e,r&&r.set(e,n),n}function u(e){return e&&e.__esModule?e:{default:e}}var i=function(a){function s(){return null!==a&&a.apply(this,arguments)||this}return(0,e.__extends)(s,a),s.prototype.render=function(){var e=this.props.className;return r.createElement("div",{className:n.Classes.DIALOG_STEP_CONTAINER},r.createElement("div",{className:(0,t.default)(n.Classes.DIALOG_STEP,e),role:"dialogsteplist"}))},s.displayName="".concat(o.DISPLAYNAME_PREFIX,".DialogStep"),s}(n.AbstractPureComponent2);exports.DialogStep=i;
-},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs"}],"hdqy":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MultistepDialog=void 0;var e=require("tslib"),t=d(require("classnames")),n=p(require("react")),s=require("../../common"),r=require("../../common/props"),i=require("../button/buttons"),o=require("./dialog"),a=require("./dialogStep");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var s={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(s,i,o):s[i]=e[i]}return s.default=e,n&&n.set(e,s),s}function d(e){return e&&e.__esModule?e:{default:e}}var u=0,c=800,h=function(a){function l(){var e=null!==a&&a.apply(this,arguments)||this;return e.state=e.getInitialIndexFromProps(e.props),e.renderDialogStep=function(r,i){var o,a=i+1,l=e.state.lastViewedIndex>=i,p=e.state.selectedIndex===i;return n.createElement("div",{className:(0,t.default)(s.Classes.DIALOG_STEP_CONTAINER,(o={},o[s.Classes.ACTIVE]=p,o[s.Classes.DIALOG_STEP_VIEWED]=l,o)),key:i},n.createElement("div",{className:s.Classes.DIALOG_STEP,onClick:e.handleClickDialogStep(i)},n.createElement("div",{className:s.Classes.DIALOG_STEP_ICON},a),n.createElement("div",{className:s.Classes.DIALOG_STEP_TITLE},r.props.title)))},e.handleClickDialogStep=function(t){if(!(t>e.state.lastViewedIndex))return e.getDialogStepChangeHandler(t)},e}return(0,e.__extends)(l,a),l.prototype.render=function(){var r,i=this.props,a=i.className,l=i.navigationPosition,p=i.showCloseButtonInFooter,d=i.isCloseButtonShown,u=(0,e.__rest)(i,["className","navigationPosition","showCloseButtonInFooter","isCloseButtonShown"]),c=!p&&d;return n.createElement(o.Dialog,(0,e.__assign)({isCloseButtonShown:c},u,{className:(0,t.default)((r={},r[s.Classes.MULTISTEP_DIALOG_NAV_RIGHT]="right"===l,r[s.Classes.MULTISTEP_DIALOG_NAV_TOP]="top"===l,r),a),style:this.getDialogStyle()}),n.createElement("div",{className:s.Classes.MULTISTEP_DIALOG_PANELS},this.renderLeftPanel(),this.maybeRenderRightPanel()))},l.prototype.componentDidUpdate=function(e){!e.resetOnClose&&e.initialStepIndex===this.props.initialStepIndex||e.isOpen||!this.props.isOpen||this.setState(this.getInitialIndexFromProps(this.props))},l.prototype.getDialogStyle=function(){return(0,e.__assign)({minWidth:c,paddingBottom:u},this.props.style)},l.prototype.renderLeftPanel=function(){return n.createElement("div",{className:s.Classes.MULTISTEP_DIALOG_LEFT_PANEL},this.getDialogStepChildren().filter(g).map(this.renderDialogStep))},l.prototype.maybeRenderRightPanel=function(){var e=this.getDialogStepChildren();if(e.length<=this.state.selectedIndex)return null;var r=e[this.state.selectedIndex].props,i=r.className,o=r.panel,a=r.panelClassName;return n.createElement("div",{className:(0,t.default)(s.Classes.MULTISTEP_DIALOG_RIGHT_PANEL,i,a)},o,this.renderFooter())},l.prototype.renderFooter=function(){var t=this.props,r=t.closeButtonProps,o=t.isCloseButtonShown,a=t.showCloseButtonInFooter,l=t.onClose,p=a&&o?n.createElement(i.Button,(0,e.__assign)({text:"Close",onClick:l},r)):void 0;return n.createElement("div",{className:s.Classes.MULTISTEP_DIALOG_FOOTER},p,n.createElement("div",{className:s.Classes.DIALOG_FOOTER_ACTIONS},this.renderButtons()))},l.prototype.renderButtons=function(){var t,s,r=this.state.selectedIndex,o=this.getDialogStepChildren(),a=[];if(this.state.selectedIndex>0){var l=null!==(t=o[r].props.backButtonProps)&&void 0!==t?t:this.props.backButtonProps;a.push(n.createElement(i.Button,(0,e.__assign)({key:"back",onClick:this.getDialogStepChangeHandler(r-1),text:"Back"},l)))}if(r===this.getDialogStepChildren().length-1)a.push(n.createElement(i.Button,(0,e.__assign)({intent:"primary",key:"final",text:"Submit"},this.props.finalButtonProps)));else{var p=null!==(s=o[r].props.nextButtonProps)&&void 0!==s?s:this.props.nextButtonProps;a.push(n.createElement(i.Button,(0,e.__assign)({intent:"primary",key:"next",onClick:this.getDialogStepChangeHandler(r+1),text:"Next"},p)))}return a},l.prototype.getDialogStepChangeHandler=function(e){var t=this;return function(n){if(void 0!==t.props.onChange){var s=t.getDialogStepChildren(),r=s[t.state.selectedIndex].props.id,i=s[e].props.id;t.props.onChange(i,r,n)}t.setState({lastViewedIndex:Math.max(t.state.lastViewedIndex,e),selectedIndex:e})}},l.prototype.getDialogStepChildren=function(e){return void 0===e&&(e=this.props),n.Children.toArray(e.children).filter(g)},l.prototype.getInitialIndexFromProps=function(e){if(void 0!==e.initialStepIndex){var t=Math.max(0,Math.min(e.initialStepIndex,this.getDialogStepChildren(e).length-1));return{lastViewedIndex:t,selectedIndex:t}}return{lastViewedIndex:0,selectedIndex:0}},l.displayName="".concat(r.DISPLAYNAME_PREFIX,".MultistepDialog"),l.defaultProps={canOutsideClickClose:!0,isOpen:!1,navigationPosition:"left",resetOnClose:!0,showCloseButtonInFooter:!1},l}(s.AbstractPureComponent2);function g(e){return s.Utils.isElementOfType(e,a.DialogStep)}exports.MultistepDialog=h;
-},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs","../button/buttons":"GWuz","./dialog":"EYJY","./dialogStep":"r3xT"}],"r58A":[function(require,module,exports) {
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs"}],"cFZs":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DialogStepButton=i;var t=require("tslib"),e=u(require("react")),r=require("../button/buttons"),n=require("../tooltip/tooltip");function o(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,r=new WeakMap;return(o=function(t){return t?r:e})(t)}function u(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var r=o(e);if(r&&r.has(t))return r.get(t);var n={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var a=u?Object.getOwnPropertyDescriptor(t,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=t[i]}return n.default=t,r&&r.set(t,n),n}function i(o){var u=o.tooltipContent,i=(0,t.__rest)(o,["tooltipContent"]),a=e.createElement(r.AnchorButton,(0,t.__assign)({},i));return void 0!==u?e.createElement(n.Tooltip,{content:u},a):a}
+},{"tslib":"CvJj","react":"HdMw","../button/buttons":"GWuz","../tooltip/tooltip":"NNF9"}],"hdqy":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MultistepDialog=void 0;var e=require("tslib"),t=d(require("classnames")),n=p(require("react")),s=require("../../common"),i=require("../../common/props"),o=require("./dialog"),r=require("./dialogStep"),a=require("./dialogStepButton");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var s={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var r=i?Object.getOwnPropertyDescriptor(e,o):null;r&&(r.get||r.set)?Object.defineProperty(s,o,r):s[o]=e[o]}return s.default=e,n&&n.set(e,s),s}function d(e){return e&&e.__esModule?e:{default:e}}var u=0,c=800,h=function(r){function l(){var e=null!==r&&r.apply(this,arguments)||this;return e.state=e.getInitialIndexFromProps(e.props),e.renderDialogStep=function(i,o){var r,a=o+1,l=e.state.lastViewedIndex>=o,p=e.state.selectedIndex===o;return n.createElement("div",{className:(0,t.default)(s.Classes.DIALOG_STEP_CONTAINER,(r={},r[s.Classes.ACTIVE]=p,r[s.Classes.DIALOG_STEP_VIEWED]=l,r)),key:o},n.createElement("div",{className:s.Classes.DIALOG_STEP,onClick:e.handleClickDialogStep(o)},n.createElement("div",{className:s.Classes.DIALOG_STEP_ICON},a),n.createElement("div",{className:s.Classes.DIALOG_STEP_TITLE},i.props.title)))},e.handleClickDialogStep=function(t){if(!(t>e.state.lastViewedIndex))return e.getDialogStepChangeHandler(t)},e}return(0,e.__extends)(l,r),l.prototype.render=function(){var i,r=this.props,a=r.className,l=r.navigationPosition,p=r.showCloseButtonInFooter,d=r.isCloseButtonShown,u=(0,e.__rest)(r,["className","navigationPosition","showCloseButtonInFooter","isCloseButtonShown"]),c=!p&&d;return n.createElement(o.Dialog,(0,e.__assign)({isCloseButtonShown:c},u,{className:(0,t.default)((i={},i[s.Classes.MULTISTEP_DIALOG_NAV_RIGHT]="right"===l,i[s.Classes.MULTISTEP_DIALOG_NAV_TOP]="top"===l,i),a),style:this.getDialogStyle()}),n.createElement("div",{className:s.Classes.MULTISTEP_DIALOG_PANELS},this.renderLeftPanel(),this.maybeRenderRightPanel()))},l.prototype.componentDidUpdate=function(e){!e.resetOnClose&&e.initialStepIndex===this.props.initialStepIndex||e.isOpen||!this.props.isOpen||this.setState(this.getInitialIndexFromProps(this.props))},l.prototype.getDialogStyle=function(){return(0,e.__assign)({minWidth:c,paddingBottom:u},this.props.style)},l.prototype.renderLeftPanel=function(){return n.createElement("div",{className:s.Classes.MULTISTEP_DIALOG_LEFT_PANEL},this.getDialogStepChildren().filter(g).map(this.renderDialogStep))},l.prototype.maybeRenderRightPanel=function(){var e=this.getDialogStepChildren();if(e.length<=this.state.selectedIndex)return null;var i=e[this.state.selectedIndex].props,o=i.className,r=i.panel,a=i.panelClassName;return n.createElement("div",{className:(0,t.default)(s.Classes.MULTISTEP_DIALOG_RIGHT_PANEL,o,a)},r,this.renderFooter())},l.prototype.renderFooter=function(){var t=this.props,i=t.closeButtonProps,o=t.isCloseButtonShown,r=t.showCloseButtonInFooter,l=t.onClose,p=r&&o?n.createElement(a.DialogStepButton,(0,e.__assign)({text:"Close",onClick:l},i)):void 0;return n.createElement("div",{className:s.Classes.MULTISTEP_DIALOG_FOOTER},p,n.createElement("div",{className:s.Classes.DIALOG_FOOTER_ACTIONS},this.renderButtons()))},l.prototype.renderButtons=function(){var t,s,i=this.state.selectedIndex,o=this.getDialogStepChildren(),r=[];if(this.state.selectedIndex>0){var l=null!==(t=o[i].props.backButtonProps)&&void 0!==t?t:this.props.backButtonProps;r.push(n.createElement(a.DialogStepButton,(0,e.__assign)({key:"back",onClick:this.getDialogStepChangeHandler(i-1),text:"Back"},l)))}if(i===this.getDialogStepChildren().length-1)r.push(n.createElement(a.DialogStepButton,(0,e.__assign)({intent:"primary",key:"final",text:"Submit"},this.props.finalButtonProps)));else{var p=null!==(s=o[i].props.nextButtonProps)&&void 0!==s?s:this.props.nextButtonProps;r.push(n.createElement(a.DialogStepButton,(0,e.__assign)({intent:"primary",key:"next",onClick:this.getDialogStepChangeHandler(i+1),text:"Next"},p)))}return r},l.prototype.getDialogStepChangeHandler=function(e){var t=this;return function(n){if(void 0!==t.props.onChange){var s=t.getDialogStepChildren(),i=s[t.state.selectedIndex].props.id,o=s[e].props.id;t.props.onChange(o,i,n)}t.setState({lastViewedIndex:Math.max(t.state.lastViewedIndex,e),selectedIndex:e})}},l.prototype.getDialogStepChildren=function(e){return void 0===e&&(e=this.props),n.Children.toArray(e.children).filter(g)},l.prototype.getInitialIndexFromProps=function(e){if(void 0!==e.initialStepIndex){var t=Math.max(0,Math.min(e.initialStepIndex,this.getDialogStepChildren(e).length-1));return{lastViewedIndex:t,selectedIndex:t}}return{lastViewedIndex:0,selectedIndex:0}},l.displayName="".concat(i.DISPLAYNAME_PREFIX,".MultistepDialog"),l.defaultProps={canOutsideClickClose:!0,isOpen:!1,navigationPosition:"left",resetOnClose:!0,showCloseButtonInFooter:!1},l}(s.AbstractPureComponent2);function g(e){return s.Utils.isElementOfType(e,r.DialogStep)}exports.MultistepDialog=h;
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs","./dialog":"EYJY","./dialogStep":"r3xT","./dialogStepButton":"cFZs"}],"r58A":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Divider=void 0;var e=require("tslib"),r=s(require("classnames")),t=u(require("react")),n=require("../../common"),a=require("../../common/classes"),o=require("../../common/props");function i(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:r})(e)}function u(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(r);if(t&&t.has(e))return t.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,t&&t.set(e,n),n}function s(e){return e&&e.__esModule?e:{default:e}}var c=function(n){function i(){return null!==n&&n.apply(this,arguments)||this}return(0,e.__extends)(i,n),i.prototype.render=function(){var n=this.props,o=n.className,i=n.tagName,u=void 0===i?"div":i,s=(0,e.__rest)(n,["className","tagName"]),c=(0,r.default)(a.DIVIDER,o);return t.createElement(u,(0,e.__assign)((0,e.__assign)({},s),{className:c}))},i.displayName="".concat(o.DISPLAYNAME_PREFIX,".Divider"),i}(n.AbstractPureComponent2);exports.Divider=c;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/classes":"A6xK","../../common/props":"hCEs"}],"VmMU":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Drawer=exports.DrawerSize=void 0;var e,t=require("tslib"),r=f(require("classnames")),n=_(require("react")),o=require("../../common"),s=_(require("../../common/errors")),i=require("../../common/position"),l=require("../../common/props"),a=require("../button/buttons"),u=require("../html/html"),c=require("../icon/icon"),p=require("../overlay/overlay");function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(m=function(e){return e?r:t})(e)}function _(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=m(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var i=o?Object.getOwnPropertyDescriptor(e,s):null;i&&(i.get||i.set)?Object.defineProperty(n,s,i):n[s]=e[s]}return n.default=e,r&&r.set(e,n),n}function f(e){return e&&e.__esModule?e:{default:e}}exports.DrawerSize=e,function(e){e.SMALL="360px",e.STANDARD="50%",e.LARGE="90%"}(e||(exports.DrawerSize=e={}));var d=function(e){function m(){return null!==e&&e.apply(this,arguments)||this}return(0,t.__extends)(m,e),m.prototype.render=function(){var e,s,l,a=this.props,u=a.size,c=a.style,m=a.position,_=(0,i.getPositionIgnoreAngles)(m),f=(0,r.default)(o.Classes.DRAWER,((e={})[null!==(l=o.Classes.positionClass(_))&&void 0!==l?l:""]=!0,e),this.props.className),d=null==u?c:(0,t.__assign)((0,t.__assign)({},c),((s={})[(0,i.isPositionHorizontal)(_)?"height":"width"]=u,s));return n.createElement(p.Overlay,(0,t.__assign)({},this.props,{className:o.Classes.OVERLAY_CONTAINER}),n.createElement("div",{className:f,style:d},this.maybeRenderHeader(),this.props.children))},m.prototype.validateProps=function(e){null==e.title&&(null!=e.icon&&console.warn(s.DIALOG_WARN_NO_HEADER_ICON),null!=e.isCloseButtonShown&&console.warn(s.DIALOG_WARN_NO_HEADER_CLOSE_BUTTON)),null!=e.position&&e.position!==(0,i.getPositionIgnoreAngles)(e.position)&&console.warn(s.DRAWER_ANGLE_POSITIONS_ARE_CASTED)},m.prototype.maybeRenderCloseButton=function(){return!1!==this.props.isCloseButtonShown?n.createElement(a.Button,{"aria-label":"Close",className:o.Classes.DIALOG_CLOSE_BUTTON,icon:n.createElement(c.Icon,{icon:"small-cross",size:c.IconSize.LARGE}),minimal:!0,onClick:this.props.onClose}):null},m.prototype.maybeRenderHeader=function(){var e=this.props,t=e.icon,r=e.title;return null==r?null:n.createElement("div",{className:o.Classes.DRAWER_HEADER},n.createElement(c.Icon,{icon:t,size:c.IconSize.LARGE}),n.createElement(u.H4,null,r),this.maybeRenderCloseButton())},m.displayName="".concat(l.DISPLAYNAME_PREFIX,".Drawer"),m.defaultProps={canOutsideClickClose:!0,isOpen:!1,position:"right",style:{}},m}(o.AbstractPureComponent2);exports.Drawer=d;
@@ -2943,9 +2945,11 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HotkeysDialog2=void 0;var e=require("tslib"),r=i(require("classnames")),t=s(require("react")),o=require("../../common"),a=require("../dialog/dialog"),n=require("./hotkey"),l=require("./hotkeys");function u(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(u=function(e){return e?t:r})(e)}function s(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=u(r);if(t&&t.has(e))return t.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=a?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(o,n,l):o[n]=e[n]}return o.default=e,t&&t.set(e,o),o}function i(e){return e&&e.__esModule?e:{default:e}}var c=function(u){var s=u.globalGroupName,i=void 0===s?"Global":s,c=u.hotkeys,f=(0,e.__rest)(u,["globalGroupName","hotkeys"]);return t.createElement(a.Dialog,(0,e.__assign)({},f,{className:(0,r.default)(o.Classes.HOTKEY_DIALOG,f.className)}),t.createElement("div",{className:o.Classes.DIALOG_BODY},t.createElement(l.Hotkeys,null,c.map(function(r,o){return t.createElement(n.Hotkey,(0,e.__assign)({key:o},r,{group:!0===r.global&&null==r.group?i:r.group}))}))))};exports.HotkeysDialog2=c;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../dialog/dialog":"EYJY","./hotkey":"Scac","./hotkeys":"XFlG"}],"eQAF":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HotkeysProvider=exports.HotkeysContext=void 0;var e=require("tslib"),r=s(require("react")),t=require("../../common/utils"),n=require("../../components/hotkeys/hotkeysDialog2");function o(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(o=function(e){return e?t:r})(e)}function s(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=o(r);if(t&&t.has(e))return t.get(e);var n={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=s?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(n,a,i):n[a]=e[a]}return n.default=e,t&&t.set(e,n),n}var a={hasProvider:!1,hotkeys:[],isDialogOpen:!1},i=function(){return null},l=r.createContext([a,i]);exports.HotkeysContext=l;var u=function(r,n){switch(n.type){case"ADD_HOTKEYS":for(var o=[],s=0,a=n.payload;s<a.length;s++){for(var i=a[s],l=!0,u=0,p=r.hotkeys;u<p.length;u++){var c=p[u];l&&(l=!(0,t.shallowCompareKeys)(i,c,{exclude:["onKeyDown","onKeyUp"]}))}l&&o.push(i)}return(0,e.__assign)((0,e.__assign)({},r),{hotkeys:(0,e.__spreadArray)((0,e.__spreadArray)([],r.hotkeys,!0),o,!0)});case"REMOVE_HOTKEYS":return(0,e.__assign)((0,e.__assign)({},r),{hotkeys:r.hotkeys.filter(function(e){return-1===n.payload.indexOf(e)})});case"OPEN_DIALOG":return(0,e.__assign)((0,e.__assign)({},r),{isDialogOpen:!0});case"CLOSE_DIALOG":return(0,e.__assign)((0,e.__assign)({},r),{isDialogOpen:!1});default:return r}},p=function(t){var o,s=t.children,i=t.dialogProps,p=t.renderDialog,c=t.value,_=null!=c,y=null!=c?c:r.useReducer(u,(0,e.__assign)((0,e.__assign)({},a),{hasProvider:!0})),f=y[0],d=y[1],g=r.useCallback(function(){return d({type:"CLOSE_DIALOG"})},[]),v=null!==(o=null==p?void 0:p(f,{handleDialogClose:g}))&&void 0!==o?o:r.createElement(n.HotkeysDialog2,(0,e.__assign)({},i,{isOpen:f.isDialogOpen,hotkeys:f.hotkeys,onClose:g}));return r.createElement(l.Provider,{value:[f,d]},s,_?void 0:v)};exports.HotkeysProvider=p;
-},{"tslib":"CvJj","react":"HdMw","../../common/utils":"MIjH","../../components/hotkeys/hotkeysDialog2":"vAGA"}],"DZcB":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"HotkeysContext",{enumerable:!0,get:function(){return e.HotkeysContext}}),Object.defineProperty(exports,"HotkeysProvider",{enumerable:!0,get:function(){return e.HotkeysProvider}});var e=require("./hotkeys/hotkeysProvider");
-},{"./hotkeys/hotkeysProvider":"eQAF"}],"ZKEE":[function(require,module,exports) {
+},{"tslib":"CvJj","react":"HdMw","../../common/utils":"MIjH","../../components/hotkeys/hotkeysDialog2":"vAGA"}],"xivj":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PortalProvider=exports.PortalContext=void 0;var e=require("tslib"),r=o(require("react"));function t(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,o=new WeakMap;return(t=function(e){return e?o:r})(e)}function o(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var o=t(r);if(o&&o.has(e))return o.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(n,i,u):n[i]=e[i]}return n.default=e,o&&o.set(e,n),n}var n=r.createContext({});exports.PortalContext=n;var a=function(t){var o=t.children,a=(0,e.__rest)(t,["children"]);return r.createElement(n.Provider,{value:a},o)};exports.PortalProvider=a;
+},{"tslib":"CvJj","react":"HdMw"}],"DZcB":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"HotkeysContext",{enumerable:!0,get:function(){return e.HotkeysContext}}),Object.defineProperty(exports,"HotkeysProvider",{enumerable:!0,get:function(){return e.HotkeysProvider}}),Object.defineProperty(exports,"PortalContext",{enumerable:!0,get:function(){return r.PortalContext}}),Object.defineProperty(exports,"PortalProvider",{enumerable:!0,get:function(){return r.PortalProvider}});var e=require("./hotkeys/hotkeysProvider"),r=require("./portal/portalProvider");
+},{"./hotkeys/hotkeysProvider":"eQAF","./portal/portalProvider":"xivj"}],"ZKEE":[function(require,module,exports) {
 var global = arguments[3];
 var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHotkeys=c;var t=require("tslib"),n=i(require("react")),o=require("../../common/errors"),r=require("../../components/hotkeys/hotkeyParser"),u=require("../../context");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}function i(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=a(t);if(n&&n.has(e))return n.get(e);var o={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=r?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(o,u,i):o[u]=e[u]}return o.default=e,n&&n.set(e,o),o}function c(e,a){void 0===a&&(a={});var i=a.document,c=void 0===i?l():i,p=a.showDialogKeyCombo,s=void 0===p?"?":p,y=n.useMemo(function(){return e.filter(function(e){return!e.global}).map(function(e){return{combo:(0,r.parseKeyCombo)(e.combo),config:e}})},[e]),v=n.useMemo(function(){return e.filter(function(e){return e.global}).map(function(e){return{combo:(0,r.parseKeyCombo)(e.combo),config:e}})},[e]),d=n.useContext(u.HotkeysContext),b=d[0],m=d[1];b.hasProvider||n.useEffect(function(){return console.warn(o.HOTKEYS_PROVIDER_NOT_FOUND)},[]),n.useEffect(function(){var e=(0,t.__spreadArray)((0,t.__spreadArray)([],v.map(function(e){return e.config}),!0),y.map(function(e){return e.config}),!0);return m({type:"ADD_HOTKEYS",payload:e}),function(){return m({type:"REMOVE_HOTKEYS",payload:e})}},[e]);var g=function(e,t,n,o){for(var u,a,i=f(o),c=0,l=e?v:y;c<l.length;c++){var p=l[c],s=p.config,d=s.allowInInput,b=void 0!==d&&d,m=s.disabled,g=void 0!==m&&m,O=s.preventDefault,w=void 0!==O&&O,E=s.stopPropagation,K=void 0!==E&&E;!(i&&!b||g)&&(0,r.comboMatches)(p.combo,t)&&(w&&o.preventDefault(),K&&(o.isPropagationStopped=!0,o.stopPropagation()),null===(a=(u=p.config)[n])||void 0===a||a.call(u,o))}},O=n.useCallback(function(e){var t=(0,r.getKeyCombo)(e);!f(e)&&(0,r.comboMatches)((0,r.parseKeyCombo)(s),t)?m({type:"OPEN_DIALOG"}):g(!0,(0,r.getKeyCombo)(e),"onKeyDown",e)},[v]),w=n.useCallback(function(e){return g(!0,(0,r.getKeyCombo)(e),"onKeyUp",e)},[v]),E=n.useCallback(function(e){return g(!1,(0,r.getKeyCombo)(e.nativeEvent),"onKeyDown",e.nativeEvent)},[y]),K=n.useCallback(function(e){return g(!1,(0,r.getKeyCombo)(e.nativeEvent),"onKeyUp",e.nativeEvent)},[y]);return n.useEffect(function(){return c.addEventListener("keydown",O),c.addEventListener("keyup",w),function(){c.removeEventListener("keydown",O),c.removeEventListener("keyup",w)}},[O,w]),{handleKeyDown:E,handleKeyUp:K}}function f(e){var t=e.target;if(null==t||null==t.closest)return!1;var n=t.closest("input, textarea, [contenteditable=true]");if(null==n)return!1;if("input"===n.tagName.toLowerCase()){var o=n.type;if("checkbox"===o||"radio"===o)return!1}return!n.readOnly}function l(){if("undefined"!=typeof window)return window.document}
 },{"tslib":"CvJj","react":"HdMw","../../common/errors":"AgjZ","../../components/hotkeys/hotkeyParser":"MJ11","../../context":"DZcB"}],"eFaS":[function(require,module,exports) {
@@ -2997,11 +3001,11 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs"}],"r1fS":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tabs=exports.Expander=void 0;var e=require("tslib"),t=c(require("classnames")),r=d(require("react")),n=require("../../common"),a=require("../../common/props"),i=d(require("../../common/utils")),s=require("./tab"),l=require("./tabTitle");function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(o=function(e){return e?r:t})(e)}function d(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=o(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=a?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}function c(e){return e&&e.__esModule?e:{default:e}}var p=function(){return r.createElement("div",{className:n.Classes.FLEX_EXPANDER})};exports.Expander=p;var u=".".concat(n.Classes.TAB),f=function(o){function d(a){var s=o.call(this,a)||this;s.tablistElement=null,s.refHandlers={tablist:function(e){return s.tablistElement=e}},s.handleKeyDown=function(e){var t,r=null===(t=i.getActiveElement(s.tablistElement))||void 0===t?void 0:t.closest(u);if(null!=r){var n=s.getTabElements().filter(function(e){return"false"===e.getAttribute("aria-disabled")}),a=n.indexOf(r),l=s.getKeyCodeDirection(e);if(a>=0&&void 0!==l){e.preventDefault();var o=n.length;n[(a+l+o)%o].focus()}}},s.handleKeyPress=function(e){var t=e.target.closest(u);null!=t&&n.Keys.isKeyboardClick(e.which)&&(e.preventDefault(),t.click())},s.handleTabClick=function(e,t){var r,n;null===(n=(r=s.props).onChange)||void 0===n||n.call(r,e,s.state.selectedTabId,t),void 0===s.props.selectedTabId&&s.setState({selectedTabId:e})},s.renderTabPanel=function(e){var a=e.props,i=a.className,o=a.panel,d=a.id,c=a.panelClassName;if(void 0!==o)return r.createElement("div",{"aria-labelledby":(0,l.generateTabTitleId)(s.props.id,d),"aria-hidden":d!==s.state.selectedTabId,className:(0,t.default)(n.Classes.TAB_PANEL,i,c),id:(0,l.generateTabPanelId)(s.props.id,d),key:d,role:"tabpanel"},o)},s.renderTabTitle=function(t){if(h(t)){var n=t.props.id;return r.createElement(l.TabTitle,(0,e.__assign)({},t.props,{parentId:s.props.id,onClick:s.handleTabClick,selected:n===s.state.selectedTabId}))}return t};var d=s.getInitialSelectedTabId();return s.state={selectedTabId:d},s}return(0,e.__extends)(d,o),d.getDerivedStateFromProps=function(e){var t=e.selectedTabId;return void 0!==t?{selectedTabId:t}:null},d.prototype.render=function(){var e,a,i=this.state,s=i.indicatorWrapperStyle,l=i.selectedTabId,o=r.Children.map(this.props.children,this.renderTabTitle),d=this.getTabChildren().filter(this.props.renderActiveTabPanelOnly?function(e){return e.props.id===l}:function(){return!0}).map(this.renderTabPanel),c=this.props.animate?r.createElement("div",{className:n.Classes.TAB_INDICATOR_WRAPPER,style:s},r.createElement("div",{className:n.Classes.TAB_INDICATOR})):null,p=(0,t.default)(n.Classes.TABS,((e={})[n.Classes.VERTICAL]=this.props.vertical,e),this.props.className),u=(0,t.default)(n.Classes.TAB_LIST,((a={})[n.Classes.LARGE]=this.props.large,a));return r.createElement("div",{className:p},r.createElement("div",{className:u,onKeyDown:this.handleKeyDown,onKeyPress:this.handleKeyPress,ref:this.refHandlers.tablist,role:"tablist"},c,o),d)},d.prototype.componentDidMount=function(){this.moveSelectionIndicator(!1)},d.prototype.componentDidUpdate=function(e,t){if(this.state.selectedTabId!==t.selectedTabId)this.moveSelectionIndicator();else if(null!=t.selectedTabId){!i.arraysEqual(this.getTabChildrenProps(e),this.getTabChildrenProps(),i.shallowCompareKeys)&&this.moveSelectionIndicator()}},d.prototype.getInitialSelectedTabId=function(){var e=this.props,t=e.defaultSelectedTabId,r=e.selectedTabId;if(void 0!==r)return r;if(void 0!==t)return t;var n=this.getTabChildren();return 0===n.length?void 0:n[0].props.id},d.prototype.getKeyCodeDirection=function(e){return b(e,n.Keys.ARROW_LEFT,n.Keys.ARROW_UP)?-1:b(e,n.Keys.ARROW_RIGHT,n.Keys.ARROW_DOWN)?1:void 0},d.prototype.getTabChildrenProps=function(e){return void 0===e&&(e=this.props),this.getTabChildren(e).map(function(e){return e.props})},d.prototype.getTabChildren=function(e){return void 0===e&&(e=this.props),r.Children.toArray(e.children).filter(h)},d.prototype.getTabElements=function(e){return void 0===e&&(e=""),null==this.tablistElement?[]:Array.from(this.tablistElement.querySelectorAll(u+e))},d.prototype.moveSelectionIndicator=function(e){if(void 0===e&&(e=!0),null!=this.tablistElement&&this.props.animate){var t="".concat(u,'[data-tab-id="').concat(this.state.selectedTabId,'"]'),r=this.tablistElement.querySelector(t),n={display:"none"};if(null!=r){var a=r.clientHeight,i=r.clientWidth,s=r.offsetLeft,l=r.offsetTop;n={height:a,transform:"translateX(".concat(Math.floor(s),"px) translateY(").concat(Math.floor(l),"px)"),width:i},e||(n.transition="none")}this.setState({indicatorWrapperStyle:n})}},d.Expander=p,d.Tab=s.Tab,d.defaultProps={animate:!0,large:!1,renderActiveTabPanelOnly:!1,vertical:!1},d.displayName="".concat(a.DISPLAYNAME_PREFIX,".Tabs"),d}(n.AbstractPureComponent2);function b(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return t.indexOf(e.which)>=0}function h(e){return i.isElementOfType(e,s.Tab)}exports.Tabs=f;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs","../../common/utils":"MIjH","./tab":"s3JE","./tabTitle":"E3TM"}],"mLQa":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;var e=require("tslib"),t=c(require("classnames")),n=o(require("react")),r=require("../../common"),i=require("../../common/utils"),a=require("../icon/icon"),s=require("../text/text");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function o(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=i?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}function c(e){return e&&e.__esModule?e:{default:e}}var u=function(l){function o(){var e=null!==l&&l.apply(this,arguments)||this;return e.tagId=r.Utils.uniqueId("tag"),e.onRemoveClick=function(t){var n,r;null===(r=(n=e.props).onRemove)||void 0===r||r.call(n,t,e.props)},e}return(0,e.__extends)(o,l),o.prototype.render=function(){var l,o=this.props,c=o.active,u=o.children,m=o.className,p=o.fill,d=o.icon,f=o.intent,v=o.interactive,I=o.large,b=o.minimal,C=o.multiline,g=o.onRemove,E=o.rightIcon,R=o.round,y=o.tabIndex,h=void 0===y?0:y,_=o.htmlTitle,A=o.elementRef,N=(0,e.__rest)(o,["active","children","className","fill","icon","intent","interactive","large","minimal","multiline","onRemove","rightIcon","round","tabIndex","htmlTitle","elementRef"]),x=r.Utils.isFunction(g),O=(0,t.default)(r.Classes.TAG,r.Classes.intentClass(f),((l={})[r.Classes.ACTIVE]=c,l[r.Classes.FILL]=p,l[r.Classes.INTERACTIVE]=v,l[r.Classes.LARGE]=I,l[r.Classes.MINIMAL]=b,l[r.Classes.ROUND]=R,l),m),T=I||O.indexOf(r.Classes.LARGE)>=0,M=x?n.createElement("button",{"aria-label":"Remove",type:"button",className:r.Classes.TAG_REMOVE,onClick:this.onRemoveClick,tabIndex:v?h:void 0},n.createElement(a.Icon,{icon:"small-cross",size:T?a.IconSize.LARGE:a.IconSize.STANDARD})):null;return n.createElement("span",(0,e.__assign)({},N,{"aria-labelledby":this.tagId,className:O,tabIndex:v?h:void 0,ref:A}),n.createElement(a.Icon,{icon:d}),!(0,i.isReactNodeEmpty)(u)&&n.createElement(s.Text,{className:r.Classes.FILL,ellipsize:!C,id:this.tagId,tagName:"span",title:_},u),n.createElement(a.Icon,{icon:E}),M)},o.displayName="".concat(r.DISPLAYNAME_PREFIX,".Tag"),o}(r.AbstractPureComponent2);exports.Tag=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tag=void 0;var e=require("tslib"),t=c(require("classnames")),n=o(require("react")),r=require("../../common"),i=require("../../common/utils"),a=require("../icon/icon"),s=require("../text/text");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function o(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=i?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}function c(e){return e&&e.__esModule?e:{default:e}}var u=function(l){function o(){var e=null!==l&&l.apply(this,arguments)||this;return e.onRemoveClick=function(t){var n,r;null===(r=(n=e.props).onRemove)||void 0===r||r.call(n,t,e.props)},e}return(0,e.__extends)(o,l),o.prototype.render=function(){var l,o=this.props,c=o.active,u=o.children,m=o.className,p=o.fill,f=o.icon,d=o.intent,v=o.interactive,I=o.large,C=o.minimal,E=o.multiline,R=o.onRemove,b=o.rightIcon,y=o.round,g=o.tabIndex,_=void 0===g?0:g,A=o.htmlTitle,N=o.elementRef,T=(0,e.__rest)(o,["active","children","className","fill","icon","intent","interactive","large","minimal","multiline","onRemove","rightIcon","round","tabIndex","htmlTitle","elementRef"]),h=r.Utils.isFunction(R),x=(0,t.default)(r.Classes.TAG,r.Classes.intentClass(d),((l={})[r.Classes.ACTIVE]=c,l[r.Classes.FILL]=p,l[r.Classes.INTERACTIVE]=v,l[r.Classes.LARGE]=I,l[r.Classes.MINIMAL]=C,l[r.Classes.ROUND]=y,l),m),O=I||x.indexOf(r.Classes.LARGE)>=0,M=h?n.createElement("button",{"aria-label":"Remove Tag",type:"button",className:r.Classes.TAG_REMOVE,onClick:this.onRemoveClick,tabIndex:v?_:void 0},n.createElement(a.Icon,{icon:"small-cross",size:O?a.IconSize.LARGE:a.IconSize.STANDARD})):null;return n.createElement("span",(0,e.__assign)({},T,{className:x,tabIndex:v?_:void 0,ref:N}),n.createElement(a.Icon,{icon:f}),!(0,i.isReactNodeEmpty)(u)&&n.createElement(s.Text,{className:r.Classes.FILL,ellipsize:!E,tagName:"span",title:A},u),n.createElement(a.Icon,{icon:b}),M)},o.displayName="".concat(r.DISPLAYNAME_PREFIX,".Tag"),o}(r.AbstractPureComponent2);exports.Tag=u;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/utils":"MIjH","../icon/icon":"Xg5P","../text/text":"Ew0x"}],"McKE":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagInput=void 0;var e=require("tslib"),t=p(require("classnames")),n=u(require("react")),a=require("../../common"),s=require("../../common/props"),r=require("../../common/utils"),i=require("../icon/icon"),o=require("../tag/tag");function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}function u(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var a={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=s?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}function p(e){return e&&e.__esModule?e:{default:e}}var d=-1,c=function(l){function u(){var t=null!==l&&l.apply(this,arguments)||this;return t.state={activeIndex:d,inputValue:t.props.inputValue||"",isInputFocused:!1},t.inputElement=null,t.handleRef=(0,a.refHandler)(t,"inputElement",t.props.inputRef),t.addTags=function(n,s){void 0===s&&(s="default");var r=t.props,i=r.inputValue,o=r.onAdd,l=r.onChange,u=r.values,p=t.getValues(n),d=!1!==(null==o?void 0:o(p,s))&&void 0===i;a.Utils.isFunction(l)&&(d=!1!==l((0,e.__spreadArray)((0,e.__spreadArray)([],u,!0),p,!0))&&d),d&&t.setState({inputValue:""})},t.maybeRenderTag=function(s,r){if(!s)return null;var i=t.props,l=i.large,u=i.tagProps,p=a.Utils.isFunction(u)?u(s,r):u;return n.createElement(o.Tag,(0,e.__assign)({active:r===t.state.activeIndex,"data-tag-index":r,key:s+"__"+r,large:l,onRemove:t.props.disabled?void 0:t.handleRemoveTag},p),s)},t.handleContainerClick=function(){var e;null===(e=t.inputElement)||void 0===e||e.focus()},t.handleContainerBlur=function(e){var n=e.currentTarget;t.requestAnimationFrame(function(){n.contains((0,r.getActiveElement)(t.inputElement))||(t.props.addOnBlur&&void 0!==t.state.inputValue&&t.state.inputValue.length>0&&t.addTags(t.state.inputValue,"blur"),t.setState({activeIndex:d,isInputFocused:!1}))})},t.handleInputFocus=function(e){var n,a;t.setState({isInputFocused:!0}),null===(a=null===(n=t.props.inputProps)||void 0===n?void 0:n.onFocus)||void 0===a||a.call(n,e)},t.handleInputChange=function(e){var n,a,s,r;t.setState({activeIndex:d,inputValue:e.currentTarget.value}),null===(a=(n=t.props).onInputChange)||void 0===a||a.call(n,e),null===(r=null===(s=t.props.inputProps)||void 0===s?void 0:s.onChange)||void 0===r||r.call(s,e)},t.handleInputKeyDown=function(e){var n=e.currentTarget,s=n.selectionEnd,r=n.value,i=t.state.activeIndex,o=i;if(e.which===a.Keys.ENTER&&r.length>0)t.addTags(r,"default");else if(0===s&&t.props.values.length>0)if(e.which===a.Keys.ARROW_LEFT||e.which===a.Keys.ARROW_RIGHT){var l=t.getNextActiveIndex(e.which===a.Keys.ARROW_RIGHT?1:-1);l!==i&&(e.stopPropagation(),o=l,t.setState({activeIndex:l}))}else e.which===a.Keys.BACKSPACE?t.handleBackspaceToRemove(e):e.which===a.Keys.DELETE&&t.handleDeleteToRemove(e);t.invokeKeyPressCallback("onKeyDown",e,o)},t.handleInputKeyUp=function(e){t.invokeKeyPressCallback("onKeyUp",e,t.state.activeIndex)},t.handleInputPaste=function(e){var n=t.props.separator,a=e.clipboardData.getData("text");t.props.addOnPaste&&0!==a.length&&!1!==n&&1!==a.split(n).length&&(e.preventDefault(),t.addTags(a,"paste"))},t.handleRemoveTag=function(e){var n=+e.currentTarget.parentElement.getAttribute("data-tag-index");t.removeIndexFromValues(n)},t}return(0,e.__extends)(u,l),u.getDerivedStateFromProps=function(e,t){return e.inputValue!==t.prevInputValueProp?{inputValue:e.inputValue,prevInputValueProp:e.inputValue}:null},u.prototype.render=function(){var s,r=this.props,o=r.className,l=r.disabled,u=r.fill,p=r.inputProps,c=r.intent,h=r.large,v=r.leftIcon,f=r.placeholder,g=r.values,I=(0,t.default)(a.Classes.INPUT,a.Classes.TAG_INPUT,((s={})[a.Classes.ACTIVE]=this.state.isInputFocused,s[a.Classes.DISABLED]=l,s[a.Classes.FILL]=u,s[a.Classes.LARGE]=h,s),a.Classes.intentClass(c),o),m=I.indexOf(a.Classes.LARGE)>d,y=g.some(function(e){return!!e}),x=null==f||y?null==p?void 0:p.placeholder:f;return n.createElement("div",{className:I,onBlur:this.handleContainerBlur,onClick:this.handleContainerClick},n.createElement(i.Icon,{className:a.Classes.TAG_INPUT_ICON,icon:v,size:m?i.IconSize.LARGE:i.IconSize.STANDARD}),n.createElement("div",{className:a.Classes.TAG_INPUT_VALUES},g.map(this.maybeRenderTag),this.props.children,n.createElement("input",(0,e.__assign)({value:this.state.inputValue},p,{onFocus:this.handleInputFocus,onChange:this.handleInputChange,onKeyDown:this.handleInputKeyDown,onKeyUp:this.handleInputKeyUp,onPaste:this.handleInputPaste,placeholder:x,ref:this.handleRef,className:(0,t.default)(a.Classes.INPUT_GHOST,null==p?void 0:p.className),disabled:l}))),this.props.rightElement)},u.prototype.componentDidUpdate=function(e){e.inputRef!==this.props.inputRef&&((0,a.setRef)(e.inputRef,null),this.handleRef=(0,a.refHandler)(this,"inputElement",this.props.inputRef),(0,a.setRef)(this.props.inputRef,this.inputElement))},u.prototype.getNextActiveIndex=function(e){var t=this.state.activeIndex;return t===d?e<0?this.findNextIndex(this.props.values.length,-1):d:this.findNextIndex(t,e)},u.prototype.findNextIndex=function(e,t){for(var n=this.props.values,s=e+t;s>0&&s<n.length&&!n[s];)s+=t;return a.Utils.clamp(s,0,n.length)},u.prototype.getValues=function(e){var t=this.props.separator;return(!1===t?[e]:e.split(t)).map(function(e){return e.trim()}).filter(function(e){return e.length>0})},u.prototype.handleBackspaceToRemove=function(e){var t=this.state.activeIndex;this.setState({activeIndex:this.getNextActiveIndex(-1)}),this.isValidIndex(t)&&(e.stopPropagation(),this.removeIndexFromValues(t))},u.prototype.handleDeleteToRemove=function(e){var t=this.state.activeIndex;this.isValidIndex(t)&&(e.stopPropagation(),this.removeIndexFromValues(t))},u.prototype.removeIndexFromValues=function(e){var t=this.props,n=t.onChange,a=t.onRemove,s=t.values;null==a||a(s[e],e),null==n||n(s.filter(function(t,n){return n!==e}))},u.prototype.invokeKeyPressCallback=function(e,t,n){var a,s,r,i;null===(s=(a=this.props)[e])||void 0===s||s.call(a,t,n===d?void 0:n),null===(i=(r=this.props.inputProps)[e])||void 0===i||i.call(r,t)},u.prototype.isValidIndex=function(e){return e!==d&&e<this.props.values.length},u.displayName="".concat(s.DISPLAYNAME_PREFIX,".TagInput"),u.defaultProps={addOnBlur:!1,addOnPaste:!0,inputProps:{},separator:/[,\n\r]/,tagProps:{}},u}(a.AbstractPureComponent2);exports.TagInput=c;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs","../../common/utils":"MIjH","../icon/icon":"Xg5P","../tag/tag":"mLQa"}],"uwWq":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toast=void 0;var t=require("tslib"),e=l(require("classnames")),o=c(require("react")),n=require("../../common"),r=require("../../common/props"),i=require("../button/buttonGroup"),s=require("../button/buttons"),u=require("../icon/icon");function a(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,o=new WeakMap;return(a=function(t){return t?o:e})(t)}function c(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var o=a(e);if(o&&o.has(t))return o.get(t);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var s=r?Object.getOwnPropertyDescriptor(t,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=t[i]}return n.default=t,o&&o.set(t,n),n}function l(t){return t&&t.__esModule?t:{default:t}}var p=function(a){function c(){var t=null!==a&&a.apply(this,arguments)||this;return t.handleActionClick=function(e){var o,n;null===(n=null===(o=t.props.action)||void 0===o?void 0:o.onClick)||void 0===n||n.call(o,e),t.triggerDismiss(!1)},t.handleCloseClick=function(){return t.triggerDismiss(!1)},t.startTimeout=function(){t.clearTimeouts(),t.props.timeout>0&&t.setTimeout(function(){return t.triggerDismiss(!0)},t.props.timeout)},t}return(0,t.__extends)(c,a),c.prototype.render=function(){var t=this.props,r=t.className,a=t.icon,c=t.intent,l=t.message;return o.createElement("div",{className:(0,e.default)(n.Classes.TOAST,n.Classes.intentClass(c),r),onBlur:this.startTimeout,onFocus:this.clearTimeouts,onMouseEnter:this.clearTimeouts,onMouseLeave:this.startTimeout,tabIndex:0},o.createElement(u.Icon,{icon:a}),o.createElement("span",{className:n.Classes.TOAST_MESSAGE,role:"alert"},l),o.createElement(i.ButtonGroup,{minimal:!0},this.maybeRenderActionButton(),o.createElement(s.Button,{"aria-label":"Close",icon:"cross",onClick:this.handleCloseClick})))},c.prototype.componentDidMount=function(){this.startTimeout()},c.prototype.componentDidUpdate=function(t){t.timeout!==this.props.timeout&&(this.props.timeout>0?this.startTimeout():this.clearTimeouts())},c.prototype.componentWillUnmount=function(){this.clearTimeouts()},c.prototype.maybeRenderActionButton=function(){var e=this.props.action;return null==e?void 0:o.createElement(s.AnchorButton,(0,t.__assign)({},e,{intent:void 0,onClick:this.handleActionClick}))},c.prototype.triggerDismiss=function(t){var e,o;this.clearTimeouts(),null===(o=(e=this.props).onDismiss)||void 0===o||o.call(e,t)},c.defaultProps={className:"",message:"",timeout:5e3},c.displayName="".concat(r.DISPLAYNAME_PREFIX,".Toast"),c}(n.AbstractPureComponent2);exports.Toast=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toast=void 0;var t=require("tslib"),e=c(require("classnames")),o=l(require("react")),n=require("../../common"),r=require("../../common/props"),i=require("../button/buttonGroup"),s=require("../button/buttons"),u=require("../icon/icon");function a(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,o=new WeakMap;return(a=function(t){return t?o:e})(t)}function l(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var o=a(e);if(o&&o.has(t))return o.get(t);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in t)if("default"!==i&&Object.prototype.hasOwnProperty.call(t,i)){var s=r?Object.getOwnPropertyDescriptor(t,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=t[i]}return n.default=t,o&&o.set(t,n),n}function c(t){return t&&t.__esModule?t:{default:t}}var p=function(a){function l(){var t=null!==a&&a.apply(this,arguments)||this;return t.handleActionClick=function(e){var o,n;null===(n=null===(o=t.props.action)||void 0===o?void 0:o.onClick)||void 0===n||n.call(o,e),t.triggerDismiss(!1)},t.handleCloseClick=function(){return t.triggerDismiss(!1)},t.startTimeout=function(){t.clearTimeouts(),t.props.timeout>0&&t.setTimeout(function(){return t.triggerDismiss(!0)},t.props.timeout)},t}return(0,t.__extends)(l,a),l.prototype.render=function(){var t=this.props,r=t.className,a=t.icon,l=t.intent,c=t.message,p=t.isCloseButtonShown;return o.createElement("div",{className:(0,e.default)(n.Classes.TOAST,n.Classes.intentClass(l),r),onBlur:this.startTimeout,onFocus:this.clearTimeouts,onMouseEnter:this.clearTimeouts,onMouseLeave:this.startTimeout,tabIndex:0},o.createElement(u.Icon,{icon:a}),o.createElement("span",{className:n.Classes.TOAST_MESSAGE,role:"alert"},c),o.createElement(i.ButtonGroup,{minimal:!0},this.maybeRenderActionButton(),p&&o.createElement(s.Button,{"aria-label":"Close",icon:"cross",onClick:this.handleCloseClick})))},l.prototype.componentDidMount=function(){this.startTimeout()},l.prototype.componentDidUpdate=function(t){t.timeout!==this.props.timeout&&(this.props.timeout>0?this.startTimeout():this.clearTimeouts())},l.prototype.componentWillUnmount=function(){this.clearTimeouts()},l.prototype.maybeRenderActionButton=function(){var e=this.props.action;return null==e?void 0:o.createElement(s.AnchorButton,(0,t.__assign)({},e,{intent:void 0,onClick:this.handleActionClick}))},l.prototype.triggerDismiss=function(t){var e,o;this.clearTimeouts(),null===(o=(e=this.props).onDismiss)||void 0===o||o.call(e,t)},l.defaultProps={className:"",isCloseButtonShown:!0,message:"",timeout:5e3},l.displayName="".concat(r.DISPLAYNAME_PREFIX,".Toast"),l}(n.AbstractPureComponent2);exports.Toast=p;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs","../button/buttonGroup":"n2uA","../button/buttons":"GWuz","../icon/icon":"Xg5P"}],"zNDe":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.OverlayToaster=exports.Toaster=void 0;var t=require("tslib"),e=f(require("classnames")),s=d(require("react")),r=d(require("react-dom")),o=require("../../common"),n=require("../../common/errors"),a=require("../../common/keys"),i=require("../../common/props"),u=require("../../common/utils"),c=require("../overlay/overlay"),l=require("./toast");function p(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,s=new WeakMap;return(p=function(t){return t?s:e})(t)}function d(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var s=p(e);if(s&&s.has(t))return s.get(t);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in t)if("default"!==n&&Object.prototype.hasOwnProperty.call(t,n)){var a=o?Object.getOwnPropertyDescriptor(t,n):null;a&&(a.get||a.set)?Object.defineProperty(r,n,a):r[n]=t[n]}return r.default=t,s&&s.set(t,r),r}function f(t){return t&&t.__esModule?t:{default:t}}var h=function(p){function d(){var e=null!==p&&p.apply(this,arguments)||this;return e.state={toasts:[]},e.toastId=0,e.renderToast=function(r){return s.createElement(l.Toast,(0,t.__assign)({},r,{onDismiss:e.getDismissHandler(r)}))},e.getDismissHandler=function(t){return function(s){e.dismiss(t.key,s)}},e.handleClose=function(t){t.which===a.ESCAPE&&e.clear()},e}return(0,t.__extends)(d,p),d.create=function(e,o){void 0===o&&(o=document.body),null==e||null==e.usePortal||(0,u.isNodeEnv)("production")||console.warn(n.TOASTER_WARN_INLINE);var a=document.createElement("div");o.appendChild(a);var i=r.render(s.createElement(d,(0,t.__assign)({},e,{usePortal:!1})),a);if(null==i)throw new Error(n.TOASTER_CREATE_NULL);return i},d.prototype.show=function(e,s){this.props.maxToasts&&this.dismissIfAtLimit();var r=this.createToastOptions(e,s);return void 0===s||this.isNewToastKey(s)?this.setState(function(e){return{toasts:(0,t.__spreadArray)([r],e.toasts,!0)}}):this.setState(function(t){return{toasts:t.toasts.map(function(t){return t.key===s?r:t})}}),r.key},d.prototype.dismiss=function(t,e){void 0===e&&(e=!1),this.setState(function(s){return{toasts:s.toasts.filter(function(s){var r,o=s.key===t;return o&&(null===(r=s.onDismiss)||void 0===r||r.call(s,e)),!o})}})},d.prototype.clear=function(){this.state.toasts.forEach(function(t){var e;return null===(e=t.onDismiss)||void 0===e?void 0:e.call(t,!1)}),this.setState({toasts:[]})},d.prototype.getToasts=function(){return this.state.toasts},d.prototype.render=function(){var t=(0,e.default)(o.Classes.TOAST_CONTAINER,this.getPositionClasses(),this.props.className);return s.createElement(c.Overlay,{autoFocus:this.props.autoFocus,canEscapeKeyClose:this.props.canEscapeKeyClear,canOutsideClickClose:!1,className:t,enforceFocus:!1,hasBackdrop:!1,isOpen:this.state.toasts.length>0||null!=this.props.children,onClose:this.handleClose,shouldReturnFocusOnClose:!1,transitionDuration:350,transitionName:o.Classes.TOAST,usePortal:this.props.usePortal},this.state.toasts.map(this.renderToast,this),this.props.children)},d.prototype.validateProps=function(t){var e=t.maxToasts;if(void 0!==e&&e<1)throw new Error(n.TOASTER_MAX_TOASTS_INVALID)},d.prototype.isNewToastKey=function(t){return this.state.toasts.every(function(e){return e.key!==t})},d.prototype.dismissIfAtLimit=function(){this.state.toasts.length===this.props.maxToasts&&this.dismiss(this.state.toasts[this.state.toasts.length-1].key)},d.prototype.createToastOptions=function(e,s){return void 0===s&&(s="toast-".concat(this.toastId++)),(0,t.__assign)((0,t.__assign)({},e),{key:s})},d.prototype.getPositionClasses=function(){var e=this.props.position.split("-");return(0,t.__spreadArray)((0,t.__spreadArray)([],e.map(function(t){return"".concat(o.Classes.TOAST_CONTAINER,"-").concat(t.toLowerCase())}),!0),["".concat(o.Classes.TOAST_CONTAINER,"-").concat(this.props.usePortal?"in-portal":"inline")],!1)},d.displayName="".concat(i.DISPLAYNAME_PREFIX,".Toaster"),d.defaultProps={autoFocus:!1,canEscapeKeyClear:!0,position:o.Position.TOP,usePortal:!0},d}(o.AbstractPureComponent2);exports.Toaster=h;var y=h;exports.OverlayToaster=y;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","react-dom":"X9zx","../../common":"OpAJ","../../common/errors":"AgjZ","../../common/keys":"DZgZ","../../common/props":"hCEs","../../common/utils":"MIjH","../overlay/overlay":"H0os","./toast":"uwWq"}],"Gshw":[function(require,module,exports) {
@@ -3034,9 +3038,13 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=r;var e=require("../enums.js");function r(e){return e.split("-")[0]}
 },{"../enums.js":"KwvA"}],"oQre":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.round=exports.min=exports.max=void 0;var r=Math.max;exports.max=r;var e=Math.min;exports.min=e;var t=Math.round;exports.round=t;
-},{}],"btCD":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=i;var t=require("./instanceOf.js"),e=require("../utils/math.js");function i(i,o){void 0===o&&(o=!1);var r=i.getBoundingClientRect(),h=1,f=1;if((0,t.isHTMLElement)(i)&&o){var n=i.offsetHeight,s=i.offsetWidth;s>0&&(h=(0,e.round)(r.width)/s||1),n>0&&(f=(0,e.round)(r.height)/n||1)}return{width:r.width/h,height:r.height/f,top:r.top/f,right:r.right/h,bottom:r.bottom/f,left:r.left/h,x:r.left/h,y:r.top/f}}
-},{"./instanceOf.js":"lOVC","../utils/math.js":"oQre"}],"bgU0":[function(require,module,exports) {
+},{}],"TiPP":[function(require,module,exports) {
+"use strict";function e(){var e=navigator.userAgentData;return null!=e&&e.brands?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=e;
+},{}],"PUSM":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=r;var e=t(require("../utils/userAgent.js"));function t(e){return e&&e.__esModule?e:{default:e}}function r(){return!/^((?!chrome|android).)*safari/i.test((0,e.default)())}
+},{"../utils/userAgent.js":"TiPP"}],"btCD":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=f;var e=require("./instanceOf.js"),t=require("../utils/math.js"),i=r(require("./getWindow.js")),o=r(require("./isLayoutViewport.js"));function r(e){return e&&e.__esModule?e:{default:e}}function f(r,f,s){void 0===f&&(f=!1),void 0===s&&(s=!1);var u=r.getBoundingClientRect(),d=1,n=1;f&&(0,e.isHTMLElement)(r)&&(d=r.offsetWidth>0&&(0,t.round)(u.width)/r.offsetWidth||1,n=r.offsetHeight>0&&(0,t.round)(u.height)/r.offsetHeight||1);var h=((0,e.isElement)(r)?(0,i.default)(r):window).visualViewport,l=!(0,o.default)()&&s,a=(u.left+(l&&h?h.offsetLeft:0))/d,g=(u.top+(l&&h?h.offsetTop:0))/n,p=u.width/d,w=u.height/n;return{width:p,height:w,top:g,right:a+p,bottom:g+w,left:a,x:a,y:g}}
+},{"./instanceOf.js":"lOVC","../utils/math.js":"oQre","./getWindow.js":"iP0B","./isLayoutViewport.js":"PUSM"}],"bgU0":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=f;var e=t(require("./getBoundingClientRect.js"));function t(e){return e&&e.__esModule?e:{default:e}}function f(t){var f=(0,e.default)(t),i=t.offsetWidth,h=t.offsetHeight;return Math.abs(f.width-i)<=1&&(i=f.width),Math.abs(f.height-h)<=1&&(h=f.height),{x:t.offsetLeft,y:t.offsetTop,width:i,height:h}}
 },{"./getBoundingClientRect.js":"btCD"}],"TozG":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=t;var e=require("./instanceOf.js");function t(t,o){var r=o.getRootNode&&o.getRootNode();if(t.contains(o))return!0;if(r&&(0,e.isShadowRoot)(r)){var i=o;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}
@@ -3049,8 +3057,8 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 },{"./instanceOf.js":"lOVC"}],"Tyrb":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=o;var e=u(require("./getNodeName.js")),t=u(require("./getDocumentElement.js")),r=require("./instanceOf.js");function u(e){return e&&e.__esModule?e:{default:e}}function o(u){return"html"===(0,e.default)(u)?u:u.assignedSlot||u.parentNode||((0,r.isShadowRoot)(u)?u.host:null)||(0,t.default)(u)}
 },{"./getNodeName.js":"hqUe","./getDocumentElement.js":"iOCj","./instanceOf.js":"lOVC"}],"Mnay":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=l;var e=a(require("./getWindow.js")),t=a(require("./getNodeName.js")),r=a(require("./getComputedStyle.js")),n=require("./instanceOf.js"),i=a(require("./isTableElement.js")),o=a(require("./getParentNode.js"));function a(e){return e&&e.__esModule?e:{default:e}}function u(e){return(0,n.isHTMLElement)(e)&&"fixed"!==(0,r.default)(e).position?e.offsetParent:null}function f(e){var i=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&(0,n.isHTMLElement)(e)&&"fixed"===(0,r.default)(e).position)return null;var a=(0,o.default)(e);for((0,n.isShadowRoot)(a)&&(a=a.host);(0,n.isHTMLElement)(a)&&["html","body"].indexOf((0,t.default)(a))<0;){var u=(0,r.default)(a);if("none"!==u.transform||"none"!==u.perspective||"paint"===u.contain||-1!==["transform","perspective"].indexOf(u.willChange)||i&&"filter"===u.willChange||i&&u.filter&&"none"!==u.filter)return a;a=a.parentNode}return null}function l(n){for(var o=(0,e.default)(n),a=u(n);a&&(0,i.default)(a)&&"static"===(0,r.default)(a).position;)a=u(a);return a&&("html"===(0,t.default)(a)||"body"===(0,t.default)(a)&&"static"===(0,r.default)(a).position)?o:a||f(n)||o}
-},{"./getWindow.js":"iP0B","./getNodeName.js":"hqUe","./getComputedStyle.js":"ro5C","./instanceOf.js":"lOVC","./isTableElement.js":"t2So","./getParentNode.js":"Tyrb"}],"w8hZ":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=s;var e=f(require("./getWindow.js")),t=f(require("./getNodeName.js")),r=f(require("./getComputedStyle.js")),i=require("./instanceOf.js"),n=f(require("./isTableElement.js")),u=f(require("./getParentNode.js")),l=f(require("../utils/userAgent.js"));function f(e){return e&&e.__esModule?e:{default:e}}function o(e){return(0,i.isHTMLElement)(e)&&"fixed"!==(0,r.default)(e).position?e.offsetParent:null}function a(e){var n=/firefox/i.test((0,l.default)());if(/Trident/i.test((0,l.default)())&&(0,i.isHTMLElement)(e)&&"fixed"===(0,r.default)(e).position)return null;var f=(0,u.default)(e);for((0,i.isShadowRoot)(f)&&(f=f.host);(0,i.isHTMLElement)(f)&&["html","body"].indexOf((0,t.default)(f))<0;){var o=(0,r.default)(f);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||n&&"filter"===o.willChange||n&&o.filter&&"none"!==o.filter)return f;f=f.parentNode}return null}function s(i){for(var u=(0,e.default)(i),l=o(i);l&&(0,n.default)(l)&&"static"===(0,r.default)(l).position;)l=o(l);return l&&("html"===(0,t.default)(l)||"body"===(0,t.default)(l)&&"static"===(0,r.default)(l).position)?u:l||a(i)||u}
+},{"./getWindow.js":"iP0B","./getNodeName.js":"hqUe","./getComputedStyle.js":"ro5C","./instanceOf.js":"lOVC","./isTableElement.js":"t2So","./getParentNode.js":"Tyrb","../utils/userAgent.js":"TiPP"}],"w8hZ":[function(require,module,exports) {
 "use strict";function e(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=e;
 },{}],"bTtH":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.within=r,exports.withinMaxClamp=t;var e=require("./math.js");function r(r,t,i){return(0,e.max)(r,(0,e.min)(t,i))}function t(e,t,i){var n=r(e,t,i);return n>i?i:n}
@@ -3077,8 +3085,8 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 },{"./getWindow.js":"iP0B"}],"pET8":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=l;var e=u(require("./getBoundingClientRect.js")),t=u(require("./getDocumentElement.js")),r=u(require("./getWindowScroll.js"));function u(e){return e&&e.__esModule?e:{default:e}}function l(u){return(0,e.default)((0,t.default)(u)).left+(0,r.default)(u).scrollLeft}
 },{"./getBoundingClientRect.js":"btCD","./getDocumentElement.js":"iOCj","./getWindowScroll.js":"aES8"}],"uJtB":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=u;var e=i(require("./getWindow.js")),t=i(require("./getDocumentElement.js")),r=i(require("./getWindowScrollBarX.js"));function i(e){return e&&e.__esModule?e:{default:e}}function u(i){var u=(0,e.default)(i),o=(0,t.default)(i),n=u.visualViewport,a=o.clientWidth,d=o.clientHeight,s=0,f=0;return n&&(a=n.width,d=n.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=n.offsetLeft,f=n.offsetTop)),{width:a,height:d,x:s+(0,r.default)(i),y:f}}
-},{"./getWindow.js":"iP0B","./getDocumentElement.js":"iOCj","./getWindowScrollBarX.js":"pET8"}],"xGf3":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=o;var e=u(require("./getWindow.js")),t=u(require("./getDocumentElement.js")),i=u(require("./getWindowScrollBarX.js")),r=u(require("./isLayoutViewport.js"));function u(e){return e&&e.__esModule?e:{default:e}}function o(u,o){var f=(0,e.default)(u),d=(0,t.default)(u),l=f.visualViewport,s=d.clientWidth,a=d.clientHeight,n=0,c=0;if(l){s=l.width,a=l.height;var h=(0,r.default)();(h||!h&&"fixed"===o)&&(n=l.offsetLeft,c=l.offsetTop)}return{width:s,height:a,x:n+(0,i.default)(u),y:c}}
+},{"./getWindow.js":"iP0B","./getDocumentElement.js":"iOCj","./getWindowScrollBarX.js":"pET8","./isLayoutViewport.js":"PUSM"}],"xGf3":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=u;var e=o(require("./getDocumentElement.js")),t=o(require("./getComputedStyle.js")),l=o(require("./getWindowScrollBarX.js")),i=o(require("./getWindowScroll.js")),r=require("../utils/math.js");function o(e){return e&&e.__esModule?e:{default:e}}function u(o){var u,d=(0,e.default)(o),c=(0,i.default)(o),n=null==(u=o.ownerDocument)?void 0:u.body,s=(0,r.max)(d.scrollWidth,d.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),a=(0,r.max)(d.scrollHeight,d.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),h=-c.scrollLeft+(0,l.default)(o),f=-c.scrollTop;return"rtl"===(0,t.default)(n||d).direction&&(h+=(0,r.max)(d.clientWidth,n?n.clientWidth:0)-s),{width:s,height:a,x:h,y:f}}
 },{"./getDocumentElement.js":"iOCj","./getComputedStyle.js":"ro5C","./getWindowScrollBarX.js":"pET8","./getWindowScroll.js":"aES8","../utils/math.js":"oQre"}],"T26w":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=r;var e=t(require("./getComputedStyle.js"));function t(e){return e&&e.__esModule?e:{default:e}}function r(t){var r=(0,e.default)(t),o=r.overflow,u=r.overflowX,l=r.overflowY;return/auto|scroll|overlay|hidden/.test(o+l+u)}
@@ -3089,11 +3097,11 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 },{"./getScrollParent.js":"zGGS","./getParentNode.js":"Tyrb","./getWindow.js":"iP0B","./isScrollParent.js":"T26w"}],"vA8j":[function(require,module,exports) {
 "use strict";function t(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=t;
 },{}],"MtyE":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=q;var e=require("../enums.js"),t=g(require("./getViewportRect.js")),r=g(require("./getDocumentRect.js")),i=g(require("./listScrollParents.js")),n=g(require("./getOffsetParent.js")),u=g(require("./getDocumentElement.js")),o=g(require("./getComputedStyle.js")),l=require("./instanceOf.js"),f=g(require("./getBoundingClientRect.js")),s=g(require("./getParentNode.js")),a=g(require("./contains.js")),c=g(require("./getNodeName.js")),d=g(require("../utils/rectToClientRect.js")),m=require("../utils/math.js");function g(e){return e&&e.__esModule?e:{default:e}}function p(e){var t=(0,f.default)(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}function h(i,n){return n===e.viewport?(0,d.default)((0,t.default)(i)):(0,l.isElement)(n)?p(n):(0,d.default)((0,r.default)((0,u.default)(i)))}function j(e){var t=(0,i.default)((0,s.default)(e)),r=["absolute","fixed"].indexOf((0,o.default)(e).position)>=0&&(0,l.isHTMLElement)(e)?(0,n.default)(e):e;return(0,l.isElement)(r)?t.filter(function(e){return(0,l.isElement)(e)&&(0,a.default)(e,r)&&"body"!==(0,c.default)(e)}):[]}function q(e,t,r){var i="clippingParents"===t?j(e):[].concat(t),n=[].concat(i,[r]),u=n[0],o=n.reduce(function(t,r){var i=h(e,r);return t.top=(0,m.max)(i.top,t.top),t.right=(0,m.min)(i.right,t.right),t.bottom=(0,m.min)(i.bottom,t.bottom),t.left=(0,m.max)(i.left,t.left),t},h(e,u));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=q;var e=require("../enums.js"),t=g(require("./getViewportRect.js")),r=g(require("./getDocumentRect.js")),i=g(require("./listScrollParents.js")),n=g(require("./getOffsetParent.js")),u=g(require("./getDocumentElement.js")),o=g(require("./getComputedStyle.js")),l=require("./instanceOf.js"),f=g(require("./getBoundingClientRect.js")),s=g(require("./getParentNode.js")),a=g(require("./contains.js")),c=g(require("./getNodeName.js")),d=g(require("../utils/rectToClientRect.js")),m=require("../utils/math.js");function g(e){return e&&e.__esModule?e:{default:e}}function p(e,t){var r=(0,f.default)(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function h(i,n,o){return n===e.viewport?(0,d.default)((0,t.default)(i,o)):(0,l.isElement)(n)?p(n,o):(0,d.default)((0,r.default)((0,u.default)(i)))}function j(e){var t=(0,i.default)((0,s.default)(e)),r=["absolute","fixed"].indexOf((0,o.default)(e).position)>=0&&(0,l.isHTMLElement)(e)?(0,n.default)(e):e;return(0,l.isElement)(r)?t.filter(function(e){return(0,l.isElement)(e)&&(0,a.default)(e,r)&&"body"!==(0,c.default)(e)}):[]}function q(e,t,r,i){var n="clippingParents"===t?j(e):[].concat(t),u=[].concat(n,[r]),o=u[0],l=u.reduce(function(t,r){var n=h(e,r,i);return t.top=(0,m.max)(n.top,t.top),t.right=(0,m.min)(n.right,t.right),t.bottom=(0,m.min)(n.bottom,t.bottom),t.left=(0,m.max)(n.left,t.left),t},h(e,o,i));return l.width=l.right-l.left,l.height=l.bottom-l.top,l.x=l.left,l.y=l.top,l}
 },{"../enums.js":"KwvA","./getViewportRect.js":"uJtB","./getDocumentRect.js":"xGf3","./listScrollParents.js":"inBY","./getOffsetParent.js":"Mnay","./getDocumentElement.js":"iOCj","./getComputedStyle.js":"ro5C","./instanceOf.js":"lOVC","./getBoundingClientRect.js":"btCD","./getParentNode.js":"Tyrb","./contains.js":"TozG","./getNodeName.js":"hqUe","../utils/rectToClientRect.js":"vA8j","../utils/math.js":"oQre"}],"HyU9":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=u;var e=i(require("./getBasePlacement.js")),t=i(require("./getVariation.js")),r=i(require("./getMainAxisFromPlacement.js")),a=require("../enums.js");function i(e){return e&&e.__esModule?e:{default:e}}function u(i){var u,l=i.reference,s=i.element,n=i.placement,h=n?(0,e.default)(n):null,c=n?(0,t.default)(n):null,d=l.x+l.width/2-s.width/2,f=l.y+l.height/2-s.height/2;switch(h){case a.top:u={x:d,y:l.y-s.height};break;case a.bottom:u={x:d,y:l.y+l.height};break;case a.right:u={x:l.x+l.width,y:f};break;case a.left:u={x:l.x-s.width,y:f};break;default:u={x:l.x,y:l.y}}var o=h?(0,r.default)(h):null;if(null!=o){var x="y"===o?"height":"width";switch(c){case a.start:u[o]=u[o]-(l[x]/2-s[x]/2);break;case a.end:u[o]=u[o]+(l[x]/2-s[x]/2)}}return u}
 },{"./getBasePlacement.js":"yLpD","./getVariation.js":"kB4N","./getMainAxisFromPlacement.js":"w8hZ","../enums.js":"KwvA"}],"lMQv":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=a;var e=l(require("../dom-utils/getClippingRect.js")),t=l(require("../dom-utils/getDocumentElement.js")),r=l(require("../dom-utils/getBoundingClientRect.js")),o=l(require("./computeOffsets.js")),i=l(require("./rectToClientRect.js")),n=require("../enums.js"),p=require("../dom-utils/instanceOf.js"),u=l(require("./mergePaddingObject.js")),s=l(require("./expandToHashMap.js"));function l(e){return e&&e.__esModule?e:{default:e}}function a(l,a){void 0===a&&(a={});var d=a,f=d.placement,m=void 0===f?l.placement:f,c=d.boundary,g=void 0===c?n.clippingParents:c,b=d.rootBoundary,j=void 0===b?n.viewport:b,v=d.elementContext,q=void 0===v?n.popper:v,x=d.altBoundary,y=void 0!==x&&x,O=d.padding,h=void 0===O?0:O,C=(0,u.default)("number"!=typeof h?h:(0,s.default)(h,n.basePlacements)),E=q===n.popper?n.reference:n.popper,P=l.rects.popper,_=l.elements[y?E:q],B=(0,e.default)((0,p.isElement)(_)?_:_.contextElement||(0,t.default)(l.elements.popper),g,j),M=(0,r.default)(l.elements.reference),R=(0,o.default)({reference:M,element:P,strategy:"absolute",placement:m}),D=(0,i.default)(Object.assign({},P,R)),T=q===n.popper?D:M,k={top:B.top-T.top+C.top,bottom:T.bottom-B.bottom+C.bottom,left:B.left-T.left+C.left,right:T.right-B.right+C.right},w=l.modifiersData.offset;if(q===n.popper&&w){var H=w[m];Object.keys(k).forEach(function(e){var t=[n.right,n.bottom].indexOf(e)>=0?1:-1,r=[n.top,n.bottom].indexOf(e)>=0?"y":"x";k[e]+=H[r]*t})}return k}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=l;var e=a(require("../dom-utils/getClippingRect.js")),t=a(require("../dom-utils/getDocumentElement.js")),r=a(require("../dom-utils/getBoundingClientRect.js")),o=a(require("./computeOffsets.js")),i=a(require("./rectToClientRect.js")),n=require("../enums.js"),p=require("../dom-utils/instanceOf.js"),s=a(require("./mergePaddingObject.js")),u=a(require("./expandToHashMap.js"));function a(e){return e&&e.__esModule?e:{default:e}}function l(a,l){void 0===l&&(l={});var d=l,f=d.placement,m=void 0===f?a.placement:f,c=d.strategy,g=void 0===c?a.strategy:c,b=d.boundary,v=void 0===b?n.clippingParents:b,j=d.rootBoundary,y=void 0===j?n.viewport:j,q=d.elementContext,x=void 0===q?n.popper:q,O=d.altBoundary,h=void 0!==O&&O,C=d.padding,E=void 0===C?0:C,P=(0,s.default)("number"!=typeof E?E:(0,u.default)(E,n.basePlacements)),_=x===n.popper?n.reference:n.popper,B=a.rects.popper,M=a.elements[h?_:x],R=(0,e.default)((0,p.isElement)(M)?M:M.contextElement||(0,t.default)(a.elements.popper),v,y,g),D=(0,r.default)(a.elements.reference),T=(0,o.default)({reference:D,element:B,strategy:"absolute",placement:m}),k=(0,i.default)(Object.assign({},B,T)),w=x===n.popper?k:D,H={top:R.top-w.top+P.top,bottom:w.bottom-R.bottom+P.bottom,left:R.left-w.left+P.left,right:w.right-R.right+P.right},z=a.modifiersData.offset;if(x===n.popper&&z){var A=z[m];Object.keys(H).forEach(function(e){var t=[n.right,n.bottom].indexOf(e)>=0?1:-1,r=[n.top,n.bottom].indexOf(e)>=0?"y":"x";H[e]+=A[r]*t})}return H}
 },{"../dom-utils/getClippingRect.js":"MtyE","../dom-utils/getDocumentElement.js":"iOCj","../dom-utils/getBoundingClientRect.js":"btCD","./computeOffsets.js":"HyU9","./rectToClientRect.js":"vA8j","../enums.js":"KwvA","../dom-utils/instanceOf.js":"lOVC","./mergePaddingObject.js":"YlSo","./expandToHashMap.js":"ZqdX"}],"YB6F":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=u;var e=a(require("./getVariation.js")),t=require("../enums.js"),r=a(require("./detectOverflow.js")),n=a(require("./getBasePlacement.js"));function a(e){return e&&e.__esModule?e:{default:e}}function u(a,u){void 0===u&&(u={});var o=u,i=o.placement,l=o.boundary,d=o.rootBoundary,s=o.padding,c=o.flipVariations,f=o.allowedAutoPlacements,m=void 0===f?t.placements:f,p=(0,e.default)(i),v=p?c?t.variationPlacements:t.variationPlacements.filter(function(t){return(0,e.default)(t)===p}):t.basePlacements,j=v.filter(function(e){return m.indexOf(e)>=0});0===j.length&&(j=v);var y=j.reduce(function(e,t){return e[t]=(0,r.default)(a,{placement:t,boundary:l,rootBoundary:d,padding:s})[(0,n.default)(t)],e},{});return Object.keys(y).sort(function(e,t){return y[e]-y[t]})}
 },{"./getVariation.js":"kB4N","../enums.js":"KwvA","./detectOverflow.js":"lMQv","./getBasePlacement.js":"yLpD"}],"sjJD":[function(require,module,exports) {
@@ -3115,7 +3123,7 @@ var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),export
 },{}],"ISrc":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=n;var e=l(require("./getWindowScroll.js")),t=l(require("./getWindow.js")),r=require("./instanceOf.js"),u=l(require("./getHTMLElementScroll.js"));function l(e){return e&&e.__esModule?e:{default:e}}function n(l){return l!==(0,t.default)(l)&&(0,r.isHTMLElement)(l)?(0,u.default)(l):(0,e.default)(l)}
 },{"./getWindowScroll.js":"aES8","./getWindow.js":"iP0B","./instanceOf.js":"lOVC","./getHTMLElementScroll.js":"MDXK"}],"At1X":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=f;var e=s(require("./getBoundingClientRect.js")),t=s(require("./getNodeScroll.js")),r=s(require("./getNodeName.js")),l=require("./instanceOf.js"),i=s(require("./getWindowScrollBarX.js")),u=s(require("./getDocumentElement.js")),o=s(require("./isScrollParent.js")),n=require("../utils/math.js");function s(e){return e&&e.__esModule?e:{default:e}}function d(e){var t=e.getBoundingClientRect(),r=(0,n.round)(t.width)/e.offsetWidth||1,l=(0,n.round)(t.height)/e.offsetHeight||1;return 1!==r||1!==l}function f(n,s,f){void 0===f&&(f=!1);var a=(0,l.isHTMLElement)(s),c=(0,l.isHTMLElement)(s)&&d(s),g=(0,u.default)(s),h=(0,e.default)(n,c),j={scrollLeft:0,scrollTop:0},q={x:0,y:0};return(a||!a&&!f)&&(("body"!==(0,r.default)(s)||(0,o.default)(g))&&(j=(0,t.default)(s)),(0,l.isHTMLElement)(s)?((q=(0,e.default)(s,!0)).x+=s.clientLeft,q.y+=s.clientTop):g&&(q.x=(0,i.default)(g))),{x:h.left+j.scrollLeft-q.x,y:h.top+j.scrollTop-q.y,width:h.width,height:h.height}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=f;var e=s(require("./getBoundingClientRect.js")),t=s(require("./getNodeScroll.js")),r=s(require("./getNodeName.js")),l=require("./instanceOf.js"),i=s(require("./getWindowScrollBarX.js")),u=s(require("./getDocumentElement.js")),o=s(require("./isScrollParent.js")),n=require("../utils/math.js");function s(e){return e&&e.__esModule?e:{default:e}}function d(e){var t=e.getBoundingClientRect(),r=(0,n.round)(t.width)/e.offsetWidth||1,l=(0,n.round)(t.height)/e.offsetHeight||1;return 1!==r||1!==l}function f(n,s,f){void 0===f&&(f=!1);var a=(0,l.isHTMLElement)(s),c=(0,l.isHTMLElement)(s)&&d(s),g=(0,u.default)(s),h=(0,e.default)(n,c,f),j={scrollLeft:0,scrollTop:0},q={x:0,y:0};return(a||!a&&!f)&&(("body"!==(0,r.default)(s)||(0,o.default)(g))&&(j=(0,t.default)(s)),(0,l.isHTMLElement)(s)?((q=(0,e.default)(s,!0)).x+=s.clientLeft,q.y+=s.clientTop):g&&(q.x=(0,i.default)(g))),{x:h.left+j.scrollLeft-q.x,y:h.top+j.scrollTop-q.y,width:h.width,height:h.height}}
 },{"./getBoundingClientRect.js":"btCD","./getNodeScroll.js":"ISrc","./getNodeName.js":"hqUe","./instanceOf.js":"lOVC","./getWindowScrollBarX.js":"pET8","./getDocumentElement.js":"iOCj","./isScrollParent.js":"T26w","../utils/math.js":"oQre"}],"ND1T":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=r;var e=require("../enums.js");function n(e){var n=new Map,r=new Set,t=[];return e.forEach(function(e){n.set(e.name,e)}),e.forEach(function(e){r.has(e.name)||function e(u){r.add(u.name),[].concat(u.requires||[],u.requiresIfExists||[]).forEach(function(t){if(!r.has(t)){var u=n.get(t);u&&e(u)}}),t.push(u)}(e)}),t}function r(r){var t=n(r);return e.modifierPhases.reduce(function(e,n){return e.concat(t.filter(function(e){return e.phase===n}))},[])}
 },{"../enums.js":"KwvA"}],"dSl1":[function(require,module,exports) {
@@ -3162,13 +3170,13 @@ var e="undefined"!=typeof Element,r="function"==typeof Map,t="function"==typeof
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Tooltip2=void 0;var e=require("tslib"),r=u(require("classnames")),t=l(require("react")),o=require("@blueprintjs/core"),n=l(require("./classes")),i=require("./popover2"),a=require("./popover2Arrow"),p=require("./tooltip2Context");function s(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(s=function(e){return e?t:r})(e)}function l(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=s(r);if(t&&t.has(e))return t.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=n?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(o,i,a):o[i]=e[i]}return o.default=e,t&&t.set(e,o),o}function u(e){return e&&e.__esModule?e:{default:e}}var c=function(s){function l(){var p=null!==s&&s.apply(this,arguments)||this;return p.popover=null,p.renderPopover=function(s){var l,u,c=p.props,f=c.children,d=c.disabled,v=c.intent,_=c.popoverClassName,y=(0,e.__rest)(c,["children","disabled","intent","popoverClassName"]),m=(0,r.default)(n.TOOLTIP2,((l={})[o.Classes.MINIMAL]=p.props.minimal,l),o.Classes.intentClass(v),_);return t.createElement(i.Popover2,(0,e.__assign)({interactionKind:i.Popover2InteractionKind.HOVER_TARGET_ONLY,modifiers:{arrow:{enabled:!p.props.minimal},offset:{options:{offset:[0,a.TOOLTIP_ARROW_SVG_SIZE/2]}}}},y,{autoFocus:!1,canEscapeKeyClose:!1,disabled:null!==(u=s.forceDisabled)&&void 0!==u?u:d,enforceFocus:!1,lazy:!0,popoverClassName:m,portalContainer:p.props.portalContainer,ref:function(e){return p.popover=e}}),f)},p}return(0,e.__extends)(l,s),l.prototype.render=function(){var r=this;return t.createElement(p.Tooltip2Context.Consumer,null,function(o){var n=o[0];return t.createElement(p.Tooltip2Provider,(0,e.__assign)({},n),r.renderPopover)})},l.prototype.reposition=function(){null!=this.popover&&this.popover.reposition()},l.displayName="".concat(o.DISPLAYNAME_PREFIX,".Tooltip2"),l.defaultProps={hoverCloseDelay:0,hoverOpenDelay:100,minimal:!1,transitionDuration:100},l}(t.PureComponent);exports.Tooltip2=c;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./classes":"e4eA","./popover2":"r9m3","./popover2Arrow":"xDTN","./tooltip2Context":"SE1S"}],"r9m3":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Popover2=exports.Popover2InteractionKind=void 0;var e=require("tslib"),o=P(require("classnames")),t=v(require("react")),n=require("react-popper"),r=require("@blueprintjs/core"),s=v(require("./classes")),a=require("./customModifiers"),i=v(require("./errors")),l=require("./popover2Arrow"),p=require("./popover2PlacementUtils"),u=require("./resizeSensor2"),c=require("./tooltip2"),d=require("./utils");function O(e){if("function"!=typeof WeakMap)return null;var o=new WeakMap,t=new WeakMap;return(O=function(e){return e?t:o})(e)}function v(e,o){if(!o&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=O(o);if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var a=r?Object.getOwnPropertyDescriptor(e,s):null;a&&(a.get||a.set)?Object.defineProperty(n,s,a):n[s]=e[s]}return n.default=e,t&&t.set(e,n),n}function P(e){return e&&e.__esModule?e:{default:e}}var E={CLICK:"click",CLICK_TARGET_ONLY:"click-target",HOVER:"hover",HOVER_TARGET_ONLY:"hover-target"};exports.Popover2InteractionKind=E;var f=function(O){function v(){var n=null!==O&&O.apply(this,arguments)||this;return n.state={hasDarkParent:!1,isOpen:n.getIsOpen(n.props)},n.popoverElement=null,n.targetElement=null,n.popoverRef=(0,r.refHandler)(n,"popoverElement",n.props.popoverRef),n.targetRef=function(e){return n.targetElement=e},n.isMouseInTargetOrPopover=!1,n.lostFocusOnSamePage=!0,n.isControlled=function(){return void 0!==n.props.isOpen},n.isArrowEnabled=function(){var e,o;return!n.props.minimal&&!1!==(null===(o=null===(e=n.props.modifiers)||void 0===e?void 0:e.arrow)||void 0===o?void 0:o.enabled)},n.isHoverInteractionKind=function(){return n.props.interactionKind===E.HOVER||n.props.interactionKind===E.HOVER_TARGET_ONLY},n.reposition=function(){var e;return null===(e=n.popperScheduleUpdate)||void 0===e?void 0:e.call(n)},n.renderTarget=function(a){var i,l,p,d,O=a.ref,v=n.props,P=v.children,f=v.className,_=v.fill,h=v.openOnTargetFocus,g=v.renderTarget,m=n.state.isOpen,R=n.isControlled(),T=n.isHoverInteractionKind(),C=n.props.targetTagName;_&&(C="div");var I,y=(0,r.mergeRefs)(O,n.targetRef),S=T?{onBlur:n.handleTargetBlur,onContextMenu:n.handleTargetContextMenu,onFocus:n.handleTargetFocus,onMouseEnter:n.handleMouseEnter,onMouseLeave:n.handleMouseLeave}:{onClick:n.handleTargetClick,onKeyDown:function(e){return r.Keys.isKeyboardClick(e.keyCode)&&n.handleTargetClick(e)}},N=h&&T?0:void 0,A=(0,e.__assign)({"aria-haspopup":null!==(p=n.props.popupKind)&&void 0!==p?p:n.props.interactionKind===E.HOVER_TARGET_ONLY?void 0:"true",className:(0,o.default)(f,s.POPOVER2_TARGET,(i={},i[s.POPOVER2_OPEN]=m,i[r.Classes.ACTIVE]=!R&&m&&!T,i)),ref:y},S);if(void 0!==g)I=g((0,e.__assign)((0,e.__assign)({},A),{isOpen:m,tabIndex:N}));else{var D=r.Utils.ensureElement(t.Children.toArray(P)[0]);if(void 0===D)return null;var M=((l={})[r.Classes.ACTIVE]=m&&!R&&!T,l[r.Classes.FILL]=_,l),V=t.cloneElement(D,{className:(0,o.default)(D.props.className,M),disabled:!(!m||!r.Utils.isElementOfType(D,c.Tooltip2))||D.props.disabled,tabIndex:null!==(d=D.props.tabIndex)&&void 0!==d?d:N});I=t.createElement(C,A,V)}return t.createElement(u.ResizeSensor2,{targetRef:y,onResize:n.reposition},I)},n.renderPopover=function(a){var i,p,c=n.props,O=c.interactionKind,v=c.shouldReturnFocusOnClose,P=c.usePortal,f=n.state.isOpen,_=(0,d.getTransformOrigin)(a.placement,n.isArrowEnabled()?a.arrowProps.style:void 0);n.popperScheduleUpdate=a.update;var h={onClick:n.handlePopoverClick,onKeyDown:function(e){return r.Keys.isKeyboardClick(e.keyCode)&&n.handlePopoverClick(e)}};(O===E.HOVER||!P&&O===E.HOVER_TARGET_ONLY)&&(h.onMouseEnter=n.handleMouseEnter,h.onMouseLeave=n.handleMouseLeave);var g=(0,d.getBasePlacement)(a.placement),m=(0,o.default)(s.POPOVER2,((i={})[r.Classes.DARK]=n.props.inheritDarkTheme&&n.state.hasDarkParent,i[r.Classes.MINIMAL]=n.props.minimal,i[s.POPOVER2_CAPTURING_DISMISS]=n.props.captureDismiss,i[s.POPOVER2_MATCH_TARGET_WIDTH]=n.props.matchTargetWidth,i[s.POPOVER2_REFERENCE_HIDDEN]=!0===a.isReferenceHidden,i[s.POPOVER2_POPPER_ESCAPED]=!0===a.hasPopperEscaped,i),"".concat(s.POPOVER2_CONTENT_PLACEMENT,"-").concat(g),n.props.popoverClassName),R=!n.isHoverInteractionKind()&&void 0;return t.createElement(r.Overlay,{autoFocus:null!==(p=n.props.autoFocus)&&void 0!==p?p:R,backdropClassName:s.POPOVER2_BACKDROP,backdropProps:n.props.backdropProps,canEscapeKeyClose:n.props.canEscapeKeyClose,canOutsideClickClose:n.props.interactionKind===E.CLICK,enforceFocus:n.props.enforceFocus,hasBackdrop:n.props.hasBackdrop,isOpen:f,onClose:n.handleOverlayClose,onClosed:n.props.onClosed,onClosing:n.props.onClosing,onOpened:n.props.onOpened,onOpening:n.props.onOpening,transitionDuration:n.props.transitionDuration,transitionName:s.POPOVER2,usePortal:n.props.usePortal,portalClassName:n.props.portalClassName,portalContainer:n.props.portalContainer,shouldReturnFocusOnClose:!n.isHoverInteractionKind()&&v},t.createElement("div",{className:s.POPOVER2_TRANSITION_CONTAINER,ref:a.ref,style:a.style},t.createElement(u.ResizeSensor2,{onResize:n.reposition},t.createElement("div",(0,e.__assign)({className:m,style:{transformOrigin:_},ref:n.popoverRef},h),n.isArrowEnabled()&&t.createElement(l.Popover2Arrow,{arrowProps:a.arrowProps,placement:a.placement}),t.createElement("div",{className:s.POPOVER2_CONTENT},n.props.content)))))},n.handleTargetFocus=function(e){if(n.props.openOnTargetFocus&&n.isHoverInteractionKind()){if(null==e.relatedTarget&&!n.lostFocusOnSamePage)return;n.handleMouseEnter(e)}},n.handleTargetBlur=function(e){n.props.openOnTargetFocus&&n.isHoverInteractionKind()&&(null!=e.relatedTarget&&(e.relatedTarget===n.popoverElement||n.isElementInPopover(e.relatedTarget))||n.handleMouseLeave(e)),n.lostFocusOnSamePage=null!=e.relatedTarget},n.handleTargetContextMenu=function(e){e.defaultPrevented&&n.setOpenState(!1,e)},n.handleMouseEnter=function(e){n.isMouseInTargetOrPopover=!0,n.props.usePortal||!n.isElementInPopover(e.target)||n.props.interactionKind!==E.HOVER_TARGET_ONLY||n.props.openOnTargetFocus?n.props.disabled||n.setOpenState(!0,e,n.props.hoverOpenDelay):n.handleMouseLeave(e)},n.handleMouseLeave=function(e){n.isMouseInTargetOrPopover=!1,n.setTimeout(function(){n.isMouseInTargetOrPopover||n.setOpenState(!1,e,n.props.hoverCloseDelay)})},n.handlePopoverClick=function(e){var o,t,a,i,l=e.target,p=l.closest(".".concat(s.POPOVER2)),u=l.closest(".".concat(r.Classes.POPOVER)),c=(null!=p?p:u)===n.getPopoverElement(),d=null!==(t=null!==(o=null==p?void 0:p.classList.contains(s.POPOVER2_CAPTURING_DISMISS))&&void 0!==o?o:null==u?void 0:u.classList.contains(r.Classes.POPOVER_CAPTURING_DISMISS))&&void 0!==t&&t,O=l.closest(".".concat(s.POPOVER2_DISMISS,", .").concat(s.POPOVER2_DISMISS_OVERRIDE)),v=l.closest(".".concat(r.Classes.POPOVER_DISMISS,", .").concat(r.Classes.POPOVER_DISMISS_OVERRIDE)),P=null!==(i=null!==(a=null==O?void 0:O.classList.contains(s.POPOVER2_DISMISS))&&void 0!==a?a:null==v?void 0:v.classList.contains(r.Classes.POPOVER_DISMISS))&&void 0!==i&&i,E=null!=l.closest(":disabled, .".concat(r.Classes.DISABLED));!P||E||d&&!c||n.setOpenState(!1,e)},n.handleOverlayClose=function(e){if(null!==n.targetElement&&void 0!==e){var o=e.target;(!r.Utils.elementIsOrContains(n.targetElement,o)||e.nativeEvent instanceof KeyboardEvent)&&n.setOpenState(!1,e)}},n.handleTargetClick=function(e){n.props.disabled||n.isElementInPopover(e.target)||(null==n.props.isOpen?n.setState(function(e){return{isOpen:!e.isOpen}}):n.setOpenState(!n.props.isOpen,e))},n}return(0,e.__extends)(v,O),v.prototype.getPopoverElement=function(){var e;return null===(e=this.popoverElement)||void 0===e?void 0:e.querySelector(".".concat(s.POPOVER2))},v.prototype.getIsOpen=function(e){var o;return!e.disabled&&(null!==(o=e.isOpen)&&void 0!==o?o:e.defaultIsOpen)},v.prototype.render=function(){var e=this.props,o=e.disabled,s=e.content,a=e.placement,l=e.position,u=void 0===l?"auto":l,c=e.positioningStrategy,d=this.state.isOpen;return null==s||"string"==typeof s&&""===s.trim()?(o||!1===d||r.Utils.isNodeEnv("production")||console.warn(i.POPOVER2_WARN_EMPTY_CONTENT),this.renderTarget({ref:_})):t.createElement(n.Manager,null,t.createElement(n.Reference,null,this.renderTarget),t.createElement(n.Popper,{innerRef:this.popoverRef,placement:null!=a?a:(0,p.positionToPlacement)(u),strategy:c,modifiers:this.getPopperModifiers()},this.renderPopover))},v.prototype.componentDidMount=function(){this.updateDarkParent()},v.prototype.componentDidUpdate=function(e,o){O.prototype.componentDidUpdate.call(this,e,o),this.updateDarkParent();var t=this.getIsOpen(this.props);null!=this.props.isOpen&&t!==this.state.isOpen?(this.setOpenState(t),this.setState({isOpen:t})):this.props.disabled&&this.state.isOpen&&null==this.props.isOpen&&this.setOpenState(!1)},v.prototype.validateProps=function(e){null==e.isOpen&&null!=e.onInteraction&&console.warn(i.POPOVER2_WARN_UNCONTROLLED_ONINTERACTION),e.hasBackdrop&&!e.usePortal&&console.warn(i.POPOVER2_WARN_HAS_BACKDROP_INLINE),e.hasBackdrop&&e.interactionKind!==E.CLICK&&console.warn(i.POPOVER2_HAS_BACKDROP_INTERACTION),void 0!==e.placement&&void 0!==e.position&&console.warn(i.POPOVER2_WARN_PLACEMENT_AND_POSITION_MUTEX);var o=t.Children.count(e.children),n=void 0!==e.renderTarget;0!==o||n||console.warn(i.POPOVER2_REQUIRES_TARGET),o>1&&console.warn(i.POPOVER2_WARN_TOO_MANY_CHILDREN),o>0&&n&&console.warn(i.POPOVER2_WARN_DOUBLE_TARGET)},v.prototype.getPopperModifiers=function(){var o,t,n,r,s=this.props,i=s.matchTargetWidth,p=s.modifiers,u=s.modifiersCustom,c=[(0,e.__assign)({enabled:this.isArrowEnabled(),name:"arrow"},null==p?void 0:p.arrow),(0,e.__assign)((0,e.__assign)({name:"computeStyles"},null==p?void 0:p.computeStyles),{options:(0,e.__assign)({adaptive:!0,gpuAcceleration:!1},null===(o=null==p?void 0:p.computeStyles)||void 0===o?void 0:o.options)}),(0,e.__assign)((0,e.__assign)({enabled:this.isArrowEnabled(),name:"offset"},null==p?void 0:p.offset),{options:(0,e.__assign)({offset:[0,l.POPOVER_ARROW_SVG_SIZE/2]},null===(t=null==p?void 0:p.offset)||void 0===t?void 0:t.options)}),(0,e.__assign)((0,e.__assign)({name:"flip"},null==p?void 0:p.flip),{options:(0,e.__assign)({boundary:this.props.boundary,rootBoundary:this.props.rootBoundary},null===(n=null==p?void 0:p.flip)||void 0===n?void 0:n.options)}),(0,e.__assign)((0,e.__assign)({name:"preventOverflow"},null==p?void 0:p.preventOverflow),{options:(0,e.__assign)({boundary:this.props.boundary,rootBoundary:this.props.rootBoundary},null===(r=null==p?void 0:p.preventOverflow)||void 0===r?void 0:r.options)})];return i&&c.push(a.matchReferenceWidthModifier),void 0!==u&&c.push.apply(c,u),c},v.prototype.setOpenState=function(e,o,t){var n,r,s,a,i,l=this;null===(n=this.cancelOpenTimeout)||void 0===n||n.call(this),void 0!==t&&t>0?this.cancelOpenTimeout=this.setTimeout(function(){return l.setOpenState(e,o)},t):(null==this.props.isOpen?this.setState({isOpen:e}):null===(s=(r=this.props).onInteraction)||void 0===s||s.call(r,e,o),e||null===(i=(a=this.props).onClose)||void 0===i||i.call(a,o))},v.prototype.updateDarkParent=function(){if(this.props.usePortal&&this.state.isOpen){var e=null!=this.targetElement&&null!=this.targetElement.closest(".".concat(r.Classes.DARK));this.setState({hasDarkParent:e})}},v.prototype.isElementInPopover=function(e){var o,t;return null!==(t=null===(o=this.getPopoverElement())||void 0===o?void 0:o.contains(e))&&void 0!==t&&t},v.displayName="".concat(r.DISPLAYNAME_PREFIX,".Popover2"),v.defaultProps={boundary:"clippingParents",captureDismiss:!1,defaultIsOpen:!1,disabled:!1,fill:!1,hasBackdrop:!1,hoverCloseDelay:300,hoverOpenDelay:150,inheritDarkTheme:!0,interactionKind:E.CLICK,matchTargetWidth:!1,minimal:!1,openOnTargetFocus:!0,positioningStrategy:"absolute",renderTarget:void 0,shouldReturnFocusOnClose:!1,targetTagName:"span",transitionDuration:300,usePortal:!0},v}(r.AbstractPureComponent2);function _(){}exports.Popover2=f;
-},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","react-popper":"inwT","@blueprintjs/core":"Ydrz","./classes":"e4eA","./customModifiers":"IPPO","./errors":"gQJg","./popover2Arrow":"xDTN","./popover2PlacementUtils":"niUB","./resizeSensor2":"HAyF","./tooltip2":"d4OQ","./utils":"qM4c"}],"S1tg":[function(require,module,exports) {
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","react-popper":"inwT","@blueprintjs/core":"Ydrz","./classes":"e4eA","./customModifiers":"IPPO","./errors":"gQJg","./popover2Arrow":"xDTN","./popover2PlacementUtils":"niUB","./resizeSensor2":"HAyF","./tooltip2":"d4OQ","./utils":"qM4c"}],"bLlA":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Breadcrumbs2=void 0;var e=require("tslib"),r=l(require("classnames")),t=a(require("react")),n=require("@blueprintjs/core"),o=require("./popover2");function s(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(s=function(e){return e?t:r})(e)}function a(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=s(r);if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}return n.default=e,t&&t.set(e,n),n}function l(e){return e&&e.__esModule?e:{default:e}}var u=function(s){function a(){var r=null!==s&&s.apply(this,arguments)||this;return r.renderOverflow=function(s){var a=r.props,l=a.collapseFrom,u=a.popoverProps,i=s;return l===n.Boundary.START&&(i=s.slice().reverse()),t.createElement("li",null,t.createElement(o.Popover2,(0,e.__assign)({placement:l===n.Boundary.END?"bottom-end":"bottom-start",disabled:0===i.length,content:t.createElement(n.Menu,null,i.map(r.renderOverflowBreadcrumb))},u),t.createElement("span",{className:n.Classes.BREADCRUMBS_COLLAPSED})))},r.renderOverflowBreadcrumb=function(r,o){var s=null!=r.href||null!=r.onClick,a=(0,n.removeNonHTMLProps)(r);return t.createElement(n.MenuItem,(0,e.__assign)({disabled:!s},a,{text:r.text,key:o}))},r.renderBreadcrumbWrapper=function(e,n){var o=r.props.items[r.props.items.length-1]===e;return t.createElement("li",{key:n},r.renderBreadcrumb(e,o))},r}return(0,e.__extends)(a,s),a.prototype.render=function(){var o=this.props,s=o.className,a=o.collapseFrom,l=o.items,u=o.minVisibleItems,i=o.overflowListProps,c=void 0===i?{}:i;return t.createElement(n.OverflowList,(0,e.__assign)({collapseFrom:a,minVisibleItems:u,tagName:"ul"},c,{className:(0,r.default)(n.Classes.BREADCRUMBS,c.className,s),items:l,overflowRenderer:this.renderOverflow,visibleItemRenderer:this.renderBreadcrumbWrapper}))},a.prototype.renderBreadcrumb=function(r,o){return o&&null!=this.props.currentBreadcrumbRenderer?this.props.currentBreadcrumbRenderer(r):null!=this.props.breadcrumbRenderer?this.props.breadcrumbRenderer(r):t.createElement(n.Breadcrumb,(0,e.__assign)({current:o},r))},a.defaultProps={collapseFrom:n.Boundary.START},a}(n.AbstractPureComponent2);exports.Breadcrumbs2=u;
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./popover2":"r9m3"}],"mDEr":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContextMenu2=void 0;var e=require("tslib"),t=s(require("classnames")),n=l(require("react")),r=require("@blueprintjs/core"),o=l(require("./classes")),a=require("./popover2"),i=require("./tooltip2Context");function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function l(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}function s(e){return e&&e.__esModule?e:{default:e}}var c=n.forwardRef(function(u,l){var s,c,f,d=u.className,v=u.children,E=u.content,m=u.disabled,_=void 0!==m&&m,C=u.onContextMenu,T=u.popoverProps,O=u.tagName,y=void 0===O?"div":O,M=(0,e.__rest)(u,["className","children","content","disabled","onContextMenu","popoverProps","tagName"]),N=n.useContext(i.Tooltip2Context)[1],b=n.useState(void 0),P=b[0],x=b[1],D=n.useState(),g=D[0],S=D[1],k=n.useState(!1),R=k[0],A=k[1],U=n.useRef(null);n.useEffect(function(){A(!1),N({type:"RESET_DISABLED_STATE"})},[_]);var j=n.useCallback(function(e){return e.preventDefault()},[]),B=n.useCallback(function(e){e||(A(!1),S(void 0),N({type:"RESET_DISABLED_STATE"}))},[]),h=n.useCallback(function(e){var t=e.ref;return n.createElement(r.Portal,null,n.createElement("div",{className:o.CONTEXT_MENU2_VIRTUAL_TARGET,style:P,ref:t}))},[P]),q=n.useMemo(function(){return r.Utils.isDarkTheme(U.current)},[U,R]),w={isOpen:R,mouseEvent:g,targetOffset:P},F=_?void 0:r.Utils.isFunction(E)?E(w):E,I=void 0===F?void 0:n.createElement(a.Popover2,(0,e.__assign)({},T,{content:n.createElement("div",{onContextMenu:j},F),enforceFocus:!1,key:p(P),hasBackdrop:!0,backdropProps:{className:o.CONTEXT_MENU2_BACKDROP},isOpen:R,minimal:!0,onInteraction:B,popoverClassName:(0,t.default)(o.CONTEXT_MENU2_POPOVER2,null==T?void 0:T.popoverClassName,(s={},s[r.Classes.DARK]=q,s)),placement:"right-start",positioningStrategy:"fixed",rootBoundary:null!==(c=null==T?void 0:T.rootBoundary)&&void 0!==c?c:"viewport",renderTarget:h,transitionDuration:null!==(f=null==T?void 0:T.transitionDuration)&&void 0!==f?f:100})),X=n.useCallback(function(e){e.defaultPrevented||(!_&&(r.Utils.isFunction(v)||r.Utils.isFunction(E)||void 0!==I)&&(e.preventDefault(),e.persist(),S(e),x({left:e.clientX,top:e.clientY}),A(!0),N({type:"FORCE_DISABLED_STATE"})),null==C||C(e))},[C,_]),L=(0,t.default)(d,o.CONTEXT_MENU2),W=r.Utils.isFunction(v)?v({className:L,contentProps:w,onContextMenu:X,popover:I,ref:U}):n.createElement(n.Fragment,null,I,n.createElement(y,(0,e.__assign)({className:L,onContextMenu:X,ref:(0,r.mergeRefs)(U,l)},M),v));return n.createElement(i.Tooltip2Provider,{forceDisable:R},W)});function p(e){return void 0===e?"default":"".concat(e.left,"x").concat(e.top)}exports.ContextMenu2=c,c.displayName="Blueprint.ContextMenu2";
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./classes":"e4eA","./popover2":"r9m3","./tooltip2Context":"SE1S"}],"S1tg":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MenuItem2=void 0;var e=require("tslib"),t=i(require("classnames")),s=l(require("react")),r=require("@blueprintjs/core"),o=l(require("./classes")),a=require("./popover2");function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,s=new WeakMap;return(n=function(e){return e?s:t})(e)}function l(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var s=n(t);if(s&&s.has(e))return s.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(r,a,l):r[a]=e[a]}return r.default=e,s&&s.set(e,r),r}function i(e){return e&&e.__esModule?e:{default:e}}var u=function(n){function l(){return null!==n&&n.apply(this,arguments)||this}return(0,e.__extends)(l,n),l.prototype.render=function(){var a,n,l,i=this.props,u=i.active,p=i.className,c=i.children,m=i.disabled,v=i.intent,f=(i.labelClassName,i.labelElement),b=i.multiline,E=(i.popoverProps,i.roleStructure),_=void 0===E?"menuitem":E,N=i.selected,M=i.shouldDismissPopover,C=(i.submenuProps,i.text),P=i.textClassName,h=i.tagName,y=void 0===h?"a":h,I=i.htmlTitle,g=(0,e.__rest)(i,["active","className","children","disabled","intent","labelClassName","labelElement","multiline","popoverProps","roleStructure","selected","shouldDismissPopover","submenuProps","text","textClassName","tagName","htmlTitle"]),O="listoption"===_?["option",void 0,null!==(l=this.props.icon)&&void 0!==l?l:void 0===N?void 0:N?"small-tick":"blank",Boolean(N)]:["none","menuitem",this.props.icon,void 0],x=O[0],D=O[1],U=O[2],S=O[3],L=null!=U,w=null!=c,j=r.Classes.intentClass(v),B=(0,t.default)(r.Classes.MENU_ITEM,j,((a={})[r.Classes.ACTIVE]=u,a[r.Classes.DISABLED]=m,a[o.POPOVER2_DISMISS]=M&&!m&&!w,a[r.Classes.SELECTED]=u&&void 0===j,a),p),T=s.createElement(y,(0,e.__assign)((0,e.__assign)((0,e.__assign)({role:D,tabIndex:0},g),m?d:{}),{className:B}),L?s.createElement("span",{className:r.Classes.MENU_ITEM_ICON},s.createElement(r.Icon,{icon:U,"aria-hidden":!0,tabIndex:-1})):void 0,s.createElement(r.Text,{className:(0,t.default)(r.Classes.FILL,P),ellipsize:!b,title:I},C),this.maybeRenderLabel(f),w?s.createElement(r.Icon,{className:r.Classes.MENU_SUBMENU_ICON,icon:"caret-right"}):void 0),k=(0,t.default)(((n={})[r.Classes.MENU_SUBMENU]=w,n));return s.createElement("li",{className:k,role:x,"aria-selected":S},this.maybeRenderPopover(T,c))},l.prototype.maybeRenderLabel=function(e){var o=this.props,a=o.label,n=o.labelClassName;return null==a&&null==e?null:s.createElement("span",{className:(0,t.default)(r.Classes.MENU_ITEM_LABEL,n)},a,e)},l.prototype.maybeRenderPopover=function(o,n){if(null==n)return o;var l=this.props,i=l.disabled,u=l.popoverProps,d=l.submenuProps;return s.createElement(a.Popover2,(0,e.__assign)({autoFocus:!1,captureDismiss:!1,disabled:i,enforceFocus:!1,hoverCloseDelay:0,interactionKind:"hover",modifiers:p,placement:"right-start",usePortal:!1},u,{content:s.createElement(r.Menu,(0,e.__assign)({},d),n),minimal:!0,popoverClassName:(0,t.default)(r.Classes.MENU_SUBMENU,null==u?void 0:u.popoverClassName)}),o)},l.defaultProps={active:!1,disabled:!1,multiline:!1,popoverProps:{},selected:void 0,shouldDismissPopover:!0,text:""},l.displayName="".concat(r.DISPLAYNAME_PREFIX,".MenuItem2"),l}(r.AbstractPureComponent2);exports.MenuItem2=u;var p={flip:{options:{rootBoundary:"viewport",padding:20},enabled:!0},offset:{options:{offset:[-5,0]},enabled:!0},preventOverflow:{options:{rootBoundary:"viewport",padding:20},enabled:!0}},d={href:void 0,onClick:void 0,onMouseDown:void 0,onMouseEnter:void 0,onMouseLeave:void 0,tabIndex:-1};
-},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./classes":"e4eA","./popover2":"r9m3"}],"bLlA":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Breadcrumbs2=void 0;var e=require("tslib"),r=l(require("classnames")),t=u(require("react")),n=require("@blueprintjs/core"),o=require("./menuItem2"),s=require("./popover2");function a(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(a=function(e){return e?t:r})(e)}function u(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=a(r);if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var u=o?Object.getOwnPropertyDescriptor(e,s):null;u&&(u.get||u.set)?Object.defineProperty(n,s,u):n[s]=e[s]}return n.default=e,t&&t.set(e,n),n}function l(e){return e&&e.__esModule?e:{default:e}}var i=function(a){function u(){var r=null!==a&&a.apply(this,arguments)||this;return r.renderOverflow=function(o){var a=r.props,u=a.collapseFrom,l=a.popoverProps,i=o;return u===n.Boundary.START&&(i=o.slice().reverse()),t.createElement("li",null,t.createElement(s.Popover2,(0,e.__assign)({placement:u===n.Boundary.END?"bottom-end":"bottom-start",disabled:0===i.length,content:t.createElement(n.Menu,null,i.map(r.renderOverflowBreadcrumb))},l),t.createElement("span",{className:n.Classes.BREADCRUMBS_COLLAPSED})))},r.renderOverflowBreadcrumb=function(r,s){var a=null!=r.href||null!=r.onClick,u=(0,n.removeNonHTMLProps)(r);return t.createElement(o.MenuItem2,(0,e.__assign)({disabled:!a},u,{text:r.text,key:s}))},r.renderBreadcrumbWrapper=function(e,n){var o=r.props.items[r.props.items.length-1]===e;return t.createElement("li",{key:n},r.renderBreadcrumb(e,o))},r}return(0,e.__extends)(u,a),u.prototype.render=function(){var o=this.props,s=o.className,a=o.collapseFrom,u=o.items,l=o.minVisibleItems,i=o.overflowListProps,c=void 0===i?{}:i;return t.createElement(n.OverflowList,(0,e.__assign)({collapseFrom:a,minVisibleItems:l,tagName:"ul"},c,{className:(0,r.default)(n.Classes.BREADCRUMBS,c.className,s),items:u,overflowRenderer:this.renderOverflow,visibleItemRenderer:this.renderBreadcrumbWrapper}))},u.prototype.renderBreadcrumb=function(r,o){return o&&null!=this.props.currentBreadcrumbRenderer?this.props.currentBreadcrumbRenderer(r):null!=this.props.breadcrumbRenderer?this.props.breadcrumbRenderer(r):t.createElement(n.Breadcrumb,(0,e.__assign)({current:o},r))},u.defaultProps={collapseFrom:n.Boundary.START},u}(n.AbstractPureComponent2);exports.Breadcrumbs2=i;
-},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./menuItem2":"S1tg","./popover2":"r9m3"}],"mDEr":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContextMenu2=void 0;var e=require("tslib"),t=l(require("classnames")),n=s(require("react")),r=require("@blueprintjs/core"),o=s(require("./classes")),a=require("./popover2"),i=require("./tooltip2Context");function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}function l(e){return e&&e.__esModule?e:{default:e}}var c=n.forwardRef(function(u,s){var l,c,f=u.className,d=u.children,v=u.content,E=u.disabled,m=void 0!==E&&E,_=u.onContextMenu,C=u.popoverProps,T=u.tagName,O=void 0===T?"div":T,M=(0,e.__rest)(u,["className","children","content","disabled","onContextMenu","popoverProps","tagName"]),N=n.useContext(i.Tooltip2Context)[1],y=n.useState(void 0),b=y[0],P=y[1],x=n.useState(),D=x[0],g=x[1],S=n.useState(!1),k=S[0],R=S[1],A=n.useRef(null);n.useEffect(function(){R(!1),N({type:"RESET_DISABLED_STATE"})},[m]);var U=n.useCallback(function(e){return e.preventDefault()},[]),j=n.useCallback(function(e){e||(R(!1),g(void 0),N({type:"RESET_DISABLED_STATE"}))},[]),h=n.useCallback(function(e){var t=e.ref;return n.createElement(r.Portal,null,n.createElement("div",{className:o.CONTEXT_MENU2_VIRTUAL_TARGET,style:b,ref:t}))},[b]),q=n.useMemo(function(){return r.Utils.isDarkTheme(A.current)},[A,k]),w={isOpen:k,mouseEvent:D,targetOffset:b},B=m?void 0:r.Utils.isFunction(v)?v(w):v,F=void 0===B?void 0:n.createElement(a.Popover2,(0,e.__assign)({},C,{content:n.createElement("div",{onContextMenu:U},B),enforceFocus:!1,key:p(b),hasBackdrop:!0,backdropProps:{className:o.CONTEXT_MENU2_BACKDROP},isOpen:k,minimal:!0,onInteraction:j,popoverClassName:(0,t.default)(o.CONTEXT_MENU2_POPOVER2,null==C?void 0:C.popoverClassName,(l={},l[r.Classes.DARK]=q,l)),placement:"right-start",positioningStrategy:"fixed",rootBoundary:"viewport",renderTarget:h,transitionDuration:null!==(c=null==C?void 0:C.transitionDuration)&&void 0!==c?c:100})),I=n.useCallback(function(e){e.defaultPrevented||(!m&&(r.Utils.isFunction(d)||void 0!==F)&&(e.preventDefault(),e.persist(),g(e),P({left:e.clientX,top:e.clientY}),R(!0),N({type:"FORCE_DISABLED_STATE"})),null==_||_(e))},[_,m]),X=(0,t.default)(f,o.CONTEXT_MENU2),L=r.Utils.isFunction(d)?d({className:X,contentProps:w,onContextMenu:I,popover:F,ref:A}):n.createElement(n.Fragment,null,F,n.createElement(O,(0,e.__assign)({className:X,onContextMenu:I,ref:(0,r.mergeRefs)(A,s)},M),d));return n.createElement(i.Tooltip2Provider,{forceDisable:k},L)});function p(e){return void 0===e?"default":"".concat(e.left,"x").concat(e.top)}exports.ContextMenu2=c,c.displayName="Blueprint.ContextMenu2";
-},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./classes":"e4eA","./popover2":"r9m3","./tooltip2Context":"SE1S"}],"r11X":[function(require,module,exports) {
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./classes":"e4eA","./popover2":"r9m3"}],"r11X":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PlacementOptions",{enumerable:!0,get:function(){return e.placements}});var e=require("@popperjs/core");
 },{"@popperjs/core":"S1OH"}],"FyuB":[function(require,module,exports) {
 "use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.PopupKind=void 0,exports.PopupKind=e,function(e){e.MENU="menu",e.LISTBOX="listbox",e.TREE="tree",e.GRID="grid",e.DIALOG="dialog"}(e||(exports.PopupKind=e={}));
@@ -3206,7 +3214,7 @@ var e=require("process");Object.defineProperty(exports,"__esModule",{value:!0}),
 },{}],"sptl":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPdfKit=exports.getJsPDF=void 0;const e="https://unpkg.com/jspdf@2.2.0/dist/jspdf.umd.min.js";let t;function o(){return t?Promise.resolve(t):new Promise(o=>{var n=document.createElement("script");n.onload=function(){t=window.jspdf.jsPDF,o(t)},n.src=e,document.head.appendChild(n)})}exports.getJsPDF=o;const n="https://unpkg.com/pdfkit@0.13.0/js/pdfkit.standalone.js",s="https://github.com/devongovett/blob-stream/releases/download/v0.1.3/blob-stream.js";async function r(e){return new Promise(t=>{var o=document.createElement("script");o.onload=function(){t(null)},o.src=e,document.head.appendChild(o)})}let d;async function i(){return d?Promise.resolve(d):(await r(n),await r(s),d=window.PDFDocument)}exports.getPdfKit=i;
 },{}],"GRkH":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,i)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var n={};if(null!=o)for(var i in o)"default"!==i&&Object.prototype.hasOwnProperty.call(o,i)&&e(n,o,i);return t(n,o),n},n=this&&this.__rest||function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(o[n[i]]=e[n[i]])}return o},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.createStore=exports.Store=exports.Font=exports.Page=exports.registerShapeModel=exports.SVGElement=exports.ImageElement=exports.TextElement=exports.Element=void 0;const s=require("mobx-state-tree"),a=require("./history"),r=require("nanoid"),l=i(require("konva")),d=require("../utils/download"),c=require("../utils/pdf"),p=require("../utils/validate-key"),g=o(require("../utils/fonts")),h=require("../utils/loader"),m=require("../utils/unit");(0,s.setLivelinessChecking)("ignore"),exports.Element=s.types.model("Element",{id:s.types.identifier,type:"none",name:"",x:0,y:0,rotation:0,opacity:1,blurEnabled:!1,blurRadius:10,brightnessEnabled:!1,brightness:0,sepiaEnabled:!1,grayscaleEnabled:!1,shadowEnabled:!1,shadowBlur:5,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"black",shadowOpacity:1,custom:s.types.frozen(),visible:!0,draggable:!0,selectable:!0,contentEditable:!0,styleEditable:!0,alwaysOnTop:!1,showInExport:!0}).preProcessSnapshot(e=>{const t=Object.assign(Object.assign({},e),{x:e.x||0,y:e.y||0});return"width"in e&&(t.width=t.width||1),"height"in e&&(t.height=t.height||1),e.locked&&(t.draggable=!1,t.contentEditable=!1,t.styleEditable=!1),t}).postProcessSnapshot(e=>{const t=Object.assign({},e),o={};for(var n in t)"_"!==n[0]&&(o[n]=e[n]);return o}).views(e=>({get locked(){return!e.draggable&&!e.contentEditable&&!e.styleEditable},get page(){return(0,s.getParentOfType)(e,exports.Page)},get store(){return(0,s.getParentOfType)(e,exports.Store)}})).actions(e=>({toJSON:()=>Object.assign({},(0,s.getSnapshot)(e))})).actions(e=>({clone(t){const o=e.toJSON();return t.id=t.id||(0,r.nanoid)(10),Object.assign(o,t),e.page.addElement(o)},set(t){Object.assign(e,t)},moveUp(){e.page.moveElementsUp([e.id])},moveTop(){e.page.moveElementsTop([e.id])},moveDown(){e.page.moveElementsDown([e.id])},moveBottom(){e.page.moveElementsBottom([e.id])},beforeDestroy(){e.store.history.endTransaction()}})),exports.TextElement=exports.Element.named("Text").props({type:"text",text:"",placeholder:"",fontSize:14,fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",textDecoration:"",fill:"black",align:"center",width:100,height:0,verticalAlign:"middle",strokeWidth:0,stroke:"black",lineHeight:s.types.optional(s.types.union(s.types.number,s.types.string),1.2),letterSpacing:0,_editModeEnabled:!1}).preProcessSnapshot(e=>Object.assign({},e)).actions(e=>({toggleEditMode(t){e._editModeEnabled=null!=t?t:!e._editModeEnabled,e._editModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction()}})),exports.ImageElement=exports.Element.named("Image").props({type:"image",width:100,height:100,src:"",cropX:0,cropY:0,cropWidth:1,cropHeight:1,cornerRadius:0,flipX:!1,flipY:!1,clipSrc:"",borderColor:"black",borderSize:0,_cropModeEnabled:!1}).actions(e=>({toggleCropMode(t){e._cropModeEnabled=null!=t?t:!e._cropModeEnabled,e._cropModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction()}})),exports.SVGElement=exports.Element.named("SVG").props({type:"svg",src:"",maskSrc:"",__svgString:"",cropX:0,cropY:0,cropWidth:1,cropHeight:1,keepRatio:!0,flipX:!1,flipY:!1,width:100,height:100,borderColor:"black",borderSize:0,colorsReplace:s.types.map(s.types.string)}).preProcessSnapshot(e=>Object.assign(Object.assign({},e),{src:e.src||e.svgSource})).actions(e=>({replaceColor(t,o){e.colorsReplace.set(t,o)}}));const u={svg:exports.SVGElement,text:exports.TextElement,image:exports.ImageElement},f=[];function b(e){const t=e.type;if(!t)throw new Error('You must pass "type" attribute to custom model.');const o=exports.Element.named(t).props(e);u[t]=o,f.push(o)}exports.registerShapeModel=b;const y=[...new Array(20)].map((e,t)=>s.types.late(()=>f[t])),E=s.types.union({dispatcher:e=>{const t=u[e.type];if(!t)throw new Error(`Unknown element type: "${e.type}"`);return t}},exports.SVGElement,exports.TextElement,exports.ImageElement,...y);function x({key:e,showCredit:t}={key:"",showCredit:!1}){const o=exports.Store.create();return(0,p.validateKey)(e,t),o}exports.Page=s.types.model("Page",{id:s.types.identifier,children:s.types.array(E),width:s.types.optional(s.types.union(s.types.number,s.types.literal("auto")),"auto"),height:s.types.optional(s.types.union(s.types.number,s.types.literal("auto")),"auto"),background:"white",bleed:0,custom:s.types.frozen(),_exporting:!1}).postProcessSnapshot(e=>{const t=Object.assign({},e),o={};for(var n in t)"_"!==n[0]&&(o[n]=e[n]);return o}).views(e=>({get store(){return(0,s.getParentOfType)(e,exports.Store)}})).views(e=>({get computedWidth(){return"auto"===e.width?e.store.width:e.width},get computedHeight(){return"auto"===e.height?e.store.height:e.height}})).actions(e=>({toJSON:()=>JSON.parse(JSON.stringify((0,s.getSnapshot)(e))),_forEachElementUp(t,o){const n=t.map(t=>({id:t,index:e.children.findIndex(e=>e.id===t)}));n.sort((e,t)=>t.index-e.index);for(const{index:i}of n){if(-1==i)continue;const n=i<e.children.length-1&&e.children[i+1],s=t.indexOf(null==n?void 0:n.id)>=0;i===e.children.length-1||s||o(i)}},_forEachElementDown(t,o){const n=t.map(t=>({id:t,index:e.children.findIndex(e=>e.id===t)}));n.sort((e,t)=>e.index-t.index);for(const{index:i}of n){if(-1==i)continue;const n=i>0&&e.children[i-1],s=t.indexOf(null==n?void 0:n.id)>=0;0===i||s||o(i)}return!1}})).actions(e=>({clone(t){const o=e.toJSON();o.children.forEach(e=>{e.id=(0,r.nanoid)(10)});const n=Object.assign(Object.assign(Object.assign({},o),{id:(0,r.nanoid)(10)}),t),i=e.store.addPage(n),s=e.store.pages.indexOf(e);i.setZIndex(s+1),i.select()},setZIndex(t){e.store.setPageZIndex(e.id,t)},set(t){Object.assign(e,t)},select(){e.store.selectPage(e.id)},addElement(t){const o=u[t.type];if(!o)return void console.error("Can not find model with type "+t.type);const n=o.create(Object.assign({id:(0,r.nanoid)(10)},t));return e.children.push(n),n.selectable&&e.store.selectElements([n.id]),n},canMoveElementsUp(t){let o=!1;return e._forEachElementUp(t,()=>{o=o||!0}),o},moveElementsUp(t){e._forEachElementUp(t,t=>{const o=e.children[t];(0,s.detach)(o),e.children.splice(t+1,0,o)})},canMoveElementsTop(e){return this.canMoveElementsUp(e)},moveElementsTop(t){const o=[],n=[];e.children.forEach(e=>{t.indexOf(e.id)>=0?o.push(e):n.push(e)}),e.children.replace(n.concat(o))},canMoveElementsDown(t){let o=!1;return e._forEachElementDown(t,()=>{o=o||!0}),o},moveElementsDown(t){e._forEachElementDown(t,t=>{const o=e.children[t];(0,s.detach)(o),e.children.splice(t-1,0,o)})},canMoveElementsBottom(e){return this.canMoveElementsDown(e)},moveElementsBottom(t){const o=[],n=[];e.children.forEach(e=>{t.indexOf(e.id)>=0?o.push(e):n.push(e)}),e.children.replace(o.concat(n))},setElementZIndex(t,o){const n=e.children.find(e=>e.id===t);n&&((0,s.detach)(n),e.children.remove(n),e.children.splice(o,0,n))}})).actions(e=>({moveElementUp(t){console.warn("page.moveElementUp(id) is deprecated. Please use page.moveElementsUp([id1, id2]) instead."),e.moveElementsUp([t])},moveElementDown(t){console.warn("page.moveElementDown(id) is deprecated. Please use page.moveElementsDown([id1, id2]) instead."),e.moveElementsDown([t])},moveElementTop(t){console.warn("page.moveElementTop(id) is deprecated. Please use page.moveElementsTop([id1, id2]) instead."),e.moveElementsTop([t])},moveElementBottom(t){console.warn("page.moveElementBottom(id) is deprecated. Please use page.moveElementsBottom([id1, id2]) instead."),e.moveElementsBottom([t])}})),exports.Font=s.types.model("Font",{fontFamily:s.types.string,url:s.types.optional(s.types.string,""),styles:s.types.frozen()}).preProcessSnapshot(e=>Object.assign(Object.assign({},e),{fontFamily:e.fontFamily||e.name})),exports.Store=s.types.model("Store",{role:"",pages:s.types.array(exports.Page),fonts:s.types.array(exports.Font),width:1080,height:1080,scale:1,scaleToFit:1,unit:"px",dpi:72,bleedVisible:!1,rulesVisible:!1,openedSidePanel:"",selectedElementsIds:s.types.array(s.types.string),history:s.types.optional(a.UndoManager,{targetPath:"../pages"}),_elementsPixelRatio:2,_activePageId:""}).views(e=>({get _bleedVisible(){return console.warn("store._bleedVisible is deprecated. Please use store.bleedVisible instead."),e.bleedVisible},get selectedElements(){return e.selectedElementsIds.map(t=>{for(const o of e.pages)for(const e of o.children)if(e.id===t)return e}).filter(e=>!!e)},get activePage(){return e.pages.slice().find(t=>t.id===e._activePageId)||(e.pages.length?e.pages[0]:null)}})).actions(e=>({afterCreate(){e.history.canUndo},setUnit({unit:t,dpi:o}){e.unit=t||e.unit,e.dpi=o||e.dpi},setRole(t){e.role=t},getElementById(t){for(const o of e.pages)for(const e of o.children)if(e.id===t)return e},addPage(t){const o=exports.Page.create(Object.assign({id:(0,r.nanoid)(10)},t));return e.pages.push(o),e._activePageId=o.id,o},selectPage(t){e._activePageId=t},selectElements(t){e.selectedElementsIds=(0,s.cast)(t)},toggleBleed(t){e.bleedVisible=null!=t?t:!e.bleedVisible},toggleRulers(t){e.rulesVisible=null!=t?t:!e.rulesVisible},openSidePanel(t){e.openedSidePanel=t},setScale(t){e.scale=t},_setScaleToFit(t){e.scaleToFit=t},setElementsPixelRatio(t){e._elementsPixelRatio=t},setSize(t,o,n){if(n){const n=t/e.width,i=o/e.height;for(const t of e.pages)for(const e of t.children)e.set({x:e.x*n,y:e.y*i}),"text"===e.type?e.set({fontSize:e.fontSize*n,width:Math.max(e.width*n,2)}):"image"===e.type?e.set({width:e.width*n,height:e.height*i}):"svg"===e.type&&e.set({width:Math.max(e.width*n,2),height:Math.max(e.height*n,2)})}e.width=t,e.height=o},setPageZIndex(t,o){const n=e.pages.find(e=>e.id===t);n&&((0,s.detach)(n),e.pages.remove(n),e.pages.splice(o,0,n))},deletePages(t){const o=e.pages.indexOf(e.activePage);t.forEach(t=>{const o=e.pages.find(e=>e.id===t);(0,s.destroy)(o)});const n=Math.min(e.pages.length-1,o),i=e.pages[n];i&&(e._activePageId=i.id),e.selectedElementsIds=(0,s.cast)(e.selectedElementsIds.filter(t=>e.getElementById(t)))},deleteElements(t){t.forEach(t=>{e.pages.forEach(e=>{const o=e.children.find(e=>e.id===t);o&&(0,s.destroy)(o)})}),e.selectedElementsIds=(0,s.cast)([])},on(t,o){if("change"===t){let t=e.toJSON();return(0,s.onSnapshot)(e,n=>{const i=e.toJSON();JSON.stringify(i)!==JSON.stringify(t)&&(t=i,o(i))})}},async toDataURL({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s,quality:a}={}){var r;const d=t||1;n=n||(null===(r=e.pages[0])||void 0===r?void 0:r.id);const c=e.pages.find(e=>e.id===n);if(!c)throw new Error(`No page for export with id ${n}`);null==c||c.set({_exporting:!0}),await new Promise(e=>{setTimeout(e,0)}),await e.waitLoading();const p=l.default.stages.find(e=>e.getAttr("pageId")===n);if(!p)throw new Error(`Export is failed. Can not find stage for page ${n}. Looks like <Workspace /> component is not mounted, but it is required in order to process the export.`);const g=p.findOne(".page-container");p.find("Transformer").forEach(e=>e.visible(!1)),g.findOne(".page-background").shadowEnabled(!1),g.findOne(".page-background").strokeEnabled(!1),g.find(".highlighter").forEach(e=>e.visible(!1));const h=g.findOne(".page-background-group"),m=h.clip();h.clip({x:null,y:null,width:null,height:null});const u=g.findOne(".elements-container"),f=u.clip();u.clip({x:null,y:null,width:null,height:null});const b=g.find(e=>e.getAttr("hideInExport"));b.forEach(e=>{e.setAttr("oldVisible",e.visible()),e.hide()}),o&&g.findOne(".page-background").hide();const y=s?c.bleed:0;let E=y;e.bleedVisible&&s?E=0:e.bleedVisible&&!s&&(E=-c.bleed);const x=document.createElement("canvas");x.width=(c.computedWidth+2*y)*d,x.height=(c.computedHeight+2*y)*d;const w=x.getContext("2d");"image/jpeg"===i&&(w.fillStyle="white",w.fillRect(0,0,x.width,x.height));const v=g.toCanvas({x:g.x()-E*g.scaleX(),y:g.y()-E*g.scaleY(),width:(c.computedWidth+2*y)*g.scaleX(),height:(c.computedHeight+2*y)*g.scaleY(),pixelRatio:1/g.scaleX()*d});w.drawImage(v,0,0);const O=x.toDataURL(i,a);return o&&g.findOne(".page-background").show(),b.forEach(e=>{e.visible(e.getAttr("oldVisible"))}),g.findOne(".page-background").shadowEnabled(!0),g.findOne(".page-background").strokeEnabled(!0),p.find("Transformer").forEach(e=>e.visible(!0)),g.find(".highlighter").forEach(e=>e.visible(!0)),h.clip(m),u.clip(f),null==c||c.set({_exporting:!1}),O},async saveAsImage(t={}){var{fileName:o}=t,i=n(t,["fileName"]);const s=i.mimeType||"image/png",a=s.split("/")[1];(0,d.downloadFile)(await e.toDataURL(i),o||"polotno."+a,s)},async _toPDF(t){const o=t.dpi||e.dpi,n=t.parallel||1,i=t.unit||("px"===e.unit?"mm":e.unit),s=t.pixelRatio||1,a=await(0,c.getJsPDF)(),r=e=>(0,m.pxToUnit)({px:e,unit:i,dpi:o}),l=e.pages[0]||{},d=t.includeBleed?l.bleed:0,p=r(l.computedWidth+2*d),g=r(l.computedHeight+2*d);var h=new a({unit:i,orientation:p>g?"landscape":"portrait",format:[p,g],compress:!0});h.deletePage(1);const u=e._elementsPixelRatio;e.setElementsPixelRatio(s),await new Promise(e=>setTimeout(e));const f=((e,t)=>{for(var o=[],n=0;n<e.length;n+=t)o.push(e.slice(n,n+t));return o})(e.pages,n);for(const c of f){const o=c.map(async o=>{const n=t.includeBleed?o.bleed:0,i=r(o.computedWidth+2*n),a=r(o.computedHeight+2*n);let l=0,d=s;for(;l<10;){2===(l+=1)&&console.error("Polotno can not export PDF with current settings. Quality is automatically reduced.");const n=await e.toDataURL(Object.assign(Object.assign({},t),{pageId:o.id,pixelRatio:d}));if(n.length>20)return{url:n,width:i,height:a};d*=.8}});(await Promise.all(o)).forEach(({url:e,width:t,height:o})=>{h.addPage([t,o],t>o?"landscape":"portrait"),h.addImage(e,0,0,t,o,void 0,"FAST")})}return e.setElementsPixelRatio(u),h},toPDFDataURL:async t=>(await e._toPDF(Object.assign({mimeType:"image/jpeg"},t))).output("datauristring"),async saveAsPDF(t={}){var{fileName:o}=t,i=n(t,["fileName"]);(await e._toPDF(Object.assign({mimeType:"image/jpeg"},i))).save(o||"polotno.pdf")},async waitLoading(){await(0,h.whenLoaded)()},toJSON:()=>({width:e.width,height:e.height,fonts:(0,s.getSnapshot)(e.fonts),pages:(0,s.getSnapshot)(e.pages),unit:e.unit,dpi:e.dpi}),loadJSON(t,o=!1){var n;const i=Object.assign({},t);e.pages.forEach(e=>e.children.forEach(e=>(0,s.detach)(e)));const a=e.pages.indexOf(e.activePage);let r=null===(n=i.pages[a]||i.pages[0])||void 0===n?void 0:n.id;e.pages=(0,s.cast)([]),i._activePageId=r,i.scale=e.scale,i.scaleToFit=e.scaleToFit,i.openedSidePanel=e.openedSidePanel,i.bleedVisible=e.bleedVisible,i.rulesVisible=e.rulesVisible,i.history=o?e.history.toJSON():{history:[],undoIdx:-1},(0,s.applySnapshot)(e,i)},addFont(t){e.removeFont(t.fontFamily),e.fonts.push(t),e.loadFont(t.fontFamily)},removeFont(t){e.fonts.filter(e=>e.fontFamily===t).forEach(e=>(0,s.destroy)(e))},async loadFont(t){const o=e.fonts.find(e=>e.fontFamily===t)||g.globalFonts.find(e=>e.fontFamily===t);o?g.injectCustomFont(o):g.injectGoogleFont(t),await g.loadFont(t)}})),exports.createStore=x,exports.default=x;
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,o,n){void 0===n&&(n=o);var i=Object.getOwnPropertyDescriptor(t,o);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,n,i)}:function(e,t,o,n){void 0===n&&(n=o),e[n]=t[o]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),o=this&&this.__importStar||function(o){if(o&&o.__esModule)return o;var n={};if(null!=o)for(var i in o)"default"!==i&&Object.prototype.hasOwnProperty.call(o,i)&&e(n,o,i);return t(n,o),n},n=this&&this.__rest||function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(o[n[i]]=e[n[i]])}return o},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.createStore=exports.Store=exports.Font=exports.Page=exports.registerShapeModel=exports.SVGElement=exports.ImageElement=exports.TextElement=exports.Element=void 0;const s=require("mobx-state-tree"),a=require("./history"),r=require("nanoid"),l=i(require("konva")),d=require("../utils/download"),c=require("../utils/pdf"),p=require("../utils/validate-key"),g=o(require("../utils/fonts")),h=require("../utils/loader"),m=require("../utils/unit");(0,s.setLivelinessChecking)("ignore"),exports.Element=s.types.model("Element",{id:s.types.identifier,type:"none",name:"",x:0,y:0,rotation:0,opacity:1,blurEnabled:!1,blurRadius:10,brightnessEnabled:!1,brightness:0,sepiaEnabled:!1,grayscaleEnabled:!1,shadowEnabled:!1,shadowBlur:5,shadowOffsetX:0,shadowOffsetY:0,shadowColor:"black",shadowOpacity:1,custom:s.types.frozen(),visible:!0,draggable:!0,selectable:!0,contentEditable:!0,styleEditable:!0,alwaysOnTop:!1,showInExport:!0}).preProcessSnapshot(e=>{const t=Object.assign(Object.assign({},e),{x:e.x||0,y:e.y||0});return"width"in e&&(t.width=t.width||1),"height"in e&&(t.height=t.height||1),e.locked&&(t.draggable=!1,t.contentEditable=!1,t.styleEditable=!1),t}).postProcessSnapshot(e=>{const t=Object.assign({},e),o={};for(var n in t)"_"!==n[0]&&(o[n]=e[n]);return o}).views(e=>({get locked(){return!e.draggable&&!e.contentEditable&&!e.styleEditable},get page(){return(0,s.getParentOfType)(e,exports.Page)},get store(){return(0,s.getParentOfType)(e,exports.Store)}})).actions(e=>({toJSON:()=>Object.assign({},(0,s.getSnapshot)(e))})).actions(e=>({clone(t){const o=e.toJSON();return t.id=t.id||(0,r.nanoid)(10),Object.assign(o,t),e.page.addElement(o)},set(t){Object.assign(e,t)},moveUp(){e.page.moveElementsUp([e.id])},moveTop(){e.page.moveElementsTop([e.id])},moveDown(){e.page.moveElementsDown([e.id])},moveBottom(){e.page.moveElementsBottom([e.id])},beforeDestroy(){e.store.history.endTransaction()}})),exports.TextElement=exports.Element.named("Text").props({type:"text",text:"",placeholder:"",fontSize:14,fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",textDecoration:"",fill:"black",align:"center",width:100,height:0,verticalAlign:"top",strokeWidth:0,stroke:"black",lineHeight:s.types.optional(s.types.union(s.types.number,s.types.string),1.2),letterSpacing:0,_editModeEnabled:!1}).preProcessSnapshot(e=>Object.assign({},e)).actions(e=>({toggleEditMode(t){e._editModeEnabled=null!=t?t:!e._editModeEnabled,e._editModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction()}})),exports.ImageElement=exports.Element.named("Image").props({type:"image",width:100,height:100,src:"",cropX:0,cropY:0,cropWidth:1,cropHeight:1,cornerRadius:0,flipX:!1,flipY:!1,clipSrc:"",borderColor:"black",borderSize:0,_cropModeEnabled:!1}).actions(e=>({toggleCropMode(t){e._cropModeEnabled=null!=t?t:!e._cropModeEnabled,e._cropModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction()}})),exports.SVGElement=exports.Element.named("SVG").props({type:"svg",src:"",maskSrc:"",__svgString:"",cropX:0,cropY:0,cropWidth:1,cropHeight:1,keepRatio:!0,flipX:!1,flipY:!1,width:100,height:100,borderColor:"black",borderSize:0,colorsReplace:s.types.map(s.types.string)}).preProcessSnapshot(e=>Object.assign(Object.assign({},e),{src:e.src||e.svgSource})).actions(e=>({replaceColor(t,o){e.colorsReplace.set(t,o)}}));const u={svg:exports.SVGElement,text:exports.TextElement,image:exports.ImageElement},f=[];function y(e){const t=e.type;if(!t)throw new Error('You must pass "type" attribute to custom model.');const o=exports.Element.named(t).props(e);u[t]=o,f.push(o)}exports.registerShapeModel=y;const b=[...new Array(20)].map((e,t)=>s.types.late(()=>f[t])),E=s.types.union({dispatcher:e=>{const t=u[e.type];if(!t)throw new Error(`Unknown element type: "${e.type}"`);return t}},exports.SVGElement,exports.TextElement,exports.ImageElement,...b);function x({key:e,showCredit:t}={key:"",showCredit:!1}){const o=exports.Store.create();return(0,p.validateKey)(e,t),o}exports.Page=s.types.model("Page",{id:s.types.identifier,children:s.types.array(E),width:s.types.optional(s.types.union(s.types.number,s.types.literal("auto")),"auto"),height:s.types.optional(s.types.union(s.types.number,s.types.literal("auto")),"auto"),background:"white",bleed:0,custom:s.types.frozen(),_exporting:!1}).postProcessSnapshot(e=>{const t=Object.assign({},e),o={};for(var n in t)"_"!==n[0]&&(o[n]=e[n]);return o}).views(e=>({get store(){return(0,s.getParentOfType)(e,exports.Store)}})).views(e=>({get computedWidth(){return"auto"===e.width?e.store.width:e.width},get computedHeight(){return"auto"===e.height?e.store.height:e.height}})).actions(e=>({toJSON:()=>JSON.parse(JSON.stringify((0,s.getSnapshot)(e))),_forEachElementUp(t,o){const n=t.map(t=>({id:t,index:e.children.findIndex(e=>e.id===t)}));n.sort((e,t)=>t.index-e.index);for(const{index:i}of n){if(-1==i)continue;const n=i<e.children.length-1&&e.children[i+1],s=t.indexOf(null==n?void 0:n.id)>=0;i===e.children.length-1||s||o(i)}},_forEachElementDown(t,o){const n=t.map(t=>({id:t,index:e.children.findIndex(e=>e.id===t)}));n.sort((e,t)=>e.index-t.index);for(const{index:i}of n){if(-1==i)continue;const n=i>0&&e.children[i-1],s=t.indexOf(null==n?void 0:n.id)>=0;0===i||s||o(i)}return!1}})).actions(e=>({clone(t){const o=e.toJSON();o.children.forEach(e=>{e.id=(0,r.nanoid)(10)});const n=Object.assign(Object.assign(Object.assign({},o),{id:(0,r.nanoid)(10)}),t),i=e.store.addPage(n),s=e.store.pages.indexOf(e);i.setZIndex(s+1),i.select()},setZIndex(t){e.store.setPageZIndex(e.id,t)},set(t){Object.assign(e,t)},select(){e.store.selectPage(e.id)},addElement(t){const o=u[t.type];if(!o)return void console.error("Can not find model with type "+t.type);const n=o.create(Object.assign({id:(0,r.nanoid)(10)},t));return e.children.push(n),n.selectable&&e.store.selectElements([n.id]),n},canMoveElementsUp(t){let o=!1;return e._forEachElementUp(t,()=>{o=o||!0}),o},moveElementsUp(t){e._forEachElementUp(t,t=>{const o=e.children[t];(0,s.detach)(o),e.children.splice(t+1,0,o)})},canMoveElementsTop(e){return this.canMoveElementsUp(e)},moveElementsTop(t){const o=[],n=[];e.children.forEach(e=>{t.indexOf(e.id)>=0?o.push(e):n.push(e)}),e.children.replace(n.concat(o))},canMoveElementsDown(t){let o=!1;return e._forEachElementDown(t,()=>{o=o||!0}),o},moveElementsDown(t){e._forEachElementDown(t,t=>{const o=e.children[t];(0,s.detach)(o),e.children.splice(t-1,0,o)})},canMoveElementsBottom(e){return this.canMoveElementsDown(e)},moveElementsBottom(t){const o=[],n=[];e.children.forEach(e=>{t.indexOf(e.id)>=0?o.push(e):n.push(e)}),e.children.replace(o.concat(n))},setElementZIndex(t,o){const n=e.children.find(e=>e.id===t);n&&((0,s.detach)(n),e.children.remove(n),e.children.splice(o,0,n))}})).actions(e=>({moveElementUp(t){console.warn("page.moveElementUp(id) is deprecated. Please use page.moveElementsUp([id1, id2]) instead."),e.moveElementsUp([t])},moveElementDown(t){console.warn("page.moveElementDown(id) is deprecated. Please use page.moveElementsDown([id1, id2]) instead."),e.moveElementsDown([t])},moveElementTop(t){console.warn("page.moveElementTop(id) is deprecated. Please use page.moveElementsTop([id1, id2]) instead."),e.moveElementsTop([t])},moveElementBottom(t){console.warn("page.moveElementBottom(id) is deprecated. Please use page.moveElementsBottom([id1, id2]) instead."),e.moveElementsBottom([t])}})),exports.Font=s.types.model("Font",{fontFamily:s.types.string,url:s.types.optional(s.types.string,""),styles:s.types.frozen()}).preProcessSnapshot(e=>Object.assign(Object.assign({},e),{fontFamily:e.fontFamily||e.name})),exports.Store=s.types.model("Store",{role:"",pages:s.types.array(exports.Page),fonts:s.types.array(exports.Font),width:1080,height:1080,scale:1,scaleToFit:1,unit:"px",dpi:72,bleedVisible:!1,rulesVisible:!1,openedSidePanel:"",selectedElementsIds:s.types.array(s.types.string),history:s.types.optional(a.UndoManager,{targetPath:"../pages"}),_elementsPixelRatio:2,_activePageId:""}).views(e=>({get _bleedVisible(){return console.warn("store._bleedVisible is deprecated. Please use store.bleedVisible instead."),e.bleedVisible},get selectedElements(){return e.selectedElementsIds.map(t=>{for(const o of e.pages)for(const e of o.children)if(e.id===t)return e}).filter(e=>!!e)},get activePage(){return e.pages.slice().find(t=>t.id===e._activePageId)||(e.pages.length?e.pages[0]:null)}})).actions(e=>({afterCreate(){e.history.canUndo},setUnit({unit:t,dpi:o}){e.unit=t||e.unit,e.dpi=o||e.dpi},setRole(t){e.role=t},getElementById(t){for(const o of e.pages)for(const e of o.children)if(e.id===t)return e},addPage(t){const o=exports.Page.create(Object.assign({id:(0,r.nanoid)(10)},t));return e.pages.push(o),e._activePageId=o.id,o},selectPage(t){e._activePageId=t},selectElements(t){e.selectedElementsIds=(0,s.cast)(t)},toggleBleed(t){e.bleedVisible=null!=t?t:!e.bleedVisible},toggleRulers(t){e.rulesVisible=null!=t?t:!e.rulesVisible},openSidePanel(t){e.openedSidePanel=t},setScale(t){e.scale=t},_setScaleToFit(t){e.scaleToFit=t},setElementsPixelRatio(t){e._elementsPixelRatio=t},setSize(t,o,n){if(n){const n=t/e.width,i=o/e.height;for(const t of e.pages)for(const e of t.children)e.set({x:e.x*n,y:e.y*i}),"text"===e.type?e.set({fontSize:e.fontSize*n,width:Math.max(e.width*n,2)}):"image"===e.type?e.set({width:e.width*n,height:e.height*i}):"svg"===e.type&&e.set({width:Math.max(e.width*n,2),height:Math.max(e.height*n,2)})}e.width=t,e.height=o},setPageZIndex(t,o){const n=e.pages.find(e=>e.id===t);n&&((0,s.detach)(n),e.pages.remove(n),e.pages.splice(o,0,n))},deletePages(t){const o=e.pages.indexOf(e.activePage);t.forEach(t=>{const o=e.pages.find(e=>e.id===t);(0,s.destroy)(o)});const n=Math.min(e.pages.length-1,o),i=e.pages[n];i&&(e._activePageId=i.id),e.selectedElementsIds=(0,s.cast)(e.selectedElementsIds.filter(t=>e.getElementById(t)))},deleteElements(t){t.forEach(t=>{e.pages.forEach(e=>{const o=e.children.find(e=>e.id===t);o&&(0,s.destroy)(o)})}),e.selectedElementsIds=(0,s.cast)([])},on(t,o){if("change"===t){let t=e.toJSON();return(0,s.onSnapshot)(e,n=>{const i=e.toJSON();JSON.stringify(i)!==JSON.stringify(t)&&(t=i,o(i))})}},async toDataURL({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s,quality:a}={}){var r;const d=t||1;n=n||(null===(r=e.pages[0])||void 0===r?void 0:r.id);const c=e.pages.find(e=>e.id===n);if(!c)throw new Error(`No page for export with id ${n}`);null==c||c.set({_exporting:!0}),await e.waitLoading();const p=l.default.stages.find(e=>e.getAttr("pageId")===n);if(!p)throw new Error(`Export is failed. Can not find stage for page ${n}. Looks like <Workspace /> component is not mounted, but it is required in order to process the export.`);const g=p.findOne(".page-container");p.find("Transformer").forEach(e=>e.visible(!1)),g.find(".page-background").forEach(e=>e.shadowEnabled(!1)),g.find(".page-background").forEach(e=>e.strokeEnabled(!1)),g.find(".highlighter").forEach(e=>e.visible(!1));const h=g.findOne(".page-background-group"),m=h.clip();h.clip({x:null,y:null,width:null,height:null});const u=g.findOne(".elements-container"),f=u.clip();u.clip({x:null,y:null,width:null,height:null});const y=g.find(e=>e.getAttr("hideInExport"));y.forEach(e=>{e.setAttr("oldVisible",e.visible()),e.hide()}),o&&g.find(".page-background").forEach(e=>e.hide());const b=s?c.bleed:0;let E=b;e.bleedVisible&&s?E=0:e.bleedVisible&&!s&&(E=-c.bleed);const x=document.createElement("canvas");x.width=(c.computedWidth+2*b)*d,x.height=(c.computedHeight+2*b)*d;const w=x.getContext("2d");"image/jpeg"===i&&(w.fillStyle="white",w.fillRect(0,0,x.width,x.height));const v=g.toCanvas({x:g.x()-E*g.scaleX(),y:g.y()-E*g.scaleY(),width:(c.computedWidth+2*b)*g.scaleX(),height:(c.computedHeight+2*b)*g.scaleY(),pixelRatio:1/g.scaleX()*d});w.drawImage(v,0,0);const O=x.toDataURL(i,a);return o&&g.find(".page-background").forEach(e=>e.show()),y.forEach(e=>{e.visible(e.getAttr("oldVisible"))}),g.find(".page-background").forEach(e=>e.shadowEnabled(!0)),g.find(".page-background").forEach(e=>e.strokeEnabled(!0)),p.find("Transformer").forEach(e=>e.visible(!0)),g.find(".highlighter").forEach(e=>e.visible(!0)),h.clip(m),u.clip(f),null==c||c.set({_exporting:!1}),O},async saveAsImage(t={}){var{fileName:o}=t,i=n(t,["fileName"]);const s=i.mimeType||"image/png",a=s.split("/")[1];(0,d.downloadFile)(await e.toDataURL(i),o||"polotno."+a,s)},async _toPDF(t){const o=t.dpi||e.dpi,n=t.parallel||1,i=t.unit||("px"===e.unit?"mm":e.unit),s=t.pixelRatio||1,a=await(0,c.getJsPDF)(),r=e=>(0,m.pxToUnit)({px:e,unit:i,dpi:o}),l=e.pages[0]||{},d=t.includeBleed?l.bleed:0,p=r(l.computedWidth+2*d),g=r(l.computedHeight+2*d);var h=new a({unit:i,orientation:p>g?"landscape":"portrait",format:[p,g],compress:!0});h.deletePage(1);const u=e._elementsPixelRatio;e.setElementsPixelRatio(s),await new Promise(e=>setTimeout(e));const f=((e,t)=>{for(var o=[],n=0;n<e.length;n+=t)o.push(e.slice(n,n+t));return o})(e.pages,n);for(const c of f){const o=c.map(async o=>{const n=t.includeBleed?o.bleed:0,i=r(o.computedWidth+2*n),a=r(o.computedHeight+2*n);let l=0,d=s;for(;l<10;){2===(l+=1)&&console.error("Polotno can not export PDF with current settings. Quality is automatically reduced.");const n=await e.toDataURL(Object.assign(Object.assign({},t),{pageId:o.id,pixelRatio:d}));if(n.length>20)return{url:n,width:i,height:a};d*=.8}});(await Promise.all(o)).forEach(({url:e,width:t,height:o})=>{h.addPage([t,o],t>o?"landscape":"portrait"),h.addImage(e,0,0,t,o,void 0,"FAST")})}return e.setElementsPixelRatio(u),h},toPDFDataURL:async t=>(await e._toPDF(Object.assign({mimeType:"image/jpeg"},t))).output("datauristring"),async saveAsPDF(t={}){var{fileName:o}=t,i=n(t,["fileName"]);(await e._toPDF(Object.assign({mimeType:"image/jpeg"},i))).save(o||"polotno.pdf")},async waitLoading(){await new Promise(e=>setTimeout(e,100)),await(0,h.whenLoaded)()},toJSON:()=>({width:e.width,height:e.height,fonts:(0,s.getSnapshot)(e.fonts),pages:(0,s.getSnapshot)(e.pages),unit:e.unit,dpi:e.dpi}),loadJSON(t,o=!1){var n;const i=Object.assign({},t),a=e.pages.indexOf(e.activePage);let r=null===(n=i.pages[a]||i.pages[0])||void 0===n?void 0:n.id;i._activePageId=r;const l=Object.assign({},(0,s.getSnapshot)(e));Object.assign(l,i),l.history=o?e.history.toJSON():{history:[],undoIdx:-1},(0,s.applySnapshot)(e,l)},addFont(t){e.removeFont(t.fontFamily),e.fonts.push(t),e.loadFont(t.fontFamily)},removeFont(t){e.fonts.filter(e=>e.fontFamily===t).forEach(e=>(0,s.destroy)(e))},async loadFont(t){const o=e.fonts.find(e=>e.fontFamily===t)||g.globalFonts.find(e=>e.fontFamily===t);o?g.injectCustomFont(o):g.injectGoogleFont(t),await g.loadFont(t)}})),exports.createStore=x,exports.default=x;
 },{"mobx-state-tree":"pk4v","./history":"X9z9","nanoid":"iDyL","konva":"aTGn","../utils/download":"HWHW","../utils/pdf":"sptl","../utils/validate-key":"zree","../utils/fonts":"XXLd","../utils/loader":"bN4e","../utils/unit":"BUt3"}],"GGhN":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getImageSize=void 0;const e=require("./svg");function t(t){return new Promise(i=>{const o=document.createElement("img");o.onload=(async()=>{0===o.width||0===o.height?i(await(0,e.getSvgSize)(t)):i({width:o.width,height:o.height})}),o.src=t})}exports.getImageSize=t;
 },{"./svg":"B1DI"}],"oiQN":[function(require,module,exports) {
@@ -4049,7 +4057,7 @@ var t;!function(r){var e=/^\s+/,n=/\s+$/,a=0,i=r.round,s=r.min,o=r.max,f=r.rando
 },{"react":"HdMw","prop-types":"Iix9","reactcss":"Ad04","lodash-es/merge":"Dyv4","../common":"sSOe","./GooglePointerCircle":"tivP","./GooglePointer":"pbvm","./GoogleFields":"lp6u"}],"BnaK":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AlphaPicker",{enumerable:!0,get:function(){return e.default}}),Object.defineProperty(exports,"BlockPicker",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(exports,"CirclePicker",{enumerable:!0,get:function(){return t.default}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(exports,"ChromePicker",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(exports,"CompactPicker",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(exports,"GithubPicker",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(exports,"HuePicker",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(exports,"MaterialPicker",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(exports,"PhotoshopPicker",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(exports,"SketchPicker",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(exports,"SliderPicker",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(exports,"SwatchesPicker",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(exports,"TwitterPicker",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(exports,"GooglePicker",{enumerable:!0,get:function(){return m.default}}),Object.defineProperty(exports,"CustomPicker",{enumerable:!0,get:function(){return d.default}});var e=b(require("./components/alpha/Alpha")),r=b(require("./components/block/Block")),t=b(require("./components/circle/Circle")),n=b(require("./components/chrome/Chrome")),o=b(require("./components/compact/Compact")),u=b(require("./components/github/Github")),c=b(require("./components/hue/Hue")),i=b(require("./components/material/Material")),p=b(require("./components/photoshop/Photoshop")),l=b(require("./components/sketch/Sketch")),a=b(require("./components/slider/Slider")),f=b(require("./components/swatches/Swatches")),s=b(require("./components/twitter/Twitter")),m=b(require("./components/google/Google")),d=b(require("./components/common/ColorWrap"));function b(e){return e&&e.__esModule?e:{default:e}}
 },{"./components/alpha/Alpha":"E2K4","./components/block/Block":"Y0WV","./components/circle/Circle":"kIrU","./components/chrome/Chrome":"UJzJ","./components/compact/Compact":"stYo","./components/github/Github":"AgeD","./components/hue/Hue":"wPF6","./components/material/Material":"LqUM","./components/photoshop/Photoshop":"NRug","./components/sketch/Sketch":"Z14p","./components/slider/Slider":"Huin","./components/swatches/Swatches":"sNgS","./components/twitter/Twitter":"dIL2","./components/google/Google":"FUQ7","./components/common/ColorWrap":"NEzI"}],"zFB1":[function(require,module,exports) {
-"use strict";var e=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(e);n<a.length;n++)t.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]])}return r},t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColorPicker=void 0;const r=t(require("react")),a=require("@blueprintjs/popover2"),n=require("@blueprintjs/core"),l=require("@blueprintjs/core"),o=require("react-color"),i=t(require("../utils/styled")),s=require("../utils/gradient"),d=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"].reverse(),c=e=>{const t=[];e.pages.forEach(e=>{e.children.forEach(e=>{"text"===e.type&&t.push(e.fill),"svg"===e.type&&t.push(...e.colorsReplace.values())})});const r=[];return t.forEach(e=>{if((0,s.isGradient)(e)){const[t,a,n]=(0,s.parseColor)(e);r.push(a,n)}else r.push(e)}),[...new Set(r)]},u=(0,i.default)("div")`
+"use strict";var e=this&&this.__rest||function(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(a=Object.getOwnPropertySymbols(e);l<a.length;l++)t.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(e,a[l])&&(r[a[l]]=e[a[l]])}return r},t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ColorPicker=void 0;const r=t(require("react")),a=require("@blueprintjs/popover2"),l=require("@blueprintjs/core"),n=require("@blueprintjs/core"),o=require("react-color"),i=t(require("../utils/styled")),s=require("../utils/gradient"),d=require("../utils/svg"),u=["#D0021B","#F5A623","#F8E71C","#8B572A","#7ED321","#417505","#BD10E0","#9013FE","#4A90E2","#50E3C2","#B8E986","#000000","#4A4A4A","#9B9B9B","#FFFFFF"].reverse(),c=e=>{const t=[];e.pages.forEach(e=>{e.children.forEach(e=>{"text"===e.type&&t.push(e.fill),"svg"===e.type&&t.push(...e.colorsReplace.values())})});const r=[];return t.forEach(e=>{if((0,s.isGradient)(e)){const[t,a,l]=(0,s.parseColor)(e);r.push(a,l)}else r.push(e)}),[...new Set(r)]},p=(0,i.default)("div")`
   padding: 5px;
 
   & .sketch-picker {
@@ -4069,8 +4077,8 @@ var t;!function(r){var e=/^\s+/,n=/\s+$/,a=0,i=r.round,s=r.min,o=r.max,f=r.rando
   .bp4-dark & .sketch-picker label {
     color: #f5f8fa !important;
   }
-`,p=t=>{var{style:a,color:n,onChange:l}=t,i=e(t,["style","color","onChange"]);const[s,d]=r.default.useState(n);r.default.useEffect(()=>{d(n)},[n]);const c=r.default.useRef(),p=r.default.useRef();return r.default.createElement(u,{style:a,onMouseDown:e=>{"INPUT"!==e.target.tagName&&e.preventDefault()}},r.default.createElement(o.SketchPicker,Object.assign({color:s},i,{onChange:e=>{const{r:t,g:r,b:a,a:n}=e.rgb,o=`rgba(${t},${r},${a},${n})`;d(o),p.current=o,c.current||(c.current=window.setTimeout(()=>{c.current=0,l(o)},50))}})))},g=({value:e,onChange:t,store:a})=>{const[n,o,i]=(0,s.parseColor)(e);return r.default.createElement("div",null,r.default.createElement("div",{style:{width:"200px",height:"150px"}},r.default.createElement("div",{style:{height:"100%",background:e}})),r.default.createElement("div",{style:{display:"flex",paddingBottom:"20px",paddingTop:"20px",justifyContent:"space-between"}},r.default.createElement(exports.ColorPicker,{value:o,onChange:e=>{t(`linear-gradient(${n}deg,${e},${i})`)},store:a,style:{margin:""}}),r.default.createElement(exports.ColorPicker,{value:i,onChange:e=>{t(`linear-gradient(${n}deg,${o},${e})`)},store:a,style:{margin:""}})),r.default.createElement("div",{style:{padding:"10px"}},r.default.createElement(l.Slider,{min:0,max:360,value:n,showTrackFill:!1,labelRenderer:!1,onChange:e=>{t(`linear-gradient(${e}deg,${o},${i})`)}})))},f=({value:e,onChange:t,preset:a,store:l})=>{const[o,i]=r.default.useState((0,s.isGradient)(e)?"gradient":"solid");return r.default.createElement("div",{style:{padding:"5px"}},r.default.createElement(n.Tabs,{id:"TabsExample",selectedTabId:o,onChange:e=>i(e)},r.default.createElement(n.Tab,{id:"solid",title:"Solid",panel:r.default.createElement(p,{color:e,onChange:t,presetColors:a,style:{padding:"0"}})}),r.default.createElement(n.Tab,{id:"gradient",title:"Linear",panel:r.default.createElement(g,{value:e,onChange:t,store:l}),panelClassName:"ember-panel"})))},h=({value:e,onChange:t,size:n,store:l,gradientEnabled:o,children:i,style:s})=>{const u=n||30,g=l?c(l).slice(0,8):[],h=g.concat(d.slice(0,16-g.length).reverse());return r.default.createElement(a.Popover2,{autoFocus:!1,enforceFocus:!0,interactionKind:"hover",content:o?r.default.createElement(f,{preset:h,value:e,onChange:t,store:l}):r.default.createElement(p,{color:e,onChange:t,presetColors:h})},r.default.createElement("div",{onMouseDown:e=>e.preventDefault(),style:Object.assign({width:u+"px",height:u+"px",background:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 8 8'%3E%3Cg fill='rgba(112, 112, 116, 1)' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\")",marginLeft:"10px",borderRadius:"2px",boxShadow:"0 0 2px grey",marginBottom:"-4px"},s)},r.default.createElement("div",{style:{width:u+"px",height:u+"px",background:e}},i)))};exports.ColorPicker=h,exports.default=exports.ColorPicker;
-},{"react":"HdMw","@blueprintjs/popover2":"mZnF","@blueprintjs/core":"Ydrz","react-color":"BnaK","../utils/styled":"PsiH","../utils/gradient":"V8he"}],"dy0S":[function(require,module,exports) {
+`,g=t=>{var{style:a,color:l,onChange:n}=t,i=e(t,["style","color","onChange"]);const[s,d]=r.default.useState(l);r.default.useEffect(()=>{d(l)},[l]);const u=r.default.useRef(),c=r.default.useRef();return r.default.createElement(p,{style:a,onMouseDown:e=>{"INPUT"!==e.target.tagName&&e.preventDefault()}},r.default.createElement(o.SketchPicker,Object.assign({color:s},i,{onChange:e=>{const{r:t,g:r,b:a,a:l}=e.rgb,o=`rgba(${t},${r},${a},${l})`;d(o),c.current=o,u.current||(u.current=window.setTimeout(()=>{u.current=0,n(o)},50))}})))},f=({value:e,onChange:t,store:a})=>{const[l,o,i]=(0,s.parseColor)(e);return r.default.createElement("div",null,r.default.createElement("div",{style:{width:"200px",height:"150px"}},r.default.createElement("div",{style:{height:"100%",background:e}})),r.default.createElement("div",{style:{display:"flex",paddingBottom:"20px",paddingTop:"20px",justifyContent:"space-between"}},r.default.createElement(exports.ColorPicker,{value:o,onChange:e=>{t(`linear-gradient(${l}deg,${e},${i})`)},store:a,style:{margin:""}}),r.default.createElement(exports.ColorPicker,{value:i,onChange:e=>{t(`linear-gradient(${l}deg,${o},${e})`)},store:a,style:{margin:""}})),r.default.createElement("div",{style:{padding:"10px"}},r.default.createElement(n.Slider,{min:0,max:360,value:l,showTrackFill:!1,labelRenderer:!1,onChange:e=>{t(`linear-gradient(${e}deg,${o},${i})`)}})))},h=({value:e,onChange:t,preset:a,store:n})=>{const[o,i]=r.default.useState((0,s.isGradient)(e)?"gradient":"solid");return r.default.createElement("div",{style:{padding:"5px"}},r.default.createElement(l.Tabs,{id:"TabsExample",selectedTabId:o,onChange:e=>i(e)},r.default.createElement(l.Tab,{id:"solid",title:"Solid",panel:r.default.createElement(g,{color:e,onChange:t,presetColors:a,style:{padding:"0"}})}),r.default.createElement(l.Tab,{id:"gradient",title:"Linear",panel:r.default.createElement(f,{value:e,onChange:t,store:n}),panelClassName:"ember-panel"})))},m=({value:e,onChange:t,size:l,store:n,gradientEnabled:o,children:i,style:s})=>{const p=l||30,f=(n?c(n).slice(0,8):[]).filter(e=>!u.find(t=>(0,d.sameColors)(t,e))),m=f.concat(u.slice(0,16-f.length).reverse());return r.default.createElement(a.Popover2,{autoFocus:!1,enforceFocus:!0,interactionKind:"hover",content:o?r.default.createElement(h,{preset:m,value:e,onChange:t,store:n}):r.default.createElement(g,{color:e,onChange:t,presetColors:m})},r.default.createElement("div",{onMouseDown:e=>e.preventDefault(),style:Object.assign({width:p+"px",height:p+"px",background:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 8 8'%3E%3Cg fill='rgba(112, 112, 116, 1)' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\")",marginLeft:"10px",borderRadius:"2px",boxShadow:"0 0 2px grey",marginBottom:"-4px"},s)},r.default.createElement("div",{style:{width:p+"px",height:p+"px",background:e}},i)))};exports.ColorPicker=m,exports.default=exports.ColorPicker;
+},{"react":"HdMw","@blueprintjs/popover2":"mZnF","@blueprintjs/core":"Ydrz","react-color":"BnaK","../utils/styled":"PsiH","../utils/gradient":"V8he","../utils/svg":"B1DI"}],"dy0S":[function(require,module,exports) {
 "use strict";var e=this&&this.__rest||function(e,t){var a={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(a[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(l=Object.getOwnPropertySymbols(e);n<l.length;n++)t.indexOf(l[n])<0&&Object.prototype.propertyIsEnumerable.call(e,l[n])&&(a[l[n]]=e[l[n]])}return a},t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FiltersPicker=void 0;const a=t(require("react")),l=require("@blueprintjs/core"),n=require("@blueprintjs/popover2"),r=require("mobx-react-lite"),i=t(require("./color-picker")),d=require("../utils/l10n"),o=(e,t,a)=>Math.max(t,Math.min(a,e)),s=t=>{var{value:n,onValueChange:r}=t,i=e(t,["value","onValueChange"]);const[d,o]=a.default.useState(n.toString());return a.default.useEffect(()=>{o(n.toString())},[n]),a.default.createElement(l.NumericInput,Object.assign({value:d,onValueChange:(e,t)=>{o(t),Number.isNaN(e)||r(e)}},i))};exports.FiltersPicker=(0,r.observer)(({element:e,store:t,elements:r})=>{const u=r||[e],c=u[0],h="text"===c.type,m="image"===c.type,f="svg"===c.type,p=e=>{t.history.transaction(()=>{u.forEach(t=>{t.set(e)})})};return a.default.createElement(n.Popover2,{content:a.default.createElement("div",{style:{padding:"15px",paddingTop:"25px",width:"200px"}},a.default.createElement(l.Switch,{checked:c.blurEnabled,label:(0,d.t)("toolbar.blur"),onChange:e=>{p({blurEnabled:e.target.checked})},alignIndicator:l.Alignment.RIGHT}),c.blurEnabled&&a.default.createElement(l.Slider,{value:c.blurRadius,labelStepSize:5,onChange:e=>{p({blurRadius:e})},min:0,max:20,showTrackFill:!1}),!h&&a.default.createElement(l.Switch,{checked:c.brightnessEnabled,label:(0,d.t)("toolbar.brightness"),onChange:e=>{p({brightnessEnabled:e.target.checked})},alignIndicator:l.Alignment.RIGHT,style:{marginTop:"20px"}}),c.brightnessEnabled&&a.default.createElement(l.Slider,{value:100*c.brightness+100,onChange:e=>{p({brightness:(e-100)/100})},min:0,max:200,showTrackFill:!1,labelStepSize:50}),!h&&a.default.createElement(l.Switch,{checked:c.sepiaEnabled,label:(0,d.t)("toolbar.sepia"),onChange:e=>{p({sepiaEnabled:e.target.checked})},alignIndicator:l.Alignment.RIGHT,style:{marginTop:"20px"}}),!h&&a.default.createElement(l.Switch,{checked:c.grayscaleEnabled,label:(0,d.t)("toolbar.grayscale"),onChange:e=>{p({grayscaleEnabled:e.target.checked})},alignIndicator:l.Alignment.RIGHT,style:{marginTop:"20px"}}),h&&a.default.createElement(l.Switch,{checked:!!c.strokeWidth,label:(0,d.t)("toolbar.textStroke"),onChange:e=>{p({strokeWidth:e.target.checked?2:0})},alignIndicator:l.Alignment.RIGHT,style:{marginTop:"20px"}}),!!c.strokeWidth&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},a.default.createElement(i.default,{value:c.stroke,size:30,onChange:e=>{p({stroke:e})},store:t}),a.default.createElement(l.NumericInput,{defaultValue:c.strokeWidth,onValueChange:e=>{p({strokeWidth:o(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(c.fontSize/2)}))),(m||f)&&a.default.createElement(l.Switch,{checked:!!c.borderSize,label:(0,d.t)("toolbar.border"),onChange:e=>{p({borderSize:e.target.checked?2:0})},alignIndicator:l.Alignment.RIGHT,style:{marginTop:"20px"}}),!!c.borderSize&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},a.default.createElement(i.default,{value:c.borderColor,size:30,onChange:e=>{p({borderColor:e})},store:t}),a.default.createElement(l.NumericInput,{defaultValue:c.borderSize,onValueChange:e=>{p({borderSize:o(e,1,Math.min(c.width,c.height)/2)})},style:{width:"80px"},min:1,max:Math.min(c.width,c.height)/2}))),m&&a.default.createElement(l.Switch,{checked:!!c.cornerRadius,label:(0,d.t)("toolbar.cornerRadius"),onChange:e=>{p({cornerRadius:e.target.checked?Math.min(c.width/4,c.height/4):0})},alignIndicator:l.Alignment.RIGHT,style:{marginTop:"20px"}}),!!c.cornerRadius&&a.default.createElement(a.default.Fragment,null,a.default.createElement(l.Slider,{value:Math.min(c.cornerRadius,Math.round(Math.min(c.width/2,c.height/2))),onChange:e=>{p({cornerRadius:e})},min:1,max:Math.round(Math.min(c.width/2,c.height/2)),labelStepSize:25,showTrackFill:!1,labelRenderer:!1})),a.default.createElement(l.Switch,{checked:c.shadowEnabled,label:(0,d.t)("toolbar.shadow"),onChange:e=>{p({shadowEnabled:e.target.checked})},alignIndicator:l.Alignment.RIGHT,style:{marginTop:"20px"}}),c.shadowEnabled&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,"Blur"),a.default.createElement("div",null,a.default.createElement(s,{value:c.shadowBlur,onValueChange:e=>{p({shad:o(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"}))),a.default.createElement(l.Slider,{value:c.shadowBlur,onChange:e=>{p({shadowBlur:e})},min:0,max:50,showTrackFill:!1,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,"Offset x"),a.default.createElement("div",null,a.default.createElement(s,{value:c.shadowOffsetX,onValueChange:e=>{p({shadowOffsetX:o(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),a.default.createElement(l.Slider,{value:c.shadowOffsetX,onChange:e=>{p({shadowOffsetX:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,"Offset y"),a.default.createElement("div",null,a.default.createElement(s,{value:c.shadowOffsetY,onValueChange:e=>{p({shadowOffsetY:o(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),a.default.createElement(l.Slider,{value:c.shadowOffsetY,onChange:e=>{p({shadowOffsetY:e})},min:-50,max:50,showTrackFill:!1,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,"Opacity"),a.default.createElement("div",null,a.default.createElement(s,{value:Math.round(100*c.shadowOpacity),onValueChange:e=>{p({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(l.Slider,{value:100*c.shadowOpacity,onChange:e=>{p({shadowOpacity:e/100})},min:0,max:100,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",{style:{lineHeight:"30px"}},"Color"),a.default.createElement(i.default,{value:c.shadowColor,size:30,onChange:e=>{p({shadowColor:e})},store:t})))),position:l.Position.BOTTOM},a.default.createElement(l.Button,{icon:"left-join",text:(0,d.t)("toolbar.effects"),minimal:!0}))}),exports.default=exports.FiltersPicker;
 },{"react":"HdMw","@blueprintjs/core":"Ydrz","@blueprintjs/popover2":"mZnF","mobx-react-lite":"ZfSi","./color-picker":"zFB1","../utils/l10n":"FlVj"}],"IPaf":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ElementContainer=void 0;const t=e(require("react")),r=require("@blueprintjs/core"),n=require("@blueprintjs/popover2"),a=e(require("../utils/styled")),l=(0,a.default)("div",t.default.forwardRef)`
@@ -4101,7 +4109,7 @@ var t=require("../lib").GenIcon;module.exports=function(r){return t({tag:"svg",a
   .bp4-dark & {
     filter: invert(1);
   }
-`,y=(0,r.getFontsList)(),v=({fontFamily:e,handleClick:n,modifiers:o,store:i,isCustom:a})=>{t.default.useEffect(()=>{a&&i.loadFont(e)},[e,a]);const r=a?e:t.default.createElement(F,{src:(0,s.getGoogleFontImage)(e)});return t.default.createElement(l.MenuItem,{text:r,active:o.active,disabled:o.disabled,onClick:n,style:{fontFamily:'"'+e+'"'}})},S=({onChange:e,defaultValue:n})=>{const o=t.default.useRef(null);return t.default.useEffect(()=>{o.current&&o.current.focus()},[]),t.default.createElement(l.InputGroup,{leftIcon:"search",inputRef:o,defaultValue:n,onChange:t=>e(t.target.value)})},b=({store:e,fonts:n,activeFont:a,activeFontLabel:s,onFontSelect:c})=>{const[u,d]=t.default.useState(""),f=n.filter(e=>e.toLowerCase().indexOf(u.toLowerCase())>=0);return t.default.createElement(o.Popover2,{content:t.default.createElement("div",null,t.default.createElement(S,{onChange:e=>d(e),defaultValue:u}),t.default.createElement("div",{style:{paddingTop:"5px"}},t.default.createElement(i.FixedSizeList,{innerElementType:t.default.forwardRef((e,n)=>t.default.createElement(l.Menu,Object.assign({ref:n},e))),height:Math.min(400,30*f.length)+10,width:210,itemCount:f.length,itemSize:30,children:({index:n,style:l})=>{const o=f[n];return t.default.createElement("div",{style:l},t.default.createElement(v,{key:o,fontFamily:o,modifiers:{active:a===o},handleClick:()=>c(o),store:e,isCustom:e.fonts.find(e=>e.fontFamily===o)||r.globalFonts.find(e=>e.fontFamily===o)}))}})))},t.default.createElement(l.Button,{text:s,rightIcon:"caret-down",minimal:!0,style:{marginRight:"5px",fontFamily:'"'+a+'"',overflow:"hidden",whiteSpace:"nowrap"}}))};exports.FontFamilyInput=(0,n.observer)(({elements:e,store:n})=>{const{data:l,mutate:o}=(0,a.default)((0,s.getGoogleFontsListAPI)(),c.fetcher,{isPaused:()=>(0,r.isGoogleFontChanged)(),fallbackData:[]});t.default.useEffect(()=>{o()},[(0,r.isGoogleFontChanged)()]);const i=n.fonts.concat(r.globalFonts).map(e=>e.fontFamily).concat((null==l?void 0:l.length)?l:y);let u=e[0].fontFamily;return u.length>15&&(u=u.slice(0,15)+"..."),t.default.createElement(b,{fonts:i,activeFont:e[0].fontFamily,activeFontLabel:u,store:n,onFontSelect:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({fontFamily:t})})})}})}),exports.FontSizeInput=(0,n.observer)(({elements:e,store:n})=>t.default.createElement(l.NumericInput,{onValueChange:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({fontSize:t,width:Math.max(t,e.width)})})})},value:Math.round(e[0].fontSize),style:{width:"50px"},min:5}));const C=["left","center","right","justify"],T=["top","middle","bottom"],I={top:t.default.createElement(h.default,null),middle:t.default.createElement(g.default,null),bottom:t.default.createElement(x.default,null)};exports.FontStyleGroup=(0,n.observer)(({elements:e,store:n})=>{const o=e[0];return t.default.createElement(l.ButtonGroup,null,t.default.createElement(l.Button,{minimal:!0,icon:"align-"+o.align,onClick:()=>{const t=(C.indexOf(o.align)+1+C.length)%C.length,l=C[t];n.history.transaction(()=>{e.forEach(e=>{e.set({align:l})})})}}),E.flags.textVerticalResizeEnabled&&t.default.createElement(l.Button,{minimal:!0,icon:I[o.verticalAlign],onClick:()=>{const t=(T.indexOf(o.verticalAlign)+1+T.length)%T.length,l=T[t];n.history.transaction(()=>{e.forEach(e=>{e.set({verticalAlign:l})})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"bold",active:"bold"===o.fontWeight||"700"===o.fontWeight,onClick:()=>{const t="bold"===o.fontWeight||"700"===o.fontWeight;n.history.transaction(()=>{e.forEach(e=>{t?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"italic",active:"italic"===o.fontStyle,onClick:()=>{n.history.transaction(()=>{e.forEach(e=>{"italic"===o.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"underline",active:o.textDecoration.indexOf("underline")>=0,onClick:()=>{let t=o.textDecoration.split(" ");t.indexOf("underline")>=0?t=t.filter(e=>"underline"!==e):t.push("underline"),n.history.transaction(()=>{e.forEach(e=>{e.set({textDecoration:t.join(" ")})})})}}))}),exports.FontColorInput=(0,n.observer)(({elements:e,store:n})=>t.default.createElement(u.default,{value:e[0].fill,style:{marginRight:"5px"},onChange:t=>n.history.transaction(()=>{e.forEach(e=>{e.set({fill:t})})}),store:n})),exports.SpacingInput=(0,n.observer)(({elements:e,store:n})=>{const i=e[0];return t.default.createElement(o.Popover2,{content:t.default.createElement("div",{style:{padding:"15px 25px",width:"200px"}},t.default.createElement("p",null,"Line height"),t.default.createElement(l.Slider,{value:"number"==typeof i.lineHeight?100*i.lineHeight:120,labelStepSize:50,onChange:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({lineHeight:t/100})})})},min:50,max:250,stepSize:10,showTrackFill:!0}),t.default.createElement("p",null,"Letter spacing"),t.default.createElement(l.Slider,{value:100*i.letterSpacing,labelStepSize:50,onChange:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({letterSpacing:t/100})})})},min:-50,max:250,stepSize:10,showTrackFill:!1})),position:l.Position.BOTTOM},t.default.createElement(l.Button,{icon:t.default.createElement(m.default,{className:"bp4-icon",style:{fontSize:"20px"}}),minimal:!0}))});const w={font:exports.FontFamilyInput,fontSize:exports.FontSizeInput,fontVariant:exports.FontStyleGroup,filter:d.default,fontColor:exports.FontColorInput,spacing:exports.SpacingInput},q=(0,p.default)("div")`
+`,y=(0,r.getFontsList)(),v=({fontFamily:e,handleClick:n,modifiers:o,store:i,isCustom:a})=>{t.default.useEffect(()=>{a&&i.loadFont(e)},[e,a]);const r=a?e:t.default.createElement(F,{src:(0,s.getGoogleFontImage)(e)});return t.default.createElement(l.MenuItem,{text:r,active:o.active,disabled:o.disabled,onClick:n,style:{fontFamily:'"'+e+'"'}})},S=({onChange:e,defaultValue:n})=>{const o=t.default.useRef(null);return t.default.useEffect(()=>{o.current&&o.current.focus()},[]),t.default.createElement(l.InputGroup,{leftIcon:"search",inputRef:o,defaultValue:n,onChange:t=>e(t.target.value)})},b=({store:e,fonts:n,activeFont:a,activeFontLabel:s,onFontSelect:c})=>{const[u,d]=t.default.useState(""),f=n.filter(e=>e.toLowerCase().indexOf(u.toLowerCase())>=0);return t.default.createElement(o.Popover2,{content:t.default.createElement("div",null,t.default.createElement(S,{onChange:e=>d(e),defaultValue:u}),t.default.createElement("div",{style:{paddingTop:"5px"}},t.default.createElement(i.FixedSizeList,{innerElementType:t.default.forwardRef((e,n)=>t.default.createElement(l.Menu,Object.assign({ref:n},e))),height:Math.min(400,30*f.length)+10,width:210,itemCount:f.length,itemSize:30,children:({index:n,style:l})=>{const o=f[n];return t.default.createElement("div",{style:l},t.default.createElement(v,{key:o,fontFamily:o,modifiers:{active:a===o},handleClick:()=>c(o),store:e,isCustom:e.fonts.find(e=>e.fontFamily===o)||r.globalFonts.find(e=>e.fontFamily===o)}))}})))},t.default.createElement(l.Button,{text:s,rightIcon:"caret-down",minimal:!0,style:{marginRight:"5px",fontFamily:'"'+a+'"',overflow:"hidden",whiteSpace:"nowrap",maxHeight:"30px"}}))};exports.FontFamilyInput=(0,n.observer)(({elements:e,store:n})=>{const{data:l,mutate:o}=(0,a.default)((0,s.getGoogleFontsListAPI)(),c.fetcher,{isPaused:()=>(0,r.isGoogleFontChanged)(),fallbackData:[]});t.default.useEffect(()=>{o()},[(0,r.isGoogleFontChanged)()]);const i=n.fonts.concat(r.globalFonts).map(e=>e.fontFamily).concat((null==l?void 0:l.length)?l:y);let u=e[0].fontFamily;return u.length>15&&(u=u.slice(0,15)+"..."),t.default.createElement(b,{fonts:i,activeFont:e[0].fontFamily,activeFontLabel:u,store:n,onFontSelect:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({fontFamily:t})})})}})}),exports.FontSizeInput=(0,n.observer)(({elements:e,store:n})=>t.default.createElement(l.NumericInput,{onValueChange:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({fontSize:t,width:Math.max(t,e.width)})})})},value:Math.round(e[0].fontSize),style:{width:"50px"},min:5}));const C=["left","center","right","justify"],T=["top","middle","bottom"],I={top:t.default.createElement(h.default,null),middle:t.default.createElement(g.default,null),bottom:t.default.createElement(x.default,null)};exports.FontStyleGroup=(0,n.observer)(({elements:e,store:n})=>{const o=e[0];return t.default.createElement(l.ButtonGroup,null,t.default.createElement(l.Button,{minimal:!0,icon:"align-"+o.align,onClick:()=>{const t=(C.indexOf(o.align)+1+C.length)%C.length,l=C[t];n.history.transaction(()=>{e.forEach(e=>{e.set({align:l})})})}}),E.flags.textVerticalResizeEnabled&&t.default.createElement(l.Button,{minimal:!0,icon:I[o.verticalAlign],onClick:()=>{const t=(T.indexOf(o.verticalAlign)+1+T.length)%T.length,l=T[t];n.history.transaction(()=>{e.forEach(e=>{e.set({verticalAlign:l})})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"bold",active:"bold"===o.fontWeight||"700"===o.fontWeight,onClick:()=>{const t="bold"===o.fontWeight||"700"===o.fontWeight;n.history.transaction(()=>{e.forEach(e=>{t?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"italic",active:"italic"===o.fontStyle,onClick:()=>{n.history.transaction(()=>{e.forEach(e=>{"italic"===o.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"underline",active:o.textDecoration.indexOf("underline")>=0,onClick:()=>{let t=o.textDecoration.split(" ");t.indexOf("underline")>=0?t=t.filter(e=>"underline"!==e):t.push("underline"),n.history.transaction(()=>{e.forEach(e=>{e.set({textDecoration:t.join(" ")})})})}}))}),exports.FontColorInput=(0,n.observer)(({elements:e,store:n})=>t.default.createElement(u.default,{value:e[0].fill,style:{marginRight:"5px"},onChange:t=>n.history.transaction(()=>{e.forEach(e=>{e.set({fill:t})})}),store:n})),exports.SpacingInput=(0,n.observer)(({elements:e,store:n})=>{const i=e[0];return t.default.createElement(o.Popover2,{content:t.default.createElement("div",{style:{padding:"15px 25px",width:"200px"}},t.default.createElement("p",null,"Line height"),t.default.createElement(l.Slider,{value:"number"==typeof i.lineHeight?100*i.lineHeight:120,labelStepSize:50,onChange:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({lineHeight:t/100})})})},min:50,max:250,stepSize:10,showTrackFill:!0}),t.default.createElement("p",null,"Letter spacing"),t.default.createElement(l.Slider,{value:100*i.letterSpacing,labelStepSize:50,onChange:t=>{n.history.transaction(()=>{e.forEach(e=>{e.set({letterSpacing:t/100})})})},min:-50,max:250,stepSize:10,showTrackFill:!1})),position:l.Position.BOTTOM},t.default.createElement(l.Button,{icon:t.default.createElement(m.default,{className:"bp4-icon",style:{fontSize:"20px"}}),minimal:!0}))});const w={font:exports.FontFamilyInput,fontSize:exports.FontSizeInput,fontVariant:exports.FontStyleGroup,filter:d.default,fontColor:exports.FontColorInput,spacing:exports.SpacingInput},q=(0,p.default)("div")`
   @media screen and (max-width: 500px) {
     width: auto;
   }
@@ -4117,7 +4125,7 @@ var r=require("../lib").GenIcon;module.exports=function(t){return r({tag:"svg",a
   .bp4-dark & {
     filter: invert(1);
   }
-`,b=(0,a.getFontsList)(),C=({fontFamily:e,handleClick:n,modifiers:o,store:i,isCustom:r})=>{t.default.useEffect(()=>{r&&i.loadFont(e)},[e,r]);const a=r?e:t.default.createElement(y,{src:(0,u.getGoogleFontImage)(e)});return t.default.createElement(l.MenuItem,{text:a,active:o.active,disabled:o.disabled,onClick:n,style:{fontFamily:'"'+e+'"'}})},w=({onChange:e,defaultValue:n})=>{const o=t.default.useRef(null);return t.default.useEffect(()=>{o.current&&o.current.focus()},[]),t.default.createElement(l.InputGroup,{leftIcon:"search",inputRef:o,defaultValue:n,onChange:t=>e(t.target.value)})},q=({store:e,fonts:n,activeFont:r,activeFontLabel:u,onFontSelect:c})=>{const[s,d]=t.default.useState(""),f=n.filter(e=>e.toLowerCase().indexOf(s.toLowerCase())>=0);return t.default.createElement(o.Popover2,{content:t.default.createElement("div",null,t.default.createElement(w,{onChange:e=>d(e),defaultValue:s}),t.default.createElement("div",{style:{paddingTop:"5px"}},t.default.createElement(i.FixedSizeList,{innerElementType:t.default.forwardRef((e,n)=>t.default.createElement(l.Menu,Object.assign({ref:n},e))),height:Math.min(400,30*f.length)+10,width:210,itemCount:f.length,itemSize:30,children:({index:n,style:l})=>{const o=f[n];return t.default.createElement("div",{style:l},t.default.createElement(C,{key:o,fontFamily:o,modifiers:{active:r===o},handleClick:()=>c(o),store:e,isCustom:e.fonts.find(e=>e.fontFamily===o)||a.globalFonts.find(e=>e.fontFamily===o)}))}})))},t.default.createElement(l.Button,{text:u,rightIcon:"caret-down",minimal:!0,style:{marginRight:"5px",fontFamily:'"'+r+'"',overflow:"hidden",whiteSpace:"nowrap"}}))};exports.FontFamilyInput=(0,n.observer)(({element:e,store:n})=>{const{data:l,mutate:o}=(0,r.default)((0,u.getGoogleFontsListAPI)(),c.fetcher,{isPaused:()=>(0,a.isGoogleFontChanged)(),fallbackData:[]});t.default.useEffect(()=>{o()},[(0,a.isGoogleFontChanged)()]);const i=n.fonts.concat(a.globalFonts).map(e=>e.fontFamily).concat((null==l?void 0:l.length)?l:b);let s=e.fontFamily;return s.length>15&&(s=e.fontFamily.slice(0,15)+"..."),t.default.createElement(q,{fonts:i,activeFont:e.fontFamily,activeFontLabel:s,store:n,onFontSelect:t=>{e.set({fontFamily:t})}})}),exports.FontSizeInput=(0,n.observer)(({element:e})=>t.default.createElement(l.NumericInput,{onValueChange:t=>{e.set({fontSize:t})},value:Math.round(e.fontSize),style:{width:"50px"},min:5}));const T=["left","center","right","justify"],I=["top","middle","bottom"],k={top:t.default.createElement(h.default,null),middle:t.default.createElement(F.default,null),bottom:t.default.createElement(v.default,null)};exports.FontStyleGroup=(0,n.observer)(({element:e,store:n})=>t.default.createElement(l.ButtonGroup,null,t.default.createElement(l.Button,{minimal:!0,icon:"align-"+e.align,onClick:()=>{const t=(T.indexOf(e.align)+1+T.length)%T.length,n=T[t];e.set({align:n})}}),E.flags.textVerticalResizeEnabled&&t.default.createElement(l.Button,{minimal:!0,icon:k[e.verticalAlign],onClick:()=>{const t=(I.indexOf(e.verticalAlign)+1+I.length)%I.length,l=I[t];n.history.transaction(()=>{e.set({verticalAlign:l})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"bold",active:S.quillRef.currentFormat.bold||"bold"===e.fontWeight||"700"===e.fontWeight,onMouseDown:e=>{e.preventDefault()},onClick:t=>{const n=window.__polotnoQuill;if(n){const e=n.getSelection();n.formatText(e.index,e.length,"bold",!S.quillRef.currentFormat.bold,"user")}else"bold"===e.fontWeight||"700"===e.fontWeight?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})}}),t.default.createElement(l.Button,{minimal:!0,icon:"italic",onMouseDown:e=>{e.preventDefault()},active:S.quillRef.currentFormat.italic||"italic"===e.fontStyle,onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();t.formatText(e.index,e.length,"italic",!S.quillRef.currentFormat.italic,"user")}else"italic"===e.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})}}),t.default.createElement(l.Button,{minimal:!0,icon:"underline",active:S.quillRef.currentFormat.underline||e.textDecoration.indexOf("underline")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"underline",!S.quillRef.currentFormat.underline,"user")}let n=e.textDecoration.split(" ");n.indexOf("underline")>=0?n=n.filter(e=>"underline"!==e):n.push("underline"),e.set({textDecoration:n.join(" ")})}}))),exports.FontColorInput=(0,n.observer)(({element:e,store:n})=>t.default.createElement(d.default,{value:S.quillRef.currentFormat.color||e.fill,onChange:t=>{const n=window.__polotnoQuill,l=null==n?void 0:n.getSelection(),o=(null==l?void 0:l.length)>=(null==n?void 0:n.getLength())-1;if(n&&!o&&(null==l?void 0:l.length))n.formatText(l.index,l.length,"color",t,"user");else{var i=e.text.replace(/style=".*?"/g,"");e.set({fill:t,text:i})}},store:n})),exports.SpacingInput=(0,n.observer)(({element:e})=>t.default.createElement(o.Popover2,{content:t.default.createElement("div",{style:{padding:"15px 25px",width:"200px"}},t.default.createElement("p",null,"Line height"),t.default.createElement(l.Slider,{value:"number"==typeof e.lineHeight?100*e.lineHeight:120,labelStepSize:50,onChange:t=>{e.set({lineHeight:t/100})},min:50,max:250,stepSize:10,showTrackFill:!0}),t.default.createElement("p",null,"Letter spacing"),t.default.createElement(l.Slider,{value:100*e.letterSpacing,labelStepSize:50,onChange:t=>{e.set({letterSpacing:t/100})},min:-50,max:250,stepSize:10,showTrackFill:!1})),position:l.Position.BOTTOM},t.default.createElement(l.Button,{icon:t.default.createElement(m.default,{className:"bp4-icon",style:{fontSize:"20px"}}),minimal:!0}))),exports.DirectionInput=(0,n.observer)(({element:e})=>{const n="rtl"===e.dir?p.default:g.default;return t.default.createElement(l.Button,{icon:t.default.createElement(n,{className:"bp4-icon",style:{fontSize:"20px"}}),minimal:!0,onClick:()=>{e.set({dir:"rtl"===e.dir?"ltr":"rtl"})}})});const z={font:exports.FontFamilyInput,fontSize:exports.FontSizeInput,fontVariant:exports.FontStyleGroup,filter:f.default,fontColor:exports.FontColorInput,spacing:exports.SpacingInput,direction:exports.DirectionInput},M=(0,x.default)("div")`
+`,b=(0,a.getFontsList)(),C=({fontFamily:e,handleClick:n,modifiers:o,store:i,isCustom:r})=>{t.default.useEffect(()=>{r&&i.loadFont(e)},[e,r]);const a=r?e:t.default.createElement(y,{src:(0,u.getGoogleFontImage)(e)});return t.default.createElement(l.MenuItem,{text:a,active:o.active,disabled:o.disabled,onClick:n,style:{fontFamily:'"'+e+'"'}})},w=({onChange:e,defaultValue:n})=>{const o=t.default.useRef(null);return t.default.useEffect(()=>{o.current&&o.current.focus()},[]),t.default.createElement(l.InputGroup,{leftIcon:"search",inputRef:o,defaultValue:n,onChange:t=>e(t.target.value)})},q=({store:e,fonts:n,activeFont:r,activeFontLabel:u,onFontSelect:c})=>{const[s,d]=t.default.useState(""),f=n.filter(e=>e.toLowerCase().indexOf(s.toLowerCase())>=0);return t.default.createElement(o.Popover2,{content:t.default.createElement("div",null,t.default.createElement(w,{onChange:e=>d(e),defaultValue:s}),t.default.createElement("div",{style:{paddingTop:"5px"}},t.default.createElement(i.FixedSizeList,{innerElementType:t.default.forwardRef((e,n)=>t.default.createElement(l.Menu,Object.assign({ref:n},e))),height:Math.min(400,30*f.length)+10,width:210,itemCount:f.length,itemSize:30,children:({index:n,style:l})=>{const o=f[n];return t.default.createElement("div",{style:l},t.default.createElement(C,{key:o,fontFamily:o,modifiers:{active:r===o},handleClick:()=>c(o),store:e,isCustom:e.fonts.find(e=>e.fontFamily===o)||a.globalFonts.find(e=>e.fontFamily===o)}))}})))},t.default.createElement(l.Button,{text:u,rightIcon:"caret-down",minimal:!0,style:{marginRight:"5px",fontFamily:'"'+r+'"',overflow:"hidden",whiteSpace:"nowrap",maxHeight:"30px"}}))};exports.FontFamilyInput=(0,n.observer)(({element:e,store:n})=>{const{data:l,mutate:o}=(0,r.default)((0,u.getGoogleFontsListAPI)(),c.fetcher,{isPaused:()=>(0,a.isGoogleFontChanged)(),fallbackData:[]});t.default.useEffect(()=>{o()},[(0,a.isGoogleFontChanged)()]);const i=n.fonts.concat(a.globalFonts).map(e=>e.fontFamily).concat((null==l?void 0:l.length)?l:b);let s=e.fontFamily;return s.length>15&&(s=e.fontFamily.slice(0,15)+"..."),t.default.createElement(q,{fonts:i,activeFont:e.fontFamily,activeFontLabel:s,store:n,onFontSelect:t=>{e.set({fontFamily:t})}})}),exports.FontSizeInput=(0,n.observer)(({element:e})=>t.default.createElement(l.NumericInput,{onValueChange:t=>{e.set({fontSize:t})},value:Math.round(e.fontSize),style:{width:"50px"},min:5}));const T=["left","center","right","justify"],I=["top","middle","bottom"],k={top:t.default.createElement(h.default,null),middle:t.default.createElement(F.default,null),bottom:t.default.createElement(v.default,null)};exports.FontStyleGroup=(0,n.observer)(({element:e,store:n})=>t.default.createElement(l.ButtonGroup,null,t.default.createElement(l.Button,{minimal:!0,icon:"align-"+e.align,onClick:()=>{const t=(T.indexOf(e.align)+1+T.length)%T.length,n=T[t];e.set({align:n})}}),E.flags.textVerticalResizeEnabled&&t.default.createElement(l.Button,{minimal:!0,icon:k[e.verticalAlign],onClick:()=>{const t=(I.indexOf(e.verticalAlign)+1+I.length)%I.length,l=I[t];n.history.transaction(()=>{e.set({verticalAlign:l})})}}),t.default.createElement(l.Button,{minimal:!0,icon:"bold",active:S.quillRef.currentFormat.bold||"bold"===e.fontWeight||"700"===e.fontWeight,onMouseDown:e=>{e.preventDefault()},onClick:t=>{const n=window.__polotnoQuill;if(n){const e=n.getSelection();n.formatText(e.index,e.length,"bold",!S.quillRef.currentFormat.bold,"user")}else"bold"===e.fontWeight||"700"===e.fontWeight?e.set({fontWeight:"normal"}):e.set({fontWeight:"bold"})}}),t.default.createElement(l.Button,{minimal:!0,icon:"italic",onMouseDown:e=>{e.preventDefault()},active:S.quillRef.currentFormat.italic||"italic"===e.fontStyle,onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();t.formatText(e.index,e.length,"italic",!S.quillRef.currentFormat.italic,"user")}else"italic"===e.fontStyle?e.set({fontStyle:"normal"}):e.set({fontStyle:"italic"})}}),t.default.createElement(l.Button,{minimal:!0,icon:"underline",active:S.quillRef.currentFormat.underline||e.textDecoration.indexOf("underline")>=0,onMouseDown:e=>{e.preventDefault()},onClick:()=>{const t=window.__polotnoQuill;if(t){const e=t.getSelection();return void t.formatText(e.index,e.length,"underline",!S.quillRef.currentFormat.underline,"user")}let n=e.textDecoration.split(" ");n.indexOf("underline")>=0?n=n.filter(e=>"underline"!==e):n.push("underline"),e.set({textDecoration:n.join(" ")})}}))),exports.FontColorInput=(0,n.observer)(({element:e,store:n})=>t.default.createElement(d.default,{value:S.quillRef.currentFormat.color||e.fill,onChange:t=>{const n=window.__polotnoQuill,l=null==n?void 0:n.getSelection(),o=(null==l?void 0:l.length)>=(null==n?void 0:n.getLength())-1;if(n&&!o&&(null==l?void 0:l.length))n.formatText(l.index,l.length,"color",t,"user");else{var i=e.text.replace(/style=".*?"/g,"");e.set({fill:t,text:i})}},store:n})),exports.SpacingInput=(0,n.observer)(({element:e})=>t.default.createElement(o.Popover2,{content:t.default.createElement("div",{style:{padding:"15px 25px",width:"200px"}},t.default.createElement("p",null,"Line height"),t.default.createElement(l.Slider,{value:"number"==typeof e.lineHeight?100*e.lineHeight:120,labelStepSize:50,onChange:t=>{e.set({lineHeight:t/100})},min:50,max:250,stepSize:10,showTrackFill:!0}),t.default.createElement("p",null,"Letter spacing"),t.default.createElement(l.Slider,{value:100*e.letterSpacing,labelStepSize:50,onChange:t=>{e.set({letterSpacing:t/100})},min:-50,max:250,stepSize:10,showTrackFill:!1})),position:l.Position.BOTTOM},t.default.createElement(l.Button,{icon:t.default.createElement(m.default,{className:"bp4-icon",style:{fontSize:"20px"}}),minimal:!0}))),exports.DirectionInput=(0,n.observer)(({element:e})=>{const n="rtl"===e.dir?p.default:g.default;return t.default.createElement(l.Button,{icon:t.default.createElement(n,{className:"bp4-icon",style:{fontSize:"20px"}}),minimal:!0,onClick:()=>{e.set({dir:"rtl"===e.dir?"ltr":"rtl"})}})});const z={font:exports.FontFamilyInput,fontSize:exports.FontSizeInput,fontVariant:exports.FontStyleGroup,filter:f.default,fontColor:exports.FontColorInput,spacing:exports.SpacingInput,direction:exports.DirectionInput},M=(0,x.default)("div")`
   width: calc(100% - 450px);
 
   @media screen and (max-width: 500px) {
@@ -4129,13 +4137,13 @@ var r=require("../lib").GenIcon;module.exports=function(t){return r({tag:"svg",a
 },{"react":"HdMw","@blueprintjs/core":"Ydrz","@blueprintjs/popover2":"mZnF","../utils/l10n":"FlVj"}],"wwJC":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.RemoveBackgroundButton=exports.RemoveBackgroundDialog=exports.setRemoveBackgroundFunc=void 0;const t=e(require("react")),o=require("mobx-react-lite"),a=require("@blueprintjs/core"),r=require("../utils/api"),l=require("../utils/l10n");let n=async e=>{const t=await fetch((0,r.removeBackground)(),{method:"POST",body:JSON.stringify({url:e})});return 200!==t.status?(alert((0,l.t)("error.removeBackground")),e):(await t.json()).url};function s(e){n=e}exports.setRemoveBackgroundFunc=s,exports.RemoveBackgroundDialog=(0,o.observer)(({isOpen:e,onClose:o,element:r})=>{const[s,c]=t.default.useState(r.src);t.default.useEffect(()=>{c(r.src)},[r.src]);const[u,i]=t.default.useState(!1),d=s!==r.src;return t.default.createElement(a.Dialog,{onClose:o,title:"Remove background from image",isOpen:e,style:{width:"80%",maxWidth:"700px"}},t.default.createElement("div",{className:a.Classes.DIALOG_BODY},t.default.createElement("img",{src:s,style:{width:"100%",maxHeight:"400px",objectFit:"contain"}})),t.default.createElement("div",{className:a.Classes.DIALOG_FOOTER,style:{position:"relative"}},t.default.createElement("a",{href:"https://photoroom.com/",title:"Remove backgrounds with the PhotoRoom app",style:{background:"rgba(255, 255, 255, 0.8)",borderRadius:"10px",display:"inline-block",position:"absolute",top:"50%",transform:"translateY(-50%)"},target:"_blank"},t.default.createElement("img",{src:"https://api.polotno.dev/assets/removed-by-photoroom.svg",width:"120"})),t.default.createElement("div",{className:a.Classes.DIALOG_FOOTER_ACTIONS},!d&&t.default.createElement(a.Button,{onClick:async()=>{i(!0);try{c(await n(r.src))}catch(e){console.error(e)}i(!1)},loading:u},(0,l.t)("toolbar.removeBackground")),d&&t.default.createElement(t.default.Fragment,null,t.default.createElement(a.Button,{onClick:()=>{c(r.src),o()},loading:u},(0,l.t)("toolbar.cancelRemoveBackground")),t.default.createElement(a.Button,{onClick:()=>{r.set({src:s}),o()},loading:u,intent:"primary"},(0,l.t)("toolbar.confirmRemoveBackground"))))))});const c=({element:e})=>{const[o,r]=t.default.useState(!1);return t.default.createElement(t.default.Fragment,null,t.default.createElement(a.Button,{text:(0,l.t)("toolbar.removeBackground"),minimal:!0,onClick:e=>{r(!0)}}),t.default.createElement(exports.RemoveBackgroundDialog,{isOpen:o,onClose:()=>{r(!1)},element:e}))};exports.RemoveBackgroundButton=c;
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","../utils/api":"Ic0q","../utils/l10n":"FlVj"}],"LcnJ":[function(require,module,exports) {
-"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImageToolbar=void 0;const t=e(require("react")),r=require("mobx-react-lite"),o=require("@blueprintjs/core"),l=require("./element-container"),i=e(require("../utils/styled")),a=e(require("./filters-picker")),n=e(require("./flip-button")),c=require("../utils/flags"),u=require("./remove-background-button"),d=require("../utils/l10n"),p=({element:e,store:r})=>t.default.createElement(o.Button,{text:(0,d.t)("toolbar.fitToBackground"),minimal:!0,onClick:()=>{e.set({x:-e.page.bleed,y:-e.page.bleed,width:r.width+2*e.page.bleed,height:r.height+2*e.page.bleed,rotation:0,cropX:0,cropY:0,cropWidth:1,cropHeight:1})}}),m=({element:e,store:r})=>t.default.createElement(o.Button,{text:(0,d.t)("toolbar.crop"),minimal:!0,onClickCapture:t=>{t.stopPropagation(),e.toggleCropMode(!0)}}),s=({element:e,store:r})=>t.default.createElement(o.Button,{text:(0,d.t)("toolbar.removeClip"),minimal:!0,onClickCapture:t=>{e.set({clipSrc:""})}}),f={flip:n.default,filter:a.default,fitToBackground:p,crop:m,removeClip:s,removeBackground:u.RemoveBackgroundButton},g=(0,i.default)("div")`
+"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImageToolbar=void 0;const t=e(require("react")),r=require("mobx-react-lite"),o=require("@blueprintjs/core"),l=require("./element-container"),i=e(require("../utils/styled")),a=e(require("./filters-picker")),n=e(require("./flip-button")),c=require("../utils/flags"),u=require("./remove-background-button"),d=require("../utils/l10n"),p=({element:e,store:r})=>t.default.createElement(o.Button,{text:(0,d.t)("toolbar.fitToBackground"),minimal:!0,onClick:()=>{e.set({x:-e.page.bleed,y:-e.page.bleed,width:r.width+2*e.page.bleed,height:r.height+2*e.page.bleed,rotation:0,cropX:0,cropY:0,cropWidth:1,cropHeight:1})}}),m=({element:e,store:r})=>t.default.createElement(o.Button,{text:(0,d.t)("toolbar.crop"),minimal:!0,onClickCapture:t=>{t.stopPropagation(),e.toggleCropMode(!0)}}),s=({element:e,store:r})=>t.default.createElement(o.Button,{text:(0,d.t)("toolbar.removeClip"),minimal:!0,onClickCapture:t=>{e.set({clipSrc:""})}}),g={flip:n.default,filter:a.default,fitToBackground:p,crop:m,removeClip:s,removeBackground:u.RemoveBackgroundButton},f=(0,i.default)("div")`
   @media screen and (max-width: 500px) {
     width: auto;
   }
-`;exports.ImageToolbar=(0,r.observer)(({store:e,hideImageFlip:r,hideImageEffects:i,hideImageCrop:a,hideImageFit:n})=>{const u=e.selectedElements[0],p=u._cropModeEnabled,m=t.default.useRef({});t.default.useEffect(()=>{p&&(m.current={x:u.x,y:u.y,width:u.width,height:u.height,cropX:u.cropX,cropY:u.cropY,cropWidth:u.cropWidth,cropHeight:u.cropHeight})},[p]);const s=[!r&&"flip",!i&&"filter",!n&&"fitToBackground",!a&&"crop",u.clipSrc&&"removeClip",c.flags.removeBackgroundEnabled&&"removeBackground"].filter(e=>!!e);return t.default.createElement(t.default.Fragment,null,!p&&t.default.createElement(l.ElementContainer,{items:s,itemRender:r=>{const o=f[r];return t.default.createElement(o,{element:u,store:e,key:r})}}),p&&t.default.createElement(o.Navbar.Group,null,t.default.createElement(o.Button,{text:(0,d.t)("toolbar.cropDone"),minimal:!0,icon:"tick",onClickCapture:e=>{u.toggleCropMode(!1)}}),t.default.createElement(o.Button,{text:(0,d.t)("toolbar.cropCancel"),minimal:!0,icon:"cross",onClickCapture:e=>{u.set(Object.assign({},m.current)),u.toggleCropMode(!1)}})))}),exports.default=exports.ImageToolbar;
+`;exports.ImageToolbar=(0,r.observer)(({store:e,hideImageFlip:r,hideImageEffects:i,hideImageCrop:a,hideImageFit:n,hideImageRemoveBackground:u})=>{const p=e.selectedElements[0],m=p._cropModeEnabled,s=t.default.useRef({});t.default.useEffect(()=>{m&&(s.current={x:p.x,y:p.y,width:p.width,height:p.height,cropX:p.cropX,cropY:p.cropY,cropWidth:p.cropWidth,cropHeight:p.cropHeight})},[m]);const f=[!r&&"flip",!i&&"filter",!n&&"fitToBackground",!a&&"crop",p.clipSrc&&"removeClip",!u&&c.flags.removeBackgroundEnabled&&"removeBackground"].filter(e=>!!e);return t.default.createElement(t.default.Fragment,null,!m&&t.default.createElement(l.ElementContainer,{items:f,itemRender:r=>{const o=g[r];return t.default.createElement(o,{element:p,store:e,key:r})}}),m&&t.default.createElement(o.Navbar.Group,null,t.default.createElement(o.Button,{text:(0,d.t)("toolbar.cropDone"),minimal:!0,icon:"tick",onClickCapture:e=>{p.toggleCropMode(!1)}}),t.default.createElement(o.Button,{text:(0,d.t)("toolbar.cropCancel"),minimal:!0,icon:"cross",onClickCapture:e=>{p.set(Object.assign({},s.current)),p.toggleCropMode(!1)}})))}),exports.default=exports.ImageToolbar;
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","./element-container":"IPaf","../utils/styled":"PsiH","./filters-picker":"dy0S","./flip-button":"ml2Z","../utils/flags":"IDY9","./remove-background-button":"wwJC","../utils/l10n":"FlVj"}],"nsjL":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var l={};if(null!=r)for(var o in r)"default"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&e(l,r,o);return t(l,r),l},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgToolbar=void 0;const o=l(require("react")),a=require("mobx-react-lite"),n=require("@blueprintjs/core"),u=require("../utils/l10n"),i=r(require("../utils/svg")),s=l(require("./filters-picker")),c=l(require("./color-picker")),f=l(require("./flip-button")),d=e=>{const[t,r]=o.default.useState([]);return o.default.useEffect(()=>{let t=!1;return(async()=>{r([]);const l=await i.urlToString(e),o=i.getColors(l);t||r(o)})(),()=>{t=!0}},[e]),t};exports.SvgToolbar=(0,a.observer)(({store:e,hideSvgEffects:t})=>{const r=e.selectedElements[0],l=d(r.src);return o.default.createElement(n.Navbar.Group,{align:n.Alignment.LEFT},o.default.createElement(f.default,{element:r}),!t&&o.default.createElement(s.default,{element:r,store:e}),r.maskSrc&&o.default.createElement(n.Button,{minimal:!0,onClick:()=>{r.set({maskSrc:""})}},(0,u.t)("toolbar.removeMask")),!r.maskSrc&&l.slice(0,5).map(t=>o.default.createElement(c.default,{key:t,value:r.colorsReplace.get(t)||t,onChange:e=>{r.replaceColor(t,e)},store:e,gradientEnabled:!0})))}),exports.default=exports.SvgToolbar;
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,l){void 0===l&&(l=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,l,o)}:function(e,t,r,l){void 0===l&&(l=r),e[l]=t[r]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),r=this&&this.__importStar||function(r){if(r&&r.__esModule)return r;var l={};if(null!=r)for(var o in r)"default"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&e(l,r,o);return t(l,r),l},l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgToolbar=void 0;const o=l(require("react")),a=require("mobx-react-lite"),i=require("@blueprintjs/core"),n=require("../utils/l10n"),u=r(require("../utils/svg")),s=l(require("./filters-picker")),c=l(require("./color-picker")),f=l(require("./flip-button"));exports.SvgToolbar=(0,a.observer)(({store:e,hideSvgEffects:t})=>{const r=e.selectedElements[0],l=u.useSvgColors(r.src);return o.default.createElement(i.Navbar.Group,{align:i.Alignment.LEFT},o.default.createElement(f.default,{element:r}),!t&&o.default.createElement(s.default,{element:r,store:e}),r.maskSrc&&o.default.createElement(i.Button,{minimal:!0,onClick:()=>{r.set({maskSrc:""})}},(0,n.t)("toolbar.removeMask")),!r.maskSrc&&l.slice(0,5).map(t=>o.default.createElement(c.default,{key:t,value:r.colorsReplace.get(t)||t,onChange:e=>{r.replaceColor(t,e)},store:e,gradientEnabled:!0})))}),exports.default=exports.SvgToolbar;
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","../utils/l10n":"FlVj","../utils/svg":"B1DI","./filters-picker":"dy0S","./color-picker":"zFB1","./flip-button":"ml2Z"}],"hzA0":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.DownloadButton=void 0;const t=e(require("react")),o=require("@blueprintjs/core"),a=require("@blueprintjs/popover2"),n=require("../utils/l10n"),r=({store:e})=>{const[r,l]=t.default.useState(!1);return t.default.createElement(a.Popover2,{content:t.default.createElement(o.Menu,null,t.default.createElement(o.MenuItem,{icon:"media",text:(0,n.t)("toolbar.saveAsImage"),onClick:async()=>{e.pages.forEach(t=>{e.saveAsImage({pageId:t.id})})}}),t.default.createElement(o.MenuItem,{icon:"document",text:(0,n.t)("toolbar.saveAsPDF"),onClick:async()=>{l(!0),await e.saveAsPDF(),l(!1)}})),position:o.Position.BOTTOM},t.default.createElement(o.Button,{icon:"import",text:(0,n.t)("toolbar.download"),minimal:!0,loading:r}))};exports.DownloadButton=r,exports.default=exports.DownloadButton;
 },{"react":"HdMw","@blueprintjs/core":"Ydrz","@blueprintjs/popover2":"mZnF","../utils/l10n":"FlVj"}],"I7IM":[function(require,module,exports) {
@@ -4153,7 +4161,7 @@ var r=require("../lib").GenIcon;module.exports=function(t){return r({tag:"svg",a
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","@blueprintjs/popover2":"mZnF","@meronex/icons/md/MdOpacity":"eGcA","../utils/l10n":"FlVj"}],"ccY3":[function(require,module,exports) {
 "use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AdminButton=void 0;const t=e(require("react")),l=require("mobx-react-lite"),a=require("@blueprintjs/core"),n=require("@blueprintjs/popover2"),r=require("@blueprintjs/core"),o=require("../utils/l10n");exports.AdminButton=(0,l.observer)(({store:e})=>{const l=e.selectedElements.length>0,i=e.selectedElements[0]||{};return t.default.createElement(n.Popover2,{disabled:!l,minimal:!1,content:t.default.createElement("div",{style:{padding:"15px",paddingTop:"25px",width:"220px"}},t.default.createElement(r.Switch,{checked:i.selectable,label:(0,o.t)("toolbar.selectable"),onChange:e=>{i.set({selectable:e.target.checked})},alignIndicator:r.Alignment.RIGHT}),t.default.createElement(r.Switch,{checked:i.draggable,label:(0,o.t)("toolbar.draggable"),onChange:e=>{i.set({draggable:e.target.checked})},alignIndicator:r.Alignment.RIGHT}),t.default.createElement(r.Switch,{checked:i.contentEditable,label:(0,o.t)("toolbar.contentEditable"),onChange:e=>{i.set({contentEditable:e.target.checked})},alignIndicator:r.Alignment.RIGHT}),t.default.createElement(r.Switch,{checked:i.styleEditable,label:(0,o.t)("toolbar.styleEditable"),onChange:e=>{i.set({styleEditable:e.target.checked})},alignIndicator:r.Alignment.RIGHT}),t.default.createElement(r.Switch,{checked:i.alwaysOnTop,label:(0,o.t)("toolbar.alwaysOnTop"),onChange:e=>{i.set({alwaysOnTop:e.target.checked})},alignIndicator:r.Alignment.RIGHT,style:{marginTop:"20px"}}),t.default.createElement(r.Switch,{checked:i.showInExport,label:(0,o.t)("toolbar.showInExport"),onChange:e=>{i.set({showInExport:e.target.checked})},alignIndicator:r.Alignment.RIGHT,style:{marginTop:"20px"}})),position:a.Position.BOTTOM},t.default.createElement(a.Button,{icon:"cog",minimal:!0,disabled:!l}))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","@blueprintjs/popover2":"mZnF","../utils/l10n":"FlVj"}],"CetC":[function(require,module,exports) {
-"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toolbar=exports.registerToolbarComponent=void 0;const t=e(require("react")),r=require("mobx-react-lite"),o=require("@blueprintjs/core"),l=e(require("../utils/styled")),i=require("./history-buttons"),a=require("./text-toolbar"),n=require("./html-toolbar"),d=require("./image-toolbar"),s=require("./svg-toolbar"),u=require("./download-button"),c=require("./duplicate-button"),m=require("./remove-button"),p=require("./lock-button"),f=require("./position-picker"),h=require("./opacity-picker"),b=require("./admin-button"),g=require("../utils/flags"),E={text:a.TextToolbar,image:d.ImageToolbar,svg:s.SvgToolbar};function x(e,t){E[e]=t}exports.registerToolbarComponent=x;const v=(0,l.default)("div")`
+"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toolbar=exports.registerToolbarComponent=void 0;const t=e(require("react")),r=require("mobx-react-lite"),o=require("@blueprintjs/core"),l=e(require("../utils/styled")),a=require("./history-buttons"),i=require("./text-toolbar"),n=require("./html-toolbar"),d=require("./image-toolbar"),u=require("./svg-toolbar"),s=require("./download-button"),m=require("./duplicate-button"),c=require("./remove-button"),p=require("./lock-button"),f=require("./position-picker"),h=require("./opacity-picker"),g=require("./admin-button"),b=require("../utils/flags"),E={text:i.TextToolbar,image:d.ImageToolbar,svg:u.SvgToolbar};function x(e,t){E[e]=t}exports.registerToolbarComponent=x;const v=(0,l.default)("div")`
   @media screen and (max-width: 500px) {
     max-width: 100vw;
     overflow-x: auto;
@@ -4165,10 +4173,10 @@ var r=require("../lib").GenIcon;module.exports=function(t){return r({tag:"svg",a
   @media screen and (max-width: 500px) {
     display: flex;
   }
-`;exports.Toolbar=(0,r.observer)(({store:e,downloadButtonEnabled:r,hideTextFontFamily:l,hideTextSpacing:a,hideTextEffects:d,hideImageFlip:s,hideImageEffects:x,hideImageCrop:q,hideImageFit:T,hideSvgEffects:w,hidePosition:I,hideOpacity:F,hideDuplicate:k,hideLock:B,hideRemove:_,components:S})=>{const C=1===new Set(e.selectedElements.map(e=>e.type)).size,D=1===e.selectedElements.length,P=e.selectedElements[0],R=e.selectedElements.every(e=>e.styleEditable),A=e.selectedElements.every(e=>e.draggable);let H=R&&D&&E[P.type];C&&"text"===(null==P?void 0:P.type)&&(H=E[P.type]),D&&"text"===P.type&&g.flags.htmlRenderEnabled&&(H=n.HtmlToolbar);const M=D&&P._cropModeEnabled,O=(null==S?void 0:S.ActionControls)||(r?u.DownloadButton:null);return t.default.createElement(v,{className:"bp4-navbar"},t.default.createElement(y,null,!M&&t.default.createElement(i.HistoryButtons,{store:e}),H&&R&&t.default.createElement(H,{store:e,hideTextFontFamily:l,hideTextSpacing:a,hideTextEffects:d,hideImageFlip:s,hideImageEffects:x,hideImageCrop:q,hideImageFit:T,hideSvgEffects:w}),!M&&t.default.createElement(o.Navbar.Group,{align:o.Alignment.RIGHT},"admin"===e.role&&t.default.createElement(b.AdminButton,{store:e}),!I&&A&&t.default.createElement(f.PositionPicker,{store:e}),!F&&R&&t.default.createElement(h.OpacityPicker,{store:e}),!B&&t.default.createElement(p.LockButton,{store:e}),!k&&t.default.createElement(c.DuplicateButton,{store:e}),!_&&t.default.createElement(m.RemoveButton,{store:e}),O&&t.default.createElement(t.default.Fragment,null,t.default.createElement(o.Divider,{style:{height:"100%",margin:"0 15px"}}),t.default.createElement(O,{store:e})))))}),exports.default=exports.Toolbar;
+`;exports.Toolbar=(0,r.observer)(({store:e,downloadButtonEnabled:r,hideTextFontFamily:l,hideTextSpacing:i,hideTextEffects:d,hideImageFlip:u,hideImageEffects:x,hideImageCrop:q,hideImageFit:T,hideImageRemoveBackground:I,hideSvgEffects:w,hidePosition:k,hideOpacity:B,hideDuplicate:F,hideLock:_,hideRemove:R,components:S})=>{const C=1===new Set(e.selectedElements.map(e=>e.type)).size,D=1===e.selectedElements.length,P=e.selectedElements[0],A=e.selectedElements.every(e=>e.styleEditable),H=e.selectedElements.every(e=>e.draggable);let M=A&&D&&E[P.type];C&&"text"===(null==P?void 0:P.type)&&(M=E[P.type]),D&&"text"===P.type&&b.flags.htmlRenderEnabled&&(M=n.HtmlToolbar);const O=D&&P._cropModeEnabled,j=(null==S?void 0:S.ActionControls)||(r?s.DownloadButton:null);return t.default.createElement(v,{className:"bp4-navbar"},t.default.createElement(y,null,!O&&t.default.createElement(a.HistoryButtons,{store:e}),M&&A&&t.default.createElement(M,{store:e,hideTextFontFamily:l,hideTextSpacing:i,hideTextEffects:d,hideImageFlip:u,hideImageEffects:x,hideImageCrop:q,hideImageFit:T,hideSvgEffects:w,hideImageRemoveBackground:I,components:S}),!O&&t.default.createElement(o.Navbar.Group,{align:o.Alignment.RIGHT},"admin"===e.role&&t.default.createElement(g.AdminButton,{store:e}),!k&&H&&t.default.createElement(f.PositionPicker,{store:e}),!B&&A&&t.default.createElement(h.OpacityPicker,{store:e}),!_&&t.default.createElement(p.LockButton,{store:e}),!F&&t.default.createElement(m.DuplicateButton,{store:e}),!R&&t.default.createElement(c.RemoveButton,{store:e}),j&&t.default.createElement(t.default.Fragment,null,t.default.createElement(o.Divider,{style:{height:"100%",margin:"0 15px"}}),t.default.createElement(j,{store:e})))))}),exports.default=exports.Toolbar;
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","../utils/styled":"PsiH","./history-buttons":"APqM","./text-toolbar":"LDge","./html-toolbar":"JODo","./image-toolbar":"LcnJ","./svg-toolbar":"nsjL","./download-button":"hzA0","./duplicate-button":"I7IM","./remove-button":"F6AQ","./lock-button":"xZD7","./position-picker":"Taqf","./opacity-picker":"tmro","./admin-button":"ccY3","../utils/flags":"IDY9"}],"Otsg":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.unstable_setTextVerticalResizeEnabled=exports.unstable_setForceTextFit=exports.unstable_useHtmlTextRender=exports.unstable_setRemoveBackgroundEnabled=exports.useDownScaling=exports.setAPI=exports.getGoogleFontImage=exports.getGoogleFontsListAPI=exports.unstable_registerNextDomDrop=exports.getTranslations=exports.setTranslations=exports.onLoadError=exports.unstable_registerToolbarComponent=exports.unstable_registerTransformerAttrs=exports.unstable_registerShapeComponent=exports.unstable_registerShapeModel=exports.unstable_setImageLoaderHook=exports.toggleFadeInAnimation=exports.setUploadFunc=exports.addGlobalFont=exports.setGoogleFonts=void 0;var e=require("./utils/fonts");Object.defineProperty(exports,"setGoogleFonts",{enumerable:!0,get:function(){return e.setGoogleFonts}}),Object.defineProperty(exports,"addGlobalFont",{enumerable:!0,get:function(){return e.addGlobalFont}});var t=require("./side-panel/upload-panel");Object.defineProperty(exports,"setUploadFunc",{enumerable:!0,get:function(){return t.setUploadFunc}});var r=require("./canvas/use-fadein");Object.defineProperty(exports,"toggleFadeInAnimation",{enumerable:!0,get:function(){return r.toggleFadeInAnimation}});var n=require("./canvas/image-element");Object.defineProperty(exports,"unstable_setImageLoaderHook",{enumerable:!0,get:function(){return n.setImageLoaderHook}});var o=require("./model/store");Object.defineProperty(exports,"unstable_registerShapeModel",{enumerable:!0,get:function(){return o.registerShapeModel}});var s=require("./canvas/element");Object.defineProperty(exports,"unstable_registerShapeComponent",{enumerable:!0,get:function(){return s.registerShapeComponent}});var a=require("./canvas/page");Object.defineProperty(exports,"unstable_registerTransformerAttrs",{enumerable:!0,get:function(){return a.registerTransformerAttrs}});var u=require("./toolbar/toolbar");Object.defineProperty(exports,"unstable_registerToolbarComponent",{enumerable:!0,get:function(){return u.registerToolbarComponent}});var i=require("./utils/loader");Object.defineProperty(exports,"onLoadError",{enumerable:!0,get:function(){return i.onLoadError}});var l=require("./utils/l10n");Object.defineProperty(exports,"setTranslations",{enumerable:!0,get:function(){return l.setTranslations}}),Object.defineProperty(exports,"getTranslations",{enumerable:!0,get:function(){return l.getTranslations}});var p=require("./canvas/page");Object.defineProperty(exports,"unstable_registerNextDomDrop",{enumerable:!0,get:function(){return p.registerNextDomDrop}});var g=require("./utils/api");Object.defineProperty(exports,"getGoogleFontsListAPI",{enumerable:!0,get:function(){return g.getGoogleFontsListAPI}}),Object.defineProperty(exports,"getGoogleFontImage",{enumerable:!0,get:function(){return g.getGoogleFontImage}}),Object.defineProperty(exports,"setAPI",{enumerable:!0,get:function(){return g.setAPI}});var b=require("./utils/flags");Object.defineProperty(exports,"useDownScaling",{enumerable:!0,get:function(){return b.useDownScaling}});var c=require("./utils/flags");Object.defineProperty(exports,"unstable_setRemoveBackgroundEnabled",{enumerable:!0,get:function(){return c.useRemoveBackground}});var d=require("./utils/flags");Object.defineProperty(exports,"unstable_useHtmlTextRender",{enumerable:!0,get:function(){return d.useHtmlTextRender}});var x=require("./utils/flags");Object.defineProperty(exports,"unstable_setForceTextFit",{enumerable:!0,get:function(){return x.setForceTextFit}});var f=require("./utils/flags");Object.defineProperty(exports,"unstable_setTextVerticalResizeEnabled",{enumerable:!0,get:function(){return f.setTextVerticalResizeEnabled}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.unstable_setTextVerticalResizeEnabled=exports.unstable_setTextOverflow=exports.unstable_setForceTextFit=exports.unstable_useHtmlTextRender=exports.unstable_setRemoveBackgroundEnabled=exports.useDownScaling=exports.setAPI=exports.getGoogleFontImage=exports.getGoogleFontsListAPI=exports.unstable_registerNextDomDrop=exports.getTranslations=exports.setTranslations=exports.onLoadError=exports.unstable_registerToolbarComponent=exports.unstable_registerTransformerAttrs=exports.unstable_registerShapeComponent=exports.unstable_registerShapeModel=exports.unstable_setImageLoaderHook=exports.toggleFadeInAnimation=exports.setUploadFunc=exports.addGlobalFont=exports.setGoogleFonts=void 0;var e=require("./utils/fonts");Object.defineProperty(exports,"setGoogleFonts",{enumerable:!0,get:function(){return e.setGoogleFonts}}),Object.defineProperty(exports,"addGlobalFont",{enumerable:!0,get:function(){return e.addGlobalFont}});var t=require("./side-panel/upload-panel");Object.defineProperty(exports,"setUploadFunc",{enumerable:!0,get:function(){return t.setUploadFunc}});var r=require("./canvas/use-fadein");Object.defineProperty(exports,"toggleFadeInAnimation",{enumerable:!0,get:function(){return r.toggleFadeInAnimation}});var n=require("./canvas/image-element");Object.defineProperty(exports,"unstable_setImageLoaderHook",{enumerable:!0,get:function(){return n.setImageLoaderHook}});var o=require("./model/store");Object.defineProperty(exports,"unstable_registerShapeModel",{enumerable:!0,get:function(){return o.registerShapeModel}});var s=require("./canvas/element");Object.defineProperty(exports,"unstable_registerShapeComponent",{enumerable:!0,get:function(){return s.registerShapeComponent}});var a=require("./canvas/page");Object.defineProperty(exports,"unstable_registerTransformerAttrs",{enumerable:!0,get:function(){return a.registerTransformerAttrs}});var u=require("./toolbar/toolbar");Object.defineProperty(exports,"unstable_registerToolbarComponent",{enumerable:!0,get:function(){return u.registerToolbarComponent}});var l=require("./utils/loader");Object.defineProperty(exports,"onLoadError",{enumerable:!0,get:function(){return l.onLoadError}});var i=require("./utils/l10n");Object.defineProperty(exports,"setTranslations",{enumerable:!0,get:function(){return i.setTranslations}}),Object.defineProperty(exports,"getTranslations",{enumerable:!0,get:function(){return i.getTranslations}});var p=require("./canvas/page");Object.defineProperty(exports,"unstable_registerNextDomDrop",{enumerable:!0,get:function(){return p.registerNextDomDrop}});var g=require("./utils/api");Object.defineProperty(exports,"getGoogleFontsListAPI",{enumerable:!0,get:function(){return g.getGoogleFontsListAPI}}),Object.defineProperty(exports,"getGoogleFontImage",{enumerable:!0,get:function(){return g.getGoogleFontImage}}),Object.defineProperty(exports,"setAPI",{enumerable:!0,get:function(){return g.setAPI}});var b=require("./utils/flags");Object.defineProperty(exports,"useDownScaling",{enumerable:!0,get:function(){return b.useDownScaling}});var c=require("./utils/flags");Object.defineProperty(exports,"unstable_setRemoveBackgroundEnabled",{enumerable:!0,get:function(){return c.useRemoveBackground}});var d=require("./utils/flags");Object.defineProperty(exports,"unstable_useHtmlTextRender",{enumerable:!0,get:function(){return d.useHtmlTextRender}});var x=require("./utils/flags");Object.defineProperty(exports,"unstable_setForceTextFit",{enumerable:!0,get:function(){return x.setForceTextFit}});var f=require("./utils/flags");Object.defineProperty(exports,"unstable_setTextOverflow",{enumerable:!0,get:function(){return f.setTextOverflow}});var m=require("./utils/flags");Object.defineProperty(exports,"unstable_setTextVerticalResizeEnabled",{enumerable:!0,get:function(){return m.setTextVerticalResizeEnabled}});
 },{"./utils/fonts":"XXLd","./side-panel/upload-panel":"ioqf","./canvas/use-fadein":"N3c2","./canvas/image-element":"VbEp","./model/store":"GRkH","./canvas/element":"XEPK","./canvas/page":"Co9b","./toolbar/toolbar":"CetC","./utils/loader":"bN4e","./utils/l10n":"FlVj","./utils/api":"Ic0q","./utils/flags":"IDY9"}],"IVsl":[function(require,module,exports) {
-"use strict";var e=u(require("react")),o=u(require("react-dom/client")),r=require("polotno/canvas/workspace"),t=require("polotno/model/store"),n=require("polotno/canvas/use-fadein"),a=require("polotno/config"),l=require("polotno/utils/fonts");function u(e){return e&&e.__esModule?e:{default:e}}(0,n.toggleFadeInAnimation)(!1),(0,a.unstable_setForceTextFit)(!0);var d=new URLSearchParams(location.search).get("key"),s=(0,t.createStore)({key:d});window.store=s,window.config={addGlobalFont:l.addGlobalFont,unstable_useHtmlTextRender:a.unstable_useHtmlTextRender,onLoadError:a.onLoadError};var i=o.default.createRoot(document.getElementById("root"));i.render(e.default.createElement(r.Workspace,{store:s}));
+"use strict";var e=s(require("react")),o=s(require("react-dom/client")),r=require("polotno/canvas/workspace"),t=require("polotno/model/store"),n=require("polotno/canvas/use-fadein"),a=require("polotno/config"),l=require("polotno/utils/fonts");function s(e){return e&&e.__esModule?e:{default:e}}(0,n.toggleFadeInAnimation)(!1),(0,a.unstable_setTextOverflow)("change-font-size");var u=new URLSearchParams(location.search).get("key"),d=(0,t.createStore)({key:u});window.store=d,window.config={addGlobalFont:l.addGlobalFont,unstable_useHtmlTextRender:a.unstable_useHtmlTextRender,onLoadError:a.onLoadError};var i=o.default.createRoot(document.getElementById("root"));i.render(e.default.createElement(r.Workspace,{store:d}));
 },{"react":"HdMw","react-dom/client":"U1bq","polotno/canvas/workspace":"twsc","polotno/model/store":"GRkH","polotno/canvas/use-fadein":"N3c2","polotno/config":"Otsg","polotno/utils/fonts":"XXLd"}]},{},["IVsl"], null)
-//# sourceMappingURL=client.3c729267.js.map
+//# sourceMappingURL=client.1dd3cedc.js.map