polotno-node 2.0.1 → 2.0.3

package/dist/{client.7ef779aa.js → client.b1e79267.js}

@@ -14,7 +14,7 @@ parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcel
 "use strict";var t,e=require("react-dom");exports.createRoot=e.createRoot,exports.hydrateRoot=e.hydrateRoot;
 },{"react-dom":"X9zx"}],"BzvP":[function(require,module,exports) {
 var global = arguments[3];
-var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.FlowCancellationError=ar,exports._allowStateChanges=pt,exports.runInAction=exports._allowStateChangesInsideComputed=Ln,exports._allowStateReadsEnd=Kt,exports._allowStateReadsStart=Ut,exports._endAction=_t,exports._getAdministration=Xi,exports._getGlobalState=Jt,exports._interceptReads=dr,exports._isComputingDerivation=Tt,exports._resetGlobalState=Yt,exports._startAction=dt,exports.autorun=In,exports.configure=Qn,exports.createAtom=Z,exports.defineProperty=Cr,exports.entries=jr,exports.extendObservable=Zn,exports.flowResult=hr,exports.get=Tr,exports.getAtom=Fi,exports.getDebugName=Ji,exports.getDependencyTree=er,exports.getObserverTree=nr,exports.has=Pr,exports.intercept=_r,exports.isAction=Mn,exports.isComputed=gr,exports.isComputedProp=mr,exports.isFlow=vr,exports.isFlowCancellationError=sr,exports.isObservable=xr,exports.isObservableArray=bi,exports.isObservableObject=Di,exports.isObservableProp=wr,exports.keys=Ar,exports.makeAutoObservable=ni,exports.makeObservable=ei,exports.observe=Vr,exports.onBecomeObserved=Wn,exports.onBecomeUnobserved=Fn,exports.onReactionError=hn,exports.ownKeys=Rr,exports.reaction=Gn,exports.remove=kr,exports.set=Er,exports.spy=An,exports.toJS=Mr,exports.trace=Ir,exports.transaction=Kr,exports.untracked=Lt,exports.values=Sr,exports.when=Gr,exports.override=exports.observable=exports.isObservableSet=exports.isObservableMap=exports.isBoxedObservable=exports.flow=exports.computed=exports.comparer=exports.action=exports._autoAction=exports.Reaction=exports.ObservableSet=exports.ObservableMap=exports.$mobx=void 0;var t={0:"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'",1:function(e,t){return"Cannot apply '"+e+"' to '"+t.toString()+"': Field not found."},5:"'keys()' can only be used on observable objects, arrays, sets and maps",6:"'values()' can only be used on observable objects, arrays, sets and maps",7:"'entries()' can only be used on observable objects, arrays and maps",8:"'set()' can only be used on observable objects, arrays and maps",9:"'remove()' can only be used on observable objects, arrays and maps",10:"'has()' can only be used on observable objects, arrays and maps",11:"'get()' can only be used on observable objects, arrays and maps",12:"Invalid annotation",13:"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",14:"Intercept handlers should return nothing or a change object",15:"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",16:"Modification exception: the internal structure of an observable array was changed.",17:function(e,t){return"[mobx.array] Index out of bounds, "+e+" is larger than "+t},18:"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js",19:function(e){return"Cannot initialize from classes that inherit from Map: "+e.constructor.name},20:function(e){return"Cannot initialize map from "+e},21:function(e){return"Cannot convert to map from '"+e+"'"},22:"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js",23:"It is not possible to get index atoms from arrays",24:function(e){return"Cannot obtain administration from "+e},25:function(e,t){return"the entry '"+e+"' does not exist in the observable map '"+t+"'"},26:"please specify a property",27:function(e,t){return"no observable property '"+e.toString()+"' found on the observable object '"+t+"'"},28:function(e){return"Cannot obtain atom from "+e},29:"Expecting some object",30:"invalid action stack. did you forget to finish an action?",31:"missing option for computed: get",32:function(e,t){return"Cycle detected in computation "+e+": "+t},33:function(e){return"The setter of computed value '"+e+"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?"},34:function(e){return"[ComputedValue '"+e+"'] It is not possible to assign a new value to a computed value."},35:"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`",36:"isolateGlobalState should be called before MobX is running any reactions",37:function(e){return"[mobx] `observableArray."+e+"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice()."+e+"()` instead"},38:"'ownKeys()' can only be used on observable objects",39:"'defineProperty()' can only be used on observable objects"},n={};function r(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw new Error("number"==typeof e?"[MobX] minified error nr: "+e+(n.length?" "+n.map(String).join(","):"")+". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts":"[MobX] "+e)}var i={};function o(){return"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:i}var a=Object.assign,s=Object.getOwnPropertyDescriptor,u=Object.defineProperty,c=Object.prototype,l=[];Object.freeze(l);var f={};Object.freeze(f);var h="undefined"!=typeof Proxy,v=Object.toString();function d(){h||r("Proxy not available")}function _(e){0}function p(){return++Ft.mobxGuid}function b(e){var t=!1;return function(){if(!t)return t=!0,e.apply(this,arguments)}}var y=function(){};function g(e){return"function"==typeof e}function m(e){switch(typeof e){case"string":case"symbol":case"number":return!0}return!1}function O(e){return null!==e&&"object"==typeof e}function x(e){if(!O(e))return!1;var t=Object.getPrototypeOf(e);if(null==t)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n.toString()===v}function w(e){var t=null==e?void 0:e.constructor;return!!t&&("GeneratorFunction"===t.name||"GeneratorFunction"===t.displayName)}function A(e,t,n){u(e,t,{enumerable:!1,writable:!0,configurable:!0,value:n})}function S(e,t,n){u(e,t,{enumerable:!1,writable:!1,configurable:!0,value:n})}function j(e,t){var n="isMobX"+e;return t.prototype[n]=!0,function(e){return O(e)&&!0===e[n]}}function E(e){return e instanceof Map}function k(e){return e instanceof Set}var P=void 0!==Object.getOwnPropertySymbols;function T(e){var t=Object.keys(e);if(!P)return t;var n=Object.getOwnPropertySymbols(e);return n.length?[].concat(t,n.filter(function(t){return c.propertyIsEnumerable.call(e,t)})):t}var C="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:P?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames;function R(e){return"string"==typeof e?e:"symbol"==typeof e?e.toString():new String(e).toString()}function V(e){return null===e?null:"object"==typeof e?""+e:e}function N(e,t){return c.hasOwnProperty.call(e,t)}var D=Object.getOwnPropertyDescriptors||function(e){var t={};return C(e).forEach(function(n){t[n]=s(e,n)}),t};function B(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function L(e,t,n){return t&&B(e.prototype,t),n&&B(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function M(){return(M=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function I(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,U(e,t)}function U(e,t){return(U=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function K(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function G(e,t){if(e){if("string"==typeof e)return q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=G(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var z=Symbol("mobx-stored-annotations");function W(e){return Object.assign(function(t,n){F(t,n,e)},e)}function F(e,t,n){N(e,z)||A(e,z,M({},e[z])),X(e,n,t),fe(n)||(e[z][t]=n)}function X(e,t,n){}function J(e){return N(e,z)||A(e,z,M({},e[z])),e[z]}var Y=Symbol("mobx administration");exports.$mobx=Y;var $=function(){function e(e){void 0===e&&(e="Atom"),this.name_=void 0,this.isPendingUnobservation_=!1,this.isBeingObserved_=!1,this.observers_=new Set,this.diffValue_=0,this.lastAccessedBy_=0,this.lowestObserverState_=wt.NOT_TRACKING_,this.onBOL=void 0,this.onBUOL=void 0,this.name_=e}var t=e.prototype;return t.onBO=function(){this.onBOL&&this.onBOL.forEach(function(e){return e()})},t.onBUO=function(){this.onBUOL&&this.onBUOL.forEach(function(e){return e()})},t.reportObserved=function(){return on(this)},t.reportChanged=function(){nn(),an(this),rn()},t.toString=function(){return this.name_},e}(),Q=j("Atom",$);function Z(e,t,n){void 0===t&&(t=y),void 0===n&&(n=y);var r=new $(e);return t!==y&&Wn(r,t),n!==y&&Fn(r,n),r}function ee(e,t){return e===t}function te(e,t){return $i(e,t)}function ne(e,t){return $i(e,t,1)}function re(e,t){return Object.is?Object.is(e,t):e===t?0!==e||1/e==1/t:e!=e&&t!=t}var ie={identity:ee,structural:te,default:re,shallow:ne};function oe(e,t,n){return xr(e)?e:Array.isArray(e)?Ze.array(e,{name:n}):x(e)?Ze.object(e,void 0,{name:n}):E(e)?Ze.map(e,{name:n}):k(e)?Ze.set(e,{name:n}):"function"!=typeof e||Mn(e)||vr(e)?e:w(e)?lr(e):Bn(n,e)}function ae(e,t,n){return null==e?e:Di(e)||bi(e)||Ai(e)||ki(e)?e:Array.isArray(e)?Ze.array(e,{name:n,deep:!1}):x(e)?Ze.object(e,void 0,{name:n,deep:!1}):E(e)?Ze.map(e,{name:n,deep:!1}):k(e)?Ze.set(e,{name:n,deep:!1}):void 0}function se(e){return e}function ue(e,t){return $i(e,t)?t:e}exports.comparer=ie;var ce="override",le=W({annotationType_:ce,make_:he,extend_:ve});function fe(e){return e.annotationType_===ce}function he(e,t){return 0}function ve(e,t,n,i){r("'"+this.annotationType_+"' can only be used with 'makeObservable'")}function de(e,t){return{annotationType_:e,options_:t,make_:_e,extend_:pe}}function _e(e,t,n,r){var i;if(null!=(i=this.options_)&&i.bound)return null===this.extend_(e,t,n,!1)?0:1;if(r===e.target_)return null===this.extend_(e,t,n,!1)?0:2;if(Mn(n.value))return 1;var o=ye(e,this,t,n,!1);return u(r,t,o),2}function pe(e,t,n,r){var i=ye(e,this,t,n);return e.defineProperty_(t,i,r)}function be(e,t,n,r){t.annotationType_,r.value}function ye(e,t,n,r,i){var o,a,s,u,c,l,f;void 0===i&&(i=Ft.safeDescriptors),be(e,t,n,r);var h,v=r.value;null!=(o=t.options_)&&o.bound&&(v=v.bind(null!=(h=e.proxy_)?h:e.target_));return{value:ht(null!=(a=null==(s=t.options_)?void 0:s.name)?a:n.toString(),v,null!=(u=null==(c=t.options_)?void 0:c.autoAction)&&u,null!=(l=t.options_)&&l.bound?null!=(f=e.proxy_)?f:e.target_:void 0),configurable:!i||e.isPlainObject_,enumerable:!1,writable:!i}}function ge(e,t){return{annotationType_:e,options_:t,make_:me,extend_:Oe}}function me(e,t,n,r){var i;if(r===e.target_)return null===this.extend_(e,t,n,!1)?0:2;if(null!=(i=this.options_)&&i.bound&&(!N(e.target_,t)||!vr(e.target_[t]))&&null===this.extend_(e,t,n,!1))return 0;if(vr(n.value))return 1;var o=we(e,this,t,n,!1,!1);return u(r,t,o),2}function Oe(e,t,n,r){var i,o=we(e,this,t,n,null==(i=this.options_)?void 0:i.bound);return e.defineProperty_(t,o,r)}function xe(e,t,n,r){t.annotationType_,r.value}function we(e,t,n,r,i,o){void 0===o&&(o=Ft.safeDescriptors),xe(e,t,n,r);var a,s=r.value;(vr(s)||(s=lr(s)),i)&&((s=s.bind(null!=(a=e.proxy_)?a:e.target_)).isMobXFlow=!0);return{value:s,configurable:!o||e.isPlainObject_,enumerable:!1,writable:!o}}function Ae(e,t){return{annotationType_:e,options_:t,make_:Se,extend_:je}}function Se(e,t,n){return null===this.extend_(e,t,n,!1)?0:1}function je(e,t,n,r){return Ee(e,this,t,n),e.defineComputedProperty_(t,M({},this.options_,{get:n.get,set:n.set}),r)}function Ee(e,t,n,r){t.annotationType_,r.get}function ke(e,t){return{annotationType_:e,options_:t,make_:Pe,extend_:Te}}function Pe(e,t,n){return null===this.extend_(e,t,n,!1)?0:1}function Te(e,t,n,r){var i,o;return Ce(e,this,t,n),e.defineObservableProperty_(t,n.value,null!=(i=null==(o=this.options_)?void 0:o.enhancer)?i:oe,r)}function Ce(e,t,n,r){t.annotationType_}exports.override=le;var Re="true",Ve=Ne();function Ne(e){return{annotationType_:Re,options_:e,make_:De,extend_:Be}}function De(e,t,n,r){var i,o,a,s;if(n.get)return at.make_(e,t,n,r);if(n.set){var c=ht(t.toString(),n.set);return r===e.target_?null===e.defineProperty_(t,{configurable:!Ft.safeDescriptors||e.isPlainObject_,set:c})?0:2:(u(r,t,{configurable:!0,set:c}),2)}if(r!==e.target_&&"function"==typeof n.value)return w(n.value)?(null!=(s=this.options_)&&s.autoBind?lr.bound:lr).make_(e,t,n,r):(null!=(a=this.options_)&&a.autoBind?Bn.bound:Bn).make_(e,t,n,r);var l,f=!1===(null==(i=this.options_)?void 0:i.deep)?Ze.ref:Ze;"function"==typeof n.value&&null!=(o=this.options_)&&o.autoBind&&(n.value=n.value.bind(null!=(l=e.proxy_)?l:e.target_));return f.make_(e,t,n,r)}function Be(e,t,n,r){var i,o,a;if(n.get)return at.extend_(e,t,n,r);if(n.set)return e.defineProperty_(t,{configurable:!Ft.safeDescriptors||e.isPlainObject_,set:ht(t.toString(),n.set)},r);"function"==typeof n.value&&null!=(i=this.options_)&&i.autoBind&&(n.value=n.value.bind(null!=(a=e.proxy_)?a:e.target_));return(!1===(null==(o=this.options_)?void 0:o.deep)?Ze.ref:Ze).extend_(e,t,n,r)}var Le="observable",Me="observable.ref",Ie="observable.shallow",Ue="observable.struct",Ke={deep:!0,name:void 0,defaultDecorator:void 0,proxy:!0};function Ge(e){return e||Ke}Object.freeze(Ke);var qe=ke(Le),He=ke(Me,{enhancer:se}),ze=ke(Ie,{enhancer:ae}),We=ke(Ue,{enhancer:ue}),Fe=W(qe);function Xe(e){return!0===e.deep?oe:!1===e.deep?se:Ye(e.defaultDecorator)}function Je(e){var t;return e?null!=(t=e.defaultDecorator)?t:Ne(e):void 0}function Ye(e){var t,n;return e&&null!=(t=null==(n=e.options_)?void 0:n.enhancer)?t:oe}function $e(e,t,n){if(!m(t))return xr(e)?e:x(e)?Ze.object(e,t,n):Array.isArray(e)?Ze.array(e,t):E(e)?Ze.map(e,t):k(e)?Ze.set(e,t):"object"==typeof e&&null!==e?e:Ze.box(e,t);F(e,t,qe)}Object.assign($e,Fe);var Qe={box:function(e,t){var n=Ge(t);return new Ot(e,Xe(n),n.name,!0,n.equals)},array:function(e,t){var n=Ge(t);return(!1===Ft.useProxies||!1===n.proxy?Wi:ui)(e,Xe(n),n.name)},map:function(e,t){var n=Ge(t);return new Oi(e,Xe(n),n.name)},set:function(e,t){var n=Ge(t);return new Ei(e,Xe(n),n.name)},object:function(e,t,n){return Zn(!1===Ft.useProxies||!1===(null==n?void 0:n.proxy)?Ri({},n):Fr({},n),e,t)},ref:W(He),shallow:W(ze),deep:Fe,struct:W(We)},Ze=a($e,Qe);exports.observable=Ze;var et,tt,nt="computed",rt="computed.struct",it=Ae(nt),ot=Ae(rt,{equals:ie.structural}),at=function(e,t){if(m(t))return F(e,t,it);if(x(e))return W(Ae(nt,e));var n=x(t)?t:{};return n.get=e,n.name||(n.name=e.name||""),new St(n)};exports.computed=at,Object.assign(at,it),at.struct=W(ot);var st,ut=0,ct=1,lt=null!=(et=null==(tt=s(function(){},"name"))?void 0:tt.configurable)&&et,ft={value:"action",configurable:!0,writable:!1,enumerable:!1};function ht(e,t,n,r){function i(){return vt(e,n,t,r||this,arguments)}return void 0===n&&(n=!1),i.isMobxAction=!0,lt&&(ft.value=e,Object.defineProperty(i,"name",ft)),i}function vt(e,t,n,r,i){var o=dt(e,t,r,i);try{return n.apply(r,i)}catch(a){throw o.error_=a,a}finally{_t(o)}}function dt(e,t,n,r){var i=0,o=Ft.trackingDerivation,a=!t||!o;nn();var s=Ft.allowStateChanges;a&&(Mt(),s=bt(!0));var u={runAsAction_:a,prevDerivation_:o,prevAllowStateChanges_:s,prevAllowStateReads_:Ut(!0),notifySpy_:!1,startTime_:i,actionId_:ct++,parentActionId_:ut};return ut=u.actionId_,u}function _t(e){ut!==e.actionId_&&r(30),ut=e.parentActionId_,void 0!==e.error_&&(Ft.suppressReactionErrors=!0),yt(e.prevAllowStateChanges_),Kt(e.prevAllowStateReads_),rn(),e.runAsAction_&&It(e.prevDerivation_),Ft.suppressReactionErrors=!1}function pt(e,t){var n=bt(e);try{return t()}finally{yt(n)}}function bt(e){var t=Ft.allowStateChanges;return Ft.allowStateChanges=e,t}function yt(e){Ft.allowStateChanges=e}var gt="create";st=Symbol.toPrimitive;var mt,Ot=function(e){function t(t,n,r,i,o){var a;return void 0===r&&(r="ObservableValue"),void 0===i&&(i=!0),void 0===o&&(o=ie.default),(a=e.call(this,r)||this).enhancer=void 0,a.name_=void 0,a.equals=void 0,a.hasUnreportedChange_=!1,a.interceptors_=void 0,a.changeListeners_=void 0,a.value_=void 0,a.dehancer=void 0,a.enhancer=n,a.name_=r,a.equals=o,a.value_=n(t,void 0,r),a}I(t,e);var n=t.prototype;return n.dehanceValue=function(e){return void 0!==this.dehancer?this.dehancer(e):e},n.set=function(e){this.value_;if((e=this.prepareNewValue_(e))!==Ft.UNCHANGED){gn();0,this.setNewValue_(e)}},n.prepareNewValue_=function(e){if(Ct(this),Xr(this)){var t=Yr(this,{object:this,type:ii,newValue:e});if(!t)return Ft.UNCHANGED;e=t.newValue}return e=this.enhancer(e,this.value_,this.name_),this.equals(this.value_,e)?Ft.UNCHANGED:e},n.setNewValue_=function(e){var t=this.value_;this.value_=e,this.reportChanged(),$r(this)&&Zr(this,{type:ii,object:this,newValue:e,oldValue:t})},n.get=function(){return this.reportObserved(),this.dehanceValue(this.value_)},n.intercept_=function(e){return Jr(this,e)},n.observe_=function(e,t){return t&&e({observableKind:"value",debugObjectName:this.name_,object:this,type:ii,newValue:this.value_,oldValue:void 0}),Qr(this,e)},n.raw=function(){return this.value_},n.toJSON=function(){return this.get()},n.toString=function(){return this.name_+"["+this.value_+"]"},n.valueOf=function(){return V(this.get())},n[st]=function(){return this.valueOf()},t}($),xt=j("ObservableValue",Ot);exports.isBoxedObservable=xt,mt=Symbol.toPrimitive;var wt,At,St=function(){function e(e){this.dependenciesState_=wt.NOT_TRACKING_,this.observing_=[],this.newObserving_=null,this.isBeingObserved_=!1,this.isPendingUnobservation_=!1,this.observers_=new Set,this.diffValue_=0,this.runId_=0,this.lastAccessedBy_=0,this.lowestObserverState_=wt.UP_TO_DATE_,this.unboundDepsCount_=0,this.value_=new Et(null),this.name_=void 0,this.triggeredBy_=void 0,this.isComputing_=!1,this.isRunningSetter_=!1,this.derivation=void 0,this.setter_=void 0,this.isTracing_=At.NONE,this.scope_=void 0,this.equals_=void 0,this.requiresReaction_=void 0,this.keepAlive_=void 0,this.onBOL=void 0,this.onBUOL=void 0,e.get||r(31),this.derivation=e.get,this.name_=e.name||"ComputedValue",e.set&&(this.setter_=ht("ComputedValue-setter",e.set)),this.equals_=e.equals||(e.compareStructural||e.struct?ie.structural:ie.default),this.scope_=e.context,this.requiresReaction_=e.requiresReaction,this.keepAlive_=!!e.keepAlive}var t=e.prototype;return t.onBecomeStale_=function(){un(this)},t.onBO=function(){this.onBOL&&this.onBOL.forEach(function(e){return e()})},t.onBUO=function(){this.onBUOL&&this.onBUOL.forEach(function(e){return e()})},t.get=function(){if(this.isComputing_&&r(32,this.name_,this.derivation),0!==Ft.inBatch||0!==this.observers_.size||this.keepAlive_){if(on(this),Pt(this)){var e=Ft.trackingContext;this.keepAlive_&&!e&&(Ft.trackingContext=this),this.trackAndCompute()&&sn(this),Ft.trackingContext=e}}else Pt(this)&&(this.warnAboutUntrackedRead_(),nn(),this.value_=this.computeValue_(!1),rn());var t=this.value_;if(kt(t))throw t.cause;return t},t.set=function(e){if(this.setter_){this.isRunningSetter_&&r(33,this.name_),this.isRunningSetter_=!0;try{this.setter_.call(this.scope_,e)}finally{this.isRunningSetter_=!1}}else r(34,this.name_)},t.trackAndCompute=function(){var e=this.value_,t=this.dependenciesState_===wt.NOT_TRACKING_,n=this.computeValue_(!0),r=t||kt(e)||kt(n)||!this.equals_(e,n);return r&&(this.value_=n),r},t.computeValue_=function(e){this.isComputing_=!0;var t,n=bt(!1);if(e)t=Vt(this,this.derivation,this.scope_);else if(!0===Ft.disableErrorBoundaries)t=this.derivation.call(this.scope_);else try{t=this.derivation.call(this.scope_)}catch(r){t=new Et(r)}return yt(n),this.isComputing_=!1,t},t.suspend_=function(){this.keepAlive_||(Bt(this),this.value_=void 0)},t.observe_=function(e,t){var n=this,r=!0,i=void 0;return In(function(){var o=n.get();if(!r||t){var a=Mt();e({observableKind:"computed",debugObjectName:n.name_,type:ii,object:n,newValue:o,oldValue:i}),It(a)}r=!1,i=o})},t.warnAboutUntrackedRead_=function(){},t.toString=function(){return this.name_+"["+this.derivation.toString()+"]"},t.valueOf=function(){return V(this.get())},t[mt]=function(){return this.valueOf()},e}(),jt=j("ComputedValue",St);!function(e){e[e.NOT_TRACKING_=-1]="NOT_TRACKING_",e[e.UP_TO_DATE_=0]="UP_TO_DATE_",e[e.POSSIBLY_STALE_=1]="POSSIBLY_STALE_",e[e.STALE_=2]="STALE_"}(wt||(wt={})),function(e){e[e.NONE=0]="NONE",e[e.LOG=1]="LOG",e[e.BREAK=2]="BREAK"}(At||(At={}));var Et=function(e){this.cause=void 0,this.cause=e};function kt(e){return e instanceof Et}function Pt(e){switch(e.dependenciesState_){case wt.UP_TO_DATE_:return!1;case wt.NOT_TRACKING_:case wt.STALE_:return!0;case wt.POSSIBLY_STALE_:for(var t=Ut(!0),n=Mt(),r=e.observing_,i=r.length,o=0;o<i;o++){var a=r[o];if(jt(a)){if(Ft.disableErrorBoundaries)a.get();else try{a.get()}catch(s){return It(n),Kt(t),!0}if(e.dependenciesState_===wt.STALE_)return It(n),Kt(t),!0}}return Gt(e),It(n),Kt(t),!1}}function Tt(){return null!==Ft.trackingDerivation}function Ct(e){}function Rt(e){0}function Vt(e,t,n){var r=Ut(!0);Gt(e),e.newObserving_=new Array(e.observing_.length+100),e.unboundDepsCount_=0,e.runId_=++Ft.runId;var i,o=Ft.trackingDerivation;if(Ft.trackingDerivation=e,Ft.inBatch++,!0===Ft.disableErrorBoundaries)i=t.call(n);else try{i=t.call(n)}catch(a){i=new Et(a)}return Ft.inBatch--,Ft.trackingDerivation=o,Dt(e),Nt(e),Kt(r),i}function Nt(e){}function Dt(e){for(var t=e.observing_,n=e.observing_=e.newObserving_,r=wt.UP_TO_DATE_,i=0,o=e.unboundDepsCount_,a=0;a<o;a++){var s=n[a];0===s.diffValue_&&(s.diffValue_=1,i!==a&&(n[i]=s),i++),s.dependenciesState_>r&&(r=s.dependenciesState_)}for(n.length=i,e.newObserving_=null,o=t.length;o--;){var u=t[o];0===u.diffValue_&&en(u,e),u.diffValue_=0}for(;i--;){var c=n[i];1===c.diffValue_&&(c.diffValue_=0,Zt(c,e))}r!==wt.UP_TO_DATE_&&(e.dependenciesState_=r,e.onBecomeStale_())}function Bt(e){var t=e.observing_;e.observing_=[];for(var n=t.length;n--;)en(t[n],e);e.dependenciesState_=wt.NOT_TRACKING_}function Lt(e){var t=Mt();try{return e()}finally{It(t)}}function Mt(){var e=Ft.trackingDerivation;return Ft.trackingDerivation=null,e}function It(e){Ft.trackingDerivation=e}function Ut(e){var t=Ft.allowStateReads;return Ft.allowStateReads=e,t}function Kt(e){Ft.allowStateReads=e}function Gt(e){if(e.dependenciesState_!==wt.UP_TO_DATE_){e.dependenciesState_=wt.UP_TO_DATE_;for(var t=e.observing_,n=t.length;n--;)t[n].lowestObserverState_=wt.UP_TO_DATE_}}var qt=["mobxGuid","spyListeners","enforceActions","computedRequiresReaction","reactionRequiresObservable","observableRequiresReaction","allowStateReads","disableErrorBoundaries","runId","UNCHANGED","useProxies"],Ht=function(){this.version=6,this.UNCHANGED={},this.trackingDerivation=null,this.trackingContext=null,this.runId=0,this.mobxGuid=0,this.inBatch=0,this.pendingUnobservations=[],this.pendingReactions=[],this.isRunningReactions=!1,this.allowStateChanges=!1,this.allowStateReads=!0,this.enforceActions=!0,this.spyListeners=[],this.globalReactionErrorHandlers=[],this.computedRequiresReaction=!1,this.reactionRequiresObservable=!1,this.observableRequiresReaction=!1,this.disableErrorBoundaries=!1,this.suppressReactionErrors=!1,this.useProxies=!0,this.verifyProxies=!1,this.safeDescriptors=!0},zt=!0,Wt=!1,Ft=function(){var e=o();return e.__mobxInstanceCount>0&&!e.__mobxGlobals&&(zt=!1),e.__mobxGlobals&&e.__mobxGlobals.version!==(new Ht).version&&(zt=!1),zt?e.__mobxGlobals?(e.__mobxInstanceCount+=1,e.__mobxGlobals.UNCHANGED||(e.__mobxGlobals.UNCHANGED={}),e.__mobxGlobals):(e.__mobxInstanceCount=1,e.__mobxGlobals=new Ht):(setTimeout(function(){Wt||r(35)},1),new Ht)}();function Xt(){if((Ft.pendingReactions.length||Ft.inBatch||Ft.isRunningReactions)&&r(36),Wt=!0,zt){var e=o();0==--e.__mobxInstanceCount&&(e.__mobxGlobals=void 0),Ft=new Ht}}function Jt(){return Ft}function Yt(){var e=new Ht;for(var t in e)-1===qt.indexOf(t)&&(Ft[t]=e[t]);Ft.allowStateChanges=!Ft.enforceActions}function $t(e){return e.observers_&&e.observers_.size>0}function Qt(e){return e.observers_}function Zt(e,t){e.observers_.add(t),e.lowestObserverState_>t.dependenciesState_&&(e.lowestObserverState_=t.dependenciesState_)}function en(e,t){e.observers_.delete(t),0===e.observers_.size&&tn(e)}function tn(e){!1===e.isPendingUnobservation_&&(e.isPendingUnobservation_=!0,Ft.pendingUnobservations.push(e))}function nn(){Ft.inBatch++}function rn(){if(0==--Ft.inBatch){_n();for(var e=Ft.pendingUnobservations,t=0;t<e.length;t++){var n=e[t];n.isPendingUnobservation_=!1,0===n.observers_.size&&(n.isBeingObserved_&&(n.isBeingObserved_=!1,n.onBUO()),n instanceof St&&n.suspend_())}Ft.pendingUnobservations=[]}}function on(e){Rt(e);var t=Ft.trackingDerivation;return null!==t?(t.runId_!==e.lastAccessedBy_&&(e.lastAccessedBy_=t.runId_,t.newObserving_[t.unboundDepsCount_++]=e,!e.isBeingObserved_&&Ft.trackingContext&&(e.isBeingObserved_=!0,e.onBO())),e.isBeingObserved_):(0===e.observers_.size&&Ft.inBatch>0&&tn(e),!1)}function an(e){e.lowestObserverState_!==wt.STALE_&&(e.lowestObserverState_=wt.STALE_,e.observers_.forEach(function(e){e.dependenciesState_===wt.UP_TO_DATE_&&e.onBecomeStale_(),e.dependenciesState_=wt.STALE_}))}function sn(e){e.lowestObserverState_!==wt.STALE_&&(e.lowestObserverState_=wt.STALE_,e.observers_.forEach(function(t){t.dependenciesState_===wt.POSSIBLY_STALE_?t.dependenciesState_=wt.STALE_:t.dependenciesState_===wt.UP_TO_DATE_&&(e.lowestObserverState_=wt.UP_TO_DATE_)}))}function un(e){e.lowestObserverState_===wt.UP_TO_DATE_&&(e.lowestObserverState_=wt.POSSIBLY_STALE_,e.observers_.forEach(function(e){e.dependenciesState_===wt.UP_TO_DATE_&&(e.dependenciesState_=wt.POSSIBLY_STALE_,e.onBecomeStale_())}))}function cn(e,t){if(console.log("[mobx.trace] '"+e.name_+"' is invalidated due to a change in: '"+t.name_+"'"),e.isTracing_===At.BREAK){var n=[];ln(er(e),n,1),new Function("debugger;\n/*\nTracing '"+e.name_+"'\n\nYou are entering this break point because derivation '"+e.name_+"' is being traced and '"+t.name_+"' is now forcing it to update.\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\n\n"+(e instanceof St?e.derivation.toString().replace(/[*]\//g,"/"):"")+"\n\nThe dependencies for this derivation are:\n\n"+n.join("\n")+"\n*/\n    ")()}}function ln(e,t,n){t.length>=1e3?t.push("(and many more)"):(t.push(""+"\t".repeat(n-1)+e.name),e.dependencies&&e.dependencies.forEach(function(e){return ln(e,t,n+1)}))}var fn=function(){function e(e,t,n,r){void 0===e&&(e="Reaction"),this.name_=void 0,this.onInvalidate_=void 0,this.errorHandler_=void 0,this.requiresObservable_=void 0,this.observing_=[],this.newObserving_=[],this.dependenciesState_=wt.NOT_TRACKING_,this.diffValue_=0,this.runId_=0,this.unboundDepsCount_=0,this.isDisposed_=!1,this.isScheduled_=!1,this.isTrackPending_=!1,this.isRunning_=!1,this.isTracing_=At.NONE,this.name_=e,this.onInvalidate_=t,this.errorHandler_=n,this.requiresObservable_=r}var t=e.prototype;return t.onBecomeStale_=function(){this.schedule_()},t.schedule_=function(){this.isScheduled_||(this.isScheduled_=!0,Ft.pendingReactions.push(this),_n())},t.isScheduled=function(){return this.isScheduled_},t.runReaction_=function(){if(!this.isDisposed_){nn(),this.isScheduled_=!1;var e=Ft.trackingContext;if(Ft.trackingContext=this,Pt(this)){this.isTrackPending_=!0;try{this.onInvalidate_()}catch(t){this.reportExceptionInDerivation_(t)}}Ft.trackingContext=e,rn()}},t.track=function(e){if(!this.isDisposed_){nn();gn();0,this.isRunning_=!0;var t=Ft.trackingContext;Ft.trackingContext=this;var n=Vt(this,e,void 0);Ft.trackingContext=t,this.isRunning_=!1,this.isTrackPending_=!1,this.isDisposed_&&Bt(this),kt(n)&&this.reportExceptionInDerivation_(n.cause),rn()}},t.reportExceptionInDerivation_=function(e){var t=this;if(this.errorHandler_)this.errorHandler_(e,this);else{if(Ft.disableErrorBoundaries)throw e;var n="[mobx] uncaught error in '"+this+"'";Ft.suppressReactionErrors||console.error(n,e),Ft.globalReactionErrorHandlers.forEach(function(n){return n(e,t)})}},t.dispose=function(){this.isDisposed_||(this.isDisposed_=!0,this.isRunning_||(nn(),Bt(this),rn()))},t.getDisposer_=function(){var e=this.dispose.bind(this);return e[Y]=this,e},t.toString=function(){return"Reaction["+this.name_+"]"},t.trace=function(e){void 0===e&&(e=!1),Ir(this,e)},e}();function hn(e){return Ft.globalReactionErrorHandlers.push(e),function(){var t=Ft.globalReactionErrorHandlers.indexOf(e);t>=0&&Ft.globalReactionErrorHandlers.splice(t,1)}}exports.Reaction=fn;var vn=100,dn=function(e){return e()};function _n(){Ft.inBatch>0||Ft.isRunningReactions||dn(pn)}function pn(){Ft.isRunningReactions=!0;for(var e=Ft.pendingReactions,t=0;e.length>0;){++t===vn&&(console.error("[mobx] cycle in reaction: "+e[0]),e.splice(0));for(var n=e.splice(0),r=0,i=n.length;r<i;r++)n[r].runReaction_()}Ft.isRunningReactions=!1}var bn=j("Reaction",fn);function yn(e){var t=dn;dn=function(n){return e(function(){return t(n)})}}function gn(){return!1}function mn(e){}function On(e){}var xn={type:"report-end",spyReportEnd:!0};function wn(e){}function An(e){return console.warn("[mobx.spy] Is a no-op in production builds"),function(){}}var Sn="action",jn="action.bound",En="autoAction",kn="autoAction.bound",Pn="<unnamed action>",Tn=de(Sn),Cn=de(jn,{bound:!0}),Rn=de(En,{autoAction:!0}),Vn=de(kn,{autoAction:!0,bound:!0});function Nn(e){return function(t,n){return g(t)?ht(t.name||Pn,t,e):g(n)?ht(t,n,e):m(n)?F(t,n,e?Rn:Tn):m(t)?W(de(e?En:Sn,{name:t,autoAction:e})):void 0}}var Dn=Nn(!1);exports.action=Dn,Object.assign(Dn,Tn);var Bn=Nn(!0);function Ln(e){return vt(e.name||Pn,!1,e,this,void 0)}function Mn(e){return g(e)&&!0===e.isMobxAction}function In(e,t){var n,r;void 0===t&&(t=f);var i,o=null!=(n=null==(r=t)?void 0:r.name)?n:"Autorun";if(!t.scheduler&&!t.delay)i=new fn(o,function(){this.track(u)},t.onError,t.requiresObservable);else{var a=Kn(t),s=!1;i=new fn(o,function(){s||(s=!0,a(function(){s=!1,i.isDisposed_||i.track(u)}))},t.onError,t.requiresObservable)}function u(){e(i)}return i.schedule_(),i.getDisposer_()}exports._autoAction=Bn,Object.assign(Bn,Rn),Dn.bound=W(Cn),Bn.bound=W(Vn);var Un=function(e){return e()};function Kn(e){return e.scheduler?e.scheduler:e.delay?function(t){return setTimeout(t,e.delay)}:Un}function Gn(e,t,n){var r;void 0===n&&(n=f);var i,o,a=null!=(r=n.name)?r:"Reaction",s=Dn(a,n.onError?qn(n.onError,t):t),u=!n.scheduler&&!n.delay,c=Kn(n),l=!0,h=!1,v=n.compareStructural?ie.structural:n.equals||ie.default,d=new fn(a,function(){l||u?_():h||(h=!0,c(_))},n.onError,n.requiresObservable);function _(){if(h=!1,!d.isDisposed_){var t=!1;d.track(function(){var n=pt(!1,function(){return e(d)});t=l||!v(i,n),o=i,i=n}),l&&n.fireImmediately?s(i,o,d):!l&&t&&s(i,o,d),l=!1}}return d.schedule_(),d.getDisposer_()}function qn(e,t){return function(){try{return t.apply(this,arguments)}catch(n){e.call(this,n)}}}var Hn="onBO",zn="onBUO";function Wn(e,t,n){return Xn(Hn,e,t,n)}function Fn(e,t,n){return Xn(zn,e,t,n)}function Xn(e,t,n,r){var i="function"==typeof r?Fi(t,n):Fi(t),o=g(r)?r:n,a=e+"L";return i[a]?i[a].add(o):i[a]=new Set([o]),function(){var e=i[a];e&&(e.delete(o),0===e.size&&delete i[a])}}var Jn="never",Yn="always",$n="observed";function Qn(e){!0===e.isolateGlobalState&&Xt();var t=e.useProxies,n=e.enforceActions;if(void 0!==t&&(Ft.useProxies=t===Yn||t!==Jn&&"undefined"!=typeof Proxy),"ifavailable"===t&&(Ft.verifyProxies=!0),void 0!==n){var r=n===Yn?Yn:n===$n;Ft.enforceActions=r,Ft.allowStateChanges=!0!==r&&r!==Yn}["computedRequiresReaction","reactionRequiresObservable","observableRequiresReaction","disableErrorBoundaries","safeDescriptors"].forEach(function(t){t in e&&(Ft[t]=!!e[t])}),Ft.allowStateReads=!Ft.observableRequiresReaction,e.reactionScheduler&&yn(e.reactionScheduler)}function Zn(e,t,n,r){var i=D(t),o=Ri(e,r)[Y];nn();try{C(i).forEach(function(e){o.extend_(e,i[e],!n||(!(e in n)||n[e]))})}finally{rn()}return e}function er(e,t){return tr(Fi(e,t))}function tr(e){var t={name:e.name_};return e.observing_&&e.observing_.length>0&&(t.dependencies=ir(e.observing_).map(tr)),t}function nr(e,t){return rr(Fi(e,t))}function rr(e){var t={name:e.name_};return $t(e)&&(t.observers=Array.from(Qt(e)).map(rr)),t}function ir(e){return Array.from(new Set(e))}var or=0;function ar(){this.message="FLOW_CANCELLED"}function sr(e){return e instanceof ar}ar.prototype=Object.create(Error.prototype);var ur=ge("flow"),cr=ge("flow.bound",{bound:!0}),lr=Object.assign(function(e,t){if(m(t))return F(e,t,ur);var n=e,r=n.name||"<unnamed flow>",i=function(){var e,t=arguments,i=++or,o=Dn(r+" - runid: "+i+" - init",n).apply(this,t),a=void 0,s=new Promise(function(t,n){var s=0;function u(e){var t;a=void 0;try{t=Dn(r+" - runid: "+i+" - yield "+s++,o.next).call(o,e)}catch(u){return n(u)}l(t)}function c(e){var t;a=void 0;try{t=Dn(r+" - runid: "+i+" - yield "+s++,o.throw).call(o,e)}catch(u){return n(u)}l(t)}function l(e){if(!g(null==e?void 0:e.then))return e.done?t(e.value):(a=Promise.resolve(e.value)).then(u,c);e.then(l,n)}e=n,u(void 0)});return s.cancel=Dn(r+" - runid: "+i+" - cancel",function(){try{a&&fr(a);var t=o.return(void 0),n=Promise.resolve(t.value);n.then(y,y),fr(n),e(new ar)}catch(r){e(r)}}),s};return i.isMobXFlow=!0,i},ur);function fr(e){g(e.cancel)&&e.cancel()}function hr(e){return e}function vr(e){return!0===(null==e?void 0:e.isMobXFlow)}function dr(e,t,n){var r;return Ai(e)||bi(e)||xt(e)?r=Xi(e):Di(e)&&(r=Xi(e,t)),r.dehancer="function"==typeof t?t:n,function(){r.dehancer=void 0}}function _r(e,t,n){return g(n)?br(e,t,n):pr(e,t)}function pr(e,t){return Xi(e).intercept_(t)}function br(e,t,n){return Xi(e,t).intercept_(n)}function yr(e,t){if(void 0===t)return jt(e);if(!1===Di(e))return!1;if(!e[Y].values_.has(t))return!1;var n=Fi(e,t);return jt(n)}function gr(e){return yr(e)}function mr(e,t){return yr(e,t)}function Or(e,t){return!!e&&(void 0!==t?!!Di(e)&&e[Y].values_.has(t):Di(e)||!!e[Y]||Q(e)||bn(e)||jt(e))}function xr(e){return Or(e)}function wr(e,t){return Or(e,t)}function Ar(e){return Di(e)?e[Y].keys_():Ai(e)||ki(e)?Array.from(e.keys()):bi(e)?e.map(function(e,t){return t}):void r(5)}function Sr(e){return Di(e)?Ar(e).map(function(t){return e[t]}):Ai(e)?Ar(e).map(function(t){return e.get(t)}):ki(e)?Array.from(e.values()):bi(e)?e.slice():void r(6)}function jr(e){return Di(e)?Ar(e).map(function(t){return[t,e[t]]}):Ai(e)?Ar(e).map(function(t){return[t,e.get(t)]}):ki(e)?Array.from(e.entries()):bi(e)?e.map(function(e,t){return[t,e]}):void r(7)}function Er(e,t,n){if(2!==arguments.length||ki(e))Di(e)?e[Y].set_(t,n):Ai(e)?e.set(t,n):ki(e)?e.add(t):bi(e)?("number"!=typeof t&&(t=parseInt(t,10)),t<0&&r("Invalid index: '"+t+"'"),nn(),t>=e.length&&(e.length=t+1),e[t]=n,rn()):r(8);else{nn();var i=t;try{for(var o in i)Er(e,o,i[o])}finally{rn()}}}function kr(e,t){Di(e)?e[Y].delete_(t):Ai(e)?e.delete(t):ki(e)?e.delete(t):bi(e)?("number"!=typeof t&&(t=parseInt(t,10)),e.splice(t,1)):r(9)}function Pr(e,t){return Di(e)?e[Y].has_(t):Ai(e)?e.has(t):ki(e)?e.has(t):bi(e)?t>=0&&t<e.length:void r(10)}function Tr(e,t){if(Pr(e,t))return Di(e)?e[Y].get_(t):Ai(e)?e.get(t):bi(e)?e[t]:void r(11)}function Cr(e,t,n){if(Di(e))return e[Y].defineProperty_(t,n);r(39)}function Rr(e){if(Di(e))return e[Y].ownKeys_();r(38)}function Vr(e,t,n,r){return g(n)?Dr(e,t,n,r):Nr(e,t,n)}function Nr(e,t,n){return Xi(e).observe_(t,n)}function Dr(e,t,n,r){return Xi(e,t).observe_(n,r)}function Br(e,t,n){return e.set(t,n),n}function Lr(e,t){if(null==e||"object"!=typeof e||e instanceof Date||!xr(e))return e;if(xt(e)||jt(e))return Lr(e.get(),t);if(t.has(e))return t.get(e);if(bi(e)){var n=Br(t,e,new Array(e.length));return e.forEach(function(e,r){n[r]=Lr(e,t)}),n}if(ki(e)){var r=Br(t,e,new Set);return e.forEach(function(e){r.add(Lr(e,t))}),r}if(Ai(e)){var i=Br(t,e,new Map);return e.forEach(function(e,n){i.set(n,Lr(e,t))}),i}var o=Br(t,e,{});return Rr(e).forEach(function(n){c.propertyIsEnumerable.call(e,n)&&(o[n]=Lr(e[n],t))}),o}function Mr(e,t){return Lr(e,new Map)}function Ir(){r("trace() is not available in production builds");for(var e=!1,t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];"boolean"==typeof n[n.length-1]&&(e=n.pop());var o=Ur(n);if(!o)return r("'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly");o.isTracing_===At.NONE&&console.log("[mobx.trace] '"+o.name_+"' tracing enabled"),o.isTracing_=e?At.BREAK:At.LOG}function Ur(e){switch(e.length){case 0:return Ft.trackingDerivation;case 1:return Fi(e[0]);case 2:return Fi(e[0],e[1])}}function Kr(e,t){void 0===t&&(t=void 0),nn();try{return e.apply(t)}finally{rn()}}function Gr(e,t,n){return 1===arguments.length||t&&"object"==typeof t?Hr(e,t):qr(e,t,n||{})}function qr(e,t,n){var r;if("number"==typeof n.timeout){var i=new Error("WHEN_TIMEOUT");r=setTimeout(function(){if(!a[Y].isDisposed_){if(a(),!n.onError)throw i;n.onError(i)}},n.timeout)}n.name="When";var o=ht("When-effect",t),a=In(function(t){pt(!1,e)&&(t.dispose(),r&&clearTimeout(r),o())},n);return a}function Hr(e,t){var n,r,i;if(null!=t&&null!=(n=t.signal)&&n.aborted)return Object.assign(Promise.reject(new Error("WHEN_ABORTED")),{cancel:function(){return null}});var o=new Promise(function(n,o){var a,s=qr(e,n,M({},t,{onError:o}));r=function(){s(),o(new Error("WHEN_CANCELLED"))},i=function(){s(),o(new Error("WHEN_ABORTED"))},null==t||null==(a=t.signal)||a.addEventListener("abort",i)}).finally(function(){var e;return null==t?void 0:null==(e=t.signal)?void 0:e.removeEventListener("abort",i)});return o.cancel=r,o}function zr(e){return e[Y]}exports.flow=lr,lr.bound=W(cr);var Wr={has:function(e,t){return zr(e).has_(t)},get:function(e,t){return zr(e).get_(t)},set:function(e,t,n){var r;return!!m(t)&&(null==(r=zr(e).set_(t,n,!0))||r)},deleteProperty:function(e,t){var n;return!!m(t)&&(null==(n=zr(e).delete_(t,!0))||n)},defineProperty:function(e,t,n){var r;return null==(r=zr(e).defineProperty_(t,n))||r},ownKeys:function(e){return zr(e).ownKeys_()},preventExtensions:function(e){r(13)}};function Fr(e,t){var n,r;return d(),null!=(r=(n=(e=Ri(e,t))[Y]).proxy_)?r:n.proxy_=new Proxy(e,Wr)}function Xr(e){return void 0!==e.interceptors_&&e.interceptors_.length>0}function Jr(e,t){var n=e.interceptors_||(e.interceptors_=[]);return n.push(t),b(function(){var e=n.indexOf(t);-1!==e&&n.splice(e,1)})}function Yr(e,t){var n=Mt();try{for(var i=[].concat(e.interceptors_||[]),o=0,a=i.length;o<a&&((t=i[o](t))&&!t.type&&r(14),t);o++);return t}finally{It(n)}}function $r(e){return void 0!==e.changeListeners_&&e.changeListeners_.length>0}function Qr(e,t){var n=e.changeListeners_||(e.changeListeners_=[]);return n.push(t),b(function(){var e=n.indexOf(t);-1!==e&&n.splice(e,1)})}function Zr(e,t){var n=Mt(),r=e.changeListeners_;if(r){for(var i=0,o=(r=r.slice()).length;i<o;i++)r[i](t);It(n)}}function ei(e,t,n){var r=Ri(e,n)[Y];nn();try{0,null!=t||(t=J(e)),C(t).forEach(function(e){return r.make_(e,t[e])})}finally{rn()}return e}var ti=Symbol("mobx-keys");function ni(e,t,n){if(x(e))return Zn(e,e,t,n);var r=Ri(e,n)[Y];if(!e[ti]){var i=Object.getPrototypeOf(e),o=new Set([].concat(C(e),C(i)));o.delete("constructor"),o.delete(Y),A(i,ti,o)}nn();try{e[ti].forEach(function(e){return r.make_(e,!t||(!(e in t)||t[e]))})}finally{rn()}return e}var ri="splice",ii="update",oi=1e4,ai={get:function(e,t){var n=e[Y];return t===Y?n:"length"===t?n.getArrayLength_():"string"!=typeof t||isNaN(t)?N(ci,t)?ci[t]:e[t]:n.get_(parseInt(t))},set:function(e,t,n){var r=e[Y];return"length"===t&&r.setArrayLength_(n),"symbol"==typeof t||isNaN(t)?e[t]=n:r.set_(parseInt(t),n),!0},preventExtensions:function(){r(15)}},si=function(){function e(e,t,n,r){void 0===e&&(e="ObservableArray"),this.owned_=void 0,this.legacyMode_=void 0,this.atom_=void 0,this.values_=[],this.interceptors_=void 0,this.changeListeners_=void 0,this.enhancer_=void 0,this.dehancer=void 0,this.proxy_=void 0,this.lastKnownLength_=0,this.owned_=n,this.legacyMode_=r,this.atom_=new $(e),this.enhancer_=function(e,n){return t(e,n,"ObservableArray[..]")}}var t=e.prototype;return t.dehanceValue_=function(e){return void 0!==this.dehancer?this.dehancer(e):e},t.dehanceValues_=function(e){return void 0!==this.dehancer&&e.length>0?e.map(this.dehancer):e},t.intercept_=function(e){return Jr(this,e)},t.observe_=function(e,t){return void 0===t&&(t=!1),t&&e({observableKind:"array",object:this.proxy_,debugObjectName:this.atom_.name_,type:"splice",index:0,added:this.values_.slice(),addedCount:this.values_.length,removed:[],removedCount:0}),Qr(this,e)},t.getArrayLength_=function(){return this.atom_.reportObserved(),this.values_.length},t.setArrayLength_=function(e){("number"!=typeof e||isNaN(e)||e<0)&&r("Out of range: "+e);var t=this.values_.length;if(e!==t)if(e>t){for(var n=new Array(e-t),i=0;i<e-t;i++)n[i]=void 0;this.spliceWithArray_(t,0,n)}else this.spliceWithArray_(e,t-e)},t.updateArrayLength_=function(e,t){e!==this.lastKnownLength_&&r(16),this.lastKnownLength_+=t,this.legacyMode_&&t>0&&zi(e+t+1)},t.spliceWithArray_=function(e,t,n){var r=this;Ct(this.atom_);var i=this.values_.length;if(void 0===e?e=0:e>i?e=i:e<0&&(e=Math.max(0,i+e)),t=1===arguments.length?i-e:null==t?0:Math.max(0,Math.min(t,i-e)),void 0===n&&(n=l),Xr(this)){var o=Yr(this,{object:this.proxy_,type:ri,index:e,removedCount:t,added:n});if(!o)return l;t=o.removedCount,n=o.added}if(n=0===n.length?n:n.map(function(e){return r.enhancer_(e,void 0)}),this.legacyMode_){var a=n.length-t;this.updateArrayLength_(i,a)}var s=this.spliceItemsIntoValues_(e,t,n);return 0===t&&0===n.length||this.notifyArraySplice_(e,n,s),this.dehanceValues_(s)},t.spliceItemsIntoValues_=function(e,t,n){var r;if(n.length<oi)return(r=this.values_).splice.apply(r,[e,t].concat(n));var i=this.values_.slice(e,e+t),o=this.values_.slice(e+t);this.values_.length+=n.length-t;for(var a=0;a<n.length;a++)this.values_[e+a]=n[a];for(var s=0;s<o.length;s++)this.values_[e+n.length+s]=o[s];return i},t.notifyArrayChildUpdate_=function(e,t,n){var r=!this.owned_&&gn(),i=$r(this),o=i||r?{observableKind:"array",object:this.proxy_,type:ii,debugObjectName:this.atom_.name_,index:e,newValue:t,oldValue:n}:null;this.atom_.reportChanged(),i&&Zr(this,o)},t.notifyArraySplice_=function(e,t,n){var r=!this.owned_&&gn(),i=$r(this),o=i||r?{observableKind:"array",object:this.proxy_,debugObjectName:this.atom_.name_,type:ri,index:e,removed:n,added:t,removedCount:n.length,addedCount:t.length}:null;this.atom_.reportChanged(),i&&Zr(this,o)},t.get_=function(e){if(!(this.legacyMode_&&e>=this.values_.length))return this.atom_.reportObserved(),this.dehanceValue_(this.values_[e]);console.warn("[mobx] Out of bounds read: "+e)},t.set_=function(e,t){var n=this.values_;if(this.legacyMode_&&e>n.length&&r(17,e,n.length),e<n.length){Ct(this.atom_);var i=n[e];if(Xr(this)){var o=Yr(this,{type:ii,object:this.proxy_,index:e,newValue:t});if(!o)return;t=o.newValue}(t=this.enhancer_(t,i))!==i&&(n[e]=t,this.notifyArrayChildUpdate_(e,t,i))}else{for(var a=new Array(e+1-n.length),s=0;s<a.length-1;s++)a[s]=void 0;a[a.length-1]=t,this.spliceWithArray_(n.length,0,a)}},e}();function ui(e,t,n,r){void 0===n&&(n="ObservableArray"),void 0===r&&(r=!1),d();var i=new si(n,t,r,!1);S(i.values_,Y,i);var o=new Proxy(i.values_,ai);if(i.proxy_=o,e&&e.length){var a=bt(!0);i.spliceWithArray_(0,0,e),yt(a)}return o}var ci={clear:function(){return this.splice(0)},replace:function(e){var t=this[Y];return t.spliceWithArray_(0,t.values_.length,e)},toJSON:function(){return this.slice()},splice:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];var o=this[Y];switch(arguments.length){case 0:return[];case 1:return o.spliceWithArray_(e);case 2:return o.spliceWithArray_(e,t)}return o.spliceWithArray_(e,t,r)},spliceWithArray:function(e,t,n){return this[Y].spliceWithArray_(e,t,n)},push:function(){for(var e=this[Y],t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return e.spliceWithArray_(e.values_.length,0,n),e.values_.length},pop:function(){return this.splice(Math.max(this[Y].values_.length-1,0),1)[0]},shift:function(){return this.splice(0,1)[0]},unshift:function(){for(var e=this[Y],t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return e.spliceWithArray_(0,0,n),e.values_.length},reverse:function(){return Ft.trackingDerivation&&r(37,"reverse"),this.replace(this.slice().reverse()),this},sort:function(){Ft.trackingDerivation&&r(37,"sort");var e=this.slice();return e.sort.apply(e,arguments),this.replace(e),this},remove:function(e){var t=this[Y],n=t.dehanceValues_(t.values_).indexOf(e);return n>-1&&(this.splice(n,1),!0)}};function li(e,t){"function"==typeof Array.prototype[e]&&(ci[e]=t(e))}function fi(e){return function(){var t=this[Y];t.atom_.reportObserved();var n=t.dehanceValues_(t.values_);return n[e].apply(n,arguments)}}function hi(e){return function(t,n){var r=this,i=this[Y];return i.atom_.reportObserved(),i.dehanceValues_(i.values_)[e](function(e,i){return t.call(n,e,i,r)})}}function vi(e){return function(){var t=this,n=this[Y];n.atom_.reportObserved();var r=n.dehanceValues_(n.values_),i=arguments[0];return arguments[0]=function(e,n,r){return i(e,n,r,t)},r[e].apply(r,arguments)}}li("concat",fi),li("flat",fi),li("includes",fi),li("indexOf",fi),li("join",fi),li("lastIndexOf",fi),li("slice",fi),li("toString",fi),li("toLocaleString",fi),li("every",hi),li("filter",hi),li("find",hi),li("findIndex",hi),li("flatMap",hi),li("forEach",hi),li("map",hi),li("some",hi),li("reduce",vi),li("reduceRight",vi);var di,_i,pi=j("ObservableArrayAdministration",si);function bi(e){return O(e)&&pi(e[Y])}var yi={},gi="add",mi="delete";di=Symbol.iterator,_i=Symbol.toStringTag;var Oi=function(){function e(e,t,n){var i=this;void 0===t&&(t=oe),void 0===n&&(n="ObservableMap"),this.enhancer_=void 0,this.name_=void 0,this[Y]=yi,this.data_=void 0,this.hasMap_=void 0,this.keysAtom_=void 0,this.interceptors_=void 0,this.changeListeners_=void 0,this.dehancer=void 0,this.enhancer_=t,this.name_=n,g(Map)||r(18),this.keysAtom_=Z("ObservableMap.keys()"),this.data_=new Map,this.hasMap_=new Map,pt(!0,function(){i.merge(e)})}var t=e.prototype;return t.has_=function(e){return this.data_.has(e)},t.has=function(e){var t=this;if(!Ft.trackingDerivation)return this.has_(e);var n=this.hasMap_.get(e);if(!n){var r=n=new Ot(this.has_(e),se,"ObservableMap.key?",!1);this.hasMap_.set(e,r),Fn(r,function(){return t.hasMap_.delete(e)})}return n.get()},t.set=function(e,t){var n=this.has_(e);if(Xr(this)){var r=Yr(this,{type:n?ii:gi,object:this,newValue:t,name:e});if(!r)return this;t=r.newValue}return n?this.updateValue_(e,t):this.addValue_(e,t),this},t.delete=function(e){var t=this;if((Ct(this.keysAtom_),Xr(this))&&!Yr(this,{type:mi,object:this,name:e}))return!1;if(this.has_(e)){var n=gn(),r=$r(this),i=r||n?{observableKind:"map",debugObjectName:this.name_,type:mi,object:this,oldValue:this.data_.get(e).value_,name:e}:null;return Kr(function(){var n;t.keysAtom_.reportChanged(),null==(n=t.hasMap_.get(e))||n.setNewValue_(!1),t.data_.get(e).setNewValue_(void 0),t.data_.delete(e)}),r&&Zr(this,i),!0}return!1},t.updateValue_=function(e,t){var n=this.data_.get(e);if((t=n.prepareNewValue_(t))!==Ft.UNCHANGED){var r=gn(),i=$r(this),o=i||r?{observableKind:"map",debugObjectName:this.name_,type:ii,object:this,oldValue:n.value_,name:e,newValue:t}:null;0,n.setNewValue_(t),i&&Zr(this,o)}},t.addValue_=function(e,t){var n=this;Ct(this.keysAtom_),Kr(function(){var r,i=new Ot(t,n.enhancer_,"ObservableMap.key",!1);n.data_.set(e,i),t=i.value_,null==(r=n.hasMap_.get(e))||r.setNewValue_(!0),n.keysAtom_.reportChanged()});var r=gn(),i=$r(this),o=i||r?{observableKind:"map",debugObjectName:this.name_,type:gi,object:this,name:e,newValue:t}:null;i&&Zr(this,o)},t.get=function(e){return this.has(e)?this.dehanceValue_(this.data_.get(e).get()):this.dehanceValue_(void 0)},t.dehanceValue_=function(e){return void 0!==this.dehancer?this.dehancer(e):e},t.keys=function(){return this.keysAtom_.reportObserved(),this.data_.keys()},t.values=function(){var e=this,t=this.keys();return eo({next:function(){var n=t.next(),r=n.done,i=n.value;return{done:r,value:r?void 0:e.get(i)}}})},t.entries=function(){var e=this,t=this.keys();return eo({next:function(){var n=t.next(),r=n.done,i=n.value;return{done:r,value:r?void 0:[i,e.get(i)]}}})},t[di]=function(){return this.entries()},t.forEach=function(e,t){for(var n,r=H(this);!(n=r()).done;){var i=n.value,o=i[0],a=i[1];e.call(t,a,o,this)}},t.merge=function(e){var t=this;return Ai(e)&&(e=new Map(e)),Kr(function(){x(e)?T(e).forEach(function(n){return t.set(n,e[n])}):Array.isArray(e)?e.forEach(function(e){var n=e[0],r=e[1];return t.set(n,r)}):E(e)?(e.constructor!==Map&&r(19,e),e.forEach(function(e,n){return t.set(n,e)})):null!=e&&r(20,e)}),this},t.clear=function(){var e=this;Kr(function(){Lt(function(){for(var t,n=H(e.keys());!(t=n()).done;){var r=t.value;e.delete(r)}})})},t.replace=function(e){var t=this;return Kr(function(){for(var n,r=Si(e),i=new Map,o=!1,a=H(t.data_.keys());!(n=a()).done;){var s=n.value;if(!r.has(s))if(t.delete(s))o=!0;else{var u=t.data_.get(s);i.set(s,u)}}for(var c,l=H(r.entries());!(c=l()).done;){var f=c.value,h=f[0],v=f[1],d=t.data_.has(h);if(t.set(h,v),t.data_.has(h)){var _=t.data_.get(h);i.set(h,_),d||(o=!0)}}if(!o)if(t.data_.size!==i.size)t.keysAtom_.reportChanged();else for(var p=t.data_.keys(),b=i.keys(),y=p.next(),g=b.next();!y.done;){if(y.value!==g.value){t.keysAtom_.reportChanged();break}y=p.next(),g=b.next()}t.data_=i}),this},t.toString=function(){return"[object ObservableMap]"},t.toJSON=function(){return Array.from(this)},t.observe_=function(e,t){return Qr(this,e)},t.intercept_=function(e){return Jr(this,e)},L(e,[{key:"size",get:function(){return this.keysAtom_.reportObserved(),this.data_.size}},{key:_i,get:function(){return"Map"}}]),e}();exports.ObservableMap=Oi;var xi,wi,Ai=j("ObservableMap",Oi);function Si(e){if(E(e)||Ai(e))return e;if(Array.isArray(e))return new Map(e);if(x(e)){var t=new Map;for(var n in e)t.set(n,e[n]);return t}return r(21,e)}exports.isObservableMap=Ai;var ji={};xi=Symbol.iterator,wi=Symbol.toStringTag;var Ei=function(){function e(e,t,n){void 0===t&&(t=oe),void 0===n&&(n="ObservableSet"),this.name_=void 0,this[Y]=ji,this.data_=new Set,this.atom_=void 0,this.changeListeners_=void 0,this.interceptors_=void 0,this.dehancer=void 0,this.enhancer_=void 0,this.name_=n,g(Set)||r(22),this.atom_=Z(this.name_),this.enhancer_=function(e,r){return t(e,r,n)},e&&this.replace(e)}var t=e.prototype;return t.dehanceValue_=function(e){return void 0!==this.dehancer?this.dehancer(e):e},t.clear=function(){var e=this;Kr(function(){Lt(function(){for(var t,n=H(e.data_.values());!(t=n()).done;){var r=t.value;e.delete(r)}})})},t.forEach=function(e,t){for(var n,r=H(this);!(n=r()).done;){var i=n.value;e.call(t,i,i,this)}},t.add=function(e){var t=this;if((Ct(this.atom_),Xr(this))&&!Yr(this,{type:gi,object:this,newValue:e}))return this;if(!this.has(e)){Kr(function(){t.data_.add(t.enhancer_(e,void 0)),t.atom_.reportChanged()});var n=$r(this),r=n?{observableKind:"set",debugObjectName:this.name_,type:gi,object:this,newValue:e}:null;0,n&&Zr(this,r)}return this},t.delete=function(e){var t=this;if(Xr(this)&&!Yr(this,{type:mi,object:this,oldValue:e}))return!1;if(this.has(e)){var n=$r(this),r=n?{observableKind:"set",debugObjectName:this.name_,type:mi,object:this,oldValue:e}:null;return Kr(function(){t.atom_.reportChanged(),t.data_.delete(e)}),n&&Zr(this,r),!0}return!1},t.has=function(e){return this.atom_.reportObserved(),this.data_.has(this.dehanceValue_(e))},t.entries=function(){var e=0,t=Array.from(this.keys()),n=Array.from(this.values());return eo({next:function(){var r=e;return e+=1,r<n.length?{value:[t[r],n[r]],done:!1}:{done:!0}}})},t.keys=function(){return this.values()},t.values=function(){this.atom_.reportObserved();var e=this,t=0,n=Array.from(this.data_.values());return eo({next:function(){return t<n.length?{value:e.dehanceValue_(n[t++]),done:!1}:{done:!0}}})},t.replace=function(e){var t=this;return ki(e)&&(e=new Set(e)),Kr(function(){Array.isArray(e)?(t.clear(),e.forEach(function(e){return t.add(e)})):k(e)?(t.clear(),e.forEach(function(e){return t.add(e)})):null!=e&&r("Cannot initialize set from "+e)}),this},t.observe_=function(e,t){return Qr(this,e)},t.intercept_=function(e){return Jr(this,e)},t.toJSON=function(){return Array.from(this)},t.toString=function(){return"[object ObservableSet]"},t[xi]=function(){return this.values()},L(e,[{key:"size",get:function(){return this.atom_.reportObserved(),this.data_.size}},{key:wi,get:function(){return"Set"}}]),e}();exports.ObservableSet=Ei;var ki=j("ObservableSet",Ei);exports.isObservableSet=ki;var Pi=Object.create(null),Ti="remove",Ci=function(){function e(e,t,n,r){void 0===t&&(t=new Map),void 0===r&&(r=Ve),this.target_=void 0,this.values_=void 0,this.name_=void 0,this.defaultAnnotation_=void 0,this.keysAtom_=void 0,this.changeListeners_=void 0,this.interceptors_=void 0,this.proxy_=void 0,this.isPlainObject_=void 0,this.appliedAnnotations_=void 0,this.pendingKeys_=void 0,this.target_=e,this.values_=t,this.name_=n,this.defaultAnnotation_=r,this.keysAtom_=new $("ObservableObject.keys"),this.isPlainObject_=x(this.target_)}var t=e.prototype;return t.getObservablePropValue_=function(e){return this.values_.get(e).get()},t.setObservablePropValue_=function(e,t){var n=this.values_.get(e);if(n instanceof St)return n.set(t),!0;if(Xr(this)){var r=Yr(this,{type:ii,object:this.proxy_||this.target_,name:e,newValue:t});if(!r)return null;t=r.newValue}if((t=n.prepareNewValue_(t))!==Ft.UNCHANGED){var i=$r(this),o=i?{type:ii,observableKind:"object",debugObjectName:this.name_,object:this.proxy_||this.target_,oldValue:n.value_,name:e,newValue:t}:null;0,n.setNewValue_(t),i&&Zr(this,o)}return!0},t.get_=function(e){return Ft.trackingDerivation&&!N(this.target_,e)&&this.has_(e),this.target_[e]},t.set_=function(e,t,n){return void 0===n&&(n=!1),N(this.target_,e)?this.values_.has(e)?this.setObservablePropValue_(e,t):n?Reflect.set(this.target_,e,t):(this.target_[e]=t,!0):this.extend_(e,{value:t,enumerable:!0,writable:!0,configurable:!0},this.defaultAnnotation_,n)},t.has_=function(e){if(!Ft.trackingDerivation)return e in this.target_;this.pendingKeys_||(this.pendingKeys_=new Map);var t=this.pendingKeys_.get(e);return t||(t=new Ot(e in this.target_,se,"ObservableObject.key?",!1),this.pendingKeys_.set(e,t)),t.get()},t.make_=function(e,t){if(!0===t&&(t=this.defaultAnnotation_),!1!==t){if(Li(this,t,e),!(e in this.target_)){var n;if(null!=(n=this.target_[z])&&n[e])return;r(1,t.annotationType_,this.name_+"."+e.toString())}for(var i=this.target_;i&&i!==c;){var o=s(i,e);if(o){var a=t.make_(this,e,o,i);if(0===a)return;if(1===a)break}i=Object.getPrototypeOf(i)}Bi(this,t,e)}},t.extend_=function(e,t,n,r){if(void 0===r&&(r=!1),!0===n&&(n=this.defaultAnnotation_),!1===n)return this.defineProperty_(e,t,r);Li(this,n,e);var i=n.extend_(this,e,t,r);return i&&Bi(this,n,e),i},t.defineProperty_=function(e,t,n){void 0===n&&(n=!1);try{nn();var r=this.delete_(e);if(!r)return r;if(Xr(this)){var i=Yr(this,{object:this.proxy_||this.target_,name:e,type:gi,newValue:t.value});if(!i)return null;var o=i.newValue;t.value!==o&&(t=M({},t,{value:o}))}if(n){if(!Reflect.defineProperty(this.target_,e,t))return!1}else u(this.target_,e,t);this.notifyPropertyAddition_(e,t.value)}finally{rn()}return!0},t.defineObservableProperty_=function(e,t,n,r){void 0===r&&(r=!1);try{nn();var i=this.delete_(e);if(!i)return i;if(Xr(this)){var o=Yr(this,{object:this.proxy_||this.target_,name:e,type:gi,newValue:t});if(!o)return null;t=o.newValue}var a=Ni(e),s={configurable:!Ft.safeDescriptors||this.isPlainObject_,enumerable:!0,get:a.get,set:a.set};if(r){if(!Reflect.defineProperty(this.target_,e,s))return!1}else u(this.target_,e,s);var c=new Ot(t,n,"ObservableObject.key",!1);this.values_.set(e,c),this.notifyPropertyAddition_(e,c.value_)}finally{rn()}return!0},t.defineComputedProperty_=function(e,t,n){void 0===n&&(n=!1);try{nn();var r=this.delete_(e);if(!r)return r;if(Xr(this))if(!Yr(this,{object:this.proxy_||this.target_,name:e,type:gi,newValue:void 0}))return null;t.name||(t.name="ObservableObject.key"),t.context=this.proxy_||this.target_;var i=Ni(e),o={configurable:!Ft.safeDescriptors||this.isPlainObject_,enumerable:!1,get:i.get,set:i.set};if(n){if(!Reflect.defineProperty(this.target_,e,o))return!1}else u(this.target_,e,o);this.values_.set(e,new St(t)),this.notifyPropertyAddition_(e,void 0)}finally{rn()}return!0},t.delete_=function(e,t){if(void 0===t&&(t=!1),!N(this.target_,e))return!0;if(Xr(this)&&!Yr(this,{object:this.proxy_||this.target_,name:e,type:Ti}))return null;try{var n,r;nn();var i,o=$r(this),a=this.values_.get(e),u=void 0;if(!a&&o)u=null==(i=s(this.target_,e))?void 0:i.value;if(t){if(!Reflect.deleteProperty(this.target_,e))return!1}else delete this.target_[e];if(a&&(this.values_.delete(e),a instanceof Ot&&(u=a.value_),an(a)),this.keysAtom_.reportChanged(),null==(n=this.pendingKeys_)||null==(r=n.get(e))||r.set(e in this.target_),o){var c={type:Ti,observableKind:"object",object:this.proxy_||this.target_,debugObjectName:this.name_,oldValue:u,name:e};0,o&&Zr(this,c)}}finally{rn()}return!0},t.observe_=function(e,t){return Qr(this,e)},t.intercept_=function(e){return Jr(this,e)},t.notifyPropertyAddition_=function(e,t){var n,r,i=$r(this);if(i){var o=i?{type:gi,observableKind:"object",debugObjectName:this.name_,object:this.proxy_||this.target_,name:e,newValue:t}:null;0,i&&Zr(this,o)}null==(n=this.pendingKeys_)||null==(r=n.get(e))||r.set(!0),this.keysAtom_.reportChanged()},t.ownKeys_=function(){return this.keysAtom_.reportObserved(),C(this.target_)},t.keys_=function(){return this.keysAtom_.reportObserved(),Object.keys(this.target_)},e}();function Ri(e,t){var n;if(N(e,Y))return e;var r=null!=(n=null==t?void 0:t.name)?n:"ObservableObject",i=new Ci(e,new Map,String(r),Je(t));return A(e,Y,i),e}var Vi=j("ObservableObjectAdministration",Ci);function Ni(e){return Pi[e]||(Pi[e]={get:function(){return this[Y].getObservablePropValue_(e)},set:function(t){return this[Y].setObservablePropValue_(e,t)}})}function Di(e){return!!O(e)&&Vi(e[Y])}function Bi(e,t,n){var r;null==(r=e.target_[z])||delete r[n]}function Li(e,t,n){}var Mi=qi(0),Ii=0,Ui=function(){};function Ki(e,t){Object.setPrototypeOf?Object.setPrototypeOf(e.prototype,t):void 0!==e.prototype.__proto__?e.prototype.__proto__=t:e.prototype=t}Ki(Ui,Array.prototype);var Gi=function(e,t,n){function r(t,n,r,i){var o;void 0===r&&(r="ObservableArray"),void 0===i&&(i=!1),o=e.call(this)||this;var a=new si(r,n,i,!0);if(a.proxy_=K(o),S(K(o),Y,a),t&&t.length){var s=bt(!0);o.spliceWithArray(0,0,t),yt(s)}return Object.defineProperty(K(o),"0",Mi),o}I(r,e);var i=r.prototype;return i.concat=function(){this[Y].atom_.reportObserved();for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return Array.prototype.concat.apply(this.slice(),t.map(function(e){return bi(e)?e.slice():e}))},i[n]=function(){var e=this,t=0;return eo({next:function(){return t<e.length?{value:e[t++],done:!1}:{done:!0,value:void 0}}})},L(r,[{key:"length",get:function(){return this[Y].getArrayLength_()},set:function(e){this[Y].setArrayLength_(e)}},{key:t,get:function(){return"Array"}}]),r}(Ui,Symbol.toStringTag,Symbol.iterator);function qi(e){return{enumerable:!1,configurable:!0,get:function(){return this[Y].get_(e)},set:function(t){this[Y].set_(e,t)}}}function Hi(e){u(Gi.prototype,""+e,qi(e))}function zi(e){if(e>Ii){for(var t=Ii;t<e+100;t++)Hi(t);Ii=e}}function Wi(e,t,n){return new Gi(e,t,n)}function Fi(e,t){if("object"==typeof e&&null!==e){if(bi(e))return void 0!==t&&r(23),e[Y].atom_;if(ki(e))return e[Y];if(Ai(e)){if(void 0===t)return e.keysAtom_;var n=e.data_.get(t)||e.hasMap_.get(t);return n||r(25,t,Ji(e)),n}if(Di(e)){if(!t)return r(26);var i=e[Y].values_.get(t);return i||r(27,t,Ji(e)),i}if(Q(e)||jt(e)||bn(e))return e}else if(g(e)&&bn(e[Y]))return e[Y];r(28)}function Xi(e,t){return e||r(29),void 0!==t?Xi(Fi(e,t)):Q(e)||jt(e)||bn(e)?e:Ai(e)||ki(e)?e:e[Y]?e[Y]:void r(24,e)}function Ji(e,t){var n;if(void 0!==t)n=Fi(e,t);else{if(Mn(e))return e.name;n=Di(e)||Ai(e)||ki(e)?Xi(e):Fi(e)}return n.name_}Object.entries(ci).forEach(function(e){var t=e[0],n=e[1];"concat"!==t&&A(Gi.prototype,t,n)}),zi(1e3);var Yi=c.toString;function $i(e,t,n){return void 0===n&&(n=-1),Qi(e,t,n)}function Qi(e,t,n,r,i){if(e===t)return 0!==e||1/e==1/t;if(null==e||null==t)return!1;if(e!=e)return t!=t;var o=typeof e;if("function"!==o&&"object"!==o&&"object"!=typeof t)return!1;var a=Yi.call(e);if(a!==Yi.call(t))return!1;switch(a){case"[object RegExp]":case"[object String]":return""+e==""+t;case"[object Number]":return+e!=+e?+t!=+t:0==+e?1/+e==1/t:+e==+t;case"[object Date]":case"[object Boolean]":return+e==+t;case"[object Symbol]":return"undefined"!=typeof Symbol&&Symbol.valueOf.call(e)===Symbol.valueOf.call(t);case"[object Map]":case"[object Set]":n>=0&&n++}e=Zi(e),t=Zi(t);var s="[object Array]"===a;if(!s){if("object"!=typeof e||"object"!=typeof t)return!1;var u=e.constructor,c=t.constructor;if(u!==c&&!(g(u)&&u instanceof u&&g(c)&&c instanceof c)&&"constructor"in e&&"constructor"in t)return!1}if(0===n)return!1;n<0&&(n=-1),i=i||[];for(var l=(r=r||[]).length;l--;)if(r[l]===e)return i[l]===t;if(r.push(e),i.push(t),s){if((l=e.length)!==t.length)return!1;for(;l--;)if(!Qi(e[l],t[l],n-1,r,i))return!1}else{var f,h=Object.keys(e);if(l=h.length,Object.keys(t).length!==l)return!1;for(;l--;)if(!N(t,f=h[l])||!Qi(e[f],t[f],n-1,r,i))return!1}return r.pop(),i.pop(),!0}function Zi(e){return bi(e)?e.slice():E(e)||Ai(e)?Array.from(e.entries()):k(e)||ki(e)?Array.from(e.entries()):e}function eo(e){return e[Symbol.iterator]=to,e}function to(){return this}function no(e){return e instanceof Object&&"string"==typeof e.annotationType_&&g(e.make_)&&g(e.extend_)}["Symbol","Map","Set"].forEach(function(e){void 0===o()[e]&&r("MobX requires global '"+e+"' to be available or polyfilled")}),"object"==typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__&&__MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({spy:An,extras:{getDebugName:Ji},$mobx:Y});
+var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.FlowCancellationError=ur,exports._allowStateChanges=yt,exports.runInAction=exports._allowStateChangesInsideComputed=In,exports._allowStateReadsEnd=qt,exports._allowStateReadsStart=Gt,exports._endAction=bt,exports._getAdministration=Yi,exports._getGlobalState=$t,exports._interceptReads=pr,exports._isComputingDerivation=Rt,exports._resetGlobalState=Qt,exports._startAction=pt,exports.autorun=Kn,exports.configure=er,exports.createAtom=te,exports.defineProperty=Nr,exports.entries=kr,exports.extendObservable=tr,exports.flowResult=dr,exports.get=Rr,exports.getAtom=Ji,exports.getDebugName=$i,exports.getDependencyTree=nr,exports.getObserverTree=ir,exports.has=Cr,exports.intercept=br,exports.isAction=Un,exports.isComputed=Or,exports.isComputedProp=xr,exports.isFlow=_r,exports.isFlowCancellationError=cr,exports.isObservable=Ar,exports.isObservableArray=gi,exports.isObservableObject=Li,exports.isObservableProp=Sr,exports.keys=jr,exports.makeAutoObservable=ii,exports.makeObservable=ni,exports.observe=Dr,exports.onBecomeObserved=Xn,exports.onBecomeUnobserved=Jn,exports.onReactionError=dn,exports.ownKeys=Vr,exports.reaction=Hn,exports.remove=Tr,exports.set=Pr,exports.spy=jn,exports.toJS=Ur,exports.trace=Kr,exports.transaction=qr,exports.untracked=It,exports.values=Er,exports.when=Hr,exports.override=exports.observable=exports.isObservableSet=exports.isObservableMap=exports.isBoxedObservable=exports.flow=exports.computed=exports.comparer=exports.action=exports._autoAction=exports.Reaction=exports.ObservableSet=exports.ObservableMap=exports.$mobx=void 0;var t={0:"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'",1:function(e,t){return"Cannot apply '"+e+"' to '"+t.toString()+"': Field not found."},5:"'keys()' can only be used on observable objects, arrays, sets and maps",6:"'values()' can only be used on observable objects, arrays, sets and maps",7:"'entries()' can only be used on observable objects, arrays and maps",8:"'set()' can only be used on observable objects, arrays and maps",9:"'remove()' can only be used on observable objects, arrays and maps",10:"'has()' can only be used on observable objects, arrays and maps",11:"'get()' can only be used on observable objects, arrays and maps",12:"Invalid annotation",13:"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",14:"Intercept handlers should return nothing or a change object",15:"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)",16:"Modification exception: the internal structure of an observable array was changed.",17:function(e,t){return"[mobx.array] Index out of bounds, "+e+" is larger than "+t},18:"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js",19:function(e){return"Cannot initialize from classes that inherit from Map: "+e.constructor.name},20:function(e){return"Cannot initialize map from "+e},21:function(e){return"Cannot convert to map from '"+e+"'"},22:"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js",23:"It is not possible to get index atoms from arrays",24:function(e){return"Cannot obtain administration from "+e},25:function(e,t){return"the entry '"+e+"' does not exist in the observable map '"+t+"'"},26:"please specify a property",27:function(e,t){return"no observable property '"+e.toString()+"' found on the observable object '"+t+"'"},28:function(e){return"Cannot obtain atom from "+e},29:"Expecting some object",30:"invalid action stack. did you forget to finish an action?",31:"missing option for computed: get",32:function(e,t){return"Cycle detected in computation "+e+": "+t},33:function(e){return"The setter of computed value '"+e+"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?"},34:function(e){return"[ComputedValue '"+e+"'] It is not possible to assign a new value to a computed value."},35:"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`",36:"isolateGlobalState should be called before MobX is running any reactions",37:function(e){return"[mobx] `observableArray."+e+"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice()."+e+"()` instead"},38:"'ownKeys()' can only be used on observable objects",39:"'defineProperty()' can only be used on observable objects"},n={};function r(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw new Error("number"==typeof e?"[MobX] minified error nr: "+e+(n.length?" "+n.map(String).join(","):"")+". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts":"[MobX] "+e)}var i={};function o(){return"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:i}var a=Object.assign,s=Object.getOwnPropertyDescriptor,u=Object.defineProperty,c=Object.prototype,l=[];Object.freeze(l);var f={};Object.freeze(f);var h="undefined"!=typeof Proxy,v=Object.toString();function d(){h||r("Proxy not available")}function _(e){0}function p(){return++Jt.mobxGuid}function b(e){var t=!1;return function(){if(!t)return t=!0,e.apply(this,arguments)}}var y=function(){};function g(e){return"function"==typeof e}function m(e){switch(typeof e){case"string":case"symbol":case"number":return!0}return!1}function O(e){return null!==e&&"object"==typeof e}function x(e){if(!O(e))return!1;var t=Object.getPrototypeOf(e);if(null==t)return!0;var n=Object.hasOwnProperty.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n.toString()===v}function w(e){var t=null==e?void 0:e.constructor;return!!t&&("GeneratorFunction"===t.name||"GeneratorFunction"===t.displayName)}function A(e,t,n){u(e,t,{enumerable:!1,writable:!0,configurable:!0,value:n})}function S(e,t,n){u(e,t,{enumerable:!1,writable:!1,configurable:!0,value:n})}function j(e,t){var n="isMobX"+e;return t.prototype[n]=!0,function(e){return O(e)&&!0===e[n]}}function E(e){return e instanceof Map}function k(e){return e instanceof Set}var P=void 0!==Object.getOwnPropertySymbols;function T(e){var t=Object.keys(e);if(!P)return t;var n=Object.getOwnPropertySymbols(e);return n.length?[].concat(t,n.filter(function(t){return c.propertyIsEnumerable.call(e,t)})):t}var C="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:P?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames;function R(e){return"string"==typeof e?e:"symbol"==typeof e?e.toString():new String(e).toString()}function N(e){return null===e?null:"object"==typeof e?""+e:e}function V(e,t){return c.hasOwnProperty.call(e,t)}var D=Object.getOwnPropertyDescriptors||function(e){var t={};return C(e).forEach(function(n){t[n]=s(e,n)}),t};function B(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,W(r.key),r)}}function L(e,t,n){return t&&B(e.prototype,t),n&&B(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function M(){return(M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function I(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,U(e,t)}function U(e,t){return(U=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function K(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function G(e,t){if(e){if("string"==typeof e)return q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?q(e,t):void 0}}function q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=G(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function z(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function W(e){var t=z(e,"string");return"symbol"==typeof t?t:String(t)}var F=Symbol("mobx-stored-annotations");function X(e){return Object.assign(function(t,n){J(t,n,e)},e)}function J(e,t,n){V(e,F)||A(e,F,M({},e[F])),Y(e,n,t),ve(n)||(e[F][t]=n)}function Y(e,t,n){}function $(e){return V(e,F)||A(e,F,M({},e[F])),e[F]}var Q=Symbol("mobx administration");exports.$mobx=Q;var Z=function(){function e(e){void 0===e&&(e="Atom"),this.name_=void 0,this.isPendingUnobservation_=!1,this.isBeingObserved_=!1,this.observers_=new Set,this.diffValue_=0,this.lastAccessedBy_=0,this.lowestObserverState_=St.NOT_TRACKING_,this.onBOL=void 0,this.onBUOL=void 0,this.name_=e}var t=e.prototype;return t.onBO=function(){this.onBOL&&this.onBOL.forEach(function(e){return e()})},t.onBUO=function(){this.onBUOL&&this.onBUOL.forEach(function(e){return e()})},t.reportObserved=function(){return sn(this)},t.reportChanged=function(){on(),un(this),an()},t.toString=function(){return this.name_},e}(),ee=j("Atom",Z);function te(e,t,n){void 0===t&&(t=y),void 0===n&&(n=y);var r=new Z(e);return t!==y&&Xn(r,t),n!==y&&Jn(r,n),r}function ne(e,t){return e===t}function re(e,t){return Zi(e,t)}function ie(e,t){return Zi(e,t,1)}function oe(e,t){return Object.is?Object.is(e,t):e===t?0!==e||1/e==1/t:e!=e&&t!=t}var ae={identity:ne,structural:re,default:oe,shallow:ie};function se(e,t,n){return Ar(e)?e:Array.isArray(e)?tt.array(e,{name:n}):x(e)?tt.object(e,void 0,{name:n}):E(e)?tt.map(e,{name:n}):k(e)?tt.set(e,{name:n}):"function"!=typeof e||Un(e)||_r(e)?e:w(e)?hr(e):Mn(n,e)}function ue(e,t,n){return null==e?e:Li(e)||gi(e)||ji(e)||Ti(e)?e:Array.isArray(e)?tt.array(e,{name:n,deep:!1}):x(e)?tt.object(e,void 0,{name:n,deep:!1}):E(e)?tt.map(e,{name:n,deep:!1}):k(e)?tt.set(e,{name:n,deep:!1}):void 0}function ce(e){return e}function le(e,t){return Zi(e,t)?t:e}exports.comparer=ae;var fe="override",he=X({annotationType_:fe,make_:de,extend_:_e});function ve(e){return e.annotationType_===fe}function de(e,t){return 0}function _e(e,t,n,i){r("'"+this.annotationType_+"' can only be used with 'makeObservable'")}function pe(e,t){return{annotationType_:e,options_:t,make_:be,extend_:ye}}function be(e,t,n,r){var i;if(null!=(i=this.options_)&&i.bound)return null===this.extend_(e,t,n,!1)?0:1;if(r===e.target_)return null===this.extend_(e,t,n,!1)?0:2;if(Un(n.value))return 1;var o=me(e,this,t,n,!1);return u(r,t,o),2}function ye(e,t,n,r){var i=me(e,this,t,n);return e.defineProperty_(t,i,r)}function ge(e,t,n,r){t.annotationType_,r.value}function me(e,t,n,r,i){var o,a,s,u,c,l,f;void 0===i&&(i=Jt.safeDescriptors),ge(e,t,n,r);var h,v=r.value;null!=(o=t.options_)&&o.bound&&(v=v.bind(null!=(h=e.proxy_)?h:e.target_));return{value:dt(null!=(a=null==(s=t.options_)?void 0:s.name)?a:n.toString(),v,null!=(u=null==(c=t.options_)?void 0:c.autoAction)&&u,null!=(l=t.options_)&&l.bound?null!=(f=e.proxy_)?f:e.target_:void 0),configurable:!i||e.isPlainObject_,enumerable:!1,writable:!i}}function Oe(e,t){return{annotationType_:e,options_:t,make_:xe,extend_:we}}function xe(e,t,n,r){var i;if(r===e.target_)return null===this.extend_(e,t,n,!1)?0:2;if(null!=(i=this.options_)&&i.bound&&(!V(e.target_,t)||!_r(e.target_[t]))&&null===this.extend_(e,t,n,!1))return 0;if(_r(n.value))return 1;var o=Se(e,this,t,n,!1,!1);return u(r,t,o),2}function we(e,t,n,r){var i,o=Se(e,this,t,n,null==(i=this.options_)?void 0:i.bound);return e.defineProperty_(t,o,r)}function Ae(e,t,n,r){t.annotationType_,r.value}function Se(e,t,n,r,i,o){void 0===o&&(o=Jt.safeDescriptors),Ae(e,t,n,r);var a,s=r.value;(_r(s)||(s=hr(s)),i)&&((s=s.bind(null!=(a=e.proxy_)?a:e.target_)).isMobXFlow=!0);return{value:s,configurable:!o||e.isPlainObject_,enumerable:!1,writable:!o}}function je(e,t){return{annotationType_:e,options_:t,make_:Ee,extend_:ke}}function Ee(e,t,n){return null===this.extend_(e,t,n,!1)?0:1}function ke(e,t,n,r){return Pe(e,this,t,n),e.defineComputedProperty_(t,M({},this.options_,{get:n.get,set:n.set}),r)}function Pe(e,t,n,r){t.annotationType_,r.get}function Te(e,t){return{annotationType_:e,options_:t,make_:Ce,extend_:Re}}function Ce(e,t,n){return null===this.extend_(e,t,n,!1)?0:1}function Re(e,t,n,r){var i,o;return Ne(e,this,t,n),e.defineObservableProperty_(t,n.value,null!=(i=null==(o=this.options_)?void 0:o.enhancer)?i:se,r)}function Ne(e,t,n,r){t.annotationType_}exports.override=he;var Ve="true",De=Be();function Be(e){return{annotationType_:Ve,options_:e,make_:Le,extend_:Me}}function Le(e,t,n,r){var i,o,a,s;if(n.get)return ut.make_(e,t,n,r);if(n.set){var c=dt(t.toString(),n.set);return r===e.target_?null===e.defineProperty_(t,{configurable:!Jt.safeDescriptors||e.isPlainObject_,set:c})?0:2:(u(r,t,{configurable:!0,set:c}),2)}if(r!==e.target_&&"function"==typeof n.value)return w(n.value)?(null!=(s=this.options_)&&s.autoBind?hr.bound:hr).make_(e,t,n,r):(null!=(a=this.options_)&&a.autoBind?Mn.bound:Mn).make_(e,t,n,r);var l,f=!1===(null==(i=this.options_)?void 0:i.deep)?tt.ref:tt;"function"==typeof n.value&&null!=(o=this.options_)&&o.autoBind&&(n.value=n.value.bind(null!=(l=e.proxy_)?l:e.target_));return f.make_(e,t,n,r)}function Me(e,t,n,r){var i,o,a;if(n.get)return ut.extend_(e,t,n,r);if(n.set)return e.defineProperty_(t,{configurable:!Jt.safeDescriptors||e.isPlainObject_,set:dt(t.toString(),n.set)},r);"function"==typeof n.value&&null!=(i=this.options_)&&i.autoBind&&(n.value=n.value.bind(null!=(a=e.proxy_)?a:e.target_));return(!1===(null==(o=this.options_)?void 0:o.deep)?tt.ref:tt).extend_(e,t,n,r)}var Ie="observable",Ue="observable.ref",Ke="observable.shallow",Ge="observable.struct",qe={deep:!0,name:void 0,defaultDecorator:void 0,proxy:!0};function He(e){return e||qe}Object.freeze(qe);var ze=Te(Ie),We=Te(Ue,{enhancer:ce}),Fe=Te(Ke,{enhancer:ue}),Xe=Te(Ge,{enhancer:le}),Je=X(ze);function Ye(e){return!0===e.deep?se:!1===e.deep?ce:Qe(e.defaultDecorator)}function $e(e){var t;return e?null!=(t=e.defaultDecorator)?t:Be(e):void 0}function Qe(e){var t,n;return e&&null!=(t=null==(n=e.options_)?void 0:n.enhancer)?t:se}function Ze(e,t,n){if(!m(t))return Ar(e)?e:x(e)?tt.object(e,t,n):Array.isArray(e)?tt.array(e,t):E(e)?tt.map(e,t):k(e)?tt.set(e,t):"object"==typeof e&&null!==e?e:tt.box(e,t);J(e,t,ze)}a(Ze,Je);var et={box:function(e,t){var n=He(t);return new wt(e,Ye(n),n.name,!0,n.equals)},array:function(e,t){var n=He(t);return(!1===Jt.useProxies||!1===n.proxy?Xi:li)(e,Ye(n),n.name)},map:function(e,t){var n=He(t);return new wi(e,Ye(n),n.name)},set:function(e,t){var n=He(t);return new Pi(e,Ye(n),n.name)},object:function(e,t,n){return tr(!1===Jt.useProxies||!1===(null==n?void 0:n.proxy)?Vi({},n):Jr({},n),e,t)},ref:X(We),shallow:X(Fe),deep:Je,struct:X(Xe)},tt=a(Ze,et);exports.observable=tt;var nt,rt,it="computed",ot="computed.struct",at=je(it),st=je(ot,{equals:ae.structural}),ut=function(e,t){if(m(t))return J(e,t,at);if(x(e))return X(je(it,e));var n=x(t)?t:{};return n.get=e,n.name||(n.name=e.name||""),new Et(n)};exports.computed=ut,Object.assign(ut,at),ut.struct=X(st);var ct,lt=0,ft=1,ht=null!=(nt=null==(rt=s(function(){},"name"))?void 0:rt.configurable)&&nt,vt={value:"action",configurable:!0,writable:!1,enumerable:!1};function dt(e,t,n,r){function i(){return _t(e,n,t,r||this,arguments)}return void 0===n&&(n=!1),i.isMobxAction=!0,ht&&(vt.value=e,u(i,"name",vt)),i}function _t(e,t,n,r,i){var o=pt(e,t,r,i);try{return n.apply(r,i)}catch(a){throw o.error_=a,a}finally{bt(o)}}function pt(e,t,n,r){var i=0,o=Jt.trackingDerivation,a=!t||!o;on();var s=Jt.allowStateChanges;a&&(Ut(),s=gt(!0));var u={runAsAction_:a,prevDerivation_:o,prevAllowStateChanges_:s,prevAllowStateReads_:Gt(!0),notifySpy_:!1,startTime_:i,actionId_:ft++,parentActionId_:lt};return lt=u.actionId_,u}function bt(e){lt!==e.actionId_&&r(30),lt=e.parentActionId_,void 0!==e.error_&&(Jt.suppressReactionErrors=!0),mt(e.prevAllowStateChanges_),qt(e.prevAllowStateReads_),an(),e.runAsAction_&&Kt(e.prevDerivation_),Jt.suppressReactionErrors=!1}function yt(e,t){var n=gt(e);try{return t()}finally{mt(n)}}function gt(e){var t=Jt.allowStateChanges;return Jt.allowStateChanges=e,t}function mt(e){Jt.allowStateChanges=e}var Ot="create";ct=Symbol.toPrimitive;var xt,wt=function(e){function t(t,n,r,i,o){var a;return void 0===r&&(r="ObservableValue"),void 0===i&&(i=!0),void 0===o&&(o=ae.default),(a=e.call(this,r)||this).enhancer=void 0,a.name_=void 0,a.equals=void 0,a.hasUnreportedChange_=!1,a.interceptors_=void 0,a.changeListeners_=void 0,a.value_=void 0,a.dehancer=void 0,a.enhancer=n,a.name_=r,a.equals=o,a.value_=n(t,void 0,r),a}I(t,e);var n=t.prototype;return n.dehanceValue=function(e){return void 0!==this.dehancer?this.dehancer(e):e},n.set=function(e){this.value_;if((e=this.prepareNewValue_(e))!==Jt.UNCHANGED){On();0,this.setNewValue_(e)}},n.prepareNewValue_=function(e){if(Nt(this),Yr(this)){var t=Qr(this,{object:this,type:ai,newValue:e});if(!t)return Jt.UNCHANGED;e=t.newValue}return e=this.enhancer(e,this.value_,this.name_),this.equals(this.value_,e)?Jt.UNCHANGED:e},n.setNewValue_=function(e){var t=this.value_;this.value_=e,this.reportChanged(),Zr(this)&&ti(this,{type:ai,object:this,newValue:e,oldValue:t})},n.get=function(){return this.reportObserved(),this.dehanceValue(this.value_)},n.intercept_=function(e){return $r(this,e)},n.observe_=function(e,t){return t&&e({observableKind:"value",debugObjectName:this.name_,object:this,type:ai,newValue:this.value_,oldValue:void 0}),ei(this,e)},n.raw=function(){return this.value_},n.toJSON=function(){return this.get()},n.toString=function(){return this.name_+"["+this.value_+"]"},n.valueOf=function(){return N(this.get())},n[ct]=function(){return this.valueOf()},t}(Z),At=j("ObservableValue",wt);exports.isBoxedObservable=At,xt=Symbol.toPrimitive;var St,jt,Et=function(){function e(e){this.dependenciesState_=St.NOT_TRACKING_,this.observing_=[],this.newObserving_=null,this.isBeingObserved_=!1,this.isPendingUnobservation_=!1,this.observers_=new Set,this.diffValue_=0,this.runId_=0,this.lastAccessedBy_=0,this.lowestObserverState_=St.UP_TO_DATE_,this.unboundDepsCount_=0,this.value_=new Pt(null),this.name_=void 0,this.triggeredBy_=void 0,this.isComputing_=!1,this.isRunningSetter_=!1,this.derivation=void 0,this.setter_=void 0,this.isTracing_=jt.NONE,this.scope_=void 0,this.equals_=void 0,this.requiresReaction_=void 0,this.keepAlive_=void 0,this.onBOL=void 0,this.onBUOL=void 0,e.get||r(31),this.derivation=e.get,this.name_=e.name||"ComputedValue",e.set&&(this.setter_=dt("ComputedValue-setter",e.set)),this.equals_=e.equals||(e.compareStructural||e.struct?ae.structural:ae.default),this.scope_=e.context,this.requiresReaction_=e.requiresReaction,this.keepAlive_=!!e.keepAlive}var t=e.prototype;return t.onBecomeStale_=function(){ln(this)},t.onBO=function(){this.onBOL&&this.onBOL.forEach(function(e){return e()})},t.onBUO=function(){this.onBUOL&&this.onBUOL.forEach(function(e){return e()})},t.get=function(){if(this.isComputing_&&r(32,this.name_,this.derivation),0!==Jt.inBatch||0!==this.observers_.size||this.keepAlive_){if(sn(this),Ct(this)){var e=Jt.trackingContext;this.keepAlive_&&!e&&(Jt.trackingContext=this),this.trackAndCompute()&&cn(this),Jt.trackingContext=e}}else Ct(this)&&(this.warnAboutUntrackedRead_(),on(),this.value_=this.computeValue_(!1),an());var t=this.value_;if(Tt(t))throw t.cause;return t},t.set=function(e){if(this.setter_){this.isRunningSetter_&&r(33,this.name_),this.isRunningSetter_=!0;try{this.setter_.call(this.scope_,e)}finally{this.isRunningSetter_=!1}}else r(34,this.name_)},t.trackAndCompute=function(){var e=this.value_,t=this.dependenciesState_===St.NOT_TRACKING_,n=this.computeValue_(!0),r=t||Tt(e)||Tt(n)||!this.equals_(e,n);return r&&(this.value_=n),r},t.computeValue_=function(e){this.isComputing_=!0;var t,n=gt(!1);if(e)t=Dt(this,this.derivation,this.scope_);else if(!0===Jt.disableErrorBoundaries)t=this.derivation.call(this.scope_);else try{t=this.derivation.call(this.scope_)}catch(r){t=new Pt(r)}return mt(n),this.isComputing_=!1,t},t.suspend_=function(){this.keepAlive_||(Mt(this),this.value_=void 0)},t.observe_=function(e,t){var n=this,r=!0,i=void 0;return Kn(function(){var o=n.get();if(!r||t){var a=Ut();e({observableKind:"computed",debugObjectName:n.name_,type:ai,object:n,newValue:o,oldValue:i}),Kt(a)}r=!1,i=o})},t.warnAboutUntrackedRead_=function(){},t.toString=function(){return this.name_+"["+this.derivation.toString()+"]"},t.valueOf=function(){return N(this.get())},t[xt]=function(){return this.valueOf()},e}(),kt=j("ComputedValue",Et);!function(e){e[e.NOT_TRACKING_=-1]="NOT_TRACKING_",e[e.UP_TO_DATE_=0]="UP_TO_DATE_",e[e.POSSIBLY_STALE_=1]="POSSIBLY_STALE_",e[e.STALE_=2]="STALE_"}(St||(St={})),function(e){e[e.NONE=0]="NONE",e[e.LOG=1]="LOG",e[e.BREAK=2]="BREAK"}(jt||(jt={}));var Pt=function(e){this.cause=void 0,this.cause=e};function Tt(e){return e instanceof Pt}function Ct(e){switch(e.dependenciesState_){case St.UP_TO_DATE_:return!1;case St.NOT_TRACKING_:case St.STALE_:return!0;case St.POSSIBLY_STALE_:for(var t=Gt(!0),n=Ut(),r=e.observing_,i=r.length,o=0;o<i;o++){var a=r[o];if(kt(a)){if(Jt.disableErrorBoundaries)a.get();else try{a.get()}catch(s){return Kt(n),qt(t),!0}if(e.dependenciesState_===St.STALE_)return Kt(n),qt(t),!0}}return Ht(e),Kt(n),qt(t),!1}}function Rt(){return null!==Jt.trackingDerivation}function Nt(e){}function Vt(e){0}function Dt(e,t,n){var r=Gt(!0);Ht(e),e.newObserving_=new Array(e.observing_.length+100),e.unboundDepsCount_=0,e.runId_=++Jt.runId;var i,o=Jt.trackingDerivation;if(Jt.trackingDerivation=e,Jt.inBatch++,!0===Jt.disableErrorBoundaries)i=t.call(n);else try{i=t.call(n)}catch(a){i=new Pt(a)}return Jt.inBatch--,Jt.trackingDerivation=o,Lt(e),Bt(e),qt(r),i}function Bt(e){}function Lt(e){for(var t=e.observing_,n=e.observing_=e.newObserving_,r=St.UP_TO_DATE_,i=0,o=e.unboundDepsCount_,a=0;a<o;a++){var s=n[a];0===s.diffValue_&&(s.diffValue_=1,i!==a&&(n[i]=s),i++),s.dependenciesState_>r&&(r=s.dependenciesState_)}for(n.length=i,e.newObserving_=null,o=t.length;o--;){var u=t[o];0===u.diffValue_&&nn(u,e),u.diffValue_=0}for(;i--;){var c=n[i];1===c.diffValue_&&(c.diffValue_=0,tn(c,e))}r!==St.UP_TO_DATE_&&(e.dependenciesState_=r,e.onBecomeStale_())}function Mt(e){var t=e.observing_;e.observing_=[];for(var n=t.length;n--;)nn(t[n],e);e.dependenciesState_=St.NOT_TRACKING_}function It(e){var t=Ut();try{return e()}finally{Kt(t)}}function Ut(){var e=Jt.trackingDerivation;return Jt.trackingDerivation=null,e}function Kt(e){Jt.trackingDerivation=e}function Gt(e){var t=Jt.allowStateReads;return Jt.allowStateReads=e,t}function qt(e){Jt.allowStateReads=e}function Ht(e){if(e.dependenciesState_!==St.UP_TO_DATE_){e.dependenciesState_=St.UP_TO_DATE_;for(var t=e.observing_,n=t.length;n--;)t[n].lowestObserverState_=St.UP_TO_DATE_}}var zt=["mobxGuid","spyListeners","enforceActions","computedRequiresReaction","reactionRequiresObservable","observableRequiresReaction","allowStateReads","disableErrorBoundaries","runId","UNCHANGED","useProxies"],Wt=function(){this.version=6,this.UNCHANGED={},this.trackingDerivation=null,this.trackingContext=null,this.runId=0,this.mobxGuid=0,this.inBatch=0,this.pendingUnobservations=[],this.pendingReactions=[],this.isRunningReactions=!1,this.allowStateChanges=!1,this.allowStateReads=!0,this.enforceActions=!0,this.spyListeners=[],this.globalReactionErrorHandlers=[],this.computedRequiresReaction=!1,this.reactionRequiresObservable=!1,this.observableRequiresReaction=!1,this.disableErrorBoundaries=!1,this.suppressReactionErrors=!1,this.useProxies=!0,this.verifyProxies=!1,this.safeDescriptors=!0},Ft=!0,Xt=!1,Jt=function(){var e=o();return e.__mobxInstanceCount>0&&!e.__mobxGlobals&&(Ft=!1),e.__mobxGlobals&&e.__mobxGlobals.version!==(new Wt).version&&(Ft=!1),Ft?e.__mobxGlobals?(e.__mobxInstanceCount+=1,e.__mobxGlobals.UNCHANGED||(e.__mobxGlobals.UNCHANGED={}),e.__mobxGlobals):(e.__mobxInstanceCount=1,e.__mobxGlobals=new Wt):(setTimeout(function(){Xt||r(35)},1),new Wt)}();function Yt(){if((Jt.pendingReactions.length||Jt.inBatch||Jt.isRunningReactions)&&r(36),Xt=!0,Ft){var e=o();0==--e.__mobxInstanceCount&&(e.__mobxGlobals=void 0),Jt=new Wt}}function $t(){return Jt}function Qt(){var e=new Wt;for(var t in e)-1===zt.indexOf(t)&&(Jt[t]=e[t]);Jt.allowStateChanges=!Jt.enforceActions}function Zt(e){return e.observers_&&e.observers_.size>0}function en(e){return e.observers_}function tn(e,t){e.observers_.add(t),e.lowestObserverState_>t.dependenciesState_&&(e.lowestObserverState_=t.dependenciesState_)}function nn(e,t){e.observers_.delete(t),0===e.observers_.size&&rn(e)}function rn(e){!1===e.isPendingUnobservation_&&(e.isPendingUnobservation_=!0,Jt.pendingUnobservations.push(e))}function on(){Jt.inBatch++}function an(){if(0==--Jt.inBatch){bn();for(var e=Jt.pendingUnobservations,t=0;t<e.length;t++){var n=e[t];n.isPendingUnobservation_=!1,0===n.observers_.size&&(n.isBeingObserved_&&(n.isBeingObserved_=!1,n.onBUO()),n instanceof Et&&n.suspend_())}Jt.pendingUnobservations=[]}}function sn(e){Vt(e);var t=Jt.trackingDerivation;return null!==t?(t.runId_!==e.lastAccessedBy_&&(e.lastAccessedBy_=t.runId_,t.newObserving_[t.unboundDepsCount_++]=e,!e.isBeingObserved_&&Jt.trackingContext&&(e.isBeingObserved_=!0,e.onBO())),e.isBeingObserved_):(0===e.observers_.size&&Jt.inBatch>0&&rn(e),!1)}function un(e){e.lowestObserverState_!==St.STALE_&&(e.lowestObserverState_=St.STALE_,e.observers_.forEach(function(e){e.dependenciesState_===St.UP_TO_DATE_&&e.onBecomeStale_(),e.dependenciesState_=St.STALE_}))}function cn(e){e.lowestObserverState_!==St.STALE_&&(e.lowestObserverState_=St.STALE_,e.observers_.forEach(function(t){t.dependenciesState_===St.POSSIBLY_STALE_?t.dependenciesState_=St.STALE_:t.dependenciesState_===St.UP_TO_DATE_&&(e.lowestObserverState_=St.UP_TO_DATE_)}))}function ln(e){e.lowestObserverState_===St.UP_TO_DATE_&&(e.lowestObserverState_=St.POSSIBLY_STALE_,e.observers_.forEach(function(e){e.dependenciesState_===St.UP_TO_DATE_&&(e.dependenciesState_=St.POSSIBLY_STALE_,e.onBecomeStale_())}))}function fn(e,t){if(console.log("[mobx.trace] '"+e.name_+"' is invalidated due to a change in: '"+t.name_+"'"),e.isTracing_===jt.BREAK){var n=[];hn(nr(e),n,1),new Function("debugger;\n/*\nTracing '"+e.name_+"'\n\nYou are entering this break point because derivation '"+e.name_+"' is being traced and '"+t.name_+"' is now forcing it to update.\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\n\n"+(e instanceof Et?e.derivation.toString().replace(/[*]\//g,"/"):"")+"\n\nThe dependencies for this derivation are:\n\n"+n.join("\n")+"\n*/\n    ")()}}function hn(e,t,n){t.length>=1e3?t.push("(and many more)"):(t.push(""+"\t".repeat(n-1)+e.name),e.dependencies&&e.dependencies.forEach(function(e){return hn(e,t,n+1)}))}var vn=function(){function e(e,t,n,r){void 0===e&&(e="Reaction"),this.name_=void 0,this.onInvalidate_=void 0,this.errorHandler_=void 0,this.requiresObservable_=void 0,this.observing_=[],this.newObserving_=[],this.dependenciesState_=St.NOT_TRACKING_,this.diffValue_=0,this.runId_=0,this.unboundDepsCount_=0,this.isDisposed_=!1,this.isScheduled_=!1,this.isTrackPending_=!1,this.isRunning_=!1,this.isTracing_=jt.NONE,this.name_=e,this.onInvalidate_=t,this.errorHandler_=n,this.requiresObservable_=r}var t=e.prototype;return t.onBecomeStale_=function(){this.schedule_()},t.schedule_=function(){this.isScheduled_||(this.isScheduled_=!0,Jt.pendingReactions.push(this),bn())},t.isScheduled=function(){return this.isScheduled_},t.runReaction_=function(){if(!this.isDisposed_){on(),this.isScheduled_=!1;var e=Jt.trackingContext;if(Jt.trackingContext=this,Ct(this)){this.isTrackPending_=!0;try{this.onInvalidate_()}catch(t){this.reportExceptionInDerivation_(t)}}Jt.trackingContext=e,an()}},t.track=function(e){if(!this.isDisposed_){on();On();0,this.isRunning_=!0;var t=Jt.trackingContext;Jt.trackingContext=this;var n=Dt(this,e,void 0);Jt.trackingContext=t,this.isRunning_=!1,this.isTrackPending_=!1,this.isDisposed_&&Mt(this),Tt(n)&&this.reportExceptionInDerivation_(n.cause),an()}},t.reportExceptionInDerivation_=function(e){var t=this;if(this.errorHandler_)this.errorHandler_(e,this);else{if(Jt.disableErrorBoundaries)throw e;var n="[mobx] uncaught error in '"+this+"'";Jt.suppressReactionErrors||console.error(n,e),Jt.globalReactionErrorHandlers.forEach(function(n){return n(e,t)})}},t.dispose=function(){this.isDisposed_||(this.isDisposed_=!0,this.isRunning_||(on(),Mt(this),an()))},t.getDisposer_=function(){var e=this.dispose.bind(this);return e[Q]=this,e},t.toString=function(){return"Reaction["+this.name_+"]"},t.trace=function(e){void 0===e&&(e=!1),Kr(this,e)},e}();function dn(e){return Jt.globalReactionErrorHandlers.push(e),function(){var t=Jt.globalReactionErrorHandlers.indexOf(e);t>=0&&Jt.globalReactionErrorHandlers.splice(t,1)}}exports.Reaction=vn;var _n=100,pn=function(e){return e()};function bn(){Jt.inBatch>0||Jt.isRunningReactions||pn(yn)}function yn(){Jt.isRunningReactions=!0;for(var e=Jt.pendingReactions,t=0;e.length>0;){++t===_n&&(console.error("[mobx] cycle in reaction: "+e[0]),e.splice(0));for(var n=e.splice(0),r=0,i=n.length;r<i;r++)n[r].runReaction_()}Jt.isRunningReactions=!1}var gn=j("Reaction",vn);function mn(e){var t=pn;pn=function(n){return e(function(){return t(n)})}}function On(){return!1}function xn(e){}function wn(e){}var An={type:"report-end",spyReportEnd:!0};function Sn(e){}function jn(e){return console.warn("[mobx.spy] Is a no-op in production builds"),function(){}}var En="action",kn="action.bound",Pn="autoAction",Tn="autoAction.bound",Cn="<unnamed action>",Rn=pe(En),Nn=pe(kn,{bound:!0}),Vn=pe(Pn,{autoAction:!0}),Dn=pe(Tn,{autoAction:!0,bound:!0});function Bn(e){return function(t,n){return g(t)?dt(t.name||Cn,t,e):g(n)?dt(t,n,e):m(n)?J(t,n,e?Vn:Rn):m(t)?X(pe(e?Pn:En,{name:t,autoAction:e})):void 0}}var Ln=Bn(!1);exports.action=Ln,Object.assign(Ln,Rn);var Mn=Bn(!0);function In(e){return _t(e.name||Cn,!1,e,this,void 0)}function Un(e){return g(e)&&!0===e.isMobxAction}function Kn(e,t){var n,r;void 0===t&&(t=f);var i,o=null!=(n=null==(r=t)?void 0:r.name)?n:"Autorun";if(!t.scheduler&&!t.delay)i=new vn(o,function(){this.track(u)},t.onError,t.requiresObservable);else{var a=qn(t),s=!1;i=new vn(o,function(){s||(s=!0,a(function(){s=!1,i.isDisposed_||i.track(u)}))},t.onError,t.requiresObservable)}function u(){e(i)}return i.schedule_(),i.getDisposer_()}exports._autoAction=Mn,Object.assign(Mn,Vn),Ln.bound=X(Nn),Mn.bound=X(Dn);var Gn=function(e){return e()};function qn(e){return e.scheduler?e.scheduler:e.delay?function(t){return setTimeout(t,e.delay)}:Gn}function Hn(e,t,n){var r;void 0===n&&(n=f);var i,o,a=null!=(r=n.name)?r:"Reaction",s=Ln(a,n.onError?zn(n.onError,t):t),u=!n.scheduler&&!n.delay,c=qn(n),l=!0,h=!1,v=n.compareStructural?ae.structural:n.equals||ae.default,d=new vn(a,function(){l||u?_():h||(h=!0,c(_))},n.onError,n.requiresObservable);function _(){if(h=!1,!d.isDisposed_){var t=!1;d.track(function(){var n=yt(!1,function(){return e(d)});t=l||!v(i,n),o=i,i=n}),l&&n.fireImmediately?s(i,o,d):!l&&t&&s(i,o,d),l=!1}}return d.schedule_(),d.getDisposer_()}function zn(e,t){return function(){try{return t.apply(this,arguments)}catch(n){e.call(this,n)}}}var Wn="onBO",Fn="onBUO";function Xn(e,t,n){return Yn(Wn,e,t,n)}function Jn(e,t,n){return Yn(Fn,e,t,n)}function Yn(e,t,n,r){var i="function"==typeof r?Ji(t,n):Ji(t),o=g(r)?r:n,a=e+"L";return i[a]?i[a].add(o):i[a]=new Set([o]),function(){var e=i[a];e&&(e.delete(o),0===e.size&&delete i[a])}}var $n="never",Qn="always",Zn="observed";function er(e){!0===e.isolateGlobalState&&Yt();var t=e.useProxies,n=e.enforceActions;if(void 0!==t&&(Jt.useProxies=t===Qn||t!==$n&&"undefined"!=typeof Proxy),"ifavailable"===t&&(Jt.verifyProxies=!0),void 0!==n){var r=n===Qn?Qn:n===Zn;Jt.enforceActions=r,Jt.allowStateChanges=!0!==r&&r!==Qn}["computedRequiresReaction","reactionRequiresObservable","observableRequiresReaction","disableErrorBoundaries","safeDescriptors"].forEach(function(t){t in e&&(Jt[t]=!!e[t])}),Jt.allowStateReads=!Jt.observableRequiresReaction,e.reactionScheduler&&mn(e.reactionScheduler)}function tr(e,t,n,r){var i=D(t),o=Vi(e,r)[Q];on();try{C(i).forEach(function(e){o.extend_(e,i[e],!n||(!(e in n)||n[e]))})}finally{an()}return e}function nr(e,t){return rr(Ji(e,t))}function rr(e){var t={name:e.name_};return e.observing_&&e.observing_.length>0&&(t.dependencies=ar(e.observing_).map(rr)),t}function ir(e,t){return or(Ji(e,t))}function or(e){var t={name:e.name_};return Zt(e)&&(t.observers=Array.from(en(e)).map(or)),t}function ar(e){return Array.from(new Set(e))}var sr=0;function ur(){this.message="FLOW_CANCELLED"}function cr(e){return e instanceof ur}ur.prototype=Object.create(Error.prototype);var lr=Oe("flow"),fr=Oe("flow.bound",{bound:!0}),hr=Object.assign(function(e,t){if(m(t))return J(e,t,lr);var n=e,r=n.name||"<unnamed flow>",i=function(){var e,t=arguments,i=++sr,o=Ln(r+" - runid: "+i+" - init",n).apply(this,t),a=void 0,s=new Promise(function(t,n){var s=0;function u(e){var t;a=void 0;try{t=Ln(r+" - runid: "+i+" - yield "+s++,o.next).call(o,e)}catch(u){return n(u)}l(t)}function c(e){var t;a=void 0;try{t=Ln(r+" - runid: "+i+" - yield "+s++,o.throw).call(o,e)}catch(u){return n(u)}l(t)}function l(e){if(!g(null==e?void 0:e.then))return e.done?t(e.value):(a=Promise.resolve(e.value)).then(u,c);e.then(l,n)}e=n,u(void 0)});return s.cancel=Ln(r+" - runid: "+i+" - cancel",function(){try{a&&vr(a);var t=o.return(void 0),n=Promise.resolve(t.value);n.then(y,y),vr(n),e(new ur)}catch(r){e(r)}}),s};return i.isMobXFlow=!0,i},lr);function vr(e){g(e.cancel)&&e.cancel()}function dr(e){return e}function _r(e){return!0===(null==e?void 0:e.isMobXFlow)}function pr(e,t,n){var r;return ji(e)||gi(e)||At(e)?r=Yi(e):Li(e)&&(r=Yi(e,t)),r.dehancer="function"==typeof t?t:n,function(){r.dehancer=void 0}}function br(e,t,n){return g(n)?gr(e,t,n):yr(e,t)}function yr(e,t){return Yi(e).intercept_(t)}function gr(e,t,n){return Yi(e,t).intercept_(n)}function mr(e,t){if(void 0===t)return kt(e);if(!1===Li(e))return!1;if(!e[Q].values_.has(t))return!1;var n=Ji(e,t);return kt(n)}function Or(e){return mr(e)}function xr(e,t){return mr(e,t)}function wr(e,t){return!!e&&(void 0!==t?!!Li(e)&&e[Q].values_.has(t):Li(e)||!!e[Q]||ee(e)||gn(e)||kt(e))}function Ar(e){return wr(e)}function Sr(e,t){return wr(e,t)}function jr(e){return Li(e)?e[Q].keys_():ji(e)||Ti(e)?Array.from(e.keys()):gi(e)?e.map(function(e,t){return t}):void r(5)}function Er(e){return Li(e)?jr(e).map(function(t){return e[t]}):ji(e)?jr(e).map(function(t){return e.get(t)}):Ti(e)?Array.from(e.values()):gi(e)?e.slice():void r(6)}function kr(e){return Li(e)?jr(e).map(function(t){return[t,e[t]]}):ji(e)?jr(e).map(function(t){return[t,e.get(t)]}):Ti(e)?Array.from(e.entries()):gi(e)?e.map(function(e,t){return[t,e]}):void r(7)}function Pr(e,t,n){if(2!==arguments.length||Ti(e))Li(e)?e[Q].set_(t,n):ji(e)?e.set(t,n):Ti(e)?e.add(t):gi(e)?("number"!=typeof t&&(t=parseInt(t,10)),t<0&&r("Invalid index: '"+t+"'"),on(),t>=e.length&&(e.length=t+1),e[t]=n,an()):r(8);else{on();var i=t;try{for(var o in i)Pr(e,o,i[o])}finally{an()}}}function Tr(e,t){Li(e)?e[Q].delete_(t):ji(e)?e.delete(t):Ti(e)?e.delete(t):gi(e)?("number"!=typeof t&&(t=parseInt(t,10)),e.splice(t,1)):r(9)}function Cr(e,t){return Li(e)?e[Q].has_(t):ji(e)?e.has(t):Ti(e)?e.has(t):gi(e)?t>=0&&t<e.length:void r(10)}function Rr(e,t){if(Cr(e,t))return Li(e)?e[Q].get_(t):ji(e)?e.get(t):gi(e)?e[t]:void r(11)}function Nr(e,t,n){if(Li(e))return e[Q].defineProperty_(t,n);r(39)}function Vr(e){if(Li(e))return e[Q].ownKeys_();r(38)}function Dr(e,t,n,r){return g(n)?Lr(e,t,n,r):Br(e,t,n)}function Br(e,t,n){return Yi(e).observe_(t,n)}function Lr(e,t,n,r){return Yi(e,t).observe_(n,r)}function Mr(e,t,n){return e.set(t,n),n}function Ir(e,t){if(null==e||"object"!=typeof e||e instanceof Date||!Ar(e))return e;if(At(e)||kt(e))return Ir(e.get(),t);if(t.has(e))return t.get(e);if(gi(e)){var n=Mr(t,e,new Array(e.length));return e.forEach(function(e,r){n[r]=Ir(e,t)}),n}if(Ti(e)){var r=Mr(t,e,new Set);return e.forEach(function(e){r.add(Ir(e,t))}),r}if(ji(e)){var i=Mr(t,e,new Map);return e.forEach(function(e,n){i.set(n,Ir(e,t))}),i}var o=Mr(t,e,{});return Vr(e).forEach(function(n){c.propertyIsEnumerable.call(e,n)&&(o[n]=Ir(e[n],t))}),o}function Ur(e,t){return Ir(e,new Map)}function Kr(){r("trace() is not available in production builds");for(var e=!1,t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];"boolean"==typeof n[n.length-1]&&(e=n.pop());var o=Gr(n);if(!o)return r("'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly");o.isTracing_===jt.NONE&&console.log("[mobx.trace] '"+o.name_+"' tracing enabled"),o.isTracing_=e?jt.BREAK:jt.LOG}function Gr(e){switch(e.length){case 0:return Jt.trackingDerivation;case 1:return Ji(e[0]);case 2:return Ji(e[0],e[1])}}function qr(e,t){void 0===t&&(t=void 0),on();try{return e.apply(t)}finally{an()}}function Hr(e,t,n){return 1===arguments.length||t&&"object"==typeof t?Wr(e,t):zr(e,t,n||{})}function zr(e,t,n){var r;if("number"==typeof n.timeout){var i=new Error("WHEN_TIMEOUT");r=setTimeout(function(){if(!a[Q].isDisposed_){if(a(),!n.onError)throw i;n.onError(i)}},n.timeout)}n.name="When";var o=dt("When-effect",t),a=Kn(function(t){yt(!1,e)&&(t.dispose(),r&&clearTimeout(r),o())},n);return a}function Wr(e,t){var n,r,i;if(null!=t&&null!=(n=t.signal)&&n.aborted)return Object.assign(Promise.reject(new Error("WHEN_ABORTED")),{cancel:function(){return null}});var o=new Promise(function(n,o){var a,s=zr(e,n,M({},t,{onError:o}));r=function(){s(),o(new Error("WHEN_CANCELLED"))},i=function(){s(),o(new Error("WHEN_ABORTED"))},null==t||null==(a=t.signal)||null==a.addEventListener||a.addEventListener("abort",i)}).finally(function(){var e;return null==t?void 0:null==(e=t.signal)?void 0:null==e.removeEventListener?void 0:e.removeEventListener("abort",i)});return o.cancel=r,o}function Fr(e){return e[Q]}exports.flow=hr,hr.bound=X(fr);var Xr={has:function(e,t){return Fr(e).has_(t)},get:function(e,t){return Fr(e).get_(t)},set:function(e,t,n){var r;return!!m(t)&&(null==(r=Fr(e).set_(t,n,!0))||r)},deleteProperty:function(e,t){var n;return!!m(t)&&(null==(n=Fr(e).delete_(t,!0))||n)},defineProperty:function(e,t,n){var r;return null==(r=Fr(e).defineProperty_(t,n))||r},ownKeys:function(e){return Fr(e).ownKeys_()},preventExtensions:function(e){r(13)}};function Jr(e,t){var n,r;return d(),null!=(r=(n=(e=Vi(e,t))[Q]).proxy_)?r:n.proxy_=new Proxy(e,Xr)}function Yr(e){return void 0!==e.interceptors_&&e.interceptors_.length>0}function $r(e,t){var n=e.interceptors_||(e.interceptors_=[]);return n.push(t),b(function(){var e=n.indexOf(t);-1!==e&&n.splice(e,1)})}function Qr(e,t){var n=Ut();try{for(var i=[].concat(e.interceptors_||[]),o=0,a=i.length;o<a&&((t=i[o](t))&&!t.type&&r(14),t);o++);return t}finally{Kt(n)}}function Zr(e){return void 0!==e.changeListeners_&&e.changeListeners_.length>0}function ei(e,t){var n=e.changeListeners_||(e.changeListeners_=[]);return n.push(t),b(function(){var e=n.indexOf(t);-1!==e&&n.splice(e,1)})}function ti(e,t){var n=Ut(),r=e.changeListeners_;if(r){for(var i=0,o=(r=r.slice()).length;i<o;i++)r[i](t);Kt(n)}}function ni(e,t,n){var r=Vi(e,n)[Q];on();try{0,null!=t||(t=$(e)),C(t).forEach(function(e){return r.make_(e,t[e])})}finally{an()}return e}var ri=Symbol("mobx-keys");function ii(e,t,n){if(x(e))return tr(e,e,t,n);var r=Vi(e,n)[Q];if(!e[ri]){var i=Object.getPrototypeOf(e),o=new Set([].concat(C(e),C(i)));o.delete("constructor"),o.delete(Q),A(i,ri,o)}on();try{e[ri].forEach(function(e){return r.make_(e,!t||(!(e in t)||t[e]))})}finally{an()}return e}var oi="splice",ai="update",si=1e4,ui={get:function(e,t){var n=e[Q];return t===Q?n:"length"===t?n.getArrayLength_():"string"!=typeof t||isNaN(t)?V(fi,t)?fi[t]:e[t]:n.get_(parseInt(t))},set:function(e,t,n){var r=e[Q];return"length"===t&&r.setArrayLength_(n),"symbol"==typeof t||isNaN(t)?e[t]=n:r.set_(parseInt(t),n),!0},preventExtensions:function(){r(15)}},ci=function(){function e(e,t,n,r){void 0===e&&(e="ObservableArray"),this.owned_=void 0,this.legacyMode_=void 0,this.atom_=void 0,this.values_=[],this.interceptors_=void 0,this.changeListeners_=void 0,this.enhancer_=void 0,this.dehancer=void 0,this.proxy_=void 0,this.lastKnownLength_=0,this.owned_=n,this.legacyMode_=r,this.atom_=new Z(e),this.enhancer_=function(e,n){return t(e,n,"ObservableArray[..]")}}var t=e.prototype;return t.dehanceValue_=function(e){return void 0!==this.dehancer?this.dehancer(e):e},t.dehanceValues_=function(e){return void 0!==this.dehancer&&e.length>0?e.map(this.dehancer):e},t.intercept_=function(e){return $r(this,e)},t.observe_=function(e,t){return void 0===t&&(t=!1),t&&e({observableKind:"array",object:this.proxy_,debugObjectName:this.atom_.name_,type:"splice",index:0,added:this.values_.slice(),addedCount:this.values_.length,removed:[],removedCount:0}),ei(this,e)},t.getArrayLength_=function(){return this.atom_.reportObserved(),this.values_.length},t.setArrayLength_=function(e){("number"!=typeof e||isNaN(e)||e<0)&&r("Out of range: "+e);var t=this.values_.length;if(e!==t)if(e>t){for(var n=new Array(e-t),i=0;i<e-t;i++)n[i]=void 0;this.spliceWithArray_(t,0,n)}else this.spliceWithArray_(e,t-e)},t.updateArrayLength_=function(e,t){e!==this.lastKnownLength_&&r(16),this.lastKnownLength_+=t,this.legacyMode_&&t>0&&Fi(e+t+1)},t.spliceWithArray_=function(e,t,n){var r=this;Nt(this.atom_);var i=this.values_.length;if(void 0===e?e=0:e>i?e=i:e<0&&(e=Math.max(0,i+e)),t=1===arguments.length?i-e:null==t?0:Math.max(0,Math.min(t,i-e)),void 0===n&&(n=l),Yr(this)){var o=Qr(this,{object:this.proxy_,type:oi,index:e,removedCount:t,added:n});if(!o)return l;t=o.removedCount,n=o.added}if(n=0===n.length?n:n.map(function(e){return r.enhancer_(e,void 0)}),this.legacyMode_){var a=n.length-t;this.updateArrayLength_(i,a)}var s=this.spliceItemsIntoValues_(e,t,n);return 0===t&&0===n.length||this.notifyArraySplice_(e,n,s),this.dehanceValues_(s)},t.spliceItemsIntoValues_=function(e,t,n){var r;if(n.length<si)return(r=this.values_).splice.apply(r,[e,t].concat(n));var i=this.values_.slice(e,e+t),o=this.values_.slice(e+t);this.values_.length+=n.length-t;for(var a=0;a<n.length;a++)this.values_[e+a]=n[a];for(var s=0;s<o.length;s++)this.values_[e+n.length+s]=o[s];return i},t.notifyArrayChildUpdate_=function(e,t,n){var r=!this.owned_&&On(),i=Zr(this),o=i||r?{observableKind:"array",object:this.proxy_,type:ai,debugObjectName:this.atom_.name_,index:e,newValue:t,oldValue:n}:null;this.atom_.reportChanged(),i&&ti(this,o)},t.notifyArraySplice_=function(e,t,n){var r=!this.owned_&&On(),i=Zr(this),o=i||r?{observableKind:"array",object:this.proxy_,debugObjectName:this.atom_.name_,type:oi,index:e,removed:n,added:t,removedCount:n.length,addedCount:t.length}:null;this.atom_.reportChanged(),i&&ti(this,o)},t.get_=function(e){if(!(this.legacyMode_&&e>=this.values_.length))return this.atom_.reportObserved(),this.dehanceValue_(this.values_[e]);console.warn("[mobx] Out of bounds read: "+e)},t.set_=function(e,t){var n=this.values_;if(this.legacyMode_&&e>n.length&&r(17,e,n.length),e<n.length){Nt(this.atom_);var i=n[e];if(Yr(this)){var o=Qr(this,{type:ai,object:this.proxy_,index:e,newValue:t});if(!o)return;t=o.newValue}(t=this.enhancer_(t,i))!==i&&(n[e]=t,this.notifyArrayChildUpdate_(e,t,i))}else{for(var a=new Array(e+1-n.length),s=0;s<a.length-1;s++)a[s]=void 0;a[a.length-1]=t,this.spliceWithArray_(n.length,0,a)}},e}();function li(e,t,n,r){void 0===n&&(n="ObservableArray"),void 0===r&&(r=!1),d();var i=new ci(n,t,r,!1);S(i.values_,Q,i);var o=new Proxy(i.values_,ui);if(i.proxy_=o,e&&e.length){var a=gt(!0);i.spliceWithArray_(0,0,e),mt(a)}return o}var fi={clear:function(){return this.splice(0)},replace:function(e){var t=this[Q];return t.spliceWithArray_(0,t.values_.length,e)},toJSON:function(){return this.slice()},splice:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];var o=this[Q];switch(arguments.length){case 0:return[];case 1:return o.spliceWithArray_(e);case 2:return o.spliceWithArray_(e,t)}return o.spliceWithArray_(e,t,r)},spliceWithArray:function(e,t,n){return this[Q].spliceWithArray_(e,t,n)},push:function(){for(var e=this[Q],t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return e.spliceWithArray_(e.values_.length,0,n),e.values_.length},pop:function(){return this.splice(Math.max(this[Q].values_.length-1,0),1)[0]},shift:function(){return this.splice(0,1)[0]},unshift:function(){for(var e=this[Q],t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return e.spliceWithArray_(0,0,n),e.values_.length},reverse:function(){return Jt.trackingDerivation&&r(37,"reverse"),this.replace(this.slice().reverse()),this},sort:function(){Jt.trackingDerivation&&r(37,"sort");var e=this.slice();return e.sort.apply(e,arguments),this.replace(e),this},remove:function(e){var t=this[Q],n=t.dehanceValues_(t.values_).indexOf(e);return n>-1&&(this.splice(n,1),!0)}};function hi(e,t){"function"==typeof Array.prototype[e]&&(fi[e]=t(e))}function vi(e){return function(){var t=this[Q];t.atom_.reportObserved();var n=t.dehanceValues_(t.values_);return n[e].apply(n,arguments)}}function di(e){return function(t,n){var r=this,i=this[Q];return i.atom_.reportObserved(),i.dehanceValues_(i.values_)[e](function(e,i){return t.call(n,e,i,r)})}}function _i(e){return function(){var t=this,n=this[Q];n.atom_.reportObserved();var r=n.dehanceValues_(n.values_),i=arguments[0];return arguments[0]=function(e,n,r){return i(e,n,r,t)},r[e].apply(r,arguments)}}hi("concat",vi),hi("flat",vi),hi("includes",vi),hi("indexOf",vi),hi("join",vi),hi("lastIndexOf",vi),hi("slice",vi),hi("toString",vi),hi("toLocaleString",vi),hi("every",di),hi("filter",di),hi("find",di),hi("findIndex",di),hi("flatMap",di),hi("forEach",di),hi("map",di),hi("some",di),hi("reduce",_i),hi("reduceRight",_i);var pi,bi,yi=j("ObservableArrayAdministration",ci);function gi(e){return O(e)&&yi(e[Q])}var mi={},Oi="add",xi="delete";pi=Symbol.iterator,bi=Symbol.toStringTag;var wi=function(){function e(e,t,n){var i=this;void 0===t&&(t=se),void 0===n&&(n="ObservableMap"),this.enhancer_=void 0,this.name_=void 0,this[Q]=mi,this.data_=void 0,this.hasMap_=void 0,this.keysAtom_=void 0,this.interceptors_=void 0,this.changeListeners_=void 0,this.dehancer=void 0,this.enhancer_=t,this.name_=n,g(Map)||r(18),this.keysAtom_=te("ObservableMap.keys()"),this.data_=new Map,this.hasMap_=new Map,yt(!0,function(){i.merge(e)})}var t=e.prototype;return t.has_=function(e){return this.data_.has(e)},t.has=function(e){var t=this;if(!Jt.trackingDerivation)return this.has_(e);var n=this.hasMap_.get(e);if(!n){var r=n=new wt(this.has_(e),ce,"ObservableMap.key?",!1);this.hasMap_.set(e,r),Jn(r,function(){return t.hasMap_.delete(e)})}return n.get()},t.set=function(e,t){var n=this.has_(e);if(Yr(this)){var r=Qr(this,{type:n?ai:Oi,object:this,newValue:t,name:e});if(!r)return this;t=r.newValue}return n?this.updateValue_(e,t):this.addValue_(e,t),this},t.delete=function(e){var t=this;if((Nt(this.keysAtom_),Yr(this))&&!Qr(this,{type:xi,object:this,name:e}))return!1;if(this.has_(e)){var n=On(),r=Zr(this),i=r||n?{observableKind:"map",debugObjectName:this.name_,type:xi,object:this,oldValue:this.data_.get(e).value_,name:e}:null;return qr(function(){var n;t.keysAtom_.reportChanged(),null==(n=t.hasMap_.get(e))||n.setNewValue_(!1),t.data_.get(e).setNewValue_(void 0),t.data_.delete(e)}),r&&ti(this,i),!0}return!1},t.updateValue_=function(e,t){var n=this.data_.get(e);if((t=n.prepareNewValue_(t))!==Jt.UNCHANGED){var r=On(),i=Zr(this),o=i||r?{observableKind:"map",debugObjectName:this.name_,type:ai,object:this,oldValue:n.value_,name:e,newValue:t}:null;0,n.setNewValue_(t),i&&ti(this,o)}},t.addValue_=function(e,t){var n=this;Nt(this.keysAtom_),qr(function(){var r,i=new wt(t,n.enhancer_,"ObservableMap.key",!1);n.data_.set(e,i),t=i.value_,null==(r=n.hasMap_.get(e))||r.setNewValue_(!0),n.keysAtom_.reportChanged()});var r=On(),i=Zr(this),o=i||r?{observableKind:"map",debugObjectName:this.name_,type:Oi,object:this,name:e,newValue:t}:null;i&&ti(this,o)},t.get=function(e){return this.has(e)?this.dehanceValue_(this.data_.get(e).get()):this.dehanceValue_(void 0)},t.dehanceValue_=function(e){return void 0!==this.dehancer?this.dehancer(e):e},t.keys=function(){return this.keysAtom_.reportObserved(),this.data_.keys()},t.values=function(){var e=this,t=this.keys();return no({next:function(){var n=t.next(),r=n.done,i=n.value;return{done:r,value:r?void 0:e.get(i)}}})},t.entries=function(){var e=this,t=this.keys();return no({next:function(){var n=t.next(),r=n.done,i=n.value;return{done:r,value:r?void 0:[i,e.get(i)]}}})},t[pi]=function(){return this.entries()},t.forEach=function(e,t){for(var n,r=H(this);!(n=r()).done;){var i=n.value,o=i[0],a=i[1];e.call(t,a,o,this)}},t.merge=function(e){var t=this;return ji(e)&&(e=new Map(e)),qr(function(){x(e)?T(e).forEach(function(n){return t.set(n,e[n])}):Array.isArray(e)?e.forEach(function(e){var n=e[0],r=e[1];return t.set(n,r)}):E(e)?(e.constructor!==Map&&r(19,e),e.forEach(function(e,n){return t.set(n,e)})):null!=e&&r(20,e)}),this},t.clear=function(){var e=this;qr(function(){It(function(){for(var t,n=H(e.keys());!(t=n()).done;){var r=t.value;e.delete(r)}})})},t.replace=function(e){var t=this;return qr(function(){for(var n,r=Ei(e),i=new Map,o=!1,a=H(t.data_.keys());!(n=a()).done;){var s=n.value;if(!r.has(s))if(t.delete(s))o=!0;else{var u=t.data_.get(s);i.set(s,u)}}for(var c,l=H(r.entries());!(c=l()).done;){var f=c.value,h=f[0],v=f[1],d=t.data_.has(h);if(t.set(h,v),t.data_.has(h)){var _=t.data_.get(h);i.set(h,_),d||(o=!0)}}if(!o)if(t.data_.size!==i.size)t.keysAtom_.reportChanged();else for(var p=t.data_.keys(),b=i.keys(),y=p.next(),g=b.next();!y.done;){if(y.value!==g.value){t.keysAtom_.reportChanged();break}y=p.next(),g=b.next()}t.data_=i}),this},t.toString=function(){return"[object ObservableMap]"},t.toJSON=function(){return Array.from(this)},t.observe_=function(e,t){return ei(this,e)},t.intercept_=function(e){return $r(this,e)},L(e,[{key:"size",get:function(){return this.keysAtom_.reportObserved(),this.data_.size}},{key:bi,get:function(){return"Map"}}]),e}();exports.ObservableMap=wi;var Ai,Si,ji=j("ObservableMap",wi);function Ei(e){if(E(e)||ji(e))return e;if(Array.isArray(e))return new Map(e);if(x(e)){var t=new Map;for(var n in e)t.set(n,e[n]);return t}return r(21,e)}exports.isObservableMap=ji;var ki={};Ai=Symbol.iterator,Si=Symbol.toStringTag;var Pi=function(){function e(e,t,n){void 0===t&&(t=se),void 0===n&&(n="ObservableSet"),this.name_=void 0,this[Q]=ki,this.data_=new Set,this.atom_=void 0,this.changeListeners_=void 0,this.interceptors_=void 0,this.dehancer=void 0,this.enhancer_=void 0,this.name_=n,g(Set)||r(22),this.atom_=te(this.name_),this.enhancer_=function(e,r){return t(e,r,n)},e&&this.replace(e)}var t=e.prototype;return t.dehanceValue_=function(e){return void 0!==this.dehancer?this.dehancer(e):e},t.clear=function(){var e=this;qr(function(){It(function(){for(var t,n=H(e.data_.values());!(t=n()).done;){var r=t.value;e.delete(r)}})})},t.forEach=function(e,t){for(var n,r=H(this);!(n=r()).done;){var i=n.value;e.call(t,i,i,this)}},t.add=function(e){var t=this;if((Nt(this.atom_),Yr(this))&&!Qr(this,{type:Oi,object:this,newValue:e}))return this;if(!this.has(e)){qr(function(){t.data_.add(t.enhancer_(e,void 0)),t.atom_.reportChanged()});var n=Zr(this),r=n?{observableKind:"set",debugObjectName:this.name_,type:Oi,object:this,newValue:e}:null;0,n&&ti(this,r)}return this},t.delete=function(e){var t=this;if(Yr(this)&&!Qr(this,{type:xi,object:this,oldValue:e}))return!1;if(this.has(e)){var n=Zr(this),r=n?{observableKind:"set",debugObjectName:this.name_,type:xi,object:this,oldValue:e}:null;return qr(function(){t.atom_.reportChanged(),t.data_.delete(e)}),n&&ti(this,r),!0}return!1},t.has=function(e){return this.atom_.reportObserved(),this.data_.has(this.dehanceValue_(e))},t.entries=function(){var e=0,t=Array.from(this.keys()),n=Array.from(this.values());return no({next:function(){var r=e;return e+=1,r<n.length?{value:[t[r],n[r]],done:!1}:{done:!0}}})},t.keys=function(){return this.values()},t.values=function(){this.atom_.reportObserved();var e=this,t=0,n=Array.from(this.data_.values());return no({next:function(){return t<n.length?{value:e.dehanceValue_(n[t++]),done:!1}:{done:!0}}})},t.replace=function(e){var t=this;return Ti(e)&&(e=new Set(e)),qr(function(){Array.isArray(e)?(t.clear(),e.forEach(function(e){return t.add(e)})):k(e)?(t.clear(),e.forEach(function(e){return t.add(e)})):null!=e&&r("Cannot initialize set from "+e)}),this},t.observe_=function(e,t){return ei(this,e)},t.intercept_=function(e){return $r(this,e)},t.toJSON=function(){return Array.from(this)},t.toString=function(){return"[object ObservableSet]"},t[Ai]=function(){return this.values()},L(e,[{key:"size",get:function(){return this.atom_.reportObserved(),this.data_.size}},{key:Si,get:function(){return"Set"}}]),e}();exports.ObservableSet=Pi;var Ti=j("ObservableSet",Pi);exports.isObservableSet=Ti;var Ci=Object.create(null),Ri="remove",Ni=function(){function e(e,t,n,r){void 0===t&&(t=new Map),void 0===r&&(r=De),this.target_=void 0,this.values_=void 0,this.name_=void 0,this.defaultAnnotation_=void 0,this.keysAtom_=void 0,this.changeListeners_=void 0,this.interceptors_=void 0,this.proxy_=void 0,this.isPlainObject_=void 0,this.appliedAnnotations_=void 0,this.pendingKeys_=void 0,this.target_=e,this.values_=t,this.name_=n,this.defaultAnnotation_=r,this.keysAtom_=new Z("ObservableObject.keys"),this.isPlainObject_=x(this.target_)}var t=e.prototype;return t.getObservablePropValue_=function(e){return this.values_.get(e).get()},t.setObservablePropValue_=function(e,t){var n=this.values_.get(e);if(n instanceof Et)return n.set(t),!0;if(Yr(this)){var r=Qr(this,{type:ai,object:this.proxy_||this.target_,name:e,newValue:t});if(!r)return null;t=r.newValue}if((t=n.prepareNewValue_(t))!==Jt.UNCHANGED){var i=Zr(this),o=i?{type:ai,observableKind:"object",debugObjectName:this.name_,object:this.proxy_||this.target_,oldValue:n.value_,name:e,newValue:t}:null;0,n.setNewValue_(t),i&&ti(this,o)}return!0},t.get_=function(e){return Jt.trackingDerivation&&!V(this.target_,e)&&this.has_(e),this.target_[e]},t.set_=function(e,t,n){return void 0===n&&(n=!1),V(this.target_,e)?this.values_.has(e)?this.setObservablePropValue_(e,t):n?Reflect.set(this.target_,e,t):(this.target_[e]=t,!0):this.extend_(e,{value:t,enumerable:!0,writable:!0,configurable:!0},this.defaultAnnotation_,n)},t.has_=function(e){if(!Jt.trackingDerivation)return e in this.target_;this.pendingKeys_||(this.pendingKeys_=new Map);var t=this.pendingKeys_.get(e);return t||(t=new wt(e in this.target_,ce,"ObservableObject.key?",!1),this.pendingKeys_.set(e,t)),t.get()},t.make_=function(e,t){if(!0===t&&(t=this.defaultAnnotation_),!1!==t){if(Ii(this,t,e),!(e in this.target_)){var n;if(null!=(n=this.target_[F])&&n[e])return;r(1,t.annotationType_,this.name_+"."+e.toString())}for(var i=this.target_;i&&i!==c;){var o=s(i,e);if(o){var a=t.make_(this,e,o,i);if(0===a)return;if(1===a)break}i=Object.getPrototypeOf(i)}Mi(this,t,e)}},t.extend_=function(e,t,n,r){if(void 0===r&&(r=!1),!0===n&&(n=this.defaultAnnotation_),!1===n)return this.defineProperty_(e,t,r);Ii(this,n,e);var i=n.extend_(this,e,t,r);return i&&Mi(this,n,e),i},t.defineProperty_=function(e,t,n){void 0===n&&(n=!1);try{on();var r=this.delete_(e);if(!r)return r;if(Yr(this)){var i=Qr(this,{object:this.proxy_||this.target_,name:e,type:Oi,newValue:t.value});if(!i)return null;var o=i.newValue;t.value!==o&&(t=M({},t,{value:o}))}if(n){if(!Reflect.defineProperty(this.target_,e,t))return!1}else u(this.target_,e,t);this.notifyPropertyAddition_(e,t.value)}finally{an()}return!0},t.defineObservableProperty_=function(e,t,n,r){void 0===r&&(r=!1);try{on();var i=this.delete_(e);if(!i)return i;if(Yr(this)){var o=Qr(this,{object:this.proxy_||this.target_,name:e,type:Oi,newValue:t});if(!o)return null;t=o.newValue}var a=Bi(e),s={configurable:!Jt.safeDescriptors||this.isPlainObject_,enumerable:!0,get:a.get,set:a.set};if(r){if(!Reflect.defineProperty(this.target_,e,s))return!1}else u(this.target_,e,s);var c=new wt(t,n,"ObservableObject.key",!1);this.values_.set(e,c),this.notifyPropertyAddition_(e,c.value_)}finally{an()}return!0},t.defineComputedProperty_=function(e,t,n){void 0===n&&(n=!1);try{on();var r=this.delete_(e);if(!r)return r;if(Yr(this))if(!Qr(this,{object:this.proxy_||this.target_,name:e,type:Oi,newValue:void 0}))return null;t.name||(t.name="ObservableObject.key"),t.context=this.proxy_||this.target_;var i=Bi(e),o={configurable:!Jt.safeDescriptors||this.isPlainObject_,enumerable:!1,get:i.get,set:i.set};if(n){if(!Reflect.defineProperty(this.target_,e,o))return!1}else u(this.target_,e,o);this.values_.set(e,new Et(t)),this.notifyPropertyAddition_(e,void 0)}finally{an()}return!0},t.delete_=function(e,t){if(void 0===t&&(t=!1),!V(this.target_,e))return!0;if(Yr(this)&&!Qr(this,{object:this.proxy_||this.target_,name:e,type:Ri}))return null;try{var n,r;on();var i,o=Zr(this),a=this.values_.get(e),u=void 0;if(!a&&o)u=null==(i=s(this.target_,e))?void 0:i.value;if(t){if(!Reflect.deleteProperty(this.target_,e))return!1}else delete this.target_[e];if(a&&(this.values_.delete(e),a instanceof wt&&(u=a.value_),un(a)),this.keysAtom_.reportChanged(),null==(n=this.pendingKeys_)||null==(r=n.get(e))||r.set(e in this.target_),o){var c={type:Ri,observableKind:"object",object:this.proxy_||this.target_,debugObjectName:this.name_,oldValue:u,name:e};0,o&&ti(this,c)}}finally{an()}return!0},t.observe_=function(e,t){return ei(this,e)},t.intercept_=function(e){return $r(this,e)},t.notifyPropertyAddition_=function(e,t){var n,r,i=Zr(this);if(i){var o=i?{type:Oi,observableKind:"object",debugObjectName:this.name_,object:this.proxy_||this.target_,name:e,newValue:t}:null;0,i&&ti(this,o)}null==(n=this.pendingKeys_)||null==(r=n.get(e))||r.set(!0),this.keysAtom_.reportChanged()},t.ownKeys_=function(){return this.keysAtom_.reportObserved(),C(this.target_)},t.keys_=function(){return this.keysAtom_.reportObserved(),Object.keys(this.target_)},e}();function Vi(e,t){var n;if(V(e,Q))return e;var r=null!=(n=null==t?void 0:t.name)?n:"ObservableObject",i=new Ni(e,new Map,String(r),$e(t));return A(e,Q,i),e}var Di=j("ObservableObjectAdministration",Ni);function Bi(e){return Ci[e]||(Ci[e]={get:function(){return this[Q].getObservablePropValue_(e)},set:function(t){return this[Q].setObservablePropValue_(e,t)}})}function Li(e){return!!O(e)&&Di(e[Q])}function Mi(e,t,n){var r;null==(r=e.target_[F])||delete r[n]}function Ii(e,t,n){}var Ui=zi(0),Ki=0,Gi=function(){};function qi(e,t){Object.setPrototypeOf?Object.setPrototypeOf(e.prototype,t):void 0!==e.prototype.__proto__?e.prototype.__proto__=t:e.prototype=t}qi(Gi,Array.prototype);var Hi=function(e,t,n){function r(t,n,r,i){var o;void 0===r&&(r="ObservableArray"),void 0===i&&(i=!1),o=e.call(this)||this;var a=new ci(r,n,i,!0);if(a.proxy_=K(o),S(K(o),Q,a),t&&t.length){var s=gt(!0);o.spliceWithArray(0,0,t),mt(s)}return Object.defineProperty(K(o),"0",Ui),o}I(r,e);var i=r.prototype;return i.concat=function(){this[Q].atom_.reportObserved();for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return Array.prototype.concat.apply(this.slice(),t.map(function(e){return gi(e)?e.slice():e}))},i[n]=function(){var e=this,t=0;return no({next:function(){return t<e.length?{value:e[t++],done:!1}:{done:!0,value:void 0}}})},L(r,[{key:"length",get:function(){return this[Q].getArrayLength_()},set:function(e){this[Q].setArrayLength_(e)}},{key:t,get:function(){return"Array"}}]),r}(Gi,Symbol.toStringTag,Symbol.iterator);function zi(e){return{enumerable:!1,configurable:!0,get:function(){return this[Q].get_(e)},set:function(t){this[Q].set_(e,t)}}}function Wi(e){u(Hi.prototype,""+e,zi(e))}function Fi(e){if(e>Ki){for(var t=Ki;t<e+100;t++)Wi(t);Ki=e}}function Xi(e,t,n){return new Hi(e,t,n)}function Ji(e,t){if("object"==typeof e&&null!==e){if(gi(e))return void 0!==t&&r(23),e[Q].atom_;if(Ti(e))return e.atom_;if(ji(e)){if(void 0===t)return e.keysAtom_;var n=e.data_.get(t)||e.hasMap_.get(t);return n||r(25,t,$i(e)),n}if(Li(e)){if(!t)return r(26);var i=e[Q].values_.get(t);return i||r(27,t,$i(e)),i}if(ee(e)||kt(e)||gn(e))return e}else if(g(e)&&gn(e[Q]))return e[Q];r(28)}function Yi(e,t){return e||r(29),void 0!==t?Yi(Ji(e,t)):ee(e)||kt(e)||gn(e)?e:ji(e)||Ti(e)?e:e[Q]?e[Q]:void r(24,e)}function $i(e,t){var n;if(void 0!==t)n=Ji(e,t);else{if(Un(e))return e.name;n=Li(e)||ji(e)||Ti(e)?Yi(e):Ji(e)}return n.name_}Object.entries(fi).forEach(function(e){var t=e[0],n=e[1];"concat"!==t&&A(Hi.prototype,t,n)}),Fi(1e3);var Qi=c.toString;function Zi(e,t,n){return void 0===n&&(n=-1),eo(e,t,n)}function eo(e,t,n,r,i){if(e===t)return 0!==e||1/e==1/t;if(null==e||null==t)return!1;if(e!=e)return t!=t;var o=typeof e;if("function"!==o&&"object"!==o&&"object"!=typeof t)return!1;var a=Qi.call(e);if(a!==Qi.call(t))return!1;switch(a){case"[object RegExp]":case"[object String]":return""+e==""+t;case"[object Number]":return+e!=+e?+t!=+t:0==+e?1/+e==1/t:+e==+t;case"[object Date]":case"[object Boolean]":return+e==+t;case"[object Symbol]":return"undefined"!=typeof Symbol&&Symbol.valueOf.call(e)===Symbol.valueOf.call(t);case"[object Map]":case"[object Set]":n>=0&&n++}e=to(e),t=to(t);var s="[object Array]"===a;if(!s){if("object"!=typeof e||"object"!=typeof t)return!1;var u=e.constructor,c=t.constructor;if(u!==c&&!(g(u)&&u instanceof u&&g(c)&&c instanceof c)&&"constructor"in e&&"constructor"in t)return!1}if(0===n)return!1;n<0&&(n=-1),i=i||[];for(var l=(r=r||[]).length;l--;)if(r[l]===e)return i[l]===t;if(r.push(e),i.push(t),s){if((l=e.length)!==t.length)return!1;for(;l--;)if(!eo(e[l],t[l],n-1,r,i))return!1}else{var f,h=Object.keys(e);if(l=h.length,Object.keys(t).length!==l)return!1;for(;l--;)if(!V(t,f=h[l])||!eo(e[f],t[f],n-1,r,i))return!1}return r.pop(),i.pop(),!0}function to(e){return gi(e)?e.slice():E(e)||ji(e)?Array.from(e.entries()):k(e)||Ti(e)?Array.from(e.entries()):e}function no(e){return e[Symbol.iterator]=ro,e}function ro(){return this}function io(e){return e instanceof Object&&"string"==typeof e.annotationType_&&g(e.make_)&&g(e.extend_)}["Symbol","Map","Set"].forEach(function(e){void 0===o()[e]&&r("MobX requires global '"+e+"' to be available or polyfilled")}),"object"==typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__&&__MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({spy:jn,extras:{getDebugName:$i},$mobx:Q});
 },{}],"moAD":[function(require,module,exports) {
 "use strict";var e=require("mobx"),r=require("react");if(!r.useState)throw new Error("mobx-react-lite requires React with Hooks support");if(!e.makeObservable)throw new Error("mobx-react-lite@3 requires mobx at least version 6 to be available");
 },{"mobx":"BzvP","react":"HdMw"}],"ZFRm":[function(require,module,exports) {
@@ -193,7 +193,7 @@ var e=require("react");module.exports=function(r,n,t){const u=e.useRef("loading"
 },{"react":"HdMw","react-konva":"Sgug"}],"Io9F":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useImage",{enumerable:!0,get:function(){return e.default}});var e=r(require("use-image"));function r(e){return e&&e.__esModule?e:{default:e}}
 },{"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");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={Portal:!0,useImage:!0};Object.defineProperty(exports,"Portal",{enumerable:!0,get:function(){return t.Portal}}),Object.defineProperty(exports,"useImage",{enumerable:!0,get:function(){return o.useImage}});var r=require("./html");Object.keys(r).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===r[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return r[t]}}))});var t=require("./portal"),o=require("./use-image");
 },{"./html":"XdpJ","./portal":"beYE","./use-image":"Io9F"}],"Qid2":[function(require,module,exports) {
 "use strict";function e(e,a){return Object.keys(e.values).forEach(r=>e.values[r]=e.values[r]&&parseFloat(e.values[r].toFixed(a))),e}function a(e,r,s){const t=r-1,l=s[u(t,s.length)];return"Z"!==l.marker?l:a(e,t,s)}function r(e,a,s){const t=a+1,l=s[u(t,s.length)];return"Z"===l.marker?r(e,t,s):l}function s(e,a,r){let s=r[a-1]||{values:{x:0,y:0}};if(e.marker===e.marker.toLowerCase())switch(e.marker=e.marker.toUpperCase(),e.marker){case"M":e.values.x+=s.values.x,e.values.y+=s.values.y;break;case"L":case"A":e.values.x+=s.values.x,e.values.y+=s.values.y;break;case"H":e.marker="L",e.values.x+=s.values.x,e.values.y=s.values.y;break;case"V":e.marker="L",e.values.x=s.values.x,e.values.y+=s.values.y;break;case"C":e.values.x+=s.values.x,e.values.y+=s.values.y,e.values.x1+=s.values.x,e.values.y1+=s.values.y,e.values.x2+=s.values.x,e.values.y2+=s.values.y;break;case"S":e.values.x+=s.values.x,e.values.y+=s.values.y,e.values.x2+=s.values.x,e.values.y2+=s.values.y;break;case"Q":e.values.x+=s.values.x,e.values.y+=s.values.y,e.values.x1+=s.values.x,e.values.y1+=s.values.y;break;case"T":e.values.x+=s.values.x,e.values.y+=s.values.y}else if(e.marker===e.marker.toUpperCase())switch(e.marker){case"H":e.marker="L",e.values.y=s.values.y;break;case"V":e.marker="L",e.values.x=s.values.x}if("Z"===e.marker){let s=function e(a,r){return"M"===a[r].marker?a[r]:e(a,r-1)}(r,a);e.values.x=s.values.x,e.values.y=s.values.y}return e}function t(e,a){const r=[];switch(e.toUpperCase()){case"M":for(let s=0;s<a.length;s+=2){let t;t=e===e.toUpperCase()?0===s?"M":"L":0===s?"m":"l",r.push({marker:t,values:{x:a[s],y:a[s+1]}})}break;case"L":for(let s=0;s<a.length;s+=2)r.push({marker:e,values:{x:a[s],y:a[s+1]}});break;case"H":for(let s=0;s<a.length;s++)r.push({marker:e,values:{x:a[s],y:0}});break;case"V":for(let s=0;s<a.length;s++)r.push({marker:e,values:{x:0,y:a[s]}});break;case"C":for(let s=0;s<a.length;s+=6)r.push({marker:e,values:{x1:a[s],y1:a[s+1],x2:a[s+2],y2:a[s+3],x:a[s+4],y:a[s+5]}});break;case"S":for(let s=0;s<a.length;s+=4)r.push({marker:e,values:{x2:a[s],y2:a[s+1],x:a[s+2],y:a[s+3]}});break;case"Q":for(let s=0;s<a.length;s+=4)r.push({marker:e,values:{x1:a[s],y1:a[s+1],x:a[s+2],y:a[s+3]}});break;case"T":for(let s=0;s<a.length;s+=2)r.push({marker:e,values:{x:a[s],y:a[s+1]}});break;case"A":for(let s=0;s<a.length;s+=7)r.push({marker:e,values:{radiusX:a[s],radiusY:a[s+1],rotation:a[s+2],largeArc:a[s+3],sweep:a[s+4],x:a[s+5],y:a[s+6]}});break;case"Z":r.push({marker:e,values:{x:0,y:0}})}return r}function u(e,a){return(e%a+a)%a}function l(e,a,r){if(0!==a&&"L"===e.marker){let s=r[a-1];["x","y"].every(a=>0===Math.round(Math.abs(s.values[a]-e.values[a])))&&(e.overlap=!0)}return e}function n(e,a){const r=["x","y"].every(r=>0===Math.round(Math.abs(e[a].values[r]-e[0].values[r])));"L"===e[a].marker&&r&&(e[a].overlap=!0,n(e,a-1)),"Z"===e[a].marker&&n(e,a-1)}function o(e,a,r){const s=x(e.values,r.values),t=x(a.values,e.values);return Math.min(t,s)}function v(e,a){return Math.atan2(a.x-e.x,a.y-e.y)}function x(e,a){const r=e.x-a.x,s=e.y-a.y;return Math.sqrt(Math.pow(r,2)+Math.pow(s,2))}function c(e,a){return Math.sin(e)*a}function p(e,a){return Math.cos(e)*a}function y(e,a){const r=a/Math.tan(e);return r===1/0||r===-1/0||isNaN(r)?a:r}function h(e,a){return a*Math.tan(e)}function i(e,a){let r,s=0,t=e*(180/Math.PI);return t<0&&t>=-180||t>180&&t<360?r=y(e/2,-a):(s=1,(r=y(e/2,a))===1/0&&(r=a)),{offset:r,sweepFlag:s}}function k(e,a){const r=e.length-1,s=[],t=[],u=[],l=1-a,n=function(e,a){const r=[];for(let s=0;s<e.length;s++)r.push(a*e[s]);return r},o=function(e,a){const r=[];for(let s=0;s<Math.min(e.length,a.length);s++)r.push(e[s]+a[s]);return r};for(let v=0;v<=r;v++)e[v]="object"==typeof e[v]?e[v]:[e[v]],s.push([e[v]]);for(let v=1;v<=r;v++)for(let e=0;e<=r-v;e++)s[e].push(o(n(s[e][v-1],l),n(s[e+1][v-1],a)));for(let v=0;v<=r;v++)t.push(s[0][v]),u.push(s[v][r-v]);return[t,u]}function f(e){const a=["radiusX","radiusY","rotation","largeArc","sweep","x1","y1","x2","y2","x","y"];return e.map(e=>{let r="";if("Z"!==e.marker){const s=Object.keys(e.values);r=a.filter(e=>-1!==s.indexOf(e)).map(a=>e.values[a]).join()}return`${e.marker}${r}`}).join("").trim()}Object.defineProperty(exports,"__esModule",{value:!0}),exports.roundValues=e,exports.getPreviousNoZ=a,exports.getNextNoZ=r,exports.convertToAbsolute=s,exports.newCommands=t,exports.mod=u,exports.markOverlapped=l,exports.reverseMarkOverlapped=n,exports.shortestSide=o,exports.getAngle=v,exports.getDistance=x,exports.getOppositeLength=c,exports.getAdjacentLength=p,exports.getTangentLength=y,exports.getTangentNoHyp=h,exports.getOffset=i,exports.bsplit=k,exports.commandsToSvgPath=f;
 },{}],"NKfw":[function(require,module,exports) {
@@ -219,11 +219,11 @@ var t;(t=t||{}).stringify=function(){var t={"visit_linear-gradient":function(i){
 },{"react":"HdMw","mobx-react-lite":"ZfSi","react-konva":"Sgug"}],"aH85":[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.useMobile=exports.isMobile=exports.MOBILE_BREAKPOINT=void 0;const t=e(require("react"));exports.MOBILE_BREAKPOINT=500;const s=()=>window.innerWidth<=exports.MOBILE_BREAKPOINT;exports.isMobile=s;const o=()=>{const[e,s]=t.default.useState((0,exports.isMobile)());return t.default.useEffect(()=>{const e=()=>{s((0,exports.isMobile)())};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),e};exports.useMobile=o;
 },{"react":"HdMw"}],"Fpgh":[function(require,module,exports) {
-"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var i in n)"default"!==i&&Object.prototype.hasOwnProperty.call(n,i)&&e(r,n,i);return t(r,n),r},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextElement=exports.useTextColor=exports.getLineHeight=exports.useFontLoader=exports.getDir=exports.isRTLText=void 0;const i=r(require("react")),o=require("mobx-react-lite"),l=require("react-konva"),a=require("react-konva-utils"),s=require("mobx"),d=r(require("konva")),u=require("svg-round-corners"),c=require("../utils/loader"),f=require("../utils/fonts"),h=require("../utils/flags"),g=require("../utils/text"),p=n(require("../utils/gradient")),x=require("./apply-filters"),y=require("./use-fadein"),m=require("./highlighter"),w=require("../utils/screen"),v=document.createElement("style");v.type="text/css",document.head.appendChild(v);const b={border:"none",padding:"0px",overflow:"hidden",background:"none",outline:"none",resize:"none",overflowWrap:"break-word",whiteSpace:"pre-wrap",userSelect:"text",wordBreak:"normal"};function S(e){var t="֑-߿‏‫‮יִ-﷽ﹰ-ﻼ";return new RegExp("^[^"+t+"]*?["+t+"]").test(e)}function E(e){e=e.replace(/\s/g,"");let t=0;for(var n=0;n<e.length;n++)S(e[n])&&(t+=1);return t>e.length/2}function M(e){return E(e)?"rtl":"ltr"}exports.isRTLText=E,exports.getDir=M;const z=(0,o.observer)(({textNodeRef:e,element:t,onBlur:n,selectAll:r,cursorPosition:o})=>{const[l,s]=i.default.useState(b),d=e.current;i.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=t.fontWeight,e.fontStyle=t.fontStyle,e.letterSpacing=t.letterSpacing+"em";const n=`\n        .polotno-input::placeholder {\n          color: ${l.color};\n          opacity: 0.6;\n        }\n      `;v.innerHTML="",v.appendChild(document.createTextNode(n)),JSON.stringify(e)!==JSON.stringify(l)&&s(e)});const u=i.default.useRef(null);i.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=o||t.value.length;t.selectionStart=t.selectionEnd=n,r&&(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"===t.verticalAlign&&(c=(t.height-f)/2),"bottom"===t.verticalAlign&&(c=t.height-f),i.default.createElement(a.Html,null,i.default.createElement("textarea",{className:"polotno-input",ref:u,dir:M(t.text),style:Object.assign(Object.assign(Object.assign({},b),l),{paddingTop:c+"px"}),value:t.text,onChange:e=>{t.set({text:e.target.value})},placeholder:t.placeholder,onBlur:n}))}),T=e=>{const[t,n]=i.default.useState(!1),r=i.default.useRef(!1);return i.default.useEffect(()=>{var t=!0;return setTimeout(()=>{t&&(e._editModeEnabled&&(r.current=!0),n(!0),setTimeout(()=>{r.current=!1},50))},50),()=>{t=!1}},[]),{editorEnabled:t&&e._editModeEnabled,selectAll:r.current}},L=(e,t)=>{const[n,r]=i.default.useState((0,f.isFontLoaded)(t));return i.default.useLayoutEffect(()=>{if((0,f.isFontLoaded)(t))return void r(!0);let i=!0;return(async()=>{n&&r(!1);const o=(0,c.incrementLoader)(`text ${t}`);await e.loadFont(t),d.default.Util.requestAnimFrame(o),i&&r(!0)})(),()=>{i=!1}},[t]),[n]};exports.useFontLoader=L;const O=({fontLoaded:e,fontFamily:t,fontSize:n,lineHeight:r})=>i.default.useMemo(()=>{if("number"==typeof r)return r;const e=document.createElement("div");e.style.fontFamily=t,e.style.fontSize=n+"px",e.style.lineHeight=r,e.innerText="Test text",document.body.appendChild(e);const i=e.offsetHeight;return document.body.removeChild(e),i/n},[e,t,n,r]);function k(e){var t=e.getAbsoluteTransform().copy();t.invert();var n=e.getStage().getPointerPosition();return t.point(n)}function A(e){var t;const n=e.target,r=k(n),i=n.textArr,o=Math.floor(r.y/(n.fontSize()*n.lineHeight())),l=i.slice(0,o).reduce((e,t)=>e+t.text.length,o),a=null!==(t=i[o])&&void 0!==t?t:i[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 F(e){const t=i.default.useRef(e),n=i.default.useRef(e);return i.default.useEffect(()=>{n.current=t.current,t.current=e},[e]),n.current}function $(e,t){const n=e.getAttrs(),r=(0,g.removeTags)(t.text);let i=t.fontSize;const o=Math.round(2*t.fontSize)-1;for(let l=1;l<o;l++){const n=t.height&&e.height()>t.height,o=r.split("\n").join(" ").split(" ");let l=e.textArr.map(e=>e.text).join(";");const a=o.find(e=>!l.includes(e)||(l=l.replace(e,""),!1));if(!n&&!a)break;i-=.5,e.fontSize(i)}return e.fontSize(n.fontSize),i}function _({lines:e,lineHeight:t,width:n,align:r="left",padding:i=0,cornerRadius:o=0}){var l;e.forEach((e,t)=>{e.cx=n/2,"right"===r?e.cx=n-e.width/2:"left"===r&&(e.cx=e.width/2),"justify"!==r||e.lastInParagraph||(e.width=n),"justify"===r&&(e.cx=e.width/2)});let a=`M ${null===(l=e[0])||void 0===l?void 0:l.cx} ${-i}`;e.forEach((n,r)=>{const{cx:o}=n,l=e[r-1];l&&l.width>n.width?a+=` L ${o+n.width/2+i} ${r*t+i}`:a+=` L ${o+n.width/2+i} ${r*t-i}`;const s=e[r+1];s&&s.width>n.width?a+=` L ${o+n.width/2+i} ${(r+1)*t-i}`:a+=` L ${o+n.width/2+i} ${(r+1)*t+i}`});for(var s=e.length-1;s>=0;s--){const n=e[s],{cx:r}=n,o=e[s+1];o&&o.width>n.width?a+=` L ${r-n.width/2-i} ${(s+1)*t-i}`:a+=` L ${r-n.width/2-i} ${(s+1)*t+i}`;const l=e[s-1];l&&l.width>n.width?a+=` L ${r-n.width/2-i} ${s*t+i}`:a+=` L ${r-n.width/2-i} ${s*t-i}`}a+=" Z";const d=(0,u.parsePath)(a);return(0,u.roundCommands)(d,o).path}exports.getLineHeight=O;const P=e=>i.default.useMemo(()=>{if(!p.isGradient(e.fill))return{fill:e.fill};const{stops:t,rotation:n}=p.parseColor(e.fill),r={x:e.width/2,y:e.height/2},i=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),o=d.default.Util.degToRad(n)-Math.PI/2,l=[];return t.forEach(({offset:e,color:t})=>{l.push(e,t)}),{fillLinearGradientStartPointX:r.x-i*Math.cos(o),fillLinearGradientStartPointY:r.y-i*Math.sin(o),fillLinearGradientColorStops:l,fillLinearGradientEndPointX:r.x+i*Math.cos(o),fillLinearGradientEndPointY:r.y+i*Math.sin(o),fill:t[1].color,fillPriority:"linear-gradient"}},[e.fill]);exports.useTextColor=P,exports.TextElement=(0,o.observer)(({element:e,store:t})=>{const n=i.default.useRef(null),r=i.default.useRef(null),{editorEnabled:o,selectAll:a}=T(e),[d,u]=i.default.useState(!1),[c,f]=i.default.useState(!1),p=i.default.useRef(e.height),v=t.selectedElements.indexOf(e)>=0,{textVerticalResizeEnabled:b}=h.flags,S=F(e.fontFamily),[E,M]=i.default.useState([]);i.default.useEffect(()=>{var e,t;const r=null!==(t=null===(e=n.current)||void 0===e?void 0:e.textArr)&&void 0!==t?t:[];JSON.stringify(r)!==JSON.stringify(E)&&M(r)}),i.default.useEffect(()=>{if(e.width)return;const t=n.current;t.width(600),e.set({width:1.4*t.getTextWidth()})},[]),i.default.useLayoutEffect(()=>(0,s.autorun)(()=>{const t=n.current;(0,x.applyFilter)(t,e)}));const[L]=(0,exports.useFontLoader)(t,e.fontFamily),O=(0,g.removeTags)(e.text),k=()=>{const e=n.current.clone({height:void 0}),t=Math.ceil(e.fontSize()*e.lineHeight()*e.textArr.length+1);return e.destroy(),t};i.default.useLayoutEffect(()=>{if(!L)return;const{textOverflow:r}=h.flags;if(e.height)if("change-font-size"!==r||c){if("resize"===r){const r=k();b&&e.height<r&&t.history.ignore(()=>{e.set({height:r}),n.current.height(r)}),b||e.height===r||t.history.ignore(()=>{e.set({height:r}),n.current.height(r)})}}else{const r=$(n.current,e);if(r!==e.fontSize)return void t.history.ignore(()=>{e.set({fontSize:r})});const i=k();e.height!==i&&t.history.ignore(()=>{e.set({height:i})})}else{const n=k();t.history.ignore(()=>{e.set({height:n})})}}),i.default.useLayoutEffect(()=>{const t=n.current;t&&(t.width(t.width()+1e-8),t._setTextData(),(0,x.applyFilter)(t,e))},[L]);const P=i.default.useRef(null),R=i.default.useRef(0),H=n=>{n.evt.preventDefault(),t.selectedElements.find(t=>t===e)&&e.contentEditable&&(R.current=A(n),e.toggleEditMode())},q=!O&&e.placeholder?.6:e.opacity;(0,y.useFadeIn)(n,q);const C=(0,exports.getLineHeight)({fontLoaded:L,fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:e.lineHeight}),j=e.selectable||"admin"===t.role,D=(0,exports.useTextColor)(e),W=i.default.useMemo(()=>e.backgroundEnabled?_({lines:E,cornerRadius:e.backgroundCornerRadius*(e.fontSize*C*.5),lineHeight:C*e.fontSize,padding:e.backgroundPadding*(e.fontSize*C*.5),width:e.width,align:e.align}):"",[e.backgroundEnabled,e.backgroundCornerRadius,e.fontSize,C,e.backgroundPadding,e.width,e.align,E]),X=(0,w.useMobile)();let Y=0;return"middle"===e.verticalAlign?Y=(e.height-E.length*C*e.fontSize)/2:"bottom"===e.verticalAlign&&(Y=e.height-E.length*C*e.fontSize),i.default.createElement(i.default.Fragment,null,i.default.createElement(l.Path,{ref:r,x:e.x,y:e.y,rotation:e.rotation,hideInExport:!e.showInExport||!O,listening:!1,visible:e.backgroundEnabled,opacity:e.backgroundOpacity,data:W,fill:e.backgroundColor,offsetY:-Y}),i.default.createElement(l.Text,Object.assign({ref:n,id:e.id,name:"element",hideInExport:!e.showInExport||!O,editModeEnabled:e._editModeEnabled,x:e.x,y:e.y,rotation:e.rotation,width:e.width,height:e.height,text:O||e.placeholder},D,{stroke:e.stroke,strokeWidth:e.strokeWidth,fillAfterStrokeEnabled:!0,fontSize:e.fontSize,fontFamily:`"${e.fontFamily}", "${S}"`,fontStyle:e.fontStyle+" "+e.fontWeight,textDecoration:e.textDecoration,align:e.align,verticalAlign:e.verticalAlign,draggable:X?e.draggable&&v:e.draggable,preventDefault:!X||v,opacity:q,visible:!e._editModeEnabled,ellipsis:"ellipsis"===h.flags.textOverflow,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,lineHeight:C,letterSpacing:e.letterSpacing*e.fontSize,listening:j,onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{e.set({x:t.target.x(),y:t.target.y()})},onDragEnd:n=>{e.set({x:n.target.x(),y:n.target.y()}),t.history.endTransaction()},onMouseEnter:()=>{u(!0)},onMouseLeave:()=>{u(!1)},onClick:H,onTap:H,onTransformStart:()=>{f(!0),t.history.startTransaction(),p.current=n.current.height()},onTransform:t=>{var n,i;const o=t.target;null===(n=r.current)||void 0===n||n.setAttrs({x:o.x(),y:o.y(),rotation:o.rotation(),scale:o.scale()});const l=(null===(i=o.getStage())||void 0===i?void 0:i.findOne("Transformer")).getActiveAnchor();if("middle-left"===l||"middle-right"===l){const t=o.scaleX(),n=o.width()*t,r=e.fontSize;let i=n;n<r&&(i=r,P.current&&o.position(P.current)),o.width(i),o.scaleX(1),o.scaleY(1);const l=k();if("ellipsis"!==h.flags.textOverflow){const t=Math.max(l,p.current);o.height(t),e.set({height:o.height()})}e.set({x:o.x(),y:o.y(),width:o.width(),rotation:o.rotation()}),(0,x.applyFilter)(o,e)}if("top-center"===l||"bottom-center"===l){let n="resize"===h.flags.textOverflow?k():C*e.fontSize;t.target.height(Math.max(n,t.target.height()*t.target.scaleY())),t.target.scaleY(1)}t.target.strokeWidth(e.strokeWidth/t.target.scaleX()),P.current=t.target.position()},onTransformEnd:n=>{var i;f(!1);const o=n.target.scaleX();n.target.scaleX(1),n.target.scaleY(1),n.target.strokeWidth(e.strokeWidth),e.set({fontSize:Math.round(e.fontSize*o),width:Math.ceil(n.target.width()*o),x:n.target.x(),y:n.target.y(),rotation:n.target.rotation(),height:n.target.height()}),t.history.endTransaction(),null===(i=r.current)||void 0===i||i.setAttrs({scaleX:1,scaleY:1})}})),o&&i.default.createElement(l.Group,{x:e.x,y:e.y,rotation:e.rotation},i.default.createElement(z,{textNodeRef:n,element:e,selectAll:a,cursorPosition:R.current,onBlur:()=>{e.toggleEditMode(!1)}})),!c&&(d||v)&&i.default.createElement(m.Highlighter,{element:e}))});
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var i=Object.getOwnPropertyDescriptor(t,n);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,i)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),t=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),n=this&&this.__importStar||function(n){if(n&&n.__esModule)return n;var r={};if(null!=n)for(var i in n)"default"!==i&&Object.prototype.hasOwnProperty.call(n,i)&&e(r,n,i);return t(r,n),r},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextElement=exports.useTextColor=exports.getLineHeight=exports.useFontLoader=exports.getDir=exports.isRTLText=void 0;const i=r(require("react")),o=require("mobx-react-lite"),a=require("react-konva"),l=require("react-konva-utils"),s=require("mobx"),d=r(require("konva")),u=require("svg-round-corners"),c=require("../utils/loader"),f=require("../utils/fonts"),h=require("../utils/flags"),g=require("../utils/text"),p=n(require("../utils/gradient")),x=require("./apply-filters"),y=require("./use-fadein"),m=require("./highlighter"),w=require("../utils/screen"),v=document.createElement("style");v.type="text/css",document.head.appendChild(v);const b={border:"none",padding:"0px",overflow:"hidden",background:"none",outline:"none",resize:"none",overflowWrap:"break-word",whiteSpace:"pre-wrap",userSelect:"text",wordBreak:"normal"};function S(e){var t="֑-߿‏‫‮יִ-﷽ﹰ-ﻼ";return new RegExp("^[^"+t+"]*?["+t+"]").test(e)}function E(e){e=e.replace(/\s/g,"");let t=0;for(var n=0;n<e.length;n++)S(e[n])&&(t+=1);return t>e.length/2}function M(e){return E(e)?"rtl":"ltr"}exports.isRTLText=E,exports.getDir=M;const z=(0,o.observer)(({textNodeRef:e,element:t,onBlur:n,selectAll:r,cursorPosition:o})=>{const[a,s]=i.default.useState(b),d=e.current;i.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=t.fontWeight,e.fontStyle=t.fontStyle,e.letterSpacing=t.letterSpacing+"em";const n=`\n        .polotno-input::placeholder {\n          color: ${a.color};\n          opacity: 0.6;\n        }\n      `;v.innerHTML="",v.appendChild(document.createTextNode(n)),JSON.stringify(e)!==JSON.stringify(a)&&s(e)});const u=i.default.useRef(null);i.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=o||t.value.length;t.selectionStart=t.selectionEnd=n,r&&(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"===t.verticalAlign&&(c=(t.height-f)/2),"bottom"===t.verticalAlign&&(c=t.height-f),i.default.createElement(l.Html,null,i.default.createElement("textarea",{className:"polotno-input",ref:u,dir:M(t.text),style:Object.assign(Object.assign(Object.assign({},b),a),{paddingTop:c+"px"}),value:t.text,onChange:e=>{t.set({text:e.target.value})},placeholder:t.placeholder,onBlur:n}))}),T=e=>{const[t,n]=i.default.useState(!1),r=i.default.useRef(!1);return i.default.useEffect(()=>{var t=!0;return setTimeout(()=>{t&&(e._editModeEnabled&&(r.current=!0),n(!0),setTimeout(()=>{r.current=!1},50))},50),()=>{t=!1}},[]),{editorEnabled:t&&e._editModeEnabled,selectAll:r.current}},L=(e,t)=>{const[n,r]=i.default.useState((0,f.isFontLoaded)(t));return i.default.useLayoutEffect(()=>{if((0,f.isFontLoaded)(t))return void r(!0);let i=!0;return(async()=>{n&&r(!1);const o=(0,c.incrementLoader)(`text ${t}`);await e.loadFont(t),d.default.Util.requestAnimFrame(o),i&&r(!0)})(),()=>{i=!1}},[t]),[n]};exports.useFontLoader=L;const O=({fontLoaded:e,fontFamily:t,fontSize:n,lineHeight:r})=>i.default.useMemo(()=>{if("number"==typeof r)return r;const e=document.createElement("div");e.style.fontFamily=t,e.style.fontSize=n+"px",e.style.lineHeight=r,e.innerText="Test text",document.body.appendChild(e);const i=e.offsetHeight;return document.body.removeChild(e),i/n},[e,t,n,r]);function k(e){var t=e.getAbsoluteTransform().copy();t.invert();var n=e.getStage().getPointerPosition();return t.point(n)}function A(e){var t;const n=e.target,r=k(n),i=n.textArr,o=Math.floor(r.y/(n.fontSize()*n.lineHeight())),a=i.slice(0,o).reduce((e,t)=>e+t.text.length,o),l=null!==(t=i[o])&&void 0!==t?t:i[0];let s=0;return"right"===n.align()?s=n.width()-l.width:"center"===n.align()&&(s=n.width()/2-l.width/2),a+Math.round((r.x-s)/l.width*l.text.length)}function F(e){const t=i.default.useRef(e),n=i.default.useRef(e);return i.default.useEffect(()=>{n.current=t.current,t.current=e},[e]),n.current}function $(e,t){const n=e.getAttrs(),r=(0,g.removeTags)(t.text);let i=t.fontSize;const o=Math.round(2*t.fontSize)-1;for(let a=1;a<o;a++){const n=t.height&&e.height()>t.height,o=r.split("\n").join(" ").split(" ");let a=e.textArr.map(e=>e.text).join(";");const l=o.find(e=>!a.includes(e)||(a=a.replace(e,""),!1));if(!n&&!l)break;i-=.5,e.fontSize(i)}return e.fontSize(n.fontSize),i}function _({lines:e,lineHeight:t,width:n,align:r="left",padding:i=0,cornerRadius:o=0}){var a;e.forEach((e,t)=>{e.cx=n/2,"right"===r?e.cx=n-e.width/2:"left"===r&&(e.cx=e.width/2),"justify"!==r||e.lastInParagraph||(e.width=n),"justify"===r&&(e.cx=e.width/2)});let l=`M ${null===(a=e[0])||void 0===a?void 0:a.cx} ${-i}`;e.forEach((n,r)=>{const{cx:o}=n,a=e[r-1];a&&a.width>n.width?l+=` L ${o+n.width/2+i} ${r*t+i}`:l+=` L ${o+n.width/2+i} ${r*t-i}`;const s=e[r+1];s&&s.width>n.width?l+=` L ${o+n.width/2+i} ${(r+1)*t-i}`:l+=` L ${o+n.width/2+i} ${(r+1)*t+i}`});for(var s=e.length-1;s>=0;s--){const n=e[s],{cx:r}=n,o=e[s+1];o&&o.width>n.width?l+=` L ${r-n.width/2-i} ${(s+1)*t-i}`:l+=` L ${r-n.width/2-i} ${(s+1)*t+i}`;const a=e[s-1];a&&a.width>n.width?l+=` L ${r-n.width/2-i} ${s*t+i}`:l+=` L ${r-n.width/2-i} ${s*t-i}`}l+=" Z";const d=(0,u.parsePath)(l);return(0,u.roundCommands)(d,o).path}exports.getLineHeight=O;const P=e=>i.default.useMemo(()=>{if(!p.isGradient(e.fill))return{fill:e.fill};const{stops:t,rotation:n}=p.parseColor(e.fill),r={x:e.width/2,y:e.height/2},i=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2)),o=d.default.Util.degToRad(n)-Math.PI/2,a=[];return t.forEach(({offset:e,color:t})=>{a.push(e,t)}),{fillLinearGradientStartPointX:r.x-i*Math.cos(o),fillLinearGradientStartPointY:r.y-i*Math.sin(o),fillLinearGradientColorStops:a,fillLinearGradientEndPointX:r.x+i*Math.cos(o),fillLinearGradientEndPointY:r.y+i*Math.sin(o),fill:t[1].color,fillPriority:"linear-gradient"}},[e.fill]);exports.useTextColor=P,exports.TextElement=(0,o.observer)(({element:e,store:t})=>{const n=i.default.useRef(null),r=i.default.useRef(null),{editorEnabled:o,selectAll:l}=T(e),[d,u]=i.default.useState(!1),[c,f]=i.default.useState(!1),p=i.default.useRef(e.height),v=t.selectedElements.indexOf(e)>=0,{textVerticalResizeEnabled:b}=h.flags,S=F(e.fontFamily),[E,M]=i.default.useState([]);i.default.useEffect(()=>{var e,t;const r=null!==(t=null===(e=n.current)||void 0===e?void 0:e.textArr)&&void 0!==t?t:[];JSON.stringify(r)!==JSON.stringify(E)&&M(r)}),i.default.useEffect(()=>{if(e.width)return;const t=n.current;t.width(600),e.set({width:1.4*t.getTextWidth()})},[]),i.default.useLayoutEffect(()=>(0,s.autorun)(()=>{const t=n.current;(0,x.applyFilter)(t,e)}));const[L]=(0,exports.useFontLoader)(t,e.fontFamily),O=(0,g.removeTags)(e.text),k=()=>{const e=n.current.clone({height:void 0}),t=Math.ceil(e.fontSize()*e.lineHeight()*e.textArr.length+1);return e.destroy(),t};i.default.useLayoutEffect(()=>{if(!L)return;const{textOverflow:r}=h.flags;if(e.height)if("change-font-size"!==r||c){if("resize"===r){const r=k();b&&e.height<r&&t.history.ignore(()=>{e.set({height:r}),n.current.height(r)}),b||e.height===r||t.history.ignore(()=>{e.set({height:r}),n.current.height(r)})}}else{const r=$(n.current,e);if(r!==e.fontSize)return void t.history.ignore(()=>{e.set({fontSize:r})});const i=k();e.height!==i&&t.history.ignore(()=>{e.set({height:i})})}else{const n=k();t.history.ignore(()=>{e.set({height:n})})}}),i.default.useLayoutEffect(()=>{const t=n.current;t&&(t.width(t.width()+1e-8),t._setTextData(),(0,x.applyFilter)(t,e))},[L]);const P=i.default.useRef(null),R=i.default.useRef(0),H=n=>{n.evt.preventDefault(),t.selectedElements.find(t=>t===e)&&e.contentEditable&&(R.current=A(n),e.toggleEditMode())},q=!O&&e.placeholder?.6:e.a.opacity;(0,y.useFadeIn)(n,q);const C=(0,exports.getLineHeight)({fontLoaded:L,fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:e.lineHeight}),j=e.selectable||"admin"===t.role,D=(0,exports.useTextColor)(e),W=i.default.useMemo(()=>e.backgroundEnabled?_({lines:E,cornerRadius:e.backgroundCornerRadius*(e.fontSize*C*.5),lineHeight:C*e.fontSize,padding:e.backgroundPadding*(e.fontSize*C*.5),width:e.width,align:e.align}):"",[e.backgroundEnabled,e.backgroundCornerRadius,e.fontSize,C,e.backgroundPadding,e.width,e.align,E]),X=(0,w.useMobile)();let Y=0;return"middle"===e.verticalAlign?Y=(e.height-E.length*C*e.fontSize)/2:"bottom"===e.verticalAlign&&(Y=e.height-E.length*C*e.fontSize),i.default.createElement(i.default.Fragment,null,i.default.createElement(a.Path,{ref:r,x:e.a.x,y:e.a.y,rotation:e.a.rotation,hideInExport:!e.showInExport||!O,listening:!1,visible:e.backgroundEnabled,opacity:e.backgroundOpacity,data:W,fill:e.backgroundColor,offsetY:-Y}),i.default.createElement(a.Text,Object.assign({ref:n,id:e.id,name:"element",hideInExport:!e.showInExport||!O,editModeEnabled:e._editModeEnabled,x:e.a.x,y:e.a.y,rotation:e.a.rotation,width:e.width,height:e.height,text:O||e.placeholder},D,{stroke:e.stroke,strokeWidth:e.strokeWidth,fillAfterStrokeEnabled:!0,fontSize:e.fontSize,fontFamily:`"${e.fontFamily}", "${S}"`,fontStyle:e.fontStyle+" "+e.fontWeight,textDecoration:e.textDecoration,align:e.align,verticalAlign:e.verticalAlign,draggable:X?e.draggable&&v:e.draggable,preventDefault:!X||v,opacity:q,visible:!e._editModeEnabled,ellipsis:"ellipsis"===h.flags.textOverflow,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,lineHeight:C,letterSpacing:e.letterSpacing*e.fontSize,listening:j,onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{e.set({x:t.target.x(),y:t.target.y()})},onDragEnd:n=>{e.set({x:n.target.x(),y:n.target.y()}),t.history.endTransaction()},onMouseEnter:()=>{u(!0)},onMouseLeave:()=>{u(!1)},onClick:H,onTap:H,onTransformStart:()=>{f(!0),t.history.startTransaction(),p.current=n.current.height()},onTransform:t=>{var n,i;const o=t.target;null===(n=r.current)||void 0===n||n.setAttrs({x:o.x(),y:o.y(),rotation:o.rotation(),scale:o.scale()});const a=(null===(i=o.getStage())||void 0===i?void 0:i.findOne("Transformer")).getActiveAnchor();if("middle-left"===a||"middle-right"===a){const t=o.scaleX(),n=o.width()*t,r=e.fontSize;let i=n;n<r&&(i=r,P.current&&o.position(P.current)),o.width(i),o.scaleX(1),o.scaleY(1);const a=k();if("ellipsis"!==h.flags.textOverflow){const t=Math.max(a,p.current);o.height(t),e.set({height:o.height()})}e.set({x:o.x(),y:o.y(),width:o.width(),rotation:o.rotation()}),(0,x.applyFilter)(o,e)}if("top-center"===a||"bottom-center"===a){let n="resize"===h.flags.textOverflow?k():C*e.fontSize;t.target.height(Math.max(n,t.target.height()*t.target.scaleY())),t.target.scaleY(1)}t.target.strokeWidth(e.strokeWidth/t.target.scaleX()),P.current=t.target.position()},onTransformEnd:n=>{var i;f(!1);const o=n.target.scaleX();n.target.scaleX(1),n.target.scaleY(1),n.target.strokeWidth(e.strokeWidth),e.set({fontSize:Math.round(e.fontSize*o),width:Math.ceil(n.target.width()*o),x:n.target.x(),y:n.target.y(),rotation:n.target.rotation(),height:n.target.height()}),t.history.endTransaction(),null===(i=r.current)||void 0===i||i.setAttrs({scaleX:1,scaleY:1})}})),o&&i.default.createElement(a.Group,{x:e.a.x,y:e.a.y,rotation:e.a.rotation},i.default.createElement(z,{textNodeRef:n,element:e,selectAll:l,cursorPosition:R.current,onBlur:()=>{e.toggleEditMode(!1)}})),!c&&(d||v)&&i.default.createElement(m.Highlighter,{element:e}))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","react-konva":"Sgug","react-konva-utils":"jXQU","mobx":"BzvP","konva":"aTGn","svg-round-corners":"NKfw","../utils/loader":"bN4e","../utils/fonts":"XXLd","../utils/flags":"IDY9","../utils/text":"rHBV","../utils/gradient":"V8he","./apply-filters":"SIWI","./use-fadein":"N3c2","./highlighter":"cEy1","../utils/screen":"aH85"}],"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.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(" "))||[],l=e.documentElement.getAttribute("width");!l&&e.documentElement.setAttribute("width",n+"px");const a=e.documentElement.getAttribute("height");if((!a||a.indexOf("%")>=0)&&e.documentElement.setAttribute("height",i+"px"),l&&l.indexOf("%")>=0&&a&&-1===a.indexOf("%")){const t=parseFloat(a)/parseFloat(i);e.documentElement.setAttribute("width",t*parseFloat(n)+"px")}if(a&&a.indexOf("%")>=0&&l&&-1===l.indexOf("%")){const t=parseFloat(l)/parseFloat(n);e.documentElement.setAttribute("height",t*parseFloat(i)+"px")}return(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{rotation:e,stops:i}=(0,o.parseColor)(n),l=i.map(t=>({offset:100*t.offset+"%","stop-color":t.color})),a="color"+Math.round(1e8*Math.random());m(r.children[0],a,e,l),t.style[s]=null,t.setAttribute(s,`url('#${a}')`)}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 e=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=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,a,o)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=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 a={};if(null!=r)for(var o in r)"default"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&e(a,r,o);return t(a,r),a},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};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("./apply-filters"),p=require("./use-fadein"),w=require("../utils/screen");async function x(e){if(!(e.indexOf("data:image/svg+xml")>=0||e.indexOf(".svg")>=0))return e;const t=await g.urlToString(e),r=g.fixSize(t);return g.svgToURL(r)}const M=e=>{const[t,r]=o.default.useState(e);return o.default.useEffect(()=>{(async()=>{const a=await x(e);a!==t&&r(a)})()},[e]),t},y=(e,t,r)=>{const a=o.default.useMemo(()=>{var a,o;const{flipX:i,flipY:n}=e,h="svg"===e.type||e.src.indexOf("data:image/svg+xml")>=0||e.src.indexOf(".svg")>=0;if(!i&&!n&&!h)return t;if(!t||!t.width||!t.height)return null;const d=document.createElement("canvas");let l=1;"svg"===e.type&&(l=Math.max(e.width/t.width*r,e.height/t.height*r)),d.width=Math.max(t.width*l,1),d.height=Math.max(t.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(t,c,u,d.width,d.height),d},[e.flipX,e.flipY,t,e.width,e.height,r]);return o.default.useEffect(()=>()=>{a&&"CANVAS"===a.nodeName&&l.default.Util.releaseCanvas(a)},[a]),a};function b(e,t){const r=t.width/t.height;let a,o;return r>=e.width/e.height?(a=e.width,o=e.width/r):(a=e.height*r,o=e.height),{x:(e.width-a)/2,y:(e.height-o)/2,width:a,height:o}}function E(e,t,r,a,o,i,n){for(var h=new ImageData(t,r),d=new Int32Array(e.data.buffer),l=e.width,c=new Int32Array(h.data.buffer),u=h.width,s=t/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 M=a+Math.round(x/s)+(o+Math.round(w/g))*l,y=0,b=0,E=0,v=0,I=0;I<m;I++)for(var S=0;S<f;S++){var _=d[M+S+I*l];y+=_<<24>>>24,b+=_<<16>>>24,E+=_<<8>>>24,v+=_>>>24}y=Math.round(y/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|y}return h}function v(e,t){var r,a;const o=document.createElement("canvas");o.width=e.width,o.height=e.height,null===(r=o.getContext("2d"))||void 0===r||r.drawImage(e,0,0,o.width,o.height);const i=E(o.getContext("2d").getImageData(0,0,o.width,o.height),Math.floor(o.width*t),Math.floor(o.height*t),0,0,o.width,o.height);return o.width=Math.floor(o.width*t),o.height=Math.floor(o.height*t),null===(a=o.getContext("2d"))||void 0===a||a.putImageData(i,0,0),o}const I=(e,t)=>{const[r,a]=X(e.maskSrc,"anonymous"),i=e.maskSrc?a:"loaded";return(0,exports.useImageLoader)(i,e.id),o.default.useMemo(()=>{if(!r)return t;if(!t||!t.width||!t.height)return t;const a=document.createElement("canvas");a.width=Math.max(t.width,1),a.height=Math.max(t.height,1);const o=a.getContext("2d");if(!o)return t;o.drawImage(t,0,0),o.globalCompositeOperation="source-in";const i=b(r,e);return o.drawImage(r,i.x,i.y,i.width,i.height,0,0,t.width,t.height),a},[t,r,e.width,e.height])},S=(e,t,r,a,i=0,n=!1)=>{const h=o.default.useMemo(()=>{if(t&&t.width&&t.height)return document.createElement("canvas")},[t]);return o.default.useLayoutEffect(()=>{if(!h||!t)return;const o=Math.floor(Math.max(e.width*a,1)),d=Math.floor(Math.max(e.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(e.width/r.width,e.height/r.height)*a,s=e.page._exporting&&f.flags.imageDownScalingEnabled&&u<1&&!n,g=s?v(t,u):t,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,e.width,e.height,r.x,r.y,r.width,r.height,i,a,n,e.page._exporting]),o.default.useEffect(()=>()=>{h&&"CANVAS"===h.nodeName&&l.default.Util.releaseCanvas(h)},[h]),h},_=(e,t,r,a)=>{const i=M(e.clipSrc||""),[n]=X(i,"anonymous"),h=o.default.useMemo(()=>{if(t&&n)return document.createElement("canvas")},[t,n]);return o.default.useLayoutEffect(()=>{var a;if(!n)return;if(!t||!t.width||!t.height)return;if(!n||!n.width||!n.height)return;if(!h)return;const o=document.createElement("canvas"),i=Math.max(e.width/n.width*r,e.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(t.width,1),h.height=Math.max(t.height,1);const d=h.getContext("2d");d&&(d.save(),d.drawImage(o,0,0,t.width,t.height),l.default.Util.releaseCanvas(o),d.globalCompositeOperation="source-in",d.drawImage(t,0,0,h.width,h.height),d.restore())},[h,t,n,e.width,e.height,r,...a]),e.clipSrc&&n?h:t},R=document.createElement("canvas"),C=(0,i.observer)(({element:e})=>{const t=Math.min(30,e.width/4,e.height/4),r=o.default.useRef(null);return o.default.useEffect(()=>{const e=r.current;if(!e)return;const t=new l.default.Animation(t=>{e.rotate(((null==t?void 0:t.timeDiff)||0)/2)},e.getLayer());return t.start(),()=>{t.stop()}}),o.default.createElement(h.Group,{x:e.x,y:e.y,rotation:e.rotation,listening:!1,opacity:e.opacity,hideInExport:!e.showInExport},o.default.createElement(h.Rect,{width:e.width,height:e.height,fill:"rgba(124, 173, 212, 0.8)"}),o.default.createElement(h.Arc,{ref:r,x:e.width/2,y:e.height/2,fill:"white",outerRadius:Math.abs(t),innerRadius:Math.max(1,t-5),angle:270}))}),O=(0,i.observer)(({element:e})=>{const t="Can not load the image...",r=Math.max(10,Math.min(30,e.width/t.length));return o.default.createElement(h.Group,{x:e.x,y:e.y,rotation:e.rotation,listening:!1,opacity:e.opacity,hideInExport:!e.showInExport},o.default.createElement(h.Rect,{width:e.width,height:e.height,fill:"rgba(223, 102, 102, 0.8)"}),o.default.createElement(h.Text,{text:t,fontSize:r,width:e.width,height:e.height,align:"center",fill:"white",verticalAlign:"middle",padding:5}))});let X=d.default;const Y=e=>{X=e};exports.setImageLoaderHook=Y;const T=(e,t)=>{const r=o.default.useRef(),a=()=>{var e;null===(e=r.current)||void 0===e||e.call(r),r.current=void 0};o.default.useEffect(()=>a,[]),o.default.useLayoutEffect(()=>{"loading"!==e||r.current||(r.current=(0,s.incrementLoader)(`image ${t}`)),"loading"!==e&&a(),"failed"===e&&(0,s.triggerLoadError)(`image ${t}`)},[e])};exports.useImageLoader=T;const k=({image:e,status:t,type:r})=>{const a=o.default.useRef();return o.default.useEffect(()=>{a.current=e||a.current},[e]),"failed"!==t||"failed"!==t&&"svg"===r?a.current:void 0},L=e=>{const[t,r]=o.default.useReducer(e=>e+1,0),a=o.default.useRef("loading"),i=o.default.useRef(e.src),n=o.default.useRef(e.src);return n.current!==e.src&&(n.current=e.src,a.current="loading"),o.default.useEffect(()=>{if("image"===e.type)return;if(!e.src)return;let t=!1;return(async()=>{a.current="loading",r();const o=await g.urlToString(e.src),n=g.fixSize(o),h=g.replaceColors(n,e.colorsReplace);t||(i.current=h,a.current="loaded",r())})(),()=>{t=!0}},[e.src,JSON.stringify(e.colorsReplace)]),"image"===e.type?[e.src,"loaded"]:[i.current,a.current]};exports.ImageElement=(0,i.observer)(({element:e,store:t})=>{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=t.selectedElements.indexOf(e)>=0,[x,M]=L(e),[b,E]=X(x,"anonymous"),v="svg"!==e.type||"loaded"===M?E:"loading";(0,exports.useImageLoader)(v,e.id);const Y=k({image:b,status:E,type:e.type}),T=I(e,y(e,b||Y,t._elementsPixelRatio))||R;let{cropX:P,cropY:W,cropWidth:A,cropHeight:H}=e;"loaded"!==E&&(P=W=0,A=H=1);const D=T.width*A,q=T.height*H,z=e.width/e.height;let F,B;const j=D/q,N="svg"===e.type;N?(F=D,B=q):z>=j?(F=D,B=D/z):(F=q*z,B=q);const U={x:T.width*P,y:T.height*W,width:F,height:B},G=null!==(r=e.cornerRadius)&&void 0!==r?r:0;let V=_(e,S(e,T,U,t._elementsPixelRatio,G,a||e._cropModeEnabled||"svg"===e.type),t._elementsPixelRatio,[U,G,t._elementsPixelRatio]);const $=Math.max(e.width/F,e.height/B);o.default.useEffect(()=>{var t;if(!e._cropModeEnabled)return;const r=null===(t=d.current)||void 0===t?void 0:t.getStage();function a(t){e._cropModeEnabled&&t.target!==l.current&&e.toggleCropMode(!1)}function o(t){e._cropModeEnabled&&"CANVAS"!==t.target.nodeName&&e.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)}},[e._cropModeEnabled]),o.default.useLayoutEffect(()=>{if(!a&&!e._cropModeEnabled)return(0,m.applyFilter)(d.current,e),(0,n.autorun)(()=>{(0,m.applyFilter)(d.current,e)},{delay:100})},[T,a,A,H,e._cropModeEnabled]),o.default.useLayoutEffect(()=>{var t;a||e._cropModeEnabled?null===(t=d.current)||void 0===t||t.clearCache():(0,m.applyFilter)(d.current,e)},[a,e.width,e.height,e._cropModeEnabled]),o.default.useEffect(()=>{(0,m.applyFilter)(d.current,e)},[e.shadowEnabled,e.shadowBlur,e.cornerRadius,e.shadowColor,e.shadowOffsetX,e.shadowOffsetY,e.shadowOpacity]);const J=o.default.useRef(null),K=o.default.useRef(null),Q=o.default.useRef(null);o.default.useLayoutEffect(()=>{e._cropModeEnabled&&(K.current.nodes([J.current]),Q.current.nodes([l.current]))},[e._cropModeEnabled]);const Z=t=>{Math.round(t.target.x())>0&&(t.target.x(0),t.target.scaleX(1)),Math.round(t.target.y())>0&&(t.target.y(0),t.target.scaleY(1));const r=t.target.width()*t.target.scaleX(),a=t.target.height()*t.target.scaleY(),o=Math.min(1,F/r),i=Math.min(1,B/a),n=1-o,h=Math.min(n,Math.max(0,Math.round(-t.target.x())/r)),d=1-i,l=Math.min(d,Math.max(0,Math.round(-t.target.y())/a));t.target.setAttrs({x:-h*T.width,y:-l*T.height,scaleX:1,scaleY:1}),e.set({cropX:h,cropY:l,cropWidth:o,cropHeight:i})},ee=()=>{"svg"!==e.type&&e.contentEditable&&setTimeout(()=>{e.toggleCropMode(!0)})},te="svg"===e.type&&Y,re="loading"===E&&!te,ae="failed"===E,oe=!re&&!ae,ie=o.default.useRef({cropX:0,cropY:0,cropWidth:0,cropHeight:0}),ne=oe?e.opacity:0;(0,p.useFadeIn)(d,ne);const he=e.selectable||"admin"===t.role,de=(0,w.useMobile)();return o.default.createElement(o.default.Fragment,null,re&&o.default.createElement(C,{element:e}),ae&&o.default.createElement(O,{element:e}),o.default.createElement(h.Image,{ref:d,name:"element",id:e.id,image:V,x:e.x,y:e.y,width:e.width||1,height:e.height||1,rotation:e.rotation,opacity:ne,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,customCrop:U,listening:he,draggable:de?e.draggable&&f:e.draggable,preventDefault:!de||f,hideInExport:!e.showInExport,onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{e.set({x:t.target.x(),y:t.target.y()})},onDragEnd:r=>{e.set({x:r.target.x(),y:r.target.y()}),t.history.endTransaction()},onDblClick:ee,onDblTap:ee,onTransformStart:()=>{i(!0),t.history.startTransaction(),ie.current={cropX:e.cropX,cropY:e.cropY,cropWidth:e.cropWidth,cropHeight:e.cropHeight}},onTransform:t=>{var r;const a=t.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=t.target.getStage())||void 0===r?void 0:r.findOne("Transformer"),h=1-F/T.width,d=Math.min(h,Math.max(0,e.cropX)),l=1-B/T.height,c=Math.min(l,Math.max(0,e.cropY)),u=n.getActiveAnchor(),s=!(u.indexOf("middle")>=0||u.indexOf("center")>=0),g=!s&&o<1&&ie.current.cropHeight>B/T.height;let f=s?e.cropWidth:e.cropWidth*o;g&&(f=e.cropWidth);const m=!s&&i<1&&ie.current.cropWidth>F/T.width;let p=s?e.cropHeight:e.cropHeight*i;m&&(p=e.cropHeight),N&&(f=e.cropWidth,p=e.cropHeight),e.set({cropX:d,cropY:c,x:a.x(),y:a.y(),width:a.width()*o,height:a.height()*i,rotation:t.target.rotation(),cropWidth:Math.min(f,1-d),cropHeight:Math.min(p,1-c)})},onTransformEnd:r=>{const a=r.currentTarget;e.set({width:a.width(),height:a.height(),x:a.x(),y:a.y(),rotation:r.target.rotation(),cropWidth:F/T.width,cropHeight:B/T.height}),i(!1),t.history.endTransaction()}}),o.default.createElement(h.Rect,{x:e.x,y:e.y,width:Math.max(e.width-e.borderSize,0),height:Math.max(e.height-e.borderSize,0),offsetX:-e.borderSize/2,offsetY:-e.borderSize/2,stroke:e.borderColor,strokeWidth:e.borderSize,listening:!1,visible:!!e.borderSize,rotation:e.rotation,cornerRadius:Math.max(0,G-e.borderSize),hideInExport:!e.showInExport}),e._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:V,x:e.x,y:e.y,width:e.width,height:e.height,rotation:e.rotation,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur}),o.default.createElement(h.Group,{x:e.x,y:e.y,rotation:e.rotation,scaleX:$,scaleY:$},o.default.createElement(h.Image,{image:T,ref:l,opacity:.4,draggable:!0,x:-e.cropX*T.width,y:-e.cropY*T.height,onDragMove:Z,onTransform:Z}),o.default.createElement(h.Transformer,{ref:Q,anchorSize:20,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(e,t)=>t.width<5||t.height<5?e:t,rotateEnabled:!1,borderEnabled:!1,anchorCornerRadius:10,anchorStrokeWidth:2,borderStrokeWidth:2}),o.default.createElement(h.Rect,{width:F,height:B,ref:J,listening:!1,onTransform:t=>{t.target.x()<-e.cropX*T.width-1e-9&&(t.target.x(-e.cropX*T.width),t.target.scaleX(1)),t.target.y()<-e.cropY*T.height-1e-9&&(t.target.y(-e.cropY*T.height),t.target.scaleY(1));const r=Math.min(1,Math.max(0,e.cropX+t.target.x()/T.width)),a=Math.min(1,Math.max(0,t.target.y()/T.height+e.cropY)),o=t.target.width()*t.target.scaleX(),i=t.target.height()*t.target.scaleY(),n=Math.min(1-r,o/T.width),h=Math.min(1-a,i/T.height),d=t.target.getAbsolutePosition(t.target.getParent().getParent());t.target.scale({x:1,y:1}),t.target.position({x:0,y:0}),e.set({x:d.x,y:d.y,cropX:r,cropY:a,cropWidth:n,cropHeight:h,width:Math.min(o*$,T.width*(1-r)*$),height:Math.min(i*$,T.height*(1-a)*$)})}}),o.default.createElement(h.Transformer,{ref:K,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(e,t)=>t.width<5||t.height<5?e:t,keepRatio:!1,rotateEnabled:!1,anchorFill:"rgb(240, 240, 240)",anchorStrokeWidth:2,borderStrokeWidth:2}))),(s||f)&&o.default.createElement(u.Highlighter,{element:e}))});
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,a){void 0===a&&(a=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,a,i)}:function(e,t,r,a){void 0===a&&(a=r),e[a]=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 a={};if(null!=r)for(var i in r)"default"!==i&&Object.prototype.hasOwnProperty.call(r,i)&&e(a,r,i);return t(a,r),a},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImageElement=exports.useImageLoader=exports.setImageLoaderHook=void 0;const i=a(require("react")),o=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("./apply-filters"),p=require("./use-fadein"),w=require("../utils/screen");function x(){return document.createElement("canvas")}async function y(e){if(!(e.indexOf("data:image/svg+xml")>=0||e.indexOf(".svg")>=0))return e;const t=await g.urlToString(e),r=g.fixSize(t);return g.svgToURL(r)}const M=e=>{const[t,r]=i.default.useState(e);return i.default.useEffect(()=>{(async()=>{const a=await y(e);a!==t&&r(a)})()},[e]),t},b=(e,t,r)=>{const a=i.default.useMemo(()=>{var a,i;const{flipX:o,flipY:n}=e,h="svg"===e.type||e.src.indexOf("data:image/svg+xml")>=0||e.src.indexOf(".svg")>=0,d=navigator.userAgent.toLowerCase().indexOf("firefox")>-1;if(!(o||n||d&&h))return t;if(!t||!t.width||!t.height)return null;const l=x();let c=1;"svg"===e.type&&(c=Math.max(e.width/t.width*r,e.height/t.height*r)),l.width=Math.max(t.width*c,1),l.height=Math.max(t.height*c,1);let s=o?-l.width:0,u=n?-l.height:0;return null===(a=l.getContext("2d"))||void 0===a||a.scale(o?-1:1,n?-1:1),null===(i=l.getContext("2d"))||void 0===i||i.drawImage(t,s,u,l.width,l.height),l},[e.flipX,e.flipY,t,e.width,e.height,r]);return i.default.useEffect(()=>()=>{a&&"CANVAS"===a.nodeName&&l.default.Util.releaseCanvas(a)},[a]),a};function v(e,t){const r=t.width/t.height;let a,i;return r>=e.width/e.height?(a=e.width,i=e.width/r):(a=e.height*r,i=e.height),{x:(e.width-a)/2,y:(e.height-i)/2,width:a,height:i}}function E(e,t,r,a,i,o,n){for(var h=new ImageData(t,r),d=new Int32Array(e.data.buffer),l=e.width,c=new Int32Array(h.data.buffer),s=h.width,u=t/o,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)+(i+Math.round(w/g))*l,M=0,b=0,v=0,E=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,v+=_<<8>>>24,E+=_>>>24}M=Math.round(M/p),b=Math.round(b/p),v=Math.round(v/p),E=Math.round(E/p),c[x+w*s]=E<<24|v<<16|b<<8|M}return h}function I(e,t){var r,a;const i=x();i.width=e.width,i.height=e.height,null===(r=i.getContext("2d"))||void 0===r||r.drawImage(e,0,0,i.width,i.height);const o=E(i.getContext("2d").getImageData(0,0,i.width,i.height),Math.floor(i.width*t),Math.floor(i.height*t),0,0,i.width,i.height);return i.width=Math.floor(i.width*t),i.height=Math.floor(i.height*t),null===(a=i.getContext("2d"))||void 0===a||a.putImageData(o,0,0),i}const S=(e,t)=>{const[r,a]=Y(e.maskSrc,"anonymous"),o=e.maskSrc?a:"loaded";return(0,exports.useImageLoader)(o,e.id+"-mask"),i.default.useMemo(()=>{if(!r)return t;if(!t||!t.width||!t.height)return t;const a=x();a.width=Math.max(t.width,1),a.height=Math.max(t.height,1);const i=a.getContext("2d");if(!i)return t;i.drawImage(t,0,0),i.globalCompositeOperation="source-in";const o=v(r,e);return i.drawImage(r,o.x,o.y,o.width,o.height,0,0,t.width,t.height),a},[t,r,e.width,e.height])},_=(e,t,r,a,o=0,n=!1)=>{const h=Math.floor(Math.max(e.width*a,1)),d=Math.floor(Math.max(e.height*a,1)),c=Math.min(o*a,h/2,d/2),s=Math.max(e.width/r.width,e.height/r.height)*a,u=e.page._exporting&&f.flags.imageDownScalingEnabled&&s<1&&!n,g=i.default.useMemo(()=>{if(t&&t.width&&t.height)return 0!==r.x||0!==r.y||r.width!==t.width||r.height!==t.height||0!==c||u?x():void 0},[t]);return i.default.useLayoutEffect(()=>{if(!g||!t)return;g.width=h,g.height=d;const e=g.getContext("2d");if(!e)return;c&&(e.beginPath(),e.moveTo(c,0),e.lineTo(h-c,0),e.arc(h-c,c,c,3*Math.PI/2,0,!1),e.lineTo(h,d-c),e.arc(h-c,d-c,c,0,Math.PI/2,!1),e.lineTo(c,d),e.arc(c,d-c,c,Math.PI/2,Math.PI,!1),e.lineTo(0,c),e.arc(c,c,c,Math.PI,3*Math.PI/2,!1),e.clip());const a=u?I(t,s):t,i=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;e.drawImage(a,i.x,i.y,i.width,i.height,0,0,g.width,g.height)},[g,e.width,e.height,r.x,r.y,r.width,r.height,o,a,n,e.page._exporting,u]),i.default.useEffect(()=>()=>{g&&"CANVAS"===g.nodeName&&l.default.Util.releaseCanvas(g)},[g]),g||t},R=(e,t,r,a)=>{const o=M(e.clipSrc||""),[n,h]=Y(o,"anonymous"),d=e.clipSrc?h:"loaded";(0,exports.useImageLoader)(d,e.id+"-clip");const c=i.default.useMemo(()=>{if(t&&n)return x()},[t,n]);return i.default.useLayoutEffect(()=>{var a;if(!n)return;if(!t||!t.width||!t.height)return;if(!n||!n.width||!n.height)return;if(!c)return;const i=x(),o=Math.max(e.width/n.width*r,e.height/n.height*r);i.width=n.width*o,i.height=n.height*o,null===(a=i.getContext("2d"))||void 0===a||a.drawImage(n,0,0,i.width,i.height),c.width=Math.max(t.width,1),c.height=Math.max(t.height,1);const h=c.getContext("2d");h&&(h.save(),h.drawImage(i,0,0,t.width,t.height),l.default.Util.releaseCanvas(i),h.globalCompositeOperation="source-in",h.drawImage(t,0,0,c.width,c.height),h.restore())},[c,t,n,e.width,e.height,r,...a]),e.clipSrc&&n?c:t},C=x(),O=(0,o.observer)(({element:e})=>{const t=Math.min(30,e.width/4,e.height/4),r=i.default.useRef(null);return i.default.useEffect(()=>{const e=r.current;if(!e)return;const t=new l.default.Animation(t=>{e.rotate(((null==t?void 0:t.timeDiff)||0)/2)},e.getLayer());return t.start(),()=>{t.stop()}}),i.default.createElement(h.Group,{x:e.x,y:e.y,rotation:e.rotation,listening:!1,opacity:e.a.opacity,hideInExport:!e.showInExport},i.default.createElement(h.Rect,{width:e.width,height:e.height,fill:"rgba(124, 173, 212, 0.8)"}),i.default.createElement(h.Arc,{ref:r,x:e.width/2,y:e.height/2,fill:"white",outerRadius:Math.abs(t),innerRadius:Math.max(1,t-5),angle:270}))}),X=(0,o.observer)(({element:e})=>{const t="Can not load the image...",r=Math.max(10,Math.min(30,e.width/t.length));return i.default.createElement(h.Group,{x:e.x,y:e.y,rotation:e.rotation,listening:!1,opacity:e.a.opacity,hideInExport:!e.showInExport},i.default.createElement(h.Rect,{width:e.width,height:e.height,fill:"rgba(223, 102, 102, 0.8)"}),i.default.createElement(h.Text,{text:t,fontSize:r,width:e.width,height:e.height,align:"center",fill:"white",verticalAlign:"middle",padding:5}))});let Y=d.default;const T=e=>{Y=e};exports.setImageLoaderHook=T;const L=(e,t)=>{const r=i.default.useRef(),a=()=>{var e;null===(e=r.current)||void 0===e||e.call(r),r.current=void 0};i.default.useEffect(()=>a,[]),i.default.useLayoutEffect(()=>{"loading"!==e||r.current||(r.current=(0,u.incrementLoader)(`image ${t}`)),"loading"!==e&&a(),"failed"===e&&(0,u.triggerLoadError)(`image ${t}`)},[e])};exports.useImageLoader=L;const W=({image:e,status:t,type:r})=>{const a=i.default.useRef();return i.default.useEffect(()=>{a.current=e||a.current},[e]),"failed"!==t||"failed"!==t&&"svg"===r?a.current:void 0},k=e=>{const[t,r]=i.default.useReducer(e=>e+1,0),a=i.default.useRef("loading"),o=i.default.useRef(e.src),n=i.default.useRef(e.src);return n.current!==e.src&&(n.current=e.src,a.current="loading"),i.default.useEffect(()=>{if("image"===e.type)return;if(!e.src)return;let t=!1;return(async()=>{a.current="loading",r();const i=await g.urlToString(e.src),n=g.fixSize(i),h=g.replaceColors(n,e.colorsReplace);t||(o.current=h,a.current="loaded",r())})(),()=>{t=!0}},[e.src,JSON.stringify(e.colorsReplace)]),"image"===e.type?[e.src,"loaded"]:[o.current,a.current]};exports.ImageElement=(0,o.observer)(({element:e,store:t})=>{var r;const[a,o]=i.default.useState(!1),d=i.default.useRef(null),l=i.default.useRef(null),[u,g]=i.default.useState(!1),f=t.selectedElements.indexOf(e)>=0,[x,y]=k(e),[M,v]=Y(x,"anonymous"),E="svg"!==e.type||"loaded"===y?v:"loading";(0,exports.useImageLoader)(E,e.id);const I=W({image:M,status:v,type:e.type}),T=S(e,b(e,M||I,t._elementsPixelRatio))||C;let{cropX:L,cropY:P,cropWidth:A,cropHeight:H}=e;"loaded"!==v&&(L=P=0,A=H=1);const D=T.width*A,q=T.height*H,z=e.width/e.height;let F,B;const j=D/q,N="svg"===e.type;N?(F=D,B=q):z>=j?(F=D,B=D/z):(F=q*z,B=q);const U={x:T.width*L,y:T.height*P,width:F,height:B},G=null!==(r=e.cornerRadius)&&void 0!==r?r:0;let V=R(e,_(e,T,U,t._elementsPixelRatio,G,a||e._cropModeEnabled||"svg"===e.type),t._elementsPixelRatio,[U,G,t._elementsPixelRatio]);const $=Math.max(e.width/F,e.height/B);i.default.useEffect(()=>{var t;if(!e._cropModeEnabled)return;const r=null===(t=d.current)||void 0===t?void 0:t.getStage();function a(t){e._cropModeEnabled&&t.target!==l.current&&e.toggleCropMode(!1)}function i(t){e._cropModeEnabled&&"CANVAS"!==t.target.nodeName&&e.toggleCropMode(!1)}return document.body.addEventListener("click",i),null==r||r.on("click",a),null==r||r.on("tap",a),()=>{document.body.removeEventListener("click",i),document.body.removeEventListener("touchstart",i),null==r||r.off("click",a),null==r||r.off("click",a)}},[e._cropModeEnabled]),i.default.useLayoutEffect(()=>{if(!a&&!e._cropModeEnabled)return(0,m.applyFilter)(d.current,e),(0,n.autorun)(()=>{(0,m.applyFilter)(d.current,e)},{delay:100})},[T,a,A,H,e._cropModeEnabled]),i.default.useLayoutEffect(()=>{var t;a||e._cropModeEnabled?null===(t=d.current)||void 0===t||t.clearCache():(0,m.applyFilter)(d.current,e)},[a,e.width,e.height,e._cropModeEnabled]),i.default.useEffect(()=>{(0,m.applyFilter)(d.current,e)},[e.shadowEnabled,e.shadowBlur,e.cornerRadius,e.shadowColor,e.shadowOffsetX,e.shadowOffsetY,e.shadowOpacity]);const J=i.default.useRef(null),K=i.default.useRef(null),Q=i.default.useRef(null);i.default.useLayoutEffect(()=>{e._cropModeEnabled&&(K.current.nodes([J.current]),Q.current.nodes([l.current]))},[e._cropModeEnabled]);const Z=t=>{Math.round(t.target.x())>0&&(t.target.x(0),t.target.scaleX(1)),Math.round(t.target.y())>0&&(t.target.y(0),t.target.scaleY(1));const r=t.target.width()*t.target.scaleX(),a=t.target.height()*t.target.scaleY(),i=Math.min(1,F/r),o=Math.min(1,B/a),n=1-i,h=Math.min(n,Math.max(0,Math.round(-t.target.x())/r)),d=1-o,l=Math.min(d,Math.max(0,Math.round(-t.target.y())/a));t.target.setAttrs({x:-h*T.width,y:-l*T.height,scaleX:1,scaleY:1}),e.set({cropX:h,cropY:l,cropWidth:i,cropHeight:o})},ee=()=>{"svg"!==e.type&&e.contentEditable&&setTimeout(()=>{e.toggleCropMode(!0)})},te="svg"===e.type&&I,re="loading"===v&&!te,ae="failed"===v,ie=!re&&!ae,oe=i.default.useRef({cropX:0,cropY:0,cropWidth:0,cropHeight:0}),ne=ie?e.a.opacity:0;(0,p.useFadeIn)(d,ne);const he=e.selectable||"admin"===t.role,de=(0,w.useMobile)();return i.default.createElement(i.default.Fragment,null,re&&i.default.createElement(O,{element:e}),ae&&i.default.createElement(X,{element:e}),i.default.createElement(h.Image,{ref:d,name:"element",id:e.id,image:V,x:e.x,y:e.y,width:e.width||1,height:e.height||1,rotation:e.rotation,opacity:ne,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,customCrop:U,listening:he,draggable:de?e.draggable&&f:e.draggable,preventDefault:!de||f,hideInExport:!e.showInExport,onMouseEnter:()=>{g(!0)},onMouseLeave:()=>{g(!1)},onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{e.set({x:t.target.x(),y:t.target.y()})},onDragEnd:r=>{e.set({x:r.target.x(),y:r.target.y()}),t.history.endTransaction()},onDblClick:ee,onDblTap:ee,onTransformStart:()=>{o(!0),t.history.startTransaction(),oe.current={cropX:e.cropX,cropY:e.cropY,cropWidth:e.cropWidth,cropHeight:e.cropHeight}},onTransform:t=>{var r;const a=t.currentTarget,i=Math.abs(a.scaleX()-1)<1e-7?1:a.scaleX(),o=Math.abs(a.scaleY()-1)<1e-7?1:a.scaleY();a.scaleX(1),a.scaleY(1);const n=null===(r=t.target.getStage())||void 0===r?void 0:r.findOne("Transformer"),h=1-F/T.width,d=Math.min(h,Math.max(0,e.cropX)),l=1-B/T.height,c=Math.min(l,Math.max(0,e.cropY)),s=n.getActiveAnchor(),u=!(s.indexOf("middle")>=0||s.indexOf("center")>=0),g=!u&&i<1&&oe.current.cropHeight>B/T.height;let f=u?e.cropWidth:e.cropWidth*i;g&&(f=e.cropWidth);const m=!u&&o<1&&oe.current.cropWidth>F/T.width;let p=u?e.cropHeight:e.cropHeight*o;m&&(p=e.cropHeight),N&&(f=e.cropWidth,p=e.cropHeight),e.set({cropX:d,cropY:c,x:a.x(),y:a.y(),width:a.width()*i,height:a.height()*o,rotation:t.target.rotation(),cropWidth:Math.min(f,1-d),cropHeight:Math.min(p,1-c)})},onTransformEnd:r=>{const a=r.currentTarget;e.set({width:a.width(),height:a.height(),x:a.x(),y:a.y(),rotation:r.target.rotation(),cropWidth:F/T.width,cropHeight:B/T.height}),o(!1),t.history.endTransaction()}}),i.default.createElement(h.Rect,{x:e.x,y:e.y,width:Math.max(e.width-e.borderSize,0),height:Math.max(e.height-e.borderSize,0),opacity:ne,offsetX:-e.borderSize/2,offsetY:-e.borderSize/2,stroke:e.borderColor,strokeWidth:e.borderSize,listening:!1,visible:!!e.borderSize,rotation:e.rotation,cornerRadius:Math.max(0,G-e.borderSize),hideInExport:!e.showInExport}),e._cropModeEnabled&&i.default.createElement(c.Portal,{selector:".page-abs-container",enabled:!0},i.default.createElement(h.Rect,{x:-window.innerWidth/t.scale,y:-window.innerWidth/t.scale,width:window.innerWidth/t.scale*3,height:window.innerWidth/t.scale*3,fill:"rgba(0,0,0,0.3)"}),i.default.createElement(h.Image,{listening:!1,image:V,x:e.x,y:e.y,width:e.width,height:e.height,rotation:e.rotation,shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur}),i.default.createElement(h.Group,{x:e.x,y:e.y,rotation:e.rotation,scaleX:$,scaleY:$},i.default.createElement(h.Image,{image:T,ref:l,opacity:.4,draggable:!0,x:-e.cropX*T.width,y:-e.cropY*T.height,onDragMove:Z,onTransform:Z}),i.default.createElement(h.Transformer,{ref:Q,anchorSize:20,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(e,t)=>t.width<5||t.height<5?e:t,rotateEnabled:!1,borderEnabled:!1,anchorCornerRadius:10,anchorStrokeWidth:2,borderStrokeWidth:2}),i.default.createElement(h.Rect,{width:F,height:B,ref:J,listening:!1,onTransform:t=>{t.target.x()<-e.cropX*T.width-1e-9&&(t.target.x(-e.cropX*T.width),t.target.scaleX(1)),t.target.y()<-e.cropY*T.height-1e-9&&(t.target.y(-e.cropY*T.height),t.target.scaleY(1));const r=Math.min(1,Math.max(0,e.cropX+t.target.x()/T.width)),a=Math.min(1,Math.max(0,t.target.y()/T.height+e.cropY)),i=t.target.width()*t.target.scaleX(),o=t.target.height()*t.target.scaleY(),n=Math.min(1-r,i/T.width),h=Math.min(1-a,o/T.height),d=t.target.getAbsolutePosition(t.target.getParent().getParent());t.target.scale({x:1,y:1}),t.target.position({x:0,y:0}),e.set({x:d.x,y:d.y,cropX:r,cropY:a,cropWidth:n,cropHeight:h,width:Math.min(i*$,T.width*(1-r)*$),height:Math.min(o*$,T.height*(1-a)*$)})}}),i.default.createElement(h.Transformer,{ref:K,enabledAnchors:["top-left","top-right","bottom-left","bottom-right"],boundBoxFunc:(e,t)=>t.width<5||t.height<5?e:t,keepRatio:!1,rotateEnabled:!1,anchorFill:"rgb(240, 240, 240)",anchorStrokeWidth:2,borderStrokeWidth:2}))),(u||f)&&i.default.createElement(s.Highlighter,{element:e}))});
 },{"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","../utils/screen":"aH85"}],"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) {
@@ -303,14 +303,16 @@ 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:n})=>{const r=o.default.useRef(null);o.default.useEffect(()=>{if(!r.current)return;const e=new l.default(r.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=r.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())}),r.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}},[]),o.default.useEffect(()=>{var t;const i=exports.quillRef.editor.instance;if(!i)return;const o=i.getSelection();if((null===(t=r.current)||void 0===t?void 0:t.childNodes[0].innerHTML)!==n.text){var a=i.clipboard.convert("<div class='ql-editor' style='outline: none;'>"+e+"<p><br></p></div>");i.setContents(a),i.history.clear(),o&&(i.setSelection(o.index,o.length),exports.quillRef.currentFormat=i.getFormat())}},[n.text]);const a=(0,c.useTextColor)(n).fill;return o.default.createElement(S,{ref:r,style:{fontSize:n.fontSize,color:a,width:n.width,fontFamily:n.fontFamily,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing+"rem",textAlign:n.align},dir:(0,c.getDir)((0,b.removeTags)(n.text))})};function q(e,t,i){return o.default.useMemo(()=>(0,h.detectSize)(e),[e,t.width,i])}function z(e,{fontFamily:t="",color:i="black"}={}){let n=`color: ${i||e.fill}`;return`<div style="white-space: unset; width: ${Math.round(e.width||100)}px; ${n}; 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,b.removeTags)(e.text))}">${e.text}</div>`}const F=e=>{let t=e.fontSize;for(let i=1;i<50;i++){const i=z(Object.assign(Object.assign({},e.toJSON()),{fontSize:t}),{fontFamily:e.fontFamily}),{height:n}=(0,h.detectSize)(i);if(!(e.height&&n>e.height))break;t-=.5}return t};exports.HTMLElement=(0,r.observer)(({element:e,store:t})=>{const i=o.default.useRef(null),[n,r]=o.default.useState(),[l,x]=o.default.useState(!1),[b,O]=o.default.useState(!0),[_,k]=o.default.useState(!1),[R,T]=o.default.useState(!1),M=o.default.useRef(e.height),$=t.selectedElements.indexOf(e)>=0,H=e.fontSize/4,{textVerticalResizeEnabled:L}=u.flags,[C]=(0,c.useFontLoader)(t,e.fontFamily);(0,g.useFadeIn)(i);const D=C?e.fontFamily:"Arial",P=(0,c.useTextColor)(e).fill,X=z(e,{fontFamily:D,color:P}),{width:Y,height:j}=q(X,e,C);o.default.useEffect(()=>{if(!C)return;if(!e.height)return void e.set({height:j});const{textOverflow:i}=u.flags;if("change-font-size"!==i||l)"resize"===i&&(L&&e.height<j&&t.history.ignore(()=>{e.set({height:j})}),L||e.height===j||t.history.ignore(()=>{e.set({height:j})}));else{const i=F(e);i!==e.fontSize?t.history.ignore(()=>{e.set({fontSize:i})}):e.height!==j&&t.history.ignore(()=>{e.set({height:j})})}});const I=o.default.useRef(0);o.default.useLayoutEffect(()=>{if(l||_)return;I.current++;const i=I.current,n=(0,p.incrementLoader)(`text ${e.id}`);O(!0),async function(){await new Promise(e=>setTimeout(e));const o=await(0,h.htmlToCanvas)({html:X,width:e.width||1,height:e.height||j||1,fontFamily:D,padding:H,font:t.fonts.find(e=>e.fontFamily===D)||w.globalFonts.find(e=>e.fontFamily===D)});i===I.current?(r(o),O(!1),s.default.Util.requestAnimFrame(n)):n()}()},[X,l,j,_,D]);const A=l||b;o.default.useLayoutEffect(()=>d.autorun(()=>{const t=i.current;(0,f.applyFilter)(t,e)}),[n,A,e.shadowColor,e.shadowOffsetX,e.shadowOffsetY,e.shadowOpacity]);let B=0;"middle"===e.verticalAlign&&(B=(e.height-j)/2),"bottom"===e.verticalAlign&&(B=e.height-j);const N=(0,c.getLineHeight)({fontLoaded:C,fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:e.lineHeight}),V=(0,v.useMobile)();return o.default.createElement(o.default.Fragment,null,o.default.createElement(a.Rect,{x:e.x,y:e.y,offsetX:e.backgroundPadding*(e.fontSize*N*.5),offsetY:e.backgroundPadding*(e.fontSize*N*.5),rotation:e.rotation,hideInExport:!e.showInExport||!e.text,listening:!1,visible:e.backgroundEnabled,opacity:e.backgroundOpacity,fill:e.backgroundColor,width:e.width+e.backgroundPadding*(e.fontSize*N),height:e.height+e.backgroundPadding*(e.fontSize*N),cornerRadius:e.backgroundCornerRadius*(e.fontSize*N*.5)}),o.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:V?e.draggable&&$:e.draggable,preventDefault:!V||$,opacity:_?0:e.opacity,hideInExport:!e.showInExport,onMouseEnter:()=>{T(!0)},onMouseLeave:()=>{T(!1)},onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{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&&k(!0)},onDblTap:()=>{e.contentEditable&&k(!0)},onTransformStart:t=>{x(!0),M.current=e.height},onTransform:t=>{var i;const n=t.target,o=(null===(i=n.getStage())||void 0===i?void 0:i.findOne("Transformer")).getActiveAnchor(),r="middle-left"===o||"middle-right"===o,a="top-center"===o||"bottom-center"===o,l=n.scaleX();if(r){const t=n.scaleX(),i=Math.max(n.width()*t,e.fontSize);if(n.width(i),n.scaleX(1),u.flags.textVerticalResizeEnabled){const t=Math.max(j,M.current);e.set({height:t})}e.set({width:i,x:n.x(),y:n.y()})}else if(a){let i="resize"===u.flags.textOverflow?j:e.lineHeight*e.fontSize;const o=Math.max(i,t.target.height()*t.target.scaleY());n.scaleY(1),e.set({x:n.x(),y:n.y(),height:o,rotation:n.rotation()})}else n.scaleX(1),n.scaleY(1),e.set({fontSize:e.fontSize*l,width:n.width()*l,x:n.x(),y:n.y(),rotation:n.rotation(),height:n.height()*l})},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()})}}),o.default.createElement(a.Image,{ref:i,image:n,x:e.x,y:e.y,offsetX:H,offsetY:H-B,listening:!1,rotation:e.rotation,width:e.width+2*H,height:e.height+2*H,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&&o.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-B},o.default.createElement(y.Html,{divProps:{style:{pointerEvents:"none"}}},o.default.createElement(S,{dangerouslySetInnerHTML:{__html:X},style:{pointerEvents:"none",display:"inline-block"}}))),_&&o.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-B},o.default.createElement(y.Html,null,o.default.createElement(E,{html:X,element:e,onChange:t=>{e.set({text:t})},onBlur:e=>{k(!1)}}))),($||R)&&o.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","../utils/screen":"aH85"}],"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("react-konva"),a=require("../utils/flags"),s=(0,r.observer)(e=>{const{element:r,store:n}=e,{children:l}=r,o=r.selectable||"admin"===n.role;return t.default.createElement(i.Group,{opacity:r.opacity,listening:o},l.map(r=>t.default.createElement(c,Object.assign({},e,{key:r.id,store:n,element:r}))))}),m={text:n.TextElement,image:l.ImageElement,svg:l.ImageElement,group:s};function u(e,t){m[e]=t}exports.registerShapeComponent=u;const c=(0,r.observer)(e=>{let r=m[e.element.type];return"text"===e.element.type&&a.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});exports.default=c;
-},{"react":"HdMw","mobx-react-lite":"ZfSi","./text-element":"Fpgh","./image-element":"VbEp","./html-element":"BLZX","react-konva":"Sgug","../utils/flags":"IDY9"}],"RXmf":[function(require,module,exports) {
+`,E=({html:e,onBlur:t,onChange:i,element:n})=>{const r=o.default.useRef(null);o.default.useEffect(()=>{if(!r.current)return;const e=new l.default(r.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=r.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())}),r.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}},[]),o.default.useEffect(()=>{var t;const i=exports.quillRef.editor.instance;if(!i)return;const o=i.getSelection();if((null===(t=r.current)||void 0===t?void 0:t.childNodes[0].innerHTML)!==n.text){var a=i.clipboard.convert("<div class='ql-editor' style='outline: none;'>"+e+"<p><br></p></div>");i.setContents(a),i.history.clear(),o&&(i.setSelection(o.index,o.length),exports.quillRef.currentFormat=i.getFormat())}},[n.text]);const a=(0,c.useTextColor)(n).fill;return o.default.createElement(S,{ref:r,style:{fontSize:n.fontSize,color:a,width:n.width,fontFamily:n.fontFamily,lineHeight:n.lineHeight,letterSpacing:n.letterSpacing+"rem",textAlign:n.align},dir:(0,c.getDir)((0,b.removeTags)(n.text))})};function q(e,t,i){return o.default.useMemo(()=>(0,h.detectSize)(e),[e,t.width,i])}function z(e,{fontFamily:t="",color:i="black"}={}){let n=`color: ${i||e.fill}`;return`<div style="white-space: unset; width: ${Math.round(e.width||100)}px; ${n}; 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,b.removeTags)(e.text))}">${e.text}</div>`}const F=e=>{let t=e.fontSize;for(let i=1;i<50;i++){const i=z(Object.assign(Object.assign({},e.toJSON()),{fontSize:t}),{fontFamily:e.fontFamily}),{height:n}=(0,h.detectSize)(i);if(!(e.height&&n>e.height))break;t-=.5}return t};exports.HTMLElement=(0,r.observer)(({element:e,store:t})=>{const i=o.default.useRef(null),[n,r]=o.default.useState(),[l,x]=o.default.useState(!1),[b,O]=o.default.useState(!0),[_,k]=o.default.useState(!1),[R,T]=o.default.useState(!1),M=o.default.useRef(e.height),$=t.selectedElements.indexOf(e)>=0,H=e.fontSize/4,{textVerticalResizeEnabled:L}=u.flags,[C]=(0,c.useFontLoader)(t,e.fontFamily);(0,g.useFadeIn)(i);const D=C?e.fontFamily:"Arial",P=(0,c.useTextColor)(e).fill,X=z(e,{fontFamily:D,color:P}),{width:Y,height:j}=q(X,e,C);o.default.useEffect(()=>{if(!C)return;if(!e.height)return void e.set({height:j});const{textOverflow:i}=u.flags;if("change-font-size"!==i||l)"resize"===i&&(L&&e.height<j&&t.history.ignore(()=>{e.set({height:j})}),L||e.height===j||t.history.ignore(()=>{e.set({height:j})}));else{const i=F(e);i!==e.fontSize?t.history.ignore(()=>{e.set({fontSize:i})}):e.height!==j&&t.history.ignore(()=>{e.set({height:j})})}});const I=o.default.useRef(0);o.default.useLayoutEffect(()=>{if(l||_)return;I.current++;const i=I.current,n=(0,p.incrementLoader)(`text ${e.id}`);O(!0),async function(){await new Promise(e=>setTimeout(e));const o=await(0,h.htmlToCanvas)({html:X,width:e.width||1,height:e.height||j||1,fontFamily:D,padding:H,font:t.fonts.find(e=>e.fontFamily===D)||w.globalFonts.find(e=>e.fontFamily===D)});i===I.current?(r(o),O(!1),s.default.Util.requestAnimFrame(n)):n()}()},[X,l,j,_,D,e.height]);const A=l||b;o.default.useLayoutEffect(()=>d.autorun(()=>{const t=i.current;(0,f.applyFilter)(t,e)}),[n,A,e.shadowColor,e.shadowOffsetX,e.shadowOffsetY,e.shadowOpacity]);let B=0;"middle"===e.verticalAlign&&(B=(e.height-j)/2),"bottom"===e.verticalAlign&&(B=e.height-j);const N=(0,c.getLineHeight)({fontLoaded:C,fontFamily:e.fontFamily,fontSize:e.fontSize,lineHeight:e.lineHeight}),V=(0,v.useMobile)();return o.default.createElement(o.default.Fragment,null,o.default.createElement(a.Rect,{x:e.x,y:e.y,offsetX:e.backgroundPadding*(e.fontSize*N*.5),offsetY:e.backgroundPadding*(e.fontSize*N*.5),rotation:e.rotation,hideInExport:!e.showInExport||!e.text,listening:!1,visible:e.backgroundEnabled,opacity:e.backgroundOpacity,fill:e.backgroundColor,width:e.width+e.backgroundPadding*(e.fontSize*N),height:e.height+e.backgroundPadding*(e.fontSize*N),cornerRadius:e.backgroundCornerRadius*(e.fontSize*N*.5)}),o.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:V?e.draggable&&$:e.draggable,preventDefault:!V||$,opacity:_?0:e.opacity,hideInExport:!e.showInExport,onMouseEnter:()=>{T(!0)},onMouseLeave:()=>{T(!1)},onDragStart:()=>{t.history.startTransaction()},onDragMove:t=>{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&&k(!0)},onDblTap:()=>{e.contentEditable&&k(!0)},onTransformStart:t=>{x(!0),M.current=e.height},onTransform:t=>{var i;const n=t.target,o=(null===(i=n.getStage())||void 0===i?void 0:i.findOne("Transformer")).getActiveAnchor(),r="middle-left"===o||"middle-right"===o,a="top-center"===o||"bottom-center"===o,l=n.scaleX();if(r){const t=n.scaleX(),i=Math.max(n.width()*t,e.fontSize);if(n.width(i),n.scaleX(1),u.flags.textVerticalResizeEnabled){const t=Math.max(j,M.current);e.set({height:t})}e.set({width:i,x:n.x(),y:n.y()})}else if(a){let i="resize"===u.flags.textOverflow?j:e.lineHeight*e.fontSize;const o=Math.max(i,t.target.height()*t.target.scaleY());n.scaleY(1),e.set({x:n.x(),y:n.y(),height:o,rotation:n.rotation()})}else n.scaleX(1),n.scaleY(1),e.set({fontSize:e.fontSize*l,width:n.width()*l,x:n.x(),y:n.y(),rotation:n.rotation(),height:n.height()*l})},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()})}}),o.default.createElement(a.Image,{ref:i,image:n,x:e.x,y:e.y,offsetX:H,offsetY:H-B,listening:!1,rotation:e.rotation,width:e.width+2*H,height:e.height+2*H,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&&o.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-B},o.default.createElement(y.Html,{divProps:{style:{pointerEvents:"none"}}},o.default.createElement(S,{dangerouslySetInnerHTML:{__html:X},style:{pointerEvents:"none",display:"inline-block"}}))),_&&o.default.createElement(a.Group,{x:e.x,y:e.y,rotation:e.rotation,offsetY:-B},o.default.createElement(y.Html,null,o.default.createElement(E,{html:X,element:e,onChange:t=>{e.set({text:t})},onBlur:e=>{k(!1)}}))),($||R)&&o.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","../utils/screen":"aH85"}],"RXmf":[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.getTotalClientRect=exports.getClientRect=void 0;const e=t(require("konva"));function a(t,e,a,n,i){const x=Math.sqrt(a*a+n*n);return i+=Math.atan2(n,a),{x:t+x*Math.cos(i),y:e+x*Math.sin(i)}}function n(t){const{x:n,y:i,width:x,height:m}=t,o=e.default.Util.degToRad(t.rotation),h=a(n,i,0,0,o),r=a(n,i,x,0,o),s=a(n,i,x,m,o),u=a(n,i,0,m,o),c=Math.min(h.x,r.x,s.x,u.x),M=Math.min(h.y,r.y,s.y,u.y),l=Math.max(h.x,r.x,s.x,u.x),y=Math.max(h.y,r.y,s.y,u.y);return{x:c,y:M,width:l-c,height:y-M,minX:c,minY:M,maxX:l,maxY:y}}function i(t){const e=t.map(t=>n(t)),a=Math.min(...e.map(t=>t.minX)),i=Math.min(...e.map(t=>t.minY)),x=Math.max(...e.map(t=>t.maxX)),m=Math.max(...e.map(t=>t.maxY));return{x:a,y:i,width:x-a,height:m-i,minX:a,minY:i,maxX:x,maxY:m}}exports.getClientRect=n,exports.getTotalClientRect=i;
 },{"konva":"aTGn"}],"F86d":[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.useSnap=void 0;const t=e(require("react")),n=e(require("konva")),r=require("../utils/math");var i=5;function a(e){const t=e.__getNodeRect(),i=(0,r.getClientRect)(Object.assign(Object.assign({},t),{rotation:n.default.Util.radToDeg(t.rotation)})),a=e.getAbsolutePosition();return{vertical:[{guide:i.x,offset:a.x-i.x,snap:"start"},{guide:i.x+i.width/2,offset:a.x-i.x-i.width/2,snap:"center"},{guide:i.x+i.width,offset:a.x-i.x-i.width,snap:"end"}],horizontal:[{guide:i.y,offset:a.y-i.y,snap:"start"},{guide:i.y+i.height/2,offset:a.y-i.y-i.height/2,snap:"center"},{guide:i.y+i.height,offset:a.y-i.y-i.height,snap:"end"}]}}function s(e,t){var n=[],r=[];e.vertical.forEach(e=>{t.vertical.forEach(t=>{var r=Math.abs(e-t.guide);r<i&&n.push({lineGuide:e,diff:r,snap:t.snap,offset:t.offset})})}),e.horizontal.forEach(e=>{t.horizontal.forEach(t=>{var n=Math.abs(e-t.guide);n<i&&r.push({lineGuide:e,diff:n,snap:t.snap,offset:t.offset})})});var a=[];const s=n.sort((e,t)=>e.diff-t.diff),o=r.sort((e,t)=>e.diff-t.diff);var d=s[0],f=o[0];return d&&s.filter(e=>Math.abs(e.diff-d.diff)<.1).forEach(e=>{a.push(Object.assign({orientation:"V"},e))}),f&&o.filter(e=>Math.abs(e.diff-f.diff)<.1).forEach(e=>{a.push(Object.assign({orientation:"H"},e))}),a}function o(e){const r=e=>e.hasName("element")||e.hasName("page-background")||e.hasName("elements-area");function i(t){var n;const i=null===(n=e.current)||void 0===n?void 0:n.getStage();var a=[],s=[];return i.find(r).forEach(e=>{if(!(t.indexOf(e)>=0)){var n=e.getClientRect({skipShadow:!0,skipStroke:!0});a.push(n.x,n.x+n.width,n.x+n.width/2),s.push(n.y,n.y+n.height,n.y+n.height/2)}}),{vertical:a,horizontal:s}}function o(t){var r;const i=null===(r=e.current)||void 0===r?void 0:r.getLayer(),a=null==i?void 0:i.children.find(e=>"line-guides"===e.name());t.forEach(e=>{if("H"===e.orientation){var t=new n.default.Line({points:[-6e3,e.lineGuide,6e3,e.lineGuide],stroke:"rgb(0, 161, 255)",strokeWidth:1,name:"guid-line",dash:[4,6]});null==a||a.add(t),i.batchDraw()}else"V"===e.orientation&&(t=new n.default.Line({points:[e.lineGuide,-6e3,e.lineGuide,6e3],stroke:"rgb(0, 161, 255)",strokeWidth:1,name:"guid-line",dash:[4,6]}),null==a||a.add(t))})}const d=e=>{e.target.getLayer().children.find(e=>"line-guides"===e.name()).destroyChildren();var t=s(i(e.target.nodes()),a(e.target));if(!t.length)return;o(t);const n=e.target.getAbsolutePosition(),r=Object.assign({},n);t.forEach(e=>{switch(e.snap){case"start":case"center":case"end":switch(e.orientation){case"V":r.x=e.lineGuide+e.offset;break;case"H":r.y=e.lineGuide+e.offset}}});const d=r.x-n.x,f=r.y-n.y;e.evt.ctrlKey||e.evt.metaKey||e.target.nodes().forEach(e=>{const t=e.getAbsolutePosition();e.setAbsolutePosition({x:t.x+d,y:t.y+f})})},f=(t,n,r)=>{const a=e.current,d=a.getLayer();if(d.children.find(e=>"line-guides"===e.name()).destroyChildren(),"rotater"===a.getActiveAnchor())return n;if(Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))>50)return n;if(!d)return n;var f=s(i(a.nodes()),{vertical:[{guide:n.x,offset:0,snap:"start"}],horizontal:[{guide:n.y,offset:0,snap:"start"}]});if(!f.length)return n;if(o(f),r.ctrlKey||r.metaKey)return n;let u=n.x,c=n.x;f.forEach(e=>{switch(e.orientation){case"V":u=e.lineGuide;break;case"H":c=e.lineGuide}});const h=Math.abs(n.x-u)<10,l=Math.abs(n.y-c)<10;return h&&!l?{x:u,y:t.y}:l&&!h?{x:t.x,y:c}:h&&l?{x:u,y:c}:n},u=e=>{if(!e.target)return;const t=e.target.getLayer();t.children.find(e=>"line-guides"===e.name()).destroyChildren(),t.batchDraw()};t.default.useEffect(()=>{e.current&&(e.current.anchorDragBoundFunc(f),e.current.on("dragstart",()=>{setTimeout(()=>{const e=[...n.default.DD._dragElements.entries()];e.reverse(),n.default.DD._dragElements.clear(),e.forEach(([e,t])=>{n.default.DD._dragElements.set(e,t)})})}),e.current.on("dragmove",d),e.current.on("dragend",u),e.current.on("transformend",u))},[])}exports.useSnap=o;
-},{"react":"HdMw","konva":"aTGn","../utils/math":"RXmf"}],"hfHf":[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.useAnchorSnap=exports.useSnap=void 0;const t=e(require("react")),n=e(require("konva")),i=require("../utils/math");var r=5;function a(e){const t=e.__getNodeRect(),r=(0,i.getClientRect)(Object.assign(Object.assign({},t),{rotation:n.default.Util.radToDeg(t.rotation)})),a=e.getAbsolutePosition();return{vertical:[{guide:r.x,offset:a.x-r.x,snap:"start"},{guide:r.x+r.width/2,offset:a.x-r.x-r.width/2,snap:"center"},{guide:r.x+r.width,offset:a.x-r.x-r.width,snap:"end"}],horizontal:[{guide:r.y,offset:a.y-r.y,snap:"start"},{guide:r.y+r.height/2,offset:a.y-r.y-r.height/2,snap:"center"},{guide:r.y+r.height,offset:a.y-r.y-r.height,snap:"end"}]}}function o(e,t){var n=[],i=[];e.vertical.forEach(e=>{t.vertical.forEach(t=>{var i=Math.abs(e-t.guide);i<r&&n.push({lineGuide:e,diff:i,snap:t.snap,offset:t.offset})})}),e.horizontal.forEach(e=>{t.horizontal.forEach(t=>{var n=Math.abs(e-t.guide);n<r&&i.push({lineGuide:e,diff:n,snap:t.snap,offset:t.offset})})});var a=[];const o=n.sort((e,t)=>e.diff-t.diff),s=i.sort((e,t)=>e.diff-t.diff);var d=o[0],u=s[0];return d&&o.filter(e=>Math.abs(e.diff-d.diff)<.1).forEach(e=>{a.push(Object.assign({orientation:"V"},e))}),u&&s.filter(e=>Math.abs(e.diff-u.diff)<.1).forEach(e=>{a.push(Object.assign({orientation:"H"},e))}),a}function s(e){const i=e=>e.hasName("element")||e.hasName("page-background")||e.hasName("elements-area");function r(t){var n;const r=null===(n=e.current)||void 0===n?void 0:n.getStage();var a=[],o=[];return r.find(i).forEach(e=>{if(!(t.indexOf(e)>=0)){var n=e.getClientRect({skipShadow:!0,skipStroke:!0});a.push(n.x,n.x+n.width,n.x+n.width/2),o.push(n.y,n.y+n.height,n.y+n.height/2)}}),{vertical:a,horizontal:o}}function s(t){var i;const r=null===(i=e.current)||void 0===i?void 0:i.getLayer(),a=null==r?void 0:r.children.find(e=>"line-guides"===e.name());t.forEach(e=>{if("H"===e.orientation){var t=new n.default.Line({points:[-6e3,e.lineGuide,6e3,e.lineGuide],stroke:"rgb(0, 161, 255)",strokeWidth:1,name:"guid-line",dash:[4,6]});null==a||a.add(t),r.batchDraw()}else"V"===e.orientation&&(t=new n.default.Line({points:[e.lineGuide,-6e3,e.lineGuide,6e3],stroke:"rgb(0, 161, 255)",strokeWidth:1,name:"guid-line",dash:[4,6]}),null==a||a.add(t))})}const d=e=>{e.target.getLayer().children.find(e=>"line-guides"===e.name()).destroyChildren();var t=o(r(e.target.nodes()),a(e.target));if(!t.length)return;s(t);const n=e.target.getAbsolutePosition(),i=Object.assign({},n);t.forEach(e=>{switch(e.snap){case"start":case"center":case"end":switch(e.orientation){case"V":i.x=e.lineGuide+e.offset;break;case"H":i.y=e.lineGuide+e.offset}}});const d=i.x-n.x,u=i.y-n.y;e.evt.ctrlKey||e.evt.metaKey||e.target.nodes().forEach(e=>{const t=e.getAbsolutePosition();e.setAbsolutePosition({x:t.x+d,y:t.y+u})})},u=(t,n,i)=>{const a=e.current,d=a.getLayer();if(d.children.find(e=>"line-guides"===e.name()).destroyChildren(),"rotater"===a.getActiveAnchor())return n;if(Math.sqrt(Math.pow(n.x-t.x,2)+Math.pow(n.y-t.y,2))>50)return n;if(!d)return n;var u=o(r(a.nodes()),{vertical:[{guide:n.x,offset:0,snap:"start"}],horizontal:[{guide:n.y,offset:0,snap:"start"}]});if(!u.length)return n;if(s(u),i.ctrlKey||i.metaKey)return n;let c=n.x,f=n.x;u.forEach(e=>{switch(e.orientation){case"V":c=e.lineGuide;break;case"H":f=e.lineGuide}});const l=Math.abs(n.x-c)<10,h=Math.abs(n.y-f)<10;return l&&!h?{x:c,y:t.y}:h&&!l?{x:t.x,y:f}:l&&h?{x:c,y:f}:n},c=e=>{if(!e.target)return;const t=e.target.getLayer();t.children.find(e=>"line-guides"===e.name()).destroyChildren(),t.batchDraw()};t.default.useEffect(()=>{e.current&&(e.current.anchorDragBoundFunc(u),e.current.on("dragstart",()=>{setTimeout(()=>{const e=[...n.default.DD._dragElements.entries()];e.reverse(),n.default.DD._dragElements.clear(),e.forEach(([e,t])=>{n.default.DD._dragElements.set(e,t)})})}),e.current.on("dragmove",d),e.current.on("dragend",c),e.current.on("transformend",c))},[])}function d(e){return{vertical:[{guide:e.absolutePosition().x,offset:0,snap:"center"}],horizontal:[{guide:e.absolutePosition().y,offset:0,snap:"center"}]}}function u(e,i,r){const a=e=>e.hasName("element")||e.hasName("line-anchor")||e.hasName("page-background")||e.hasName("elements-area"),s=t=>{t.target.getLayer().children.find(e=>"line-guides"===e.name()).destroyChildren();var r=o(function(t){var n;const i=null===(n=e.current)||void 0===n?void 0:n.getStage();var r=[],o=[];return i.find(a).forEach(e=>{if(!(t.indexOf(e)>=0)){var n=e.getClientRect({skipShadow:!0,skipStroke:!0});e.hasName("line-anchor")&&(n={x:e.absolutePosition().x,y:e.absolutePosition().y,width:0,height:0}),r.push(n.x,n.x+n.width,n.x+n.width/2),o.push(n.y,n.y+n.height,n.y+n.height/2)}}),{vertical:r,horizontal:o}}([t.target,...i.map(e=>e.current)]),d(t.target));if(!r.length)return;!function(t){var i;const r=null===(i=e.current)||void 0===i?void 0:i.getLayer(),a=null==r?void 0:r.children.find(e=>"line-guides"===e.name());t.forEach(e=>{if("H"===e.orientation){var t=new n.default.Line({points:[-6e3,e.lineGuide,6e3,e.lineGuide],stroke:"rgb(0, 161, 255)",strokeWidth:1,name:"guid-line",dash:[4,6]});null==a||a.add(t),r.batchDraw()}else"V"===e.orientation&&(t=new n.default.Line({points:[e.lineGuide,-6e3,e.lineGuide,6e3],stroke:"rgb(0, 161, 255)",strokeWidth:1,name:"guid-line",dash:[4,6]}),null==a||a.add(t))})}(r);const s=t.target.getAbsolutePosition(),u=Object.assign({},s);r.forEach(e=>{switch(e.snap){case"start":case"center":case"end":switch(e.orientation){case"V":u.x=e.lineGuide+e.offset;break;case"H":u.y=e.lineGuide+e.offset}}});const c=u.x-s.x,f=u.y-s.y;if(!t.evt.ctrlKey&&!t.evt.metaKey){const e=t.target.getAbsolutePosition();t.target.absolutePosition({x:e.x+c,y:e.y+f})}},u=e=>{if(!e.target)return;const t=e.target.getLayer();t.children.find(e=>"line-guides"===e.name()).destroyChildren(),t.batchDraw()};t.default.useEffect(()=>{e.current&&(e.current.on("dragmove",s),e.current.on("dragend",u))},r)}exports.useSnap=s,exports.useAnchorSnap=u;
+},{"react":"HdMw","konva":"aTGn","../utils/math":"RXmf"}],"JKBY":[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.LineElement=void 0;const t=e(require("react")),a=require("mobx-react-lite"),r=require("react-konva"),n=require("react-konva-utils"),o=require("./highlighter"),i=require("./use-transformer-snap"),s=require("../utils/screen");function h({x:e,y:t,width:a,height:r,rotation:n}){const o=n*Math.PI/180,i={x:e+r/2*Math.cos(o+Math.PI/2),y:t+r/2*Math.sin(o+Math.PI/2)};return{middleLeft:i,middleRight:{x:i.x+a*Math.cos(o),y:i.y+a*Math.sin(o)}}}function l(e,t,a){const r=Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2)),n=Math.atan2(t.y-e.y,t.x-e.x),o=180*n/Math.PI;return{x:e.x+Math.cos(n-Math.PI/2)*a/2,y:e.y+Math.sin(n-Math.PI/2)*a/2,width:r,height:a,rotation:o}}const d=(e,t)=>({offsetX:5/e,offsetY:5/e,width:10/e,height:10/e,fill:"white",stroke:"rgb(0, 161, 255)",strokeWidth:2,strokeScaleEnabled:!1,draggable:!0,dragDistance:0,onMouseEnter:e=>{e.target.getStage().container().style.cursor="crosshair"},onMouseLeave:e=>{e.target.getStage().container().style.cursor=""},onDragStart:e=>{t.history.startTransaction()},onDragEnd:e=>{t.history.endTransaction()}}),c=(0,a.observer)(({element:e,type:a})=>{const n={strokeWidth:e.height,stroke:e.a.color,lineCap:"round",lineJoin:"round",fill:e.a.color,opacity:e.a.opacity};return t.default.createElement(t.default.Fragment,null,"arrow"===a&&t.default.createElement(r.Line,Object.assign({points:[3*e.height,2*-e.height,0,0,3*e.height,2*e.height]},n)),"triangle"===a&&t.default.createElement(r.Line,Object.assign({points:[3*e.height,2*-e.height,0,0,3*e.height,2*e.height],closed:!0},n)),"bar"===a&&t.default.createElement(r.Line,Object.assign({points:[0,2*-e.height,0,2*e.height],closed:!0},n)),"square"===a&&t.default.createElement(r.Line,Object.assign({points:[0,2*-e.height,4*e.height,2*-e.height,4*e.height,2*e.height,0,2*e.height],closed:!0},n)),"circle"===a&&t.default.createElement(r.Circle,Object.assign({x:2*e.height,y:0,radius:2*e.height},n)))});exports.LineElement=(0,a.observer)(({element:e,store:a})=>{const g=t.default.useRef(null),u=t.default.useRef(null),f=t.default.useRef(null),y=e.selectable||"admin"===a.role,m=(0,s.useMobile)(),[x,p]=t.default.useState(!1),E=a.selectedElements.indexOf(e)>=0&&1===a.selectedElements.length,{middleLeft:w,middleRight:M}=h(e);return(0,i.useAnchorSnap)(u,[g],[E]),(0,i.useAnchorSnap)(f,[g],[E]),t.default.createElement(t.default.Fragment,null,t.default.createElement(r.Line,{ref:g,name:"element",id:e.id,x:e.a.x,y:e.a.y,points:[0,0,e.width,0],offsetY:-e.height/2,strokeWidth:e.height,hitStrokeWidth:Math.max(e.height,20),dash:e.dash.map(t=>t*e.height),stroke:e.a.color,rotation:e.a.rotation,opacity:e.animated("opacity"),shadowEnabled:e.shadowEnabled,shadowBlur:e.shadowBlur,shadowOffsetX:e.shadowOffsetX,shadowOffsetY:e.shadowOffsetY,shadowColor:e.shadowColor,shadowOpacity:e.shadowOpacity,listening:y,draggable:m?e.draggable&&E:e.draggable,preventDefault:!m||E,hideInExport:!e.showInExport,onMouseEnter:()=>{p(!0)},onMouseLeave:()=>{p(!1)},onDragStart:()=>{a.history.startTransaction()},onDragMove:t=>{e.set({x:t.target.x(),y:t.target.y()})},onDragEnd:t=>{e.set({x:t.target.x(),y:t.target.y()}),a.history.endTransaction()},onTransformStart:()=>{a.history.startTransaction()},onTransform:t=>{const a=t.target.scaleX();t.target.scaleX(1),t.target.scaleY(1),e.set({height:e.height*a,width:e.width*a,x:t.target.x(),y:t.target.y(),rotation:t.target.rotation()})},onTransformEnd:e=>{a.history.endTransaction()}}),t.default.createElement(r.Group,{x:w.x,y:w.y,rotation:e.rotation},t.default.createElement(c,{element:e,type:e.startHead})),t.default.createElement(r.Group,{x:M.x,y:M.y,rotation:e.rotation+180},t.default.createElement(c,{element:e,type:e.endHead})),x&&!E&&t.default.createElement(o.Highlighter,{element:e}),E&&e.resizable&&t.default.createElement(n.Portal,{selector:".page-abs-container",enabled:!0},t.default.createElement(r.Group,{visible:E},t.default.createElement(r.Rect,Object.assign({x:w.x,y:w.y,ref:u,name:"line-anchor"},d(a.scale,a),{onDragMove:t=>{const a=l(t.target.position(),M,e.height);e.set({x:a.x,y:a.y,width:a.width,rotation:a.rotation})}})),t.default.createElement(r.Rect,Object.assign({x:M.x,y:M.y,ref:f,name:"line-anchor"},d(a.scale,a),{onDragMove:t=>{const a=l(w,t.target.position(),e.height);e.set({x:a.x,y:a.y,width:a.width,rotation:a.rotation})}})))))});
+},{"react":"HdMw","mobx-react-lite":"ZfSi","react-konva":"Sgug","react-konva-utils":"jXQU","./highlighter":"cEy1","./use-transformer-snap":"F86d","../utils/screen":"aH85"}],"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"),i=require("./html-element"),o=require("./line-element"),a=require("react-konva"),m=require("../utils/flags"),s=(0,r.observer)(e=>{const{element:r,store:n}=e,{children:l}=r,i=r.selectable||"admin"===n.role;return t.default.createElement(a.Group,{opacity:r.opacity,listening:i},l.map(r=>t.default.createElement(p,Object.assign({},e,{key:r.id,store:n,element:r}))))}),u={text:n.TextElement,image:l.ImageElement,svg:l.ImageElement,line:o.LineElement,group:s};function c(e,t){u[e]=t}exports.registerShapeComponent=c;const p=(0,r.observer)(e=>{let r=u[e.element.type];return"text"===e.element.type&&m.flags.htmlRenderEnabled&&(r=i.HTMLElement),e.element.visible?r?t.default.createElement(r,Object.assign({},e)):(console.error("Can not find component for "+e.element.type),null):null});exports.default=p;
+},{"react":"HdMw","mobx-react-lite":"ZfSi","./text-element":"Fpgh","./image-element":"VbEp","./html-element":"BLZX","./line-element":"JKBY","react-konva":"Sgug","../utils/flags":"IDY9"}],"hfHf":[function(require,module,exports) {
 "use strict";function t(t,e,h="scale"){const i=e.width/e.height;let o,r;i>=t.width/t.height?(o=t.width,r=t.width/i):(o=t.height*i,r=t.height);let d=0,g=0;return"left-top"===h?(d=0,g=0):"left-middle"===h?(d=0,g=(t.height-r)/2):"left-bottom"===h?(d=0,g=t.height-r):"center-top"===h?(d=(t.width-o)/2,g=0):"center-middle"===h?(d=(t.width-o)/2,g=(t.height-r)/2):"center-bottom"===h?(d=(t.width-o)/2,g=t.height-r):"right-top"===h?(d=t.width-o,g=0):"right-middle"===h?(d=t.width-o,g=(t.height-r)/2):"right-bottom"===h?(d=t.width-o,g=t.height-r):"scale"===h?(d=0,g=0,o=t.width,r=t.height):console.error(new Error("Unknown clip position property - "+h)),{cropX:d,cropY:g,cropWidth:o,cropHeight:r}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.getCrop=void 0,exports.getCrop=t;
 },{}],"Qw3W":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Alignment=void 0;var e={CENTER:"center",LEFT:"left",RIGHT:"right"};exports.Alignment=e;
@@ -337,7 +339,7 @@ var t=require("process");Object.defineProperty(exports,"__esModule",{value:!0}),
 },{}],"tc1w":[function(require,module,exports) {
 "use strict";function r(r,n,e){return void 0===e&&(e=function(r,n){return r===n}),null==r&&null==n||null!=r&&null!=n&&r.length===n.length&&r.every(function(r,t){return e(r,n[t])})}function n(r,n,e){if(null==r&&null==n)return!0;if(null==r||null==n)return!1;if(Array.isArray(r)||Array.isArray(n))return!1;if(null!=e)return u(r,n,e);var t=Object.keys(r),l=Object.keys(n);return u(r,n,{include:t})&&u(r,n,{include:l})}function e(n,t,u){if(n===t)return!0;if(null==n&&null==t)return!0;if(null==n||null==t)return!1;if(Array.isArray(n)||Array.isArray(t))return r(n,t,e);if(o(n)||o(t))return n===t;if(null!=u)return l(n,t,u);if(n.constructor!==t.constructor)return!1;var c=Object.keys(n),i=Object.keys(t);return null!=c&&null!=i&&(0===c.length&&0===i.length||r(c,i)&&l(n,t,c))}function t(r,n,t){return void 0===r&&(r={}),void 0===n&&(n={}),y(r,n,null==t?a(r,n):t,function(r,n,t){return e(r,n,[t])})}function u(r,n,e){return c(r,n,e).every(function(e){return r.hasOwnProperty(e)===n.hasOwnProperty(e)&&r[e]===n[e]})}function l(r,n,t){return t.every(function(t){return r.hasOwnProperty(t)===n.hasOwnProperty(t)&&e(r[t],n[t])})}function o(r){return"number"==typeof r||"string"==typeof r||"boolean"==typeof r}function c(r,n,e){if(i(e))return e.include;if(f(e)){var t=Object.keys(r),u=Object.keys(n),l=s(t.concat(u));return e.exclude.forEach(function(r){return delete l[r]}),Object.keys(l)}return[]}function i(r){return null!=r&&null!=r.include}function f(r){return null!=r&&null!=r.exclude}function s(r){return r.reduce(function(r,n){return r[n]=!0,r},{})}function y(r,n,e,t){return e.filter(function(e){return!t(r,n,e)}).map(function(e){return{key:e,valueA:r[e],valueB:n[e]}})}function a(r,n){var e=Object.keys(r),t=Object.keys(n),u=s(e.concat(t));return Object.keys(u)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.arraysEqual=r,exports.shallowCompareKeys=n,exports.deepCompareKeys=e,exports.getDeepUnequalKeyValues=t;
 },{}],"BwNV":[function(require,module,exports) {
-"use strict";function t(t,e){return t===e||t.contains(e)}function e(t,e){var n;return null==t?document.activeElement:(null!==(n=t.getRootNode(e))&&void 0!==n?n:document).activeElement}function n(t,e,n){var r=u(function(e){t.dispatchEvent(new CustomEvent(n,e))});return t.addEventListener(e,r),r}function r(t,e){return void 0===e&&(e={}),u(t,function(t){e.preventDefault&&t.preventDefault()},function(t){return t.persist()})}function o(t){return u(t)}function u(t,e,n){var r=!1;return function(){for(var o=[],u=0;u<arguments.length;u++)o[u]=arguments[u];null==e||e.apply(void 0,o),r||(r=!0,null==n||n.apply(void 0,o),requestAnimationFrame(function(){t.apply(void 0,o),r=!1}))}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.elementIsOrContains=t,exports.getActiveElement=e,exports.throttleEvent=n,exports.throttleReactEventCallback=r,exports.throttle=o;
+"use strict";function t(t,e){return t===e||t.contains(e)}function e(t){if(null==t||null==t.closest)return!1;var e=t.closest("input, textarea, [contenteditable=true]");if(null==e)return!1;if("input"===e.tagName.toLowerCase()){var n=e.type;if("checkbox"===n||"radio"===n)return!1}return!e.readOnly}function n(t,e){var n;return null==t?document.activeElement:(null!==(n=t.getRootNode(e))&&void 0!==n?n:document).activeElement}function r(t,e,n){var r=i(function(e){t.dispatchEvent(new CustomEvent(n,e))});return t.addEventListener(e,r),r}function o(t,e){return void 0===e&&(e={}),i(t,function(t){e.preventDefault&&t.preventDefault()},function(t){return t.persist()})}function u(t){return i(t)}function i(t,e,n){var r=!1;return function(){for(var o=[],u=0;u<arguments.length;u++)o[u]=arguments[u];null==e||e.apply(void 0,o),r||(r=!0,null==n||n.apply(void 0,o),requestAnimationFrame(function(){t.apply(void 0,o),r=!1}))}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.elementIsOrContains=t,exports.elementIsTextInput=e,exports.getActiveElement=n,exports.throttleEvent=r,exports.throttleReactEventCallback=o,exports.throttle=u;
 },{}],"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) {
@@ -357,7 +359,7 @@ var e=arguments[3];!function(e){"use strict";function t(){return h.createDocumen
 },{"../configureDom4":"RhsC","../classes":"A6xK"}],"mSt8":[function(require,module,exports) {
 "use strict";function e(e){return null!=e&&"function"!=typeof e}function n(e){return"function"==typeof e}function t(t,r){e(t)?t.current=r:n(t)&&t(r)}function r(e,n){return o(e,n)}function o(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return function(n){e.forEach(function(e){t(e,n)})}}function u(e){var n;return null===e?null:null!==(n=e.current)&&void 0!==n?n:e}function f(e,n,r){return function(o){e[n]=o,t(r,o)}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.isRefObject=e,exports.isRefCallback=n,exports.setRef=t,exports.combineRefs=r,exports.mergeRefs=o,exports.getRef=u,exports.refHandler=f;
 },{}],"MIjH":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={isDarkTheme:!0,setRef:!0,getRef:!0};Object.defineProperty(exports,"isDarkTheme",{enumerable:!0,get:function(){return u.isDarkTheme}}),Object.defineProperty(exports,"setRef",{enumerable:!0,get:function(){return c.setRef}}),Object.defineProperty(exports,"getRef",{enumerable:!0,get:function(){return c.getRef}});var t=require("./compareUtils");Object.keys(t).forEach(function(r){"default"!==r&&"__esModule"!==r&&(Object.prototype.hasOwnProperty.call(e,r)||r in exports&&exports[r]===t[r]||Object.defineProperty(exports,r,{enumerable:!0,get:function(){return t[r]}}))});var r=require("./domUtils");Object.keys(r).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===r[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return r[t]}}))});var o=require("./functionUtils");Object.keys(o).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===o[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return o[t]}}))});var n=require("./jsUtils");Object.keys(n).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===n[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return n[t]}}))});var s=require("./reactUtils");Object.keys(s).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===s[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return s[t]}}))});var u=require("./isDarkTheme"),c=require("../refs");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={elementIsOrContains:!0,elementIsTextInput:!0,getActiveElement:!0,throttle:!0,throttleEvent:!0,throttleReactEventCallback:!0,isDarkTheme:!0,setRef:!0,getRef:!0};Object.defineProperty(exports,"elementIsOrContains",{enumerable:!0,get:function(){return r.elementIsOrContains}}),Object.defineProperty(exports,"elementIsTextInput",{enumerable:!0,get:function(){return r.elementIsTextInput}}),Object.defineProperty(exports,"getActiveElement",{enumerable:!0,get:function(){return r.getActiveElement}}),Object.defineProperty(exports,"throttle",{enumerable:!0,get:function(){return r.throttle}}),Object.defineProperty(exports,"throttleEvent",{enumerable:!0,get:function(){return r.throttleEvent}}),Object.defineProperty(exports,"throttleReactEventCallback",{enumerable:!0,get:function(){return r.throttleReactEventCallback}}),Object.defineProperty(exports,"isDarkTheme",{enumerable:!0,get:function(){return c.isDarkTheme}}),Object.defineProperty(exports,"setRef",{enumerable:!0,get:function(){return l.setRef}}),Object.defineProperty(exports,"getRef",{enumerable:!0,get:function(){return l.getRef}});var t=require("./compareUtils");Object.keys(t).forEach(function(r){"default"!==r&&"__esModule"!==r&&(Object.prototype.hasOwnProperty.call(e,r)||r in exports&&exports[r]===t[r]||Object.defineProperty(exports,r,{enumerable:!0,get:function(){return t[r]}}))});var r=require("./domUtils"),n=require("./functionUtils");Object.keys(n).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===n[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return n[t]}}))});var o=require("./jsUtils");Object.keys(o).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===o[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return o[t]}}))});var u=require("./reactUtils");Object.keys(u).forEach(function(t){"default"!==t&&"__esModule"!==t&&(Object.prototype.hasOwnProperty.call(e,t)||t in exports&&exports[t]===u[t]||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return u[t]}}))});var c=require("./isDarkTheme"),l=require("../refs");
 },{"./compareUtils":"tc1w","./domUtils":"BwNV","./functionUtils":"f0C4","./jsUtils":"IGhw","./reactUtils":"oLQG","./isDarkTheme":"SjOj","../refs":"mSt8"}],"nUqr":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AbstractComponent=void 0;var t=require("tslib"),e=n(require("react")),r=require("./utils");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 n(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={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in t)if("default"!==u&&Object.prototype.hasOwnProperty.call(t,u)){var p=i?Object.getOwnPropertyDescriptor(t,u):null;p&&(p.get||p.set)?Object.defineProperty(n,u,p):n[u]=t[u]}return n.default=t,r&&r.set(t,n),n}var i=function(e){function o(t,o){var n=e.call(this,t,o)||this;return n.timeoutIds=[],n.clearTimeouts=function(){if(n.timeoutIds.length>0){for(var t=0,e=n.timeoutIds;t<e.length;t++){var r=e[t];window.clearTimeout(r)}n.timeoutIds=[]}},(0,r.isNodeEnv)("production")||n.validateProps(n.props),n}return(0,t.__extends)(o,e),o.prototype.componentWillReceiveProps=function(t){(0,r.isNodeEnv)("production")||this.validateProps(t)},o.prototype.componentWillUnmount=function(){this.clearTimeouts()},o.prototype.setTimeout=function(t,e){var r=window.setTimeout(t,e);return this.timeoutIds.push(r),function(){return window.clearTimeout(r)}},o.prototype.validateProps=function(t){},o}(e.Component);exports.AbstractComponent=i;
 },{"tslib":"CvJj","react":"HdMw","./utils":"MIjH"}],"tIjd":[function(require,module,exports) {
@@ -2902,7 +2904,7 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/icons":"tfmK","../../common":"OpAJ","../../common/utils":"MIjH"}],"sU3C":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Spinner=exports.SpinnerSize=void 0;var e,t=require("tslib"),r=u(require("classnames")),a=l(require("react")),n=require("../../common"),o=require("../../common/errors"),s=require("../../common/props"),i=require("../../common/utils");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=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=c(t);if(r&&r.has(e))return r.get(e);var a={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var s=n?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(a,o,s):a[o]=e[o]}return a.default=e,r&&r.set(e,a),a}function u(e){return e&&e.__esModule?e:{default:e}}exports.SpinnerSize=e,function(e){e[e.SMALL=20]="SMALL",e[e.STANDARD=50]="STANDARD",e[e.LARGE=100]="LARGE"}(e||(exports.SpinnerSize=e={}));var p=45,f="M 50,50 m 0,-".concat(p," a ").concat(p,",").concat(p," 0 1 1 0,").concat(2*p," a ").concat(p,",").concat(p," 0 1 1 0,-").concat(2*p),d=280,m=10,N=4,S=16,v=function(c){function l(){return null!==c&&c.apply(this,arguments)||this}return(0,t.__extends)(l,c),l.prototype.componentDidUpdate=function(e){e.value!==this.props.value&&this.forceUpdate()},l.prototype.render=function(){var o,s=this.props,c=s.className,l=s.intent,u=s.value,p=s.tagName,m=void 0===p?"div":p,v=(0,t.__rest)(s,["className","intent","value","tagName"]),A=this.getSize(),h=(0,r.default)(n.Classes.SPINNER,n.Classes.intentClass(l),((o={})[n.Classes.SPINNER_NO_SPIN]=null!=u,o),c),E=Math.min(S,N*e.LARGE/A),_=d-d*(null==u?.25:(0,i.clamp)(u,0,1));return a.createElement(m,(0,t.__assign)({"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":void 0===u?void 0:100*u,className:h,role:"progressbar"},v),a.createElement(m,{className:n.Classes.SPINNER_ANIMATION},a.createElement("svg",{width:A,height:A,strokeWidth:E.toFixed(2),viewBox:this.getViewBox(E)},a.createElement("path",{className:n.Classes.SPINNER_TRACK,d:f}),a.createElement("path",{className:n.Classes.SPINNER_HEAD,d:f,pathLength:d,strokeDasharray:"".concat(d," ").concat(d),strokeDashoffset:_}))))},l.prototype.validateProps=function(e){var t=e.className,r=void 0===t?"":t;null!=e.size&&(r.indexOf(n.Classes.SMALL)>=0||r.indexOf(n.Classes.LARGE)>=0)&&console.warn(o.SPINNER_WARN_CLASSES_SIZE)},l.prototype.getSize=function(){var t=this.props,r=t.className,a=void 0===r?"":r,o=t.size;return null==o?a.indexOf(n.Classes.SMALL)>=0?e.SMALL:a.indexOf(n.Classes.LARGE)>=0?e.LARGE:e.STANDARD:Math.max(m,o)},l.prototype.getViewBox=function(e){var t=p+e/2,r=(50-t).toFixed(2),a=(2*t).toFixed(2);return"".concat(r," ").concat(r," ").concat(a," ").concat(a)},l.displayName="".concat(s.DISPLAYNAME_PREFIX,".Spinner"),l}(n.AbstractPureComponent2);exports.Spinner=v;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/errors":"AgjZ","../../common/props":"hCEs","../../common/utils":"MIjH"}],"oGoe":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AbstractButton=void 0;var e=require("tslib"),t=l(require("classnames")),n=a(require("react")),s=require("../../common"),r=require("../icon/icon"),i=require("../spinner/spinner");function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}function a(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=o(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 a=r?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(s,i,a):s[i]=e[i]}return s.default=e,n&&n.set(e,s),s}function l(e){return e&&e.__esModule?e:{default:e}}var c=function(o){function a(){var e=null!==o&&o.apply(this,arguments)||this;return e.state={isActive:!1},e.handleKeyDown=function(t){var n,r;s.Keys.isKeyboardClick(t.which)&&(t.preventDefault(),t.which!==e.currentKeyDown&&e.setState({isActive:!0})),e.currentKeyDown=t.which,null===(r=(n=e.props).onKeyDown)||void 0===r||r.call(n,t)},e.handleKeyUp=function(t){var n,r,i;s.Keys.isKeyboardClick(t.which)&&(e.setState({isActive:!1}),null===(n=e.buttonRef)||void 0===n||n.click()),e.currentKeyDown=void 0,null===(i=(r=e.props).onKeyUp)||void 0===i||i.call(r,t)},e.handleBlur=function(t){var n,s;e.state.isActive&&e.setState({isActive:!1}),null===(s=(n=e.props).onBlur)||void 0===s||s.call(n,t)},e}return(0,e.__extends)(a,o),a.prototype.getCommonButtonProps=function(){var e,n=this.props,r=n.active,i=void 0!==r&&r,o=n.alignText,a=n.fill,l=n.large,c=n.loading,u=void 0!==c&&c,p=n.outlined,d=n.minimal,f=n.small,y=n.tabIndex,h=this.props.disabled||u;return{className:(0,t.default)(s.Classes.BUTTON,((e={})[s.Classes.ACTIVE]=!h&&(i||this.state.isActive),e[s.Classes.DISABLED]=h,e[s.Classes.FILL]=a,e[s.Classes.LARGE]=l,e[s.Classes.LOADING]=u,e[s.Classes.MINIMAL]=d,e[s.Classes.OUTLINED]=p,e[s.Classes.SMALL]=f,e),s.Classes.alignmentClass(o),s.Classes.intentClass(this.props.intent),this.props.className),disabled:h,onBlur:this.handleBlur,onClick:h?void 0:this.props.onClick,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,tabIndex:h?-1:y}},a.prototype.renderChildren=function(){var e=this.props,t=e.children,o=e.icon,a=e.loading,l=e.rightIcon,c=e.text,u=!s.Utils.isReactNodeEmpty(c)||!s.Utils.isReactNodeEmpty(t);return[a&&n.createElement(i.Spinner,{key:"loading",className:s.Classes.BUTTON_SPINNER,size:r.IconSize.LARGE}),n.createElement(r.Icon,{key:"leftIcon",icon:o,"aria-hidden":u,tabIndex:u?-1:void 0}),u&&n.createElement("span",{key:"text",className:s.Classes.BUTTON_TEXT},c,t),n.createElement(r.Icon,{key:"rightIcon",icon:l})]},a}(s.AbstractPureComponent2);exports.AbstractButton=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AbstractButton=void 0;var e=require("tslib"),t=l(require("classnames")),n=a(require("react")),s=require("../../common"),r=require("../icon/icon"),i=require("../spinner/spinner");function o(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(o=function(e){return e?n:t})(e)}function a(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=o(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 a=r?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(s,i,a):s[i]=e[i]}return s.default=e,n&&n.set(e,s),s}function l(e){return e&&e.__esModule?e:{default:e}}var c=function(o){function a(){var e=null!==o&&o.apply(this,arguments)||this;return e.state={isActive:!1},e.handleKeyDown=function(t){var n,r;s.Keys.isKeyboardClick(t.which)&&(t.preventDefault(),t.which!==e.currentKeyDown&&e.setState({isActive:!0})),e.currentKeyDown=t.which,null===(r=(n=e.props).onKeyDown)||void 0===r||r.call(n,t)},e.handleKeyUp=function(t){var n,r,i;s.Keys.isKeyboardClick(t.which)&&(e.setState({isActive:!1}),null===(n=e.buttonRef)||void 0===n||n.click()),e.currentKeyDown=void 0,null===(i=(r=e.props).onKeyUp)||void 0===i||i.call(r,t)},e.handleBlur=function(t){var n,s;e.state.isActive&&e.setState({isActive:!1}),null===(s=(n=e.props).onBlur)||void 0===s||s.call(n,t)},e}return(0,e.__extends)(a,o),a.prototype.getCommonButtonProps=function(){var e,n=this.props,r=n.active,i=void 0!==r&&r,o=n.alignText,a=n.fill,l=n.large,c=n.loading,u=void 0!==c&&c,p=n.outlined,d=n.minimal,f=n.small,h=n.tabIndex,y=this.props.disabled||u;return{className:(0,t.default)(s.Classes.BUTTON,((e={})[s.Classes.ACTIVE]=!y&&(i||this.state.isActive),e[s.Classes.DISABLED]=y,e[s.Classes.FILL]=a,e[s.Classes.LARGE]=l,e[s.Classes.LOADING]=u,e[s.Classes.MINIMAL]=d,e[s.Classes.OUTLINED]=p,e[s.Classes.SMALL]=f,e),s.Classes.alignmentClass(o),s.Classes.intentClass(this.props.intent),this.props.className),disabled:y,onBlur:this.handleBlur,onClick:y?void 0:this.props.onClick,onFocus:y?void 0:this.props.onFocus,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,tabIndex:y?-1:h}},a.prototype.renderChildren=function(){var e=this.props,t=e.children,o=e.icon,a=e.loading,l=e.rightIcon,c=e.text,u=!s.Utils.isReactNodeEmpty(c)||!s.Utils.isReactNodeEmpty(t);return[a&&n.createElement(i.Spinner,{key:"loading",className:s.Classes.BUTTON_SPINNER,size:r.IconSize.LARGE}),n.createElement(r.Icon,{key:"leftIcon",icon:o,"aria-hidden":u,tabIndex:u?-1:void 0}),u&&n.createElement("span",{key:"text",className:s.Classes.BUTTON_TEXT},c,t),n.createElement(r.Icon,{key:"rightIcon",icon:l})]},a}(s.AbstractPureComponent2);exports.AbstractButton=c;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../icon/icon":"Xg5P","../spinner/spinner":"sU3C"}],"GWuz":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AnchorButton=exports.Button=void 0;var e=require("tslib"),t=i(require("react")),n=require("../../common/props"),r=require("../../common/refs"),o=require("./abstractButton");function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=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=s(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=o?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(r,i,u):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}var u=function(o){function s(){var e=null!==o&&o.apply(this,arguments)||this;return e.buttonRef=null,e.handleRef=(0,r.refHandler)(e,"buttonRef",e.props.elementRef),e}return(0,e.__extends)(s,o),s.prototype.render=function(){return t.createElement("button",(0,e.__assign)({type:"button",ref:this.handleRef},(0,n.removeNonHTMLProps)(this.props),this.getCommonButtonProps()),this.renderChildren())},s.prototype.componentDidUpdate=function(e){e.elementRef!==this.props.elementRef&&((0,r.setRef)(e.elementRef,null),this.handleRef=(0,r.refHandler)(this,"buttonRef",this.props.elementRef),(0,r.setRef)(this.props.elementRef,this.buttonRef))},s.displayName="".concat(n.DISPLAYNAME_PREFIX,".Button"),s}(o.AbstractButton);exports.Button=u;var p=function(o){function s(){var e=null!==o&&o.apply(this,arguments)||this;return e.buttonRef=null,e.handleRef=(0,r.refHandler)(e,"buttonRef",e.props.elementRef),e}return(0,e.__extends)(s,o),s.prototype.render=function(){var r=this.props,o=r.href,s=r.tabIndex,i=void 0===s?0:s,u=this.getCommonButtonProps();return t.createElement("a",(0,e.__assign)({role:"button",ref:this.handleRef},(0,n.removeNonHTMLProps)(this.props),u,{href:u.disabled?void 0:o,tabIndex:u.disabled?-1:i}),this.renderChildren())},s.prototype.componentDidUpdate=function(e){e.elementRef!==this.props.elementRef&&((0,r.setRef)(e.elementRef,null),this.handleRef=(0,r.refHandler)(this,"buttonRef",this.props.elementRef),(0,r.setRef)(this.props.elementRef,this.buttonRef))},s.displayName="".concat(n.DISPLAYNAME_PREFIX,".AnchorButton"),s}(o.AbstractButton);exports.AnchorButton=p;
 },{"tslib":"CvJj","react":"HdMw","../../common/props":"hCEs","../../common/refs":"mSt8","./abstractButton":"oGoe"}],"gPed":[function(require,module,exports) {
@@ -2912,7 +2914,7 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/errors":"AgjZ","../../common/props":"hCEs","../../common/utils":"MIjH","../button/buttons":"GWuz","../html/html":"gPed","../icon/icon":"Xg5P","../overlay/overlay":"H0os"}],"fR8k":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Alert=void 0;var e=require("tslib"),n=u(require("classnames")),t=s(require("react")),a=require("../../common"),l=require("../../common/errors"),r=require("../button/buttons"),o=require("../dialog/dialog"),c=require("../icon/icon");function i(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:n})(e)}function s(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i(n);if(t&&t.has(e))return t.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=l?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}function u(e){return e&&e.__esModule?e:{default:e}}var C=function(i){function s(){var e=null!==i&&i.apply(this,arguments)||this;return e.handleCancel=function(n){return e.internalHandleCallbacks(!1,n)},e.handleConfirm=function(n){return e.internalHandleCallbacks(!0,n)},e}return(0,e.__extends)(s,i),s.prototype.render=function(){var l=this.props,i=l.canEscapeKeyCancel,s=l.canOutsideClickCancel,u=l.children,C=l.className,p=l.icon,d=l.intent,f=l.loading,E=l.cancelButtonText,_=l.confirmButtonText,m=(l.onClose,(0,e.__rest)(l,["canEscapeKeyCancel","canOutsideClickCancel","children","className","icon","intent","loading","cancelButtonText","confirmButtonText","onClose"]));return t.createElement(o.Dialog,(0,e.__assign)({},m,{className:(0,n.default)(a.Classes.ALERT,C),canEscapeKeyClose:i,canOutsideClickClose:s,onClose:this.handleCancel,portalContainer:this.props.portalContainer}),t.createElement("div",{className:a.Classes.ALERT_BODY},t.createElement(c.Icon,{icon:p,size:40,intent:d}),t.createElement("div",{className:a.Classes.ALERT_CONTENTS},u)),t.createElement("div",{className:a.Classes.ALERT_FOOTER},t.createElement(r.Button,{loading:f,intent:d,text:_,onClick:this.handleConfirm}),E&&t.createElement(r.Button,{text:E,disabled:f,onClick:this.handleCancel})))},s.prototype.validateProps=function(e){null==e.onClose&&null==e.cancelButtonText!=(null==e.onCancel)&&console.warn(l.ALERT_WARN_CANCEL_PROPS);var n=null!=e.onCancel||null!=e.onClose;e.canEscapeKeyCancel&&!n&&console.warn(l.ALERT_WARN_CANCEL_ESCAPE_KEY),e.canOutsideClickCancel&&!n&&console.warn(l.ALERT_WARN_CANCEL_OUTSIDE_CLICK)},s.prototype.internalHandleCallbacks=function(e,n){var t,a=this.props,l=a.onCancel,r=a.onClose,o=a.onConfirm;null===(t=e?o:l)||void 0===t||t(n),null==r||r(e,n)},s.defaultProps={canEscapeKeyCancel:!1,canOutsideClickCancel:!1,confirmButtonText:"OK",isOpen:!1,loading:!1},s.displayName="".concat(a.DISPLAYNAME_PREFIX,".Alert"),s}(a.AbstractPureComponent2);exports.Alert=C;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/errors":"AgjZ","../button/buttons":"GWuz","../dialog/dialog":"EYJY","../icon/icon":"Xg5P"}],"FJVt":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Breadcrumb=void 0;var e=c(require("classnames")),r=o(require("react")),t=o(require("../../common/classes")),n=require("../icon/icon");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 o(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 c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var i=o?Object.getOwnPropertyDescriptor(e,c):null;i&&(i.get||i.set)?Object.defineProperty(n,c,i):n[c]=e[c]}return n.default=e,t&&t.set(e,n),n}function c(e){return e&&e.__esModule?e:{default:e}}var i=function(a){var o,c=(0,e.default)(t.BREADCRUMB,((o={})[t.BREADCRUMB_CURRENT]=a.current,o[t.DISABLED]=a.disabled,o),a.className),i=null!=a.icon?r.createElement(n.Icon,{title:a.iconTitle,icon:a.icon}):void 0;return null==a.href&&null==a.onClick?r.createElement("span",{className:c},i,a.text,a.children):r.createElement("a",{className:c,href:a.href,onClick:a.disabled?void 0:a.onClick,tabIndex:a.disabled?void 0:0,target:a.target},i,a.text,a.children)};exports.Breadcrumb=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Breadcrumb=void 0;var e=c(require("classnames")),r=a(require("react")),t=a(require("../../common/classes")),n=require("../icon/icon");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 a(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={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if("default"!==c&&Object.prototype.hasOwnProperty.call(e,c)){var i=a?Object.getOwnPropertyDescriptor(e,c):null;i&&(i.get||i.set)?Object.defineProperty(n,c,i):n[c]=e[c]}return n.default=e,t&&t.set(e,n),n}function c(e){return e&&e.__esModule?e:{default:e}}var i=function(o){var a,c=(0,e.default)(t.BREADCRUMB,((a={})[t.BREADCRUMB_CURRENT]=o.current,a[t.DISABLED]=o.disabled,a),o.className),i=null!=o.icon?r.createElement(n.Icon,{title:o.iconTitle,icon:o.icon}):void 0;return null==o.href&&null==o.onClick?r.createElement("span",{className:c},i,o.text,o.children):r.createElement("a",{className:c,href:o.href,onClick:o.disabled?void 0:o.onClick,onFocus:o.disabled?void 0:o.onFocus,tabIndex:o.disabled?void 0:0,target:o.target},i,o.text,o.children)};exports.Breadcrumb=i;
 },{"classnames":"G1XI","react":"HdMw","../../common/classes":"A6xK","../icon/icon":"Xg5P"}],"MglK":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Menu=void 0;var e=require("tslib"),r=s(require("classnames")),t=o(require("react")),n=require("../../common"),u=require("../../common/props");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 o(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={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var s=u?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(n,o,s):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 l=function(a){function o(){return null!==a&&a.apply(this,arguments)||this}return(0,e.__extends)(o,a),o.prototype.render=function(){var u,a=this.props,o=a.className,s=a.children,l=a.large,i=a.ulRef,c=(0,e.__rest)(a,["className","children","large","ulRef"]),f=(0,r.default)(n.Classes.MENU,((u={})[n.Classes.LARGE]=l,u),o);return t.createElement("ul",(0,e.__assign)({role:"menu"},c,{className:f,ref:i}),s)},o.displayName="".concat(u.DISPLAYNAME_PREFIX,".Menu"),o}(n.AbstractPureComponent2);exports.Menu=l;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs"}],"Ew0x":[function(require,module,exports) {
@@ -2930,7 +2932,7 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../html/html":"gPed","../icon/icon":"Xg5P"}],"BokW":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Card=void 0;var e=require("tslib"),t=i(require("classnames")),r=s(require("react")),n=require("../../common"),a=require("../../common/props");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 s(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 s in e)if("default"!==s&&Object.prototype.hasOwnProperty.call(e,s)){var i=a?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 i(e){return e&&e.__esModule?e:{default:e}}var u=function(o){function s(){return null!==o&&o.apply(this,arguments)||this}return(0,e.__extends)(s,o),s.prototype.render=function(){var a,o=this.props,s=o.className,i=o.elevation,u=o.interactive,l=(0,e.__rest)(o,["className","elevation","interactive"]),c=(0,t.default)(n.Classes.CARD,((a={})[n.Classes.INTERACTIVE]=u,a),n.Classes.elevationClass(i),s);return r.createElement("div",(0,e.__assign)({className:c},l))},s.displayName="".concat(a.DISPLAYNAME_PREFIX,".Card"),s.defaultProps={elevation:n.Elevation.ZERO,interactive:!1},s}(n.AbstractPureComponent2);exports.Card=u;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs"}],"FyRR":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapse=exports.AnimationStates=void 0;var t,e=require("tslib"),n=h(require("classnames")),i=r(require("react")),a=require("../../common"),o=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 r(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 i={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var r=a?Object.getOwnPropertyDescriptor(t,o):null;r&&(r.get||r.set)?Object.defineProperty(i,o,r):i[o]=t[o]}return i.default=t,n&&n.set(t,i),i}function h(t){return t&&t.__esModule?t:{default:t}}exports.AnimationStates=t,function(t){t[t.OPEN_START=0]="OPEN_START",t[t.OPENING=1]="OPENING",t[t.OPEN=2]="OPEN",t[t.CLOSING_START=3]="CLOSING_START",t[t.CLOSING=4]="CLOSING",t[t.CLOSED=5]="CLOSED"}(t||(exports.AnimationStates=t={}));var p=function(s){function r(){var e=null!==s&&s.apply(this,arguments)||this;return e.state={animationState:e.props.isOpen?t.OPEN:t.CLOSED,height:void 0,heightWhenOpen:void 0},e.contents=null,e.contentsRefHandler=function(n){if(e.contents=n,null!=e.contents){var i=e.contents.clientHeight;e.setState({animationState:e.props.isOpen?t.OPEN:t.CLOSED,height:0===i?void 0:"".concat(i,"px"),heightWhenOpen:0===i?void 0:i})}},e}return(0,e.__extends)(r,s),r.getDerivedStateFromProps=function(e,n){var i=e.isOpen,a=n.animationState;if(i)switch(a){case t.OPEN:case t.OPENING:break;default:return{animationState:t.OPEN_START}}else switch(a){case t.CLOSED:case t.CLOSING:break;default:return{animationState:t.CLOSING_START,height:"".concat(n.heightWhenOpen,"px")}}return null},r.prototype.render=function(){var e=this.state.animationState!==t.CLOSED,o=e||this.props.keepChildrenMounted,s=e&&this.state.animationState!==t.CLOSING,r="auto"===this.state.height,h={height:e?this.state.height:void 0,overflowY:r?"visible":void 0,transition:r?"none":void 0},p={transform:s?"translateY(0)":"translateY(-".concat(this.state.heightWhenOpen,"px)"),transition:r?"none":void 0};return i.createElement(this.props.component,{className:(0,n.default)(a.Classes.COLLAPSE,this.props.className),style:h},i.createElement("div",{className:a.Classes.COLLAPSE_BODY,ref:this.contentsRefHandler,style:p,"aria-hidden":!e&&this.props.keepChildrenMounted},o?this.props.children:null))},r.prototype.componentDidMount=function(){this.forceUpdate(),this.props.isOpen?this.setState({animationState:t.OPEN,height:"auto"}):this.setState({animationState:t.CLOSED,height:"0px"})},r.prototype.componentDidUpdate=function(){var e=this;if(null!=this.contents){var n=this.props.transitionDuration,i=this.state.animationState;if(i===t.OPEN_START){var a=this.contents.clientHeight;this.setState({animationState:t.OPENING,height:"".concat(a,"px"),heightWhenOpen:a}),this.setTimeout(function(){return e.onDelayedStateChange()},n)}else if(i===t.CLOSING_START){var o=this.contents.clientHeight;this.setTimeout(function(){return e.setState({animationState:t.CLOSING,height:"0px",heightWhenOpen:o})}),this.setTimeout(function(){return e.onDelayedStateChange()},n)}}},r.prototype.onDelayedStateChange=function(){switch(this.state.animationState){case t.OPENING:this.setState({animationState:t.OPEN,height:"auto"});break;case t.CLOSING:this.setState({animationState:t.CLOSED})}},r.displayName="".concat(o.DISPLAYNAME_PREFIX,".Collapse"),r.defaultProps={component:"div",isOpen:!1,keepChildrenMounted:!1,transitionDuration:200},r}(a.AbstractPureComponent2);exports.Collapse=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Collapse=exports.AnimationStates=void 0;var t,e=require("tslib"),n=h(require("classnames")),i=r(require("react")),a=require("../../common"),o=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 r(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 i={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in t)if("default"!==o&&Object.prototype.hasOwnProperty.call(t,o)){var r=a?Object.getOwnPropertyDescriptor(t,o):null;r&&(r.get||r.set)?Object.defineProperty(i,o,r):i[o]=t[o]}return i.default=t,n&&n.set(t,i),i}function h(t){return t&&t.__esModule?t:{default:t}}exports.AnimationStates=t,function(t){t[t.OPEN_START=0]="OPEN_START",t[t.OPENING=1]="OPENING",t[t.OPEN=2]="OPEN",t[t.CLOSING_START=3]="CLOSING_START",t[t.CLOSING=4]="CLOSING",t[t.CLOSED=5]="CLOSED"}(t||(exports.AnimationStates=t={}));var p=function(s){function r(){var e=null!==s&&s.apply(this,arguments)||this;return e.state={animationState:e.props.isOpen?t.OPEN:t.CLOSED,height:void 0,heightWhenOpen:void 0},e.contents=null,e.contentsRefHandler=function(n){if(e.contents=n,null!=e.contents){var i=e.contents.clientHeight;e.setState({animationState:e.props.isOpen?t.OPEN:t.CLOSED,height:0===i?void 0:"".concat(i,"px"),heightWhenOpen:0===i?void 0:i})}},e}return(0,e.__extends)(r,s),r.getDerivedStateFromProps=function(e,n){var i=e.isOpen,a=n.animationState;if(i)switch(a){case t.OPEN:case t.OPENING:break;default:return{animationState:t.OPEN_START}}else switch(a){case t.CLOSED:case t.CLOSING:break;default:return{animationState:t.CLOSING_START,height:"".concat(n.heightWhenOpen,"px")}}return null},r.prototype.render=function(){var e=this.state.animationState!==t.CLOSED,o=e||this.props.keepChildrenMounted,s=e&&this.state.animationState!==t.CLOSING,r="auto"===this.state.height,h={height:e?this.state.height:void 0,overflowY:r?"visible":void 0,transition:r?"none":void 0},p={transform:s?"translateY(0)":"translateY(-".concat(this.state.heightWhenOpen,"px)"),transition:r?"none":void 0};return i.createElement(this.props.component,{className:(0,n.default)(a.Classes.COLLAPSE,this.props.className),style:h},i.createElement("div",{className:a.Classes.COLLAPSE_BODY,ref:this.contentsRefHandler,style:p,"aria-hidden":!e},o?this.props.children:null))},r.prototype.componentDidMount=function(){this.forceUpdate(),this.props.isOpen?this.setState({animationState:t.OPEN,height:"auto"}):this.setState({animationState:t.CLOSED,height:"0px"})},r.prototype.componentDidUpdate=function(){var e=this;if(null!=this.contents){var n=this.props.transitionDuration,i=this.state.animationState;if(i===t.OPEN_START){var a=this.contents.clientHeight;this.setState({animationState:t.OPENING,height:"".concat(a,"px"),heightWhenOpen:a}),this.setTimeout(function(){return e.onDelayedStateChange()},n)}else if(i===t.CLOSING_START){var o=this.contents.clientHeight;this.setTimeout(function(){return e.setState({animationState:t.CLOSING,height:"0px",heightWhenOpen:o})}),this.setTimeout(function(){return e.onDelayedStateChange()},n)}}},r.prototype.onDelayedStateChange=function(){switch(this.state.animationState){case t.OPENING:this.setState({animationState:t.OPEN,height:"auto"});break;case t.CLOSING:this.setState({animationState:t.CLOSED})}},r.displayName="".concat(o.DISPLAYNAME_PREFIX,".Collapse"),r.defaultProps={component:"div",isOpen:!1,keepChildrenMounted:!1,transitionDuration:200},r}(a.AbstractPureComponent2);exports.Collapse=p;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common":"OpAJ","../../common/props":"hCEs"}],"nbJN":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CollapsibleList=void 0;var e=require("tslib"),r=f(require("classnames")),t=d(require("react")),n=require("../../common/boundary"),o=d(require("../../common/classes")),i=d(require("../../common/errors")),s=require("../../common/position"),l=require("../../common/props"),u=require("../../common/utils"),p=require("../menu/menu"),a=require("../menu/menuItem"),c=require("../popover/popover");function m(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(m=function(e){return e?t:r})(e)}function d(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=m(r);if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=o?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(n,i,s):n[i]=e[i]}return n.default=e,t&&t.set(e,n),n}function f(e){return e&&e.__esModule?e:{default:e}}var v=function(m){function d(){return null!==m&&m.apply(this,arguments)||this}return(0,e.__extends)(d,m),d.prototype.render=function(){var i,l=this,u=this.props.collapseFrom,a=t.Children.count(this.props.children),m=this.partitionChildren(),d=m[0],f=m[1],v=d.map(function(e,r){var o=u===n.Boundary.START?a-1-r:r;return t.createElement("li",{className:l.props.visibleItemClassName,key:o},l.props.visibleItemRenderer(e.props,o))});if(u===n.Boundary.START&&v.reverse(),f.length>0){var y=u===n.Boundary.END?s.Position.BOTTOM_RIGHT:s.Position.BOTTOM_LEFT;i=t.createElement("li",{className:this.props.visibleItemClassName},t.createElement(c.Popover,(0,e.__assign)({content:t.createElement(p.Menu,null,f),position:y},this.props.dropdownProps),this.props.dropdownTarget))}return t.createElement("ul",{className:(0,r.default)(o.COLLAPSIBLE_LIST,this.props.className)},u===n.Boundary.START?i:null,v,u===n.Boundary.END?i:null)},d.prototype.partitionChildren=function(){var e=t.Children.map(this.props.children,function(e,r){if(!(0,u.isElementOfType)(e,a.MenuItem))throw new Error(i.COLLAPSIBLE_LIST_INVALID_CHILD);return t.cloneElement(e,{key:"visible-".concat(r)})});if(null==e)return[[],[]];this.props.collapseFrom===n.Boundary.START&&e.reverse();var r=this.props.visibleItemCount;return[e.slice(0,r),e.slice(r)]},d.displayName="".concat(l.DISPLAYNAME_PREFIX,".CollapsibleList"),d.defaultProps={collapseFrom:n.Boundary.START,visibleItemCount:3},d}(t.Component);exports.CollapsibleList=v;
 },{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","../../common/boundary":"ojHF","../../common/classes":"A6xK","../../common/errors":"AgjZ","../../common/position":"SX4S","../../common/props":"hCEs","../../common/utils":"MIjH","../menu/menu":"MglK","../menu/menuItem":"ayDU","../popover/popover":"Wiqn"}],"BD1a":[function(require,module,exports) {
@@ -3003,8 +3005,8 @@ var u=arguments[3],_="__global_unique_id__";module.exports=function(){return u[_
 "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) {
+var e=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.useHotkeys=f;var t=require("tslib"),n=c(require("react")),o=require("../../common/errors"),r=require("../../common/utils/domUtils"),u=require("../../components/hotkeys/hotkeyParser"),a=require("../../context");function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=i(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 a=r?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(o,u,a):o[u]=e[u]}return o.default=e,n&&n.set(e,o),o}function f(e,i){void 0===i&&(i={});var c=i.document,f=void 0===c?p():c,s=i.showDialogKeyCombo,l=void 0===s?"?":s,y=n.useMemo(function(){return e.filter(function(e){return!e.global}).map(function(e){return{combo:(0,u.parseKeyCombo)(e.combo),config:e}})},[e]),d=n.useMemo(function(){return e.filter(function(e){return e.global}).map(function(e){return{combo:(0,u.parseKeyCombo)(e.combo),config:e}})},[e]),v=n.useContext(a.HotkeysContext),m=v[0],b=v[1];m.hasProvider||n.useEffect(function(){return console.warn(o.HOTKEYS_PROVIDER_NOT_FOUND)},[]),n.useEffect(function(){var e=(0,t.__spreadArray)((0,t.__spreadArray)([],d.map(function(e){return e.config}),!0),y.map(function(e){return e.config}),!0);return b({type:"ADD_HOTKEYS",payload:e}),function(){return b({type:"REMOVE_HOTKEYS",payload:e})}},[e]);var g=function(e,t,n,o){for(var a,i,c=(0,r.elementIsTextInput)(o.target),f=0,p=e?d:y;f<p.length;f++){var s=p[f],l=s.config,v=l.allowInInput,m=void 0!==v&&v,b=l.disabled,g=void 0!==b&&b,E=l.preventDefault,K=void 0!==E&&E,O=l.stopPropagation,w=void 0!==O&&O;!(c&&!m||g)&&(0,u.comboMatches)(s.combo,t)&&(K&&o.preventDefault(),w&&(o.isPropagationStopped=!0,o.stopPropagation()),null===(i=(a=s.config)[n])||void 0===i||i.call(a,o))}},E=n.useCallback(function(e){var t=(0,u.getKeyCombo)(e);!(0,r.elementIsTextInput)(e.target)&&(0,u.comboMatches)((0,u.parseKeyCombo)(l),t)?b({type:"OPEN_DIALOG"}):g(!0,(0,u.getKeyCombo)(e),"onKeyDown",e)},[d]),K=n.useCallback(function(e){return g(!0,(0,u.getKeyCombo)(e),"onKeyUp",e)},[d]),O=n.useCallback(function(e){return g(!1,(0,u.getKeyCombo)(e.nativeEvent),"onKeyDown",e.nativeEvent)},[y]),w=n.useCallback(function(e){return g(!1,(0,u.getKeyCombo)(e.nativeEvent),"onKeyUp",e.nativeEvent)},[y]);return n.useEffect(function(){return f.addEventListener("keydown",E),f.addEventListener("keyup",K),function(){f.removeEventListener("keydown",E),f.removeEventListener("keyup",K)}},[E,K]),{handleKeyDown:O,handleKeyUp:w}}function p(){if("undefined"!=typeof window)return window.document}
+},{"tslib":"CvJj","react":"HdMw","../../common/errors":"AgjZ","../../common/utils/domUtils":"BwNV","../../components/hotkeys/hotkeyParser":"MJ11","../../context":"DZcB"}],"eFaS":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useHotkeys",{enumerable:!0,get:function(){return e.useHotkeys}});var e=require("./hotkeys/useHotkeys");
 },{"./hotkeys/useHotkeys":"ZKEE"}],"sKIn":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.HotkeysTarget2=void 0;var e=u(require("react")),r=u(require("../../common/errors")),t=require("../../common/utils"),o=require("../../hooks");function n(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(n=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=n(r);if(t&&t.has(e))return t.get(e);var o={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=u?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}var i=function(n){var u=n.children,i=n.hotkeys,a=n.options,f=(0,o.useHotkeys)(i,a),c=f.handleKeyDown,s=f.handleKeyUp;return e.useEffect(function(){(0,t.isNodeEnv)("production")||"function"!=typeof u&&i.some(function(e){return!e.global})&&console.error(r.HOTKEYS_TARGET2_CHILDREN_LOCAL_HOTKEYS)},[i]),"function"==typeof u?u({handleKeyDown:c,handleKeyUp:s}):u};exports.HotkeysTarget2=i;
@@ -3053,7 +3055,7 @@ 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.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;
+"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"),a=require("../../common/utils"),i=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={},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(r,i,s):r[i]=e[i]}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:_},n.createElement(i.Icon,{icon:"small-cross",size:O?i.IconSize.LARGE:i.IconSize.STANDARD})):null;return n.createElement("span",(0,e.__assign)({},T,{className:x,tabIndex:v?_:void 0,ref:N}),n.createElement(i.Icon,{icon:f}),!(0,a.isReactNodeEmpty)(u)&&n.createElement(s.Text,{className:r.Classes.FILL,ellipsize:!E,tagName:"span",title:A},u),n.createElement(i.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) {
@@ -3221,21 +3223,25 @@ var e="undefined"!=typeof Element,r="function"==typeof Map,t="function"==typeof
 },{"react":"HdMw"}],"d4OQ":[function(require,module,exports) {
 "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.popoverRef=t.createRef(),p.renderPopover=function(s){var l,u,c=p.props,f=c.children,d=c.compact,v=c.disabled,m=c.intent,y=c.popoverClassName,_=(0,e.__rest)(c,["children","compact","disabled","intent","popoverClassName"]),P=(0,r.default)(n.TOOLTIP2,o.Classes.intentClass(m),y,((l={})[o.Classes.COMPACT]=d,l));return t.createElement(i.Popover2,(0,e.__assign)({modifiers:{arrow:{enabled:!p.props.minimal},offset:{options:{offset:[0,a.TOOLTIP_ARROW_SVG_SIZE/2]}}}},_,{autoFocus:!1,canEscapeKeyClose:!1,disabled:null!==(u=s.forceDisabled)&&void 0!==u?u:v,enforceFocus:!1,lazy:!0,popoverClassName:P,portalContainer:p.props.portalContainer,ref:p.popoverRef}),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(){var e;null===(e=this.popoverRef.current)||void 0===e||e.reposition()},l.displayName="".concat(o.DISPLAYNAME_PREFIX,".Tooltip2"),l.defaultProps={compact:!1,hoverCloseDelay:0,hoverOpenDelay:100,interactionKind:"hover-target",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 _=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,_=v.className,f=v.fill,h=v.openOnTargetFocus,R=v.renderTarget,g=n.state.isOpen,m=n.isControlled(),T=n.isHoverInteractionKind(),C=n.props.targetTagName;f&&(C="div");var I,S=(0,r.mergeRefs)(O,n.targetRef),y=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)(_,s.POPOVER2_TARGET,(i={},i[s.POPOVER2_OPEN]=g,i[r.Classes.ACTIVE]=g&&!m&&!T,i)),ref:S},y),D=((l={})[r.Classes.ACTIVE]=g&&!m&&!T,l[r.Classes.FILL]=f,l);if(void 0!==R)I=R((0,e.__assign)((0,e.__assign)({},A),{className:(0,o.default)(A.className,D),isOpen:g,tabIndex:N}));else{var M=r.Utils.ensureElement(t.Children.toArray(P)[0]);if(void 0===M)return null;var V=t.cloneElement(M,{className:(0,o.default)(M.props.className,D),disabled:!(!g||!r.Utils.isElementOfType(M,c.Tooltip2))||M.props.disabled,tabIndex:null!==(d=M.props.tabIndex)&&void 0!==d?d:N});I=t.createElement(C,(0,e.__assign)((0,e.__assign)({},A),n.props.targetProps),V)}return t.createElement(u.ResizeSensor2,{targetRef:S,onResize:n.reposition},I)},n.renderPopover=function(a){var i,p,c=n.props,O=c.interactionKind,v=c.shouldReturnFocusOnClose,P=c.usePortal,_=n.state.isOpen,f=(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 R=(0,d.getBasePlacement)(a.placement),g=(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(R),n.props.popoverClassName),m=!n.isHoverInteractionKind()&&void 0;return t.createElement(r.Overlay,{autoFocus:null!==(p=n.props.autoFocus)&&void 0!==p?p:m,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:_,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:g,style:{transformOrigin:f},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:f})):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,r=void 0!==e.targetProps;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),n&&r&&console.warn(i.POPOVER2_WARN_TARGET_PROPS_WITH_RENDER_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 f(){}exports.Popover2=_;
+"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 _=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,_=v.className,f=v.fill,h=v.openOnTargetFocus,R=v.renderTarget,g=n.state.isOpen,m=n.isControlled(),T=n.isHoverInteractionKind(),C=n.props.targetTagName;f&&(C="div");var I,S=(0,r.mergeRefs)(O,n.targetRef),y=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)(_,s.POPOVER2_TARGET,(i={},i[s.POPOVER2_OPEN]=g,i[r.Classes.ACTIVE]=g&&!m&&!T,i)),ref:S},y),D=((l={})[r.Classes.ACTIVE]=g&&!m&&!T,l[r.Classes.FILL]=f,l);if(void 0!==R)I=R((0,e.__assign)((0,e.__assign)({},A),{className:(0,o.default)(A.className,D),isOpen:g,tabIndex:N}));else{var M=r.Utils.ensureElement(t.Children.toArray(P)[0]);if(void 0===M)return null;var V=t.cloneElement(M,{className:(0,o.default)(M.props.className,D),disabled:!(!g||!r.Utils.isElementOfType(M,c.Tooltip2))||M.props.disabled,tabIndex:null!==(d=M.props.tabIndex)&&void 0!==d?d:N});I=t.createElement(C,(0,e.__assign)((0,e.__assign)({},A),n.props.targetProps),V)}return t.createElement(u.ResizeSensor2,{targetRef:S,onResize:n.reposition},I)},n.renderPopover=function(a){var i,p,c=n.props,O=c.interactionKind,v=c.shouldReturnFocusOnClose,P=c.usePortal,_=n.state.isOpen,f=(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 R=(0,d.getBasePlacement)(a.placement),g=(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(R),n.props.popoverClassName),m=!n.isHoverInteractionKind()&&void 0;return t.createElement(r.Overlay,{autoFocus:null!==(p=n.props.autoFocus)&&void 0!==p?p:m,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:_,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:g,style:{transformOrigin:f},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){var o;if(null!==n.targetElement&&void 0!==e){var t=null!==(o=e.nativeEvent)&&void 0!==o?o:e,s=t.composed?t.composedPath()[0]:t.target;(!r.Utils.elementIsOrContains(n.targetElement,s)||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:f})):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,r=void 0!==e.targetProps;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),n&&r&&console.warn(i.POPOVER2_WARN_TARGET_PROPS_WITH_RENDER_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 f(){}exports.Popover2=_;
 },{"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")),o=require("@blueprintjs/core"),r=l(require("./classes")),n=require("./popover2");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,s=new WeakMap;return(a=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=a(t);if(s&&s.has(e))return s.get(e);var o={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=r?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(o,n,l):o[n]=e[n]}return o.default=e,s&&s.set(e,o),o}function i(e){return e&&e.__esModule?e:{default:e}}var u=function(a){function l(){return null!==a&&a.apply(this,arguments)||this}return(0,e.__extends)(l,a),l.prototype.render=function(){var n,a,l,i=this.props,u=i.active,p=i.className,c=i.children,m=i.disabled,v=i.elementRef,f=i.intent,b=(i.labelClassName,i.labelElement),E=i.multiline,N=(i.popoverProps,i.roleStructure),_=void 0===N?"menuitem":N,M=i.selected,P=i.shouldDismissPopover,h=(i.submenuProps,i.text),C=i.textClassName,y=i.tagName,I=void 0===y?"a":y,g=i.htmlTitle,O=(0,e.__rest)(i,["active","className","children","disabled","elementRef","intent","labelClassName","labelElement","multiline","popoverProps","roleStructure","selected","shouldDismissPopover","submenuProps","text","textClassName","tagName","htmlTitle"]),x="listoption"===_?["option",void 0,null!==(l=this.props.icon)&&void 0!==l?l:void 0===M?void 0:M?"small-tick":"blank",Boolean(M)]:"menuitem"===_?["none","menuitem",this.props.icon,void 0]:"none"===_?["none",void 0,this.props.icon,void 0]:[void 0,void 0,this.props.icon,void 0],D=x[0],U=x[1],L=x[2],S=x[3],w=null!=L,T=null!=c,j=o.Classes.intentClass(f),B=(0,t.default)(o.Classes.MENU_ITEM,j,((n={})[o.Classes.ACTIVE]=u,n[o.Classes.DISABLED]=m,n[r.POPOVER2_DISMISS]=P&&!m&&!T,n[o.Classes.SELECTED]=u&&void 0===j,n),p),R=s.createElement(I,(0,e.__assign)((0,e.__assign)((0,e.__assign)({role:U,tabIndex:0},(0,o.removeNonHTMLProps)(O)),m?d:{}),{className:B}),w?s.createElement("span",{className:o.Classes.MENU_ITEM_ICON},s.createElement(o.Icon,{icon:L,"aria-hidden":!0,tabIndex:-1})):void 0,s.createElement(o.Text,{className:(0,t.default)(o.Classes.FILL,C),ellipsize:!E,title:g},h),this.maybeRenderLabel(b),T?s.createElement(o.Icon,{className:o.Classes.MENU_SUBMENU_ICON,icon:"caret-right"}):void 0),k=(0,t.default)(((a={})[o.Classes.MENU_SUBMENU]=T,a));return s.createElement("li",{className:k,ref:v,role:D,"aria-selected":S},this.maybeRenderPopover(R,c))},l.prototype.maybeRenderLabel=function(e){var r=this.props,n=r.label,a=r.labelClassName;return null==n&&null==e?null:s.createElement("span",{className:(0,t.default)(o.Classes.MENU_ITEM_LABEL,a)},n,e)},l.prototype.maybeRenderPopover=function(r,a){if(null==a)return r;var l=this.props,i=l.disabled,u=l.popoverProps,d=l.submenuProps;return s.createElement(n.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(o.Menu,(0,e.__assign)({},d),a),minimal:!0,popoverClassName:(0,t.default)(o.Classes.MENU_SUBMENU,null==u?void 0:u.popoverClassName)}),r)},l.defaultProps={active:!1,disabled:!1,multiline:!1,popoverProps:{},selected:void 0,shouldDismissPopover:!0,text:""},l.displayName="".concat(o.DISPLAYNAME_PREFIX,".MenuItem2"),l}(o.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","./popover2":"r9m3"}],"KyFQ":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ContextMenu2Popover=void 0;var e=require("tslib"),t=s(require("classnames")),r=i(require("react")),n=require("@blueprintjs/core"),o=i(require("./classes")),a=require("./popover2");function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(u=function(e){return e?r: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 r=u(t);if(r&&r.has(e))return r.get(e);var n={},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(n,a,i):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}function s(e){return e&&e.__esModule?e:{default:e}}var l=r.memo(function(u){var i,s=u.content,l=u.popoverClassName,p=u.onClose,f=u.isDarkTheme,d=void 0!==f&&f,v=u.rootBoundary,m=void 0===v?"viewport":v,_=u.targetOffset,y=u.transitionDuration,C=void 0===y?100:y,O=(0,e.__rest)(u,["content","popoverClassName","onClose","isDarkTheme","rootBoundary","targetOffset","transitionDuration"]),P=r.useCallback(function(e){return e.preventDefault()},[]),E=r.useCallback(function(e){var t=e.ref;return r.createElement(n.Portal,null,r.createElement("div",{className:o.CONTEXT_MENU2_VIRTUAL_TARGET,style:_,ref:t}))},[_]),M=r.useCallback(function(e){e||null==p||p()},[]);return r.createElement(a.Popover2,(0,e.__assign)({},O,{content:r.createElement("div",{onContextMenu:P},s),enforceFocus:!1,key:c(_),hasBackdrop:!0,backdropProps:{className:o.CONTEXT_MENU2_BACKDROP},minimal:!0,onInteraction:M,popoverClassName:(0,t.default)(o.CONTEXT_MENU2_POPOVER2,l,(i={},i[n.Classes.DARK]=d,i)),placement:"right-start",positioningStrategy:"fixed",rootBoundary:m,renderTarget:E,transitionDuration:C}))});function c(e){return void 0===e?"default":"".concat(e.left,"x").concat(e.top)}exports.ContextMenu2Popover=l,l.displayName="".concat(n.DISPLAYNAME_PREFIX,".ContextMenu2Popover");
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./classes":"e4eA","./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=a(require("react")),r=require("@blueprintjs/core"),o=a(require("./classes")),i=require("./contextMenu2Popover"),s=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 a(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 i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var s=o?Object.getOwnPropertyDescriptor(e,i):null;s&&(s.get||s.set)?Object.defineProperty(r,i,s):r[i]=e[i]}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,a){var l=u.className,c=u.children,f=u.content,p=u.disabled,d=void 0!==p&&p,v=u.onClose,E=u.onContextMenu,_=u.popoverProps,m=u.tagName,C=void 0===m?"div":m,M=(0,e.__rest)(u,["className","children","content","disabled","onClose","onContextMenu","popoverProps","tagName"]),x=n.useContext(s.Tooltip2Context)[1],O=n.useState(void 0),b=O[0],y=O[1],T=n.useState(),P=T[0],g=T[1],D=n.useState(!1),S=D[0],N=D[1],j=n.useRef(null);n.useEffect(function(){N(!1),x({type:"RESET_DISABLED_STATE"})},[d]);var k=n.useCallback(function(){N(!1),g(void 0),x({type:"RESET_DISABLED_STATE"}),null==v||v()},[]),q=n.useMemo(function(){return r.Utils.isDarkTheme(j.current)},[j,S]),h={isOpen:S,mouseEvent:P,targetOffset:b},w=d?void 0:r.Utils.isFunction(f)?f(h):f,A=void 0===w?void 0:n.createElement(i.ContextMenu2Popover,(0,e.__assign)({},_,{content:w,isDarkTheme:q,isOpen:S,targetOffset:b,onClose:k})),F=n.useCallback(function(e){e.defaultPrevented||(!d&&(r.Utils.isFunction(c)||r.Utils.isFunction(f)||void 0!==A)&&(e.preventDefault(),e.persist(),g(e),y({left:e.clientX,top:e.clientY}),N(!0),x({type:"FORCE_DISABLED_STATE"})),null==E||E(e))},[E,d]),R=(0,t.default)(l,o.CONTEXT_MENU2),U=r.Utils.isFunction(c)?c({className:R,contentProps:h,onContextMenu:F,popover:A,ref:j}):n.createElement(n.Fragment,null,A,n.createElement(C,(0,e.__assign)({className:R,onContextMenu:F,ref:(0,r.mergeRefs)(j,a)},M),c));return n.createElement(s.Tooltip2Provider,{forceDisable:S},U)});exports.ContextMenu2=c,c.displayName="Blueprint.ContextMenu2";
+},{"tslib":"CvJj","classnames":"G1XI","react":"HdMw","@blueprintjs/core":"Ydrz","./classes":"e4eA","./contextMenu2Popover":"KyFQ","./tooltip2Context":"SE1S"}],"nUw9":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.showContextMenu=c,exports.hideContextMenu=s;var e,t=require("tslib"),n=a(require("react")),r=a(require("react-dom")),o=a(require("./classes")),u=require("./contextMenu2Popover");function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function a(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var r={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var a=o?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(r,u,a):r[u]=e[u]}return r.default=e,n&&n.set(e,r),r}function c(u){void 0===e?((e=document.createElement("div")).classList.add(o.CONTEXT_MENU2),document.body.appendChild(e)):r.unmountComponentAtNode(e),r.render(n.createElement(l,(0,t.__assign)({},u)),e)}function s(){void 0!==e&&(r.unmountComponentAtNode(e),e=void 0)}function l(e){var r=n.useState(!0),o=r[0],i=r[1],a=n.useCallback(function(){var t;i(!1),null===(t=e.onClose)||void 0===t||t.call(e)},[]);return n.createElement(u.ContextMenu2Popover,(0,t.__assign)({isOpen:o,onClose:a},e))}
+},{"tslib":"CvJj","react":"HdMw","react-dom":"X9zx","./classes":"e4eA","./contextMenu2Popover":"KyFQ"}],"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")),o=require("@blueprintjs/core"),r=l(require("./classes")),n=require("./popover2");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,s=new WeakMap;return(a=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=a(t);if(s&&s.has(e))return s.get(e);var o={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var l=r?Object.getOwnPropertyDescriptor(e,n):null;l&&(l.get||l.set)?Object.defineProperty(o,n,l):o[n]=e[n]}return o.default=e,s&&s.set(e,o),o}function i(e){return e&&e.__esModule?e:{default:e}}var u=function(a){function l(){return null!==a&&a.apply(this,arguments)||this}return(0,e.__extends)(l,a),l.prototype.render=function(){var n,a,l,i=this.props,u=i.active,p=i.className,c=i.children,m=i.disabled,v=i.elementRef,f=i.intent,b=(i.labelClassName,i.labelElement),E=i.multiline,N=(i.popoverProps,i.roleStructure),_=void 0===N?"menuitem":N,M=i.selected,P=i.shouldDismissPopover,h=(i.submenuProps,i.text),C=i.textClassName,y=i.tagName,I=void 0===y?"a":y,g=i.htmlTitle,x=(0,e.__rest)(i,["active","className","children","disabled","elementRef","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===M?void 0:M?"small-tick":"blank",Boolean(M)]:"menuitem"===_?["none","menuitem",this.props.icon,void 0]:"none"===_?["none",void 0,this.props.icon,void 0]:[void 0,void 0,this.props.icon,void 0],D=O[0],U=O[1],L=O[2],S=O[3],w=null!=L,T=null!=c,j=o.Classes.intentClass(f),B=(0,t.default)(o.Classes.MENU_ITEM,j,((n={})[o.Classes.ACTIVE]=u,n[o.Classes.DISABLED]=m,n[r.POPOVER2_DISMISS]=P&&!m&&!T,n[o.Classes.SELECTED]=u&&void 0===j,n),p),R=s.createElement(I,(0,e.__assign)((0,e.__assign)((0,e.__assign)({role:T?"none":U,tabIndex:T?-1:0},(0,o.removeNonHTMLProps)(x)),m?d:{}),{className:B}),w?s.createElement("span",{className:o.Classes.MENU_ITEM_ICON},s.createElement(o.Icon,{icon:L,"aria-hidden":!0,tabIndex:-1})):void 0,s.createElement(o.Text,{className:(0,t.default)(o.Classes.FILL,C),ellipsize:!E,title:g},h),this.maybeRenderLabel(b),T?s.createElement(o.Icon,{className:o.Classes.MENU_SUBMENU_ICON,icon:"caret-right"}):void 0),k=(0,t.default)(((a={})[o.Classes.MENU_SUBMENU]=T,a));return s.createElement("li",{className:k,ref:v,role:D,"aria-selected":S},this.maybeRenderPopover(R,{role:U,tabIndex:0},c))},l.prototype.maybeRenderLabel=function(e){var r=this.props,n=r.label,a=r.labelClassName;return null==n&&null==e?null:s.createElement("span",{className:(0,t.default)(o.Classes.MENU_ITEM_LABEL,a)},n,e)},l.prototype.maybeRenderPopover=function(r,a,l){if(null==l)return r;var i=this.props,u=i.disabled,d=i.popoverProps,c=i.submenuProps;return s.createElement(n.Popover2,(0,e.__assign)({autoFocus:!1,captureDismiss:!1,disabled:u,enforceFocus:!1,hoverCloseDelay:0,interactionKind:"hover",modifiers:p,targetProps:a,placement:"right-start",usePortal:!1},d,{content:s.createElement(o.Menu,(0,e.__assign)({},c),l),minimal:!0,popoverClassName:(0,t.default)(o.Classes.MENU_SUBMENU,null==d?void 0:d.popoverClassName)}),r)},l.defaultProps={active:!1,disabled:!1,multiline:!1,popoverProps:{},selected:void 0,shouldDismissPopover:!0,text:""},l.displayName="".concat(o.DISPLAYNAME_PREFIX,".MenuItem2"),l}(o.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"}],"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={}));
 },{}],"mZnF":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Breadcrumbs2",{enumerable:!0,get:function(){return t.Breadcrumbs2}}),Object.defineProperty(exports,"ContextMenu2",{enumerable:!0,get:function(){return n.ContextMenu2}}),Object.defineProperty(exports,"MenuItem2",{enumerable:!0,get:function(){return o.MenuItem2}}),Object.defineProperty(exports,"PlacementOptions",{enumerable:!0,get:function(){return u.PlacementOptions}}),Object.defineProperty(exports,"Popover2",{enumerable:!0,get:function(){return i.Popover2}}),Object.defineProperty(exports,"Popover2InteractionKind",{enumerable:!0,get:function(){return i.Popover2InteractionKind}}),Object.defineProperty(exports,"PopupKind",{enumerable:!0,get:function(){return p.PopupKind}}),Object.defineProperty(exports,"ResizeSensor2",{enumerable:!0,get:function(){return s.ResizeSensor2}}),Object.defineProperty(exports,"Tooltip2",{enumerable:!0,get:function(){return c.Tooltip2}}),exports.Errors=exports.Classes=void 0;var e=f(require("./classes"));exports.Classes=e;var r=f(require("./errors"));exports.Errors=r;var t=require("./breadcrumbs2"),n=require("./contextMenu2"),o=require("./menuItem2"),u=require("./popover2SharedProps"),i=require("./popover2"),p=require("./popupKind"),s=require("./resizeSensor2"),c=require("./tooltip2");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 f(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 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,t&&t.set(e,n),n}
-},{"./classes":"e4eA","./errors":"gQJg","./breadcrumbs2":"bLlA","./contextMenu2":"mDEr","./menuItem2":"S1tg","./popover2SharedProps":"r11X","./popover2":"r9m3","./popupKind":"FyuB","./resizeSensor2":"HAyF","./tooltip2":"d4OQ"}],"FlVj":[function(require,module,exports) {
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.t=exports.getTranslations=exports.setTranslations=void 0;const e=require("mobx"),o=(0,e.observable)({toolbar:{opacity:"Opacity",effects:"Effects",blur:"Blur",textBackground:"Background",backgroundCornerRadius:"Corner radius",backgroundOpacity:"Opacity",backgroundPadding:"Padding",brightness:"Brightness",sepia:"Sepia",grayscale:"Grayscale",textStroke:"Text Stroke",shadow:"Shadow",border:"Border",cornerRadius:"Corner Radius",position:"Position",layering:"Layering",toForward:"To forward",up:"Up",down:"Down",toBottom:"To bottom",alignLeft:"Align left",alignCenter:"Align center",alignRight:"Align right",alignTop:"Align top",alignMiddle:"Align middle",alignBottom:"Align bottom",flip:"Flip",flipHorizontally:"Flip horizontally",flipVertically:"Flip vertically",fitToBackground:"Fit to page",removeBackground:"Remove background",removeBackgroundTitle:"Remove background from image",cancelRemoveBackground:"Cancel",confirmRemoveBackground:"Confirm",crop:"Crop",cropDone:"Done",cropCancel:"Cancel",removeClip:"Remove clip",removeMask:"Remove mask",transparency:"Transparency",lockedDescription:"Object is locked. Unlock it to allow changes from canvas.",unlockedDescription:"Object is unlocked. Lock it to prevent changes from canvas.",removeElements:"Remove elements",duplicateElements:"Duplicate elements",download:"Download",saveAsImage:"Save as image",saveAsPDF:"Save as PDF",lineHeight:"Line height",letterSpacing:"Letter spacing",offsetX:"Offset X",offsetY:"Offset Y",color:"Color",selectable:"Selectable",draggable:"Draggable",removable:"Removable",resizable:"Resizable",contentEditable:"Can change content",styleEditable:"Can change style",alwaysOnTop:"Always on top",showInExport:"Show in export",ungroupElements:"Ungroup",groupElements:"Group"},workspace:{noPages:"There are no pages yet...",addPage:"Add page",removePage:"Remove page",duplicatePage:"Duplicate page",moveUp:"Move up",moveDown:"Move down"},scale:{reset:"Reset"},error:{removeBackground:"Ops! Something went wrong. Background can not be removed."},sidePanel:{templates:"Templates",searchTemplatesWithSameSize:"Show templates with the same size",searchPlaceholder:"Search...",otherFormats:"Other formats",noResults:"No results",error:"Loading is failed...",text:"Text",uploadFont:"Upload font",myFonts:"My fonts",photos:"Photos",elements:"Elements",upload:"Upload",uploadImage:"Upload Image",uploadTip:"Do you want to upload your own images?",background:"Background",resize:"Resize",layers:"Layers",layersTip:"Elements on your active page:",noLayers:"No elements on the page...",namePlaceholder:"Type element name...",useMagicResize:"Use magic resize",width:"Width",height:"Height",magicResizeDescription:"Magic resize will automatically resize and move all elements on the canvas",headerText:"Header",createHeader:"Create header",subHeaderText:"Sub Header",createSubHeader:"Create sub header",bodyText:"Body text",createBody:"Create body text"}});function a(e,o){var a,t=o.split("."),r=e;for(a=0;a<t.length;++a){if(null==r[t[a]])return;r=r[t[a]]}return r}const t=e=>e&&"object"==typeof e;function r(e,o){Object.keys(o).forEach(a=>{const n=e[a],s=o[a];t(s)&&t(n)?r(n,s):e[a]=s})}exports.setTranslations=(0,e.action)(e=>{r(o,e)});const n=()=>(0,e.toJS)(o);exports.getTranslations=n;const s={},l=e=>{const t=a(o,e);if(void 0!==t)return t;s[e]||(s[e]=!0,console.warn(`Missing translation '${e}'`));const r=e.split(".");return r[r.length-1]};exports.t=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Breadcrumbs2",{enumerable:!0,get:function(){return t.Breadcrumbs2}}),Object.defineProperty(exports,"ContextMenu2",{enumerable:!0,get:function(){return n.ContextMenu2}}),Object.defineProperty(exports,"ContextMenu2Popover",{enumerable:!0,get:function(){return o.ContextMenu2Popover}}),Object.defineProperty(exports,"showContextMenu",{enumerable:!0,get:function(){return u.showContextMenu}}),Object.defineProperty(exports,"hideContextMenu",{enumerable:!0,get:function(){return u.hideContextMenu}}),Object.defineProperty(exports,"MenuItem2",{enumerable:!0,get:function(){return i.MenuItem2}}),Object.defineProperty(exports,"PlacementOptions",{enumerable:!0,get:function(){return p.PlacementOptions}}),Object.defineProperty(exports,"Popover2",{enumerable:!0,get:function(){return s.Popover2}}),Object.defineProperty(exports,"Popover2InteractionKind",{enumerable:!0,get:function(){return s.Popover2InteractionKind}}),Object.defineProperty(exports,"PopupKind",{enumerable:!0,get:function(){return c.PopupKind}}),Object.defineProperty(exports,"ResizeSensor2",{enumerable:!0,get:function(){return a.ResizeSensor2}}),Object.defineProperty(exports,"Tooltip2",{enumerable:!0,get:function(){return f.Tooltip2}}),exports.Errors=exports.Classes=void 0;var e=l(require("./classes"));exports.Classes=e;var r=l(require("./errors"));exports.Errors=r;var t=require("./breadcrumbs2"),n=require("./contextMenu2"),o=require("./contextMenu2Popover"),u=require("./contextMenu2Singleton"),i=require("./menuItem2"),p=require("./popover2SharedProps"),s=require("./popover2"),c=require("./popupKind"),a=require("./resizeSensor2"),f=require("./tooltip2");function b(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(b=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=b(r);if(t&&t.has(e))return t.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,t&&t.set(e,n),n}
+},{"./classes":"e4eA","./errors":"gQJg","./breadcrumbs2":"bLlA","./contextMenu2":"mDEr","./contextMenu2Popover":"KyFQ","./contextMenu2Singleton":"nUw9","./menuItem2":"S1tg","./popover2SharedProps":"r11X","./popover2":"r9m3","./popupKind":"FyuB","./resizeSensor2":"HAyF","./tooltip2":"d4OQ"}],"FlVj":[function(require,module,exports) {
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.t=exports.getTranslations=exports.setTranslations=void 0;const e=require("mobx"),o=(0,e.observable)({toolbar:{opacity:"Opacity",effects:"Effects",blur:"Blur",textBackground:"Background",backgroundCornerRadius:"Corner radius",backgroundOpacity:"Opacity",backgroundPadding:"Padding",brightness:"Brightness",sepia:"Sepia",grayscale:"Grayscale",textStroke:"Text Stroke",shadow:"Shadow",border:"Border",cornerRadius:"Corner Radius",position:"Position",layering:"Layering",toForward:"To forward",up:"Up",down:"Down",toBottom:"To bottom",alignLeft:"Align left",alignCenter:"Align center",alignRight:"Align right",alignTop:"Align top",alignMiddle:"Align middle",alignBottom:"Align bottom",flip:"Flip",flipHorizontally:"Flip horizontally",flipVertically:"Flip vertically",fitToBackground:"Fit to page",removeBackground:"Remove background",removeBackgroundTitle:"Remove background from image",cancelRemoveBackground:"Cancel",confirmRemoveBackground:"Confirm",crop:"Crop",cropDone:"Done",cropCancel:"Cancel",removeClip:"Remove clip",removeMask:"Remove mask",transparency:"Transparency",lockedDescription:"Object is locked. Unlock it to allow changes from canvas.",unlockedDescription:"Object is unlocked. Lock it to prevent changes from canvas.",removeElements:"Remove elements",duplicateElements:"Duplicate elements",download:"Download",saveAsImage:"Save as image",saveAsPDF:"Save as PDF",lineHeight:"Line height",letterSpacing:"Letter spacing",offsetX:"Offset X",offsetY:"Offset Y",color:"Color",selectable:"Selectable",draggable:"Draggable",removable:"Removable",resizable:"Resizable",contentEditable:"Can change content",styleEditable:"Can change style",alwaysOnTop:"Always on top",showInExport:"Show in export",ungroupElements:"Ungroup",groupElements:"Group",lineSize:"Line size"},workspace:{noPages:"There are no pages yet...",addPage:"Add page",removePage:"Remove page",duplicatePage:"Duplicate page",moveUp:"Move up",moveDown:"Move down"},scale:{reset:"Reset"},error:{removeBackground:"Ops! Something went wrong. Background can not be removed."},sidePanel:{templates:"Templates",searchTemplatesWithSameSize:"Show templates with the same size",searchPlaceholder:"Search...",otherFormats:"Other formats",noResults:"No results",error:"Loading is failed...",text:"Text",uploadFont:"Upload font",myFonts:"My fonts",photos:"Photos",elements:"Elements",shapes:"Shapes",lines:"Lines",upload:"Upload",uploadImage:"Upload Image",uploadTip:"Do you want to upload your own images?",background:"Background",resize:"Resize",layers:"Layers",layersTip:"Elements on your active page:",noLayers:"No elements on the page...",namePlaceholder:"Type element name...",useMagicResize:"Use magic resize",width:"Width",height:"Height",magicResizeDescription:"Magic resize will automatically resize and move all elements on the canvas",headerText:"Header",createHeader:"Create header",subHeaderText:"Sub Header",createSubHeader:"Create sub header",bodyText:"Body text",createBody:"Create body text"}});function a(e,o){var a,t=o.split("."),r=e;for(a=0;a<t.length;++a){if(null==r[t[a]])return;r=r[t[a]]}return r}const t=e=>e&&"object"==typeof e;function r(e,o){Object.keys(o).forEach(a=>{const n=e[a],s=o[a];t(s)&&t(n)?r(n,s):e[a]=s})}exports.setTranslations=(0,e.action)(e=>{r(o,e)});const n=()=>(0,e.toJS)(o);exports.getTranslations=n;const s={},i=e=>{const t=a(o,e);if(void 0!==t)return t;s[e]||(s[e]=!0,console.warn(`Missing translation '${e}'`));const r=e.split(".");return r[r.length-1]};exports.t=i;
 },{"mobx":"BzvP"}],"smDv":[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.PageControls=void 0;const t=e(require("react")),n=require("mobx-react-lite"),o=require("@blueprintjs/core"),a=require("@blueprintjs/popover2"),l=require("../utils/l10n");exports.PageControls=(0,n.observer)(({store:e,page:n,xPadding:i,yPadding:r})=>{const d=e.pages.length>1,c=e.pages.indexOf(n);return t.default.createElement("div",{style:{position:"absolute",top:r-40+"px",right:i+"px"}},d&&t.default.createElement(a.Tooltip2,{content:(0,l.t)("workspace.moveUp"),disabled:0===c},t.default.createElement(o.Button,{icon:"chevron-up",minimal:!0,disabled:0===c,onClick:()=>{n.setZIndex(c-1)}})),d&&t.default.createElement(a.Tooltip2,{content:(0,l.t)("workspace.moveDown"),disabled:c===e.pages.length-1},t.default.createElement(o.Button,{icon:"chevron-down",minimal:!0,disabled:c===e.pages.length-1,onClick:()=>{const t=e.pages.indexOf(n);n.setZIndex(t+1)}})),t.default.createElement(a.Tooltip2,{content:(0,l.t)("workspace.duplicatePage")},t.default.createElement(o.Button,{icon:"duplicate",minimal:!0,onClick:()=>{n.clone()}})),d&&t.default.createElement(a.Tooltip2,{content:(0,l.t)("workspace.removePage")},t.default.createElement(o.Button,{icon:"trash",minimal:!0,onClick:()=>{e.deletePages([n.id])}})),t.default.createElement(a.Tooltip2,{content:(0,l.t)("workspace.addPage")},t.default.createElement(o.Button,{icon:"insert",minimal:!0,onClick:()=>{var t;const o=e.addPage({bleed:(null===(t=e.activePage)||void 0===t?void 0:t.bleed)||0}),a=e.pages.indexOf(n);o.setZIndex(a+1)}})))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","@blueprintjs/popover2":"mZnF","../utils/l10n":"FlVj"}],"Ic0q":[function(require,module,exports) {
@@ -3245,9 +3251,9 @@ var e="undefined"!=typeof Element,r="function"==typeof Map,t="function"==typeof
 },{"mobx":"BzvP","./api":"Ic0q","./flags":"IDY9"}],"BUt3":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pxToUnitString=exports.unitToPx=exports.pxToUnitRounded=exports.pxToUnit=void 0;const t=({px:t,unit:e="px",dpi:n})=>{switch(e){case"pt":default:return t;case"mm":return t/(n/25.4);case"cm":return t/(n/2.54);case"in":return t/n}};exports.pxToUnit=t;const e=({px:t,precious:e=2,dpi:n=72,unit:o="px"})=>parseFloat((0,exports.pxToUnit)({px:t,dpi:n,unit:o}).toFixed(e));exports.pxToUnitRounded=e;const n=({unitVal:t,dpi:e,unit:n})=>t/(0,exports.pxToUnit)({px:1,unit:n,dpi:e});exports.unitToPx=n;const o=t=>{const e=parseFloat((0,exports.pxToUnit)(t).toFixed(1));switch(t.unit){case"pt":return`${Math.round(e)}pt`;case"mm":return`${e}mm`;case"cm":return`${e}cm`;case"in":return`${e}in`;default:return`${Math.round(e)}px`}};exports.pxToUnitString=o;
 },{}],"Co9b":[function(require,module,exports) {
-"use strict";var e=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n},t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerNextDomDrop=exports.registerTransformerAttrs=void 0;const n=t(require("react")),i=require("mobx-react-lite"),r=require("mobx"),l=require("react-konva"),o=t(require("use-image")),a=t(require("konva")),s=t(require("./element")),d=require("./use-transformer-snap"),c=require("./image-element"),u=require("../utils/crop"),m=require("./page-controls"),g=require("../utils/validate-key"),h=require("../utils/math"),f=require("../utils/unit"),p=require("../utils/flags"),x=require("../utils/screen"),b={enabledAnchors:["top-left","top-center","top-right","middle-left","bottom-left","bottom-right","bottom-center","middle-right"],rotateEnabled:!0,rotationSnaps:[0,45,90,135,180,225,270,315],ignoreStroke:!0,anchorStrokeWidth:2,borderStrokeWidth:2},v={text:{enabledAnchors:["top-left","top-right","middle-left","bottom-left","bottom-right","middle-right"]},svg:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},image:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},many:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},group:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]}};function y(e,t){v[e]=v[e]||t,Object.assign(v[e],t)}exports.registerTransformerAttrs=y;const E=e=>n.default.createElement(l.Rect,Object.assign({},e,{preventDefault:!1})),w=t=>{var{url:i}=t,r=e(t,["url"]);const[a,s]=(0,o.default)(i,"anonymous"),d=a?(0,u.getCrop)(a,{width:r.width,height:r.height},"center-middle"):{};return(0,c.useImageLoader)(s,"background"),n.default.createElement(l.Image,Object.assign({image:a},r,d))},X=e=>n.default.createElement(l.Rect,Object.assign({},e)),Y=t=>{const{background:i,scale:r,borderColor:o}=t,s=e(t,["background","scale","borderColor"]),d=n.default.useMemo(()=>!!a.default.Util.colorToRGBA(i),[i]),c=n.default.useMemo(()=>{const e=document.createElement("canvas"),t=30;e.width=60,e.height=60;const n=e.getContext("2d");return n&&(n.fillStyle="black",n.fillRect(t,0,t,t),n.fillRect(0,t,t,t)),e},[]);return n.default.createElement(n.default.Fragment,null,n.default.createElement(l.Rect,Object.assign({fillPatternImage:c},s,{opacity:.1,hideInExport:!0})),d?n.default.createElement(X,Object.assign({fill:i},s)):n.default.createElement(w,Object.assign({url:i},s)))},k=(0,i.observer)(({selection:e})=>e.visible?n.default.createElement(l.Rect,{name:"selection",x:Math.min(e.x1,e.x2),y:Math.min(e.y1,e.y2),width:Math.abs(e.x1-e.x2),height:Math.abs(e.y1-e.y2),fill:"rgba(0, 161, 255, 0.3)"}):null),A=(0,i.observer)(({x:e,y:t,width:i,height:r,rotation:o,anchor:s,store:d})=>{const c=(0,h.getClientRect)({x:e,y:t,width:i,height:r,rotation:a.default.Util.radToDeg(o)});if(void 0===s)return null;const u=(r/2+90)*Math.cos(o-Math.PI/2),m=(r/2+90)*Math.sin(o-Math.PI/2),g=(0,f.pxToUnitRounded)({unit:d.unit,dpi:d.dpi,px:i/d.scale,precious:"px"===d.unit?0:1})+"x"+(0,f.pxToUnitRounded)({unit:d.unit,dpi:d.dpi,px:r/d.scale,precious:"px"===d.unit?0:1});return n.default.createElement(n.default.Fragment,null,n.default.createElement(l.Label,{x:(c.minX+c.maxX)/2+u,y:(c.minY+c.maxY)/2+m,offsetX:14,offsetY:14,visible:"rotater"===s},n.default.createElement(l.Tag,{cornerRadius:5,fill:"rgb(0, 161, 255)"}),n.default.createElement(l.Text,{align:"center",verticalAlign:"middle",fill:"white",padding:8,text:Math.round(a.default.Util.radToDeg(o)).toString()+"°"})),n.default.createElement(l.Label,{x:(c.minX+c.maxX)/2,y:c.maxY+20,visible:"rotater"!==s},n.default.createElement(l.Tag,{cornerRadius:5,fill:"rgb(0, 161, 255)",pointerDirection:"up",pointerHeight:0,pointerWidth:0}),n.default.createElement(l.Text,{align:"center",verticalAlign:"middle",fill:"white",padding:8,text:g})))}),O=(0,i.observer)(({elements:e,store:t})=>{const i=e.filter(e=>e.alwaysOnTop),r=e.filter(e=>!e.alwaysOnTop).concat(i);return n.default.createElement(n.default.Fragment,null,r.map(e=>n.default.createElement(s.default,{key:e.id,store:t,element:e,onClick:()=>{console.warn("Polotno warning: onClick callback is deprecated. Just stop using it. Polotno will do selection automatically.")}})))});let S=null;const P=e=>{S=e};exports.registerNextDomDrop=P,exports.default=(0,i.observer)(({store:e,page:t,width:o,height:s,pageControlsEnabled:c,backColor:u,pageBorderColor:y,activePageBorderColor:w,components:X,bleedColor:P})=>{const R=e.bleedVisible?t.bleed:0,T=t.computedWidth+2*R,I=t.computedHeight+2*R,C=(o-T*e.scale)/2,D=(s-I*e.scale)/2,M=n.default.useRef(null),L=n.default.useRef(null),j=n.default.useRef(null),q=null==c||c,[W,B]=n.default.useState(null),[_,G]=n.default.useState({}),U=e.selectedElements.find(e=>e._cropModeEnabled),H=e.selectedShapes.filter(e=>!e.resizable).length>0,N=e.selectedShapes.filter(e=>!e.draggable).length>0,K=e.selectedElements.filter(e=>!e.visible).length>0;n.default.useEffect(()=>{var t,n,i;if(!M.current)return;const r=M.current.getStage(),l=e.selectedShapes.map(e=>e._cropModeEnabled?null:r.findOne("#"+e.id)).filter(e=>e),o=1===e.selectedElements.length&&(null===(t=e.selectedElements[0])||void 0===t?void 0:t.type)||"many";v[o]?(M.current.setAttrs(Object.assign(Object.assign({},b),v[o])),"svg"!==o&&"image"!==o||e.selectedElements[0].keepRatio||M.current.setAttrs({enabledAnchors:b.enabledAnchors}),"text"===o&&p.flags.textVerticalResizeEnabled&&M.current.setAttrs({enabledAnchors:null===(n=v.text.enabledAnchors)||void 0===n?void 0:n.concat(["bottom-center"])})):M.current.setAttrs(b),H&&M.current.enabledAnchors([]),N&&M.current.rotateEnabled(!1),l.find(e=>null==e?void 0:e.isDragging())&&l.forEach(e=>{null==e||e.startDrag()}),M.current.nodes(l),null===(i=M.current.getLayer())||void 0===i||i.batchDraw()},[e.selectedElements,U,H,K,N]);const F=(0,i.useLocalObservable)(()=>({visible:!1,x1:0,y1:0,x2:0,y2:0})),z=n.default.useRef(!1),J=(0,x.useMobile)(),V=(0,r.action)(n=>{var i,r;if(J)return;z.current=!1,e.activePage!==t&&t.select();const l=n.target.findAncestor(".elements-container"),o=n.target.findAncestor("Transformer"),a=n.target.findAncestor(".page-abs-container");if(l||o||a)return;const s=null===(i=n.target.getStage())||void 0===i?void 0:i.getPointerPosition();s&&(F.visible=!0,F.x1=s.x,F.y1=s.y,F.x2=s.x,F.y2=s.y,(null===(r=n.target.getStage())||void 0===r?void 0:r.getPointersPositions().length)>=2&&(F.visible=!1))});n.default.useEffect(()=>{const t=(0,r.action)(e=>{var t,n;if(!F.visible)return;null===(t=L.current)||void 0===t||t.setPointersPositions(e);let i=(null===(n=L.current)||void 0===n?void 0:n.getPointerPosition())||{x:F.x2,y:F.y2};F.x2=i.x,F.y2=i.y}),n=(0,r.action)(()=>{if(!F.visible)return;if(!L.current)return;const t=L.current.findOne(".selection"),n=t?t.getClientRect():{width:0,height:0,x:0,y:0};if(n.width&&n.height){const t=[];L.current.find(".element").forEach(i=>{const r=i.getClientRect(),l=e.getElementById(i.id()),o=null==l?void 0:l.draggable,s=null==l?void 0:l.selectable;a.default.Util.haveIntersection(n,r)&&o&&s&&t.push(i.id())}),e.selectElements(t)}F.visible=!1,z.current=!0});return window.addEventListener("mousemove",t),window.addEventListener("touchmove",t),window.addEventListener("mouseup",n),window.addEventListener("touchend",n),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("touchmove",t),window.removeEventListener("mouseup",n),window.removeEventListener("touchend",n)}},[]);const Q=t=>{if(z.current)return;const n=t.evt.ctrlKey||t.evt.metaKey||t.evt.shiftKey,i=t.target.findAncestor(".elements-container"),r=t.target.findAncestor(".page-abs-container"),l=t.target.findAncestor("Transformer");if(!(n||i||l||r))return void e.selectElements([]);const o=t.target.findAncestor(".element",!0),a=e.getElementById(null==o?void 0:o.id()),s=null==a?void 0:a.top,d=null==s?void 0:s.id,c=e.selectedElementsIds.indexOf(d)>=0;d&&n&&!c&&e.selectElements(e.selectedElementsIds.concat([d])),d&&n&&c&&e.selectElements(e.selectedElementsIds.filter(e=>e!=e)),!d||n||c||e.selectElements([d])};(0,d.useSnap)(M);const Z=e.activePage===t,$=(null==X?void 0:X.PageControls)||m.PageControls,ee=1/e.scale,te=0/e.scale;return n.default.createElement("div",{ref:j,onDragOver:e=>e.preventDefault(),onDrop:t=>{if(t.preventDefault(),!L.current)return;L.current.setPointersPositions(t);const n=L.current.findOne(".elements-container").getRelativePointerPosition(),i=L.current.getPointerPosition(),r=L.current.getIntersection(i),l=r&&r.findAncestor(".element",!0),o=l?e.getElementById(l.id()):void 0;S&&(S(n,o),S=null)},style:{position:"relative",width:o+"px"},className:"polotno-page-container"+(Z?" active-page":"")},n.default.createElement(l.Stage,{ref:L,width:o,height:s,onClick:Q,onTap:Q,onMouseDown:V,onMouseMove:n=>{if(!n.evt.altKey&&W)return void B(null);if(!n.evt.altKey)return;const i=n.target.findAncestor(".element",!0),r=null==i?void 0:i.id();if(!e.selectedElements[0])return;if(e.selectedElementsIds.includes(r))return;const l=(0,h.getTotalClientRect)(e.selectedElements),o=r?e.getElementById(r):{x:0,y:0,width:t.computedWidth,height:t.computedHeight,rotation:0},a=(0,h.getClientRect)(o),s=[];l.minX>a.maxX&&s.push({distance:l.minX-a.maxX,box1:l,box2:a,points:[{x:l.minX,y:l.minY+l.height/2},{x:a.maxX,y:l.minY+l.height/2},{x:a.maxX,y:a.minY+a.height/2}]}),l.maxX<a.minX&&s.push({distance:a.minX-l.maxX,box1:l,box2:a,points:[{x:l.maxX,y:l.minY+l.height/2},{x:a.minX,y:l.minY+l.height/2},{x:a.minX,y:a.minY+a.height/2}]}),l.minY>a.maxY&&s.push({box1:l,box2:a,distance:l.minY-a.maxY,points:[{x:l.minX+l.width/2,y:l.minY},{x:l.minX+l.width/2,y:a.maxY},{x:a.minX+a.width/2,y:a.maxY}]}),l.maxY<a.minY&&s.push({box1:l,box2:a,distance:a.minY-l.maxY,points:[{x:l.minX+l.width/2,y:l.maxY},{x:l.minX+l.width/2,y:a.minY},{x:a.minX+a.width/2,y:a.minY}]}),l.minX>=a.minX&&l.maxX<=a.maxX&&l.minY>=a.minY&&l.maxY<=a.maxY&&(s.push({distance:l.minX-a.minX,box1:l,box2:a,points:[{x:l.minX,y:l.minY+l.height/2},{x:a.minX,y:l.minY+l.height/2},{x:a.minX,y:a.minY+a.height/2}]}),s.push({distance:a.maxX-l.maxX,box1:l,box2:a,points:[{x:l.maxX,y:l.minY+l.height/2},{x:a.maxX,y:l.minY+l.height/2},{x:a.maxX,y:a.minY+a.height/2}]}),s.push({box1:l,box2:a,distance:l.minY-a.minY,points:[{x:l.minX+l.width/2,y:l.minY},{x:l.minX+l.width/2,y:a.minY},{x:a.minX+a.width/2,y:a.minY}]}),s.push({box1:l,box2:a,distance:a.maxY-l.maxY,points:[{x:l.minX+l.width/2,y:l.maxY},{x:l.minX+l.width/2,y:a.maxY},{x:a.minX+a.width/2,y:a.maxY}]})),JSON.stringify(W)!==JSON.stringify(s)&&B(s)},onTouchStart:V,onDragStart:t=>{var n;const i=t.target.findAncestor(".element",!0);if(i){const r=e.getElementById(null==i?void 0:i.id()),l=null==r?void 0:r.top,o=null==l?void 0:l.id;!(e.selectedElementsIds.indexOf(o)>=0)&&o&&(e.selectElements([o]),null===(n=M.current)||void 0===n||n.startDrag(t))}W&&B(null)},pageId:t.id,style:{position:"relative"}},n.default.createElement(l.Layer,null,n.default.createElement(E,{width:o,height:s,fill:u}),n.default.createElement(l.Group,{x:C,y:D,scaleX:e.scale,scaleY:e.scale,name:"page-container"},n.default.createElement(l.Group,{name:"page-background-group",x:R,y:R},n.default.createElement(Y,{x:-t.bleed,y:-t.bleed,width:t.computedWidth+2*t.bleed,height:t.computedHeight+2*t.bleed,background:t.background,shadowBlur:10,shadowColor:"lightgrey",name:"page-background",preventDefault:!1,scale:e.scale})),n.default.createElement(l.Group,{x:R,y:R,name:"elements-container"},n.default.createElement(l.Rect,{name:"elements-area",width:t.computedWidth,height:t.computedHeight,listening:!1}),n.default.createElement(O,{elements:t.children,store:e})),n.default.createElement(l.Rect,{stroke:P,name:"bleed",strokeWidth:t.bleed,x:t.bleed/2,y:t.bleed/2,width:t.computedWidth+t.bleed,height:t.computedHeight+t.bleed,listening:!1,visible:t.bleed>0&&e.bleedVisible,hideInExport:!0})),n.default.createElement(l.Line,{name:"workspace-background",points:[0,0,o,0,o,s,0,s,0,0,C,D,C,s-D,o-C,s-D,o-C,D,C,D],listening:!1,closed:!0,fill:u}),n.default.createElement(l.Group,{x:C,y:D,scaleX:e.scale,scaleY:e.scale,name:"page-container"},n.default.createElement(l.Rect,{name:"page-highlight",hideInExport:!0,x:-ee/2-te,y:-ee/2-te,width:T+ee+2*te,height:I+ee+2*te,stroke:Z&&e.pages.length>1?w:y,strokeWidth:2,listening:!1,strokeScaleEnabled:!1})),n.default.createElement(l.Group,{x:C+R*e.scale,y:D+R*e.scale,scaleX:e.scale,scaleY:e.scale,name:"page-abs-container"},n.default.createElement(l.Transformer,{ref:M,boundBoxFunc:(e,t)=>{const n=t.width<1||t.height<1,i=e.width<1||e.height<1;return n&&!i?e:t},onTransform:e=>{var t,n;const i=null===(t=M.current)||void 0===t?void 0:t.__getNodeRect(),r=null===(n=M.current)||void 0===n?void 0:n.getActiveAnchor();G({anchor:r,x:i.x,y:i.y,rotation:i.rotation,width:i.width,height:i.height})},onTransformEnd:e=>{G({})}}),W&&W.map(({points:t,distance:i,box1:r,box2:o},a)=>n.default.createElement(l.Group,{name:"distances-container",hideInExport:!0,key:a,listening:!1},n.default.createElement(l.Rect,Object.assign({},r,{stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1})),n.default.createElement(l.Rect,Object.assign({},o,{stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1})),n.default.createElement(l.Line,{points:[t[0].x,t[0].y,t[1].x,t[1].y],stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1}),n.default.createElement(l.Line,{points:[t[1].x,t[1].y,t[2].x,t[2].y],stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1}),n.default.createElement(l.Label,{x:(t[0].x+t[1].x)/2,y:(t[0].y+t[1].y)/2,offsetY:-10,scaleX:1/e.scale,scaleY:1/e.scale},n.default.createElement(l.Tag,{cornerRadius:5,fill:"rgb(0, 161, 255)",pointerDirection:"down"}),n.default.createElement(l.Text,{align:"center",verticalAlign:"middle",fill:"white",padding:5,text:(0,f.pxToUnitString)({unit:e.unit,dpi:e.dpi,px:i})}))))),n.default.createElement(A,Object.assign({},_,{store:e})),n.default.createElement(k,{selection:F}),g.shouldShowCredit.value&&n.default.createElement(l.Text,{text:"Powered by polotno.dev",fontSize:14,fill:"rgba(0,0,0,0.6)",x:o-170,y:s-18,onMouseEnter:e=>{e.target.getStage().container().style.cursor="pointer"},onMouseLeave:e=>{e.target.getStage().container().style.cursor=""},onTouchStart:e=>{e.cancelBubble=!0},onMouseDown:e=>{e.cancelBubble=!0},onClick:()=>{window.open("https://polotno.dev")},onTap:()=>{window.open("https://polotno.dev")}}),n.default.createElement(l.Group,{name:"line-guides"}))),q&&Z&&n.default.createElement($,{store:e,page:t,xPadding:C,yPadding:D}))});
+"use strict";var e=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n},t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerNextDomDrop=exports.registerTransformerAttrs=void 0;const n=t(require("react")),i=require("mobx-react-lite"),r=require("mobx"),l=require("react-konva"),o=t(require("use-image")),a=t(require("konva")),s=t(require("./element")),d=require("./use-transformer-snap"),c=require("./image-element"),u=require("../utils/crop"),m=require("./page-controls"),g=require("../utils/validate-key"),h=require("../utils/math"),f=require("../utils/unit"),p=require("../utils/flags"),b=require("../utils/screen"),x={enabledAnchors:["top-left","top-center","top-right","middle-left","bottom-left","bottom-right","bottom-center","middle-right"],borderEnabled:!0,rotateEnabled:!0,rotationSnaps:[0,45,90,135,180,225,270,315],ignoreStroke:!0,anchorStrokeWidth:2,borderStrokeWidth:2},v={text:{enabledAnchors:["top-left","top-right","middle-left","bottom-left","bottom-right","middle-right"]},svg:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},line:{enabledAnchors:[],borderEnabled:!1,rotateEnabled:!1},image:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},many:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]},group:{enabledAnchors:["top-left","top-right","bottom-left","bottom-right"]}};function y(e,t){v[e]=v[e]||t,Object.assign(v[e],t)}exports.registerTransformerAttrs=y;const E=e=>n.default.createElement(l.Rect,Object.assign({},e,{preventDefault:!1})),w=t=>{var{url:i}=t,r=e(t,["url"]);const[a,s]=(0,o.default)(i,"anonymous"),d=a?(0,u.getCrop)(a,{width:r.width,height:r.height},"center-middle"):{};return(0,c.useImageLoader)(s,"background"),n.default.createElement(l.Image,Object.assign({image:a},r,d))},X=e=>n.default.createElement(l.Rect,Object.assign({},e)),Y=t=>{const{background:i,scale:r,borderColor:o}=t,s=e(t,["background","scale","borderColor"]),d=n.default.useMemo(()=>!!a.default.Util.colorToRGBA(i),[i]),c=n.default.useMemo(()=>{const e=document.createElement("canvas"),t=30;e.width=60,e.height=60;const n=e.getContext("2d");return n&&(n.fillStyle="black",n.fillRect(t,0,t,t),n.fillRect(0,t,t,t)),e},[]);return n.default.createElement(n.default.Fragment,null,n.default.createElement(l.Rect,Object.assign({fillPatternImage:c},s,{opacity:.1,hideInExport:!0})),d?n.default.createElement(X,Object.assign({fill:i},s)):n.default.createElement(w,Object.assign({url:i},s)))},k=(0,i.observer)(({selection:e})=>e.visible?n.default.createElement(l.Rect,{name:"selection",x:Math.min(e.x1,e.x2),y:Math.min(e.y1,e.y2),width:Math.abs(e.x1-e.x2),height:Math.abs(e.y1-e.y2),fill:"rgba(0, 161, 255, 0.3)"}):null),A=(0,i.observer)(({x:e,y:t,width:i,height:r,rotation:o,anchor:s,store:d})=>{const c=(0,h.getClientRect)({x:e,y:t,width:i,height:r,rotation:a.default.Util.radToDeg(o)});if(void 0===s)return null;const u=(r/2+90)*Math.cos(o-Math.PI/2),m=(r/2+90)*Math.sin(o-Math.PI/2),g=(0,f.pxToUnitRounded)({unit:d.unit,dpi:d.dpi,px:i/d.scale,precious:"px"===d.unit?0:1})+" x "+(0,f.pxToUnitRounded)({unit:d.unit,dpi:d.dpi,px:r/d.scale,precious:"px"===d.unit?0:1})+("px"===d.unit?"":" "+d.unit);return n.default.createElement(n.default.Fragment,null,n.default.createElement(l.Label,{x:(c.minX+c.maxX)/2+u,y:(c.minY+c.maxY)/2+m,offsetX:14,offsetY:14,visible:"rotater"===s},n.default.createElement(l.Tag,{cornerRadius:5,fill:"rgb(0, 161, 255)"}),n.default.createElement(l.Text,{align:"center",verticalAlign:"middle",fill:"white",padding:8,text:Math.round(a.default.Util.radToDeg(o)).toString()+"°"})),n.default.createElement(l.Label,{x:(c.minX+c.maxX)/2,y:c.maxY+20,visible:"rotater"!==s},n.default.createElement(l.Tag,{cornerRadius:5,fill:"rgb(0, 161, 255)",pointerDirection:"up",pointerHeight:0,pointerWidth:0}),n.default.createElement(l.Text,{align:"center",verticalAlign:"middle",fill:"white",padding:8,text:g})))}),O=(0,i.observer)(({elements:e,store:t})=>{const i=e.filter(e=>e.alwaysOnTop),r=e.filter(e=>!e.alwaysOnTop).concat(i);return n.default.createElement(n.default.Fragment,null,r.map(e=>n.default.createElement(s.default,{key:e.id,store:t,element:e,onClick:()=>{console.warn("Polotno warning: onClick callback is deprecated. Just stop using it. Polotno will do selection automatically.")}})))});let S=null;const P=e=>{S=e};exports.registerNextDomDrop=P,exports.default=(0,i.observer)(({store:e,page:t,width:o,height:s,pageControlsEnabled:c,backColor:u,pageBorderColor:y,activePageBorderColor:w,components:X,bleedColor:P})=>{const R=e.bleedVisible?t.bleed:0,T=t.computedWidth+2*R,I=t.computedHeight+2*R,C=(o-T*e.scale)/2,D=(s-I*e.scale)/2,M=n.default.useRef(null),L=n.default.useRef(null),j=n.default.useRef(null),q=null==c||c,[W,B]=n.default.useState(null),[_,G]=n.default.useState({}),U=e.selectedElements.find(e=>e._cropModeEnabled),H=e.selectedShapes.filter(e=>!e.resizable).length>0,N=e.selectedShapes.filter(e=>!e.draggable).length>0,K=e.selectedElements.filter(e=>!e.visible).length>0;n.default.useEffect(()=>{var t,n,i;if(!M.current)return;const r=M.current.getStage(),l=e.selectedShapes.map(e=>e._cropModeEnabled?null:r.findOne("#"+e.id)).filter(e=>e),o=1===e.selectedElements.length&&(null===(t=e.selectedElements[0])||void 0===t?void 0:t.type)||"many";v[o]?(M.current.setAttrs(Object.assign(Object.assign({},x),v[o])),"svg"!==o&&"image"!==o||e.selectedElements[0].keepRatio||M.current.setAttrs({enabledAnchors:x.enabledAnchors}),"text"===o&&p.flags.textVerticalResizeEnabled&&M.current.setAttrs({enabledAnchors:null===(n=v.text.enabledAnchors)||void 0===n?void 0:n.concat(["bottom-center"])})):M.current.setAttrs(x),H&&M.current.enabledAnchors([]),N&&M.current.rotateEnabled(!1),l.find(e=>null==e?void 0:e.isDragging())&&l.forEach(e=>{null==e||e.startDrag()}),M.current.nodes(l),null===(i=M.current.getLayer())||void 0===i||i.batchDraw()},[e.selectedElements,U,H,K,N]);const F=(0,i.useLocalObservable)(()=>({visible:!1,x1:0,y1:0,x2:0,y2:0})),z=n.default.useRef(!1),J=(0,b.useMobile)(),V=(0,r.action)(n=>{var i,r;if(J)return;z.current=!1,e.activePage!==t&&t.select();const l=n.target.findAncestor(".elements-container"),o=n.target.findAncestor("Transformer"),a=n.target.findAncestor(".page-abs-container");if(l||o||a)return;const s=null===(i=n.target.getStage())||void 0===i?void 0:i.getPointerPosition();s&&(F.visible=!0,F.x1=s.x,F.y1=s.y,F.x2=s.x,F.y2=s.y,(null===(r=n.target.getStage())||void 0===r?void 0:r.getPointersPositions().length)>=2&&(F.visible=!1))});n.default.useEffect(()=>{const t=(0,r.action)(e=>{var t,n;if(!F.visible)return;null===(t=L.current)||void 0===t||t.setPointersPositions(e);let i=(null===(n=L.current)||void 0===n?void 0:n.getPointerPosition())||{x:F.x2,y:F.y2};F.x2=i.x,F.y2=i.y}),n=(0,r.action)(()=>{if(!F.visible)return;if(!L.current)return;const t=L.current.findOne(".selection"),n=t?t.getClientRect():{width:0,height:0,x:0,y:0};if(n.width&&n.height){const t=[];L.current.find(".element").forEach(i=>{const r=i.getClientRect(),l=e.getElementById(i.id()),o=null==l?void 0:l.draggable,s=null==l?void 0:l.selectable;a.default.Util.haveIntersection(n,r)&&o&&s&&t.push(i.id())}),e.selectElements(t)}F.visible=!1,z.current=!0});return window.addEventListener("mousemove",t),window.addEventListener("touchmove",t),window.addEventListener("mouseup",n),window.addEventListener("touchend",n),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("touchmove",t),window.removeEventListener("mouseup",n),window.removeEventListener("touchend",n)}},[]);const Q=t=>{if(z.current)return;const n=t.evt.ctrlKey||t.evt.metaKey||t.evt.shiftKey,i=t.target.findAncestor(".elements-container"),r=t.target.findAncestor(".page-abs-container"),l=t.target.findAncestor("Transformer");if(!(n||i||l||r))return void e.selectElements([]);const o=t.target.findAncestor(".element",!0),a=e.getElementById(null==o?void 0:o.id()),s=null==a?void 0:a.top,d=null==s?void 0:s.id,c=e.selectedElementsIds.indexOf(d)>=0;d&&n&&!c&&e.selectElements(e.selectedElementsIds.concat([d])),d&&n&&c&&e.selectElements(e.selectedElementsIds.filter(e=>e!=e)),!d||n||c||e.selectElements([d])};(0,d.useSnap)(M);const Z=e.activePage===t,$=(null==X?void 0:X.PageControls)||m.PageControls,ee=1/e.scale,te=0/e.scale;return n.default.createElement("div",{ref:j,onDragOver:e=>e.preventDefault(),onDrop:t=>{if(t.preventDefault(),!L.current)return;L.current.setPointersPositions(t);const n=L.current.findOne(".elements-container").getRelativePointerPosition(),i=L.current.getPointerPosition(),r=L.current.getIntersection(i),l=r&&r.findAncestor(".element",!0),o=l?e.getElementById(l.id()):void 0;S&&(S(n,o),S=null)},style:{position:"relative",width:o+"px"},className:"polotno-page-container"+(Z?" active-page":"")},n.default.createElement(l.Stage,{ref:L,width:o,height:s,onClick:Q,onTap:Q,onMouseDown:V,onMouseMove:n=>{if(!n.evt.altKey&&W)return void B(null);if(!n.evt.altKey)return;const i=n.target.findAncestor(".element",!0),r=null==i?void 0:i.id();if(!e.selectedElements[0])return;if(e.selectedElementsIds.includes(r))return;const l=(0,h.getTotalClientRect)(e.selectedElements),o=r?e.getElementById(r):{x:0,y:0,width:t.computedWidth,height:t.computedHeight,rotation:0},a=(0,h.getClientRect)(o),s=[];l.minX>a.maxX&&s.push({distance:l.minX-a.maxX,box1:l,box2:a,points:[{x:l.minX,y:l.minY+l.height/2},{x:a.maxX,y:l.minY+l.height/2},{x:a.maxX,y:a.minY+a.height/2}]}),l.maxX<a.minX&&s.push({distance:a.minX-l.maxX,box1:l,box2:a,points:[{x:l.maxX,y:l.minY+l.height/2},{x:a.minX,y:l.minY+l.height/2},{x:a.minX,y:a.minY+a.height/2}]}),l.minY>a.maxY&&s.push({box1:l,box2:a,distance:l.minY-a.maxY,points:[{x:l.minX+l.width/2,y:l.minY},{x:l.minX+l.width/2,y:a.maxY},{x:a.minX+a.width/2,y:a.maxY}]}),l.maxY<a.minY&&s.push({box1:l,box2:a,distance:a.minY-l.maxY,points:[{x:l.minX+l.width/2,y:l.maxY},{x:l.minX+l.width/2,y:a.minY},{x:a.minX+a.width/2,y:a.minY}]}),l.minX>=a.minX&&l.maxX<=a.maxX&&l.minY>=a.minY&&l.maxY<=a.maxY&&(s.push({distance:l.minX-a.minX,box1:l,box2:a,points:[{x:l.minX,y:l.minY+l.height/2},{x:a.minX,y:l.minY+l.height/2},{x:a.minX,y:a.minY+a.height/2}]}),s.push({distance:a.maxX-l.maxX,box1:l,box2:a,points:[{x:l.maxX,y:l.minY+l.height/2},{x:a.maxX,y:l.minY+l.height/2},{x:a.maxX,y:a.minY+a.height/2}]}),s.push({box1:l,box2:a,distance:l.minY-a.minY,points:[{x:l.minX+l.width/2,y:l.minY},{x:l.minX+l.width/2,y:a.minY},{x:a.minX+a.width/2,y:a.minY}]}),s.push({box1:l,box2:a,distance:a.maxY-l.maxY,points:[{x:l.minX+l.width/2,y:l.maxY},{x:l.minX+l.width/2,y:a.maxY},{x:a.minX+a.width/2,y:a.maxY}]})),JSON.stringify(W)!==JSON.stringify(s)&&B(s)},onTouchStart:V,onDragStart:t=>{var n;const i=t.target.findAncestor(".element",!0);if(i){const r=e.getElementById(null==i?void 0:i.id()),l=null==r?void 0:r.top,o=null==l?void 0:l.id;!(e.selectedElementsIds.indexOf(o)>=0)&&o&&(e.selectElements([o]),null===(n=M.current)||void 0===n||n.startDrag(t))}W&&B(null)},pageId:t.id,style:{position:"relative"}},n.default.createElement(l.Layer,null,n.default.createElement(E,{width:o,height:s,fill:u}),n.default.createElement(l.Group,{x:C,y:D,scaleX:e.scale,scaleY:e.scale,name:"page-container"},n.default.createElement(l.Group,{name:"page-background-group",x:R,y:R},n.default.createElement(Y,{x:-t.bleed,y:-t.bleed,width:t.computedWidth+2*t.bleed,height:t.computedHeight+2*t.bleed,background:t.background,shadowBlur:10,shadowColor:"lightgrey",name:"page-background",preventDefault:!1,scale:e.scale})),n.default.createElement(l.Group,{x:R,y:R,name:"elements-container"},n.default.createElement(l.Rect,{name:"elements-area",width:t.computedWidth,height:t.computedHeight,listening:!1}),n.default.createElement(O,{elements:t.children,store:e})),n.default.createElement(l.Rect,{stroke:P,name:"bleed",strokeWidth:t.bleed,x:t.bleed/2,y:t.bleed/2,width:t.computedWidth+t.bleed,height:t.computedHeight+t.bleed,listening:!1,visible:t.bleed>0&&e.bleedVisible,hideInExport:!0})),n.default.createElement(l.Line,{name:"workspace-background",points:[0,0,o,0,o,s,0,s,0,0,C,D,C,s-D,o-C,s-D,o-C,D,C,D],listening:!1,closed:!0,fill:u}),n.default.createElement(l.Group,{x:C,y:D,scaleX:e.scale,scaleY:e.scale,name:"page-container"},n.default.createElement(l.Rect,{name:"page-highlight",hideInExport:!0,x:-ee/2-te,y:-ee/2-te,width:T+ee+2*te,height:I+ee+2*te,stroke:Z&&e.pages.length>1?w:y,strokeWidth:2,listening:!1,strokeScaleEnabled:!1})),n.default.createElement(l.Group,{x:C+R*e.scale,y:D+R*e.scale,scaleX:e.scale,scaleY:e.scale,name:"page-abs-container"},n.default.createElement(l.Transformer,{ref:M,boundBoxFunc:(e,t)=>{const n=t.width<1||t.height<1,i=e.width<1||e.height<1;return n&&!i?e:t},onTransform:e=>{var t,n;const i=null===(t=M.current)||void 0===t?void 0:t.__getNodeRect(),r=null===(n=M.current)||void 0===n?void 0:n.getActiveAnchor();G({anchor:r,x:i.x,y:i.y,rotation:i.rotation,width:i.width,height:i.height})},onTransformEnd:e=>{G({})}}),W&&W.map(({points:t,distance:i,box1:r,box2:o},a)=>n.default.createElement(l.Group,{name:"distances-container",hideInExport:!0,key:a,listening:!1},n.default.createElement(l.Rect,Object.assign({},r,{stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1})),n.default.createElement(l.Rect,Object.assign({},o,{stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1})),n.default.createElement(l.Line,{points:[t[0].x,t[0].y,t[1].x,t[1].y],stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1}),n.default.createElement(l.Line,{points:[t[1].x,t[1].y,t[2].x,t[2].y],stroke:"rgb(0, 161, 255)",strokeWidth:1,strokeScaleEnabled:!1}),n.default.createElement(l.Label,{x:(t[0].x+t[1].x)/2,y:(t[0].y+t[1].y)/2,offsetY:-10,scaleX:1/e.scale,scaleY:1/e.scale},n.default.createElement(l.Tag,{cornerRadius:5,fill:"rgb(0, 161, 255)",pointerDirection:"down"}),n.default.createElement(l.Text,{align:"center",verticalAlign:"middle",fill:"white",padding:5,text:(0,f.pxToUnitString)({unit:e.unit,dpi:e.dpi,px:i})}))))),n.default.createElement(A,Object.assign({},_,{store:e})),n.default.createElement(k,{selection:F}),g.shouldShowCredit.value&&n.default.createElement(l.Text,{text:"Powered by polotno.dev",fontSize:14,fill:"rgba(0,0,0,0.6)",x:o-170,y:s-18,onMouseEnter:e=>{e.target.getStage().container().style.cursor="pointer"},onMouseLeave:e=>{e.target.getStage().container().style.cursor=""},onTouchStart:e=>{e.cancelBubble=!0},onMouseDown:e=>{e.cancelBubble=!0},onClick:()=>{window.open("https://polotno.dev")},onTap:()=>{window.open("https://polotno.dev")}}),n.default.createElement(l.Group,{name:"line-guides"}))),q&&Z&&n.default.createElement($,{store:e,page:t,xPadding:C,yPadding:D}))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","mobx":"BzvP","react-konva":"Sgug","use-image":"MJM3","konva":"aTGn","./element":"XEPK","./use-transformer-snap":"F86d","./image-element":"VbEp","../utils/crop":"hfHf","./page-controls":"smDv","../utils/validate-key":"zree","../utils/math":"RXmf","../utils/unit":"BUt3","../utils/flags":"IDY9","../utils/screen":"aH85"}],"s1Tm":[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.LeftRules=exports.TopRules=void 0;const t=e(require("react")),i=require("../utils/math"),l=require("../utils/unit"),o=require("mobx-react-lite"),r=[.1,.2,.5,1,2,5,10,20,25,50,100,200,500,1e3,2e3,5e3,1e4],d=30,a=e=>r.find(t=>e(t)>30)||1e4;function n(){return t.default.createElement("div",null,t.default.createElement("h1",null,"Top rules"))}exports.TopRules=(0,o.observer)(({xPadding:e,yPadding:o,store:d,width:a,height:n})=>{const s=t.default.useRef(null),p=d.activePage,u=d.bleedVisible?p.bleed:0,c=p.computedWidth*d.scale,x=p.computedHeight*d.scale,f=(h=(e=>(0,l.unitToPx)({unitVal:e,dpi:d.dpi,unit:d.unit})*d.scale),r.find(e=>h(e)>30)||1e4);var h;const g=(0,l.unitToPx)({unitVal:f,dpi:d.dpi,unit:d.unit})*d.scale,m=Math.round(c/g)+1,y=Math.round(x/g)+1,b=(0,i.getTotalClientRect)(d.selectedElements);return t.default.createElement("div",{style:{position:"absolute",top:0,left:0,pointerEvents:"none"},ref:s},t.default.createElement("div",{style:{width:a+"px",height:"14px",position:"sticky",fontSize:"8px",lineHeight:"14px",top:"0px",left:"0px",color:"grey",borderBottom:"1px solid grey",backgroundColor:"#e8e8e8",overflow:"hidden"}},[...Array(m)].map((i,l)=>t.default.createElement("div",{key:l,style:{position:"absolute",left:e+u*d.scale+l*g+"px",borderLeft:"1px solid grey",paddingLeft:"2px",width:g+"px"}},"px"===d.unit||f>=1?Math.round(f*l):(f*l).toFixed(1))),!!d.selectedElements.length&&t.default.createElement("div",{style:{position:"absolute",left:e+u*d.scale+b.x*d.scale+"px",height:"14px",width:b.width*d.scale,backgroundColor:"rgba(0,0,0,0.15)"}})),d.pages.map((e,i)=>{var l;return t.default.createElement("div",{key:e.id,style:{left:"0px",width:"14px",height:n-14+"px",position:"sticky",fontSize:"8px",lineHeight:"14px",color:"grey",borderRight:"1px solid grey",backgroundColor:"#e8e8e8"}},[...Array(y)].map((e,i)=>t.default.createElement("div",{key:i,style:{position:"absolute",left:"14px",top:o+u*d.scale+i*g-14+"px",borderLeft:"1px solid grey",paddingLeft:"2px",transform:"rotate(90deg)",transformOrigin:"left top",width:g+"px"}},"px"===d.unit||f>=1?Math.round(f*i):(f*i).toFixed(1))),(null===(l=d.selectedElements[0])||void 0===l?void 0:l.page)===e&&t.default.createElement("div",{style:{position:"absolute",top:o+u*d.scale+b.y*d.scale+"px",width:"14px",height:b.height*d.scale,backgroundColor:"rgba(0,0,0,0.15)"}}))}))}),exports.LeftRules=n;
+"use strict";var e=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.LeftRules=exports.TopRules=void 0;const t=e(require("react")),i=require("../utils/math"),o=require("../utils/unit"),l=require("mobx-react-lite"),r=[.1,.2,.5,1,2,5,10,20,25,50,100,200,500,1e3,2e3,5e3,1e4],d=30,n=e=>r.find(t=>e(t)>30)||1e4;function s(){return t.default.createElement("div",null,t.default.createElement("h1",null,"Top rules"))}exports.TopRules=(0,l.observer)(({store:e,width:l,height:d})=>{const n=t.default.useRef(null),s=e.activePage,a=(e.bleedVisible&&s.bleed,s.computedWidth*e.scale),p=s.computedHeight*e.scale,u=(l-a)/2,c=(f=(t=>(0,o.unitToPx)({unitVal:t,dpi:e.dpi,unit:e.unit})*e.scale),r.find(e=>f(e)>30)||1e4);var f;const x=(0,o.unitToPx)({unitVal:c,dpi:e.dpi,unit:e.unit})*e.scale,h=Math.round(a/x)+1,g=Math.round(p/x)+1,m=(0,i.getTotalClientRect)(e.selectedElements);return t.default.createElement("div",{style:{position:"absolute",top:0,left:0,pointerEvents:"none"},ref:n},t.default.createElement("div",{style:{width:l+"px",height:"14px",position:"sticky",fontSize:"8px",lineHeight:"14px",top:"0px",left:"0px",color:"grey",borderBottom:"1px solid grey",backgroundColor:"#e8e8e8",overflow:"hidden"}},[...Array(h)].map((i,o)=>t.default.createElement("div",{key:o,style:{position:"absolute",left:u+o*x+"px",borderLeft:"1px solid grey",paddingLeft:"2px",width:x+"px"}},"px"===e.unit||c>=1?Math.round(c*o):(c*o).toFixed(1))),!!e.selectedElements.length&&t.default.createElement("div",{style:{position:"absolute",left:u+m.x*e.scale+"px",height:"14px",width:m.width*e.scale,backgroundColor:"rgba(0,0,0,0.15)"}})),e.pages.map((i,o)=>{var l;const r=i.computedHeight*e.scale,n=(d-r)/2;return t.default.createElement("div",{key:i.id,style:{left:"0px",width:"14px",height:d+"px",position:"sticky",fontSize:"8px",lineHeight:"14px",color:"grey",borderRight:"1px solid grey",backgroundColor:"#e8e8e8",overflow:"hidden"}},[...Array(g)].map((i,o)=>t.default.createElement("div",{key:o,style:{position:"absolute",left:"14px",top:n+o*x-14+"px",borderLeft:"1px solid grey",paddingLeft:"2px",transform:"rotate(90deg)",transformOrigin:"left top",width:x+"px",overflow:"hidden"}},"px"===e.unit||c>=1?Math.round(c*o):(c*o).toFixed(1))),(null===(l=e.selectedElements[0])||void 0===l?void 0:l.page)===i&&t.default.createElement("div",{style:{position:"absolute",top:n+m.y*e.scale-14+"px",width:"14px",height:m.height*e.scale,backgroundColor:"rgba(0,0,0,0.15)"}}))}))}),exports.LeftRules=s;
 },{"react":"HdMw","../utils/math":"RXmf","../utils/unit":"BUt3","mobx-react-lite":"ZfSi"}],"NI5R":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleHotkey=void 0;let e=[],t="";const o="polotno_clipboard",l=t=>{e=t;try{localStorage.setItem(o,JSON.stringify(t))}catch(t){}},d=()=>{try{const e=localStorage.getItem(o);if(e)return JSON.parse(e)}catch(t){}return e};function n(e,o){var n,a,c,i,r,s,v,u;if("INPUT"===(null===(n=document.activeElement)||void 0===n?void 0:n.tagName)||"TEXTAREA"===(null===(a=document.activeElement)||void 0===a?void 0:a.tagName)||"true"===(null===(c=document.activeElement)||void 0===c?void 0:c.contentEditable))return;const m=o.selectedElements.filter(e=>e.removable),f=m.map(e=>e.id);46!==e.keyCode&&8!==e.keyCode||o.deleteElements(f);const y=e.ctrlKey||e.metaKey,p=e.shiftKey;if(y&&!p&&"KeyZ"===e.code&&(e.preventDefault(),o.history.undo()),y&&p&&"KeyZ"===e.code&&(e.preventDefault(),o.history.redo()),y&&"KeyA"===e.code){e.preventDefault();const t=null===(i=o.activePage)||void 0===i?void 0:i.children.filter(e=>e.selectable),l=(null==t?void 0:t.map(e=>e.id))||[];o.selectElements(l)}if(y&&"KeyC"===e.code&&(e.preventDefault(),t=null===(r=o.activePage)||void 0===r?void 0:r.id,l(o.selectedElements.map(e=>e.toJSON()))),y&&"KeyX"===e.code&&(e.preventDefault(),t=null===(s=o.activePage)||void 0===s?void 0:s.id,l(o.selectedElements.map(e=>e.toJSON())),o.deleteElements(m)),y&&"KeyV"===e.code){e.preventDefault();let n=0;t===(null===(v=o.activePage)||void 0===v?void 0:v.id)&&(n=o.width/20),t=null===(u=o.activePage)||void 0===u?void 0:u.id,o.history.transaction(()=>{const e=[],t=d();t.forEach(t=>{var l;delete t.id,t.x+=n,t.y+=n;const d=null===(l=o.activePage)||void 0===l?void 0:l.addElement(t);d&&e.push(d.id)}),l(t),o.selectElements(e)})}"ArrowDown"===e.code&&(e.preventDefault(),o.selectedElements.forEach(e=>{e.set({y:e.y+1})})),"ArrowUp"===e.code&&(e.preventDefault(),o.selectedElements.forEach(e=>{e.set({y:e.y-1})})),"ArrowLeft"===e.code&&(e.preventDefault(),o.selectedElements.forEach(e=>{e.set({x:e.x-1})})),"ArrowRight"===e.code&&(e.preventDefault(),o.selectedElements.forEach(e=>{e.set({x:e.x+1})}))}exports.handleHotkey=n;
 },{}],"twsc":[function(require,module,exports) {
@@ -3269,13 +3275,13 @@ var e=require("process");Object.defineProperty(exports,"__esModule",{value:!0}),
 "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;
 },{}],"uddG":[function(require,module,exports) {
 "use strict";async function e(e){for(let t=0;t<30;t++){const t=await e();if(t)return t;await new Promise(e=>setTimeout(e,50))}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.waitTillAvailable=void 0,exports.waitTillAvailable=e;
-},{}],"YsBD":[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};Object.defineProperty(exports,"__esModule",{value:!0}),exports.jsonToHTML=exports.jsonToDOM=exports.fixRatio=void 0;const n=o(require("./svg"));async function i(e,t){const o=await a(e),n=document.createElement("canvas");n.width=2*o.width,n.height=2*o.height,n.getContext("2d").drawImage(o,0,0,n.width,n.height);const i=document.createElement("canvas");i.width=t.width,i.height=t.height;const r=i.getContext("2d");let{cropX:s,cropY:c}=t;const l=n.width*t.cropWidth,p=n.height*t.cropHeight,d=t.width/t.height;let h,g;const m=l/p;return"svg"===t.type?(h=l,g=p):d>=m?(h=l,g=l/d):(h=p*d,g=p),r.drawImage(n,s*n.width,c*n.height,h,g,0,0,i.width,i.height),i.toDataURL("image/png")}const r=(e,t,...o)=>({type:e,props:t,children:o||[]});function s(e){var t=(new DOMParser).parseFromString(e,"image/svg+xml");return t.documentElement.setAttribute("preserveAspectRatio","none"),(new XMLSerializer).serializeToString(t)}exports.fixRatio=s;const a=e=>new Promise(t=>{const o=new window.Image;o.onload=(()=>{t(o)}),o.src=e,o.crossOrigin="anonymous"}),c=async({element:e,page:t,store:o})=>{let{src:s}=e;if("svg"===e.type){const t=await n.urlToString(s);s=n.replaceColors(t,new Map(Object.entries(e.colorsReplace)))}return s=await i(s,e),r("img",{src:s,width:"100%",height:"100%",style:{"border-radius":e.cornerRadius+"px",border:e.borderSize?`${e.borderSize}px solid ${e.borderColor}`:"none"}})},l=async({element:e,page:t,store:o})=>r("div",{style:{width:e.width+"px",color:e.fill,"font-size":e.fontSize+"px","text-align":e.align,"font-family":e.fontFamily,"text-decoration":e.textDecoration||"none","line-height":e.lineHeight,"letter-spacing":e.letterSpacing+"em","font-style":e.fontStyle,"font-weight":e.fontWeight,"-webkit-text-stroke":`${e.strokeWidth}px ${e.stroke}`}},e.text.split("\n").join("<br />")),p={image:c,svg:c,text:l};async function d({element:e,page:t,store:o,elementHook:n}){const i=await p[e.type]({element:e,page:t,store:o}),s=r("div",{style:{position:"absolute",left:e.x+"px",top:e.y+"px",width:e.width+"px",height:e.height+"px",transform:`rotate(${e.rotation}deg)`,"transform-origin":"top left",opacity:e.opacity}},i);return n&&n({dom:s,element:e})||s}async function h({page:e,store:t,elementHook:o}){const n=await Promise.all(e.children.map(n=>d({element:n,page:e,store:t,elementHook:o})));return r("div",{className:"page",style:{width:t.width+"px",height:t.height+"px",background:e.background,border:"1px solid grey",overflow:"hidden",position:"relative"}},...n)}async function g({json:e,elementHook:t}){const o=await Promise.all(e.pages.map(o=>h({page:o,store:e,elementHook:t}))),n=[];e.pages.forEach(e=>{e.children.forEach(e=>{"text"===e.type&&-1===n.indexOf(e.fontFamily)&&n.push(e.fontFamily)})});const i=n.map(t=>e.fonts.find(e=>e.fontFamily===t)?r("style",{},""):r("link",{href:`https://fonts.googleapis.com/css?family=${t}`,rel:"stylesheet"}));return r("div",{className:"design"},...i,...o)}exports.jsonToDOM=g;const m=(e,t)=>"object"==typeof t?`${e}="${Object.keys(t).map(e=>`${e}:${t[e]};`).join(" ")}"`:`${e}="${t}"`,f=({dom:e})=>"string"==typeof e?e:e?`<${e.type} ${Object.keys(e.props).map(t=>m(t,e.props[t])).join(" ")}>${e.children.map(e=>f({dom:e})).join("")}</${e.type}>`:"";async function u({json:e,elementHook:t}){const o=await g({json:e,elementHook:t});return f({dom:o})}exports.jsonToHTML=u;
-},{"./svg":"B1DI"}],"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.GroupElement=exports.registerShapeModel=exports.SVGElement=exports.ImageElement=exports.TextElement=exports.Element=exports.Node=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"),u=require("../utils/unit"),m=require("../utils/deep-equal"),f=require("../utils/wait"),b=require("../utils/html");(0,s.setLivelinessChecking)("ignore");const y=(e,t)=>{e.children&&e.children.forEach(e=>{t(e),y(e,t)})};exports.Node=s.types.model("Node",{id:s.types.identifier,type:"none",name:"",opacity:1,custom:s.types.frozen(),visible:!0,selectable:!0,removable:!0,alwaysOnTop:!1,showInExport:!0}).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||e.resizable)},get page(){return(0,s.getParentOfType)(e,exports.Page)},get store(){return(0,s.getParentOfType)(e,exports.Store)},get top(){let t=e;for(;;){if(!(0,s.hasParentOfType)(t,exports.GroupElement))return t;t=(0,s.getParentOfType)(t,exports.GroupElement)}},get parent(){return(0,s.hasParentOfType)(e,exports.GroupElement)?(0,s.getParentOfType)(e,exports.GroupElement):(0,s.hasParentOfType)(e,exports.Page)?(0,s.getParentOfType)(e,exports.Page):(0,s.hasParentOfType)(e,exports.Store)?(0,s.getParentOfType)(e,exports.Store):null}})).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),y(o,e=>{e.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.Element=exports.Node.named("Element").props({x:0,y:0,width:100,height:100,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,visible:!0,draggable:!0,resizable:!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.resizable=!1),t}),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,backgroundEnabled:!1,backgroundColor:"#7ED321",backgroundOpacity:1,backgroundCornerRadius:.5,backgroundPadding:.5}).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,keepRatio:!1,_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,cornerRadius: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 E=[];function x(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);O[t]=o,E.push(o)}exports.registerShapeModel=x;const v=[...new Array(20)].map((e,t)=>s.types.late(()=>E[t])),w=s.types.union({dispatcher:e=>{const t=O[e.type];if(!t)throw new Error(`Unknown element type: "${e.type}"`);return t}},exports.SVGElement,exports.TextElement,exports.ImageElement,s.types.late(()=>exports.GroupElement),...v);exports.GroupElement=exports.Node.named("Group").props({type:"group",children:s.types.array(w)}).views(e=>({get draggable(){let t=!0;return y(e,e=>{e.draggable||(t=!1)}),t},get resizable(){let t=!0;return y(e,e=>{e.resizable||(t=!1)}),t},get contentEditable(){let t=!0;return y(e,e=>{e.contentEditable||(t=!1)}),t},get styleEditable(){let t=!0;return y(e,e=>{e.styleEditable||(t=!1)}),t},get locked(){let t=!0;return y(e,e=>{e.locked||(t=!1)}),t}})).actions(e=>({set(t){var{draggable:o,contentEditable:i,styleEditable:s,resizable:a}=t,r=n(t,["draggable","contentEditable","styleEditable","resizable"]);void 0!==o&&y(e,e=>{e.set({draggable:o})}),void 0!==i&&y(e,e=>{e.set({contentEditable:i})}),void 0!==s&&y(e,e=>{e.set({styleEditable:s})}),void 0!==a&&y(e,e=>{e.set({resizable:a})}),Object.assign(e,r)}}));const O={svg:exports.SVGElement,text:exports.TextElement,image:exports.ImageElement,group:exports.GroupElement};function P({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(w),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),y(e,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=O[t.type];if(!o)return void console.error("Can not find model with type "+t.type);t.children&&t.children.forEach(e=>{e.id=(0,r.nanoid)(10)});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))},setSize({width:t,height:o},{useMagic:n}){e.width=t,e.height=o}})).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 selectedShapes(){const t=[];return e.selectedElementsIds.forEach(o=>{for(const n of e.pages)for(const e of n.children)e.id===o&&"group"!==e.type&&t.push(e),"group"===e.type&&e.id===o&&t.push(...e.children)}),t},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;if("group"===e.type){const o=e.children.find(e=>e.id===t);if(o)return o}}},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){const o=t.map(t=>e.getElementById(t)).sort((e,t)=>e.page.children.indexOf(e)-e.page.children.indexOf(t)).filter(e=>!!e).map(e=>e.id);e.selectedElementsIds=(0,s.cast)(o)},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)))},groupElements(t){const o=t.map(t=>e.getElementById(t));o.forEach(e=>{e&&(0,s.detach)(e)});const n=e.activePage,i=exports.GroupElement.create({id:(0,r.nanoid)(10),children:(0,s.cast)(o)});return n.children.push(i),e.selectedElementsIds=(0,s.cast)([i.id]),i},ungroupElements(t){const o=t.map(t=>e.getElementById(t)),n=[];o.forEach(e=>{if(e&&"group"===e.type){const t=e.page,o=t.children.indexOf(e);e.children.forEach(e=>{n.push(e.id)}),e.children.forEach(e=>{(0,s.detach)(e),t.children.push(e)}),t.children.splice(o,1)}}),e.selectedElementsIds=(0,s.cast)(n)},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)(e.selectedElementsIds.filter(t=>e.getElementById(t)))},on(t,o){if("change"===t){let t=e.toJSON();return(0,s.onSnapshot)(e,n=>{const i=e.toJSON();!(0,m.deepEqual)(t,i)&&(t=i,o(i))})}},async _toCanvas({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s}={}){var a;const r=t||1;n=n||(null===(a=e.pages[0])||void 0===a?void 0:a.id);const d=e.pages.find(e=>e.id===n);if(!d)throw new Error(`No page for export with id ${n}`);null==d||d.set({_exporting:!0});const c=await(0,f.waitTillAvailable)(()=>l.default.stages.find(e=>e.getAttr("pageId")===n));if(!c)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.`);await e.waitLoading();const p=c.findOne(".page-container");c.find("Transformer").forEach(e=>e.visible(!1)),p.find(".page-background").forEach(e=>e.shadowEnabled(!1)),p.find(".page-background").forEach(e=>e.strokeEnabled(!1)),p.find(".highlighter").forEach(e=>e.visible(!1));const g=p.findOne(".page-background-group"),h=g.clip();g.clip({x:null,y:null,width:null,height:null});const u=p.findOne(".elements-container"),m=u.clip();u.clip({x:null,y:null,width:null,height:null});const b=p.find(e=>e.getAttr("hideInExport"));b.forEach(e=>{e.setAttr("oldVisible",e.visible()),e.hide()});const y=p.find(e=>!e.visible()&&e.getAttr("editModeEnabled"));y.forEach(e=>{e.setAttr("oldVisible",e.visible()),e.show()}),o&&p.find(".page-background").forEach(e=>e.hide());const E=s?d.bleed:0;let x=E;e.bleedVisible&&s?x=0:e.bleedVisible&&!s&&(x=-d.bleed);const v=document.createElement("canvas");v.width=(d.computedWidth+2*E)*r,v.height=(d.computedHeight+2*E)*r;const w=v.getContext("2d");"image/jpeg"===i&&(w.fillStyle="white",w.fillRect(0,0,v.width,v.height));const O=p.toCanvas({x:p.x()-x*p.scaleX(),y:p.y()-x*p.scaleY(),width:(d.computedWidth+2*E)*p.scaleX(),height:(d.computedHeight+2*E)*p.scaleY(),pixelRatio:1/p.scaleX()*r});return w.drawImage(O,0,0),l.default.Util.releaseCanvas(O),o&&p.find(".page-background").forEach(e=>e.show()),b.forEach(e=>{e.visible(e.getAttr("oldVisible"))}),y.forEach(e=>{e.visible(e.getAttr("oldVisible"))}),p.find(".page-background").forEach(e=>e.shadowEnabled(!0)),p.find(".page-background").forEach(e=>e.strokeEnabled(!0)),c.find("Transformer").forEach(e=>e.visible(!0)),p.find(".highlighter").forEach(e=>e.visible(!0)),g.clip(h),u.clip(m),null==d||d.set({_exporting:!1}),v},async toDataURL({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s,quality:a}={}){const r=await e._toCanvas({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s}),d=r.toDataURL(i,a);return l.default.Util.releaseCanvas(r),d},async toBlob({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s,quality:a}={}){const r=await e._toCanvas({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s}),d=new Promise(e=>{r.toBlob(e,i,a)});return l.default.Util.releaseCanvas(r),d},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=t.pageIds||e.pages.map(e=>e.id),r=e.pages.filter(e=>a.includes(e.id)),l=await(0,c.getJsPDF)(),d=e=>(0,u.pxToUnit)({px:e,unit:i,dpi:o}),p=r[0]||{},g=t.includeBleed?p.bleed:0,h=d(p.computedWidth+2*g),m=d(p.computedHeight+2*g);var f=new l({unit:i,orientation:h>m?"landscape":"portrait",format:[h,m],compress:!0,putOnlyUsedFonts:!0});f.deletePage(1);const b=e._elementsPixelRatio;e.setElementsPixelRatio(s),await new Promise(e=>setTimeout(e));const y=((e,t)=>{for(var o=[],n=0;n<e.length;n+=t)o.push(e.slice(n,n+t));return o})(r,n);for(const c of y){const o=c.map(async o=>{const n=t.includeBleed?o.bleed:0,i=d(o.computedWidth+2*n),a=d(o.computedHeight+2*n);let r=0,l=s;for(;r<10;){2===(r+=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:l}));if(n.length>20)return{url:n,width:i,height:a};l*=.8}});(await Promise.all(o)).forEach(({url:e,width:t,height:o})=>{f.addPage([t,o],t>o?"landscape":"portrait"),f.addImage(e,0,0,t,o,void 0,"FAST")})}return e.setElementsPixelRatio(b),f},toPDFDataURL:async t=>(await e._toPDF(Object.assign({mimeType:"image/jpeg"},t))).output("datauristring"),async toHTML(){const t=e.toJSON();return(0,b.jsonToHTML)({json:t})},async saveAsHTML({filename:t}={}){const o=await e.toHTML(),n="data:text/html;base64,"+window.btoa(unescape(encodeURIComponent(o)));(0,d.downloadFile)(n,t||"polotno.html")},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,50)),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=P,exports.default=P;
-},{"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","../utils/deep-equal":"lHx4","../utils/wait":"uddG","../utils/html":"YsBD"}],"GGhN":[function(require,module,exports) {
+},{}],"GGhN":[function(require,module,exports) {
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getCrop=exports.getImageSize=void 0;const t=require("./svg");function e(e){return new Promise(i=>{const h=document.createElement("img");h.onload=(async()=>{0===h.width||0===h.height?i(await(0,t.getSvgSize)(e)):i({width:h.width,height:h.height})}),h.src=e})}function i(t,e){const{width:i,height:h}=t,o=i/h;let r,g;o>=e.width/e.height?(r=e.width,g=e.width/o):(r=e.height*o,g=e.height);const c=(e.width-r)/2,d=(e.height-g)/2;return{cropX:c/e.width,cropY:d/e.height,cropWidth:r/e.width,cropHeight:g/e.height}}exports.getImageSize=e,exports.getCrop=i;
-},{"./svg":"B1DI"}],"oiQN":[function(require,module,exports) {
+},{"./svg":"B1DI"}],"YsBD":[function(require,module,exports) {
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,o,i){void 0===i&&(i=o);var n=Object.getOwnPropertyDescriptor(t,o);n&&!("get"in n?!t.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return t[o]}}),Object.defineProperty(e,i,n)}:function(e,t,o,i){void 0===i&&(i=o),e[i]=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 i={};if(null!=o)for(var n in o)"default"!==n&&Object.prototype.hasOwnProperty.call(o,n)&&e(i,o,n);return t(i,o),i};Object.defineProperty(exports,"__esModule",{value:!0}),exports.jsonToHTML=exports.jsonToDOM=exports.fixRatio=void 0;const i=require("./image"),n=o(require("./svg"));async function r(e,t){const o=await l(e),i=document.createElement("canvas");i.width=2*o.width,i.height=2*o.height,i.getContext("2d").drawImage(o,0,0,i.width,i.height);const n=document.createElement("canvas");n.width=t.width,n.height=t.height;const r=n.getContext("2d");let{cropX:s,cropY:a}=t;const c=i.width*t.cropWidth,h=i.height*t.cropHeight,d=t.width/t.height;let g,p;const u=c/h;return"svg"===t.type?(g=c,p=h):d>=u?(g=c,p=c/d):(g=h*d,p=h),r.drawImage(i,s*i.width,a*i.height,g,p,0,0,n.width,n.height),n.toDataURL("image/png")}const s=(e,t,...o)=>({type:e,props:t,children:o||[]});function a(e){var t=(new DOMParser).parseFromString(e,"image/svg+xml");return t.documentElement.setAttribute("preserveAspectRatio","none"),(new XMLSerializer).serializeToString(t)}exports.fixRatio=a;const l=e=>new Promise(t=>{const o=new window.Image;o.onload=(()=>{t(o)}),o.src=e,o.crossOrigin="anonymous"}),c=async({element:e,page:t,store:o})=>{let{src:i}=e;if("svg"===e.type){const t=await n.urlToString(i);i=n.replaceColors(t,new Map(Object.entries(e.colorsReplace)))}i=await r(i,e);let a="";return e.flipX&&(a+="scaleX(-1)"),e.flipY&&(a+="scaleY(-1)"),s("img",{src:i,width:"100%",height:"100%",style:{"border-radius":e.cornerRadius+"px",border:e.borderSize?`${e.borderSize}px solid ${e.borderColor}`:"none",transform:a}})},h=async({element:e,page:t,store:o})=>{let i={};return e.fill.indexOf("gradient")>=0&&(i=Object.assign(Object.assign({},i),{"background-color":e.fill,"background-image":e.fill,"background-clip":"text","text-fill-color":"transparent","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"})),s("div",{style:Object.assign(Object.assign({},i),{width:e.width+"px",color:e.fill,"white-space":"pre-wrap","font-size":e.fontSize+"px","text-align":e.align,"font-family":e.fontFamily,"text-decoration":e.textDecoration||"none","line-height":e.lineHeight,"letter-spacing":e.letterSpacing+"em","font-style":e.fontStyle,"font-weight":e.fontWeight,"-webkit-text-stroke":`${e.strokeWidth}px ${e.stroke}`,"text-stroke":`${e.strokeWidth}px ${e.stroke}`})},e.text.split("\n").join("<br />"))},d={image:c,svg:c,text:h};async function g({element:e,page:t,store:o,elementHook:i}){const n=await d[e.type]({element:e,page:t,store:o}),r=[];e.blurEnabled&&r.push(`blur(${e.blurRadius/2}px)`),e.brightnessEnabled&&r.push(`brightness(${100*e.brightness+100}%)`),e.sepiaEnabled&&r.push("sepia()"),e.grayscaleEnabled&&r.push("grayscale()"),e.shadowEnabled&&r.push(`drop-shadow(${e.shadowOffsetX}px ${e.shadowOffsetY}px ${e.shadowBlur}px ${e.shadowColor})`);const a=s("div",{style:{position:"absolute",left:e.x+"px",top:e.y+"px",width:e.width+"px",height:e.height+"px",transform:`rotate(${e.rotation}deg)`,"transform-origin":"top left",opacity:e.opacity,filter:r.join(" ")}},n);return i&&i({dom:a,element:e})||a}async function p({page:e,store:t,elementHook:o}){const n=await Promise.all(e.children.map(i=>g({element:i,page:e,store:t,elementHook:o})));let a={};if(e.background.indexOf("url")>=0||e.background.indexOf("http")>=0||e.background.indexOf(".jpg")>=0||e.background.indexOf(".png")>=0||e.background.indexOf(".jpeg")>=0){const o=await l(e.background);console.log((0,i.getCrop)({width:t.width,height:t.height},{width:o.width,height:o.height}));const n=await r(e.background,Object.assign({width:t.width,height:t.height,x:0,y:0},(0,i.getCrop)({width:t.width,height:t.height},{width:o.width,height:o.height})));a=Object.assign(Object.assign({},a),{"background-image":`url(${n})`})}return s("div",{className:"page",style:Object.assign(Object.assign({},a),{width:t.width+"px",height:t.height+"px",background:e.background,border:"1px solid grey",overflow:"hidden",position:"relative"})},...n)}async function u({json:e,elementHook:t}){const o=await Promise.all(e.pages.map(o=>p({page:o,store:e,elementHook:t}))),i=[];e.pages.forEach(e=>{e.children.forEach(e=>{"text"===e.type&&-1===i.indexOf(e.fontFamily)&&i.push(e.fontFamily)})});const n=i.map(t=>e.fonts.find(e=>e.fontFamily===t)?s("style",{},""):s("link",{href:`https://fonts.googleapis.com/css?family=${t}`,rel:"stylesheet"}));return s("div",{className:"design"},...n,...o)}exports.jsonToDOM=u;const f=(e,t)=>"object"==typeof t?`${e}="${Object.keys(t).map(e=>`${e}:${t[e]};`).join(" ")}"`:`${e}="${t}"`,b=({dom:e})=>"string"==typeof e?e:e?`<${e.type} ${Object.keys(e.props).map(t=>f(t,e.props[t])).join(" ")}>${e.children.map(e=>b({dom:e})).join("")}</${e.type}>`:"";async function m({json:e,elementHook:t}){const o=await u({json:e,elementHook:t});return b({dom:o})}exports.jsonToHTML=m;
+},{"./image":"GGhN","./svg":"B1DI"}],"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.GroupElement=exports.registerShapeModel=exports.SVGElement=exports.LineElement=exports.ImageElement=exports.TextElement=exports.Element=exports.Node=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"),u=require("../utils/unit"),m=require("../utils/deep-equal"),f=require("../utils/wait"),y=require("../utils/html");(0,s.setLivelinessChecking)("ignore");const b=(e,t)=>{e.children&&e.children.forEach(e=>{t(e),b(e,t)})};exports.Node=s.types.model("Node",{id:s.types.identifier,type:"none",name:"",opacity:1,animations:s.types.array(s.types.frozen()),custom:s.types.frozen(),visible:!0,selectable:!0,removable:!0,alwaysOnTop:!1,showInExport:!0}).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||e.resizable)},get page(){return(0,s.getParentOfType)(e,exports.Page)},get store(){return(0,s.getParentOfType)(e,exports.Store)},get top(){let t=e;for(;;){if(!(0,s.hasParentOfType)(t,exports.GroupElement))return t;t=(0,s.getParentOfType)(t,exports.GroupElement)}},get parent(){return(0,s.hasParentOfType)(e,exports.GroupElement)?(0,s.getParentOfType)(e,exports.GroupElement):(0,s.hasParentOfType)(e,exports.Page)?(0,s.getParentOfType)(e,exports.Page):(0,s.hasParentOfType)(e,exports.Store)?(0,s.getParentOfType)(e,exports.Store):null}})).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),b(o,e=>{e.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.Element=exports.Node.named("Element").props({x:0,y:0,width:100,height:100,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,visible:!0,draggable:!0,resizable:!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.resizable=!1),t}).views(e=>({get a(){return e},animated:t=>e[t]})),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,backgroundEnabled:!1,backgroundColor:"#7ED321",backgroundOpacity:1,backgroundCornerRadius:.5,backgroundPadding:.5}).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,keepRatio:!1,_cropModeEnabled:!1}).actions(e=>({toggleCropMode(t){e._cropModeEnabled=null!=t?t:!e._cropModeEnabled,e._cropModeEnabled?e.store.history.startTransaction():e.store.history.endTransaction()}})),exports.LineElement=exports.Element.named("Line").props({type:"line",width:400,height:10,color:"black",dash:s.types.array(s.types.number),startHead:"",endHead:""}).actions(e=>({})),exports.SVGElement=exports.Element.named("SVG").props({type:"svg",src:"",maskSrc:"",cropX:0,cropY:0,cropWidth:1,cropHeight:1,keepRatio:!0,flipX:!1,flipY:!1,width:100,height:100,borderColor:"black",borderSize:0,cornerRadius: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 E=[];function x(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);O[t]=o,E.push(o)}exports.registerShapeModel=x;const w=[...new Array(20)].map((e,t)=>s.types.late(()=>E[t])),v=s.types.union({dispatcher:e=>{const t=O[e.type];if(!t)throw new Error(`Unknown element type: "${e.type}"`);return t}},exports.SVGElement,exports.TextElement,exports.ImageElement,exports.LineElement,s.types.late(()=>exports.GroupElement),...w);exports.GroupElement=exports.Node.named("Group").props({type:"group",children:s.types.array(v)}).views(e=>({get draggable(){let t=!0;return b(e,e=>{e.draggable||(t=!1)}),t},get resizable(){let t=!0;return b(e,e=>{e.resizable||(t=!1)}),t},get contentEditable(){let t=!0;return b(e,e=>{e.contentEditable||(t=!1)}),t},get styleEditable(){let t=!0;return b(e,e=>{e.styleEditable||(t=!1)}),t},get locked(){let t=!0;return b(e,e=>{e.locked||(t=!1)}),t}})).actions(e=>({set(t){var{draggable:o,contentEditable:i,styleEditable:s,resizable:a}=t,r=n(t,["draggable","contentEditable","styleEditable","resizable"]);void 0!==o&&b(e,e=>{e.set({draggable:o})}),void 0!==i&&b(e,e=>{e.set({contentEditable:i})}),void 0!==s&&b(e,e=>{e.set({styleEditable:s})}),void 0!==a&&b(e,e=>{e.set({resizable:a})}),Object.assign(e,r)}}));const O={svg:exports.SVGElement,text:exports.TextElement,image:exports.ImageElement,group:exports.GroupElement,line:exports.LineElement};function P({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(v),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)},get animatedChildren(){}})).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),b(e,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=O[t.type];if(!o)return void console.error("Can not find model with type "+t.type);t.children&&t.children.forEach(e=>{e.id=(0,r.nanoid)(10)});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))},setSize({width:t,height:o},{useMagic:n}){e.width=t,e.height=o}})).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,currentTime:0,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 selectedShapes(){const t=[];return e.selectedElementsIds.forEach(o=>{for(const n of e.pages)for(const e of n.children)e.id===o&&"group"!==e.type&&t.push(e),"group"===e.type&&e.id===o&&t.push(...e.children)}),t},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},setCurrentTime(t){e.currentTime=t},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;if("group"===e.type){const o=e.children.find(e=>e.id===t);if(o)return o}}},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){const o=t.map(t=>e.getElementById(t)).sort((e,t)=>e.page.children.indexOf(e)-e.page.children.indexOf(t)).filter(e=>!!e).map(e=>e.id);e.selectedElementsIds=(0,s.cast)(o)},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)))},groupElements(t){const o=t.map(t=>e.getElementById(t));o.forEach(e=>{e&&(0,s.detach)(e)});const n=e.activePage,i=exports.GroupElement.create({id:(0,r.nanoid)(10),children:(0,s.cast)(o)});return n.children.push(i),e.selectedElementsIds=(0,s.cast)([i.id]),i},ungroupElements(t){const o=t.map(t=>e.getElementById(t)),n=[];o.forEach(e=>{if(e&&"group"===e.type){const t=e.page,o=t.children.indexOf(e);e.children.forEach(e=>{n.push(e.id)}),e.children.forEach(e=>{(0,s.detach)(e),t.children.push(e)}),t.children.splice(o,1)}}),e.selectedElementsIds=(0,s.cast)(n)},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)(e.selectedElementsIds.filter(t=>e.getElementById(t)))},on(t,o){if("change"===t){let t=e.toJSON();return(0,s.onSnapshot)(e,n=>{const i=e.toJSON();!(0,m.deepEqual)(t,i)&&(t=i,o(i))})}},async _toCanvas({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s}={}){var a;const r=t||1;n=n||(null===(a=e.pages[0])||void 0===a?void 0:a.id);const d=e.pages.find(e=>e.id===n);if(!d)throw new Error(`No page for export with id ${n}`);null==d||d.set({_exporting:!0});const c=await(0,f.waitTillAvailable)(()=>l.default.stages.find(e=>e.getAttr("pageId")===n));if(!c)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.`);await e.waitLoading();const p=c.findOne(".page-container");c.find("Transformer").forEach(e=>e.visible(!1)),p.find(".page-background").forEach(e=>e.shadowEnabled(!1)),p.find(".page-background").forEach(e=>e.strokeEnabled(!1)),p.find(".highlighter").forEach(e=>e.visible(!1));const g=p.findOne(".page-background-group"),h=g.clip();g.clip({x:null,y:null,width:null,height:null});const u=p.findOne(".elements-container"),m=u.clip();u.clip({x:null,y:null,width:null,height:null});const y=p.find(e=>e.getAttr("hideInExport"));y.forEach(e=>{e.setAttr("oldVisible",e.visible()),e.hide()});const b=p.find(e=>!e.visible()&&e.getAttr("editModeEnabled"));b.forEach(e=>{e.setAttr("oldVisible",e.visible()),e.show()}),o&&p.find(".page-background").forEach(e=>e.hide());const E=s?d.bleed:0;let x=E;e.bleedVisible&&s?x=0:e.bleedVisible&&!s&&(x=-d.bleed);const w=document.createElement("canvas");w.width=(d.computedWidth+2*E)*r,w.height=(d.computedHeight+2*E)*r;const v=w.getContext("2d");"image/jpeg"===i&&(v.fillStyle="white",v.fillRect(0,0,w.width,w.height));const O=p.toCanvas({x:p.x()-x*p.scaleX(),y:p.y()-x*p.scaleY(),width:(d.computedWidth+2*E)*p.scaleX(),height:(d.computedHeight+2*E)*p.scaleY(),pixelRatio:1/p.scaleX()*r});return v.drawImage(O,0,0),l.default.Util.releaseCanvas(O),o&&p.find(".page-background").forEach(e=>e.show()),y.forEach(e=>{e.visible(e.getAttr("oldVisible"))}),b.forEach(e=>{e.visible(e.getAttr("oldVisible"))}),p.find(".page-background").forEach(e=>e.shadowEnabled(!0)),p.find(".page-background").forEach(e=>e.strokeEnabled(!0)),c.find("Transformer").forEach(e=>e.visible(!0)),p.find(".highlighter").forEach(e=>e.visible(!0)),g.clip(h),u.clip(m),null==d||d.set({_exporting:!1}),w},async toDataURL({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s,quality:a}={}){const r=await e._toCanvas({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s}),d=r.toDataURL(i,a);return l.default.Util.releaseCanvas(r),d},async toBlob({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s,quality:a}={}){const r=await e._toCanvas({pixelRatio:t,ignoreBackground:o,pageId:n,mimeType:i,includeBleed:s}),d=new Promise(e=>{r.toBlob(e,i,a)});return l.default.Util.releaseCanvas(r),d},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=t.pageIds||e.pages.map(e=>e.id),r=e.pages.filter(e=>a.includes(e.id)),l=await(0,c.getJsPDF)(),d=e=>(0,u.pxToUnit)({px:e,unit:i,dpi:o}),p=r[0]||{},g=t.includeBleed?p.bleed:0,h=d(p.computedWidth+2*g),m=d(p.computedHeight+2*g);var f=new l({unit:i,orientation:h>m?"landscape":"portrait",format:[h,m],compress:!0,putOnlyUsedFonts:!0});f.deletePage(1);const y=e._elementsPixelRatio;e.setElementsPixelRatio(s),await new Promise(e=>setTimeout(e));const b=((e,t)=>{for(var o=[],n=0;n<e.length;n+=t)o.push(e.slice(n,n+t));return o})(r,n);for(const c of b){const o=c.map(async o=>{const n=t.includeBleed?o.bleed:0,i=d(o.computedWidth+2*n),a=d(o.computedHeight+2*n);let r=0,l=s;for(;r<10;){2===(r+=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:l}));if(n.length>20)return{url:n,width:i,height:a};l*=.8}});(await Promise.all(o)).forEach(({url:e,width:t,height:o})=>{f.addPage([t,o],t>o?"landscape":"portrait"),f.addImage(e,0,0,t,o,void 0,"FAST")})}return e.setElementsPixelRatio(y),f},toPDFDataURL:async t=>(await e._toPDF(Object.assign({mimeType:"image/jpeg"},t))).output("datauristring"),async toHTML(){const t=e.toJSON();return(0,y.jsonToHTML)({json:t})},async saveAsHTML({filename:t}={}){const o=await e.toHTML(),n="data:text/html;base64,"+window.btoa(unescape(encodeURIComponent(o)));(0,d.downloadFile)(n,t||"polotno.html")},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,50)),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=P,exports.default=P;
+},{"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","../utils/deep-equal":"lHx4","../utils/wait":"uddG","../utils/html":"YsBD"}],"oiQN":[function(require,module,exports) {
 "use strict";async function e(e){return new Promise((o,r)=>{const t=new FileReader;t.readAsDataURL(e),t.onload=(()=>o(t.result)),t.onerror=(e=>r(e))})}Object.defineProperty(exports,"__esModule",{value:!0}),exports.localFileToURL=void 0,exports.localFileToURL=e;
 },{}],"Tz78":[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.ImagesGrid=void 0;const t=e(require("react")),r=e(require("../utils/styled")),l=require("@blueprintjs/core"),a=require("../utils/l10n"),o=require("../canvas/page"),i=(0,r.default)("div",t.default.forwardRef)`
@@ -4141,7 +4147,7 @@ var t;!function(r){var e=/^\s+/,n=/\s+$/,a=0,i=r.round,s=r.min,o=r.max,f=r.rando
   }
 `,p=t=>{var{style:o,color:n,onChange:a}=t,s=e(t,["style","color","onChange"]);const[i,c]=r.default.useState(n);r.default.useEffect(()=>{c(n)},[n]);const d=r.default.useRef(),p=r.default.useRef();return r.default.createElement(u,{style:o,onMouseDown:e=>{"INPUT"!==e.target.tagName&&e.preventDefault()}},r.default.createElement(l.SketchPicker,Object.assign({color:i},s,{onChange:e=>{const{r:t,g:r,b:o,a:n}=e.rgb,l=`rgba(${t},${r},${o},${n})`;c(l),p.current=l,d.current||(d.current=window.setTimeout(()=>{d.current=0,a(l)},50))}})))},f=e=>e.map(e=>`${e.color} ${100*e.offset}%`).join(","),g=({value:e,onChange:t,store:o})=>{const{rotation:n,stops:l}=(0,i.parseColor)(e),s=r.default.useRef(l);s.current=l;const c=r.default.useRef(n);c.current=n;const[d,u]=r.default.useState(0),g=r.default.useRef(null),h=r.default.useRef(!1),v=()=>{h.current=!0};return r.default.useEffect(()=>{const e=e=>{if(h.current){const r=g.current.getBoundingClientRect(),o=e.clientX-r.left,n=o/r.width,a=n<-.5||n>1.5;if(l.length>2&&a)return u(0),h.current=!1,s.current.splice(d,1),void t(`linear-gradient(${c.current}deg, ${f(s.current)})`);const i=Math.min(1,Math.max(0,o/r.width)),p=[...s.current];p[d].offset=i,t(`linear-gradient(${c.current}deg, ${f(p)})`)}},r=()=>{h.current=!1};return window.addEventListener("mousemove",e),window.addEventListener("mouseup",r),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",r)}},[d,s]),r.default.createElement("div",null,r.default.createElement("div",{style:{width:"calc(100% - 35px)",height:"60px",position:"relative"}},r.default.createElement("div",{ref:g,style:{position:"absolute",top:0,left:0,width:"100%",marginLeft:"15px",height:"100%",zIndex:0},onMouseDown:e=>{const r=e.currentTarget.getBoundingClientRect(),o=e.clientX-r.left,a=Math.min(1,Math.max(0,o/r.width)),s=l[0].color;l.push({color:s,offset:a}),l.sort((e,t)=>e.offset-t.offset);const i=l.findIndex(e=>e.offset===a);u(i),v(),t(`linear-gradient(${n}deg, ${f(l)})`)}}),l.map(({offset:e,color:t},o)=>r.default.createElement("div",{key:o,style:{position:"absolute",top:"10px",left:100*e+"%",border:o===d?"2px solid rgb(0, 161, 255)":"2px solid rgb(0, 0, 0, 0)",padding:"2px"},onMouseDown:e=>{e.stopPropagation(),u(o),v()}},r.default.createElement(m,{background:t,style:{margin:0}})))),r.default.createElement("div",{style:{width:"calc(100% - 30px)",height:"10px",marginLeft:"15px",background:`linear-gradient(90deg,${f(l)})`}}),r.default.createElement("div",{style:{padding:"10px"}},r.default.createElement(a.Slider,{min:0,max:360,value:n,showTrackFill:!1,labelRenderer:!1,onChange:e=>{t(`linear-gradient(${e}deg,${f(l)})`)}})),r.default.createElement(p,{color:l[d].color,onChange:e=>{const r=[...l];r[d].color=e,t(`linear-gradient(${n}deg, ${f(r)})`)}}))},h=({value:e,onChange:t,preset:o,store:a})=>{const[l,s]=r.default.useState((0,i.isGradient)(e)?"gradient":"solid");return r.default.createElement("div",{style:{padding:"5px"}},r.default.createElement(n.Tabs,{id:"TabsExample",selectedTabId:l,onChange:e=>s(e)},r.default.createElement(n.Tab,{id:"solid",title:"Solid",panel:r.default.createElement(p,{color:e,onChange:t,presetColors:o,style:{padding:"0"}})}),r.default.createElement(n.Tab,{id:"gradient",title:"Linear",panel:r.default.createElement(g,{value:e,onChange:t,store:a}),panelClassName:"ember-panel"})))},m=t=>{var{size:o=30,background:n,style:a={},children:l=null}=t,s=e(t,["size","background","style","children"]);return r.default.createElement("div",Object.assign({onMouseDown:e=>e.preventDefault(),style:Object.assign({width:o+"px",height:o+"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\")",borderRadius:"2px",boxShadow:"0 0 2px grey",marginBottom:"-4px"},a)},s),r.default.createElement("div",{style:{width:o+"px",height:o+"px",background:n}},l))};let v=e=>{const t=(0,exports.getUsedColors)(e).slice(0,8).filter(e=>!exports.DEFAULT_COLORS.find(t=>(0,c.sameColors)(t,e)));return t.concat(exports.DEFAULT_COLORS.slice(0,16-t.length).reverse())};function x(e){v=e}exports.setColorsPresetFunc=x;const E=({value:e,onChange:t,size:n,store:a,gradientEnabled:l,children:s,style:i})=>{const c=v(a);return r.default.createElement(o.Popover2,{autoFocus:!1,enforceFocus:!0,interactionKind:"click",hasBackdrop:!0,content:l?r.default.createElement(h,{preset:c,value:e,onChange:t,store:a}):r.default.createElement("div",{style:{padding:"5px"}},r.default.createElement(p,{color:e,onChange:t,presetColors:c}))},r.default.createElement(m,{size:n,background:e,style:i},s))};exports.ColorPicker=E,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 n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(n=Object.getOwnPropertySymbols(e);l<n.length;l++)t.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(e,n[l])&&(a[n[l]]=e[n[l]])}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")),n=require("@blueprintjs/core"),l=require("@blueprintjs/popover2"),d=require("mobx-react-lite"),r=t(require("./color-picker")),i=require("../utils/l10n"),o=(e,t,a)=>Math.max(t,Math.min(a,e)),u=t=>{var{value:l,onValueChange:d}=t,r=e(t,["value","onValueChange"]);const[i,o]=a.default.useState(l.toString());return a.default.useEffect(()=>{o(l.toString())},[l]),a.default.createElement(n.NumericInput,Object.assign({value:i,onValueChange:(e,t)=>{o(t),Number.isNaN(e)||d(e)}},r))};exports.FiltersPicker=(0,d.observer)(({element:e,store:t,elements:d})=>{const c=d||[e],s=c[0],m="text"===s.type,h="image"===s.type,p="svg"===s.type,g=e=>{t.history.transaction(()=>{c.forEach(t=>{t.set(e)})})};return a.default.createElement(l.Popover2,{content:a.default.createElement("div",{style:{padding:"15px",paddingTop:"25px",width:"230px"}},a.default.createElement(n.Switch,{checked:s.blurEnabled,label:(0,i.t)("toolbar.blur"),onChange:e=>{g({blurEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT}),s.blurEnabled&&a.default.createElement(n.Slider,{value:s.blurRadius,labelStepSize:5,onChange:e=>{g({blurRadius:e})},min:0,max:20,showTrackFill:!1}),!m&&a.default.createElement(n.Switch,{checked:s.brightnessEnabled,label:(0,i.t)("toolbar.brightness"),onChange:e=>{g({brightnessEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),s.brightnessEnabled&&a.default.createElement(n.Slider,{value:100*s.brightness+100,onChange:e=>{g({brightness:(e-100)/100})},min:0,max:200,showTrackFill:!1,labelStepSize:50}),!m&&a.default.createElement(n.Switch,{checked:s.sepiaEnabled,label:(0,i.t)("toolbar.sepia"),onChange:e=>{g({sepiaEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!m&&a.default.createElement(n.Switch,{checked:s.grayscaleEnabled,label:(0,i.t)("toolbar.grayscale"),onChange:e=>{g({grayscaleEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),m&&a.default.createElement(n.Switch,{checked:!!s.strokeWidth,label:(0,i.t)("toolbar.textStroke"),onChange:e=>{g({strokeWidth:e.target.checked?2:0})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!!s.strokeWidth&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},a.default.createElement(r.default,{value:s.stroke,size:30,onChange:e=>{g({stroke:e})},store:t}),a.default.createElement(n.NumericInput,{defaultValue:s.strokeWidth,onValueChange:e=>{g({strokeWidth:o(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(s.fontSize/2)}))),m&&a.default.createElement(n.Switch,{checked:!!s.backgroundEnabled,label:(0,i.t)("toolbar.textBackground"),onChange:e=>{g({backgroundEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!!s.backgroundEnabled&&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,(0,i.t)("toolbar.backgroundCornerRadius")),a.default.createElement("div",null,a.default.createElement(u,{value:100*s.backgroundCornerRadius,onValueChange:e=>{g({backgroundCornerRadius:o(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:100*s.backgroundCornerRadius,onChange:e=>{g({backgroundCornerRadius:o(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,(0,i.t)("toolbar.backgroundPadding")),a.default.createElement("div",null,a.default.createElement(u,{value:Math.round(100*s.backgroundPadding),onValueChange:e=>{g({backgroundPadding:o(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:Math.round(100*s.backgroundPadding),onChange:e=>{g({backgroundPadding:o(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,(0,i.t)("toolbar.opacity")),a.default.createElement("div",null,a.default.createElement(u,{value:Math.round(100*s.backgroundOpacity),onValueChange:e=>{g({backgroundOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:100*s.backgroundOpacity,onChange:e=>{g({backgroundOpacity: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"}},(0,i.t)("toolbar.color")),a.default.createElement(r.default,{value:s.backgroundColor,size:30,onChange:e=>{g({backgroundColor:e})},store:t}))),(h||p)&&a.default.createElement(n.Switch,{checked:!!s.borderSize,label:(0,i.t)("toolbar.border"),onChange:e=>{g({borderSize:e.target.checked?2:0})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!!s.borderSize&&a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},a.default.createElement(r.default,{value:s.borderColor,size:30,onChange:e=>{g({borderColor:e})},store:t}),a.default.createElement(n.NumericInput,{defaultValue:s.borderSize,onValueChange:e=>{g({borderSize:o(e,1,Math.min(s.width,s.height)/2)})},style:{width:"80px"},min:1,max:Math.min(s.width,s.height)/2}))),!m&&a.default.createElement(n.Switch,{checked:!!s.cornerRadius,label:(0,i.t)("toolbar.cornerRadius"),onChange:e=>{g({cornerRadius:e.target.checked?Math.min(s.width/4,s.height/4):0})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!m&&!!s.cornerRadius&&a.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},a.default.createElement("div",{style:{width:"150px",paddingTop:"7px"}},a.default.createElement(n.Slider,{value:Math.min(s.cornerRadius,Math.round(Math.min(s.width/2,s.height/2))),onChange:e=>{g({cornerRadius:e})},min:1,max:Math.round(Math.min(s.width/2,s.height/2)),labelStepSize:50,showTrackFill:!1,labelRenderer:!1})),a.default.createElement(n.NumericInput,{value:s.cornerRadius,onValueChange:e=>{g({cornerRadius:o(e,1,Math.min(s.width,s.height)/2)})},buttonPosition:"none",style:{width:"45px",padding:"0 5px"},min:1,max:Math.round(Math.min(s.width/2,s.height/2))})),a.default.createElement(n.Switch,{checked:s.shadowEnabled,label:(0,i.t)("toolbar.shadow"),onChange:e=>{g({shadowEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),s.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,(0,i.t)("toolbar.blur")),a.default.createElement("div",null,a.default.createElement(u,{value:s.shadowBlur,onValueChange:e=>{g({shad:o(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:s.shadowBlur,onChange:e=>{g({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,(0,i.t)("toolbar.offsetX")),a.default.createElement("div",null,a.default.createElement(u,{value:s.shadowOffsetX,onValueChange:e=>{g({shadowOffsetX:o(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:s.shadowOffsetX,onChange:e=>{g({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,(0,i.t)("toolbar.offsetY")),a.default.createElement("div",null,a.default.createElement(u,{value:s.shadowOffsetY,onValueChange:e=>{g({shadowOffsetY:o(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:s.shadowOffsetY,onChange:e=>{g({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,(0,i.t)("toolbar.opacity")),a.default.createElement("div",null,a.default.createElement(u,{value:Math.round(100*s.shadowOpacity),onValueChange:e=>{g({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:100*s.shadowOpacity,onChange:e=>{g({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"}},(0,i.t)("toolbar.color")),a.default.createElement(r.default,{value:s.shadowColor,size:30,onChange:e=>{g({shadowColor:e})},store:t})))),position:n.Position.BOTTOM},a.default.createElement(n.Button,{icon:"left-join",text:(0,i.t)("toolbar.effects"),minimal:!0}))}),exports.default=exports.FiltersPicker;
+"use strict";var e=this&&this.__rest||function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(n=Object.getOwnPropertySymbols(e);l<n.length;l++)t.indexOf(n[l])<0&&Object.prototype.propertyIsEnumerable.call(e,n[l])&&(a[n[l]]=e[n[l]])}return a},t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.FiltersPicker=exports.NumberInput=void 0;const a=t(require("react")),n=require("@blueprintjs/core"),l=require("@blueprintjs/popover2"),r=require("mobx-react-lite"),d=t(require("./color-picker")),o=require("../utils/l10n"),i=(e,t,a)=>Math.max(t,Math.min(a,e)),u=t=>{var{value:l,onValueChange:r}=t,d=e(t,["value","onValueChange"]);const[o,i]=a.default.useState(l.toString());return a.default.useEffect(()=>{i(l.toString())},[l]),a.default.createElement(n.NumericInput,Object.assign({value:o,onValueChange:(e,t)=>{i(t),Number.isNaN(e)||r(e)}},d))};exports.NumberInput=u,exports.FiltersPicker=(0,r.observer)(({element:e,store:t,elements:r})=>{const u=r||[e],c=u[0],s="text"===c.type,m="image"===c.type,p="svg"===c.type,h=e=>{t.history.transaction(()=>{u.forEach(t=>{t.set(e)})})};return a.default.createElement(l.Popover2,{content:a.default.createElement("div",{style:{padding:"15px",paddingTop:"25px",width:"230px"}},a.default.createElement(n.Switch,{checked:c.blurEnabled,label:(0,o.t)("toolbar.blur"),onChange:e=>{h({blurEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT}),c.blurEnabled&&a.default.createElement(n.Slider,{value:c.blurRadius,labelStepSize:5,onChange:e=>{h({blurRadius:e})},min:0,max:20,showTrackFill:!1}),!s&&a.default.createElement(n.Switch,{checked:c.brightnessEnabled,label:(0,o.t)("toolbar.brightness"),onChange:e=>{h({brightnessEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),c.brightnessEnabled&&a.default.createElement(n.Slider,{value:100*c.brightness+100,onChange:e=>{h({brightness:(e-100)/100})},min:0,max:200,showTrackFill:!1,labelStepSize:50}),!s&&a.default.createElement(n.Switch,{checked:c.sepiaEnabled,label:(0,o.t)("toolbar.sepia"),onChange:e=>{h({sepiaEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!s&&a.default.createElement(n.Switch,{checked:c.grayscaleEnabled,label:(0,o.t)("toolbar.grayscale"),onChange:e=>{h({grayscaleEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),s&&a.default.createElement(n.Switch,{checked:!!c.strokeWidth,label:(0,o.t)("toolbar.textStroke"),onChange:e=>{h({strokeWidth:e.target.checked?2:0})},alignIndicator:n.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(d.default,{value:c.stroke,size:30,onChange:e=>{h({stroke:e})},store:t}),a.default.createElement(n.NumericInput,{defaultValue:c.strokeWidth,onValueChange:e=>{h({strokeWidth:i(e,1,30)})},style:{width:"80px"},min:1,max:Math.round(c.fontSize/2)}))),s&&a.default.createElement(n.Switch,{checked:!!c.backgroundEnabled,label:(0,o.t)("toolbar.textBackground"),onChange:e=>{h({backgroundEnabled:e.target.checked})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!!c.backgroundEnabled&&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,(0,o.t)("toolbar.backgroundCornerRadius")),a.default.createElement("div",null,a.default.createElement(exports.NumberInput,{value:100*c.backgroundCornerRadius,onValueChange:e=>{h({backgroundCornerRadius:i(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:100*c.backgroundCornerRadius,onChange:e=>{h({backgroundCornerRadius:i(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,(0,o.t)("toolbar.backgroundPadding")),a.default.createElement("div",null,a.default.createElement(exports.NumberInput,{value:Math.round(100*c.backgroundPadding),onValueChange:e=>{h({backgroundPadding:i(e,0,100)/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:Math.round(100*c.backgroundPadding),onChange:e=>{h({backgroundPadding:i(e,0,100)/100})},min:0,max:100,labelRenderer:!1}),a.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingTop:"5px",paddingBottom:"5px"}},a.default.createElement("div",null,(0,o.t)("toolbar.opacity")),a.default.createElement("div",null,a.default.createElement(exports.NumberInput,{value:Math.round(100*c.backgroundOpacity),onValueChange:e=>{h({backgroundOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:100*c.backgroundOpacity,onChange:e=>{h({backgroundOpacity: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"}},(0,o.t)("toolbar.color")),a.default.createElement(d.default,{value:c.backgroundColor,size:30,onChange:e=>{h({backgroundColor:e})},store:t}))),(m||p)&&a.default.createElement(n.Switch,{checked:!!c.borderSize,label:(0,o.t)("toolbar.border"),onChange:e=>{h({borderSize:e.target.checked?2:0})},alignIndicator:n.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(d.default,{value:c.borderColor,size:30,onChange:e=>{h({borderColor:e})},store:t}),a.default.createElement(n.NumericInput,{defaultValue:c.borderSize,onValueChange:e=>{h({borderSize:i(e,1,Math.min(c.width,c.height)/2)})},style:{width:"80px"},min:1,max:Math.min(c.width,c.height)/2}))),!s&&a.default.createElement(n.Switch,{checked:!!c.cornerRadius,label:(0,o.t)("toolbar.cornerRadius"),onChange:e=>{h({cornerRadius:e.target.checked?Math.min(c.width/4,c.height/4):0})},alignIndicator:n.Alignment.RIGHT,style:{marginTop:"20px"}}),!s&&!!c.cornerRadius&&a.default.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"space-between"}},a.default.createElement("div",{style:{width:"150px",paddingTop:"7px"}},a.default.createElement(n.Slider,{value:Math.min(c.cornerRadius,Math.round(Math.min(c.width/2,c.height/2))),onChange:e=>{h({cornerRadius:e})},min:1,max:Math.round(Math.min(c.width/2,c.height/2)),labelStepSize:50,showTrackFill:!1,labelRenderer:!1})),a.default.createElement(n.NumericInput,{value:c.cornerRadius,onValueChange:e=>{h({cornerRadius:i(e,1,Math.min(c.width,c.height)/2)})},buttonPosition:"none",style:{width:"45px",padding:"0 5px"},min:1,max:Math.round(Math.min(c.width/2,c.height/2))})),a.default.createElement(n.Switch,{checked:c.shadowEnabled,label:(0,o.t)("toolbar.shadow"),onChange:e=>{h({shadowEnabled:e.target.checked})},alignIndicator:n.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,(0,o.t)("toolbar.blur")),a.default.createElement("div",null,a.default.createElement(exports.NumberInput,{value:c.shadowBlur,onValueChange:e=>{h({shad:i(e,-50,50)})},style:{width:"50px"},min:0,max:50,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:c.shadowBlur,onChange:e=>{h({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,(0,o.t)("toolbar.offsetX")),a.default.createElement("div",null,a.default.createElement(exports.NumberInput,{value:c.shadowOffsetX,onValueChange:e=>{h({shadowOffsetX:i(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:c.shadowOffsetX,onChange:e=>{h({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,(0,o.t)("toolbar.offsetY")),a.default.createElement("div",null,a.default.createElement(exports.NumberInput,{value:c.shadowOffsetY,onValueChange:e=>{h({shadowOffsetY:i(e,-50,50)})},style:{width:"50px"},min:-50,max:50,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:c.shadowOffsetY,onChange:e=>{h({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,(0,o.t)("toolbar.opacity")),a.default.createElement("div",null,a.default.createElement(exports.NumberInput,{value:Math.round(100*c.shadowOpacity),onValueChange:e=>{h({shadowOpacity:e/100})},style:{width:"50px"},min:0,max:100,buttonPosition:"none"}))),a.default.createElement(n.Slider,{value:100*c.shadowOpacity,onChange:e=>{h({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"}},(0,o.t)("toolbar.color")),a.default.createElement(d.default,{value:c.shadowColor,size:30,onChange:e=>{h({shadowColor:e})},store:t})))),position:n.Position.BOTTOM},a.default.createElement(n.Button,{icon:"left-join",text:(0,o.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=exports.extendToolbar=void 0;const t=e(require("react")),r=require("@blueprintjs/core"),n=require("@blueprintjs/popover2"),o=e(require("../utils/styled")),a=(0,o.default)("div",t.default.forwardRef)`
   @media screen and (max-width: 500px) {
@@ -4195,8 +4201,10 @@ var r=require("../lib").GenIcon;module.exports=function(t){return r({tag:"svg",a
   }
 `;exports.ImageToolbar=(0,o.observer)(({store:e,hideImageFlip:o,hideImageEffects:l,hideImageCrop:i,hideImageFit:n,hideImageRemoveBackground:u,components:d})=>{const p=e.selectedElements[0],s=p._cropModeEnabled,f=t.default.useRef({});t.default.useEffect(()=>{s&&(f.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})},[s]);const h=[!o&&"ImageFlip",!l&&"ImageFilters",!n&&"ImageFitToBackground",!i&&"ImageCrop",p.clipSrc&&"ImageRemoveClip",!u&&c.flags.removeBackgroundEnabled&&"ImageRemoveBackground"].filter(e=>!!e),b=(0,a.extendToolbar)({type:"image",usedItems:h,components:d});return t.default.createElement(t.default.Fragment,null,!s&&t.default.createElement(a.ElementContainer,{items:b,itemRender:o=>{const r=d[o]||g[o];return t.default.createElement(r,{element:p,store:e,key:o})}}),s&&t.default.createElement(r.Navbar.Group,null,t.default.createElement(r.Button,{text:(0,m.t)("toolbar.cropDone"),minimal:!0,icon:"tick",onClickCapture:e=>{p.toggleCropMode(!1)}}),t.default.createElement(r.Button,{text:(0,m.t)("toolbar.cropCancel"),minimal:!0,icon:"cross",onClickCapture:e=>{p.set(Object.assign({},f.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,o){void 0===o&&(o=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,l)}: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 l in r)"default"!==l&&Object.prototype.hasOwnProperty.call(r,l)&&e(o,r,l);return t(o,r),o},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgToolbar=void 0;const l=o(require("react")),n=require("mobx-react-lite"),i=r(require("../utils/svg")),s=require("./element-container"),u=o(require("./filters-picker")),a=o(require("./color-picker")),c=o(require("./flip-button")),f=(0,n.observer)(({element:e,elements:t,store:r})=>{const o=i.useSvgColors(e.src);return l.default.createElement(l.default.Fragment,null,!e.maskSrc&&o.slice(0,5).map(t=>l.default.createElement(a.default,{key:t,value:e.colorsReplace.get(t)||t,onChange:r=>{e.replaceColor(t,r)},store:r,gradientEnabled:!0})))}),d={SvgFlip:c.default,SvgFilters:u.default,SvgColors:f};exports.SvgToolbar=(0,n.observer)(({store:e,hideSvgEffects:t,components:r})=>{const o=e.selectedElements,n=["SvgFlip",!t&&"SvgFilters","SvgColors"].filter(e=>!!e),i=(0,s.extendToolbar)({type:"svg",usedItems:n,components:r});return l.default.createElement(s.ElementContainer,{items:i,itemRender:t=>{const n=r[t]||d[t];return l.default.createElement(n,{elements:o,element:o[0],store:e,key:t})}})}),exports.default=exports.SvgToolbar;
-},{"react":"HdMw","mobx-react-lite":"ZfSi","../utils/svg":"B1DI","./element-container":"IPaf","./filters-picker":"dy0S","./color-picker":"zFB1","./flip-button":"ml2Z"}],"espJ":[function(require,module,exports) {
+"use strict";var e=this&&this.__createBinding||(Object.create?function(e,t,r,o){void 0===o&&(o=r);var l=Object.getOwnPropertyDescriptor(t,r);l&&!("get"in l?!t.__esModule:l.writable||l.configurable)||(l={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,o,l)}: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 l in r)"default"!==l&&Object.prototype.hasOwnProperty.call(r,l)&&e(o,r,l);return t(o,r),o},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SvgToolbar=void 0;const l=o(require("react")),n=require("mobx-react-lite"),i=r(require("../utils/svg")),s=require("./element-container"),u=o(require("./filters-picker")),a=o(require("./color-picker")),c=o(require("./flip-button")),f=(0,n.observer)(({element:e,elements:t,store:r})=>{const o=i.useSvgColors(e.src);return l.default.createElement(l.default.Fragment,null,!e.maskSrc&&o.slice(0,5).map(t=>l.default.createElement(a.default,{key:t,value:e.colorsReplace.get(t)||t,style:{marginLeft:"5px"},onChange:r=>{e.replaceColor(t,r)},store:r,gradientEnabled:!0})))}),d={SvgFlip:c.default,SvgFilters:u.default,SvgColors:f};exports.SvgToolbar=(0,n.observer)(({store:e,hideSvgEffects:t,components:r})=>{const o=e.selectedElements,n=["SvgFlip",!t&&"SvgFilters","SvgColors"].filter(e=>!!e),i=(0,s.extendToolbar)({type:"svg",usedItems:n,components:r});return l.default.createElement(s.ElementContainer,{items:i,itemRender:t=>{const n=r[t]||d[t];return l.default.createElement(n,{elements:o,element:o[0],store:e,key:t})}})}),exports.default=exports.SvgToolbar;
+},{"react":"HdMw","mobx-react-lite":"ZfSi","../utils/svg":"B1DI","./element-container":"IPaf","./filters-picker":"dy0S","./color-picker":"zFB1","./flip-button":"ml2Z"}],"BSzA":[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.LineToolbar=exports.LineHeads=exports.BasicHead=exports.LineColor=void 0;const t=e(require("react")),r=require("mobx-react-lite"),n=require("@blueprintjs/core"),a=require("@blueprintjs/popover2"),o=e(require("./color-picker")),l=require("./filters-picker"),s=require("./element-container"),i=require("../utils/l10n"),d=(0,r.observer)(({store:e,element:r})=>t.default.createElement(a.Popover2,{content:t.default.createElement(n.Menu,null,t.default.createElement(n.MenuItem,{shouldDismissPopover:!1,text:"thin",onClick:()=>{r.set({height:3})}}),t.default.createElement(n.MenuItem,{shouldDismissPopover:!1,text:"bold",onClick:()=>{r.set({height:20})}})),position:n.Position.BOTTOM},t.default.createElement(n.Button,{text:"height",minimal:!0}))),c=(0,r.observer)(({store:e,elements:r})=>{const o=t=>{e.history.transaction(()=>{r.forEach(e=>{e.set(t)})})};return t.default.createElement(a.Popover2,{content:t.default.createElement("div",{style:{padding:"15px",paddingTop:"15px",width:"230px"}},t.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:"5px"}},t.default.createElement("div",null,(0,i.t)("toolbar.lineSize")),t.default.createElement("div",null,t.default.createElement(l.NumberInput,{value:r[0].height,onValueChange:e=>{o({height:e})},style:{width:"50px"},min:1,max:100,buttonPosition:"none"}))),t.default.createElement(n.Slider,{value:r[0].height,onChange:e=>{o({height:e})},min:1,max:100,labelRenderer:!1}),t.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",paddingBottom:"5px",paddingTop:"15px"}},t.default.createElement(n.Button,{onClick:()=>{o({dash:[]})},active:0===r[0].dash.length},t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t.default.createElement("line",{x2:"24",y1:"50%",y2:"50%",stroke:"currentColor",strokeWidth:"2"}))),t.default.createElement(n.Button,{onClick:()=>{o({dash:[4,1]})},active:4===r[0].dash[0]},t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t.default.createElement("line",{x1:"-1",x2:"25",y1:"50%",y2:"50%",stroke:"currentColor",strokeDasharray:"12 2",strokeWidth:"2"}))),t.default.createElement(n.Button,{onClick:()=>{o({dash:[2,1]})},active:2===r[0].dash[0]},t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t.default.createElement("line",{x1:"1",x2:"23",y1:"50%",y2:"50%",stroke:"currentColor",strokeDasharray:"6 2",strokeWidth:"2"}))),t.default.createElement(n.Button,{onClick:()=>{o({dash:[1,1]})},active:1===r[0].dash[0]},t.default.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},t.default.createElement("line",{x1:"1",x2:"23",y1:"50%",y2:"50%",stroke:"currentColor",strokeDasharray:"2 2",strokeWidth:"2"}))))),position:n.Position.BOTTOM},t.default.createElement(n.Button,{icon:"settings",minimal:!0}))});exports.LineColor=(0,r.observer)(({elements:e,store:r})=>t.default.createElement(o.default,{value:e[0].color,style:{marginRight:"5px"},gradientEnabled:!1,onChange:t=>r.history.transaction(()=>{e.forEach(e=>{e.set({color:t})})}),store:r}));const u=t.default.createElement("span",{"aria-hidden":"true",className:"bp4-icon"},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16"},t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 8 L 16 8"}))),m=t.default.createElement("span",{"aria-hidden":"true",className:"bp4-icon"},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16"},t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 8 3 L 1 8 L 8 13",fill:"none",strokeLinejoin:"round",strokeLinecap:"round"}),t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 8 L 15 8",strokeLinejoin:"round",strokeLinecap:"round"}))),p=t.default.createElement("span",{"aria-hidden":"true",className:"bp4-icon"},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16"},t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 8 3 L 1 8 L 8 13 Z",fill:"currentColor",strokeLinejoin:"round",strokeLinecap:"round"}),t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 8 L 15 8",strokeLinejoin:"round",strokeLinecap:"round"}))),h=t.default.createElement("span",{"aria-hidden":"true",className:"bp4-icon"},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16"},t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 3 L 1 13",strokeLinejoin:"round",strokeLinecap:"round"}),t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 8 L 15 8",strokeLinejoin:"round",strokeLinecap:"round"}))),f=t.default.createElement("span",{"aria-hidden":"true",className:"bp4-icon"},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16"},t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 4 L 9 4 L 9 12 L 1 12 Z",fill:"currentColor",strokeLinejoin:"round",strokeLinecap:"round"}),t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 8 L 15 8",strokeLinejoin:"round",strokeLinecap:"round"}))),E=t.default.createElement("span",{"aria-hidden":"true",className:"bp4-icon"},t.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16"},t.default.createElement("circle",{cx:"4",cy:"8",r:"4",fill:"currentColor"}),t.default.createElement("path",{stroke:"currentColor",strokeWidth:"2",d:"M 1 8 L 15 8",strokeLinejoin:"round",strokeLinecap:"round"}))),g={"":u,arrow:m,triangle:p,bar:h,square:f,circle:E},k=({type:e,active:r,onClick:a,flipped:o})=>{const l=g[e];return t.default.createElement(n.Button,{icon:o?t.default.createElement("span",{style:{transform:"scaleX(-1)"}},l):l,minimal:!0,onClick:a,active:r})};exports.BasicHead=(0,r.observer)(({elements:e,store:r,property:o})=>{const l="endHead"===o,s=g[e[0][o]],i=l?t.default.createElement("span",{style:{transform:"scaleX(-1)"}},s):s,d=t=>{r.history.transaction(()=>{e.forEach(e=>{e.set({[o]:t})})})};return t.default.createElement(t.default.Fragment,null,t.default.createElement(a.Popover2,{content:t.default.createElement("div",{style:{width:"150px",padding:"10px"}},t.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},["","arrow","triangle"].map(r=>t.default.createElement(k,{key:r,type:r,active:e[0][o]===r,onClick:()=>{d(r)},flipped:l}))),t.default.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},["bar","square","circle"].map(r=>t.default.createElement(k,{key:r,type:r,active:e[0][o]===r,onClick:()=>{d(r)},flipped:l})))),position:n.Position.BOTTOM},t.default.createElement(n.Button,{icon:i,minimal:!0})))}),exports.LineHeads=(0,r.observer)(({elements:e,store:r})=>t.default.createElement(t.default.Fragment,null,t.default.createElement(exports.BasicHead,{elements:e,store:r,property:"startHead"}),t.default.createElement(exports.BasicHead,{elements:e,store:r,property:"endHead"})));const w={LineSettings:c,LineColor:exports.LineColor,LineHeads:exports.LineHeads};exports.LineToolbar=(0,r.observer)(({store:e,components:r})=>{const n=e.selectedElements[0],a=(0,s.extendToolbar)({type:"line",usedItems:["LineColor","LineSettings","LineHeads"],components:r});return t.default.createElement(s.ElementContainer,{items:a,itemRender:a=>{const o=r[a]||w[a];return t.default.createElement(o,{element:n,store:e,key:a,elements:e.selectedElements})}})}),exports.default=exports.LineToolbar;
+},{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","@blueprintjs/popover2":"mZnF","./color-picker":"zFB1","./filters-picker":"dy0S","./element-container":"IPaf","../utils/l10n":"FlVj"}],"espJ":[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.ManyToolbar=void 0;const t=e(require("react")),r=require("mobx-react-lite"),o=require("./element-container"),n={};exports.ManyToolbar=(0,r.observer)(({store:e,components:r})=>{const s=e.selectedElements,a=(0,o.extendToolbar)({type:"many",usedItems:[],components:r});return t.default.createElement(o.ElementContainer,{items:a,itemRender:o=>{const a=r[o]||n[o];return t.default.createElement(a,{elements:s,element:s[0],store:e,key:o})}})}),exports.default=exports.ManyToolbar;
 },{"react":"HdMw","mobx-react-lite":"ZfSi","./element-container":"IPaf"}],"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;
@@ -4217,22 +4225,22 @@ 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","../utils/l10n":"FlVj"}],"wGhb":[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.GroupButton=void 0;const t=e(require("react")),l=require("mobx-react-lite"),r=require("@blueprintjs/core"),n=require("../utils/l10n");exports.GroupButton=(0,l.observer)(({store:e})=>{const l=e.selectedElements.length>1,u=1===e.selectedElements.length&&"group"===e.selectedElements[0].type;return t.default.createElement(t.default.Fragment,null,l&&t.default.createElement(r.Button,{minimal:!0,onClick:()=>{e.groupElements(e.selectedElements.map(e=>e.id))},style:{marginLeft:"auto"}},(0,n.t)("toolbar.groupElements")),u&&t.default.createElement(r.Button,{minimal:!0,onClick:()=>{e.ungroupElements([e.selectedElements[0].id])},style:{marginLeft:"auto"}},(0,n.t)("toolbar.ungroupElements")))});
 },{"react":"HdMw","mobx-react-lite":"ZfSi","@blueprintjs/core":"Ydrz","../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")),o=require("mobx-react-lite"),i=require("@blueprintjs/core"),r=e(require("../utils/styled")),l=require("./history-buttons"),a=require("./text-toolbar"),n=require("./html-toolbar"),d=require("./image-toolbar"),u=require("./svg-toolbar"),s=require("./many-toolbar"),c=require("./download-button"),m=require("./duplicate-button"),p=require("./remove-button"),h=require("./lock-button"),f=require("./position-picker"),g=require("./opacity-picker"),v=require("./admin-button"),b=require("./group-button"),E=require("../utils/flags"),x={text:a.TextToolbar,image:d.ImageToolbar,svg:u.SvgToolbar,many:s.ManyToolbar};function y(e,t){x[e]=t}exports.registerToolbarComponent=y;const T=(0,r.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")),o=require("mobx-react-lite"),i=require("@blueprintjs/core"),r=e(require("../utils/styled")),l=require("./history-buttons"),a=require("./text-toolbar"),n=require("./html-toolbar"),d=require("./image-toolbar"),u=require("./svg-toolbar"),s=require("./line-toolbar"),c=require("./many-toolbar"),m=require("./download-button"),p=require("./duplicate-button"),h=require("./remove-button"),f=require("./lock-button"),g=require("./position-picker"),b=require("./opacity-picker"),v=require("./admin-button"),E=require("./group-button"),x=require("../utils/flags"),y={text:a.TextToolbar,image:d.ImageToolbar,svg:u.SvgToolbar,many:c.ManyToolbar,line:s.LineToolbar};function T(e,t){y[e]=t}exports.registerToolbarComponent=T;const q=(0,r.default)("div")`
   @media screen and (max-width: 500px) {
     max-width: 100vw;
     overflow-x: auto;
     overflow-y: hidden;
   }
-`,q=(0,r.default)("div")`
+`,I=(0,r.default)("div")`
   width: 100%;
   height: 100%;
   @media screen and (max-width: 500px) {
     display: flex;
   }
-`;exports.Toolbar=(0,o.observer)(({store:e,downloadButtonEnabled:o,hideTextFontFamily:r,hideTextSpacing:a,hideTextEffects:d,hideImageFlip:u,hideImageEffects:s,hideImageCrop:y,hideImageFit:I,hideImageRemoveBackground:F,hideSvgEffects:k,hidePosition:w,hideOpacity:B,hideDuplicate:P,hideLock:R,hideRemove:S,components:D={}})=>{const _=1===new Set(e.selectedElements.map(e=>e.type)).size,C=1===e.selectedElements.length,O=e.selectedElements[0],A=e.selectedElements.every(e=>e.styleEditable);let G=A&&C&&x[O.type];_&&"text"===(null==O?void 0:O.type)?G=x[O.type]:e.selectedElements.length>1&&(G=x.many),C&&"text"===O.type&&E.flags.htmlRenderEnabled&&(G=n.HtmlToolbar);const H=C&&O._cropModeEnabled,L=(null==D?void 0:D.ActionControls)||(o?c.DownloadButton:null),M=(null==D?void 0:D.Position)||f.PositionPicker,j=(null==D?void 0:D.Opacity)||g.OpacityPicker,N=(null==D?void 0:D.Lock)||h.LockButton,z=(null==D?void 0:D.Duplicate)||m.DuplicateButton,$=(null==D?void 0:D.Remove)||p.RemoveButton,J=(null==D?void 0:D.Group)||b.GroupButton,K=(null==D?void 0:D.History)||l.HistoryButtons,Q=[r,a,d,u,s,y,I,F,k,w,B,P,R,S],U=["hideTextFontFamily","hideTextSpacing","hideTextEffects","hideImageFlip","hideImageEffects","hideImageCrop","hideImageFit","hideImageRemoveBackground","hideSvgEffects","hidePosition","hideOpacity","hideDuplicate","hideLock","hideRemove"];return t.default.useEffect(()=>{const e=[];Q.forEach((t,o)=>{void 0!==t&&e.push(o)}),e.length>0&&console.warn(`Toolbar props ${e.map(e=>U[e]).join(", ")} are deprecated. Please use components API instead instead. See https://polotno.com/docs/toolbar`)},Q),t.default.createElement(T,{className:"bp4-navbar"},t.default.createElement(q,null,!H&&t.default.createElement(K,{store:e}),G&&A&&t.default.createElement(G,{store:e,hideTextFontFamily:r,hideTextSpacing:a,hideTextEffects:d,hideImageFlip:u,hideImageEffects:s,hideImageCrop:y,hideImageFit:I,hideSvgEffects:k,hideImageRemoveBackground:F,components:D}),!H&&t.default.createElement(i.Navbar.Group,{align:i.Alignment.RIGHT},"admin"===e.role&&t.default.createElement(v.AdminButton,{store:e}),t.default.createElement(J,{store:e}),!w&&t.default.createElement(M,{store:e}),!B&&A&&t.default.createElement(j,{store:e}),!R&&t.default.createElement(N,{store:e}),!P&&t.default.createElement(z,{store:e}),!S&&t.default.createElement($,{store:e}),L&&t.default.createElement(t.default.Fragment,null,t.default.createElement(i.Divider,{style:{height:"100%",margin:"0 15px"}}),t.default.createElement(L,{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","./many-toolbar":"espJ","./download-button":"hzA0","./duplicate-button":"I7IM","./remove-button":"F6AQ","./lock-button":"xZD7","./position-picker":"Taqf","./opacity-picker":"tmro","./admin-button":"ccY3","./group-button":"wGhb","../utils/flags":"IDY9"}],"Otsg":[function(require,module,exports) {
+`;exports.Toolbar=(0,o.observer)(({store:e,downloadButtonEnabled:o,hideTextFontFamily:r,hideTextSpacing:a,hideTextEffects:d,hideImageFlip:u,hideImageEffects:s,hideImageCrop:c,hideImageFit:T,hideImageRemoveBackground:F,hideSvgEffects:k,hidePosition:w,hideOpacity:B,hideDuplicate:P,hideLock:R,hideRemove:S,components:D={}})=>{const _=1===new Set(e.selectedElements.map(e=>e.type)).size,C=1===e.selectedElements.length,L=e.selectedElements[0],O=e.selectedElements.every(e=>e.styleEditable);let A=O&&C&&y[L.type];_&&"text"===(null==L?void 0:L.type)?A=y[L.type]:e.selectedElements.length>1&&(A=y.many),C&&"text"===L.type&&x.flags.htmlRenderEnabled&&(A=n.HtmlToolbar);const G=C&&L._cropModeEnabled,H=(null==D?void 0:D.ActionControls)||(o?m.DownloadButton:null),M=(null==D?void 0:D.Position)||g.PositionPicker,j=(null==D?void 0:D.Opacity)||b.OpacityPicker,N=(null==D?void 0:D.Lock)||f.LockButton,z=(null==D?void 0:D.Duplicate)||p.DuplicateButton,$=(null==D?void 0:D.Remove)||h.RemoveButton,J=(null==D?void 0:D.Group)||E.GroupButton,K=(null==D?void 0:D.History)||l.HistoryButtons,Q=[r,a,d,u,s,c,T,F,k,w,B,P,R,S],U=["hideTextFontFamily","hideTextSpacing","hideTextEffects","hideImageFlip","hideImageEffects","hideImageCrop","hideImageFit","hideImageRemoveBackground","hideSvgEffects","hidePosition","hideOpacity","hideDuplicate","hideLock","hideRemove"];return t.default.useEffect(()=>{const e=[];Q.forEach((t,o)=>{void 0!==t&&e.push(o)}),e.length>0&&console.warn(`Toolbar props ${e.map(e=>U[e]).join(", ")} are deprecated. Please use components API instead instead. See https://polotno.com/docs/toolbar`)},Q),t.default.createElement(q,{className:"bp4-navbar"},t.default.createElement(I,null,!G&&t.default.createElement(K,{store:e}),A&&O&&t.default.createElement(A,{store:e,hideTextFontFamily:r,hideTextSpacing:a,hideTextEffects:d,hideImageFlip:u,hideImageEffects:s,hideImageCrop:c,hideImageFit:T,hideSvgEffects:k,hideImageRemoveBackground:F,components:D}),!G&&t.default.createElement(i.Navbar.Group,{align:i.Alignment.RIGHT},"admin"===e.role&&t.default.createElement(v.AdminButton,{store:e}),t.default.createElement(J,{store:e}),!w&&t.default.createElement(M,{store:e}),!B&&O&&t.default.createElement(j,{store:e}),!R&&t.default.createElement(N,{store:e}),!P&&t.default.createElement(z,{store:e}),!S&&t.default.createElement($,{store:e}),H&&t.default.createElement(t.default.Fragment,null,t.default.createElement(i.Divider,{style:{height:"100%",margin:"0 15px"}}),t.default.createElement(H,{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","./line-toolbar":"BSzA","./many-toolbar":"espJ","./download-button":"hzA0","./duplicate-button":"I7IM","./remove-button":"F6AQ","./lock-button":"xZD7","./position-picker":"Taqf","./opacity-picker":"tmro","./admin-button":"ccY3","./group-button":"wGhb","../utils/flags":"IDY9"}],"Otsg":[function(require,module,exports) {
 "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.setColorsPresetFunc=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.replaceGlobalFonts=exports.removeGlobalFont=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}}),Object.defineProperty(exports,"removeGlobalFont",{enumerable:!0,get:function(){return e.removeGlobalFont}}),Object.defineProperty(exports,"replaceGlobalFonts",{enumerable:!0,get:function(){return e.replaceGlobalFonts}});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 o=require("./canvas/image-element");Object.defineProperty(exports,"unstable_setImageLoaderHook",{enumerable:!0,get:function(){return o.setImageLoaderHook}});var n=require("./model/store");Object.defineProperty(exports,"unstable_registerShapeModel",{enumerable:!0,get:function(){return n.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 b=require("./utils/api");Object.defineProperty(exports,"getGoogleFontsListAPI",{enumerable:!0,get:function(){return b.getGoogleFontsListAPI}}),Object.defineProperty(exports,"getGoogleFontImage",{enumerable:!0,get:function(){return b.getGoogleFontImage}}),Object.defineProperty(exports,"setAPI",{enumerable:!0,get:function(){return b.setAPI}});var g=require("./toolbar/color-picker");Object.defineProperty(exports,"setColorsPresetFunc",{enumerable:!0,get:function(){return g.setColorsPresetFunc}});var c=require("./utils/flags");Object.defineProperty(exports,"useDownScaling",{enumerable:!0,get:function(){return c.useDownScaling}});var x=require("./utils/flags");Object.defineProperty(exports,"unstable_setRemoveBackgroundEnabled",{enumerable:!0,get:function(){return x.useRemoveBackground}});var d=require("./utils/flags");Object.defineProperty(exports,"unstable_useHtmlTextRender",{enumerable:!0,get:function(){return d.useHtmlTextRender}});var f=require("./utils/flags");Object.defineProperty(exports,"unstable_setForceTextFit",{enumerable:!0,get:function(){return f.setForceTextFit}});var m=require("./utils/flags");Object.defineProperty(exports,"unstable_setTextOverflow",{enumerable:!0,get:function(){return m.setTextOverflow}});var v=require("./utils/flags");Object.defineProperty(exports,"unstable_setTextVerticalResizeEnabled",{enumerable:!0,get:function(){return v.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","./toolbar/color-picker":"zFB1","./utils/flags":"IDY9"}],"IVsl":[function(require,module,exports) {
-"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}));
+"use strict";var e=s(require("react")),t=s(require("react-dom/client")),o=require("polotno/canvas/workspace"),r=require("polotno/model/store"),a=require("polotno/canvas/use-fadein"),n=require("polotno/config"),l=require("polotno/utils/fonts");function s(e){return e&&e.__esModule?e:{default:e}}(0,a.toggleFadeInAnimation)(!1),(0,n.unstable_setTextOverflow)("change-font-size");var i=new URLSearchParams(location.search).get("key"),u=(0,r.createStore)({key:i});window.store=u,window.config={addGlobalFont:l.addGlobalFont,unstable_useHtmlTextRender:n.unstable_useHtmlTextRender,unstable_setTextVerticalResizeEnabled:n.unstable_setTextVerticalResizeEnabled,onLoadError:n.onLoadError};var d=t.default.createRoot(document.getElementById("root"));d.render(e.default.createElement(o.Workspace,{store:u}));
 },{"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.7ef779aa.js.map
+//# sourceMappingURL=client.b1e79267.js.map