https://www.dacia.it/client/dacia-car-comparator-b6ff6869df37ce97.js

1"use strict";(self.rspackChunkOne=self.rspackChunkOne||[]).push([[61905],{92602(e,r,a){var t,l=a(71763);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}a.d(r,{},{A:e=>l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),t||(t=l.createElement("path",{d:"M12.005 17.645 3.28 8.495l1.445-1.38L12 14.75l7.275-7.635 1.445 1.38-8.725 9.15z"})))})},22777(e,r,a){var t,l=a(71763);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}a.d(r,{},{A:e=>l.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),t||(t=l.createElement("path",{d:"M19.28 16.885 12.005 9.25 4.73 16.885l-1.445-1.38 8.72-9.15 8.725 9.15-1.445 1.38z"})))})},80715(e,r,a){var t=a(91987),l=a(20496),n=a(84759),o=a(16777),i=a(90939),s=a(55595);let c=(0,l.Ng)(({page:e})=>({brand:e.data?.siteParams?.brand||"renault"})),d=(e,r,a,t,l)=>{if(a)return void 0!==l?(0,n.sB)((0,i.A)("/agg/v1/cfg/scene"),{uri:e,profile:a,viewpoint:r,index:l,decorName:t}):(0,n.sB)((0,i.A)("/agg/vn/unique/{profile}/{viewPoint}.png",{viewPoint:r,profile:a}),{uri:e,decorName:t})},m=c(({uri:e,aspectRatio:r,viewPoint:a,profiles:l,index:n,decorName:i,width:c,height:m,disableLazyLoaded:u,objectFit:p="contain",sizes:g,brand:h})=>{let _,x;return(0,t.jsx)(s._,{alt:"",aspectRatio:r,width:c,height:m,objectFit:p,src:(_=a??`${h.charAt(0)}_brandSite_carPicker_1`,x=l||{},(0,o.yb)({small:d(e,_,x.small,i,n),medium:d(e,_,x.medium,i,n),large:d(e,_,x.large,i,n),xlarge:d(e,_,x.xlarge,i,n),smallx2:d(e,_,x.smallx2,i,n),mediumx2:d(e,_,x.mediumx2,i,n),largex2:d(e,_,x.largex2,i,n),xlargex2:d(e,_,x.xlargex2,i,n)})),disableLazyLoaded:u,sizes:g})});a.d(r,{},{F:m})},77048(e,r,a){var t=a(80715);a.d(r,{F:()=>t.F})},9045(e,r,a){a.r(r),a.d(r,{default:()=>f});var t=a(91987),l=a(71763),n=a(61124),o=a(73437),i=a(93196),s=a(84759),c=a(97500),d=a.n(c),m=a(75457),u=a(77048),p=a(92602),g=a(22777),h=a(78948);let _=0,x={small:"ONE_DACIA_PP_LARGE_DENSITY1",smallx2:"ONE_DACIA_PP_LARGE_DENSITY2",large:"ONE_DACIA_PP_XLARGE_DENSITY1",largex2:"ONE_DACIA_PP_XLARGE_DENSITY2"},C=({models:e=[],onChange:r,initialModel:a=_})=>{let n=(0,l.useRef)(null),[o,i]=(0,l.useState)(_),[s,c]=(0,l.useState)(!1),C=o===e.length-1,f=o===_,{modelAdmin:v,modelData:A}=e[o]||{},{modelName:k}=v||{},{label:b}=A||{},P=k||b||"",j=(e,r)=>{let a=n?.current;a&&a?.querySelectorAll(".CarComparatorModelPicker__carImg").length>0&&a?.querySelectorAll(".CarComparatorModelPicker__carImg > picture")[e]?.scrollIntoView({block:"nearest"}),(0,h.d)({event:"carouselInteraction",carouselName:r,itemNumber:e})};return(0,l.useEffect)(()=>{let e=new IntersectionObserver(e=>{e.forEach(e=>{e?.intersectionRatio>=.9&&n?.current&&i(Array.from(n?.current?.children)?.indexOf(e?.target))})},{root:n.current,threshold:[...Array(10).keys()].map(e=>e/10)});return n?.current?.querySelectorAll(".CarComparatorModelPicker__carImg").forEach(r=>{e.observe(r)}),()=>e.disconnect()},[]),(0,l.useEffect)(()=>{r&&r(o)},[o,r]),(0,l.useEffect)(()=>{n.current?.children?.[a]?.offsetTop&&n.current.scrollTo(0,n.current.children[a].offsetTop),c(!0)},[a]),(0,t.jsxs)("div",{className:"CarComparatorModelPicker",children:[(0,t.jsx)("div",{ref:n,className:d()("CarComparatorModelPicker__modelsWrapper",{"is-smooth":s}),children:e.map(e=>(0,t.jsx)("figure",{className:"CarComparatorModelPicker__carImg",children:(0,t.jsx)(u.F,{uri:e.modelAdmin?.imageURI||"",profiles:x,aspectRatio:"3/2",width:"100%"})},e.modelAdmin?.modelAdminId))}),(0,t.jsx)(m.FW,{children:(0,t.jsx)(m.Ny,{children:(0,t.jsx)(m.PY.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"CarComparatorModelPicker__modelName",children:P},P)})}),!C&&(0,t.jsx)("button",{className:"CarComparatorModelPicker__button is-top",onClick:()=>j(o+1,P),type:"button",children:(0,t.jsx)(g.A,{className:"CarComparatorModelPicker__buttonIcon"})}),!f&&(0,t.jsx)("button",{className:"CarComparatorModelPicker__button is-bottom",onClick:()=>j(o-1,P),type:"button",children:(0,t.jsx)(p.A,{className:"CarComparatorModelPicker__buttonIcon"})})]})},f=({general:e,rangeData:{models:r=[],rangeAdminId:a=""}={},editContext:c})=>{let{ctaLabel:d="",ctaLink:m=""}=e||{},[u,p]=(0,l.useState)(0),[g,h]=(0,l.useState)(0),_=(0,s.sB)(m,{rightModelAdminId:r[g]?.modelAdmin?.modelAdminId,leftModelAdminId:r[u]?.modelAdmin?.modelAdminId,rangeId:a});return(0,t.jsx)(n.G,{children:(0,t.jsxs)("div",{className:"CarComparator",children:[(0,t.jsxs)("div",{className:"CarComparator__modelPickerWrapper",children:[(0,t.jsx)(C,{models:r,onChange:e=>p(e)}),(0,t.jsx)(C,{models:r,onChange:e=>h(e),initialModel:1})]}),(0,t.jsx)("div",{className:"CarComparator__cta",children:(0,t.jsx)(o.l,{variant:"cta-primary",href:_,title:d,useButtonMarkup:!0,"data-track":"click","data-track-event":"navigationClick","data-track-button-text":d,"data-track-destination":_,"data-track-location-in-page":"comparator"})}),(0,t.jsx)(i.Cq,{editContext:c})]})})}}}]);