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

1import{r as p,o as t,c as o,e as s,d as m,h as a,t as h,p as v,g,l as V,y as _,f as T,b as c,Q as C,T as j,aC as B,k as D,x as M,j as d}from"./BqlVcf9b.js";import{_ as N}from"./v-gXnzh-.js";const z={class:"relative overflow-hidden bg-white py-20"},$={class:"lg:w-1/2"},H={class:"relative aspect-[3/2] overflow-hidden rounded-2xl"},L=["src","alt"],P={class:"flex flex-col justify-center gap-6 lg:w-1/2"},S={class:"font-heading text-heading-3 text-headings"},U=["innerHTML"],q={class:"relative w-full max-w-4xl"},E={class:"aspect-video w-full overflow-hidden rounded-2xl"},I=["src"],O=["src"],A={__name:"SectionTextWithVideo",props:{section:{type:Object,required:!0}},setup(e){const x=e,n=M(!1),l=d(()=>x.section.video?.url||""),w=d(()=>{const r=l.value.match(/(?:youtube\.com\/watch\?v=|youtu\.be\/)([\w-]+)/);return r?`https://www.youtube.com/embed/${r[1]}?autoplay=1`:l.value}),b=d(()=>/\.(mp4|webm|ogg|mov)(\?|$)/i.test(l.value)),y=()=>{n.value=!0},u=()=>{n.value=!1};return(r,i)=>{const k=D,f=p("reveal");return t(),o("section",z,[s("div",{class:_(["container flex flex-col gap-8 lg:gap-20",e.section.reverse?"lg:flex-row-reverse":"lg:flex-row"])},[m((t(),o("div",$,[s("div",H,[e.section.thumbnail?(t(),o("img",{key:0,src:e.section.thumbnail?.url,alt:e.section.thumbnail?.alternativeText||e.section.title,class:"h-full w-full object-cover"},null,8,L)):a("",!0),s("button",{class:"absolute inset-0 flex cursor-pointer flex-col items-center justify-center gap-2",onClick:y},[...i[0]||(i[0]=[s("img",{src:N,alt:"",class:"size-10"},null,-1),s("span",{class:"text-small font-semibold text-white drop-shadow-md"},"Play Video",-1)])])])])),[[f,{animation:"fade-left",delay:150}]]),m((t(),o("div",P,[s("h3",S,h(e.section.title),1),e.section.description?(t(),o("div",{key:0,innerHTML:e.section.description,class:"text-medium font-medium text-body"},null,8,U)):a("",!0),e.section.cta?(t(),v(k,{key:1,to:e.section.cta.url,target:e.section.cta.target,"icon-image":e.section.cta.iconImage,class:"self-start"},{default:g(()=>[V(h(e.section.cta.label),1)]),_:1},8,["to","target","icon-image"])):a("",!0)])),[[f,"fade-right"]])],2),(t(),v(B,{to:"body"},[T(j,{name:"fade"},{default:g(()=>[c(n)?(t(),o("div",{key:0,class:"fixed inset-0 z-50 flex items-center justify-center bg-black/70 p-4",onClick:C(u,["self"])},[s("div",q,[s("button",{class:"absolute -right-2 -top-10 cursor-pointer text-white hover:text-orange-400",onClick:u},[...i[1]||(i[1]=[s("i",{class:"pi pi-times text-[1.5rem]"},null,-1)])]),s("div",E,[c(b)?(t(),o("video",{key:0,src:c(l),controls:"",autoplay:"",class:"h-full w-full bg-black"},null,8,I)):(t(),o("iframe",{key:1,src:c(w),class:"h-full w-full",frameborder:"0",allow:"autoplay; encrypted-media",allowfullscreen:""},null,8,O))])])])):a("",!0)]),_:1})]))])}}};export{A as default};