https://www.fifa.com/static/js/6549.f8065c3a.chunk.js

1"use strict";(globalThis.webpackChunkfifaplus||=[]).push([[6549],{63945(e,r,s){s.d(r,{A:()=>j});var l=s(48383),a=s.n(l),t=s(9950),o=s(55278),n=s(48475),c=s(74814),i=s(72773),u=s(90165);const d="carousel-header_title__ZTHsV",_="carousel-header_seeAll__mlvfp",v="carousel-header_isExtended__g4Ma2";var p=s(44414);const h=({link:e,title:r,isExtended:s,seeAllLabelUpperCase:l=!0})=>e||r?(0,p.jsx)("div",{className:"container ff-p-relative",children:(0,p.jsxs)("div",{className:"row",children:[r&&(0,p.jsx)("div",{className:`col-7 ff-pb-8 d-flex justify-content-start ${d}`,children:(0,p.jsx)(i.D,{mobile:"3",desktop:"3",className:a()("h4 text-uppercase ff-mb-0"),size:i.l.H2,text:r})}),e&&(0,p.jsx)("div",{className:"ff-pb-8 d-flex justify-content-end ff-pr-24 ff-pr-md-32 "+(r?"col-5":"col-12"),children:e.src&&(0,p.jsx)("div",{className:"align-self-center",children:(0,p.jsx)(u.N,{src:e.src,label:e.label,className:a()("text-sm ff-mb-0 align-self-end",l&&"text-uppercase",_,s?v:"")})})})]})}):null,C={carousel:"carousel_carousel__2ndG3",carouselInner:"carousel_carouselInner__CyWb-",carouselContentWrapper:"carousel_carouselContentWrapper__lRVgL",carouselContent:"carousel_carouselContent__vqwNr",carouselControlNext:"carousel_carouselControlNext__Uni0U",carouselControlPrev:"carousel_carouselControlPrev__n0jhV",carouselLight:"carousel_carouselLight__GgL3o",carouselControlPrevGrid:"carousel_carouselControlPrevGrid__LETsR",label:"carousel_label__CNVCj",showPrevious:"carousel_showPrevious__Hcyp2",showNext:"carousel_showNext__jtt8L",carouselGridSpacings:"carousel_carouselGridSpacings__CTzof",broadcastCarouselPrev:"carousel_broadcastCarouselPrev__oT5Tp",broadcastCarouselNext:"carousel_broadcastCarouselNext__3PFu0",loader:"carousel_loader__mkkTm"},m={carousel:"carousel-2_0_carousel__vCdZX",title:"carousel-2_0_title__FQlmT",carouselInner:"carousel-2_0_carouselInner__5kvWC",carouselContentWrapper:"carousel-2_0_carouselContentWrapper__McVjl",carouselContent:"carousel-2_0_carouselContent__IvDyc",carouselControlWrapper:"carousel-2_0_carouselControlWrapper__v9P46",carouselControlNext:"carousel-2_0_carouselControlNext__lRFF4",carouselControlPrev:"carousel-2_0_carouselControlPrev__Wkh1N",showPrevious:"carousel-2_0_showPrevious__Xhszy",showNext:"carousel-2_0_showNext__kFT+K",loader:"carousel-2_0_loader__XoNNu"};var f=s(85368),x=s(71002),N=s(75089),L=s(26890),b=function(e){return e[e.Next=1]="Next",e[e.Prev=-1]="Prev",e}(b||{});const g=375,E=768,w=1024,A=1440,P=1920,j=e=>{var r;const[s,l]=(0,t.useState)({persistent:0,drag:0}),i=t.Children.toArray(e.children).length,u=(d=window.innerWidth)<g?"xs":d>=g&&d<E?"sm":d>=E&&d<w?"md":d>=w&&d<A?"md1024":d>=A&&d<P?"lg":d>=P?"xl":"lg";var d;const _=e.itemsPerSlide[u]||4,[v,j]=(0,t.useState)(null),S=(0,L.b)("appNavigation"),{locale:R}=(0,o.Ay)(),k=R&&R===o.fJ.ARABIC,M=(0,t.useContext)(x.M)===N.PE.Grid,O=(0,t.useRef)(null),T=(0,t.useRef)(null),W=(0,t.useRef)(null),[y,U]=(0,t.useState)(375),D=1/_*y,I=(i-_)*D,{isCarouselVersion2:G=!1,isBroadcastCarousel:V}=e,X=G?m:C,F=(0,t.useCallback)(e=>Math.max(0,Math.min(I,e)),[0,I]),[z,B]=(0,t.useState)(0),H=(0,t.useRef)(),$=(0,t.useCallback)(()=>l(e=>{const r=e.persistent-e.drag,s=e.drag>0?Math.floor(r/D):Math.ceil(r/D);return{persistent:F(s*D),drag:0}}),[D,F]);(0,t.useEffect)(()=>{const e=()=>{var e;if(!O.current)return;const r=null===(e=O.current.children[_])||void 0===e?void 0:e.getBoundingClientRect(),s=O.current.getBoundingClientRect();if(r&&s){const e=k?"right":"left";U(Math.abs(r[e]-s[e]))}},r=new ResizeObserver(e);return O.current&&r.observe(O.current),e(),()=>{r.disconnect()}},[]),(0,t.useEffect)(()=>{if(!v)return;const e=()=>{O.current&&($(),j(null))},r=e=>{const r=O.current;if(!r)return;const s=e.pageX-r.offsetLeft,a=k?v.startX-s:s-v.startX;l(e=>({persistent:e.persistent,drag:a}))};return window.addEventListener("mousemove",r,{passive:!0}),window.addEventListener("mouseup",e,{passive:!0}),window.addEventListener("mouseleave",e,{passive:!0}),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",e),window.removeEventListener("mouseleave",e)}},[v,k,$]);const Z=F(z*D+(null!==(r=null===v||void 0===v?void 0:v.scrollLeft)&&void 0!==r?r:0)-s.drag),q=z/_>0,J=z/_<0&&i>z/_&&k,K=z+_<i,Q=z/_>i&&k,Y=!!G&&_>=i,ee=e=>{let r;r=e>-1?Math.min(z+_,i-1):Math.max(z-_,0),B(r)};(0,t.useEffect)(()=>

1{l(e=>({...e,persistent:z*D}))},[z]),(0,t.useEffect)(()=>{if(e.children.length>0){var r;const e=null===(r=O.current)||void 0===r?void 0:r.children;H.current=e}},[e.children.length]);let re=Math.max(0,z);const se=Math.min(i-1,z+_-1),le=se+1-re;le<_&&(re-=_-le);const ae=t.Children.toArray(e.children).map((e,r)=>{var s;if(!(0,t.isValidElement)(e))return console.log("****** invalid children"),e;const l=null===(s=S["navigation.slideNumberOf"])||void 0===s?void 0:s.replace("{number}",`${r+1}`).replace("{length}",`${i}`),a=r>=re&&r<=se;return(0,t.cloneElement)(e,{isVisible:a,"aria-label":l,index:r})});return e.children&&(0,p.jsxs)("div",{style:{"--perSlide":_},className:a()(null===e||void 0===e?void 0:e.wrapperClassName),children:[(e.title||e.seeAllLink)&&!G&&(0,p.jsx)(h,{seeAllLabelUpperCase:e.seeAllLabelUpperCase,title:e.title,link:e.seeAllLink,customTheme:e.customTheme,isExtended:e.isExtended}),(0,p.jsxs)("div",{className:a()("ff-px-0",X.carousel,e.className,(null===e||void 0===e?void 0:e.theme)===f.mS.Light?X.carouselLight:X.carouselDark,M&&!G&&X.carouselGridSpacings),children:[(0,p.jsx)("div",{className:a()(X.carouselInner,e.innerClassName,Z>0&&X.showPrevious,Z<I&&X.showNext),children:(0,p.jsx)("div",{className:X.carouselContentWrapper,children:(0,p.jsx)("div",{role:"region","aria-roledescription":"carousel","aria-label":e.title,className:a()(X.carouselContent,e.contentClassName),style:{transform:_>=1?`translate(${k?Z:-Z}px)`:void 0,transition:v?void 0:"all 0.75s ease",pointerEvents:Math.abs(s.drag)>10?"none":"auto"},ref:O,onMouseDown:e=>{const r=O.current;if(!r)return;e.preventDefault();const s=e.pageX-r.offsetLeft,l=r.scrollLeft;return j({startX:s,scrollLeft:l}),!1},children:ae})})}),!Y&&(0,p.jsxs)("div",{className:a()(G&&X.carouselControlWrapper),children:[(q||J||G)&&(0,p.jsx)("div",{className:a()(V&&X.broadcastCarouselPrev,e.controlWrapperClassName),children:(0,p.jsxs)("button",{ref:T,className:a()(X.carouselControlPrev,e.controlPrevClassName,M&&X.carouselControlPrevGrid),onClick:()=>ee(b.Prev),disabled:G&&0===z,"aria-disabled":G&&0===z,"aria-label":e.prevLabel||S["navigation.previousSlide"],children:[(0,p.jsx)(n.h,{"aria-hidden":"true"}),!G&&(0,p.jsx)("span",{className:X.label,children:e.prevLabel})]})}),(K||Q||G)&&(0,p.jsx)("div",{className:a()(V&&X.broadcastCarouselNext,e.controlWrapperClassName),children:(0,p.jsxs)("button",{ref:W,className:a()(X.carouselControlNext,e.controlNextClassName),onClick:()=>ee(b.Next),disabled:G&&z+_>=i,"aria-disabled":G&&z+_>=i,"aria-label":e.nextLabel||S["navigation.nextSlide"],children:[(0,p.jsx)(c.h,{"aria-hidden":"true"}),!G&&(0,p.jsx)("span",{className:X.label,children:e.nextLabel})]})})]})]})]})}},85368(e,r,s){s.d(r,{mS:()=>a,zm:()=>l});let l=function(e){return e.VIDEO_CAROUSEL="videoCarousel",e.SMALL_PORTRAIT_CAROUSEL="smallPortraitCarousel",e.PORTRAIT_CAROUSEL="portraitCarousel",e.EXTRA_SMALL_LANDSCAPE_CAROUSEL="extraSmallLandscapeCarousel",e.SMALL_LANDSCAPE_CAROUSEL="smallLandscapeCarousel",e.LANDSCAPE_CAROUSEL="landscapeCarousel",e.LARGE_LANDSCAPE_CAROUSEL="largeLandscapeCarousel",e.CAROUSEL_WITH_COMPONENTS="carouselWithComponents",e}({}),a=function(e){return e[e.Dark=0]="Dark",e[e.Light=1]="Light",e}({})},99195(e,r,s){s.d(r,{F:()=>l.A});var l=s(63945)},74814(e,r,s){var l,a=s(9950);function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var s=arguments[r];for(var l in s)({}).hasOwnProperty.call(s,l)&&(e[l]=s[l])}return e},t.apply(null,arguments)}function o({title:e,titleId:r,...s},o){return a.createElement("svg",t({viewBox:"0 0 18 19",fill:"none",xmlns:"http://www.w3.org/2000/svg",ref:o,"aria-labelledby":r},s),e?a.createElement("title",{id:r},e):null,l||(l=a.createElement("path",{d:"M6.86328 16.0146L12.7366 9.3685L6.86328 2.72235",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))}const n=a.forwardRef(o);s.p;s.d(r,["h",0,n])}}]);