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]="5d50548f-bddf-fa85-2f53-74d47cf613de")}catch(e){}}(); 2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,392886,e=>{e.v({list:"LiveSidebar-module-scss-module__4wpwUG__list",section:"LiveSidebar-module-scss-module__4wpwUG__section"})},84111,e=>{e.v({imageContainer:"CompetitionTile-module-scss-module__dzDMKW__imageContainer",wrapper:"CompetitionTile-module-scss-module__dzDMKW__wrapper"})},76489,e=>{e.v({carousel:"Competitions-module-scss-module__p8JMiG__carousel",item:"Competitions-module-scss-module__p8JMiG__item",previousButton:"Competitions-module-scss-module__p8JMiG__previousButton"})},280861,e=>{e.v({alignRight:"MatchRow-module-scss-module__vIukYq__alignRight",column:"MatchRow-module-scss-module__vIukYq__column",logo:"MatchRow-module-scss-module__vIukYq__logo",row:"MatchRow-module-scss-module__vIukYq__row",scoreAway:"MatchRow-module-scss-module__vIukYq__scoreAway",scoreContainer:"MatchRow-module-scss-module__vIukYq__scoreContainer",scoreHome:"MatchRow-module-scss-module__vIukYq__scoreHome",scorePart:"MatchRow-module-scss-module__vIukYq__scorePart",status:"MatchRow-module-scss-module__vIukYq__status",team:"MatchRow-module-scss-module__vIukYq__team",teamContainer:"MatchRow-module-scss-module__vIukYq__teamContainer"})},470788,e=>{e.v({buttonRow:"SoccerModal-module-scss-module__iBWgEa__buttonRow",heading:"SoccerModal-module-scss-module__iBWgEa__heading",scrollContainer:"SoccerModal-module-scss-module__iBWgEa__scrollContainer"})},76191,e=>{e.v({contentContainer:"SportpageView-module-scss-module__9qTGma__contentContainer",leftContent:"SportpageView-module-scss-module__9qTGma__leftContent",liveSlider:"SportpageView-module-scss-module__9qTGma__liveSlider",pageHeader:"SportpageView-module-scss-module__9qTGma__pageHeader",pageTitle:"SportpageView-module-scss-module__9qTGma__pageTitle",rightContent:"SportpageView-module-scss-module__9qTGma__rightContent",spotlight:"SportpageView-module-scss-module__9qTGma__spotlight"})},949625,e=>{e.v({table:"MatchesTable-module-scss-module__Vwa5aW__table",visuallyHidden:"MatchesTable-module-scss-module__Vwa5aW__visuallyHidden"})},795205,e=>{e.v({button:"SoccerTodayPill-module-scss-module__8u7ccq__button",liveContainer:"SoccerTodayPill-module-scss-module__8u7ccq__liveContainer",liveCount:"SoccerTodayPill-module-scss-module__8u7ccq__liveCount",titleContainer:"SoccerTodayPill-module-scss-module__8u7ccq__titleContainer"})},148676,e=>{"use strict";var t,a=e.i(391398),s=e.i(238632),n=e.i(35645),i=e.i(594541),r=e.i(722041),l=e.i(98371),o=e.i(778830),d=e.i(812638),c=e.i(821329),u=e.i(915416),m=e.i(392886),p=e.i(533432),g=e.i(702121);try{var h=window;h._sentryModuleMetadata=h._sentryModuleMetadata||{},h._sentryModuleMetadata[(new h.Error).stack]=Object.assign({},h._sentryModuleMetadata[(new h.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let _=({startAt:e,requestTime:t})=>new Date(e)<=new Date(t)?(0,a.jsx)(g.Label,{size:"m",type:"live"}):(0,a.jsx)(g.Label,{size:"m",text:(0,a.jsx)(p.RelativeDate,{dateTime:e}),type:"upcoming",onSurface:"onElevation"});try{var y=window;y._sentryModuleMetadata=y._sentryModuleMetadata||{},y._sentryModuleMetadata[(new y.Error).stack]=Object.assign({},y._sentryModuleMetadata[(new y.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let w=({items:e,title:t,id:s,listNestPos:n,sizes:p,requestTime:g,className:h,clickDataTrackingProps:y={}})=>{let{ref:w}=(0,o.useOfferTracking)({clickDataTrackingProps:{elementId:s,elementPos:n}});return!e||e.length<1?null:(0,a.jsxs)("div",{ref:w,className:(0,i.classNames)(m.default.section,h),...(0,d.dataTrackingAttribute)({nestType1:"live",nestId1:s,nestPos1:n}),children:[(0,a.jsx)(c.SectionHeader,{callToAction:{as:"link",text:"Bekijk meer",href:"/live",screenReaderText:t,clickDataTrackingProps:{eventContext:"bekijk-meer",eventName:"open",eventType:"navigation",elementType:"page",elementId:"live",...y}},title:t}),(0,a.jsx)("ul",{className:m.default.list,children:e.map((e,t)=>"Livestream"!==e.__typename?null:(0,a.jsx)("li",{children:(0,a.jsx)(u.CalenderTile,{clickDataTrackingProps:{eventType:"navigation",eventName:"open",elementId:e.id,elementType:r.corgiToLegacyTypeMap[e.__typename],elementPos:t+1,...y},href:(0,l.getRoute)(e),label:(0,a.jsx)(_,{requestTime:g,startAt:e.startAt}),sizes:p,subTitle:e.categories[0].label,title:e.title,onSurface:"onPage"})},e.id))})]})};var x=e.i(289685),f=e.i(991841),v=e.i(537996),M=e.i(389496),b=e.i(426625);try{var k=window;k._sentryModuleMetadata=k._sentryModuleMetadata||{},k._sentryModuleMetadata[(new k.Error).stack]=Object.assign({},k._sentryModuleMetadata[(new k.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let j=({livestreams:e,className:t,requestTime:s})=>{let{ref:n}=(0,o.useOfferTracking)({clickDataTrackingProps:{elementId:"frontpage_sport-live"}});return(0,a.jsx)("div",{ref:n,className:t,children:(0,a.jsx)(b.SliderSection,{callToAction:{as:"link",href:"/live",text:"Bekijk meer",screenReaderText:"Live bij NOS Sport",clickDataTrackingProps:{eventContext:"bekijk-meer",eventName:"open",eventType:"navigation",elementType:"page",elementId:"live"}}
2,clickDataTrackingProps:{nestType1:"slider",nestId1:"frontpage_sport-live"},slideSizing:"regular",slides:e.map((e,t)=>"Livestream"!==e.__typename?null:(0,a.jsx)(u.CalenderTile,{clickDataTrackingProps:{eventType:"navigation",eventName:"open",elementId:e.id,elementType:"livestream",elementPos:t+1},href:(0,l.getRoute)(e),label:(0,a.jsx)(_,{requestTime:s,startAt:e.startAt}),sizes:"115px",subTitle:e.categories[0].label,title:e.title,onSurface:"onPage"},e.id)),title:"Live bij NOS Sport"})})};var C=e.i(76893),N=e.i(191788),T=e.i(313400);try{var S=window;S._sentryModuleMetadata=S._sentryModuleMetadata||{},S._sentryModuleMetadata[(new S.Error).stack]=Object.assign({},S._sentryModuleMetadata[(new S.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}function P(){return(P=Object.assign.bind()).apply(null,arguments)}let $=({title:e,titleId:a,...s})=>N.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",width:26,height:26,viewBox:"0 0 26 26","aria-labelledby":a},s),e?N.createElement("title",{id:a},e):null,t||(t=N.createElement("path",{fill:"currentColor",d:"m14.208.994.037.07C20.285 1.686 25 6.789 25 13c0 6.289-4.835 11.441-10.983 11.958q-.032.106-.087.207l-.47-.174Q13.232 25 13 25C6.376 25 1 19.632 1 13 1 8.782 3.174 5.076 6.461 2.936q-.002-.073.004-.147l.367-.085A11.95 11.95 0 0 1 13 1q.505 0 1 .041zm-.253 1.549-2.166 2.494c-.339.39-.89.519-1.368.318L7.437 4.093a10.54 10.54 0 0 0-4.154 4.921l1.307 1.611c.326.402.355.967.074 1.4l-1.91 2.94a1 1 0 0 1-.054.076 10.5 10.5 0 0 0 4.992 7.02l2.252-1.076a1.19 1.19 0 0 1 1.381.253l2.147 2.252a10.46 10.46 0 0 0 5.406-1.788 1.1 1.1 0 0 1-.057-.315l-.13-3.5a1.195 1.195 0 0 1 .783-1.165l3.295-1.205c.145-.053.296-.076.444-.072.188-.784.287-1.603.287-2.445 0-1.272-.226-2.491-.64-3.62l-2.901.142a1.19 1.19 0 0 1-1.175-.767L17.536 5.48a1.19 1.19 0 0 1 .368-1.353l.47-.15a10.4 10.4 0 0 0-4.42-1.434zm-3.361 6.512a1.2 1.2 0 0 1 1.38-.255l3.167 1.51c.467.223.737.72.67 1.232l-.46 3.475a1.2 1.2 0 0 1-.968 1.016l-3.45.637a1.2 1.2 0 0 1-1.267-.605l-1.672-3.08a1.19 1.19 0 0 1 .183-1.389z"})));var E=e.i(795205);try{var I=window;I._sentryModuleMetadata=I._sentryModuleMetadata||{},I._sentryModuleMetadata[(new I.Error).stack]=Object.assign({},I._sentryModuleMetadata[(new I.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let O=({matches:e,onClick:t})=>{let s=e.filter(e=>"IN_PROGRESS"===e.status).length;return(0,a.jsxs)("button",{onClick:t,...(0,d.dataTrackingAttribute)({eventType:"action",eventName:"open",elementType:"scoreboard"}),className:E.default.button,children:[(0,a.jsxs)("span",{className:E.default.titleContainer,children:[(0,a.jsx)($,{"aria-hidden":!0}),"Scorebord"]}),s>0&&(0,a.jsxs)("span",{className:E.default.liveContainer,children:[(0,a.jsxs)("span",{className:E.default.liveCount,children:[s," ",(0,a.jsx)(T.VisuallyHidden,{children:1===s?"wedstrijd":"wedstrijden"})]}),(0,a.jsx)("span",{children:"LIVE"})]})]})};var B=e.i(697369),A=e.i(683344),A=A,R=e.i(230301),q=e.i(461574);try{var z=window;z._sentryModuleMetadata=z._sentryModuleMetadata||{},z._sentryModuleMetadata[(new z.Error).stack]=Object.assign({},z._sentryModuleMetadata[(new z.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}function L({onClick:e,className:t}){return(0,a.jsx)(q.CircleButton,{className:t,icon:{icon:(0,a.jsx)(R.ReactComponent,{}),width:"28px",height:"23px",color:"red"},label:"Volgende slide",size:"l",isSlider:!0,onClick:e})}try{var D=window;D._sentryModuleMetadata=D._sentryModuleMetadata||{},D._sentryModuleMetadata[(new D.Error).stack]=Object.assign({},D._sentryModuleMetadata[(new D.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}function K({onClick:e,className:t}){return(0,a.jsx)(q.CircleButton,{className:t,icon:{icon:(0,a.jsx)(R.ReactComponent,{}),width:"28px",height:"23px",rotation:"180",color:"red"},label:"Vorige slide",size:"l",isSlider:!0,onClick:e})}var U=e.i(101489),G=e.i(760814),V=e.i(95904),H=e.i(119634);try{var Y=window;Y._sentryModuleMetadata=Y._sentryModuleMetadata||{},Y._sentryModuleMetadata[(new Y.Error).stack]=Object.assign({},Y._sentryModuleMetadata[(new Y.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}
2let W=G.default.div.withConfig({displayName:"Carousel.style__Viewport",componentId:"sc-e7989c97-0"})` 3 overflow: hidden; 4 width: 100%; 5`,F=G.default.div.withConfig({displayName:"Carousel.style__CarouselContainer",componentId:"sc-e7989c97-1"})` 6 position: relative; 7 margin: 0 -${(0,U.rem)(16)}; 8 padding-left: ${(0,U.rem)(16)}; 9 min-width: calc(100% + ${(0,U.rem)(32)}); 10 width: calc(100% + ${(0,U.rem)(32)}); 11 12 @media (min-width: ${H.breakpoints.tablet}) { 13 margin: 0 auto; 14 min-width: 100%; 15 width: 100%; 16 padding-left: 0; 17 18 ${({$showNavigationFade:e,$nextBtnEnabled:t,$prevBtnEnabled:a})=>e&&G.css` 19 mask-image: linear-gradient( 20 90deg, 21 ${a?"transparent":"black"} 0%, 22 black ${(0,U.rem)(24)}, 23 black calc(100% - ${(0,U.rem)(24)}), 24 ${t?"transparent":"black"} 100% 25 ); 26 `}; 27 } 28 29 @media (min-width: ${H.breakpoints.desktopExtraLarge}) { 30 margin: ${({$breakoutAllowed:e})=>e&&"0 -7.5rem"}; 31 } 32`,X=G.default.ul.withConfig({displayName:"Carousel.style__SlideContainer",componentId:"sc-e7989c97-2"})` 33 user-select: none; 34 display: flex; 35 margin: 0; 36 padding: 0; 37`,J=G.default.div.withConfig({displayName:"Carousel.style__Navigation",componentId:"sc-e7989c97-3"})` 38 position: absolute; 39 top: 0; 40 z-index: 1; 41 display: none; 42 padding: 0 ${(0,U.rem)(16)}; 43 height: 100%; 44 transform: translate3d(0, 0, 0); 45 pointer-events: none; 46 47 @media (min-width: ${H.breakpoints.tablet}) { 48 display: flex; 49 pointer-events: all; 50 } 51`,Z=(0,G.default)(J).withConfig({displayName:"Carousel.style__NavigationPrev",componentId:"sc-e7989c97-4"})` 52 ${({$arrowPaddingTop:e})=>e&&`padding-top: ${e}`}; 53 align-items: ${({$arrowPaddingTop:e})=>e?"flex-start":"center"}; 54 transition: 55 opacity ${V.animations.speed.slow} ${V.animations.easing}, 56 left ${V.animations.speed.slow} ${V.animations.easing}; 57`,Q=(0,G.default)(J).withConfig({displayName:"Carousel.style__NavigationNext",componentId:"sc-e7989c97-5"})` 58 ${({$arrowPaddingTop:e})=>e&&`padding-top: ${e}`}; 59 right: 0; 60 align-items: ${({$arrowPaddingTop:e})=>e?"flex-start":"center"}; 61 transition: 62 opacity ${V.animations.speed.slow} ${V.animations.easing}, 63 right ${V.animations.speed.slow} ${V.animations.easing}; 64`,ee=G.default.div.withConfig({displayName:"Carousel.style__MetaWrapper",componentId:"sc-e7989c97-6"})` 65 /* This wrapper is to make sure the content is aligned centered */ 66 display: flex; 67 justify-content: center; 68 padding: ${(0,U.rem)(8)}; 69 width: 100%; 70 letter-spacing: 0.0167rem; 71 font-size: var(--fontSize-body-extraSmall); 72 73 [data-font='dyslexia'] & { 74 line-height: 1.84; 75 } 76`,et=G.default.ul.withConfig({displayName:"Carousel.style__Dots",componentId:"sc-e7989c97-7"})` 77 /* This wrapper is to make sure the dots are aligned left and separated over multiple lines */ 78 display: flex; 79 flex-wrap: wrap; 80 margin: 0; 81 padding: ${(0,U.rem)(8)}; 82 max-width: calc(${({theme:e})=>`${e.maxPageWidth} - ( ${(0,U.rem)(16)} * 2 )`}); 83 width: auto; 84`,ea=G.default.li.withConfig({displayName:"Carousel.style__Dot",componentId:"sc-e7989c97-8"})` 85 overflow: hidden; 86 margin: ${(0,U.rem)(2)}; 87 min-width: ${(0,U.rem)(12)}; 88 min-height: ${(0,U.rem)(12)}; 89 border: ${(0,U.rem)(1)} solid ${({theme:e})=>e.textIcon.onPage.primary.default}; 90 border-radius: 50%; 91 background-color: ${({theme:e})=>e.surface.page.default}; 92 list-style: none; 93 94 &::after { 95 /* This renders the background-color. It's a pseude-element, to make it easier to overwrite in theme-files */ 96 display: block; 97 width: 100%; 98 height: 100%; 99 background-color: ${({theme:e})=>e.textIcon.onPage.primary.default}; 100 101 ${({$active:e})=>e&&G.css` 102 content: ''; 103 `} 104 } 105`;try{var es=window;es._sentryModuleMetadata=es._sentryModuleMetadata||{},es._sentryModuleMetadata[(new es.Error).stack]=Object.assign({},es._sentryModuleMetadata[(new es.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let en={enter:0,exit:300},ei={entering:{opacity:0,left:"-1rem"},entered:{opacity:1,left:0},exiting:{opacity:0,left:"-1rem"},exited:{opacity:0,left:"-1rem"},unmounted:{opacity:0,left:"-1rem"}},er={entering:{opacity:0,right:"-1rem"},entered:{opacity:1,right:0},exiting:{opacity:0,right:"-1rem"},exited:{opacity:0,right:"-1rem"},unmounted:{opacity:0,right:"-1rem"}},el=({className:e,children:t,showArrows:s=!0,showDots:n=!1,showIndicator:i=!1,showNavigationFade:r=!0,arrowPaddingTop:l,breakoutAllowed:o=!0,navigationButtons:d={Prev:K,Next:L}})=>{let[c,u]=(0,B.useEmblaCarousel)({align:"start",containScroll:"trimSnaps"}),[m,p]=(0,N.useState)(!0),[g,h]=(0,N.useState)(!0),[_,y]=(0,N.useState)(0),[w,x]=(0,N.useState)(0),f=(0,N.useRef)(null),v=(0,N.useRef)(null),M=(0,N.useCallback)(()=>u&&u.scrollPrev(),[u]),b=(0,N.useCallback)(()=>u&&u.scrollNext(),[u]),k=(0,N.useCallback)(()=>{u&&(p(u.canScrollPrev()),h(u.canScrollNext()),x(u.selectedScrollSnap()))},[u]);(0,N.useEffect)(()=>{u&&(u.on("select",k),k(),y(u.slideNodes().length))},[u,k]);let{Prev:j,Next:C}=d;return(0,a.jsxs)(F,{$breakoutAllowed:o,$nextBtnEnabled:g,$prevBtnEnabled:m,$showNavigationFade:r,className:e,"data-testid":"carousel",children:[s&&(0,a.jsx)(A.default,{appear:m,in:m,nodeRef:f,timeout:en,unmountOnExit:!0,children:e=>(0,a.jsx)(Z,{ref:f,$arrowPaddingTop:l,style:{...ei[e]},children:(0,a.jsx)(j,{onClick:M})})}),(0,a.jsx)(W,{ref:c,children:(0,a.jsx)(X,{onClickCapture:e=>{u?.clickAllowed()||(e.preventDefault(),e.stopPropagation())},children:t})}),n&&(0,a.jsx)(ee,{children:(0,a.jsx)(et,{children:[...Array(_).keys()].map((e,t)=>(0,a.jsx)(ea,{$active:w===t},e.toString()))})}),i&&(0,a.jsxs)(ee,{children:[w+1," van ",_]}),s&&(0,a.jsx)(A.default,{appear:g,in:g,nodeRef:v,timeout:en,unmountOnExit:!0,children:e=>(0,a.jsx)(Q,{ref:v,$arrowPaddingTop:l,style:{...er[e]},children:(0,a.jsx)(C,{onClick:b})})})]})};var eo=e.i(39644);try{var ed=window;ed._sentryModuleMetadata=ed._sentryModuleMetadata||{},ed._sentryModuleMetadata[(new ed.Error).stack]=Object.assign({},ed._sentryModuleMetadata[(new ed.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let ec=({className:e,onClick:t})=>(0,a.jsx)(q.CircleButton,{backgroundColor:"red",className:e,icon:{icon:(0,a.jsx)(R.ReactComponent,{}),color:"onPrimary",width:"14px",height:"12px"},size:"m",onClick:t});var eu=e.i(76489),em=e.i(41158),ep=e.i(151227),eg=e.i(84111);try{var eh=window;eh._sentryModuleMetadata=eh._sentryModuleMetadata||{},eh._sentryModuleMetadata[(new eh.Error).stack]=Object.assign({},eh._sentryModuleMetadata[(new eh.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let e_=({alt:e,logo:t,link:s,clickDataTrackingProps:n})=>(0,a.jsx)(em.default,{className:eg.default.wrapper,href:s,...(0,d.dataTrackingAttribute)(n??{}),children:(0,a.jsx)("div",{className:eg.default.imageContainer,children:(0,a.jsx)(ep.ResponsiveCorgiImage,{alt:e,image:t,preferredResponsiveRatios:{mobile:["Ratio1x1"],desktop:["Ratio1x1"]},sizes:"48px"})})});try{var ey=window;ey._sentryModuleMetadata=ey._sentryModuleMetadata||{},ey._sentryModuleMetadata[(new ey.Error).stack]=Object.assign({},ey._sentryModuleMetadata[(new ey.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let ew=({onClick:e})=>(0,a.jsx)(ec,{className:eu.default.previousButton,onClick:e}),ex=({competitions:e})=>(0,a.jsx)(el,{breakoutAllowed:!1,className:eu.default.carousel,navigationButtons:{Prev:ew,Next:ec},children:e.map((e,t)=>(0,a.jsx)("li",{className:eu.default.item,children:(0,a.jsx)(e_,{alt:e.name,clickDataTrackingProps:{eventType:"navigation",eventName:"open",elementType:"page",elementId:`uitslagen.${e.
105id}.wedstrijden.voetbal`,elementPos:t+1,nestType1:"scoreboard"},link:(0,eo.competitionRoute)(e),logo:e.logo})},e.id))});e.i(605553);var ef=e.i(958434),ev=e.i(740560),eM=e.i(693436),eb=e.i(390020),ek=e.i(423906),ej=e.i(554069),eC=e.i(924422),eN=e.i(849221),eT=e.i(220556);try{var eS=window;eS._sentryModuleMetadata=eS._sentryModuleMetadata||{},eS._sentryModuleMetadata[(new eS.Error).stack]=Object.assign({},eS._sentryModuleMetadata[(new eS.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let eP=V.animations.speedValues.medium,e$="slide-up",eE=G.default.div.withConfig({displayName:"SlideUpPanel.style__SlideUpPanelContent",componentId:"sc-fc3bafab-0"})` 106 position: fixed; 107 bottom: 0; 108 left: 0; 109 overflow: hidden; 110 width: 100%; 111 border-radius: 0.5rem 0.5rem 0 0; 112 background-color: ${({theme:e})=>e.surface.elevation.default}; 113`,eI=G.default.div.withConfig({displayName:"SlideUpPanel.style__SlideUpPanelScrollContainer",componentId:"sc-fc3bafab-1"})` 114 ${({theme:e})=>G.css` 115 scroll-behavior: smooth; 116 overflow-y: auto; 117 padding: var(--slideUpPanelContentPadding, ${(0,U.rem)(32)} ${(0,U.rem)(40)} ${(0,U.rem)(16)} ${(0,U.rem)(16)}); 118 min-height: ${(0,U.rem)(32)}; 119 max-height: 80vh; 120 height: auto; 121 122 &::before { 123 position: absolute; 124 top: 0; 125 left: 0; 126 z-index: 1; 127 display: block; 128 width: 100%; 129 height: ${(0,U.rem)(32)}; 130 background-image: linear-gradient( 131 180deg, 132 ${(0,U.rgba)(e.surface.elevation.default,1)}, 133 ${(0,U.rgba)(e.surface.elevation.default,0)} 134 ); 135 content: ''; 136 transition: opacity ${V.animations.speed.slow} ${V.animations.easing}; 137 } 138 `}; 139`,eO=G.default.button.withConfig({displayName:"SlideUpPanel.style__CloseButton",componentId:"sc-fc3bafab-2"})` 140 background: none; 141 border: none; 142 position: absolute; 143 z-index: 2; 144 right: ${(0,U.rem)(16)}; 145 top: ${(0,U.rem)(16)}; 146 /* The height and width size is 1.125rem and we add 0.5rem to make the click/touch area bigger 147 for a better UX experience */ 148 height: ${1.625}rem; 149 width: ${1.625}rem; 150 transition: transform ${V.animations.speed.slow} ${V.animations.easing}; 151 cursor: pointer; 152 153 /* Add some padding for better UX clicking */ 154 padding: ${(0,U.rem)(4)}; 155 display: block; 156 157 &:hover { 158 transform: translateZ(0) scale3d(1.1, 1.1, 1.1); 159 } 160`,eB=(0,G.default)(eN.ReactComponent).withConfig({displayName:"SlideUpPanel.style__CloseIcon",componentId:"sc-fc3bafab-3"})` 161 position: absolute; 162 top: -0.125rem; 163 left: ${(0,U.rem)(4)}; 164 width: 1.125rem; 165 /* @todo tokenize this, it needs to be white all the time */ 166 color: ${eC.foundation.white}; 167`,eA=G.default.div.withConfig({displayName:"SlideUpPanel.style__SlideUpPanelWrapper",componentId:"sc-fc3bafab-4"})` 168 position: fixed; 169 inset: 0; 170 width: 100vw; 171 display: block; 172 173 /* Fix for scrollbar webkit browsers */ 174 max-width: 100%; 175 overflow: hidden; 176 177 /* Cookiebar has been set to z-index 99999998 by NPO. To overlay slideout this amount is needed. */ 178 z-index: 99999999; 179 transition: background-color ${V.animations.speed.slow} ${V.animations.easing}; 180 181 @media (min-width: ${H.breakpoints.tablet}) { 182 display: none; 183 } 184 185 &.${e$}-enter { 186 background-color: rgb(32 32 32 / 0%); 187 188 ${eE} { 189 box-shadow: 0 ${(0,U.rem)(-3.75)} ${(0,U.rem)(8)} 0 rgb(0 0 0 / 0%); 190 transform: translateY(100%); 191 } 192 } 193 194 &.${e$}-enter-active, &.${e$}-enter-done { 195 background-color: rgb(32 32 32 / 70%); 196 197 ${eE} { 198 box-shadow: 0 ${(0,U.rem)(-3.75)} ${(0,U.rem)(8)} 0 rgb(0 0 0 / 15%); 199 transform: translateY(0); 200 transition: 201 transform ${V.animations.speed.slow} ${V.animations.easing}, 202 box-shadow ${V.animations.speed.slow} ${V.animations.easing}; 203 } 204 } 205 206 &.${e$}-exit-active { 207 background-color: rgb(0 0 0 / 0%); 208 209 ${eE} { 210 box-shadow: 0 ${(0,U.rem)(-3.75)} ${(0,U.rem)(8)} 0 rgb(0 0 0 / 0%); 211 transform: translateY(100%); 212 transition: 213 transform ${V.animations.speed.slow} ${V.animations.easing}, 214 box-shadow ${V.animations.speed.slow} ${V.animations.easing}; 215 } 216 } 217`,eR=(0,G.default)(eT.ModalDeprecated).withConfig({displayName:"SlideUpPanel.style__StyledModal",componentId:"sc-fc3bafab-5"})` 218 display: none; 219 220 @media (min-width: ${H.breakpoints.tablet}) { 221 display: block; 222 } 223`;try{var eq=window;eq._sentryModuleMetadata=eq._sentryModuleMetadata||{},eq._sentryModuleMetadata[(new eq.Error).stack]=Object.assign({},eq._sentryModuleMetadata[(new eq.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let ez=({open:e=!1,onClose:t,closeButtonOutsideModal:s=!1,children:n,className:i,contentClassName:r,closeButtonTrackingProps:l={}})=>{(0,eb.useOverlayHandler)(e,t);let o=(0,N.useRef)(null),c=(0,N.useRef)(null);return(0,N.useEffect)(()=>{e&&o.current&&o.current.focus()},[e]),(0,ej.useLockBodyScroll)({isOpen:e}),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(eR,{className:i,closeButtonOutsideModal:s,closeButtonTrackingProps:l,open:e,size:ek.MODAL_SIZES.SMALL,onClose:t,children:n}),(0,a.jsx)(eM.CSSTransition,{classNames:e$,in:e,nodeRef:c,timeout:eP,unmountOnExit:!0,children:(0,a.jsx)(eA,{ref:c,className:i,onClick:t,children:(0,a.jsx)(eE,{onClick:e=>e.stopPropagation(),children:(0,a.jsxs)(ev.FocusScope,{contain:!0,restoreFocus:!0,children:[(0,a.jsx)(eI,{className:r,children:n}),(0,a.jsx)(eO,{onClick:t,...(0,d.dataTrackingAttribute)(l),ref:o,children:(0,a.jsx)(eB,{})})]})})})})]})};var eL=e.i(949625),eD=e.i(736968),eK=e.i(280861);try{var eU=window;eU._sentryModuleMetadata=eU._sentryModuleMetadata||{},eU._sentryModuleMetadata[(new eU.Error).stack]=Object.assign({},eU._sentryModuleMetadata[(new eU.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let eG=({match:{statusLabel:e,homeTeam:t,awayTeam:s,homeGoals:n,awayGoals:r}})=>(0,a.jsxs)("tr",{className:eK.default.row,children:[(0,a.jsx)("td",{className:eK.default.column,children:(0,a.jsx)("p",{className:eK.default.status,children:e})}),(0,a.jsx)("td",{className:eK.default.column,children:(0,a.jsxs)("div",{className:(0,i.classNames)(eK.default.teamContainer,eK.default.alignRight),children:[(0,a.jsx)("span",{className:eK.default.team,children:t.shortName}),(0,a.jsx)("img",{alt:"",className:eK.default.logo,src:(0,eD.squareLogoUrl)(t.logo,24)??void 0})]})}),(0,a.jsx)("td",{className:eK.default.column,children:(0,a.jsxs)("div",{className:eK.default.scoreContainer,children:[(0,a.jsx)("p",{className:(0,i.classNames)(eK.default.scorePart,eK.default.scoreHome),children:n??""}),(0,a.jsx)("p",{className:eK.default.scorePart,children:"-"}),(0,a.jsx)("p",{className:(0,i.classNames)(eK.default.scorePart,eK.default.scoreAway),children:r??""})]})}),(0,a.jsx)("td",{className:eK.default.column,children:(0,a.jsxs)("div",{className:eK.default.teamContainer,children:[(0,a.jsx)("img",{alt:"",className:eK.default.logo,src:(0,eD.squareLogoUrl)(s.logo,24)??void 0}),(0,a.jsx)("span",{className:eK.default.team,children:s.shortName})]})})]});try{var eV=window;eV._sentryModuleMetadata=eV._sentryModuleMetadata||{},eV._sentryModuleMetadata[(new eV.Error).stack]=Object.assign({},eV._sentryModuleMetadata[(new eV.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let eH=({matches:e,className:t})=>(0,a.jsxs)("table",{className:(0,i.classNames)(eL.default.table,t),children:[(0,a.jsx)("caption",{className:eL.default.visuallyHidden,children:"Scorebord"}),(0,a.jsx)("thead",{className:eL.default.visuallyHidden,children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{children:"Status"}),(0,a.jsx)("th",{children:"Thuisploeg"}),(0,a.jsx)("th",{children:"Score"}),(0,a.jsx)("th",{children:"Uitploeg"})]})}),(0,a.jsx)("tbody",{children:e.map(e=>(0,a.jsx)(eG,{match:e},e.id))})]});var eY=e.i(470788);try{var eW=window;eW._sentryModuleMetadata=eW._sentryModuleMetadata||{},eW._sentryModuleMetadata[(new eW.Error).stack]=Object.assign({},eW._sentryModuleMetadata[(new eW.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let eF=({competitions:e,matches:t,onClose:s,show:n=!1})=>(0,a.jsxs)(ez,{closeButtonTrackingProps:{eventType:"action",eventName:"close",elementType:"scoreboard"}
223,contentClassName:eY.default.scrollContainer,open:n,closeButtonOutsideModal:!0,onClose:s,children:[(0,a.jsx)("h2",{className:eY.default.heading,children:"Uitgelichte wedstrijden"}),(0,a.jsx)(ex,{competitions:e}),(0,a.jsx)(eH,{matches:t}),(0,a.jsx)("div",{className:eY.default.buttonRow,children:(0,a.jsx)(ef.ButtonWithArrow,{arrowBackgroundColor:"blue",arrowColor:"onPrimary",clickDataTrackingProps:{eventType:"navigation",eventName:"open",elementType:"page",elementId:"uitslagen.vandaag.voetbal"},href:"/sport/voetbal/uitslagen",children:"Bekijk alle wedstrijden"})})]});try{var eX=window;eX._sentryModuleMetadata=eX._sentryModuleMetadata||{},eX._sentryModuleMetadata[(new eX.Error).stack]=Object.assign({},eX._sentryModuleMetadata[(new eX.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let eJ=({soccer:e,footballCompetitions:t})=>{let[s,n]=(0,N.useState)(!1),i=(0,N.useCallback)(()=>n(!0),[n]),r=(0,N.useCallback)(()=>n(!1),[n]);return(0,o.useOfferTracking)({clickDataTrackingProps:{elementId:"frontpage_sport-soccer"}}),(0,a.jsxs)("div",{children:[(0,a.jsx)(O,{matches:e.footballMatches,onClick:i}),e&&(0,a.jsx)(eF,{competitions:t,matches:e.footballMatches,show:s,onClose:r})]})};var eZ=e.i(76191),eQ=e.i(133029);try{var e0=window;e0._sentryModuleMetadata=e0._sentryModuleMetadata||{},e0._sentryModuleMetadata[(new e0.Error).stack]=Object.assign({},e0._sentryModuleMetadata[(new e0.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let e1=({videos:e,hideHeader:t,href:s,className:n})=>{let{ref:i}=(0,o.useOfferTracking)({clickDataTrackingProps:{elementId:"frontpage_sport-videos"}}),r=s?{as:"link",href:s,text:"Bekijk meer",screenReaderText:e.title,clickDataTrackingProps:{eventType:"navigation",elementType:"page",eventName:"open",elementId:"sport.video.overzicht",nestId1:e.id,eventContext:"bekijk-meer"}}:void 0;return(0,a.jsx)("div",{ref:i,className:n,children:(0,a.jsx)(b.SliderSection,{callToAction:r,clickDataTrackingProps:{nestType1:"slider",nestId1:e.id},hideHeader:t,slideSizing:"regular",slides:e.items.map((t,s)=>(0,a.jsx)(eQ.SliderItemTile,{...t,index:s+1,playlistId:e.id,sizes:"(min-width: 900px) 300px, (min-width: 760px) 33vw, 50vw"},t.id)),title:e.title})})};try{var e2=window;e2._sentryModuleMetadata=e2._sentryModuleMetadata||{},e2._sentryModuleMetadata[(new e2.Error).stack]=Object.assign({},e2._sentryModuleMetadata[(new e2.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let e9=({featured:e,highlights:t,latestNews:i,soccer:r,videos:l,shorts:o,bundle1:d,bundle2:c,footballCompetitions:u,livestreams:m,requestTime:p})=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:eZ.default.pageHeader,children:[(0,a.jsx)("h1",{className:eZ.default.pageTitle,children:"NOS Sport"}),r?.footballMatches.length!==void 0&&r?.footballMatches.length>0&&(0,a.jsx)(eJ,{footballCompetitions:u,soccer:r})]}),(0,a.jsxs)("div",{className:eZ.default.contentContainer,children:[(0,a.jsx)(v.Spotlight,{className:eZ.default.spotlight,highlightedSizes:"(min-width: 1100px) 780px, 100vw",id:e.id,items:e.items.slice(0,3),semiHighlightedSizes:"(min-width: 1100px) 370px, 50vw",title:"Het belangrijkste sportnieuws"}),(0,a.jsxs)("div",{className:eZ.default.leftContent,children:[d&&d.items.length>0&&(0,a.jsx)(x.Bundle,{highlightedSizes:"(min-width: 1100px) 715px, (min-width: 900px) 615px, 100vw",id:d.id,itemSizes:"(min-width: 1100px) 340px, (min-width: 900px) 290px, 50vw",items:d.items,surface:"elevation",title:d.title}),t?.items&&t.items.length>0&&(0,a.jsx)(e1,{videos:t}),m.length>0&&(0,a.jsx)(j,{className:eZ.default.liveSlider,id:"frontpage_sport-live",livestreams:m,requestTime:p}),(0,a.jsx)(f.Default,{enableOfferTracking:!1,heading:"Uitgelicht",id:e.id,items:e.items.slice(3),sizes:"(min-width: 1100px) 240px, (min-width: 900px) 320px, (min-width: 760px) 33vw, 110px",startIndex:3}),c&&c.items.length>0&&(0,a.jsx)(x.Bundle,{highlightedSizes:"(min-width: 1100px) 715px, (min-width: 900px) 615px, 100vw",id:c.id,itemSizes:"(min-width: 1100px) 340px, (min-width: 900px) 290px, 50vw",items:c.items,surface:"elevation",title:c.title}),o&&o.items.length>0&&(0,a.jsx)(M.VerticalVideo,{id:o.id,items:o.items,sizes:"(min-width: 900px) 220px, (min-width: 760px) 25vw, 50vw",title:o.title}),l&&l.items.length>0&&(0,a.jsx)(e1,{href:"/sport/laatste/videos",videos:l})]}),(0,a.jsxs)("div",{className:eZ.default.rightContent,children:[m.length>0&&(0,a.jsx)(w,{id:"frontpage_sport-live",items:m,requestTime:p,sizes:"115px",title:"Live bij NOS Sport"}),(0,a.jsx)(n.LatestNews,{clickDataTrackingProps:{nestId1:"latest-news",elementId:"sport.overzicht"},href:"/sport/laatste",latestNews:i.slice(0),requestTime:p}),(0,a.jsx)(s.SterBanner,{placement:"sport"}),(0,a.jsx)(C.GoogleFollowBox,{location:"sidebar"})]})]})]});e.i(654469);var e3=e.i(572618),e5=e.i(442265),e6=e.i(975759),e4=e.i(266822),e7=e.i(770672),e8=e.i(350461),te=e.i(520358),tt=e.i(331458);try{var ta=window;ta._sentryModuleMetadata=ta._sentryModuleMetadata||{},ta._sentryModuleMetadata[(new ta.Error).stack]=Object.assign({},ta._sentryModuleMetadata[(new ta.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let ts=async()=>
223{if("true"===e8.default.env.NEXT_PUBLIC_USE_MOCKDATA){let{mockSportFrontpage:t}=await e.A(306689);return t}return await tt.corgiClient.GetSportPageItems()},tn=async()=>{try{let e=await ts(),{frontpage_sport_featured:t,frontpage_sport_videos:a,frontpage_sport_shorts:s,frontpage_sport_bundle_1:n,frontpage_sport_bundle_2:i,frontpage_sport_soccer:r,frontpage_sport_highlights:l}=e,o=t?.__typename==="ListOfItems"?t:null,d=l?.__typename==="ListOfItems"?l:null,c=a?.__typename==="ListOfItems"?a:null,u=s?.__typename==="ListOfItems"?s:null,m=n?.__typename==="ListOfItems"?n:null,p=i?.__typename==="ListOfItems"?i:null,g=r?.__typename==="ListOfFootballMatches"?r:null,h=e.footballCompetitions;if(!o)throw new te.CorgiError({query:"GetSportPageItems",hint:"Featured list not found"});return{featured:o,highlights:d,videos:c,shorts:u,bundle1:m,bundle2:p,soccer:g,footballCompetitions:h}}catch(e){throw(0,te.toCorgiError)(e,{query:"GetSportPageItems"})}};try{var ti=window;ti._sentryModuleMetadata=ti._sentryModuleMetadata||{},ti._sentryModuleMetadata[(new ti.Error).stack]=Object.assign({},ti._sentryModuleMetadata[(new ti.Error).stack],{"_sentryBundlerPluginAppKey:nos-next":!0})}catch(e){}let tr=async()=>{let[e,t,a]=await Promise.all([tn(),(0,e4.GetLatestNews)({first:5,owners:["SPORT"]}),(0,e7.getLivestreams)({startBefore:null,startAfter:null,endAfter:"now",first:10,owners:["SPORT"],systemTags:[]})]);return{props:{data:e,latestNews:t,livestreams:a,requestTime:new Date().toString()}}};e.s(["__N_SSP",0,!0,"default",0,e=>(0,a.jsxs)(e6.PageTracking,{chapter1:"sport",chapter3:"voorpagina",page:"sport.voorpagina",pageTitle:"Sportvoorpagina",program:"nos",children:[(0,a.jsx)(e3.MetaTags,{metaDescription:"Blijf bij. NOS. Lees hier het laatste sportnieuws.",metaTitle:"NOS.nl - Sport | Nederlandse Omroep Stichting",ogDescription:"Blijf bij. NOS. Lees hier het laatste sportnieuws.",ogTitle:"NOS.nl - Sport | Nederlandse Omroep Stichting",title:"NOS Sport - Sport en Evenementen op Radio, TV en Internet | Nederlandse Omroep Stichting"}),(0,a.jsx)(e5.PageLayout,{children:(0,a.jsx)(e9,{bundle1:e.data.bundle1,bundle2:e.data.bundle2,featured:e.data.featured,footballCompetitions:e.data.footballCompetitions,highlights:e.data.highlights,latestNews:e.latestNews,livestreams:e.livestreams,requestTime:e.requestTime,shorts:e.data.shorts,soccer:e.data.soccer,videos:e.data.videos})})]}),"serverSideProps",0,tr],148676)},395033,(e,t,a)=>{let s="/sport";(window.__NEXT_P=window.__NEXT_P||[]).push([s,()=>e.r(148676)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([s])})}]); 224 225//# debugId=5d50548f-bddf-fa85-2f53-74d47cf613de
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.