1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8236,3454,7902,5932,7548,7003],{53454:function(n,e,t){t.r(e);var o=t(85893),r=t(67294),i=t(37739),l=t(95992),a=t(25814),s=t(50517),d=t(19457),c=t(84590),u=t(37902);e.default=n=>{var e,t,h,m;let{dataArray:g,active:p,setSelectedView:v,className:b,labelsLong:f,showInteriorCta:w=!0}=n,x=null!==(h=null===(e=(0,s.s4)(f,"label_interior",!1))||void 0===e?void 0:e[0])&&void 0!==h?h:"INTERIOR",k=null!==(m=null===(t=(0,s.s4)(f,"label_exterior",!1))||void 0===t?void 0:t[0])&&void 0!==m?m:"EXTERIOR",[j,C]=(0,r.useState)(0),y=(0,c.Cb)(),N={event:"configuratorLight",eventCategory:"Car Configurator Light",eventAction:"3D Interior",eventLabel:null==y?void 0:y.text,modelCar:y},S={event:"configuratorLight",eventCategory:"Car Configurator Light",eventAction:"Switch 3D Exterior",eventLabel:null==y?void 0:y.text,modelCar:y},O=g.map((n,e)=>{var t;let r=null!==(t=(0,s.s4)(null==n?void 0:n.attributes,"dropdown-label"))&&void 0!==t?t:"".concat(k," ").concat(e+1);return(0,o.jsx)(i.Z.Item,{className:"boxed",onClick:()=>{(0,d.DW)(S),C(e)},children:r},(0,l.h)(n))});return(0,o.jsxs)(u.StyledExteriorView,{className:b,children:[g.map((n,e)=>{let{url:{url:t},attributes:r}=n,i=e===j,d=(0,s.s4)(r,"thumb-path"),c=(0,s.s4)(r,"num-frames");return(0,o.jsx)(a.Drag3d,{active:p&&i,videoUrl:t,thumbPath:d,numFrames:c,hidden:!i},(0,l.h)(n))}),(0,o.jsxs)("div",{className:"options",style:{display:w?"block":"none"},children:[(0,o.jsx)(a.Button,{attributes:{"data-layer":JSON.stringify(N)},className:"boxed other on-dark",onClick:()=>v("interior"),children:(0,o.jsx)("span",{children:x})}),g.length<2?(0,o.jsx)(a.Button,{className:"boxed on-dark",onClick:()=>{},children:(0,o.jsx)("span",{children:k})}):(0,o.jsx)(a.Dropdown,{className:"dropup scene-list",toggleLabel:k,toggleClassName:"btn btn-secondary boxed",toggleId:"scene-list-toggle",children:O})]})]})}},37902:function(n,e,t){t.r(e),t.d(e,{StyledExteriorView:function(){return i}});var o=t(82729);function r(){let n=(0,o._)(["\n .drag3d-player {\n position: relative;\n z-index: -1;\n margin: 0 auto;\n padding-top: 56.25%;\n width: 100%;\n }\n\n .dropup {\n margin-left: 1rem;\n }\n"]);return r=function(){return n},n}let i=t(16829).Z.div(r())},65932:function(n,e,t){t.r(e);var o=t(85893),r=t(67294),i=t(37739),l=t(25814),a=t(84590),s=t(19457),d=t(50517),c=t(7548);e.default=n=>{var e,u;let{data:h,active:m,setSelectedView:g,labelsLong:p,showExteriorCta:v=!0}=n,{url:{url:b}}=h,f=null===(e=(0,d.s4)(p,"label_interior",!1))||void 0===e?void 0:e[0],w=null===(u=(0,d.s4)(p,"label_exterior",!1))||void 0===u?void 0:u[0],[x,k]=(0,r.useState)(b),[j,C]=(0,r.useState)([]),[y,N]=(0,r.useState)(null),[S,O]=(0,r.useState)([]),[V,E]=(0,r.useState)(),[_,I]=(0,r.useState)(0),M=(0,r.useRef)(),D=(0,r.useRef)(),{translateKey:B}=(0,a.qM)();(0,r.useEffect)(()=>{m&&!y&&L()},[m]),(0,r.useEffect)(()=>{y&&z()},[y]),(0,r.useEffect)(()=>{j.length&&V&&A(j[_])},[j,_]);let L=()=>{let{protocol:n}=window.location,e=x;"https:"===n&&x.includes("https://")&&k(e=x.replace("http://","https://"));let t=new XMLHttpRequest;t.open("GET","".concat(e,"/data.json"),!0),t.onload=()=>{t.status>=200&&t.status<400?N(JSON.parse(t.response)):console.log("[error] 3D data download or parsing fail.")},t.onerror=()=>{console.log("[error] 3D data download or parsing fail.")},t.send()},z=()=>{let n=t(85982),e={controls:{mouseViewMode:y.settings.mouseViewMode,scrollZoom:!1}},r=new n.Viewer(M.current,e),l=[],a=y.scenes.map((e,t)=>{let a="".concat(x,"/tiles"),d=n.ImageUrlSource.fromString("".concat(a,"/").concat(e.id,"/{z}/{f}/{y}/{x}.jpg"),{cubeMapPreviewUrl:"".concat(a,"/").concat(e.id,"/preview.jpg")}),c=new n.CubeGeometry(e.levels),u=n.RectilinearView.limit.traditional(e.faceSize,100*Math.PI/180,120*Math.PI/180),h=new n.RectilinearView(e.initialViewParameters,u);return l.push((0,o.jsx)(i.Z.Item,{className:"boxed",onClick:()=>{(0,s.DW)(q),I(t)},children:e.name},e.id)),{data:e,scene:r.createScene({source:d,geometry:c,view:h,pinFirstLevel:!0}),view:h}}),d=D.current,c=d.querySelector(".controls>.view-in"),u=d.querySelector(".controls>.view-out"),h=r.controls();h.registerMethod("inElement",new n.ElementPressControlMethod(c,"zoom",-.7,3),!0),h.registerMethod("outElement",new n.ElementPressControlMethod(u,"zoom",.7,3),!0),E(r),C(a),O(l)},A=n=>{P(),n.view.setParameters(n.data.initialViewParameters),n.scene.switchTo(),R(),setTimeout(()=>{let n=document.createEvent("HTMLEvents");n.initEvent("resize",!0,!1),window.dispatchEvent(n)},500)},R=()=>
1{let n=t(85982).autorotate({yawSpeed:.03,targetPitch:0,targetFov:Math.PI/2});V.startMovement(n),V.setIdleMovement(3e3,n)},P=()=>{V.stopMovement(),V.setIdleMovement(1/0)},T=(0,a.Cb)(),Z={event:"configuratorLight",eventCategory:"Car Configurator Light",eventAction:"3D Exterior",eventLabel:null==T?void 0:T.text,modelCar:T},q={event:"configuratorLight",eventCategory:"Car Configurator Light",eventAction:"Switch 3D Interior",eventLabel:null==T?void 0:T.text,modelCar:T};return(0,o.jsxs)(c.StyledInteriorView,{className:"pano-container",ref:D,children:[(0,o.jsx)("div",{className:"pano",ref:M}),(0,o.jsxs)("div",{className:"controls",children:[(0,o.jsx)("div",{children:"ZOOM"}),(0,o.jsx)(l.Button,{className:"view-in on-dark","aria-label":B("zoom-in"),children:(0,o.jsx)(l.Hexagon,{icon:"plus",theme:"on-dark"})}),(0,o.jsx)("br",{}),(0,o.jsx)(l.Button,{className:"view-out on-dark","aria-label":B("zoom-out"),children:(0,o.jsx)(l.Hexagon,{icon:"less",theme:"on-dark"})})]}),(0,o.jsxs)("div",{className:"options",children:[(0,o.jsx)(l.Dropdown,{className:"dropup scene-list",toggleLabel:null!=f?f:"INTERIOR",toggleClassName:"btn btn-secondary boxed",toggleId:"scene-list-toggle",children:S}),v&&(0,o.jsx)(l.Button,{attributes:{"data-layer":JSON.stringify(Z)},className:"boxed other on-dark",onClick:()=>g("exterior"),children:(0,o.jsx)("span",{children:null!=w?w:"EXTERIOR"})})]})]})}},7548:function(n,e,t){t.r(e),t.d(e,{StyledInteriorView:function(){return m},modalStyle:function(){return g}});var o=t(82729),r=t(16829),i=t(70917),l=t(59531),a=t(66927),s=t(31213),d=t(53461);function c(){let n=(0,o._)(["\n right: 2rem;\n "]);return c=function(){return n},n}function u(){let n=(0,o._)(["\n background-color: ",";\n overflow: hidden;\n text-align: left;\n position: relative;\n width: 100%;\n height: 100%;\n\n .pano {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n .controls {\n position: absolute;\n top: 50%;\n right: 4rem;\n transform: translateY(-50%);\n\n & > div {\n font-size: ",";\n font-weight: 500;\n font-stretch: normal;\n font-style: normal;\n line-height: 1.36;\n letter-spacing: ",";\n text-align: center;\n color: ",";\n margin-bottom: 0.5rem;\n }\n\n button {\n margin: 0.5rem 0;\n\n svg {\n width: 47px;\n height: 54px;\n }\n }\n\n ","\n }\n\n .dropup {\n button {\n :focus {\n position: relative;\n :before {\n ","\n }\n }\n }\n\n a {\n :focus {\n position: relative;\n :before {\n ","\n }\n }\n }\n }\n"]);return u=function(){return n},n}function h(){let n=(0,o._)(["\n &#modal-3d-viewer {\n .modal-content {\n border: none;\n }\n\n button.close {\n svg {\n width: 47px;\n height: 54px;\n }\n }\n }\n"]);return h=function(){return n},n}let m=r.Z.div(u(),l.O9.black,(0,a.Vj)(14),(0,a.Vj)(.42),l.O9.white,s.BC.breakpointDown(l.AV.xs)(c()),(0,d.jq)(l.O9.white),(0,d.jq)(l.O9.black)),g=(0,i.iv)(h())},38236:function(n,e,t){t.r(e),t.d(e,{Block3DViewer:function(){return p}});var o=t(85893),r=t(67294),i=t(93967),l=t.n(i),a=t(84590),s=t(50517),d=t(31008),c=t(25814),u=t(91748),h=t(65932),m=t(53454),g=t(37003);let p=n=>{var e,t,i;let{data:p}=n,{componentSettings:v,subElements:b,labelsLong:f}=p,w=(0,a.Mo)(),[x,k]=(0,r.useState)(),j=(0,s.bi)(null==v?void 0:v.attributes),{translateKey:C}=(0,a.qM)(),{isOpen:y,close:N}=(0,a.uA)({id:null!==(i=null==j?void 0:j.id)&&void 0!==i?i:"viewer-3d",onTrigger:n=>{let{param:e}=n;return k(e),e!==x},onClose:()=>{k(null)}});if(!b||0===b.length)return null;let S=(0,s.z4)(b,"3dViewerInterior"),O=null==b?void 0:b.filter(n=>"3dViewerExterior"===n.bundle),V=null===(e=(0,s.s4)(f,"interior_aria_label"))||void 0===e?void 0:e[0],E=null===(t=(0,s.s4)(f,"exterior_aria_label"))||void 0===t?void 0:t[0],_=(0,o.jsx)(c.Button,{onClick:N,className:"close","aria-label":C("close"),children:(0,o.jsx)(c.Hexagon,{icon:"close",theme:"on-dark"})}),I=()=>(0,o.jsxs)(o.Fragment,{children:[S?(0,o.jsx)("div",{className:l()("interior",{show:"interior"===x}),children:(0,o.jsx)(h.default,{data:S,active:"interior"===x,setSelectedView:k,labelsLong:f,showExteriorCta:!!O})}):null,O?(0,o.jsx)(m.default,{className:l()("exterior",{show:"exterior"===x}),dataArray:O,active:"exterior"===x,setSelectedView:k,labelsLong:f,showInterior
1Cta:!!S}):null]});switch(w){case u.layoutBreakpointNames.desktop:return(0,o.jsx)(d.Z,{as:g.StyledBlock3DViewer,className:"viewer-3d",children:(0,o.jsx)(d.Z.Collapse,{className:"accordion-wrapper",in:y,"aria-label":"interior"===x?V:E,tabIndex:1,children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"close-section d-flex justify-content-center align-items-center",children:(0,o.jsx)(d.Z.Toggle,{as:c.Button,className:"d-none d-md-block inverted light",onClick:N,"aria-label":C("close"),children:(0,o.jsx)(c.Hexagon,{icon:"close",theme:"dark",strokeWidth:"1"})})}),I()]})})});case u.layoutBreakpointNames.mobile:return(0,o.jsx)(c.ModalMobile,{show:y,onClose:N,css:g.modalStyle,headerContent:_,children:(0,o.jsx)("div",{className:"viewer-3d",children:I()})});default:return null}}},37003:function(n,e,t){t.r(e),t.d(e,{StyledBlock3DViewer:function(){return w},modalStyle:function(){return x}});var o=t(82729),r=t(70917),i=t(16829),l=t(59531),a=t(66927),s=t(31213);function d(){let n=(0,o._)(["\n height: 0;\n\n button {\n position: absolute;\n top: 4rem;\n right: 4rem;\n\n svg {\n .hover-element path {\n fill: transparent;\n stroke: white;\n stroke-width: 1.5;\n }\n .foreground .close {\n color: white;\n stroke-width: 1.5;\n }\n }\n\n &:hover {\n svg {\n .hover-element path {\n fill: white;\n }\n\n .foreground .close {\n color: black;\n }\n }\n }\n }\n"]);return d=function(){return n},n}function c(){let n=(0,o._)(["\n button {\n top: 2rem;\n right: 2rem;\n }\n"]);return c=function(){return n},n}function u(){let n=(0,o._)(["\n height: 4.7rem;\n "]);return u=function(){return n},n}function h(){let n=(0,o._)(["\n width: 100%;\n text-align: center;\n\n .boxed {\n width: auto;\n min-width: 160px;\n }\n\n .dropdown-menu {\n .dropdown-item {\n max-width: 100%;\n width: 100%;\n }\n }\n "]);return h=function(){return n},n}function m(){let n=(0,o._)(["\n bottom: 2rem;\n .boxed {\n min-width: 150px;\n font-size: 1.5rem;\n padding: 1.3rem;\n }\n "]);return m=function(){return n},n}function g(){let n=(0,o._)(["\n .close-section {\n position: relative;\n z-index: 2;\n background-color: ",";\n height: ",";\n\n button {\n position: relative;\n\n svg {\n width: 5rem;\n height: 5rem;\n }\n }\n\n ","\n\n ","\n }\n\n .drag3d-player,\n .pano-container {\n width: 100%;\n height: 73vh !important;\n }\n\n .interior {\n display: none;\n\n &.show {\n display: block;\n }\n }\n\n .exterior {\n display: none;\n height: 73vh;\n overflow: hidden;\n align-items: center;\n\n &.show {\n display: flex;\n }\n }\n\n .interior,\n .exterior {\n position: relative;\n z-index: 1;\n }\n\n .options {\n position: absolute;\n left: 50%;\n bottom: 4rem;\n transform: translateX(-50%);\n z-index: 1010;\n\n button {\n margin-bottom: env(safe-area-inset-bottom); // Safari iOS fix\n }\n\n .boxed {\n vertical-align: top;\n color: ",";\n background-color: ",";\n\n &:hover {\n background-color: ",";\n color: ",";\n }\n\n &.other {\n border: 1px solid ",";\n background-color: transparent;\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n }\n\n & + .boxed {\n margin-left: 1rem;\n }\n }\n\n .dropup.scene-list {\n vertical-align: top;\n display: inline-block;\n line-height: 1.31;\n\n & > button {\n background-color: ",";\n\n &.dark {\n background-color: ",";\n color: ",";\n border-color: ",";\n }\n\n span {\n text-transform: uppercase;\n margin-right: 0.5rem;\n }\n\n svg {\n width: 1.6rem;\n height: 1.6rem;\n line-height: 0;\n\n path {\n transition: stroke 0.3s ease-in-out;\n }\n }\n\n &:hover {\n background-color: ",";\n color: ",";\n border-color: ",";\n\n svg {\n path {\n stroke: ",";\n }\n }\n }\n }\n\n & > .dropdown-menu {\n .boxed + .boxed {\n margin-left: 0;\n border-top: 0;\n }\n }\n\n & + button {\n margin-left: 1rem;\n }\n }
1\n\n #scene-list-toggle {\n height: 5.2rem;\n\n ","\n }\n\n ","\n\n ","\n }\n"]);return g=function(){return n},n}function p(){let n=(0,o._)(["\n ","\n"]);return p=function(){return n},n}function v(){let n=(0,o._)(["\n .modal-header {\n .close {\n top: 2rem !important;\n right: 2rem !important;\n }\n }\n"]);return v=function(){return n},n}function b(){let n=(0,o._)(["\n ","\n overflow: hidden !important;\n\n .modal-header {\n padding: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 2;\n background-color: transparent;\n\n .close {\n top: 4rem;\n right: 2rem;\n width: 50px;\n height: 59px\n }\n }\n\n .viewer-3d {\n height: 100%;\n\n .interior {\n height: 100%;\n .pano-container {\n width: 100% !important;\n height: 100% !important;\n }\n }\n\n .exterior {\n height: 100%;\n\n .drag3d-player {\n padding: 0;\n width: 100% !important;\n height: 100vh !important;\n }\n }\n }\n\n ","\n\n"]);return b=function(){return n},n}let f=(0,r.iv)(g(),l.O9.gray100,(0,a.Vj)(172),s.BC.breakpointDown(l.AV.sm)(d()),s.BC.breakpointOnly(l.AV.xs)(c()),l.O9.black,l.O9.white,l.O9.black,l.O9.white,l.O9.gray300,l.O9.white,l.O9.black,l.O9.white,l.O9.black,l.O9.white,l.O9.black,l.O9.black,l.O9.white,l.O9.black,l.O9.white,s.BC.breakpointDown(l.AV.xs)(u()),s.BC.breakpointDown(l.AV.sm)(h()),s.BC.breakpointDown(l.AV.xs)(m())),w=i.Z.div(p(),f),x=(0,r.iv)(b(),f,s.BC.breakpointDown(l.AV.sm)(v()))}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.