https://www.travelessence.nl/_nuxt/BBWYq5Lq.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./CXe0R2yc.js","./To5SkQAn.js","./entry.TyDevIN2.css","./Dl-H-sgg.js","./yFjalVa_.js","./C5_-NmNN.js","./CDa5UQMR.js","./k_rD8EY8.js"])))=>i.map(i=>d[i]);
2import{i as z,aj as B,r as o,P as R,c as I,Y as S,Z as E,m as g,z as n,o as x,M as $,t as L,p as r,v as u,A,ak as O,E as q,e as G,$ as N,a0 as j,a2 as U,C as K,q as m,au as Y,G as Z,av as F,aw as H}from"#entry";const J=["is","to"],Q={class:"absolute top-1/2 left-1/2 z-20 w-fit -translate-x-1/2 -translate-y-1/2 duration-180 hover:cursor-pointer"},W={class:"relative size-full object-cover"},X={class:"text-neutral-10 text-micro break-words"},ae=z({__name:"Testimonial",props:{data:{},variant:{}},setup(a){const i=a,h=F("components/layout/elements/Video/index.vue",()=>H(()=>import("./CXe0R2yc.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url)),{gsap:l}=N(),b=B(),p=o(null),f=o(null),k=o(""),w=o(!1),{isMobile:C,isTablet:M}=R(),P=o(null),v=o(null),D=I(()=>i.data?.testimonial.story.permalink?K:"div"),T=()=>{const t=/\.mp4(\?.*)?$/i,s=!!i.data?.video_url?.match(t);if((C.value||M.value)&&s){const e=v.value?.$el.querySelector("video");if(!e)return;P.value=e,e.controls=!0,e.playsInline=!1,e.autoplay=!0,e.play()}else b.setVideoPopoutOverlay({data:i.data,isOpen:!0})};let y=null;const V=async()=>{const t=p.value,s=f.value;if(!t||!s)return;const e=G(),{disableAnimations:c}=e;window.matchMedia("(prefers-reduced-motion: reduce)").matches||c||(y=l.context(()=>{const d=s?.querySelector("img");d&&(l.set(d,{scale:1.2,y:"-20%"}),l.to(d,{y:"10%",scrollTrigger:{trigger:t,scrub:!0,start:"top 100%"}}))},t))};return S(()=>{V()}),E(()=>{y?.revert()}),(t,s)=>{const e=j,c=Y,_=U;return m(),g("div",{ref_key:"containerRef",ref:p,class:"carousel-slide carousel-testimonial relative"},[n("div",{is:r(D),to:a.data.testimonial?.story?.permalink,class:"block"},[n("div",{ref_key:"imgContainerRef",ref:f,class:$(["carousel-media-wrapper carousel-image-container group relative aspect-4/3 overflow-hidden",[a.variant==="small"?"h-[240px] rounded-[var(--radius-lg)] lg:h-[360px] lg:rounded-[var(--radius-xl)]":"h-fit w-full rounded-[var(--radius-2xl)] sm:h-[460px] sm:w-fit lg:h-[570px] lg:rounded-[var(--radius-4xl)]"]])},[a.data.image&&!r(w)?(m(),L(e,{key:0,data:a.data.image,transformations:{sm:"MyPortal_DayByDay_CarouselIntro_Mobile_Landscape",md:"MyPortal_DayByDay_CarouselIntro_Tablet",lg:"MyPortal_DayByDay_CarouselIntro_Desktop"}},null,8,["data"])):x("",!0),n("div",Q,[u(_,{class:"size-[52px] lg:size-[80px]","aria-label":("useTranslation"in t?t.useTranslation:r(Z))("media.play_video"),onClick:T,data:{btn_style:{value:"btn-rounded-full"},icon_size:{value:"icon-md"},rounded:!0}},{default:A(()=>[u(c,{class:"icon-fill text-[24px]! lg:text-[36px]!"})]),_:1},8,["aria-label"])]),n("div",W,[u(r(h),{ref_key:"videoPlayerRef",ref:v,data:{...a.data,media_aspect:{value:"aspect-4/3"},variant:{value:a.variant}},set_play:!1,controls:!1,loop:!1,set_muted:!1,autoplay:!1,isTestimonial:!0,popOut:!0,"hydrate-on-visible":{rootMargin:"100px"}},null,8,["data"])])],2),a.data.description?(m(),g("div",{key:0,class:"alt-text mt-2xs md:mt-xs px-card-indent",style:O({width:r(k)})},[n("span",X,q(a.data.description),1)],4)):x("",!0)],8,J)],512)}}});export{ae as default};