import{h as i,m as l,c as p,D as m,B as _,o as f,_ as u}from"./CQhfkU_G.js";const g={class:"fade-in"},y=i({__name:"FadeIn",props:{preloadImages:{type:Array,default:()=>[]},tweenVars:{type:Object,default:()=>({})}},setup(r){const{preloadImages:a,tweenVars:n}=r,s=()=>_.fromTo(".fade-in",{opacity:0},{opacity:1,duration:.8,ease:"power4.out",...n}),c=e=>new Promise((t,d)=>{const o=new Image;o.onload=t,o.onerror=d,o.src=e});return l(async()=>{try{if(a.length===0)return;await Promise.all(a.map(c))}catch(e){console.error("Error loading images",e)}finally{s()}}),(e,t)=>(f(),p("div",g,[m(e.$slots,"default",{},void 0,!0)]))}}),w=u(y,[["__scopeId","data-v-9d1c1c16"]]);export{w as _};