https://vauldex.tech/_nuxt/CDGV9_DD.js

1import{e as g,o as i,a as l,h as $,b as e,d as c,_ as S,t as h,q as j,z as _,A as z,ag as A,F as B,r as I,u,w as N,av as T,p as V,f as F,c as U,i as k,x as P}from"./BTzwOvY0.js";import{_ as W}from"./BK8Zbspf.js";import{s as R}from"./C1kuS9AT.js";import{_ as E}from"./DlAUqK2U.js";const L={class:"flex h-full w-full flex-col justify-start"},D={class:"relative z-0 flex h-[70%] w-full flex-col items-start"},q={class:"relative z-10 flex h-fit w-full items-start justify-center rounded-4xl pt-2 md:pt-3"},O={class:"px-5 pt-3 md:px-10 md:pt-3"},G={class:"text-[18px]/[17px] font-bold! text-[#8F3BA2] md:text-xl"},H={class:"text-sm/5 text-black md:text-base"},J={class:"w-full text-center"},K={key:0},Q={class:"text-xs/4 leading-relaxed whitespace-pre-line text-white/90 md:text-base"},X={key:1,class:"line-clamp-3 text-xs/4 leading-relaxed text-white/90 italic md:text-base"},Y={key:0,class:"mt-2 flex w-full justify-end md:mt-5"},Z=g({__name:"VTWPhilMemberCard",props:{member:{}},setup(f){return(t,a)=>{const s=S,m=W;return i(),l("div",{class:$(["font-noto-sans relative z-40 flex h-[376px] w-[290px] cursor-pointer flex-col items-start justify-start gap-4 roun

1ded-[40px] bg-gradient-to-b from-white from-70% to-[#8F3BA2] to-30% drop-shadow-lg drop-shadow-black/25 transition-all duration-300 hover:-translate-y-1 hover:shadow-inner hover:backdrop-blur-sm md:h-[517px] md:min-h-[517px] md:w-[399px]",{"opacity-75 pointer-events-none":t.member.isComingSoon}])},[e("div",L,[e("div",D,[e("div",q,[c(s,{src:t.member.isComingSoon?"/images/careers/coming-soon.webp":t.member.imageUrl,alt:t.member.isComingSoon?"Coming Soon":t.member.name,width:t.member.dimensions.width,height:t.member.dimensions.height,class:"h-[196px] w-[268px] rounded-4xl object-cover md:h-[269px] md:w-[369px]",loading:"lazy"},null,8,["src","alt","width","height"])]),e("div",O,[e("h3",G,h(t.member.isComingSoon?"Coming Soon":t.member.name),1),e("p",H,h(t.member.isComingSoon?"New Team Member":t.member.position),1)])]),e("div",{class:$(["mb-5 flex h-[30%] flex-col items-center px-5 text-left md:mb-8 md:px-10",t.member.isComingSoon?"justify-center":"justify-end"])},[e("div",J,[t.member.isComingSoon?(i(),l("p",X," “Stay tuned for an inspiring story from our upcoming team member” ")):(i(),l("div",K,[e("p",Q," “"+h(t.member.description?.replaceAll("\\n",`
2`))+"” ",1)]))]),t.member.isComingSoon?j("",!0):(i(),l("div",Y,[c(m,{"custom-class":"px-[9px] md:px-8 py-[5px] md:py-[5px] text-[10px] md:text-sm/[20px] md:px-[12px] font-medium!",text:"Read Article","is-shadow-disabled":!0,link:t.member.link,target:"self"},null,8,["link"])]))],2)])],2)}}}),ee={class:"font-noto-sans mt-0 gap-2 tablet:mt-10 md:mt-20 lg:mt-30"},te={class:"pointer-events-auto hidden w-full grid-cols-1 gap-20 xl:grid xl:grid-cols-3"},se={class:"pointer-events-auto block xl:hidden"},oe={class:"relative flex justify-center"},ne={class:"absolute -bottom-30 z-30 flex min-w-sm items-center justify-between space-x-2 px-15 xl:right-50 xl:bottom-8 xl:justify-end"},ie={class:"flex space-x-2"},re={class:"rounded-full px-3 py-1 text-[30px] font-medium text-[#FCA300]"},le={class:"relative"},ae={class:"flex"},me=g({__name:"VTWPhilMemberList",props:{members:{}},setup(f){const t=f,a=t.members.length,s=_(0),m=_(t.members[s.value]),p=_("slide-left");let n=null;const o=d=>{m.value=d},r=d=>{s.value=(s.value+d+a)%a;const w=t.members[s.value];o(w)},x=()=>{p.value="slide-left",r(1),b()},v=()=>{p.value="slide-right",r(-1),b()},b=()=>{n!==null&&clearInterval(n),n=R(()=>{p.value="slide-left",s.value=(s.value+1)%a;const d=t.members[s.value];o(d)},1e4)},M=()=>{n&&(clearInterval(n),n=null)};return z(()=>{b()}),A(()=>{M()}),(d,w)=>{const y=Z;return i(),l("section",ee,[e("div",te,[(i(!0),l(B,null,I(d.members,C=>(i(),V(y,{key:C.id,member:C},null,8,["member"]))),128))]),e("div",se,[e("div",oe,[e("div",ne,[e("button",{class:"h-0 w-0 cursor-pointer border-t-[15px] border-r-[30px] border-b-[15px] border-t-transparent border-r-[#FCA300] border-b-transparent transition hover:border-r-[#e8930a]","aria-label":"Previous Slide",onClick:v}),e("div",ie,[e("div",re,h(u(s)+1)+"/"+h(u(a)),1)]),e("button",{class:"h-0 w-0 cursor-pointer border-t-[15px] border-b-[15px] border-l-[30px] border-t-transparent border-b-transparent border-l-[#FCA300] transition hover:border-l-[#e8930a]","aria-label":"Next Slide",onClick:x})]),e("div",le,[e("div",ae,[c(T,{name:u(p),mode:"out-in"},{default:N(()=>[(i(),l("div",{key:u(m).id,class:"flex w-full justify-center px-4"},[c(y,{member:u(m)},null,8,["member"])]))]),_:1},8,["name"])])])])])])}}}),de=E(me,[["__scopeId","data-v-65e82ca3"]]),ce={class:"font-noto-sans relative w-full overflow-clip rounded-t-[100px] bg-gradient-to-b from-[#542991] to-[#8F3BA2] text-white md:rounded-t-[150px] lg:rounded-t-[200px] xl:rounded-t-[300px]","aria-labelledby":"vtw-member-section-heading"},pe={class:"hidden xl:block"},ue={class:"block xl:hidden"},xe={class:"mx-auto h-180 max-w-[1357px] tablet:h-200 md:h-280 xl:min-h-[130vh]"},be={class:"relative z-70 md:pb-20"},ve=g({__name:"VTWCareersPhilMember",props:{interviews:{}},setup(f){const t=P(),{locale:a}=F(),s=f,m=U(()=>s.interviews&&s.interviews.length>0?s.interviews.map(o=>({id:o.id,imageUrl:`${t.public.strapiUrl}${o.thumbnail.formats.small.url}`,name:o.interview.name,description:o.interview.interviewTitle,position:o.interview.position,isComingSoon:!1,link:`${t.public.appUrl}${a.value==="ja"?"":"en/"}news/${o.isBlog?"blog/":""}${o.slug}`,dimensions:{width:854,height:623}})):[]),p=n=>{const r=3-n.length;if(r>0){const x=Array.from({length:r},(v,b)=>({id:b+1,imageUrl:"/images/careers/coming-soon-placeholder.webp",name:"",description:"",position:"",isComingSoon:!0,link:"#",dimensions:{width:854,height:623}}));return[...n,...x]}return n};return(n,o)=>{const r=S,x=de;return i(),l("section",ce,[e("div",pe,[c(r,{src:"/images/careers/interview-bg-overlay.webp",alt:"",width:"1920",height:"960",class:"absolute inset-0 z-60 h-full w-full -translate-y-90 object-cover opacity-50 mix-blend-soft-light md:translate-y-0 md:opacity-100",loading:"lazy"})]),e("div",ue,[c(r,{src:"/images/careers/mobile-interview-overlay.webp",alt:"",width:"1024",height:"512",class:"absolute inset-0 z-60 h-full w-full object-cover opacity-100 mix-blend-lighten",loading:"lazy"})]),e("div",xe,[o[0]||(o[0]=e("div",{class:"relative z-80 flex flex-col items-center justify-center px-[5%] text-center"},[e("h2",{id:"vtw-member-section-heading",class:"mb-15 max-w-[600px] pt-20 text-2xl/[20px] font-bold! tracking-[10px] text-[#FCA300] md:pt-40 tablet:text-4xl md:text-5xl lg:text-[40px]/[20px]"}," OUR MEMBERS "),e("p",{class:"hidden max-w-[600px] text-center text-lg leading-relaxed text-white/90 tablet:block md:text-xl/[35px]"},[k(" Discover the stories of our engineers and find inspiration"),e("br"),k("for your own growth, ambitions, and future career path. ")])],-1)),e("div",be,[c(x,{members:p(u(m))},null,8,["members"])])])])}}});

2export{ve as default};