-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-17e60f77.js
1 lines (1 loc) · 34.5 KB
/
index-17e60f77.js
1
(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))r(i);new MutationObserver(i=>{for(const o of i)if(o.type==="childList")for(const a of o.addedNodes)a.tagName==="LINK"&&a.rel==="modulepreload"&&r(a)}).observe(document,{childList:!0,subtree:!0});function n(i){const o={};return i.integrity&&(o.integrity=i.integrity),i.referrerPolicy&&(o.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?o.credentials="include":i.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(i){if(i.ep)return;i.ep=!0;const o=n(i);fetch(i.href,o)}})();var Ce,v,vt,q,Je,pt,Fe,be={},mt=[],Gt=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,Ue=Array.isArray;function H(e,t){for(var n in t)e[n]=t[n];return e}function gt(e){var t=e.parentNode;t&&t.removeChild(e)}function qt(e,t,n){var r,i,o,a={};for(o in t)o=="key"?r=t[o]:o=="ref"?i=t[o]:a[o]=t[o];if(arguments.length>2&&(a.children=arguments.length>3?Ce.call(arguments,2):n),typeof e=="function"&&e.defaultProps!=null)for(o in e.defaultProps)a[o]===void 0&&(a[o]=e.defaultProps[o]);return ve(e,a,r,i,null)}function ve(e,t,n,r,i){var o={type:e,props:t,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:i??++vt};return i==null&&v.vnode!=null&&v.vnode(o),o}function le(e){return e.children}function ee(e,t){this.props=e,this.context=t}function re(e,t){if(t==null)return e.__?re(e.__,e.__.__k.indexOf(e)+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type=="function"?re(e):null}function yt(e){var t,n;if((e=e.__)!=null&&e.__c!=null){for(e.__e=e.__c.base=null,t=0;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null){e.__e=e.__c.base=n.__e;break}return yt(e)}}function Qe(e){(!e.__d&&(e.__d=!0)&&q.push(e)&&!we.__r++||Je!==v.debounceRendering)&&((Je=v.debounceRendering)||pt)(we)}function we(){var e,t,n,r,i,o,a,s;for(q.sort(Fe);e=q.shift();)e.__d&&(t=q.length,r=void 0,i=void 0,a=(o=(n=e).__v).__e,(s=n.__P)&&(r=[],(i=H({},o)).__v=o.__v+1,Ge(s,o,i,n.__n,s.ownerSVGElement!==void 0,o.__h!=null?[a]:null,r,a??re(o),o.__h),kt(r,o),o.__e!=a&&yt(o)),q.length>t&&q.sort(Fe));we.__r=0}function bt(e,t,n,r,i,o,a,s,c,_){var l,d,h,f,p,$,m,g=r&&r.__k||mt,x=g.length;for(n.__k=[],l=0;l<t.length;l++)if((f=n.__k[l]=(f=t[l])==null||typeof f=="boolean"||typeof f=="function"?null:typeof f=="string"||typeof f=="number"||typeof f=="bigint"?ve(null,f,null,null,f):Ue(f)?ve(le,{children:f},null,null,null):f.__b>0?ve(f.type,f.props,f.key,f.ref?f.ref:null,f.__v):f)!=null){if(f.__=n,f.__b=n.__b+1,(h=g[l])===null||h&&f.key==h.key&&f.type===h.type)g[l]=void 0;else for(d=0;d<x;d++){if((h=g[d])&&f.key==h.key&&f.type===h.type){g[d]=void 0;break}h=null}Ge(e,f,h=h||be,i,o,a,s,c,_),p=f.__e,(d=f.ref)&&h.ref!=d&&(m||(m=[]),h.ref&&m.push(h.ref,null,f),m.push(d,f.__c||p,f)),p!=null?($==null&&($=p),typeof f.type=="function"&&f.__k===h.__k?f.__d=c=wt(f,c,e):c=$t(e,f,h,g,p,c),typeof n.type=="function"&&(n.__d=c)):c&&h.__e==c&&c.parentNode!=e&&(c=re(h))}for(n.__e=$,l=x;l--;)g[l]!=null&&(typeof n.type=="function"&&g[l].__e!=null&&g[l].__e==n.__d&&(n.__d=xt(r).nextSibling),Mt(g[l],g[l]));if(m)for(l=0;l<m.length;l++)St(m[l],m[++l],m[++l])}function wt(e,t,n){for(var r,i=e.__k,o=0;i&&o<i.length;o++)(r=i[o])&&(r.__=e,t=typeof r.type=="function"?wt(r,t,n):$t(n,r,r,i,r.__e,t));return t}function $t(e,t,n,r,i,o){var a,s,c;if(t.__d!==void 0)a=t.__d,t.__d=void 0;else if(n==null||i!=o||i.parentNode==null)e:if(o==null||o.parentNode!==e)e.appendChild(i),a=null;else{for(s=o,c=0;(s=s.nextSibling)&&c<r.length;c+=1)if(s==i)break e;e.insertBefore(i,o),a=o}return a!==void 0?a:i.nextSibling}function xt(e){var t,n,r;if(e.type==null||typeof e.type=="string")return e.__e;if(e.__k){for(t=e.__k.length-1;t>=0;t--)if((n=e.__k[t])&&(r=xt(n)))return r}return null}function jt(e,t,n,r,i){var o;for(o in n)o==="children"||o==="key"||o in t||$e(e,o,null,n[o],r);for(o in t)i&&typeof t[o]!="function"||o==="children"||o==="key"||o==="value"||o==="checked"||n[o]===t[o]||$e(e,o,t[o],n[o],r)}function et(e,t,n){t[0]==="-"?e.setProperty(t,n??""):e[t]=n==null?"":typeof n!="number"||Gt.test(t)?n:n+"px"}function $e(e,t,n,r,i){var o;e:if(t==="style")if(typeof n=="string")e.style.cssText=n;else{if(typeof r=="string"&&(e.style.cssText=r=""),r)for(t in r)n&&t in n||et(e.style,t,"");if(n)for(t in n)r&&n[t]===r[t]||et(e.style,t,n[t])}else if(t[0]==="o"&&t[1]==="n")o=t!==(t=t.replace(/Capture$/,"")),t=t.toLowerCase()in e?t.toLowerCase().slice(2):t.slice(2),e.l||(e.l={}),e.l[t+o]=n,n?r||e.addEventListener(t,o?nt:tt,o):e.removeEventListener(t,o?nt:tt,o);else if(t!=="dangerouslySetInnerHTML"){if(i)t=t.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(t!=="width"&&t!=="height"&&t!=="href"&&t!=="list"&&t!=="form"&&t!=="tabIndex"&&t!=="download"&&t!=="rowSpan"&&t!=="colSpan"&&t in e)try{e[t]=n??"";break e}catch{}typeof n=="function"||(n==null||n===!1&&t[4]!=="-"?e.removeAttribute(t):e.setAttribute(t,n))}}function tt(e){return this.l[e.type+!1](v.event?v.event(e):e)}function nt(e){return this.l[e.type+!0](v.event?v.event(e):e)}function Ge(e,t,n,r,i,o,a,s,c){var _,l,d,h,f,p,$,m,g,x,G,Z,Ze,fe,Oe,A=t.type;if(t.constructor!==void 0)return null;n.__h!=null&&(c=n.__h,s=t.__e=n.__e,t.__h=null,o=[s]),(_=v.__b)&&_(t);try{e:if(typeof A=="function"){if(m=t.props,g=(_=A.contextType)&&r[_.__c],x=_?g?g.props.value:_.__:r,n.__c?$=(l=t.__c=n.__c).__=l.__E:("prototype"in A&&A.prototype.render?t.__c=l=new A(m,x):(t.__c=l=new ee(m,x),l.constructor=A,l.render=Yt),g&&g.sub(l),l.props=m,l.state||(l.state={}),l.context=x,l.__n=r,d=l.__d=!0,l.__h=[],l._sb=[]),l.__s==null&&(l.__s=l.state),A.getDerivedStateFromProps!=null&&(l.__s==l.state&&(l.__s=H({},l.__s)),H(l.__s,A.getDerivedStateFromProps(m,l.__s))),h=l.props,f=l.state,l.__v=t,d)A.getDerivedStateFromProps==null&&l.componentWillMount!=null&&l.componentWillMount(),l.componentDidMount!=null&&l.__h.push(l.componentDidMount);else{if(A.getDerivedStateFromProps==null&&m!==h&&l.componentWillReceiveProps!=null&&l.componentWillReceiveProps(m,x),!l.__e&&l.shouldComponentUpdate!=null&&l.shouldComponentUpdate(m,l.__s,x)===!1||t.__v===n.__v){for(t.__v!==n.__v&&(l.props=m,l.state=l.__s,l.__d=!1),l.__e=!1,t.__e=n.__e,t.__k=n.__k,t.__k.forEach(function(he){he&&(he.__=t)}),G=0;G<l._sb.length;G++)l.__h.push(l._sb[G]);l._sb=[],l.__h.length&&a.push(l);break e}l.componentWillUpdate!=null&&l.componentWillUpdate(m,l.__s,x),l.componentDidUpdate!=null&&l.__h.push(function(){l.componentDidUpdate(h,f,p)})}if(l.context=x,l.props=m,l.__P=e,Z=v.__r,Ze=0,"prototype"in A&&A.prototype.render){for(l.state=l.__s,l.__d=!1,Z&&Z(t),_=l.render(l.props,l.state,l.context),fe=0;fe<l._sb.length;fe++)l.__h.push(l._sb[fe]);l._sb=[]}else do l.__d=!1,Z&&Z(t),_=l.render(l.props,l.state,l.context),l.state=l.__s;while(l.__d&&++Ze<25);l.state=l.__s,l.getChildContext!=null&&(r=H(H({},r),l.getChildContext())),d||l.getSnapshotBeforeUpdate==null||(p=l.getSnapshotBeforeUpdate(h,f)),bt(e,Ue(Oe=_!=null&&_.type===le&&_.key==null?_.props.children:_)?Oe:[Oe],t,n,r,i,o,a,s,c),l.base=t.__e,t.__h=null,l.__h.length&&a.push(l),$&&(l.__E=l.__=null),l.__e=!1}else o==null&&t.__v===n.__v?(t.__k=n.__k,t.__e=n.__e):t.__e=Vt(n.__e,t,n,r,i,o,a,c);(_=v.diffed)&&_(t)}catch(he){t.__v=null,(c||o!=null)&&(t.__e=s,t.__h=!!c,o[o.indexOf(s)]=null),v.__e(he,t,n)}}function kt(e,t){v.__c&&v.__c(t,e),e.some(function(n){try{e=n.__h,n.__h=[],e.some(function(r){r.call(n)})}catch(r){v.__e(r,n.__v)}})}function Vt(e,t,n,r,i,o,a,s){var c,_,l,d=n.props,h=t.props,f=t.type,p=0;if(f==="svg"&&(i=!0),o!=null){for(;p<o.length;p++)if((c=o[p])&&"setAttribute"in c==!!f&&(f?c.localName===f:c.nodeType===3)){e=c,o[p]=null;break}}if(e==null){if(f===null)return document.createTextNode(h);e=i?document.createElementNS("http://www.w3.org/2000/svg",f):document.createElement(f,h.is&&h),o=null,s=!1}if(f===null)d===h||s&&e.data===h||(e.data=h);else{if(o=o&&Ce.call(e.childNodes),_=(d=n.props||be).dangerouslySetInnerHTML,l=h.dangerouslySetInnerHTML,!s){if(o!=null)for(d={},p=0;p<e.attributes.length;p++)d[e.attributes[p].name]=e.attributes[p].value;(l||_)&&(l&&(_&&l.__html==_.__html||l.__html===e.innerHTML)||(e.innerHTML=l&&l.__html||""))}if(jt(e,h,d,i,s),l)t.__k=[];else if(bt(e,Ue(p=t.props.children)?p:[p],t,n,r,i&&f!=="foreignObject",o,a,o?o[0]:n.__k&&re(n,0),s),o!=null)for(p=o.length;p--;)o[p]!=null&>(o[p]);s||("value"in h&&(p=h.value)!==void 0&&(p!==e.value||f==="progress"&&!p||f==="option"&&p!==d.value)&&$e(e,"value",p,d.value,!1),"checked"in h&&(p=h.checked)!==void 0&&p!==e.checked&&$e(e,"checked",p,d.checked,!1))}return e}function St(e,t,n){try{typeof e=="function"?e(t):e.current=t}catch(r){v.__e(r,n)}}function Mt(e,t,n){var r,i;if(v.unmount&&v.unmount(e),(r=e.ref)&&(r.current&&r.current!==e.__e||St(r,null,t)),(r=e.__c)!=null){if(r.componentWillUnmount)try{r.componentWillUnmount()}catch(o){v.__e(o,t)}r.base=r.__P=null,e.__c=void 0}if(r=e.__k)for(i=0;i<r.length;i++)r[i]&&Mt(r[i],t,n||typeof e.type!="function");n||e.__e==null||gt(e.__e),e.__=e.__e=e.__d=void 0}function Yt(e,t,n){return this.constructor(e,n)}function Wt(e,t,n){var r,i,o;v.__&&v.__(e,t),i=(r=typeof n=="function")?null:n&&n.__k||t.__k,o=[],Ge(t,e=(!r&&n||t).__k=qt(le,null,[e]),i||be,be,t.ownerSVGElement!==void 0,!r&&n?[n]:i?null:t.firstChild?Ce.call(t.childNodes):null,o,!r&&n?n:i?i.__e:t.firstChild,r),kt(o,e)}Ce=mt.slice,v={__e:function(e,t,n,r){for(var i,o,a;t=t.__;)if((i=t.__c)&&!i.__)try{if((o=i.constructor)&&o.getDerivedStateFromError!=null&&(i.setState(o.getDerivedStateFromError(e)),a=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,r||{}),a=i.__d),a)return i.__E=i}catch(s){e=s}throw e}},vt=0,ee.prototype.setState=function(e,t){var n;n=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=H({},this.state),typeof e=="function"&&(e=e(H({},n),this.props)),e&&H(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),Qe(this))},ee.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Qe(this))},ee.prototype.render=le,q=[],pt=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Fe=function(e,t){return e.__v.__b-t.__v.__b},we.__r=0;var Xt=0;function u(e,t,n,r,i,o){var a,s,c={};for(s in t)s=="ref"?a=t[s]:c[s]=t[s];var _={type:e,props:c,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--Xt,__source:i,__self:o};if(typeof e=="function"&&(a=e.defaultProps))for(s in a)c[s]===void 0&&(c[s]=a[s]);return v.vnode&&v.vnode(_),_}function Et(e){var t,n,r="";if(typeof e=="string"||typeof e=="number")r+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Et(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function w(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=Et(e))&&(r&&(r+=" "),r+=t);return r}var xe,T,Le,ot,ke=0,Ct=[],pe=[],rt=v.__b,it=v.__r,lt=v.diffed,st=v.__c,at=v.unmount;function Tt(e,t){v.__h&&v.__h(T,e,ke||t),ke=0;var n=T.__H||(T.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({__V:pe}),n.__[e]}function me(e,t){var n=Tt(xe++,3);!v.__s&&Nt(n.__H,t)&&(n.__=e,n.i=t,T.__H.__h.push(n))}function V(e){return ke=5,K(function(){return{current:e}},[])}function K(e,t){var n=Tt(xe++,7);return Nt(n.__H,t)?(n.__V=e(),n.i=t,n.__h=e,n.__V):n.__}function S(e,t){return ke=8,K(function(){return e},t)}function Kt(){for(var e;e=Ct.shift();)if(e.__P&&e.__H)try{e.__H.__h.forEach(ge),e.__H.__h.forEach(He),e.__H.__h=[]}catch(t){e.__H.__h=[],v.__e(t,e.__v)}}v.__b=function(e){T=null,rt&&rt(e)},v.__r=function(e){it&&it(e),xe=0;var t=(T=e.__c).__H;t&&(Le===T?(t.__h=[],T.__h=[],t.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=pe,n.__N=n.i=void 0})):(t.__h.forEach(ge),t.__h.forEach(He),t.__h=[],xe=0)),Le=T},v.diffed=function(e){lt&<(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(Ct.push(t)!==1&&ot===v.requestAnimationFrame||((ot=v.requestAnimationFrame)||zt)(Kt)),t.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==pe&&(n.__=n.__V),n.i=void 0,n.__V=pe})),Le=T=null},v.__c=function(e,t){t.some(function(n){try{n.__h.forEach(ge),n.__h=n.__h.filter(function(r){return!r.__||He(r)})}catch(r){t.some(function(i){i.__h&&(i.__h=[])}),t=[],v.__e(r,n.__v)}}),st&&st(e,t)},v.unmount=function(e){at&&at(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.forEach(function(r){try{ge(r)}catch(i){t=i}}),n.__H=void 0,t&&v.__e(t,n.__v))};var ct=typeof requestAnimationFrame=="function";function zt(e){var t,n=function(){clearTimeout(r),ct&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,100);ct&&(t=requestAnimationFrame(n))}function ge(e){var t=T,n=e.__c;typeof n=="function"&&(e.__c=void 0,n()),T=t}function He(e){var t=T;e.__c=e.__(),T=t}function Nt(e,t){return!e||e.length!==t.length||t.some(function(n,r){return n!==e[r]})}const te=[.1,.125,.15,.175,.2,.25,.3,.35,.4,.45,.5,.55,.6,.7,.8,.9,1,1.1,1.2,1.3,1.5,2,2.5,3,4,5,6,8],qe=te.indexOf(1),D="MODE_READY",ye="MODE_DRAWING",Zt="MODE_CALCULATING",je="RGB_FORMAT_CSS",Te="RGB_FORMAT_HEX",Ve="RGB_FORMAT_BLENDER",Jt=[je,Te,Ve],Ne="CHANNEL_FORMAT_INT",Ye="CHANNEL_FORMAT_FLOAT",Qt=[Ne,Ye];function Re(){throw new Error("Cycle detected")}function Pe(){if(B>1)B--;else{for(var e,t=!1;ne!==void 0;){var n=ne;for(ne=void 0,Be++;n!==void 0;){var r=n.o;if(n.o=void 0,n.f&=-3,!(8&n.f)&&Pt(n))try{n.c()}catch(i){t||(e=i,t=!0)}n=r}}if(Be=0,B--,t)throw e}}function se(e){if(B>0)return e();B++;try{return e()}finally{Pe()}}var y=void 0,ne=void 0,B=0,Be=0,Se=0;function Rt(e){if(y!==void 0){var t=e.n;if(t===void 0||t.t!==y)return t={i:0,S:e,p:y.s,n:void 0,t:y,e:void 0,x:void 0,r:t},y.s!==void 0&&(y.s.n=t),y.s=t,e.n=t,32&y.f&&e.S(t),t;if(t.i===-1)return t.i=0,t.n!==void 0&&(t.n.p=t.p,t.p!==void 0&&(t.p.n=t.n),t.p=y.s,t.n=void 0,y.s.n=t,y.s=t),t}}function M(e){this.v=e,this.i=0,this.n=void 0,this.t=void 0}M.prototype.h=function(){return!0};M.prototype.S=function(e){this.t!==e&&e.e===void 0&&(e.x=this.t,this.t!==void 0&&(this.t.e=e),this.t=e)};M.prototype.U=function(e){if(this.t!==void 0){var t=e.e,n=e.x;t!==void 0&&(t.x=n,e.e=void 0),n!==void 0&&(n.e=t,e.x=void 0),e===this.t&&(this.t=n)}};M.prototype.subscribe=function(e){var t=this;return ue(function(){var n=t.value,r=32&this.f;this.f&=-33;try{e(n)}finally{this.f|=r}})};M.prototype.valueOf=function(){return this.value};M.prototype.toString=function(){return this.value+""};M.prototype.toJSON=function(){return this.value};M.prototype.peek=function(){return this.v};Object.defineProperty(M.prototype,"value",{get:function(){var e=Rt(this);return e!==void 0&&(e.i=this.i),this.v},set:function(e){if(y instanceof U&&function(){throw new Error("Computed cannot have side-effects")}(),e!==this.v){Be>100&&Re(),this.v=e,this.i++,Se++,B++;try{for(var t=this.t;t!==void 0;t=t.x)t.t.N()}finally{Pe()}}}});function P(e){return new M(e)}function Pt(e){for(var t=e.s;t!==void 0;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function At(e){for(var t=e.s;t!==void 0;t=t.n){var n=t.S.n;if(n!==void 0&&(t.r=n),t.S.n=t,t.i=-1,t.n===void 0){e.s=t;break}}}function Ot(e){for(var t=e.s,n=void 0;t!==void 0;){var r=t.p;t.i===-1?(t.S.U(t),r!==void 0&&(r.n=t.n),t.n!==void 0&&(t.n.p=r)):n=t,t.S.n=t.r,t.r!==void 0&&(t.r=void 0),t=r}e.s=n}function U(e){M.call(this,void 0),this.x=e,this.s=void 0,this.g=Se-1,this.f=4}(U.prototype=new M).h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===Se))return!0;if(this.g=Se,this.f|=1,this.i>0&&!Pt(this))return this.f&=-2,!0;var e=y;try{At(this),y=this;var t=this.x();(16&this.f||this.v!==t||this.i===0)&&(this.v=t,this.f&=-17,this.i++)}catch(n){this.v=n,this.f|=16,this.i++}return y=e,Ot(this),this.f&=-2,!0};U.prototype.S=function(e){if(this.t===void 0){this.f|=36;for(var t=this.s;t!==void 0;t=t.n)t.S.S(t)}M.prototype.S.call(this,e)};U.prototype.U=function(e){if(this.t!==void 0&&(M.prototype.U.call(this,e),this.t===void 0)){this.f&=-33;for(var t=this.s;t!==void 0;t=t.n)t.S.U(t)}};U.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var e=this.t;e!==void 0;e=e.x)e.t.N()}};U.prototype.peek=function(){if(this.h()||Re(),16&this.f)throw this.v;return this.v};Object.defineProperty(U.prototype,"value",{get:function(){1&this.f&&Re();var e=Rt(this);if(this.h(),e!==void 0&&(e.i=this.i),16&this.f)throw this.v;return this.v}});function ae(e){return new U(e)}function Lt(e){var t=e.u;if(e.u=void 0,typeof t=="function"){B++;var n=y;y=void 0;try{t()}catch(r){throw e.f&=-2,e.f|=8,We(e),r}finally{y=n,Pe()}}}function We(e){for(var t=e.s;t!==void 0;t=t.n)t.S.U(t);e.x=void 0,e.s=void 0,Lt(e)}function en(e){if(y!==this)throw new Error("Out-of-order effect");Ot(this),y=e,this.f&=-2,8&this.f&&We(this),Pe()}function ce(e){this.x=e,this.u=void 0,this.s=void 0,this.o=void 0,this.f=32}ce.prototype.c=function(){var e=this.S();try{if(8&this.f||this.x===void 0)return;var t=this.x();typeof t=="function"&&(this.u=t)}finally{e()}};ce.prototype.S=function(){1&this.f&&Re(),this.f|=1,this.f&=-9,Lt(this),At(this),B++;var e=y;return y=this,en.bind(this,e)};ce.prototype.N=function(){2&this.f||(this.f|=2,this.o=ne,ne=this)};ce.prototype.d=function(){this.f|=8,1&this.f||We(this)};function ue(e){var t=new ce(e);try{t.c()}catch(n){throw t.d(),n}return t.d.bind(t)}var Ae,De;function z(e,t){v[e]=t.bind(null,v[e]||function(){})}function Me(e){De&&De(),De=e&&e.S()}function Dt(e){var t=this,n=e.data,r=_e(n);r.value=n;var i=K(function(){for(var o=t.__v;o=o.__;)if(o.__c){o.__c.__$f|=4;break}return t.__$u.c=function(){t.base.data=i.peek()},ae(function(){var a=r.value.value;return a===0?0:a===!0?"":a||""})},[]);return i.value}Dt.displayName="_st";Object.defineProperties(M.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:Dt},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}});z("__b",function(e,t){if(typeof t.type=="string"){var n,r=t.props;for(var i in r)if(i!=="children"){var o=r[i];o instanceof M&&(n||(t.__np=n={}),n[i]=o,r[i]=o.peek())}}e(t)});z("__r",function(e,t){Me();var n,r=t.__c;r&&(r.__$f&=-2,(n=r.__$u)===void 0&&(r.__$u=n=function(i){var o;return ue(function(){o=this}),o.c=function(){r.__$f|=1,r.setState({})},o}())),Ae=r,Me(n),e(t)});z("__e",function(e,t,n,r){Me(),Ae=void 0,e(t,n,r)});z("diffed",function(e,t){Me(),Ae=void 0;var n;if(typeof t.type=="string"&&(n=t.__e)){var r=t.__np,i=t.props;if(r){var o=n.U;if(o)for(var a in o){var s=o[a];s!==void 0&&!(a in r)&&(s.d(),o[a]=void 0)}else n.U=o={};for(var c in r){var _=o[c],l=r[c];_===void 0?(_=tn(n,c,l,i),o[c]=_):_.o(l,i)}}}e(t)});function tn(e,t,n,r){var i=t in e&&e.ownerSVGElement===void 0,o=P(n);return{o:function(a,s){o.value=a,r=s},d:ue(function(){var a=o.value.value;r[t]!==a&&(r[t]=a,i?e[t]=a:a?e.setAttribute(t,a):e.removeAttribute(t))})}}z("unmount",function(e,t){if(typeof t.type=="string"){var n=t.__e;if(n){var r=n.U;if(r){n.U=void 0;for(var i in r){var o=r[i];o&&o.d()}}}}else{var a=t.__c;if(a){var s=a.__$u;s&&(a.__$u=void 0,s.d())}}e(t)});z("__h",function(e,t,n,r){r<3&&(t.__$f|=2),e(t,n,r)});ee.prototype.shouldComponentUpdate=function(e,t){var n=this.__$u;if(!(n&&n.s!==void 0||4&this.__$f)||3&this.__$f)return!0;for(var r in t)return!0;for(var i in e)if(i!=="__source"&&e[i]!==this.props[i])return!0;for(var o in this.props)if(!(o in e))return!0;return!1};function _e(e){return K(function(){return P(e)},[])}function nn(e){var t=V(e);return t.current=e,Ae.__$f|=4,K(function(){return ae(function(){return t.current()})},[])}const on=(()=>{let e=1;return()=>(e++).toFixed(0)})(),rn=e=>Jt.includes(e),ln=e=>Qt.includes(e),N=P(D),R=P(null),Y=ae(()=>{var e;return((e=R.value)==null?void 0:e.el.width)??0}),W=ae(()=>{var e;return((e=R.value)==null?void 0:e.el.height)??0}),L=P(null),j=P(qe),E=ae(()=>te[j.value]),k=P({x:0,y:0}),b=P([]),C=P(null),I=P(null),O=P([]),Xe=(e,t,n)=>{const r=localStorage.getItem(e),i=t(r);localStorage.setItem(e,n(i));const o=P(i);return ue(()=>{localStorage.setItem(e,n(o.value))}),o},Ft=Xe("rgbFormat",e=>rn(e)?e:Te,e=>e),Ht=Xe("channelFormat",e=>ln(e)?e:Ne,e=>e),Bt=Xe("convertSRGB",e=>e==="true",String);ue(()=>{R.value&&L.value&&(L.value.canvas.width=Y.value,L.value.canvas.height=W.value,L.value.clearRect(0,0,Y.value,W.value),L.value.drawImage(R.value.el,0,0))});const sn=(e,t)=>se(()=>{const n=on();C.value={id:n,name:`Path ${n}`,points:[{x:Math.round(e),y:Math.round(t)}]},I.value={x:Math.round(e),y:Math.round(t)},N.value=ye}),an=(e,t)=>{I.value&&(I.value={x:Math.round(e),y:Math.round(t)})},cn=(e,t)=>{C.value&&(C.value={...C.value,points:[...C.value.points,{x:Math.round(e),y:Math.round(t)}]})},un=()=>se(()=>{C.value=null,I.value=null,N.value=D}),_n=()=>se(()=>{C.value&&(b.value=[...b.value,C.value],C.value=null,I.value=null,N.value=D)}),fn=(e,t)=>{const n=b.value.indexOf(e);n!==-1&&(b.value=[...b.value.slice(0,n),{...e,name:t},...b.value.slice(n+1)])},hn=e=>{const t=b.value.indexOf(e);t!==-1&&(b.value=[...b.value.slice(0,t),...b.value.slice(t+1)])},dn=(e,t)=>{const n=b.value.indexOf(e);n!==-1&&(b.value=[...b.value.slice(0,n),{...e,points:t},...b.value.slice(n+1)])},Ee=e=>{let t=`M${e[0].x},${e[0].y}`;for(let n=1;n<e.length;n++)t=`${t}L${e[n].x},${e[n].y}`;return e.length>2&&(t=`${t}Z`),t};const ut=({class:e,path:t,...n})=>{const r=Ee(t.points),i=S(o=>{if(N.value!==D||o.button!==0)return;o.preventDefault(),o.stopPropagation();const a=o.currentTarget,s=t.points,c=parseInt(o.currentTarget.dataset.pointIndex??"",10),_=o.currentTarget.closest(".editor-path"),l=_==null?void 0:_.querySelector(".editor-path__path-1"),d=_==null?void 0:_.querySelector(".editor-path__path-2"),h=o.currentTarget.closest(".editor");if(!isFinite(c)||!_||!l||!d||!h)return;const f=$=>{const m=Math.round(($.clientX-h.offsetLeft-k.value.x)/E.value),g=Math.round(($.clientY-h.offsetTop-k.value.y)/E.value),x=[...s.slice(0,c),{x:m,y:g},...s.slice(c+1)],G=Ee(x);l.setAttribute("d",G),d.setAttribute("d",G),a.setAttribute("x",`${m}`),a.setAttribute("y",`${g}`)},p=$=>{const m=Math.round(($.clientX-h.offsetLeft-k.value.x)/E.value),g=Math.round(($.clientY-h.offsetTop-k.value.y)/E.value),x=[...s.slice(0,c),{x:m,y:g},...s.slice(c+1)];dn(t,x),window.removeEventListener("mousemove",f),window.removeEventListener("mouseup",p)};window.addEventListener("mousemove",f),window.addEventListener("mouseup",p)},[t]);return u("g",{class:w("editor-path",e),...n,children:[u("path",{class:"editor-path__path-1",d:r}),u("path",{class:"editor-path__path-2",d:r}),t.points.map((o,a)=>u("rect",{class:"editor-path__point",x:o.x,y:o.y,"data-point-index":a,onMouseDownCapture:i},a))]})},vn=(e,t)=>se(()=>{R.value={name:e,el:t},b.value=[],C.value=null,I.value=null,N.value=D,j.value=qe,k.value={x:0,y:0}}),_t=(e,t,n)=>{const r=Math.max(0,Math.min(te.length-1,j.value+n));if(r===j.value)return;const o=te[r]/te[j.value];se(()=>{j.value=r,k.value={x:e+(k.value.x-e)*o,y:t+(k.value.y-t)*o}})},pn=(e,t)=>{k.value={x:k.value.x+e,y:k.value.y+t}};const mn=({class:e,onWheelCapture:t,onMouseDownCapture:n,children:r,...i})=>{const o=V(null),a=S(c=>{c.preventDefault();const _=c.clientX-c.currentTarget.offsetLeft,l=c.clientY-c.currentTarget.offsetTop;_t(_,l,c.deltaY<0?1:-1),t==null||t(c)},[]),s=S(c=>{if(c.button!==1){n==null||n(c);return}c.preventDefault();const _=d=>{d.preventDefault(),pn(d.movementX,d.movementY)},l=d=>{d.preventDefault(),window.removeEventListener("mousemove",_),window.removeEventListener("mouseup",l)};window.addEventListener("mousemove",_),window.addEventListener("mouseup",l),n==null||n(c)},[]);return me(()=>{const c=_=>{o.current&&_.ctrlKey&&(_.code==="Digit0"||_.code==="Numpad0")&&_t(o.current.clientWidth/2,o.current.clientHeight/2,qe-j.value)};return window.addEventListener("keydown",c),()=>{window.removeEventListener("keydown",c)}},[]),u("div",{class:w("viewport",e),onWheelCapture:a,onMouseDownCapture:s,ref:o,...i,children:u("div",{class:"viewport__mover",style:{width:Y.value*E.value,height:W.value*E.value,transform:`translate(${k.value.x}px, ${k.value.y}px)`},children:r})})};const gn=({class:e,onMouseDown:t,onMouseMove:n,...r})=>{const i=s=>{s&&(L.value=s.getContext("2d",{willReadFrequently:!0}))},o=S(s=>{s.preventDefault();const c=(s.clientX-s.currentTarget.offsetLeft-k.value.x)/E.value,_=(s.clientY-s.currentTarget.offsetTop-k.value.y)/E.value;s.button===0&&N.value===D?sn(c,_):s.button===0&&N.value===ye?cn(c,_):s.button===2&&N.value===ye&&C.value&&(C.value.points.length<3?un():_n()),t==null||t(s)},[]),a=S(s=>{if(s.preventDefault(),N.value===ye){const c=(s.clientX-s.currentTarget.offsetLeft-k.value.x)/E.value,_=(s.clientY-s.currentTarget.offsetTop-k.value.y)/E.value;an(c,_)}n==null||n(s)},[]);return R.value?u(mn,{class:w("editor",e),onMouseDown:o,onMouseMove:a,onContextMenu:s=>s.preventDefault(),...r,children:u("div",{class:"editor__canvas-wrapper",children:[u("canvas",{ref:i,class:"editor__canvas",style:{imageRendering:E.value>1?"pixelated":"auto"}}),u("svg",{class:"editor__paths",viewBox:`0 0 ${Y.value} ${W.value}`,style:{"--dash":`${5/E.value}px`,"--stroke":`${1/E.value}px`,"--point":`${8/E.value}px`},children:[b.value.map(s=>u(ut,{path:s},s.id)),C.value&&I.value&&u(ut,{path:{...C.value,points:[...C.value.points,I.value]}})]})]})}):null};const ft=e=>Math.sqrt(e)*15,ht=({class:e,summary:t,content:n,...r})=>{const i=_e(!0),o=V(null),a=V(null),s=V(null),c=S(()=>{if(!o.current||!a.current)return;s.current!==null&&(clearTimeout(s.current),s.current=null),i.value=!0;const d=a.current.offsetHeight,h=ft(d);o.current.style.height=`${d}px`,o.current.style.transitionDuration=`${h}ms`,s.current=setTimeout(()=>{o.current.style.height="auto"},h)},[]),_=S(()=>{if(!o.current||!a.current)return;s.current!==null&&(clearTimeout(s.current),s.current=null),i.value=!1;const d=a.current.offsetHeight,h=ft(d);o.current.style.height=`${d}px`,o.current.style.transitionDuration=`${h}ms`,requestAnimationFrame(()=>{o.current.style.height="0"})},[]),l=S(()=>{i.value?_():c()},[]);return u("div",{class:w("details",e),...r,children:[u("div",{class:"details__summary",onClick:l,children:[u("div",{class:"details__indicator",children:i.value?"▼":"►"}),t]}),u("div",{class:"details__content-wrapper",ref:o,children:u("div",{class:"details__content",ref:a,children:n})})]})},It=e=>{O.value=[...O.value,e]},yn=(e,t)=>{const n=O.value.indexOf(e);n!==-1&&(O.value=[...O.value.slice(0,n),{...e,name:t},...O.value.slice(n+1)])},bn=e=>{const t=O.value.indexOf(e);t!==-1&&(O.value=[...O.value.slice(0,t),...O.value.slice(t+1)])},oe=e=>{navigator.clipboard.writeText(e).catch(()=>{alert("Failed to copy to clipboard.")})},wn=e=>e<=.0404482362771082?e/12.92:((e+.055)/1.055)**2.4,ie=e=>Bt.value?wn(e):e,$n=e=>Math.round(ie(e)*255).toString(16).padStart(2,"0"),xn=e=>Math.round(ie(e)*255).toString(10),kn=e=>ie(e).toString(10),Sn=({r:e,g:t,b:n})=>{const r=[e,t,n].map(i=>i/255);switch(Ft.value){case Te:{oe(`#${r.map($n).join("")}`);break}case je:{oe(`rgb(${r.map(xn).join(" ")})`);break}case Ve:{oe(`[${r.map(kn).join(", ")}, 1]`);break}}},Ke=e=>t=>{const n=t[e];switch(Ht.value){case Ne:{oe(Math.round(ie(n)).toString(10));break}case Ye:{oe(ie(n/255).toString(10));break}}},Mn=Ke("r"),En=Ke("g"),Cn=Ke("b");const X=({class:e,...t})=>u("button",{class:w("button",e),...t});const F=P([]),ze=({class:e,close:t,children:n,backgroundClass:r,...i})=>{const o=K(()=>Symbol("id"),[]);me(()=>(F.value=[...F.value,o],()=>{F.value=F.value.filter(s=>s!==o)}),[o]),me(()=>{const s=c=>{c.key==="Escape"&&F.value[F.value.length-1]===o&&(F.value=F.value.filter(_=>_!==o),t())};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[t]);const a=V(null);return me(()=>{if(!a.current)return;const{style:s}=a.current,{left:c,right:_,top:l,bottom:d,width:h,height:f}=a.current.getBoundingClientRect(),{innerWidth:p,innerHeight:$}=window;h>p?(s.left="0",s.right="0"):c<0?(s.right="auto",s.left="0"):_>p&&(s.left="auto",s.right="0"),f>$?(s.top="0",s.bottom="0"):l<0?(s.bottom="auto",s.top="0"):d>$&&(s.top="auto",s.bottom="0"),s.visibility="visible"},[a.current]),u("div",{class:"popup-wrapper",children:u("div",{class:"popup",...i,children:[u("div",{class:w("popup__background",r),onClick:t}),u("div",{class:w("popup__content",e),ref:a,children:n})]})})};const Tn=({class:e,label:t,children:n,...r})=>{const i=_e(!1),o=()=>{i.value=!1};return u("div",{class:w("menu",e),...r,children:[u(X,{onClick:()=>{i.value=!0},children:t}),i.value&&u(ze,{class:"menu__popup",close:o,onClick:o,children:n})]})},de=({class:e,...t})=>u("div",{class:w("menu-item",e),...t});const Nn=({class:e,button:t,options:n,...r})=>u("div",{class:w("split-button",e),...r,children:[t,u(Tn,{label:"▼",children:n})]});const Rn=({class:e,style:t={},result:n,...r})=>{const{r:i,g:o,b:a,name:s}=n,c=i+o+a<384,_=S(d=>{yn(n,d.currentTarget.value)},[n]),l=S(d=>{switch(d.code){case"Escape":{d.currentTarget.value=n.name,d.currentTarget.blur();break}case"Enter":case"NumpadEnter":d.currentTarget.blur()}},[n]);return u("div",{class:w("result",c&&"result--dark",e),style:{backgroundColor:`rgb(${i}, ${o}, ${a})`,...t},...r,children:[u("input",{class:"result__name",type:"text",value:s,onChange:_,onKeyDown:l}),u(Nn,{button:u(X,{onClick:()=>Sn(n),children:"Copy"}),options:u(le,{children:[u(de,{onClick:()=>Mn(n),children:"Copy Red"}),u(de,{onClick:()=>En(n),children:"Copy Green"}),u(de,{onClick:()=>Cn(n),children:"Copy Blue"}),u(de,{onClick:()=>bn(n),children:"Delete"})]})})]})},Ut=e=>{let t=e[0].x,n=e[0].x,r=e[0].y,i=e[0].y;for(let o=1;o<e.length;o++)t=Math.min(t,e[o].x),n=Math.max(n,e[o].x),r=Math.min(r,e[o].y),i=Math.max(i,e[o].y);return{left:t,right:n,top:r,bottom:i,width:n-t,height:i-r}},Pn=e=>{const{left:t,top:n,width:r,height:i}=e,o=t+r*.5,a=n+i*.5,s=Math.max(r,i),c=s*.5;return{left:o-c,right:o+c,top:a-c,bottom:a+c,width:s,height:s}};const An=({class:e,path:t,...n})=>{var a;const r=K(()=>Pn(Ut(t.points)),[t.points]),i=S(s=>{fn(t,s.currentTarget.value)},[t]),o=S(s=>{switch(s.code){case"Escape":{s.currentTarget.value=t.name,s.currentTarget.blur();break}case"Enter":case"NumpadEnter":s.currentTarget.blur()}},[t]);return u("div",{class:w("sidebar-path",e),...n,children:[u("svg",{class:"sidebar-path__thumbnail",viewBox:`${r.left} ${r.top} ${r.width} ${r.height}`,children:[u("defs",{children:u("clipPath",{id:`path-${t.id}`,children:u("path",{d:Ee(t.points)})})}),u("image",{href:(a=R.value)==null?void 0:a.el.src,"clip-path":`url(#path-${t.id})`})]}),u("input",{class:"sidebar-path__name",type:"text",value:t.name,onChange:i,onKeyDown:o}),u(X,{class:"sidebar-path__delete",onClick:()=>hn(t),children:"✖"})]})};const On=({class:e,...t})=>u("div",{class:w("sidebar",e),...t,children:[u(ht,{summary:"Results",content:O.value.map(n=>u(Rn,{class:"sidebar__result",result:n},n.name))}),u(ht,{summary:"Paths",content:b.value.map(n=>u(An,{path:n},n.name))})]}),Ln=(e,t,n,r=0,i=0)=>{const o=Math.max(Math.min(e.left,t),r),a=Math.max(Math.min(e.right,t),r),s=Math.max(Math.min(e.top,n),i),c=Math.max(Math.min(e.bottom,n),i);return{left:o,right:a,top:s,bottom:c,width:a-o,height:c-s}},Dn=e=>{const t=Math.floor(e.left),n=Math.ceil(e.right),r=Math.floor(e.top),i=Math.ceil(e.bottom);return{left:t,right:n,top:r,bottom:i,width:n-t,height:i-r}},Ie=navigator.hardwareConcurrency??1,Fn=new Array(Ie).fill(0).map(()=>new Worker(new URL("./worker-fed3ccee.js",self.location))),Hn=(e,t,n)=>{let r=e.left,i=e.top;const o=[];for(;r<e.right&&i<e.bottom;)o.push({left:r,right:Math.min(e.right,r+(t?n:e.width)),top:i,bottom:Math.min(e.bottom,i+(t?e.height:n))}),t?r=r+n:i=i+n;return o},Bn=()=>{if(!L.value||!R.value)return;const e=Ln(Dn(Ut(b.value.flatMap(s=>s.points))),Y.value,W.value),t=R.value.name,n=L.value.getImageData(0,0,Y.value,W.value),r=b.value.map(s=>Ee(s.points)).join(" "),i=e.width>e.height,o=Math.ceil(i?e.width/Ie:e.height/Ie),a=Hn(e,i,o);Promise.all(a.map((s,c)=>new Promise(_=>{const l={imageData:n,pathsD:r,left:s.left,right:s.right,top:s.top,bottom:s.bottom},d=Fn[c];d.onmessage=h=>_(h.data),d.postMessage(l)}))).then(s=>{let c=0,_=0,l=0,d=0;for(const $ of s)for(const[m,g,x]of $)c=c+m**2,_=_+g**2,l=l+x**2,d++;const[h,f,p]=[c,_,l].map($=>Math.sqrt($/d));(!Number.isNaN(h)||!Number.isNaN(f)||!Number.isNaN(p))&&It({name:t,r:h,g:f,b:p}),N.value=D,console.log({bounds:e,sliceSize:o,slices:a,sliceResults:s,sums:[c,_,l],pixels:d,averages:[h,f,p]})}).catch(()=>{alert("Error calculating average color")})},In=()=>{if(!L.value||!R.value)return;let e=0,t=0,n=0,r=0;const i=L.value.getImageData(0,0,Y.value,W.value);for(let c=0;c<i.data.length;c=c+4)e=e+i.data[c]**2,t=t+i.data[c+1]**2,n=n+i.data[c+2]**2,r++;const[o,a,s]=[e,t,n].map(c=>Math.sqrt(c/r));It({name:R.value.name,r:o,g:a,b:s}),N.value=D},Un=()=>{R.value&&(N.value=Zt,b.value.length>0?Bn():In())};const Gn=({class:e,onChange:t,disabled:n,...r})=>{const i=V(null),o=S(()=>{var s;(s=i.current)==null||s.click()},[]),a=S(s=>{var _;const c=((_=s.currentTarget.files)==null?void 0:_[0])??null;t==null||t(c),s.currentTarget.value=""},[]);return u("div",{class:w("file-picker",e),...r,children:[u(X,{disabled:n,onClick:o,children:"Load file"}),u("input",{class:"file-picker__input",ref:i,type:"file",accept:"image/*",onChange:a})]})};const qn=({class:e,value:t,...n})=>u("input",{type:"checkbox",class:w("checkbox",e),checked:t.value,onChange:r=>{t.value=r.currentTarget.checked},...n});const dt=({class:e,value:t,options:n,...r})=>{var s;const i=_e(!1),o=S(()=>{i.value=!1},[i]),a=nn(()=>n.find(({value:c})=>c===t.value));return u("div",{class:w("select",e),...r,children:[u("div",{class:"select__box",onClick:()=>{i.value=!i.value},children:[u("div",{class:"select__box-value",children:[((s=a.value)==null?void 0:s.label)??"Select",u("div",{class:"select_hidden",children:n.map(({label:c})=>c)})]}),u(X,{class:"select__box-button",children:"▼"})]}),i.value&&u(ze,{class:"select__popup",close:o,children:n.map(({value:c,label:_})=>u("div",{class:"select__option",onClick:()=>{t.value=c,o()},children:_},c))})]})};const J=({class:e,...t})=>u("div",{class:w("settings__option",e),...t}),Q=({class:e,...t})=>u("pre",{class:w("settings__code",e),...t}),jn=({class:e,...t})=>u(ze,{class:w("settings",e),backgroundClass:"settings__background",...t,children:[u("h2",{children:"Color format"}),u(dt,{value:Ft,options:[{value:Te,label:u(J,{children:["Hex (",u(Q,{children:"#ff8000"}),")"]})},{value:je,label:u(J,{children:["CSS (",u(Q,{children:"rgb(255 128 0)"}),")"]})},{value:Ve,label:u(J,{children:["Blender (",u(Q,{children:"[1, 0.5, 0, 1]"}),")"]})}]}),u("h2",{children:"Single channel format"}),u(dt,{value:Ht,options:[{value:Ne,label:u(J,{children:["Integer (",u(Q,{children:"255"}),")"]})},{value:Ye,label:u(J,{children:["Float (",u(Q,{children:"1.0"}),")"]})}]}),u("h2",{children:"Convert sRGB to linear"}),u(qn,{value:Bt})]});const Vn=({class:e,...t})=>{const n=_e(!1),r=S(i=>{if(i instanceof Blob){const o=new FileReader;o.onload=()=>{const a=new Image;a.onload=()=>vn(i.name,a),a.src=o.result},o.readAsDataURL(i)}},[]);return u("div",{class:w("toolbar",e),...t,children:[u(Gn,{disabled:N.value!==D,onChange:r}),u("pre",{children:[Math.round(E.value*1e3)/10,"%"]}),u(X,{disabled:N.value!==D||!R.value,onClick:Un,children:"Get average color"}),u("div",{children:[u(X,{onClick:()=>{n.value=!0},children:"Settings"}),n.value&&u(jn,{close:()=>{n.value=!1}})]})]})};const Yn=()=>u("div",{class:"app",children:[u(Vn,{class:"app__toolbar"}),u(gn,{class:"app__editor"}),u(On,{class:"app__sidebar"})]});Wt(u(Yn,{}),document.getElementById("app"));