polotno 2.4.31 → 2.4.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polotno",
-  "version": "2.4.31",
+  "version": "2.4.32",
   "description": "Design Editor Framework",
   "author": "Anton Lavrenov",
   "keywords": [

package/polotno.bundle.js

@@ -26,7 +26,7 @@ For more info see: https://github.com/konvajs/react-konva/issues/256
 `,n0=`ReactKonva: You are using "zIndex" attribute for a Konva node.
 react-konva may get confused with ordering. Just define correct order of elements in your render function of a component.
 For more info see: https://github.com/konvajs/react-konva/issues/194
-`,n1={};function n2(e,t,n=n1){if(!nX&&"zIndex"in t&&(console.warn(n0),nX=!0),!nZ&&t.draggable){var r=void 0!==t.x||void 0!==t.y,i=t.onDragEnd||t.onDragMove;r&&!i&&(console.warn(nJ),nZ=!0)}for(var o in n)if(!nY[o]){var a="on"===o.slice(0,2),l=n[o]!==t[o];if(a&&l){var s=o.substr(2).toLowerCase();"content"===s.substr(0,7)&&(s="content"+s.substr(7,1).toUpperCase()+s.substr(8)),e.off(s,n[o])}t.hasOwnProperty(o)||e.setAttr(o,void 0)}var u=t._useStrictMode,c={},d=!1;let h={};for(var o in t)if(!nY[o]){var a="on"===o.slice(0,2),f=n[o]!==t[o];if(a&&f){var s=o.substr(2).toLowerCase();"content"===s.substr(0,7)&&(s="content"+s.substr(7,1).toUpperCase()+s.substr(8)),t[o]&&(h[s]=t[o])}!a&&(t[o]!==n[o]||u&&t[o]!==e.getAttr(o))&&(d=!0,c[o]=t[o])}for(var s in d&&(e.setAttrs(c),n3(e)),h)e.on(s+nQ,h[s])}function n3(e){if(!I.Konva.autoDrawEnabled){var t=e.getLayer()||e.getStage();t&&t.batchDraw()}}p("clk2u");let n5={},n6={};function n4(e,t){if("string"==typeof t){console.error(`Do not use plain text as child of Konva.Node. You are using text: ${t}`);return}e.add(t),n3(e)}function n8(e,t,n){let r=u(nG)[e];r||(console.error(`Konva has no node with the type ${e}. Group will be used instead. If you use minimal version of react-konva, just import required nodes into Konva: "import "konva/lib/shapes/${e}"  If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html`),r=u(nG).Group);let i={},o={};for(var a in t)"on"===a.slice(0,2)?o[a]=t[a]:i[a]=t[a];let l=new r(i);return n2(l,o),l}function n9(e,t,n){console.error(`Text components are not supported for now in ReactKonva. Your text is: "${e}"`)}function n7(e,t,n){return!1}function re(e){return e}function rt(){return null}function rn(){return null}function rr(e,t,n,r){return n6}function ri(){}function ro(e){}function ra(e,t){return!1}function rl(){return n5}function rs(){return n5}u(nG).Node.prototype._applyProps=n2;let ru=setTimeout,rc=clearTimeout,rd=-1;function rh(e,t){return!1}let rf=!1,rp=!0,rg=!0;function rm(e,t){t.parent===e?t.moveToTop():e.add(t),n3(e)}function rv(e,t){t.parent===e?t.moveToTop():e.add(t),n3(e)}function ry(e,t,n){t._remove(),e.add(t),t.setZIndex(n.getZIndex()),n3(e)}function rb(e,t,n){ry(e,t,n)}function rw(e,t){t.destroy(),t.off(nQ),n3(e)}function rx(e,t){t.destroy(),t.off(nQ),n3(e)}function r_(e,t,n){console.error(`Text components are not yet supported in ReactKonva. You text is: "${n}"`)}function rE(e,t,n){}function rS(e,t,n,r,i){n2(e,i,r)}function rC(e){e.hide(),n3(e)}function rO(e){}function rk(e,t){(null==t.visible||t.visible)&&e.show()}function rP(e,t){}function rT(e){}function rA(){}let rN=()=>n$.DefaultEventPriority;var b=p("8NFma"),rj=Object.defineProperty,rR=Object.defineProperties,rL=Object.getOwnPropertyDescriptors,rI=Object.getOwnPropertySymbols,rM=Object.prototype.hasOwnProperty,rD=Object.prototype.propertyIsEnumerable,rF=(e,t,n)=>t in e?rj(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,rz=(e,t)=>{for(var n in t||(t={}))rM.call(t,n)&&rF(e,n,t[n]);if(rI)for(var n of rI(t))rD.call(t,n)&&rF(e,n,t[n]);return e},rB=(e,t)=>rR(e,rL(t));function rU(e){try{return Object.defineProperties(e,{_currentRenderer:{get:()=>null,set(){}},_currentRenderer2:{get:()=>null,set(){}}})}catch(t){return e}}let rH=rU(b.createContext(null));class rV extends b.Component{render(){return b.createElement(rH.Provider,{value:this._reactInternals},this.props.children)}}let{ReactCurrentOwner:rq,ReactCurrentDispatcher:rG}=b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function rW(){let e=function(){var e,t;let n=function(){let e=b.useContext(rH);if(null===e)throw Error("its-fine: useFiber must be called within a <FiberProvider />!");let t=b.useId();return b.useMemo(()=>{for(let n of[null==rq?void 0:rq.current,e,null==e?void 0:e.alternate]){if(!n)continue;let e=function e(t,n,r){if(!t)return;if(!0===r(t))return t;let i=n?t.return:t.child;for(;i;){let t=e(i,n,r);if(t)return t;i=n?null:i.sibling}}(n,!1,e=>{let n=e.memoizedState;for(;n;){if(n.memoizedState===t)return!0;n=n.next}});if(e)return e}},[e,t])}(),[r]=b.useState(()=>new Map);r.clear();let i=n;for(;i;){let n=null==(e=i.type)?void 0:e._context;n&&n!==rH&&!r.has(n)&&r.set(n,null==(t=null==rG?void 0:rG.current)?void 0:t.readContext(rU(n))),i=i.return}return r}();return b.useMemo(()=>Array.from(e.keys()).reduce((t,n)=>r=>b.createElement(t,null,b.createElement(n.Provider,rB(rz({},r),{value:e.get(n)}))),e=>b.createElement(rV,rz({},e))),[e])}let r$=e=>{let t=u(b).useRef(),n=u(b).useRef(),r=u(b).useRef(),i=function(e){let t=u(b).useRef({});return u(b).useLayoutEffect(()=>{t.current=e}),u(b).useLayoutEffect(()=>()=>{t.current={}},[]),t.current}(e),o=rW(),a=t=>{let{forwardedRef:n}=e;n&&("function"==typeof n?n(t):n.current=t)};return u(b).useLayoutEffect(()=>(n.current=new(u(nG)).Stage({width:e.width,height:e.height,container:t.current}),a(n.current),r.current=r2.createContainer(n.current,n$.LegacyRoot,!1,null),r2.updateContainer(u(b).createElement(o,{},e.children),r.current),()=>{u(nG).isBrowser&&(a(null),r2.updateContainer(null,r.current,null),n.current.destroy())}),[]),u(b).useLayoutEffect(()=>{a(n.current),n2(n.current,e,i),r2.updateContainer(u(b).createElement(o,{},e.children),r.current,null)}),u(b).createElement("div",{ref:t,id:e.id,accessKey:e.accessKey,className:e.className,role:e.role,style:e.style,tabIndex:e.tabIndex,title:e.title})},rK="Group",rY="Label",rX="Rect",rZ="Line",rQ="Image",rJ="Text",r0="Path",r1="Transformer",r2=u(nW)(nK);r2.injectIntoDevTools({findHostInstanceByFiber:()=>null,bundleType:0,version:u(b).version,rendererPackageName:"react-konva"});let r3=u(b).forwardRef((e,t)=>u(b).createElement(rV,{},u(b).createElement(r$,{...e,forwardedRef:t})));var r5={},b=p("8NFma");r5=function(e,t,n){let r=b.useRef("loading"),i=b.useRef(),[o,a]=b.useState(0),l=b.useRef(),s=b.useRef(),u=b.useRef();return(l.current!==e||s.current!==t||u.current!==n)&&(r.current="loading",i.current=void 0,l.current=e,s.current=t,u.current=n),b.useLayoutEffect(function(){if(e){var o=document.createElement("img");return o.addEventListener("load",l),o.addEventListener("error",s),t&&(o.crossOrigin=t),n&&(o.referrerPolicy=n),o.src=e,function(){o.removeEventListener("load",l),o.removeEventListener("error",s)}}function l(){r.current="loaded",i.current=o,a(Math.random())}function s(){r.current="failed",i.current=void 0,a(Math.random())}},[e,t,n]),[i.current,r.current]};var b=(p("8NFma"),p("8NFma"),p("8NFma")),r6=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)0>t.indexOf(r[i])&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n};let r4=e=>{let t=window.getComputedStyle(e).position;return!("absolute"===t||"relative"===t)},r8=({children:e,groupProps:t,divProps:n,transform:r,transformFunc:i})=>{let o=rW(),a=u(b).useRef(null);u(b).useRef();let[l]=u(b).useState(()=>document.createElement("div")),s=u(b).useMemo(()=>u(v).createRoot(l),[l]),c=null==r||r,d=function(e=()=>{}){let t=u(b).useRef(e);return t.current=e,u(b).useCallback((...e)=>t.current.apply(null,e),[])}(()=>{if(c&&a.current){let e=a.current.getAbsoluteTransform().decompose();i&&(e=i(e)),l.style.position="absolute",l.style.zIndex="10",l.style.top="0px",l.style.left="0px",l.style.transform=`translate(${e.x}px, ${e.y}px) rotate(${e.rotation}deg) scaleX(${e.scaleX}) scaleY(${e.scaleY})`,l.style.transformOrigin="top left"}else l.style.position="",l.style.zIndex="",l.style.top="",l.style.left="",l.style.transform="",l.style.transformOrigin="";let e=n||{},{style:t}=e,r=r6(e,["style"]);Object.assign(l.style,t),Object.assign(l,r)});return u(b).useLayoutEffect(()=>{var e;let t=a.current;if(!t)return;let n=null===(e=t.getStage())||void 0===e?void 0:e.container();if(n)return n.appendChild(l),c&&r4(n)&&(n.style.position="relative"),t.on("absoluteTransformChange",d),d(),()=>{var e;t.off("absoluteTransformChange",d),null===(e=l.parentNode)||void 0===e||e.removeChild(l)}},[c]),u(b).useLayoutEffect(()=>{d()},[n,i]),u(b).useLayoutEffect(()=>{s.render(u(b).createElement(o,null,e))}),u(b).useLayoutEffect(()=>()=>{setTimeout(()=>{s.unmount()})},[]),u(b).createElement(rK,Object.assign({ref:a},t))};var b=p("8NFma");let r9=({selector:e,enabled:t,children:n})=>{let r=u(b).useRef(null),i=u(b).useRef(null),o=u(b).useRef(),a=null==t||t;return u(b).useLayoutEffect(()=>{if(!r.current||!i.current)return;o.current=i.current;let t=r.current.getStage().findOne(e);a&&t?i.current.moveTo(t):i.current.moveTo(r.current);let n=r.current.getLayer();if(n&&(n.batchDraw(),t)){let e=t.getLayer();if(!e)return;e.batchDraw()}},[e,a]),u(b).useEffect(()=>()=>{var e;null===(e=o.current)||void 0===e||e.destroy()},[]),u(b).createElement(rK,{name:"_outer_portal",ref:r},u(b).createElement(rK,{name:"_inner_portal",ref:i},n))};var w=p("2SBKn");function r7(e,t,n){let r=n[t-1]||{values:{x:0,y:0}};if(e.marker===e.marker.toLowerCase())switch(e.marker=e.marker.toUpperCase(),e.marker){case"M":case"L":case"A":case"T":e.values.x+=r.values.x,e.values.y+=r.values.y;break;case"H":e.marker="L",e.values.x+=r.values.x,e.values.y=r.values.y;break;case"V":e.marker="L",e.values.x=r.values.x,e.values.y+=r.values.y;break;case"C":e.values.x+=r.values.x,e.values.y+=r.values.y,e.values.x1+=r.values.x,e.values.y1+=r.values.y,e.values.x2+=r.values.x,e.values.y2+=r.values.y;break;case"S":e.values.x+=r.values.x,e.values.y+=r.values.y,e.values.x2+=r.values.x,e.values.y2+=r.values.y;break;case"Q":e.values.x+=r.values.x,e.values.y+=r.values.y,e.values.x1+=r.values.x,e.values.y1+=r.values.y}else if(e.marker===e.marker.toUpperCase())switch(e.marker){case"H":e.marker="L",e.values.y=r.values.y;break;case"V":e.marker="L",e.values.x=r.values.x}if("Z"===e.marker){let r=function e(t,n){return"M"===t[n].marker?t[n]:e(t,n-1)}(n,t);e.values.x=r.values.x,e.values.y=r.values.y}return e}function ie(e,t,n){if(0!==t&&"L"===e.marker){let r=n[t-1];["x","y"].every(t=>0===Math.round(Math.abs(r.values[t]-e.values[t])))&&(e.overlap=!0)}return e}function it(e,t){return Math.atan2(t.x-e.x,t.y-e.y)}function ir(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function ii(e,t){let n=t/Math.tan(e);return n===1/0||n===-1/0||isNaN(n)?t:n}var b=p("8NFma"),io={};a(io,"parse",()=>PA,e=>PA=e),a(io,"stringify",()=>PN,e=>PN=e);var ia=ia||{};ia.stringify=(Pt={"visit_linear-gradient":function(e){return Pt.visit_gradient(e)},"visit_repeating-linear-gradient":function(e){return Pt.visit_gradient(e)},"visit_radial-gradient":function(e){return Pt.visit_gradient(e)},"visit_repeating-radial-gradient":function(e){return Pt.visit_gradient(e)},visit_gradient:function(e){var t=Pt.visit(e.orientation);return t&&(t+=", "),e.type+"("+t+Pt.visit(e.colorStops)+")"},visit_shape:function(e){var t=e.value,n=Pt.visit(e.at),r=Pt.visit(e.style);return r&&(t+=" "+r),n&&(t+=" at "+n),t},"visit_default-radial":function(e){var t="",n=Pt.visit(e.at);return n&&(t+=n),t},"visit_extent-keyword":function(e){var t=e.value,n=Pt.visit(e.at);return n&&(t+=" at "+n),t},"visit_position-keyword":function(e){return e.value},visit_position:function(e){return Pt.visit(e.value.x)+" "+Pt.visit(e.value.y)},"visit_%":function(e){return e.value+"%"},visit_em:function(e){return e.value+"em"},visit_px:function(e){return e.value+"px"},visit_literal:function(e){return Pt.visit_color(e.value,e)},visit_hex:function(e){return Pt.visit_color("#"+e.value,e)},visit_rgb:function(e){return Pt.visit_color("rgb("+e.value.join(", ")+")",e)},visit_rgba:function(e){return Pt.visit_color("rgba("+e.value.join(", ")+")",e)},visit_color:function(e,t){var n=e,r=Pt.visit(t.length);return r&&(n+=" "+r),n},visit_angular:function(e){return e.value+"deg"},visit_directional:function(e){return"to "+e.value},visit_array:function(e){var t="",n=e.length;return e.forEach(function(e,r){t+=Pt.visit(e),r<n-1&&(t+=", ")}),t},visit:function(e){if(!e)return"";if(e instanceof Array)return Pt.visit_array(e,"");if(e.type){var t=Pt["visit_"+e.type];if(t)return t(e);throw Error("Missing visitor visit_"+e.type)}throw Error("Invalid node.")}},function(e){return Pt.visit(e)});var ia=ia||{};ia.parse=function(){var e={linearGradient:/^(\-(webkit|o|ms|moz)\-)?(linear\-gradient)/i,repeatingLinearGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,radialGradient:/^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,repeatingRadialGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,sideOrCorner:/^to (left (top|bottom)|right (top|bottom)|left|right|top|bottom)/i,extentKeywords:/^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,positionKeywords:/^(left|center|right|top|bottom)/i,pixelValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,percentageValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,emValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,angleValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,startCall:/^\(/,endCall:/^\)/,comma:/^,/,hexColor:/^\#([0-9a-fA-F]+)/,literalColor:/^([a-zA-Z]+)/,rgbColor:/^rgb/i,rgbaColor:/^rgba/i,number:/^(([0-9]*\.[0-9]+)|([0-9]+\.?))/},t="";function n(e){var n=Error(t+": "+e);throw n.source=t,n}function r(){return i("linear-gradient",e.linearGradient,a)||i("repeating-linear-gradient",e.repeatingLinearGradient,a)||i("radial-gradient",e.radialGradient,l)||i("repeating-radial-gradient",e.repeatingRadialGradient,l)}function i(t,r,i){return o(r,function(r){var o=i();return o&&!y(e.comma)&&n("Missing comma before color stops"),{type:t,orientation:o,colorStops:h(f)}})}function o(t,r){var i=y(t);if(i){y(e.startCall)||n("Missing (");var o=r(i);return y(e.endCall)||n("Missing )"),o}}function a(){return v("directional",e.sideOrCorner,1)||v("angular",e.angleValue,1)}function l(){var n,r,i=s();return i&&((n=[]).push(i),r=t,y(e.comma)&&((i=s())?n.push(i):t=r)),n}function s(){var e,t,n=((e=v("shape",/^(circle)/i,0))&&(e.style=m()||u()),e||((t=v("shape",/^(ellipse)/i,0))&&(t.style=g()||u()),t));if(n)n.at=c();else{var r=u();if(r){n=r;var i=c();i&&(n.at=i)}else{var o=d();o&&(n={type:"default-radial",at:o})}}return n}function u(){return v("extent-keyword",e.extentKeywords,1)}function c(){if(v("position",/^at/,0)){var e=d();return e||n("Missing positioning value"),e}}function d(){var e={x:g(),y:g()};if(e.x||e.y)return{type:"position",value:e}}function h(t){var r=t(),i=[];if(r)for(i.push(r);y(e.comma);)(r=t())?i.push(r):n("One extra comma");return i}function f(){var t=v("hex",e.hexColor,1)||o(e.rgbaColor,function(){return{type:"rgba",value:h(p)}})||o(e.rgbColor,function(){return{type:"rgb",value:h(p)}})||v("literal",e.literalColor,0);return t||n("Expected color definition"),t.length=g(),t}function p(){return y(e.number)[1]}function g(){return v("%",e.percentageValue,1)||v("position-keyword",e.positionKeywords,1)||m()}function m(){return v("px",e.pixelValue,1)||v("em",e.emValue,1)}function v(e,t,n){var r=y(t);if(r)return{type:e,value:r[n]}}function y(e){var n,r;return(r=/^[\n\r\t\s]+/.exec(t))&&b(r[0].length),(n=e.exec(t))&&b(n[0].length),n}function b(e){t=t.substr(e)}return function(e){var i;return t=e.toString(),i=h(r),t.length>0&&n("Invalid input not EOF"),i}}(),PA=ia.parse,PN=ia.stringify;let il=e=>e.indexOf("linear-gradient")>=0,is=e=>"hex"===e.type?"#"+e.value:"literal"===e.type?e.value:`${e.type}(${e.value.join(",")})`,iu=e=>{if(!il(e))return{rotation:0,stops:[{offset:0,color:e},{offset:1,color:e}]};let t=u(io).parse(e)[0];return{rotation:parseFloat(t.orientation.value),stops:t.colorStops.map((e,n)=>({color:is(e),offset:e.length?parseFloat(e.length.value)/100:n/(t.colorStops.length-1)}))}},ic=(e,t=e.fill,n="fill")=>u(b).useMemo(()=>{if(!il(t))return{[n]:t};let{stops:r,rotation:i}=iu(t),o={x:e.a.width/2,y:e.a.height/2},a=Math.sqrt(Math.pow(o.x,2)+Math.pow(o.y,2)),l=u(j).Util.degToRad(i)-Math.PI/2,s=[];return(r.forEach(({offset:e,color:t})=>{s.push(e,t)}),"fill"===n)?{fillLinearGradientStartPointX:o.x-a*Math.cos(l),fillLinearGradientStartPointY:o.y-a*Math.sin(l),fillLinearGradientColorStops:s,fillLinearGradientEndPointX:o.x+a*Math.cos(l),fillLinearGradientEndPointY:o.y+a*Math.sin(l),fill:r[1].color,fillPriority:"linear-gradient"}:{strokeLinearGradientStartPointX:o.x-a*Math.cos(l),strokeLinearGradientStartPointY:o.y-a*Math.sin(l),strokeLinearGradientColorStops:s,strokeLinearGradientEndPointX:o.x+a*Math.cos(l),strokeLinearGradientEndPointY:o.y+a*Math.sin(l)}},[t,e.width,e.height]);var b=p("8NFma");let id=()=>!1;function ih(e,t){let n=u(b).useRef();u(b).useLayoutEffect(()=>{n.current&&n.current.destroy()},[t]),u(b).useLayoutEffect(()=>{},[])}let ip=0,ig=[],im=()=>6e3;function iv(e){ip+=1;let t=!1,n=setTimeout(()=>{t||(iw(`Timeout loading image ${e}`),console.error("Timeout triggered for loader. Some assets may not have loaded.",e),t=!0,iy())},3e4);return()=>{t||(clearTimeout(n),iy())}}function iy(){0==(ip-=1)&&(ig.forEach(e=>e()),ig=[])}let ib=[];function iw(e){ib.forEach(t=>t(e))}var w=p("2SBKn");let ix=w.observable(["Roboto","Amatic SC","Press Start 2P","Marck Script","Rubik Mono One"]),i_=w.observable({value:!1});function iE(){return i_.value}let iS=w.observable([]);var iC=document.createElement("canvas");function iO(e,t="Arial"){var n=iC.getContext("2d");return n.font=`normal 40px '${e}', ${t}`,n.measureText("Some test text;?#D-ПРИВЕТ!1230o9u8i7y6t5r4e3w2q1").width}let ik={Arial:!0},iP=e=>!!ik[e];async function iT(e){if(ik[e])return;let t=!!document.fonts?.load,n=iO("Arial");if(t)try{await document.fonts.load(`16px '${e}'`);let t=iO(e);if(n!==t){ik[e]=!0;return}}catch{}let r=iO("Times","Times"),i=iO(e),o=Math.min(6e3,im())/60;for(let t=0;t<o;t++){let t=iO(e,"Arial"),o=iO(e,"Times");if(t!==i||t!==n||o!==r){ik[e]=!0;return}await new Promise(e=>setTimeout(e,60))}console.warn(`Timeout for loading font "${e}". Looks like polotno can't load it. Is it a correct font family?`),iw(`Timeout for loading font "${e}"`)}let iA={},iN={};var w=p("2SBKn");let ij=w.observable({imageDownScalingEnabled:!0,removeBackgroundEnabled:!0,htmlRenderEnabled:!1,forceTextFitEnabled:!1,textVerticalResizeEnabled:!1,textOverflow:"resize",animationsEnabled:!1});w.action(e=>{ij.textVerticalResizeEnabled=e});let iR=w.action(e=>{ij.removeBackgroundEnabled=e});w.action(e=>{ij.htmlRenderEnabled=e});let iL=w.action(e=>{ij.imageDownScalingEnabled=e});function iI(e=""){return(e=e.replace(/<\/p>/gi,"\n")).replace(/(<([^>]+)>)/gi,"")}function iM(e,t){let n={filters:[]};t.brightnessEnabled&&(n.filters.push(u(j).Filters.Brighten),n.brightness=t.brightness),t.blurEnabled&&(n.filters.push(u(j).Filters.Blur),n.blurRadius=t.blurRadius),t.sepiaEnabled&&n.filters.push(u(j).Filters.Sepia),t.grayscaleEnabled&&n.filters.push(u(j).Filters.Grayscale),e.setAttrs(n),n.filters.length?e.cache({pixelRatio:t.store._elementsPixelRatio}):e.clearCache(),e.getLayer()?.batchDraw()}w.action(e=>{console.warn("useDownScaling is deprecated. Use setDownScalingEnabled instead."),iL(e)}),w.action(e=>{console.warn("setForceTextFit is deprecated. Use setTextOverflow instead."),ij.textOverflow="change-font-size"}),w.action(e=>{ij.textOverflow=e}),w.action(e=>{ij.animationsEnabled=e}),p("8NFma");let iD={stroke:"rgb(0, 161, 255)",strokeWidth:2},iF=A(({element:e})=>(0,m.jsx)(rX,{name:"highlighter",x:e.a.x,y:e.a.y,rotation:e.a.rotation,width:e.a.width,height:e.a.height,listening:!1,strokeScaleEnabled:!1,...iD}));var b=p("8NFma");let iz=()=>window.innerWidth<=500,iB=e=>`
+`,n1={};function n2(e,t,n=n1){if(!nX&&"zIndex"in t&&(console.warn(n0),nX=!0),!nZ&&t.draggable){var r=void 0!==t.x||void 0!==t.y,i=t.onDragEnd||t.onDragMove;r&&!i&&(console.warn(nJ),nZ=!0)}for(var o in n)if(!nY[o]){var a="on"===o.slice(0,2),l=n[o]!==t[o];if(a&&l){var s=o.substr(2).toLowerCase();"content"===s.substr(0,7)&&(s="content"+s.substr(7,1).toUpperCase()+s.substr(8)),e.off(s,n[o])}t.hasOwnProperty(o)||e.setAttr(o,void 0)}var u=t._useStrictMode,c={},d=!1;let h={};for(var o in t)if(!nY[o]){var a="on"===o.slice(0,2),f=n[o]!==t[o];if(a&&f){var s=o.substr(2).toLowerCase();"content"===s.substr(0,7)&&(s="content"+s.substr(7,1).toUpperCase()+s.substr(8)),t[o]&&(h[s]=t[o])}!a&&(t[o]!==n[o]||u&&t[o]!==e.getAttr(o))&&(d=!0,c[o]=t[o])}for(var s in d&&(e.setAttrs(c),n3(e)),h)e.on(s+nQ,h[s])}function n3(e){if(!I.Konva.autoDrawEnabled){var t=e.getLayer()||e.getStage();t&&t.batchDraw()}}p("clk2u");let n5={},n6={};function n4(e,t){if("string"==typeof t){console.error(`Do not use plain text as child of Konva.Node. You are using text: ${t}`);return}e.add(t),n3(e)}function n8(e,t,n){let r=u(nG)[e];r||(console.error(`Konva has no node with the type ${e}. Group will be used instead. If you use minimal version of react-konva, just import required nodes into Konva: "import "konva/lib/shapes/${e}"  If you want to render DOM elements as part of canvas tree take a look into this demo: https://konvajs.github.io/docs/react/DOM_Portal.html`),r=u(nG).Group);let i={},o={};for(var a in t)"on"===a.slice(0,2)?o[a]=t[a]:i[a]=t[a];let l=new r(i);return n2(l,o),l}function n9(e,t,n){console.error(`Text components are not supported for now in ReactKonva. Your text is: "${e}"`)}function n7(e,t,n){return!1}function re(e){return e}function rt(){return null}function rn(){return null}function rr(e,t,n,r){return n6}function ri(){}function ro(e){}function ra(e,t){return!1}function rl(){return n5}function rs(){return n5}u(nG).Node.prototype._applyProps=n2;let ru=setTimeout,rc=clearTimeout,rd=-1;function rh(e,t){return!1}let rf=!1,rp=!0,rg=!0;function rm(e,t){t.parent===e?t.moveToTop():e.add(t),n3(e)}function rv(e,t){t.parent===e?t.moveToTop():e.add(t),n3(e)}function ry(e,t,n){t._remove(),e.add(t),t.setZIndex(n.getZIndex()),n3(e)}function rb(e,t,n){ry(e,t,n)}function rw(e,t){t.destroy(),t.off(nQ),n3(e)}function rx(e,t){t.destroy(),t.off(nQ),n3(e)}function r_(e,t,n){console.error(`Text components are not yet supported in ReactKonva. You text is: "${n}"`)}function rE(e,t,n){}function rS(e,t,n,r,i){n2(e,i,r)}function rC(e){e.hide(),n3(e)}function rO(e){}function rk(e,t){(null==t.visible||t.visible)&&e.show()}function rP(e,t){}function rT(e){}function rA(){}let rN=()=>n$.DefaultEventPriority;var b=p("8NFma"),rj=Object.defineProperty,rR=Object.defineProperties,rL=Object.getOwnPropertyDescriptors,rI=Object.getOwnPropertySymbols,rM=Object.prototype.hasOwnProperty,rD=Object.prototype.propertyIsEnumerable,rF=(e,t,n)=>t in e?rj(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,rz=(e,t)=>{for(var n in t||(t={}))rM.call(t,n)&&rF(e,n,t[n]);if(rI)for(var n of rI(t))rD.call(t,n)&&rF(e,n,t[n]);return e},rB=(e,t)=>rR(e,rL(t));function rU(e){try{return Object.defineProperties(e,{_currentRenderer:{get:()=>null,set(){}},_currentRenderer2:{get:()=>null,set(){}}})}catch(t){return e}}let rH=rU(b.createContext(null));class rV extends b.Component{render(){return b.createElement(rH.Provider,{value:this._reactInternals},this.props.children)}}let{ReactCurrentOwner:rq,ReactCurrentDispatcher:rG}=b.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function rW(){let e=function(){var e,t;let n=function(){let e=b.useContext(rH);if(null===e)throw Error("its-fine: useFiber must be called within a <FiberProvider />!");let t=b.useId();return b.useMemo(()=>{for(let n of[null==rq?void 0:rq.current,e,null==e?void 0:e.alternate]){if(!n)continue;let e=function e(t,n,r){if(!t)return;if(!0===r(t))return t;let i=n?t.return:t.child;for(;i;){let t=e(i,n,r);if(t)return t;i=n?null:i.sibling}}(n,!1,e=>{let n=e.memoizedState;for(;n;){if(n.memoizedState===t)return!0;n=n.next}});if(e)return e}},[e,t])}(),[r]=b.useState(()=>new Map);r.clear();let i=n;for(;i;){let n=null==(e=i.type)?void 0:e._context;n&&n!==rH&&!r.has(n)&&r.set(n,null==(t=null==rG?void 0:rG.current)?void 0:t.readContext(rU(n))),i=i.return}return r}();return b.useMemo(()=>Array.from(e.keys()).reduce((t,n)=>r=>b.createElement(t,null,b.createElement(n.Provider,rB(rz({},r),{value:e.get(n)}))),e=>b.createElement(rV,rz({},e))),[e])}let r$=e=>{let t=u(b).useRef(),n=u(b).useRef(),r=u(b).useRef(),i=function(e){let t=u(b).useRef({});return u(b).useLayoutEffect(()=>{t.current=e}),u(b).useLayoutEffect(()=>()=>{t.current={}},[]),t.current}(e),o=rW(),a=t=>{let{forwardedRef:n}=e;n&&("function"==typeof n?n(t):n.current=t)};return u(b).useLayoutEffect(()=>(n.current=new(u(nG)).Stage({width:e.width,height:e.height,container:t.current}),a(n.current),r.current=r2.createContainer(n.current,n$.LegacyRoot,!1,null),r2.updateContainer(u(b).createElement(o,{},e.children),r.current),()=>{u(nG).isBrowser&&(a(null),r2.updateContainer(null,r.current,null),n.current.destroy())}),[]),u(b).useLayoutEffect(()=>{a(n.current),n2(n.current,e,i),r2.updateContainer(u(b).createElement(o,{},e.children),r.current,null)}),u(b).createElement("div",{ref:t,id:e.id,accessKey:e.accessKey,className:e.className,role:e.role,style:e.style,tabIndex:e.tabIndex,title:e.title})},rK="Group",rY="Label",rX="Rect",rZ="Line",rQ="Image",rJ="Text",r0="Path",r1="Transformer",r2=u(nW)(nK);r2.injectIntoDevTools({findHostInstanceByFiber:()=>null,bundleType:0,version:u(b).version,rendererPackageName:"react-konva"});let r3=u(b).forwardRef((e,t)=>u(b).createElement(rV,{},u(b).createElement(r$,{...e,forwardedRef:t})));var r5={},b=p("8NFma");r5=function(e,t,n){let r=b.useRef("loading"),i=b.useRef(),[o,a]=b.useState(0),l=b.useRef(),s=b.useRef(),u=b.useRef();return(l.current!==e||s.current!==t||u.current!==n)&&(r.current="loading",i.current=void 0,l.current=e,s.current=t,u.current=n),b.useLayoutEffect(function(){if(e){var o=document.createElement("img");return o.addEventListener("load",l),o.addEventListener("error",s),t&&(o.crossOrigin=t),n&&(o.referrerPolicy=n),o.src=e,function(){o.removeEventListener("load",l),o.removeEventListener("error",s)}}function l(){r.current="loaded",i.current=o,a(Math.random())}function s(){r.current="failed",i.current=void 0,a(Math.random())}},[e,t,n]),[i.current,r.current]};var b=(p("8NFma"),p("8NFma"),p("8NFma")),r6=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)0>t.indexOf(r[i])&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n};let r4=e=>{let t=window.getComputedStyle(e).position;return!("absolute"===t||"relative"===t)},r8=({children:e,groupProps:t,divProps:n,transform:r,transformFunc:i})=>{let o=rW(),a=u(b).useRef(null);u(b).useRef();let[l]=u(b).useState(()=>document.createElement("div")),s=u(b).useMemo(()=>u(v).createRoot(l),[l]),c=null==r||r,d=function(e=()=>{}){let t=u(b).useRef(e);return t.current=e,u(b).useCallback((...e)=>t.current.apply(null,e),[])}(()=>{if(c&&a.current){let e=a.current.getAbsoluteTransform().decompose();i&&(e=i(e)),l.style.position="absolute",l.style.zIndex="10",l.style.top="0px",l.style.left="0px",l.style.transform=`translate(${e.x}px, ${e.y}px) rotate(${e.rotation}deg) scaleX(${e.scaleX}) scaleY(${e.scaleY})`,l.style.transformOrigin="top left"}else l.style.position="",l.style.zIndex="",l.style.top="",l.style.left="",l.style.transform="",l.style.transformOrigin="";let e=n||{},{style:t}=e,r=r6(e,["style"]);Object.assign(l.style,t),Object.assign(l,r)});return u(b).useLayoutEffect(()=>{var e;let t=a.current;if(!t)return;let n=null===(e=t.getStage())||void 0===e?void 0:e.container();if(n)return n.appendChild(l),c&&r4(n)&&(n.style.position="relative"),t.on("absoluteTransformChange",d),d(),()=>{var e;t.off("absoluteTransformChange",d),null===(e=l.parentNode)||void 0===e||e.removeChild(l)}},[c]),u(b).useLayoutEffect(()=>{d()},[n,i]),u(b).useLayoutEffect(()=>{s.render(u(b).createElement(o,null,e))}),u(b).useLayoutEffect(()=>()=>{setTimeout(()=>{s.unmount()})},[]),u(b).createElement(rK,Object.assign({ref:a},t))};var b=p("8NFma");let r9=({selector:e,enabled:t,children:n})=>{let r=u(b).useRef(null),i=u(b).useRef(null),o=u(b).useRef(),a=null==t||t;return u(b).useLayoutEffect(()=>{if(!r.current||!i.current)return;o.current=i.current;let t=r.current.getStage().findOne(e);a&&t?i.current.moveTo(t):i.current.moveTo(r.current);let n=r.current.getLayer();if(n&&(n.batchDraw(),t)){let e=t.getLayer();if(!e)return;e.batchDraw()}},[e,a]),u(b).useEffect(()=>()=>{var e;null===(e=o.current)||void 0===e||e.destroy()},[]),u(b).createElement(rK,{name:"_outer_portal",ref:r},u(b).createElement(rK,{name:"_inner_portal",ref:i},n))};var w=p("2SBKn");function r7(e,t,n){let r=n[t-1]||{values:{x:0,y:0}};if(e.marker===e.marker.toLowerCase())switch(e.marker=e.marker.toUpperCase(),e.marker){case"M":case"L":case"A":case"T":e.values.x+=r.values.x,e.values.y+=r.values.y;break;case"H":e.marker="L",e.values.x+=r.values.x,e.values.y=r.values.y;break;case"V":e.marker="L",e.values.x=r.values.x,e.values.y+=r.values.y;break;case"C":e.values.x+=r.values.x,e.values.y+=r.values.y,e.values.x1+=r.values.x,e.values.y1+=r.values.y,e.values.x2+=r.values.x,e.values.y2+=r.values.y;break;case"S":e.values.x+=r.values.x,e.values.y+=r.values.y,e.values.x2+=r.values.x,e.values.y2+=r.values.y;break;case"Q":e.values.x+=r.values.x,e.values.y+=r.values.y,e.values.x1+=r.values.x,e.values.y1+=r.values.y}else if(e.marker===e.marker.toUpperCase())switch(e.marker){case"H":e.marker="L",e.values.y=r.values.y;break;case"V":e.marker="L",e.values.x=r.values.x}if("Z"===e.marker){let r=function e(t,n){return"M"===t[n].marker?t[n]:e(t,n-1)}(n,t);e.values.x=r.values.x,e.values.y=r.values.y}return e}function ie(e,t,n){if(0!==t&&"L"===e.marker){let r=n[t-1];["x","y"].every(t=>0===Math.round(Math.abs(r.values[t]-e.values[t])))&&(e.overlap=!0)}return e}function it(e,t){return Math.atan2(t.x-e.x,t.y-e.y)}function ir(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function ii(e,t){let n=t/Math.tan(e);return n===1/0||n===-1/0||isNaN(n)?t:n}var b=p("8NFma"),io={};a(io,"parse",()=>PA,e=>PA=e),a(io,"stringify",()=>PN,e=>PN=e);var ia=ia||{};ia.stringify=(Pt={"visit_linear-gradient":function(e){return Pt.visit_gradient(e)},"visit_repeating-linear-gradient":function(e){return Pt.visit_gradient(e)},"visit_radial-gradient":function(e){return Pt.visit_gradient(e)},"visit_repeating-radial-gradient":function(e){return Pt.visit_gradient(e)},visit_gradient:function(e){var t=Pt.visit(e.orientation);return t&&(t+=", "),e.type+"("+t+Pt.visit(e.colorStops)+")"},visit_shape:function(e){var t=e.value,n=Pt.visit(e.at),r=Pt.visit(e.style);return r&&(t+=" "+r),n&&(t+=" at "+n),t},"visit_default-radial":function(e){var t="",n=Pt.visit(e.at);return n&&(t+=n),t},"visit_extent-keyword":function(e){var t=e.value,n=Pt.visit(e.at);return n&&(t+=" at "+n),t},"visit_position-keyword":function(e){return e.value},visit_position:function(e){return Pt.visit(e.value.x)+" "+Pt.visit(e.value.y)},"visit_%":function(e){return e.value+"%"},visit_em:function(e){return e.value+"em"},visit_px:function(e){return e.value+"px"},visit_literal:function(e){return Pt.visit_color(e.value,e)},visit_hex:function(e){return Pt.visit_color("#"+e.value,e)},visit_rgb:function(e){return Pt.visit_color("rgb("+e.value.join(", ")+")",e)},visit_rgba:function(e){return Pt.visit_color("rgba("+e.value.join(", ")+")",e)},visit_color:function(e,t){var n=e,r=Pt.visit(t.length);return r&&(n+=" "+r),n},visit_angular:function(e){return e.value+"deg"},visit_directional:function(e){return"to "+e.value},visit_array:function(e){var t="",n=e.length;return e.forEach(function(e,r){t+=Pt.visit(e),r<n-1&&(t+=", ")}),t},visit:function(e){if(!e)return"";if(e instanceof Array)return Pt.visit_array(e,"");if(e.type){var t=Pt["visit_"+e.type];if(t)return t(e);throw Error("Missing visitor visit_"+e.type)}throw Error("Invalid node.")}},function(e){return Pt.visit(e)});var ia=ia||{};ia.parse=function(){var e={linearGradient:/^(\-(webkit|o|ms|moz)\-)?(linear\-gradient)/i,repeatingLinearGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,radialGradient:/^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,repeatingRadialGradient:/^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,sideOrCorner:/^to (left (top|bottom)|right (top|bottom)|left|right|top|bottom)/i,extentKeywords:/^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,positionKeywords:/^(left|center|right|top|bottom)/i,pixelValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,percentageValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,emValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,angleValue:/^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,startCall:/^\(/,endCall:/^\)/,comma:/^,/,hexColor:/^\#([0-9a-fA-F]+)/,literalColor:/^([a-zA-Z]+)/,rgbColor:/^rgb/i,rgbaColor:/^rgba/i,number:/^(([0-9]*\.[0-9]+)|([0-9]+\.?))/},t="";function n(e){var n=Error(t+": "+e);throw n.source=t,n}function r(){return i("linear-gradient",e.linearGradient,a)||i("repeating-linear-gradient",e.repeatingLinearGradient,a)||i("radial-gradient",e.radialGradient,l)||i("repeating-radial-gradient",e.repeatingRadialGradient,l)}function i(t,r,i){return o(r,function(r){var o=i();return o&&!y(e.comma)&&n("Missing comma before color stops"),{type:t,orientation:o,colorStops:h(f)}})}function o(t,r){var i=y(t);if(i){y(e.startCall)||n("Missing (");var o=r(i);return y(e.endCall)||n("Missing )"),o}}function a(){return v("directional",e.sideOrCorner,1)||v("angular",e.angleValue,1)}function l(){var n,r,i=s();return i&&((n=[]).push(i),r=t,y(e.comma)&&((i=s())?n.push(i):t=r)),n}function s(){var e,t,n=((e=v("shape",/^(circle)/i,0))&&(e.style=m()||u()),e||((t=v("shape",/^(ellipse)/i,0))&&(t.style=g()||u()),t));if(n)n.at=c();else{var r=u();if(r){n=r;var i=c();i&&(n.at=i)}else{var o=d();o&&(n={type:"default-radial",at:o})}}return n}function u(){return v("extent-keyword",e.extentKeywords,1)}function c(){if(v("position",/^at/,0)){var e=d();return e||n("Missing positioning value"),e}}function d(){var e={x:g(),y:g()};if(e.x||e.y)return{type:"position",value:e}}function h(t){var r=t(),i=[];if(r)for(i.push(r);y(e.comma);)(r=t())?i.push(r):n("One extra comma");return i}function f(){var t=v("hex",e.hexColor,1)||o(e.rgbaColor,function(){return{type:"rgba",value:h(p)}})||o(e.rgbColor,function(){return{type:"rgb",value:h(p)}})||v("literal",e.literalColor,0);return t||n("Expected color definition"),t.length=g(),t}function p(){return y(e.number)[1]}function g(){return v("%",e.percentageValue,1)||v("position-keyword",e.positionKeywords,1)||m()}function m(){return v("px",e.pixelValue,1)||v("em",e.emValue,1)}function v(e,t,n){var r=y(t);if(r)return{type:e,value:r[n]}}function y(e){var n,r;return(r=/^[\n\r\t\s]+/.exec(t))&&b(r[0].length),(n=e.exec(t))&&b(n[0].length),n}function b(e){t=t.substr(e)}return function(e){var i;return t=e.toString(),i=h(r),t.length>0&&n("Invalid input not EOF"),i}}(),PA=ia.parse,PN=ia.stringify;let il=e=>e.indexOf("linear-gradient")>=0,is=e=>"hex"===e.type?"#"+e.value:"literal"===e.type?e.value:`${e.type}(${e.value.join(",")})`,iu=e=>{if(!il(e))return{rotation:0,stops:[{offset:0,color:e},{offset:1,color:e}]};let t=u(io).parse(e)[0];return{rotation:parseFloat(t.orientation.value),stops:t.colorStops.map((e,n)=>({color:is(e),offset:e.length?parseFloat(e.length.value)/100:n/(t.colorStops.length-1)}))}},ic=(e,t=e.fill,n="fill")=>u(b).useMemo(()=>{if(!il(t))return{[n]:t};let{stops:r,rotation:i}=iu(t),o={x:e.a.width/2,y:e.a.height/2},a=Math.sqrt(Math.pow(o.x,2)+Math.pow(o.y,2)),l=u(j).Util.degToRad(i)-Math.PI/2,s=[];return(r.forEach(({offset:e,color:t})=>{s.push(e,t)}),"fill"===n)?{fillLinearGradientStartPointX:o.x-a*Math.cos(l),fillLinearGradientStartPointY:o.y-a*Math.sin(l),fillLinearGradientColorStops:s,fillLinearGradientEndPointX:o.x+a*Math.cos(l),fillLinearGradientEndPointY:o.y+a*Math.sin(l),fill:r[1].color,fillPriority:"linear-gradient"}:{strokeLinearGradientStartPointX:o.x-a*Math.cos(l),strokeLinearGradientStartPointY:o.y-a*Math.sin(l),strokeLinearGradientColorStops:s,strokeLinearGradientEndPointX:o.x+a*Math.cos(l),strokeLinearGradientEndPointY:o.y+a*Math.sin(l)}},[t,e.width,e.height]);var b=p("8NFma");let id=()=>!1;function ih(e,t){let n=u(b).useRef();u(b).useLayoutEffect(()=>{n.current&&n.current.destroy()},[t]),u(b).useLayoutEffect(()=>{},[])}let ip=0,ig=[],im=()=>6e3;function iv(e){ip+=1;let t=!1,n=setTimeout(()=>{t||(iw(`Timeout loading asset ${e}`),console.error("Timeout triggered for loader. Some assets may not have loaded.",e),t=!0,iy())},3e4);return()=>{t||(clearTimeout(n),iy())}}function iy(){0==(ip-=1)&&(ig.forEach(e=>e()),ig=[])}let ib=[];function iw(e){ib.forEach(t=>t(e))}var w=p("2SBKn");let ix=w.observable(["Roboto","Amatic SC","Press Start 2P","Marck Script","Rubik Mono One"]),i_=w.observable({value:!1});function iE(){return i_.value}let iS=w.observable([]);var iC=document.createElement("canvas");function iO(e,t="Arial"){var n=iC.getContext("2d");return n.font=`normal 40px '${e}', ${t}`,n.measureText("Some test text;?#D-ПРИВЕТ!1230o9u8i7y6t5r4e3w2q1").width}let ik={Arial:!0},iP=e=>!!ik[e];async function iT(e){if(ik[e])return;let t=!!document.fonts?.load,n=iO("Arial");if(t)try{await document.fonts.load(`16px '${e}'`);let t=iO(e);if(n!==t){ik[e]=!0;return}}catch{}let r=iO("Times","Times"),i=iO(e),o=Math.min(6e3,im())/60;for(let t=0;t<o;t++){let t=iO(e,"Arial"),o=iO(e,"Times");if(t!==i||t!==n||o!==r){ik[e]=!0;return}await new Promise(e=>setTimeout(e,60))}console.warn(`Timeout for loading font "${e}". Looks like polotno can't load it. Is it a correct font family?`),iw(`Timeout for loading font "${e}"`)}let iA={},iN={};var w=p("2SBKn");let ij=w.observable({imageDownScalingEnabled:!0,removeBackgroundEnabled:!0,htmlRenderEnabled:!1,forceTextFitEnabled:!1,textVerticalResizeEnabled:!1,textOverflow:"resize",animationsEnabled:!1});w.action(e=>{ij.textVerticalResizeEnabled=e});let iR=w.action(e=>{ij.removeBackgroundEnabled=e});w.action(e=>{ij.htmlRenderEnabled=e});let iL=w.action(e=>{ij.imageDownScalingEnabled=e});function iI(e=""){return(e=e.replace(/<\/p>/gi,"\n")).replace(/(<([^>]+)>)/gi,"")}function iM(e,t){let n={filters:[]};t.brightnessEnabled&&(n.filters.push(u(j).Filters.Brighten),n.brightness=t.brightness),t.blurEnabled&&(n.filters.push(u(j).Filters.Blur),n.blurRadius=t.blurRadius),t.sepiaEnabled&&n.filters.push(u(j).Filters.Sepia),t.grayscaleEnabled&&n.filters.push(u(j).Filters.Grayscale),e.setAttrs(n),n.filters.length?e.cache({pixelRatio:t.store._elementsPixelRatio}):e.clearCache(),e.getLayer()?.batchDraw()}w.action(e=>{console.warn("useDownScaling is deprecated. Use setDownScalingEnabled instead."),iL(e)}),w.action(e=>{console.warn("setForceTextFit is deprecated. Use setTextOverflow instead."),ij.textOverflow="change-font-size"}),w.action(e=>{ij.textOverflow=e}),w.action(e=>{ij.animationsEnabled=e}),p("8NFma");let iD={stroke:"rgb(0, 161, 255)",strokeWidth:2},iF=A(({element:e})=>(0,m.jsx)(rX,{name:"highlighter",x:e.a.x,y:e.a.y,rotation:e.a.rotation,width:e.a.width,height:e.a.height,listening:!1,strokeScaleEnabled:!1,...iD}));var b=p("8NFma");let iz=()=>window.innerWidth<=500,iB=e=>`
   @media (max-width: 500px) {
     ${e}
   }

package/utils/loader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.triggerLoadError=exports.onLoadError=exports.whenLoaded=exports.decrementLoader=exports.incrementLoader=exports.getFontLoadTimeout=exports.setFontLoadTimeout=exports.getAssetLoadTimeout=exports.setAssetLoadTimeout=void 0;const use_fadein_1=require("../canvas/use-fadein");let loadCount=0,listeners=[],assetLoadTimeout=3e4;const setAssetLoadTimeout=e=>{assetLoadTimeout=e};exports.setAssetLoadTimeout=setAssetLoadTimeout;const getAssetLoadTimeout=()=>assetLoadTimeout;exports.getAssetLoadTimeout=getAssetLoadTimeout;let fontLoadTimeout=6e3;const setFontLoadTimeout=e=>{fontLoadTimeout=e};exports.setFontLoadTimeout=setFontLoadTimeout;const getFontLoadTimeout=()=>fontLoadTimeout;function incrementLoader(e){loadCount+=1;let o=!1;const t=setTimeout((()=>{o||(triggerLoadError(`Timeout loading image ${e}`),console.error("Timeout triggered for loader. Some assets may not have loaded.",e),o=!0,decrementLoader())}),assetLoadTimeout);return()=>{o||(clearTimeout(t),decrementLoader())}}function decrementLoader(){loadCount-=1,0===loadCount&&(listeners.forEach((e=>e())),listeners=[])}function whenLoadedCallback(e){0===loadCount?e():listeners.push(e)}function whenLoaded(){return new Promise((e=>whenLoadedCallback((()=>{(0,use_fadein_1.isAnimationUsed)()?setTimeout(e,300):e(!0)}))))}exports.getFontLoadTimeout=getFontLoadTimeout,exports.incrementLoader=incrementLoader,exports.decrementLoader=decrementLoader,exports.whenLoaded=whenLoaded;let errorListeners=[];function onLoadError(e){errorListeners.push(e)}function triggerLoadError(e){errorListeners.forEach((o=>o(e)))}exports.onLoadError=onLoadError,exports.triggerLoadError=triggerLoadError;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.triggerLoadError=exports.onLoadError=exports.whenLoaded=exports.decrementLoader=exports.incrementLoader=exports.getFontLoadTimeout=exports.setFontLoadTimeout=exports.getAssetLoadTimeout=exports.setAssetLoadTimeout=void 0;const use_fadein_1=require("../canvas/use-fadein");let loadCount=0,listeners=[],assetLoadTimeout=3e4;const setAssetLoadTimeout=e=>{assetLoadTimeout=e};exports.setAssetLoadTimeout=setAssetLoadTimeout;const getAssetLoadTimeout=()=>assetLoadTimeout;exports.getAssetLoadTimeout=getAssetLoadTimeout;let fontLoadTimeout=6e3;const setFontLoadTimeout=e=>{fontLoadTimeout=e};exports.setFontLoadTimeout=setFontLoadTimeout;const getFontLoadTimeout=()=>fontLoadTimeout;function incrementLoader(e){loadCount+=1;let o=!1;const t=setTimeout((()=>{o||(triggerLoadError(`Timeout loading asset ${e}`),console.error("Timeout triggered for loader. Some assets may not have loaded.",e),o=!0,decrementLoader())}),assetLoadTimeout);return()=>{o||(clearTimeout(t),decrementLoader())}}function decrementLoader(){loadCount-=1,0===loadCount&&(listeners.forEach((e=>e())),listeners=[])}function whenLoadedCallback(e){0===loadCount?e():listeners.push(e)}function whenLoaded(){return new Promise((e=>whenLoadedCallback((()=>{(0,use_fadein_1.isAnimationUsed)()?setTimeout(e,300):e(!0)}))))}exports.getFontLoadTimeout=getFontLoadTimeout,exports.incrementLoader=incrementLoader,exports.decrementLoader=decrementLoader,exports.whenLoaded=whenLoaded;let errorListeners=[];function onLoadError(e){errorListeners.push(e)}function triggerLoadError(e){errorListeners.forEach((o=>o(e)))}exports.onLoadError=onLoadError,exports.triggerLoadError=triggerLoadError;

package/utils/use-api.d.ts

@@ -0,0 +1,23 @@
+export declare const fetcher: (url: any) => Promise<any>;
+type GET_FUNC = (params: {
+    query: string;
+    page: number;
+}) => string;
+export declare const useInfiniteAPI: ({ defaultQuery, timeout, getAPI, getSize, fetchFunc, }: {
+    defaultQuery?: string;
+    timeout?: number;
+    getAPI: GET_FUNC;
+    getSize?: (lastResult: any) => number;
+    fetchFunc?: (url: string, attrs?: any) => Promise<any>;
+}) => {
+    setQuery: (query: any) => void;
+    isLoading: boolean;
+    loadMore: () => void;
+    isReachingEnd: boolean;
+    data: any[];
+    items: any;
+    hasMore: boolean;
+    reset: Function;
+    error: any;
+};
+export {};