Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity
f43aed677e
InvokeAI/invokeai/frontend/web/dist/assets/App-127f00a5.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

189 lines
591 KiB
JavaScript
Raw Normal View History

chore(ui): build
2023-04-15 06:35:03 +00:00
import{r as g,f as ue,j as l,u as BS,c as ne,a as ze,b as Ee,w as ns,d as un,o as At,S as yc,e as yo,g as qe,h as Nr,k as ei,i as xc,_ as Xd,l as HS,m as WS,R as _e,n as Pv,p as VS,q as Qd,s as ta,t as b1,v as S1,x as US,y as $S,z as ee,A as C1,B as w1,C as bc,D as rs,F as L,E as K,G as GS,H as dd,T as Ce,I as j1,J as qS,K as os,L as Iv,M as YS,N as KS,O as XS,P as Di,Q as k1,U as Mv,V as QS,W as E1,X as ZS,Y as JS,Z as e3,$ as P1,a0 as t3,a1 as n3,a2 as r3,a3 as o3,a4 as i3,a5 as a3,a6 as s3,a7 as I1,a8 as l3,a9 as c3,aa as ql,ab as u3,ac as d3,ad as Nl,ae as Yl,af as Zd,ag as Jd,ah as ef,ai as f3,aj as M1,ak as h3,al as T1,am as p3,an as _1,ao as D1,ap as Uo,aq as kn,ar as m3,as as A1,at as is,au as v3,av as g3,aw as O1,ax as tf,ay as nf,az as z1,aA as rf,aB as of,aC as Tv,aD as R1,aE as N1,aF as F1,aG as Fl,aH as Ll,aI as y3,aJ as af,aK as L1,aL as B1,aM as H1,aN as x3,aO as b3,aP as _v,aQ as Dv,aR as S3,aS as C3,aT as w3,aU as W1,aV as V1,aW as j3,aX as k3,aY as U1,aZ as Av,a_ as E3,a$ as Ov,b0 as P3,b1 as I3,b2 as $1,b3 as M3,b4 as T3,b5 as _3,b6 as fd,b7 as zv,b8 as G1,b9 as sf,ba as D3,bb as Rv,bc as Bl,bd as A3,be as O3,bf as Ua,bg as Kl,bh as q1,bi as Xl,bj as z3,bk as R3,bl as Sr,bm as Y1,bn as Zf,bo as as,bp as N3,bq as F3,br as L3,bs as jr,bt as K1,bu as B3,bv as H3,bw as X1,bx as W3,by as V3,bz as U3,bA as $3,bB as G3,bC as q3,bD as Y3,bE as K3,bF as X3,bG as Nv,bH as Q3,bI as Z3,bJ as J3,bK as eC,bL as tC,bM as nC,bN as hd,bO as za,bP as ml,bQ as Fv,bR as pd,bS as md,bT as vl,bU as Lv,bV as lf,bW as rC,bX as oC,bY as iC,bZ as Sc,b_ as aC,b$ as sC,c0 as lC,c1 as cC,c2 as gl,c3 as vd,c4 as yl,c5 as Ma,c6 as uC,c7 as dC,c8 as Q1,c9 as Ql,ca as Jf,cb as Z1,cc as J1,cd as e2,ce as fC,cf as t2,cg as n2,ch as r2,ci as o2,cj as i2,ck as Li,cl as Bi,cm as a2,cn as s2,co as l2,cp as c2,cq as u2,cr as hC,cs as pC,ct as Bv,cu as xl,cv as mC,cw as Hv,cx as Wv,cy as Vv,cz as Uv,cA as vC,cB as gC,cC as cf,cD as yC,cE as $v,cF as bl,cG as Zl,cH as xC,cI as bC,cJ as SC,cK as CC,cL as d2,cM as wC,cN as jC}from"./index-04243e32.js";import{I as tn,u as kC,c as EC,a as kt,b as Wt,A as xo,m as ar,d as Hi,e as ti,P as $a,f as PC,C as IC,g as Y,h as A}from"./storeHooks-fa85c056.js";function MC(e,t){if(e==null)return{};var n={},r=Object.keys(e),o,s;for(s=0;s<r.length;s++)o=r[s],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}var Jl="NOT_FOUND";function TC(e){var t;return{get:function(r){return t&&e(t.key,r)?t.value:Jl},put:function(r,o){t={key:r,value:o}},getEntries:function(){return t?[t]:[]},clear:function(){t=void 0}}}function _C(e,t){var n=[];function r(u){var f=n.findIndex(function(h){return t(u,h.key)});if(f>-1){var p=n[f];return f>0&&(n.splice(f,1),n.unshift(p)),p.value}return Jl}function o(u,f){r(u)===Jl&&(n.unshift({key:u,value:f}),n.length>e&&n.pop())}function s(){return n}function c(){n=[]}return{get:r,put:o,getEntries:s,clear:c}}var DC=function(t,n){return t===n};function AC(e){return function(n,r){if(n===null||r===null||n.length!==r.length)return!1;for(var o=n.length,s=0;s<o;s++)if(!e(n[s],r[s]))return!1;return!0}}function OC(e,t){var n=typeof t=="object"?t:{equalityCheck:t},r=n.equalityCheck,o=r===void 0?DC:r,s=n.maxSize,c=s===void 0?1:s,u=n.resultEqualityCheck,f=AC(o),p=c===1?TC(f):_C(c,f);function h(){var y=p.get(arguments);if(y===Jl){if(y=e.apply(null,arguments),u){var x=p.getEntries(),S=x.find(function(w){return u(w.value,y)});S&&(y=S.value)}p.put(arguments,y)}return y}return h.clearCache=function(){return p.clear()},h}function zC(e){var t=Array.isArray(e[0])?e[0]:e;if(!t.every(function(r){return typeof r=="function"})){var n=t.map(function(r){return typeof r=="function"?"function "+(r.name||"unnamed")+"()":typeof r}).join(", ");throw new Error("createSelector expects all input-selectors to be functions, but received the following types: ["+n+"]")}return t}function RC(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var o=function(){for(var c=arguments.length,u=new Array(c),f=0;f<c;f++)u[f]=arguments[f];var p=0,h,y={memoizeOptions:void 0},x=u.pop();if(typeof x=="object"&&(y=x,x=u.pop(
`})}function hw(e){ns({condition:e.isOpen&&!!e.isDisabled,message:"Cannot open a disabled accordion item"})}function Oi(e){const{isOpen:t,isDisabled:n}=nh(),{reduceMotion:r}=oh(),o=ze("chakra-accordion__icon",e.className),s=wc(),c={opacity:n?.4:1,transform:t?"rotate(-180deg)":void 0,transition:r?void 0:"transform 0.2s",transformOrigin:"center",...s.icon};return l.jsx(tn,{viewBox:"0 0 24 24","aria-hidden":!0,className:o,__css:c,...e,children:l.jsx("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"})})}Oi.displayName="AccordionIcon";var zi=ue(function(t,n){const{children:r,className:o}=t,{htmlProps:s,...c}=cw(t),f={...wc().container,overflowAnchor:"none"},p=g.useMemo(()=>c,[c]);return l.jsx(rw,{value:p,children:l.jsx(ne.div,{ref:n,...s,className:ze("chakra-accordion__item",o),__css:f,children:typeof r=="function"?r({isExpanded:!!c.isOpen,isDisabled:!!c.isDisabled}):r})})});zi.displayName="AccordionItem";var Wo={ease:[.25,.1,.25,1],easeIn:[.4,0,1,1],easeOut:[0,0,.2,1],easeInOut:[.4,0,.2,1]},Ta={scale:{enter:{scale:1},exit:{scale:.95}},fade:{enter:{opacity:1},exit:{opacity:0}},pushLeft:{enter:{x:"100%"},exit:{x:"-30%"}},pushRight:{enter:{x:"-100%"},exit:{x:"30%"}},pushUp:{enter:{y:"100%"},exit:{y:"-30%"}},pushDown:{enter:{y:"-100%"},exit:{y:"30%"}},slideLeft:{position:{left:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"-100%",y:0}},slideRight:{position:{right:0,top:0,bottom:0,width:"100%"},enter:{x:0,y:0},exit:{x:"100%",y:0}},slideUp:{position:{top:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"-100%"}},slideDown:{position:{bottom:0,left:0,right:0,maxWidth:"100vw"},enter:{x:0,y:0},exit:{x:0,y:"100%"}}};function hf(e){var t;switch((t=e==null?void 0:e.direction)!=null?t:"right"){case"right":return Ta.slideRight;case"left":return Ta.slideLeft;case"bottom":return Ta.slideDown;case"top":return Ta.slideUp;default:return Ta.slideRight}}var $o={enter:{duration:.2,ease:Wo.easeOut},exit:{duration:.1,ease:Wo.easeIn}},rr={enter:(e,t)=>({...e,delay:typeof t=="number"?t:t==null?void 0:t.enter}),exit:(e,t)=>({...e,delay:typeof t=="number"?t:t==null?void 0:t.exit})},pw=e=>e!=null&&parseInt(e.toString(),10)>0,Xv={exit:{height:{duration:.2,ease:Wo.ease},opacity:{duration:.3,ease:Wo.ease}},enter:{height:{duration:.3,ease:Wo.ease},opacity:{duration:.4,ease:Wo.ease}}},mw={exit:({animateOpacity:e,startingHeight:t,transition:n,transitionEnd:r,delay:o})=>{var s;return{...e&&{opacity:pw(t)?1:0},height:t,transitionEnd:r==null?void 0:r.exit,transition:(s=n==null?void 0:n.exit)!=null?s:rr.exit(Xv.exit,o)}},enter:({animateOpacity:e,endingHeight:t,transition:n,transitionEnd:r,delay:o})=>{var s;return{...e&&{opacity:1},height:t,transitionEnd:r==null?void 0:r.enter,transition:(s=n==null?void 0:n.enter)!=null?s:rr.enter(Xv.enter,o)}}},g2=g.forwardRef((e,t)=>{const{in:n,unmountOnExit:r,animateOpacity:o=!0,startingHeight:s=0,endingHeight:c="auto",style:u,className:f,transition:p,transitionEnd:h,...y}=e,[x,S]=g.useState(!1);g.useEffect(()=>{const I=setTimeout(()=>{S(!0)});return()=>clearTimeout(I)},[]),ns({condition:Boolean(s>0&&r),message:"startingHeight and unmountOnExit are mutually exclusive. You can't use them together"});const w=parseFloat(s.toString())>0,C={startingHeight:s,endingHeight:c,animateOpacity:o,transition:x?p:{enter:{duration:0}},transitionEnd:{enter:h==null?void 0:h.enter,exit:r?h==null?void 0:h.exit:{...h==null?void 0:h.exit,display:w?"block":"none"}}},j=r?n:!0,k=n||r?"enter":"exit";return l.jsx(xo,{initial:!1,custom:C,children:j&&l.jsx(ar.div,{ref:t,...y,className:ze("chakra-collapse",f),style:{overflow:"hidden",display:"block",...u},custom:C,variants:mw,initial:r?"exit":!1,animate:k,exit:"exit"})})});g2.displayName="Collapse";var vw={enter:({transition:e,transitionEnd:t,delay:n}={})=>{var r;return{opacity:1,transition:(r=e==null?void 0:e.enter)!=null?r:rr.enter($o.enter,n),transitionEnd:t==null?void 0:t.enter}},exit:({transition:e,transitionEnd:t,delay:n}={})=>{var r;return{opacity:0,transition:(r=e==null?void 0:e.exit)!=null?r:rr.exit($o.exit,n),transitionEnd:t==null?void 0:t.exit
.`.concat(Xk,` {
overflow: hidden `).concat(r,`;
padding-right: `).concat(u,"px ").concat(r,`;
}
body {
overflow: hidden `).concat(r,`;
overscroll-behavior: contain;
`).concat([t&&"position: relative ".concat(r,";"),n==="margin"&&`
padding-left: `.concat(o,`px;
padding-top: `).concat(s,`px;
padding-right: `).concat(c,`px;
margin-left:0;
margin-top:0;
margin-right: `).concat(u,"px ").concat(r,`;
`),n==="padding"&&"padding-right: ".concat(u,"px ").concat(r,";")].filter(Boolean).join(""),`
}
.`).concat(Vl,` {
right: `).concat(u,"px ").concat(r,`;
}
.`).concat(Ul,` {
margin-right: `).concat(u,"px ").concat(r,`;
}
.`).concat(Vl," .").concat(Vl,` {
right: 0 `).concat(r,`;
}
.`).concat(Ul," .").concat(Ul,` {
margin-right: 0 `).concat(r,`;
}
body {
`).concat(Qk,": ").concat(u,`px;
}
`)},c7=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,o=r===void 0?"margin":r,s=g.useMemo(function(){return a7(o)},[o]);return g.createElement(s7,{styles:l7(s,!t,o,n?"":"!important")})},Mf=!1;if(typeof window<"u")try{var jl=Object.defineProperty({},"passive",{get:function(){return Mf=!0,!0}});window.addEventListener("test",jl,jl),window.removeEventListener("test",jl,jl)}catch{Mf=!1}var Ei=Mf?{passive:!1}:!1,u7=function(e){return e.tagName==="TEXTAREA"},Uy=function(e,t){var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!u7(e)&&n[t]==="visible")},d7=function(e){return Uy(e,"overflowY")},f7=function(e){return Uy(e,"overflowX")},Pg=function(e,t){var n=t;do{typeof ShadowRoot<"u"&&n instanceof ShadowRoot&&(n=n.host);var r=$y(e,n);if(r){var o=Gy(e,n),s=o[1],c=o[2];if(s>c)return!0}n=n.parentNode}while(n&&n!==document.body);return!1},h7=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},p7=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},$y=function(e,t){return e==="v"?d7(t):f7(t)},Gy=function(e,t){return e==="v"?h7(t):p7(t)},m7=function(e,t){return e==="h"&&t==="rtl"?-1:1},v7=function(e,t,n,r,o){var s=m7(e,window.getComputedStyle(t).direction),c=s*r,u=n.target,f=t.contains(u),p=!1,h=c>0,y=0,x=0;do{var S=Gy(e,u),w=S[0],C=S[1],j=S[2],k=C-j-s*w;(w||k)&&$y(e,u)&&(y+=k,x+=w),u=u.parentNode}while(!f&&u!==document.body||f&&(t.contains(u)||t===u));return(h&&(o&&y===0||!o&&c>y)||!h&&(o&&x===0||!o&&-c>x))&&(p=!0),p},kl=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},Ig=function(e){return[e.deltaX,e.deltaY]},Mg=function(e){return e&&"current"in e?e.current:e},g7=function(e,t){return e[0]===t[0]&&e[1]===t[1]},y7=function(e){return`
.block-interactivity-`.concat(e,` {pointer-events: none;}
.allow-interactivity-`).concat(e,` {pointer-events: all;}
`)},x7=0,Pi=[];function b7(e){var t=g.useRef([]),n=g.useRef([0,0]),r=g.useRef(),o=g.useState(x7++)[0],s=g.useState(function(){return Vy()})[0],c=g.useRef(e);g.useEffect(function(){c.current=e},[e]),g.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var C=Sf([e.lockRef.current],(e.shards||[]).map(Mg),!0).filter(Boolean);return C.forEach(function(j){return j.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),C.forEach(function(j){return j.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var u=g.useCallback(function(C,j){if("touches"in C&&C.touches.length===2)return!c.current.allowPinchZoom;var k=kl(C),I=n.current,P="deltaX"in C?C.deltaX:I[0]-k[0],M="deltaY"in C?C.deltaY:I[1]-k[1],T,D=C.target,_=Math.abs(P)>Math.abs(M)?"h":"v";if("touches"in C&&_==="h"&&D.type==="range")return!1;var R=Pg(_,D);if(!R)return!0;if(R?T=_:(T=_==="v"?"h":"v",R=Pg(_,D)),!R)return!1;if(!r.current&&"changedTouches"in C&&(P||M)&&(r.current=T),!T)return!0;var V=r.current||T;return v7(V,j,C,V==="h"?P:M,!0)},[]),f=g.useCallback(function(C){var j=C;if(!(!Pi.length||Pi[Pi.length-1]!==s)){var k="deltaY"in j?Ig(j):kl(j),I=t.current.filter(function(T){return T.name===j.type&&T.target===j.target&&g7(T.delta,k)})[0];if(I&&I.should){j.cancelable&&j.preventDefault();return}if(!I){var P=(c.current.shards||[]).map(Mg).filter(Boolean).filter(function(T){return T.contains(j.target)}),M=P.length>0?u(j,P[0]):!c.current.noIsolation;M&&j.cancelable&&j.preventDefault()}}},[]),p=g.useCallback(function(C,j,k,I){var P={name:C,delta:j,target:k,should:I};t.current.push(P),setTimeout(function(){t.current=t.current.filter(function(M){return M!==P})},1)},[]),h=g.useCallback(function(C){n.current=kl(C),r.current=void 0},[]),y=g.useCallback(function(C){p(C.type,Ig(C),C.target,u(C,e.lockRef.current))},[]),x=g.useCallback(function(C){p(C.type,kl(C),C.target,u(C,e.lockRef.current))},[]);g.useEffect(function(){return Pi.push(s),e.setCallbacks({onScrollCapture:y,onWheelCapture:y,onTouchMoveCapture:x}),document.addEventListener("wheel",f,Ei),document.addEventListener("touchmove",f,Ei),document.addEventListener("touchstart",h,Ei),function(){Pi=Pi.filter(function(C){return C!==s}),document.removeEventListener("wheel",f,Ei),document.removeEventListener("touchmove",f,Ei),document.removeEventListener("touchstart",h,Ei)}},[]);var S=e.removeScrollBar,w=e.inert;return g.createElement(g.Fragment,null,w?g.createElement(s,{styles:y7(o)}):null,S?g.createElement(c7,{gapMode:"margin"}):null)}const S7=S5(Wy,b7);var qy=g.forwardRef(function(e,t){return g.createElement(Ic,xr({},e,{ref:t,sideCar:S7}))});qy.classNames=Ic.classNames;const C7=qy;function w7(e){const{autoFocus:t,trapFocus:n,dialogRef:r,initialFocusRef:o,blockScrollOnMount:s,allowPinchZoom:c,finalFocusRef:u,returnFocusOnClose:f,preserveScrollBarGap:p,lockFocusAcrossFrames:h,isOpen:y}=Zo(),[x,S]=PC();g.useEffect(()=>{!x&&S&&setTimeout(S)},[x,S]);const w=By(r,y);return l.jsx(py,{autoFocus:t,isDisabled:!n,initialFocusRef:o,finalFocusRef:u,restoreFocus:f,contentRef:r,lockFocusAcrossFrames:h,children:l.jsx(C7,{removeScrollBar:!p,allowPinchZoom:c,enabled:w===1&&s,forwardProps:!0,children:e.children})})}var vo=ue((e,t)=>{const{className:n,children:r,containerProps:o,motionProps:s,...c}=e,{getDialogProps:u,getDialogContainerProps:f}=Zo(),p=u(c,t),h=f(o),y=ze("chakra-modal__content",n),x=ia(),S={display:"flex",flexDirection:"column",position:"relative",width:"100%",outline:0,...x.dialog},w={display:"flex",width:"100vw",height:"$100vh",position:"fixed",left:0,top:0,...x.dialogContainer},{motionPreset:C}=Zo();return l.jsx(w7,{children:l.jsx(ne.div,{...h,className:"chakra-modal__content-container",tabIndex:-1,__css:w,children:l.jsx(Ly,{preset:C,motionProps:s,className:y,...p,__css:S,children:r})})})});vo.displayName="ModalContent";function Yy(e){const{leastDestructiveRef:t,...n}=e;return l.jsx(mo,{...n,initialFocusRef:t})}var Ky=ue((e,t)=>l.jsx(vo,{ref:t,role:"alertdialog",...e})),Lr=ue((e,t
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function mE(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function vE(e){if(Array.isArray(e))return Af(e)}function Hg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function Wg(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Hg(Object(n),!0).forEach(function(r){Sx(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hg(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function Sx(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Za(e,t){return xE(e)||yE(e,t)||Cx(e,t)||gE()}function gE(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Cx(e,t){if(e){if(typeof e=="string")return Af(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Af(e,t)}}function Af(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function yE(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r=[],o=!0,s=!1,c,u;try{for(n=n.call(e);!(o=(c=n.next()).done)&&(r.push(c.value),!(t&&r.length===t));o=!0);}catch(f){s=!0,u=f}finally{try{!o&&n.return!=null&&n.return()}finally{if(s)throw u}}return r}}function xE(e){if(Array.isArray(e))return e}var bE="file-invalid-type",SE="file-too-large",CE="file-too-small",wE="too-many-files",jE=function(t){t=Array.isArray(t)&&t.length===1?t[0]:t;var n=Array.isArray(t)?"one of ".concat(t.join(", ")):t;return{code:bE,message:"File type must be ".concat(n)}},Vg=function(t){return{code:SE,message:"File is larger than ".concat(t," ").concat(t===1?"byte":"bytes")}},Ug=function(t){return{code:CE,message:"File is smaller than ".concat(t," ").concat(t===1?"byte":"bytes")}},kE={code:wE,message:"Too many files"};function wx(e,t){var n=e.type==="application/x-moz-file"||hE(e,t);return[n,n?null:jE(t)]}function jx(e,t,n){if(Ho(e.size))if(Ho(t)&&Ho(n)){if(e.size>n)return[!1,Vg(n)];if(e.size<t)return[!1,Ug(t)]}else{if(Ho(t)&&e.size<t)return[!1,Ug(t)];if(Ho(n)&&e.size>n)return[!1,Vg(n)]}return[!0,null]}function Ho(e){return e!=null}function EE(e){var t=e.files,n=e.accept,r=e.minSize,o=e.maxSize,s=e.multiple,c=e.maxFiles,u=e.validator;return!s&&t.length>1||s&&c>=1&&t.length>c?!1:t.every(function(f){var p=wx(f,n),h=Za(p,1),y=h[0],x=jx(f,r,o),S=Za(x,1),w=S[0],C=u?u(f):null;return y&&w&&!C})}function cc(e){return typeof e.isPropagationStopped=="function"?e.isPropagationStopped():typeof e.cancelBubble<"u"?e.cancelBubble:!1}function Il(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,function(t){return t==="Files"||t==="application/x-moz-file"}):!!e.target&&!!e.target.files}function $g(e){e.preventDefault()}function PE(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function IE(e){return e.indexOf("Edge/")!==-1}function ME(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return PE(e)||IE(e)}function vr(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(r){for(var o=arguments.length,s=new Array(o>1?o-1:0),c=1;c<o;c++)s[c-1]=arguments[c];return t.some(function(u){return!cc(r)&&u&&u.apply(void 0,[r].concat(s)),cc(r)})}}function TE(){return"showOpenFilePicker"in window}function _E(e){if(Ho(e)){var t=Object.entries(e).filter(function(n){var r=Za(n,2),o=r[0],s=r[1],c=!0;return kx(o)||(console.warn('Skipped "'.concat(o,'" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')),c=!1),(!Array.isArray(s)||!s.every(Ex))&&(console.warn('Skipped "'.concat(o,'" because an invalid file extension was provided.')),c=!1),c}).reduce(function(n,r){var o=Za(r,2),s=o[0],c=o[1];return Wg(Wg({},n),{},Sx({},s,c))},{});return[{description:"Files",accept:t}]}return e}function DE(e){if(Ho(e))return Object.entries(e).reduce(function(t,n){var r=Za(n,2),o=r[0],s=r[1];return[].concat(Bg(t),[o],Bg(s))},[]).filter(function(t){return kx(t)||Ex(t)}).join(",")}function AE(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function OE(e){return e instanceof DOMException&&(e.name==="SecurityError"||e.code===e.SECURITY_ERR)}function kx(e){return e==="audio/*"||e==="video/*"||e==="image/*"||e==="text/*"||/\w+\/[-+.\w]+/g.test(e)}function Ex(e){return/^.*\.[\w]+$/.test(e)}var zE=["children"],RE=["open"],NE=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDr
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function HE(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function WE(e){if(Array.isArray(e))return Of(e)}function Od(e,t){return $E(e)||UE(e,t)||Px(e,t)||VE()}function VE(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Px(e,t){if(e){if(typeof e=="string")return Of(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Of(e,t)}}function Of(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function UE(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r=[],o=!0,s=!1,c,u;try{for(n=n.call(e);!(o=(c=n.next()).done)&&(r.push(c.value),!(t&&r.length===t));o=!0);}catch(f){s=!0,u=f}finally{try{!o&&n.return!=null&&n.return()}finally{if(s)throw u}}return r}}function $E(e){if(Array.isArray(e))return e}function Gg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,r)}return n}function Dt(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Gg(Object(n),!0).forEach(function(r){zf(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gg(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function zf(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function uc(e,t){if(e==null)return{};var n=GE(e,t),r,o;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)r=s[o],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function GE(e,t){if(e==null)return{};var n={},r=Object.keys(e),o,s;for(s=0;s<r.length;s++)o=r[s],!(t.indexOf(o)>=0)&&(n[o]=e[o]);return n}var Xh=g.forwardRef(function(e,t){var n=e.children,r=uc(e,zE),o=Mx(r),s=o.open,c=uc(o,RE);return g.useImperativeHandle(t,function(){return{open:s}},[s]),_e.createElement(g.Fragment,null,n(Dt(Dt({},c),{},{open:s})))});Xh.displayName="Dropzone";var Ix={disabled:!1,getFilesFromEvent:oE,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!0,autoFocus:!1};Xh.defaultProps=Ix;Xh.propTypes={children:lt.func,accept:lt.objectOf(lt.arrayOf(lt.string)),multiple:lt.bool,preventDropOnDocument:lt.bool,noClick:lt.bool,noKeyboard:lt.bool,noDrag:lt.bool,noDragEventsBubbling:lt.bool,minSize:lt.number,maxSize:lt.number,maxFiles:lt.number,disabled:lt.bool,getFilesFromEvent:lt.func,onFileDialogCancel:lt.func,onFileDialogOpen:lt.func,useFsAccessApi:lt.bool,autoFocus:lt.bool,onDragEnter:lt.func,onDragLeave:lt.func,onDragOver:lt.func,onDrop:lt.func,onDropAccepted:lt.func,onDropRejected:lt.func,onError:lt.func,validator:lt.func};var Rf={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function Mx(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},t=Dt(Dt({},Ix),e),n=t.accept,r=t.disabled,o=t.getFilesFromEvent,s=t.maxSize,c=t.minSize,u=t.multiple,f=t.maxFiles,p=t.onDragEnter,h=t.onDragLeave,y=t.onDragOver,x=t.onDrop,S=t.onDropAccepted,w=t.onDropRejected,C=t.onFileDialogCancel,j=t.onFileDialogOpen,k=t.useFsAccessApi,I=t.autoFocus,P=t.preventDropOnDocument,M=t.noClick,T=t.noKeyboard,D=t.noDrag,_=t.noDragEventsBubbling,R=t.onError,V=t.validator,F=g.useMemo(function(){return DE(n)},[n]),B=g.useMemo(function(){return _E(n)},[n]),Q=g.useMemo(function(){return typeof j=="function"?j:qg},[j]),U=g.useMemo(function(){return typeof C=="function"?C:qg},[C]),X=g.useRef(null),te=g.useRef(null),re=g.useReducer(qE,Rf),$=Od(re,2),Z=$[0],fe=$[1],Se=Z.isFocused,Me=Z.isFileDialogActive,Ie=g.useRef(typeof window<"u"&&window.isSecureContext&&k&&TE()),Pe=function(){!Ie.current&&Me&&setTimeout(function(){if(te.current){var ie=te.current.files;ie.length||(fe({type:"closeDialog"}),U())}},300)};g.useEffe
${D.message}`,"");o({title:s("toast.uploadFailed"),description:M,status:"error",isClosable:!0})},[s,o]),h=g.useCallback(async P=>{n(Ng({imageFile:P}))},[n]),y=g.useCallback((P,M)=>{M.forEach(T=>{p(T)}),P.forEach(T=>{h(T)})},[h,p]),{getRootProps:x,getInputProps:S,isDragAccept:w,isDragReject:C,isDragActive:j,open:k}=Mx({accept:{"image/png":[".png"],"image/jpeg":[".jpg",".jpeg",".png"]},noClick:!0,onDrop:y,onDragOver:()=>u(!0),maxFiles:1});f(k),g.useEffect(()=>{const P=M=>{var R;const T=(R=M.clipboardData)==null?void 0:R.items;if(!T)return;const D=[];for(const V of T)V.kind==="file"&&["image/png","image/jpg"].includes(V.type)&&D.push(V);if(!D.length)return;if(M.stopImmediatePropagation(),D.length>1){o({description:s("toast.uploadFailedMultipleImagesDesc"),status:"error",isClosable:!0});return}const _=D[0].getAsFile();if(!_){o({description:s("toast.uploadFailedUnableToLoadDesc"),status:"error",isClosable:!0});return}n(Ng({imageFile:_}))};return document.addEventListener("paste",P),()=>{document.removeEventListener("paste",P)}},[s,n,o,r]);const I=["img2img","unifiedCanvas"].includes(r)?` to ${String(s(`common.${r}`))}`:"";return l.jsx(Yh.Provider,{value:k,children:l.jsxs(Ye,{...x({style:{}}),onKeyDown:P=>{P.key},children:[l.jsx("input",{...S()}),t,j&&c&&l.jsx(l9,{isDragAccept:w,isDragReject:C,overlaySecondaryText:I,setIsHandlingUpload:u})]})})},u9=g.memo(c9),zx=ue((e,t)=>{const{role:n,tooltip:r="",tooltipProps:o,isChecked:s,...c}=e;return l.jsx(Gt,{label:r,hasArrow:!0,...o,...o!=null&&o.placement?{placement:o.placement}:{placement:"top"},children:l.jsx(ho,{ref:t,role:n,"aria-checked":s!==void 0?s:void 0,...c})})});zx.displayName="IAIIconButton";const ae=g.memo(zx);var d9=globalThis&&globalThis.__extends||function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,o){r.__proto__=o}||function(r,o){for(var s in o)Object.prototype.hasOwnProperty.call(o,s)&&(r[s]=o[s])},e(t,n)};return function(t,n){e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}(),Bt=globalThis&&globalThis.__assign||function(){return Bt=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},Bt.apply(this,arguments)},Kg={width:"100%",height:"10px",top:"0px",left:"0px",cursor:"row-resize"},Xg={width:"10px",height:"100%",top:"0px",left:"0px",cursor:"col-resize"},Ml={width:"20px",height:"20px",position:"absolute"},f9={top:Bt(Bt({},Kg),{top:"-5px"}),right:Bt(Bt({},Xg),{left:void 0,right:"-5px"}),bottom:Bt(Bt({},Kg),{top:void 0,bottom:"-5px"}),left:Bt(Bt({},Xg),{left:"-5px"}),topRight:Bt(Bt({},Ml),{right:"-10px",top:"-10px",cursor:"ne-resize"}),bottomRight:Bt(Bt({},Ml),{right:"-10px",bottom:"-10px",cursor:"se-resize"}),bottomLeft:Bt(Bt({},Ml),{left:"-10px",bottom:"-10px",cursor:"sw-resize"}),topLeft:Bt(Bt({},Ml),{left:"-10px",top:"-10px",cursor:"nw-resize"})},h9=function(e){d9(t,e);function t(){var n=e!==null&&e.apply(this,arguments)||this;return n.onMouseDown=function(r){n.props.onResizeStart(r,n.props.direction)},n.onTouchStart=function(r){n.props.onResizeStart(r,n.props.direction)},n}return t.prototype.render=function(){return g.createElement("div",{className:this.props.className||"",style:Bt(Bt({position:"absolute",userSelect:"none"},f9[this.props.direction]),this.props.replaceStyles||{}),onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart},this.props.children)},t}(g.PureComponent),p9=globalThis&&globalThis.__extends||function(){var e=function(t,n){return e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,o){r.__proto__=o}||function(r,o){for(var s in o)Object.prototype.hasOwnProperty.call(o,s)&&(r[s]=o[s])},e(t,n)};return function(t,n){e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}(),yr=globalThis&&globalThis.__assign||function(){return yr=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProp
* @license React
* react-reconciler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var gO=function(t){var n={},r=g,o=Bl,s=Object.assign;function c(i){for(var a="https://reactjs.org/docs/error-decoder.html?invariant="+i,d=1;d<arguments.length;d++)a+="&args[]="+encodeURIComponent(arguments[d]);return"Minified React error #"+i+"; visit "+a+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var u=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,f=Symbol.for("react.element"),p=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),S=Symbol.for("react.provider"),w=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),k=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),P=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),T=Symbol.iterator;function D(i){return i===null||typeof i!="object"?null:(i=T&&i[T]||i["@@iterator"],typeof i=="function"?i:null)}function _(i){if(i==null)return null;if(typeof i=="function")return i.displayName||i.name||null;if(typeof i=="string")return i;switch(i){case h:return"Fragment";case p:return"Portal";case x:return"Profiler";case y:return"StrictMode";case j:return"Suspense";case k:return"SuspenseList"}if(typeof i=="object")switch(i.$$typeof){case w:return(i.displayName||"Context")+".Consumer";case S:return(i._context.displayName||"Context")+".Provider";case C:var a=i.render;return i=i.displayName,i||(i=a.displayName||a.name||"",i=i!==""?"ForwardRef("+i+")":"ForwardRef"),i;case I:return a=i.displayName||null,a!==null?a:_(i.type)||"Memo";case P:a=i._payload,i=i._init;try{return _(i(a))}catch{}}return null}function R(i){var a=i.type;switch(i.tag){case 24:return"Cache";case 9:return(a.displayName||"Context")+".Consumer";case 10:return(a._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return i=a.render,i=i.displayName||i.name||"",a.displayName||(i!==""?"ForwardRef("+i+")":"ForwardRef");case 7:return"Fragment";case 5:return a;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return _(a);case 8:return a===y?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof a=="function")return a.displayName||a.name||null;if(typeof a=="string")return a}return null}function V(i){var a=i,d=i;if(i.alternate)for(;a.return;)a=a.return;else{i=a;do a=i,a.flags&4098&&(d=a.return),i=a.return;while(i)}return a.tag===3?d:null}function F(i){if(V(i)!==i)throw Error(c(188))}function B(i){var a=i.alternate;if(!a){if(a=V(i),a===null)throw Error(c(188));return a!==i?null:i}for(var d=i,m=a;;){var v=d.return;if(v===null)break;var b=v.alternate;if(b===null){if(m=v.return,m!==null){d=m;continue}break}if(v.child===b.child){for(b=v.child;b;){if(b===d)return F(v),i;if(b===m)return F(v),a;b=b.sibling}throw Error(c(188))}if(d.return!==m.return)d=v,m=b;else{for(var E=!1,O=v.child;O;){if(O===d){E=!0,d=v,m=b;break}if(O===m){E=!0,m=v,d=b;break}O=O.sibling}if(!E){for(O=b.child;O;){if(O===d){E=!0,d=b,m=v;break}if(O===m){E=!0,m=b,d=v;break}O=O.sibling}if(!E)throw Error(c(189))}}if(d.alternate!==m)throw Error(c(190))}if(d.tag!==3)throw Error(c(188));return d.stateNode.current===d?i:a}function Q(i){return i=B(i),i!==null?U(i):null}function U(i){if(i.tag===5||i.tag===6)return i;for(i=i.child;i!==null;){var a=U(i);if(a!==null)return a;i=i.sibling}return null}function X(i){if(i.tag===5||i.tag===6)return i;for(i=i.child;i!==null;){if(i.tag!==4){var a=X(i);if(a!==null)return a}i=i.sibling}return null}var te=Array.isArray,re=t.getPublicInstance,$=t.getRootHostContext,Z=t.getChildHostContext,fe=t.prepareForCommit,Se=t.resetAfterCommit,Me=t.createInstance,Ie=t.appendInitialChild,Pe=t.finalizeInitialChildren,he=t.prepareUpdate,se=t.shouldSetTextContent,Ne=t.createTextInstance,Ve=t.scheduleTimeout,Ue=t.cancelTimeout,$e=t.noTimeout,Qe=t.isPrimaryRenderer,me=t.supportsMutation,De=t.supportsPersistence,Ge=t.supportsHydration,g
`+Jc+i}var eu=!1;function tu(i,a){if(!i||eu)return"";eu=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(a)if(a=function(){throw Error()},Object.defineProperty(a.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(a,[])}catch(oe){var m=oe}Reflect.construct(i,[],a)}else{try{a.call()}catch(oe){m=oe}i.call(a.prototype)}else{try{throw Error()}catch(oe){m=oe}i()}}catch(oe){if(oe&&m&&typeof oe.stack=="string"){for(var v=oe.stack.split(`
`),b=m.stack.split(`
`),E=v.length-1,O=b.length-1;1<=E&&0<=O&&v[E]!==b[O];)O--;for(;1<=E&&0<=O;E--,O--)if(v[E]!==b[O]){if(E!==1||O!==1)do if(E--,O--,0>O||v[E]!==b[O]){var W=`
`+v[E].replace(" at new "," at ");return i.displayName&&W.includes("<anonymous>")&&(W=W.replace("<anonymous>",i.displayName)),W}while(1<=E&&0<=O);break}}}finally{eu=!1,Error.prepareStackTrace=d}return(i=i?i.displayName||i.name:"")?ua(i):""}var Y4=Object.prototype.hasOwnProperty,nu=[],ci=-1;function Yr(i){return{current:i}}function St(i){0>ci||(i.current=nu[ci],nu[ci]=null,ci--)}function gt(i,a){ci++,nu[ci]=i.current,i.current=a}var Kr={},nn=Yr(Kr),yn=Yr(!1),Po=Kr;function ui(i,a){var d=i.type.contextTypes;if(!d)return Kr;var m=i.stateNode;if(m&&m.__reactInternalMemoizedUnmaskedChildContext===a)return m.__reactInternalMemoizedMaskedChildContext;var v={},b;for(b in d)v[b]=a[b];return m&&(i=i.stateNode,i.__reactInternalMemoizedUnmaskedChildContext=a,i.__reactInternalMemoizedMaskedChildContext=v),v}function xn(i){return i=i.childContextTypes,i!=null}function js(){St(yn),St(nn)}function $p(i,a,d){if(nn.current!==Kr)throw Error(c(168));gt(nn,a),gt(yn,d)}function Gp(i,a,d){var m=i.stateNode;if(a=a.childContextTypes,typeof m.getChildContext!="function")return d;m=m.getChildContext();for(var v in m)if(!(v in a))throw Error(c(108,R(i)||"Unknown",v));return s({},d,m)}function ks(i){return i=(i=i.stateNode)&&i.__reactInternalMemoizedMergedChildContext||Kr,Po=nn.current,gt(nn,i),gt(yn,yn.current),!0}function qp(i,a,d){var m=i.stateNode;if(!m)throw Error(c(169));d?(i=Gp(i,a,Po),m.__reactInternalMemoizedMergedChildContext=i,St(yn),St(nn),gt(nn,i)):St(yn),gt(yn,d)}var qn=Math.clz32?Math.clz32:Q4,K4=Math.log,X4=Math.LN2;function Q4(i){return i>>>=0,i===0?32:31-(K4(i)/X4|0)|0}var Es=64,Ps=4194304;function da(i){switch(i&-i){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return i&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return i&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return i}}function Is(i,a){var d=i.pendingLanes;if(d===0)return 0;var m=0,v=i.suspendedLanes,b=i.pingedLanes,E=d&268435455;if(E!==0){var O=E&~v;O!==0?m=da(O):(b&=E,b!==0&&(m=da(b)))}else E=d&~v,E!==0?m=da(E):b!==0&&(m=da(b));if(m===0)return 0;if(a!==0&&a!==m&&!(a&v)&&(v=m&-m,b=a&-a,v>=b||v===16&&(b&4194240)!==0))return a;if(m&4&&(m|=d&16),a=i.entangledLanes,a!==0)for(i=i.entanglements,a&=m;0<a;)d=31-qn(a),v=1<<d,m|=i[d],a&=~v;return m}function Z4(i,a){switch(i){case 1:case 2:case 4:return a+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function J4(i,a){for(var d=i.suspendedLanes,m=i.pingedLanes,v=i.expirationTimes,b=i.pendingLanes;0<b;){var E=31-qn(b),O=1<<E,W=v[E];W===-1?(!(O&d)||O&m)&&(v[E]=Z4(O,a)):W<=a&&(i.expiredLanes|=O),b&=~O}}function ru(i){return i=i.pendingLanes&-1073741825,i!==0?i:i&1073741824?1073741824:0}function Yp(){var i=Es;return Es<<=1,!(Es&4194240)&&(Es=64),i}function ou(i){for(var a=[],d=0;31>d;d++)a.push(i);return a}function fa(i,a,d){i.pendingLanes|=a,a!==536870912&&(i.suspendedLanes=0,i.pingedLanes=0),i=i.eventTimes,a=31-qn(a),i[a]=d}function eS(i,a){var d=i.pendingLanes&~a;i.pendingLanes=a,i.suspendedLanes=0,i.pingedLanes=0,i.expiredLanes&=a,i.mutableReadLanes&=a,i.entangledLanes&=a,a=i.entanglements;var m=i.eventTimes;for(i=i.expirationTimes;0<d;){var v=31-qn(d),b=1<<v;a[v]=0,m[v]=-1,i[v]=-1,d&=~b}}function iu(i,a){var d=i.entangledLanes|=a;for(i=i.entanglements;d;){var m=31-qn(d),v=1<<m;v&a|i[m]&a&&(i[m]|=a),d&=~v}}var ot=0;function Kp(i){return i&=-i,1<i?4<i?i&268435455?16:536870912:4:1}var au=o.unstable_scheduleCallback,Xp=o.unstable_cancelCallback,tS=o.unstable_sho
Error generating stack: `+b.message+`
`+b.stack}return{value:i,source:a,stack:v,digest:null}}function zu(i,a,d){return{value:i,source:null,stack:d??null,digest:a??null}}function Ru(i,a){try{console.error(a.value)}catch(d){setTimeout(function(){throw d})}}var gS=typeof WeakMap=="function"?WeakMap:Map;function Nm(i,a,d){d=Dr(-1,d),d.tag=3,d.payload={element:null};var m=a.value;return d.callback=function(){al||(al=!0,nd=m),Ru(i,a)},d}function Fm(i,a,d){d=Dr(-1,d),d.tag=3;var m=i.type.getDerivedStateFromError;if(typeof m=="function"){var v=a.value;d.payload=function(){return m(v)},d.callback=function(){Ru(i,a)}}var b=i.stateNode;return b!==null&&typeof b.componentDidCatch=="function"&&(d.callback=function(){Ru(i,a),typeof m!="function"&&(Zr===null?Zr=new Set([this]):Zr.add(this));var E=a.stack;this.componentDidCatch(a.value,{componentStack:E!==null?E:""})}),d}function Lm(i,a,d){var m=i.pingCache;if(m===null){m=i.pingCache=new gS;var v=new Set;m.set(a,v)}else v=m.get(a),v===void 0&&(v=new Set,m.set(a,v));v.has(d)||(v.add(d),i=_S.bind(null,i,a,d),a.then(i,i))}function Bm(i){do{var a;if((a=i.tag===13)&&(a=i.memoizedState,a=a!==null?a.dehydrated!==null:!0),a)return i;i=i.return}while(i!==null);return null}function Hm(i,a,d,m,v){return i.mode&1?(i.flags|=65536,i.lanes=v,i):(i===a?i.flags|=65536:(i.flags|=128,d.flags|=131072,d.flags&=-52805,d.tag===1&&(d.alternate===null?d.tag=17:(a=Dr(-1,1),a.tag=2,Qr(d,a,1))),d.lanes|=1),i)}var yS=u.ReactCurrentOwner,bn=!1;function hn(i,a,d,m){a.child=i===null?pm(a,null,d,m):vi(a,i.child,d,m)}function Wm(i,a,d,m,v){d=d.render;var b=a.ref;return mi(a,v),m=Mu(i,a,d,m,b,v),d=Tu(),i!==null&&!bn?(a.updateQueue=i.updateQueue,a.flags&=-2053,i.lanes&=~v,Ar(i,a,v)):(Pt&&d&&uu(a),a.flags|=1,hn(i,a,m,v),a.child)}function Vm(i,a,d,m,v){if(i===null){var b=d.type;return typeof b=="function"&&!ld(b)&&b.defaultProps===void 0&&d.compare===null&&d.defaultProps===void 0?(a.tag=15,a.type=b,Um(i,a,b,m,v)):(i=fl(d.type,null,m,a,a.mode,v),i.ref=a.ref,i.return=a,a.child=i)}if(b=i.child,!(i.lanes&v)){var E=b.memoizedProps;if(d=d.compare,d=d!==null?d:Os,d(E,m)&&i.ref===a.ref)return Ar(i,a,v)}return a.flags|=1,i=no(b,m),i.ref=a.ref,i.return=a,a.child=i}function Um(i,a,d,m,v){if(i!==null){var b=i.memoizedProps;if(Os(b,m)&&i.ref===a.ref)if(bn=!1,a.pendingProps=m=b,(i.lanes&v)!==0)i.flags&131072&&(bn=!0);else return a.lanes=i.lanes,Ar(i,a,v)}return Nu(i,a,d,m,v)}function $m(i,a,d){var m=a.pendingProps,v=m.children,b=i!==null?i.memoizedState:null;if(m.mode==="hidden")if(!(a.mode&1))a.memoizedState={baseLanes:0,cachePool:null,transitions:null},gt(Si,_n),_n|=d;else{if(!(d&1073741824))return i=b!==null?b.baseLanes|d:d,a.lanes=a.childLanes=1073741824,a.memoizedState={baseLanes:i,cachePool:null,transitions:null},a.updateQueue=null,gt(Si,_n),_n|=i,null;a.memoizedState={baseLanes:0,cachePool:null,transitions:null},m=b!==null?b.baseLanes:d,gt(Si,_n),_n|=m}else b!==null?(m=b.baseLanes|d,a.memoizedState=null):m=d,gt(Si,_n),_n|=m;return hn(i,a,v,d),a.child}function Gm(i,a){var d=a.ref;(i===null&&d!==null||i!==null&&i.ref!==d)&&(a.flags|=512,a.flags|=2097152)}function Nu(i,a,d,m,v){var b=xn(d)?Po:nn.current;return b=ui(a,b),mi(a,v),d=Mu(i,a,d,m,b,v),m=Tu(),i!==null&&!bn?(a.updateQueue=i.updateQueue,a.flags&=-2053,i.lanes&=~v,Ar(i,a,v)):(Pt&&m&&uu(a),a.flags|=1,hn(i,a,d,v),a.child)}function qm(i,a,d,m,v){if(xn(d)){var b=!0;ks(a)}else b=!1;if(mi(a,v),a.stateNode===null)Ys(i,a),um(a,d,m),Cu(a,d,m,v),m=!0;else if(i===null){var E=a.stateNode,O=a.memoizedProps;E.props=O;var W=E.context,oe=d.contextType;typeof oe=="object"&&oe!==null?oe=zn(oe):(oe=xn(d)?Po:nn.current,oe=ui(a,oe));var ke=d.getDerivedStateFromProps,He=typeof ke=="function"||typeof E.getSnapshotBeforeUpdate=="function";He||typeof E.UNSAFE_componentWillReceiveProps!="function"&&typeof E.componentWillReceiveProps!="function"||(O!==m||W!==oe)&&dm(a,E,m,oe),Xr=!1;var xe=a.memoizedState;E.state=xe,Fs(a,m,E,v),W=a.memoizedState,O!==m||xe!==W||yn.current||Xr?(typeof ke=="function"&&(Su(a,d,ke,m),W=a.memoizedState),(O=Xr||cm(a,d,O,m,xe,W,oe))?(He||typeof E.UNSAFE_componentWillMount!="function"&&typeof E.componentWillMount!="
`+(m.join(" > ")+`
No matching component was found for:
`)+i.join(" > ")}return null},n.getPublicRootInstance=function(i){if(i=i.current,!i.child)return null;switch(i.child.tag){case 5:return re(i.child.stateNode);default:return i.child.stateNode}},n.injectIntoDevTools=function(i){if(i={bundleType:i.bundleType,version:i.version,rendererPackageName:i.rendererPackageName,rendererConfig:i.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:u.ReactCurrentDispatcher,findHostInstanceByFiber:NS,findFiberByHostInstance:i.findFiberByHostInstance||FS,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.2.0"},typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u")i=!1;else{var a=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(a.isDisabled||!a.supportsFiber)i=!0;else{try{Ms=a.inject(i),lr=a}catch{}i=!!a.checkDCE}}return i},n.isAlreadyRendering=function(){return!1},n.observeVisibleRects=function(i,a,d,m){if(!N)throw Error(c(363));i=Qu(i,a);var v=Ze(i,d,m).disconnect;return{disconnect:function(){v()}}},n.registerMutableSourceForHydration=function(i,a){var d=a._getVersion;d=d(a._source),i.mutableSourceEagerHydrationData==null?i.mutableSourceEagerHydrationData=[a,d]:i.mutableSourceEagerHydrationData.push(a,d)},n.runWithPriority=function(i,a){var d=ot;try{return ot=i,a()}finally{ot=d}},n.shouldError=function(){return null},n.shouldSuspend=function(){return!1},n.updateContainer=function(i,a,d,m){var v=a.current,b=sn(),E=eo(v);return d=jv(d),a.context===null?a.context=d:a.pendingContext=d,a=Dr(b,E),a.payload={element:i},m=m===void 0?null:m,m!==null&&(a.callback=m),i=Qr(v,a,E),i!==null&&(Fn(i,v,E,b),Ns(i,v,E)),E},n};(function(e){e.exports=gO})(vO);const yO=A3($f);var pc={},xO={get exports(){return pc},set exports(e){pc=e}},li={};/**
* @license React
* react-reconciler-constants.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/li.ConcurrentRoot=1;li.ContinuousEventPriority=4;li.DefaultEventPriority=16;li.DiscreteEventPriority=1;li.IdleEventPriority=536870912;li.LegacyRoot=0;(function(e){e.exports=li})(xO);const e1={children:!0,ref:!0,key:!0,style:!0,forwardedRef:!0,unstable_applyCache:!0,unstable_applyDrawHitFromCache:!0};let t1=!1,n1=!1;const Ap=".react-konva-event",bO=`ReactKonva: You have a Konva node with draggable = true and position defined but no onDragMove or onDragEnd events are handled.
Position of a node will be changed during drag&drop, so you should update state of the react app as well.
Consider to add onDragMove or onDragEnd events.
For more info see: https://github.com/konvajs/react-konva/issues/256
`,SO=`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
`,CO={};function Vc(e,t,n=CO){if(!t1&&"zIndex"in t&&(console.warn(SO),t1=!0),!n1&&t.draggable){var r=t.x!==void 0||t.y!==void 0,o=t.onDragEnd||t.onDragMove;r&&!o&&(console.warn(bO),n1=!0)}for(var s in n)if(!e1[s]){var c=s.slice(0,2)==="on",u=n[s]!==t[s];if(c&&u){var f=s.substr(2).toLowerCase();f.substr(0,7)==="content"&&(f="content"+f.substr(7,1).toUpperCase()+f.substr(8)),e.off(f,n[s])}var p=!t.hasOwnProperty(s);p&&e.setAttr(s,void 0)}var h=t._useStrictMode,y={},x=!1;const S={};for(var s in t)if(!e1[s]){var c=s.slice(0,2)==="on",w=n[s]!==t[s];if(c&&w){var f=s.substr(2).toLowerCase();f.substr(0,7)==="content"&&(f="content"+f.substr(7,1).toUpperCase()+f.substr(8)),t[s]&&(S[f]=t[s])}!c&&(t[s]!==n[s]||h&&t[s]!==e.getAttr(s))&&(x=!0,y[s]=t[s])}x&&(e.setAttrs(y),wo(e));for(var f in S)e.on(f+Ap,S[f])}function wo(e){if(!O3.autoDrawEnabled){var t=e.getLayer()||e.getStage();t&&t.batchDraw()}}const Gb={},wO={};Ua.Node.prototype._applyProps=Vc;function jO(e,t){if(typeof t=="string"){console.error(`Do not use plain text as child of Konva.Node. You are using text: ${t}`);return}e.add(t),wo(e)}function kO(e,t,n){let r=Ua[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=Ua.Group);const o={},s={};for(var c in t){var u=c.slice(0,2)==="on";u?s[c]=t[c]:o[c]=t[c]}const f=new r(o);return Vc(f,s),f}function EO(e,t,n){console.error(`Text components are not supported for now in ReactKonva. Your text is: "${e}"`)}function PO(e,t,n){return!1}function IO(e){return e}function MO(){return null}function TO(){return null}function _O(e,t,n,r){return wO}function DO(){}function AO(e){}function OO(e,t){return!1}function zO(){return Gb}function RO(){return Gb}const NO=setTimeout,FO=clearTimeout,LO=-1;function BO(e,t){return!1}const HO=!1,WO=!0,VO=!0;function UO(e,t){t.parent===e?t.moveToTop():e.add(t),wo(e)}function $O(e,t){t.parent===e?t.moveToTop():e.add(t),wo(e)}function qb(e,t,n){t._remove(),e.add(t),t.setZIndex(n.getZIndex()),wo(e)}function GO(e,t,n){qb(e,t,n)}function qO(e,t){t.destroy(),t.off(Ap),wo(e)}function YO(e,t){t.destroy(),t.off(Ap),wo(e)}function KO(e,t,n){console.error(`Text components are not yet supported in ReactKonva. You text is: "${n}"`)}function XO(e,t,n){}function QO(e,t,n,r,o){Vc(e,o,r)}function ZO(e){e.hide(),wo(e)}function JO(e){}function ez(e,t){(t.visible==null||t.visible)&&e.show()}function tz(e,t){}function nz(e){}function rz(){}const oz=()=>pc.DefaultEventPriority,iz=Object.freeze(Object.defineProperty({__proto__:null,appendChild:UO,appendChildToContainer:$O,appendInitialChild:jO,cancelTimeout:FO,clearContainer:nz,commitMount:XO,commitTextUpdate:KO,commitUpdate:QO,createInstance:kO,createTextInstance:EO,detachDeletedInstance:rz,finalizeInitialChildren:PO,getChildHostContext:RO,getCurrentEventPriority:oz,getPublicInstance:IO,getRootHostContext:zO,hideInstance:ZO,hideTextInstance:JO,idlePriority:Bl.unstable_IdlePriority,insertBefore:qb,insertInContainerBefore:GO,isPrimaryRenderer:HO,noTimeout:LO,now:Bl.unstable_now,prepareForCommit:MO,preparePortalMount:TO,prepareUpdate:_O,removeChild:qO,removeChildFromContainer:YO,resetAfterCommit:DO,resetTextContent:AO,run:Bl.unstable_runWithPriority,scheduleTimeout:NO,shouldDeprioritizeSubtree:OO,shouldSetTextContent:BO,supportsMutation:VO,unhideInstance:ez,unhideTextInstance:tz,warnsIfNotActing:WO},Symbol.toStringTag,{value:"Module"}));var az=Object.defineProperty,sz=Object.defineProperties,lz=Object.getOwnPropertyDescriptors,r1=Object.getOwnPropertySymbols,cz=Object.prototype.hasOwnProperty,uz=Object.prototype.propertyIsEnumerable,o1=(e,t,n)=>t in e?az(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,i1=(e,t)=>{for(var n in t||(t={}))cz.call(t,n)&&o1(e,n,t[n]);if(r1)for(var n of r1(t))uz.call(t,n)&&o1(e,n,t[n]);return e},dz=(e,t)=>sz(e,lz(t));function Yb(e,t,n){if(!e)return;if(n(e
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="60px" height="60px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<g transform="matrix(0.5,0,0,0.5,0,0)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,2.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,7.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,10)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,12.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,15)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,17.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,20)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,22.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,25)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,27.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,30)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-2.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-7.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-10)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-12.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-15)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-17.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-20)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-22.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-25)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-27.5)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
<g transform="matrix(0.5,0,0,0.5,0,-30)">
<path d="M-3.5,63.5L64,-4" style="fill:none;stroke:black;stroke-width:1px;"/>
</g>
</svg>`.replaceAll("black",e),Bz=e=>{const{...t}=e,{maskColorString:n,stageCoordinates:r,stageDimensions:o,stageScale:s}=A(Lz),[c,u]=g.useState(null),[f,p]=g.useState(0),h=g.useRef(null),y=g.useCallback(()=>{p(f+1),setTimeout(y,500)},[f]);return g.useEffect(()=>{if(c)return;const x=new Image;x.onload=()=>{u(x)},x.src=a1(n)},[c,n]),g.useEffect(()=>{c&&(c.src=a1(n))},[c,n]),g.useEffect(()=>{const x=setInterval(()=>p(S=>(S+1)%5),50);return()=>clearInterval(x)},[]),!c||!ee.isNumber(r.x)||!ee.isNumber(r.y)||!ee.isNumber(s)||!ee.isNumber(o.width)||!ee.isNumber(o.height)?null:l.jsx($r,{ref:h,offsetX:r.x/s,offsetY:r.y/s,height:o.height/s,width:o.width/s,fillPatternImage:c,fillPatternOffsetY:ee.isNumber(f)?f:0,fillPatternRepeat:"repeat",fillPatternScale:{x:1/s,y:1/s},listening:!0,globalCompositeOperation:"source-in",...t})},Hz=pe([tt],e=>({objects:e.layerState.objects}),{memoizeOptions:{resultEqualityCheck:ee.isEqual}}),Wz=e=>{const{...t}=e,{objects:n}=A(Hz);return l.jsx(Ur,{listening:!1,...t,children:n.filter(q3).map((r,o)=>l.jsx(mc,{points:r.points,stroke:"rgb(0,0,0)",strokeWidth:r.strokeWidth*2,tension:0,lineCap:"round",lineJoin:"round",shadowForStrokeEnabled:!1,listening:!1,globalCompositeOperation:r.tool==="brush"?"source-over":"destination-out"},o))})};var Lo=g,Vz=function(t,n,r){const o=Lo.useRef("loading"),s=Lo.useRef(),[c,u]=Lo.useState(0),f=Lo.useRef(),p=Lo.useRef(),h=Lo.useRef();return(f.current!==t||p.current!==n||h.current!==r)&&(o.current="loading",s.current=void 0,f.current=t,p.current=n,h.current=r),Lo.useLayoutEffect(function(){if(!t)return;var y=document.createElement("img");function x(){o.current="loaded",s.current=y,u(Math.random())}function S(){o.current="failed",s.current=void 0,u(Math.random())}return y.addEventListener("load",x),y.addEventListener("error",S),n&&(y.crossOrigin=n),r&&(y.referrerpolicy=r),y.src=t,function(){y.removeEventListener("load",x),y.removeEventListener("error",S)}},[t,n,r]),[s.current,o.current]};const Jb=e=>{const{url:t,x:n,y:r}=e,[o]=Vz(t);return l.jsx(Qb,{x:n,y:r,image:o,listening:!1})},Uz=pe([tt],e=>{const{layerState:{objects:t}}=e;return{objects:t}},{memoizeOptions:{resultEqualityCheck:ee.isEqual}}),$z=()=>{const{objects:e}=A(Uz);return e?l.jsx(Ur,{name:"outpainting-objects",listening:!1,children:e.map((t,n)=>{if(G1(t))return l.jsx(Jb,{x:t.x,y:t.y,url:t.image.url},n);if(Y3(t)){const r=l.jsx(mc,{points:t.points,stroke:t.color?Ko(t.color):"rgb(0,0,0)",strokeWidth:t.strokeWidth*2,tension:0,lineCap:"round",lineJoin:"round",shadowForStrokeEnabled:!1,listening:!1,globalCompositeOperation:t.tool==="brush"?"source-over":"destination-out"},n);return t.clip?l.jsx(Ur,{clipX:t.clip.x,clipY:t.clip.y,clipWidth:t.clip.width,clipHeight:t.clip.height,children:r},n):r}else{if(K3(t))return l.jsx($r,{x:t.x,y:t.y,width:t.width,height:t.height,fill:Ko(t.color)},n);if(X3(t))return l.jsx($r,{x:t.x,y:t.y,width:t.width,height:t.height,fill:"rgb(255, 255, 255)",globalCompositeOperation:"destination-out"},n)}})}):null},Gz=pe([tt],e=>{const{layerState:{stagingArea:{images:t,selectedImageIndex:n}},shouldShowStagingImage:r,shouldShowStagingOutline:o,boundingBoxCoordinates:{x:s,y:c},boundingBoxDimensions:{width:u,height:f}}=e;return{currentStagingAreaImage:t.length>0?t[n]:void 0,isOnFirstImage:n===0,isOnLastImage:n===t.length-1,shouldShowStagingImage:r,shouldShowStagingOutline:o,x:s,y:c,width:u,height:f}},{memoizeOptions:{resultEqualityCheck:ee.isEqual}}),qz=e=>{const{...t}=e,{currentStagingAreaImage:n,shouldShowStagingImage:r,shouldShowStagingOutline:o,x:s,y:c,width:u,height:f}=A(Gz);return l.jsxs(Ur,{...t,children:[r&&n&&l.jsx(Jb,{url:n.image.url,x:s,y:c}),o&&l.jsxs(Ur,{children:[l.jsx($r,{x:s,y:c,width:u,height:f,strokeWidth:1,stroke:"white",strokeScaleEnabled:!1}),l.jsx($r,{x:s,y:c,width:u,height:f,dash:[4,4],strokeWidth:1,stroke:"black",strokeScaleEnabled:!1})]})]})},Yz=pe([tt],e=>{const{layerState:{stagingArea:{images:t,selectedImageIndex:n}},shouldShowStagingOutline:r,shouldShowStagingImage:o}=e;return{currentStagingAreaImage:t.length>0?t[n]:void 0,isOnFirstImage:n===0,isOnLastImage:n===t.length-1,shoul
position: relative;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
overflow: hidden;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
margin: 0;
padding: 0;
}
.transform-component-module_content__uCDPE {
display: flex;
flex-wrap: wrap;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0;
padding: 0;
transform-origin: 0% 0%;
}
.transform-component-module_content__uCDPE img {
pointer-events: none;
}
`,x1={wrapper:"transform-component-module_wrapper__7HFJe",content:"transform-component-module_content__uCDPE"};YF(KF);var XF=function(e){var t=e.children,n=e.wrapperClass,r=n===void 0?"":n,o=e.contentClass,s=o===void 0?"":o,c=e.wrapperStyle,u=e.contentStyle,f=e.wrapperProps,p=f===void 0?{}:f,h=e.contentProps,y=h===void 0?{}:h,x=g.useContext(Kc).init,S=g.useRef(null),w=g.useRef(null);return g.useEffect(function(){var C=S.current,j=w.current;C!==null&&j!==null&&x&&x(C,j)},[]),_e.createElement("div",fo({},p,{ref:S,className:"react-transform-wrapper ".concat(x1.wrapper," ").concat(r),style:c}),_e.createElement("div",fo({},y,{ref:w,className:"react-transform-component ".concat(x1.content," ").concat(s),style:u}),t))},E4=function(){var e=g.useContext(Kc),t=g.useState(dt(e||{})),n=t[0],r=t[1];if(!e)throw new Error("Transform context mus be placed inside TransformWrapper");return g.useEffect(function(){e.onChange(function(o){r(o)})},[e]),n};_e.forwardRef(function(e,t){var n=g.useRef(null),r=g.useContext(Kc);return g.useEffect(function(){return r.onChange(function(o){if(n.current){var s=0,c=0;n.current.style.transform=r.handleTransformStyles(s,c,1/o.state.scale)}})},[r]),_e.createElement("div",fo({},e,{ref:jF([n,t])}))});const QF=()=>{const[e,t]=g.useState(0),[n,r]=g.useState(1),[o,s]=g.useState(1);return{rotation:e,scaleX:n,scaleY:o,flipHorizontally:()=>{r(n*-1)},flipVertically:()=>{s(o*-1)},rotateCounterClockwise:()=>{t(e===-270?0:e-90)},rotateClockwise:()=>{t(e===270?0:e+90)},reset:()=>{t(0),r(1),s(1)}}},ZF=({flipHorizontally:e,flipVertically:t,rotateCounterClockwise:n,rotateClockwise:r,reset:o})=>{const{zoomIn:s,zoomOut:c,resetTransform:u}=E4(),{t:f}=K();return l.jsxs(Qt,{isAttached:!0,orientation:"vertical",children:[l.jsx(ae,{icon:l.jsx(bD,{}),"aria-label":f("accessibility.zoomIn"),tooltip:f("accessibility.zoomIn"),onClick:()=>s(),fontSize:20}),l.jsx(ae,{icon:l.jsx(SD,{}),"aria-label":f("accessibility.zoomOut"),tooltip:f("accessibility.zoomOut"),onClick:()=>c(),fontSize:20}),l.jsx(ae,{icon:l.jsx(yD,{}),"aria-label":f("accessibility.rotateCounterClockwise"),tooltip:f("accessibility.rotateCounterClockwise"),onClick:n,fontSize:20}),l.jsx(ae,{icon:l.jsx(xD,{}),"aria-label":f("accessibility.rotateClockwise"),tooltip:f("accessibility.rotateClockwise"),onClick:r,fontSize:20}),l.jsx(ae,{icon:l.jsx(W0,{}),"aria-label":f("accessibility.flipHorizontally"),tooltip:f("accessibility.flipHorizontally"),onClick:e,fontSize:20}),l.jsx(ae,{icon:l.jsx(W0,{style:{transform:"rotate(90deg)"}}),"aria-label":f("accessibility.flipVertically"),tooltip:f("accessibility.flipVertically"),onClick:t,fontSize:20}),l.jsx(ae,{icon:l.jsx(Mb,{}),"aria-label":f("accessibility.reset"),tooltip:f("accessibility.reset"),onClick:()=>{u(),o()},fontSize:20})]})};function JF({image:e,alt:t,ref:n,styleClass:r,rotation:o,scaleX:s,scaleY:c}){const{centerView:u}=E4();return l.jsx(XF,{wrapperStyle:{width:"100%",height:"100%"},children:l.jsx("img",{style:{transform:`rotate(${o}deg) scaleX(${s}) scaleY(${c})`,width:"100%"},src:e.url,alt:t,ref:n,className:r||"",onLoad:()=>u(1,0,"easeOut")})})}const eL=pe([qr,Pr],(e,t)=>{const{currentImage:n}=e,{shouldShowImageDetails:r}=t;return{viewerImageToDisplay:n,shouldShowImageDetails:r}},{memoizeOptions:{resultEqualityCheck:ee.isEqual}});function tL(){const e=Y(),t=A(x=>x.lightbox.isLightboxOpen),{rotation:n,scaleX:r,scaleY:o,flipHorizontally:s,flipVertically:c,rotateCounterClockwise:u,rotateClockwise:f,reset:p}=QF(),{viewerImageToDisplay:h,shouldShowImageDetails:y}=A(eL);return ce("Esc",()=>{t&&e(Uo(!1))},[t]),l.jsx(xo,{children:t&&l.jsx(ar.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15,ease:"easeInOut"},style:{display:"flex",width:"100vw",height:`calc(100vh - ${dc*4}px)`,position:"fixed",top:`${dc*4}px`,background:"var(--invokeai-colors-base-900)",zIndex:99},children:l.jsxs(qF,{centerOnInit:!0,minScale:.1,initialPositionX:50,initialPositionY:50,children:[l.jsxs(L,{sx:{flexDir:"column",position:"absolute",insetInlineStart:4,gap:4,zIndex:3,top:4},children:[l.jsx(ae,{icon:l.jsx(gD,{}),"aria-label
Reference in New Issue Copy Permalink