https://elysian.co.kr/chunks/intro-5c91714f.js

1import{_ as M}from"./bg-intro-introduction-8fb280bb.js";import{i as h,r as d,c as _,o as N,a as E,b as L,d as b,w as A,F as T,e as $,f as P,u as O,S as D,g as e,h as q,j as m,A as V,k as W,E as G,l as Y,m as B,v as x,n as y,p as F,q as j,s as H,_ as J,t as U,x as X,y as z}from"../entry/index-8d9c8467.js";const K={class:"main-visual"},Q=["src","alt"],Z={__name:"PortalVisualSection",setup(R){const w=[V,W,G];h("commonStore");const f=h("oneStore"),p=d([]),l=d([]),r=d([]),S=h("oneStore"),I=_(()=>[...p.value,...l.value]),a=d(null),t=i=>{a.value=i,a.value&&a.value.slideTo(1)},c=async()=>{var i,v,g;try{S.methods.changeLoader(!0);const n=await Y.homeBanner();(n==null?void 0:n.status)===200&&((i=n==null?void 0:n.data)!=null&&i.ImageBanner.some(C=>!!C.LOCATION)?(l.value=((v=n.data)==null?void 0:v.ImageBanner)??[],p.value=((g=n.data)==null?void 0:g.vedio_banner)??[]):(l.value=B.ImageBanner,p.value=B.vedio_banner))}catch{}finally{S.methods.changeLoader(!1)}},u=d(0),s=_(()=>u.value===r.value.length),o=()=>{u.value++,s.value&&f.methods.changeLoader(!1)},k=()=>{u.value++,s.value&&f.methods.changeLoader(!1)};return N(async()=>{f.methods.changeLoader(!0),await c(),r.value=I.value.filter(i=>i.LOCATION==="공통").sort((i,v)=>i.EXPOSURE_ORDER-v.EXPOSURE_ORDER),u.value=0}),(i,v)=>(E(),L("section",K,[b(O(q),{class:"main-visual-slide",modules:w,scrollbar:!0,autoplay:{delay:3e3,disableOnInteraction:!1},speed:1e3,effect:"fade",onSwiper:t,ref:"eventsPromotionSwiperRef"},{default:A(()=>[(E(!0),L(T,null,$(r.value,(g,n)=>(E(),P(O(D),{class:"main-visual-slide-item",key:n},{default:A(()=>[e("img",{src:g.BANNER_IMAGE,alt:g.MAIN_TEXT,onLoad:o,onError:k},null,40,Q)]),_:2},1024))),128))]),_:1},512),v[0]||(v[0]=e("hgroup",{class:"main-visual-title"},[e("h2",{class:"title obj-effect-text text-center"},[m(" Design Your Beautiful Life"),e("br"),m("Here in elysian ")]),e("p",{class:"description obj-effect-text text-center"},[m(" 단순한 휴양지를 넘어, 일상에 스며드는 행복의 정원.모든 순간이 특별해지는 곳, "),e("br"),m("엘리시안에서 삶의 소중한 순간들을 채워보세요. ")])],-1))]))}},ee={class:"innr-wrapper renewal-2025"},te={class:"tab-sel-resort"},se={class:"introduction"},oe={class:"introduction-inner"},re={__name:"intro",setup(R){const w=x.useRouter();h("oneStore");const f=h("commonStore");x.useRoute();const p=d(window.innerWidth),l=d(window.innerWidth<1024);window.addEventListener("resize",()=>{p.value=window.innerWidth,l.value=p.value<1024});const r=d(""),S=()=>{f.state.location="강촌",localStorage.setItem("location","강촌"),r.value="강촌",w.push("/home")},I=()=>{f.state.location="제주",localStorage.setItem("location","제주"),r.value="제주",w.push("/home")};return N(()=>{const a=document.querySelectorAll(".obj-effect-text"),t=new IntersectionObserver(s=>{s.forEach(o=>{o.isIntersecting&&!o.target.classList.contains("animated")&&(o.target.classList.add("animated"),y.fromTo(o.target,{opacity:0,y:50},{opacity:1,y:0,duration:1.2,ease:"power3.out",overwrite:"auto"}))})},{threshold:.1});a.forEach(s=>{t.observe(s)});const c=document.querySelectorAll(".obj-intersection"),u=new IntersectionObserver(s=>{s.forEach(o=>{o.isIntersecting&&o.target.classList.add("is-active")})});c.forEach(s=>{u.observe(s)})}),F([l,r],()=>{setTimeout(()=>{const a=document.querySelectorAll(".obj-effect-text"),t=new IntersectionObserver(s=>{s.forEach(o=>{o.isIntersecting&&!o.target.classList.contains("animated")&&(o.target.classList.add("animated"),y.fromTo(o.target,{opacity:0,y:50},{opacity:1,y:0,duration:1.2,ease:"power3.out"}))})},{threshold:.1});a.forEach(s=>{s.classList.remove("animated"),y.set(s,{opacity:0,y:50}),t.observe(s)});const c=document.querySelectorAll(".obj-intersection"),u=new IntersectionObserver(s=>{s.forEach(o=>{o.isIntersecting&&o.target.classList.add("is-active")})});c.forEach(s=>{s.classList.remove("is-active"),u.observe(s)})},100)}),(a,t)=>(E(),L("div",ee,[b(Z),e("div",te,[e("button",{class:j(["btn-sel-resort gangchon",{"is-active":r.value==="강촌"}]),onClick:t[0]||(t[0]=c=>S())},t[4]||(t[4]=[e("span",{class:"btn-sel-resort-text"},[m("ELYSIAN Resort "),e("em",null,"GANGCHON")],-1)]),2),e("button",{class:j(["btn-sel-resort jeju",{"is-active":r.value==="제주"}]),onClick:t[1]||(t[1]=c=>I())},t[5]||(t[5]=[e("span",{class:"btn-sel-resort-text"}

1,[m("ELYSIAN Resort "),e("em",null,"JEJU")],-1)]),2)]),b(H,{isMobile:l.value,isIntro:!0},null,8,["isMobile"]),b(J,{isMobile:l.value,isIntro:!0},null,8,["isMobile"]),b(z,{isIntro:!0}),e("div",se,[e("div",oe,[t[7]||(t[7]=e("div",{class:"bg-img"},[e("img",{src:M,alt:""})],-1)),t[8]||(t[8]=e("hgroup",null,[e("h2",{class:"obj-effect-text"},"회사소개"),e("p",{class:"obj-effect-text"},[m(" Design Your Beautiful Life "),e("br"),m("Here in elysian ")])],-1)),e("button",{class:"btn-more obj-effect-text",title:"회사소개 더보기",onClick:t[2]||(t[2]=()=>a.$router.push({name:"AboutElysian"}))},t[6]||(t[6]=[e("span",null,"View More",-1),e("i",null,[e("img",{src:U,alt:""})],-1)]))])]),b(X,{isModal:a.servicePrepared,onConfirm:t[3]||(t[3]=c=>a.servicePrepared=!1)},null,8,["isModal"])]))}};export{re as default};