https://www.dacia.es/client/dacia-hotspots-380ced84159ed2b3.js

1(self.rspackChunkOne=self.rspackChunkOne||[]).push([[80508],{3861(e,t,r){"use strict";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"})))})},93549(e,t,r){"use strict";var n,i,s=r(71763);function l(){return(l=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=>s.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",viewBox:"0 0 24 24"},e),n||(n=s.createElement("path",{d:"M7.35 7.275 8 8.695l1.075-.49L8.45 6.79A2.23 2.23 0 1 1 12.53 5l.62 1.42 1.1-.5-.62-1.42a3.433 3.433 0 1 0-6.28 2.775"})),i||(i=s.createElement("path",{d:"m14.46 18.79 1 2.295 1.085-.49-1.075-2.445-.2-.245-6.2-4.415a.45.45 0 0 1-.185-.305.5.5 0 0 1 .095-.37.56.56 0 0 1 .22-.17.54.54 0 0 1 .53.045l3 2.1.785-.085.14-.68-3.32-7.57a.5.5 0 0 1 .03-.425.55.55 0 0 1 .255-.23.56.56 0 0 1 .415 0c.118.042.214.13.265.245l1.86 4.245 1.145-.145a.5.5 0 0 1 .31-.39.84.84 0 0 1 .5.03.34.34 0 0 1 .18.22h1.185c.07-.405.155-.445.185-.445a.75.75 0 0 1 .7.13.8.8 0 0 1 .09.315h1.22a.305.305 0 0 1 .23-.305.525.525 0 0 1 .595.36l1.37 3.2c.392.879.26 1.903-.34 2.655a.8.8 0 0 0-.09.14c-.1.224.043.557.87 2.485l1.1-.5c-.275-.62-.575-1.305-.735-1.68a3.77 3.77 0 0 0 .295-3.595 572 572 0 0 1-1.395-3.185 1.725 1.725 0 0 0-1.965-1.05 1.5 1.5 0 0 0-.5.215 1.97 1.97 0 0 0-1.845-.325 1.4 1.4 0 0 0-.525.34.5.5 0 0 0-.085-.05 1.93 1.93 0 0 0-1.5-.055 1.4 1.4 0 0 0-.305.17L12.42 5.56a1.68 1.68 0 0 0-.95-.89 1.745 1.745 0 0 0-2.13.775 1.7 1.7 0 0 0-.085 1.5l2.5 5.69-1.32-.92a1.75 1.75 0 0 0-1.705-.165 1.71 1.71 0 0 0-1.02 1.825c.067.443.313.838.68 1.095zm6.39-14.935-.09.235a12.6 12.6 0 0 1-1.825 3.07L18 6.395q.558-.674 1-1.43l-3.115 1.42-.5-1.09 3.065-1.41a14 14 0 0 0-1.705-.215l.065-1.17a16.4 16.4 0 0 1 3.47.62l.26.08zm-14.76 7.96a11 11 0 0 1-1.735-.19l3.145-1.43-.5-1.09L3.91 10.5q.424-.744.95-1.42l-.95-.735a16.7 16.7 0 0 0-1.8 3.03L2 11.62l.325.665.235.085a12.2 12.2 0 0 0 3.5.63z"})))})},83947(e,t,r){var n=r(90424),i=r(97604);e.exports=function(e,t,r){var s=!0,l=!0;if("function"!=typeof e)throw TypeError("Expected a function");return i(r)&&(s="leading"in r?!!r.leading:s,l="trailing"in r?!!r.trailing:l),n(e,t,{leading:s,maxWait:t,trailing:l})}},7459(e,t,r){"use strict";r.d(t,{X:()=>f});var n=r(91987),i=r(71763),s=r(20496),l=r(97500),a=r.n(l),o=r(16383),c=r(46773),d=r(20409),u=r(5839);let f=(0,s.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:r,video:s,isBrowserEngine:l,threshold:u,disableLazyLoaded:f=!1,isEditMode:p,sizes:h=["100vw","100vw","1280px"],onVideoEnded:m,onVideoProgress:g,onVideoStarted:v,endSrc:x})=>{let[w,y]=(0,i.useState)(!1),[b,j]=(0,i.useState)(!0),[_,E]=(0,i.useState)(!1),S=(0,i.useRef)(null),{ref:N,isVisible:A}=(0,d.A)({role:"animation",stayVisible:!1}),k=(0,c.A)(),H=(0,i.useCallback)(()=>{y(!0),m?.()},[m]);(0,i.useEffect)(()=>{let t=S.current;b&&t&&(A&&e?t?.play().catch(e=>{"NotAllowedError"===e.name&&j(!1)}):t?.pause())},[e,A,b,v,k]);let I=(0,i.useCallback)(()=>{let e=S.current;e?.duration&&Number.isFinite(e.duration)&&g?.(e.currentTime/e.duration)},[g]);(0,i.useEffect)(()=>{E(!1),y(!1)},[s?.mobile]);let{desktop:C,tablet:M,mobile:O}=s||{},W=O;"large"===u&&C?W=C:"medium"===u&&M&&(W=M);let V=(0,i.useMemo)(()=>c.l.includes(k.effectiveType),[k.effectiveType]),L=!W&&!x?.small||W,R=W&&l&&A&&!w&&b&&!V,z=x?.small&&(!W||_)&&!V,T=z?x:t;return t?(0,n.jsxs)("div",{className:a()("ImageWithVideo",{"is-editMode":p}),"aria-hidden":"true",ref:N,children:[(L||z)&&(0,n.jsx)("div",{className:"ImageWithVideo__picture",children:(0,n.jsx)(o._,{src:T||{},alt:r,width:"100%",height:"100%",disableLazyLoaded:f,sizes:h})}),R&&(0,n.jsx)("video",{ref:S,className:"ImageWithVideo__video",autoPlay:e,onEnded:H,loop:!x?.small,muted:!0,src:W,playsInl

1ine:!0,onPlaying:()=>{E(!0),v?.()},onTimeUpdate:g?I:void 0},W)]}):null})},93119(e,t,r){"use strict";r.r(t),r.d(t,{default:()=>E});var n=r(91987),i=r(71763),s=r(20496),l=r(97500),a=r.n(l),o=r(15957),c=r(16383),d=r(47702),u=r(61124),f=r(93196),p=r(93549),h=r(32464),m=r(20409),g=r(35813),v=r(5839),x=r(83947),w=r.n(x),y=r(7459),b=r(3861),j=r(33496);let _=({details:e,initSliderScroll:t})=>{let r=(0,i.useRef)(null),[s,l]=(0,i.useState)(0),[a,o]=(0,i.useState)(!0),[c,d]=(0,i.useState)(!1),u=(0,i.useMemo)(()=>(0,h.Hj)(e),[e]),f=(e,t)=>{let n=r.current,{clientWidth:i=0}=n||{};n&&n.scroll({left:e*(i+16),behavior:t})},p=(0,i.useCallback)(w()(()=>{let e=r.current;if(e){let{scrollLeft:t=0,clientWidth:r}=e||{};o(0===Math.floor(t/r)),d(Math.floor(t/r)===u.length-1),l(Math.floor(t/r))}},400,{leading:!1,trailing:!0}),[u]);return(0,i.useEffect)(()=>{t&&f(0)},[t]),(0,n.jsxs)("div",{className:"HotspotSlider",children:[u&&(0,n.jsx)("ul",{className:"HotspotSlider__scroll",ref:r,onScroll:p,children:u.map(({image:e,video:t,title:r,description:i})=>(0,n.jsxs)("li",{className:"HotspotSlider__slide",children:[e&&(0,n.jsx)("div",{className:"HotspotSlider__image",children:(0,n.jsx)(y.X,{alt:r,src:e,video:{mobile:t}})}),(0,n.jsx)("div",{className:"HotspotSlider__title",children:r}),(0,n.jsx)("p",{className:"HotspotSlider__description",children:i})]},r))}),u&&u.length>1&&(0,n.jsxs)("div",{className:"HotspotSlider__slideArrowWrapper",children:[(0,n.jsx)("button",{className:"HotspotSlider__slideArrow",disabled:a,onClick:()=>f(s-1,"smooth"),children:(0,n.jsx)(b.A,{className:"HotspotSlider__arrowIcon"})}),(0,n.jsx)("button",{className:"HotspotSlider__slideArrow",disabled:c,onClick:()=>f(s+1,"smooth"),children:(0,n.jsx)(j.A,{className:"HotspotSlider__arrowIcon"})})]})]})},E=(0,s.Ng)(({app:e,page:t})=>({threshold:e.threshold||v.qN,modelAdmin:t.data?.modelParams?.model,modelData:t.data?.modelParams?.data}))(({image:e,hotspots:t,threshold:r,modelAdmin:s,modelData:l,className:v,rotateImageIsActivated:x,editContext:w})=>{let[y,b]=(0,i.useState)(!1),j=(0,i.useRef)(null),E=(0,i.useRef)(null),S=(0,h.Hj)(t),{modelSpecCode:N,label:A}=l||{},{modelName:k}=s||{},[H,I]=(0,i.useState)(!1),[C,M]=(0,i.useState)(null),O="large"===r,W=(0,o.W)(j,{amount:.9}),V=(0,o.W)(E,{initial:!0,root:j,amount:.95});(0,g.A)(()=>{V||b(!0)},[V]);let{ref:L}=(0,m.A)({role:"custom",stayVisible:!1,options:{onChange:e=>{!O&&e&&E?.current?.scrollIntoView({behavior:"auto",block:"nearest",inline:"center"})}}}),R=e=>{M(e),I(!0)};return(0,n.jsxs)(u.G,{isFullWidth:!0,padding:"no-padding",children:[(0,n.jsxs)("div",{ref:e=>{j.current=e,L(e)},className:a()("Hotspots",v,{"is-visible":W,"is-portrait-mode":x}),children:[(0,n.jsxs)("div",{className:"Hotspots__innerWraper",children:[!x&&(0,n.jsx)("div",{className:"Hotspots__iconWrapper",ref:E,children:(0,n.jsx)("div",{className:"Hotspots__icon",style:{opacity:V&&!y?1:0},children:(0,n.jsx)(p.A,{className:"Hotspots__iconSvg"})})}),e?.image&&(0,n.jsx)("div",{className:"Hotspots__image",children:(0,n.jsx)(c._,{src:e?.image,alt:e?.alt||"",width:"100%",height:"100%"})}),(0,n.jsx)("ul",{children:S&&S.map(({horizontalCoordinate:e,verticalCoordinate:t,aemKey:r},i)=>(0,n.jsx)("li",{children:(0,n.jsx)("button",{className:a()("Hotspots__hotspotButton",{"is-active":C===i}),onClick:()=>R(i),style:{"--HotspotsX":`${e}%`,"--HotspotsY":`${t}%`,"--HotspotsIndex":r},"data-track":"click","data-track-event":"hotspotInteraction","data-track-hotspot-id":r,"data-track-vehicle-id":N,"data-track-vehicle-model":k||A,type:"button"})},r))})]}),H&&null!==C&&(0,n.jsx)(d.lG,{onClose:()=>R(null),variant:O?"side-panel":"default",size:O?"medium":"large",children:(0,n.jsx)(d.Cf,{children:(0,n.jsx)(_,{details:S?.[C].details})})})]}),(0,n.jsx)(f.Cq,{editContext:w})]})})},46773(e,t,r){"use strict";var n=r(71763);let i=()=>navigator&&(navigator.connection||navigator.mozConnection||navigator.webkitConnection);r.d(t,{},{A:()=>{let[e,t]=(0,n.useState)(void 0);return(0,n.useEffect)(()=>{t(i())},[]),(0,n.useEffect)(()=>{if(!e)return()=>{};let r=()=>t(i());return e?.addEventListener?.("change",r,{passive:!0}),()=>{e?.removeEventListener?.("change",r)}},[e,t]),(0,n.useMemo)(()=>({effectiveType:e?.effectiveType??"unknown"}),[e?.effectiveType])},l:["2g","slow-2g","3g"]})},20409(e,t,r){"use strict";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:l=!1,entry:a}=(0,i.Wx)(t);return{ref:r,isVisible:l,entry:a}}})},15957(e,t,r){"use strict";r.d(t,{W:()=>l});var n=r(71763),i=r(92922);let s={some:0,all:1};function l(e,{root:t,margin:r,amount:a,once:o=!1,initial:c=!1}={}

1){let[d,u]=(0,n.useState)(c);return(0,n.useEffect)(()=>{if(!e.current||o&&d)return;let n={root:t&&t.current||void 0,margin:r,amount:a};return function(e,t,{root:r,margin:n,amount:l="some"}={}){let a=(0,i.K)(e),o=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let r=o.get(e.target);if(!!r!==e.isIntersecting)if(e.isIntersecting){let r=t(e.target,e);"function"==typeof r?o.set(e.target,r):c.unobserve(e.target)}else"function"==typeof r&&(r(e),o.delete(e.target))})},{root:r,rootMargin:n,threshold:"number"==typeof l?l:s[l]});return a.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(u(!0),o?void 0:()=>u(!1)),n)},[t,e,r,o,a]),d}},92922(e,t,r){"use strict";function n(e,t,r){if(null==e)return[];if(e instanceof EventTarget)return[e];if("string"==typeof e){let n=document;t&&(n=t.current);let i=r?.[e]??n.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e).filter(e=>null!=e)}r.d(t,{K:()=>n})},24948(e,t,r){"use strict";var n,i,s=r(71763),l=Object.defineProperty,a=new Map,o=new WeakMap,c=0;function d({threshold:e,delay:t,trackVisibility:r,rootMargin:i,scrollMargin:l,root:u,triggerOnce:f,skip:p,initialInView:h,fallbackInView:m,onChange:g}={}){var v;let[x,w]=s.useState(null),y=s.useRef(g),b=s.useRef(h),[j,_]=s.useState({inView:!!h,entry:void 0});y.current=g,s.useEffect(()=>{let s;if(void 0===b.current&&(b.current=h),!p&&x)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}),()=>{}}let{id:s,observer:l,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":(o.has(r)||(c+=1,o.set(r,c.toString())),o.get(r)):e[t]}`}).toString(),r=a.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},a.set(t,r)}return r}(r),u=d.get(e)||[];return d.has(e)||d.set(e,u),u.push(t),l.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(d.delete(e),l.unobserve(e)),0===d.size&&(l.disconnect(),a.delete(s))}}(x,(e,t)=>{let r=b.current;b.current=e,(void 0!==r||e)&&(_({inView:e,entry:t}),y.current&&y.current(e,t),t.isIntersecting&&f&&s&&(s(),s=void 0))},{root:u,rootMargin:i,scrollMargin:l,threshold:e,trackVisibility:r,delay:t},m),()=>{s&&s()}},[Array.isArray(e)?e.toString():e,x,u,i,l,f,p,r,m,t]);let E=null==(v=j.entry)?void 0:v.target,S=s.useRef(void 0);x||!E||f||p||S.current===E||(S.current=E,_({inView:!!h,entry:void 0}),b.current=h);let N=[w,j.inView,j.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})}}]);