https://www.mobilize.fr/client/mobilize-accordion-cent-c3ff07f8da2a2b19.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[26427],{54502(e,t,r){var n,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 n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}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),n||(n=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 n,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 n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}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),n||(n=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 n,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 n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}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),n||(n=i.createElement("path",{d:"M15.5 20.725 6.35 12l9.15-8.725 1.38 1.45L9.245 12l7.635 7.275z"})))})},25756(e,t,r){var n=r(91987),i=r(71763);r.d(t,{},{R:({bClassName:e,content:t="",supportReturnCarriage:r=!1,tag:s="div",className:a})=>{let c=(0,i.useMemo)(()=>{let n=t.replace(/<[^>]+>/gi,"");return n=n.replace(/\[(\/?[bi])\]/gi,"<$1>"),e&&(n=n.replace(/<b>/gi,`<b class="${e}">`)),r&&(n=n.replace(/\r?\n/g,"<br>")),{__html:n}},[t,e,r]);return(0,n.jsx)(s,{dangerouslySetInnerHTML:c,className:a})}})},52357(e,t,r){var n=r(25756);r.d(t,{R:()=>n.R})},45706(e,t,r){r.d(t,{M:()=>i});var n=r(91987);let i=({anchor:e,className:t})=>(0,n.jsx)("div",{id:e,className:t})},35866(e,t,r){r.d(t,{m:()=>a});var n=r(91987),i=r(21323);let s=e=>{switch(e){case"xlarge":return 20;case"large":return 18;case"small":return 14;default:return 16}},a=({size:e="medium"})=>{let t={"--InfoIcon-size-default":"string"==typeof e?`${s(e)}px`:`${s(e[0])}px`,"--InfoIcon-size-medium":"string"==typeof e?`${s(e)}px`:`${s(e[1])}px`,"--InfoIcon-size-large":"string"==typeof e?`${s(e)}px`:`${s(e[2])}px`};return(0,n.jsx)(i.A,{style:t,className:"InfoIcon"})}},81648(e,t,r){r.r(t);var n=r(91987),i=r(71763),s=r(20496),a=r(97500),c=r.n(a),l=r(50865),o=r(52357),d=r(16383),u=r(61124),h=r(18847),m=r(45706),v=r(35866),g=r(73437),x=r(93196),f=r(32464),p=r(20409),_=r(54608);let A=(0,s.Ng)(({page:{data:e={}},app:t})=>({threshold:t.threshold,brand:e.siteParams?.brand||""}))(({editContext:e,anchorId:t,strapline:r,labels:s,alternativeMode:a,tabs:A,threshold:j,brand:b})=>{let w=(0,i.useMemo)(()=>(0,f.Hj)(A),[A]),C=s?Object.values(s).filter(e=>""!==e):[],[M,N]=(0,i.useState)(0),[y,k]=(0,i.useState)(0),[I,R]=(0,i.useState)(!1),{description:E,tooltip:O,ctaLabel:$,ctaLink:S,legalMentions:V,image:B}=w[M]||{},z=(0,i.useRef)(null),L=(0,i.useRef)([]),T=(0,i.useRef)(null),W=(0,i.useRef)(void 0),{ref:H,isVisible:P}=(0,p.A)({options:{rootMargin:"-30%"},role:"custom",stayVisible:!1}),q="dacia"===b;return(0,n.jsx)(u.G,{isFullWidth:!0,padding:q&&a?"no-padding":"default",variant:!q&&a?"extended-bg-inverted":void 0,children:(0,n.jsxs)("section",{className:c()("AccordionCent",{"is-edit-mode":(0,x.Q)(e)}),ref:z,children:[t&&(0,n.jsx)(m.M,{anchor:t}),(0,n.jsxs)("div",{className:"AccordionCent__wrapper",ref:H,children:[(0,n.jsx)("div",{className:"AccordionCent__left",children:(0,n.jsx)(_.A,{items:w,isVisible:P,strapline:r,currentSelected:y,currentIndex:M,onChange:e=>{k(e),R(!0),setTimeout(()=>{N(e),R(!1)},500)},refItems:L,refComponent:z,ref:W,isDesktop:"large"===j,isBlack:!0,isEditMode:(0,x.Q)(e),alternativeMode:a})}),(0,n.jsx)("div",{className:"AccordionCent__right",children:w?.length>0&&(0,n.jsxs)("div",{className:"AccordionCent__rightModes",children:[(0,n.jsxs)("div",{className:c()("AccordionCent__rightWrap",{"is-visible":P||(0,x.Q)(e)}),children:[(0,n.jsxs)("div",{className:c()("AccordionCent__rightEdito",{"is-transitioning":I}),ref:T,children:[E&&(0,n.jsxs)("div",{className:"AccordionCent__rightEditoSpan",children:[E,O&&(0,n.jsxs)(h.m_,{children:[(0,n.jsx)(h.k$,{children:(0,n.jsx)(v.m,{size:["small","medium","large"]})}),(0,n.jsx)(h.ZI,{children:O})]})]}),(0,n.jsx)("div",{"aria-hidden":"true",className:"AccordionCent__rightSeo",children:w.map((e,t)=>{let r=`edito-${t}`;return(0,n.jsx)("span",{children:e.description},r)})}),$&&S&&(0,n.jsx)("div",{className:"AccordionCent__rightEditoCta",children:(0,n.jsx)(g.l,{variant:"link-arrow",isInverted:a&&!q,href:S,"data-track":"click","data-track-event":"ClickOnCTA","data-track-location-in-page":"Accordeon100hybride",children:$})})]}),V&&(0,n.jsx)("div",{className:"AccordionCent__legalMention",children:(0,n.jsx)(l.d,{content:V})}),(0,n.jsx)("div",{className:c()("AccordionCent__rightCaracteristics",{"is-transitioning":I}),children:C.map((e,t)=>{let r=`caracteristic-${t}`,i=w[M]?.[`caracteristic${t+1}`];return i?.text===""?null:(0,n.jsxs)("div",{className:"AccordionCent__caracteristicsItem",children:[(0,n.jsx)("div",{className:"AccordionCent__caracteristicsTitle",children:e}),i.text&&(0,n.jsx)(o.R,{className:"AccordionCent__caracteristicsText",bClassName:"AccordionCent__caracteristicsTextB",content:i.text,tag:"p"}),i.tooltip&&(0,n.jsxs)(h.m_,{children:[(0,n.jsx)(h.k$,{children:(0,n.jsx)(v.m,{size:["small","medium","large"]})}),(0,n.jsx)(h.ZI,{children:i.tooltip})]})]},r)})})]}),B?.src&&(0,n.jsx)("div",{className:"AccordionCent__caracteristicsImg",children:(0,n.jsx)(d._,{src:B.src,alt:B?.alt??"",width:"100%",aspectRatio:"16/9",sizes:["100vw","100vw","50vw"]})})]})})]}),(0,n.jsx)(x.Cq,{editContext:e})]})})});r.d(t,{},{default:A})},54608(e,t,r){var n=r(91987),i=r(71763),s=r(97500),a=r.n(s),c=r(93801),l=r(54502),o=r

1(70385),d=r(3861),u=r(33496),h=r(78948),m=r(44148),v=r(40119);let g=(0,i.forwardRef)(({items:e=[],isVisible:t,strapline:r="",currentSelected:s,currentIndex:g,introduction:x,onChange:f,refItems:p,isBlack:_,refComponent:A,isDesktop:j,isEditMode:b,alternativeMode:w},C)=>{let M=(0,i.useRef)(null),[N,y]=(0,i.useState)(!1),[k,I]=(0,i.useState)(!1),R=(0,i.useCallback)(e=>{let t=p?p[e]:null;t&&A.current&&(0,m.A)(A.current,{block:"start",inline:"start"}).then(()=>{t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})})},[A,p]),E=(0,i.useCallback)((e,t)=>{e!==g&&(j||R(e),f(e),(0,h.d)({toggleType:e,toggleValue:t,event:"toggle"}))},[g,j,R,f]),O=()=>{E(g-1),R(g-1)},$=()=>{E(g+1),R(g+1)};(0,i.useImperativeHandle)(C,()=>({handleArrowClickLeft:O,handleArrowClickRight:$}));let S=(0,i.useCallback)(t=>{let r=M.current,n="left"===t?g-1:g+1,i=p[n];if(r&&i){let t=i.offsetLeft-r.offsetLeft;r.scrollTo({left:t,behavior:"smooth"}),E(n,e[n]?.title)}},[g,p,M,e,E]),V=(0,i.useCallback)(()=>S("left"),[S]),B=(0,i.useCallback)(()=>S("right"),[S]),z=(0,i.useCallback)(()=>{let e=M.current;if(e){let{scrollLeft:t,scrollWidth:r,clientWidth:n}=e;y(t>0),I(t+n<r-1&&r>=n)}},[]);return(0,i.useEffect)(()=>{let e=M.current;return e?(e.addEventListener("scroll",z),z(),()=>{e.removeEventListener("scroll",z)}):()=>{}},[z]),(0,v.A)(z),(0,n.jsx)("div",{className:a()("AccordionMenu",{"is-black":_,"is-editMode":b,"is-alternative-mode":w}),children:(0,n.jsxs)("div",{className:a()("AccordionMenu__menuWrap",{"is-visible":t||b}),children:[(0,n.jsxs)("div",{className:"AccordionMenu__header",children:[r.trim()&&(0,n.jsx)("h2",{className:"AccordionMenu__menuTitle",children:r}),x&&(0,n.jsx)("div",{className:"AccordionMenu__introduction",children:x})]}),(0,n.jsxs)("div",{className:"AccordionMenu__secondArrows",children:[(0,n.jsx)("button",{className:a()("AccordionMenu__secondLeft",{"is-disabled":g<=0}),type:"button",onClick:O,children:(0,n.jsx)(l.A,{className:"AccordionMenu__arrow"})}),(0,n.jsx)("button",{className:a()("AccordionMenu__secondRight",{"is-disabled":g>=e.length-1}),type:"button",onClick:$,children:(0,n.jsx)(o.A,{className:"AccordionMenu__arrow"})})]}),(0,n.jsx)("div",{className:"AccordionMenu__menuNav",children:(0,n.jsxs)("div",{className:"AccordionMenu__customArrows",children:[N&&(0,n.jsx)(c.R,{className:"AccordionMenu__ArrowButton is-left",onClick:V,useButtonMarkup:!0,children:(0,n.jsx)(d.A,{className:"AccordionMenu__svg"})}),k&&(0,n.jsx)(c.R,{className:"AccordionMenu__ArrowButton is-right",onClick:B,useButtonMarkup:!0,children:(0,n.jsx)(u.A,{className:"AccordionMenu__svg"})}),(0,n.jsx)("div",{className:"AccordionMenu__innerWraper",children:(0,n.jsx)("ul",{className:a()("AccordionMenu__menuItems",{"is-left-visible":N}),ref:M,children:e?.map(({title:e},t)=>{let r=`item-${t}`;return(0,n.jsx)("h3",{ref:e=>{p[t]=e},className:"AccordionMenu__menuH3",children:(0,n.jsx)("button",{className:a()("AccordionMenu__menuItem",{"is-selected":s===t}),type:"button",onClick:()=>E(t,e),children:e})},r)})})})]})})]})})});r.d(t,{},{A:g})},20409(e,t,r){var n=r(71763),i=r(24948),s=r(5839);r.d(t,{},{A:e=>{let t=(0,n.useMemo)(()=>(e=>{let t="u">typeof window&&s.LO.large&&window.innerWidth>=s.LO.large,{role:r,options:n={},stayVisible:i=!0}=e;return"lazyload"===r?n.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===r?n.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===r&&(n.rootMargin="0px -10px 0px 0px"),{...n,triggerOnce:i}})(e),[e]),{ref:r,inView:a=!1,entry:c}=(0,i.Wx)(t);return{ref:r,isVisible:a,entry:c}}})},44148(e,t,r){r.d(t,{},{A:function(e,t){return new Promise(r=>{if(!(e instanceof Element))throw TypeError("Argument 1 must be an Element");let n=0,i=null,s=null,a={behavior:"smooth",...t},c=()=>{let{top:t,left:a}=e.getBoundingClientRect();if(t===i&&a===s){if(n>8)return void r();n+=1}else n=0,i=t,s=a;requestAnimationFrame(c)};e.scrollIntoView(a),requestAnimationFrame(c)})}})},24948(e,t,r){var n,i,s=r(71763),a=Object.defineProperty,c=new Map,l=new WeakMap,o=0;function d({threshold:e,delay:t,trackVisibility:r,rootMargin:i,scrollMargin:a,root:u,triggerOnce:h,skip:m,initialInView:v,fallbackInView:g,onChange:x}={}){var f;let[p,_]=s.useState(null),A=s.useRef(x),j=s.useRef(v),[b,w]=s.useState({inView:!!v,entry:void 0});A.current=x,s.useEffect(()=>{let s;if(void 0===j.current&&(j.current=v),!m&&p)return s=function(e,t,r={},i=n){if(void 0===window.IntersectionObserver&&void 0!==i){let n=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof r.threshold?r.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}

1),()=>{}}let{id:s,observer:a,elements:d}=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":(l.has(r)||(o+=1,l.set(r,o.toString())),l.get(r)):e[t]}`}).toString(),r=c.get(t);if(!r){let n,i=new Map,s=new IntersectionObserver(t=>{t.forEach(t=>{var r;let s=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),[...null!=(r=i.get(t.target))?r:[]].forEach(e=>{e(s,t)})})},e);n=s.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),r={id:t,observer:s,elements:i},c.set(t,r)}return r}(r),u=d.get(e)||[];return d.has(e)||d.set(e,u),u.push(t),a.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(d.delete(e),a.unobserve(e)),0===d.size&&(a.disconnect(),c.delete(s))}}(p,(e,t)=>{let r=j.current;j.current=e,(void 0!==r||e)&&(w({inView:e,entry:t}),A.current&&A.current(e,t),t.isIntersecting&&h&&s&&(s(),s=void 0))},{root:u,rootMargin:i,scrollMargin:a,threshold:e,trackVisibility:r,delay:t},g),()=>{s&&s()}},[Array.isArray(e)?e.toString():e,p,u,i,a,h,m,r,g,t]);let C=null==(f=b.entry)?void 0:f.target,M=s.useRef(void 0);p||!C||h||m||M.current===C||(M.current=C,w({inView:!!v,entry:void 0}),j.current=v);let N=[_,b.inView,b.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:()=>d})}}]);