https://www.renault.se/transportbilar/_next/static/chunks/243.b714511c099d6520.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[243],{15563:(e,t,r)=>{r.d(t,{Y:()=>c,i:()=>i});var n=r(2183),a=r(27861),l=r(62943),s=r(3638);function i(e){let t,r,l,i=(0,a.c)(7),{LegalLines:c,className:u}=e;return c&&0!==c.length?(i[0]!==u?(t=(0,s.A)("flex flex-col gap-1 text-xs font-extralight leading-none",u),i[0]=u,i[1]=t):t=i[1],i[2]!==c?(r=c?.map(o),i[2]=c,i[3]=r):r=i[3],i[4]!==t||i[5]!==r?(l=(0,n.jsx)("div",{className:t,children:r}),i[4]=t,i[5]=r,i[6]=l):l=i[6],l):null}function o(e){return(0,n.jsx)(l.RichText,{prefetchLinks:!1,field:e?.fields?.Text,className:"[&_a]:text-text-link [&_a]:hover:text-text-link-hover [&_a]:underline"},e.id)}function c(e){let t,r,i,o=(0,a.c)(10),{LegalLines:c,bgColor:u,className:d,ordered:m}=e,f=void 0===u?"bg-black":u,x=void 0!==m&&m;if(!c||0===c.length)return null;let h="bg-editor-background-2"===f?"text-black":"text-text-legal";return o[0]!==f||o[1]!==d||o[2]!==h?(t=(0,s.A)("px-sm bp:px-lg w-full border-b border-b-[#323232] pb-3 pt-2 text-xs font-extralight leading-none",f,h,d),o[0]=f,o[1]=d,o[2]=h,o[3]=t):t=o[3],o[4]!==c||o[5]!==x?(r=c?.map((e,t)=>(0,n.jsxs)("span",{className:"flex items-center gap-1",children:[x&&(0,n.jsx)("sup",{children:t+1}),(0,n.jsx)(l.RichText,{prefetchLinks:!1,field:e?.fields?.Text,className:"[&_a]:text-text-link [&_a]:hover:text-text-link-hover [&_a]:underline"},e.id)]})),o[4]=c,o[5]=x,o[6]=r):r=o[6],o[7]!==t||o[8]!==r?(i=(0,n.jsx)("div",{className:t,children:r}),o[7]=t,o[8]=r,o[9]=i):i=o[9],i}},26612:(e,t,r)=>{r.d(t,{A:()=>c});var n=r(2183),a=r(27861),l=r(3638),s=r(17296);function i(e){switch(e){case"play":return"Play";case"pause":return"Pause";case"rewind":return"Rewind";case"mute":return"Mute";case"unmute":return"Unmute";case"fullscreen":return"Fullscreen";case"exit-fullscreen":return"Exit Fullscreen";default:return""}}function o(e){let t=(0,a.c)(7),{type:r}=e;switch(r){case"play":{let e;return t[0]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(s.PlayIcon,{className:"ml-1"}),t[0]=e):e=t[0],e}case"pause":{let e;return t[1]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(s.PauseIcon,{}),t[1]=e):e=t[1],e}case"rewind":{let e;return t[2]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(s.RewindIcon,{}),t[2]=e):e=t[2],e}case"mute":{let e;return t[3]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(s.MuteIcon,{}),t[3]=e):e=t[3],e}case"unmute":{let e;return t[4]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(s.UnmuteIcon,{}),t[4]=e):e=t[4],e}case"fullscreen":{let e;return t[5]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(s.FullscreenExpandIcon,{}),t[5]=e):e=t[5],e}case"exit-fullscreen":{let e;return t[6]===Symbol.for("react.memo_cache_sentinel")?(e=(0,n.jsx)(s.FullscreenCloseIcon,{}),t[6]=e):e=t[6],e}default:return null}}let c=e=>{let t,r,s,c,u,d=(0,a.c)(15),{type:m,className:f,rounded:x,onClick:h}=e;d[0]!==m?(t=i(m),d[0]=m,d[1]=t):t=d[1],d[2]!==m?(r=i(m),d[2]=m,d[3]=r):r=d[3];let p=void 0!==x&&x&&"border-outline-2 rounded-full border";return d[4]!==f||d[5]!==p?(s=(0,l.A)("focus:outline-white! z-50 flex size-8 items-center justify-center bg-black/50 hover:bg-black",p,f),d[4]=f,d[5]=p,d[6]=s):s=d[6],d[7]!==m?(c=(0,n.jsx)(o,{type:m}),d[7]=m,d[8]=c):c=d[8],d[9]!==h||d[10]!==t||d[11]!==r||d[12]!==s||d[13]!==c?(u=(0,n.jsx)("button",{name:t,"aria-label":r,className:s,onClick:h,children:c}),d[9]=h,d[10]=t,d[11]=r,d[12]=s,d[13]=c,d[14]=u):u=d[14],u}},29465:(e,t,r)=>{r.d(t,{z:()=>d});var n=r(90432),a=r(56050),l=r(15184);function s(e){return"number"==typeof e?e:parseFloat(e)}var i=r(36439),o=r(82034),c=r(37285),u=r(89399);function d(e,t={}){return function(e,t={}){let{isStatic:r}=(0,i.useContext)(o.Q),d=()=>(0,n.S)(e)?e.get():e;if(r)return(0,u.G)(d);let m=(0,c.d)(d());return(0,i.useInsertionEffect)(()=>(function(e,t,r={}){let i,o=e.get(),c=null,u=o,d="string"==typeof o?o.replace(/[\d.-]/g,""):void 0,m=()=>{c&&(c.stop(),c=null),e.animation=void 0},f=()=>{(()=>{let t=s(e.get()),n=s(u);if(t===n)return m();let l=c?c.getGeneratorVelocity():e.getVelocity();m(),c=new a.s({keyframes:[t,n],velocity:l,type:"spring",restDelta:.001,restSpeed:.01,...r,onUpdate:i})})(),e.animation=c??void 0,e.events.animationStart?.notify(),c?.then(()=>{e.animation=void 0,e.events.animationComplete?.notify()})};if(e.attach((e,t)=>{u=e,i=e=>{var r,n;return t((r=e,(n=d)?r+n:r))},l.Gt.postRender(f)},m),(0,n.S)(t)){let n=!0===r.skipInitialAnimation,a=t.on("change",t=>{var r,a,l,s;n?(n=!1,e.jump((r=t,(a=d)?r+a:r),!1)):e.set((l=t,(s=d)?l+s:l))}),l=e.on("destroy",a);return()=>{a(),l()}}return m})(m,e,t),[m,JSON.stringify(t)]),m}(e,{type:"spring",...t})}},30243:(e,t,r)=>{r.r(t),r.d(t,{default:()=>y});

1var n=r(2183),a=r(27861),l=r(99772),s=r(5728),i=r(62943),o=r(3638),c=r(51457),u=r(89399),d=r(29465),m=r(84053),f=r(17296),x=r(15563),h=r(75797),p=r(36439),v=r(40832),b=r(94607);function g(e){let t,r=(0,a.c)(6),{Image:l,MobileImage:i,Video:o,VideoPhone:c,eager:u}=e;return r[0]!==l||r[1]!==i||r[2]!==o?.value?.src||r[3]!==c?.value?.src||r[4]!==u?(t=(0,n.jsx)(n.Fragment,{children:o?.value?.src||c?.value?.src?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(h.A,{src:o?.value?.src,srcPhone:c?.value?.src,poster:l?.value?.src||i?.value?.src,controls:["mute","pause"],controlsPosition:"top-right",autoplay:!0,eager:u,muted:!0,loop:!0})}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s._V,{field:l?.value?.src?l:i,fill:!0,className:"bp:block hidden h-full w-full object-cover"}),(0,n.jsx)(s._V,{field:i?.value?.src?i:l,fill:!0,className:"bp:hidden block h-full w-full object-cover"})]})}),r[0]=l,r[1]=i,r[2]=o?.value?.src,r[3]=c?.value?.src,r[4]=u,r[5]=t):t=r[5],t}let y=(0,l.es)(function({fields:e,rendering:t}){let r=(0,p.useRef)(null),a=(0,p.useRef)(null);(0,p.useEffect)(()=>{let e=document.querySelector(".portal-container");e&&r.current&&e.contains(r.current)&&(a.current=e)},[]);let{scrollYProgress:h}=(0,c.L)({container:a.current?a:void 0,target:r,offset:["start start","end start"]}),y=(0,u.G)(h,[0,1,1.5],[1,1.4,1.4]),j=(0,d.z)(y,{stiffness:100,damping:30}),w=(0,u.G)(h,[0,1],["0px","-100svh"]),k=(0,u.G)(h,[0,1],[1,0]),{Title:N,SubTitle:_,ScrollText:S,Image:C,TextColor:A,MobileImage:E,Video:L,VideoPhone:F,IgnoreSubNavigationHeight:I}=e,P=N?.value||"",T=(0,b.fh)(t),R=(0,l.UR)(t),G=!!I?.value||!T,M=(0,v.K7)()?`calc(60vw/${P.length} + 2vw)`:`calc(95vw/${P.length} + 3vw)`;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{id:t?.uid,"data-component":"CarHero",className:(0,o.A)("relative h-[250svh]",A?.value==="White"?"text-text-invert-primary":"text-text-primary"),ref:r,children:(0,n.jsxs)("div",{style:{height:`calc(100dvh - var(--panel-sticky-height, 0px) - ${G?"0px":"max(var(--sub-nav-m-height, 0px), var(--sub-nav-height, 0px))"} - var(--sub-nav-m-bottom-height, 0px) - var(--breadcrumbs-height, 0px))`,top:`calc(${G?"0px":"max(var(--sub-nav-m-height, 0px), var(--sub-nav-height, 0px))"} + var(--panel-sticky-height, 0px))`},className:"transform-[height] sticky overflow-hidden bg-black duration-300 ease-in-out",children:[(0,n.jsx)(m.P.div,{className:"relative h-full w-full",style:{scale:j},initial:{opacity:.4},animate:{opacity:1},transition:{duration:5,ease:[.02,.98,.62,.96],delay:1.2},children:(0,n.jsx)(g,{Image:C,MobileImage:E,Video:L,VideoPhone:F,eager:R})}),(0,n.jsxs)(m.P.div,{className:"bp:bottom-1/2 bp:translate-y-1/2 absolute bottom-2/3 w-full text-balance text-center font-bold",style:{y:w},children:[(0,n.jsx)("span",{className:"animate-enter-up bp:text-3xl font-extended block text-2xl [--enter-y:18vh] [animation-duration:0.8s]",children:(0,n.jsx)(i.Text,{field:_})}),(0,n.jsx)("div",{className:"animate-enter-up block",children:(0,n.jsx)(s.DZ,{tagName:"h1",tagStyle:{fontSize:M,lineHeight:"0.8em",fontWeight:700},style:{fontFamily:"var(--font-family-extended)"},children:P})})]}),(0,n.jsx)(m.P.span,{style:{opacity:k},initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.5,ease:"easeOut",delay:.5},className:"absolute bottom-5 flex w-full flex-col items-center text-center",children:(0,n.jsxs)("button",{onClick:function(){r.current&&window&&window.scrollTo({top:r.current.offsetTop+r.current.clientHeight,behavior:"smooth"})},className:"flex flex-col items-center font-medium",children:[(0,n.jsx)(i.Text,{field:S,className:"text-sm"}),(0,n.jsx)(f.ChevronDownIconSecondary,{className:"mt-2 animate-bounce"})]})})]})}),(0,n.jsx)(x.Y,{LegalLines:e.LegalLines})]})})},40832:(e,t,r)=>{r.d(t,{K7:()=>s,ZV:()=>a,lA:()=>i,t_:()=>l});var n=r(94011);function a(e,t=n.A.defaultLanguage??"sv-SE",r,l=0){if(0===e)return`0 ${r||""}`;if(!e||!t)return"";let s=Number(e);return[Number.isNaN(s)||!s?e:new Intl.NumberFormat(t,{maximumFractionDigits:l,minimumFractionDigits:l}).format(s),r].filter(Boolean).join(" ")}function l(e){switch(e){case"BackgroundColor1":return"bg-editor-background";case"BackgroundColor2":return"bg-editor-background-2";case"BackgroundColor3":return"bg-editor-background-3";case"None":return"bg-foundation";default:return""}}function s(){return(n.A.defaultSite??"").toLowerCase().includes("dacia")}function i(){return(n.A.defaultSite??"").toLowerCase().includes("alpine")}},75797:(e,t,r)=>{r.d(t,{A:()=>m});var n=r(2183),a=r(27861),l=r(99772),s=r(3638),i=r(36439),o=r(26612);let c="(max-width: 639.98px)",u=e=>{let t=e.split("?")[0].split(".").pop()?.toLowerCase();return"mp4"===t||"m4v"===t?"video/mp4":"webm"===t?"video/webm":void 0},d=({control:e,videoRef:t})=>{let[r,a]=(0,i.useState)();return((0,i.useEffect)(()=>{let r=t.current;switch(e){case"pause":{let e=()=>a(!(r?.paused??!0));return e(),r?.addEventListener("play",e),r?.addEventListener("pause",e),()=>{r?.removeEventListener("play",e),r?.removeEventListener("pause",e)}}case"mute":a(r?.muted??!0);break;default:a(!1)}},[t.current]),"pause"===e)?(0,n.jsx)(o.A,{type:r?"pause":"play",className:"text-white",onClick:()=>{t.current&&(r?t.current.pause():t.current.play().catch(()=>{}))}}):"rewind"===e?(0,n.jsx)(o.A,{type:"rewind",className:"text-white",onClick:()=>{t.current&&(t.current.currentTime=0)}}):"mute"===e?(0,n.jsx)(o.A,{type:r?"mute":"unmute",className:"text-white",onClick:()=>{t.current&&(t.current.muted=!r,a(!r))}}):"fullscreen"===e?(0,n.jsx)(o.A,{type:"fullscreen",className:"text-white",onClick:()=>{t.current&&t.current.requestFullscreen&&t.current.requestFullscreen()}}):void 0},m=e=>{let t,r,o,m,x,h,p,v,b,g,y=(0,a.c)(29),{src:j,srcPhone:w,poster:k,classname:N,autoplay:_,eager:S,loop:C,controls:A,controlsPosition:E,muted:L}=e,F=void 0!==_&&_,I=void 0!==S&&S,P=void 0===C||C,T=void 0===E?"top-right":E,R=void 0===L||L,G=(0,i.useRef)(null);(0,l.zO)(G,F),y[0]!==w?(t=()=>{let e=G.current;if(!e||!w)return;let t=window.matchMedia(c),r=()=>{if(e.networkState===HTMLMediaElement.NETWORK_EMPTY)return;let t=!e.paused;e.load(),t&&e.play().catch(f)};return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},r=[w],y[0]=w,y[1]=t,y[2]=r):(t=y[1],r=y[2]),(0,i.useEffect)(t,r);let M=j||w,V=w||j;y[3]!==N?(o=(0,s.A)("relative h-full w-full",N),y[3]=N,y[4]=o):o=y[4];let z=I&&F,D=I?"auto":"none",$=k||void 0;return y[5]!==M||y[6]!==V?(m=V&&V!==M&&(0,n.jsx)("source",{src:V,media:c,type:u(V)}),y[5]=M,y[6]=V,y[7]=m):m=y[7],y[8]!==M?(x=M&&(0,n.jsx)("source",{src:M,type:u(M)}),y[8]=M,y[9]=x):x=y[9],y[10]!==P||y[11]!==R||y[12]!==D||y[13]!==$||y[14]!==m||y[15]!==x||y[16]!==z?(h=(0,n.jsxs)("video",{ref:G,muted:R,loop:P,playsInline:!0,autoPlay:z,preload:D,poster:$,className:"h-full w-full object-cover",children:[m,x]}),y[10]=P,y[11]=R,y[12]=D,y[13]=$,y[14]=m,y[15]=x,y[16]=z,y[17]=h):h=y[17],y[18]!==T?(p=(0,s.A)("absolute flex",(e=>{switch(e){case"top-left":return"top-0 left-0";case"top-right":return"top-0 right-0";case"bottom-left":return"bottom-0 left-0";case"bottom-right":return"bottom-0 right-0";default:return""}})(T)),y[18]=T,y[19]=p):p=y[19],y[20]!==A?(v=A.map((e,t)=>(0,n.jsx)(d,{control:e,videoRef:G},t)),y[20]=A,y[21]=v):v=y[21],y[22]!==p||y[23]!==v?(b=(0,n.jsx)("div",{className:p,children:v}),y[22]=p,y[23]=v,y[24]=b):b=y[24],y[25]!==h||y[26]!==b||y[27]!==o?(g=(0,n.jsxs)("div",{className:o,children:[h,b]}),y[25]=h,y[26]=b,y[27]=o,y[28]=g):g=y[28],g};function f(){}},94607:(e,t,r)=>{r.d(t,{fh:()=>s,jK:()=>l,vx:()=>i});var n=r(47923),a=r(62943);let l="max(var(--sub-nav-m-height, 0px), var(--sub-nav-height, 0px))";function s(e){let{page:t}=(0,a.useSitecore)();return(0,n.c)(t?.layout?.sitecore?.route,e?.uid,"SubNavigationGroup")??!0}function i(e){return s(e)?l:"0px"}}}]);