https://oostnl.nl/_next/static/chunks/9392.a6b21629aee32305.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9392],{9392:(e,t,l)=>{l.r(t),l.d(t,{default:()=>_});var i=l(94458),s=l(68658),r=l(83772),o=l(16086),n=l(49703),a=l(95642),d=l(92364),c=l(55655),u=l(70370),m=l(36299),x=l(74469),h=l(99134),p=l(49053),f=l(76398);let b=({onPrevSlide:e,onNextSlide:t,themeMode:l,selectedIndex:s=0,amountOfSlides:r=0})=>{let o=(0,c.A)();return(0,i.jsxs)(x.z,{spacing:4,children:[(0,i.jsx)(g,{onClick:e,disabled:!e,themeMode:l,intl:o}),(0,i.jsxs)(h.E,{fontSize:"sm",ml:"2",children:[o.formatNumber(s+1,{minimumIntegerDigits:2})," /"," ",o.formatNumber(r,{minimumIntegerDigits:2})]}),(0,i.jsx)(g,{onClick:t,disabled:!t,themeMode:l,direction:"next",intl:o})]})},g=({direction:e="previous",onClick:t,themeMode:l,disabled:s,intl:r})=>(0,i.jsx)(p.C,{onClick:t,disabled:s,themeMode:l,"aria-label":r.formatMessage({id:"previous"===e?"accessibility.previous.slide":"accessibility.next.slide"}),children:(0,i.jsx)(f.A,{reactIcon:"previous"===e?(0,i.jsx)(u.A,{}):(0,i.jsx)(m.A,{}),size:"20px"})}),j={loop:!0,watchDrag:!0,breakpoints:{"(min-width: 400px)":{watchDrag:!1}}},v=({slides:e=[],slideElement:t,sliderOptions:l=j,themeMode:o="light",onCh

1angeSlide:n,slideGap:c=10})=>{let[u,m]=(0,a.A)(l),{selectedIndex:x,amountOfSlides:h,canScrollNext:p,canScrollPrev:f}=((e,t)=>{let[l,i]=(0,s.useState)([]),[r,o]=(0,s.useState)(!1),[n,a]=(0,s.useState)(!1),[d,c]=(0,s.useState)(0),[u,m]=(0,s.useState)(0),x=(0,s.useCallback)(()=>{h()},[t,c]);(0,s.useEffect)(()=>{h(),t?.on("select",x)},[t]);let h=()=>{t&&(c(t.selectedScrollSnap()),o(!!e.loop||t.canScrollPrev()),a(!!e.loop||t.canScrollNext()),m(t.scrollSnapList().length),i(t.scrollSnapList()))};return{scrollSnaps:l,canScrollNext:n,canScrollPrev:r,selectedIndex:d,setSelectedIndex:c,amountOfSlides:u}})(l,m);return(0,s.useEffect)(()=>{n?.(x)},[x]),(0,i.jsxs)(r.s,{position:"relative",direction:"column",align:"center",gap:10,w:"full",children:[(0,i.jsx)(d.az,{ref:u,overflow:"hidden",w:"full",children:(0,i.jsx)(r.s,{minW:0,children:e.map((e,l)=>(0,i.jsx)(r.s,{w:"full",flex:"0 0 100%",minW:0,mr:c,children:t(e,m?.selectedScrollSnap()||0,l)},l))})}),h>1&&(0,i.jsx)(b,{onPrevSlide:f?m?.scrollPrev:void 0,onNextSlide:p?m?.scrollNext:void 0,selectedIndex:x,amountOfSlides:h,themeMode:o})]})};var S=l(51484),w=l(78292);let y=({video:e,index:t,selectedIndex:l,...r})=>{let o=(0,c.A)(),n=(0,s.useRef)(null),[a,u]=(0,s.useState)(!1),[m,x]=(0,s.use

1State)(!1),h=()=>{let e=n.current;e?.pause(),e&&e.paused&&e.readyState>2&&x(!1)};return(0,s.useEffect)(()=>{t!==l&&m&&h()},[t,l]),(0,i.jsxs)(d.az,{pos:"relative",h:"full",w:"full",aspectRatio:16/9,overflow:"hidden",borderRadius:"xl",...r,children:[(0,i.jsx)(d.az,{pos:"relative",as:"video",onPause:()=>h(),ref:n,controls:a,h:"full",w:"full",objectFit:"cover",onPlay:()=>x(!0),borderRadius:20,aspectRatio:16/9,playsInline:!0,children:(0,i.jsx)("source",{src:e?.url,type:e?.mime})},e?.name),(0,i.jsx)(S.T,{pos:{base:"relative",md:"absolute"},zIndex:1,justifyContent:"center",m:"auto",left:0,top:0,right:0,bottom:0,pt:{base:4,md:"unset"},h:"70%",display:a?"none":"flex",children:e&&(0,i.jsx)(p.C,{size:"sm",customIcon:(0,i.jsx)(w.A,{}),w:{base:"full",md:"180px"},onClick:()=>void(x(!0),u(!0),n.current&&n.current?.play()),borderRadius:6,"aria-label":o.formatMessage({id:"accessibility.video.watch"}),children:o.formatMessage({id:"video.controls.play"})})})]})};var R=l(94029),k=l(59183);let C=({media:e,index:t,selectedIndex:l})=>{let s=(0,k.H)(e),r={minWidth:{base:"100%",md:1},alignSelf:"center"};return s?.type==="image"?(0,i.jsx)(R.x,{borderRadius:"xl",src:s.url,alt:s.alternativeText,baseSize:1e3,...r}):s?.type==="video"?(0,i.jsx)(y,{video:s,index:t,selectedIndex:l,...r}):(0,i.jsx)(i.Fragment,{})};var I=l(93068),M=l(75580);let z=({video_url:e,...t})=>e?(0,i.jsx)(d.az,{w:"100%",alignSelf:"center",...t,children:(0,i.jsx)(I.g,{ratio:16/9,sx:{iframe:{borderRadius:"xl"}},children:(0,i.jsx)("iframe",{title:"SlideVideo",src:(0,M.l)(e),allowFullScreen:!0})})}):(0,i.jsx)(i.Fragment,{});var A=l(30878),E=l(23907);let N=({description:e,themeMode:t="light",button:l,index:s,selectedIndex:o,video_url:n,title:a,media:d})=>(0,i.jsxs)(r.s,{alignSelf:"center",w:"full",direction:{base:"column",md:"row"},gap:{base:5,md:10},children:[e&&(0,i.jsxs)(S.T,{flex:"1",minW:"50%",alignItems:"start",alignSelf:"center",spacing:{base:2,md:4},minH:{base:"auto",md:"200px"},children:[a&&(0,i.jsx)(E.h,{as:"h3",themeMode:t,children:a}),e&&(0,i.jsx)(A.E,{themeMode:t,children:e}),l&&(0,i.jsx)(p.C,{mt:{base:2,md:4},iconPosition:"right",icon:"Arrow_Right",themeMode:t,strapiProps:l})]}),n&&(0,i.jsx)(z,{video_url:n}),!n&&d&&(0,i.jsx)(C,{media:d,index:s,selectedIndex:o})]}),_=({module:{title:e,titlePosition:t,videos:l=[],defaultModuleOptions:s,index:a}})=>{let d=(0,o.Jn)(s?.backgroundColor);return(0,i.jsx)(n.F,{title:e,gap:{base:4,md:12},themeMode:d,centered:!0,titleProps:{alignSelf:"left"===t?"flex-start":"right"===t?"flex-end":"center"},componentIndex:a,children:(0,i.jsx)(r.s,{align:{base:"center",md:"start"},gap:8,direction:"column",w:"full",children:(0,i.jsx)(r.s,{w:"full",pos:"relative",children:(0,i.jsx)(v,{slides:l,slideElement:(e,t,l)=>(0,i.jsx)(N,{...e,selectedIndex:t,index:l,themeMode:d}),themeMode:d})})})})}},75580:(e,t,l)=>{l.d(t,{l:()=>s});let i=[{platform:"youtube",urls:["youtube","youtu.be"],idRegex:/(.*watch\?v=)|(.*youtu.be\/)/,embedUrl:e=>`https://www.youtube.com/embed/${e}`},{platform:"vimeo",urls:["vimeo"],idRegex:/.*vimeo.com\//,embedUrl:e=>`https://player.vimeo.com/video/${e}`}],s=(e="")=>{let t=i.find(t=>t.urls.find(t=>e.includes(t)));if(!t)return;let l=RegExp(t.idRegex,"g"),s=e.replace(l,"");return s?t.embedUrl(s.split("&")[0]):""}},93068:(e,t,l)=>{l.d(t,{g:()=>d});var i=l(22929),s=l(32910),r=l(23031),o=l(66196),n=l(68658),a=l(94458),d=(0,i.R)(function(e,t){let{ratio:l=4/3,children:i,className:d,...c}=e,u=n.Children.only(i),m=(0,o.cx)("chakra-aspect-ratio",d);return(0,a.jsx)(s.B.div,{ref:t,position:"relative",className:m,_before:{height:0,content:'""',display:"block",paddingBottom:(0,r.bk)(l,e=>`${1/e*100}%`)},__css:{"& > *:not(style)":{overflow:"hidden",position:"absolute",top:"0",right:"0",bottom:"0",left:"0",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},"& > img, & > video":{objectFit:"cover"}},...c,children:u})});d.displayName="AspectRatio"}}]);