https://www.mobilize.fr/client/mobilize-animated-flip-cards-764dc3ab5e19035e.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[35279],{76861(e,t,r){var l,i,s=r(71763);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>s.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=s.createElement("path",{d:"M17.615 12.605v-1.2H12.55v-5.06h-1.2v5.06H6.29v1.2h5.06v5.06h1.2v-5.06z"})),i||(i=s.createElement("path",{fillRule:"evenodd",d:"M12 1.9C6.422 1.9 1.9 6.422 1.9 12S6.422 22.1 12 22.1 22.1 17.578 22.1 12C22.094 6.424 17.576 1.906 12 1.9m0 19a8.9 8.9 0 1 1 0-17.8 8.9 8.9 0 0 1 0 17.8",clipRule:"evenodd"})))})},54502(e,t,r){var l,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M22.22 12.6H3.885a62 62 0 0 0 10.025 6.825l-.56 1.075a63.7 63.7 0 0 1-10.97-7.61l-.2-.18v-1.405l.18-.175A46.6 46.6 0 0 1 13.365 3.5l.53 1.08a46.9 46.9 0 0 0-10.06 6.82H22.22z"})))})},70385(e,t,r){var l,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M21.83 11.32v1.405l-.2.18a63.6 63.6 0 0 1-11 7.64l-.54-1.045a62 62 0 0 0 10.035-6.885H1.77v-1.2h18.41a46.8 46.8 0 0 0-10.075-6.86l.53-1.055a47 47 0 0 1 11 7.665z"})))})},3861(e,t,r){var l,i=r(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>i.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=i.createElement("path",{d:"M15.5 20.725 6.35 12l9.15-8.725 1.38 1.45L9.245 12l7.635 7.275z"})))})},25025(e,t,r){var l,i,s=r(71763);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}r.d(t,{},{A:e=>s.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),l||(l=s.createElement("path",{d:"M17.615 11.405H6.29v1.2h11.325z"})),i||(i=s.createElement("path",{fillRule:"evenodd",d:"M12 22.1C6.422 22.1 1.9 17.578 1.9 12S6.422 1.9 12 1.9 22.1 6.422 22.1 12c-.006 5.576-4.524 10.095-10.1 10.1m0-19a8.9 8.9 0 1 0 0 17.8 8.9 8.9 0 0 0 0-17.8",clipRule:"evenodd"})))})},42715(e,t,r){var l=r(91987),i=r(71763),s=r(98481),n=r(20496),o=r(97500),a=r.n(o),d=r(54502),c=r(70385),u=r(3861),h=r(33496),m=r(78948),f=r(20409),p=r(84759),v=r(40119),g=r(5839);let w=50,b="alpine",x=(0,n.Ng)(({app:e,page:{data:{siteParams:t}}})=>({isRtl:t?.rtl??!1,brand:t?.brand||"",isMobile:e.threshold===g.qN})),_=({navBarData:e,onClickDots:t,dotMode:r,displayMode:i,portalDots:n})=>{if(!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length||!e.pages||1===e.pages.length)return null;let o=(0,l.jsxs)("ul",{className:a()("CustomScroll__dots",{"is-below":["dots-below","dots-below-mobile-only"].includes(r),"is-mobile-only":"dots-below-mobile-only"===r}),children:[("fullwidth"===i||"card"===i)&&e?.childrenWidths?.map((r,s)=>{let n=`dot-${s}`;return(0,l.jsx)("li",{className:"CustomScroll__dot",children:(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__dotButton",{"is-active":"card"===i?e?.activeChildIndex===s:r?.isVisible}),onClick:()=>t(r?.middle),children:(0,l.jsx)("span",{className:"u-hidden-wording",children:`slide ${s}`})})},n)}),!i&&e?.pages?.map((e,r)=>{let i=`dot-${r}`;return(0,l.jsx)("li",{className:"CustomScroll__dot",children:(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__dotButton",{"is-active":e?.isActive}),onClick:()=>t(e?.middle),children:(0,l.jsx)("span",{className:"u-hidden-wording",children:`slide ${r}`})})},i)})]});return n?(0,s.createPortal)(o,n):o},C=({isLeftArrowDisplayed:e,isRightArrowDisplayed:t,isRightBottomArrowsDisplayed:r,handleArrowClick:i,isRtl:n,portalElement:o,isDarkMode:u})=>{let h=(0,l.jsxs)("div",{className:a()("CustomScroll__bottomArrows",{"is-darkmode":u,"is-right-bottom-arrows-displayed":r}),children:[(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__bottomArrowsButton CustomScroll__bottomArrowsLeft",{CustomScroll__bottomArrows_disabled:!e}),onClick:i(-1),children:(0,l.jsx)(d.A,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":n})})}),(0,l.jsx)("button",{type:"button",className:a()("CustomScroll__bottomArrowsButton CustomScroll__bottomArrowsRight",{CustomScroll__bottomArrows_disabled:!t}),onClick:i(1),children:(0,l.jsx)(c.A,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":n})})})]});return o?(0,s.createPortal)(h,o):h},y=({navBarData:e,onClickDots:t,tabs:r,brand:s})=>{let n=(0,i.useRef)(null),o=e?.childrenWidths.find(e=>e?.isVisible);if((0,i.useEffect)(()=>{let e=n.current;if(e){let t=e.querySelector(".CustomScroll__tabButton.is-active");t&&(t.getBoundingClientRect().left+t.clientWidth>window.innerWidth||t.getBoundingClientRect().left<0)&&e.scrollTo({top:0,left:t.offsetLeft})}},[o]),!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length)return null;let d="mobilize"===s;return(0,l.jsx)("ul",{className:"CustomScroll__tabs",ref:n,children:e?.childrenWidths?.map((e,i)=>{let s=`tab-${i}`;return(0,l.jsx)("li",{className:"CustomScroll__tab",children:(0,l.jsx)("button",{className:a()("CustomScroll__tabButton",{"is-active":e?.isVisible}),onClick:()=>t(e?.middle),type:"button",children:d?(0,p.G2)(i+1,2):r?.[i]})},s)})})},j=x(({bottomArrowsPortalElement:e,children:t=[],className:r="",darkMode:n=!1,defaultSelectedSlideIndex:o,displayMode:p,interactionType:x,isCentered:j=!1,isFullScreen:A=!1,isRtl:N,isSimplified:S=!1,isCardCentered:W=!1,isRightBottomArrowsDisplayed:k=!0,arrowMode:M,dotMode:R,onInteraction:E,snapMode:B,tabs:O=[],minInterval:F=w,brand:L,isMobile:$,portalsCustomElement:P={}})=>{let{ref:I,isVisible:V}=(0,f.A)({role:"technical",stayVisible:!1}),D=(0,i.useRef)(0),z=(0,i.useRef)(void 0),T=(0,i.useRef)(null),H=(0,i.useRef)(0),[q,G]=(0,i.useState)({childrenWidths:[],globalWidth:void 0,activeChildIndex:void 0,isScrolling:!1,pages:[]}

1),J=(0,i.useRef)(!1),[K,Q]=(0,i.useState)(!1),[U,X]=(0,i.useState)(!1),[Y,Z]=(0,i.useState)(0),[ee,et]=(0,i.useState)(0),er=q?.childrenWidths?.[0]?.width,el=(0,i.useMemo)(()=>{if(W&&!$){let e=T?.current;if(e){let{clientWidth:t}=e;return(t-(er||0))/2}}return 0},[er,W,$]),ei=(0,i.useCallback)(()=>{let e=T.current;if(e&&V){let{scrollLeft:t=0,scrollWidth:r=0,clientWidth:l=0}=e,i=r-l,s=i>0?i:0,n=N?-1:1;Q(n*t>F),X(s>0&&n*t+F<s);let o=Array.from(e.children)||[],a=o.map(e=>({promoText:(e.innerText||"").substring(0,50).replace(/\s+/g," ").trim(),width:e.offsetWidth,percent:e.offsetWidth/r*100,middle:e.offsetLeft+e.offsetWidth/2,left:e.getBoundingClientRect().left,right:e.getBoundingClientRect().right,isVisible:e.offsetLeft+e.offsetWidth/2>t&&e.offsetLeft+e.offsetWidth/2<t+l})),d=o.findIndex(e=>W?e.getBoundingClientRect().right>window.innerWidth/2:e?.offsetLeft>=Math.round(t));J.current||(J.current=!0);let c=l?Array(Math.round(r/l)).fill(void 0).map((e,r)=>({isActive:r===Math.floor((t+l/2)/l),middle:l*r+l/2})):[],u=t!==D.current;D.current=t,G({isScrolling:u,activeChildIndex:d,pages:c,childrenWidths:a,globalWidth:r}),!a[d]||u&&Y||(Z(a[d].right),et(a[d].left)),E?.({isScrolling:u,activeChildIndex:d,scrollLeft:t})}},[V,N,F,Y,E,W]),es=e=>t=>{t?.stopPropagation();let r=T.current;if(r){let t,{scrollLeft:l=0,clientWidth:i=0}=r,s=N?-1:1,n=Array.from(r.children),{clientWidth:o=0}=n?.[0]||{};switch(p){case"fullwidth":t=i;break;case"card":t=o;break;default:t=9*i/10}r.scrollLeft=l+t*e*s}},en=0;(0,i.useEffect)(()=>{let e=q?.childrenWidths.findIndex(e=>e.isVisible);H.current!==e&&e>-1&&x&&!q.isScrolling&&((0,m.d)({interactionType:x,itemNumber:`${e+1}/${q?.childrenWidths.length}`,event:"carouselInteraction",promoText:q?.childrenWidths[e].promoText,scrollDirection:H.current<e?"right":"left"}),H.current=e)},[q,x]),(0,v.A)(ei),(0,i.useEffect)(()=>(T?.current&&("u">typeof window&&window.addEventListener(g.jn,ei),ei()),()=>{"u">typeof window&&window.removeEventListener(g.jn,ei)}),[ei]),(0,i.useEffect)(()=>{if(void 0!==o){let e=requestAnimationFrame(()=>{let e=T?.current;if(e){let{clientWidth:t}=e;if(window){let r=Array.from(e.children);if(r.length>1&&r[o]){let{offsetLeft:l,clientWidth:i}=r[o];W?e.scrollLeft=l-(t-i)/2:e.scrollLeft="center"===B?l-(t-i)/2:l}}}});return()=>cancelAnimationFrame(e)}},[o,B,el,W]);let eo=a()("CustomScroll__child",{[`is-snap-${B||""}`]:B,[`is-display-${p||""}`]:p}),ea="arrows-left-right-all"===M||"arrows-left-right-desktop-only"===M,ed="tabs-inside"===R?y:_,ec=L===b?d.A:u.A,eu=L===b?c.A:h.A,eh=(q?.activeChildIndex||0)+1;return(0,l.jsxs)("div",{className:a()("CustomScroll",{CustomScroll_center:j,"is-navbar-dots-below":["dots-below","dots-below-mobile-only"].includes(R)&&!P?.portalDots,"is-navbar-arrows-bottom":"arrows-bottom"===M,"is-darkmode":n},r),ref:I,children:[(0,l.jsx)("div",{className:a()("CustomScroll__container",{"is-simplified":S,[`is-display-${p||""}`]:p,"is-fullscreen":A,"has-smooth-scroll":J.current}),ref:T,style:el?{scrollPadding:`0 ${el}px`,padding:`0 ${el}px`}:void 0,onScroll:()=>{en&&window.cancelAnimationFrame(en),en=window.requestAnimationFrame(()=>{ei(),clearTimeout(z.current),z.current=setTimeout(ei,100)})},children:t&&Array.isArray(t)&&B?t.map((e,r)=>{let i=`dot-${r}`;return(0,l.jsx)("div",{className:a()(eo,{"is-first-slide":0===r,"is-last-slide":r===t.length-1}),children:e},i)}):t}),"counter"===R&&!!t&&Array.isArray(t)&&q?.activeChildIndex!==void 0&&!!B&&(0,l.jsxs)("div",{className:"CustomScroll__counter",children:[eh," / ",t?.length]}),"arrows-bottom"===M&&(0,l.jsx)(C,{isLeftArrowDisplayed:K,isRightArrowDisplayed:U,isRtl:N,isRightBottomArrowsDisplayed:k,handleArrowClick:es,portalElement:e,portalsCustomElement:P,isDarkMode:n}),(()=>{if(ea&&K){let e=(0,l.jsx)("button",{style:{"--leftArrowPosition":`${ee}px`},className:a()("CustomScroll__arrow CustomScroll__arrowLeft",{"is-simplified":S,"is-left-right-all":"arrows-left-right-all"===M}),onClick:es(-1),type:"button",children:(0,l.jsx)(ec,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":N})})});return P.portalPreviousButton?(0,s.createPortal)(e,P.portalPreviousButton):e}return null})(),(()=>{if(ea&&U){let e=(0,l.jsx)("button",{style:{"--rightArrowPosition":`${Y}px`},className:a()("CustomScroll__arrow CustomScroll__arrowRight",{"is-simplified":S,"is-left-right-all":"arrows-left-right-all"===M}),onClick:es(1),type:"button",children:(0,l.jsx)(eu,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":N})})});return P.portalNextButton?(0,s.createPortal)(e,P.portalNextButton):e}return null})(),!["none","counter"].includes(R)&&(0,l.jsx)(ed,{dotMode:R,displayMode:p,navBarData:q,arrowMode:M,onClickDots:e=>(e=>{let t=T.current;if(t){let{clientWidth:r=0}=t,l=e-r/2;t.scrollLeft=l>0?l:0}})(e),tabs:O,brand:L,isMobile:!!$,portalDots:P.portalDots})]})});r.d(t,{},{A:j})},46686(e,t,r){r.r(t),r.d(t,{default:()=>w});var l=r(91987),i=r(97500),s=r.n(i),n=r(61124),o=r(93196),a=r(32464),d=r(20409),c=r(42715),u=r(71763),h=r(50865),m=r(16383),f=r(73437),p=r(76861),v=r(25025);let g=({text:e,image:t,isAlternativeMode:r,doNotGenerate:i})=>{let[n,o]=(0,u.useState)(!1),{title:a,backTitle:d,bodycopy:c,ctaLink:g,ctaLabel:w}=e||{},{image:b,alt:x=""}=t||{};return(0,l.jsx)("div",{className:s()("FlipCard",{"is-alternative-mode":r}),children:(0,l.jsxs)("div",{className:s()("FlipCard__inner",{"is-flipped":n}),onClick:()=>o(!n),children:[(0,l.jsxs)("div",{className:"FlipCard__front",children:[b&&(0,l.jsx)("div",{className:"FlipCard__image",children:(0,l.jsx)(m._,{src:b,alt:x,width:"100%",height:"100%",objectFit:"cover"})}),(0,l.jsxs)("div",{className:"FlipCard__text",children:[(0,l.jsx)(i?"p":"h2",{className:"FlipCard__title",children:a}),(0,l.jsx)(p.A,{className:"FlipCard__toggleIcon"})]})]}),(0,l.jsxs)("div",{className:"FlipCard__back",children:[(0,l.jsxs)("div",{className:"FlipCard__top",children:[(0,l.jsx)("div",{className:"FlipCard__title",children:d||a}),c&&(0,l.jsx)(h.d,{className:"FlipCard__bodyCopy",content:c}),w&&g&&(0,l.jsx)("div",{className:"FlipCard__link",children:(0,l.jsx)(f.l,{variant:"link-arrow",size:"large",useButtonMarkup:!0,isInverted:r,href:g,onClick:e=>e.stopPropagation(),children:w})})]}),(0,l.jsx)("div",{className:"FlipCard__bottom",children:(0,l.jsx)(v.A,{className:"FlipCard__toggleIcon"})})]})]})})},w=({image:e,background:t,editContext:r,alternativeMode:i})=>{let{ref:u,isVisible:h}=(0,d.A)({role:"animation"}),{alternativeColor:m}=t||{};return(0,l.jsx)(n.G,{isFullWidth:!0,padding:"no-padding",variant:m?"extended-bg-alternative":i?"extended-bg-inverted":void 0,children:(0,l.jsxs)("div",{className:"AnimatedFlipCards",ref:u,children:[(0,l.jsx)("div",{className:s()("AnimatedFlipCards__wrap",{"is-visible":h}),children:(0,l.jsx)(c.A,{interactionType:"animated-flip-cards",arrowMode:"arrows-bottom",dotMode:"none",className:"AnimatedFlipCards__scroll",snapMode:"start",darkMode:i,children:(0,a.Hj)(e).map(({image:e,text:t,aemKey:r,doNotGenerate:s})=>(0,l.jsx)(g,{text:t,image:e,isAlternativeMode:i,doNotGenerate:s},r))})}),(0,l.jsx)(o.Cq,{editContext:r})]})})}},20409(e,t,r){var l=r(71763),i=r(24948),s=r(5839);r.d(t,{},{A:e=>{let t=(0,l.useMemo)(()=>(e=>{let t="u">typeof window&&s.LO.large&&window.innerWidth>=s.LO.large,{role:r,options:l={},stayVisible:i=!0}=e;return"lazyload"===r?l.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?l.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(l.rootMargin="0px -10px 0px 0px"),{...l,triggerOnce:i}})(e),[e]),{ref:r,inView:n=!1,entry:o}=(0,i.Wx)(t);return{ref:r,isVisible:n,entry:o}}})},24948(e,t,r){var l,i,s=r(71763),n=Object.defineProperty,o=new Map,a=new WeakMap,d=0;function c({threshold:e,delay:t,trackVisibility:r,rootMargin:i,scrollMargin:n,root:u,triggerOnce:h,skip:m,initialInView:f,fallbackInView:p,onChange:v}={}){var g;let[w,b]=s.useState(null),x=s.useRef(v),_=s.useRef(f),[C,y]=s.useState({inView:!!f,entry:void 0});x.current=v,s.useEffect(()=>{let s;if(void 0===_.current&&(_.current=f),!m&&w)return s=function(e,t,r={},i=l){if(void 0===window.IntersectionObserver&&void 0!==i){let l=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:l,intersectionRect:l,rootBounds:l}),()=>{}}let{id:s,observer:n,elements:c}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var r;return`${t}_${"root"===t?!(r=e.root)?"0":(a.has(r)||(d+=1,a.set(r,d.toString())),a.get(r)):e[t]}`}).toString(),r=o.get(t);if(!r){let l,i=new Map,s=new IntersectionObserver(t=>{t.forEach(t=>{var r;let s=t.isIntersecting&&l.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),[...null!=(r=i.get(t.target))?r:[]].forEac

1h(e=>{e(s,t)})})},e);l=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:s,elements:i},o.set(t,r)}return r}(r),u=c.get(e)||[];return c.has(e)||c.set(e,u),u.push(t),n.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(c.delete(e),n.unobserve(e)),0===c.size&&(n.disconnect(),o.delete(s))}}(w,(e,t)=>{let r=_.current;_.current=e,(void 0!==r||e)&&(y({inView:e,entry:t}),x.current&&x.current(e,t),t.isIntersecting&&h&&s&&(s(),s=void 0))},{root:u,rootMargin:i,scrollMargin:n,threshold:e,trackVisibility:r,delay:t},p),()=>{s&&s()}},[Array.isArray(e)?e.toString():e,w,u,i,n,h,m,r,p,t]);let j=null==(g=C.entry)?void 0:g.target,A=s.useRef(void 0);w||!j||h||m||A.current===j||(A.current=j,y({inView:!!f,entry:void 0}),_.current=f);let N=[b,C.inView,C.entry];return N.ref=N[0],N.inView=N[1],N.entry=N[2],N}s.Component,null!=(null!=(i=s.useInsertionEffect)?i:s.useLayoutEffect)||s.useEffect,r.d(t,{Wx:()=>c})}}]);