1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,15626,e=>{e.v({aside:"MediaObjectDetailPage-module-scss-module__QPUpAG__aside",extrasWrapper:"MediaObjectDetailPage-module-scss-module__QPUpAG__extrasWrapper",header:"MediaObjectDetailPage-module-scss-module__QPUpAG__header",wrapper:"MediaObjectDetailPage-module-scss-module__QPUpAG__wrapper"})},19840,e=>{e.v({container:"MediaObjectDetailHero-module-scss-module__9W4EuG__container",main:"MediaObjectDetailHero-module-scss-module__9W4EuG__main",mediaWrapper:"MediaObjectDetailHero-module-scss-module__9W4EuG__mediaWrapper",meta:"MediaObjectDetailHero-module-scss-module__9W4EuG__meta",wrapper:"MediaObjectDetailHero-module-scss-module__9W4EuG__wrapper"})},76935,e=>{e.v({buttonItem:"MediaObjectDetailHeroMeta-module-scss-module__4wyBbW__buttonItem",buttonList:"MediaObjectDetailHeroMeta-module-scss-module__4wyBbW__buttonList",item:"MediaObjectDetailHeroMeta-module-scss-module__4wyBbW__item",list:"MediaObjectDetailHeroMeta-module-scss-module__4wyBbW__list",primary:"MediaObjectDetailHeroMeta-module-scss-module__4wyBbW__primary"})},35437,e=>{"use strict";var a=e.i(43476),t=e.i(71645);let l=(0,t.createContext)({mediaHeight:0,updateMediaHeight:()=>{throw Error("updateMediaHeight is not implemented")},isTranscriptOpen:!1,updateIsTranscriptOpen:()=>{throw Error("updateIsTranscriptOpen is not implemented")},isPlaylistModalActive:!1,updateIsPlaylistModalActive:()=>{throw Error("updateIsPlaylistModalOpen is not implemented")}});e.s(["MediaObjectDetailProvider",0,({children:e})=>{let[s,i]=(0,t.useState)(0),[d,r]=(0,t.useState)(!1),[n,o]=(0,t.useState)(!1),c=(0,t.useCallback)(e=>{i(e)},[]),u=(0,t.useCallback)(e=>{r(e)},[r]),m=(0,t.useCallback)(e=>{o(e)},[o]);return(0,a.jsx)(l.Provider,{value:{mediaHeight:s,updateMediaHeight:c,isTranscriptOpen:d,updateIsTranscriptOpen:u,isPlaylistModalActive:n,updateIsPlaylistModalActive:m},children:e})},"default",0,l])},74201,e=>{e.v({background:"EmbedModal-module-scss-module__XVozfa__background",close:"EmbedModal-module-scss-module__XVozfa__close",container:"EmbedModal-module-scss-module__XVozfa__container",content:"EmbedModal-module-scss-module__XVozfa__content",copy:"EmbedModal-module-scss-module__XVozfa__copy",heading:"EmbedModal-module-scss-module__XVozfa__heading",iconWrapper:"EmbedModal-module-scss-module__XVozfa__iconWrapper",inputWrapper:"EmbedModal-module-scss-module__XVozfa__inputWrapper",modal:"EmbedModal-module-scss-module__XVozfa__modal",modalPositioner:"EmbedModal-module-scss-module__XVozfa__modalPositioner"})},3371,e=>{e.v({container:"PosterHero-module-scss-module__53e8sq__container",content:"PosterHero-module-scss-module__53e8sq__content",iconWrapper:"PosterHero-module-scss-module__53e8sq__iconWrapper",inner:"PosterHero-module-scss-module__53e8sq__inner"})},40924,e=>{e.v({container:"TimelineHero-module-scss-module__uiGnAG__container",timelineIconWrapper:"TimelineHero-module-scss-module__uiGnAG__timelineIconWrapper",timelineImagePositioner:"TimelineHero-module-scss-module__uiGnAG__timelineImagePositioner"})},49045,e=>{e.v({container:"QuizHero-module-scss-module__o5zEUq__container",imageWrapper:"QuizHero-module-scss-module__o5zEUq__imageWrapper"})},81165,e=>{e.v({container:"ScrollStoryHero-module-scss-module__lF5XRG__container",imageContainer:"ScrollStoryHero-module-scss-module__lF5XRG__imageContainer"})},83974,e=>{e.v({badgeWrapper:"MediaObjectDetailContent-module-scss-module__SidhoW__badgeWrapper",broadcasterLogo:"MediaObjectDetailContent-module-scss-module__SidhoW__broadcasterLogo",container:"MediaObjectDetailContent-module-scss-module__SidhoW__container",copy:"MediaObjectDetailContent-module-scss-module__SidhoW__copy",dateWrapper:"MediaObjectDetailContent-module-scss-module__SidhoW__dateWrapper",editorsNote:"MediaObjectDetailContent-module-scss-module__SidhoW__editorsNote",header:"MediaObjectDetailContent-module-scss-module__SidhoW__header",heading:"MediaObjectDetailContent-module-scss-module__SidhoW__heading",isFeatured:"MediaObjectDetailContent-module-scss-module__SidhoW__isFeatured",metaWrapper:"MediaObjectDetailContent-module-scss-module__SidhoW__metaWrapper",offlineDateWrapper:"MediaObjectDetailContent-module-scss-module__SidhoW__offlineDateWrapper"})},16023,e=>{e.v({container:"MediaObjectDate-module-scss-module__1ryIAa__container",date:"MediaObjectDate-module-scss-module__1ryIAa__date",offlineDate:"MediaObjectDate-module-scss-module__1ryIAa__offlineDate",timeWrapper:"MediaObjectDate-module-scss-module__1ryIAa__timeWrapper",viewCounterWrapper:"MediaObjectDate-module-scss-module__1ryIAa__viewCounterWrapper"})},51219,e=>{e.v({container:"RelatedList-module-scss-module__s1BFDa__container",heading:"RelatedList-module-scss-module__s1BFDa__heading",item:"RelatedList-module-scss-module__s1BFDa__item",list:"RelatedList-module-scss-module__s1BFDa__list",listWrapper:"RelatedList-module-scss-module__s1BFDa__listWrapper"})},90116,e=>{e.v({close:"Transcript-module-scss-module__no3g7q__close",container:"Transcript-module-scss-module__no3g7q__container",content:"Transcript-module-scss-module__no3g7q__content",copy:"Transcript-module-scss-module__no3g7q__copy",header:"Transcript-module-scss-module__no3g7q__header",heading:"Transcript-module-scss-module__no3g7q__heading"})},68730,e=>{e.v({container:"PlaylistRelatedList-module-scss-module__hy1pMW__container",header:"PlaylistRelatedList-module-scss-module__hy1pMW__header",heading:"PlaylistRelatedList-module-scss-module__hy1pMW__heading",isActive:"PlaylistRelatedList-module-scss-module__hy1pMW__isActive",item:"PlaylistRelatedList-module-scss-module__hy1pMW__item",list:"PlaylistRelatedList-module-scss-module__hy1pMW__list",listWrapper:"PlaylistRelatedList-module-scss-module__hy1pMW__listWrapper"})},99221,e=>{e.v({background:"PlaylistModal-module-scss-module__r0WB2q__background",buttonWrapper:"PlaylistModal-module-scss-module__r0WB2q__buttonWrapper",close:"PlaylistModal-module-scss-module__r0WB2q__close",container:"PlaylistModal-module-scss-module__r0WB2q__container",content:"PlaylistModal-module-scss-module__r0WB2q__content",header:"PlaylistModal-module-scss-module__r0WB2q__header",heading:"PlaylistModal-module-scss-module__r0WB2q__heading",iconWrapper:"PlaylistModal-module-scss-module__r0WB2q__iconWrapper",item:"PlaylistModal-module-scss-module__r0WB2q__item",modal:"PlaylistModal-module-scss-module__r0WB2q__modal",modalPositioner:"PlaylistModal-module-scss-module__r0WB2q__modalPositioner",newPlaylistContainer:"PlaylistModal-module-scss-module__r0WB2q__newPlaylistContainer",newPlaylistContainerInner:"PlaylistModal-module-scss-module__r0WB2q__newPlaylistContainerInner",playlistContainer:"PlaylistModal-module-scss-module__r0WB2q__playlistContainer"})},34206,e=>{e.v({formMain:"PlaylistForm-module-scss-module__M2i2la__formMain",heading:"PlaylistForm-module-scss-module__M2i2la__heading",item:"PlaylistForm-module-scss-module__M2i2la__item"})},11544,e=>
1{e.v({container:"ExtrasBlock-module-scss-module__tOE94G__container",content:"ExtrasBlock-module-scss-module__tOE94G__content",description:"ExtrasBlock-module-scss-module__tOE94G__description",header:"ExtrasBlock-module-scss-module__tOE94G__header",imageArea:"ExtrasBlock-module-scss-module__tOE94G__imageArea",imageInner:"ExtrasBlock-module-scss-module__tOE94G__imageInner",imageWrapper:"ExtrasBlock-module-scss-module__tOE94G__imageWrapper",indicatorWrapper:"ExtrasBlock-module-scss-module__tOE94G__indicatorWrapper",isTheme:"ExtrasBlock-module-scss-module__tOE94G__isTheme",item:"ExtrasBlock-module-scss-module__tOE94G__item",link:"ExtrasBlock-module-scss-module__tOE94G__link",list:"ExtrasBlock-module-scss-module__tOE94G__list",primary:"ExtrasBlock-module-scss-module__tOE94G__primary",program:"ExtrasBlock-module-scss-module__tOE94G__program",theme:"ExtrasBlock-module-scss-module__tOE94G__theme",type:"ExtrasBlock-module-scss-module__tOE94G__type"})},1895,e=>{"use strict";var a,t=e.i(43476),l=e.i(15626),s=e.i(71645),i=e.i(13985),d=e.i(28204),r=e.i(19840),n=e.i(6
15678),o=e.i(76935),c=e.i(86204),u=e.i(42738),m=e.i(74143),_=e.i(1947),p=e.i(35437),h=e.i(702),f=e.i(46008),j=e.i(95979),x=e.i(65055),y=e.i(77194),g=e.i(97963),b=e.i(74201),v=e.i(89970),N=e.i(74208),E=e.i(4199),M=e.i(78611),T=e.i(81746),C=e.i(14186),O=e.i(69347);let w=({isActive:e,handleClose:a,poms_mid:l})=>{let{updateIsModalActive:i}=(0,s.useContext)(E.default),r=(0,s.useRef)(null);(0,s.useEffect)(()=>{i(e)},[i,e]),(0,s.useEffect)(()=>{r.current&&(v.default.to(r.current,{autoAlpha:+!!e,ease:"power3.out",duration:.5}),e&&setTimeout(()=>{r?.current?.focus()},200))},[e]),(0,T.default)({isActive:e,onEscape:()=>a()});let n=`<iframe src="https://player.ntr.nl/index.php?id=${l}" width="600" height="338" frameborder="0" allow="encrypted-media; geolocation" allowfullscreen=""></iframe>`,[o,_]=(0,s.useState)(!1),p=(0,s.useCallback)(e=>{let a=document.createElement("textarea");a.value=e,a.setAttribute("readonly",""),a.style.position="absolute",a.style.left="-9999px",document.body.appendChild(a),a.select();try{let e=document.execCommand("copy");_(e)}catch(e){console.error("Fallback: Unable to copy to clipboard.",e)}document.body.removeChild(a)},[]),h=(0,s.useCallback)(async e=>{try{await navigator.clipboard.writeText(e),_(!0)}catch{console.error("Unable to copy to clipboard. Using fallback."),p(e)}},[p]),f=(0,s.useCallback)(()=>{h(n)},[h,n]);return(0,t.jsx)(M.default,{children:(0,t.jsxs)("div",{className:b.default.container,"aria-hidden":!e,ref:r,tabIndex:-1,children:[(0,t.jsx)("div",{className:b.default.background,onClick:a}),(0,t.jsx)("div",{className:b.default.modalPositioner,children:(0,t.jsx)(d.default,{children:(0,t.jsx)("div",{className:b.default.modal,children:(0,t.jsxs)("div",{className:b.default.content,children:[(0,t.jsx)("button",{type:"button","aria-label":"Sluiten",className:b.default.close,onClick:a,children:(0,t.jsx)("span",{className:b.default.iconWrapper,children:(0,t.jsx)(N.default,{name:"close"})})}),(0,t.jsx)("h2",{className:`heading-04 ${b.default.heading}`,children:"Embed video"}),(0,t.jsx)("div",{className:b.default.inputWrapper,children:(0,t.jsx)(C.default,{readonly:!0,id:"embed",label:"Embedcode",type:"text",value:n})}),o&&(0,t.jsx)(O.default,{copy:"De code is gekopieerd naar je klembord.",headingStage:"h2"}),(0,t.jsx)(c.default,{buttonType:u.ButtonType.ACTION,variant:m.PrimaryButtonVariant.EMPHASIZED,label:"Kopieer embedcode",onClick:f})]})})})})]})})};var W=e.i(47206),k=((a={}).NAVIGATION="navigation",a.ACTION="action",a.EXIT="exit",a.DOWNLOAD="download",a);let P=({transcript:e,links:a,id:l,media_type:i,poms_mid:d,program:r})=>{let{globalData:n}=(0,s.useContext)(_.default),{user:b,updateIsLoginModalActive:v}=(0,s.useContext)(x.default),{trackEvent:N}=(0,s.useContext)(y.default),[E,M]=(0,s.useState)(!1),[T,C]=(0,s.useState)(!1),{isTranscriptOpen:O,updateIsTranscriptOpen:P,isPlaylistModalActive:D,updateIsPlaylistModalActive:A}=(0,s.useContext)(p.default),L=(0,s.useCallback)(e=>{e.document&&N({click_name:(e.document?.data.location).replace(/^(https?:|)\/\//,""),click_chapter_1:"clicks",click_type:k.DOWNLOAD,...r?.data.title?{click_chapter_2:(0,g.formatTitleForTracking)(r?.data.title)}:{}})},[r?.data.title,N]);return(0,s.useEffect)(()=>{let e=()=>{C(window.innerWidth<=1024)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,t.jsxs)("div",{className:o.default.container,children:[(0,t.jsx)("div",{className:o.default.primary,children:(0,t.jsxs)("ul",{className:o.default.buttonList,children:[(0,t.jsx)("li",{className:o.default.buttonItem,children:(0,t.jsx)(f.default,{id:l,size:j.FavoriteButtonSize.LARGE,label:"Favoriet"})}),e&&(0,t.jsx)("li",{className:o.default.buttonItem,children:(0,t.jsx)(c.default,{buttonType:u.ButtonType.ACTION,label:n?.content.transcriptLabel,variant:m.PrimaryButtonVariant.ROUND,icon:"transcript","aria-expanded":O,"aria-controls":"transcriptionModal",onClick:()=>{P(!O)}})}),(0,t.jsx)("li",{className:o.default.buttonItem,children:(0,t.jsx)(c.default,{buttonType:u.ButtonType.ACTION,label:n?.content.playlistLabel,variant:m.PrimaryButtonVariant.ROUND,icon:"playlist-add",onClick:()=>{b?A(!D):v(!0)}})}),(W.mappedMediaObjectType[i]===W.MediaObjectType.VIDEO||W.mappedMediaObjectType[i]===W.MediaObjectType.PODCAST)&&!T&&(0,t.jsx)("li",{className:o.default.buttonItem,children:(0,t.jsx)(c.default,{buttonType:u.ButtonType.ACTION,label:n?.content.embedLabel,variant:m.PrimaryButtonVariant.ROUND,icon:"embed",onClick:()=>{M(!0)}})})]})}),a?.data&&(0,t.jsx)("div",{className:o.default.secondary,children:(0,t.jsx)("ul",{className:o.default.list,children:a?.data.map(e=>(0,t.jsx)("li",{className:o.default.item,children:(0,t.jsx)(c.default,{onClick:()=>L(e),variant:m.PrimaryButtonVariant.EMPHASIZED,isWide:!0,label:`${e.title}`,buttonType:u.ButtonType.LINK,link:{type:h.LinkType.EXTERNAL,href:e.document?.data?e.document.data.location:e.url}})},`link-${e.id}`))})}),(0,t.jsx)(w,{isActive:E,poms_mid:d,handleClose:()=>M(!1)})]})};var D=e.i(3371),A=e.i(36439),L=e.i(21980),S=e.i(4325),I=e.i(1950);let B=({image:e,url:a})=>{let{globalData:l}=(0,s.useContext)(_.default),i=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(L.default,{layout:A.MediaLayout.COVER,children:(0,t.jsx)(I.default,{unoptimized:!0,className:D.default.image,src:e?.data?.crop?.["16:9"]?.["856"]||S.default.DEFAULT.path,alt:e?.data?.crop?.["16:9"]?.["856"]?e?.data?.caption||"":S.default.DEFAULT.alt,width:856,height:482,priority:!0})}),(0,t.jsx)("div",{className:D.default.content,children:(0,t.jsxs)("div",{className:D.default.inner,children:[(0,t.jsx)("div",{className:D.default.iconWrapper,children:(0,t.jsx)(N.default,{name:"poster-large"})}),(0,t.jsx)("span",{className:`heading-05 ${D.default.label}`,children:l?.mediaObjectType.schoolplaat})]})})]});return(0,t.jsx)(t.Fragment,{children:a?(0,t.jsx)("a",{href:a,target:"_blank",className:D.default.container,children:i}):(0,t.jsx)("div",{className:D.default.container,children:i})})};var F=e.i(40924);let R=({image:e,url:a})=>{let l=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:F.default.timelineImagePositioner,children:(0,t.jsx)(L.default,{layout:A.MediaLayout.COVER,children:(0,t.jsx)(I.default,{unoptimized:!0,className:F.default.image,src:e?.data?.crop?.["16:9"]?.["856"]||S.default.DEFAULT.path,alt:e?.data?.crop?.["16:9"]?.["856"]?e?.data?.caption||"":S.default.DEFAULT.alt,width:402,height:402,priority:!0})})}),(0,t.jsx)("div",{className:F.default.timelineIconWrapper,children:(0,t.jsx)(N.default,{name:"timeline-huge",keepColors:!0})})]});return(0,t.jsx)(t.Fragment,{children:a?(0,t.jsx)("a",{href:a,target:"_blank",className:F.default.container,children:l}):(0,t.jsx)("div",{className:F.default.container,children:l})})};var $=e.i(49045);let z=({image:e,url:a})=>{let l="shape-quiz-hero-shape",i=(0,s.useRef)(null),d=(0,s.useRef)(null),[r,n]=(0,s.use
1State)(1),o=()=>{let e=i.current?.viewBox.baseVal;e&&d.current&&n(d.current.offsetWidth/e.width)};(0,s.useEffect)(()=>(window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[]);let c=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("svg",{"aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 821 465",className:"visually-hidden",ref:i,children:(0,t.jsx)("clipPath",{id:l,transform:`scale(${r}, ${r})`,children:(0,t.jsx)("path",{d:"M821,301.8c-24.7,2.1-48.8-0.6-72.5-6.9c-1.3-0.3-2.4-0.6-3.5-0.9V24c0-13.3-10.7-24-24-24h-37.9c0,0-0.1,0-0.1,0 c0,0,0,0,0,0H99.5c0,0-0.1,0-0.1,0H24C10.7,0,0,10.7,0,24v417c0,13.3,10.7,24,24,24h697c13.3,0,24-10.7,24-24V333.6 C772.7,329.9,798.9,319,821,301.8z"})})}),(0,t.jsx)("div",{ref:d,className:$.default.imageWrapper,style:{clipPath:`url(#${l})`},children:(0,t.jsx)(L.default,{layout:A.MediaLayout.COVER,children:(0,t.jsx)(I.default,{unoptimized:!0,className:$.default.image,src:e?.data?.crop?.["16:9"]?.["856"]||S.default.DEFAULT.path,alt:e?.data?.crop?.["16:9"]?.["856"]?e?.data?.caption||"":S.default.DEFAULT.alt,width:856,height:485,priority:!0})})})]});return(0,t.jsx)(t.Fragment,{children:a?(0,t.jsx)("a",{href:a,target:"_blank",className:$.default.container,children:c}):(0,t.jsx)("div",{className:$.default.container,children:c})})};var V=e.i(81165);let H=({image:e,url:a})=>{let l="shape-scroll-story-shape",i=(0,s.useRef)(null),d=(0,s.useRef)(null),[r,n]=(0,s.useState)(1),o=()=>{let e=i.current?.viewBox.baseVal;e&&d.current&&n(d.current.offsetWidth/e.width)};(0,s.useEffect)(()=>(window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[]);let c=(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("svg",{"aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 160 90",ref:i,children:(0,t.jsxs)("clipPath",{id:l,transform:`scale(${r}, ${r})`,children:[(0,t.jsx)("path",{d:"M72.5,80h-60c-2.8,0-5-2.2-5-5V5c0-2.8,2.2-5,5-5h60c2.8,0,5,2.2,5,5v70C77.5,77.8,75.3,80,72.5,80z"}),(0,t.jsx)("path",{d:"M147.5,90h-60c-2.8,0-5-2.2-5-5V15c0-2.8,2.2-5,5-5h60c2.8,0,5,2.2,5,5v70C152.5,87.8,150.3,90,147.5,90z"})]})}),(0,t.jsx)("div",{ref:d,className:V.default.imageContainer,style:{clipPath:`url(#${l})`},children:(0,t.jsx)(L.default,{layout:A.MediaLayout.COVER,children:(0,t.jsx)(I.default,{unoptimized:!0,className:V.default.image,src:e?.data?.crop?.["16:9"]?.["856"]||S.default.DEFAULT.path,alt:e?.data?.crop?.["16:9"]?.["856"]?e?.data?.caption||"":S.default.DEFAULT.alt,width:856,height:482,priority:!0})})})]});return(0,t.jsx)(t.Fragment,{children:a?(0,t.jsx)("a",{href:a,target:"_blank",className:V.default.container,children:c}):(0,t.jsx)("div",{className:V.default.container,children:c})})};var G=e.i(83974),U=e.i(67230),q=e.i(87606);let X=({title:e,subtitle:a,description:l,program:s,ages:i,classification_age:d,classification_content:r,isHighlight:n=!1,isFeatured:o=!1,editors_note:c,broadcaster_logo:u})=>(0,t.jsxs)("div",{className:`${G.default.container} ${o&&G.default.isFeatured}`,children:[(0,t.jsx)("div",{className:G.default.metaWrapper,children:(0,t.jsxs)("div",{className:G.default.badgeWrapper,children:[(0,t.jsx)(U.default,{ages:i,classification_age:d,classification_content:r}),u&&(0,t.jsx)("div",{className:G.default.broadcasterLogo,children:(0,t.jsx)(L.default,{layout:A.MediaLayout.CONTAIN,children:(0,t.jsx)("img",{src:u.data.url,alt:u.data.title})})})]})}),c&&(0,t.jsx)("div",{className:G.default.editorsNote,children:(0,t.jsx)("p",{className:"copy-03",children:c})}),(0,t.jsxs)("header",{className:G.default.header,children:[n?(0,t.jsx)("h3",{className:`heading-03 ${G.default.heading}`,children:e}):(0,t.jsx)("h1",{className:`heading-03 ${G.default.heading}`,children:e}),(0,t.jsx)("p",{className:`copy-01 ${G.default.subTitle}`,children:a})]}),(0,t.jsx)("p",{className:`copy-03 ${G.default.copy}`,children:l}),s&&(0,t.jsx)(q.default,{program:s,isLinked:!n,isBroadcasterVisible:!0})]});var Q=e.i(16023),Z=e.i(72125);function K(e){let a=new Date(e);return new Intl.DateTimeFormat("nl-NL",{day:"numeric",month:"short",year:"numeric"}).format(a)}let J=({views:e,online_date:a,offline_date:l})=>(0,t.jsxs)("div",{className:Q.default.container,children:[(0,t.jsxs)("div",{className:Q.default.timeWrapper,children:[a&&(0,t.jsx)("time",{className:`label-03 ${Q.default.releaseDate} ${Q.default.date}`,dateTime:a,children:K(a)}),l&&(0,t.jsx)("time",{className:`label-03 ${Q.default.offlineDate} ${Q.default.date}`,dateTime:l,children:`tot ${K(l)}`})]}),e&&(0,t.jsx)("div",{className:Q.default.viewCounterWrapper,children:(0,t.jsx)(Z.default,{count:e,isHorizontal:!0})})]}
1),Y=({title:e,subtitle:a,description:l,program:i,poms_mid:d,media_type:o,image:c,ages:u,classification_age:m,classification_content:_,url:h,views:f,links:j,transcription:x,short_description:y,id:g,pageSlug:b,online_date:v,offline_date:N,editors_note:E})=>{let M=(0,s.useRef)(null),{updateMediaHeight:T}=(0,s.useContext)(p.default),C=(0,s.useCallback)(()=>{M.current&&T(M.current.offsetHeight)},[T]);return(0,s.useEffect)(()=>(window.addEventListener("resize",C),C(),()=>{window.removeEventListener("resize",C)}),[C]),(0,t.jsxs)("div",{className:r.default.container,children:[(0,t.jsxs)("div",{className:r.default.mediaWrapper,ref:M,children:[W.mappedMediaObjectType[o]===W.MediaObjectType.VIDEO&&(0,t.jsx)(t.Fragment,{children:d&&(0,t.jsx)(n.default,{poms_mid:d,mediaType:W.MediaObjectType.VIDEO})}),W.mappedMediaObjectType[o]===W.MediaObjectType.PODCAST&&(0,t.jsx)(t.Fragment,{children:d&&(0,t.jsx)(n.default,{poms_mid:d,mediaType:W.MediaObjectType.PODCAST})}),W.mappedMediaObjectType[o]===W.MediaObjectType.POSTER&&(0,t.jsx)(B,{image:c,url:h}),W.mappedMediaObjectType[o]===W.MediaObjectType.TIMELINE&&(0,t.jsx)(R,{image:c,url:h}),W.mappedMediaObjectType[o]===W.MediaObjectType.QUIZ&&(0,t.jsx)(z,{image:c,url:h}),W.mappedMediaObjectType[o]===W.MediaObjectType.SCROLL_STORY&&(0,t.jsx)(H,{image:c,url:h}),W.mappedMediaObjectType[o]===W.MediaObjectType.CHAT&&(0,t.jsx)(H,{image:c,url:h})]}),(0,t.jsx)(J,{views:f,online_date:v,offline_date:N}),(0,t.jsxs)("div",{className:r.default.wrapper,children:[(0,t.jsx)("div",{className:r.default.main,children:(0,t.jsx)(X,{title:e,subtitle:a,ages:u,description:y,classification_age:m,classification_content:_,program:i,editors_note:E,broadcaster_logo:i?.data.broadcaster?.data.logo_color})}),(0,t.jsx)("div",{className:r.default.meta,children:(0,t.jsx)(P,{transcript:x?l:void 0,links:j,id:g,pageSlug:b,media_type:o,poms_mid:d,program:i})})]})]})};var ee=e.i(51219),ea=e.i(86114);let et=({items:e})=>{let{globalData:a}=(0,s.useContext)(_.default),{mediaHeight:l}=(0,s.useContext)(p.default),i=(0,s.useRef)(null),[d,r]=(0,s.useState)(!1);(0,s.useEffect)(()=>{},[l,i,d]);let n=()=>{r(window.innerWidth<768)};return(0,s.useEffect)(()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[]),(0,t.jsx)("div",{className:ee.default.container,ref:i,children:!!e.length&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:`heading-04 ${ee.default.heading}`,children:a?.content.relatedTitle}),(0,t.jsx)("div",{className:ee.default.listWrapper,children:(0,t.jsx)("ol",{className:ee.default.list,children:e.map((e,a)=>(0,t.jsx)("li",{className:ee.default.item,children:(0,t.jsx)(ea.default,{headingStage:"h3",data:e})},`item-${a}`))})})]})})};var el=e.i(90116),es=e.i(20487);let ei=({isOpen:e,transcript:a})=>{let[l,i]=(0,s.useState)(!1),d=(0,s.useRef)(null),r=(0,s.useRef)(null),[n,o]=(0,s.useState)(!1),{isMotionReduced:c}=(0,s.useContext)(es.default),{mediaHeight:u,updateIsTranscriptOpen:m}=(0,s.useContext)(p.default),{globalData:h}=(0,s.useContext)(_.default);(0,s.useEffect)(()=>{!l||d.current&&(v.default.to(d.current,{height:e?"auto":0,ease:"power3.out",duration:.5*!c}),e&&window.scrollTo({top:d.current.offsetTop-100,behavior:c?"instant":"smooth"}))},[e,l,c]),(0,s.useEffect)(()=>{l||(v.default.set(d.current,{height:e?"auto":0}),i(!0))},[e,l,i]),(0,s.useEffect)(()=>{r.current&&(n?r.current.style.height="auto":r.current.style.height=`${u}px`)},[u,r,n]);let f=()=>{o(window.innerWidth<768)};return(0,s.useEffect)(()=>(f(),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f)}),[]),(0,t.jsx)("div",{className:el.default.container,ref:d,id:"transcriptionModal","aria-hidden":!e,children:(0,t.jsx)("div",{className:el.default.content,ref:r,children:(0,t.jsxs)("div",{className:el.default.inner,children:[(0,t.jsxs)("header",{className:el.default.header,children:[(0,t.jsx)("h3",{className:`copy-01 ${el.default.heading}`,children:"Tekst"}),(0,t.jsx)("button",{type:"button",onClick:()=>{m(!1)},"aria-label":h?.content.a11y.closeTranscript,className:el.default.close,children:(0,t.jsx)(N.default,{name:"close"})})]}),a]})})})};var ed=e.i(18566),er=e.i(68730);let en=({title:e,description:a,items:l,activeItemId:i})=>{let{mediaHeight:d}=(0,s.useContext)(p.default),r=(0,s.useRef)(null),[n,o]=(0,s.use
1State)(!1),c=(0,ed.useSearchParams)().get("playlist");(0,s.useEffect)(()=>{r.current&&(n?r.current.style.height="auto":r.current.style.height=`${1.5*d}px`)},[d,r,n]);let u=()=>{o(window.innerWidth<768)};return(0,s.useEffect)(()=>(u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}),[]),(0,t.jsxs)("div",{className:er.default.container,ref:r,children:[(0,t.jsxs)("header",{className:er.default.header,children:[(0,t.jsxs)("h2",{className:`heading-04 ${er.default.heading}`,children:[e," (",l.length," items)"]}),a&&(0,t.jsx)("p",{className:`copy-02 ${er.default.copy}`,children:a})]}),(0,t.jsx)("div",{className:er.default.listWrapper,children:(0,t.jsx)("ol",{className:er.default.list,children:l.map((e,a)=>(0,t.jsx)("li",{className:`${er.default.item} ${i===e.id&&er.default.isActive}`,children:(0,t.jsx)(ea.default,{headingStage:"h3",data:e,playlist:c?.toString()})},`item-${a}`))})})]})};var eo=e.i(99221),ec=e.i(52141),eu=e.i(34206),em=e.i(70187),e_=e.i(31720);let ep=({handleSubmitSuccessful:e})=>{let[a,l]=(0,s.useState)(""),[i,d]=(0,s.useState)(""),[r,n]=(0,s.useState)(!1),[o,_]=(0,s.useState)(!1),[p,h]=(0,s.use
1State)([]),{handleCreatePlaylist:f}=(0,s.useContext)(x.default),j=(0,s.useCallback)((e,a)=>{l(a)},[]),y=(0,s.useCallback)((e,a)=>{d(a)},[]),g=(0,s.useCallback)(e=>{n(e)},[]),b=async t=>{t.preventDefault(),_(!0),h([]);try{await f({title:a,description:i,hide_description:+!!r}),e()}catch(e){h(e)}finally{_(!1)}},v=(0,s.useCallback)(()=>{l(""),d(""),n(!1)},[]);return(0,s.useEffect)(()=>{v()},[v]),(0,t.jsxs)("div",{className:eu.default.container,children:[(0,t.jsx)("h3",{className:`label-06 ${eu.default.heading}`,children:"Nieuwe verzameling"}),(0,t.jsxs)("form",{className:eu.default.formWrapper,onSubmit:b,children:[!!p.length&&(0,t.jsx)(em.default,{errors:p}),(0,t.jsxs)("div",{className:eu.default.formMain,children:[(0,t.jsx)("div",{className:eu.default.item,children:(0,t.jsx)(C.default,{id:"createPlaylistModalName",label:"Naam",type:"text",handleValueChange:j})}),(0,t.jsx)("div",{className:eu.default.item,children:(0,t.jsx)(C.default,{id:"createPlaylistModalDescription",label:"Omschrijving",type:"text",handleValueChange:y})}),(0,t.jsx)("div",{className:eu.default.item,children:(0,t.jsx)(e_.default,{id:"registerFormTerms",value:"registerFormTerms",label:"Maak omschrijving alleen zichtbaar voor mij",isChecked:r,handleValueChange:g})})]}),(0,t.jsx)("footer",{className:eu.default.footer,children:(0,t.jsx)(c.default,{buttonType:u.ButtonType.SUBMIT,label:"Aanmaken",variant:m.PrimaryButtonVariant.EMPHASIZED,isDisabled:o})})]})]})},eh=({item:e})=>{let{isPlaylistModalActive:a,updateIsPlaylistModalActive:l}=(0,s.useContext)(p.default),{updateIsModalActive:i}=(0,s.useContext)(E.default),{user:r,handleGetAuthUser:n,handleOrderPlaylistItems:o}=(0,s.useContext)(x.default),[_,h]=(0,s.useState)(!1),[f,j]=(0,s.useState)(!1),[y,g]=(0,s.useState)(!1),[b,C]=(0,s.useState)([]),[w,W]=(0,s.useState)(!1),[k,P]=(0,s.useState)(null),[D,A]=(0,s.useState)(!1),[L,S]=(0,s.useState)([]),[I,B]=(0,s.useState)(!1),F=(0,s.useRef)(null),R=(0,s.useCallback)(async()=>{r&&C(r.data.playlists.data)},[r]);(0,s.useEffect)(()=>{i(a)},[i,a]),(0,s.useEffect)(()=>{R()},[R,r]),(0,s.useEffect)(()=>{a&&!y&&(R(),g(!0))},[R,y,a]);let $=(0,s.useCallback)(()=>{P(null),A(!1),W(!1)},[]),z=(0,s.useCallback)(()=>{l(!1)},[l]);(0,s.useEffect)(()=>{f&&$()},[f,$]),(0,s.useEffect)(()=>{F.current&&(v.default.to(F.current,{autoAlpha:+!!a,ease:"power3.out",duration:.5*!!_,onComplete:()=>j(!a)}),a&&setTimeout(()=>{F?.current?.focus()},200),_||h(!0))},[a,_]);let V=(0,s.useCallback)(()=>{W(!w)},[w]),H=(0,s.useCallback)(()=>{A(!0),n()},[n]),G=(0,s.useCallback)(async a=>{if(B(!0),S([]),!a)return;let t=[],l=b.find(e=>e.id===k);l?.media_object_ids&&t.push(...l.media_object_ids),t.includes(e.id)||t.push(e.id);try{await o(a,{media_object_ids:t}),H()}catch(e){S(e)}finally{B(!1)}},[b,H,o,e.id,k]),U=(0,s.useCallback)(async()=>{let e=await n();if(e){let a=e.data.playlists.data[e.data.playlists.data.length-1].id;P(a),G(a)}},[G,n]),q=(0,s.useCallback)(async()=>{W(!1),U()},[U]),X=(0,s.useRef)(null),Q=(0,s.useCallback)((e,a)=>{e?P(Number(a)):P(null)},[]);return(0,s.useEffect)(()=>{X.current&&v.default.to(X.current,{height:w?"auto":0,ease:"power3.out",duration:.5})},[w]),(0,T.default)({isActive:a,onEscape:()=>z()}),(0,t.jsx)(M.default,{children:(0,t.jsxs)("div",{className:eo.default.container,"aria-hidden":!a,ref:F,tabIndex:-1,children:[(0,t.jsx)("div",{className:eo.default.background,onClick:z}),(0,t.jsx)("div",{className:eo.default.modalPositioner,children:(0,t.jsx)(d.default,{children:(0,t.jsx)("div",{className:eo.default.modal,children:(0,t.jsxs)("div",{className:eo.default.content,children:[(0,t.jsx)("button",{type:"button","aria-label":"Sluiten",className:eo.default.close,onClick:z,children:(0,t.jsx)("span",{className:eo.default.iconWrapper,children:(0,t.jsx)(N.default,{name:"close"})})}),(0,t.jsxs)("header",{className:eo.default.header,children:[(0,t.jsx)("h2",{className:`heading-04 ${eo.default.heading}`,children:"Bewaar dit item in een verzameling"}),(0,t.jsx)("p",{className:`copy-03 ${eo.default.subheading}`,children:e.name})]}),!!L.length&&(0,t.jsx)(em.default,{errors:L}),D?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(O.default,{title:"Item toegevoegd",copy:`"${e.name}" is toegevoegd aan ${b.find(e=>e.id===k)?.title}`,headingStage:"h2"}),(0,t.jsx)(c.default,{buttonType:u.ButtonType.ACTION,variant:m.PrimaryButtonVariant.EMPHASIZED,label:"Sluiten",onClick:z})]}):(0,t.jsxs)(t.Fragment,{children:[!!b.length&&(0,t.jsx)("div",{className:eo.default.playlistContainer,children:(0,t.jsx)("ul",{className:eo.default.list,children:b.map((e,a)=>(0,t.jsx)("li",{className:eo.default.item,children:(0,t.jsx)(e_.default,{id:`${e.id}`,value:`${e.id}`,label:e.title,isChecked:k===e.id,handleValueChange:Q})},`item-${a}`))})}),(0,t.jsxs)("div",{className:eo.default.buttonWrapper,children:[(0,t.jsx)(c.default,{buttonType:u.ButtonType.ACTION,variant:m.PrimaryButtonVariant.DEFAULT,label:"Nieuwe verzameling",icon:"plus",iconAlignment:ec.IconAlignment.LEFT,onClick:V}),(0,t.jsx)(c.default,{buttonType:u.ButtonType.ACTION,variant:m.PrimaryButtonVariant.EMPHASIZED,label:"Toevoegen",onClick:()=>G(k),isDisabled:!k||I})]})]}),(0,t.jsx)("div",{inert:!w||void 0,className:eo.default.newPlaylistContainer,ref:X,children:(0,t.jsx)("div",{className:eo.default.newPlaylistContainerInner,children:(0,t.jsx)(ep,{handleSubmitSuccessful:q})})})]})})})})]})})};var ef=e.i(86513),ej=e.i(11544),ex=e.i(77466),ey=e.i(12931),eg=e.i(49176),eb=e.i(80221),ev=e.i(63308),eN=e.i(69026),eE=e.i(4231),eM=e.i(59631),eT=e.i(11763);
1let eC=({items:e})=>{let[a,l]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=()=>{l(window.innerWidth<1024)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,t.jsx)("div",{className:ej.default.container,children:(0,t.jsxs)(d.default,{children:[(0,t.jsx)("header",{className:ej.default.header,children:(0,t.jsx)("h2",{className:`heading-03 ${ej.default.heading}`,children:"Meer"})}),(0,t.jsx)("ol",{className:ej.default.list,children:e.map(e=>{switch(e.type){case"media_objects":return(0,t.jsx)("li",{className:ej.default.item,children:(0,t.jsx)(ex.default,{item:e.extra.data,cardLayout:a?ey.CardLayout.DEFAULT:ey.CardLayout.LARGE})},`item-${e.id}`);case"programs":return(0,t.jsx)("li",{className:ej.default.item,children:(0,t.jsxs)("article",{className:ej.default.program,children:[(0,t.jsx)(eT.default,{className:ej.default.link,href:eg.RoutesConfig[eg.RouteNames.PROGRAM].url(e.extra.data.slug),"aria-label":`Bekijk ${e.extra.data.title}`}),(0,t.jsx)("div",{className:ej.default.imageArea,children:(0,t.jsx)("div",{className:ej.default.imageWrapper,children:(0,t.jsx)("div",{className:ej.default.imageInner,children:(0,t.jsx)(L.default,{layout:A.MediaLayout.COVER,children:(0,t.jsx)(eN.default,{image:{normal:e.extra.data.image.data.crop["300:350"][300]||S.default.DEFAULT.path,alt:e.extra.data.image.data?.caption||S.default.DEFAULT.alt}})})})})}),(0,t.jsxs)("div",{className:ej.default.content,children:[e.extra.data.ages&&(0,t.jsx)(U.default,{ages:e.extra.data.ages,isWhite:!1}),(0,t.jsx)(eE.default,{headingLevel:eM.HeadingLevel.H3,headingStyle:"heading-04",children:e.extra.data.title}),(0,t.jsx)("div",{className:ej.default.indicatorWrapper,children:(0,t.jsx)(eb.default,{mediaObjectType:W.MediaObjectType.PROGRAM})})]})]})},`item-${e.id}`);case"themes":return(0,t.jsx)("li",{className:`${ej.default.item} ${ej.default.isTheme}`,children:(0,t.jsxs)("article",{className:`${ej.default.theme}`,children:[(0,t.jsx)(eT.default,{className:ej.default.link,href:eg.RoutesConfig[eg.RouteNames.THEME_DETAIL].url(e.extra.data.slug),"aria-label":`Bekijk ${e.extra.data.title}`}),(0,t.jsx)("div",{className:ej.default.imageInner,children:(0,t.jsx)(L.default,{layout:A.MediaLayout.COVER,children:(0,t.jsx)(I.default,{unoptimized:!0,className:ej.default.image,src:e.extra.data.overview_image?.data?.crop?.["890:285"]["1366"]||S.default.DEFAULT.path,alt:e.extra.data.overview_image.data.caption||S.default.DEFAULT.alt,width:1366,height:437,placeholder:"empty"})})}),(0,t.jsxs)("div",{className:ej.default.primary,children:[e.extra.data.ages&&(0,t.jsx)(U.default,{ages:e.extra.data.ages,isWhite:!0}),(0,t.jsx)("h3",{className:"heading-02",children:e.extra.data.title}),!a&&(0,t.jsx)("p",{className:`copy-03 ${ej.default.description}`,children:e.extra.data.description})]}),(0,t.jsx)("div",{className:ej.default.type,children:(0,t.jsx)(eb.default,{mediaObjectType:W.MediaObjectType.THEME,alignment:ev.CardContentTypeIndicatorAlignment.CENTER})})]})},`item-${e.extra.data.id}`);default:return(0,t.jsx)(t.Fragment,{})}})})]})})};var eO=e.i(10626);e.s(["default",0,({data:e,playlistData:a})=>{let r,n;r=(0,s.useCallback)(e=>{switch(e.media_type){case W.ApiMediaObjectType.CLIP:case W.ApiMediaObjectType.EPISODE:case W.ApiMediaObjectType.LIEDJE:case W.ApiMediaObjectType.ANIMATIE:case W.ApiMediaObjectType.LESVIDEO:case W.ApiMediaObjectType.FILM:return{chapter1:"video"};case W.ApiMediaObjectType.PODCAST:return{chapter1:"podcast"};default:return{chapter1:e.media_type}}},[]),n=(0,s.useMemo)(()=>({page:(0,g.formatNameForTracking)(e.title,e.subtitle),chapter_1:r(e).chapter1,...e.program?{program:(0,g.formatTitleForTracking)(e.program.data.title)}:{},...{},...{},...e.poms_mid?{content_context_id:e.poms_mid}:{},custom_label1:`${e.id}`}),[e,r,void 0]),(0,eO.useTrackPageView)(n);let{title:o,short_description:c,description:u,sub_categories:m,subtitle:_,ages:h,classification_age:f,classification_content:j,online_date:y,offline_date:b,poms_mid:v,media_type:N,image:E,url:M,program:T,views:C,links:O,id:w,transcription:k,related:P,extras:D,editors_note:A}=e,{isTranscriptOpen:L}=(0,s.useContext)(p.default),{isUserChecked:S,handleRegisterView:I}=(0,s.useContext)(x.default),B=(0,ed.useSearchParams)(),[F,R]=(0,s.use
1State)(null),[$,z]=(0,s.useState)(!1),[V,H]=(0,s.useState)(!1),G=B.get("hash"),U=(0,s.useCallback)(async e=>{try{let a=await (0,ef.getPlaylistByHash)(e);R(a.data)}catch(e){console.log(e)}finally{H(!0)}},[]);return(0,s.useEffect)(()=>{G?U(G):H(!0)},[U,G]),(0,s.useEffect)(()=>{S&&!$&&(I(w),z(!0))},[I,w,S,$]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(d.default,{children:[(0,t.jsxs)("div",{className:l.default.container,children:[(0,t.jsx)("header",{className:l.default.header,children:(0,t.jsx)(i.default,{sub_categories:m.data,ages:h})}),(0,t.jsxs)("div",{className:l.default.wrapper,children:[(0,t.jsx)("main",{className:l.default.main,children:(0,t.jsx)("article",{children:(0,t.jsx)(Y,{title:N===W.ApiMediaObjectType.EPISODE?_:o,subtitle:N===W.ApiMediaObjectType.EPISODE?o:_,description:u,short_description:c,transcription:k,poms_mid:v,program:T,media_type:N,image:E,url:M,ages:h,classification_age:f,classification_content:j,views:C,links:O,id:w,pageSlug:e.slug,online_date:y,offline_date:b,editors_note:A})})}),V&&(0,t.jsxs)("aside",{className:l.default.aside,children:[k&&(0,t.jsx)(ei,{isOpen:L,transcript:k?u:void 0}),a?.playlist&&(0,t.jsx)(en,{title:a.title,description:a.description,items:a.playlist?.data,activeItemId:w}),F&&(0,t.jsx)(en,{title:F.title,description:F.hide_description?void 0:F.description,items:F.media_objects.data,activeItemId:w}),P&&!F&&!a&&(0,t.jsx)(et,{items:P.data})]})]})]}),(0,t.jsx)(eh,{item:{name:o,id:w}})]}),!!D?.data.length&&(0,t.jsx)(eC,{items:D.data})]})}],1895)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.