https://www.suzuki.ro/_next/static/chunks/3409.631f7275d0197c8f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3409],{66082:(e,t,n)=>{n.d(t,{kw:()=>c});var i=n(14232),l=n(37876),a="__react-image-turntable-img",r=`${a}--primary`,o=`${a}--secondary`,u={maxWidth:"100%"},s=e=>{e.preventDefault()},c=({images:e,initialImageIndex:t=0,style:n,tabIndex:c=0,movementSensitivity:d=20,onIndexChange:m,autoRotate:v={disabled:!1},...g})=>{let{ref:f,activeImageIndex:p}=(({initialImageIndex:e,imagesCount:t,movementSensitivity:n,autoRotate:l})=>{let[a,r]=(0,i.useState)(e),o=(0,i.useRef)(null),u=(0,i.useRef)(null);(0,i.useEffect)(()=>{r(e)},[e]);let s=()=>{o.current&&(clearInterval(o.current),o.current=null)};return(0,i.useEffect)(()=>(l.disabled||o.current||(o.current=setInterval(()=>{r(e=>{let n=e+1;return n>t?0:n})},l.interval||200)),l.disabled&&s(),()=>s()),[l,t]),(0,i.useEffect)(()=>{let e=u.current,i=0,l=()=>{r(e=>e+1>t?0:e+1)},a=()=>{r(e=>e-1<0?t:e-1)},o=e=>{"ArrowLeft"===e.key?a():"ArrowRight"===e.key&&l()},s=e=>{let t=i-e.clientX;t<=-n&&(i+=n,l()),t>=n&&(i-=n,a())},c=()=>{window.removeEventListener("pointermove",s),window.removeEventListener("pointerup",c)},d=e=>{2!=e.button&&(i=e.clientX,window.addEventListener("pointermove",s,{passive:!0}),window.addEventListener("pointerup",c,{passive:!0}))};return e.addEventListener("keydown",o,{capture:!0}),e.addEventListener("pointerdown",d,{capture:!0}),()=>{e.removeEventListener("keydown",o,{capture:!0}),e.removeEventListener("pointerdown",d,{capture:!0}),window.removeEventListener("pointerup",c),window.removeEventListener("pointermove",s)}},[t,n]),{ref:u,activeImageIndex:a}})({initialImageIndex:t,imagesCount:e.length-1,movementSensitivity:d,autoRotate:v}),h={position:"relative",touchAction:"none",userSelect:"none",...n};return(0,i.useEffect)(()=>{m&&m(p)},[p,m]),(0,l.jsx)("div",{"aria-label":"Image turntable",...g,ref:f,role:"slider","aria-valuemin":1,"aria-valuemax":e.length,"aria-valuenow":p+1,"aria-valuetext":`${p+1} of ${e.length}`,style:h,tabIndex:c,children:e.map((e,t)=>(0,l.jsx)("img",{className:`${a} ${0===t?r:o}`,src:e,alt:`Turntable image ${t+1}`,draggable:!1,onDragStart:s,style:{...u,position:0===t?void 0:"absolute",opacity:+(t===p),left:0,top:0,right:0,bottom:0,width:"100%",height:"100%",objectFit:"cover"}},e))})}},73409:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(37876),l=n(18847),a=n.n(l),r=n(25660),o=n(14232);n(54587);var u=n(66082),s=n(9280);let c=a()(()=>Promise.all([n.e(3267),n.e(7823),n.e(926),n.e(4101),n.e(2652)]).then(n.bind(n,62652)).then(e=>e.ReactPhotoSphereViewer),{loadableGenerated:{webpack:()=>[62652]},ssr:!1}),d=e=>{var t,n,l,a,d,m,v,g,f,p,h,b,I,_,w,k,D,x,y,E,L,S,R,j,A,T,$,C,M,N,G,U,P,z;let{imageSrc:F,height:X}=e,[q,H]=(0,o.useState)(!0),O=(0,s.A)(),V=(0,o.useRef)(null),W={desktop:"",mobile:""},Z=e.configuratorData&&e.configuratorData.hasOwnProperty("variants")?null==(l=e.configuratorData)||null==(n=l.variants[0])||null==(t=n.interior)?void 0:t.interior_images.findIndex(e=>(null==e?void 0:e.key)=="static_image_interiror"):-1;Z>-1&&(W.desktop=null==(G=e.configuratorData)||null==(N=G.variants[0])||null==(M=N.interior)?void 0:M.interior_images[Z].value.desktop,W.mobile=null==(z=e.configuratorData)||null==(P=z.variants[0])||null==(U=P.interior)?void 0:U.interior_images[Z].value.mobile);let B="".concat(r.configuration.IMG_URL).concat(O?(null==e||null==(m=e.configuratorData)||null==(d=m.staticImgDefault)||null==(a=d.interior)?void 0:a.mob_img)?null==e||null==(f=e.configuratorData)||null==(g=f.staticImgDefault)||null==(v=g.interior)?void 0:v.mob_img:W.mobile:(null==e||null==(b=e.configuratorData)||null==(h=b.staticImgDefault)||null==(p=h.interior)?void 0:p.desk_img)?null==e||null==(w=e.configuratorData)||null==(_=w.staticImgDefault)||null==(I=_.interior)?void 0:I.desk_img:W.desktop);return(0,o.useEffect)(()=>{if(V.current){let a=V.current.querySelector("img");if(a){var t,n,i,l;let r=(null==e?void 0:e.alt_text_mobile)||(W.mobile?"Suzuki_".concat(null==(n=W.mobile)||null==(t=n.split("/").pop())?void 0:t.split(".")[0]):"Turntable Image"),o=(null==e?void 0:e.alt_text_desktop)||(W.desktop?"Suzuki_".concat(null==(l=W.desktop)||null==(i=l.split("/").pop())?void 0:i.split(".")[0]):"Tur

1ntable Image");a.setAttribute("alt",O?r:o)}}},[B,null==e?void 0:e.alt_text_desktop,null==e?void 0:e.alt_text_mobile,W,O]),(0,i.jsx)(i.Fragment,{children:(null==e||null==(k=e.configuratorData)?void 0:k.IntStaticImageToggle)?(0,i.jsx)("div",{ref:V,children:(0,i.jsx)(u.kw,{autoRotate:{disabled:!0},style:{minHeight:"50vh",height:"100%",touchAction:"auto"},images:["".concat(r.configuration.IMG_URL).concat(O?(null==e||null==(y=e.configuratorData)||null==(x=y.staticImgDefault)||null==(D=x.interior)?void 0:D.mob_img)?null==e||null==(S=e.configuratorData)||null==(L=S.staticImgDefault)||null==(E=L.interior)?void 0:E.mob_img:W.mobile:(null==e||null==(A=e.configuratorData)||null==(j=A.staticImgDefault)||null==(R=j.interior)?void 0:R.desk_img)?null==e||null==(C=e.configuratorData)||null==($=C.staticImgDefault)||null==(T=$.interior)?void 0:T.desk_img:W.desktop)]})}):(0,i.jsxs)("div",{className:"relative h-[40vh] sm:h-[50vh] md:h-[60vh] lg:h-[80vh]",onMouseDown:()=>H(!1),onMouseUp:()=>void setTimeout(()=>{H(!0)},3e3),children:[(0,i.jsx)(c,{defaultZoomLvl:1,src:"".concat(F,"?").concat(new Date),height:"100%",navbar:!1,width:"100%",container:""}),q&&(0,i.jsx)("img",{className:"absolute left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] h-[6rem] lg:h-[10rem] w-[6rem] lg:w-[10rem]",src:"".concat(r.configuration.IMG_STATIC_URL,"assets/images/360-overlay.svg"),alt:""})]})})}}}]);