1import{S as ie,e as se,s as te,J as G,K as d,p as C,M as O,n as F,A as v,ao as Bt,N as H,T as P,B as we,h as L,G as xe,O as U,Z as Ge,aq as Ct,z as p,u as $,v as A,y as x,V as St,C as vt,a6 as ke,ah as Et,am as et,L as Rt,U as R,Q as q,Y as Dt,a1 as Mt,F as V,k as T,o as z,x as B,an as Ne,av as Lt,m as ce,j as Z,t as K,a8 as jt,aa as Ut,ab as qt,ac as Ft,E as Ht,ad as Nt,q as Wt,r as Ot}from"./index-0b47fbf5.js";import{f as tt,B as Yt}from"./Button-3c1b6276.js";import{B as yt}from"./BlockLabel-5615836a.js";import{I as We}from"./Image-2067cf3a.js";import{C as Xt,i as Jt,U as Pt,W as Qt}from"./StaticImage.svelte_svelte_type_style_lang-895dc7a2.js";import{I as Ae}from"./IconButton-47ee0202.js";import{C as Vt,M as Oe}from"./ModifyUpload-5153d460.js";import{U as Gt}from"./Upload-63e80741.js";import{u as Zt,S as Kt}from"./ShareButton-92b9e2ed.js";import{E as $t}from"./Empty-b6d8e654.js";import{D as xt}from"./Download-801095c8.js";import"./Blocks-737fc154.js";import{U as en}from"./UploadText-36986228.js";import{E as dl}from"./Image-ae399fba.js";import"./ModifyUpload.svelte_svelte_type_style_lang-d2acacf0.js";function tn(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(r,a){C(r,e,a),O(e,n),O(e,l)},p:F,i:F,o:F,d(r){r&&v(e)}}}class nn extends ie{constructor(e){super(),se(this,e,null,tn,te,{})}}function ln(t){let e,n,l,r,a,i,u;return{c(){e=G("svg"),n=G("circle"),l=G("circle"),r=G("circle"),a=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(r,"cx","22"),d(r,"cy","12"),d(r,"r","2"),d(r,"fill","currentColor"),d(a,"cx","23"),d(a,"cy","18"),d(a,"r","2"),d(a,"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,_){C(s,e,_),O(e,n),O(e,l),O(e,r),O(e,a),O(e,i),O(e,u)},p:F,i:F,o:F,d(s){s&&v(e)}}}class sn extends ie{constructor(e){super(),se(this,e,null,ln,te,{})}}function rn(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,r){C(l,e,r),O(e,n)},p:F,i:F,o:F,d(l){l&&v(e)}}}class an extends ie{constructor(e){super(),se(this,e,null,rn,te,{})}}function un(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,r){C(l,e,r),O(e,n)},p:F,i:F,o:F,d(l){l&&v(e)}}}let nt=class extends ie{constructor(e){super(),se(this,e,null,un,te,{})}};const Tt=t=>{let e=t.currentTarget;
1const n=e.getBoundingClientRect(),l=e.naturalWidth/n.width,r=e.naturalHeight/n.height;if(l>r){n.width;const u=e.naturalHeight/l,s=(n.height-u)/2;var a=Math.round((t.clientX-n.left)*l),i=Math.round((t.clientY-n.top-s)*l)}else{const u=e.naturalWidth/r;n.height;const s=(n.width-u)/2;var a=Math.round((t.clientX-n.left-s)*r),i=Math.round((t.clientY-n.top)*r)}return a<0||a>=e.naturalWidth||i<0||i>=e.naturalHeight?null:[a,i]};function on(t){let e,n;return{c(){e=H("img"),P(e.src,n=t[0])||d(e,"src",n),d(e,"alt","")},m(l,r){C(l,e,r),t[4](e)},p(l,[r]){r&1&&!P(e.src,n=l[0])&&d(e,"src",n)},i:F,o:F,d(l){l&&v(e),t[4](null)}}}function fn(t,e,n){let{image:l}=e,r;const a=we();let i;function u(){i.destroy()}function s(){i&&u(),i=new Xt(r,{autoCropArea:1,cropend(){const c=i.getCroppedCanvas().toDataURL();a("crop",c)}}),a("crop",l)}function _(c){L[c?"unshift":"push"](()=>{r=c,n(1,r)})}return t.$$set=c=>{"image"in c&&n(0,l=c.image)},[l,r,u,s,_]}class zt extends ie{constructor(e){super(),se(this,e,fn,on,te,{image:0,destroy:2,create:3})}get image(){return this.$$.ctx[0]}set image(e){this.$$set({image:e}),Bt()}get destroy(){return this.$$.ctx[2]}get create(){return this.$$.ctx[3]}}class lt{constructor(e,n){this.x=e,this.y=n}}class it extends lt{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 lt(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 _n=30;class hn{constructor({radius:e=_n,enabled:n=!0,initialPoint:l={x:0,y:0}}={}){this.radius=e,this._isEnabled=n,this.pointer=new it(l.x,l.y),this.brush=new it(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 rt(t){let e,n,l;return{c(){e=H("div"),e.textContent="Start drawing",d(e,"class","start-prompt svelte-yigbas")},m(r,a){C(r,e,a),l=!0},i(r){l||(r&&Ge(()=>{l&&(n||(n=et(e,tt,{duration:50},!0)),n.run(1))}),l=!0)},o(r){r&&(n||(n=et(e,tt,{duration:50},!1)),n.run(0)),l=!1},d(r){r&&v(e),r&&n&&n.end()}}}function at(t){let e,n=t[61],l,r;const a=()=>t[30](e,n),i=()=>t[30](null,n);return{c(){e=H("canvas"),d(e,"key",t[61]),Rt(e,"z-index",t[62]),d(e,"class","svelte-yigbas"),R(e,"lr",t[5]),R(e,"tb",!t[5])},m(u,s){C(u,e,s),a(),l||(r=[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",Dt(t[29]))],l=!0)},p(u,s){t=u,n!==t[61]&&(i(),n=t[61],a()),s[0]&32&&R(e,"lr",t[5]),s[0]&32&&R(e,"tb",!t[5])},d(u){u&&v(e),i(),l=!1,Mt(r)}}}function cn(t){let e,n,l,r=t[4]===0&&rt(),a=xe(t[6]),i=[];for(let u=0;u<a.length;u+=1)i[u]=at(st(t,a,u));return{c(){e=H("div"),r&&r.c(),n=U();for(let u=0;u<i.length;u+=1)i[u].c();d(e,"class","wrap svelte-yigbas"),Ge(()=>t[32].call(e))},m(u,s){C(u,e,s),r&&r.m(e,null),O(e,n);for(let _=0;_<i.length;_+=1)i[_]&&i[_].m(e,null);t[31](e),l=Ct(e,t[32].bind(e))},p(u,s){if(u[4]===0?r?s[0]&16&&p(r,1):(r=rt(),r.c(),p(r,1),r.m(e,n)):r&&($(),A(r,1,1,()=>{r=null}),x()),s[0]&993){a=xe(u[6]);let _;for(_=0;_<a.length;_+=1){const c=st(u,a,_);i[_]?i[_].p(c,s):(i[_]=at(c),i[_].c(),i[_].m(e,null))}for(;_<i.length;_+=1)i[_].d(1);i.length=a.length}},i(u){p(r)},o(u){A(r)},d(u){u&&v(e),r&&r.d(),St(i,u),t[31](null),l()}}}let mn="#aaa";function ut(t,e){return{x:t.x+(e.x-t.x)/2,y:t.y+(e.y-t.y)/2}}function gn(t,e,n){let l;const r=we();let{value:a}=e,{value_img:i}=e,{mode:u="sketch"}=e,{brush_color:s="#0b0f19"}=e,{brush_radius:_}=e,{source:c}=e,{width:g=400}=e,{height:o=200}=e,{container_height:f=200}=e,{shape:b}=e,I,D=g,N=o,J;const me=[{name:"interface",zIndex:15},{name:"drawing",zIndex:11},{name:"temp",zIndex:12},{name:"mask",zIndex:-1},{name:"temp_fake",zIndex:-2}];let E={},k={},j=[],Y=[],re=!0,ae=!0,oe=!1,fe=!1,X=null,ne=null,W=null,ee=0;function ue(){if(!b){k.temp.drawImage(i,0,0,g,o);return}
1let m=i.naturalWidth,M=i.naturalHeight;const y=b[0]/b[1],h=m/M;let S=0,Q=0;y<h?(m=b[1]*h,M=b[1],S=(b[0]-m)/2):y>h?(m=b[0],M=b[0]/h,Q=(b[1]-M)/2):(S=0,Q=0,m=b[0],M=b[1]),k.temp.drawImage(i,S,Q,m,M)}vt(async()=>{Object.keys(E).forEach(m=>{n(26,k[m]=E[m].getContext("2d"),k)}),await ke(),i&&(i.addEventListener("load",m=>{c==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):ue(),k.drawing.drawImage(E.temp,0,0,g,o),_e()}),setTimeout(()=>{c==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):ue(),k.drawing.drawImage(E.temp,0,0,g,o),ge({lines:Y.slice()}),_e()},100)),n(28,X=new hn({radius:_*.05,enabled:!0,initialPoint:{x:g/2,y:o/2}})),W=new Jt((m,M,...y)=>{Ee()}),W.observe(ne),Me(),n(24,I=!0),requestAnimationFrame(()=>{he(),requestAnimationFrame(()=>{be()})})});function he(){const m=g/2,M=o/2;X.update({x:m,y:M},{both:!0}),X.update({x:m,y:M},{both:!1}),re=!0,ae=!0}Et(()=>{n(24,I=!1),W.unobserve(ne)});function le(m){Fe(),i&&(c==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):ue(),(!Y||!Y.length)&&k.drawing.drawImage(E.temp,0,0,g,o)),ge({lines:m}),n(4,ee=m.length),n(27,Y=m),k.drawing.drawImage(E.temp,0,0,g,o),u==="mask"&&k.mask.drawImage(E.temp_fake,0,0,g,o),Y.length==0&&r("clear")}function Ie(){le([]),_e()}function Ce(){const m=Y.slice(0,-1);le(m),_e()}let ge=({lines:m})=>{m.forEach(M=>{const{points:y,brush_color:h,brush_radius:S}=M;Le({points:y,brush_color:h,brush_radius:S}),u==="mask"&&je({points:y,brush_color:h,brush_radius:S})}),qe(),u==="mask"&&Ue()},ve=m=>{m.preventDefault(),fe=!0;const{x:M,y}=Re(m);m.touches&&m.touches.length>0&&X.update({x:M,y},{both:!0}),De(M,y),n(4,ee+=1)},pe=m=>{m.preventDefault();const{x:M,y}=Re(m);De(M,y)},w=m=>{m.preventDefault(),pe(m),oe=!1,fe=!1,qe(),u==="mask"&&Ue()},Te=0,ze=0,Be=0,Se=!1,Ee=async()=>{if(b&&ne){const y=ne?.getBoundingClientRect(),h=b[0]/b[1],S=y.width/y.height;n(5,Se=h<S)}if(g===Te&&o===ze&&Be===f)return;const m={width:g,height:o},M={height:f,width:f*(m.width/m.height)};await Promise.all([de(E.interface,m,M),de(E.drawing,m,M),de(E.temp,m,M),de(E.temp_fake,m,M),de(E.mask,m,M,!1)]),_||n(10,_=20*(m.width/M.width)),Me({once:!0}),setTimeout(()=>{ze=o,Te=g,Be=f},10),await ke(),be()},de=async(m,M,y,h=!0)=>{if(!I)return;await ke();const S=window.devicePixelRatio||1;m.width=M.width*(h?S:1),m.height=M.height*(h?S:1);const Q=m.getContext("2d");h&&Q.scale(S,S),m.style.width=`${y.width}px`,m.style.height=`${y.height}px`},Re=m=>{const M=E.interface.getBoundingClientRect();let y=m.clientX,h=m.clientY;return m.changedTouches&&m.changedTouches.length>0&&(y=m.changedTouches[0].clientX,h=m.changedTouches[0].clientY),{x:(y-M.left)/M.width*g,y:(h-M.top)/M.height*o}},De=(m,M)=>{X.update({x:m,y:M});const y=!X.isEnabled();(fe&&!oe||y&&fe)&&(oe=!0,j.push(X.brush.toObject())),oe&&(j.push(X.brush.toObject()),Le({points:j,brush_color:s,brush_radius:_}),u==="mask"&&je({points:j,brush_color:s,brush_radius:_})),re=!0},Le=({points:m,brush_color:M,brush_radius:y})=>{if(!m||m.length<2||(n(26,k.temp.lineJoin="round",k),n(26,k.temp.lineCap="round",k),n(26,k.temp.strokeStyle=M,k),n(26,k.temp.lineWidth=y,k),!m||m.length<2))return;let h=m[0],S=m[1];k.temp.moveTo(S.x,S.y),k.temp.beginPath();for(var Q=1,Ve=m.length;Q<Ve;Q++){var ye=ut(h,S);k.temp.quadraticCurveTo(h.x,h.y,ye.x,ye.y),h=m[Q],S=m[Q+1]}k.temp.lineTo(h.x,h.y),k.temp.stroke()},je=({points:m,brush_color:M,brush_radius:y})=>{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=y,k);let h=m[0],S=m[1];k.temp_fake.moveTo(S.x,S.y),k.temp_fake.beginPath();for(var Q=1,Ve=m.length;Q<Ve;Q++){var ye=ut(h,S);k.temp_fake.quadraticCurveTo(h.x,h.y,ye.x,ye.y),h=m[Q],S=m[Q+1]}k.temp_fake.lineTo(h.x,h.y),k.temp_fake.stroke()},Ue=()=>{j.length<1||(j.length=0,k.mask.drawImage(E.temp_fake,0,0,g,o),_e())},qe=()=>{j.length<1||(Y.push({points:j.slice(),brush_color:s,brush_radius:_}),u!=="mask"&&(j.length=0),k.drawing.drawImage(E.temp,0,0,g,o),_e())},_e=()=>{const m=He();r("change",m)};function be(){return n(27,Y=[]),Fe(),n(4,ee=0),!0}function Fe(){ae=!0,k.temp.clearRect(0,0,g,o),n(26,k.temp.fillStyle=u==="mask"?"transparent":"#FFFFFF",k),k.temp.fillRect(0,0,g,o),u==="mask"&&(k.temp_fake.clearRect(0,0,E.temp_fake.width,E.temp_fake.height),k.mask.clearRect(0,0,g,o),n(26,k.mask.fillStyle="#000",k),k.mask.fillRect(0,0,g,o))}let Me=({once:m=!1}={})=>
1{if(re||ae){const M=X.getPointerCoordinates(),y=X.getBrushCoordinates();Ye(k.interface,M,y),re=!1,ae=!1}m||window.requestAnimationFrame(()=>{Me()})},Ye=(m,M,y)=>{m.clearRect(0,0,g,o),m.beginPath(),m.fillStyle=s,m.arc(y.x,y.y,_/2,0,Math.PI*2,!0),m.fill(),m.beginPath(),m.fillStyle=mn,m.arc(y.x,y.y,l,0,Math.PI*2,!0),m.fill()};function He(){return u==="mask"?E.mask.toDataURL("image/jpg"):E.drawing.toDataURL("image/jpg")}function Xe(m){V.call(this,t,m)}function Je(m,M){L[m?"unshift":"push"](()=>{E[M]=m,n(0,E)})}function Pe(m){L[m?"unshift":"push"](()=>{ne=m,n(3,ne)})}function Qe(){D=this.offsetWidth,N=this.offsetHeight,n(1,D),n(2,N)}return t.$$set=m=>{"value"in m&&n(13,a=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,_=m.brush_radius),"source"in m&&n(17,c=m.source),"width"in m&&n(11,g=m.width),"height"in m&&n(12,o=m.height),"container_height"in m&&n(18,f=m.container_height),"shape"in m&&n(19,b=m.shape)},t.$$.update=()=>{t.$$.dirty[0]&530432&&b&&(g||o)&&(n(11,g=b[0]),n(12,o=b[1])),t.$$.dirty[0]&16785408&&I&&!a&&be(),t.$$.dirty[0]&251811841&&I&&i!==J&&(n(25,J=i),be(),setTimeout(()=>{c==="webcam"?(k.temp.save(),k.temp.translate(g,0),k.temp.scale(-1,1),k.temp.drawImage(i,0,0),k.temp.restore()):ue(),k.drawing.drawImage(E.temp,0,0,g,o),ge({lines:Y.slice()}),_e()},50)),t.$$.dirty[0]&268436480&&X&&(he(),X.setRadius(_*.05)),t.$$.dirty[0]&6144&&(g||o)&&Ee(),t.$$.dirty[0]&1024&&(l=_*.075)},[E,D,N,ne,ee,Se,me,ve,pe,w,_,g,o,a,i,u,s,c,f,b,Ie,Ce,be,He,I,J,k,Y,X,Xe,Je,Pe,Qe]}class Ze extends ie{constructor(e){super(),se(this,e,gn,cn,te,{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 ot(t){let e,n;return e=new Ae({props:{Icon:an,label:"Clear"}}),e.$on("click",t[3]),{c(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},p:F,i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}function dn(t){let e,n,l,r,a,i;n=new Ae({props:{Icon:Pt,label:"Undo"}}),n.$on("click",t[2]);let u=t[0]&&ot(t);return a=new Ae({props:{Icon:Vt,label:"Remove Image"}}),a.$on("click",t[4]),{c(){e=H("div"),T(n.$$.fragment),l=U(),u&&u.c(),r=U(),T(a.$$.fragment),d(e,"class","svelte-s6ybro")},m(s,_){C(s,e,_),z(n,e,null),O(e,l),u&&u.m(e,null),O(e,r),z(a,e,null),i=!0},p(s,[_]){s[0]?u?(u.p(s,_),_&1&&p(u,1)):(u=ot(s),u.c(),p(u,1),u.m(e,r)):u&&($(),A(u,1,1,()=>{u=null}),x())},i(s){i||(p(n.$$.fragment,s),p(u),p(a.$$.fragment,s),i=!0)},o(s){A(n.$$.fragment,s),A(u),A(a.$$.fragment,s),i=!1},d(s){s&&v(e),B(n),u&&u.d(),B(a)}}}function bn(t,e,n){const l=we();let{show_eraser:r=!1}=e;const a=()=>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,r=s.show_eraser)},[r,l,a,i,u]}class Ke extends ie{constructor(e){super(),se(this,e,bn,dn,te,{show_eraser:0})}}function ft(t){let e,n,l,r,a;return{c(){e=H("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){C(i,e,u),Ne(e,t[0]),r||(a=[q(e,"change",t[10]),q(e,"input",t[10])],r=!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&&Ne(e,i[0])},d(i){i&&v(e),r=!1,Mt(a)}}}function _t(t){let e,n,l,r;n=new Ae({props:{Icon:sn,label:"Select brush color"}}),n.$on("click",t[11]);let a=t[5]&&ht(t);return{c(){e=H("span"),T(n.$$.fragment),l=U(),a&&a.c(),d(e,"class","col svelte-p4aq0j")},m(i,u){C(i,e,u),z(n,e,null),O(e,l),a&&a.m(e,null),r=!0},p(i,u){i[5]?a?a.p(i,u):(a=ht(i),a.c(),a.m(e,null)):a&&(a.d(1),a=null)},i(i){r||(p(n.$$.fragment,i),r=!0)},o(i){A(n.$$.fragment,i),r=!1},d(i){i&&v(e),B(n),a&&a.d()}}}function ht(t){let e,n,l;return{c(){e=H("input"),d(e,"aria-label","Brush color"),d(e,"type","color"),d(e,"class","svelte-p4aq0j")},m(r,a){C(r,e,a),Ne(e,t[1]),n||(l=q(e,"input",t[12]),n=!0)},p(r,a){a&2&&Ne(e,r[1])},d(r){r&&v(e),n=!1,l()}}}function kn(t){let e,n,l,r,a,i;l=new Ae({props:{Icon:nn,label:"Use brush"}}),l.$on("click",t[9]);let u=t[4]&&ft(t),s=t[3]!=="mask"&&_t(t);return{c(){e=H("div"),n=H("span"),T(l.$$.fragment),r=U(),u&&u.c(),a=U(),s&&s.c(),d(n,"class","brush svelte-p4aq0j"),d(e,"class","wrap svelte-p4aq0j")},m(_,c){C(_,e,c),O(e,n),z(l,n,null),O(n,r),u&&u.m(n,null),O(e,a),s&&s.m(e,null),i=!0},p(_,[c]){_[4]?u?u.p(_,c):(u=ft(_),u.c(),u.m(n,null)):u&&(u.d(1),u=null),_[3]!=="mask"?s?(s.p(_,c),c&8&&p(s,1)):(s=_t(_),s.c(),p(s,1),s.m(e,null)):s&&($(),A(s,1,1,()=>{s=null}),x())},i(_){i||(p(l.$$.fragment,_),p(s),i=!0)},o(_){A(l.$$.fragment,_),A(s),i=!1},d(_){_&&v(e),B(l),u&&u.d(),s&&s.d()}}}function wn(t,e,n){let l;we();let r=!1,a=!1,{brush_radius:i=20}=e,{brush_color:u="#000"}=e,{container_height:s}=e,{img_width:_}=e,{img_height:c}=e,{mode:g="other"}=e;const o=()=>n(4,r=!r);function f(){i=Lt(this.value),n(0,i)}const b=()=>n(5,a=!a);
1function 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,_=D.img_width),"img_height"in D&&n(8,c=D.img_height),"mode"in D&&n(3,g=D.mode)},t.$$.update=()=>{t.$$.dirty&388&&n(6,l=s*(_/c))},[i,u,_,g,r,a,l,s,c,o,f,b,I]}class $e extends ie{constructor(e){super(),se(this,e,wn,kn,te,{brush_radius:0,brush_color:1,container_height:7,img_width:2,img_height:8,mode:3})}}function pn(t){let e,n,l,r;return{c(){e=H("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(a,i){C(a,e,i),l||(r=q(e,"click",t[29]),l=!0)},p(a,i){i[0]&1&&!P(e.src,n=a[0].image||a[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",a[5]==="webcam"&&a[9]),i[0]&1024&&R(e,"selectable",a[10])},i:F,o:F,d(a){a&&v(e),l=!1,r()}}}function An(t){let e=t[21],n,l,r,a=ct(t),i=t[16]>0&&mt(t);return{c(){a.c(),n=U(),i&&i.c(),l=ce()},m(u,s){a.m(u,s),C(u,n,s),i&&i.m(u,s),C(u,l,s),r=!0},p(u,s){s[0]&2097152&&te(e,e=u[21])?(a.d(1),a=ct(u),a.c(),a.m(n.parentNode,n)):a.p(u,s),u[16]>0?i?(i.p(u,s),s[0]&65536&&p(i,1)):(i=mt(u),i.c(),p(i,1),i.m(l.parentNode,l)):i&&($(),A(i,1,1,()=>{i=null}),x())},i(u){r||(p(i),r=!0)},o(u){A(i),r=!1},d(u){u&&(v(n),v(l)),a.d(u),i&&i.d(u)}}}function In(t){let e,n,l,r,a,i,u;return e=new Oe({props:{editable:!0}}),e.$on("edit",t[52]),e.$on("clear",t[24]),{c(){T(e.$$.fragment),n=U(),l=H("img"),P(l.src,r=t[0])||d(l,"src",r),d(l,"alt",""),d(l,"class","svelte-p3y7hu"),R(l,"selectable",t[10]),R(l,"webcam",t[5]==="webcam"&&t[9])},m(s,_){z(e,s,_),C(s,n,_),C(s,l,_),a=!0,i||(u=q(l,"click",t[29]),i=!0)},p(s,_){(!a||_[0]&1&&!P(l.src,r=s[0]))&&d(l,"src",r),(!a||_[0]&1024)&&R(l,"selectable",s[10]),(!a||_[0]&544)&&R(l,"webcam",s[5]==="webcam"&&s[9])},i(s){a||(p(e.$$.fragment,s),a=!0)},o(s){A(e.$$.fragment,s),a=!1},d(s){s&&(v(n),v(l)),B(e,s),i=!1,u()}}}function Cn(t){let e,n,l,r,a={image:t[0]};return e=new zt({props:a}),t[50](e),e.$on("crop",t[25]),l=new Oe({}),l.$on("clear",t[51]),{c(){T(e.$$.fragment),n=U(),T(l.$$.fragment)},m(i,u){z(e,i,u),C(i,n,u),z(l,i,u),r=!0},p(i,u){const s={};u[0]&1&&(s.image=i[0]),e.$set(s)},i(i){r||(p(e.$$.fragment,i),p(l.$$.fragment,i),r=!0)},o(i){A(e.$$.fragment,i),A(l.$$.fragment,i),r=!1},d(i){i&&v(n),t[50](null),B(e,i),B(l,i)}}}function vn(t){let e,n,l=t[5]==="webcam"&&!t[21]&&dt(t);return{c(){l&&l.c(),e=ce()},m(r,a){l&&l.m(r,a),C(r,e,a),n=!0},p(r,a){r[5]==="webcam"&&!r[21]?l?(l.p(r,a),a[0]&2097184&&p(l,1)):(l=dt(r),l.c(),p(l,1),l.m(e.parentNode,e)):l&&($(),A(l,1,1,()=>{l=null}),x())},i(r){n||(p(l),n=!0)},o(r){A(l),n=!1},d(r){r&&v(e),l&&l.d(r)}}}function Mn(t){let e,n,l,r,a,i,u;e=new Ke({}),e.$on("undo",t[42]),e.$on("remove_image",t[27]);let s=t[1]==="color-sketch"&&bt(t);function _(o){t[45](o)}function c(o){t[46](o)}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]),r=new Ze({props:g}),L.push(()=>Z(r,"brush_radius",_)),L.push(()=>Z(r,"brush_color",c)),t[47](r),r.$on("change",t[25]),r.$on("clear",t[27]),{c(){T(e.$$.fragment),n=U(),s&&s.c(),l=U(),T(r.$$.fragment)},m(o,f){z(e,o,f),C(o,n,f),s&&s.m(o,f),C(o,l,f),z(r,o,f),u=!0},p(o,f){o[1]==="color-sketch"?s?(s.p(o,f),f[0]&2&&p(s,1)):(s=bt(o),s.c(),p(s,1),s.m(l.parentNode,l)):s&&($(),A(s,1,1,()=>{s=null}),x());const b={};f[0]&1&&(b.value=o[0]),f[0]&8192&&(b.mode=o[13]),f[0]&1114112&&(b.width=o[16]||o[20]),f[0]&557056&&(b.height=o[15]||o[19]),f[0]&655360&&(b.container_height=o[17]||o[19]),f[0]&64&&(b.shape=o[6]),!a&&f[0]&4&&(a=!0,b.brush_radius=o[2],K(()=>a=!1)),!i&&f[0]&4194304&&(i=!0,b.brush_color=o[22],K(()=>i=!1)),r.$set(b)},i(o){u||(p(e.$$.fragment,o),p(s),p(r.$$.fragment,o),u=!0)},o(o){A(e.$$.fragment,o),A(s),A(r.$$.fragment,o),u=!1},d(o){o&&(v(n),v(l)),B(e,o),s&&s.d(o),t[47](null),B(r,o)}}}function yn(t){let e,n,l;function r(i){t[41](i)}let a={filetype:"image/*",include_file_metadata:!1,disable_click:!!t[0],$$slots:{default:[Rn]},$$scope:{ctx:t}};return t[12]!==void 0&&(a.dragging=t[12]),e=new Gt({props:a}),L.push(()=>Z(e,"dragging",r)),e.$on("load",t[23]),{c(){T(e.$$.fragment)},m(i,u){z(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],K(()=>n=!1)),e.$set(s)},i(i){l||(p(e.$$.fragment,i),l=!0)},o(i){A(e.$$.fragment,i),l=!1},d(i){B(e,i)}}}function ct(t){let e,n,l,r;
1return{c(){e=H("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(a,i){C(a,e,i),t[53](e),l||(r=q(e,"load",t[26]),l=!0)},p(a,i){i[0]&2097153&&!P(e.src,n=a[21]||a[0]?.image||a[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",a[5]==="webcam"&&a[9])},d(a){a&&v(e),t[53](null),l=!1,r()}}}function mt(t){let e,n,l,r,a,i,u,s;function _(f){t[55](f)}function c(f){t[56](f)}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(()=>Z(e,"brush_radius",_)),L.push(()=>Z(e,"brush_color",c)),e.$on("change",t[25]),a=new Ke({}),a.$on("undo",t[57]),a.$on("remove_image",t[27]);let o=(t[1]==="color-sketch"||t[1]==="sketch")&>(t);return{c(){T(e.$$.fragment),r=U(),T(a.$$.fragment),i=U(),o&&o.c(),u=ce()},m(f,b){z(e,f,b),C(f,r,b),z(a,f,b),C(f,i,b),o&&o.m(f,b),C(f,u,b),s=!0},p(f,b){const I={};b[0]&1&&(I.value=f[0]),b[0]&8192&&(I.mode=f[13]),b[0]&1114112&&(I.width=f[16]||f[20]),b[0]&557056&&(I.height=f[15]||f[19]),b[0]&655360&&(I.container_height=f[17]||f[19]),b[0]&262144&&(I.value_img=f[18]),b[0]&32&&(I.source=f[5]),!n&&b[0]&4&&(n=!0,I.brush_radius=f[2],K(()=>n=!1)),!l&&b[0]&4194304&&(l=!0,I.brush_color=f[22],K(()=>l=!1)),e.$set(I),f[1]==="color-sketch"||f[1]==="sketch"?o?(o.p(f,b),b[0]&2&&p(o,1)):(o=gt(f),o.c(),p(o,1),o.m(u.parentNode,u)):o&&($(),A(o,1,1,()=>{o=null}),x())},i(f){s||(p(e.$$.fragment,f),p(a.$$.fragment,f),p(o),s=!0)},o(f){A(e.$$.fragment,f),A(a.$$.fragment,f),A(o),s=!1},d(f){f&&(v(r),v(i),v(u)),t[54](null),B(e,f),B(a,f),o&&o.d(f)}}}function gt(t){let e,n,l,r;function a(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(()=>Z(e,"brush_radius",a)),L.push(()=>Z(e,"brush_color",i)),{c(){T(e.$$.fragment)},m(s,_){z(e,s,_),r=!0},p(s,_){const c={};_[0]&655360&&(c.container_height=s[17]||s[19]),_[0]&1114112&&(c.img_width=s[16]||s[20]),_[0]&557056&&(c.img_height=s[15]||s[19]),_[0]&8192&&(c.mode=s[13]),!n&&_[0]&4&&(n=!0,c.brush_radius=s[2],K(()=>n=!1)),!l&&_[0]&4194304&&(l=!0,c.brush_color=s[22],K(()=>l=!1)),e.$set(c)},i(s){r||(p(e.$$.fragment,s),r=!0)},o(s){A(e.$$.fragment,s),r=!1},d(s){B(e,s)}}}function dt(t){let e,n;return e=new Qt({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(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},p(l,r){const a={};r[0]&128&&(a.streaming=l[7]),r[0]&256&&(a.pending=l[8]),r[0]&512&&(a.mirror_webcam=l[9]),e.$set(a)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}function bt(t){let e,n,l,r;function a(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(()=>Z(e,"brush_radius",a)),L.push(()=>Z(e,"brush_color",i)),{c(){T(e.$$.fragment)},m(s,_){z(e,s,_),r=!0},p(s,_){const c={};_[0]&655360&&(c.container_height=s[17]||s[19]),_[0]&1114112&&(c.img_width=s[16]||s[20]),_[0]&557056&&(c.img_height=s[15]||s[19]),!n&&_[0]&4&&(n=!0,c.brush_radius=s[2],K(()=>n=!1)),!l&&_[0]&4194304&&(l=!0,c.brush_color=s[22],K(()=>l=!1)),e.$set(c)},i(s){r||(p(e.$$.fragment,s),r=!0)},o(s){A(e.$$.fragment,s),r=!1},d(s){B(e,s)}}}function Tn(t){let e,n,l,r;return{c(){e=H("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(a,i){C(a,e,i),l||(r=q(e,"click",t[29]),l=!0)},p(a,i){i[0]&1&&!P(e.src,n=a[0].image||a[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",a[5]==="webcam"&&a[9]),i[0]&1024&&R(e,"selectable",a[10])},i:F,o:F,d(a){a&&v(e),l=!1,r()}}}function zn(t){let e=t[21],n,l,r,a=kt(t),i=t[16]>0&&wt(t);return{c(){a.c(),n=U(),i&&i.c(),l=ce()},m(u,s){a.m(u,s),C(u,n,s),i&&i.m(u,s),C(u,l,s),r=!0},p(u,s){s[0]&2097152&&te(e,e=u[21])?(a.d(1),a=kt(u),a.c(),a.m(n.parentNode,n)):a.p(u,s),u[16]>
10?i?(i.p(u,s),s[0]&65536&&p(i,1)):(i=wt(u),i.c(),p(i,1),i.m(l.parentNode,l)):i&&($(),A(i,1,1,()=>{i=null}),x())},i(u){r||(p(i),r=!0)},o(u){A(i),r=!1},d(u){u&&(v(n),v(l)),a.d(u),i&&i.d(u)}}}function Bn(t){let e,n,l,r,a,i,u;return e=new Oe({props:{editable:!0}}),e.$on("edit",t[33]),e.$on("clear",t[24]),{c(){T(e.$$.fragment),n=U(),l=H("img"),P(l.src,r=t[0])||d(l,"src",r),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,_){z(e,s,_),C(s,n,_),C(s,l,_),a=!0,i||(u=q(l,"click",t[29]),i=!0)},p(s,_){(!a||_[0]&1&&!P(l.src,r=s[0]))&&d(l,"src",r),(!a||_[0]&544)&&R(l,"scale-x-[-1]",s[5]==="webcam"&&s[9]),(!a||_[0]&1024)&&R(l,"selectable",s[10])},i(s){a||(p(e.$$.fragment,s),a=!0)},o(s){A(e.$$.fragment,s),a=!1},d(s){s&&(v(n),v(l)),B(e,s),i=!1,u()}}}function Sn(t){let e,n,l,r,a={image:t[0]};return e=new zt({props:a}),t[31](e),e.$on("crop",t[25]),l=new Oe({}),l.$on("clear",t[32]),{c(){T(e.$$.fragment),n=U(),T(l.$$.fragment)},m(i,u){z(e,i,u),C(i,n,u),z(l,i,u),r=!0},p(i,u){const s={};u[0]&1&&(s.image=i[0]),e.$set(s)},i(i){r||(p(e.$$.fragment,i),p(l.$$.fragment,i),r=!0)},o(i){A(e.$$.fragment,i),A(l.$$.fragment,i),r=!1},d(i){i&&v(n),t[31](null),B(e,i),B(l,i)}}}function En(t){let e;const n=t[30].default,l=jt(n,t,t[61],null);return{c(){l&&l.c()},m(r,a){l&&l.m(r,a),e=!0},p(r,a){l&&l.p&&(!e||a[1]&1073741824)&&Ut(l,n,r,r[61],e?Ft(n,r[61],a,null):qt(r[61]),null)},i(r){e||(p(l,r),e=!0)},o(r){A(l,r),e=!1},d(r){l&&l.d(r)}}}function kt(t){let e,n,l,r;return{c(){e=H("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(a,i){C(a,e,i),t[34](e),l||(r=q(e,"load",t[26]),l=!0)},p(a,i){i[0]&2097153&&!P(e.src,n=a[21]||a[0]?.image||a[0])&&d(e,"src",n),i[0]&544&&R(e,"webcam",a[5]==="webcam"&&a[9])},d(a){a&&v(e),t[34](null),l=!1,r()}}}function wt(t){let e,n,l,r,a,i,u,s;function _(f){t[36](f)}function c(f){t[37](f)}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(()=>Z(e,"brush_radius",_)),L.push(()=>Z(e,"brush_color",c)),e.$on("change",t[25]),a=new Ke({props:{show_eraser:t[18]}}),a.$on("undo",t[38]),a.$on("clear_mask",t[28]),a.$on("remove_image",t[27]);let o=(t[1]==="color-sketch"||t[1]==="sketch")&&pt(t);return{c(){T(e.$$.fragment),r=U(),T(a.$$.fragment),i=U(),o&&o.c(),u=ce()},m(f,b){z(e,f,b),C(f,r,b),z(a,f,b),C(f,i,b),o&&o.m(f,b),C(f,u,b),s=!0},p(f,b){const I={};b[0]&1&&(I.value=f[0]),b[0]&8192&&(I.mode=f[13]),b[0]&1114112&&(I.width=f[16]||f[20]),b[0]&557056&&(I.height=f[15]||f[19]),b[0]&655360&&(I.container_height=f[17]||f[19]),b[0]&262144&&(I.value_img=f[18]),b[0]&32&&(I.source=f[5]),b[0]&64&&(I.shape=f[6]),!n&&b[0]&4&&(n=!0,I.brush_radius=f[2],K(()=>n=!1)),!l&&b[0]&4194304&&(l=!0,I.brush_color=f[22],K(()=>l=!1)),e.$set(I);const D={};b[0]&262144&&(D.show_eraser=f[18]),a.$set(D),f[1]==="color-sketch"||f[1]==="sketch"?o?(o.p(f,b),b[0]&2&&p(o,1)):(o=pt(f),o.c(),p(o,1),o.m(u.parentNode,u)):o&&($(),A(o,1,1,()=>{o=null}),x())},i(f){s||(p(e.$$.fragment,f),p(a.$$.fragment,f),p(o),s=!0)},o(f){A(e.$$.fragment,f),A(a.$$.fragment,f),A(o),s=!1},d(f){f&&(v(r),v(i),v(u)),t[35](null),B(e,f),B(a,f),o&&o.d(f)}}}function pt(t){let e,n,l,r;function a(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(()=>Z(e,"brush_radius",a)),L.push(()=>Z(e,"brush_color",i)),{c(){T(e.$$.fragment)},m(s,_){z(e,s,_),r=!0},p(s,_){const c={};_[0]&655360&&(c.container_height=s[17]||s[19]),_[0]&1114112&&(c.img_width=s[16]||s[20]),_[0]&557056&&(c.img_height=s[15]||s[19]),_[0]&8192&&(c.mode=s[13]),!n&&_[0]&4&&(n=!0,c.brush_radius=s[2],K(()=>n=!1)),!l&&_[0]&4194304&&(l=!0,c.brush_color=s[22],K(()=>l=!1)),e.$set(c)},i(s){r||(p(e.$$.fragment,s),r=!0)},o(s){A(e.$$.fragment,s),r=!1},d(s){B(e,s)}}}function Rn(t){let e,n,l,r;const a=[En,Sn,Bn,zn,Tn],i=[];function u(s,_){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]=a[e](t),{c(){n.c(),l=ce()},m(s,_){i[e].m(s,_),C(s,l,_),r=!0},p(s,_){let c=e;e=u(s),e===c?i[e].p(s,_):($(),A(i[c],1,1,()=>{i[c]=null}),x(),n=i[e],n?n.p(s,_):(n=i[e]=a[e](s),n.c()),p(n,1),n.m(l.parentNode,l))},i(s){r||(p(n),r=!0)},o(s){A(n),r=!1},d(s){s&&v(l),i[e].d(s)}}}function Dn(t){let e,n,l,r,a,i,u;e=new yt({props:{show_label:t[4],Icon:t[5]==="canvas"?nt:We,label:t[3]||(t[5]==="canvas"?"Sketch":"Image")}});const s=[yn,Mn,vn,Cn,In,An,pn],_=[];function c(g,o){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 r=c(t),a=_[r]=s[r](t),{c(){T(e.$$.fragment),n=U(),l=H("div"),a.c(),d(l,"data-testid","image"),d(l,"class","image-container svelte-p3
1y7hu"),Ge(()=>t[60].call(l))},m(g,o){z(e,g,o),C(g,n,o),C(g,l,o),_[r].m(l,null),i=Ct(l,t[60].bind(l)),u=!0},p(g,o){const f={};o[0]&16&&(f.show_label=g[4]),o[0]&32&&(f.Icon=g[5]==="canvas"?nt:We),o[0]&40&&(f.label=g[3]||(g[5]==="canvas"?"Sketch":"Image")),e.$set(f);let b=r;r=c(g),r===b?_[r].p(g,o):($(),A(_[b],1,1,()=>{_[b]=null}),x(),a=_[r],a?a.p(g,o):(a=_[r]=s[r](g),a.c()),p(a,1),a.m(l,null))},i(g){u||(p(e.$$.fragment,g),p(a),u=!0)},o(g){A(e.$$.fragment,g),A(a),u=!1},d(g){g&&(v(n),v(l)),B(e,g),_[r].d(),i()}}}function Ln(t,e,n){let l,{$$slots:r={},$$scope:a}=e,{value:i}=e,{label:u=void 0}=e,{show_label:s}=e,{source:_="upload"}=e,{tool:c="editor"}=e,{shape:g}=e,{streaming:o=!1}=e,{pending:f=!1}=e,{mirror_webcam:b}=e,{brush_radius:I}=e,{selectable:D=!1}=e,N,J;i&&(_==="upload"||_==="webcam")&&c==="sketch"&&(i={image:i,mask:null});function me({detail:h}){c==="color-sketch"?n(21,le=h):n(0,i=(_==="upload"||_==="webcam")&&c==="sketch"?{image:h,mask:null}:h),j("upload",h)}function E({detail:h}){n(0,i=null),n(21,le=void 0),j("clear")}async function k({detail:h},S){W==="mask"?_==="webcam"&&S?n(0,i={image:h,mask:null}):n(0,i={image:typeof i=="string"?i:i?.image||null,mask:h}):(_==="upload"||_==="webcam")&&c==="sketch"?n(0,i={image:h,mask:null}):n(0,i=h),await ke(),j(o?"stream":"edit")}const j=we();let Y=!1;function re(h){const S=h.currentTarget;n(16,X=S.naturalWidth),n(15,fe=S.naturalHeight),n(17,ne=S.getBoundingClientRect().height)}async function ae(){N.clear(),await ke(),n(0,i=null),n(21,le=void 0)}async function oe(){N.clear_mask(),await ke()}let fe=0,X=0,ne=0,W,ee,ue,he,le;vt(async()=>{c==="color-sketch"&&i&&typeof i=="string"&&(n(21,le=i),await ke(),re({currentTarget:ee}))});const Ie=h=>{let S=Tt(h);S&&j("select",{index:S,value:null})};function Ce(h){L[h?"unshift":"push"](()=>{J=h,n(11,J),n(0,i)})}const ge=h=>(E(h),n(1,c="editor")),ve=()=>n(1,c="select");function pe(h){L[h?"unshift":"push"](()=>{ee=h,n(18,ee)})}function w(h){L[h?"unshift":"push"](()=>{N=h,n(14,N)})}function Te(h){I=h,n(2,I)}function ze(h){l=h,n(22,l),n(13,W),n(5,_),n(1,c)}const Be=()=>N.undo();function Se(h){I=h,n(2,I)}function Ee(h){l=h,n(22,l),n(13,W),n(5,_),n(1,c)}function de(h){Y=h,n(12,Y)}const Re=()=>N.undo();function De(h){I=h,n(2,I)}function Le(h){l=h,n(22,l),n(13,W),n(5,_),n(1,c)}function je(h){I=h,n(2,I)}function Ue(h){l=h,n(22,l),n(13,W),n(5,_),n(1,c)}function qe(h){L[h?"unshift":"push"](()=>{N=h,n(14,N)})}const _e=h=>c==="color-sketch"?me(h):k(h,!0);function be(h){V.call(this,t,h)}function Fe(h){L[h?"unshift":"push"](()=>{J=h,n(11,J),n(0,i)})}const Me=h=>(E(h),n(1,c="editor")),Ye=()=>n(1,c="select");function He(h){L[h?"unshift":"push"](()=>{ee=h,n(18,ee)})}function Xe(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,W),n(5,_),n(1,c)}const Qe=()=>N.undo();function m(h){I=h,n(2,I)}function M(h){l=h,n(22,l),n(13,W),n(5,_),n(1,c)}function y(){ue=this.offsetHeight,he=this.offsetWidth,n(19,ue),n(20,he)}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,_=h.source),"tool"in h&&n(1,c=h.tool),"shape"in h&&n(6,g=h.shape),"streaming"in h&&n(7,o=h.streaming),"pending"in h&&n(8,f=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,a=h.$$scope)},t.$$.update=()=>{t.$$.dirty[0]&1&&j("change",i),t.$$.dirty[0]&4096&&j("drag",Y),t.$$.dirty[0]&34&&(_==="canvas"&&c==="sketch"?n(13,W="bw-sketch"):c==="color-sketch"?n(13,W="color-sketch"):(_==="upload"||_==="webcam")&&c==="sketch"?n(13,W="mask"):n(13,W="editor")),t.$$.dirty[0]&8192&&n(22,l=W=="mask"?"#000000":"#000"),t.$$.dirty[0]&1&&(i===null||i.image===null&&i.mask===null)&&n(21,le=void 0),t.$$.dirty[0]&2049&&J&&(i?(n(11,J.image=i,J),J.create()):J.destroy())},[i,c,I,u,s,_,g,o,f,b,D,J,Y,W,N,fe,X,ne,ee,ue,he,le,l,me,E,k,re,ae,oe,Ie,r,Ce,ge,ve,pe,w,Te,ze,Be,Se,Ee,de,Re,De,Le,je,Ue,qe,_e,be,Fe,Me,Ye,He,Xe,Je,Pe,Qe,m,M,y,a]}let jn=class extends ie{constructor(e){super(),se(this,e,Ln,Dn,te,{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 Un(t){let e,n,l,r,a,i,u,s,_,c;l=new Ae({props:{Icon:xt,label:"Download"}});let g=t[4]&&At(t);return{c(){e=H("div"),n=H("a"),T(l.$$.fragment),r=U(),g&&g.c(),a=U(),i=H("img"),d(n,"href",t[0]),d(n,"target",window.__is_colab__?"_blank":null),d(n,"download","image"),d(e,"class","icon-buttons svelte-1btp92j"),P(i.src,u=t[0])||d(i,"src",u),d(i,"alt",""),d(i,"class","svelte-1btp92j"),R(i,"selectable",t[3])}
1,m(o,f){C(o,e,f),O(e,n),z(l,n,null),O(e,r),g&&g.m(e,null),C(o,a,f),C(o,i,f),s=!0,_||(c=q(i,"click",t[5]),_=!0)},p(o,f){(!s||f&1)&&d(n,"href",o[0]),o[4]?g?(g.p(o,f),f&16&&p(g,1)):(g=At(o),g.c(),p(g,1),g.m(e,null)):g&&($(),A(g,1,1,()=>{g=null}),x()),(!s||f&1&&!P(i.src,u=o[0]))&&d(i,"src",u),(!s||f&8)&&R(i,"selectable",o[3])},i(o){s||(p(l.$$.fragment,o),p(g),s=!0)},o(o){A(l.$$.fragment,o),A(g),s=!1},d(o){o&&(v(e),v(a),v(i)),B(l),g&&g.d(),_=!1,c()}}}function qn(t){let e,n;return e=new $t({props:{unpadded_box:!0,size:"large",$$slots:{default:[Fn]},$$scope:{ctx:t}}}),{c(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},p(l,r){const a={};r&1024&&(a.$$scope={dirty:r,ctx:l}),e.$set(a)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}function At(t){let e,n;return e=new Kt({props:{formatter:t[6],value:t[0]}}),e.$on("share",t[7]),e.$on("error",t[8]),{c(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},p(l,r){const a={};r&1&&(a.value=l[0]),e.$set(a)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}function Fn(t){let e,n;return e=new We({}),{c(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}function Hn(t){let e,n,l,r,a,i;e=new yt({props:{show_label:t[2],Icon:We,label:t[1]||"Image"}});const u=[qn,Un],s=[];function _(c,g){return c[0]===null?0:1}return l=_(t),r=s[l]=u[l](t),{c(){T(e.$$.fragment),n=U(),r.c(),a=ce()},m(c,g){z(e,c,g),C(c,n,g),s[l].m(c,g),C(c,a,g),i=!0},p(c,[g]){const o={};g&4&&(o.show_label=c[2]),g&2&&(o.label=c[1]||"Image"),e.$set(o);let f=l;l=_(c),l===f?s[l].p(c,g):($(),A(s[f],1,1,()=>{s[f]=null}),x(),r=s[l],r?r.p(c,g):(r=s[l]=u[l](c),r.c()),p(r,1),r.m(a.parentNode,a))},i(c){i||(p(e.$$.fragment,c),p(r),i=!0)},o(c){A(e.$$.fragment,c),A(r),i=!1},d(c){c&&(v(n),v(a)),B(e,c),s[l].d(c)}}}function Nn(t,e,n){let{value:l}=e,{label:r=void 0}=e,{show_label:a}=e,{selectable:i=!1}=e,{show_share_button:u=!1}=e;const s=we(),_=f=>{let b=Tt(f);b&&s("select",{index:b,value:null})},c=async f=>f?`<img src="${await Zt(f,"base64")}" />`:"";function g(f){V.call(this,t,f)}function o(f){V.call(this,t,f)}return t.$$set=f=>{"value"in f&&n(0,l=f.value),"label"in f&&n(1,r=f.label),"show_label"in f&&n(2,a=f.show_label),"selectable"in f&&n(3,i=f.selectable),"show_share_button"in f&&n(4,u=f.show_share_button)},t.$$.update=()=>{t.$$.dirty&1&&l&&s("change",l)},[l,r,a,i,u,_,c,g,o]}class Wn extends ie{constructor(e){super(),se(this,e,Nn,Hn,te,{value:0,label:1,show_label:2,selectable:3,show_share_button:4})}}function On(t){let e,n,l;function r(i){t[27](i)}let a={brush_radius:t[15],shape:t[14],source:t[5],tool:t[6],selectable:t[16],label:t[7],show_label:t[8],pending:t[10],streaming:t[9],mirror_webcam:t[13],$$slots:{default:[Xn]},$$scope:{ctx:t}};return t[0]!==void 0&&(a.value=t[0]),e=new jn({props:a}),L.push(()=>Z(e,"value",r)),e.$on("edit",t[28]),e.$on("clear",t[29]),e.$on("change",t[30]),e.$on("stream",t[31]),e.$on("drag",t[32]),e.$on("upload",t[33]),e.$on("select",t[34]),e.$on("share",t[35]),e.$on("error",t[36]),{c(){T(e.$$.fragment)},m(i,u){z(e,i,u),l=!0},p(i,u){const s={};u[0]&32768&&(s.brush_radius=i[15]),u[0]&16384&&(s.shape=i[14]),u[0]&32&&(s.source=i[5]),u[0]&64&&(s.tool=i[6]),u[0]&65536&&(s.selectable=i[16]),u[0]&128&&(s.label=i[7]),u[0]&256&&(s.show_label=i[8]),u[0]&1024&&(s.pending=i[10]),u[0]&512&&(s.streaming=i[9]),u[0]&8192&&(s.mirror_webcam=i[13]),u[1]&64&&(s.$$scope={dirty:u,ctx:i}),!n&&u[0]&1&&(n=!0,s.value=i[0],K(()=>n=!1)),e.$set(s)},i(i){l||(p(e.$$.fragment,i),l=!0)},o(i){A(e.$$.fragment,i),l=!1},d(i){B(e,i)}}}function Yn(t){let e,n;return e=new Wn({props:{value:t[0],label:t[7],show_label:t[8],selectable:t[16],show_share_button:t[21]}}),e.$on("select",t[24]),e.$on("share",t[25]),e.$on("error",t[26]),{c(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},p(l,r){const a={};r[0]&1&&(a.value=l[0]),r[0]&128&&(a.label=l[7]),r[0]&256&&(a.show_label=l[8]),r[0]&65536&&(a.selectable=l[16]),r[0]&2097152&&(a.show_share_button=l[21]),e.$set(a)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}function Xn(t){let e,n;return e=new en({props:{type:"image"}}),{c(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},p:F,i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}function Jn(t){let e,n,l,r,a,i;const u=[t[1]];let s={};for(let o=0;o<u.length;o+=1)s=Ht(s,u[o]);e=new Nt({props:s});const _=[Yn,On],c=[];function g(o,f){return o[20]==="static"?0:1}return l=g(t),r=c[l]=_[l](t),{c(){T(e.$$.fragment),n=U(),r.c(),a=ce()},m(o,f){z(e,o,f),C(o,n,f),c[l].m(o,f),C(o,a,f),i=!0},p(o,f){const b=f[0]&2?Wt(u,[Ot(o[1])]):{};e.$set(b);let I=l;l=g(o),l===I?c[l].p(o,f):($(),A(c[I],1,1,()=>{c[I]=null}),x(),r=c[l],r?r.p(o,f):(r=c[l]=_[l](o),r.c()),p(r,1),r.m(a.parentNode,a))},i(o){i||(p(e.$$.fragment,o),p(r),i=!0)},o(o){A(e.$$.fragment,o),A(r),i=!1},d(o){o&&(v(n),v(a)),B(e,o),c[l].d(o)}}}function Pn(t){let e,n;return e=new Yt({props:{visible:t[4],variant:t[20]==="dynamic"&&t[0]===null&&t[5]==="upload"?"dashed":"solid",border_mode:t[22]?"focus":"base",padding:!1,elem_id:t[2],elem_classes:t[3],height:t[11]||(t[5]==="webcam"||t[20]==="static"?void 0:It),width:t[12],allow_overflow:!1,container:t[17],scale:t[18],min_width:t[19],$$slots:{default:[Jn]},$$scope:{ctx:t}}}),{c(){T(e.$$.fragment)},m(l,r){z(e,l,r),n=!0},p(l,r){const a={};r[0]&16&&(a.visible=l[4]),r[0]&1048609&&(a.variant=l[20]==="dynamic"&&l[0]===null&&l[5]==="upload"?"dashed":"solid"),r[0]&4194304&&(a.border_mode=l[22]?"focus":"base"),r[0]&4&&(a.elem_id=l[2]),r[0]&8&&(a.elem_classes=l[3]),r[0]&1050656&&(a.height=l[11]||(l[5]==="webcam"||l[20]==="static"?void 0:It)),r[0]&4096&&(a.width=l[12]),r[0]&131072&&(a.container=l[17]),r[0]&262144&&(a.scale=l[18]),r[0]&524288&&(a.min_width=l[19]),r[0]&7464931|r[1]&64&&(
1a.$$scope={dirty:r,ctx:l}),e.$set(a)},i(l){n||(p(e.$$.fragment,l),n=!0)},o(l){A(e.$$.fragment,l),n=!1},d(l){B(e,l)}}}const It=240;function Qn(t,e,n){let{elem_id:l=""}=e,{elem_classes:r=[]}=e,{visible:a=!0}=e,{value:i=null}=e,{source:u="upload"}=e,{tool:s="editor"}=e,{label:_}=e,{show_label:c}=e,{streaming:g}=e,{pending:o}=e,{height:f}=e,{width:b}=e,{mirror_webcam:I}=e,{shape:D}=e,{brush_radius:N}=e,{selectable:J=!1}=e,{container:me=!1}=e,{scale:E=null}=e,{min_width:k=void 0}=e,{loading_status:j}=e,{mode:Y}=e,{show_share_button:re=!1}=e;const ae=we();let oe;function fe(w){V.call(this,t,w)}function X(w){V.call(this,t,w)}function ne(w){V.call(this,t,w)}function W(w){i=w,n(0,i)}function ee(w){V.call(this,t,w)}function ue(w){V.call(this,t,w)}function he(w){V.call(this,t,w)}function le(w){V.call(this,t,w)}const Ie=({detail:w})=>n(22,oe=w);function Ce(w){V.call(this,t,w)}function ge(w){V.call(this,t,w)}function ve(w){V.call(this,t,w)}const pe=({detail:w})=>{n(1,j=j||{}),n(1,j.status="error",j),ae("error",w)};return t.$$set=w=>{"elem_id"in w&&n(2,l=w.elem_id),"elem_classes"in w&&n(3,r=w.elem_classes),"visible"in w&&n(4,a=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,_=w.label),"show_label"in w&&n(8,c=w.show_label),"streaming"in w&&n(9,g=w.streaming),"pending"in w&&n(10,o=w.pending),"height"in w&&n(11,f=w.height),"width"in w&&n(12,b=w.width),"mirror_webcam"in w&&n(13,I=w.mirror_webcam),"shape"in w&&n(14,D=w.shape),"brush_radius"in w&&n(15,N=w.brush_radius),"selectable"in w&&n(16,J=w.selectable),"container"in w&&n(17,me=w.container),"scale"in w&&n(18,E=w.scale),"min_width"in w&&n(19,k=w.min_width),"loading_status"in w&&n(1,j=w.loading_status),"mode"in w&&n(20,Y=w.mode),"show_share_button"in w&&n(21,re=w.show_share_button)},t.$$.update=()=>{t.$$.dirty[0]&1&&n(0,i=i||null),t.$$.dirty[0]&1&&ae("change")},[i,j,l,r,a,u,s,_,c,g,o,f,b,I,D,N,J,me,E,k,Y,re,oe,ae,fe,X,ne,W,ee,ue,he,le,Ie,Ce,ge,ve,pe]}class Vn extends ie{constructor(e){super(),se(this,e,Qn,Pn,te,{elem_id:2,elem_classes:3,visible:4,value:0,source:5,tool:6,label:7,show_label:8,streaming:9,pending:10,height:11,width:12,mirror_webcam:13,shape:14,brush_radius:15,selectable:16,container:17,scale:18,min_width:19,loading_status:1,mode:20,show_share_button:21},null,[-1,-1])}}const _l=Vn,hl=["static","dynamic"],cl=t=>({type:{payload:"string"},description:{payload:"image data as base64 string"},example_data:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg=="});export{_l as Component,dl as ExampleComponent,cl as document,hl as modes}; 2//# sourceMappingURL=index-da7f9b8f.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.