https://www.zoonegara.my/_nuxt/IpGt8fw9.js

1import{_ as M}from"./BEar44tV.js";import{_ as G}from"./BvCGxACv.js";import{_ as H}from"./DfygYQHW.js";import{_ as P}from"./C9Ict_7I.js";import{_ as X}from"./CssJWeHy.js";import{_ as J}from"./RLDSW0YK.js";import{o as i,c as a,e as t,p as K,h as p,t as _,w as Q,i as U,b4 as W,m as Y,s as v,r as Z,d as V,f as h,l as ee,X as N,b as l,F as E,q as j,y as B,g as te,v as se,j as O,x as u}from"./6eXhkYxy.js";import{q as ie}from"./C3KZh7wq.js";import{_ as ae}from"./DlAUqK2U.js";import"./htLmpJjW.js";const ne={class:"flex h-full flex-col overflow-hidden rounded-2xl bg-white"},le={class:"aspect-[410/273] overflow-hidden"},oe={class:"flex flex-col gap-6 p-4 lg:p-6"},re={class:"flex flex-col gap-2"},ce={class:"font-heading text-heading-4 text-headings"},de={class:"flex flex-col gap-2"},ue={key:0,class:"flex items-start gap-2"},fe={class:"text-medium font-medium text-body"},pe={key:1,class:"flex items-start gap-2"},me={class:"text-medium font-medium text-body"},ve={key:2,class:"flex items-start gap-2"},_e={class:"text-medium font-medium text-body"},ge={__name:"CardEventVenue",props:{title:{type:String,required:!0},image:{type:Object,default:null},capacity:{type:String,default:null},price:{type:String,default:null},venueType:{type:String,default:null}},setup(s){return(g,o)=>{const c=H;return i(),a("div",ne,[t("div",le,[s.image?.url?(i(),K(c,{key:0,src:s.image.url,alt:s.image.alternativeText||s.title,class:"size-full object-cover"},null,8,["src","alt"])):p("",!0)]),t("div",oe,[t("div",re,[t("h4",ce,_(s.title),1),t("div",de,[s.capacity?(i(),a("div",ue,[o[0]||(o[0]=t("img",{src:P,alt:"",class:"mt-0.5 size-4 shrink-0"},null,-1)),t("span",fe,_(s.capacity),1)])):p("",!0),s.price?(i(),a("div",pe,[o[1]||(o[1]=t("img",{src:X,alt:"",class:"mt-0.5 size-4 shrink-0"},null,-1)),t("span",me,_(s.price),1)])):p("",!0),s.venueType?(i(),a("div",ve,[o[2]||(o[2]=t("img",{src:J,alt:"",class:"mt-0.5 size-4 shrink-0"},null,-1)),t("span",_e,_(s.venueType),1)])):p("",!0)])])])])}}},xe={class:"relative overflow-hidden bg-dark-1 py-20"},he={class:"container relative z-10 flex flex-col items-center gap-20"},ye={key:0,class:"font-heading text-heading-2 text-center text-text-white"},be={class:"flex w-full flex-col gap-8 lg:flex-row lg:gap-8"},we={class:"flex shrink-0 flex-col gap-6 lg:w-[30%]"},ke={class:"relative flex flex-row overflow-x-auto lg:flex-col lg:overflow-visible"},Se=["onClick"],$e={key:0,class:"hidden lg:block"},Te={key:0,class:"mt-6 flex justify-center lg:hidden"},Ce={__name:"SectionSideTabsCardEventVenueGroup",props:{section:{type:Object,required:!0}},async setup(s){let g,o;const c=u(null),q=u(null),D=u(null),b=u(!1),w=u(!1),k=u([]),S=u({}),$=()=>{const e=k.value,f=x.value.indexOf(d.value),r=e?.[f];r&&(S.value={top:`${r.offsetTop}px`,height:`${r.offsetHeight}px`})},{data:y}=([g,o]=Q(()=>U("venues",()=>ie("venues").order("order","ASC").all())),g=await g,o(),g),x=O(()=>y.value?[...new Set(y.value.map(f=>f.category))]:[]),d=u("");W(()=>{x.value.length&&!d.value&&(d.value=x.value[0])});const I=O(()=>y.value?y.value.filter(e=>e.category===d.value):[]),T=()=>{const e=c.value?.swiper;e&&(b.value=!e.isLocked)},F=async()=>{await v();const e=c.value;if(!e)return;Object.assign(e,{slidesPerView:1.2,spaceBetween:24,speed:500,breakpoints:{768:{slidesPerView:2,spaceBetween:30}}}),e.initialize(),v(T),e.addEventListener?.("swiperresize",T)},R=e=>{if(e===d.value)return;w.value=!0;const f=x.value.indexOf(e),r=k.value?.[f];r&&(S.value={top:`${r.offsetTop}px`,height:`${r.offsetHeight}px`}),setTimeout(()=>{d.value=e,v(()=>{const m=c.value?.swiper;m&&(m.update(),m.slideTo(0,0),v(T)),w.value=!1,v($),setTimeout($,350)})},300)};return Y(()=>{F(),v($)}),(e,f)=>{const r=M,m=G,A=ge,L=se,C=Z("reveal");return i(),a("section",xe,[V(h(r,{class:"pointer-events-none absolute -left-6 bottom-0 hidden lg:block"},null,512),[[C,{animation:"stagger",delay:300}]]),t("div",he,[s.section.title?V((i(),a("h2",ye,[ee(_(s.section.title),1)])),[[C]]):p("",!0),V((i(),a("div",be,[t("div",we,[t("div",ke,[t("div",{class:"absolute left-0 hidden w-[3px] rounded-full bg-btn-tab-active transition-all duration-300 ease-in-out lg:block",style:N(l(S))},null,4),(i(!0),a(E,null,j(l(x),(n,z)=>(i(),a("button",{key:z,ref_for:!0,ref_key:"tabRefs",ref:k,class:B(["cursor-pointer shrink-0 border-b-2 px-4 py-2.5 text-left font-heading transition-all duration-300 lg:border-b-0 lg:border-l-1 lg:border-white/50",l(d)===n?"border-btn-tab-active lg:border-white/50 text-btn-tab-active":"border-transparent lg:border-white/50 text-white/80 hover:text-white"]),style:N({fontSize:l(d)===n?"var(--font-size-heading-4)":"var(--font-size-heading-5)"}),onClick:ze=>R(n)},_(n),15,Se))),128))]),l(b)?(i(),a("div",$e,[h(m,{ref_key:"swiperNav",ref:q,"swiper-ref":l(c)},null,8,["swiper-ref"])])):p("",!0)]),t("div",{class:B(["slider min-w-0 flex-1 transition-opacity duration-300",l(w)?"opacity-0":"opacity-100"])},[h(L,null,{default:te(()=>[t("swiper-container",{ref_key:"sliderRef",ref:c,init:"false"},[(i(!0),a(E,null,j(l(I),(n,z)=>(i(),a("swiper-slide",{key:z},[h(A,{title:n.title,image:n.image,capacity:n.capacity,price:n.price,"venue-type":n.venueType},null,8,["title","image","capacity","price","venue-type"])]))),128))],512),l(b)?(i(),a("div",Te,[h(m,{ref_key:"swiperNavMobile",ref:D,"swiper-ref":l(c)},null,8,["swiper-ref"])])):p("",!0)]),_:1})],2)])),[[C,{animation:"fade-up",delay:150}]])])])}}},Re=ae(Ce,[["__scopeId","data-v-d9fd06f5"]]);export{Re as default};