https://www.tf1info.fr/_next/static/chunks/6983.0dff86734e44e371.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6983],{63012:(e,t,n)=>{n.r(t),n.d(t,{ButtonBanner:()=>y});var r=n(37876),a=n(74493),i=n.n(a),o=n(89624),s=n(66805),l=n(14232),d=n(4103),c=n.n(d),u=n(27643),g=n(96591),f=n(65611),m=n(89880),_=n(79570),h=n(24422);function p({title:e,template:t,order:n}){let a=e?200:133;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("li",{"aria-hidden":"true",tabIndex:-1,className:i().dynamic([["4daec97005b4e011",[n,a,a,t?.default?.backgroundColor,t?.default?.gradientBackgroundColor,m.w4.cssVars.white,t?.dark?.backgroundColor,t?.dark?.gradientBackgroundColor]]])+" ButtonBanner__Element__Empty flex justify-center items-center"}),(0,r.jsx)(i(),{id:"4daec97005b4e011",dynamic:[n,a,a,t?.default?.backgroundColor,t?.default?.gradientBackgroundColor,m.w4.cssVars.white,t?.dark?.backgroundColor,t?.dark?.gradientBackgroundColor],children:`.ButtonBanner__Element__Empty.__jsx-style-dynamic-selector{order:${n};position:relative;height:48px;min-width:${a}px;width:${a}px;padding:18px 8px;border-radius:4px;background:linear-gradient(295.91deg,${t?.default?.backgroundColor} 4.18%,${t?.default?.gradientBackgroundColor} 94.02%);color:${m.w4.cssVars.white}}body[data-theme="dark"] .ButtonBanner__Element__Empty.__jsx-style-dynamic-selector{background:linear-gradient(295.91deg,${t?.dark?.backgroundColor} 4.18%,${t?.dark?.gradientBackgroundColor} 94.02%)}`})]})}function x({link:e,title:t,template:n,pictures:a,index:o,order:s,size:l,ariaHidden:d,hasScroll:c,handleFocus:u,onClick:g}){let f=t?200:133;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("li",{"aria-roledescription":c?"diapositive":void 0,"aria-label":c?`${o+1} sur ${l}`:void 0,"aria-hidden":d,onKeyDown:u,onClick:g,className:i().dynamic([["281233420b130e97",[s,f,f,n?.default?.backgroundColor,n?.default?.gradientBackgroundColor,m.w4.cssVars.white]],["bd204951021eeddd",[t?"20":"30",t?"40":"60",t?"none":"inline-block",t?"none":`linear-gradient(
2            295.91deg,
3            ${n?.default?.backgroundColor} 4.18%,
4            ${n?.default?.gradientBackgroundColor} 94.02%
5          )`,t?"auto":f,t?20:48]]])+" ButtonBanner__Element flex justify-center items-center",children:(0,r.jsxs)("a",{href:e,"aria-label":t||a?.caption,title:t||a?.caption,tabIndex:c?d?-1:0:void 0,className:i().dynamic([["281233420b130e97",[s,f,f,n?.default?.backgroundColor,n?.default?.gradientBackgroundColor,m.w4.cssVars.white]],["bd204951021eeddd",[t?"20":"30",t?"40":"60",t?"none":"inline-block",t?"none":`linear-gradient(
6            295.91deg,
7            ${n?.default?.backgroundColor} 4.18%,
8            ${n?.default?.gradientBackgroundColor} 94.02%
9          )`,t?"auto":f,t?20:48]]])+" flex justify-center items-center",children:[a&&(0,r.jsx)(_.F,{...a,withPreload:!0,lazyload:!1,importance:"high",fetchPriority:"high","aria-hidden":!0}),(0,r.jsx)("span",{className:i().dynamic([["281233420b130e97",[s,f,f,n?.default?.backgroundColor,n?.default?.gradientBackgroundColor,m.w4.cssVars.white]],["bd204951021eeddd",[t?"20":"30",t?"40":"60",t?"none":"inline-block",t?"none":`linear-gradient(
10            295.91deg,
11            ${n?.default?.backgroundColor} 4.18%,
12            ${n?.default?.gradientBackgroundColor} 94.02%
13          )`,t?"auto":f,t?20:48]]])+" ButtonBanner__Element__Title",children:t}),!t&&a?.caption&&(0,r.jsx)("span",{className:i().dynamic([["281233420b130e97",[s,f,f,n?.default?.backgroundColor,n?.default?.gradientBackgroundColor,m.w4.cssVars.white]],["bd204951021eeddd",[t?"20":"30",t?"40":"60",t?"none":"inline-block",t?"none":`linear-gradient(
14            295.91deg,
15            ${n?.default?.backgroundColor} 4.18%,
16            ${n?.default?.gradientBackgroundColor} 94.02%
17          )`,t?"auto":f,t?20:48]]])+" sr-only",children:a.caption})]})},o),(0,r.jsx)(i(),{id:"bd204951021eeddd",dynamic:[t?"20":"30",t?"40":"60",t?"none":"inline-block",t?"none":`linear-gradient(
18            295.91deg,
19            ${n?.default?.backgroundColor} 4.18%,
20            ${n?.default?.gradientBackgroundColor} 94.02%
21          )`,t?"auto":f,t?20:48],children:`.ButtonBanner__Element.__jsx-style-dynamic-selector img,.ButtonBanner__Element.__jsx-style-dynamic-selector picture{height:${t?"20":"30"}px;width:${t?"40":"60"}px}.ButtonBanner__Element.__jsx-style-dynamic-selector .PictureElementList__PlaceHolder{display:${t?"none":"inline-block"};background:${t?"none":`linear-gradient(
22            295.91deg,
23            ${n?.default?.backgroundColor} 4.18%,

24            ${n?.default?.gradientBackgroundColor} 94.02%
25          )`};width:${t?"auto":f}px;height:${t?20:48}px}`}),(0,r.jsx)(i(),{id:"281233420b130e97",dynamic:[s,f,f,n?.default?.backgroundColor,n?.default?.gradientBackgroundColor,m.w4.cssVars.white],children:`.ButtonBanner__Element.__jsx-style-dynamic-selector{order:${s};transition:transform.4s ease-in-out;position:relative;height:48px;min-width:${f}px;width:${f}px;padding:18px 8px;border-radius:4px;background:linear-gradient(295.91deg,${n?.default?.backgroundColor} 4.18%,${n?.default?.gradientBackgroundColor} 94.02%);color:${m.w4.cssVars.white}}.ButtonBanner__Element.__jsx-style-dynamic-selector a.__jsx-style-dynamic-selector{height:48px;gap:9px}.ButtonBanner__Element.__jsx-style-dynamic-selector a.__jsx-style-dynamic-selector:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:inline;z-index:3}.ButtonBanner__Element__Title.__jsx-style-dynamic-selector{padding-top:3px}.ButtonBanner__Element.__jsx-style-dynamic-selector .PictureElementList__PlaceHolder{background-color:transparent}.ButtonBanner__Element.__jsx-style-dynamic-selector .PictureElementList__Error{display:none}.ButtonBanner__Element.__jsx-style-dynamic-selector img{object-fit:cover}`})]})}function y({elementList:e,id:t,nextid:n}){let a=(0,s.g)(),d=(0,l.useId)(),_=t||`button-banner-${d}`,b=`${_}-start`,B=e.length,w=Math.floor(B/2),k=(0,l.useMemo)(()=>e.map((e,t)=>({...e,order:t<=w?t+w+1:t-w,isVisible:!0})),[e]),[j,v]=(0,l.useState)(0),C=(0,l.useRef)(null),$=(0,l.useRef)(k.map(({order:e})=>e)),{hit:E}=(0,l.useContext)(u.W),V=e.find((e,t)=>$.current.findIndex(e=>B===e)===t),N=e.find((e,t)=>$.current.findIndex(e=>1===e)===t),{hasScroll:A,visibilities:P}=(0,g.U)({containerRef:C,selectorChildren:".ButtonBanner__Element",size:B,padding:56,deps:[j]});function S(e){return()=>{$.current=$.current.map(t=>"right"===e?1===t?B:t-1:t===B?1:t+1),"left"===e?v(e=>e===B-1?0:e+1):v(e=>0===e?B-1:e-1)}}function z(e){if(!1===A)return;let t=document.activeElement,n=Array.from(C.current.querySelectorAll(".ButtonBanner__Element a"));if(n.includes(t)&&"Tab"===e.key){let e=n.findIndex(e=>e===t),r=$.current[e],a=k[0].order;if(r!==a){let t=$.current,n=$.current[e];for(;n!==a;)t=t.map(e=>1===e?B:e-1),n=1===n?B:n-1;$.current=t,v(e)}}}(0,f.G)({index:j,size:B,prefix:"button-banner",reverse:!0});let I=P.indexOf(!0)+1,W=P.lastIndexOf(!0),L=0===I?1:I,M=-1===W?B:W+1,Q=`Diapositives pr\xe9c\xe9dentes ${L} \xe0 ${M} sur ${B} - Mises en avant`,R=`Diapositives suivantes ${L} \xe0 ${M} sur ${B} - Mises en avant`;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("section",{"aria-label":"Mises en avant","aria-roledescription":A?"carrousel":void 0,id:_,"data-module":"button-banner","data-testid":"button-banner",className:i().dynamic([["6c8723373a52c52d",[m.w4.cssVars.white,m.w4.cssVars.white,m.vE.mediaQuery.tabletPaysage]],["cb666f692311fe03",[a]]])+" ButtonBanner",children:[A&&n&&(0,r.jsx)(o.J,{href:`#${n}`,children:"Passer le carrousel - Mises en avant"}),A&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("button",{id:b,type:"button","aria-label":Q,title:Q,onClick:S("left"),className:i().dynamic([["6c8723373a52c52d",[m.w4.cssVars.white,m.w4.cssVars.white,m.vE.mediaQuery.tabletPaysage]],["cb666f692311fe03",[a]]])+" ButtonBanner__NavigationArrows ButtonBanner__NavigationArrows--left flex justify-center items-center",children:[(0,r.jsx)(h.C,{name:"chevron",primaryColor:m.w4.cssVars.fontColor,size:"36px"}),(0,r.jsx)("span",{className:i().dynamic([["6c8723373a52c52d",[m.w4.cssVars.white,m.w4.cssVars.white,m.vE.mediaQuery.tabletPaysage]],["cb666f692311fe03",[a]]])+" sr-only",children:Q})]}),(0,r.jsxs)("button",{type:"button","aria-label":R,title:R,onClick:S("right"),className:i().dynamic([["6c8723373a52c52d",[m.w4.cssVars.white,m.w4.cssVars.white,m.vE.mediaQuery.tabletPaysage]],["cb666f692311fe03",[a]]])+" ButtonBanner__NavigationArrows ButtonBanner__NavigationArrows--right flex justify-center items-center",children:[(0,r.jsx)(h.C,{name:"chevron",primaryColor:m.w4.cssVars.fontColor,size:"36px"}),(0,r.jsx)("span",{className:i().dynamic([["6c8723373a52c52d",[m.w4.cssVars.white,m.w4.cssVars.white,m.vE.mediaQuery.tabletPaysage]],["cb666f692311fe03",[a]]])+" sr-only",children:R})]})]}),(0,r.jsxs)("ul",{ref:C,className:i().dynamic([["6c8723373a52c52d",[m.w4.cssVars.white,m.w4.cssVars.white,m.vE.mediaQuery.tabletPaysage]],["cb666f692311fe03",[a]]])+" ButtonBanner__Wrapper flex justify-center items-center",children:[A&&(0,r.jsx)(p,{title:V?.title,template:V?.template,order:0}),k.map(({title:e,link:t,template:n,pictures:a,order:i},o)=>(0,r.jsx)(x,{title:e,link:t,template:n,pictures:a,index:o,order:A?$.current[o]:i,size:B,ariaHidden:!P[o],hasScroll:A,handleFocus:z,onClick:()=>{var t;return t=a?.caption||e||"",void E({screen_clickableElementName:`header_button-banner_${c()(t,{lower:!0,strict:!0})}`},{isClickEvent:!0})}},o)),A&&(0,r.jsx)(p,{title:N?.title,template:N?.template,order:B+1})]}),A&&(0,r.jsx)(o.J,{href:`#${b}`,children:"Revenir au d\xe9but du carrousel - Mises en avant"})]}),(0,r.jsx)(i(),{id:"cb666f692311fe03",dynamic:[a],children:`html{scroll-padding-top:${a}px}`}),(0,r.jsx)(i(),{id:"6c8723373a52c52d",dynamic:[m.w4.cssVars.white,m.w4.cssVars.white,m.vE.mediaQuery.tabletPaysage],children:`.ButtonBanner.__jsx-style-dynamic-selector{position:relative;width:100%;margin:0 0 24px}.ButtonBanner__Wrapper.__jsx-style-dynamic-selector{position:relative;padding:0 12px;margin:8px 0;gap:12px;overflow:hidden;grid-auto-flow:column;list-style:none;scrollbar-width:none;overscroll-behavior-x:none;max-width:100vw}.ButtonBanner__Wrapper.__jsx-style-dynamic-selector::-webkit-scrollbar{display:none}.ButtonBanner__NavigationArrows.__jsx-style-dynamic-selector{position:absolute;top:0px;width:56px;height:48px;padding:6px 10px;border:none;cursor:pointer;z-index:4}.ButtonBanner__NavigationArrows--left.__jsx-style-dynamic-selector{left:0px;background:linear-gradient(90deg,rgba(255,255,255,.9)0%,${m.w4.cssVars.white} 79.38%);transform:rotate(180deg)}.ButtonBanner__NavigationArrows--right.__jsx-style-dynamic-selector{right:0px;background:linear-gradient(90deg,${m.w4.cssVars.white} 0%,rgba(255,255,255,.9)79.38%)}@media ${m.vE.mediaQuery.tabletPaysage}{.ButtonBanner.__jsx-style-dynamic-selector{margin:0 0 32px}.ButtonBanner.__jsx-style-dynamic-selector .ButtonBanner__NavigationArrows.__jsx-style-dynamic-selector{opacity:0}

25.ButtonBanner.__jsx-style-dynamic-selector:hover .ButtonBanner__NavigationArrows.__jsx-style-dynamic-selector,.ButtonBanner.__jsx-style-dynamic-selector .ButtonBanner__NavigationArrows.__jsx-style-dynamic-selector:focus-visible{opacity:1}}`})]})}},65611:(e,t,n)=>{n.d(t,{G:()=>i});var r=n(14232),a=n(27643);function i({index:e,size:t,prefix:n,reverse:o=!1}){let{hit:s}=(0,r.useContext)(a.W),l=(0,r.useRef)(e);(0,r.useEffect)(()=>{if(n&&l.current!==e){let r=(l.current>e||0===l.current&&e===t-1)&&l.current!==t-1?"left":"right";s({screen_clickableElementName:`${n}_${"left"===r&&!o?"previous":"next"}`},{isClickEvent:!0}),l.current=e}},[e,t,s,n])}},66805:(e,t,n)=>{n.d(t,{g:()=>i});var r=n(14232),a=n(76361);function i(){let[e,t]=(0,r.useState)(0);function n(){t(document.querySelector('header[role="banner"]')?.clientHeight||0)}return(0,r.useEffect)(()=>{if(!(0,a.S$)())return n(),document.querySelector('header[role="banner"]')?.addEventListener("resize",n),()=>{document.querySelector('header[role="banner"]')?.removeEventListener("resize",n)}},[]),e}},89624:(e,t,n)=>{n.d(t,{J:()=>s});var r=n(37876),a=n(74493),i=n.n(a),o=n(89880);function s({href:e,children:t,className:n}){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("a",{href:e,className:i().dynamic([["21b85ee72c59bf51",[o.w4.cssVars.fontColor,o.w4.cssVars.bodyBackground]]])+" "+(["HiddenLink",n].filter(Boolean).join(" ")||""),children:t}),(0,r.jsx)(i(),{id:"21b85ee72c59bf51",dynamic:[o.w4.cssVars.fontColor,o.w4.cssVars.bodyBackground],children:`.HiddenLink.__jsx-style-dynamic-selector{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;padding:0;white-space:nowrap;z-index:-999}.HiddenLink.__jsx-style-dynamic-selector:focus-visible{clip:auto;-webkit-clip-path:none;clip-path:none;height:auto;width:auto;padding:12px 16px;background-color:${o.w4.cssVars.fontColor};color:${o.w4.cssVars.bodyBackground};text-decoration:underline;z-index:10}`})]})}},96591:(e,t,n)=>{n.d(t,{U:()=>o});var r=n(14232),a=n(76361),i=n(71801);function o({containerRef:e,selectorChildren:t,size:n,padding:s=0,paddingLeft:l=0,gap:d=0,withFocus:c,deps:u=[]}){let[g,f]=(0,r.useState)(!1),[m,_]=(0,r.useState)(Array.from({length:n},()=>!0)),h=(0,r.useRef)(!0),p=(0,r.useCallback)((r=!1)=>{if(e.current&&(r||g)){let r=function(){if(e.current){let r=Array.from(t?e.current.querySelectorAll(t):e.current.children);return Math.floor(e.current.clientWidth/(r.reduce((e,t)=>e+t.clientWidth+d,0)/n))}return 0}(),a=m.indexOf(!0),i=m.lastIndexOf(!0),o=Array.from(t?e.current.querySelectorAll(t):e.current.children),u=o.map(t=>(function(t){if(t){let n=t.getBoundingClientRect(),r=e.current.getBoundingClientRect(),a=r.left+s,i=r.right-(l||s),o=n.left>=a&&n.left<i,d=n.right>a&&n.right<=i;return o&&d}})(t));if(r===u.filter(Boolean).length&&_(u),c){let e=u.indexOf(!0),t=u.lastIndexOf(!0);-1!==a&&o[e]&&e<a&&o[e].focus({preventScroll:!1}),-1!==i&&o[t]&&t>i&&o[t].focus({preventScroll:!1})}}},[g]);return(0,r.useEffect)(()=>{if(e.current){let t=(0,a.S$)()?null:new ResizeObserver(e=>{e.forEach(e=>{let{target:t}=e,n=t.scrollWidth>t.clientWidth;n&&p(),f(n)})});return t?.observe?.(e.current),()=>{t?.disconnect?.()}}},[]),(0,i.E)(()=>{n&&(p(h.current),h.current&&(h.current=!1))},u),{hasScroll:g,visibilities:m,handleVisibility:p}}}}]);