https://www.voetbalzone.nl/_next/static/chunks/3679-211f1963996db7ea.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3679],{9830:()=>{},43338:(e,a,t)=>{"use strict";t.d(a,{t:()=>A});var s=t(41986),n=t(67864),r=t(1739),i=t(82378),l=t(58075),c=t(97001),o=t(22517),m=t(30413),h=t(61e3);t(43629);var p=({animationLength:e})=>(0,o.jsxs)("g",{children:[(0,o.jsx)("circle",{stroke:"white",strokeLinecap:"round",fill:"white",strokeWidth:"0.25",cx:28,cy:50,children:(0,o.jsx)("animate",{attributeName:"r",dur:e,values:"0;0.25",fill:"freeze"})}),(0,o.jsx)("circle",{stroke:"white",strokeLinecap:"round",fill:"white",strokeWidth:"0.25",cx:28,cy:8.4,children:(0,o.jsx)("animate",{attributeName:"r",dur:e,values:"0;0.25",fill:"freeze"})}),(0,o.jsx)("circle",{stroke:"white",strokeLinecap:"round",fill:"white",strokeWidth:"0.25",cx:28,cy:91.6,children:(0,o.jsx)("animate",{attributeName:"r",dur:e,values:"0;0.25",fill:"freeze"})})]}),d=({animationLength:e})=>(0,o.jsx)("animate",{attributeName:"stroke-dashoffset",dur:e,values:"1;0",fill:"freeze"}),u=({animationLength:e})=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:"M28 50 L35 50 A7,7 0 0 0 21,50 H0",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:e})}),(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:"M28 50 L21 50 A7,7 0 0 0 35,50 H56",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:e})})]}),j=({animationLength:e})=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:"M0,1 A1,1 0 0 0 1,0",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:e})}),(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:"M55,0 A1,1 0 0 0 56,1",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:e})}),(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:"M56,99 A1,1 0 0 0 55,100",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:e})}),(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:"M1,100 A1,1 0 0 0 0,99",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:e})})]}),f=({flipped:e,animationLength:a})=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:e?"M 11.8 100 L 11.8 88.8 L 44.2 88.8 L 44.2 100":"M 11.8 0 L 11.8 11.2 L 44.2 11.2 L 44.2 0",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:a})}),(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:e?"M 36 100 L 36 94.4 L 20 94.4 L 20 100":"M 36 0 L 36 5.6 L 20 5.6 L 20 0",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:a})}),(0,o.jsx)("path",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.25",d:e?"M22 88.8 A7,7 0 0 1 34,88.8":"M22 11.2 A7,7 0 0 0 34,11.2",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:a})})]}),x=({animationLength:e})=>(0,o.jsx)("rect",{stroke:"white",strokeLinecap:"round",fill:"transparent",strokeWidth:"0.5",x:"0",y:"0",width:"56",height:"100",pathLength:1,strokeDasharray:1,children:(0,o.jsx)(d,{animationLength:e})}),g=({animationLength:e})=>(0,o.jsxs)("g",{children:[(0,o.jsx)(x,{animationLength:e}),(0,o.jsx)(f,{animationLength:e}),(0,o.jsx)(f,{flipped:!0,animationLength:e}),(0,o.jsx)(u,{animationLength:e}),(0,o.jsx)(j,{animationLength:e})]}),_=()=>(0,o.jsx)("div",{className:"fco-captain-indicator",children:"c"}),y=({leftEvents:e,rightEvents:a})=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"fco-pitch-player__events fco-pitch-player__events--left",children:e.map((e,a)=>(0,o.jsx)("div",{className:"fco-pitch-player__event",style:{"--random-delay":`${Math.random()/2}s`},children:e},a))}),(0,o.jsx)("div",{className:"fco-pitch-player__events fco-pitch-player__events--right",children:a.map((e,a)=>(0,o.jsx)("div",{className:"fco-pitch-player__event",style:{"--random-delay":`${Math.random()/2}s`},children:e},a))})]}),v=({team:e,pitchPosition:a,href:t,image:s,name:l,isCaptain:m,leftEvents:p,rightEvents:d,animationLength:u,inView:j,animationDelay:f})=>{let[x,g]=(0,c.useState)(!1),{playerPlaceholderImageUrl:v}=(0,n.t)();return(0,c.useEffect)(()=>

1{if(j){let e=setTimeout(()=>g(!0),1e3*f+500*Math.random());return()=>{clearTimeout(e)}}},[j,f]),(0,o.jsxs)(r.BP,{href:t,className:h("fco-pitch-player",{"fco-pitch-player--team-b":"B"==e,"fco-pitch-player--position":x}),style:{"--position-x":`${"B"===e?100-a.x:a.x}`,"--position-y":`${"B"===e?100-a.y/2:a.y/2}`,"--animation-length":`${u}s`,"--events-animation-delay":`${u}s`},children:[s.isPlaceholder?(0,o.jsx)("img",{className:"fco-image",src:v,alt:"team-logo"}):(0,o.jsx)(i.t,{src:s.url,alt:s.alt||l,className:"fco-pitch-player__image",onError:e=>{e.currentTarget.onerror=null,e.currentTarget.src=v}}),(0,o.jsx)("span",{className:"fco-pitch-player__name",children:l}),m&&x?(0,o.jsx)(_,{}):null,x?(0,o.jsx)(y,{leftEvents:p,rightEvents:d}):null]})},N=({players:e,inView:a,animationDelay:t,animationLength:s})=>(0,o.jsx)("div",{className:"fco-pitch-players",children:e.map(e=>(0,o.jsx)(v,{inView:a,...e,animationDelay:t,animationLength:s},e.id))}),L=({fieldAnimationLength:e=1.25,playersAnimationLength:a=1,...t})=>{let[s,n]=(0,c.useState)(!1);return(0,o.jsxs)(m.pL,{as:"div",className:"fco-field",onChange:e=>n(e),triggerOnce:!0,rootMargin:"256px",initialInView:!1,children:[s?(0,o.jsxs)("svg",{className:"fco-field__svg",viewBox:"0 0 56 100",children:[Array.from({length:16}).map((e,a)=>(0,o.jsx)("circle",{cx:28,cy:50,r:58-3.625*a,className:a%2==0?"fco-field--light-green":"fco-field--dark-green"},`${a}-field-circle`)),(0,o.jsx)(g,{animationLength:e}),(0,o.jsx)(p,{animationLength:e})]}):null,(0,o.jsx)(N,{players:[...t.teamA.players.map(e=>({...e,team:"A"})),...t.teamB.players.map(e=>({...e,team:"B"}))],inView:s,animationDelay:e,animationLength:a})]})},k=e=>(0,o.jsxs)("div",{className:"fco-pitch-lineup-footer",children:[(0,o.jsx)(l._,{teamName:e.teamB.teamName,teamNameShort:e.teamB.teamNameShort,href:e.teamB.href,crestPath:e.teamB.crestPath,matchTeamCrestImageProps:e.teamB.matchTeamCrestImageProps,reversed:!0}),(0,o.jsx)("span",{children:e.teamA.formation.split("").join("-")})]}),b=e=>{let a=(0,s.o)();return(0,o.jsxs)("div",{className:"fco-pitch-lineup-header",children:[(0,o.jsxs)("div",{className:"fco-pitch-lineup-header__team fco-pitch-lineup-header__team-a",children:[(0,o.jsx)("span",{className:"fco-pitch-lineup-header__formation",children:e.teamA.formation.split("").join("-")}),(0,o.jsx)(l._,{teamName:e.teamA.teamName,teamNameShort:e.teamA.teamNameShort,href:e.teamA.href,crestPath:e.teamA.crestPath,matchTeamCrestImageProps:e.teamA.matchTeamCrestImageProps,reversed:!0})]}),(0,o.jsx)("span",{className:"fco-pitch-lineup-header__title",children:a("page.match.formation.title",void 0,{ns:"matchpage"})}),(0,o.jsxs)("div",{className:"fco-pitch-lineup-header__team fco-pitch-lineup-header__team-b",children:[(0,o.jsx)(l._,{teamName:e.teamB.teamName,teamNameShort:e.teamB.teamNameShort,href:e.teamB.href,crestPath:e.teamB.crestPath,matchTeamCrestImageProps:e.teamB.matchTeamCrestImageProps}),(0,o.jsx)("span",{children:e.teamB.formation.split("").join("-")})]})]})},A=({htmlAttributes:e,...a})=>0===a.teamA.players.length&&0===a.teamB.players.length?null:(0,o.jsxs)("div",{...e,className:h("fco-pitch-lineup",e?.className),children:[(0,o.jsx)(b,{...a}),(0,o.jsx)(L,{...a}),(0,o.jsx)(k,{...a})]})},43629:()=>{},44461:()=>{},49166:(e,a,t)=>{"use strict";t.d(a,{Y:()=>o});var s=t(41986),n=t(66409);t(1739);var r=t(84785),i=t(22517),l=t(61e3),c=t.n(l);t(9830);var o=({players:e,reversed:a})=>{let t=(0,s.o)();return(0,i.jsx)("ul",{className:"fco-injuries-suspensions-players",children:e.map(e=>(0,i.jsxs)("li",{className:c()("fco-injuries-suspensions-players__player",{"fco-injuries-suspensions-players__player--reversed":a}),children:[(0,i.jsx)(n.t,{href:e.href,rel:e.rel,className:"fco-injuries-suspensions-players__player-number",children:e.number}),(0,i.jsx)(n.t,{href:e.href,rel:e.rel,className:"fco-injuries-suspensions-players__player-name",children:e.name}),(0,i.jsxs)("div",{className:"fco-injuries-suspensions-players__event",children:[(0,i.jsx)("div",{className:"fco-injuries-suspensions-players__event-info",children:"injury"===e.injuryOrSuspension.type?(0,i.jsxs)(i.Fragment,{children:[e.injuryOrSuspension.injury?(0,i.jsx)("span",{className:"fco-injuries-suspensions-players__event-info-type",children:e.injuryOrSuspension.injury}):null,e.injuryOrSuspension.displayDate?(0,i.jsx)("span",{className:"fco-injuries-suspensions-players__event-info-time",children:e.injuryOrSuspension.displayDate}):null]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"fco-injuries-suspensions-players__event-info-type",children:t("page.match.eventsLegend.misconductSuspension",void 0,{ns:"matchpage"})}),!!e.injuryOrSuspension.numberOfMatches&&(0,i.jsx)("span",{className:"fco-injuries-suspensions-players__event-info-time",children:t("page.match.lineups.suspension.matchBans",{param1:e.injuryOrSuspension.numberOfMatches,count:e.injuryOrSuspension.numberOfMatches},{ns:"matchpage"})})]})}),(0,i.jsx)(r.C,{eventType:"injury"===e.injuryOrSuspension.type?"INJURY":"MISCONDUCT_SUSPENSION"})]})]},e.id))})}},52058:(e,a,t)=>{"use strict";t.d(a,{X:()=>l});

1var s=t(58075),n=t(22517),r=t(61e3),i=t.n(r);t(82522);var l=({headerText:e,className:a,teamA:t,teamB:r,responsive:l,wrap:c,...o})=>(0,n.jsxs)("div",{...o,className:i()("fco-section-header",a),children:[t?(0,n.jsx)(s._,{crestPath:t.crestPath,teamName:t.teamName,teamNameShort:t.teamNameShort,responsive:l,wrap:c,matchTeamCrestImageProps:{height:"32"}}):null,(0,n.jsx)("h3",{className:"fco-section-header__header",children:e}),r?(0,n.jsx)(s._,{crestPath:r.crestPath,teamName:r.teamName,teamNameShort:r.teamNameShort,responsive:l,wrap:c,reversed:!0,matchTeamCrestImageProps:{height:"32"}}):null]})},53860:()=>{},59191:()=>{},79227:(e,a,t)=>{"use strict";t.d(a,{U:()=>c});var s=t(66409);t(1739);var n=t(62020),r=t(22517),i=t(61e3),l=t.n(i);t(59191);var c=({players:e,reversed:a,...t})=>(0,r.jsx)("ul",{className:"fco-lineup-players",...t,children:e.map(e=>(0,r.jsxs)("li",{className:l()("fco-lineup-players__player",{"fco-lineup-players__player--reversed":a}),children:[(0,r.jsx)(s.t,{href:e.href,rel:e.rel,className:"fco-lineup-players__player-number",children:e.number}),(0,r.jsx)(s.t,{href:e.href,rel:e.rel,className:"fco-lineup-players__player-name",children:e.name}),(0,r.jsx)("div",{className:"fco-lineup-players__events",children:e.events.map((a,t)=>(0,r.jsxs)("div",{className:"fco-lineup-players__event",children:[a.icon,(0,r.jsx)(n.p,{minute:a.period.minute,extra:a.period.extra})]},e.id+a.period.minute+a.period.extra+t))})]},e.id))})},82522:()=>{},98918:(e,a,t)=>{"use strict";t.d(a,{k:()=>c});var s=t(58075),n=t(22517),r=t(61e3),i=t.n(r);t(44461);var l=({teamA:e,teamB:a,toggledTeam:t="A",onChangeCallback:r,...l})=>(0,n.jsxs)("div",{...l,className:"fco-mobile-team-nav",children:[(0,n.jsx)("button",{className:i()("fco-mobile-team-nav__button",{"fco-mobile-team-nav__button--active":"A"===t}),"data-testid":"mobile-team-nav-button-0",onClick:()=>r("A"),children:(0,n.jsx)(s._,{crestPath:e.crestPath,teamName:e.teamNameShort})},e.teamName),(0,n.jsx)("button",{className:i()("fco-mobile-team-nav__button",{"fco-mobile-team-nav__button--active":"B"===t}),"data-testid":"mobile-team-nav-button-1",onClick:()=>r("B"),children:(0,n.jsx)(s._,{crestPath:a.crestPath,teamName:a.teamNameShort,reversed:!0})},a.teamName)]});t(53860);var c=({title:e,teamA:a,teamB:t,toggledTeam:r,onChangeCallback:c,teamAInfo:o,teamBInfo:m})=>(0,n.jsxs)("div",{className:"fco-compare-team-container",children:[(0,n.jsxs)("div",{className:"fco-compare-team-container__header",children:[(0,n.jsx)(s._,{...a}),(0,n.jsx)("h3",{className:"fco-compare-team-container__title",children:e}),(0,n.jsx)(s._,{...t,reversed:!0})]}),(0,n.jsx)("div",{className:"fco-mobile-team-nav__wrapper",children:(0,n.jsx)(l,{teamA:a,teamB:t,toggledTeam:r,onChangeCallback:c})}),(0,n.jsxs)("div",{className:"fco-compare-team-container__content",children:[(0,n.jsx)("div",{className:i()("fco-compare-team-container__team",{"fco-compare-team-container--active":"A"===r}),children:o}),(0,n.jsx)("div",{className:i()("fco-compare-team-container__team",{"fco-compare-team-container--active":"B"===r}),children:m})]})]})}}]);