gradio-static-test-lfs / dist /assets /index-f728411e.js
whitphx's picture
whitphx HF Staff
Add index.html and dist/
172af6a
import{S as ne,i as le,s as $,B as G,C as d,g as y,E as J,F as H,q as v,ae as Tt,G as F,L as P,r as de,b as L,H as U,aa as Qe,ah as At,p,l as x,t as A,o as ee,N as zt,u as It,T as ge,a5 as Bt,ab as xe,ac as et,D as St,M as R,J as q,aj as Et,a0 as yt,y as ue,e as z,m as B,n as S,ad as Ue,ak as Rt,f as _e,a as Q,k as Z,V as Dt,X as Lt,Y as jt,Z as Ut,x as qt,$ as Ht,h as Ft,j as Nt}from"../lite.js";import{B as Wt}from"./Button-5b68d65a.js";import{B as vt}from"./BlockLabel-e392131b.js";/* empty css */import{I as qe}from"./Image-9065c566.js";import{C as Xt,i as Yt,U as Ot,W as Jt}from"./StaticImage.svelte_svelte_type_style_lang-8f029e82.js";import{I as ke,C as Pt,M as He}from"./ModifyUpload-33254150.js";import{U as Vt}from"./Upload-09ed31cf.js";import{E as Gt}from"./Empty-b331fdfe.js";import{D as Qt}from"./Download-604a4bc6.js";import"./Blocks-b77f2878.js";import{U as Zt}from"./UploadText-45e994b7.js";import{E as _l}from"./Image-aef6d5f0.js";import"./ModifyUpload.svelte_svelte_type_style_lang-ba6baa96.js";function Kt(t){let e,n,l;return{c(){e=G("svg"),n=G("path"),l=G("path"),d(n,"d","M28.828 3.172a4.094 4.094 0 0 0-5.656 0L4.05 22.292A6.954 6.954 0 0 0 2 27.242V30h2.756a6.952 6.952 0 0 0 4.95-2.05L28.828 8.829a3.999 3.999 0 0 0 0-5.657zM10.91 18.26l2.829 2.829l-2.122 2.121l-2.828-2.828zm-2.619 8.276A4.966 4.966 0 0 1 4.756 28H4v-.759a4.967 4.967 0 0 1 1.464-3.535l1.91-1.91l2.829 2.828zM27.415 7.414l-12.261 12.26l-2.829-2.828l12.262-12.26a2.047 2.047 0 0 1 2.828 0a2 2 0 0 1 0 2.828z"),d(n,"fill","currentColor"),d(l,"d","M6.5 15a3.5 3.5 0 0 1-2.475-5.974l3.5-3.5a1.502 1.502 0 0 0 0-2.121a1.537 1.537 0 0 0-2.121 0L3.415 5.394L2 3.98l1.99-1.988a3.585 3.585 0 0 1 4.95 0a3.504 3.504 0 0 1 0 4.949L5.439 10.44a1.502 1.502 0 0 0 0 2.121a1.537 1.537 0 0 0 2.122 0l4.024-4.024L13 9.95l-4.025 4.024A3.475 3.475 0 0 1 6.5 15z"),d(l,"fill","currentColor"),d(e,"width","100%"),d(e,"height","100%"),d(e,"viewBox","0 0 32 32")},m(a,r){y(a,e,r),J(e,n),J(e,l)},p:H,i:H,o:H,d(a){a&&v(e)}}}class $t extends ne{constructor(e){super(),le(this,e,null,Kt,$,{})}}function xt(t){let e,n,l,a,r,i,u;return{c(){e=G("svg"),n=G("circle"),l=G("circle"),a=G("circle"),r=G("circle"),i=G("circle"),u=G("path"),d(n,"cx","10"),d(n,"cy","12"),d(n,"r","2"),d(n,"fill","currentColor"),d(l,"cx","16"),d(l,"cy","9"),d(l,"r","2"),d(l,"fill","currentColor"),d(a,"cx","22"),d(a,"cy","12"),d(a,"r","2"),d(a,"fill","currentColor"),d(r,"cx","23"),d(r,"cy","18"),d(r,"r","2"),d(r,"fill","currentColor"),d(i,"cx","19"),d(i,"cy","23"),d(i,"r","2"),d(i,"fill","currentColor"),d(u,"fill","currentColor"),d(u,"d","M16.54 2A14 14 0 0 0 2 16a4.82 4.82 0 0 0 6.09 4.65l1.12-.31a3 3 0 0 1 3.79 2.9V27a3 3 0 0 0 3 3a14 14 0 0 0 14-14.54A14.05 14.05 0 0 0 16.54 2Zm8.11 22.31A11.93 11.93 0 0 1 16 28a1 1 0 0 1-1-1v-3.76a5 5 0 0 0-5-5a5.07 5.07 0 0 0-1.33.18l-1.12.31A2.82 2.82 0 0 1 4 16A12 12 0 0 1 16.47 4A12.18 12.18 0 0 1 28 15.53a11.89 11.89 0 0 1-3.35 8.79Z"),d(e,"width","100%"),d(e,"height","100%"),d(e,"viewBox","0 0 32 32")},m(s,f){y(s,e,f),J(e,n),J(e,l),J(e,a),J(e,r),J(e,i),J(e,u)},p:H,i:H,o:H,d(s){s&&v(e)}}}class en extends ne{constructor(e){super(),le(this,e,null,xt,$,{})}}function tn(t){let e,n;return{c(){e=G("svg"),n=G("path"),d(n,"fill","currentColor"),d(n,"d","M7 27h23v2H7zm20.38-16.49l-7.93-7.92a2 2 0 0 0-2.83 0l-14 14a2 2 0 0 0 0 2.83L7.13 24h9.59l10.66-10.66a2 2 0 0 0 0-2.83zM15.89 22H8l-4-4l6.31-6.31l7.93 7.92zm3.76-3.76l-7.92-7.93L18 4l8 7.93z"),d(e,"xmlns","http://www.w3.org/2000/svg"),d(e,"width","100%"),d(e,"height","100%"),d(e,"viewBox","0 0 32 32")},m(l,a){y(l,e,a),J(e,n)},p:H,i:H,o:H,d(l){l&&v(e)}}}class nn extends ne{constructor(e){super(),le(this,e,null,tn,$,{})}}function ln(t){let e,n;return{c(){e=G("svg"),n=G("path"),d(n,"d","M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"),d(e,"xmlns","http://www.w3.org/2000/svg"),d(e,"width","100%"),d(e,"height","100%"),d(e,"viewBox","0 0 24 24"),d(e,"fill","none"),d(e,"stroke","currentColor"),d(e,"stroke-width","1.5"),d(e,"stroke-linecap","round"),d(e,"stroke-linejoin","round"),d(e,"class","feather feather-edit-2")},m(l,a){y(l,e,a),J(e,n)},p:H,i:H,o:H,d(l){l&&v(e)}}}let tt=class extends ne{constructor(e){super(),le(this,e,null,ln,$,{})}};const Ct=t=>{let e=t.currentTarget;const n=e.getBoundingClientRect(),l=e.naturalWidth/n.width,a=e.naturalHeight/n.height;if(l>a){n.width;const u=e.naturalHeight/l,s=(n.height-u)/2;var r=Math.round((t.clientX-n.left)*l),i=Math.round((t.clientY-n.top-s)*l)}else{const u=e.naturalWidth/a;n.height;const s=(n.width-u)/2;var r=Math.round((t.clientX-n.left-s)*a),i=Math.round((t.clientY-n.top)*a)}return r<0||r>=e.naturalWidth||i<0||i>=e.naturalHeight?null:[r,i]};function sn(t){let e,n;return{c(){e=F("img"),P(e.src,n=t[0])||d(e,"src",n),d(e,"alt","")},m(l,a){y(l,e,a),t[4](e)},p(l,[a]){a&1&&!P(e.src,n=l[0])&&d(e,"src",n)},i:H,o:H,d(l){l&&v(e),t[4](null)}}}function rn(t,e,n){let{image:l}=e,a;const r=de();let i;function u(){i.destroy()}function s(){i&&u(),i=new Xt(a,{autoCropArea:1,cropend(){const o=i.getCroppedCanvas().toDataURL();r("crop",o)}}),r("crop",l)}function f(o){L[o?"unshift":"push"](()=>{a=o,n(1,a)})}return t.$$set=o=>{"image"in o&&n(0,l=o.image)},[l,a,u,s,f]}class Mt extends ne{constructor(e){super(),le(this,e,rn,sn,$,{image:0,destroy:2,create:3})}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),Tt()}get destroy(){return this.$$.ctx[2]}get create(){return this.$$.ctx[3]}}class nt{constructor(e,n){this.x=e,this.y=n}}class lt extends nt{update(e){this.x=e.x,this.y=e.y}moveByAngle(e,n){const l=e+Math.PI/2;this.x=this.x+Math.sin(l)*n,this.y=this.y-Math.cos(l)*n}equalsTo(e){return this.x===e.x&&this.y===e.y}getDifferenceTo(e){return new nt(this.x-e.x,this.y-e.y)}getDistanceTo(e){const n=this.getDifferenceTo(e);return Math.sqrt(Math.pow(n.x,2)+Math.pow(n.y,2))}getAngleTo(e){const n=this.getDifferenceTo(e);return Math.atan2(n.y,n.x)}toObject(){return{x:this.x,y:this.y}}}const an=30;class un{constructor({radius:e=an,enabled:n=!0,initialPoint:l={x:0,y:0}}={}){this.radius=e,this._isEnabled=n,this.pointer=new lt(l.x,l.y),this.brush=new lt(l.x,l.y),this.angle=0,this.distance=0,this._hasMoved=!1}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}isEnabled(){return this._isEnabled}setRadius(e){this.radius=e}getRadius(){return this.radius}getBrushCoordinates(){return this.brush.toObject()}getPointerCoordinates(){return this.pointer.toObject()}getBrush(){return this.brush}getPointer(){return this.pointer}getAngle(){return this.angle}getDistance(){return this.distance}brushHasMoved(){return this._hasMoved}update(e,{both:n=!1}={}){return this._hasMoved=!1,this.pointer.equalsTo(e)&&!n?!1:(this.pointer.update(e),n?(this._hasMoved=!0,this.brush.update(e),!0):(this._isEnabled?(this.distance=this.pointer.getDistanceTo(this.brush),this.angle=this.pointer.getAngleTo(this.brush),this.distance>this.radius&&(this.brush.moveByAngle(this.angle,this.distance-this.radius),this._hasMoved=!0)):(this.distance=0,this.angle=0,this.brush.update(e),this._hasMoved=!0),!0))}}function st(t,e,n){const l=t.slice();return l[61]=e[n].name,l[62]=e[n].zIndex,l[63]=e,l[64]=n,l}function it(t){let e,n,l;return{c(){e=F("div"),e.textContent="Start drawing",d(e,"class","start-prompt svelte-yigbas")},m(a,r){y(a,e,r),l=!0},i(a){l||(Qe(()=>{l&&(n||(n=xe(e,et,{duration:50},!0)),n.run(1))}),l=!0)},o(a){n||(n=xe(e,et,{duration:50},!1)),n.run(0),l=!1},d(a){a&&v(e),a&&n&&n.end()}}}function rt(t){let e,n=t[61],l,a;const r=()=>t[30](e,n),i=()=>t[30](null,n);return{c(){e=F("canvas"),d(e,"key",t[61]),St(e,"z-index",t[62]),d(e,"class","svelte-yigbas"),R(e,"lr",t[5]),R(e,"tb",!t[5])},m(u,s){y(u,e,s),r(),l||(a=[q(e,"mousedown",t[61]==="interface"?t[7]:void 0),q(e,"mousemove",t[61]==="interface"?t[8]:void 0),q(e,"mouseup",t[61]==="interface"?t[9]:void 0),q(e,"mouseout",t[61]==="interface"?t[9]:void 0),q(e,"blur",t[61]==="interface"?t[9]:void 0),q(e,"touchstart",t[61]==="interface"?t[7]:void 0),q(e,"touchmove",t[61]==="interface"?t[8]:void 0),q(e,"touchend",t[61]==="interface"?t[9]:void 0),q(e,"touchcancel",t[61]==="interface"?t[9]:void 0),q(e,"click",Et(t[29]))],l=!0)},p(u,s){t=u,n!==t[61]&&(i(),n=t[61],r()),s[0]&32&&R(e,"lr",t[5]),s[0]&32&&R(e,"tb",!t[5])},d(u){u&&v(e),i(),l=!1,yt(a)}}}function on(t){let e,n,l,a,r=t[4]===0&&it(),i=t[6],u=[];for(let s=0;s<i.length;s+=1)u[s]=rt(st(t,i,s));return{c(){e=F("div"),r&&r.c(),n=U();for(let s=0;s<u.length;s+=1)u[s].c();d(e,"class","wrap svelte-yigbas"),Qe(()=>t[32].call(e))},m(s,f){y(s,e,f),r&&r.m(e,null),J(e,n);for(let o=0;o<u.length;o+=1)u[o]&&u[o].m(e,null);t[31](e),l=At(e,t[32].bind(e)),a=!0},p(s,f){if(s[4]===0?r?f[0]&16&&p(r,1):(r=it(),r.c(),p(r,1),r.m(e,n)):r&&(x(),A(r,1,1,()=>{r=null}),ee()),f[0]&993){i=s[6];let o;for(o=0;o<i.length;o+=1){const g=st(s,i,o);u[o]?u[o].p(g,f):(u[o]=rt(g),u[o].c(),u[o].m(e,null))}for(;o<u.length;o+=1)u[o].d(1);u.length=i.length}},i(s){a||(p(r),a=!0)},o(s){A(r),a=!1},d(s){s&&v(e),r&&r.d(),zt(u,s),t[31](null),l()}}}let fn="#aaa";function at(t,e){return{x:t.x+(e.x-t.x)/2,y:t.y+(e.y-t.y)/2}}function _n(t,e,n){let l;const a=de();let{value:r}=e,{value_img:i}=e,{mode:u="sketch"}=e,{brush_color:s="#0b0f19"}=e,{brush_radius:f}=e,{source:o}=e,{width:g=400}=e,{height:_=200}=e,{container_height:c=200}=e,{shape:b}=e,I,D=g,N=_,j;const ce=[{name:"interface",zIndex:15},{name:"drawing",zIndex:11},{name:"temp",zIndex:12},{name:"mask",zIndex:-1},{name:"temp_fake",zIndex:-2}];let E={},k={},W=[],Y=[],se=!0,oe=!0,fe=!1,ie=!1,O=null,te=null,X=null,K=0;function w(){if(!b){k.temp.drawImage(i,0,0,g,_);return}let m=i.naturalWidth,C=i.naturalHeight;const M=b[0]/b[1],h=m/C;let T=0,V=0;M<h?(m=b[1]*h,C=b[1],T=(b[0]-m)/2):M>h?(m=b[0],C=b[0]/h,V=(b[1]-C)/2):(T=0,V=0,m=b[0],C=b[1]),k.temp.drawImage(i,T,V,m,C)}It(async()=>{Object.keys(E).forEach(m=>{n(26,k[m]=E[m].getContext("2d"),k)}),await ge(),i&&(i.addEventListener("load",m=>{o==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):w(),k.drawing.drawImage(E.temp,0,0,g,_),ae()}),setTimeout(()=>{o==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):w(),k.drawing.drawImage(E.temp,0,0,g,_),pe({lines:Y.slice()}),ae()},100)),n(28,O=new un({radius:f*.05,enabled:!0,initialPoint:{x:g/2,y:_/2}})),X=new Yt((m,C,...M)=>{Te()}),X.observe(te),we(),n(24,I=!0),requestAnimationFrame(()=>{be(),requestAnimationFrame(()=>{me()})})});function be(){const m=g/2,C=_/2;O.update({x:m,y:C},{both:!0}),O.update({x:m,y:C},{both:!1}),se=!0,oe=!0}Bt(()=>{n(24,I=!1),X.unobserve(te)});function re(m){Le(),i&&(o==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):w(),(!Y||!Y.length)&&k.drawing.drawImage(E.temp,0,0,g,_)),pe({lines:m}),n(4,K=m.length),Y.length&&n(27,Y=m),Y.length==0&&a("clear")}function Fe(){re([]),ae()}function Ne(){const m=Y.slice(0,-1);re(m),ae()}let pe=({lines:m})=>{m.forEach(C=>{const{points:M,brush_color:h,brush_radius:T}=C;Se({points:M,brush_color:h,brush_radius:T}),u==="mask"&&Ee({points:M,brush_color:h,brush_radius:T}),W=M}),De(),u==="mask"&&Re()},We=m=>{m.preventDefault(),ie=!0;const{x:C,y:M}=ze(m);m.touches&&m.touches.length>0&&O.update({x:C,y:M},{both:!0}),Be(C,M),n(4,K+=1)},Ie=m=>{m.preventDefault();const{x:C,y:M}=ze(m);Be(C,M)},Xe=m=>{m.preventDefault(),Ie(m),fe=!1,ie=!1,De(),u==="mask"&&Re()},ye=0,ve=0,Ce=0,Me=!1,Te=async()=>{if(b&&te){const M=te?.getBoundingClientRect(),h=b[0]/b[1],T=M.width/M.height;n(5,Me=h<T)}if(g===ye&&_===ve&&Ce===c)return;const m={width:g,height:_},C={height:c,width:c*(m.width/m.height)};await Promise.all([he(E.interface,m,C),he(E.drawing,m,C),he(E.temp,m,C),he(E.temp_fake,m,C),he(E.mask,m,C,!1)]),f||n(10,f=20*(m.width/C.width)),we({once:!0}),setTimeout(()=>{ve=_,ye=g,Ce=c},10),await ge(),me()},he=async(m,C,M,h=!0)=>{if(!I)return;await ge();const T=window.devicePixelRatio||1;m.width=C.width*(h?T:1),m.height=C.height*(h?T:1);const V=m.getContext("2d");h&&V.scale(T,T),m.style.width=`${M.width}px`,m.style.height=`${M.height}px`},ze=m=>{const C=E.interface.getBoundingClientRect();let M=m.clientX,h=m.clientY;return m.changedTouches&&m.changedTouches.length>0&&(M=m.changedTouches[0].clientX,h=m.changedTouches[0].clientY),{x:(M-C.left)/C.width*g,y:(h-C.top)/C.height*_}},Be=(m,C)=>{O.update({x:m,y:C});const M=!O.isEnabled();(ie&&!fe||M&&ie)&&(fe=!0,W.push(O.brush.toObject())),fe&&(W.push(O.brush.toObject()),Se({points:W,brush_color:s,brush_radius:f}),u==="mask"&&Ee({points:W,brush_color:s,brush_radius:f})),se=!0},Se=({points:m,brush_color:C,brush_radius:M})=>{if(!m||m.length<2||(n(26,k.temp.lineJoin="round",k),n(26,k.temp.lineCap="round",k),n(26,k.temp.strokeStyle=C,k),n(26,k.temp.lineWidth=M,k),!m||m.length<2))return;let h=m[0],T=m[1];k.temp.moveTo(T.x,T.y),k.temp.beginPath();for(var V=1,Ge=m.length;V<Ge;V++){var Ae=at(h,T);k.temp.quadraticCurveTo(h.x,h.y,Ae.x,Ae.y),h=m[V],T=m[V+1]}k.temp.lineTo(h.x,h.y),k.temp.stroke()},Ee=({points:m,brush_color:C,brush_radius:M})=>{if(!m||m.length<2)return;n(26,k.temp_fake.lineJoin="round",k),n(26,k.temp_fake.lineCap="round",k),n(26,k.temp_fake.strokeStyle="#fff",k),n(26,k.temp_fake.lineWidth=M,k);let h=m[0],T=m[1];k.temp_fake.moveTo(T.x,T.y),k.temp_fake.beginPath();for(var V=1,Ge=m.length;V<Ge;V++){var Ae=at(h,T);k.temp_fake.quadraticCurveTo(h.x,h.y,Ae.x,Ae.y),h=m[V],T=m[V+1]}k.temp_fake.lineTo(h.x,h.y),k.temp_fake.stroke()},Re=()=>{W.length<1||(W.length=0,k.mask.drawImage(E.temp_fake,0,0,g,_),ae())},De=()=>{W.length<1||(Y.push({points:W.slice(),brush_color:s,brush_radius:f}),u!=="mask"&&(W.length=0),k.drawing.drawImage(E.temp,0,0,g,_),ae())},ae=()=>{const m=je();a("change",m)};function me(){return n(27,Y=[]),Le(),n(4,K=0),!0}function Le(){oe=!0,k.temp.clearRect(0,0,g,_),n(26,k.temp.fillStyle=u==="mask"?"transparent":"#FFFFFF",k),k.temp.fillRect(0,0,g,_),u==="mask"&&(k.temp_fake.clearRect(0,0,E.temp_fake.width,E.temp_fake.height),k.mask.clearRect(0,0,g,_),n(26,k.mask.fillStyle="#000",k),k.mask.fillRect(0,0,g,_))}let we=({once:m=!1}={})=>{if(se||oe){const C=O.getPointerCoordinates(),M=O.getBrushCoordinates();Ye(k.interface,C,M),se=!1,oe=!1}m||window.requestAnimationFrame(()=>{we()})},Ye=(m,C,M)=>{m.clearRect(0,0,g,_),m.beginPath(),m.fillStyle=s,m.arc(M.x,M.y,f/2,0,Math.PI*2,!0),m.fill(),m.beginPath(),m.fillStyle=fn,m.arc(M.x,M.y,l,0,Math.PI*2,!0),m.fill()};function je(){return u==="mask"?E.mask.toDataURL("image/jpg"):E.drawing.toDataURL("image/jpg")}function Oe(m){ue.call(this,t,m)}function Je(m,C){L[m?"unshift":"push"](()=>{E[C]=m,n(0,E)})}function Pe(m){L[m?"unshift":"push"](()=>{te=m,n(3,te)})}function Ve(){D=this.offsetWidth,N=this.offsetHeight,n(1,D),n(2,N)}return t.$$set=m=>{"value"in m&&n(13,r=m.value),"value_img"in m&&n(14,i=m.value_img),"mode"in m&&n(15,u=m.mode),"brush_color"in m&&n(16,s=m.brush_color),"brush_radius"in m&&n(10,f=m.brush_radius),"source"in m&&n(17,o=m.source),"width"in m&&n(11,g=m.width),"height"in m&&n(12,_=m.height),"container_height"in m&&n(18,c=m.container_height),"shape"in m&&n(19,b=m.shape)},t.$$.update=()=>{t.$$.dirty[0]&530432&&b&&(g||_)&&(n(11,g=b[0]),n(12,_=b[1])),t.$$.dirty[0]&16785408&&I&&!r&&me(),t.$$.dirty[0]&251811841&&I&&i!==j&&(n(25,j=i),me(),setTimeout(()=>{o==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):w(),k.drawing.drawImage(E.temp,0,0,g,_),pe({lines:Y.slice()}),ae()},50)),t.$$.dirty[0]&268436480&&O&&(be(),O.setRadius(f*.05)),t.$$.dirty[0]&6144&&(g||_)&&Te(),t.$$.dirty[0]&1024&&(l=f*.075)},[E,D,N,te,K,Me,ce,We,Ie,Xe,f,g,_,r,i,u,s,o,c,b,Fe,Ne,me,je,I,j,k,Y,O,Oe,Je,Pe,Ve]}class Ze extends ne{constructor(e){super(),le(this,e,_n,on,$,{value:13,value_img:14,mode:15,brush_color:16,brush_radius:10,source:17,width:11,height:12,container_height:18,shape:19,clear_mask:20,undo:21,clear:22,get_image_data:23},null,[-1,-1,-1])}get clear_mask(){return this.$$.ctx[20]}get undo(){return this.$$.ctx[21]}get clear(){return this.$$.ctx[22]}get get_image_data(){return this.$$.ctx[23]}}function ut(t){let e,n;return e=new ke({props:{Icon:nn,label:"Clear"}}),e.$on("click",t[3]),{c(){z(e.$$.fragment)},m(l,a){B(e,l,a),n=!0},p:H,i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){S(e,l)}}}function cn(t){let e,n,l,a,r,i;n=new ke({props:{Icon:Ot,label:"Undo"}}),n.$on("click",t[2]);let u=t[0]&&ut(t);return r=new ke({props:{Icon:Pt,label:"Remove Image"}}),r.$on("click",t[4]),{c(){e=F("div"),z(n.$$.fragment),l=U(),u&&u.c(),a=U(),z(r.$$.fragment),d(e,"class","svelte-s6ybro")},m(s,f){y(s,e,f),B(n,e,null),J(e,l),u&&u.m(e,null),J(e,a),B(r,e,null),i=!0},p(s,[f]){s[0]?u?(u.p(s,f),f&1&&p(u,1)):(u=ut(s),u.c(),p(u,1),u.m(e,a)):u&&(x(),A(u,1,1,()=>{u=null}),ee())},i(s){i||(p(n.$$.fragment,s),p(u),p(r.$$.fragment,s),i=!0)},o(s){A(n.$$.fragment,s),A(u),A(r.$$.fragment,s),i=!1},d(s){s&&v(e),S(n),u&&u.d(),S(r)}}}function hn(t,e,n){const l=de();let{show_eraser:a=!1}=e;const r=()=>l("undo"),i=s=>{l("clear_mask"),s.stopPropagation()},u=s=>{l("remove_image"),s.stopPropagation()};return t.$$set=s=>{"show_eraser"in s&&n(0,a=s.show_eraser)},[a,l,r,i,u]}class Ke extends ne{constructor(e){super(),le(this,e,hn,cn,$,{show_eraser:0})}}function ot(t){let e,n,l,a,r;return{c(){e=F("input"),d(e,"aria-label","Brush radius"),d(e,"type","range"),d(e,"min",n=.5*(t[2]/t[6])),d(e,"max",l=75*(t[2]/t[6])),d(e,"class","svelte-p4aq0j")},m(i,u){y(i,e,u),Ue(e,t[0]),a||(r=[q(e,"change",t[10]),q(e,"input",t[10])],a=!0)},p(i,u){u&68&&n!==(n=.5*(i[2]/i[6]))&&d(e,"min",n),u&68&&l!==(l=75*(i[2]/i[6]))&&d(e,"max",l),u&1&&Ue(e,i[0])},d(i){i&&v(e),a=!1,yt(r)}}}function ft(t){let e,n,l,a;n=new ke({props:{Icon:en,label:"Select brush color"}}),n.$on("click",t[11]);let r=t[5]&&_t(t);return{c(){e=F("span"),z(n.$$.fragment),l=U(),r&&r.c(),d(e,"class","col svelte-p4aq0j")},m(i,u){y(i,e,u),B(n,e,null),J(e,l),r&&r.m(e,null),a=!0},p(i,u){i[5]?r?r.p(i,u):(r=_t(i),r.c(),r.m(e,null)):r&&(r.d(1),r=null)},i(i){a||(p(n.$$.fragment,i),a=!0)},o(i){A(n.$$.fragment,i),a=!1},d(i){i&&v(e),S(n),r&&r.d()}}}function _t(t){let e,n,l;return{c(){e=F("input"),d(e,"aria-label","Brush color"),d(e,"type","color"),d(e,"class","svelte-p4aq0j")},m(a,r){y(a,e,r),Ue(e,t[1]),n||(l=q(e,"input",t[12]),n=!0)},p(a,r){r&2&&Ue(e,a[1])},d(a){a&&v(e),n=!1,l()}}}function mn(t){let e,n,l,a,r,i;l=new ke({props:{Icon:$t,label:"Use brush"}}),l.$on("click",t[9]);let u=t[4]&&ot(t),s=t[3]!=="mask"&&ft(t);return{c(){e=F("div"),n=F("span"),z(l.$$.fragment),a=U(),u&&u.c(),r=U(),s&&s.c(),d(n,"class","brush svelte-p4aq0j"),d(e,"class","wrap svelte-p4aq0j")},m(f,o){y(f,e,o),J(e,n),B(l,n,null),J(n,a),u&&u.m(n,null),J(e,r),s&&s.m(e,null),i=!0},p(f,[o]){f[4]?u?u.p(f,o):(u=ot(f),u.c(),u.m(n,null)):u&&(u.d(1),u=null),f[3]!=="mask"?s?(s.p(f,o),o&8&&p(s,1)):(s=ft(f),s.c(),p(s,1),s.m(e,null)):s&&(x(),A(s,1,1,()=>{s=null}),ee())},i(f){i||(p(l.$$.fragment,f),p(s),i=!0)},o(f){A(l.$$.fragment,f),A(s),i=!1},d(f){f&&v(e),S(l),u&&u.d(),s&&s.d()}}}function gn(t,e,n){let l;de();let a=!1,r=!1,{brush_radius:i=20}=e,{brush_color:u="#000"}=e,{container_height:s}=e,{img_width:f}=e,{img_height:o}=e,{mode:g="other"}=e;const _=()=>n(4,a=!a);function c(){i=Rt(this.value),n(0,i)}const b=()=>n(5,r=!r);function I(){u=this.value,n(1,u)}return t.$$set=D=>{"brush_radius"in D&&n(0,i=D.brush_radius),"brush_color"in D&&n(1,u=D.brush_color),"container_height"in D&&n(7,s=D.container_height),"img_width"in D&&n(2,f=D.img_width),"img_height"in D&&n(8,o=D.img_height),"mode"in D&&n(3,g=D.mode)},t.$$.update=()=>{t.$$.dirty&388&&n(6,l=s*(f/o))},[i,u,f,g,a,r,l,s,o,_,c,b,I]}class $e extends ne{constructor(e){super(),le(this,e,gn,mn,$,{brush_radius:0,brush_color:1,container_height:7,img_width:2,img_height:8,mode:3})}}function dn(t){let e,n,l,a;return{c(){e=F("img"),P(e.src,n=t[0].image||t[0])||d(e,"src",n),d(e,"alt",""),d(e,"class","svelte-p3y7hu"),R(e,"webcam",t[5]==="webcam"&&t[9]),R(e,"selectable",t[10])},m(r,i){y(r,e,i),l||(a=q(e,"click",t[29]),l=!0)},p(r,i){i[0]&1&&!P(e.src,n=r[0].image||r[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",r[5]==="webcam"&&r[9]),i[0]&1024&&R(e,"selectable",r[10])},i:H,o:H,d(r){r&&v(e),l=!1,a()}}}function bn(t){let e=t[21],n,l,a,r=ct(t),i=t[16]>0&&ht(t);return{c(){r.c(),n=U(),i&&i.c(),l=_e()},m(u,s){r.m(u,s),y(u,n,s),i&&i.m(u,s),y(u,l,s),a=!0},p(u,s){s[0]&2097152&&$(e,e=u[21])?(r.d(1),r=ct(u),r.c(),r.m(n.parentNode,n)):r.p(u,s),u[16]>0?i?(i.p(u,s),s[0]&65536&&p(i,1)):(i=ht(u),i.c(),p(i,1),i.m(l.parentNode,l)):i&&(x(),A(i,1,1,()=>{i=null}),ee())},i(u){a||(p(i),a=!0)},o(u){A(i),a=!1},d(u){r.d(u),u&&v(n),i&&i.d(u),u&&v(l)}}}function kn(t){let e,n,l,a,r,i,u;return e=new He({props:{editable:!0}}),e.$on("edit",t[52]),e.$on("clear",t[24]),{c(){z(e.$$.fragment),n=U(),l=F("img"),P(l.src,a=t[0])||d(l,"src",a),d(l,"alt",""),d(l,"class","svelte-p3y7hu"),R(l,"selectable",t[10]),R(l,"webcam",t[5]==="webcam"&&t[9])},m(s,f){B(e,s,f),y(s,n,f),y(s,l,f),r=!0,i||(u=q(l,"click",t[29]),i=!0)},p(s,f){(!r||f[0]&1&&!P(l.src,a=s[0]))&&d(l,"src",a),(!r||f[0]&1024)&&R(l,"selectable",s[10]),(!r||f[0]&544)&&R(l,"webcam",s[5]==="webcam"&&s[9])},i(s){r||(p(e.$$.fragment,s),r=!0)},o(s){A(e.$$.fragment,s),r=!1},d(s){S(e,s),s&&v(n),s&&v(l),i=!1,u()}}}function pn(t){let e,n,l,a,r={image:t[0]};return e=new Mt({props:r}),t[50](e),e.$on("crop",t[25]),l=new He({}),l.$on("clear",t[51]),{c(){z(e.$$.fragment),n=U(),z(l.$$.fragment)},m(i,u){B(e,i,u),y(i,n,u),B(l,i,u),a=!0},p(i,u){const s={};u[0]&1&&(s.image=i[0]),e.$set(s)},i(i){a||(p(e.$$.fragment,i),p(l.$$.fragment,i),a=!0)},o(i){A(e.$$.fragment,i),A(l.$$.fragment,i),a=!1},d(i){t[50](null),S(e,i),i&&v(n),S(l,i)}}}function wn(t){let e,n,l=t[5]==="webcam"&&!t[21]&&gt(t);return{c(){l&&l.c(),e=_e()},m(a,r){l&&l.m(a,r),y(a,e,r),n=!0},p(a,r){a[5]==="webcam"&&!a[21]?l?(l.p(a,r),r[0]&2097184&&p(l,1)):(l=gt(a),l.c(),p(l,1),l.m(e.parentNode,e)):l&&(x(),A(l,1,1,()=>{l=null}),ee())},i(a){n||(p(l),n=!0)},o(a){A(l),n=!1},d(a){l&&l.d(a),a&&v(e)}}}function An(t){let e,n,l,a,r,i,u;e=new Ke({}),e.$on("undo",t[42]),e.$on("remove_image",t[27]);let s=t[1]==="color-sketch"&&dt(t);function f(_){t[45](_)}function o(_){t[46](_)}let g={value:t[0],mode:t[13],width:t[16]||t[20],height:t[15]||t[19],container_height:t[17]||t[19],shape:t[6]};return t[2]!==void 0&&(g.brush_radius=t[2]),t[22]!==void 0&&(g.brush_color=t[22]),a=new Ze({props:g}),L.push(()=>Q(a,"brush_radius",f)),L.push(()=>Q(a,"brush_color",o)),t[47](a),a.$on("change",t[25]),a.$on("clear",t[27]),{c(){z(e.$$.fragment),n=U(),s&&s.c(),l=U(),z(a.$$.fragment)},m(_,c){B(e,_,c),y(_,n,c),s&&s.m(_,c),y(_,l,c),B(a,_,c),u=!0},p(_,c){_[1]==="color-sketch"?s?(s.p(_,c),c[0]&2&&p(s,1)):(s=dt(_),s.c(),p(s,1),s.m(l.parentNode,l)):s&&(x(),A(s,1,1,()=>{s=null}),ee());const b={};c[0]&1&&(b.value=_[0]),c[0]&8192&&(b.mode=_[13]),c[0]&1114112&&(b.width=_[16]||_[20]),c[0]&557056&&(b.height=_[15]||_[19]),c[0]&655360&&(b.container_height=_[17]||_[19]),c[0]&64&&(b.shape=_[6]),!r&&c[0]&4&&(r=!0,b.brush_radius=_[2],Z(()=>r=!1)),!i&&c[0]&4194304&&(i=!0,b.brush_color=_[22],Z(()=>i=!1)),a.$set(b)},i(_){u||(p(e.$$.fragment,_),p(s),p(a.$$.fragment,_),u=!0)},o(_){A(e.$$.fragment,_),A(s),A(a.$$.fragment,_),u=!1},d(_){S(e,_),_&&v(n),s&&s.d(_),_&&v(l),t[47](null),S(a,_)}}}function In(t){let e,n,l;function a(i){t[41](i)}let r={filetype:"image/*",include_file_metadata:!1,disable_click:!!t[0],$$slots:{default:[zn]},$$scope:{ctx:t}};return t[12]!==void 0&&(r.dragging=t[12]),e=new Vt({props:r}),L.push(()=>Q(e,"dragging",a)),e.$on("load",t[23]),{c(){z(e.$$.fragment)},m(i,u){B(e,i,u),l=!0},p(i,u){const s={};u[0]&1&&(s.disable_click=!!i[0]),u[0]&8384231|u[1]&1073741824&&(s.$$scope={dirty:u,ctx:i}),!n&&u[0]&4096&&(n=!0,s.dragging=i[12],Z(()=>n=!1)),e.$set(s)},i(i){l||(p(e.$$.fragment,i),l=!0)},o(i){A(e.$$.fragment,i),l=!1},d(i){S(e,i)}}}function ct(t){let e,n,l,a;return{c(){e=F("img"),d(e,"class","absolute-img svelte-p3y7hu"),P(e.src,n=t[21]||t[0]?.image||t[0])||d(e,"src",n),d(e,"alt",""),R(e,"webcam",t[5]==="webcam"&&t[9])},m(r,i){y(r,e,i),t[53](e),l||(a=q(e,"load",t[26]),l=!0)},p(r,i){i[0]&2097153&&!P(e.src,n=r[21]||r[0]?.image||r[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",r[5]==="webcam"&&r[9])},d(r){r&&v(e),t[53](null),l=!1,a()}}}function ht(t){let e,n,l,a,r,i,u,s;function f(c){t[55](c)}function o(c){t[56](c)}let g={value:t[0],mode:t[13],width:t[16]||t[20],height:t[15]||t[19],container_height:t[17]||t[19],value_img:t[18],source:t[5]};t[2]!==void 0&&(g.brush_radius=t[2]),t[22]!==void 0&&(g.brush_color=t[22]),e=new Ze({props:g}),t[54](e),L.push(()=>Q(e,"brush_radius",f)),L.push(()=>Q(e,"brush_color",o)),e.$on("change",t[25]),r=new Ke({}),r.$on("undo",t[57]),r.$on("remove_image",t[27]);let _=(t[1]==="color-sketch"||t[1]==="sketch")&&mt(t);return{c(){z(e.$$.fragment),a=U(),z(r.$$.fragment),i=U(),_&&_.c(),u=_e()},m(c,b){B(e,c,b),y(c,a,b),B(r,c,b),y(c,i,b),_&&_.m(c,b),y(c,u,b),s=!0},p(c,b){const I={};b[0]&1&&(I.value=c[0]),b[0]&8192&&(I.mode=c[13]),b[0]&1114112&&(I.width=c[16]||c[20]),b[0]&557056&&(I.height=c[15]||c[19]),b[0]&655360&&(I.container_height=c[17]||c[19]),b[0]&262144&&(I.value_img=c[18]),b[0]&32&&(I.source=c[5]),!n&&b[0]&4&&(n=!0,I.brush_radius=c[2],Z(()=>n=!1)),!l&&b[0]&4194304&&(l=!0,I.brush_color=c[22],Z(()=>l=!1)),e.$set(I),c[1]==="color-sketch"||c[1]==="sketch"?_?(_.p(c,b),b[0]&2&&p(_,1)):(_=mt(c),_.c(),p(_,1),_.m(u.parentNode,u)):_&&(x(),A(_,1,1,()=>{_=null}),ee())},i(c){s||(p(e.$$.fragment,c),p(r.$$.fragment,c),p(_),s=!0)},o(c){A(e.$$.fragment,c),A(r.$$.fragment,c),A(_),s=!1},d(c){t[54](null),S(e,c),c&&v(a),S(r,c),c&&v(i),_&&_.d(c),c&&v(u)}}}function mt(t){let e,n,l,a;function r(s){t[58](s)}function i(s){t[59](s)}let u={container_height:t[17]||t[19],img_width:t[16]||t[20],img_height:t[15]||t[19],mode:t[13]};return t[2]!==void 0&&(u.brush_radius=t[2]),t[22]!==void 0&&(u.brush_color=t[22]),e=new $e({props:u}),L.push(()=>Q(e,"brush_radius",r)),L.push(()=>Q(e,"brush_color",i)),{c(){z(e.$$.fragment)},m(s,f){B(e,s,f),a=!0},p(s,f){const o={};f[0]&655360&&(o.container_height=s[17]||s[19]),f[0]&1114112&&(o.img_width=s[16]||s[20]),f[0]&557056&&(o.img_height=s[15]||s[19]),f[0]&8192&&(o.mode=s[13]),!n&&f[0]&4&&(n=!0,o.brush_radius=s[2],Z(()=>n=!1)),!l&&f[0]&4194304&&(l=!0,o.brush_color=s[22],Z(()=>l=!1)),e.$set(o)},i(s){a||(p(e.$$.fragment,s),a=!0)},o(s){A(e.$$.fragment,s),a=!1},d(s){S(e,s)}}}function gt(t){let e,n;return e=new Jt({props:{streaming:t[7],pending:t[8],mirror_webcam:t[9]}}),e.$on("capture",t[48]),e.$on("stream",t[25]),e.$on("error",t[49]),{c(){z(e.$$.fragment)},m(l,a){B(e,l,a),n=!0},p(l,a){const r={};a[0]&128&&(r.streaming=l[7]),a[0]&256&&(r.pending=l[8]),a[0]&512&&(r.mirror_webcam=l[9]),e.$set(r)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){S(e,l)}}}function dt(t){let e,n,l,a;function r(s){t[43](s)}function i(s){t[44](s)}let u={container_height:t[17]||t[19],img_width:t[16]||t[20],img_height:t[15]||t[19]};return t[2]!==void 0&&(u.brush_radius=t[2]),t[22]!==void 0&&(u.brush_color=t[22]),e=new $e({props:u}),L.push(()=>Q(e,"brush_radius",r)),L.push(()=>Q(e,"brush_color",i)),{c(){z(e.$$.fragment)},m(s,f){B(e,s,f),a=!0},p(s,f){const o={};f[0]&655360&&(o.container_height=s[17]||s[19]),f[0]&1114112&&(o.img_width=s[16]||s[20]),f[0]&557056&&(o.img_height=s[15]||s[19]),!n&&f[0]&4&&(n=!0,o.brush_radius=s[2],Z(()=>n=!1)),!l&&f[0]&4194304&&(l=!0,o.brush_color=s[22],Z(()=>l=!1)),e.$set(o)},i(s){a||(p(e.$$.fragment,s),a=!0)},o(s){A(e.$$.fragment,s),a=!1},d(s){S(e,s)}}}function yn(t){let e,n,l,a;return{c(){e=F("img"),P(e.src,n=t[0].image||t[0])||d(e,"src",n),d(e,"alt","hello"),d(e,"class","svelte-p3y7hu"),R(e,"webcam",t[5]==="webcam"&&t[9]),R(e,"selectable",t[10])},m(r,i){y(r,e,i),l||(a=q(e,"click",t[29]),l=!0)},p(r,i){i[0]&1&&!P(e.src,n=r[0].image||r[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",r[5]==="webcam"&&r[9]),i[0]&1024&&R(e,"selectable",r[10])},i:H,o:H,d(r){r&&v(e),l=!1,a()}}}function vn(t){let e=t[21],n,l,a,r=bt(t),i=t[16]>0&&kt(t);return{c(){r.c(),n=U(),i&&i.c(),l=_e()},m(u,s){r.m(u,s),y(u,n,s),i&&i.m(u,s),y(u,l,s),a=!0},p(u,s){s[0]&2097152&&$(e,e=u[21])?(r.d(1),r=bt(u),r.c(),r.m(n.parentNode,n)):r.p(u,s),u[16]>0?i?(i.p(u,s),s[0]&65536&&p(i,1)):(i=kt(u),i.c(),p(i,1),i.m(l.parentNode,l)):i&&(x(),A(i,1,1,()=>{i=null}),ee())},i(u){a||(p(i),a=!0)},o(u){A(i),a=!1},d(u){r.d(u),u&&v(n),i&&i.d(u),u&&v(l)}}}function Cn(t){let e,n,l,a,r,i,u;return e=new He({props:{editable:!0}}),e.$on("edit",t[33]),e.$on("clear",t[24]),{c(){z(e.$$.fragment),n=U(),l=F("img"),P(l.src,a=t[0])||d(l,"src",a),d(l,"alt",""),d(l,"class","svelte-p3y7hu"),R(l,"scale-x-[-1]",t[5]==="webcam"&&t[9]),R(l,"selectable",t[10])},m(s,f){B(e,s,f),y(s,n,f),y(s,l,f),r=!0,i||(u=q(l,"click",t[29]),i=!0)},p(s,f){(!r||f[0]&1&&!P(l.src,a=s[0]))&&d(l,"src",a),(!r||f[0]&544)&&R(l,"scale-x-[-1]",s[5]==="webcam"&&s[9]),(!r||f[0]&1024)&&R(l,"selectable",s[10])},i(s){r||(p(e.$$.fragment,s),r=!0)},o(s){A(e.$$.fragment,s),r=!1},d(s){S(e,s),s&&v(n),s&&v(l),i=!1,u()}}}function Mn(t){let e,n,l,a,r={image:t[0]};return e=new Mt({props:r}),t[31](e),e.$on("crop",t[25]),l=new He({}),l.$on("clear",t[32]),{c(){z(e.$$.fragment),n=U(),z(l.$$.fragment)},m(i,u){B(e,i,u),y(i,n,u),B(l,i,u),a=!0},p(i,u){const s={};u[0]&1&&(s.image=i[0]),e.$set(s)},i(i){a||(p(e.$$.fragment,i),p(l.$$.fragment,i),a=!0)},o(i){A(e.$$.fragment,i),A(l.$$.fragment,i),a=!1},d(i){t[31](null),S(e,i),i&&v(n),S(l,i)}}}function Tn(t){let e;const n=t[30].default,l=Dt(n,t,t[61],null);return{c(){l&&l.c()},m(a,r){l&&l.m(a,r),e=!0},p(a,r){l&&l.p&&(!e||r[1]&1073741824)&&Lt(l,n,a,a[61],e?Ut(n,a[61],r,null):jt(a[61]),null)},i(a){e||(p(l,a),e=!0)},o(a){A(l,a),e=!1},d(a){l&&l.d(a)}}}function bt(t){let e,n,l,a;return{c(){e=F("img"),d(e,"class","absolute-img svelte-p3y7hu"),P(e.src,n=t[21]||t[0]?.image||t[0])||d(e,"src",n),d(e,"alt",""),R(e,"webcam",t[5]==="webcam"&&t[9])},m(r,i){y(r,e,i),t[34](e),l||(a=q(e,"load",t[26]),l=!0)},p(r,i){i[0]&2097153&&!P(e.src,n=r[21]||r[0]?.image||r[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",r[5]==="webcam"&&r[9])},d(r){r&&v(e),t[34](null),l=!1,a()}}}function kt(t){let e,n,l,a,r,i,u,s;function f(c){t[36](c)}function o(c){t[37](c)}let g={value:t[0],mode:t[13],width:t[16]||t[20],height:t[15]||t[19],container_height:t[17]||t[19],value_img:t[18],source:t[5],shape:t[6]};t[2]!==void 0&&(g.brush_radius=t[2]),t[22]!==void 0&&(g.brush_color=t[22]),e=new Ze({props:g}),t[35](e),L.push(()=>Q(e,"brush_radius",f)),L.push(()=>Q(e,"brush_color",o)),e.$on("change",t[25]),r=new Ke({props:{show_eraser:t[18]}}),r.$on("undo",t[38]),r.$on("clear_mask",t[28]),r.$on("remove_image",t[27]);let _=(t[1]==="color-sketch"||t[1]==="sketch")&&pt(t);return{c(){z(e.$$.fragment),a=U(),z(r.$$.fragment),i=U(),_&&_.c(),u=_e()},m(c,b){B(e,c,b),y(c,a,b),B(r,c,b),y(c,i,b),_&&_.m(c,b),y(c,u,b),s=!0},p(c,b){const I={};b[0]&1&&(I.value=c[0]),b[0]&8192&&(I.mode=c[13]),b[0]&1114112&&(I.width=c[16]||c[20]),b[0]&557056&&(I.height=c[15]||c[19]),b[0]&655360&&(I.container_height=c[17]||c[19]),b[0]&262144&&(I.value_img=c[18]),b[0]&32&&(I.source=c[5]),b[0]&64&&(I.shape=c[6]),!n&&b[0]&4&&(n=!0,I.brush_radius=c[2],Z(()=>n=!1)),!l&&b[0]&4194304&&(l=!0,I.brush_color=c[22],Z(()=>l=!1)),e.$set(I);const D={};b[0]&262144&&(D.show_eraser=c[18]),r.$set(D),c[1]==="color-sketch"||c[1]==="sketch"?_?(_.p(c,b),b[0]&2&&p(_,1)):(_=pt(c),_.c(),p(_,1),_.m(u.parentNode,u)):_&&(x(),A(_,1,1,()=>{_=null}),ee())},i(c){s||(p(e.$$.fragment,c),p(r.$$.fragment,c),p(_),s=!0)},o(c){A(e.$$.fragment,c),A(r.$$.fragment,c),A(_),s=!1},d(c){t[35](null),S(e,c),c&&v(a),S(r,c),c&&v(i),_&&_.d(c),c&&v(u)}}}function pt(t){let e,n,l,a;function r(s){t[39](s)}function i(s){t[40](s)}let u={container_height:t[17]||t[19],img_width:t[16]||t[20],img_height:t[15]||t[19],mode:t[13]};return t[2]!==void 0&&(u.brush_radius=t[2]),t[22]!==void 0&&(u.brush_color=t[22]),e=new $e({props:u}),L.push(()=>Q(e,"brush_radius",r)),L.push(()=>Q(e,"brush_color",i)),{c(){z(e.$$.fragment)},m(s,f){B(e,s,f),a=!0},p(s,f){const o={};f[0]&655360&&(o.container_height=s[17]||s[19]),f[0]&1114112&&(o.img_width=s[16]||s[20]),f[0]&557056&&(o.img_height=s[15]||s[19]),f[0]&8192&&(o.mode=s[13]),!n&&f[0]&4&&(n=!0,o.brush_radius=s[2],Z(()=>n=!1)),!l&&f[0]&4194304&&(l=!0,o.brush_color=s[22],Z(()=>l=!1)),e.$set(o)},i(s){a||(p(e.$$.fragment,s),a=!0)},o(s){A(e.$$.fragment,s),a=!1},d(s){S(e,s)}}}function zn(t){let e,n,l,a;const r=[Tn,Mn,Cn,vn,yn],i=[];function u(s,f){return s[0]===null&&!s[21]||s[7]?0:s[1]==="select"?1:s[1]==="editor"?2:(s[1]==="sketch"||s[1]==="color-sketch")&&(s[0]!==null||s[21])?3:4}return e=u(t),n=i[e]=r[e](t),{c(){n.c(),l=_e()},m(s,f){i[e].m(s,f),y(s,l,f),a=!0},p(s,f){let o=e;e=u(s),e===o?i[e].p(s,f):(x(),A(i[o],1,1,()=>{i[o]=null}),ee(),n=i[e],n?n.p(s,f):(n=i[e]=r[e](s),n.c()),p(n,1),n.m(l.parentNode,l))},i(s){a||(p(n),a=!0)},o(s){A(n),a=!1},d(s){i[e].d(s),s&&v(l)}}}function Bn(t){let e,n,l,a,r,i,u;e=new vt({props:{show_label:t[4],Icon:t[5]==="canvas"?tt:qe,label:t[3]||(t[5]==="canvas"?"Sketch":"Image")}});const s=[In,An,wn,pn,kn,bn,dn],f=[];function o(g,_){return g[5]==="upload"?0:g[5]==="canvas"?1:g[0]===null&&!g[21]||g[7]?2:g[1]==="select"?3:g[1]==="editor"?4:(g[1]==="sketch"||g[1]==="color-sketch")&&(g[0]!==null||g[21])?5:6}return a=o(t),r=f[a]=s[a](t),{c(){z(e.$$.fragment),n=U(),l=F("div"),r.c(),d(l,"data-testid","image"),d(l,"class","image-container svelte-p3y7hu"),Qe(()=>t[60].call(l))},m(g,_){B(e,g,_),y(g,n,_),y(g,l,_),f[a].m(l,null),i=At(l,t[60].bind(l)),u=!0},p(g,_){const c={};_[0]&16&&(c.show_label=g[4]),_[0]&32&&(c.Icon=g[5]==="canvas"?tt:qe),_[0]&40&&(c.label=g[3]||(g[5]==="canvas"?"Sketch":"Image")),e.$set(c);let b=a;a=o(g),a===b?f[a].p(g,_):(x(),A(f[b],1,1,()=>{f[b]=null}),ee(),r=f[a],r?r.p(g,_):(r=f[a]=s[a](g),r.c()),p(r,1),r.m(l,null))},i(g){u||(p(e.$$.fragment,g),p(r),u=!0)},o(g){A(e.$$.fragment,g),A(r),u=!1},d(g){S(e,g),g&&v(n),g&&v(l),f[a].d(),i()}}}function Sn(t,e,n){let l,{$$slots:a={},$$scope:r}=e,{value:i}=e,{label:u=void 0}=e,{show_label:s}=e,{source:f="upload"}=e,{tool:o="editor"}=e,{shape:g}=e,{streaming:_=!1}=e,{pending:c=!1}=e,{mirror_webcam:b}=e,{brush_radius:I}=e,{selectable:D=!1}=e,N,j;i&&(f==="upload"||f==="webcam")&&o==="sketch"&&(i={image:i,mask:null});function ce({detail:h}){o==="color-sketch"?n(21,re=h):n(0,i=(f==="upload"||f==="webcam")&&o==="sketch"?{image:h,mask:null}:h),W("upload",h)}function E({detail:h}){n(0,i=null),n(21,re=void 0),W("clear")}async function k({detail:h},T){X==="mask"?f==="webcam"&&T?n(0,i={image:h,mask:null}):n(0,i={image:typeof i=="string"?i:i?.image||null,mask:h}):(f==="upload"||f==="webcam")&&o==="sketch"?n(0,i={image:h,mask:null}):n(0,i=h),await ge(),W(_?"stream":"edit")}const W=de();let Y=!1;function se(h){const T=h.currentTarget;n(16,O=T.naturalWidth),n(15,ie=T.naturalHeight),n(17,te=T.getBoundingClientRect().height)}async function oe(){N.clear(),await ge(),n(0,i=null),n(21,re=void 0)}async function fe(){N.clear_mask(),await ge()}let ie=0,O=0,te=0,X,K,w,be,re;It(async()=>{o==="color-sketch"&&i&&typeof i=="string"&&(n(21,re=i),await ge(),se({currentTarget:K}))});const Fe=h=>{let T=Ct(h);T&&W("select",{index:T,value:null})};function Ne(h){L[h?"unshift":"push"](()=>{j=h,n(11,j),n(0,i)})}const pe=h=>(E(h),n(1,o="editor")),We=()=>n(1,o="select");function Ie(h){L[h?"unshift":"push"](()=>{K=h,n(18,K)})}function Xe(h){L[h?"unshift":"push"](()=>{N=h,n(14,N)})}function ye(h){I=h,n(2,I)}function ve(h){l=h,n(22,l),n(13,X),n(5,f),n(1,o)}const Ce=()=>N.undo();function Me(h){I=h,n(2,I)}function Te(h){l=h,n(22,l),n(13,X),n(5,f),n(1,o)}function he(h){Y=h,n(12,Y)}const ze=()=>N.undo();function Be(h){I=h,n(2,I)}function Se(h){l=h,n(22,l),n(13,X),n(5,f),n(1,o)}function Ee(h){I=h,n(2,I)}function Re(h){l=h,n(22,l),n(13,X),n(5,f),n(1,o)}function De(h){L[h?"unshift":"push"](()=>{N=h,n(14,N)})}const ae=h=>o==="color-sketch"?ce(h):k(h,!0);function me(h){ue.call(this,t,h)}function Le(h){L[h?"unshift":"push"](()=>{j=h,n(11,j),n(0,i)})}const we=h=>(E(h),n(1,o="editor")),Ye=()=>n(1,o="select");function je(h){L[h?"unshift":"push"](()=>{K=h,n(18,K)})}function Oe(h){L[h?"unshift":"push"](()=>{N=h,n(14,N)})}function Je(h){I=h,n(2,I)}function Pe(h){l=h,n(22,l),n(13,X),n(5,f),n(1,o)}const Ve=()=>N.undo();function m(h){I=h,n(2,I)}function C(h){l=h,n(22,l),n(13,X),n(5,f),n(1,o)}function M(){w=this.offsetHeight,be=this.offsetWidth,n(19,w),n(20,be)}return t.$$set=h=>{"value"in h&&n(0,i=h.value),"label"in h&&n(3,u=h.label),"show_label"in h&&n(4,s=h.show_label),"source"in h&&n(5,f=h.source),"tool"in h&&n(1,o=h.tool),"shape"in h&&n(6,g=h.shape),"streaming"in h&&n(7,_=h.streaming),"pending"in h&&n(8,c=h.pending),"mirror_webcam"in h&&n(9,b=h.mirror_webcam),"brush_radius"in h&&n(2,I=h.brush_radius),"selectable"in h&&n(10,D=h.selectable),"$$scope"in h&&n(61,r=h.$$scope)},t.$$.update=()=>{t.$$.dirty[0]&1&&W("change",i),t.$$.dirty[0]&4096&&W("drag",Y),t.$$.dirty[0]&34&&(f==="canvas"&&o==="sketch"?n(13,X="bw-sketch"):o==="color-sketch"?n(13,X="color-sketch"):(f==="upload"||f==="webcam")&&o==="sketch"?n(13,X="mask"):n(13,X="editor")),t.$$.dirty[0]&8192&&n(22,l=X=="mask"?"#000000":"#000"),t.$$.dirty[0]&1&&(i===null||i.image===null&&i.mask===null)&&n(21,re=void 0),t.$$.dirty[0]&2049&&j&&(i?(n(11,j.image=i,j),j.create()):j.destroy())},[i,o,I,u,s,f,g,_,c,b,D,j,Y,X,N,ie,O,te,K,w,be,re,l,ce,E,k,se,oe,fe,Fe,a,Ne,pe,We,Ie,Xe,ye,ve,Ce,Me,Te,he,ze,Be,Se,Ee,Re,De,ae,me,Le,we,Ye,je,Oe,Je,Pe,Ve,m,C,M,r]}let En=class extends ne{constructor(e){super(),le(this,e,Sn,Bn,$,{value:0,label:3,show_label:4,source:5,tool:1,shape:6,streaming:7,pending:8,mirror_webcam:9,brush_radius:2,selectable:10},null,[-1,-1,-1])}};function Rn(t){let e,n,l,a,r,i,u,s,f;return l=new ke({props:{Icon:Qt,label:"Download"}}),{c(){e=F("div"),n=F("a"),z(l.$$.fragment),a=U(),r=F("img"),d(n,"href",t[0]),d(n,"target",window.__is_colab__?"_blank":null),d(n,"download","image"),d(e,"class","download svelte-ms5bsk"),P(r.src,i=t[0])||d(r,"src",i),d(r,"alt",""),d(r,"class","svelte-ms5bsk"),R(r,"selectable",t[3])},m(o,g){y(o,e,g),J(e,n),B(l,n,null),y(o,a,g),y(o,r,g),u=!0,s||(f=q(r,"click",t[4]),s=!0)},p(o,g){(!u||g&1)&&d(n,"href",o[0]),(!u||g&1&&!P(r.src,i=o[0]))&&d(r,"src",i),(!u||g&8)&&R(r,"selectable",o[3])},i(o){u||(p(l.$$.fragment,o),u=!0)},o(o){A(l.$$.fragment,o),u=!1},d(o){o&&v(e),S(l),o&&v(a),o&&v(r),s=!1,f()}}}function Dn(t){let e,n;return e=new Gt({props:{size:"large",unpadded_box:!0,$$slots:{default:[Ln]},$$scope:{ctx:t}}}),{c(){z(e.$$.fragment)},m(l,a){B(e,l,a),n=!0},p(l,a){const r={};a&64&&(r.$$scope={dirty:a,ctx:l}),e.$set(r)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){S(e,l)}}}function Ln(t){let e,n;return e=new qe({}),{c(){z(e.$$.fragment)},m(l,a){B(e,l,a),n=!0},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){S(e,l)}}}function jn(t){let e,n,l,a,r,i;e=new vt({props:{show_label:t[2],Icon:qe,label:t[1]||"Image"}});const u=[Dn,Rn],s=[];function f(o,g){return o[0]===null?0:1}return l=f(t),a=s[l]=u[l](t),{c(){z(e.$$.fragment),n=U(),a.c(),r=_e()},m(o,g){B(e,o,g),y(o,n,g),s[l].m(o,g),y(o,r,g),i=!0},p(o,[g]){const _={};g&4&&(_.show_label=o[2]),g&2&&(_.label=o[1]||"Image"),e.$set(_);let c=l;l=f(o),l===c?s[l].p(o,g):(x(),A(s[c],1,1,()=>{s[c]=null}),ee(),a=s[l],a?a.p(o,g):(a=s[l]=u[l](o),a.c()),p(a,1),a.m(r.parentNode,r))},i(o){i||(p(e.$$.fragment,o),p(a),i=!0)},o(o){A(e.$$.fragment,o),A(a),i=!1},d(o){S(e,o),o&&v(n),s[l].d(o),o&&v(r)}}}function Un(t,e,n){let{value:l}=e,{label:a=void 0}=e,{show_label:r}=e,{selectable:i=!1}=e;const u=de(),s=f=>{let o=Ct(f);o&&u("select",{index:o,value:null})};return t.$$set=f=>{"value"in f&&n(0,l=f.value),"label"in f&&n(1,a=f.label),"show_label"in f&&n(2,r=f.show_label),"selectable"in f&&n(3,i=f.selectable)},t.$$.update=()=>{t.$$.dirty&1&&l&&u("change",l)},[l,a,r,i,s]}class qn extends ne{constructor(e){super(),le(this,e,Un,jn,$,{value:0,label:1,show_label:2,selectable:3})}}function Hn(t){let e,n,l;function a(i){t[19](i)}let r={brush_radius:t[14],shape:t[13],source:t[5],tool:t[6],selectable:t[15],label:t[7],show_label:t[8],pending:t[10],streaming:t[9],mirror_webcam:t[12],$$slots:{default:[Nn]},$$scope:{ctx:t}};return t[0]!==void 0&&(r.value=t[0]),e=new En({props:r}),L.push(()=>Q(e,"value",a)),e.$on("edit",t[20]),e.$on("clear",t[21]),e.$on("change",t[22]),e.$on("stream",t[23]),e.$on("drag",t[24]),e.$on("upload",t[25]),e.$on("select",t[26]),e.$on("error",t[27]),{c(){z(e.$$.fragment)},m(i,u){B(e,i,u),l=!0},p(i,u){const s={};u&16384&&(s.brush_radius=i[14]),u&8192&&(s.shape=i[13]),u&32&&(s.source=i[5]),u&64&&(s.tool=i[6]),u&32768&&(s.selectable=i[15]),u&128&&(s.label=i[7]),u&256&&(s.show_label=i[8]),u&1024&&(s.pending=i[10]),u&512&&(s.streaming=i[9]),u&4096&&(s.mirror_webcam=i[12]),u&536870912&&(s.$$scope={dirty:u,ctx:i}),!n&&u&1&&(n=!0,s.value=i[0],Z(()=>n=!1)),e.$set(s)},i(i){l||(p(e.$$.fragment,i),l=!0)},o(i){A(e.$$.fragment,i),l=!1},d(i){S(e,i)}}}function Fn(t){let e,n;return e=new qn({props:{value:t[0],label:t[7],show_label:t[8],selectable:t[15]}}),e.$on("select",t[18]),{c(){z(e.$$.fragment)},m(l,a){B(e,l,a),n=!0},p(l,a){const r={};a&1&&(r.value=l[0]),a&128&&(r.label=l[7]),a&256&&(r.show_label=l[8]),a&32768&&(r.selectable=l[15]),e.$set(r)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){S(e,l)}}}function Nn(t){let e,n;return e=new Zt({props:{type:"image"}}),{c(){z(e.$$.fragment)},m(l,a){B(e,l,a),n=!0},p:H,i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){S(e,l)}}}function Wn(t){let e,n,l,a,r,i;const u=[t[1]];let s={};for(let _=0;_<u.length;_+=1)s=qt(s,u[_]);e=new Ht({props:s});const f=[Fn,Hn],o=[];function g(_,c){return _[16]==="static"?0:1}return l=g(t),a=o[l]=f[l](t),{c(){z(e.$$.fragment),n=U(),a.c(),r=_e()},m(_,c){B(e,_,c),y(_,n,c),o[l].m(_,c),y(_,r,c),i=!0},p(_,c){const b=c&2?Ft(u,[Nt(_[1])]):{};e.$set(b);let I=l;l=g(_),l===I?o[l].p(_,c):(x(),A(o[I],1,1,()=>{o[I]=null}),ee(),a=o[l],a?a.p(_,c):(a=o[l]=f[l](_),a.c()),p(a,1),a.m(r.parentNode,r))},i(_){i||(p(e.$$.fragment,_),p(a),i=!0)},o(_){A(e.$$.fragment,_),A(a),i=!1},d(_){S(e,_),_&&v(n),o[l].d(_),_&&v(r)}}}function Xn(t){let e,n;return e=new Wt({props:{visible:t[4],variant:t[16]==="dynamic"&&t[0]===null&&t[5]==="upload"?"dashed":"solid",border_mode:t[17]?"focus":"base",padding:!1,elem_id:t[2],elem_classes:t[3],style:{height:t[11].height||(t[5]==="webcam"||t[16]==="static"?void 0:wt),width:t[11].width},allow_overflow:!1,$$slots:{default:[Wn]},$$scope:{ctx:t}}}),{c(){z(e.$$.fragment)},m(l,a){B(e,l,a),n=!0},p(l,[a]){const r={};a&16&&(r.visible=l[4]),a&65569&&(r.variant=l[16]==="dynamic"&&l[0]===null&&l[5]==="upload"?"dashed":"solid"),a&131072&&(r.border_mode=l[17]?"focus":"base"),a&4&&(r.elem_id=l[2]),a&8&&(r.elem_classes=l[3]),a&67616&&(r.style={height:l[11].height||(l[5]==="webcam"||l[16]==="static"?void 0:wt),width:l[11].width}),a&537130979&&(r.$$scope={dirty:a,ctx:l}),e.$set(r)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){S(e,l)}}}const wt=240;function Yn(t,e,n){let{elem_id:l=""}=e,{elem_classes:a=[]}=e,{visible:r=!0}=e,{value:i=null}=e,{source:u="upload"}=e,{tool:s="editor"}=e,{label:f}=e,{show_label:o}=e,{streaming:g}=e,{pending:_}=e,{style:c={}}=e,{mirror_webcam:b}=e,{shape:I}=e,{brush_radius:D}=e,{selectable:N=!1}=e,{loading_status:j}=e,{mode:ce}=e;const E=de();let k;function W(w){ue.call(this,t,w)}function Y(w){i=w,n(0,i)}function se(w){ue.call(this,t,w)}function oe(w){ue.call(this,t,w)}function fe(w){ue.call(this,t,w)}function ie(w){ue.call(this,t,w)}const O=({detail:w})=>n(17,k=w);function te(w){ue.call(this,t,w)}function X(w){ue.call(this,t,w)}const K=({detail:w})=>{n(1,j=j||{}),n(1,j.status="error",j),n(1,j.message=w,j)};return t.$$set=w=>{"elem_id"in w&&n(2,l=w.elem_id),"elem_classes"in w&&n(3,a=w.elem_classes),"visible"in w&&n(4,r=w.visible),"value"in w&&n(0,i=w.value),"source"in w&&n(5,u=w.source),"tool"in w&&n(6,s=w.tool),"label"in w&&n(7,f=w.label),"show_label"in w&&n(8,o=w.show_label),"streaming"in w&&n(9,g=w.streaming),"pending"in w&&n(10,_=w.pending),"style"in w&&n(11,c=w.style),"mirror_webcam"in w&&n(12,b=w.mirror_webcam),"shape"in w&&n(13,I=w.shape),"brush_radius"in w&&n(14,D=w.brush_radius),"selectable"in w&&n(15,N=w.selectable),"loading_status"in w&&n(1,j=w.loading_status),"mode"in w&&n(16,ce=w.mode)},t.$$.update=()=>{t.$$.dirty&1&&n(0,i=i||null),t.$$.dirty&1&&E("change")},[i,j,l,a,r,u,s,f,o,g,_,c,b,I,D,N,ce,k,W,Y,se,oe,fe,ie,O,te,X,K]}class On extends ne{constructor(e){super(),le(this,e,Yn,Xn,$,{elem_id:2,elem_classes:3,visible:4,value:0,source:5,tool:6,label:7,show_label:8,streaming:9,pending:10,style:11,mirror_webcam:12,shape:13,brush_radius:14,selectable:15,loading_status:1,mode:16})}}const rl=On,al=["static","dynamic"],ul=t=>({type:{payload:"string"},description:{payload:"image data as base64 string"},example_data:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg=="});export{rl as Component,_l as ExampleComponent,ul as document,al as modes};
//# sourceMappingURL=index-f728411e.js.map