1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="4b6c2704-e202-8a22-b536-81a6317974ec")}catch(e){}}(); 2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,776035,e=>{"use strict";var t=e.i(391398);e.i(986911),e.i(134335);var i=e.i(653861),a=e.i(275885),n=e.i(760814),o=e.i(109478);let r=({children:e,urlHelpers:i})=>(0,t.jsx)(o.default.Provider,{value:i,children:e});var l=e.i(508850),s=e.i(442005);i.config.autoAddCss=!1;{let e=window.__onGCastApiAvailable;window.__onGCastApiAvailable=function(t){if(!t)return void(0,a.captureException)(Error("[NPO Player] Cast SDK not available - this is expected and safe to ignore"));if(e)try{return e.call(this,t)}catch(e){(0,a.captureException)(e)}},window.addEventListener("error",e=>{let t=e.message||"",i=e.filename||"";if(t.includes("cast SDK is not available")||t.includes("Load Cast SDK failed")||t.includes("Failed to initialize Cast")||t.includes("__SENTRY_LOADER__")||i.includes("cast_sender.js"))return e.preventDefault(),e.stopImmediatePropagation(),!1},!0),window.addEventListener("unhandledrejection",e=>{let t=e.reason,i=t?.message||String(t)||"",a=t?.stack||"";if(i.includes("cast SDK is not available")||i.includes("Load Cast SDK failed")||i.includes("Failed to initialize Cast")||i.includes("cast_sender")||i.includes("__SENTRY_LOADER__")||a.includes("__onGCastApiAvailable")||a.includes("cast_sender.js"))return e.preventDefault(),e.stopImmediatePropagation(),e.promise.catch(()=>{}),!1},!0)}let d=({children:e,theme:i,urlHelpers:a})=>((0,s.default)(),(0,l.useInitialiseCcm)(),(0,t.jsx)(r,{urlHelpers:a,children:(0,t.jsx)(n.ThemeProvider,{theme:i,children:e})}));var c=e.i(203828),p=e.i(168489),u=e.i(191788),h=e.i(730943);let m=({children:e,wrapperId:t="portal-wrapper"})=>{let[i,a]=(0,u.useState)(null);return((0,u.useLayoutEffect)(()=>{let e=document.querySelector(`#${t}`),i=!1;if(!e){let a;i=!0,(a=document.createElement("div")).setAttribute("id",t),document.body.append(a),e=a}return a(e),()=>{i&&e.parentNode&&e.remove()}},[t]),null===i)?null:(0,h.createPortal)(e,i)};var g=e.i(25742),f=e.i(835992),x=e.i(517381),y=e.i(164704),v=e.i(662128);let w=(0,p.default)(()=>e.A(266243),{ssr:!1}),b=n.default.div.withConfig({displayName:"EventModal__EventModalStyled",componentId:"sc-a3f27faf-0"})` 3 align-items: center; 4 background-color: rgb(0 0 0 / 0.6); 5 display: flex; 6 flex-direction: column; 7 inset: 0; 8 justify-content: center; 9 overflow: hidden; 10 padding: 16px; 11 position: fixed; 12 z-index: 999; 13`,C=n.default.div.withConfig({displayName:"EventModal__EventModalContent",componentId:"sc-a3f27faf-1"})` 14 --accent-color: ${({theme:e})=>e.mainAccentColor}; 15 --border-radius: ${["kx"].includes(y.currentSite)?"0":"8px"}; 16 --hover-color: ${"kx"===y.currentSite?f.ALTERNATIVE_KX_HOVER_COLOR:"var(--accent-color)"}; 17 18 align-items: center; 19 background-color: #282c34; 20 border-radius: var(--border-radius); 21 color: #fff; 22 display: flex; 23 filter: drop-shadow(0 4px 4px rgb(0 0 0 / 0.25)); 24 height: auto; 25 justify-content: center; 26 max-width: 760px; 27 overflow: hidden; 28 position: relative; 29 30 @media (min-width: ${x.sizes.L}px) { 31 --border-radius: ${["kx"].includes(y.currentSite)?"0":"14px"}; 32 } 33`,_=n.default.button.withConfig({displayName:"EventModal__CloseButton",componentId:"sc-a3f27faf-2"})` 34 --padding: 8px; 35 36 align-items: center; 37 appearance: none; 38 background-color: transparent; 39 border: 0; 40 box-sizing: content-box; 41 color: ${({theme:e})=>e.textOnDarkColor}; 42 cursor: pointer; 43 display: flex; 44 font-size: 2rem; 45 justify-content: center; 46 line-height: 0; 47 padding: var(--padding); 48 position: absolute; 49 right: 8px; 50 top: 8px; 51 z-index: 3; 52 53 @media (min-width: ${x.sizes.L}px) { 54 --padding: 12px; 55 } 56`,k=n.default.svg.attrs({viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"}).withConfig({displayName:"EventModal__StyledIcon",componentId:"sc-a3f27faf-3"})` 57 --size: 16px; 58 59 height: var(--size); 60 width: var(--size); 61 62 @media (min-width: ${x.sizes.L}px) { 63 --size: 24px; 64 } 65`,j=n.default.path.attrs({d:"m14.55 12 7.69-7.7 1.58-1.58a.6.6 0 0 0 0-.85l-1.7-1.7a.6.6 0 0 0-.84 0L12 9.46 2.72.18a.6.6 0 0 0-.85 0l-1.7 1.7a.6.6 0 0 0 0 .84L9.46 12 .18 21.28a.6.6 0 0 0 0 .85l1.7 1.7a.6.6 0 0 0 .84 0L12 14.54l7.7 7.69 1.58 1.58a.6.6 0 0 0 .85 0l1.7-1.7a.6.6 0 0 0 0-.84L14.54 12Z",fill:"#fff"}).withConfig({displayName:"EventModal__CloseIconPath",componentId:"sc-a3f27faf-4"})``,P=({show:e=!1})=>{let[i,n]=(0,u.useState)(null),[o,r]=(0,u.useState)(null),[l,s]=(0,u.useState)(e),d=(0,c.useRouter)(),p=!!o?.[0]?.countClock,h=(0,u.useCallback)(()=>
65{if(!i)return!1;s(!1),sessionStorage.setItem("isModalChecked","1");let e=JSON.parse(localStorage.getItem("modalsShown")||"[]");e.includes(i.id)||localStorage.setItem("modalsShown",JSON.stringify([...e,i.id]))},[i]);return((0,u.useEffect)(()=>{let e=async()=>{let e=await fetch((0,v.getPrefixedPath)("/api/eventmodal/content"));r((await e.json()).data.cmsContentBlocks.data)};sessionStorage.getItem("isModalChecked")||e().catch(e=>{(0,a.captureException)(e)})},[]),(0,u.useEffect)(()=>{let e=e=>"Escape"===e.key?h():null;return document.body.addEventListener("keydown",e),()=>{document.body.removeEventListener("keydown",e)}},[h]),(0,u.useEffect)(()=>{if(!o)return;let e=o.find(e=>e.published);if(!e)return;let t=(0,v.getLocalUrl)(e.relatedUrl);RegExp(`${t}.*`).test(String(d.asPath))||(JSON.parse(localStorage.getItem("modalsShown")||"[]").includes(e.id)?sessionStorage.setItem("isModalChecked","1"):n({buttonText:e.relatedUrlText,buttonUrl:e.relatedUrl,caption:e.countClock?.__typename!=="cms_article_body_unknown_item"?e.countClock?.caption:null,description:e.description,endDate:e.countClock?.__typename!=="cms_article_body_unknown_item"?e.countClock?.endDate:null,id:e.id,image:e.backgroundImage?.url||(0,v.getPrefixedPath)("images/pages/not_available_page.webp"),logoUrl:e.cmsLogo?.url,startDate:e.countClock?.__typename==="cms_countclock_countup"?e.countClock?.startDate:null,title:e.title,type:e.countClock?.__typename}))},[o,d]),l&&i)?(0,t.jsx)(m,{wrapperId:"portal-wrapper",children:(0,t.jsx)(b,{onClick:e=>e.target===e.currentTarget?h():null,children:(0,t.jsxs)(C,{children:[(0,t.jsx)(w,{...i,hasClock:p,largePadding:!0,children:(0,t.jsx)(g.default,{label:i.buttonText,onClick:h,title:i.buttonText,url:i.buttonUrl})}),(0,t.jsx)(_,{onClick:h,children:(0,t.jsx)(k,{children:(0,t.jsx)(j,{})})})]})})}):null},S=n.default.div.withConfig({displayName:"MaintenanceNotification.styles__Wrapper",componentId:"sc-d5dbe2b0-0"})` 66 background-color: #bf3c2b; 67 color: #fff; 68 width: 100%; 69`,$=n.default.div.withConfig({displayName:"MaintenanceNotification.styles__Container",componentId:"sc-d5dbe2b0-1"})` 70 --grid-template-columns: 1fr 24px; 71 --gutter: 20px; 72 73 column-gap: var(--gutter); 74 display: grid; 75 grid-template-columns: var(--grid-template-columns); 76 margin: 0 auto; 77 max-width: 1200px; 78 padding: 24px var(--gutter); 79 position: relative; 80 81 @media (min-width: ${x.sizes.M}px) { 82 --grid-template-columns: 32px 1fr 32px; 83 --gutter: 25px; 84 85 align-items: center; 86 } 87`,I=n.default.svg.attrs({viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg"}).withConfig({displayName:"MaintenanceNotification.styles__SVG",componentId:"sc-d5dbe2b0-2"})` 88 height: 100%; 89 width: 100%; 90`,T=(0,n.default)(I).withConfig({displayName:"MaintenanceNotification.styles__SVGDesktopOnly",componentId:"sc-d5dbe2b0-3"})` 91 display: none; 92 93 @media (min-width: ${x.sizes.M}px) { 94 display: block; 95 } 96`,L=n.default.div.withConfig({displayName:"MaintenanceNotification.styles__TextContainer",componentId:"sc-d5dbe2b0-4"})` 97 display: flex; 98 flex-direction: column; 99 grid-area: ${({$isDismissable:e})=>e?"1 / 1 / 2 / 2":"1 / 1 / 2 / 3"}; 100 row-gap: 4px; 101 102 @media (min-width: ${x.sizes.M}px) { 103 grid-area: 1 / 2 / 2 / 3; 104 } 105`,N=n.default.p.withConfig({displayName:"MaintenanceNotification.styles__Text",componentId:"sc-d5dbe2b0-5"})` 106 font-size: 1rem; 107 line-height: 1.25; 108 margin: 0; 109 110 strong { 111 font-size: 1.125rem; 112 } 113`,E=n.default.a.withConfig({displayName:"MaintenanceNotification.styles__Link",componentId:"sc-d5dbe2b0-6"})` 114 align-items: center; 115 color: #fff; 116 display: inline-flex; 117 outline-offset: 4px; 118 outline: 3px solid transparent; 119 transition: outline-color 200ms; 120 121 &:focus-visible { 122 outline-color: #fff; 123 } 124 125 svg { 126 height: 24px; 127 width: 24px; 128 } 129`,M=n.default.button.withConfig({displayName:"MaintenanceNotification.styles__Button",componentId:"sc-d5dbe2b0-7"})` 130 appearance: none; 131 aspect-ratio: 1; 132 background-color: transparent; 133 border: 0; 134 color: #fff; 135 cursor: pointer; 136 display: flex; 137 grid-area: 1 / 2 / 2 / 3; 138 outline-offset: 4px; 139 outline: 3px solid transparent; 140 padding: 0; 141 -webkit-tap-highlight-color: transparent; 142 touch-action: manipulation; 143 transition: outline-color 200ms; 144 width: 100%; 145 146 &:focus-visible { 147 outline-color: #fff; 148 } 149 150 @media (min-width: ${x.sizes.M}px) { 151 grid-area: 1 / 3 / 2 / 4; 152 } 153`,R=`${y.currentSite}-maintenance-notifications`,A=()=>{let[e,i]=(0,u.useState)(null),[n,o]=(0,u.useState)(null);if((0,u.useEffect)(()=>{(async()=>{let e=await fetch((0,v.getPrefixedPath)("/api/maintenance-notification")),{data:{maintenanceNotifications:{data:t}}}=await e.json();t.length>0&&i(t)})().catch(e=>{(0,a.captureException)(e)})},[]),(0,u.useEffect)(()=>
153{if(!e)return;let t=JSON.parse(localStorage.getItem(R)||"[]"),i=e.filter(e=>!t.includes(e.id));i.length>0&&o(i[0])},[e]),!n)return null;let{description:r,isDismissable:l,title:s,url:d}=n;return(0,t.jsx)(S,{children:(0,t.jsxs)($,{children:[(0,t.jsx)(T,{"aria-hidden":!0,children:(0,t.jsx)("path",{d:"M4.6 42a1.45 1.45 0 0 1-1.3-.75 1.34 1.34 0 0 1 0-1.5l19.4-33.5c.17-.27.36-.46.58-.58.21-.11.45-.17.72-.17.27 0 .5.06.73.17.21.12.4.31.57.58l19.4 33.5a1.34 1.34 0 0 1 0 1.5 1.45 1.45 0 0 1-1.3.75H4.6Zm19.6-5.85c.44 0 .8-.14 1.08-.43.28-.3.42-.65.42-1.08 0-.43-.14-.78-.43-1.06a1.48 1.48 0 0 0-1.08-.43c-.43 0-.78.14-1.06.43-.29.3-.43.65-.43 1.08 0 .43.14.78.43 1.07.3.28.65.42 1.08.42Zm0-5.55a1.46 1.46 0 0 0 1.5-1.5v-8.2a1.46 1.46 0 0 0-1.5-1.5 1.46 1.46 0 0 0-1.5 1.5v8.2a1.46 1.46 0 0 0 1.5 1.5Z",fill:"currentcolor"})}),(0,t.jsxs)(L,{$isDismissable:l,children:[(0,t.jsx)(N,{children:(0,t.jsx)("strong",{children:s})}),r&&(0,t.jsxs)(N,{children:[r,d&&(0,t.jsxs)(t.Fragment,{children:[" ",(0,t.jsxs)(E,{href:d,rel:"noopener",target:"_blank",children:["Lees meer",(0,t.jsx)(I,{"aria-hidden":!0,children:(0,t.jsx)("path",{d:"m18.75 36-2.15-2.15 9.9-9.9-9.9-9.9 2.15-2.15L30.8 23.95Z",fill:"currentcolor"})})]})]})]})]}),l&&(0,t.jsx)(M,{onClick:()=>{let e=JSON.parse(localStorage.getItem(R)||"[]");e.includes(n.id)||localStorage.setItem(R,JSON.stringify([...e,n.id])),o(null)},children:(0,t.jsxs)(I,{role:"img",children:[(0,t.jsx)("title",{children:"Sluit deze melding"}),(0,t.jsx)("path",{d:"m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z",fill:"currentcolor"})]})})]})})};var B=e.i(276228),D=e.i(880100);e.i(191027);var U=e.i(253896),O=e.i(963922),F=e.i(666368),V=e.i(318803),W=e.i(135725),z=e.i(108604);let q=n.default.div.withConfig({displayName:"TextScroll__WrapInner",componentId:"sc-b33af0ee-0"})` 154 @keyframes textScroll { 155 0% { 156 transform: translateX(0); 157 } 158 159 90% { 160 transform: translateX(calc(-100% - ${e=>e.marginRight+35}px)); 161 } 162 163 100% { 164 transform: translateX(calc(-100% - ${e=>e.marginRight+35}px)); 165 } 166 } 167 168 align-items: center; 169 animation: ${e=>e.isScrollNeeded?"textScroll":"none"}; 170 animation-delay: 2s; 171 animation-direction: left; 172 animation-duration: ${e=>e.duration-2e3}ms; 173 animation-iteration-count: infinite; 174 animation-play-state: running; 175 animation-timing-function: ease-in-out; 176 column-gap: 10px; 177 display: flex; 178 flex-direction: row; 179 margin-left: ${e=>e.isScrollNeeded?Math.ceil(e.marginRight/2)+18:0}px; 180 margin-right: ${e=>e.isScrollNeeded?Math.floor(e.marginRight/2)+17:0}px; 181 182 @media (min-width: ${x.sizes.L}px) { 183 margin-left: 0; 184 margin-right: ${e=>e.marginRight+35}px; 185 } 186`,H=n.default.div.withConfig({displayName:"TextScroll__Wrapper",componentId:"sc-b33af0ee-1"})` 187 display: flex; 188 flex-direction: row; 189 height: 100%; 190 overflow-x: hidden; 191 position: relative; 192 width: 100%; 193 194 ${({isScrollNeeded:e})=>e?"mask-image: linear-gradient(to right, transparent 0%, #000 2%, #000 95%, transparent 100%);":"justify-content: center;"}; 195 196 @media (min-width: ${x.sizes.L}px) { 197 ${e=>!e.isScrollNeeded&&"justify-content: start;"} 198 } 199`,Y=({children:e})=>{let{state:i}=(0,F.useMiniplayerContext)(),a=i.show?.broadcasters?.length||0,n=i.isSongHiddenForLiveRadio||i.show?.imageUrls?.url600===i.activeImageUrl?a>0?(0,z.getScrollDurationByText)(i.show?.name||"",a):0:(0,z.getScrollDurationByText)(i.track?.name||"",0),o=(0,u.useRef)(null),r=(0,u.useRef)(null),[l,s]=(0,u.useState)(0),[d,c]=(0,u.useState)(0),[p,h]=(0,u.useState)(0),[m,g]=(0,u.useState)(!1),[f,x]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{g(!0)},[]),(0,u.useEffect)(()=>{let e=()=>{h(window.innerWidth)};return window.addEventListener("resize",e),h(window.innerWidth),()=>{window.removeEventListener("resize",e)}},[e]),(0,u.useEffect)(()=>{if(0===p)return void x(!1);if(r.current&&o.current){let e=r.current.getBoundingClientRect().width,t=o.current.getBoundingClientRect().width;s(t),c(e),x(e>t)}},[p,e]),m?(0,t.jsxs)(H,{isScrollNeeded:f,ref:o,children:[(0,t.jsx)(q,{duration:n,isScrollNeeded:f,marginRight:f&&n>0&&d<l?l-d:0,ref:r,children:e}),f&&n>0&&(0,t.jsx)(q,{duration:n,isScrollNeeded:!0,marginRight:0,children:e})]}):null},Z=n.default.div.withConfig({displayName:"SongWithArtist__Wrap",componentId:"sc-d96b906e-0"})` 200 overflow: hidden; 201 padding-inline: 10px; 202 text-align: center; 203 width: 100%; 204 205 ${x.mqFrom.L` 206 text-align: left; 207 `} 208`,G=(0,n.default)(V.default).withConfig({displayName:"SongWithArtist__StyledChevronDown",componentId:"sc-d96b906e-1"})` 209 transform: rotate(180deg); 210`,K=n.default.div.withConfig({displayName:"SongWithArtist__ChevronWrapper",componentId:"sc-d96b906e-2"})` 211 align-items: center; 212 display: flex; 213 height: 15px; 214 justify-content: center; 215 216 > svg { 217 display: block; 218 } 219 220 ${x.mqFrom.L` 221 display: none; 222 `} 223`,J=n.default.div.withConfig({displayName:"SongWithArtist__TrackNameWrapper",componentId:"sc-d96b906e-3"})` 224 align-items: center; 225 display: flex; 226 flex-direction: row; 227 228 ${x.mqTo.L` 229 justify-content: center; 230 `} 231`,X=n.default.div.withConfig({displayName:"SongWithArtist__Dot",componentId:"sc-d96b906e-4"})` 232 background-color: ${e=>e.theme.textOnDarkColor}; 233 border-radius: 50%; 234 height: 4px; 235 width: 4px; 236`,Q=(0,n.default)(D.default).withConfig({displayName:"SongWithArtist__BroadcasterIcon",componentId:"sc-d96b906e-5"})` 237 height: 16px; 238`,ee=n.default.p.withConfig({displayName:"SongWithArtist__Text",componentId:"sc-d96b906e-6"})` 239 color: ${e=>e.theme.textOnDarkColor}; 240 margin: 0; 241 overflow: hidden; 242 ${e=>!e.isScrollText&&"text-overflow: ellipsis;"} 243 white-space: nowrap; 244`,et=(0,n.default)(ee).withConfig({displayName:"SongWithArtist__StrongText",componentId:"sc-d96b906e-7"})` 245 font-family: ${e=>e.theme.semiboldFontFamily}; 246 font-weight: ${e=>e.theme.semiboldFontWeight}; 247`,ei=(0,n.withTheme)(({artist:e,broadcasters:i,isTrack:a=!1,theme:n,trackName:o})=>{let{state:r}=(0,F.useMiniplayerContext)(),l=r.isLiveMode&&r.isLiveUsingClassicalData&&a||!a&&i?.length>0,s=l?Y:u.Fragment,d=i?.map(e=>({icon:(0,W.default)(n.themeName,e.slug),name:e.name})).filter(({icon:e})=>!!e)||[];return(0,t.jsxs)(Z,{children:[(0,t.jsx)(K,{children:(0,t.jsx)(G,{color:n.textOnDarkColor,size:18})}),(0,t.jsx)(J,{children:(0,t.jsxs)(s,{...l?{isScrollText:!0}:void 0,children:[(0,t.jsx)(et,{isScrollText:l,children:o}),d.length>0&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(X,{}),d.map(({icon:e,name:i},a)=>(0,t.jsx)(Q,{alt:i,loading:"lazy",src:`/svg/broadcasters/${e}.svg`},`icon-${a}`))]})]})}),(0,t.jsx)(ee,{isScrollText:!1,children:e})]})}),ea=n.default.div.withConfig({displayName:"AudioAsLive__Wrapper",componentId:"sc-f5b16fd-0"})` 248 display: flex; 249 flex-direction: row; 250 overflow: hidden; 251 justify-content: space-between; 252 width: 100%; 253`,en=n.default.div.withConfig({displayName:"AudioAsLive__HoverArea",componentId:"sc-f5b16fd-1"})` 254 margin: 0 5px; 255 256 border-radius: 5px; 257 height: 73px; 258 width: 100%; 259 display: flex; 260 justify-content: center; 261 align-items: center; 262 263 ${e=>e.isHoveringTrigger&&` 264 background: rgba(255, 255, 255, 0.25); 265 `}; 266 267 ${x.mqFrom.L` 268 justify-content: flex-start; 269 `} 270`,eo=({isDisplayingSong:e,isHoveringTrigger:i})=>{let{state:{isRadioshowTimeVisibleForLiveRadio:a,show:n,track:o}}=(0,F.useMiniplayerContext)(),r={artist:n?.presenters,broadcasters:n?.broadcasters,trackName:n?.name};return e&&(r.artist=o?.artist,r.trackName=o?.name,r.broadcasters=null),a&&(r.artist=n?.fromToTime),(0,t.jsx)(ea,{children:(0,t.jsx)(en,{isHoveringTrigger:i,children:(0,t.jsx)(ei,{...r,isTrack:e})})})};var er=e.i(548317);let el=n.default.div.withConfig({displayName:"ProgressBar__Wrapper",componentId:"sc-1f726826-0"})` 271 position: absolute; 272 left: 0; 273 right: 0; 274 height: 40px; 275 padding: 0 15px; 276 overflow: hidden; 277`,es=n.default.div.withConfig({displayName:"ProgressBar__VisibleBar",componentId:"sc-1f726826-1"})` 278 margin-top: 18px; 279 width: 100%; 280 height: 4px; 281 background-color: ${e=>e.backgroundBarColor}; 282 border-radius: 2px; 283 pointer-events: none; 284`,ed=n.default.div.withConfig({displayName:"ProgressBar__ProgressionBar",componentId:"sc-1f726826-2"})` 285 position: relative; 286 min-width: 1px; 287 height: 4px; 288 background-color: ${e=>e.activeBarColor}; 289 290 &:after { 291 position: absolute; 292 right: -2px; 293 top: 0; 294 height: 4px; 295 width: 4px; 296 background-color: ${e=>e.activeBarColor}; 297 content: ''; 298 border-radius: 50%; 299 } 300`,ec=({activeBarColor:e,backgroundBarColor:i,style:a,timeProgressInPercentage:n})=>{let o=(0,u.useRef)(null),[r,l]=(0,u.useState)(n);return(0,u.useEffect)(()=>{let e=o.current;e&&(e.style.width=`${r}%`)},[r]),(0,u.useEffect)(()=>
300{l(n)},[n]),(0,t.jsx)(el,{style:a,children:(0,t.jsx)(es,{backgroundBarColor:i,children:(0,t.jsx)(ed,{activeBarColor:e,ref:o})})})},ep=(0,n.default)(V.default).withConfig({displayName:"AudioTrack__StyledChevronDown",componentId:"sc-6e5041df-0"})` 301 transform: rotate(180deg); 302`,eu=n.default.div.withConfig({displayName:"AudioTrack__ChevronWrapper",componentId:"sc-6e5041df-1"})` 303 height: 15px; 304 display: flex; 305 align-items: center; 306 justify-content: center; 307 308 > svg { 309 display: block; 310 } 311 312 ${x.mqFrom.L` 313 display: none; 314 `} 315`,eh=n.default.div.withConfig({displayName:"AudioTrack__Wrap",componentId:"sc-6e5041df-2"})` 316 overflow: hidden; 317 position: relative; 318 width: 100%; 319 min-height: 55px; 320 321 ${x.mqFrom.L` 322 min-height: 45px; 323 `} 324`,em=n.default.p.withConfig({displayName:"AudioTrack__StrongText",componentId:"sc-6e5041df-3"})` 325 padding: 0 15px; 326 margin: 0; 327 color: ${e=>e.theme.textOnDarkColor}; 328 font-family: ${e=>e.theme.semiboldFontFamily}; 329 font-weight: ${e=>e.theme.semiboldFontWeight}; 330 text-overflow: ellipsis; 331 overflow: hidden; 332 white-space: nowrap; 333`,eg=n.default.p.withConfig({displayName:"AudioTrack__Text",componentId:"sc-6e5041df-4"})` 334 padding: 0 15px; 335 margin: 0; 336 color: ${e=>e.theme.textOnDarkColor}; 337 font-family: ${e=>e.theme.textFontFamily}; 338 font-weight: ${e=>e.theme.textFontWeight}; 339 text-overflow: ellipsis; 340 overflow: hidden; 341 white-space: nowrap; 342`,ef=n.default.div.withConfig({displayName:"AudioTrack__TextWrapper",componentId:"sc-6e5041df-5"})` 343 position: relative; 344 height: 40px; 345 overflow: hidden; 346`,ex=n.default.div.withConfig({displayName:"AudioTrack__TimeText",componentId:"sc-6e5041df-6"})` 347 position: absolute; 348 top: 0; 349 color: ${e=>e.theme.textOnDarkColor}; 350 white-space: nowrap; 351 text-overflow: ellipsis; 352`,ey=(0,n.default)(ex).withConfig({displayName:"AudioTrack__FromTime",componentId:"sc-6e5041df-7"})` 353 left: 15px; 354`,ev=(0,n.default)(ex).withConfig({displayName:"AudioTrack__ToTime",componentId:"sc-6e5041df-8"})` 355 right: 15px; 356`,ew=(0,n.withTheme)(({subtitle:e,theme:i,timeValue:a,trackName:n,type:o})=>{let[r,l]=(0,u.useState)(""),[s,d]=(0,u.useState)((0,er.formatDurationTime)(a.duration));return(0,u.useEffect)(()=>
356{l((0,er.formatDurationTime)(a.position,a.duration>er.ONE_HOUR)),d((0,er.formatDurationTime)(a.duration-a.position,a.duration>er.ONE_HOUR))},[a]),(0,t.jsxs)(eh,{children:[(0,t.jsx)(eu,{children:(0,t.jsx)(ep,{color:i.textOnDarkColor,size:18})}),(0,t.jsx)(ec,{activeBarColor:"#f2f2f2",backgroundBarColor:"#929292",style:{bottom:"-12px"},timeProgressInPercentage:a.progress}),(0,t.jsx)(em,{children:n}),"radioBroadcast"!==o&&!!e&&(0,t.jsx)(ef,{children:(0,t.jsx)(eg,{children:e})}),"radioBroadcast"===o&&(0,t.jsxs)(ef,{children:[(0,t.jsx)(ey,{children:r}),(0,t.jsxs)(ev,{children:["-",s]})]})]})}),eb=n.default.div.withConfig({displayName:"ProgressIndicatorBar__Bar",componentId:"sc-fc60cd46-0"})` 357 background: ${e=>e.theme.playerBarColor}; 358 transition: ${e=>e.hasTransition?`all ${e.durationMs-30}ms linear`:"none"}; 359 width: 0.1%; 360 height: 3px; 361`,eC=({durationMs:e,restartNumber:i})=>{let[a,n]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{n(!1);let e=setTimeout(()=>{n(!0)},30);return()=>{clearTimeout(e)}},[i]),(0,t.jsx)(eb,{durationMs:e,hasTransition:a,style:{width:`${a?100:.1}%`}})},e_=n.default.div.withConfig({displayName:"ProgressIndicator__Wrapper",componentId:"sc-a7038fb-0"})` 362 position: relative; 363 height: 3px; 364`,ek=n.default.div.withConfig({displayName:"UnavailableTrack__Wrap",componentId:"sc-86c0d6d2-0"})` 365 overflow: hidden; 366`,ej=n.default.p.withConfig({displayName:"UnavailableTrack__StrongText",componentId:"sc-86c0d6d2-1"})` 367 padding: 0 15px; 368 margin: 0; 369 color: ${e=>e.theme.textOnDarkColor}; 370 font-family: ${e=>e.theme.semiboldFontFamily}; 371 font-weight: ${e=>e.theme.semiboldFontWeight}; 372 text-overflow: ellipsis; 373 overflow: hidden; 374 white-space: nowrap; 375 text-align: center; 376 377 ${x.mqFrom.L` 378 text-align: left; 379 `} 380`,eP=({children:e})=>(0,t.jsx)(ek,{children:(0,t.jsx)(ej,{children:e})}),eS=(0,D.getSiteUrlPrefix)("/images/unknown_programme.webp"),e$=n.default.div.withConfig({displayName:"MediaInformation__Wrapper",componentId:"sc-e422ffcf-0"})` 381 display: flex; 382 align-items: center; 383 justify-content: center; 384 overflow: hidden; 385 width: 100%; 386 387 ${x.mqFrom.L` 388 width: 50%; 389 justify-content: flex-start; 390 `} 391`,eI=n.default.div.withConfig({displayName:"MediaInformation__HoverArea",componentId:"sc-e422ffcf-1"})` 392 margin: 0 5px 3px; 393 394 border-radius: 5px; 395 height: 70px; 396 width: calc(100% - 10px); 397 display: flex; 398 justify-content: center; 399 align-items: center; 400 401 ${e=>e.isHoveringTrigger&&` 402 background: rgba(255, 255, 255, 0.25); 403 `}; 404 405 ${x.mqFrom.L` 406 justify-content: flex-start; 407 `} 408`,eT=n.default.div.withConfig({displayName:"MediaInformation__MediaImage",componentId:"sc-e422ffcf-2"})` 409 position: relative; 410 overflow: hidden; 411 width: 74px; 412 height: 74px; 413 background: ${e=>e.theme.mainAccentColor}; 414 flex-grow: 0; 415 flex-shrink: 0; 416 417 ${x.mqFrom.L` 418 width: 85px; 419 height: 85px; 420 `} 421 422 transition: all 0.13s ease-out; 423 424 > picture > img { 425 display: block; 426 width: 100%; 427 margin: 0; 428 } 429`,eL=n.default.div.withConfig({displayName:"MediaInformation__TextWrapper",componentId:"sc-e422ffcf-3"})` 430 position: relative; 431 display: flex; 432 align-items: center; 433 justify-content: center; 434 width: calc(100% - 74px); 435 436 ${x.mqFrom.L` 437 width: calc(100% - 85px); 438 justify-content: flex-start; 439 `} 440`,eN=(0,n.default)(({callbackOnComplete:e,durationMs:i,...a})=>{let[n,o]=(0,u.useState)(1);return(0,u.useEffect)(()=>{let t=setInterval(()=>{e(),o(e=>e+1)},i);return()=>{clearInterval(t)}},[e,i]),(0,t.jsx)(e_,{...a,children:(0,t.jsx)(eC,{durationMs:i,restartNumber:n})})}).withConfig({displayName:"MediaInformation__StyledProgressIndicator",componentId:"sc-e422ffcf-4"})` 441 position: absolute; 442 bottom: 0; 443 left: 0; 444 right: 0; 445`,eE=({isHoveringTrigger:e,timeValue:i})=>
445{let{state:{isLiveMode:a,isLiveUsingClassicalData:n,isPlayerUnavailable:o,isSongHiddenForLiveRadio:r,playable:l,show:s,track:d}}=(0,F.useMiniplayerContext)(),{activeImageUrl:c,durationMs:p,isDisplayingSong:h,onCompleteProgressBar:m}=((e,t,i,a,n)=>{let o=e?.imageUrls?.url600,r=t?.imageUrl,l=i?.imageUrl,[{activeImageUrl:s,displaySong:d},c]=(0,u.useState)({activeImageUrl:o,displaySong:!1,playableImageUrl:l,showImageUrl:o,trackImageUrl:r});(0,u.useEffect)(()=>{c(e=>({activeImageUrl:l||(e.displaySong?r:o),displaySong:e.displaySong,playableImageUrl:l,showImageUrl:o,trackImageUrl:r}))},[o,r,l]);let p=(0,u.useCallback)(()=>{c(e=>({...e,activeImageUrl:e.displaySong?e.showImageUrl:e.trackImageUrl,displaySong:!e.displaySong}))},[]),h=!a&&d,m=e?.broadcasters?.length||0;return{activeImageUrl:s,durationMs:n?h?(0,z.getScrollDurationByText)(t?.name||"",0):m>0?(0,z.getScrollDurationByText)(e?.name||"",m):6e3:8e3,isDisplayingSong:h,onCompleteProgressBar:p}})(s,d,l,r,n);return(0,t.jsxs)(e$,{children:[(0,t.jsxs)(eT,{children:[a&&!r&&!!s?.imageUrls?.url600&&(0,t.jsx)(eN,{callbackOnComplete:m,durationMs:p}),(0,t.jsx)(U.default,{alt:"",imageSize:O.SIZE_NAMES.PLAYER_PREVIEW,imageUrl:c||eS})]}),(0,t.jsx)(eL,{children:a?(0,t.jsx)(t.Fragment,{children:o?(0,t.jsx)(eP,{children:"Live data tijdelijk niet beschikbaar"}):(0,t.jsx)(eo,{isDisplayingSong:h,isHoveringTrigger:e})}):(0,t.jsx)(eI,{isHoveringTrigger:e,children:o?(0,t.jsx)(eP,{children:"..."}):d?.isSong?(0,t.jsx)(ei,{artist:d.artist,isTrack:h,trackName:d.name}):d?(0,t.jsx)(ew,{timeValue:i,trackName:d.name,type:"other"}):(0,t.jsx)(ew,{timeValue:i,trackName:l.name,type:l.type})})})]})};var eM=e.i(752532),eR=e.i(616141),eA=e.i(752049),eB=e.i(624326),eD=e.i(908840);let eU=n.default.div.withConfig({displayName:"PlaybackControls__Wrapper",componentId:"sc-7c8b6e99-0"})` 446 display: flex; 447 width: 74px; 448 flex-shrink: 0; 449 justify-content: center; 450 align-items: center; 451 overflow: hidden; 452 height: 100%; 453 454 ${x.mqFrom.S` 455 padding-right: 15px; 456 justify-content: flex-end; 457 `} 458 459 ${x.mqFrom.L` 460 justify-content: space-between; 461 padding-right: 0; 462 height: 85px; 463 width: 210px; 464 `} 465`,eO=n.default.a.withConfig({displayName:"PlaybackControls__BaseButton",componentId:"sc-7c8b6e99-1"})` 466 ${({isAdBreak:e})=>e?"opacity: 0.5; pointer-events: none;":"cursor: pointer;"} 467 position: relative; 468 width: 60px; 469 height: 60px; 470 text-align: center; 471 border: 0; 472 display: flex; 473 align-items: center; 474 justify-content: center; 475 -webkit-tap-highlight-color: transparent; 476 border-radius: 5px; 477 padding: 2px; 478 479 @media (hover: hover) { 480 &:hover { 481 background: rgba(255, 255, 255, 0.25); 482 } 483 } 484 485 > img { 486 transition: all 0.15s ease-out; 487 } 488`,eF=n.keyframes` 489 from { 490 opacity: 0; 491 } 492 493 15% { 494 opacity: 1; 495 } 496 497 to { 498 opacity: 0; 499 border-width: 50px; 500 } 501`,eV=(0,n.default)(eO).withConfig({displayName:"PlaybackControls__PrimaryPlaybackButton",componentId:"sc-7c8b6e99-2"})` 502 position: relative; 503 ${e=>e.isPlayerUnavailable&&` 504 pointer-events: none; 505 opacity: 0.25; 506 `} 507 508 ${e=>e.animateActive&&n.css` 509 ${x.mqFrom.L` 510 &:before { 511 content: ''; 512 opacity: 0; 513 background: transparent; 514 position: absolute; 515 left: 32px; 516 top: 32px; 517 transform: translate(-50%, -50%); 518 border-radius: 50%; 519 width: 40px; 520 height: 40px; 521 border: 4px solid #fff; 522 animation: ${eF} 0.25s ease-out 1; 523 } 524 `} 525 `} 526`,eW=(0,n.default)(eO).withConfig({displayName:"PlaybackControls__AdditionalPlaybackButton",componentId:"sc-7c8b6e99-3"})` 527 display: none; 528 transition: all 0.15s ease-out; 529 color: ${e=>e.theme.textOnDarkColor}; 530 font-size: 13px; 531 532 > span { 533 display: block; 534 line-height: 15px; 535 padding-top: 3px; 536 padding-bottom: 8px; 537 } 538 539 ${e=>e.isDisabled&&` 540 opacity: 0.25; 541 pointer-events: none; 542 `} 543 544 ${x.mqFrom.L` 545 display: flex; 546 align-items: center; 547 justify-content: flex-end; 548 flex-direction: column; 549 `} 550`,ez=n.default.div.withConfig({displayName:"PlaybackControls__SvgWrapper",componentId:"sc-7c8b6e99-4"})` 551 display: flex; 552 align-items: center; 553 justify-content: flex-end; 554 width: 22px; 555 height: 22px; 556`,eq=(0,n.withTheme)(({isAdBreak:e,isOnRecentlyPlayedPage:i,onBackToLiveClick:a,onLastPlayedClick:n,onMissedRadioClick:o,onPrimaryPlayClick:r,onVisualRadioClick:l,playerState:s,theme:d})=>{let[c,p]=(0,u.useState)(!1),{buttonConfig:{actionButtonLeft:h,actionButtonRight:m},isLiveMode:g,isLoadingPlayer:f,isPlayerUnavailable:x,isPlaying:y,isVisualRadioAvailable:v}=s;(0,u.useEffect)(()=>{let e;return c&&(e=setTimeout(()=>{p(!1)},300)),()=>{clearTimeout(e)}});let w=r=>{let s=null;switch(r){case"gedraaid":s={"data-test":"miniplayer-gedraaid-button",IconComponent:eA.default,iconLabel:"Gedraaid",isDisabled:x||i,onClick:n};break;case"gemist":s={IconComponent:eR.default,iconLabel:"Gemist",isDisabled:x,onClick:o};break;case"visual-radio":s={IconComponent:eD.default,iconLabel:"Kijk live",isDisabled:x||!v,onClick:l};break;case"luister-live":s={IconComponent:eB.default,iconLabel:"Luister live",iconSize:20,isDisabled:x,onClick:a}}if(s){let{IconComponent:i,iconLabel:a,iconSize:n}=s;return(0,t.jsxs)(eW,{isAdBreak:e,role:"button",...s,children:[(0,t.jsx)(ez,{children:(0,t.jsx)(i,{color:d.textOnDarkColor,size:n||22})}),(0,t.jsx)("span",{children:a})]})}};return(0,t.jsxs)(eU,{children:[w(g?h:"luister-live"),(0,t.jsx)(eV,{animateActive:c,isAdBreak:e,isPlayerUnavailable:x,onClick:()=>{p(!0),r()},role:"button",children:e||f?(0,t.jsx)(eM.Loader,{size:30}):y?g?(0,t.jsx)(D.default,{alt:"stop",src:"/svg/playbutton-stop-white.svg",style:{width:"45px"}}):(0,t.jsx)(D.default,{alt:"pauze",src:"/svg/playbutton-pause-white.svg",style:{width:"45px"}}):(0,t.jsx)(D.default,{alt:"play",src:"/svg/playbutton-white.svg",style:{width:"45px"}})}),w(m)]})});var eH=e.i(780084);let eY=(0,p.default)(()=>
556e.A(334914),{loadableGenerated:{modules:[658121]},ssr:!1}),eZ=n.default.div.withConfig({displayName:"PlayerWrapper__Wrapper",componentId:"sc-a37860ea-0"})` 557 position: fixed; 558 left: 0; 559 bottom: -1px; 560 right: 0; 561 height: ${e=>e.$isExpanded?"100%":"75px"}; 562 background: ${e=>e.theme.miniplayerCustomBarBackgroundColor||"rgba(9, 9, 9, 0.75)"}; 563 border-top: 1px solid ${e=>e.theme.miniplayerCustomBarBorderTopColor||"rgba(95, 95, 95, 0.65)"}; 564 backdrop-filter: blur(6px); 565 z-index: 9; 566 user-select: none; 567 transition: height 0.25s ease-out; 568 569 ${x.mqFrom.L` 570 height: ${e=>e.$isExpanded?"100%":"86px"}; 571 `} 572 573 @media print { 574 display: none; 575 } 576 577 /* iOS 11.2+ for iPhones with a homebar */ 578 padding-bottom: env(safe-area-inset-bottom, 0); 579 580 ${e=>e.$isExpanded&&"padding-bottom: 0;"} 581`,eG=n.default.div.withConfig({displayName:"PlayerWrapper__MiniPlayerWrapper",componentId:"sc-a37860ea-1"})` 582 position: absolute; 583 top: 0; 584 left: 0; 585 right: 0; 586 height: ${75}px; 587 transition: height 0.15s ease-out, transform 0.15s ease-in, top 0.25s ease-out; 588 transform: translateY(0); 589 590 ${e=>e.$isExpanded&&n.css` 591 top: 100vh; 592 pointer-events: none; 593 transform: translateY(300px); 594 `} 595 596 ${x.mqFrom.L` 597 height: ${86}px; 598 `} 599`,eK=n.default.div.withConfig({displayName:"PlayerWrapper__Grid",componentId:"sc-a37860ea-2"})` 600 display: flex; 601 align-items: center; 602 flex-wrap: nowrap; 603 justify-content: space-between; 604 height: ${74}px; 605 606 ${x.mqFrom.L` 607 height: ${85}px; 608 `} 609`,eJ=n.default.a.withConfig({displayName:"PlayerWrapper__ExpandTriggerHitarea",componentId:"sc-a37860ea-3"})` 610 display: block; 611 position: absolute; 612 left: 0; 613 right: 75px; 614 bottom: 0; 615 top: 0; 616 background: transparent; 617 z-index: 1; 618 cursor: pointer; 619 620 ${x.mqFrom.L` 621 right: calc(50vw + 194px); 622 `} 623`,eX=({activeImageUrl:e,channels:i,children:a,isExpanded:n,isExpandedOnce:o,isOnRecentlyPlayedPage:r,isWithNews:l,onBackToLiveClick:s,onMissedRadioClick:d,onPopoutClick:c,onRadioChannelChange:p,onTriggerMouseLeave:u,onTriggerMouseOver:h,onVisualRadioClick:m,setExpanded:g,setIsExpandedOnce:f,timeValue:x})=>(0,t.jsxs)(eZ,{$isExpanded:n,children:[(n||o)&&(0,t.jsx)(eY,{activeImageUrl:e,channels:i,isExpanded:n,isOnRecentlyPlayedPage:r,isWithNews:l,onBackToLiveClick:s,onMissedRadioClick:d,onPopoutClick:c,onRadioChannelChange:p,onVisualRadioClick:m,setExpanded:g,timeValue:x}),!n&&(0,t.jsx)(eJ,{onClick:()=>{f(!0),g(!0),u(),(0,eH.default)("player_sticky_track_en_programma_link")},onMouseLeave:u,onMouseOver:h,role:"button"}),(0,t.jsx)(eG,{$isExpanded:n,children:(0,t.jsx)(eK,{children:a})})]}),eQ=n.keyframes` 624 from { 625 transform: translate3d(0, 32px, 0); 626 opacity: 0; 627 } 628 629 to { 630 transform: translate3d(0, 0, 0); 631 opacity: 1; 632 } 633`,e0=n.default.div.withConfig({displayName:"RadioChannelPicker__PickerWrapper",componentId:"sc-e1c1dd33-0"})` 634 position: absolute; 635 left: 0; 636 top: -${e=>3+(e.height<169?e.height:169)+10}px; 637 height: ${e=>e.height<169?e.height:169}px; 638 width: 220px; 639 background: rgba(32, 32, 32, 0.9); 640 animation: ${eQ} 0.2s ease-out 1; 641 border-radius: 5px; 642 user-select: none; 643 touch-action: none; 644 overflow-x: hidden; 645 scroll-behavior: smooth; 646 padding: ${5}px 0; 647`,e1=n.default.a.withConfig({displayName:"RadioChannelPicker__Option",componentId:"sc-e1c1dd33-1"})` 648 padding: ${5}px 10px; 649 height: ${22}px; 650 display: block; 651 color: ${e=>e.theme.textOnDarkColor}; 652 text-overflow: ellipsis; 653 white-space: nowrap; 654 655 ${e=>!e.active&&"cursor: pointer;"} 656 ${e=>e.active&&"background-color: #696969;"} 657`,e2=({channels:e,onChange:i})=>{let a=(0,u.useRef)(null);return((0,u.useEffect)(()=>{a.current&&a.current.querySelector('[data-active="true"]').scrollIntoView()},[]),e)?(0,t.jsx)(e0,{height:32*e.length,ref:a,children:e.map(({active:e,id:a,name:n})=>(0,t.jsx)(e1,{active:e,"data-active":String(e),onClick:()=>i(a),children:n},a))}):null};var e5=e.i(380771),e3=e.i(848331),e4=e.i(684034),e6=e.i(963858);e.i(348569);var e8=e.i(321795);let e9=async e=>{if(globalThis.MiniPlayer)return null;globalThis._miniPlayerLoading=!0;try{globalThis.MiniPlayer=await (0,e8.initPlayer)({autoplay:!0,miniPlayerRef:e})}finally{globalThis._miniPlayerLoading=!1}},e7=({channel:e,radioShowUrl:t,show:i})=>{if(i)return{broadcasters:i.coreBroadcasters?.map(({alias:e,name:t})=>({name:t,slug:e})),from:i.from,fromToTime:(0,e6.toFromToTime)(i.from,i.until)||"",imageUrls:{url360:i.radioPhotoAssets?.url360||i.radioProgrammes?.radioPhotoAssets?.url360||"",url600:i.radioPhotoAssets?.url600||i.radioProgrammes?.radioPhotoAssets?.url600||"",url1200:i.radioPhotoAssets?.url1200||i.radioProgrammes?.radioPhotoAssets?.url1200||""},name:i.name,presenters:i.radioProgrammes?i.radioPresenters.reduce((e,{name:t})=>(e.includes(t)||e.push(t),e),[]).join(" & "):"",presentersRaw:i.radioPresenters,slug:i.slug,until:i.until,url:e.hasProgramming&&i.radioProgrammes?.slug?t({programmeSlug:i.radioProgrammes?.slug}):null}};var te=u;class tt extends te.Component{ref;
657constructor(e){super(e),this.ref=(0,te.createRef)(),this.state={fillPercentage:100*e.playerVolume,isControlled:!1,isPending:!1,moveY:0,requestedFillPercentage:0,startY:0}}componentDidUpdate(e){this.state.isPending&&this.props.playerVolume!==e.playerVolume&&this.setState({fillPercentage:100*this.props.playerVolume,isPending:!1})}updateRequestedFillPercentage=e=>{let t=.8333333333333334*Math.abs(this.state.startY-e);this.setState({moveY:e,requestedFillPercentage:this.state.startY>e?Math.min(100,this.state.fillPercentage+t):Math.max(0,this.state.fillPercentage-t)})};setStartFillPercentage=(e,t)=>{let i=e+20+120,a=Math.abs(i-t),n=i<t?0:Math.min(Math.max(0,.8333333333333334*a),100);this.setState({fillPercentage:n,isControlled:!0,requestedFillPercentage:n,startY:t})};cancelControlled=()=>{if(!this.state.isControlled)return;let e=this.state.requestedFillPercentage!==100*this.props.playerVolume;this.setState({isControlled:!1,isPending:e}),e&&this.props.onChange(this.state.requestedFillPercentage/100)};onMouseDown=e=>{this.setStartFillPercentage(this.ref.current.getBoundingClientRect().top,e.clientY)};onMouseLeave=this.cancelControlled;onMouseUp=this.cancelControlled;onMouseMove=e=>{if(this.state.isControlled){let t=e.clientY;this.updateRequestedFillPercentage(t)}};onTouchStart=e=>{this.setStartFillPercentage(this.ref.current.getBoundingClientRect().top,e.changedTouches[0].clientY)};onTouchCancel=this.cancelControlled;onTouchEnd=this.cancelControlled;onTouchMove=e=>{if(this.state.isControlled){let t=e.changedTouches[0].clientY;this.updateRequestedFillPercentage(t)}};render(){let{fillPercentage:e,isControlled:i,isPending:a,requestedFillPercentage:n}=this.state,o=a||i?n:e;return(0,t.jsx)(ta,{isControlled:i,onMouseDown:this.onMouseDown,onMouseLeave:this.onMouseLeave,onMouseMove:this.onMouseMove,onMouseUp:this.onMouseUp,onTouchCancel:this.onTouchCancel,onTouchEnd:this.onTouchEnd,onTouchMove:this.onTouchMove,onTouchStart:this.onTouchStart,ref:this.ref,children:(0,t.jsxs)(tn,{children:[(0,t.jsx)(tr,{fillPercentage:o,isControlled:i}),(0,t.jsx)(to,{fillPercentage:o,isControlled:i})]})})}}let ti=n.keyframes` 658 from { 659 transform: translate3d(0, 44px, 0); 660 opacity: 0; 661 height: ${41}px; 662 } 663 664 to { 665 transform: translate3d(0, 0, 0); 666 opacity: 1; 667 height: ${160}px; 668 } 669`,ta=n.default.div.withConfig({displayName:"VolumeRocker__Wrapper",componentId:"sc-9925717c-0"})` 670 position: absolute; 671 height: ${160}px; 672 width: 44px; 673 bottom: 45px; 674 left: 0; 675 background: rgba(32, 32, 32, 0.9); 676 animation: ${ti} 0.2s ease-out 1; 677 border-radius: 5px; 678 user-select: none; 679 touch-action: none; 680 overflow: hidden; 681 cursor: grab; 682 683 ${e=>e.isControlled&&"cursor: grabbing;"} 684`,tn=n.default.div.withConfig({displayName:"VolumeRocker__Bar",componentId:"sc-9925717c-1"})` 685 position: absolute; 686 left: 20px; 687 top: ${20}px; 688 bottom: ${20}px; 689 width: 4px; 690 border-radius: 2px; 691 background-color: #8b8b8b; 692 pointer-events: none; 693`,to=n.default.div.attrs(e=>({style:{height:e.isControlled?"23px":"10px",top:`${100-e.fillPercentage}%`,width:e.isControlled?"23px":"10px"}})).withConfig({displayName:"VolumeRocker__Ball",componentId:"sc-9925717c-2"})` 694 position: absolute; 695 left: 50%; 696 transform: translate(-50%, -50%); 697 border-radius: 50%; 698 background-color: ${e=>e.theme.mainAccentColor}; 699 transition-property: height, width, top; 700 transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); 701 transition-duration: 200ms, 200ms, 0s; 702`,tr=n.default.div.attrs(e=>({style:{height:`${e.fillPercentage}%`,opacity:e.isControlled?.85:1}}
702)).withConfig({displayName:"VolumeRocker__FillBar",componentId:"sc-9925717c-3"})` 703 position: absolute; 704 left: 0; 705 bottom: 0; 706 width: 4px; 707 min-height: 2px; 708 border-radius: 2px; 709 background-color: ${e=>e.theme.mainAccentColor}; 710 transition: opacity 200ms; 711`;var tl=e.i(783251),ts=e.i(423473),td=e.i(880519);let tc=n.default.svg.withConfig({displayName:"VolumeControl__StyledSvg",componentId:"sc-f6ef9794-0"})``,tp=({color:e,size:i=20})=>(0,t.jsxs)(tc,{height:`${i/1.25}px`,version:"1.1",viewBox:"0 0 25 20",width:`${i}px`,xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("title",{children:"Volume control"}),(0,t.jsxs)("g",{fill:e,children:[(0,t.jsx)("path",{d:"m11.2.365-4.634 4.61H1.25C.56 4.974 0 5.53 0 6.217v7.462c0 .686.56 1.243 1.25 1.243h5.316l4.633 4.61c.783.778 2.134.231 2.134-.88V1.244c0-1.112-1.352-1.657-2.134-.879ZM25 9.949c0-3.292-1.67-6.319-4.467-8.096a1.248 1.248 0 0 0-1.725.386 1.255 1.255 0 0 0 .386 1.729c2.07 1.316 3.306 3.551 3.306 5.98 0 2.43-1.236 4.666-3.306 5.982a1.254 1.254 0 0 0-.386 1.728c.339.537 1.1.785 1.725.387C23.33 16.268 25 13.24 25 9.949Z"}),(0,t.jsx)("path",{d:"M17.616 5.966a1.258 1.258 0 0 0-1.698.49 1.241 1.241 0 0 0 .492 1.69 2.066 2.066 0 0 1 1.09 1.803c0 .745-.418 1.436-1.09 1.804a1.241 1.241 0 0 0-.492 1.69 1.255 1.255 0 0 0 1.699.49A4.554 4.554 0 0 0 20 9.947a4.55 4.55 0 0 0-2.385-3.982Z"})]})]}),tu=n.default.svg.withConfig({displayName:"VolumeControlLess__StyledSvg",componentId:"sc-578d38d4-0"})``,th=({color:e,size:i=20})=>(0,t.jsxs)(tu,{height:`${i/1.25}px`,version:"1.1",viewBox:"0 0 25 20",width:`${i}px`,xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("title",{children:"Volume control less"}),(0,t.jsxs)("g",{fill:"none",fillRule:"evenodd",stroke:"none",strokeWidth:"1",children:[(0,t.jsx)("path",{d:"M11.1994792,0.365102374 L6.565625,4.97432223 L1.25,4.97432223 C0.559375,4.97432223 0,5.53084861 0,6.21795659 L0,13.6797628 C0,14.3663526 0.559375,14.9233971 1.25,14.9233971 L6.565625,14.9233971 L11.1994792,19.532617 C11.9822917,20.311443 13.3333333,19.7642439 13.3333333,18.6532639 L13.3333333,1.24445551 C13.3333333,0.132439112 11.98125,-0.412687283 11.1994792,0.365102374 Z",fill:e,fillRule:"nonzero"}),(0,t.jsx)("path",{d:"M17.6161458,5.96560246 C17.0130208,5.63759389 16.2520833,5.85367536 15.9177083,6.45528349 C15.5848958,7.05689161 15.8052083,7.81291767 16.4098958,8.14507168 C17.0822917,8.51246199 17.5,9.20423361 17.5,9.94885968 C17.5,10.6940039 17.0822917,11.3852574 16.4104167,11.7526477 C15.8057292,12.0848017 15.5854167,12.8408278 15.9182292,13.4424359 C16.253125,14.0466349 17.0145833,14.2611618 17.6166667,13.9321169 C19.0869792,13.1263455 20.0005208,11.6003025 20.0005208,9.9483415 C20.0005208,8.29638052 19.0869792,6.77085571 17.6161458,5.96560246 Z",fill:e,fillRule:"nonzero"})]})]}),tm=n.default.svg.withConfig({displayName:"VolumeControlMute__StyledSvg",componentId:"sc-3a9f36e7-0"})``,tg=({color:e,size:i=20})=>(0,t.jsxs)(tm,{height:`${i/1.25}px`,version:"1.1",viewBox:"0 0 25 20",width:`${i}px`,xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsx)("title",{children:"Volume control muted"}),(0,t.jsx)("g",{fill:e,children:(0,t.jsx)("path",{d:"m11.2.365-4.634 4.61H1.25C.56 4.974 0 5.53 0 6.217v7.462c0 .686.56 1.243 1.25 1.243h5.316l4.633 4.61c.783.778 2.134.231 2.134-.88V1.244c0-1.112-1.352-1.657-2.134-.879ZM19.892 10l2.02-2.02a.3.3 0 0 0 0-.423l-.47-.47a.3.3 0 0 0-.422 0L19 9.108l-2.02-2.02a.3.3 0 0 0-.423 0l-.47.47a.3.3 0 0 0 0 .423l2.02 2.02-2.02 2.02a.3.3 0 0 0 0 .423l.47.47a.3.3 0 0 0 .423 0l2.02-2.02 2.02 2.02a.3.3 0 0 0 .423 0l.47-.47a.3.3 0 0 0 0-.423L19.892 10Z"})})]});var tf=e.i(379808),tx=e.i(268174);let ty=()=>"u">typeof document&&!document[void 0!==document.hidden?"hidden":void 0!==document.msHidden?"msHidden":void 0!==document.webkitHidden?"webkitHidden":void 0];var tv=e.i(193439);let tw=n.default.div.withConfig({displayName:"MiniPlayer__SpaceFiller",componentId:"sc-5ee8e0ea-0"})` 712 width: 100%; 713 height: 100%; 714`,tb=n.default.a.withConfig({displayName:"MiniPlayer__OverlayTrigger",componentId:"sc-5ee8e0ea-1"})` 715 display: block; 716 top: 5px; 717 right: 5px; 718 bottom: 5px; 719 left: 5px; 720 position: absolute; 721 cursor: pointer; 722 -webkit-tap-highlight-color: transparent; 723`,tC=n.default.div.withConfig({displayName:"MiniPlayer__ExtraControls",componentId:"sc-5ee8e0ea-2"})` 724 display: none; 725 height: 85px; 726 727 > div { 728 position: relative; 729 } 730 731 ${x.mqFrom.L` 732 display: flex; 733 width: 50%; 734 justify-content: flex-end; 735 align-items: center; 736 `} 737`,t_=n.default.a.withConfig({displayName:"MiniPlayer__BaseButton",componentId:"sc-5ee8e0ea-3"})` 738 margin-right: 15px; 739 display: block; 740 text-align: center; 741 color: ${e=>e.theme.textOnDarkColor}; 742 border-radius: 5px; 743 cursor: pointer; 744 -webkit-tap-highlight-color: transparent; 745 746 @media (hover: hover) { 747 &:hover { 748 background: rgba(255, 255, 255, 0.25); 749 } 750 } 751 752 ${e=>e.$isOpen&&` 753 background-color: #353535; 754 755 @media (hover: hover) { 756 &:hover { 757 background-color: #353535; 758 } 759 } 760 `} 761`,tk=n.default.a.withConfig({displayName:"MiniPlayer__PopoutButton",componentId:"sc-5ee8e0ea-4"})` 762 display: none; 763 position: relative; 764 color: ${e=>e.theme.textOnDarkColor}; 765 border-radius: 5px; 766 cursor: ${e=>e.disabled?"normal":"pointer"}; 767 -webkit-tap-highlight-color: transparent; 768 background-color: rgb(0 0 0 / 0.35); 769 padding: 5px 35px 5px 9px; 770 margin-right: 10px; 771 line-height: 22px; 772 font-size: 16px; 773 opacity: ${e=>e.disabled?"0.3":"1"}; 774 white-space: nowrap; 775 transition: background-color 200ms; 776 777 > svg { 778 position: absolute; 779 right: 8px; 780 top: 6px; 781 } 782 783 ${e=>!e.disabled&&n.css` 784 &:hover { 785 background-color: rgba(255 255 255 / 0.25); 786 } 787 `} 788 789 ${x.mqFrom.L` 790 display: block; 791 `} 792`,tj=(0,n.default)(t_).withConfig({displayName:"MiniPlayer__PickerButton",componentId:"sc-5ee8e0ea-5"})` 793 min-width: 190px; 794 padding: 5px 15px; 795 white-space: nowrap; 796 797 ${e=>e.$isOpen&&` 798 > svg { 799 transform: rotate(180deg); 800 } 801`} 802`,tP=n.default.span.withConfig({displayName:"MiniPlayer__ButtonText",componentId:"sc-5ee8e0ea-6"})` 803 margin-right: 10px; 804`,tS=(0,n.default)(t_).withConfig({displayName:"MiniPlayer__VolumeButton",componentId:"sc-5ee8e0ea-7"})` 805 width: 22px; 806 height: 22px; 807 padding: 10px; 808`,t$=(0,n.withTheme)(({initialActiveChannel:e,isPlayerHidden:i,isWithNews:n,lastPlayedBaseUrl:o,missedRadioUrl:r=null,parentChannel:l,radioShowUrl:s,theme:d})=>{let{dispatch:p,state:h}=(0,F.useMiniplayerContext)(),[m,g]=(0,u.useState)(e),f=(0,c.useRouter)(),x=(0,u.useRef)(null),y=(0,u.useRef)(null),w=(0,u.useRef)(null),[b,C]=(0,u.useState)(""),[_,k]=(0,u.useState)(null),j=(()=>{let[e,t]=(0,u.useState)(ty()),i=()=>t(ty());return(0,u.useEffect)(()=>{let e=void 0!==document.hidden?"visibilitychange":void 0!==document.msHidden?"msvisibilitychange":void 0!==document.webkitHidden?"webkitvisibilitychange":void 0;return document.addEventListener(e,i,!1),()=>{document.removeEventListener(e,i)}}),e})(),[P,S]=(0,u.useState)(!1),[$,I]=(0,u.useState)(!1),[T,L]=(0,u.useState)(!1),[N,E]=(0,u.useState)(!1),[M,R]=(0,u.useState)(!1),[A,D]=(0,u.useState)(null),[U,O]=(0,u.useState)({duration:0,position:0,progress:0}),W=0===f.asPath.indexOf(o)&&(!!f.query.channel&&!!h.channel&&f.query.channel===h.channel.i
808d||!f.query.channel&&!!h.channel&&h.channel.id===l.slug),q=A&&h.channel&&h.channel.id?[l].concat(A.allChannels.data).map(({name:e,slug:t})=>({active:t===h.channel.id,id:t,name:e})):[],H=async e=>{let t=await fetch((0,v.getPrefixedPath)(`/api/player/${e}`));return await t.json()},Y=async e=>{try{let t=await fetch((0,v.getPrefixedPath)(`/api/miniplayer/info?channel=${e}`));if(!t.ok)throw new tf.NetworkError(t.statusText);return await t.json()}catch(e){e instanceof tf.NetworkError||e instanceof TypeError||console.error(e)}},Z=async e=>{try{p({payload:!0,type:"setLoadingPlayer"});let t=Y(e),i=H(e),[a,n]=await Promise.all([t,i]);await e9(w.current),D(a.data),C(n.tokenUrl)}catch{p({type:"setPlayerUnavailable"})}finally{p({payload:!1,type:"setLoadingPlayer"})}};(0,u.useEffect)(()=>{b&&p({payload:b,type:"setPlayerAudioToken"})},[b]);let G=()=>{p({type:"stopPlaying"}),f.push("/live"),(0,eH.default)("player_sticky_visualradio_link",{type:"navigation"})},K=()=>{let e;if(!h.isLiveMode)return;h.isPlaying&&p({type:"stopPlaying"});let t=A?.coreChannels.data[0],i=h.channel?.id;if(t.slug===i)e=t.links[0].value;else{let a=t.children.find(e=>e.slug===i);a&&(e=a.links[0].value)}e&&(0,tx.default)(e),(0,eH.default)("player_sticky_popupplayer_link")},J=async e=>{p({type:"stopPlaying"}),g(e),Z(e),L(!1),(0,eH.default)(`player_sticky_dropdown_themazenders_${e}`)},X=async()=>{p({type:"unload"}),p({payload:{isLiveMode:!0,isPlaying:!1},type:"setPlayerState"}),await Z(l.slug)},Q=e=>{let t=!x.current||!x.current.contains(e.target),i=!y.current||!y.current.contains(e.target);t&&I(!1),i&&L(!1)},ee=()=>{S(!1)},et=(0,u.useCallback)(()=>{N&&(E(!1),ee())},[N]);return((0,u.useEffect)(()=>{let e;document.addEventListener("mousedown",Q);let t=(e=RegExp(`(?:^|; )${encodeURIComponent("atuserid")}=([^;]*)`).exec(document.cookie))?e[1]:null;if(t)try{let e=JSON.parse(decodeURIComponent(t));p({payload:e.val,type:"setSmartTagUserId"})}catch(e){(0,a.captureException)(e)}return()=>{document.removeEventListener("mousedown",Q)}},[]),(0,u.useEffect)(()=>{i||Z(l.slug)},[l.slug,i]),(0,u.useEffect)(()=>{let e=!0,t=setInterval(async()=>{if(!h.isLiveMode||!m||!j)return;let t=await Y(m);e&&D(t?.data)},2e4);return()=>{clearInterval(t),e=!1}},[m,h.isLiveMode,j]),(0,u.useEffect)(()=>(c.Router.events.on("routeChangeComplete",et),()=>{c.Router.events.off("routeChangeComplete",et)}),[et]),(0,u.useEffect)(()=>{p({payload:{isPlayerExpanded:N},type:"setPlayerState"})},[N]),(0,u.useEffect)(()=>{if(!h.playable)return;O({duration:0,position:0,progress:0}),p({payload:!0,type:"setLoadingPlayer"});let e=!1;return(async()=>{try{let t=await (0,tl.fetchPlayApi)(h.playable?.player?.tokenUrl);e||k(t)}catch(e){(0,a.captureException)(e)}finally{e||p({payload:!1,type:"setLoadingPlayer"})}})(),()=>{e=!0}},[h.playable]),(0,u.useEffect)(()=>{if(!_)return;let e=!1;return(async()=>{try{if(globalThis._miniPlayerLoading=!0,(0,tv.pauseOtherPlayers)("mini-player"),(0,F.watchNpoPlayerEvents)(p),await (0,ts.loadPlayer)({autoplay:!0,parameters:h.playable?.player?.parameters,playApiJson:_,player:globalThis.MiniPlayer}),e)return}catch(t){if(e)return;(0,a.captureException)(t),p({payload:!1,type:"setLoadingPlayer"}),p({payload:{isPlaying:!1},type:"setPlayerState"})}finally{globalThis._miniPlayerLoading=!1}})(),()=>{e=!0}},[_]),(0,u.useEffect)(()=>{let e=!0,t=null,i=null,a=null;if(h.isLiveMode&&A)(({activeChannel:e,data:{coreChannels:{data:[t]},radioBroadcasts:{data:[i]},radioTrackPlays:{data:a},upcomingBroadcasts:{data:[n]}},isLiveUsingClassicalData:o,radioShowUrl:r})=>new Promise((l,s)=>{try{let s=a.map(e=>{let t,i,a;return t=e.radioTracks,i={chartEditionPositions:e.cmsChartEditionPositions||null,coverUrl:e.radioTracks?.coverUrl,from:e?.from,id:t?.id||null,imageUrl:e.radioTracks?.coverUrl||"",isAvailable:e.radioTracks?.isAvailable,radioTracksItem:t,slug:e.radioTracks?.slug,until:e?.until},a=t?.classicalData?.completeWork||t?.name||e.song,i.chartEditionPositions&&(a=`#${i.chartEditionPositions.position}: ${a}`),o?e?.song?{...i,artist:t?.classicalData?.composer||t?.artist||e.artist,ensemble:t?.classicalData?.ensemble,isSong:!0,name:a}:void 0:e?.song?{...i,artist:t?.artist||e.artist,isSong:!0,name:a}:void 0}),d=e?.id!==t.slug,[c]=s,p=(c&&(0,e5.add)((0,e4.parseISO)(c.until),{minutes:1}))??(0,e6.getLocalizedNow)(),u={channel:d&&t?{id:t.slug,name:t.name}:void 0,isVisualRadioAvailable:!!t.liveVideo?.tokenUrl,show:e7({channel:t,radioShowUrl:r,show:i}),track:(0,e3.isFuture)(p)?c:null,tracks:s,upcomingShow:e7({channel:t,radioShowUrl:r,show:n})};l(u)}catch(e){return s(e)}}))({activeChannel:h.channel,data:A,isLiveUsingClassicalData:h.isLiveUsingClassicalData,radioShowUrl:s}).then(t=>{e&&p({payload:{...t,shouldStartPlaying:h.isLiveRequestedAfterPlayable},type:"listenToLive"})}).catch(e=>{p({payload:e,type:"onError"})});else if(h.playable){let n=h.playable.id,o=t=>{let i=()=>{t.duration>0&&e&&O({duration:t.duration,position:t.currentTime,progress:t.currentTime/t.duration*100})},a=()=>{var t;let i,a;e&&h.playable?.queue&&(i=(t=h).playable.queue.findIndex(e=>
808e.id===t.playable.id),(a=t.playable.queue[i+1])&&p({payload:{queue:t.playable.queue,type:"fragment",...a},type:"setPlayable"}))};return t.addEventListener("timeupdate",i),t.addEventListener("ended",a),()=>{t.removeEventListener("timeupdate",i),t.removeEventListener("ended",a)}},r=()=>{if(!e||h.playable?.id!==n)return;let l=(()=>{let e=w.current;if(e){let t=e.querySelector("audio, video");if(t?.src)return t}return null})();if(l)if(l.readyState>=1)l.duration>0&&O({duration:l.duration,position:l.currentTime,progress:l.currentTime/l.duration*100}),t=o(l);else{let i=()=>{a=null,e&&(l.duration>0&&O({duration:l.duration,position:l.currentTime,progress:l.currentTime/l.duration*100}),t=o(l))};l.addEventListener("loadedmetadata",i,{once:!0}),a=()=>{l.removeEventListener("loadedmetadata",i)}}else i=setTimeout(r,100)};r()}return()=>{e=!1,i&&clearTimeout(i),a&&a(),t&&t()}},[A,h.isLiveMode,h.playable]),(0,u.useEffect)(()=>{i&&h.isPlaying&&p({type:"stopPlaying"})},[i]),(0,u.useEffect)(()=>{h.isLiveMode&&p({payload:{volume:1},type:"setVolume"})},[h.isLiveMode]),i)?null:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(eX,{activeImageUrl:h.activeImageUrl,channels:q,isExpanded:N,isExpandedOnce:M,isOnRecentlyPlayedPage:W,isWithNews:n,onBackToLiveClick:X,onMissedRadioClick:()=>{r&&f.push(r),(0,eH.default)("player_opened_gemist_link",{type:"navigation"})},onPopoutClick:K,onRadioChannelChange:J,onTriggerMouseLeave:ee,onTriggerMouseOver:()=>{S(!0)},onVisualRadioClick:G,setExpanded:E,setIsExpandedOnce:R,timeValue:U,children:[(!h.isLiveMode||A&&h.channel)&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(eE,{isHoveringTrigger:P,timeValue:U}),(0,t.jsx)(eq,{isAdBreak:h.isAdBreak,isOnRecentlyPlayedPage:W,onBackToLiveClick:X,onLastPlayedClick:()=>{let e=h.channel&&h.channel.id===l.slug?{channel:h.channel.id}:{};f.push({pathname:o,query:e},{pathname:o,query:e}),(0,eH.default)("player_sticky_gedraaid_link",{type:"navigation"})},onMissedRadioClick:()=>{r&&f.push(r),(0,eH.default)("player_sticky_gemist_link",{type:"navigation"})},onPrimaryPlayClick:()=>{p({type:"togglePlaying"});let{chapter_1:e,chapter_2:t}=window.pageTracker.pageContext;(0,eH.default)("player_sticky_play_knop",{click_chapter_1:e||"",click_chapter_2:t||"",type:"action"})},onVisualRadioClick:G,playerState:h}),(0,t.jsxs)(tC,{children:[n?(0,t.jsx)(B.default,{}):(0,t.jsx)(tw,{children:(0,t.jsx)(tb,{onClick:()=>E(!0)})}),q.length>1&&h.isChannelPickerPresent&&h.isLiveMode&&!!h.channel&&(0,t.jsxs)("div",{ref:y,children:[(0,t.jsxs)(tj,{$isOpen:T,onClick:()=>{!T&&$&&I(!1),L(e=>!e),(0,eH.default)("player_sticky_dropdown_themazenders")},children:[(0,t.jsx)(tP,{children:h.channel.name}),(0,t.jsx)(V.default,{color:d.textOnDarkColor,size:16})]}),T&&(0,t.jsx)(e2,{channels:q,onChange:J})]}),(0,t.jsxs)("div",{ref:x,children:[(0,t.jsxs)(tS,{$isOpen:$,onClick:()=>{!$&&T&&L(!1),I(e=>!e)},role:"button",children:[h.playerVolume>=.75&&(0,t.jsx)(tp,{color:d.textOnDarkColor}),h.playerVolume<.75&&h.playerVolume>=.02&&(0,t.jsx)(th,{color:d.textOnDarkColor}),h.playerVolume<.02&&(0,t.jsx)(tg,{color:d.textOnDarkColor})]}),$&&(0,t.jsx)(tt,{onChange:e=>{p({payload:{volume:e},type:"setVolume"})},playerVolume:h.playerVolume})]}),(0,t.jsxs)(tk,{disabled:!h.isLiveMode,onClick:K,role:"button",children:["Open in venster",(0,t.jsx)(td.default,{color:d.textOnDarkColor,size:19})]})]})]}),(0,t.jsx)("div",{id:z.AUDIO_PLAYER_ID,ref:w,style:{display:"none"}})]})})});var tI=e.i(597357);let tT={name:"NPO Radio 2",slug:"npo-radio-2"},tL=({children:e})=>{let i=(0,c.useRouter)(),a=i.pathname.includes("/preview")&&!!i.query["x-craft-live-preview"],n=0===i.pathname.indexOf("/app/"),o=!!i&&(i.pathname.includes("/live")||a||n),r=a||n;return(0,t.jsxs)(t.Fragment,{children:[!r&&(0,t.jsx)(P,{show:!0}),!n&&(0,t.jsx)(A,{}),(0,t.jsxs)(F.MiniplayerContextProvider,{initialState:{apiEvents:[],buttonConfig:{actionButtonLeft:"gedraaid",actionButtonRight:"visual-radio"},isAdBreak:!1,isAutoPlayAfterEmbed:!1,isChannelPickerPresent:!0,isLiveMode:!0,isLiveRequestedAfterPlayable:!1,isLiveUsingClassicalData:!1,isLoadingPlayer:!0,isPlaybackEnded:!1,isPlayerExpanded:!1,isPlayerMuted:!1,isPlayerUnavailable:!1,isPlaying:!1,isRadioshowTimeVisibleForLiveRadio:!1,isReceivedMessageEvent:!1,isSongHiddenForLiveRadio:!1,isVisualRadioAvailable:!1,playerVolume:1},children:[(0,t.jsx)(t$,{initialActiveChannel:tT.slug,isPlayerHidden:o,isWithNews:!1,lastPlayedBaseUrl:(0,tI.trackPlaysUrl)(),missedRadioUrl:(0,tI.missedUrl)(),parentChannel:tT,radioShowUrl:tI.radioShowUrl}),e]})]})};var tN=e.i(755139),tE=e.i(471569);e.s(["default",0,({Component:e,pageProps:i})=>(0,t.jsxs)(d,{theme:tN.default,urlHelpers:tI,children:[(0,t.jsx)(tL,{children:(0,t.jsx)(e,{...i})}),(0,t.jsx)(tE.default,{})]})],776035)},916935,(e,t,i)=>{let a="/_app";(window.__NEXT_P=window.__NEXT_P||[]).push([a,()=>e.r(776035)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([a])})}]); 809 810//# debugId=4b6c2704-e202-8a22-b536-81a6317974ec
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.