https://www.renault.hu/client/renault-randomizer-viewer-0806b5fd7f7acede.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[74398],{25363(e,t,a){var n,r,i,l=a(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>l.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{fillRule:"evenodd",d:"M7.264 6.65H1v-1.3h6.264a2.65 2.65 0 0 1 2.37 1.465l4.895 9.789a1.35 1.35 0 0 0 1.207.746H22v1.3h-6.264a2.65 2.65 0 0 1-2.37-1.465L8.47 7.396a1.35 1.35 0 0 0-1.207-.746z",clipRule:"evenodd"})),r||(r=l.createElement("path",{fillRule:"evenodd",d:"M20.542 17.506a16 16 0 0 0-2.847-1.932l.61-1.148a17 17 0 0 1 3.081 2.091 14 14 0 0 1 1.024.967l.056.062.016.018.005.006.002.001v.001L22 18l.49.428h-.001l-.002.002-.005.006-.016.018a9 9 0 0 1-.27.282c-.184.186-.456.445-.81.747a17 17 0 0 1-3.081 2.091l-.61-1.148a16 16 0 0 0 2.847-1.932q.329-.282.548-.494a13 13 0 0 0-.548-.494M22 18l.49.428v-.856zm-8.74-8.068 1.269-2.536a1.35 1.35 0 0 1 1.207-.746H22v-1.3h-6.264a2.65 2.65 0 0 0-2.37 1.465l-.832 1.663zm-3.52 4.136-1.27 2.537a1.35 1.35 0 0 1-1.207.746H1v1.3h6.264a2.65 2.65 0 0 0 2.37-1.465l.832-1.663z",clipRule:"evenodd"})),i||(i=l.createElement("path",{fillRule:"evenodd",d:"M20.542 6.494a16 16 0 0 1-2.847 1.932l.61 1.148a17 17 0 0 0 3.081-2.091 14 14 0 0 0 1.024-.967l.056-.062.016-.018.005-.005.002-.002v-.001L22 6l.49-.428h-.001l-.002-.002-.005-.006-.016-.018a9 9 0 0 0-.27-.282 14 14 0 0 0-.81-.747 17 17 0 0 0-3.081-2.091l-.61 1.148a16 16 0 0 1 2.847 1.932q.329.282.548.494-.22.212-.548.494M22 6l.49-.428v.856z",clipRule:"evenodd"})))})},70754(e,t,a){var n,r,i=a(71763);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>i.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=i.createElement("path",{fillRule:"evenodd",d:"M11.016 1.694a2.65 2.65 0 0 1 1.968 0l8.629 3.451a1.65 1.65 0 0 1 1.037 1.532v10.646a1.65 1.65 0 0 1-1.037 1.532l-9 3.6a1.65 1.65 0 0 1-1.226 0l-9-3.6a1.65 1.65 0 0 1-1.037-1.532V6.677c0-.675.41-1.281 1.037-1.532zM12.502 2.9a1.35 1.35 0 0 0-1.003 0L2.87 6.352a.35.35 0 0 0-.22.325v10.646a.35.35 0 0 0 .22.325l9 3.6a.35.35 0 0 0 .26 0l9-3.6a.35.35 0 0 0 .22-.325V6.677a.35.35 0 0 0-.22-.325z",clipRule:"evenodd"})),r||(r=i.createElement("path",{fillRule:"evenodd",d:"M11.35 10.44 1.76 6.604l.482-1.208 9.76 3.904 9.758-3.904.482 1.208-9.59 3.836V22h-1.3V10.44z",clipRule:"evenodd"})))})},16016(e,t,a){var n,r,i=a(71763);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>i.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=i.createElement("path",{d:"M1.92 22.065h20.1v-1.2H3.12v-17.4h-1.2z"})),r||(r=i.createElement("path",{d:"M19.12 18.965v-14.6h-5.2v4h-4v4h-4v6.6h1.2v-5.4h2.8v5.4h1.2v-9.4h2.8v9.4h1.2v-13.4h2.8v13.4z"})))})},89466(e,t,a){var n,r,i,l=a(71763);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>l.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=l.createElement("path",{d:"M15.425 7.45h1.2c0-2.85-2.68-3.6-4.1-3.6v1.2c2.82.015 2.9 2.155 2.9 2.4"})),r||(r=l.createElement("path",{fillRule:"evenodd",d:"M14.525 17.05h-5.6v-.6c0-.03-.03-2.795-1.755-4.645C5.595 10.125 4.795 8.5 4.795 7c0-3.92 2.635-6.15 7.23-6.15S19.26 3.08 19.26 7c0 1.525-.8 3.15-2.375 4.83-1.73 1.85-1.76 4.615-1.76 4.645v.595zm-4.435-1.2h3.875A8.5 8.5 0 0 1 16 11c.935-1 2.05-2.5 2.05-4 0-4.075-3.28-4.925-6.035-4.925S6 2.9 6 7c0 1.5 1.115 3 2.05 4a8.5 8.5 0 0 1 2.04 4.85",clipRule:"evenodd"})),i||(i=l.createElement("path",{d:"M15.025 18.59v1.2h-6v-1.2zM15 20.95H9.025s2.015 1.5 3.015 1.5 2.96-1.5 2.96-1.5"})))})},19492(e,t,a){var n,r,i=a(71763);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>i.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=i.createElement("path",{fillRule:"evenodd",d:"M5.31 6.195a.92.92 0 1 1-.01-1.84.92.92 0 0 1 .01 1.84m-.267-1.026a.285.285 0 0 1 .267-.174V5a.28.28 0 0 1 .28.275.285.285 0 1 1-.547-.106m12.102 1.026a.92.92 0 1 1-.01-1.84.92.92 0 0 1 .01 1.84m-.267-1.026a.285.285 0 0 1 .267-.174V5a.28.28 0 0 1 .28.275.285.285 0 1 1-.547-.106",clipRule:"evenodd"})),r||(r=i.createElement("path",{fillRule:"evenodd",d:"m20.6 7.9 1.275 4c.159.495.202 1.02.125 1.535l-1.33 7.72a1.115 1.115 0 0 1-1.07.96H3.25a1.06 1.06 0 0 1-.875-.47A1.24 1.24 0 0 1 2.24 20.5l.995-2.705c.093-.31.115-.636.065-.955L1.9 8.6V3.29A1.395 1.395 0 0 1 3.29 1.9h1

15.92a1.395 1.395 0 0 1 1.39 1.39zM3.29 3.1a.19.19 0 0 0-.19.19V7.4h16.3V3.29a.19.19 0 0 0-.19-.19zM3.1 8.6h16.45l1.07 3.35L4.47 16.5zm16.4 12.3 1.295-7.66h.01a1 1 0 0 0 0-.095l-16.34 4.62a2.5 2.5 0 0 1-.1.425l-1 2.71z",clipRule:"evenodd"})))})},45850(e,t,a){var n,r=a(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>r.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=r.createElement("path",{fillRule:"evenodd",d:"m9.03 22.46 1.97.72 7.395-13.625h-6.22l2.97-8.7H8.39L5.89 13.96h4.44zm1.41-.78h-.08l1.365-8.935H7.34L9.4 2.04h4.1l-3 8.715h5.875z",clipRule:"evenodd"})))})},71820(e,t,a){var n,r,i=a(71763);function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>i.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=i.createElement("path",{d:"M17 10.9H7.5v1.2H17zm-9.5 3H17v1.2H7.5zm9.5 3H7.5v1.2H17z"})),r||(r=i.createElement("path",{fillRule:"evenodd",d:"M3.9 23.1h16.7l.005-17.53-.105-.155a17.6 17.6 0 0 0-4.675-4.42L15.68.9H3.9zm15.5-1.2H5.1V2.1h9.3v5h5zm-3.8-16V2.292A17 17 0 0 1 19.366 5.9z",clipRule:"evenodd"})))})},97838(e,t,a){var n,r=a(71763);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e}).apply(null,arguments)}a.d(t,{},{A:e=>r.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=r.createElement("path",{fillRule:"evenodd",d:"m22.36 4.695.675.58c.01.355.175 8.725-5.78 12.51a8.46 8.46 0 0 1-4.56 1.41 7.7 7.7 0 0 1-2.29-.35 9 9 0 0 1-4.05-2.62 85 85 0 0 1-4.76 1.5l-.32-1.155c.04-.01 1.965-.545 4.465-1.4-1.085-2.835-.865-6.55 2.875-8.89 3.245-2.025 6.66-1.805 9.66-1.61 1.358.133 2.726.141 4.085.025M10.76 17.7a6.8 6.8 0 0 0 5.85-.925v.01c4.48-2.85 5.12-8.86 5.21-10.845q-1.812.075-3.62-.085c-.925-.06-1.855-.12-2.79-.12-2.16-.09-4.3.45-6.16 1.555-3.815 2.385-2.925 6.035-2.375 7.475a49.3 49.3 0 0 0 8.25-3.64l.62 1.025a49 49 0 0 1-8.16 3.64 7.95 7.95 0 0 0 3.175 1.91",clipRule:"evenodd"})))})},7459(e,t,a){a.d(t,{X:()=>v});var n=a(91987),r=a(71763),i=a(20496),l=a(97500),s=a.n(l),o=a(16383),d=a(46773),c=a(20409),u=a(5839);let v=(0,i.Ng)(({app:e,page:t})=>({threshold:e.threshold??u.qN,isBrowserEngine:e.isBrowserEngine,isEditMode:t.data?.mode==="EDIT"}),null,null,{forwardRef:!0})(({autoPlay:e=!0,src:t,alt:a,video:i,isBrowserEngine:l,threshold:u,disableLazyLoaded:v=!1,isEditMode:h,sizes:p=["100vw","100vw","1280px"],onVideoEnded:m,onVideoProgress:g,onVideoStarted:f,endSrc:x})=>{let[w,b]=(0,r.useState)(!1),[y,j]=(0,r.useState)(!0),[M,z]=(0,r.useState)(!1),E=(0,r.useRef)(null),{ref:R,isVisible:k}=(0,c.A)({role:"animation",stayVisible:!1}),O=(0,d.A)(),A=(0,r.useCallback)(()=>{b(!0),m?.()},[m]);(0,r.useEffect)(()=>{let t=E.current;y&&t&&(k&&e?t?.play().catch(e=>{"NotAllowedError"===e.name&&j(!1)}):t?.pause())},[e,k,y,f,O]);let V=(0,r.useCallback)(()=>{let e=E.current;e?.duration&&Number.isFinite(e.duration)&&g?.(e.currentTime/e.duration)},[g]);(0,r.useEffect)(()=>{z(!1),b(!1)},[i?.mobile]);let{desktop:_,tablet:I,mobile:N}=i||{},S=N;"large"===u&&_?S=_:"medium"===u&&I&&(S=I);let C=(0,r.useMemo)(()=>d.l.includes(O.effectiveType),[O.effectiveType]),H=!S&&!x?.small||S,L=S&&l&&k&&!w&&y&&!C,B=x?.small&&(!S||M)&&!C,$=B?x:t;return t?(0,n.jsxs)("div",{className:s()("ImageWithVideo",{"is-editMode":h}),"aria-hidden":"true",ref:R,children:[(H||B)&&(0,n.jsx)("div",{className:"ImageWithVideo__picture",children:(0,n.jsx)(o._,{src:$||{},alt:a,width:"100%",height:"100%",disableLazyLoaded:v,sizes:p})}),L&&(0,n.jsx)("video",{ref:E,className:"ImageWithVideo__video",autoPlay:e,onEnded:A,loop:!x?.small,muted:!0,src:S,playsInl

1ine:!0,onPlaying:()=>{z(!0),f?.()},onTimeUpdate:g?V:void 0},S)]}):null})},35866(e,t,a){a.d(t,{m:()=>l});var n=a(91987),r=a(21323);let i=e=>{switch(e){case"xlarge":return 20;case"large":return 18;case"small":return 14;default:return 16}},l=({size:e="medium"})=>{let t={"--InfoIcon-size-default":"string"==typeof e?`${i(e)}px`:`${i(e[0])}px`,"--InfoIcon-size-medium":"string"==typeof e?`${i(e)}px`:`${i(e[1])}px`,"--InfoIcon-size-large":"string"==typeof e?`${i(e)}px`:`${i(e[2])}px`};return(0,n.jsx)(r.A,{style:t,className:"InfoIcon"})}},41845(e,t,a){a.r(t);var n=a(91987),r=a(71763),i=a(97500),l=a.n(i),s=a(7459),o=a(18847),d=a(35866),c=a(73437),u=a(93196),v=a(25363),h=a(70754),p=a(16016),m=a(89466),g=a(19492),f=a(45850),x=a(71820),w=a(97838),b=a(32464),y=a(20409);let j={"arrow-switch":v.A,"box-3d":h.A,"data-graph":p.A,idea:m.A,"paint-sample":g.A,"power-electric":f.A,sheet:x.A,sustainable:w.A};a.d(t,{},{default:({startingTitle:e,startingCta:t,replayCta:a,linkOutCta:i,startingImage:h,images:p,video:m,replayVideo:g,alternativeMode:f,editContext:x})=>{let{ref:w,isVisible:M}=(0,y.A)({role:"animation",stayVisible:!1}),[z,E]=(0,r.useState)(t?.text?0:m?.mobile?1:2),[R,k]=(0,r.useState)(!1),[O,A]=(0,r.useState)([]),V=(0,r.useMemo)(()=>(0,b.Hj)(p),[p]),_=O.length>0?V[O?.at(-1)||0]:void 0,I=1===z?m:g,N=1===z||3===z,S=(0,r.useCallback)(()=>{let e=O;O.length===V.length&&(e=[]);let t=V.map((t,a)=>e.includes(a)?void 0:a).filter(e=>void 0!==e),a=Math.floor(Math.random()*t.length);A([...e,t[a]])},[O,V]);return(0,n.jsxs)("div",{className:l()("MediaRandomizer",{"is-alternative-mode":f,"is-edit-mode":(0,u.Q)(x),"is-video-step":M&&N}),ref:w,children:[(0,n.jsxs)("div",{className:"MediaRandomizer__container",children:[(0,n.jsxs)("div",{className:"MediaRandomizer__content",children:[(0,n.jsxs)("div",{className:"MediaRandomizer__textWrapper",children:[(0===z||1===z)&&(0,n.jsx)("div",{className:"MediaRandomizer__intro",children:e}),2===z&&(0,n.jsxs)("div",{className:"MediaRandomizer__outro",children:[(0,n.jsxs)("div",{className:"MediaRandomizer__title",children:[_?.title?.label," ",_?.title?.tooltip&&(0,n.jsxs)(o.m_,{children:[(0,n.jsx)(o.k$,{children:(0,n.jsx)(d.m,{size:"medium"})}),(0,n.jsx)(o.ZI,{children:_?.title?.tooltip})]})]}),(0,n.jsxs)("div",{className:"MediaRandomizer__description",children:[_?.description?.label," ",_?.description?.tooltip&&(0,n.jsxs)(o.m_,{children:[(0,n.jsx)(o.k$,{children:(0,n.jsx)(d.m,{size:"medium"})}),(0,n.jsx)(o.ZI,{children:_?.description?.tooltip})]})]})]})]}),(0,n.jsxs)("div",{className:"MediaRandomizer__ctaWrapper",children:[t?.text&&0===z&&(0,n.jsx)(c.l,{variant:"cta-primary",isInverted:f,useButtonMarkup:!0,onClick:()=>E(m?.mobile?1:2),icon:v.A,"data-track":"click","data-track-event":"navigationClick","data-track-button-text":t?.text,"data-track-location-in-page":"S329.0",children:t?.text}),2===z&&(0,n.jsxs)(r.Fragment,{children:[a?.text&&(0,n.jsx)(c.l,{variant:"cta-primary",isInverted:f,useButtonMarkup:!0,onClick:()=>g?.mobile?E(3):S(),icon:v.A,"data-track":"click","data-track-event":"navigationClick","data-track-button-text":a?.text,"data-track-location-in-page":"S329.0",children:a?.text}),i?.text&&i?.url&&(0,n.jsx)(c.l,{variant:"cta-ghost",href:i?.url,target:i?.openInNewTab?"_blank":"",isInverted:f,icon:i?.icon?j[i?.icon]:void 0,"data-track":"click","data-track-event":"navigationClick","data-track-button-text":i?.text,"data-track-location-in-page":"S329.0","data-track-destination":i?.url,children:i?.text})]})]})]}),(0,n.jsx)("div",{className:"MediaRandomizer__assetWrapper",children:(0,n.jsx)(s.X,{src:_?.image||h?.src,endSrc:_?.image,video:N?I:void 0,alt:h?.alt||"",sizes:"100vw",onVideoEnded:()=>{E(2),k(!1)},onVideoStarted:()=>{R||(k(!0),S())}})})]}),(0,n.jsx)(u.Cq,{editContext:x})]})}})},46773(e,t,a){var n=a(71763);let r=()=>navigator&&(navigator.connection||navigator.mozConnection||navigator.webkitConnection);a.d(t,{},{A:()=>{let[e,t]=(0,n.useState)(void 0);return(0,n.useEffect)(()=>{t(r())},[]),(0,n.useEffect)(()=>{if(!e)return()=>{};let a=()=>t(r());return e?.addEventListener?.("change",a,{passive:!0}),()=>{e?.removeEventListener?.("change",a)}},[e,t]),(0,n.useMemo)(()=>({effectiveType:e?.effectiveType??"unknown"}),[e?.effectiveType])},l:["2g","slow-2g","3g"]})},20409(e,t,a){var n=a(71763),r=a(24948),i=a(5839);a.d(t,{},{A:e=>{let t=(0,n.useMemo)(()=>(e=>{let t="u">typeof window&&i.LO.large&&window.innerWidth>=i.LO.large,{role:a,options:n={},stayVisible:r=!0}=e;return"lazyload"===a?n.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===a?n.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===a&&(n.rootMargin="0px -10px 0px 0px"),{...n,triggerOnce:r}})(e),[e]),{ref:a,inView:l=!1,entry:s}=(0,r.Wx)(t);return{ref:a,isVisible:l,entry:s}}})},24948(e,t,a){var n,r,i=a(71763),l=Object.defineProperty,s=new Map,o=new WeakMap,d=0;function c({threshold:e,delay:t,trackVisibility:a,rootMargin:r,scrollMargin:l,root:u,triggerOnce:v,skip:h,initialInView:p,fallbackInView:m,onChange:g}={}){var f;let[x,w]=i.useState(null),b=i.useRef(g),y=i.useRef(p),[j,M]=i.useState({inView:!!p,entry:void 0});b.current=g,i.useEffect(()=>{let i;if(void 0===y.current&&(y.current=p),!h&&x)return i=function(e,t,a={},r=n){if(void 0===window.IntersectionObserver&&void 0!==r){let n=e.getBoundingClientRect();return t(r,{isIntersecting:r,target:e,intersectionRatio:"number"==typeof a.threshold?a.threshold:0,time:0,boundingClientRect:n,intersectionRect:n,rootBounds:n}

1),()=>{}}let{id:i,observer:l,elements:c}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var a;return`${t}_${"root"===t?!(a=e.root)?"0":(o.has(a)||(d+=1,o.set(a,d.toString())),o.get(a)):e[t]}`}).toString(),a=s.get(t);if(!a){let n,r=new Map,i=new IntersectionObserver(t=>{t.forEach(t=>{var a;let i=t.isIntersecting&&n.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=i),[...null!=(a=r.get(t.target))?a:[]].forEach(e=>{e(i,t)})})},e);n=i.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),a={id:t,observer:i,elements:r},s.set(t,a)}return a}(a),u=c.get(e)||[];return c.has(e)||c.set(e,u),u.push(t),l.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(c.delete(e),l.unobserve(e)),0===c.size&&(l.disconnect(),s.delete(i))}}(x,(e,t)=>{let a=y.current;y.current=e,(void 0!==a||e)&&(M({inView:e,entry:t}),b.current&&b.current(e,t),t.isIntersecting&&v&&i&&(i(),i=void 0))},{root:u,rootMargin:r,scrollMargin:l,threshold:e,trackVisibility:a,delay:t},m),()=>{i&&i()}},[Array.isArray(e)?e.toString():e,x,u,r,l,v,h,a,m,t]);let z=null==(f=j.entry)?void 0:f.target,E=i.useRef(void 0);x||!z||v||h||E.current===z||(E.current=z,M({inView:!!p,entry:void 0}),y.current=p);let R=[w,j.inView,j.entry];return R.ref=R[0],R.inView=R[1],R.entry=R[2],R}i.Component,null!=(null!=(r=i.useInsertionEffect)?r:i.useLayoutEffect)||i.useEffect,a.d(t,{Wx:()=>c})}}]);