https://www.renault.hu/client/renault-slider-transition-b39174426de22fd2.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[64981],{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"})))})},42715(e,t,r){var l=r(91987),i=r(71763),s=r(98481),o=r(20496),n=r(97500),a=r.n(n),d=r(54502),c=r(70385),u=r(3861),h=r(33496),f=r(78948),m=r(20409),p=r(84759),w=r(40119),b=r(5839);let g=50,v="alpine",x=(0,o.Ng)(({app:e,page:{data:{siteParams:t}}})=>({isRtl:t?.rtl??!1,brand:t?.brand||"",isMobile:e.threshold===b.qN})),y=({navBarData:e,onClickDots:t,dotMode:r,displayMode:i,portalDots:o})=>{if(!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length||!e.pages||1===e.pages.length)return null;let n=(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 o=`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}`})})},o)}),!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 o?(0,s.createPortal)(n,o):n},_=({isLeftArrowDisplayed:e,isRightArrowDisplayed:t,isRightBottomArrowsDisplayed:r,handleArrowClick:i,isRtl:o,portalElement:n,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":o})})}),(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":o})})})]});return n?(0,s.createPortal)(h,n):h},C=({navBarData:e,onClickDots:t,tabs:r,brand:s})=>{let o=(0,i.useRef)(null),n=e?.childrenWidths.find(e=>e?.isVisible);if((0,i.useEffect)(()=>{let e=o.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})}},[n]),!e.globalWidth||!e.childrenWidths||1===e.childrenWidths.length)return null;let d="mobilize"===s;return(0,l.jsx)("ul",{className:"CustomScroll__tabs",ref:o,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)})})},A=x(({bottomArrowsPortalElement:e,children:t=[],className:r="",darkMode:o=!1,defaultSelectedSlideIndex:n,displayMode:p,interactionType:x,isCentered:A=!1,isFullScreen:S=!1,isRtl:j,isSimplified:W=!1,isCardCentered:N=!1,isRightBottomArrowsDisplayed:k=!0,arrowMode:R,dotMode:L,onInteraction:M,snapMode:B,tabs:E=[],minInterval:O=g,brand:$,isMobile:I,portalsCustomElement:T={}})=>{let{ref:V,isVisible:P}=(0,m.A)({role:"technical",stayVisible:!1}),D=(0,i.useRef)(0),z=(0,i.useRef)(void 0),q=(0,i.useRef)(null),F=(0,i.useRef)(0),[K,H]=(0,i.useState)({childrenWidths:[],globalWidth:void 0,activeChildIndex:void 0,isScrolling:!1,pages:[]}),G=(0,i.useRef)(!1),[Q,J]=(0,i.useState)(!1),[U,X]=(0,i.useState)(!1),[Y,Z]=(0,i.useState)(0),[ee,et]=(0,i.useState)(0),er=K?.childrenWidths?.[0]?.width,el=(0,i.useMemo)(()=>

1{if(N&&!I){let e=q?.current;if(e){let{clientWidth:t}=e;return(t-(er||0))/2}}return 0},[er,N,I]),ei=(0,i.useCallback)(()=>{let e=q.current;if(e&&P){let{scrollLeft:t=0,scrollWidth:r=0,clientWidth:l=0}=e,i=r-l,s=i>0?i:0,o=j?-1:1;J(o*t>O),X(s>0&&o*t+O<s);let n=Array.from(e.children)||[],a=n.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=n.findIndex(e=>N?e.getBoundingClientRect().right>window.innerWidth/2:e?.offsetLeft>=Math.round(t));G.current||(G.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,H({isScrolling:u,activeChildIndex:d,pages:c,childrenWidths:a,globalWidth:r}),!a[d]||u&&Y||(Z(a[d].right),et(a[d].left)),M?.({isScrolling:u,activeChildIndex:d,scrollLeft:t})}},[P,j,O,Y,M,N]),es=e=>t=>{t?.stopPropagation();let r=q.current;if(r){let t,{scrollLeft:l=0,clientWidth:i=0}=r,s=j?-1:1,o=Array.from(r.children),{clientWidth:n=0}=o?.[0]||{};switch(p){case"fullwidth":t=i;break;case"card":t=n;break;default:t=9*i/10}r.scrollLeft=l+t*e*s}},eo=0;(0,i.useEffect)(()=>{let e=K?.childrenWidths.findIndex(e=>e.isVisible);F.current!==e&&e>-1&&x&&!K.isScrolling&&((0,f.d)({interactionType:x,itemNumber:`${e+1}/${K?.childrenWidths.length}`,event:"carouselInteraction",promoText:K?.childrenWidths[e].promoText,scrollDirection:F.current<e?"right":"left"}),F.current=e)},[K,x]),(0,w.A)(ei),(0,i.useEffect)(()=>(q?.current&&("u">typeof window&&window.addEventListener(b.jn,ei),ei()),()=>{"u">typeof window&&window.removeEventListener(b.jn,ei)}),[ei]),(0,i.useEffect)(()=>{if(void 0!==n){let e=requestAnimationFrame(()=>{let e=q?.current;if(e){let{clientWidth:t}=e;if(window){let r=Array.from(e.children);if(r.length>1&&r[n]){let{offsetLeft:l,clientWidth:i}=r[n];N?e.scrollLeft=l-(t-i)/2:e.scrollLeft="center"===B?l-(t-i)/2:l}}}});return()=>cancelAnimationFrame(e)}},[n,B,el,N]);let en=a()("CustomScroll__child",{[`is-snap-${B||""}`]:B,[`is-display-${p||""}`]:p}),ea="arrows-left-right-all"===R||"arrows-left-right-desktop-only"===R,ed="tabs-inside"===L?C:y,ec=$===v?d.A:u.A,eu=$===v?c.A:h.A,eh=(K?.activeChildIndex||0)+1;return(0,l.jsxs)("div",{className:a()("CustomScroll",{CustomScroll_center:A,"is-navbar-dots-below":["dots-below","dots-below-mobile-only"].includes(L)&&!T?.portalDots,"is-navbar-arrows-bottom":"arrows-bottom"===R,"is-darkmode":o},r),ref:V,children:[(0,l.jsx)("div",{className:a()("CustomScroll__container",{"is-simplified":W,[`is-display-${p||""}`]:p,"is-fullscreen":S,"has-smooth-scroll":G.current}),ref:q,style:el?{scrollPadding:`0 ${el}px`,padding:`0 ${el}px`}:void 0,onScroll:()=>{eo&&window.cancelAnimationFrame(eo),eo=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()(en,{"is-first-slide":0===r,"is-last-slide":r===t.length-1}),children:e},i)}):t}),"counter"===L&&!!t&&Array.isArray(t)&&K?.activeChildIndex!==void 0&&!!B&&(0,l.jsxs)("div",{className:"CustomScroll__counter",children:[eh," / ",t?.length]}),"arrows-bottom"===R&&(0,l.jsx)(_,{isLeftArrowDisplayed:Q,isRightArrowDisplayed:U,isRtl:j,isRightBottomArrowsDisplayed:k,handleArrowClick:es,portalElement:e,portalsCustomElement:T,isDarkMode:o}),(()=>{if(ea&&Q){let e=(0,l.jsx)("button",{style:{"--leftArrowPosition":`${ee}px`},className:a()("CustomScroll__arrow CustomScroll__arrowLeft",{"is-simplified":W,"is-left-right-all":"arrows-left-right-all"===R}),onClick:es(-1),type:"button",children:(0,l.jsx)(ec,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":j})})});return T.portalPreviousButton?(0,s.createPortal)(e,T.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":W,"is-left-right-all":"arrows-left-right-all"===R}),onClick:es(1),type:"button",children:(0,l.jsx)(eu,{className:a()("CustomScroll__Arrows_arrow",{"is-rtl":j})})});return T.portalNextButton?(0,s.createPortal)(e,T.portalNextButton):e}return null})(),!["none","counter"].includes(L)&&(0,l.jsx)(ed,{dotMode:L,displayMode:p,navBarData:K,arrowMode:R,onClickDots:e=>(e=>{let t=q.current;if(t){let{clientWidth:r=0}=t,l=e-r/2;t.scrollLeft=l>0?l:0}})(e),tabs:E,brand:$,isMobile:!!I,portalDots:T.portalDots})]})});r.d(t,{},{A:A})},15451(e,t,r){r.r(t);var l=r(91987),i=r(71763),s=r(93196),o=r(32464),n=r(32739),a=r(40119),d=r(92861),c=r(42715);r.d(t,{},{default:({editContext:e,...t})=>{let r=(0,i.useRef)(null),u=(0,o.k9)(t).filter(e=>e?.[d.qq]===d.I3),h=u?.[0]?.aemKey,f=u.map(e=>e?.banner?.text?.tabsTitle||""),m=(0,n._n)(u,e=>({banner:{image:e?.banner?.image,video:e?.banner?.video},aemKey:e.aemKey,isLazyLoaded:e.aemKey!==h,isFullSrceen:!0})),[p,w]=(0,i.useState)(0),[b,g]=(0,i.useState)(0),[v,x]=(0,i.useState)(0),y=(0,i.useCallback)(({scrollLeft:e})=>{let t=r?.current;if(t){t.scrollTo(-e,0),w(e);let r=e/v%1;g(r<.5?2*r:-(2*r)+2)}},[v]),_=(0,i.useCallback)(()=>{x(document?.body?.clientWidth)},[]);return(0,a.A)(_),(0,s.Q)(e)?(0,l.jsxs)("div",{children:[(0,n._n)(t),(0,l.jsx)(s.Cq,{editContext:e})]}):(0,l.jsxs)("div",{className:"SliderTransition",children:[(0,l.jsx)(c.A,{snapMode:"center",dotMode:"tabs-inside",arrowMode:"arrows-left-right-desktop-only",interactionType:"hero-slider",displayMode:"fullwidth",tabs:f,onInteraction:y,children:(0,n._n)(u,e=>({...e,isFullSrceen:!0,isLazyLoaded:e.aemKey!==h}))}),(0,l.jsx)("div",{className:"SliderTransition__clone",ref:r,style:{"--SliderTransition-progress":p,"--SliderTransition-progress-item":b},children:Array.isArray(m)&&m.map(e=>(0,l.jsx)("div",{className:"SliderTransition__cloneItem",children:e},e.props.aemKey))})]})}})},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:o=!1,entry:n}=(0,i.Wx)(t);return{ref:r,isVisible:o,entry:n}}})},24948(e,t,r){var l,i,s=r(71763),o=Object.defineProperty,n=new Map,a=new WeakMap,d=0;function c({threshold:e,delay:t,trackVisibility:r,rootMargin:i,scrollMargin:o,root:u,triggerOnce:h,skip:f,initialInView:m,fallbackInView:p,onChange:w}={}){var b;let[g,v]=s.useState(null),x=s.useRef(w),y=s.useRef(m),[_,C]=s.useState({inView:!!m,entry:void 0});x.current=w,s.useEffect(()=>{let s;if(void 0===y.current&&(y.current=m),!f&&g)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:o,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=n.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},n.set(t,r)}return r}(r),u=c.get(e)||[];return c.has(e)||c.set(e,u),u.push(t),o.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(c.delete(e),o.unobserve(e)),0===c.size&&(o.disconnect(),n.delete(s))}}(g,(e,t)=>{let r=y.current;y.current=e,(void 0!==r||e)&&(C({inView:e,entry:t}),x.current&&x.current(e,t),t.isIntersecting&&h&&s&&(s(),s=void 0))},{root:u,rootMargin:i,scrollMargin:o,threshold:e,trackVisibility:r,delay:t},p),()=>{s&&s()}},[Array.isArray(e)?e.toString():e,g,u,i,o,h,f,r,p,t]);let A=null==(b=_.entry)?void 0:b.target,S=s.useRef(void 0);g||!A||h||f||S.current===A||(S.current=A,C({inView:!!m,entry:void 0}),y.current=m);let j=[v,_.inView,_.entry];return j.ref=j[0],j.inView=j[1],j.entry=j[2],j}s.Component,null!=(null!=(i=s.useInsertionEffect)?i:s.useLayoutEffect)||s.useEffect,r.d(t,{Wx:()=>c})}}]);