https://www.vesplus.co.kr/_nuxt/i6jGG6N6.js

1import{b as L,a as B,w as I,r as m,E as M,c as z,d as r,e as c,h as n,g as e,F as D,s as N,t as O,v as E,x as y,l as _,C as A,j as W,u as j,o as J,n as K,k as Q,f as X,m as U,p as H,V as Y,i as Z}from"./DEvfgKQY.js";import{u as F}from"./C7GfC3Ht.js";import{_ as R}from"./DlAUqK2U.js";import{V as G}from"./BuYDZy1p.js";const tt={class:"content"},et={key:0,class:"no-data"},st={key:1,class:"sales-portfolio-list-wrapper"},ot={class:"sales-portfolio-list"},at=["onClick"],it={class:"image-wrapper"},nt=["src","alt"],lt={class:"title"},rt={class:"sales-portfolio-pagination"},ct=["onClick"],dt=["onClick"],pt=["onClick"],ut={__name:"SalesPortfolioList",async setup(S){let d,h;const{$gsap:b,$bus:v,$motionPathPlugin:$}=L(),f=B(),k=A(),{data:g,error:P}=([d,h]=I(()=>F("portfolios",({$config:o})=>$fetch(`${o.public.baseURL}/portfolios`))),d=await d,h(),d),i=m(g.value?.data),w=m(g.value?.last_page),p=m([]),x=m(null),u=m({page:1});M(()=>u.value,async()=>{const{data:o,last_page:a}=await $fetch(`${k.public.baseURL}/portfolios`,{method:"GET",params:u.value});i.value=o,w.value=a},{deep:!0});const T=o=>{v.event("scrollTop"),u.value.page=o};let C=null;const V=(o,a)=>{x.value=o,v.event("scrollPause",!0),v.event("fixed-area:image:loaded",o.thumbnail);const t=document.querySelector("#portfolioOverlay .thumbnail-image"),s=$.getRelativePosition(t,p.value[a],[0,0],[0,0]);C=b.timeline().to("#portfolioOverlay",{opacity:1,duration:1,ease:"power4.inOut"}).fromTo(t,{x:s.x,y:s.y},{x:0,y:0,duration:1,ease:"power4.inOut"},"-=1").fromTo(t,{width:p.value[a].offsetWidth,height:p.value[a].offsetHeight},{width:"100%",height:"100%",duration:1,ease:"power4.inOut"},"-=1").from("#portfolioOverlay .thumbnail-image img",{duration:1,ease:"power4.inOut",onComplete:()=>{f.push({name:"portfolios-type-id",params:{id:o.id}})}},"-=1")};return z(()=>{C?.kill()}),(o,a)=>(r(),c("div",tt,[!n(i)||n(i).length===0?(r(),c("div",et,[...a[1]||(a[1]=[e("div",{class:"no-data-text"},"데이터가 없습니다.",-1)])])):(r(),c("div",st,[e("div",ot,[(r(!0),c(D,null,N(n(i),(t,s)=>(r(),c("div",{class:"sales-portfolio",key:t.id,onClick:l=>V(t,s),ref_for:!0,ref_key:"portfolioElements",ref:p},[e("div",it,[e("img",{src:t.thumbnail,alt:t.title,loading:"lazy",decoding:"async",fetchpriority:"low",sizes:"(max-width: 1024px) 100vw, 50vw"},null,8,nt)]),e("div",lt,O(t.title),1)],8,at))),128))]),e("div",rt,[E(n(G),{modelValue:n(u).page,"onUpdate:modelValue":a[0]||(a[0]=t=>n(u).page=t),length:n(w),"total-visible":"5",variant:"text",color:"#838383"},{item:y(({page:t,isActive:s,key:l})=>[(r(),c("div",{key:l,class:_(["pagination-item",{active:s}]),onClick:q=>T(l)},O(t),11,ct))]),prev:y(({onClick:t,disabled:s})=>[e("div",{class:_(["prev text-indicator",{disabled:s}]),onClick:l=>s?null:t(l)}," 이전 ",10,dt)]),next:y(({onClick:t,disabled:s})=>[e("div",{class:_(["prev text-indicator",{disabled:s}]),onClick:l=>s?null:t(l)}," 다음 ",10,pt)]),_:1},8,["modelValue","length"])])]))]))}},vt=R(ut,[["__scopeId","data-v-25b6703e"]]),mt={class:"content"},gt={key:0,class:"no-data"},_t={key:1,class:"sales-consulting-list-wrapper"},ht={class:"sales-consulting-list"},ft=["onClick"],wt={class:"image-wrapper"},yt=["src","alt"],kt={class:"title"},$t={class:"sales-consulting-pagination"},xt=["onClick"],Ct=["onClick"],bt=["onClick"],Pt={__name:"ConsultingList",async setup(S){let d,h;const{$gsap:b,$bus:v,$motionPathPlugin:$}=L(),f=B(),k=A(),{data:g,error:P}=([d,h]=I(()=>F("consultings",({$config:o})=>$fetch(`${o.public.baseURL}/consultings`))),d=await d,h(),d),i=m(g.value?.data),w=m(g.value?.last_page),p=m([]),x=m(null),u=m({page:1});M(()=>u.value,async()=>{const{data:o,last_page:a}=await $fetch(`${k.public.baseURL}/consultings`,{method:"GET",params:u.value});i.value=o,w.value=a},{deep:!0});const T=o=>{v.event("scrollTop"),u.value.page=o};let C=null;const V=(o,a)=>{x.value=o,v.event("scrollPause",!0),v.event("fixed-area:image:loaded",o.thumbnail);const t=document.querySelector("#portfolioOverlay .thumbnail-image"),s=$.getRelativePosition(t,p.value[a],[0,0],[0,0]);C=b.timeline().to("#portfolioOverlay",{opacity:1,duration:1,ease:"power4.inOut"}).fromTo(t,{x:s.x,y:s.y},{x:0,y:0,duration:1,ease:"power4.inOut"}

1,"-=1").fromTo(t,{width:p.value[a].offsetWidth,height:p.value[a].offsetHeight},{width:"100%",height:"100%",duration:1,ease:"power4.inOut"},"-=1").from("#portfolioOverlay .thumbnail-image img",{filter:"grayscale(30%)",duration:1,ease:"power4.inOut",onComplete:()=>{f.push({name:"portfolios-type-id",params:{type:"consulting",id:o.id}})}},"-=1")};return z(()=>{C?.kill()}),(o,a)=>(r(),c("div",mt,[!n(i)||n(i).length===0?(r(),c("div",gt,[...a[1]||(a[1]=[e("div",{class:"no-data-text"},"데이터가 없습니다.",-1)])])):(r(),c("div",_t,[e("div",ht,[(r(!0),c(D,null,N(n(i),(t,s)=>(r(),c("div",{class:"sales-consulting",key:t.id,onClick:l=>V(t,s),ref_for:!0,ref_key:"consultingElements",ref:p},[e("div",wt,[e("img",{src:t.thumbnail,alt:t.title,loading:"lazy",decoding:"async",fetchpriority:"low",sizes:"(max-width: 1024px) 100vw, 50vw"},null,8,yt)]),e("div",kt,O(t.title),1)],8,ft))),128))]),e("div",$t,[E(n(G),{modelValue:n(u).page,"onUpdate:modelValue":a[0]||(a[0]=t=>n(u).page=t),length:n(w),"total-visible":"5",variant:"text",color:"#838383"},{item:y(({page:t,isActive:s,key:l})=>[(r(),c("div",{key:l,class:_(["pagination-item",{active:s}]),onClick:q=>T(l)},O(t),11,xt))]),prev:y(({onClick:t,disabled:s})=>[e("div",{class:_(["prev text-indicator",{disabled:s}]),onClick:l=>s?null:t(l)}," 이전 ",10,Ct)]),next:y(({onClick:t,disabled:s})=>[e("div",{class:_(["prev text-indicator",{disabled:s}]),onClick:l=>s?null:t(l)}," 다음 ",10,bt)]),_:1},8,["modelValue","length"])])]))]))}},Ot=R(Pt,[["__scopeId","data-v-e46f245c"]]),Tt={class:"page-portfolios"},Vt={class:"content-wrapper"},Lt={class:"content-list"},Bt={class:"category-select-wrapper"},Et={__name:"index",setup(S){W({title:"베스플러스 | 포트폴리오",ogTitle:"베스플러스 | 포트폴리오",ogDescription:"베스플러스가 변화하는 분양 시장의 새로운 기준을 만들어갑니다.",description:"베스플러스가 변화하는 분양 시장의 새로운 기준을 만들어갑니다.",keywords:"베스플러스, 분양상담사, 부동산컨설íŒ

1…, 분양대행, 부동산개발/투자, 부동산 마케팅, 베스플러스포트폴리오, 분양상담사포트폴리오, 부동산컨설팅포트폴리오, 분양대행포트폴리오, 부동산개발/투자포트폴리오, 부동산마케팅포트폴리오",image:""});const d=j(),h=B(),{$http:b,$gsap:v,$gsapHelper:$}=L(),f=Z(()=>d.params.type||"sales"),k=P=>{h.replace({params:{type:P}})};let g=null;return J(()=>{K(()=>{g=v.context(()=>{new $.splitText(".line",{type:"chars",charsClass:"char"}),v.fromTo(".line .char",{yPercent:200},{yPercent:0,duration:1,stagger:.05,ease:"power4.inOut"})})})}),Q(()=>{g?.revert()}),(P,i)=>{const w=vt,p=Ot;return r(),c("main",Tt,[e("div",Vt,[i[4]||(i[4]=X('<div class="hero-wrapper" data-v-162acd66><div class="title-wrapper" data-v-162acd66><div class="line" data-v-162acd66>PORTFOLIOS</div><div class="title-dot" data-v-162acd66></div></div><div class="hero-image-wrapper" data-v-162acd66><div class="desc-wrapper" data-v-162acd66><div class="line desc" data-v-162acd66>베스플러스는 수많은 성공 사례를 기반으로</div><div class="line desc" data-v-162acd66> 고객의 가치와 프로젝트의 성공을 <br class="only-mobile" data-v-162acd66>최우선으로 합니다 </div></div></div></div>',1)),e("div",Lt,[e("div",Bt,[e("div",{class:_(["category",{active:n(f)==="sales"}]),onClick:i[0]||(i[0]=x=>k("sales"))},[...i[2]||(i[2]=[U(" 분양대행 ",-1),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19",fill:"none"},[e("path",{d:"M0 9.30469H19",stroke:"#B19876","stroke-width":"2"}),e("path",{d:"M9.5 0L9.5 19",stroke:"#B19876","stroke-width":"2"})],-1)])],2),e("div",{class:_(["category",{active:n(f)==="consulting"}]),onClick:i[1]||(i[1]=x=>k("consulting"))},[...i[3]||(i[3]=[U(" 컨설팅 ",-1),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19",fill:"none"},[e("path",{d:"M0 9.30469H19",stroke:"#B19876","stroke-width":"2"}),e("path",{d:"M9.5 0L9.5 19",stroke:"#B19876","stroke-width":"2"})],-1)])],2)])]),E(Y,{class:"tab-content-wrapper",name:"fade",tag:"div"},{default:y(()=>[n(f)==="sales"?(r(),H(w,{key:0})):(r(),H(p,{key:1}))]),_:1})])])}}},It=R(Et,[["__scopeId","data-v-162acd66"]]);export{It as default};