| import{b as e}from"./InputFile-CXpzJde3.js";import{d$ as t,dS as n,dU as r,dV as i,dX as a,dY as o,d_ as s,e5 as c,e7 as l,e8 as u,ei as d,em as f,ep as p,eq as m,z as h}from"./index-B9WIljdS.js";import{b as g,c as _,d as v,f as y}from"./transformers.web-BogxzGZV.js";const b={flex:``,"flex-col":``,"items-center":``,"gap-4":``},x=[`disabled`],S={"h-full":``,"w-full":``,flex:``,"gap-2":``},C={w:`[50%]`,border:`2 solid neutral-200 dark:neutral-800`,bg:`neutral-50 dark:neutral-900`,"min-h":`120`,h:`auto`,"overflow-hidden":``,"rounded-lg":``},w=[`src`],T={w:`[50%]`,border:`2 solid neutral-200 dark:neutral-800`,bg:`neutral-50 dark:neutral-900`,"min-h":`120`,h:`auto`,relative:``,"overflow-hidden":``,"rounded-lg":``},E={key:0,bg:`black/50`,absolute:``,"inset-0":``,"z-10":``,flex:``,"flex-col":``,"items-center":``,"justify-center":``},D={"mb-4":``,"text-white":``,"font-medium":``},O={bg:`gray-200/30`,w:`70%`,"h-2":``,"overflow-hidden":``,"rounded-full":``},k=[`src`],A={bg:`black/0 group-hover:black/20`,absolute:``,"inset-0":``,flex:``,"items-center":``,"justify-center":``,"transition-all":``,"duration-200":``},j=[`onClick`],M={key:1,absolute:``,"bottom-2":``,"right-2":``};var N=t({__name:`background-remove`,setup(t){let N=d(),P=d(),F=d(),I=d(),L=d(!1),R=d(0),z=d(),B=d(),V=d([]),H=r(()=>V.value.map(e=>URL.createObjectURL(e)));c(async()=>{try{if(!(await h()).supported)throw Error(`WebGPU is not supported in this browser.`);let e=`Xenova/modnet`;y.backends.onnx.wasm.proxy=!1,N.value??=await g.from_pretrained(e,{device:`webgpu`}),P.value??=await _.from_pretrained(e,{})}catch(e){F.value=e}I.value=!1});async function U(){if(!N.value||!P.value)return;L.value=!0,R.value=0,z.value=[];let e=H.value.length;for(let t=0;t<e;++t){let n=await v.fromURL(H.value[t]),{pixel_values:r}=await P.value(n),{output:i}=await N.value({input:r}),a=(await v.fromTensor(i[0].mul(255).to(`uint8`)).resize(n.width,n.height)).data,o=document.createElement(`canvas`);o.width=n.width,o.height=n.height;let s=o.getContext(`2d`);if(!s)return;s.drawImage(n.toCanvas(),0,0);let c=s.getImageData(0,0,n.width,n.height);for(let e=0;e<a.length;++e)c.data[4*e+3]=a[e];s.putImageData(c,0,0),z.value.push(o.toDataURL(`image/png`)),R.value=Math.round((t+1)/e*100)}L.value=!1,B.value=!0}function W(e){if(!z.value||e>=z.value.length||!V.value[e])return;let t=V.value[e].name,n=t.substring(0,t.lastIndexOf(`.`))||t,r=t.substring(t.lastIndexOf(`.`))||`.png`,i=`${n}-background-removed${r}`,a=document.createElement(`a`);a.href=z.value[e],a.download=i,document.body.appendChild(a),a.click(),document.body.removeChild(a)}function G(){!z.value||z.value.length===0||z.value.forEach((e,t)=>{setTimeout(()=>W(t),t*100)})}return(t,r)=>(l(),o(`div`,b,[i(`button`,{bg:`neutral-100 dark:neutral-800`,"w-full":``,"cursor-pointer":``,"rounded-lg":``,"px-3":``,"py-2":``,disabled:L.value,onClick:U},m(L.value?`Processing...`:`Process`),9,x),i(`div`,S,[i(`div`,C,[(l(!0),o(n,null,u(H.value,(e,t)=>(l(),o(`img`,{key:t,src:e,"h-full":``,"w-full":``,"object-cover":``},null,8,w))),128))]),i(`div`,T,[L.value?(l(),o(`div`,E,[i(`div`,D,m(R.value)+`% `,1),i(`div`,O,[i(`div`,{bg:`emerald-500`,"h-full":``,style:p({width:`${R.value}%`}),"transition-all":``,"duration-200":``},null,4)])])):a(``,!0),(l(!0),o(n,null,u(z.value,(e,t)=>(l(),o(`div`,{key:t,relative:``,class:`group`,"h-full":``,"w-full":``},[i(`img`,{src:e,"h-full":``,"w-full":``,"object-cover":``},null,8,k),i(`div`,A,[i(`button`,{bg:`emerald-500 hover:emerald-600`,"rounded-full":``,"p-2":``,"text-white":``,"opacity-0":``,"transition-all":``,"duration-200":``,"group-hover:opacity-100":``,onClick:e=>W(t)},r[1]||=[i(`svg`,{xmlns:`http://www.w3.org/2000/svg`,class:`h-5 w-5`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`},[i(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4`})],-1)],8,j)])]))),128)),z.value&&z.value.length>1?(l(),o(`div`,M,[i(`button`,{bg:`emerald-500 hover:emerald-600`,"rounded-full":``,"p-2":``,"text-white":``,onClick:G},r[2]||=[i(`svg`,{xmlns:`http://www.w3.org/2000/svg`,class:`h-5 w-5`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`},[i(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12`})],-1)])])):a(``,!0)])]),s(f(e),{modelValue:V.value,"onUpdate:modelValue":r[0]||=e=>V.value=e,"w-full":``},null,8,[`modelValue`])]))}}),P=N;export{P as default}; |