https://www.autoscout24.be/assets/as24-contentful-pages/_next/stat…/%5B...slugs%5D/page-83e8f1740dd7f175.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9728],{29934:function(e){function t(e){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=29934,e.exports=t},74457:function(){},16059:function(e,t,r){Promise.resolve().then(r.bind(r,55706)),Promise.resolve().then(r.bind(r,23432)),Promise.resolve().then(r.bind(r,20698)),Promise.resolve().then(r.bind(r,57461)),Promise.resolve().then(r.bind(r,98898)),Promise.resolve().then(r.bind(r,48626)),Promise.resolve().then(r.bind(r,18131)),Promise.resolve().then(r.bind(r,24822)),Promise.resolve().then(r.bind(r,24454)),Promise.resolve().then(r.t.bind(r,93682,23)),Promise.resolve().then(r.t.bind(r,11247,23)),Promise.resolve().then(r.bind(r,33557)),Promise.resolve().then(r.bind(r,88243)),Promise.resolve().then(r.bind(r,48469)),Promise.resolve().then(r.bind(r,77499)),Promise.resolve().then(r.bind(r,28476)),Promise.resolve().then(r.bind(r,67172)),Promise.resolve().then(r.bind(r,81025)),Promise.resolve().then(r.bind(r,2976)),Promise.resolve().then(r.bind(r,51088)),Promise.resolve().then(r.bind(r,8891)),Promise.resolve().then(r.bind(r,18148)),Promise.resolve().then(r.t.bind(r,80709,23)),Promise.resolve().then(r.bind(r,92914)),Promise.resolve().then(r.bind(r,19772)),Promise.resolve().then(r.bind(r,57678)),Promise.resolve().then(r.bind(r,88417)),Promise.resolve().then(r.bind(r,97302)),Promise.resolve().then(r.t.bind(r,18346,23)),Promise.resolve().then(r.t.bind(r,45653,23)),Promise.resolve().then(r.t.bind(r,86558,23)),Promise.resolve().then(r.t.bind(r,47815,23)),Promise.resolve().then(r.t.bind(r,46006,23)),Promise.resolve().then(r.t.bind(r,57433,23)),Promise.resolve().then(r.bind(r,41804)),Promise.resolve().then(r.bind(r,76446)),Promise.resolve().then(r.bind(r,11588)),Promise.resolve().then(r.bind(r,19047)),Promise.resolve().then(r.bind(r,55661)),Promise.resolve().then(r.bind(r,8428)),Promise.resolve().then(r.bind(r,33434)),Promise.resolve().then(r.bind(r,47635)),Promise.resolve().then(r.t.bind(r,68638,23)),Promise.resolve().then(r.t.bind(r,57521,23)),Promise.resolve().then(r.t.bind(r,95816,23)),Promise.resolve().then(r.t.bind(r,64664,23)),Promise.resolve().then(r.t.bind(r,46989,23)),Promise.resolve().then(r.t.bind(r,33403,23)),Promise.resolve().then(r.t.bind(r,63811,23)),Promise.resolve().then(r.t.bind(r,27795,23)),Promise.resolve().then(r.t.bind(r,86571,23)),Promise.resolve().then(r.t.bind(r,49681,23)),Promise.resolve().then(r.t.bind(r,19281,23)),Promise.resolve().then(r.t.bind(r,75076,23)),Promise.resolve().then(r.t.bind(r,28522,23)),Promise.resolve().then(r.t.bind(r,66611,23)),Promise.resolve().then(r.t.bind(r,87422,23)),Promise.resolve().then(r.t.bind(r,15606,23)),Promise.resolve().then(r.t.bind(r,60424,23)),Promise.resolve().then(r.t.bind(r,8859,23)),Promise.resolve().then(r.t.bind(r,25702,23)),Promise.resolve().then(r.t.bind(r,70498,23)),Promise.resolve().then(r.t.bind(r,8949,23)),Promise.resolve().then(r.t.bind(r,10109,23)),Promise.resolve().then(r.t.bind(r,81702,23)),Promise.resolve().then(r.t.bind(r,66580,23)),Promise.resolve().then(r.t.bind(r,70815,23)),Promise.resolve().then(r.bind(r,42855)),Promise.resolve().then(r.bind(r,41055))},17098:function(e,t,r){"use strict";r.d(t,{AdsConfigProvider:function(){return u},z:function(){return o}});var a=r(2265);let s=new Map([["AT_en_CA","Autotrader_CA"],["AH_fr_CA","Autohebdo_net"]]),n=['size-map-1340x0="120x600"','size-map-1400x0="120x600,160x600,160x601"','size-map-1720x0="120x600,160x600,160x601,300x600,300x601"'],l=(e,t)=>{if(!t)return null;let r=s.get(e);return r?{adUnitPathPrefix:`/8544/${r}/Cars/Editorial`,adLabelText:"Advertisement",ads:{contentBanner:{id:"1",sizeMaps:["size-map-0x0=300x250,300x50,300x100,300x150,320x50,320x150,fluid",'size-map-768x0=""']},skyLeft:{sizeMaps:n},skyRight:{sizeMaps:n}}}:null};var i=r(57437);let c=(0,a.createContext)(void 0),o=()=>{let e=(0,a.useContext)(c);if(void 0===e)throw Error("useAdsConfig must be used within an AdsConfigProvider");return e},u=e=>{let{marketplaceSlug:t,enableAds:r,children:s}=e,n=(0,a.useMemo)(()=>l(t,r),[t,r]);return(0,i.jsx)(c.Provider,{value:n,children:s})}},9508:function(e,t,r){"use strict";r.d(t,{t:function(){return a}});let a=(e,t)=>!(e.startsWith("/")||e.startsWith("#"))&&!(["www.repareo.de","www.auto.it","www.autotrack.nl","www.gebrauchtwagen.at"].some(t=>e.includes(t))||"es-ES"===t&&["www.repareo.de","auto.it","abarth.es","aiways-mobility.es","alfaromeo.es","alpinecars.es/alpine/espa\xf1a","astonmartin.com","audi.es","bentleymotors.c

1om","bmw.es","bugatti.com","autobild.es","cadillac.com","caterhamcars.com","es.chevrolet.com","citroen.es","cupraofficial.es","dacia.es","dfsk.es","dsautomobiles.es","ferrari.com/es-ES","fiat.es","ford.es","genesis.es","hispanosuizacars.com","honda.es","gmc.com","ineosgrenadier.com","infiniti.com","hyundai.com","isuzu.es","jaguar.es","jeep.es","kia.com","lada.es","preowned.lamborghini.com/en_gb/search","lancia.es","landrover.es","lexusauto.es","lotuscars.com/es-ES/emira","lucidmotors.com","lynkco.com","mahindra.es","maserati.com/es/es","mazda.es","cars.mclaren.com/es-es","mercedes-benz.es","mgmotor.eu/es-ES","microlino-car.com","mini.es","mitsubishi-motors.es","morgan-motor.com","ford.es/turismos/mustang","nio.com","nissan.es","opel.es/opel","pagani.com","peugeot.es","pininfarina.it/en","polestar.com","porsche.com/spain","renault.es","rimac-automobili.com","rolls-roycemotorcars.com/en_GB/home.html","seat.es","skoda.es","es.smart.com","ssangyong.es","subaru.es","suzuki.es","swm.com.es","tatamotors.com","tesla.com/es_es","toyota.es","volkswagen.es","volvocars.com","oscaro.es","doctori.com"].some(t=>e.includes(t)))&&!/^((https?:\/\/)?[^/]+)?(\.autotrader|autohebdo)\./.test(e)&&!/^((https?:\/\/)?[^/]+)?autoscout24\./.test(e)},20698:function(e,t,r){"use strict";r.r(t),r.d(t,{AdContentBanner:function(){return u}});var a=r(4765),s=r.n(a),n=r(44892),l=r.n(n),i=r(17098),c=r(81061),o=r(57437);let u=()=>{let e=(0,i.z)();if(!e)return null;let{contentBanner:t}=e.ads;return(0,o.jsx)(c.Z,{id:`s24-osa-contentbanner_${t.id}`,adUnitPath:`${e.adUnitPathPrefix}/Contentbanner_${t.id}`,className:s()("osa-as24-placeholder",l().adslot),containerClassName:s()(l().adContentBanner,l().size_s),sizeMaps:t.sizeMaps,preload:150,adLabelText:e.adLabelText,adLabelTop:!0,adLabelCenter:!0,collapseEmpty:!0,resetOnRefresh:!0})}},57461:function(e,t,r){"use strict";r.d(t,{AdSkyLeft:function(){return d},AdSkyRight:function(){return m}});var a=r(81061),s=r(17098),n=r(17230),l=r.n(n),i=r(4765),c=r.n(i),o=r(57437);let u=e=>{let{type:t,className:r}=e,n=(0,s.z)();if(!n)return null;let i="SkyRight"===t?n.ads.skyRight.sizeMaps:n.ads.skyLeft.sizeMaps;return(0,o.jsx)(a.Z,{adUnitPath:`${n.adUnitPathPrefix}/${t}`,className:c()(l().adSlot,r),sizeMaps:i,suspendable:!0,immediate:!0})},d=e=>{let{withoutBreadcrumbs:t}=e;return(0,o.jsx)(u,{type:"SkyLeft",className:c()(l().adSkyLeft,t&&l().adSlotWithoutBreadcrumbs)})},m=e=>{let{withoutBreadcrumbs:t}=e;return(0,o.jsx)(u,{type:"SkyRight",className:c()(l().adSkyRight,t&&l().adSlotWithoutBreadcrumbs)})}},81061:function(e,t,r){"use strict";var a=r(2265),s=r(57437);let n=e=>String(e).replaceAll("&","&amp;").replaceAll('"',"&quot;").replaceAll("<","&lt;").replaceAll(">","&gt;"),l=a.memo(e=>{let{id:t,adUnitPath:r,className:a,containerClassName:l,sizeMaps:i,collapseEmpty:c,immediate:o,suspendable:u,avoidShrinking:d,preload:m,adLabelText:h,adLabelTop:p,adLabelCenter:b,outOfPage:g,resetOnRefresh:f,refreshDelay:v}=e,j=[...i,c?"collapse-empty":"",t?`id="${n(t)}"`:"",o?"immediate":"",u?'data-suspendable="true"':"",d?"avoid-shrinking":"",null==m?"":`preload="${n(m)}"`,h?`ad-label-text="${n(h)}"`:"",p?"ad-label-top":"",b?"ad-label-center":"",g?"out-of-page":"",f?"reset-on-refresh":"",v?`refresh-delay="${n(v)}"`:""].filter(Boolean).join(" "),x="<s24-ad-slot"+(a?' class="'+n(a)+'"':"")+' type="doubleclick" ad-unit-path="'+n(r)+'" '+j+"></s24-ad-slot>";return(0,s.jsx)("div",{className:l,dangerouslySetInnerHTML:{__html:x}})});l.displayName="AdSlot",t.Z=l},98898:function(e,t,r){"use strict";var a=r(17098),s=r(57437);t.default=e=>{let{adTargetingString:t}=e;return(0,a.z)()?(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:`<s24-ad-targeting style="display: none;">${t.replaceAll("%20"," ")}</s24-ad-targeting>`}}):null}},48626:function(e,t,r){"use strict";r.r(t),r.d(t,{MAX_INDEXABLE_PAGE:function(){return h}});var a=r(83366),s=r(83809);r(2265);var n=r(32921),l=r(85051),i=r(22401),c=r(5867);r(26710);var o=r(57437);let u=["href"];function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?d(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let h=20;t.default=(0,c.G)(function(e){let{currentPage:t,totalPages:r}=e,s=(0,i.IT)("pagination"),c=(0,n.usePathname)(),d=(0,n.useSearchParams)(),p=e=>{let t=new URLSearchParams(d.toString());1!==e?t.set("page",e.toString()):t.delete("page");let r=t.toString();return r?`${c}?${r}`:c},b=e=>{globalThis.location.href=p(e)};return r<=1?null:(0,o.jsx)(l.tlE,{className:"cms-pagination__container",activePage:t,numberOfPages:r,onChange:b,renderItem:(e,r,s)=>{if(t<=h&&null!==e&&e<=h)return(0,o.jsx)("a",m(m({},r),{},{href:p(e),children:s}));let{href:n}=r,l=(0,a.Z)(r,u);return(0,o.jsx)("button",m(m({type:"button"},l),{},{onClick:()=>null!==e&&b(e),children:s}))},nextLabel:s("next"),previousLabel:s("previous")})})},18131:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return m}});var a=r(83809),s=r(2265),n=r(56901),l=r(9508);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var o=e=>{let{href:t,locale:r,children:a}=e,i=s.Children.only(a);t=(0,n.LP)(t);let o=(0,l.t)(t,r),u=c(c({href:t},o&&{target:"_blank"}),o&&{rel:"nofollow noopener"});return s.cloneElement(i,u)},u=r(51074);r(12186);var d=r(57437),m=e=>{let{lastArticlesText:t,locale:r,name:a,newestArticles:s,avatar:n,bio:l,shownOnArticlePage:i=!1,authorPageSlug:c}=e,m=(0,u.N)(c,i);return(0,d.jsxs)("div",{className:`author-card ${i?"author-section":""}`,children:[(0,d.jsx)("div",{className:"author-card__left",children:(0,d.jsx)("img",{className:"author-card__image",src:n?.orig?.small||n?.orig?.medium||"",alt:n?.alt||a})}),(0,d.jsxs)("div",{className:"author-card__right",children:[m&&i?(0,d.jsx)("h2",{className:"author-card__name",children:(0,d.jsx)("a",{href:m,className:"author-card__name-link",children:a})}):(0,d.jsx)("h2",{className:"author-card__name",children:a}),(0,d.jsx)("div",{className:"author-card__bio",dangerouslySetInnerHTML:{__html:l}}),t&&(0,d.jsx)("h3",{className:"sc-font-l author-card__last-article-header",children:t}),s?.length>0&&(0,d.jsx)("ul",{className:"sc-link-list author-card__links",children:s.map((e,t)=>(0,d.jsx)("li",{children:(0,d.jsx)(o,{href:e.link,locale:r,children:(0,d.jsx)("a",{href:e.link,className:"author-card__article",title:e.title,children:(0,d.jsx)("span",{children:e.title})})})},t))})]})]})}},24822:function(e,t,r){"use strict";r.r(t),r(2265);var a=r(90101),s=r(51074);r(54973);var n=r(57437);t.default=e=>{let{authors:t,authorPageSlug:r,isAuthorInternal:l,hasAuthorLink:i}=e,c=t.some(a.XT),o=(0,s.N)(r,c),u=(0,n.jsx)("span",{className:"cms-article-authors__wrapper",children:t.map((e,r)=>{let{name:a,avatar:s}=e;return(0,n.jsxs)("span",{className:"cms-article-authors__author",children:[s&&!l&&(0,n.jsx)("img",{src:s.orig.thumb,width:24,height:24,alt:"",className:"cms-article-authors__avatar"}),(0,n.jsx)("span",{children:a}),r>0&&r!==t.length-1&&(0,n.jsx)("span",{children:","})]},`${a}-${r}`)})});return o&&!l&&i?(0,n.jsx)("a",{href:o,className:"cms-byline__author-link",children:u}):u}},24454:function(e,t,r){"use strict";r.d(t,{default:function(){return p}});var a=r(83809);r(2265);var s=r(34972),n=r(42855),l=r(18162),i=r(57437);let c=()=>(0,i.jsxs)("svg",{className:"cms-banner__overlay cms-banner__overlay--mobile",viewBox:"0 0 681.79 236.75",preserveAspectRatio:"none","aria-hidden":"true",children:[(0,i.jsx)("polygon",{fill:"#f5f200",points:"0 236.75 0 217.51 681.79 0 681.79 19.24 0 236.75"}),(0,i.jsx)("polygon",{fill:"#fff",points:"681.79 19.24 0 236.75 681.79 236.75 681.79 19.24"})]}),o=()=>(0,i.jsxs)("svg",{className:"cms-banner__overlay cms-banner__overlay--desktop",viewBox:"0 0 193.22 400",preserveAspectRatio:"none","aria-hidden":"true",children:[(0,i.jsx)("polygon",{fill:"#f5f200",points:"193.22 0 175.48 0 0 400 17.74 400 193.22 0"}),(0,i.jsx)("polygon",{fill:"#fff",points:"193.22 0 17.74 400 193.22 400 193.22 0"})]}),u=()=>(0,i.jsxs)("svg",{className:"cms-banner__overlay cms-banner__overlay--mobile",viewBox:"0 0 682.04 102.49",preserveAspectRatio:"none","aria-hidden":"true",children:[(0,i.jsx)("polygon",{fill:"#ed1c24",points:"682.04 20.49 342.02 102.49 0 20.49 0 0 342.02 82 682.04 0 682.04 20.49"}),(0,i.jsx)("polygon",{fill:"#fff",points:"682.04 102.49 0 102.49 0 20.49 342.02 102.25 682.04 20.49 682.04 102.49"})]}),d=()=>(0,i.jsxs)("svg",{className:"cms-banner__overlay cms-banner__overlay--desktop",viewBox:"0 0 68.64 400",preserveAspectRatio:"none","aria-hidden":"true",children:[(0,i.jsx)("polygon",{fill:"#ed1c24",points:"68.4 199.17 20.51 0 .12 0 48.15 199.17 0 400 20.39 400 68.4 199.17"}),(0,i.jsx)("polygon",{fill:"#fff",points:"20.49 400 68.64 400 68.64 199.17 20.49 400"}),(0,i.jsx)("polygon",{fill:"#fff",points:"68.64 199.17 68.64 0 20.6 0 68.64 199.17"}

1),(0,i.jsx)("polygon",{fill:"#fff",points:"20.51 0 68.4 199.17 20.39 400 20.49 400 68.64 199.17 20.6 0 20.51 0"})]});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}r(79906);var p=e=>{let{id:t,title:r,subtitle:a,image:m,cta:p,ctaTrackingName:b="banner_cta",locale:g,domain:f}=e,v=f===l.zp.autotrader_ca;return(0,i.jsx)("div",{className:"cms-banner",id:t,"data-testid":"banner",children:(0,i.jsxs)("div",{className:"cms-banner__container",children:[(0,i.jsxs)("div",{className:"cms-banner__media",children:[(0,i.jsx)(s.Z,h(h({},m),{},{showThumbnails:!0,className:"cms-banner__image"})),v?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u,{}),(0,i.jsx)(d,{})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c,{}),(0,i.jsx)(o,{})]})]}),(0,i.jsxs)("div",{className:"cms-banner__content",children:[(0,i.jsx)("span",{className:"cms-banner__heading",children:r}),(0,i.jsx)("p",{className:"cms-banner__body",children:a}),p&&p.target?.kind!=="unavailable"&&(0,i.jsx)("div",{className:"cms-banner__button",children:(0,i.jsx)(n.default,{href:p.url,target:p.target,locale:g,mode:"primary","aria-label":`${r}. ${p.title}`,trackingConfig:{trackingLabel:b||"banner_cta",ga4EventName:"banner_select",shouldTrackFBPixel:!1},triggerEvent:"both",children:p.title})})]})]})})}},33557:function(e,t,r){"use strict";r.d(t,{default:function(){return ey}});var a,s,n=r(2265);r(55204);let l=((a={}).reichweiten="Reichweitenrechner",a.ladezeiten="Ladezeitenrechner",a);r(88843),r(50192);var i=r(57437);function c(e){let{title:t,subtitle:r}=e;return(0,i.jsxs)("div",{children:[(0,i.jsx)("h2",{className:"calcTitle",children:t}),(0,i.jsx)("p",{className:"calcSubTitle",children:r})]})}function o(e){let{logo:t,title:r,subtitle:a}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("img",{src:t,alt:"logo",width:50,height:48,style:{width:"50px",margin:"0 auto 11px"}}),(0,i.jsx)(c,{title:r,subtitle:a})]})}var u=r(57246);r(3907);let d=`${u.h}/elektroauto-icon.svg`;function m(e){let{step:t,isRange:r=!0}=e;return(0,i.jsxs)("div",{className:"progressIndicator",children:[(0,i.jsx)("div",{className:"carIcon",children:(0,i.jsx)("img",{src:d,alt:"",style:{opacity:t>0?"1":"0.4"},width:36,height:22})}),(0,i.jsx)("div",{className:"dash",children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40.455",height:"2","aria-hidden":"true",focusable:"false","aria-label":"Progress line",children:(0,i.jsx)("path",{fill:t>1?"#333":"#ADADAD",stroke:t>1?"#333":"#ADADAD",strokeWidth:"2",d:"M0 1h40.455"})})}),(0,i.jsx)("div",{children:r?(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18.649",height:"23.517","data-type":"range","aria-label":"Progress indicator",children:(0,i.jsxs)("g",{fill:t>2?"#333":"#ADADAD",stroke:t>2?"#333":"#ADADAD",strokeWidth:".5",children:[(0,i.jsx)("path",{d:"M9.324.254a8.872 8.872 0 0 0-9.07 9.07c0 6.253 8.322 13.462 8.679 13.765a.6.6 0 0 0 .786 0c.357-.3 8.679-7.511 8.679-13.765A8.872 8.872 0 0 0 9.324.254zm0 21.566c-1.645-1.506-7.862-7.523-7.862-12.495a7.687 7.687 0 0 1 7.862-7.863 7.687 7.687 0 0 1 7.862 7.862c0 4.971-6.217 10.989-7.862 12.495z"}),(0,i.jsx)("path",{d:"M9.324 5.013a4.349 4.349 0 1 0 4.351 4.349 4.349 4.349 0 0 0-4.351-4.349zm0 7.456a3.107 3.107 0 1 1 3.107-3.107 3.107 3.107 0 0 1-3.107 3.107z"})]})}):(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:17.914,height:23.539,viewBox:"0 0 17.914 23.539","aria-label":"Progress indicator",children:(0,i.jsx)("path",{d:"M20.979 5.717h-2.672V1.639a1.139 1.139 0 00-2.278 0v4.078h-5.736V1.639a1.139 1.139 0 10-2.278 0v4.078H5.343a1.139 1.139 0 000 2.283h.865v3.2a6.958 6.958 0 005.814 6.851V22.9a1.139 1.139 0 002.278 0v-4.858a6.958 6.958 0 005.814-6.851V8h.865a1.139 1.139 0 100-2.278zm-3.143 5.474a4.675 4.675 0 01-9.349 0V8h9.349z",transform:"translate(-4.204 -.5)",fill:t>2?"#333":"#ADADAD"})})})]})}r(1566),r(78167);var h=r(22401);function p(e){let{activeValue:t,placeholder:r,optionList:a,isDisabled:s,onSelectOption:l}=e,{0:c,1:o}

1=(0,n.useState)(!1),{0:u,1:d}=(0,n.useState)(""),{0:m,1:p}=(0,n.useState)(()=>a),b=(0,h.IT)("calculator"),g=(0,n.useCallback)(e=>{d(e.currentTarget.value),f(e.currentTarget.value.trim())},[]),f=(0,n.useCallback)(e=>{let t=e.trim().toLowerCase();t||p(a),p(a.filter(e=>e.label.toLowerCase().indexOf(t)>-1))},[a]),v=(0,n.useCallback)(e=>{let t=e.target;d(""),o(!1),l(t.dataset.value)},[l]),j=(0,n.useCallback)(()=>{setTimeout(()=>o(!1),300)},[]),x=(0,n.useCallback)(()=>{o(!0),d(""),p(a)},[a]);return(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&c&&o(!1)}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[c]),(0,i.jsxs)("div",{className:"inputWrapper",children:[(0,i.jsx)("input",{disabled:s,className:c?"inputOpen":"input",type:"text",name:"category",id:"category_select",value:u,autoComplete:"off",autoCorrect:"off",readOnly:s,placeholder:t||r,onFocus:x,onBlur:j,onInput:g,role:"combobox","aria-label":r,"aria-expanded":c,"aria-haspopup":"listbox","aria-controls":"filtered-options","data-testid":`select-input-${r?.toLowerCase().replaceAll(/\s+/g,"-")}`}),(0,i.jsxs)("div",{className:c?"optionList_open":"optionList",id:"filtered-options",role:"listbox",children:[!u&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("p",{className:"optionCategory",children:b("top_brand")}),(0,i.jsx)("ul",{className:"list",children:[{label:"Mercedes-Benz",value:"Mercedes-Benz"},{label:"BMW",value:"BMW"},{label:"Volkswagen",value:"Volkswagen"},{label:"Audi",value:"Audi"},{label:"Skoda",value:"Skoda"},{label:"Porsche",value:"Porsche"},{label:"Tesla",value:"Tesla"}].map((e,t)=>(0,i.jsx)("li",{className:"option",role:"presentation","data-value":e.value,"data-label":e.label,"data-testid":`option-${e.value.toLowerCase()}`,onClick:e=>{v(e)},children:e.label},t))}),(0,i.jsx)("p",{className:"optionCategory",children:b("other_brand")})]}),(0,i.jsx)("ul",{className:"list",children:m.map(e=>(0,i.jsx)("li",{className:"option",role:"presentation","data-value":e.value,"data-label":e.label,"data-testid":`option-${e.value.toString().toLowerCase()}`,onClick:e=>{v(e)},children:e.label},e.value))})]})]})}function b(e){let{activeValue:t,placeholder:r,optionList:a,onSelectOption:s,isDisabled:l=!1}=e,{0:c,1:o}=(0,n.useState)(!1),{0:u,1:d}=(0,n.useState)(()=>a),m=c?"chevronRotated":"",h=l?{backgroundColor:"#f4f4f4"}:{},p=(0,n.useCallback)(e=>{let t=e.target;o(!1),s({value:t.dataset.value,label:t.dataset.label})},[s]),b=(0,n.useCallback)(()=>{setTimeout(()=>o(!1),300)},[]),g=(0,n.useCallback)(()=>{l||(o(!0),d(a))},[l,a]),f=(0,n.useCallback)(()=>{l||(o(!c),d(a))},[l,c,a]),v=(0,n.useCallback)((e,t)=>{l||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),t())},[l]);return(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&c&&o(!1)}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[c]),(0,i.jsxs)("div",{className:"inputWrapper",children:[(0,i.jsx)("input",{style:h,className:c?"inputOpen":"input",onClick:g,onKeyDown:e=>v(e,g),onBlur:b,list:"dropdown-list",value:t??"",placeholder:r,readOnly:!0,"aria-label":r,"data-testid":`select-input-${r?.toLowerCase().replaceAll(/\s+/g,"-")}`}),(0,i.jsx)("button",{type:"button",className:`chevron ${m}`,onClick:f,disabled:l,"aria-label":"Toggle dropdown","aria-expanded":c,children:(0,i.jsxs)("svg",{height:"14px",width:"14px",version:"1.1",id:"Capa_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 185.343 185.343",transform:"rotate(90)","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}),(0,i.jsx)("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsxs)("g",{id:"SVGRepo_iconCarrier",children:[" ",(0,i.jsxs)("g",{children:[" ",(0,i.jsxs)("g",{children:[" ",(0,i.jsx)("path",{d:"M51.707,185.343c-2.741,0-5.493-1.044-7.593-3.149c-4.194-4.194-4.194-10.981,0-15.175 l74.352-74.347L44.114,18.32c-4.194-4.194-4.194-10.987,0-15.175c4.194-4.194,10.987-4.194,15.18,0l81.934,81.934 c4.194,4.194,4.194,10.987,0,15.175l-81.934,81.939C57.201,184.293,54.454,185.343,51.707,185.343z"})," "]})," "]})," "]})]})}),(0,i.jsx)("div",{className:c?"optionList_open":"optionList",id:"dropdown-list",role:"listbox",children:!l&&(0,i.jsx)("ul",{className:"list",children:u.map(e=>(0,i.jsx)("li",{className:"option","data-value":e.value,"data-label":e.label,onClick:p,onKeyDown:e=>v(e,()=>p(e)),role:"option",tabIndex:0,"aria-selected":t===e.label,"data-testid":`option-${e.label.toLowerCase().replaceAll(/\s+/g,"-")}`,children:e.label},e.value))})})]})}r(19471);var g=function(e){let{handleClick:t,isPrimary:r,disabled:a=!1,children:s}=e;return(0,i.jsx)("button",{type:"button",onClick:t,className:r?"primaryButton":"transparentButton",disabled:a,children:s})};let f="/assets/as24-contentful-pages/ev-calculator/modeldata";var v=r(83411);function j(e){let t,{data:r,setCar:a,setNextScreen:s,setLoading:l,isVertical:c=!1,isRange:o}=e,{0:u,1:d}

1=(0,n.useState)(null),{0:j,1:x}=(0,n.useState)(null),{0:y,1:w}=(0,n.useState)(null),{0:k,1:_}=(0,n.useState)(void 0),{0:N,1:O}=(0,n.useState)(void 0),{0:P,1:S}=(0,n.useState)(void 0),C=(0,h.IT)("calculator"),I=(0,h.eV)();(0,n.useEffect)(()=>{r&&d(Object.keys(r).sort((e,t)=>e?.localeCompare(t)).map(e=>({label:e,value:e})))},[]),(0,n.useEffect)(()=>{var e;r&&k&&x(Object.keys(r[k]).sort((e,t)=>e?.localeCompare(t)).map(e=>({label:e,value:e}))),r&&N&&k&&w((e=N.label,Object.keys(r[k][e]).sort((e,t)=>e?.localeCompare(t)).map(t=>({label:t,value:r[k][e][t][0].id}))))},[r,k,N]);let T=C(o?"calculate_range":"calculate_charging_time");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(m,{step:(t=0,k&&(t=1),N&&(t=2),P&&(t=3),t),isRange:o}),(0,i.jsx)("p",{className:c?"filterHeading__vertical":"filterHeading",children:C("which_electric_car_you_find_exciting")}),(0,i.jsxs)("div",{className:c?"filters":"filterWrapper",children:[(0,i.jsx)(p,{optionList:u??[],onSelectOption:e=>{_(e),O(void 0),S(void 0)},placeholder:C("enter_brand"),activeValue:k,isDisabled:!u?.length}),(0,i.jsx)(b,{optionList:j??[],onSelectOption:e=>{O(e),S(void 0)},placeholder:C("select_model"),isDisabled:!k,activeValue:N?.label}),(0,i.jsx)(b,{optionList:y??[],onSelectOption:e=>{S(e)},placeholder:C("select_variant"),activeValue:P?.label,isDisabled:!N})]}),(0,i.jsx)("div",{className:"submitWrapper",children:(0,i.jsx)(g,{isPrimary:!0,disabled:!(k&&N&&P),handleClick:function(){var e;l(!0),(e=P?.value,fetch(`${f}/${I}/${e}.json`)).then(e=>e.json()).then(e=>{a(e),s()}).catch(e=>(0,v.o)({message:e.message,err:e})).finally(()=>l(!1))},children:T})})]})}let x=`${u.h}/strasse.svg`,y=`${u.h}/ladezeitenrechner-icon.svg`;function w(e){let{setFirstSelectedCar:t,setScreen:r,setLoading:a,data:s,calcType:n}=e,c=n===l.reichweiten,u=(0,h.IT)("calculator");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"headWrapper",children:(0,i.jsx)(o,{logo:c?x:y,title:u(c?"range_calculator":"charging_time_calculator"),subtitle:u(c?"range_calculator_subtitle":"charging_time_calculator_subtitle")})}),(0,i.jsx)("div",{className:"selectWrap",children:(0,i.jsx)(j,{isVertical:!1,setNextScreen:()=>r(2),setCar:t,data:s,setLoading:a,isRange:c})})]})}function k(e){var t;let{firstProperty:r,secondProperty:a,dataKey:s,isTime:l=!1,measurement:c,title:o,handlePopOverClick:u,isSmallBetter:d=!1}=e,m=(0,n.useMemo)(()=>null===r?"N. V.":l?h(r):`${r||"-"} ${c}`,[l,r,c]);return(0,i.jsxs)("div",{className:"compareMeta",children:[(0,i.jsxs)("div",{className:"titleWrapper",children:[(0,i.jsx)("p",{className:"compareTitle",children:m}),a&&(0,i.jsx)("div",{className:d?"betterSmall":"better",children:l?(0,i.jsx)(i.Fragment,{children:"number"==typeof r&&"number"==typeof a&&r<a&&(0,i.jsxs)("p",{children:["- ",h(a-r)]})}):(0,i.jsx)(i.Fragment,{children:"number"==typeof r&&"number"==typeof a&&r>a&&(0,i.jsxs)("p",{children:["+ ",Number.isInteger(t=r-a)?t:t.toFixed(1)," ",c]})})})]}),(0,i.jsxs)("div",{className:"compareSubtitleWrapper",children:[(0,i.jsx)("span",{className:"compareSubtitle",children:o}),s&&(0,i.jsx)("button",{"aria-label":"info button",type:"button","data-key":s,className:"compareSubtitleInfoButton",onClick:u,children:(0,i.jsxs)("svg",{height:14.528,viewBox:"0 0 14.528 14.528",width:14.528,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("clipPath",{id:"a",children:(0,i.jsx)("path",{d:"M0 0h14.528v14.528H0z"})}),(0,i.jsxs)("g",{clipPath:"url(#a)",fill:"#272727",children:[(0,i.jsx)("path",{d:"M7.264.001a7.263 7.263 0 107.264 7.264A7.264 7.264 0 007.264.001m0 13.074a5.811 5.811 0 115.81-5.81 5.81 5.81 0 01-5.81 5.81"}),(0,i.jsx)("path",{d:"M7.264 6.539a.725.725 0 00-.726.726v3.632a.726.726 0 001.452 0V7.265a.725.725 0 00-.726-.726M7.264 2.907a.725.725 0 00-.726.726v.729a.726.726 0 101.449 0v-.729a.725.725 0 00-.726-.726"})]})]})})]})]});function h(e){if("number"==typeof e){let t=e%60;return`${Math.floor(e/60)} h  ${t>0?t+" m":""} `}return"- h"}}function _(e){let{setModalMessageKey:t,showModal:r,selectedCar:a,resetSelectedCar:s,compareModel:c,calcType:o}=e,u=(0,h.IT)("calculator"),d={[l.ladezeiten]:{tab1:{name:u("standard_charging_power"),content:[{firstProperty:a.chargeStandardPower,secondProperty:c?.chargeStandardPower,measurement:"kW",title:u("charging_power")},{firstProperty:a.chargeStandardChargeTime,secondProperty:c?.chargeStandardChargeTime,isTime:!0,title:u("charging_time")},{firstProperty:a.chargeStandardChargeSpeed,secondProperty:c?.chargeStandardChargeSpeed,measurement:"km/h",title:u("charging_speed")}]},tab2:{name:u("fast_charging_power"),content:[{firstProperty:a.fastchargePowerMax,secondProperty:c?.fastchargePowerMax,measurement:"kW",title:u("charging_power")},{firstProperty:a.fastchargeChargeTime,secondProperty:c?.fastchargeChargeTime,isTime:!0,title:u("charging_time")},{firstProperty:a.fastchargeChargeSpeed,secondProperty:c?.fastchargeChargeSpeed,measurement:"km/h",title:u("charging_speed")}]}},[l.reichweiten]:{tab1:{name:u("overview"),content:[{firstProperty:a.rangeWLTP,secondProperty:c?.rangeWLTP,handlePopOverClick:()=>b("wlpt-tel"),dataKey:"wlpt-tel",measurement:"km",title:u("wltp_tel"),isSmallBetter:!0},{firstProperty:a.rangeWLTPTEH,secondProperty:c?.rangeWLTPTEH,handlePopOverClick:()=>b("wlpt-teh"),dataKey:"wlpt-teh",measurement:"km",title:u("wltp_teh"),isSmallBetter:!0},{firstProperty:a.rangeReal,secondProperty:c?.rangeReal,handlePopOverClick:()=>b("uberlick-realwert"),dataKey:"uberlick-realwert",measurement:"km",title:u("real_value"),isSmallBetter:!0}]},tab2:{name:u("summer"),content:[{firstProperty:a.rangeRealBHwy,secondProperty:c?.rangeRealBHwy,handlePopOverClick:()=>b("sommer-autobahn"),dataKey:"sommer-autobahn",measurement:"km",title:u("highway"),isSmallBetter:!0},{firstProperty:a.rangeRealBCmb,secondProperty:c?.rangeRealBCmb,handlePopOverClick:()=>b("sommer-kombiniert"),dataKey:"sommer-kombiniert",measurement:"km",title:u("combined"),isSmallBetter:!0},{firstProperty:a.rangeRealBCty,secondProperty:c?.rangeRealBCty,handlePopOverClick:()=>b("sommer-stadt"),dataKey:"sommer-stadt",measurement:"km",title:u("city"),isSmallBetter:!0}]},tab3:{name:u("winter"),content:[{firstProperty:a.rangeRealWHwy,secondProperty:c?.rangeRealWHwy,handlePopOverClick:()=>b("winter-autobahn"),dataKey:"winter-autobahn",measurement:"km",title:u("highway"),isSmallBetter:!0},{firstProperty:a.rangeRealWCmb,secondProperty:c?.rangeRealWCmb,handlePopOverClick:()=>b("winter-kombiniert"),dataKey:"winter-kombiniert",measurement:"km",title:u("combined"),isSmallBetter:!0},{firstProperty:a.rangeRealWCty,secondProperty:c?.rangeRealWCty,handlePopOverClick:()=>b("winter-stadt"),dataKey:"winter-stadt",measurement:"km",title:u("city"),isSmallBetter:!0}]}}},{0:m,1:p}

1=(0,n.useState)("tab1");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"buttonWrapper",children:(0,i.jsx)(g,{handleClick:()=>s(),isPrimary:!1,children:(0,i.jsxs)("div",{className:"backButtonContent",children:[(0,i.jsx)("p",{children:u("select_another_electric_car")}),(0,i.jsx)("svg",{viewBox:"0 0 16 10","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{fill:"#1166a8",d:"M15.8 4.3l-2.4-2.9c-.3-.4-.8-.4-1.1 0s-.3 1 0 1.4l1 1.2H.8C.4 4 0 4.5 0 5s.4 1 .8 1h12.5l-1 1.2c-.3.4-.3 1 0 1.4.3.4.8.4 1.1 0l2.4-2.9c.3-.4.3-1 0-1.4z"})})]})})}),(0,i.jsxs)("div",{className:"container",children:[(0,i.jsx)(O,{compareConfig:d[o],currentTab:m,handleTabClick:function(e){p(e.target.id)}}),(l.ladezeiten,(0,i.jsx)(N,{array:d[o][m].content}))]})]});function b(e){t(e),r(!0)}}function N(e){let{array:t}=e;return(0,i.jsx)("div",{className:"compareContent",children:t.map((e,t)=>(0,i.jsx)(k,{firstProperty:e.firstProperty,secondProperty:e.secondProperty,title:e.title,dataKey:e.dataKey,handlePopOverClick:e.handlePopOverClick,isTime:e.isTime,measurement:e.measurement,isSmallBetter:e.isSmallBetter},t))})}function O(e){let{currentTab:t,handleTabClick:r,compareConfig:a}=e,s=Object.keys(a);return(0,i.jsx)("div",{className:"tabs",children:s.map(e=>(0,i.jsx)("button",{className:"tabButton",id:e,disabled:t===e,onClick:e=>r(e),children:a[e].name},e))})}function P(e){let{bool:t}=e;return(0,i.jsx)(i.Fragment,{children:t&&(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:14.767,height:13.47,"data-sign":"winner",viewBox:"0 0 14.767 13.47","aria-hidden":"true",focusable:"false",children:(0,i.jsxs)("g",{transform:"translate(-3 -3.626)",fill:"none",stroke:"#333",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,children:[(0,i.jsx)("path",{"data-name":"Pfad 2633",d:"M13.575 8.116l-2.569-3.192a.8.8 0 00-1.245 0L7.192 8.116 4.678 5.6A.4.4 0 004 5.89v9.41a.8.8 0 00.8.8h11.169a.8.8 0 00.8-.8V5.89a.4.4 0 00-.678-.287z",fillRule:"evenodd"}),(0,i.jsx)("path",{"data-name":"Linie 10",transform:"translate(4.798 12.904)",d:"M0 0L11.171 0"}),(0,i.jsx)("path",{"data-name":"Linie 11",transform:"translate(10.384 8.116)",d:"M0 0.798L0 0"})]})})})}r(32380),r(99215),r(45509),r(59925);let S=`${u.h}/car-placeholder.svg`;function C(e){let{car:t,compareCar:r,placeholderTitle:a}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"modelImageWrapper",children:(0,i.jsxs)("picture",{children:[(0,i.jsx)("source",{srcSet:t?.vehicleImage??S,type:"image/jpeg"}),(0,i.jsx)("source",{srcSet:t?.vehicleImageWebP??S,type:"image/webp"}),(0,i.jsx)("img",{src:t?.vehicleImage??S,alt:t?.vehicleModel,width:395,height:222})]})}),t?(0,i.jsxs)("div",{className:"modelMeta",children:[(0,i.jsxs)("div",{className:"titleWrapper",children:[(0,i.jsxs)("p",{className:"modelName",children:[t.vehicleMake,(0,i.jsxs)("span",{children:[" ",t.vehicleModel]})," "]}),t?.rangeReal&&r?.rangeReal&&(0,i.jsx)("div",{className:"winnerSignWrapper",children:(0,i.jsx)(P,{bool:t?.rangeReal>r?.rangeReal})})]}),(0,i.jsxs)("p",{children:[t.vehicleModelVersion,","," ",(0,i.jsxs)("span",{children:[" ",t.batteryCapacityFull," kWh"]})]})]}):(0,i.jsx)("div",{className:"noCarMeta",children:(0,i.jsx)("p",{className:"noCarMessage",children:a})})]})}function I(e){let{setModalMessageKey:t,showModal:r,dataKey:a,text:s}=e;return(0,i.jsxs)("div",{className:"wrapper",children:[(0,i.jsx)("button",{"aria-label":"info button",type:"button","data-key":a,className:"infoButton",onClick:function(){t(a),r(!0)},children:(0,i.jsxs)("svg",{height:14.528,viewBox:"0 0 14.528 14.528",width:14.528,xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("clipPath",{id:"a",children:(0,i.jsx)("path",{d:"M0 0h14.528v14.528H0z"})}),(0,i.jsxs)("g",{clipPath:"url(#a)",fill:"#272727",children:[(0,i.jsx)("path",{d:"M7.264.001a7.263 7.263 0 107.264 7.264A7.264 7.264 0 007.264.001m0 13.074a5.811 5.811 0 115.81-5.81 5.81 5.81 0 01-5.81 5.81"}),(0,i.jsx)("path",{d:"M7.264 6.539a.725.725 0 00-.726.726v3.632a.726.726 0 001.452 0V7.265a.725.725 0 00-.726-.726M7.264 2.907a.725.725 0 00-.726.726v.729a.726.726 0 101.449 0v-.729a.725.725 0 00-.726-.726"})]})]})}),(0,i.jsx)("span",{children:s})]})}r(46390);let T=`${u.h}/vs-icon.svg`,M=`${u.h}/ladezeitenrechner-icon.svg`,E=`${u.h}/strasse.svg`;function L(e){let{firstModel:t,resetFirstCar:r,showModal:a,setModalMessageKey:s,data:c,setSecondSelectedCar:u,secondSelectedCar:d,calcType:m}=e,{0:p,1:b}

1=(0,n.useState)(0),f=m===l.ladezeiten,v=(0,h.IT)("calculator");return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"headWrapper",children:(0,i.jsx)(o,{logo:f?M:E,title:v(f?"charging_time_calculator":"range_calculator"),subtitle:v(f?"charging_time_calculator_subtitle":"range_calculator_subtitle")})}),(0,i.jsxs)("div",{className:"compareWrapper",children:[(0,i.jsxs)("div",{className:"headCompare",children:[(0,i.jsx)("div",{className:"carMeta",children:(0,i.jsx)(C,{car:t,compareCar:d})}),(0,i.jsx)("div",{className:"vsIcon",children:(0,i.jsx)("img",{src:T,alt:"vs-icon",width:63,height:45})}),(0,i.jsx)("div",{className:"carMeta",children:(0,i.jsx)(C,{car:d,compareCar:t,placeholderTitle:v(f?"charging_time_compare_placeholder":"range_compare_placeholder")})})]}),(0,i.jsxs)("div",{className:"bodyCompareWrapper",children:[(0,i.jsx)("div",{className:"compareTabs",children:(0,i.jsx)(_,{resetSelectedCar:r,selectedCar:t,compareModel:d,setModalMessageKey:s,showModal:a,calcType:m})}),(0,i.jsx)("div",{className:"verticalDivider"}),(0,i.jsxs)("div",{className:"compareTabs",children:[0===p&&!d&&(0,i.jsx)("div",{className:"secondSelectButtonWrap",children:(0,i.jsx)(g,{handleClick:()=>b(1),isPrimary:!0,children:v("select_another_e_car")})}),d&&(0,i.jsx)(_,{resetSelectedCar:()=>{u(null),b(0)},selectedCar:d,compareModel:t,setModalMessageKey:s,showModal:a,calcType:m})," ",1===p&&!d&&(0,i.jsx)(j,{isVertical:!0,setCar:u,data:c,setNextScreen:()=>{},setLoading:()=>{},isRange:m===l.reichweiten})]})]})]}),(0,i.jsx)("div",{className:"horizontalDivider"}),(0,i.jsx)("div",{className:"footer",children:f?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(I,{setModalMessageKey:s,showModal:a,dataKey:"ladezeit-berechnet",text:v("how_charging_time_calculated")}),("Tesla"===t.vehicleMake||d?.vehicleMake==="Tesla")&&(0,i.jsx)(I,{setModalMessageKey:s,showModal:a,dataKey:"tesla-supercharger",text:v("tesla_supercharger_info")})]}):(0,i.jsx)(I,{setModalMessageKey:s,showModal:a,dataKey:"reichweite-berechnet",text:v("how_range_calculated")})})]})}function D(e){let{setModal:t,messageKey:r="wlpt-tel"}=e,a=(0,h.IT)("calculator"),s=[{key:"wlpt-tel",title:a("wltp_tel"),body:a("tel_explain")},{key:"wlpt-teh",title:a("wltp_teh"),body:a("teh_explain")},{key:"uberlick-realwert",title:a("real_value_evdb"),body:a("evdb_explain")},{key:"sommer-autobahn",title:a("highway"),body:a("highway_explain")},{key:"sommer-kombiniert",title:a("combined"),body:a("combined_explain")},{key:"sommer-stadt",title:a("city"),body:a("city_explain")},{key:"winter-autobahn",title:a("highway"),body:a("range_highway_explain")},{key:"winter-kombiniert",title:a("combined"),body:a("range_combined_explain")},{key:"winter-stadt",title:a("city"),body:a("range_city_explain")},{key:"reichweite-berechnet",title:a("how_range_calculated"),body:a("range_calculated_explain")},{key:"ladezeit-berechnet",title:a("how_charging_time_calculated"),body:a("charging_calculated_explain")},{key:"tesla-supercharger",title:a("tesla_supercharger_info"),body:a("tesla_supercharger_info_explain")}].find(e=>e.key===r);return(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&t(!1)}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[t]),(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("div",{className:"backDrop",onClick:e=>{e.target===e.currentTarget&&t(!1)},role:"presentation",tabIndex:-1,children:(0,i.jsxs)("div",{className:"body",children:[(0,i.jsx)("p",{className:"title",children:s.title}),(0,i.jsx)("p",{dangerouslySetInnerHTML:{__html:s.body}

1}),(0,i.jsx)("button",{className:"buttonClose",type:"button",onClick:()=>t(!1),"aria-label":"close-button",children:(0,i.jsx)("svg",{height:20,viewBox:"0 0 20 20",width:20,"aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M10 0A10 10 0 110 10 10.029 10.029 0 0110 0zm0 2a8 8 0 108 8 8.024 8.024 0 00-8-8zM6.3 6.3a.967.967 0 011.4 0L10 8.6l2.3-2.3a.99.99 0 111.4 1.4L11.4 10l2.3 2.3a.967.967 0 010 1.4.967.967 0 01-1.4 0L10 11.4l-2.3 2.3a.967.967 0 01-1.4 0 .967.967 0 010-1.4L8.6 10 6.3 7.7a.967.967 0 010-1.4z",fillRule:"evenodd"})})})]})})})}function $(e){let{calcType:t}=e,r=(0,h.IT)("calculator");return(0,i.jsxs)("div",{className:"calcBody",children:[(0,i.jsxs)("div",{className:"calc-spinner",children:[(0,i.jsx)("div",{className:"loadingioSpinner",children:(0,i.jsxs)("div",{className:"ldSpinnerInner",children:[(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{})]})}),(0,i.jsx)("div",{className:"strasse",children:t===l.ladezeiten?(0,i.jsxs)(i.Fragment,{children:[" ",(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 33 36",xmlSpace:"preserve","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M11.5 1.3c-.7.1-1.4.5-1.7 1.2l-5 16.7c-.2.9.3 1.9 1.2 2.1.1 0 .3.1.4.1H13l-1.5 11.5c-.2 1.7 2.2 2.7 3 1.2L27.9 14c.5-.8.3-1.9-.5-2.4-.3-.2-.6-.3-.9-.3h-7.7l2.7-7.9c.3-.9-.3-1.9-1.2-2.1-.1 0-.2-.1-.3-.1h-8.5zm1.4 3.3h4.8L15 12.5c-.3.9.3 1.9 1.2 2.1.1 0 .2.1.3.1h6.9l-7.7 11.5.8-6.4c.1-.9-.5-1.7-1.4-1.8H8.7l4.2-13.4z",fill:"#333"})})]}):(0,i.jsx)(i.Fragment,{children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 33 36",xmlSpace:"preserve","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M-.8-6.9C-3.7-7-6.1-4.7-6.1-1.8v.2C-6 0-5.6 1.6-4.7 3c0 .2.2.2.2.4 1.2 2.3 1.9 4.8 1.9 7.4-.1 2.1-.9 4.2-2.3 5.8-1.1 1.5-2.5 2.8-4.1 3.9-.2.2-.5.4-.7.5-.1.1-.2.2-.2.4H.8l.7-.7c.8-1.1 1.5-2.3 2.1-3.5.4-1 1.4-1.4 2.3-1 .9.4 1.3 1.4.9 2.3-.5 1-1 1.9-1.6 2.8h7.2c.2-.4.5-.7.9-1.2 1-1.8 1.6-3.8 1.6-5.8.1-2-.4-4.1-1.4-5.8-.9-1.3-1.9-2.5-3.2-3.5-.4-.4-.7-.6-1.1-1-.9-.7-1.9-1.5-2.8-2.3-1.3-1.3-2.2-3-2.3-4.9 0-1.2.3-2.4.7-3.5H-.8v-.2zm11.1 0c-.1 0-.2.1-.2.2-.2.1-.5.1-.7.5-.5.4-1.1 1.2-1.1 3 .1 1 .5 1.9 1.2 2.6.6.7 1.3 1.3 2.1 1.8.4.4.9.7 1.4 1.1 1.6 1.2 3 2.7 4.1 4.4 1.3 2.3 1.9 4.9 1.8 7.6 0 2.7-.7 5.4-2.1 7.8-.5.9-1.1 1.4-1.4 1.9l-.5.5-.2.2-1.1-1.4 1.1 1.4c-.3.2-.7.3-1.1.3H-9.7c-1.9 0-3.5-1.6-3.5-3.5 0-.9.3-1.8.9-2.5.4-.6 1-1 1.6-1.4 1.2-.8 2.2-1.8 3-3 .9-1 1.5-2.3 1.6-3.7 0-2.1-.6-4.2-1.6-6 0-.1-.1-.3-.2-.4C-9 2.7-9.6.6-9.7-1.5c-.1-4.8 3.8-8.8 8.6-8.8H9.8c.9 0 1.6.7 1.8 1.6.1.9-.5 1.6-1.3 1.8M.2-3.4c1 .2 1.6 1.1 1.4 2.1 0 .8.2 1.5.7 2 .7.6.9 1.7.2 2.5-.5.7-1.6.8-2.4.2L0 3.3C-1.5 2-2.2 0-1.9-2c.2-.9 1.2-1.5 2.1-1.4M3.4 6c.6-.7 1.7-.7 2.4-.1l.1.1c1.2 1.2 2 2.9 2.1 4.6.1 1-.6 1.8-1.6 1.9s-1.8-.6-1.9-1.6C4.4 10 4 9.2 3.4 8.5c-.7-.7-.7-1.8 0-2.5",fillRule:"evenodd",clipRule:"evenodd",fill:"#323232",transform:"translate(13.617 10.606)"})})})})]}),t===l.ladezeiten?(0,i.jsxs)("p",{className:"textContent",children:[r("charging_time_being_calculated")," ",(0,i.jsx)("br",{})," ",r("please_wait_a_moment")]}):(0,i.jsxs)("p",{className:"textContent",children:[r("range_being_calculated")," ",(0,i.jsx)("br",{}),r("please_wait_a_moment")]})]})}r(50134),r(22702);var F=function(e){let{calcType:t}=e,r=(0,h.eV)(),{0:a,1:s}=(0,n.useState)(null),{0:l,1:c}=(0,n.useState)(!1),{0:o,1:u}=(0,n.useState)(1),{0:d,1:m}=(0,n.useState)(!1),{0:p,1:b}=(0,n.useState)(""),{0:g,1:v}=(0,n.useState)(null),{0:j,1:x}=(0,n.useState)(null);return(0,n.useEffect)(()=>{a||(c(!0),fetch(`${f}/${r}/evSearchForm.json`).then(e=>e.json()).then(e=>{s(e)}).catch(e=>console.log(e.message)).finally(()=>c(!1)))},[a]),(0,i.jsxs)("div",{className:"calcWrap",children:[l?(0,i.jsx)($,{calcType:t}):(0,i.jsxs)("div",{className:"calcBody",children:[1===o&&(0,i.jsx)(w,{setFirstSelectedCar:v,data:a,setScreen:u,setLoading:c,calcType:t}),2===o&&g&&(0,i.jsx)(L,{data:a,firstModel:g,resetFirstCar:function(){v(null),u(1)},showModal:m,setModalMessageKey:b,secondSelectedCar:j,setSecondSelectedCar:x,calcType:t})]}),d&&(0,i.jsx)(D,{setModal:m,messageKey:p})]})},A=function(){return(0,i.jsx)(F,{calcType:l.ladezeiten})},z=function(){return(0,i.jsx)(F,{calcType:l.reichweiten})},R=r(5867),B=r(83809);r(3431);var W=class extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result="",this.state={kwToPs:!0,userInput:0}}calculate(e,t){this.setState({showResult:!0}),t?this.result=(1.36*e).toFixed(2):this.result=(e/1.36).toFixed(2)}

1render(){let e=this.state.userInput>0;return(0,i.jsxs)("div",{className:"cms-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"Berechen Sie kW in PS und umgekehrt."}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("input",{name:"kw",className:"sc-input",type:"radio",id:"listenpreis","data-testid":"kw-to-ps-radio",checked:this.state.kwToPs,onChange:e=>this.setState({kwToPs:!!e.target.value,showResult:!1})}),(0,i.jsx)("label",{htmlFor:"listenpreis",children:"kW in PS"}),(0,i.jsx)("input",{name:"kw",className:"sc-input",type:"radio",id:"eigenbeteiligung","data-testid":"ps-to-kw-radio",checked:!this.state.kwToPs,onChange:e=>this.setState({kwToPs:!e.target.value,showResult:!1})}),(0,i.jsx)("label",{htmlFor:"eigenbeteiligung",children:"PS in kW"})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"calcValue",children:"Wert"}),(0,i.jsx)("input",{className:"sc-input",id:"calcValue",type:"number","data-testid":"value-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 120 kW","aria-label":"Wert in Kilowatt oder Pferdest\xe4rken",onInput:e=>this.setState({userInput:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsx)("div",{style:{visibility:"visible"},children:(0,i.jsx)("button",{onClick:()=>this.calculate(this.state.userInput,this.state.kwToPs),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"})}),(0,i.jsx)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["Die Umrechnung betr\xe4gt ",this.result," ",this.state.kwToPs?"PS":"KW"]})})]})}},Z=class extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={mphToKmh:!0,userInput:0}}calculate(e,t){return this.setState({showResult:!0}),t?this.result=e/.621371192:this.result=.621371192*e,this.result}validateInput(e){/[0-9]|\./.test(e)||(e="")}render(){let e=this.state.userInput>0;return(0,i.jsxs)("div",{className:"cms-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"Berechne mph in km/h und umgekehrt"}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("input",{name:"mph",className:"sc-input",type:"radio",id:"mphToKmh","data-testid":"mph-to-kmh-radio",checked:this.state.mphToKmh,onChange:e=>this.setState({mphToKmh:!!e.target.value,showResult:!1})}),(0,i.jsx)("label",{htmlFor:"mphToKmh",children:"mph in km/h"}),(0,i.jsx)("input",{name:"mph",className:"sc-input",type:"radio",id:"kmhToMph","data-testid":"kmh-to-mph-radio",checked:!this.state.mphToKmh,onChange:e=>this.setState({mphToKmh:!e.target.value,showResult:!1})}),(0,i.jsx)("label",{htmlFor:"kmhToMph",children:"km/h in mph"})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"#calcValue",children:"Wert"}),(0,i.jsx)("input",{className:"sc-input",id:"calcValue",type:"number","data-testid":"value-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 100 km/h","aria-label":"Wert in mph oder km/h",onInput:e=>this.setState({userInput:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsx)("div",{style:{visibility:"visible"},children:(0,i.jsx)("button",{onClick:()=>this.calculate(this.state.userInput,this.state.mphToKmh),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"})}),(0,i.jsx)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["Die Umrechnung betr\xe4gt ",this.result.toFixed(2)," ",this.state.mphToKmh?"km/h":"mph"]})})]})}};let K=((s={}).Januar="1",s.Februar="2",s["M\xe4rz"]="3",s.April="4",s.Mai="5",s.Juni="6",s.Juli="7",s.August="8",s.September="9",s.Oktober="10",s.November="11",s.Dezember="12",s);var H=r(30371),V=r.n(H),U=r(28260),G=r.n(U);class Y extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={showResult:!1}}getSsatz(e){let t={};if(e<3500){let e=[11.25,11.25,12.02,12.78];t[1]=e,t[2]=e,t[3]=e,t[4]=e}else t[1]=[6.42,6.42,6.88,7.31,7.75,8.18,8.62,9.36,10.07,10.97,11.84,13.01,14.32,15.77,15.77,15.77],t[2]=[6.42,6.42,6.88,7.31,7.75,8.18,8.62,9.36,10.07,10.97,11.84,13.01,14.32,15.77,26,36.23],t[3]=[9.64,9.64,10.3,10.97,11.61,12.27,12.94,14.03,15.11,16.44,17.74,19.51,21.47,23.67,39.01,54.35],t[4]=[11.25,11.25,12.02,12.78,13.55,14.32,15.08,16.36,17.64,19.17,20.71,22.75,25.05,27.61,45.55,63.4];return t}computeSteuerWithKey(e,t,r){let a=Math.floor(e/1e3)+(e%1e3>0?1:0),s=0;for(let e=0;e<a;++e){let a=10*e,n=r[t],l=n[Math.min(e,n.length-1)];for(;a/10<e+1;)s+=l,a+=2}return s}computeSteuerWithoutKey(e){return e<=2e3?11.25*Math.ceil(e/200):e<=3e3?112.5+12.02*Math.ceil((e-2e3)/200):112.5+5*12.02+12.78*Math.ceil((e-3e3)/200)}handleSelectedOptions(e,t){this.setState({[e]:t})}calculate(){let e=this.state.mass;if(this.props.hasNumber){let t=Number(this.state.keyNumber),r=this.getSsatz(e),a=this.computeSteuerWithKey(e,t,r);this.result=Math.floor(a)}else{let t=this.computeSteuerWithoutKey(e);this.result=Math.floor(t)}this.setState({showResult:!0})}render(){let e=V()(this.state,"mass")&&!!G()(this.state,"mass")&&(!this.props.hasNumber||V()(this.state,"keyNumber"));return(0,i.jsxs)("div",{"data-testid":"lkw",children:[this.props.hasNumber&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:"key-number",children:"Schl\xfcsselnummer"}),(0,i.jsxs)("select",{id:"key-number",className:"sc-input","data-testid":"key-number-select",defaultValue:"0",onChange:e=>this.handleSelectedOptions("keyNumber",e.currentTarget.value),children:[(0,i.jsx)("option",{value:"0",disabled:!0,children:"Bitte w\xe4hlen"}),(0,i.jsx)("option",{value:"4",children:"00"}),(0,i.jsx)("option",{value:"3",children:"01 , 02"}

1),(0,i.jsx)("option",{value:"2",children:"10 , 11 , 12"}),(0,i.jsx)("option",{value:"1",children:"20 , 21 , 22"}),(0,i.jsx)("option",{value:"2",children:"30 , 31 , 32"}),(0,i.jsx)("option",{value:"1",children:"33 , 34 , 35"}),(0,i.jsx)("option",{value:"2",children:"40 , 41 , 42 , 43"}),(0,i.jsx)("option",{value:"1",children:"44 , 45"}),(0,i.jsx)("option",{value:"2",children:"50 , 51 , 52 , 53"}),(0,i.jsx)("option",{value:"1",children:"54 , 55"}),(0,i.jsx)("option",{value:"1",children:"60 , 61"}),(0,i.jsx)("option",{value:"1",children:"70 , 71"}),(0,i.jsx)("option",{value:"1",children:"80 , 81 , 83 , 84"}),(0,i.jsx)("option",{value:"4",children:"88"}),(0,i.jsx)("option",{value:"1",children:" 90 , 91"})]})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:"mass",children:"Zul\xe4ssige Gesamtmasse in kg"}),(0,i.jsx)("input",{className:"sc-input",id:"mass",type:"number","data-testid":"mass-input",placeholder:"z.B. 18.000 kg","aria-label":"Zul\xe4ssige Gesamtmasse in Kilogramm",onInput:e=>this.handleSelectedOptions("mass",e.currentTarget.value)})]}),(0,i.jsx)("button",{onClick:()=>this.calculate(),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"}),(0,i.jsx)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["Ihre Kfz-Steuer betr\xe4gt € ",this.result,"/Jahr"]})})]})}}class q extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={showResult:!1}}getStufe(e){let t=e.toString();return"4"===t||"3"===t?1:"5"===t?2:0}getRates(e){return[[40,10,15,25],[24,10],[16,10]][e]}computeSteuer(e,t){let r=this.getRates(t),a=e-2e3,s=a-3e3,n=s-7e3;if(a<=0)return Math.ceil(e/200)*r[0];let l=10*r[0];return t>0?(l+=Math.ceil(a/200)*r[1],2===t&&l>800)?800:Math.min(l,1e3):s<=0?l+Math.ceil(a/200)*r[1]:(l+=15*r[1],n<=0)?l+Math.ceil(s/200)*r[2]:(l+=35*r[2])+Math.ceil(n/200)*r[3]}handleSelectedOptions(e,t){this.setState({[e]:t})}calculate(){let e=this.state.mass,t=this.state.co2group,r=Number.parseInt(this.state.registrationFrom,10),a=Number.parseInt(this.state.registrationTo,10),s=this.props.getMonths(r,a),n=this.getStufe(t),l=this.computeSteuer(e,n);this.result=Math.floor(l/12*s),this.setState({showResult:!0})}render(){let e=V()(this.state,"co2group")&&V()(this.state,"mass")&&V()(this.state,"registrationFrom")&&V()(this.state,"registrationTo")&&!!G()(this.state,"mass");return(0,i.jsxs)("div",{"data-testid":"camper",children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:"emissions-group",children:"Emissionsgruppe"}),(0,i.jsxs)("select",{id:"emissions-group",className:"sc-input",defaultValue:"0","data-testid":"emissions-group",onChange:e=>this.handleSelectedOptions("co2group",e.currentTarget.value),children:[(0,i.jsx)("option",{disabled:!0,value:"0",children:"Bitte w\xe4hlen"}),(0,i.jsx)("option",{value:"1",children:"ohne Schadstoffklasse"}),(0,i.jsx)("option",{value:"2",children:"Schadstoffklasse S1 - Euro 1"}),(0,i.jsx)("option",{value:"3",children:"Schadstoffklasse S2 - Euro 2"}),(0,i.jsx)("option",{value:"4",children:"Schadstoffklasse S3 - Euro 3"}),(0,i.jsx)("option",{value:"5",children:"Schadstoffklasse S4 - Euro 4 und besser"})]}),(0,i.jsx)("label",{className:"sc-label",htmlFor:"mass",children:"Zul\xe4ssige Gesamtmasse in kg"}),(0,i.jsx)("input",{className:"sc-input",id:"mass",type:"number","data-testid":"mass-input",placeholder:"z.B. 1800 kg","aria-label":"Zul\xe4ssige Gesamtmasse in Kilogramm",onInput:e=>this.handleSelectedOptions("mass",e.currentTarget.value)}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:"registration-from",children:"Anmeldezeitraum"}),(0,i.jsxs)("div",{className:"sc-input-group",children:[(0,i.jsxs)("select",{id:"registration-from",className:"sc-input",defaultValue:"0","data-testid":"registration-from",onChange:e=>this.handleSelectedOptions("registrationFrom",e.currentTarget.value),children:[(0,i.jsx)("option",{value:"0",disabled:!0,children:"von"}),Object.keys(K).map((e,t)=>(0,i.jsx)("option",{value:t+1,children:e},e))]}),(0,i.jsxs)("select",{className:"sc-input",defaultValue:"0","data-testid":"registration-to",onChange:e=>this.handleSelectedOptions("registrationTo",e.currentTarget.value),children:[(0,i.jsx)("option",{value:"0",disabled:!0,children:"bis"}),Object.keys(K).map((e,t)=>(0,i.jsx)("option",{value:t+1,children:e},e))]})]})]}),(0,i.jsx)("button",{onClick:()=>this.calculate(),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"}),(0,i.jsx)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["I

1hre Kfz-Steuer betr\xe4gt € ",this.result,"/Jahr"]})})]})}}function J(e){let{onClick:t,disabled:r}=e;return(0,i.jsx)("button",{onClick:t,className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:r,children:"Jetzt berechnen"})}function Q(e){let{id:t,label:r,testId:a,placeholder:s,ariaLabel:n,onInput:l}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:t,children:r}),(0,i.jsx)("input",{className:"sc-input",id:t,type:"number","data-testid":a,placeholder:s,"aria-label":n,onInput:e=>l(e.currentTarget.value)})]})}function X(e){let{onInput:t}=e;return(0,i.jsx)(Q,{id:"capacity",label:"Hubraum in ccm",testId:"capacity-input",placeholder:"z.B. 1395 ccm",ariaLabel:"Hubraum in Kubikzentimetern",onInput:t})}function ee(e){let{id:t,label:r,testId:a,options:s,onChange:n,defaultValue:l="0"}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:t,children:r}),(0,i.jsx)("select",{id:t,className:"sc-input","data-testid":a,defaultValue:l,onChange:e=>n(e.currentTarget.value),children:s.map(e=>(0,i.jsx)("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))})]})}let et=[{value:"0",label:"Bitte w\xe4hlen",disabled:!0},{value:"1",label:"Otto"},{value:"2",label:"Diesel"}];function er(e){let{onChange:t}=e;return(0,i.jsx)(ee,{id:"motor-type",label:"Motorart",testId:"motor-type-select",options:et,onChange:t})}let ea=()=>Object.keys(K).map((e,t)=>({value:String(t+1),label:e}));function es(e){let{onFromChange:t,onToChange:r}=e,a=ea();return(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:"registration-from",children:"Anmeldezeitraum"}),(0,i.jsxs)("div",{className:"sc-input-group",children:[(0,i.jsxs)("select",{id:"registration-from",className:"sc-input","data-testid":"registration-from",defaultValue:"0",onChange:e=>t(e.currentTarget.value),children:[(0,i.jsx)("option",{value:"0",disabled:!0,children:"von"}),a.map(e=>(0,i.jsx)("option",{value:e.value,children:e.label},e.value))]}),(0,i.jsxs)("select",{className:"sc-input","data-testid":"registration-to",defaultValue:"0",onChange:e=>r(e.currentTarget.value),children:[(0,i.jsx)("option",{value:"0",disabled:!0,children:"bis"}),a.map(e=>(0,i.jsx)("option",{value:e.value,children:e.label},e.value))]})]})]})}function en(e){let{showResult:t,result:r}=e;return(0,i.jsx)("div",{className:t?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["Ihre Kfz-Steuer betr\xe4gt € ",r,"/Jahr"]})})}function el(e){let{onFromChange:t,onToChange:r,onCalculate:a,disabled:s,showResult:n,result:l}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(es,{onFromChange:t,onToChange:r}),(0,i.jsx)(J,{onClick:a,disabled:s}),(0,i.jsx)(en,{showResult:n,result:l})]})}function ei(e){let{onMotorChange:t,onCapacityInput:r,onFromChange:a,onToChange:s,onCalculate:n,disabled:l,showResult:c,result:o}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(er,{onChange:t}),(0,i.jsx)(X,{onInput:r}),(0,i.jsx)(el,{onFromChange:a,onToChange:s,onCalculate:n,disabled:l,showResult:c,result:o})]})}function ec(e){return void 0!==e.registrationFrom&&void 0!==e.registrationTo}class eo extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={showResult:!1}}handleSelectedOptions(e,t){this.setState({[e]:t})}calculate(){let e=this.state.mass,t=this.props.getMonths(Number.parseInt(this.state.registrationFrom,10),Number.parseInt(this.state.registrationTo,10));this.result=Math.min(373,Math.floor(7.46*(Math.floor(e/200)+(e%200>0?1:0))/12*t)),this.setState({showResult:!0})}hasAllOptionsProvided(){return ec(this.state)&&!!this.state.mass}render(){return(0,i.jsxs)("div",{"data-testid":"trailer",children:[(0,i.jsx)(Q,{id:"mass",label:"Zul\xe4ssige Gesamtmasse in kg",testId:"mass-input",placeholder:"z.B. 1800 kg",ariaLabel:"Zul\xe4ssige Gesamtmasse in Kilogramm",onInput:e=>this.handleSelectedOptions("mass",e)}),(0,i.jsx)(el,{onFromChange:e=>this.handleSelectedOptions("registrationFrom",e),onToChange:e=>this.handleSelectedOptions("registrationTo",e),onCalculate:()=>this.calculate(),disabled:!this.hasAllOptionsProvided(),showResult:this.state.showResult??!1,result:this.result})]})}}class eu extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={showResult:!1,noTax:!1}}handleSelectedOptions(e,t){this.setState({[e]:t,noTax:!1,showResult:!1})}calculate(){let e=this.state.capacity,t=this.props.getMonths(Number.parseInt(this.state.registrationFrom,10),Number.parseInt(this.state.registrationTo,10));e<125?this.setState({noTax:!0}):(this.result=Math.floor(1.84*Math.ceil(e/25)/12*t),this.setState({showResult:!0,noTax:!1}))}hasAllOptionsProvided(){return ec(this.state)&&!!this.state.capacity}render(){return(0,i.jsxs)("div",{"data-testid":"moto",children:[(0,i.jsx)(X,{onInput:e=>this.handleSelectedOptions("capacity",e)}),(0,i.jsx)(el,{onFromChange:e=>this.handleSelectedOptions("registrationFrom",e),onToChange:e=>this.handleSelectedOptions("registrationTo",e),onCalculate:()=>this.calculate(),disabled:!this.hasAllOptionsProvided(),showResult:this.state.showResult??!1,result:this.result}),(0,i.jsx)("div",{className:this.state.noTax?"cms-calculator-result":"sc-hidden","data-testid":"no-tax-result",children:(0,i.jsx)("span",{children:"Sie sind von der Kfz-Steuer befreit."})})]})}}let ed=[{value:"0",label:"Bitte w\xe4hlen",disabled:!0},{value:"1",label:"Euro-3 und Besser"},{value:"2",label:"Euro-2"},{value:"3",label:"Euro-1"},{value:"4",label:"nicht schadstoffarm (Fahren bei Ozonalarm erlaubt)"},{value:"5",label:"nicht schadstoffarm (Fahren bei Ozonalarm nicht erlaubt)"},{value:"6",label:"\xfcbrige"}],em=[[],[0,6.75,7.36,15.13,21.07,25.36,25.36],[0,15.44,17.25,28.55,33.29,37.58,37.58]];class eh extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={showResult:!1}}handleSelectedOptions(e,t){this.setState({[e]:t})}calculate(){let e=this.state.capacity,t=this.state.motor,r=this.state.co2group,a=this.props.getMonths(Number.parseInt(this.state.registrationFrom,10),Number.parseInt(this.state.registrationTo,10)),s=em[t][r];this.result=Math.floor((Math.floor(e/100)*s+(e%100>

10?s:0))/12*a),this.setState({showResult:!0})}hasAllOptionsProvided(){return ec(this.state)&&void 0!==this.state.co2group&&void 0!==this.state.motor&&!!this.state.capacity}render(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(ee,{id:"emissions-group",label:"Emissionsgruppe",testId:"emissions-group-select",options:ed,onChange:e=>this.handleSelectedOptions("co2group",e)}),(0,i.jsx)(ei,{onMotorChange:e=>this.handleSelectedOptions("motor",e),onCapacityInput:e=>this.handleSelectedOptions("capacity",e),onFromChange:e=>this.handleSelectedOptions("registrationFrom",e),onToChange:e=>this.handleSelectedOptions("registrationTo",e),onCalculate:()=>this.calculate(),disabled:!this.hasAllOptionsProvided(),showResult:this.state.showResult??!1,result:this.result})]})}}class ep extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={showResult:!1}}handleSelectedOptions(e,t){this.setState({[e]:t})}calculate(){let e=this.state.capacity,t=this.state.motor,r=this.state.co2emission,a=this.props.getMonths(Number.parseInt(this.state.registrationFrom,10),Number.parseInt(this.state.registrationTo,10)),s=1===Number(t)?2:9.5,n=(r-=this.props.co2const)>0?2*r:0;this.result=Math.floor((Math.floor(e/100)*s+(e%100>0?s:0)+n)/12*a),this.setState({showResult:!0})}hasAllOptionsProvided(){return ec(this.state)&&void 0!==this.state.co2emission&&void 0!==this.state.motor&&!!this.state.capacity}render(){return(0,i.jsxs)("div",{children:[(0,i.jsx)(Q,{id:"co2emm",label:"CO2-Emissionen in g/km",testId:"co2-emission-input",placeholder:"z.B. 140 g/km",ariaLabel:"CO2-Emissionen in Gramm pro Kilometer",onInput:e=>this.handleSelectedOptions("co2emission",e)}),(0,i.jsx)(ei,{onMotorChange:e=>this.handleSelectedOptions("motor",e),onCapacityInput:e=>this.handleSelectedOptions("capacity",e),onFromChange:e=>this.handleSelectedOptions("registrationFrom",e),onToChange:e=>this.handleSelectedOptions("registrationTo",e),onCalculate:()=>this.calculate(),disabled:!this.hasAllOptionsProvided(),showResult:this.state.showResult??!1,result:this.result})]})}}class eb extends n.Component{constructor(e){super(e),this.state={vehicleType:"0",showResult:!1,showOptions:!1}}getMonths(e,t){if(e&&t){let r=e>t?12-e:0;return t-(r>0?0:e)+r+1}return 12}vehiclePickerChanged(e){this.setState({vehicleType:e}),"0"===e?this.setState({showOptions:!1}):this.setState({showOptions:!0})}renderOptions(e){switch(e){case"1":return(0,i.jsx)(eh,{getMonths:this.getMonths});case"2":return(0,i.jsx)(ep,{getMonths:this.getMonths,co2const:120});case"9":case"11":return(0,i.jsx)(ep,{getMonths:this.getMonths,co2const:110});case"10":return(0,i.jsx)(ep,{getMonths:this.getMonths,co2const:95});case"12":return(0,i.jsx)(Y,{hasNumber:!1});case"3":return(0,i.jsx)(Y,{hasNumber:!0});case"4":return(0,i.jsx)(q,{getMonths:this.getMonths});case"6":return(0,i.jsxs)("div",{className:"cms-calculator-result",children:[(0,i.jsx)("span",{children:"Ihre Kfz-Steuer betr\xe4gt € 72/Jahr"}),(0,i.jsx)("p",{className:"sc-font-silent sc-font-m",children:"Die Kfz-Steuer f\xfcr Oldtimer wird pauschal berechnet."})]});case"7":return(0,i.jsx)(eo,{getMonths:this.getMonths});case"8":return(0,i.jsx)(eu,{getMonths:this.getMonths});default:return null}}render(){return(0,i.jsxs)("div",{className:"cms-calculator","data-testid":"car-tax-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"Berechnen Sie Ihre Kfz-Steuer"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("label",{className:"sc-label",htmlFor:"select-kfz-art",children:"Fahrzeugeart"}),(0,i.jsxs)("select",{id:"select-kfz-art",className:"sc-input","data-testid":"vehicle-type-select","aria-label":"Select vehicle type",onChange:e=>this.vehiclePickerChanged(e.currentTarget.value),children:[(0,i.jsx)("option",{value:"0",children:"Bitte w\xe4hlen"}),(0,i.jsx)("option",{value:"1",children:"PKW (EZ bis 01.07.2009)"}),(0,i.jsx)("option",{value:"2",children:"PKW (EZ ab 01.07.2009)"}),(0,i.jsx)("option",{value:"9",children:"PKW (EZ ab 01.01.2012)"}),(0,i.jsx)("option",{value:"11",children:"PKW (EZ ab 01.01.2013)"}),(0,i.jsx)("option",{value:"10",children:"PKW (EZ ab 01.01.2014)"}),(0,i.jsx)("option",{value:"12",children:"LKWs bis 3500 kg"}),(0,i.jsx)("option",{value:"3",children:"LKWs \xfcber 3500 kg"}),(0,i.jsx)("option",{value:"4",children:"Wohnmobil"}),(0,i.jsx)("option",{value:"6",children:"Oldtimer"}),(0,i.jsx)("option",{value:"7",children:"Anh\xe4nger"}),(0,i.jsx)("option",{value:"8",children:"Motorrad"})]})]}),this.state.showOptions&&(0,i.jsx)("div",{"data-testid":"vehicle-options",children:this.renderOptions(this.state.vehicleType)})]})}}var eg=class extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={userIn

1putFuelPrice:0,userInputLiter:0,userInputDistance:0}}calculate(e,t,r){return this.setState({showResult:!0}),this.result=t/100*r*e,this.result}render(){let e=this.state.userInputFuelPrice>0&&this.state.userInputLiter>0&&this.state.userInputDistance>0;return(0,i.jsxs)("div",{className:"cms-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"Berechnen Sie Ihre Spritkosten"}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"fuel-cost-price",children:"Benzinpreis in €/Liter"}),(0,i.jsx)("input",{className:"sc-input",id:"fuel-cost-price",type:"number","data-testid":"fuel-price-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 1,50 €","aria-label":"Benzinpreis in Euro pro Liter",onInput:e=>this.setState({userInputFuelPrice:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"fuel-cost-liters",children:"Verbrauch Liter/100 km"}),(0,i.jsx)("input",{className:"sc-input",id:"fuel-cost-liters",type:"number","data-testid":"fuel-consumption-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 8,6 l","aria-label":"Kraftstoffverbrauch in Litern pro 100 Kilometer",onInput:e=>this.setState({userInputLiter:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"fuel-cost-distance",children:"Strecke in km"}),(0,i.jsx)("input",{className:"sc-input",id:"fuel-cost-distance",type:"number","data-testid":"distance-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 200 km","aria-label":"Strecke in Kilometern",onInput:e=>this.setState({userInputDistance:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsx)("div",{style:{visibility:"visible"},children:(0,i.jsx)("button",{onClick:()=>this.calculate(this.state.userInputFuelPrice,this.state.userInputLiter,this.state.userInputDistance),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"})}),(0,i.jsx)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["Ihre Spritkosten betragen € ",this.result.toFixed(2)]})})]})}},ef=class extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),this.result=0,this.state={userInputLiter:0,userInputDistance:0}}calculate(e,t){return this.setState({showResult:!0}),this.result=e/100*t,this.result}render(){let e=this.state.userInputLiter>0&&this.state.userInputDistance>0;return(0,i.jsxs)("div",{className:"cms-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"Berechnen Sie Ihren Benzinverbrauch"}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"fuel-consumption-distance",children:"Strecke in km"}),(0,i.jsx)("input",{className:"sc-input",id:"fuel-consumption-distance",type:"number","data-testid":"distance-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 200 km","aria-label":"Strecke in Kilometern",onInput:e=>this.setState({userInputDistance:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"fuel-consumption-liters",children:"Verbrauch Liter/100 km"}),(0,i.jsx)("input",{className:"sc-input",id:"fuel-consumption-liters",type:"number","data-testid":"fuel-consumption-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 8,6 l","aria-label":"Kraftstoffverbrauch in Litern pro 100 Kilometer",onInput:e=>this.setState({userInputLiter:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsx)("div",{style:{visibility:"visible"},children:(0,i.jsx)("button",{onClick:()=>this.calculate(this.state.userInputLiter,this.state.userInputDistance),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"})}),(0,i.jsx)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["Der durchschnittlicher Verbrauch betr\xe4gt ",this.result.toFixed(2)," l"]})})]})}},ev=class extends n.Component{constructor(e){super(e),(0,B.Z)(this,"taxable",void 0),(0,B.Z)(this,"carPrice",void 0),(0,B.Z)(this,"convenientCar",void 0),(0,B.Z)(this,"convenientDistance",void 0),(0,B.Z)(this,"monetaryAdvantage",void 0),this.taxable=0,this.carPrice=0,this.convenientCar=0,this.convenientDistance=0,this.monetaryAdvantage=0,this.state={userIn

1putCarPrice:0,userInputDeductible:0,userInputCommute:0,userInputEmployerContribution:0}}calculate(e,t,r,a){return this.setState({showResult:!0}),this.carPrice=e-e%100,this.convenientCar=.01*this.carPrice,this.convenientDistance=3e-4*this.carPrice*r,this.convenientDistance>4500&&(this.convenientDistance=4500),this.monetaryAdvantage=this.convenientCar+this.convenientDistance,this.taxable=this.monetaryAdvantage-t-.3*r*a,this.taxable}render(){let e=this.state.userInputCarPrice>0&&this.state.userInputDeductible>0&&this.state.userInputCommute>0&&this.state.userInputEmployerContribution>0;return(0,i.jsxs)("div",{className:"cms-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"Berechen Sie Ihre Vorteile"}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"carPrice",children:"Listenpreis des Fahrzeugs in €"}),(0,i.jsx)("input",{className:"sc-input",id:"carPrice",type:"number","data-testid":"car-price-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 41689 €","aria-label":"Listenpreis des Fahrzeugs in Euro",onInput:e=>this.setState({userInputCarPrice:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"deductible",children:"Private Selbstbeteiligung €/mtl."}),(0,i.jsx)("input",{className:"sc-input",id:"deductible",type:"number","data-testid":"deductible-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 58,00 €","aria-label":"Private Selbstbeteiligung in Euro pro Monat",onInput:e=>this.setState({userInputDeductible:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"commute",children:"Entfernung Arbeit- zu Wohnort in km"}),(0,i.jsx)("input",{className:"sc-input",id:"commute",type:"number","data-testid":"commute-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 50 km","aria-label":"Entfernung zwischen Arbeit und Wohnort in Kilometern",onInput:e=>this.setState({userInputCommute:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"employerContribution",children:"Arbeitgeberbeteiligung in Tagen"}),(0,i.jsx)("input",{className:"sc-input",id:"employerContribution",type:"number","data-testid":"employer-contribution-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 8 Tage","aria-label":"Arbeitgeberbeteiligung in Tagen",onInput:e=>this.setState({userInputEmployerContribution:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsx)("div",{style:{visibility:"visible"},children:(0,i.jsx)("button",{onClick:()=>this.calculate(this.state.userInputCarPrice,this.state.userInputDeductible,this.state.userInputCommute,this.state.userInputEmployerContribution),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"})}),(0,i.jsxs)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:[(0,i.jsxs)("div",{className:"main-result","data-testid":"main-result",children:["Ihr zu versteuernder Geldwerter Vorteil betr\xe4gt"," ",this.taxable.toFixed(2)," €"]}),(0,i.jsxs)("div",{className:"cms-calculator-result__group",children:[(0,i.jsxs)("div",{className:"cms-calculator-result__group--row",children:[(0,i.jsx)("span",{className:"text-result",children:"Brutto-Listenpreis (auf 100 Euro gerundet):"}),(0,i.jsxs)("span",{className:"money-result","data-testid":"car-price-result",children:[this.state.userInputCarPrice.toFixed(2)," €"," "]})]}),(0,i.jsxs)("div",{className:"cms-calculator-result__group--row",children:[(0,i.jsx)("span",{className:"text-result",children:"1% Regel (1% * 12 Monate):"}),(0,i.jsxs)("span",{className:"money-result","data-testid":"convenient-car-result",children:[this.convenientCar.toFixed(2)," €"]})]}),(0,i.jsxs)("div",{className:"cms-calculator-result__group--row",children:[(0,i.jsx)("span",{className:"text-result",children:"0.03% pro Kilometer zur Arbeit:"}),(0,i.jsxs)("span",{className:"money-result","data-testid":"convenient-distance-result",children:["+ ",this.convenientDistance.toFixed(2)," €"," "]})]})]}),(0,i.jsx)("div",{className:"cms-calculator-result__group sc-font-bold",children:(0,i.jsxs)("div",{className:"cms-calculator-result__group--row",children:[(0,i.jsx)("span",{className:"text-result no-italics",children:"Geldwerter Vorteil:"}),(0,i.jsxs)("span",{className:"money-result","data-testid":"monetary-advantage-result",children:["= ",this.monetaryAdvantage.toFixed(2)," €"]})]})}),(0,i.jsxs)("div",{className:"cms-calculator-result__group",children:[(0,i.jsxs)("div",{className:"cms-calculator-result__group--row",children:[(0,i.jsx)("span",{className:"text-result",children:"Private Kostenbeteiligung:"}),(0,i.jsxs)("span",{className:"money-result","data-testid":"deductible-result",children:["- ",this.state.userIn

1putDeductible.toFixed(2)," €"," "]})]}),(0,i.jsxs)("div",{className:"cms-calculator-result__group--row",children:[(0,i.jsx)("span",{className:"text-result",children:"Arbeitgeberbeteiligung:"}),(0,i.jsx)("span",{className:"money-result","data-testid":"employer-contribution-result",children:`- ${(.3*this.state.userInputCommute*this.state.userInputEmployerContribution).toFixed(2)} €`})]})]}),(0,i.jsx)("div",{className:"cms-calculator-result__group sc-font-bold",children:(0,i.jsxs)("div",{className:"cms-calculator-result__group--row",children:[(0,i.jsx)("span",{className:"text-result no-italics",children:"Zu versteuernder geldwerter Vorteil:"}),(0,i.jsx)("span",{className:this.taxable<=0?"red-result money-result":"green-result money-result","data-testid":"taxable-result",children:`${this.taxable.toFixed(2)} €`})]})})]})]})}},ej=class extends n.Component{constructor(e){super(e),(0,B.Z)(this,"result",void 0),(0,B.Z)(this,"return",void 0),this.result=0,this.return=1,this.state={withReturn:!1,userInputFuelPrice:0,userInputLiter:0,userInputDistance:0,userInputPersons:0,userInputToll:0,userInputParking:0}}calculate(e,t,r,a,s,n,l){return this.setState({showResult:!0}),this.return=l?2:1,this.result=((t/100*r*e+s)*this.return+n)/a,this.result}render(){let e=this.state.userInputFuelPrice>0&&this.state.userInputLiter>0&&this.state.userInputDistance>0&&this.state.userInputPersons>0&&this.state.userInputToll>=0&&this.state.userInputParking>=0;return(0,i.jsxs)("div",{className:"cms-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"Berechnen Sie Ihre Fahrtkosten"}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"travel-cost-distance",children:"Strecke in km"}),(0,i.jsx)("input",{className:"sc-input",id:"travel-cost-distance",type:"number","data-testid":"distance-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 200 km","aria-label":"Strecke in Kilometern",onInput:e=>this.setState({userInputDistance:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"travel-cost-liters",children:"Verbrauch Liter/100 km"}),(0,i.jsx)("input",{className:"sc-input",id:"travel-cost-liters",type:"number","data-testid":"fuel-consumption-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 8,6 l","aria-label":"Kraftstoffverbrauch in Litern pro 100 Kilometer",onInput:e=>this.setState({userInputLiter:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"travel-cost-fuel-price",children:"Benzinpreis in €/Liter"}),(0,i.jsx)("input",{className:"sc-input",id:"travel-cost-fuel-price",type:"number","data-testid":"fuel-price-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 1,50 €","aria-label":"Benzinpreis in Euro pro Liter",onInput:e=>this.setState({userInputFuelPrice:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"persons",children:"Anzahl der Personen"}),(0,i.jsx)("input",{className:"sc-input",id:"persons",type:"number","data-testid":"persons-input",pattern:"[0-9]",placeholder:"Bitte w\xe4hlen","aria-label":"Anzahl der Personen",onInput:e=>this.setState({userInputPersons:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"toll",children:"Mautgeb\xfchr in €"}),(0,i.jsx)("input",{className:"sc-input",id:"toll",type:"number","data-testid":"toll-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 11,50 €","aria-label":"Mautgeb\xfchr in Euro",onInput:e=>this.setState({userInputToll:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"parking",children:"Parkgebuhr in €"}),(0,i.jsx)("input",{className:"sc-input",id:"parking",type:"number","data-testid":"parking-input",pattern:"[0-9]+([,\\.][0-9]+)?",step:"any",placeholder:"z.B. 4,00 €","aria-label":"Parkgeb\xfchr in Euro",onInput:e=>

1this.setState({userInputParking:Number.parseFloat(e.currentTarget.value)})})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("input",{name:"return",className:"sc-input",type:"checkbox",id:"return","data-testid":"return-checkbox",checked:this.state.withReturn,onChange:()=>this.setState(e=>({withReturn:!e.withReturn}))}),(0,i.jsx)("label",{htmlFor:"return",children:"Hin- und R\xfcckfahrt berechnen"})]}),(0,i.jsx)("div",{style:{visibility:"visible"},children:(0,i.jsx)("button",{onClick:()=>this.calculate(this.state.userInputFuelPrice,this.state.userInputLiter,this.state.userInputDistance,this.state.userInputPersons,this.state.userInputToll,this.state.userInputParking,this.state.withReturn),className:"sc-btn-bob sc-btn-block",type:"button","data-testid":"calculate-button",value:"Berechnen",name:"rechnen",disabled:!e,children:"Jetzt berechnen"})}),(0,i.jsx)("div",{className:this.state.showResult?"cms-calculator-result":"sc-hidden","data-testid":"result",children:(0,i.jsxs)("span",{children:["Ihre Fahrkosten pro Person betragen € ",this.result.toFixed(2)]})})]})}},ex=class extends n.Component{constructor(e){super(e),this.state={userInputPrijs:0,userInputPrijstyp:0,userInputToelatingDay:0,userInputToelatingMonth:0,userInputToelatingYear:0,userInputAangifteDay:0,userInputAangifteMonth:0,userInputAangifteYear:0,userInputCO2:0,userInputEnergieLabel:"C",userInputBrandstoff:1,withRoetfilter:!1,userInputHybride:0,validToelatingDay:!1,validToelatingMonth:!1,validToelatingYear:!1,validAangifteDay:!1,validAangifteMonth:!1,validAangifteYear:!1,validPrijs:!1,validCO2:!1,bpmResults:[]}}showResults(e){if(e&&e.bpmcalculator&&"200 Ok"===e.bpmcalculator.succes.code&&e.bpmcalculator.berekeningen&&e.bpmcalculator.berekeningen.berekening){let t=[];if(e.bpmcalculator.berekeningen.berekening.length>0)e.bpmcalculator.berekeningen.berekening.map(e=>{t.push({year:Number.parseInt(e.berekend_voor.slice(-4),0),bpmBasis:this.formatMoney(Number.parseInt(e.bpm_basis,0)),btw:this.formatMoney(Number.parseInt(e.btw,0)),bpmTotal:this.formatMoney(Number.parseInt(e.bpm_totaal,0)),bpmTariefPerc:Number.parseInt(e.bpmtarief_perc,0).toString(),brandstof:this.formatMoney(Number.parseInt(e.bpmtoeslag_brandstof,0)),co2:this.formatMoney(Number.parseInt(e.bpmtoeslag_co2uitstoot,0)),energieLabel:this.formatMoney(Number.parseInt(e.bpmtoeslag_energielabel,0)),btwTariefPerc:Number.parseInt(e.btwtarief_perc,0).toString(),brutto:this.formatMoney(Number.parseInt(e.catalogusprijs_bruto,0)),netto:this.formatMoney(Number.parseInt(e.catalogusprijs_netto,0)),leeftijdkortingPerc:e.leeftijdkorting_perc.toString()})});else{let r=e.bpmcalculator.berekeningen.berekening;t.push({year:Number.parseInt(r.berekend_voor.slice(-4),0),bpmBasis:this.formatMoney(Number.parseInt(r.bpm_basis,0)),btw:this.formatMoney(Number.parseInt(r.btw,0)),bpmTotal:this.formatMoney(Number.parseInt(r.bpm_totaal,0)),bpmTariefPerc:Number.parseInt(r.bpmtarief_perc,0).toString(),brandstof:this.formatMoney(Number.parseInt(r.bpmtoeslag_brandstof,0)),co2:this.formatMoney(Number.parseInt(r.bpmtoeslag_co2uitstoot,0)),energieLabel:this.formatMoney(Number.parseInt(r.bpmtoeslag_energielabel,0)),btwTariefPerc:Number.parseInt(r.btwtarief_perc,0).toString(),brutto:this.formatMoney(Number.parseInt(r.catalogusprijs_bruto,0)),netto:this.formatMoney(Number.parseInt(r.catalogusprijs_netto,0)),leeftijdkortingPerc:r.leeftijdkorting_perc.toString()})}this.setState({showResult:!0,bpmResults:t});let r=document.getElementById("result");r&&window.scrollTo(0,r.offsetTop)}}formatMoney(e){return e>999999999999?"999.999.999.999":new Intl.NumberFormat("de-DE").format(e)}calculate(){let e=this,t=`${0===this.state.userInputPrijstyp?"&brutoprijs=":"&nettoprijs="}${this.state.userInputPrijs}`,r=`${this.state.userInputToelatingDay}-${this.state.userInputToelatingMonth}-${this.state.userInputToelatingYear}`,a=`${this.state.userInputAangifteDay}-${this.state.userInputAangifteMonth}-${this.state.userInputAangifteYear}`,s=`${0!==this.state.userInputHybride?"&aandrijvingssysteem="+this.state.userInputHybride:""}`;fetch(`https://dnhwkl8qz5.execute-api.eu-west-1.amazonaws.com/prod/

1autoweek/autoweek/client_id=EJMFDHSA&service_id=119${t}&datum_eerstetoelating=${r}&datum_aangifte=${a}&energielabel=${this.state.userInputEnergieLabel}&co2uitstoot=${this.state.userInputCO2}&roetfilter=${this.state.withRoetfilter?1:0}&fuel_id=${this.state.userInputBrandstoff}${s}`).then(e=>e.json()).then(t=>{e.showResults(t)}).catch(t=>{(0,v.o)({message:"Error calculating BPM",err:t}),e.setState({showResult:!1,bpmResults:[]})})}render(){let e=this.state.userInputPrijs>0&&this.state.userInputToelatingDay>0&&this.state.userInputToelatingMonth>0&&this.state.userInputToelatingYear>0&&this.state.userInputAangifteDay>0&&this.state.userInputAangifteMonth>0&&this.state.userInputAangifteYear>0&&this.state.userInputCO2>0&&this.state.validAangifteDay&&this.state.validAangifteMonth&&this.state.validAangifteYear&&this.state.validToelatingDay&&this.state.validToelatingMonth&&this.state.validToelatingYear&&this.state.validPrijs&&this.state.validCO2;return(0,i.jsxs)("div",{className:"cms-calculator",children:[(0,i.jsx)("h2",{className:"cms-calculator-title",children:"BPM berekenen"}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsxs)("label",{htmlFor:"toelating-day",children:["Datum 1e toelating"," ",(0,i.jsx)("sup",{title:"datum dat de auto op kenteken gezet is",children:"1"})]}),(0,i.jsxs)("div",{className:"sc-input-group",children:[(0,i.jsx)("input",{className:"sc-input",id:"toelating-day",type:"number",pattern:"((0[1-9])|(1\\d)|(2\\d)|(3[0-1]))",placeholder:"28",max:31,min:1,"data-testid":"toelating-day","aria-label":"Dag van eerste toelating",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({userInputToelatingDay:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>1>Number.parseInt(e.currentTarget.value,0)||Number.parseInt(e.currentTarget.value,0)>31?(e.currentTarget.className=" sc-input error",this.setState({validToelatingDay:!1})):(e.currentTarget.className=" sc-input",this.setState({validToelatingDay:!0}))}),(0,i.jsx)("input",{className:"sc-input",id:"toelating-month",type:"number",pattern:"(|(0[1-9])|(1[0-2]))",max:12,min:1,placeholder:"02","data-testid":"toelating-month","aria-label":"Maand van eerste toelating",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({userInputToelatingMonth:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>1>Number.parseInt(e.currentTarget.value,0)||Number.parseInt(e.currentTarget.value,0)>12?(e.currentTarget.className=" sc-input error",this.setState({validToelatingMonth:!1})):(e.currentTarget.className=" sc-input",this.setState({validToelatingMonth:!0}))}),(0,i.jsx)("input",{className:"sc-input",id:"toelating-year",type:"number",pattern:"\\d{4}",max:9999,min:1900,placeholder:"2024","data-testid":"toelating-year","aria-label":"Jaar van eerste toelating",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({userInputToelatingYear:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>4!==e.currentTarget.value.length?(e.currentTarget.className=" sc-input error",this.setState({validToelatingYear:!1})):(e.currentTarget.className=" sc-input",this.setState({validToelatingYear:!0}))})]})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"aangifte-day",children:"Datum aangifte"}),(0,i.jsxs)("div",{className:"sc-input-group",children:[(0,i.jsx)("input",{className:"sc-input",id:"aangifte-day",type:"number",pattern:"((0[1-9])|(1\\d)|(2\\d)|(3[0-1]))",max:31,min:1,placeholder:"28","data-testid":"aangifte-day","aria-label":"Dag van aangifte",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({userInputAangifteDay:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>1>Number.parseInt(e.currentTarget.value,0)||Number.parseInt(e.currentTarget.value,0)>31?(e.currentTarget.className=" sc-input error",this.setState({validAangifteDay:!1})):(e.currentTarget.className=" sc-input",this.setState({validAangifteDay:!0}))}),(0,i.jsx)("input",{className:"sc-input",id:"aangifte-month",type:"number",pattern:"(|(0[1-9])|(1[0-2]))",max:12,min:1,placeholder:"02","data-testid":"aangifte-month","aria-label":"Maand van aangifte",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({userIn

1putAangifteMonth:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>1>Number.parseInt(e.currentTarget.value,0)||Number.parseInt(e.currentTarget.value,0)>12?(e.currentTarget.className=" sc-input error",this.setState({validAangifteMonth:!1})):(e.currentTarget.className=" sc-input",this.setState({validAangifteMonth:!0}))}),(0,i.jsx)("input",{className:"sc-input",id:"aangifte-year",type:"number",pattern:"\\d{4}",max:9999,min:1900,placeholder:"2024","data-testid":"aangifte-year","aria-label":"Jaar van aangifte",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({userInputAangifteYear:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>4!==e.currentTarget.value.length?(e.currentTarget.className=" sc-input error",this.setState({validAangifteYear:!1})):(e.currentTarget.className=" sc-input",this.setState({validAangifteYear:!0}))})]})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"prijs",children:"Prijs"}),(0,i.jsxs)("div",{className:"sc-input-group",children:[(0,i.jsx)("input",{className:"sc-input",id:"prijs",type:"number",pattern:"[0-9]","data-testid":"prijs","aria-label":"Prijs van het voertuig",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({userInputPrijs:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>Number.isNaN(Number.parseInt(e.currentTarget.value,0))?(e.currentTarget.className=" sc-input error",this.setState({validPrijs:!1})):(e.currentTarget.className=" sc-input",this.setState({validPrijs:!0}))}),(0,i.jsxs)("select",{className:"sc-input",id:"prijstyp","aria-label":"Select price type",onChange:e=>this.setState({userInputPrijstyp:Number.parseInt(e.currentTarget.value,0)}),children:[(0,i.jsx)("option",{value:"0",children:"bruto"}),(0,i.jsx)("option",{value:"1",children:"netto"})]})]})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"brandstoff",children:"Brandstoff"}),(0,i.jsxs)("select",{className:"sc-input",id:"brandstoff",onChange:e=>this.setState({userInputBrandstoff:Number.parseInt(e.currentTarget.value,0)}),children:[(0,i.jsx)("option",{value:"1",children:"benzine"}),(0,i.jsx)("option",{value:"2",children:"diesel"}),(0,i.jsx)("option",{value:"3",children:"LPG"}),(0,i.jsx)("option",{value:"4",children:"aardgas"}),(0,i.jsx)("option",{value:"6",children:"elektrisch"})]})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("input",{name:"roetfilter",className:"sc-input",type:"checkbox",id:"roetfilter",checked:this.state.withRoetfilter,onChange:()=>this.setState(e=>({withRoetfilter:!e.withRoetfilter}))}),(0,i.jsx)("label",{htmlFor:"roetfilter",children:"Roetfilter"})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsx)("label",{htmlFor:"hybride",children:"Hybride"}),(0,i.jsxs)("select",{className:"sc-input",id:"hybride",onChange:e=>this.setState({userInputHybride:Number.parseInt(e.currentTarget.value,0)}),children:[(0,i.jsx)("option",{value:"0",children:"nee"}),(0,i.jsx)("option",{value:"2",children:"ja, geen plug-in"}),(0,i.jsx)("option",{value:"4",children:"ja, plug-in"})]})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsxs)("label",{htmlFor:"energielabel",children:["Energielabel"," ",(0,i.jsx)("sup",{title:"kortingsregeling loopt af op 1 juli 2010, afwijkend tarief plug-ins vanaf 2017",children:"2"})]}),(0,i.jsxs)("select",{value:"C",className:"sc-input",id:"energielabel",onChange:e=>this.setState({userInputEnergieLabel:e.currentTarget.value}),children:[(0,i.jsx)("option",{value:"A",children:"A"}),(0,i.jsx)("option",{value:"B",children:"B"}),(0,i.jsx)("option",{value:"C",children:"C of n.v.t."}),(0,i.jsx)("option",{value:"D",children:"D"}),(0,i.jsx)("option",{value:"E",children:"E"}),(0,i.jsx)("option",{value:"F",children:"F"}),(0,i.jsx)("option",{value:"G",children:"G"})]})]}),(0,i.jsxs)("div",{className:"cms-calculator-input",children:[(0,i.jsxs)("label",{htmlFor:"co2",children:["CO2-uitstoot (g/km)"," ",(0,i.jsx)("sup",{title:"indien niet bekend: 360 g/km voor benzine en lpg, 302 g/km voor diesel en aardgas",children:"3"})]}

1),(0,i.jsx)("input",{className:"sc-input",id:"co2",type:"number",pattern:"[0-9]","data-testid":"co2","aria-label":"CO2 uitstoot",onInput:e=>(e.currentTarget.value=e.currentTarget.value.replaceAll(/[^\d.]/g,""),this.setState({validCO2:!0}),this.setState({userInputCO2:Number.parseInt(e.currentTarget.value,0)})),onBlur:e=>Number.isNaN(Number.parseInt(e.currentTarget.value,0))?(e.currentTarget.className=" sc-input error",this.setState({validCO2:!1})):(e.currentTarget.className=" sc-input",this.setState({validCO2:!0}))})]}),(0,i.jsx)("div",{style:{visibility:"visible"},children:(0,i.jsx)("button",{onClick:()=>this.calculate(),className:"sc-btn-bob sc-btn-block",type:"button",value:"Berekenen",name:"berekenen",disabled:!e,children:"Berekenen"})}),(0,i.jsxs)("div",{className:"cms-legal-info sc-font-s sc-font-silent sc-margin-top-s",children:[(0,i.jsx)("sup",{children:"1"})," datum dat de auto op kenteken gezet is",(0,i.jsx)("br",{}),(0,i.jsx)("sup",{children:"2"})," kortingsregeling loopt af op 1 juli 2010, afwijkend tarief plug-ins vanaf 2017",(0,i.jsx)("br",{}),(0,i.jsx)("sup",{children:"3"})," indien niet bekend: 360 g/km voor benzine en lpg, 302 g/km voor diesel en aardgas",(0,i.jsx)("br",{})]}),this.state.showResult&&(0,i.jsx)("div",{id:"result",className:this.state.showResult?"cms-calculator-result":"sc-hidden",children:(0,i.jsx)("div",{className:"cms-bpm-calc-table sc-font-m",children:this.state.bpmResults.map((e,t)=>(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"cms-calculator-title sc-text-left",children:["BPM berekening voor ",e.year," "]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsx)("div",{className:"cms-bpm-calc-table_col label",children:"Catalogusprijs (netto)"}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col","data-testid":"result-netto",children:["€ ",e.netto]})]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col label",children:["BTW (",e.btwTariefPerc,"%)"]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col","data-testid":"result-btw",children:["€ ",e.btw]})]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col label",children:["BPM (",e.bpmTariefPerc,"%)"]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col",children:["€ ",e.bpmBasis]})]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsx)("div",{className:"cms-bpm-calc-table_col label",children:"BPM brandstoftoeslag"}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col",children:["€ ",e.brandstof]})]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsx)("div",{className:"cms-bpm-calc-table_col label",children:"BPM toeslag energielabel"}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col",children:["€ ",e.energieLabel]})]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsx)("div",{className:"cms-bpm-calc-table_col label",children:"BPM toeslag CO2-uitstoot"}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col","data-testid":"result-co2",children:["€ ",e.co2]})]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsx)("div",{className:"cms-bpm-calc-table_col label",children:"Catalogusprijs (bruto)"}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col","data-testid":"result-brutto",children:["€ ",e.brutto]})]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_row",children:[(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col label",children:["BPM totaal (inclusief leeftijdskorting"," ",e.leeftijdkortingPerc,"%)"]}),(0,i.jsxs)("div",{className:"cms-bpm-calc-table_col",children:["€ ",e.bpmTotal]})]})]},`${e.year}-${t}`))})})]})}},ey=(0,R.G)(e=>(0,i.jsxs)("div",{children:["ev-charging-time"===e.calculatorType&&(0,i.jsx)(A,{}),"ev-range"===e.calculatorType&&(0,i.jsx)(z,{}),"kw-hp"===e.calculatorType&&(0,i.jsx)(W,{}),"mph-km-h"===e.calculatorType&&(0,i.jsx)(Z,{}),"car-tax"===e.calculatorType&&(0,i.jsx)(eb,{}),"fuel-cost"===e.calculatorType&&(0,i.jsx)(eg,{}),"fuel-consumption"===e.calculatorType&&(0,i.jsx)(ef,{}),"company-car"===e.calculatorType&&(0,i.jsx)(ev,{}),"travel-cost"===e.calculatorType&&(0,i.jsx)(ej,{}),"bpm-calculator"===e.calculatorType&&(0,i.jsx)(ex,{})]}))},88243:function(e,t,r){"use strict";var a=r(83809),s=r(83366),n=r(85051),l=r(70269);r(70237),r(68628),r(54516);var i=r(57437);let c=["id"];function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}let u=e=>{let{image:t,text:r,textFirst:a}=e,s=t?(0,i.jsx)("img",{className:"cms-basic-card__image",src:t.orig.medium||t.orig.large||t.orig.full,alt:t.alt||""}):null,n=(0,i.jsx)("p",{className:"cms-basic-card__text",children:r});return(0,i.jsx)(l.Z,{elevation:"base",className:"cms-basic-card",children:a?(0,i.jsxs)(i.Fragment,{children:[n,s]}):(0,i.jsxs)(i.Fragment,{children:[s,n]})})};t.default=e=>{let{cards:t,desktopDisplayCount:r,id:l}=e;return(0,i.jsx)("div",{id:l,className:"cms-card-carousel","data-testid":"card-carousel-component","data-desktop-display-count":r,style:{"--cms-card-carousel-desktop-display-count":r},children:(0,i.jsx)(n.lr9,{children:t.map(e=>{let{id:t}=e,r=(0,s.Z)(e,c);return(0,i.jsx)(u,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?o(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},r),t)})})})}},92416:function(e,t,r){"use strict";r.d(t,{Z:function(){return w}});var a=r(83809),s=r(2265);let n="GO_TO_PREVIOUS",l="GO_TO_NEXT",i="JUMP_TO_NEXT",c={currentIndex:1,isAnimationPaused:!1,slideCount:1},o=e=>({type:n,itemsLength:e}),u=e=>({type:l,itemsLength:e}),d=e=>({type:i,itemsLength:e});var m=function(e,t){switch(t.type){case n:{let r=e.slideCount,a=!1,s=e.currentIndex;return!e.isAnimationPaused&&(r=s=e.currentIndex-1,s<=0&&(s=0,r=t.itemsLength,a=!0)),{currentIndex:s,isAnimationPaused:a,slideCount:r}}case l:{let r=e.slideCount,a=!1,s=e.currentIndex;return!e.isAnimationPaused&&(r=s=e.currentIndex+1,s>t.itemsLength&&(s=t.itemsLength+1,r=1,a=!0)),{currentIndex:s,isAnimationPaused:a,slideCount:r}}case i:return{currentIndex:e.currentIndex<=0?t.itemsLength:1,isAnimationPaused:!1,slideCount:e.currentIndex<=0?t.itemsLength:1};default:return e}};r(89695);var h=r(57437);function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let g="cms-carousel-items",f={carouselPaused:"cms-carousel--pause-animation",container:"cms-carousel-container",slides:"cms-carousel-slides",items:"cms-carousel-items",item:"cms-carousel-item",controls:"cms-carousel-controls",button:"cms-carousel-controls__button",caption:"cms-carousel-caption"},v=e=>{let{alt:t,loading:r,orig:{small:a,medium:s,large:n,full:l},webp:{small:i,medium:c,large:o,full:u}}=e;return(0,h.jsx)("div",{className:f.item,children:(0,h.jsxs)("picture",{children:[(0,h.jsx)("source",{srcSet:`${o} 1x, ${u} 2x`,type:"image/webp",media:"(min-width: 1024px)"}),(0,h.jsx)("source",{srcSet:`${n} 1x, ${l} 2x`,media:"(min-width: 1024px)"}),(0,h.jsx)("source",{srcSet:`${c} 1x, ${o} 2x, ${u} 3x`,type:"image/webp",media:"(min-width: 768px)"}),(0,h.jsx)("source",{srcSet:`${s} 1x, ${n} 2x, ${l} 3x`,media:"(min-width: 768px)"}),(0,h.jsx)("source",{srcSet:`${i} 1x, ${c} 2x, ${o} 3x`,type:"image/webp"}),(0,h.jsx)("source",{srcSet:`${a} 1x, ${s} 2x, ${n} 3x`}),(0,h.jsx)("img",{loading:r,src:n,alt:t})]})})},j=e=>{let{items:t,currentIndex:r}=e,a=t[0],s=t[t.length-1],n=t.length+2,l={transform:`translate3d(-${100/n*r}%, 0, 0)`,width:`${100*n}%`};return t.forEach((e,t)=>t>0?e.loading="lazy":e.loading="eager"),(0,h.jsxs)("div",{id:g,className:f.items,style:l,children:[(0,h.jsx)(v,b({},s)),t.map((e,t)=>(0,h.jsx)(v,b({},e),t)),(0,h.jsx)(v,b({},a))]})},x=e=>{let t,r,{dispatchCarouselAction:a,itemsLength:s}=e,n=()=>a(o(s)),l=()=>a(u(s));return(0,h.jsxs)("div",{className:f.controls,tabIndex:-1,onTouchStart:e=>{t=e.changedTouches[0].pageX,e.preventDefault()},onTouchEnd:e=>{Math.abs(r=e.changedTouches[0].pageX-t)>=50&&(r<0?l():n()),e.preventDefault()},children:[(0,h.jsx)("button",{"aria-controls":g,"aria-label":"Previous Slide",className:f.button,"data-arrow-direction":"left",onClick:n,onTouchEnd:n}),(0,h.jsx)("button",{"aria-controls":g,"aria-label":"Next Slide",className:f.button,"data-arrow-direction":"right",onClick:l,onTouchEnd:l})]})},y=e=>{let{items:t,itemsLength:r,slideCount:a}=e,s=t&&t[a-1].alt;return(0,h.jsxs)("div",{className:f.caption,children:[(0,h.jsxs)("div",{children:[a,"/",r]}),(0,h.jsx)("div",{children:s})]})};var w=e=>{let{items:t,shouldShowCaptions:r}=e,{0:a,1:n}=(0,s.useReducer)(m,c),l=(0,s.useRef)(null),i=t.length;return(0,s.useEffect)(()=>{if(a.isAnimationPaused){let e=()=>{l.current&&(l.current.classList.add(f.carouselPaused),n(d(i)),setTimeout(()=>{l.current&&l.current.classList.remove(f.carouselPaused)},50)),l.current?.removeEventListener("transitionend",e)};l.current?.addEventListener("transitionend",e)}},[a,i]),(0,h.jsxs)("div",{role:"region","aria-label":"Highlighted vehicle images","aria-roledescription":"carousel",className:f.container,onKeyDown:e=>{switch(e.keyCode){case 37:n(o(i));return;case 39:n(u(i));return;default:return}},ref:l,"data-testid":"image-carousel",children:[(0,h.jsxs)("div",{className:f.slides,children:[(0,h.jsx)(j,b({items:t},a)),(0,h.jsx)(x,{dispatchCarouselAction:n,itemsLength:i})]}),r&&(0,h.jsx)(y,{items:t,itemsLength:i,slideCount:a.slideCount})]})}},48469:function(e,t,r){"use strict";var a=r(57437);t.default=()=>(0,a.jsx)("button",{onClick:()=>{let e=new URL(globalThis.location.href);e.searchParams.delete("preview"),e.searchParams.delete("secret"),e.searchParams.delete("env"),globalThis.location.href=e.toString()},style:{padding:"10px",backgroundColor:"#0070f3",color:"#fff",border:"none",borderRadius:"5px",cursor:"pointer",position:"fixed",top:"10px",left:"10px",zIndex:1e3},children:"Disable Preview Mode"})},77499:function(e,t,r){"use strict";r.d(t,{default:function(){return c}});var a=r(2265);r(37850),r(26121);var s=r(57437),n=e=>(0,s.jsxs)("div",{className:"cms-table-dropdown",children:[(0,s.jsx)("div",{className:"sc-font-m cms-table-dropdown__headline",children:e.tableTitle}),(0,s.jsxs)("custom-dropdown",{class:"sc-input",scrollable:"true",checkboxgroup:"true",closeonselect:"true",tabindex:"0",children:[(0,s.jsx)("div",{children:(0,s.jsx)("p",{children:e.selectedOption})}),(0,s.jsx)("div",{children:e.optionsArray.map((t,r)=>(0,s.jsxs)(a.Fragment,{children:[(0,s.jsx)("input",{name:"custom-radio",type:"radio",className:"sc-hidden cms-table-dropdown__item",id:`${r}`,onInput:()=>e.setOptionHandler(r)}),(0,s.jsx)("label",{className:"sc-block",htmlFor:`${r}`,children:t})]},r))})]})]});let l=(e,t)=>

1e.map(e=>e[t]);var i=r(37579),c=e=>{let t=l(e.tableBody,0),{0:r,1:c}=(0,a.useState)(e.columnTitles[0]),{0:o,1:u}=(0,a.useState)(t),d=(0,i.S)();return(0,s.jsxs)("div",{className:"cms-content-container wide cms-table-wrapper",children:[!d&&(0,s.jsx)("div",{className:"cms-table-wrapper__table-desktop sc-table sc-table__scrollable",dangerouslySetInnerHTML:{__html:e.rawHtmlTable}}),void 0!==d&&d&&(0,s.jsxs)("div",{className:"cms-table-wrapper__table-mobile",children:[(0,s.jsx)(n,{tableTitle:e.tableTitle,optionsArray:e.columnTitles,selectedOption:r,setOptionHandler:t=>{u(l(e.tableBody,t)),c(e.columnTitles[t])}}),(0,s.jsx)(a.Fragment,{children:o.map((t,r)=>(0,s.jsxs)("div",{className:"table-row",children:[e.titles.length?(0,s.jsx)("p",{className:"table-row__title sc-font-s",children:e.titles[r]}):null,(0,s.jsx)("p",{className:"table-row__text sc-font-s",children:t})]},r))})]})]})}},28476:function(e,t,r){"use strict";r.d(t,{default:function(){return D}});var a=r(83366),s=r(83809),n=r(2265),l=r(85051),i=r(35945),c=r.n(i);r(20729);var o=r(22401),u=r(1533),d=r(57437),m=e=>{let{imageUrlWebp:t,imageUrlJpg:r,price:a,rangeReal:s,consumption:i,power:m,batteryCapacityFull:h,as24AClink:p,target:b,modelname:g,isLoading:f}=e,{0:v,1:j}=(0,n.useState)(!1),x=(0,o.QT)(),y=f||!v,w=[{key:x("evModelFinder.price"),value:`${c()(a)?a.toLocaleString():"-"} €`},{key:`${x("evModelFinder.reach")}*`,value:`${s} km`},{key:x("evModelFinder.consumption"),value:`${i} kWh / 100 km`},{key:x("evModelFinder.power"),value:`${m} kW`},{key:x("evModelFinder.battery_capacity"),value:`${h} kWh`}],k=e=>`${e} view details for ${g}`;return(0,d.jsxs)(l.sbD,{elevation:"high",className:y?"cms-ev-card-skeleton__container":"cms-ev-card__container",children:[(0,d.jsxs)("div",{className:"img-container",children:[y&&(0,d.jsx)(l.OdW,{className:"img-skeleton",width:"100%",height:"auto"}),(0,d.jsx)(u.Y,{target:b,className:`img-container__link ${f?"hidden":""}`,"aria-label":k("Image container"),renderUnavailable:e=>(0,d.jsx)("div",{className:`img-container__link ${f?"hidden":""}`,children:e}),children:(0,d.jsxs)("picture",{children:[(0,d.jsx)("source",{srcSet:t}),(0,d.jsx)("img",{alt:g,src:r,onLoad:()=>{j(!0)},title:g,width:"360.5",height:"202.5",loading:"lazy"})]})})]}),(0,d.jsxs)("div",{className:"body-container",children:[(0,d.jsxs)(u.Y,{target:b,className:"content","aria-label":k("Details content"),renderUnavailable:e=>(0,d.jsx)("div",{className:"content",children:e}),children:[(0,d.jsx)("div",{children:y?(0,d.jsx)(l.OdW,{className:"medium-skeleton",width:"100%",height:"17.5px"}):(0,d.jsx)("p",{className:"title",children:g})}),(0,d.jsx)("div",{className:"stats-container",children:w.map((e,t)=>(0,d.jsx)("div",{className:"stats",children:y?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.OdW,{className:"small-skeleton",width:"100%",height:"14px"}),(0,d.jsx)(l.OdW,{className:"small-skeleton",width:"100%",height:"14px"})]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("p",{className:"key",children:e.key}),(0,d.jsx)("p",{className:"value",children:e.value})]})},t))})]}),(0,d.jsx)("div",{className:"footer-action",children:y?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(l.OdW,{className:"small-skeleton",width:"100%",height:"14px"}),(0,d.jsx)(l.OdW,{className:"large-skeleton",width:"100%",height:"40px"})]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("a",{href:p,className:"view-model-button","aria-label":k("footer"),children:x("evModelFinder.see_model_info")}),(0,d.jsx)(u.Y,{target:b,className:"scr-button scr-button--inverted view-offer-button","aria-label":k("footer action btn"),children:x("evModelFinder.view_offers")})]})})]})]})};function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEac

1h(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}r(44409);var b=e=>{let{data:t,isLoading:r}=e,a=(0,o.QT)(),s=t.length?t:Array.from({length:6},()=>({target:{kind:"unavailable",failureReason:"missing-destination"}}));return t.length||r?(0,d.jsx)("div",{className:"cms-ev-card-list__container",children:s.map((e,t)=>(0,n.createElement)(m,p(p({},e),{},{key:t,isLoading:r})))}):(0,d.jsxs)("div",{className:"cms-ev-card-list__container-empty",children:[(0,d.jsx)("span",{className:"empty-text",children:a("evModelFinder.no_result")}),(0,d.jsx)("span",{className:"empty-text-description",children:a("evModelFinder.please_try_other_criteria")})]})};r(91227);var g=r(57246);let f=e=>{let{active:t,type:r,onClick:a}=e,s=t?"active":"";return(0,d.jsx)("button",{className:`cms-body-type-filter__list-item-container  ${s}`,onClick:()=>a(r.value),children:(0,d.jsxs)("div",{className:`cms-body-type-filter__list-item ${s}`,children:[(0,d.jsx)("img",{src:`${g.h}/body-types/${r.icon}.svg`,width:24,height:24,alt:r.icon,title:r.key}),(0,d.jsx)("div",{className:"cms-body-type-filter__list-item-name-container",children:(0,d.jsx)("span",{children:r.key})}),(0,d.jsx)("div",{className:"cms-body-type-filter__indicator-container"})]})},r.value)};var v=e=>{let{onChange:t,onOpenAdvanceFilter:r,numberOfFilterApplied:a}=e,{0:s,1:i}=(0,n.useState)(0),{0:c,1:u}=(0,n.useState)(!1),{0:m,1:h}=(0,n.useState)(0),{0:p,1:b}=(0,n.useState)(0),g=(0,n.useRef)(null),v=(0,o.QT)(),j=[{key:v("evModelFinder.all_cars"),value:0,icon:"multiple-cars-and-body-types"},{key:v("evModelFinder.small_cars"),value:1,icon:"car-body-type-compact-old"},{key:v("evModelFinder.suv"),value:3,icon:"car-body-type-suv-old"},{key:v("evModelFinder.sedan"),value:2,icon:"car-body-type-sedan-old"},{key:v("evModelFinder.van"),value:5,icon:"car-body-type-minivan-old"},{key:v("evModelFinder.wagon"),value:6,icon:"car-body-type-wagon-old"},{key:v("evModelFinder.convertible"),value:4,icon:"car-body-type-cabrio-old"}],x=()=>{u(!1)},y=e=>{i(e),t(e)};return(0,d.jsx)("div",{className:"cms-body-type-filter__container",children:(0,d.jsxs)("div",{className:"cms-body-type-filter__list-container",children:[(0,d.jsx)("div",{ref:g,role:"region","aria-label":"Body type carousel",onMouseDown:e=>{g.current&&(u(!0),h(e.pageX-g.current.offsetLeft),b(g.current.scrollLeft))},onMouseMove:e=>{if(!c||!g.current)return;e.preventDefault();let t=e.pageX-g.current.offsetLeft;g.current.scrollLeft=p-(t-m)*2},onMouseUp:x,onMouseLeave:x,className:"cms-body-type-filter__list",children:j.map(e=>(0,d.jsx)(f,{type:e,active:e.value===s,onClick:y},e.key))}),(0,d.jsx)("div",{className:"action",children:(0,d.jsxs)(l.zxk,{className:"button-container",onClick:r,mode:"transparent",children:[(0,d.jsx)(l.wn$,{className:"filter-icon"}),(0,d.jsxs)("div",{className:"filter-label",children:[(0,d.jsx)("span",{children:v("evModelFinder.filter")}),a?(0,d.jsx)("span",{className:"filter-indicator",children:a}):(0,d.jsx)(d.Fragment,{})]})]})})]})})};r(56248),r(68478),r(55612);var j=r(77870);function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let w={top:-66,width:"fit-content",whiteSpace:"nowrap",fontSize:"1rem",color:"#000",transform:"translateX(0%)"},k=e=>{let{placeholder:t,onChange:r,name:a,id:s,value:n}=e;return(0,d.jsx)("div",{role:"presentation",onClick:e=>e.stopPropagation(),className:"mark-input-container",children:(0,d.jsx)(l.IIB,{placeholder:t,onChange:e=>{r(Number(e.target.value))},type:"number",label:"",id:s,name:a,value:n?.toString()})})};var _=e=>{let{min:t=0,max:r=100,defaultValue:a=[0,100],value:s,label:n,onChange:l,step:i=10}

1=e,c=e=>n?.(e)||e.toString();return(0,d.jsx)(j.Z,{range:!0,defaultValue:a,value:s,min:t,max:r,allowCross:!1,step:i,marks:{[t]:{style:y(y({},w),{},{left:-10}),label:(0,d.jsx)(k,{placeholder:c(t),onChange:e=>l([Number(e),s?.[1]||r]),name:"min",id:"min",value:s?.[0]===t?"":s?.[0]})},[r]:{style:y(y({},w),{},{right:-10,left:"unset"}),label:(0,d.jsx)(k,{placeholder:c(r),onChange:e=>l([s?.[0]||t,Number(e)]),name:"max",id:"max",value:s?.[1]===r?"":s?.[1]})}},onChange:l,dotStyle:{display:"none"}})};function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let P={price:[],range:[],consumption:[],power:[],batteryCapacity:[]};var S=e=>{let{isOpen:t,onApplyFilter:r,config:a={},onClose:s}=e,{0:i,1:c}=(0,n.useState)(O({},P)),u=(0,o.IT)("evModelFinder"),m=[{key:"price",label:u("price"),description:u("set_your_budget_range"),unit:"€",min:1e4,max:1e5,step:100},{key:"range",label:u("reach"),description:u("prioritize_efficiency"),unit:"km",min:0,max:500,step:10},{key:"consumption",label:u("consumption"),description:u("prioritize_efficiency_mi"),unit:"Wh/km",min:150,max:600,step:10},{key:"power",label:u("power"),description:u("choose_desired_performance"),unit:"kWh",min:10,max:2e3,step:10},{key:"batteryCapacity",label:u("battery_capacity"),description:u("distance_single_charge"),unit:"kWh",min:1e3,max:2e3,step:10}],h=(e,t,r,a)=>{!Array.isArray(t)||t[0]<0||t[1]<0||c(s=>O(O({},s),{},{[e]:t[0]===r&&t[1]===a?[]:t}))},p=(0,n.useMemo)(()=>Object.keys(a).length?m.map(e=>O(O({},e),{},{min:a[e.key]?.min,max:a[e.key]?.max})).filter(e=>e.min&&e.max):[],[a]);return(0,d.jsx)(l.pLD,{isOpen:t,onClose:s,children:(0,d.jsxs)("div",{className:"cms-advance-filter__container",children:[(0,d.jsxs)("div",{className:"cms-advance-filter__label-container",children:[(0,d.jsx)("p",{className:"cms-advance-filter__title",children:u("filters")}),(0,d.jsx)("div",{className:"cms-advance-filter__close",children:(0,d.jsx)(l.zxk,{mode:"transparent",onClick:s,children:(0,d.jsx)("div",{className:"cms-advance-filter__close",children:(0,d.jsx)(l.y6r,{color:"#333",width:18,height:18})})})})]}),(0,d.jsx)("div",{className:"cms-advance-filter__list",children:p.map((e,t)=>(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"cms-advance-filter__filter-label",children:[(0,d.jsx)("p",{className:"cms-advance-filter__filter-title",children:e.label}),(0,d.jsx)("p",{className:"cms-advance-filter__filter-description",children:e.description})]}),(0,d.jsx)("div",{className:"cms-advance-filter__filter-container",children:(0,d.jsx)(_,{onChange:t=>h(e.key,t,e.min,e.max),min:e.min,max:e.max,value:i[e.key].length?i[e.key]:[e.min,e.max],defaultValue:[e.min,e.max],label:t=>`${t.toLocaleString()} ${e.unit}`,step:e.step})}),t!==p.length-1&&(0,d.jsx)("div",{className:"cms-advance-filter__divider"})]},e.key))}),(0,d.jsx)("div",{className:"cms-advance-filter__divider"}),(0,d.jsxs)("div",{className:"cms-advance-filter__action-footer",children:[(0,d.jsx)(l.zxk,{mode:"transparent",className:"cms-advance-filter__action-clear-all",onClick:()=>{c(O({},P))},children:u("clear_all")}),(0,d.jsx)(l.zxk,{mode:"inverted",className:"cms-advance-filter__action-apply-filter",onClick:()=>{r(i)},children:u("show_results")})]})]})})},C=r(5867),I=r(83411);r(27971);var T=(0,r(28375).$)("072295ab53003bc51e18a0ce0ddf3321e171beb9");let M=["as24LstUrl"];function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?E(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var D=(0,C.G)(function(e){let{additionalInformation:t,locale:r}=e,{0:s,1:i}=(0,n.useState)([]),{0:c,1:u}=(0,n.useState)({price:[],range:[],consumption:[],power:[],batteryCapacity:[]}),{0:m,1:h}=(0,n.useState)(0),{0:p,1:g}=(0,n.useState)({}),{0:f,1:j}=(0,n.useState)(!1),{0:x,1:y}=(0,n.useState)(1),{0:w,1:k}=(0,n.useState)([]),{0:_,1:N}=(0,n.useState)([]),{0:O,1:P}=(0,n.useState)(!0),{0:C,1:E}=(0,n.useState)({}),D=(0,n.useRef)(new Map),$=(0,n.useRef)(0),F=(0,o.IT)("evModelFinder"),A=e=>e.map(e=>L(L({},e),{},{imageUrlWebp:`/assets/as24-contentful-pages/ev-calculator/images/${e.id}-1-opt.webp`,imageUrlJpg:`/assets/as24-contentful-pages/ev-calculator/images/${e.id}-1-opt.jpg`})),z=(0,n.useMemo)(()=>Object.values(c).filter(e=>e?.length!==0)?.length,[c]),R=()=>{j(!1)},B=(e,t,r)=>{P(!0),setTimeout(()=>{P(!1)},100);let a=W(e,t,r),s=Z(a,1);k(a),N(s)},W=(e,t,r)=>{let a=(e,t)=>!t.length||e>=t[0]&&e<=t[1],s=(e,t)=>0===t||e.bodyType===t;return e.filter(e=>!t&&!r||[!t||a(e.price,t.price),!t||a(e.rangeReal,t.range),!t||a(e.consumption,t.consumption),!t||a(e.power,t.power),!t||a(e.batteryCapacityFull,t.batteryCapacity),s(e,r)].every(Boolean))},Z=(e,t)=>A(e.slice(9*t-9,9*t)),K=(0,n.useMemo)(()=>Math.ceil(w?.length/9),[w]);(0,n.useEffect)(()=>{(async()=>{try{let e=await (await fetch(`/assets/as24-contentful-pages/ev-finder/modeldata/${r}/allEVFinderCars.json`)).json();i(e.data),g(e.filter),B(e.data,c,m),P(!1)}catch(e){(0,I.o)({err:e,message:"Error fetching EV data"})}})()},[]);let H=(0,n.useMemo)(()=>[...new Set(_.map(e=>{let{as24LstUrl:t}=e;return t}))],[_]);(0,n.useEffect)(()=>{let e=++$.current;if(!H.length){E({});return}let t={},a=[];for(let e of H){let s=D.current.get(`${r}:${e}`);s?t[e]=s:a.push(e)}E(t),a.length&&(async()=>{let s=await T({locale:r,urls:a});if(e!==$.current)return;if(!s.ok){(0,I.o)({message:"Error resolving visible EV listing links",error:s.error});return}let n=L({},t);for(let{inputUrl:e,target:t}of s.results)D.current.set(`${r}:${e}`,t),n[e]=t;E(n)})().catch(e=>(0,I.o)({err:e,message:"Error resolving visible EV listing links"}))},[r,H]);let V=_.map(e=>{let{as24LstUrl:t}=e;return L(L({},(0,a.Z)(e,M)),{},{target:C[t]||{kind:"unavailable",failureReason:"missing-destination"}})});return(0,d.jsxs)("div",{children:[(0,d.jsx)("link",{rel:"preload",as:"fetch",href:`/assets/as24-contentful-pages/ev-finder/modeldata/${r}/allEVFinderCars.json`}),(0,d.jsx)("div",{className:"cms-ev-finder__header",children:(0,d.jsx)("div",{className:"cms-ev-finder__body-type-filter-wrapper",children:(0,d.jsx)(v,{onChange:e=>{h(e),y(1),B(s,c,e)},onOpenAdvanceFilter:()=>{j(!0)},numberOfFilterApplied:z})})}),(0,d.jsx)(S,{isOpen:f,onClose:R,config:p,onApplyFilter:e=>{u(e),y(1),B(s,e,m),R()}}),(0,d.jsxs)("div",{className:"cms-ev-finder__ev-card-list-wrapper",children:[(0,d.jsx)(b,{data:V,isLoading:O}),t&&_.length?(0,d.jsx)("div",{className:"cms-ev-finder__additional-information",children:(0,d.jsx)("span",{dangerouslySetInnerHTML:{__html:t}})}):null]}),(0,d.jsx)("div",{className:"cms-ev-finder__pagination-wrapper",children:K&&(0,d.jsx)(l.tlE,{className:"pagination",activePage:x,numberOfPages:K,onChange:e=>{P(!0),setTimeout(()=>{P(!1)},100),y(e),window.scrollTo({behavior:"smooth",top:0}),N(Z(w,e))},nextLabel:F("next"),previousLabel:F("prev")})})]})})},67172:function(e,t,r){"use strict";r(2265),r(47711);var a=r(57437);t.default=e=>{let{title:t,externalFragment:r,showTitle:s=!0,subtitle:n}=e,l=r.replaceAll(/<img([^>]*?)class="([^"]*?)lazyload([^"]*?)"([^>]*?)data-src="([^"]*?)"([^>]*?)>/g,'<img$1class="$2lazyloaded$3"$4data-src="$5"$6 src="$5">');return(0,a.jsxs)("div",{className:"cms-external-fragment",children:[s&&(0,a.jsxs)("div",{className:"cms-external-fragment__header",children:[(0,a.jsx)("h2",{className:"sc-font-xl",children:t}),n&&(0,a.jsx)("h3",{className:"sc-font-l",children:n})]}),(0,a.jsx)("div",{className:"cms-external-fragment__container",dangerouslySetInnerHTML:{__html:l}})]})}},81025:function(e,t,r){"use strict";var a=r(2265),s=r(70019);r(95816);var n=r(57437);t.default=e=>{let{content:t,id:r,title:l,pageType:i}=e,{0:c,1:o}=(0,a.useState)(!1);return(0,n.jsxs)("div",{className:"cms-faq__question sc-expandable-box","data-testid":`expandable-box-${r}`,children:[(0,n.jsx)("h3",{className:"sc-font-bold sc-expandable-box__title",children:(0,n.jsx)("button",{id:`${r}-button`,className:`sc-expandable-box__label expandable-button ${c?"open":""}`,"aria-expanded":c,"aria-controls":`${r}-content`,onClick:()=>{o(e=>!e),i&&(0,s.mG)(i,l)},children:l})}),(0,n.jsx)("div",{id:`${r}-content`,className:"sc-expandable-box__content",style:{display:c?"block":"none"},dangerouslySetInnerHTML:{__html:t}})]})}},2976:function(e,t,r){"use strict";r.d(t,{default:function(){return g}});var a=r(2265),s=r(70019),n=r(83809);r(79532);var l=r(57437);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}let c=e=>({"@type":"FAQPage",mainEntity:e.questionAnswerGroups.map(e=>

1({"@type":"Question",name:e.question,acceptedAnswer:{"@type":"Answer",text:e.answer}}))}),o=e=>(0,l.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}}),u=e=>o(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({"@context":"https://schema.org"},c(e)));var d=r(20487),m=r(1530);function h(e){let{activeTab:t,categories:r,onClick:a}=e,s=e=>()=>{a(e)};return(0,l.jsx)("div",{className:"cms-faq-group__categories",children:(0,l.jsx)("div",{className:"cms-faq-group__categories-buttons",role:"tablist",children:r.map((e,r)=>(0,l.jsx)(m.A,{"data-testid":`faq-category-${r}`,isPressed:t===r,label:e.name,onClick:s(r),className:(0,d.Z)({"cms-faq-group__category-button--selected":t===r}),"aria-selected":t===r},`${e.name}-${r}`))})})}r(74086);var p=r(81025);function b(e){let{items:t,pageType:r}=e;return t?.length?(0,l.jsx)("div",{className:"cms-faq-group__questions",children:t.map(e=>(0,l.jsx)(p.default,{id:e.id,title:e.question,content:e.answer,pageType:r},e.id))}):null}r(61641);var g=function(e){let{heading:t,categories:r,pageType:n}=e,{0:i,1:c}=(0,a.useState)(0),o=r.flatMap(e=>e.faqs.map(e=>({question:e.question,answer:e.answer}))),d=r[i];return(0,l.jsxs)("section",{className:"cms-faq-group cms-faq-wrapper cms-content-container","data-testid":"faq-group",children:[t&&(0,l.jsx)("h2",{className:"cms-faq-group__heading",children:t}),(0,l.jsxs)("div",{className:"cms-faq-group__container",children:[(0,l.jsx)(h,{activeTab:i,categories:r,onClick:e=>{let t=r[e],a=t.trackingName||t.name;(0,s.RS)(a),c(e)}}),(0,l.jsx)(b,{items:d?.faqs,pageType:n})]}),(0,l.jsx)(u,{questionAnswerGroups:o})]})}},51088:function(e,t,r){"use strict";r.d(t,{default:function(){return N}});var a=r(83809),s=r(70019);r(41548);var n=r(2265),l=r(85051);r(17799);var i=r(57437);function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var u=e=>{let{getFieldProps:t,hasError:r,errors:a,duration:s,setDuration:n}=e;return(0,i.jsxs)("div",{className:"financial-input-data",children:[(0,i.jsxs)("div",{className:"input-data-wrapper",children:[(0,i.jsx)("div",{className:"input-data-field",children:(0,i.jsx)(l.IIB,o({error:r("price"),helper:r("price")?a.price:"",id:"price",label:"Kaufpreis",placeholder:"z.b. 20.000 €"},t("price")))}),(0,i.jsx)("div",{className:"input-data-field",children:(0,i.jsx)(l.IIB,o({error:r("downpayment"),helper:r("downpayment")?a.downpayment:"",id:"downpayment",label:"Anzahlung",placeholder:"z.B. 4.000 €"},t("downpayment")))})]}),(0,i.jsx)("div",{className:"duration-label",children:"Laufzeit"}),(0,i.jsx)(l.SYO,{onClick:n,"aria-label":"Finanzierungsdauer ausw\xe4hlen",options:[{label:"12",value:12,ariaLabel:"12 Monate"},{label:"24",value:24,ariaLabel:"24 Monate"},{label:"36",value:36,ariaLabel:"36 Monate"},{label:"48",value:48,ariaLabel:"48 Monate"},{label:"60",value:60,ariaLabel:"60 Monate"}],selected:s})]})};let d=e=>{let t=Number.parseInt(e);return Number.isNaN(t)?0:t};var m=()=>{let e=(e,t)=>e-t>15e4,t=(e,t)=>(0!==e||0!==t)&&e-t<500;return{price:{validators:[r=>{let{value:a,values:s,removeFieldError:n}=r,l=d(a),i=d(s.downpayment),c=e(l,i),o=t(l,i);return l<500&&0!==l?"Unter 500 € bieten wir keine Finanzierung an.":l<i?"Der Kaufpreis liegt \xfcber der Anzahlung.":c?"\xdcber 150.000 € bieten wir keine Finanzierung an.":o?"Unter 500 € bieten wir keine Finanzierung an.":((l>=i&&i>=500||!c||!o)&&n("downpayment"),"")}]},downpayment:{validators:[r=>{let{value:a,values:s,removeFieldError:n}=r,l=d(a),i=d(s.price),c=e(i,l),o=t(i,l);return l>i?"Der Kaufpreis liegt \xfcber der Anzahlung.":c?"\xdcber 150.000 € bieten wir keine Finanzierung an.":o?"Unter 500 € bieten wir keine Finanzierung an.":(!(l<i)&&c&&o||n("price"),"")}]}}};function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?h(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var b=()=>{let[e,t]=n.useState({price:"",downpayment:""}),[r,a]=n.useState(60),[s,l]=n.useState({price:"",downpayment:""}),[i,c]=n.useState({price:"",downpayment:""}),[o,u]=n.useState({focused:!1}),[h,b]=n.useState(!0),g=m(),f=e=>e&&`${e} €`;n.useEffect(()=>{let e;let t=Object.values(s).filter(Boolean).length>0;return b(!t),t?e=setTimeout(()=>{c(s)},1e3):c({}),()=>{e&&clearTimeout(e)}},[s]);let v=e=>{l(t=>p(p({},t),{},{[e]:""}))},j=e=>{let{name:r,value:a}=e.target;" "!==a&&/^(?!0\d)\d*$/.test(a)&&t(e=>p(p({},e),{},{[r]:a})),l(e=>p(p({},e),{},{[r]:w(r,a)}))},x=e=>{u(t=>p(p({},t),{},{[e]:!0}))},y=e=>{u(t=>p(p({},t),{},{[e]:!1}))},w=(t,r)=>{let a=g[t].validators,s="";for(let t of a)if(s=t({value:r,values:e,removeFieldError:v}))break;return s};return{values:{price:d(e.price),downpayment:d(e.downpayment),duration:r},errors:s,getFieldProps:t=>({name:t,value:o[t]?e[t]:f(e[t]),onChange:j,onFocus:()=>x(t),onBlur:()=>y(t)}),hasError:e=>!!i[e],isFormValid:h,setDuration:a}},g=r(50419),f=r.n(g),v=r(83411);function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let y=e=>{let{price:t,downpayment:r,duration:a,isFormValid:s}=e,l={price:{formatted:"",raw:null},downPayment:{formatted:"",raw:0},duration:0,monthlyInstallment:{formatted:"",raw:0},totalAmountPayable:null,effectiveAnnualRate:{formatted:"",raw:0},firstInstallment:{formatted:"",raw:0},totalInterest:{formatted:"",raw:0},interestRate:{formatted:"",raw:0},finalInstallment:null,bankName:"",belowMonthlyInstallmentLimit:!1,type:""},[i,c]=n.useState(l),o=n.useMemo(()=>f()(async e=>{let{price:t,downpayment:r,duration:a,isFormValid:s}=e;if(0===t||!s){c(e=>x(x({},e),{},{monthlyInstallment:l.monthlyInstallment}));return}try{let e=await fetch("/as24-contentful-pages/api/financial-calculator/get-monthly-rate/",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({price:t,downpayment:r,duration:a,integrationType:"Procheck24",financingType:"REGULAR",bankName:"CHECK24",offerTypeId:"U"})});if(e.ok){let t=await e.json();c(t)}else c({}),(0,v.o)({message:"Failed to fetch updated rate",error:e.status})}catch(e){(0,v.o)({message:"Failed to fetch updated rate",error:e})}},200),[]);return n.useEffect(()=>(o({price:t,downpayment:r,duration:a,isFormValid:s}),()=>{o.cancel()}),[t,r,a,s,o]),{offerValues:i}};function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let _=e=>{let t=[50,100,200,300,400,500,600,700];for(let r=t.length-1;r>=0;r--)if(e&&e>=t[r])return t[r];return t[0]};var N=()=>{let{values:e,getFieldProps:t,hasError:r,errors:a,isFormValid:n,setDuration:l}=b(),{offerValues:c}=y(k(k({},e),{},{isFormValid:n})),o=c?.monthlyInstallment,d=o&&0!==o.raw,m=`${o?.formatted} monatlich`,h=`\u20AC -- monatlich`;return(0,i.jsx)("div",{className:"financial-calculator",children:(0,i.jsxs)("div",{className:"inner

1-calculator-wrapper",children:[(0,i.jsx)("h2",{className:"calculator-headline",children:"Finanzierung berechnen"}),(0,i.jsx)(u,{getFieldProps:t,hasError:r,errors:a,setDuration:l,duration:e.duration}),(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:"monthly-rate-wrapper",children:[(0,i.jsx)("span",{className:"monthly-rate-label",children:"Deine Rate"}),d&&0!==e.price&&n?(0,i.jsx)("div",{className:"monthly-rate-highlighted",children:m}):(0,i.jsx)("div",{className:"no-monthly-rate",children:h})]}),(0,i.jsx)("button",{"data-testid":"calculator-cta-button",className:"calculator-button",disabled:!n,onClick:()=>{(0,s.sT)({price:e.price,downpayment:e.downpayment,duration:e.duration,rate:o?.raw||0}),window.open(`https://www.autoscout24.de/lst?atype=C&financeratefrom=${_(o?.raw)}&source=financinginfopage_rate-search`,"_blank")},children:"Fahrzeuge anzeigen"})]})]})})}},8891:function(e,t,r){"use strict";r.d(t,{default:function(){return f}});var a=r(83809),s=r(2265);r(23466);var n=r(56901),l=r(38371),i=r(34972),c=r(22401),o=r(57437);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}var d=e=>{let{item:t,currentIndex:r,totalItems:d,onPrevious:m,onNext:h,onExpand:p,onTouchStart:b,onTouchMove:g,onTouchEnd:f,showSwipeHint:v}=e,j=(0,c.QT)(),x=!!t.href,y=d>1,w=(0,s.useMemo)(()=>x&&t.href?(0,n.Fb)(t.href):null,[x,t.href]),k=!!t.description?.trim();return(0,o.jsxs)("div",{className:"cms-gallery__main-image",children:[(0,o.jsxs)("div",{className:"cms-gallery__main-image-container",onTouchStart:b,onTouchMove:g,onTouchEnd:f,children:[x&&w?(0,o.jsx)("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},children:(0,o.jsx)(l.Z,{id:w,autoplay:!1,mute:!1})}):t.picture?(0,o.jsx)(i.Z,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({className:"cms-gallery__main-image-picture",isEager:!0},t.picture)):(0,o.jsx)("img",{className:"cms-gallery__main-image-img",src:t.image.src,alt:t.image.alt,width:t.image.width,height:t.image.height,loading:"eager"}),!x&&(0,o.jsx)("button",{className:"cms-gallery__expand-btn",onClick:p,"aria-label":"View fullscreen",type:"button",children:(0,o.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M8 3H5C3.89543 3 3 3.89543 3 5V8M21 8V5C21 3.89543 20.1046 3 19 3H16M16 21H19C20.1046 21 21 20.1046 21 19V16M8 21H5C3.89543 21 3 20.1046 3 19V16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),y&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("button",{className:"cms-gallery__nav cms-gallery__nav--prev",onClick:m,"aria-label":"Previous image",children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,o.jsx)("button",{className:"cms-gallery__nav cms-gallery__nav--next",onClick:h,"aria-label":"Next image",children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),y&&v&&(0,o.jsxs)("div",{className:"cms-gallery__swipe-indicator",children:[(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M7 10L12 15L17 10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),(0,o.jsx)("span",{children:"Swipe"})]})]}),(0,o.jsx)("div",{className:"cms-gallery__main-details",children:y&&(0,o.jsx)("div",{className:"cms-gallery__counter",children:(0,o.jsx)("span",{className:"cms-gallery__counter-text",children:j("gallery.counter",{current:r+1,total:d})})})}),k&&(0,o.jsx)("p",{className:"cms-gallery__main-description sc-font-s",children:t.description})]})};function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}var h=e=>{let{isOpen:t,item:r,totalItems:n,onClose:l,onPrevious:c,onNext:u}=e,d=(0,s.useCallback)(e=>{if(t)switch(e.key){case"Escape":l();break;case"ArrowLeft":e.preventDefault(),c();break;case"ArrowRight":e.preventDefault(),u()}},[t,l,c,u]);return((0,s.useEffect)(()=>

1{if(t){let e=globalThis.window?.scrollY;document.addEventListener("keydown",d),document.body.style.position="fixed",document.body.style.top=`-${e}px`,document.body.style.width="100%",document.body.style.overflow="hidden"}else{let e=document.body.style.top;document.body.style.position="",document.body.style.top="",document.body.style.width="",document.body.style.overflow="",e&&globalThis.window?.scrollTo&&globalThis.window.scrollTo(0,-1*Number.parseInt(e,10))}return()=>{document.removeEventListener("keydown",d);let e=document.body.style.top;document.body.style.position="",document.body.style.top="",document.body.style.width="",document.body.style.overflow="",e&&globalThis.window?.scrollTo&&globalThis.window.scrollTo(0,-1*Number.parseInt(e,10))}},[t,d]),t)?(0,o.jsxs)("div",{className:"cms-gallery__fullscreen-modal",children:[(0,o.jsx)("button",{className:"cms-gallery__fullscreen-overlay",onClick:l,"aria-label":"Close fullscreen",type:"button"}),(0,o.jsxs)("div",{className:"cms-gallery__fullscreen-content",children:[(0,o.jsx)("button",{className:"cms-gallery__fullscreen-close",onClick:l,"aria-label":"Close fullscreen",children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M18 6L6 18M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),r.picture?(0,o.jsx)(i.Z,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({className:"cms-gallery__fullscreen-picture",isEager:!0},r.picture)):(0,o.jsx)("img",{className:"cms-gallery__fullscreen-image",src:r.image.src,alt:r.image.alt,loading:"eager"}),n>1&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("button",{className:"cms-gallery__fullscreen-nav cms-gallery__fullscreen-nav--prev",onClick:c,"aria-label":"Previous image",children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,o.jsx)("button",{className:"cms-gallery__fullscreen-nav cms-gallery__fullscreen-nav--next",onClick:u,"aria-label":"Next image",children:(0,o.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,o.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]}):null};function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}let b=(0,s.memo)(e=>{let{items:t,activeIndex:r,onThumbnailClick:n,onThumbnailKeyDown:l,onPreloadRequest:c}=e,{0:u,1:d}=(0,s.useState)(!1),m=(0,s.useRef)([]),h=(0,s.useRef)(r);return((0,s.useEffect)(()=>{d(globalThis.location.hostname.includes("autotrader"))},[]),(0,s.useEffect)(()=>{if(r===h.current)return;h.current=r;let e=m.current[r];e&&e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},[r]),t.length<=1)?null:(0,o.jsx)("div",{className:"cms-gallery__thumbnails",children:(0,o.jsx)("div",{className:"cms-gallery__thumbnails-container",children:t.map((e,t)=>{let s=t===r;return(0,o.jsx)("button",{ref:e=>{m.current[t]=e},"data-is-autotrader":u,className:`cms-gallery__thumbnail ${s?"cms-gallery__thumbnail--active":""}`,onClick:()=>n(t),onKeyDown:e=>l(e,t),onMouseEnter:()=>c?.(e.id),onFocus:()=>c?.(e.id),"aria-label":`View image ${t+1}: ${e.title}`,type:"button",children:(0,o.jsx)("div",{className:"cms-gallery__thumbnail-container",children:e.picture?(0,o.jsx)(i.Z,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEac

1h(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({className:"cms-gallery__thumbnail-picture",showThumbnails:!0},e.picture)):(0,o.jsx)("img",{className:"cms-gallery__thumbnail-img",src:e.image.src,alt:e.image.alt,loading:"lazy",width:e.image.width,height:e.image.height})})},e.id)})})})});function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}var f=(0,r(5867).G)(e=>{let{title:t,items:r}=e,{0:n,1:l}=(0,s.useState)(0),{0:c,1:u}=(0,s.useState)(0),{0:m,1:p}=(0,s.useState)(!1),{0:f,1:v}=(0,s.useState)(null),{0:j,1:x}=(0,s.useState)(null),{0:y,1:w}=(0,s.useState)(null),k=(0,s.useRef)([]),_=r[n],N=_?.items||[],O=N[c];(0,s.useEffect)(()=>{r?.length>0&&N.length>0&&u(0)},[r,n,N.length]),(0,s.useEffect)(()=>{u(0)},[n]);let P=(0,s.useCallback)(e=>{u(e)},[]),S=(0,s.useCallback)((e,t)=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),P(t))},[P]),C=(0,s.useCallback)(e=>{l(e);let t=k.current[e];t&&t.scrollIntoView&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})},[]),I=(0,s.useCallback)((e,t)=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),C(t))},[C]),T=(0,s.useCallback)(()=>{O?.href||p(!0)},[O?.href]),M=(0,s.useCallback)(e=>{x(null),v(e.targetTouches[0].clientX)},[]),E=(0,s.useCallback)(e=>{x(e.targetTouches[0].clientX)},[]),L=(0,s.useCallback)(()=>{if(!f||!j)return;let e=f-j;e>50&&c<N.length-1&&u(c+1),e<-50&&c>0&&u(c-1)},[f,j,c,N.length,50]),D=(0,s.useCallback)(()=>{u(e=>0===e?N.length-1:e-1)},[N.length]),$=(0,s.useCallback)(()=>{u(e=>e===N.length-1?0:e+1)},[N.length]),F=(0,s.useCallback)(()=>{p(!1)},[]);return r?.length?(0,o.jsxs)("section",{className:"cms-gallery cms-gallery--carousel",children:[t&&(0,o.jsx)("header",{className:`cms-gallery__header ${1===r.length?"cms-gallery__header--no-tabs":""}`,children:(0,o.jsx)("h2",{className:"cms-gallery__title sc-font-xl sc-font-bold",children:t})}),r.length>1&&(0,o.jsx)("div",{className:"cms-gallery__tabs",role:"tablist",children:r.map((e,t)=>(0,o.jsx)("button",{ref:e=>{k.current[t]=e},className:`cms-gallery__tab ${t===n?"cms-gallery__tab--active":""}`,role:"tab","aria-selected":t===n,"aria-controls":`gallery-panel-${t}`,id:`gallery-tab-${t}`,onClick:()=>C(t),onKeyDown:e=>I(e,t),children:e.title},e.id))}),(0,o.jsxs)("div",{className:"cms-gallery__carousel",role:"tabpanel",id:`gallery-panel-${n}`,"aria-labelledby":`gallery-tab-${n}`,children:[O&&(0,o.jsx)(d,{item:O,currentIndex:c,totalItems:N.length,onPrevious:D,onNext:$,onExpand:T,onTouchStart:M,onTouchMove:E,onTouchEnd:L,showSwipeHint:N.length>1}),(0,o.jsx)(b,{items:N,activeIndex:c,onThumbnailClick:P,onThumbnailKeyDown:S,onPreloadRequest:w}),(()=>{let e=new Set,t=[],r=r=>{!e.has(r.id)&&r.picture&&(e.add(r.id),t.push(r))};c>0&&r(N[c-1]),c<N.length-1&&r(N[c+1]);let s=y?N.find(e=>e.id===y):null;return s&&r(s),t.map(e=>(0,o.jsx)("div",{"aria-hidden":"true",children:(0,o.jsx)(i.Z,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({className:"cms-gallery__preload",isEager:!0},e.picture))},e.id))})()]}),O&&!O.href&&(0,o.jsx)(h,{isOpen:m,item:O,totalItems:N.length,onClose:F,onPrevious:D,onNext:$})]}):null})},18148:function(e,t,r){"use strict";r.d(t,{default:function(){return j}});var a=r(83809),s=r(92416);r(63059);var n=r(38371);let l=e=>{let[t,,r]=e.replaceAll(/([><])/gi,"").split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);return void 0!==r?r.split(/[^0-9a-z_-]/i)[0]:t};var i=r(94153);r(8859);var c=r(24822),o=r(90101),u=r(57437),d=function(e){let t=e.isSmall?"cms-hero-byline cms-hero-byline__small":"cms-hero-byline sc-font-m",r=e.authors[0],a=(0,o.t5)(r?.name);return(0,u.jsx)("div",{className:t,"data-testid":"hero-byline",children:(0,u.jsxs)("div",{className:"cms-hero-byline__content",children:[e.showAuthors&&r&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("div",{className:"cms-hero-byline__author-section",children:(0,u.jsx)(c.default,{authors:e.authors,authorPageSlug:e.authorPageSlug,isAuthorInternal:a,hasAuthorLink:!0})}),(0,u.jsx)("span",{className:"cms-hero-byline__separator",children:"\xb7"})]}),(0,u.jsxs)("div",{className:"cms-hero-byline__meta",children:[(0,u.jsx)("span",{className:"cms-hero-byline__date",children:e.date}),(0,u.jsx)("span",{className:"cms-hero-byline__separator",children:" \xb7 "}),(0,u.jsx)("span",{className:"cms-hero-byline__readingtime",children:e.readingTime})]})]})})};r(2265),r(68638);var m=e=>(0,u.jsx)("h1",{className:"cms-article-title","data-testid":"article-title",children:e.title});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?h(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let b=e=>Array.isArray(e)&&e.length>1,g=e=>"string"==typeof e&&""!==e,f=e=>Array.isArray(e)&&1===e.length,v=(e,t)=>{if(b(e))return(0,u.jsx)(s.Z,{items:e});if(g(e)){let t=l(e);return(0,u.jsx)(n.Z,{id:t,autoplay:!1,mute:!1})}return f(e)&&e[0]?(0,u.jsx)(i.Z,p(p({},e[0]),{},{title:t})):null};var j=e=>{let t=v(e.heroMedia,e.article.title);return t?(0,u.jsxs)("div",{className:`cms-hero-component ${e.className||""}`,"data-testid":"hero-component",children:[(0,u.jsx)("div",{className:"cms-hero-title-info",children:(0,u.jsxs)("div",{className:"cms-hero-title-info__text",children:[(0,u.jsx)(m,{title:e.article.title}),(0,u.jsx)(d,p({},e.byline))]})}),t]}):null}},94153:function(e,t,r){"use strict";var a=r(57437);t.Z=function(e){let{className:t,disableDarkOverlay:r,title:s="",orig:{small:n,medium:l,large:i,full:c},webp:{small:o,medium:u,large:d,full:m}}=e;return(0,a.jsx)("div",{className:`cms-hero-image ${t||""} ${r?"cms-hero-image--no-overlay":""}`,"data-testid":"hero-image",children:(0,a.jsxs)("picture",{children:[(0,a.jsx)("source",{srcSet:`${d} 1x, ${m} 2x`,type:"image/webp",media:"(min-width: 1024px)"}),(0,a.jsx)("source",{srcSet:`${i} 1x, ${c} 2x`,media:"(min-width: 1024px)"}),(0,a.jsx)("source",{srcSet:`${u} 1x, ${d} 2x, ${m} 3x`,type:"image/webp",media:"(min-width: 768px)"}),(0,a.jsx)("source",{srcSet:`${l} 1x, ${i} 2x, ${c} 3x`,media:"(min-width: 768px)"}),(0,a.jsx)("source",{srcSet:`${o} 1x, ${u} 2x, ${d} 3x`,type:"image/webp"}),(0,a.jsx)("source",{srcSet:`${n} 1x, ${l} 2x, ${i} 3x`}),(0,a.jsx)("img",{src:i,alt:"",title:s,fetchPriority:"high"})]})})}},5867:function(e,t,r){"use strict";r.d(t,{G:function(){return i}});var a=r(83809);r(2265);var s=r(22401),n=r(57437);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}let i=e=>t=>(0,n.jsx)(s.e4,{locale:t.locale,children:(0,n.jsx)(e,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({},t))})},34972:function(e,t,r){"use strict";r(80709);var a=r(57437);let s=(e,t)=>e||(t?"cms-lazy-picture-container cms-lazy-picture-container__dark":"cms-lazy-picture-container"),n=(e,t,r)=>{let a=r?[e,t,r]:[e,t];if(a.every(t=>t===e))return e;let s=["1x","2x","3x"];return a.map((e,t)=>`${e} ${s[t]}`).join(", ")};t.Z=function(e){let{isDark:t,isEager:r,showThumbnails:l,className:i,orig:{small:c,medium:o,large:u,full:d},webp:{small:m,medium:h,large:p,full:b}}=e,g=s(i,t);return(0,a.jsx)("div",{className:g,"data-testid":"lazy-picture-container",children:l?(0,a.jsxs)("picture",{className:"cms-lazy-picture","data-testid":"lazy-picture",children:[(0,a.jsx)("source",{srcSet:n(m,h),type:"image/webp"}),(0,a.jsx)("source",{srcSet:n(c,o)}),(0,a.jsx)("img",{"data-testid":"lazy-img",src:c,loading:r?"eager":"lazy",alt:e.alt||""})]}):(0,a.jsxs)("picture",{className:"cms-lazy-picture","data-testid":"lazy-picture",children:[(0,a.jsx)("source",{srcSet:n(p,b),type:"image/webp",media:"(min-width: 1024px)"}),(0,a.jsx)("source",{srcSet:n(u,d),media:"(min-width: 1024px)"}),(0,a.jsx)("source",{srcSet:n(h,p,b),type:"image/webp",media:"(min-width: 768px)"}),(0,a.jsx)("source",{srcSet:n(o,u,d),media:"(min-width: 768px)"}),(0,a.jsx)("source",{srcSet:n(m,h,p),type:"image/webp"}),(0,a.jsx)("source",{srcSet:n(c,o,u)}),(0,a.jsx)("img",{"data-testid":"lazy-img",src:`${u}`,loading:r?"eager":"lazy",alt:e.alt||""})]})})}},92914:function(e,t,r){"use strict";r.d(t,{LinkGrid:function(){return u}});var a=r(20487),s=r(2265);r(40066);var n=r(37579),l=r(1533),i=r(57437);

1let c={gridContainer:"cms-link-grid-container",gridContainerAlt:"cms-link-grid-container--alt",gridItem:"cms-link-grid-item",gridItemPicture:"cms-link-grid-item__picture",gridItemImage:"cms-link-grid-item__image",gridItemTitle:"cms-link-grid-item__title",gridItemSubtitle:"cms-link-grid-item__subtitle",gridHeadline:"cms-link-grid-headline",gridLink:"cms-link-grid-link",typeSeo:"cms-seo-link-grid",typeAdvisory:"cms-advice-link-grid",typeTopBrand:"cms-top-brand-grid",seoGridHeadline:"cms-seo-linkgrid-headline"},o=()=>(0,i.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})});function u(e){let{title:t,list:r,type:u,altView:d}=e,m=(0,s.useRef)(null),{0:h,1:p}=(0,s.useState)(!1),{0:b,1:g}=(0,s.useState)(!1),f=(0,n.d)(),{gridContainer:v,gridContainerAlt:j,gridHeadline:x,gridItem:y,gridItemImage:w,gridItemPicture:k,gridItemTitle:_,gridItemSubtitle:N,gridLink:O,typeSeo:P,typeTopBrand:S,seoGridHeadline:C}=c,I=(0,a.W)(v,"seo"===u&&P,"topbrand"===u&&S,d&&j,d&&r&&r.length<=2&&"has-few-items"),T=(0,a.W)(x,"seo"===u&&C),M=d&&r&&r.length>0;(0,s.useEffect)(()=>{if(!M||!m.current)return;let e=m.current,t=()=>{let{scrollLeft:t,scrollWidth:r,clientWidth:a}=e;p(t>10),g(t<r-a-10)};return t(),e.addEventListener("scroll",t),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[M,r]);let E=e=>{if(!m.current)return;let t=m.current,r=t.children[1],a=t.clientWidth;if(r){let e=globalThis.getComputedStyle(t),s=Number.parseFloat(e.gap||e.gridGap||"0");a=r.offsetWidth+s}t.scrollBy({left:"right"===e?a:-a,behavior:"smooth"})};return(0,i.jsxs)("div",{className:(0,a.W)("cms-link-grid-wrapper",{"has-chevrons":M&&(h||b)}),children:[t&&(0,i.jsx)("h2",{className:T,"data-testid":"linkgrid-title",children:t}),(0,i.jsxs)("div",{className:"cms-link-grid-scroll-wrapper",children:[M&&h&&(0,i.jsx)("button",{className:"cms-link-grid-chevron cms-link-grid-chevron--left",onClick:()=>E("left"),"aria-label":"Scroll left",children:(0,i.jsx)(o,{})}),(0,i.jsx)("ul",{className:I,ref:m,children:r?.map((e,t)=>{let r=e.imgSrc,a=e.imgSrcWebP;return!f&&e.imageSrcWebPMedium&&0===t&&(r=e.imageSrcMedium,a=e.imageSrcWebPMedium),i.jsx("li",{className:y,children:i.jsxs(l.Y,{className:O,target:e.target||{kind:"ordinary",href:e.url},"aria-label":e.title,renderUnavailable:t=>i.jsx("div",{className:O,"aria-label":e.title,children:t}),children:[i.jsxs("picture",{className:k,children:[a&&i.jsx("source",{type:"image/webp",srcSet:a}),i.jsx("source",{srcSet:`${r}`}),i.jsx("img",{src:r,alt:"",className:w,loading:"lazy","data-testid":"grid-item-img"})]}),i.jsxs("div",{className:"cms-link-grid-item__content",children:[i.jsx("p",{className:_,children:e.title}

1),e.subtitle&&i.jsx("p",{className:N,children:e.subtitle})]})]})},`${e.url}-${t}`)})}),M&&b&&(0,i.jsx)("button",{className:"cms-link-grid-chevron cms-link-grid-chevron--right",onClick:()=>E("right"),"aria-label":"Scroll right",children:(0,i.jsx)(o,{})})]})]})}},19772:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return O}});var a=r(83809);r(63687);var s=r(2265),n=r(85051),l=r(5867);let i=s.createContext(null),c=()=>{let e=s.useContext(i);if(!e)throw Error("useListingsData hook must be used within ListingsProvider");return e};var o=r(57437);let u=()=>{let{title:e}=c();return(0,o.jsx)("div",{className:"listings-header",children:(0,o.jsx)("h2",{className:"listings-header__title",children:e})})};var d=r(41144);let m=e=>null==e?"":String(e),h=e=>Number(e)||0,p=e=>Array.isArray(e)?e:[],b=e=>{let t=m(e?.webPage);return{webPage:t&&!t.includes("?")?`${t}?`:t,prices:{public:{taxDeductible:!!e?.prices?.public?.taxDeductible,amountInEUR:{formatted:m(e?.prices?.public?.amountInEUR?.formatted),raw:h(e?.prices?.public?.amountInEUR?.raw)},evaluation:{category:h(e?.prices?.public?.evaluation?.category)}}},location:{zip:m(e?.location?.zip),city:m(e?.location?.city),countryCode:m(e?.location?.countryCode)},adProduct:{tier:m(e?.adProduct?.tier),appliedTier:m(e?.adProduct?.tier)},vehicle:{classification:{type:m(e?.vehicle?.classification?.type),make:{formatted:m(e?.vehicle?.classification?.make?.formatted)},model:{formatted:m(e?.vehicle?.classification?.model?.formatted)},modelYear:h(e?.vehicle?.classification?.modelYear),modelVersionInput:m(e?.vehicle?.classification?.modelVersionInput)}

1,fuels:{primary:{consumption:{combinedWithFallback:{formatted:m(e?.vehicle?.fuels?.primary?.consumption?.combinedWithFallback?.formatted),isFallback:!!e?.vehicle?.fuels?.primary?.consumption?.combinedWithFallback?.isFallback}},co2emissionInGramPerKmWithFallback:{formatted:m(e?.vehicle?.fuels?.primary?.co2emissionInGramPerKmWithFallback?.formatted),isFallback:!!e?.vehicle?.fuels?.primary?.co2emissionInGramPerKmWithFallback?.isFallback}},fuelCategory:{formatted:m(e?.vehicle?.fuels?.fuelCategory?.formatted),raw:m(e?.vehicle?.fuels?.fuelCategory?.raw)}},condition:{firstRegistrationDate:{formatted:e?.vehicle?.condition?.firstRegistrationDate?.formatted&&"-"!==e.vehicle.condition.firstRegistrationDate.formatted?m(e.vehicle.condition.firstRegistrationDate.formatted):""},mileageInKm:{formatted:m(e?.vehicle?.condition?.mileageInKm?.formatted),raw:h(e?.vehicle?.condition?.mileageInKm?.raw)}},usageState:m(e?.vehicle?.usageState)},seller:{id:m(e?.seller?.id||""),type:m(e?.seller?.type)},media:{images:p(e?.media?.images).filter(e=>e?.formats?.jpg?.size360x270||e?.formats?.webp?.size360x270).map(e=>({formats:{jpg:{size360x270:m(e?.formats?.jpg?.size360x270)},webp:{size360x270:m(e?.formats?.webp?.size360x270)}},imageFeatures:{isPlaceholder:e?.imageFeatures?.isPlaceholder??!1,attractivenessScore:"number"==typeof e?.imageFeatures?.attractivenessScore?e.imageFeatures.attractivenessScore:0}}))},publication:{accurateState:m(e?.publication?.accurateState),isNew:!!e?.publication?.isNew},statistics:{leadsRange:""},superDeal:{oldPrice:{formatted:m(e?.superDeal?.oldPrice?.formatted)},isEligible:!!e?.superDeal?.isEligible}}},g=(e,t)=>{(0,n.L9W)({category:"cxp/opt/auto/model",action:"click",label:e}),t?.length&&console.log("Experiment tracking:",e,t)},f=e=>{(0,n.vYk)(e)},v=()=>{let{listings:e,locale:t}=c(),r=()=>{g("listing_item",void 0),f({name:"recommender_select",type:"action",details:{content:"contentful_pages"}})};return(0,o.jsx)("div",{className:"listings-carousel",children:(0,o.jsx)(n.lr9,{children:e?.filter(e=>e.details).map((e,a)=>{let s=b(e.details);return o.jsx(d.L,{id:e.id,position:++a,cultureIso:t,details:s,variant:"max",imageLoading:a<=3?"eager":"lazy",onCardClick:r,tracking:{source:"contentful_pages_carousel"}},e.id)})})})};var j=r(1533);let x=e=>{let{target:t,className:r,children:a,onClick:s,style:n}=e;return(0,o.jsx)(j.Y,{target:t,tracking:{source:"contentful_pages_carousel"},className:r,onClick:s,style:n,children:a})};var y=r(22401);let w=e=>{{let t=document.createElement("textarea");return t.innerHTML=e,t.value}},k=()=>{let{target:e}=c(),t=w((0,y.QT)()("listings.viewAll"));return"unavailable"===e.kind?null:(0,o.jsx)("div",{className:"view-all-container",children:(0,o.jsx)(x,{target:e,className:"view-all-container_link",onClick:()=>{g("main_cta",void 0),f({name:"recommender_select",type:"action",details:{content:"contentful_pages"}})},children:t})})};function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var O=(0,l.G)(e=>{let{data:t}=e,r=function(e,t){let r=(0,s.useRef)(null);return(0,s.useEffect)(()=>{let a;let s=r.current;if(!s||void 0===globalThis.window||!("IntersectionObserver"in globalThis)||!("IntersectionObserverEntry"in globalThis)||!("intersectionRatio"in globalThis.IntersectionObserverEntry.prototype))return;let l=s.getBoundingClientRect().height,i=window.innerHeight,c=.5;l>i&&(c=i/l*.5);let o=new IntersectionObserver(r=>{r[0].isIntersecting?a=setTimeout(()=>{(0,n.L9W)({category:"cxp/opt/auto/model",action:"visibility",label:e,nonInteraction:!0}),t&&(0,n.vYk)(t),o.disconnect()},2e3):clearTimeout(a)},{threshold:c});return o.observe(s),()=>{clearTimeout(a),o?.disconnect()}},[r,e,t]),r}("recommender_impression",{name:"recommender_view",type:"impression",details:{content:"contentful_pages"}});return(0,o.jsx)(i.Provider,{value:t,children:(0,o.jsxs)("div",N(N({className:"listings-container",id:"toplisting-section",ref:r,"data-testid":"listings-internal"}

1,"news-article"===t.pageType?{"data-nosnippet":"true"}:{}),{},{children:[(0,o.jsx)(u,{}),(0,o.jsx)(v,{}),(0,o.jsx)(k,{})]}))})})},57678:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return g}});var a=r(2265);r(46423);var s=r(22401),n=r(5867),l=r(41392),i=r(24624),c=r(24272),o=r(79532);let u={"de-DE":{hubSlug:"informieren",reviewSlug:"testberichte",compareSlug:"vergleich"},"de-AT":{hubSlug:"informieren",reviewSlug:"testberichte",compareSlug:"vergleich"},"nl-NL":{hubSlug:"informeren",reviewSlug:"autotests",compareSlug:"vergelijking"},"nl-BE":{hubSlug:"informeren",reviewSlug:"autotests",compareSlug:"vergelijking"},"fr-FR":{hubSlug:"informer",reviewSlug:"essai",compareSlug:"comparatif"},"fr-BE":{hubSlug:"informer",reviewSlug:"essai",compareSlug:"comparatif"},"fr-LU":{hubSlug:"informer",reviewSlug:"essai",compareSlug:"comparatif"},"it-IT":{hubSlug:"informare",reviewSlug:"prove",compareSlug:"confronti"},"es-ES":{hubSlug:"informacion",reviewSlug:"prueba",compareSlug:"comparativa"},"en-GB":{hubSlug:"inform",reviewSlug:"inform",compareSlug:"compare"},"en-CA":{hubSlug:"editorial",reviewSlug:"expert-reviews",compareSlug:"compare"},"fr-CA":{hubSlug:"editorial",reviewSlug:"essai-routier",compareSlug:"compare"}};var d=r(51711),m=r.n(d),h=r(57437);let p=e=>e.map(e=>({label:e.title,value:e.id,id:e.id,url:e.url})),b=e=>e.map(e=>({label:e.title,value:e.id,id:e.id,url:e.url}));var g=(0,n.G)(function(e){let{selectedMakeSlug:t,selectedModelSlug:r,makes:n,headline:d,locale:g,totalArticleCount:f}=e,v=(0,s.QT)(),j=t?n.find(e=>m()(e.title)===t):void 0,x=j&&r&&j.models?j.models.find(e=>m()(e.title)===r):void 0,{0:y,1:w}=(0,a.useState)(j?{label:j.title,value:j.id,id:j.id,url:j.url}:null),{0:k,1:_}=(0,a.useState)(x?{label:x.title,value:x.id,id:x.id,url:x.url}:null),N=(0,a.useMemo)(()=>{if(y)return n.find(e=>e.id===y.id)},[y,n]),O=(0,a.useMemo)(()=>p(n),[n]),P=(0,a.useMemo)(()=>N?.models?b(N.models):[],[N]),S=(0,a.useMemo)(()=>{if(k&&N?.models){let e=N.models.find(e=>e.id===k.id);return e?.count??null}return N?N.count??null:f??null},[N,k,f]),C=(0,a.useMemo)(()=>k?k.url||"":y?y.url||"":function(e){let{hubSlug:t,reviewSlug:r}=u[e]||{hubSlug:"informieren",reviewSlug:"testberichte",compareSlug:"vergleich"},a=`/${t}/${r}`;"fr-BE"===e?a=`/fr${a}`:"nl-BE"===e&&(a=`/nl${a}`);let s=`${(0,o.V)(e)}${a}`,n=(0,c.k)(s,e);try{return new URL(n).pathname}catch{return a}}(g),[y,k,g]);return(0,a.useEffect)(()=>{let e=t?n.find(e=>m()(e.title)===t):void 0;e?w({label:e.title,value:e.id,id:e.id,url:e.url}):t||w(null);let a=e&&r&&e.models?e.models.find(e=>m()(e.title)===r):void 0;a?_({label:a.title,value:a.id,id:a.id,url:a.url}):r||_(null)},[t,r]),(0,h.jsx)("div",{className:"cms-make-model-search-container",children:(0,h.jsxs)("div",{className:"cms-make-model-search-grid",children:[(0,h.jsx)("h3",{className:"cms-make-model-search-headline",children:d}),(0,h.jsxs)("div",{className:"cms-make-model-search-make",children:[(0,h.jsx)("label",{htmlFor:"make-input-review",className:"cms-make-model-search-label",children:v("make")}),(0,h.jsx)(l.A,{inputId:"make-input-review",value:y,isClearable:!0,isSearchable:!0,placeholder:v("make"),options:O,onChange:e=>{w(e),_(null)}})]}),(0,h.jsxs)("div",{className:"cms-make-model-search-model",children:[(0,h.jsx)("label",{htmlFor:"model-input-review",className:"cms-make-model-search-label",children:v("model")}),(0,h.jsx)(l.A,{inputId:"model-input-review",isClearable:!0,isSearchable:!0,placeholder:v("model"),value:k,isDisabled:!y,options:P,onChange:e=>{_(e)}})]}),(0,h.jsx)("div",{className:"cms-make-model-search-button",children:(0,h.jsx)(i.Q,{redirectUrl:C,listingsAmount:S,searchLabel:v("reviews.reports"),locale:g})})]})})})},88417:function(e,t,r){"use strict";r.d(t,{default:function(){return g}});var a=r(2265),s=r(23432);r(41569);var n=r(91432);r(41366),r(59731);var l=r(57437),i=e=>{let{size:t="medium",color:r="primary",className:a=""}=e;return(0,l.jsxs)("output",{className:`as24-loading-dots as24-loading-dots--${t} as24-loading-dots--${r} ${a}`,"aria-live":"polite","aria-label":"Loading",children:[(0,l.jsx)("div",{className:"as24-loading-dots__dot"}),(0,l.jsx)("div",{className:"as24-loading-dots__dot"}),(0,l.jsx)("div",{className:"as24-loading-dots__dot"})]})},c=r(85051),o=r(83411),u=r(22401),d=r(5867),m=r(88703);let h=r(18162).GQ.all.map(e=>e.iso),p=m.object({email:m.string().email("Invalid email format").max(254,"Email must not exceed 254 characters"),source:m.enum

1(["as24-contentful-pages-newsletter"],{message:"Invalid source"}),culture:m.enum(h,{message:"Invalid culture"})}).strict();r(27971);var b=(0,r(28375).$)("1704dd8991ef67d8cfcfc01a80a96b1382dd4ee0");r(53037);var g=(0,d.G)(e=>{let{title:t,subtitle:r,ctaLabel:d,legalNotice:m,image:h}=e,{0:g,1:f}=(0,a.useState)(""),{0:v,1:j}=(0,a.useState)(!1),{0:x,1:y}=(0,a.useState)(!1),{0:w,1:k}=(0,a.useState)(""),{0:_,1:N}=(0,a.useState)(!1),O=(0,u.IT)("newsletter"),P=(0,u.eV)(),S=async e=>{e.preventDefault();let t=p.safeParse({email:g,source:"as24-contentful-pages-newsletter",culture:P});if(!t.success){y(!0),j(!1),k(O("emailError"));return}N(!0);try{let e=await b(t.data);if(!e.success){(0,o.o)({message:`Failed to subscribe to newsletter: ${e.statusCode} - ${e.error}`}),429===e.statusCode?k(O("errorMessage")):400===e.statusCode?k(O("emailError")):k(O("errorMessage")),y(!0),j(!1);return}(0,c.vYk)({name:"submit_newsletter_select",type:"action",details:{placement:"contentful"}}),y(!1),k(""),f(""),j(!0)}catch(e){y(!0),j(!1),k(O("errorMessage")),(0,o.o)({message:"Something went wrong",err:e})}finally{N(!1)}};return(0,l.jsx)("div",{className:"hf-newsletter-wrapper",children:(0,l.jsxs)("div",{className:"hf-newsletter-container",children:[h&&(0,l.jsx)("div",{className:"hf-newsletter-image",children:(0,l.jsx)("img",{src:h.url,alt:h.alt})}),(0,l.jsxs)("div",{className:"hf-newsletter-content",children:[(0,l.jsx)("h2",{className:"hf-newsletter-heading",children:t}),(0,l.jsx)("p",{className:"hf-newsletter-subheading",children:r}),(0,l.jsx)("div",{className:"hf-newsletter-form-container",children:_?(0,l.jsx)("div",{className:"hf-newsletter-loading",children:(0,l.jsx)(i,{size:"small",color:"primary"})}):v?(0,l.jsxs)("p",{className:"hf-newsletter-success-message",children:[(0,l.jsx)(c.aA4,{"aria-hidden":"true",fontSize:24}),O("successMessage")]}):(0,l.jsxs)("form",{onSubmit:S,className:"hf-newsletter-form",children:[(0,l.jsx)("div",{className:"hf-subscribe__input",children:(0,l.jsx)(n.I,{name:"email",id:"newsletter-email-input",className:"hf-newsletter-input",label:null,hideLabel:!0,type:"text",autoComplete:"email",placeholder:O("input.placeholder"),"aria-label":O("input.placeholder"),error:x,helper:w,value:g,onChange:e=>{f(e.target.value),x&&(y(!1),k(""))},disabled:_})}),(0,l.jsx)("div",{className:"hf-subscribe__button",children:(0,l.jsx)(s.Button,{mode:"primary",type:"submit",disabled:_,children:d})})]})}),(0,l.jsx)("div",{className:"hf-newsletter-disclaimer",dangerouslySetInnerHTML:{__html:m}})]})]})})})},97302:function(e,t,r){"use strict";r.d(t,{default:function(){return g}});var a=r(32921),s=r(2265),n=r(22401),l=r(83809),i=r(85051),c=r(96437);let o=c.ZPm.object({contentGroup:c.ZPm.enum(["inform","company","promo","financing","other"]),contentId:c.ZPm.enum(["advice","video","news","review","mediacenter","about-us","hub","overview","category","disclaimer","agb_b2b","agb_b2c","data_protection","kodex","accessibility","design_guidelines","qa_guidelines","privacy_agreement","leasingmarkt","autoproff","data_protection_application_process","smyle","supplier_portal","notset","car_financing","car_loan","kfz_financing","kfz_loan","loan_calculate","loan_comparison","moto_financing","motohome_financing","new_car_financing","used_car_financing"]).nullable().optional(),pageTitle:c.ZPm.enum(["article","make","model","overview","notset","hub","category"])});var u=r(83411);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,l.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let h={2:"overview",3:"make",4:"model"},p={category:"inform",group:"overview",pageId:"overview",fallbackValue:"notset"};function b(e,t){if(0===e.length)return;let r={timestamp:new Date().toISOString(),errors:e,eventData:t};(0,u.o)(m({message:"Tracking validation errors detected"},r))}function g(e){let{cmsPage:t,cmsHierarchy:r,isReviewPage:l,suppressTracking:c=!1}=e,u=(0,a.usePathname)(),d=(0,n.eV)();return(0,s.useEffect)(()=>{{let e=window;e.gtmCmpConsentLoaded||c||(e.gtmCmpConsentLoaded=!0,(0,i.IQ_)())}!function(e){let{cmsHierarchy:t,cmsPage:r,pathname:a,isReviewPage:s}=e,n=function(e,t,r,a){if(t)return function(e){let t=e.split("/").filter(e=>e&&"fr"!==e&&"nl"!==e),r={category:p.category,group:"review"},a=t.includes("vergleich"),s=2===t.length;if(a||s)return m(m({},r),{},{pageId:p.pageId});let n=h[t.length]??p.pageId;return m(m({},r),{},{pageId:n})}(r);let s=function(e){let t=[];return function e(r){if(!r)return;e(r.parentPage);let a=r.trackingName??p.fallbackValue;t.push(a)}(e),t}(a),n=t=>"article"===e.pageType?"article":t||p.fallbackValue;return s.length>=3?{category:s[0],group:s[1],pageId:n(s[2])}:s.length>=2?{category:s[0],group:s[1],pageId:n(p.pageId)}:s.length>=1?{category:s[0],group:p.group,pageId:n(p.pageId)}:{category:p.category,group:p.group,pageId:n(e.pageType||p.fallbackValue)}}(r,s,a,t.cmsPage);try{(0,i.D_W)({group:n.group,pageid:n.pageId,category:n.category,market:"vm"})}catch(t){let e=t instanceof Error?t.message:"Unknown error";b([`Universal tracking error: ${e}`])}try{let e={contentGroup:n.category,contentId:n.group,pageTitle:n.pageId};!function(e){let t=o.safeParse(e),r=[];if(t.success||r.push(...t.error.issues.map(e=>`GA4PageViewEvent.${e.path.join(".")}: ${e.message}`)),r.length>0){b(r,e);return}try{t.data&&(0,i.SGH)({content_group:t.data.contentGroup,content_id:t.data.contentId||void 0,page_title:t.data.pageTitle},{content_tag:"auto_magazine"})}catch(r){let t=r instanceof Error?r.message:"Unknown error";b([`GA4 execution failed: ${t}`],e)}}(e)}catch(t){let e=t instanceof Error?t.message:"Unknown error";b([`GA4 tracking error: ${e}`])}}({locale:d,cmsHierarchy:r,cmsPage:t,pathname:u,isReviewPage:l})},[]),null}},1533:function(e,t,r){"use strict";r.d(t,{Y:function(){return p}});var a=r(83366),s=r(83809),n=r(75833);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};

1t%2?l(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let c=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"ordinary"===e.kind?{href:e.href}:"unavailable"===e.kind?{}:i(i({"data-list-page-target":e.resolution,"data-list-page-clean-url":e.cleanUrl,"data-list-page-query":e.interactionQuery,"data-list-page-indexable":String(e.isIndexable)},Object.keys(t).length?{"data-list-page-tracking":JSON.stringify(t)}:{}),e.isIndexable&&"authoritative"===e.resolution?{href:e.cleanUrl}:{role:"link",tabIndex:"0"})};r(35102);var o=r(57437);let u=["href"];function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let h=(e,t)=>{let r=c(e,t);return{href:r.href,role:r.role,tabIndex:void 0===r.tabIndex?void 0:Number(r.tabIndex),"data-list-page-target":r["data-list-page-target"],"data-list-page-clean-url":r["data-list-page-clean-url"],"data-list-page-query":r["data-list-page-query"],"data-list-page-indexable":r["data-list-page-indexable"],"data-list-page-tracking":r["data-list-page-tracking"]}};function p(e){let{target:t,tracking:r,children:s,renderUnavailable:l,linkTarget:i,className:c,style:d,id:p,title:b,rel:g,"aria-label":f,"aria-describedby":v,"data-mode":j,"data-fullwidth":x,onClick:y,onKeyDown:w,onMouseEnter:k,onFocus:_,onTouchStart:N}=e;if("unavailable"===t.kind)return(0,o.jsx)(o.Fragment,{children:l?l(s):null});if("list-page"===t.kind&&(!t.isIndexable||"fallback"===t.resolution)){let e=new URL((0,n.q)(t.cleanUrl,t.interactionQuery,r)),a=h(t,r);return(0,o.jsxs)("form",{action:t.cleanUrl,method:"get",target:i,rel:g,className:"resolved-list-page-form",children:[[...e.searchParams.entries()].map((e,t)=>{let[r,a]=e;return(0,o.jsx)("input",{type:"hidden",name:r,value:a},`${r}-${t}`)}),(0,o.jsx)("button",m(m({type:"submit"},a),{},{id:p,title:b,"aria-label":f,"aria-describedby":v,"data-mode":j,"data-fullwidth":x,onClick:y,onKeyDown:w,onMouseEnter:k,onFocus:_,onTouchStart:N,style:d,"data-list-page-window-target":i,className:`resolved-list-page-button ${c||""}`.trim(),children:s}))]})}let O=h(t,r),{href:P}=O,S=(0,a.Z)(O,u);return(0,o.jsx)("a",m(m({href:P},S),{},{id:p,title:b,rel:g,"aria-label":f,"aria-describedby":v,"data-mode":j,"data-fullwidth":x,className:c,style:d,onClick:y,onKeyDown:w,onMouseEnter:k,onFocus:_,onTouchStart:N,target:i,children:s}))}},91527:function(e,t,r){"use strict";r.d(t,{i:function(){return n}});var a=r(9508),s=r(12284);let n=(e,t)=>{let r="ordinary"===e.kind?{kind:"ordinary",href:(0,s.L)(e.href)}:e,n="";"ordinary"===r.kind?n=r.href:"list-page"===r.kind&&(n=r.cleanUrl);let l=!!n&&(0,a.t)(n,t);return{target:r,linkTarget:l?"_blank":void 0,rel:l?"nofollow noopener":void 0}}},41804:function(e,t,r){"use strict";let a;var s=r(83809),n=r(2265),l=r(34972);r(67812);var i=r(57437);function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let u="//343-YUL-501.mktoweb.com",d=`${u}/js/forms2/js/forms2.min.js`,m=()=>globalThis.MktoForms2,h=(e,t)=>{t?.remove(),a=void 0,e()},p=()=>m()?Promise.resolve():a||(a=new Promise((e,t)=>

1{let r=document.querySelector(`script[src="${d}"]`);if(r){r.addEventListener("load",()=>e(),{once:!0}),r.addEventListener("error",()=>h(t,r),{once:!0});return}let a=document.createElement("script");a.src=d,a.async=!0,a.onload=()=>e(),a.onerror=()=>h(t,a),document.body.appendChild(a)}));t.default=e=>{let{id:t,title:r,description:a,image:s,marketoFormId:c}=e,d=(0,n.useRef)(null),h=(0,n.useRef)(null);return(0,n.useEffect)(()=>{let e=d.current,t=Number(c);if(!e||!Number.isFinite(t)||h.current===c)return;let r=!0;h.current=null,e.innerHTML="";let a=document.createElement("form");return a.id=`mktoForm_${c}`,e.appendChild(a),p().then(()=>{r&&a.isConnected&&(m()?.loadForm(u,"343-YUL-501",t),h.current=c)}).catch(()=>void 0),()=>{r=!1,h.current=null,e.innerHTML=""}},[c]),(0,i.jsx)("section",{id:t,className:"cms-sc-custom-marketo-form","data-testid":"sc-custom-marketo-form-component",children:(0,i.jsxs)("div",{id:"custom-form",className:"cms-sc-custom-marketo-form__container",children:[(0,i.jsxs)("div",{className:"cms-sc-custom-marketo-form__content",children:[(0,i.jsx)("h2",{className:"cms-sc-custom-marketo-form__title",children:r}),(0,i.jsx)(l.Z,o(o({},s),{},{className:"cms-sc-custom-marketo-form__image"})),(0,i.jsx)("p",{className:"cms-sc-custom-marketo-form__description",children:a})]}),(0,i.jsx)("div",{ref:d,className:"cms-sc-custom-marketo-form__form"})]})})}},76446:function(e,t,r){"use strict";r.d(t,{default:function(){return g}});var a=r(83809);r(2265);var s=r(92416),n=r(34972),l=r(38371),i=r(42855),c=r(57437),o=e=>{let{link:t,locale:r,trackingName:a,enableFbPixelTracking:s,mode:n,fullWidth:l=!1}=e;return(0,c.jsx)(i.default,{href:t.url,target:t.target,locale:r,mode:n,triggerEvent:"both",className:"cms-sc-media-section__link",trackingConfig:{trackingLabel:a,ga4EventName:"mediasection_select",shouldTrackFBPixel:s},fullwidth:l,children:t.title})};r(82536);var u=r(56901),d=r(20487);function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let p=e=>!!e.mediaVideo||!!(e.mediaItems&&e.mediaItems.length>0),b=(e,t)=>{if(t){let e=(0,u.Fb)(t);return(0,c.jsx)("div",{className:"cms-sc-media-section__pic",children:(0,c.jsx)(l.Z,{id:e,autoplay:!1,mute:!1})})}return e&&0!==e.length?1===e.length?(0,c.jsx)(n.Z,h(h({},e[0]),{},{className:"cms-sc-media-section__pic"})):(0,c.jsx)("div",{className:"cms-sc-media-section__pic",children:(0,c.jsx)(s.Z,{items:e.filter(e=>null!==e),shouldShowCaptions:!1})}):null};var g=e=>{let t=e.mediaPosition??!1,r=(0,d.Z)("cms-media-section",{"cms-media-section--reverse":!t}),a=p(e),s=e.linkList?.filter(e=>{let{target:t}=e;return t?.kind!=="unavailable"}),n=e.ctaList?.map((e,t)=>({cta:e,index:t})).filter(e=>{let{cta:t}=e;return t.target?.kind!=="unavailable"});return(0,c.jsxs)("div",{className:r,id:e.id,"data-testid":"sc-media-section-component",children:[b(e.mediaItems,e.mediaVideo),(0,c.jsxs)("div",{className:"cms-media-section__content",style:a||e.bulletList||s?.length?{}:{maxWidth:"100%"},children:[e.title&&(0,c.jsx)("h3",{className:"cms-media-section__title",children:e.title}),e.badges&&(0,c.jsx)("div",{className:"sc-padding-bottom-l",children:e.badges.map((e,t)=>(0,c.jsx)("span",{className:"sc-disruptor",children:e},`badge-${e}-${t}`))}),(0,c.jsx)("div",{className:"cms-media-section__text",dangerouslySetInnerHTML:{__html:e.text}}),a&&e.bulletList&&(0,c.jsx)("ul",{className:"sc-list sc-list--disc",role:"list",children:e.bulletList.map((e,t)=>(0,c.jsx)("li",{dangerouslySetInnerHTML:{__html:e}},`bullet-${e.slice(0,20)}-${t}`))}),a&&s?.length===1&&(0,c.jsx)("div",{className:"cms-sc-media-section-link__wrapper",children:(0,c.jsx)(o,{link:s[0],locale:e.locale,trackingName:e.linkTrackingName,mode:"transparent",enableFbPixelTracking:e.enableFbPixelTrackingForLinks})}),a&&s&&s.length>1&&(0,c.jsx)("ul",{className:"sc-link-list",children:s.map((t,r)=>(0,c.jsx)("li",{className:"cms-sc-media-section-link__wrapper",children:(0,c.jsx)(o,{link:t,locale:e.locale,trackingName:e.linkTrackingName,mode:"transparent",enableFbPixelTracking:e.enableFbPixelTrackingForLinks,fullWidth:!0})},`link-${t.url}-${r}`))}),n?.map(t=>{let{cta:r,index:a}=t;return c.jsx(o,{link:r,locale:e.locale,trackingName:e.ctaTrackingNameList[a],mode:a%2?"secondary":"primary",enableFbPixelTracking:e.enableFbPixelTrackingForCtas},`cta-${r.url}-${a}`)})]}

1),!a&&(e.bulletList||s?.length)&&(0,c.jsxs)("div",{className:"cms-media-section__list",children:[e.bulletList&&(0,c.jsx)("ul",{className:"sc-list sc-list--disc sc-padding-bottom-l",children:e.bulletList.map((e,t)=>(0,c.jsx)("li",{dangerouslySetInnerHTML:{__html:e}},`second-bullet-${e.slice(0,20)}-${t}`))}),s?.length===1&&(0,c.jsx)("div",{className:"cms-sc-media-section-link__wrapper",children:(0,c.jsx)(o,{link:s[0],locale:e.locale,trackingName:e.linkTrackingName,enableFbPixelTracking:e.enableFbPixelTrackingForLinks,mode:"transparent"})}),s&&s.length>1&&(0,c.jsx)("ul",{className:"sc-link-list",children:s.map((t,r)=>(0,c.jsx)("li",{className:"cms-sc-media-section-link__wrapper",children:(0,c.jsx)(o,{link:t,locale:e.locale,trackingName:e.linkTrackingName,enableFbPixelTracking:e.enableFbPixelTrackingForLinks,mode:"transparent"})},`second-link-${t.url}-${r}`))})]})]})}},11588:function(e,t,r){"use strict";var a=r(83809),s=r(37579),n=r(56901),l=r(42855),i=r(94153),c=r(92416),o=r(38371);r(83626);var u=r(57437);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let h=e=>Array.isArray(e)&&e.length>1;t.default=function(e){let t,r;let{id:a,locale:d,bulletList:p,cta:b,enableFbPixelTracking:g,heroMedia:f,heroMediaMobile:v,labelTitle:j,subtitle:x,text:y,title:w,className:k}=e,_=(0,s.d)(),N="string"==typeof f,O=b?.target?.kind==="unavailable"?void 0:b;if(h(f)&&f.length>1)t=(0,u.jsx)(c.Z,{items:f});else if(N){let e=(0,n.Fb)(f);t=(0,u.jsx)(o.Z,{id:e,autoplay:!1,mute:!1})}else f&&1===f.length&&(t=(0,u.jsx)(i.Z,m(m({},f[0]),{},{title:w})));if(v&&v.length>1&&h(v))r=(0,u.jsx)(c.Z,{items:v});else if(v){let e=v||f;r=(0,u.jsx)(i.Z,m(m({},e[0]),{},{title:w}))}return(0,u.jsx)("div",{id:a,className:`cms-sc-superhero__container ${k||""}`,"data-testid":"sc-superhero-component",children:(0,u.jsxs)("div",{className:"cms-sc-superhero__content-container",children:[_?(0,u.jsx)("div",{className:"cms-sc-superhero__media","data-testid":"hero-mobile-image",children:r||t}):(0,u.jsx)("div",{className:`cms-sc-superhero__media ${N?"has-video":""}`,children:t}),!N&&(j||w||x||y||p||O)&&(0,u.jsx)("div",{className:"sc-superhero",children:(0,u.jsxs)("div",{className:"sc-superhero__content",children:[j&&(0,u.jsx)("h2",{className:"sc-superhero__title--branded sc-font-l",children:j}),w&&(0,u.jsx)("h3",{className:"sc-font-bold",children:w}),x&&(0,u.jsx)("h4",{className:"sc-font-md",children:x}),y&&(0,u.jsx)("div",{className:"s-font-l sc-margin-top-m",dangerouslySetInnerHTML:{__html:y}}),p&&(0,u.jsx)("ul",{className:"sc-list sc-list--disc sc-margin-top-m",children:p.map((e,t)=>(0,u.jsx)("li",{dangerouslySetInnerHTML:{__html:e}},t))}),O&&(0,u.jsx)(l.default,{href:O.url,target:O.target,locale:d,className:"sc-margin-top-xl sc-superhero__cta","aria-label":`${w}. ${O.title}`,fullwidth:!1,mode:"secondary",trackingConfig:{trackingLabel:O.trackingName||"superhero_cta",ga4EventName:"superhero_select",shouldTrackFBPixel:g||!1},triggerEvent:"both",children:O.title})]})})]})})}},41392:function(e,t,r){"use strict";r.d(t,{A:function(){return i}});var a=r(2265),s=r(4765),n=r.n(s);r(65693);var l=r(57437);function i(e){let{inputId:t,value:r,options:s,placeholder:i,onChange:c,isDisabled:o,isClearable:u=!1,isSearchable:d=!1,renderSuggestion:m}=e,{0:h,1:p}=(0,a.useState)(!1),{0:b,1:g}=(0,a.useState)(""),{0:f,1:v}=(0,a.useState)(s),{0:j,1:x}=(0,a.useState)(null),y=r?.label?.toString()||"",w=`${t}-dropdown`,k=(0,a.useCallback)((e,t)=>{let r=e.find(e=>e.value===t.value);return r?[r]:[]},[]),_=(0,a.useCallback)((e,t)=>{let r=new Map;for(let[a,s]of e){let e=s.find(e=>e.value===t.value);e&&r.set(a,[e])}return r},[]),N=(0,a.useCallback)((e,t)=>{let r=t.toLowerCase();return e.filter(e=>e.label?.toString().toLowerCase().includes(r))},[]),O=(0,a.useCallback)((e,t)=>{let r=t.toLowerCase(),a=new Map;for(let[t,s]of e){let e=s.filter(e=>e.label?.toString().toLowerCase().includes(r));e.length>0&&a.set(t,e)}return a},[]);(0,a.useEffect)(()=>

1{if(!b&&r){Array.isArray(s)?v(k(s,r)):s instanceof Map&&v(_(s,r));return}if(!b){v(s);return}Array.isArray(s)?v(N(s,b)):s instanceof Map&&v(O(s,b))},[b,s,r,k,_,N,O]);let P=(0,a.useCallback)(e=>{g(e.target.value),h||p(!0)},[h]),S=(0,a.useCallback)(()=>{p(!0)},[]),C=(0,a.useCallback)(()=>{setTimeout(()=>{p(!1),b&&g("")},200)},[b]),I=(0,a.useCallback)(e=>{c(e),p(!1),g(""),x(null)},[c]),T=(0,a.useCallback)(()=>{if(Array.isArray(f))return f;if(f instanceof Map){let e=[];for(let[,t]of f)e.push(...t);return e}return[]},[f]),M=(0,a.useCallback)((e,t)=>{if(t.preventDefault(),!h){p(!0),e.length>0&&x(e[0].value);return}let r=e.findIndex(e=>e.value===j),a=r<e.length-1?r+1:r;e[a]&&x(e[a].value)},[h,j]),E=(0,a.useCallback)((e,t)=>{if(t.preventDefault(),!h)return;let r=e.findIndex(e=>e.value===j),a=r>0?r-1:0;e[a]&&x(e[a].value)},[h,j]),L=(0,a.useCallback)((e,t)=>{if(!h||null===j)return;let r=e.find(e=>e.value===j);r&&(t.preventDefault(),I(r))},[h,j,I]),D=(0,a.useCallback)(e=>{e.preventDefault(),p(!1),x(null)},[]),$=(0,a.useCallback)(()=>{p(!1),x(null)},[]),F=(0,a.useCallback)(e=>{if(o)return;let t=T();switch(e.key){case"ArrowDown":M(t,e);break;case"ArrowUp":E(t,e);break;case"Enter":L(t,e);break;case"Escape":D(e);break;case"Tab":$()}},[o,T,M,E,L,D,$]),A=(0,a.useCallback)((e,t)=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),I(t))},[I]),z=(0,a.useCallback)(e=>{e.stopPropagation(),c(null),g(""),setTimeout(()=>{let e=document.getElementById(t);e?.focus()},0)},[c,t]),R=e=>{let a=j===e.value,s=`${t}-option-${e.value}`;if(m){let t=(0,l.jsx)("span",{children:e.label});return(0,l.jsx)("li",{id:s,role:"option","aria-selected":r?.value===e.value,tabIndex:a?0:-1,className:"cms-custom-select-option",onClick:()=>I(e),onKeyDown:t=>A(t,e),onMouseEnter:()=>x(e.value),children:m(t,e)},`${e.value}`)}return(0,l.jsx)("li",{id:s,role:"option","aria-selected":r?.value===e.value,tabIndex:a?0:-1,className:"cms-custom-select-option",onClick:()=>I(e),onKeyDown:t=>A(t,e),onMouseEnter:()=>x(e.value),children:e.label},`${e.value}`)};return(0,a.useEffect)(()=>{if(h){let e=T();null===j||e.some(e=>e.value===j)?null===j&&e.length>0&&x(e[0].value):e.length>0?x(e[0].value):x(null)}else x(null)},[h,f,T,j]),(0,a.useEffect)(()=>{if(h&&null!==j){let e=document.getElementById(`${t}-option-${j}`);e&&e.scrollIntoView({behavior:"smooth",block:"nearest"})}},[j,h,t]),(0,l.jsxs)("div",{className:n()("cms-custom-select",{"cms-custom-select--disabled":o,"cms-custom-select--open":h}),children:[(0,l.jsxs)("div",{className:"cms-custom-select-input-wrapper",children:[(0,l.jsx)("input",{id:t,className:"cms-custom-select-input",type:"text",value:h&&d&&b?b:y,placeholder:i,onChange:P,onFocus:S,onBlur:C,onKeyDown:F,disabled:o,readOnly:!d,role:"combobox","aria-expanded":h,"aria-haspopup":"listbox","aria-controls":w,"aria-autocomplete":"list","aria-label":i||"Select an option",autoComplete:"false"}),u&&r?(0,l.jsx)("button",{className:"cms-custom-select-clear",onClick:z,onMouseDown:e=>e.preventDefault(),type:"button",tabIndex:0,"aria-label":"Clear selection",children:"\xd7"}):(0,l.jsx)("div",{className:"cms-custom-select-arrow","aria-hidden":"true",children:"▼"})]}),h&&!o&&(0,l.jsx)("ul",{id:w,className:"cms-custom-select-dropdown",role:"listbox","aria-label":i||"Options",children:(()=>{if(Array.isArray(f))return f.map(e=>R(e));if(f instanceof Map){let e=[];for(let[t,r]of f)e.push((0,l.jsx)("div",{className:"cms-custom-select-group",children:r.map(e=>R(e))},t));return e}return null})()})]})}},24624:function(e,t,r){"use strict";r.d(t,{Q:function(){return u}});var a=r(85051),s=r(83809);function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach(function(t){(0,s.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let i={category:"ocs",type:"action"},c=()=>l(l({},i),{},{name:"show_ocs_listings_select",action:"contentful-page-click",label:"show-ocs-listings"});r(84634);var o=r(57437);let u=e=>{let{redirectUrl:t,listingsAmount:r,searchLabel:s,locale:n}=e;return(0,o.jsxs)(a.zxk,{mode:"primary",className:"cms-search-button",onClick:()=>{try{(0,a.vYk)(c())}catch(e){console.error("Failed to track SearchMask button click:",e)}r&&r>0&&(globalThis.location.href=t)}

1,children:[r?r.toLocaleString(n)+" ":"0 ",s]})}},19047:function(e,t,r){"use strict";r.d(t,{SearchMaskContainer:function(){return $}});var a=r(22401),s=r(2265);r(27971);var n=r(28375),l=(0,n.$)("35cd812a855c6b47b6faa2e813d7207399dc5dd9"),i=(0,n.$)("83be3d918c3b8d8e81102186af550de49298a7ef"),c=(0,n.$)("84d04b71023b6564ffccc2df6bfce6711fedb4f7");let o=e=>{let{0:t,1:r}=(0,s.useState)(null),{0:a,1:n}=(0,s.useState)(!0),{0:l,1:i}=(0,s.useState)(null);return(0,s.useEffect)(()=>{(async()=>{n(!0),i(null);try{let t=await c(e);if(t.error)throw Error(t.error);let a={values:t.makeCounters.reduce((e,t)=>(e[t.id]=t.count,e),{})};r(a)}catch(e){console.error("[useMakeCounters] Error fetching make counters:",e),i(e instanceof Error?e:Error("Unknown error")),r(null)}finally{n(!1)}})()},[e]),{makeCounters:t,loading:a,error:l}};var u=r(4765),d=r.n(u),m=r(41392),h=r(24624);r(68809);var p=r(57437);let b=e=>{let{suggestion:t,HighlightedSuggestionText:r,carsLabel:a}=e,s="type"in t&&"ModelLine"===t.type,n="modelLineId"in t&&null!==t.modelLineId,l="totalAmount"in t&&0!==t.totalAmount;return(0,p.jsxs)("div",{className:d()("cms-make-model-counter",{"cms-make-model-counter--model-line":n,"cms-make-model-counter--is-model-line-header":s,"cms-make-model-counter--total-amount":l}),children:[(0,p.jsx)("p",{children:r}),l?t.totalAmount:0," ",a]})};r(96699);var g=r(83809);let f=e=>`ocs_listing=ocs-only&sort=standard&desc=0&ustate=N%2CU&size=20&page=1&cy=D&atype=C&fc=0&qry=&${e}`,v=e=>`/lst?${e}`,j=()=>({makes:[],topMakes:[],models:{},modelLines:{}}),x=(e,t,r,a)=>({filterId:e,makeId:t??null,modelId:r,modelLineId:a}),y=(e,t,r,a)=>(r.models[t]||[]).map(r=>x(e,t,r.id,r.modelLineId)).filter(a),w=(e,t)=>[...t.topMakes,...t.makes].flatMap(r=>y(e,r.id,t,()=>!0)),k=(e,t)=>t?e.reduce((e,r)=>e+(t.values[String(r)]??t.values[r]??0),0):0,_=(e,t)=>{let{0:r,1:a}=(0,s.useState)(null),{0:n,1:i}=(0,s.useState)(!1),{0:c,1:o}=(0,s.useState)(null);return(0,s.useEffect)(()=>{if(!e){a(null),i(!1),o(null);return}(async()=>{i(!0),o(null);try{let r=await l(e,t);if(r.error)throw Error(r.error);let s={values:r.modelCounters.reduce((e,t)=>(e[t.id]=t.count,e),{})};a(s)}catch(e){console.error("Error fetching model counters:",e),o(e instanceof Error?e:Error("Unknown error")),a(null)}finally{i(!1)}})()},[e]),{modelCounters:r,loading:n,error:c}};function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach(function(t){(0,g.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let P=(e,t)=>e.reduce((e,r)=>{let a=String(r[t]??"");return e[a]||(e[a]=[]),e[a].push(r),e},{}),S=(e,t)=>"others"===e.label.toLowerCase()?1:"others"===t.label.toLowerCase()?-1:e.label.toLowerCase().localeCompare(t.label.toLowerCase()),C=(e,t,r,a)=>{let s=P(r.filter(e=>e.makeId===t).sort(S),"modelLineId"),n=new Map,l=[];for(let[t,r]of Object.entries(s)){let s=e[t];if(s?.name&&"null"!==t){let e=e=>e.toLowerCase().replaceAll(" ","").replaceAll("-",""),l=e(s.name),i=r.filter(t=>e(t.label)!==l),c=[{value:Number(t),label:s.name,type:"ModelLine",modelLineId:null,totalAmount:k(r.map(e=>e.id),a)},...i.sort((e,t)=>e.label.localeCompare(t.label)).map(e=>({label:e.label,value:e.id,type:"Model",modelLineId:e.modelLineId,totalAmount:k([e.id],a)}))];n.set(s.name,c)}else for(let e of r)l.push({label:e.label,value:e.id,type:"Model",modelLineId:e.modelLineId,totalAmount:k([e.id],a)})}return l.length>0&&n.set("Other Models",l),n};var I=(e,t,r,a,n,l,i)=>{let c=t.find(e=>e.filterId===r),o=c?.makeId??null,{modelCounters:u}=_(o,i),d=(0,s.useMemo)(()=>new Map([[n,e.topMakes.map(e=>O(O({},e),{},{totalAmount:k([e.id],a)}))],[l,e.makes.filter(t=>!e.topMakes.some(e=>e.label===t.label)).map(e=>O(O({},e),{},{totalAmount:k([e.id],a)}))]]),[e,a,n,l]),m=(0,s.useMemo)(()=>{let t={};for(let r of Object.values(e.modelLines).flat())t[String(r.id)]=r;return t},[e.modelLines]),h=(0,s.useMemo)(()=>null===o?new Map:C(m,o,e.models[o]||[],u),[o,e.models,m,t,u,n,l]),p=c?.makeId??null,b=e.topMakes.find(e=>e.id===p)??e.makes.find(e=>e.id===p)??null,g=c?.modelId??null,f=g?(e=>{if(h instanceof Map){for(let t of h.values()){let r=t.find(t=>t.value===e);if(r)return r}return null}return h.find(t=>t.value===e)??null})(g):(()=>{let e=m[c?.modelLineId??""]??null;return null===e?null:{value:e.id,label:e.name??""}})();return{makeOptions:d,modelOptions:h,selectedMake:b,selectedModel:{data:f,isModelLine:null===f?null:!g}}};let T=(e,t)=>

1{let{0:r,1:a}=(0,s.useState)(null),{0:n,1:l}=(0,s.useState)(!1),{0:c,1:o}=(0,s.useState)(null);return(0,s.useEffect)(()=>{if(!e){a(null),l(!1),o(null);return}(async()=>{l(!0),o(null);try{let r=await i(e,t);if(r.error)throw Error(r.error);let s=r.totalItems;a(s)}catch(e){console.error("[useListingsCount] Error fetching count:",e),o(e instanceof Error?e:Error("Unknown error")),a(null)}finally{l(!1)}})()},[e,t]),{count:r,loading:n,error:c}};function M(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?M(Object(r),!0).forEach(function(t){(0,g.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):M(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let L=(e,t,r,a,n,l)=>{let{0:i,1:c}

1=(0,s.useState)(w(e,j())),{makeOptions:o,modelOptions:u,selectedMake:d,selectedModel:m}=I(t,i,e,r,a,n,l),h=f((()=>{let e=d?.id?.toString()??"",t=m.data&&!m.isModelLine?m.data.value:"",r=m.data&&m.isModelLine?m.data.value:"";return e||t||r?`mmm=${e}|${t}|${r}`:""})()),p=v(h),{count:b}=T(h,l);return{toRedirectionUrl:p,listingsAmount:b??0,handleModelChange:r=>{let a;c(r?(a=y(e,d?.id,t,e=>"ModelLine"===r.type?e.modelLineId===r.value:e.modelId===r.value),"ModelLine"===r.type&&(a=a.map(e=>E(E({},e),{},{modelId:null}))),a):[x(e,d?.id,null,null),...y(e,d?.id,t,()=>!0)])},handleMakeChange:r=>{c([x(e,r?.id,null,null),...r?y(e,r.id,t,()=>!0):w(e,t)])},selectedMake:d,makeOptions:o,modelOptions:u,selectedModel:m}},D=(0,r(5867).G)(e=>{let{taxonomy:t,hiddenLabels:r,filterId:n,layout:l="responsive",makesCounters:i,locale:c}=e,o=(0,a.IT)("searchFilters"),u=(0,s.useId)(),g=n||u,{toRedirectionUrl:f,listingsAmount:v,handleModelChange:j,handleMakeChange:x,selectedMake:y,makeOptions:w,modelOptions:k,selectedModel:_}=L(g,t,i,o("topMakes"),o("otherMakes"),c);return(0,p.jsx)("div",{className:"cms-make-model-selector-container",children:(0,p.jsxs)("div",{className:d()("cms-make-model-selector-grid",{"cms-make-model-selector-grid--responsive":"responsive"===l}),children:[(0,p.jsxs)("div",{className:"cms-make-model-selector-make",children:[(0,p.jsx)("label",{htmlFor:`make-input-${g}`,className:d()({"cms-make-model-selector-hidden":r}),children:o("make")}),(0,p.jsx)(m.A,{inputId:`make-input-${g}`,value:y,isClearable:!0,isSearchable:!0,placeholder:o("make"),options:w,renderSuggestion:(e,t)=>(0,p.jsx)(b,{HighlightedSuggestionText:e,suggestion:t,carsLabel:o("cars")}),onChange:x})]}),(0,p.jsxs)("div",{className:"cms-make-model-selector-model",children:[(0,p.jsx)("label",{htmlFor:`model-input-${g}`,className:d()({"cms-make-model-selector-hidden":r}),children:o("model")}),(0,p.jsx)(m.A,{inputId:`model-input-${g}`,isClearable:!0,isSearchable:!0,placeholder:o("model"),value:_.data,isDisabled:!y,options:k,renderSuggestion:(e,t)=>(0,p.jsx)(b,{HighlightedSuggestionText:e,suggestion:t,carsLabel:o("cars")}),onChange:j})]}),(0,p.jsx)("div",{className:"cms-make-model-selector-search-button",children:(0,p.jsx)(h.Q,{redirectUrl:f,listingsAmount:v,searchLabel:o("search"),locale:c})})]})})});r(75634);let $=e=>{let{title:t,taxonomy:r}=e,s=(0,a.eV)(),{makeCounters:n,error:l}=o(s);return l&&console.error("SearchMask errors:",{countersError:l}),(0,p.jsx)("div",{className:"cms-search-mask-container",children:(0,p.jsxs)("div",{className:"cms-search-mask-inner-container",children:[(0,p.jsx)("h2",{className:"cms-search-mask-title",children:t}),(0,p.jsx)(D,{taxonomy:r,makesCounters:n??{values:{}},hiddenLabels:!0,filterId:t,layout:"responsive",locale:s})]})})}},55661:function(e,t,r){"use strict";r.d(t,{default:function(){return m}}),r(56504);var a=r(22401),s=r(5867),n=r(2265),l=r(82233),i=r.n(l);function c(e){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"event_trigger",event_category:"inform",event_action:"share",event_label:e,event_non_interaction:!1})}var o=r(57246),u=r(72880),d=r(57437),m=(0,s.G)(function(e){let{title:t,url:r,locale:s}=e,l=(0,a.IT)("sharingButtons"),{hasCopied:m,handleOnWhatsAppClick:h,handleOnEmailClick:p,handleOnFacebookClick:b,handleOnLinkedInClick:g,handleOnCopyClick:f}=function(e){let{title:t,url:r}=e,{0:a,1:s}=(0,n.useState)(!1);return{hasCopied:a,handleOnWhatsAppClick:()=>{let e=`${t} - ${r}`;window.open(`https://wa.me/?text=${encodeURIComponent(e)}`,"_blank","noopener,noreferrer"),c("whatsapp")},handleOnEmailClick:()=>{window.open(function(e,t){let r=encodeURIComponent(`${t} - AutoScout24`),a=encodeURIComponent(`${t} - AutoScout24: ${e}`);return`mailto:?subject=${r}&body=${a}`}(r,t),"_blank","noopener,noreferrer"),c("email")},handleOnFacebookClick:()=>{window.open(`https://www.facebook.com/sharer.php?u=${encodeURIComponent(r)}`,"_blank","noopener,noreferrer"),c("facebook")},handleOnLinkedInClick:()=>{window.open(`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(r)}`,"_blank","noopener,noreferrer"),c("linkedin")},handleOnCopyClick:async()=>{c("copy link");try{let e=window.location.href;await i()(e),s(!0),setTimeout(()=>{s(!1)},3e3)}catch(e){console.error("Failed to copy URL to clipboard:",e)}}}}({title:t,url:r}),v=function(e){let{hasCopied:t,copiedText:r,handlers:a}=e;return[{id:"facebook",icon:(0,d.jsx)(u.default,{src:`${o.h}/social-links/facebook.svg`,alt:"Facebook",width:32,height:32,className:"cms-sharing-buttons__icon"}),label:"Facebook",onClick:a.handleOnFacebookClick},{id:"whatsapp",icon:(0,d.jsx)(u.default,{src:`${o.h}/social-links/whatsup.svg`,alt:"WhatsApp",width:32,height:32,className:"cms-sharing-buttons__icon"}),label:"WhatsApp",onClick:a.handleOnWhatsAppClick},{id:"email",icon:(0,d.jsx)(u.default,{src:`${o.h}/social-links/email.svg`,alt:"Email",width:32,height:32,className:"cms-sharing-buttons__icon"}),label:e=>e("email"),onClick:a.handleOnEmailClick},{id:"linkedin",icon:(0,d.jsx)("div",{className:"cms-sharing-buttons__linkedin-icon",children:(0,d.jsx)(u.default,{src:`${o.h}/social-links/linkedin.svg`,alt:"LinkedIn",width:32,height:32,className:"cms-sharing-buttons__icon"})}),label:"LinkedIn",onClick:a.handleOnLinkedInClick},{id:"copy",icon:(0,d.jsx)(u.default,{src:`${o.h}/social-links/link.svg`,alt:"Copy link",width:32,height:32,className:"cms-sharing-buttons__icon"}),label:e=>

1e("copy"),onClick:a.handleOnCopyClick,className:"cms-sharing-buttons__button--copy-link",renderExtra:()=>t?(0,d.jsx)("span",{id:"copy-link-tooltip",className:"copy-link-tooltip__show",children:r}):null}]}({hasCopied:m,copiedText:l("copied"),handlers:{handleOnWhatsAppClick:h,handleOnEmailClick:p,handleOnFacebookClick:b,handleOnLinkedInClick:g,handleOnCopyClick:f}}),j="en-CA"===s||"fr-CA"===s?["facebook","linkedin","copy"]:["facebook","whatsapp","email","copy"],x=v.filter(e=>j.includes(e.id));return(0,d.jsxs)("div",{className:"cms-sharing-buttons cms-content-container","data-testid":"sharing-buttons",children:[(0,d.jsx)("p",{className:"cms-sharing-buttons__label",children:l("label")}),(0,d.jsx)("div",{className:"cms-sharing-buttons__icons-wrapper",children:x.map(e=>(0,d.jsxs)("button",{type:"button",className:`cms-sharing-buttons__button ${e.className||""}`,onClick:e.onClick,"aria-label":"function"==typeof e.label?e.label(l):e.label,children:[e.icon,e.renderExtra&&e.renderExtra()]},e.id))})]})})},8428:function(e,t,r){"use strict";r.d(t,{default:function(){return n}});var a=r(2265);r(17707);var s=r(57437);function n(e){let{links:t}=e,{0:r,1:n}=(0,a.useState)(!1),l=t.find(e=>e.selected);return(0,s.jsx)("aside",{className:`sidebar ${r?"expanded":""}`,"aria-label":"Sidebar navigation",children:(0,s.jsxs)("div",{className:"sc-expandable-box",children:[(0,s.jsx)("div",{className:"sc-font-bold sc-expandable-box__title",children:(0,s.jsx)("button",{id:"sidebar-button",className:`sc-expandable-box__label expandable-button ${r?"open":""} sidebar__button`,"aria-expanded":r,"aria-controls":"sidebar-menu","aria-label":"Sidebar navigation menu",onClick:()=>{n(!r)},children:(0,s.jsx)("div",{children:l?.title||""})})}),(0,s.jsx)("nav",{id:"sidebar-menu","aria-label":"Sidebar navigation","aria-hidden":!r,className:`sidebar__menu ${r?"expanded":""}`,children:(0,s.jsx)("ul",{children:t.map(e=>(0,s.jsx)("li",{className:`sc-menu-tab sidebar__item ${e.selected?"sc-menu-tab--active":""}`,children:(0,s.jsx)("a",{className:"sc-inline-link",href:e.link,children:e.title})},e.link.split("/").filter(Boolean).pop()))})})]})})}},33434:function(e,t,r){"use strict";var a=r(83809),s=r(2265),n=r(42855),l=r(94153);r(25101);var i=r(57437);function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let u=e=>{let{locale:t,isStickyCta:r,ctas:a,enableFbPixelTracking:s}=e,l=a?.filter(e=>{let{target:t}=e;return t?.kind!=="unavailable"});return l?.length?(0,i.jsx)("nav",{className:"cms-sc-superhero-sticky__ctas","aria-label":"Call to action buttons","data-superhero-ctas":"true","data-sticky-ctas-count":l.length,children:l.map(e=>(0,i.jsx)(n.default,{"aria-label":e.label,href:e.link,target:e.target,locale:t,fullwidth:r,mode:"secondary",className:"sc-margin-top-xl",trackingConfig:e.trackingLabel?{trackingLabel:`${e.trackingLabel}${r?"_sticky":""}`,ga4EventName:"superherosticky_select",shouldTrackFBPixel:s}:void 0,triggerEvent:"click",children:e.label},e.link))}):null},d=e=>{let{title:t,subtitle:r,textTheme:a,renderTitleAsH1:s}=e;return(0,i.jsxs)("div",{className:["light"===a?"cms-sc-superhero-sticky__title-subtitle--light":"cms-sc-superhero-sticky__title-subtitle--dark","cms-sc-superhero-sticky__title-subtitle"].join(" "),children:[(0,i.jsx)(s?"h1":"h3",{className:"sc-font-bold",children:t}),r&&(0,i.jsx)("h4",{className:"sc-font-xxl",children:r})]})};t.default=e=>{let[t,r]=s.useState(!0),a=e=>{e.forEach(e=>{e.isIntersecting?r(!0):r(!1)})};(0,s.useEffect)(()=>{let e=new IntersectionObserver(e=>a(e),{threshold:.1}),t=document.querySelector('[data-superhero-ctas="true"]');return t&&e.observe(t),()=>{e.disconnect()}},[]);let n=e.mobileImage||e.dektopImage,c=void 0===e.heroImageDarkOverlay||!0===e.heroImageDarkOverlay;return(0,i.jsxs)("div",{id:e.id,className:`${e.className}`,"data-testid":"sc-superhero-sticky-buttons-component",children:[(0,i.jsxs)("div",{className:`cms-sc-superhero-sticky__hero-images ${c&&"cms-sc-superhero-sticky__hero-images--overlay"}`,"data-testid":"superhero-ctas",children:[e.dektopImage&&(0,i.jsx)(l.Z,o(o({},e.dektopImage),{},{className:"cms-sc-superhero-sticky__desktop-image",disableDarkOverlay:!c})),n&&(0,i.jsx)(l.Z,o(o({},n),{},{className:"cms-sc-superhero-sticky__mobile-image",disableDarkOverlay:!c}))]}),(0,i.jsxs)("div",{className:"cms-sc-superhero-sticky__content",children:[(0,i.jsx)(d,{title:e.title,subtitle:e.subtitle,textTheme:e.textTheme,renderTitleAsH1:e.renderTitleAsH1}),(0,i.jsx)(u,{locale:e.locale,isStickyCta:!1,ctas:e.ctas,enableFbPixelTracking:e.enableFbPixelTracking})]}),!t&&(0,i.jsx)("aside",{className:"sc-superhero-sticky__cta-container--fixed","aria-label":"Sticky call to action buttons","data-superhero-sticky-ctas":"true",children:(0,i.jsx)(u,{locale:e.locale,isStickyCta:!0,ctas:e.ctas,enableFbPixelTracking:e.enableFbPixelTracking})})]})}},47635:function(e,t,r){"use strict";r.d(t,{default:function(){return y}});var a=r(83809);r(96545);var s=r(2265);let n=e=>{let{0:t,1:r}

1=(0,s.useState)(0),{0:a,1:n}=(0,s.useState)(null),l=(0,s.useRef)(null),i=()=>{r(window.scrollY)};(0,s.useEffect)(()=>{l.current&&n(l.current.scrollHeight)},[]),(0,s.useEffect)(()=>(i(),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i),()=>{window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),[]);let c=e.current?function(e){let{scrollY:t,elementTop:r,viewportHeight:a,descriptionHeight:s,preTopStartPct:n=.1}=e;if(null==s)return"auto";if(null==r||!Number.isFinite(t)||!Number.isFinite(r)||!Number.isFinite(a)||a<=0)return s;let l=r-a*n;return t<=l?s:t>=r?0:Math.max(0,s*(1-(t-l)/(r-l||1)))}({scrollY:t,elementTop:e.current.getBoundingClientRect().top+window.scrollY,viewportHeight:window.innerHeight,descriptionHeight:a,preTopStartPct:.1}):a??"auto";return{scrolledPixels:t,refHeight:e.current?.offsetHeight||0,refPosition:e.current?.getBoundingClientRect().top||0,smoothHeight:c,descriptionRef:l}};var l=r(70019),i=r(1533),c=r(91527),o=r(57437);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let m=e=>{let{plans:t,headerRef:r}=e,{smoothHeight:a,descriptionRef:s}=n(r);return(0,o.jsxs)("div",{ref:r,className:"cms-tp-table-header-wrapper",children:[(0,o.jsx)("div",{className:"cms-tp-table-header-container",children:t.map((e,t)=>(0,o.jsxs)("div",{className:`cms-tp-table__grid-item${e.spotlight?" spotlight":""}`,children:[(0,o.jsxs)("div",{className:"title-container",children:[(0,o.jsx)("img",{className:"title-img",alt:"Tier Plan Icon",src:e?.icon?.orig.large}),(0,o.jsx)("div",{children:e.title})]}),(0,o.jsx)("div",{ref:0===t?s:void 0,style:{height:`${a}px`,overflow:"hidden",transition:"height 0.1s ease-out"},className:"description",dangerouslySetInnerHTML:{__html:e?.description||""}})]},e.id))}),(0,o.jsx)("div",{className:"cms-tp-tabel-header-buttons",children:t.map(e=>e.cta&&(0,o.jsx)(i.Y,d(d({},(0,c.i)(e.cta.target||{kind:"ordinary",href:e.cta.link},e.locale)),{},{className:`button ${e.cta.isPrimary?"primary":"default"}`,onClick:()=>{e.cta?.trackingTarget&&(0,l.II)("package_select",e.cta.trackingTarget,"click")},onKeyDown:t=>{t.preventDefault(),("Enter"===t.key||" "===t.key)&&e.cta?.trackingTarget&&(0,l.II)("package_select",e.cta.trackingTarget,"click")},children:e.cta.label}),e.id))})]})};var h=r(85051);let p=e=>{let{headline:t,icon:r,tooltipText:a,headerHeight:s,spotlightedPlanIndex:n}=e;return(0,o.jsxs)("div",{className:"cms-tp-table-section-container",style:{top:s-1},children:[(0,o.jsxs)("div",{className:"headline-wrapper",children:[(0,o.jsx)("div",{className:"headline-icon",children:(0,o.jsx)("img",{src:r,alt:"Tier Plan Icon"})}),(0,o.jsxs)("div",{className:"headlineText-icon",children:[t,a&&(0,o.jsx)(h.ua7,{pos:["bottom center"],triggerElement:(0,o.jsx)("span",{className:"info-icon",children:(0,o.jsx)(h.kIV,{height:20,width:20})}),children:(0,o.jsx)("div",{className:"tooltip",dangerouslySetInnerHTML:{__html:a}})})]})]}),n&&(0,o.jsxs)("div",{className:"empty-box",children:[(0,o.jsx)("div",{className:"empty"}),(0,o.jsx)("div",{className:"empty"})]})]})};function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let f=e=>{let t=e.productRow.product.content;return(0,o.jsx)("div",{className:`product-wrapper ${e.isSubRow?"sub-row":""}`,children:(0,o.jsxs)("div",{className:"cms-tp-table-product-container",children:[(0,o.jsxs)("div",{className:"product-cell-title",children:[(0,o.jsxs)("div",{className:"title-content",children:["object"==typeof t&&t?.title&&(0,o.jsx)(i.Y,g(g({},(0,c.i)(t.target||{kind:"ordinary",href:t.url},e.productRow.product.locale)),{},{renderUnavailable:e=>(0,o.jsx)("span",{children:e}),children:t.title})),"string"==typeof t&&(0,o.jsx)("div",{dangerouslySetInnerHTML:{__html:t}})]}),(0,o.jsxs)("div",{className:"title-icons",children:[(0,o.jsx)("div",{className:"tooltip-slot",children:e.productRow.product?.tooltipText&&(0,o.jsx)(h.ua7,{pos:["bottom center"],triggerElement:(0,o.jsx)("div",{className:"info-icon",children:(0,o.jsx)(h.kIV,{height:20,width:20})}),children:(0,o.jsx)("div",{className:"tooltip",dangerouslySetInnerHTML:{__html:e.productRow.product.tooltipText}})})}),(0,o.jsx)("div",{className:"badge-slot",children:e.productRow.productBadge?.orig.large&&(0,o.jsx)("img",{className:"product-badge",alt:"Product Badge",src:e.productRow.productBadge?.orig.large})})]})]}),(0,o.jsx)("div",{className:"product-cell-value-wrapper",children:e.productRow.values?.map(t=>o.jsxs("div",{className:`product-cell-value ${e.spotlightedPlanIndex?"

1spotlight-borders":""}`,children:[t.content&&o.jsx("div",{className:`${t.hasHighlightedText?"highlight":""}`,dangerouslySetInnerHTML:{__html:t.content}}),t?.icon?.orig.large&&o.jsx("img",{className:"value-image",alt:"Product Icon",src:t?.icon?.orig.large}),t?.tooltipText&&o.jsx(h.ua7,{pos:["bottom center"],triggerElement:o.jsx("div",{className:"info-icon",children:o.jsx(h.kIV,{height:20,width:20})}),children:o.jsx("div",{className:"tooltip",dangerouslySetInnerHTML:{__html:t.tooltipText}})})]},t.id))})]})})};function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}r(47454);let x=e=>"mainRow"in e&&"subRows"in e;var y=e=>{let{plans:t,sections:r}=e,a=(0,s.useRef)(null),{refHeight:l}=n(a),i=(0,s.useMemo)(()=>t.findIndex(e=>e.spotlight),[t]),c=i>=0,u=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return(0,o.jsx)(f,j({productRow:e,isSubRow:r},c&&{spotlightedPlanIndex:i}),t)},d=e=>e.flatMap(e=>x(e)?[u(e.mainRow,`${e.id}-main`),...e.subRows.map((t,r)=>u(t,`${e.id}-sub-${r}`,!0))]:u(e,e.id));return(0,o.jsxs)("div",{className:"cms-tp-table__container",children:[(0,o.jsx)(m,{plans:t,headerRef:a}),r.map(e=>(0,o.jsxs)("div",{className:"cms-tp-table-section-wrapper",children:[(0,o.jsx)(p,j({headline:e.headline,icon:e.icon?.orig.large,tooltipText:e.tooltipText,headerHeight:l},c&&{spotlightedPlanIndex:i})),d(e.rows)]},e.id))]})}},42855:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return h}});var a=r(83809);r(2265);var s=r(85051),n=r(83411);let l=e=>{let{config:t,action:r="click",customParams:a}=e;if(t.trackingLabel)try{if((0,s.L9W)({category:t.category||"team|marketing",action:r,label:t.trackingLabel}),t.ga4EventName){let e={name:t.ga4EventName,type:"action",category:t.category||"team|marketing",details:{content:"marketing",target:t.trackingLabel},action:r,label:t.trackingLabel},n=a||t.trackingParams;(0,s.vYk)(e,n)}t.shouldTrackFBPixel&&"function"==typeof window.fbq&&window.fbq("trackCustom",t.trackingLabel)}catch(e){(0,n.o)({message:"Tracking validation errors detected"});return}},i=e=>t=>{if(t&&"key"in t){if("Enter"!==t.key&&" "!==t.key)return;let e=t.target;e&&"A"!==e.tagName&&t.preventDefault()}l(e)};var c=r(1533),o=r(91527);r(45138);var u=r(57437);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var h=e=>{let{href:t,target:r,locale:a,children:n,mode:l="primary",className:d,trackingConfig:h,triggerEvent:p="both","aria-label":b,fullwidth:g=!0}=e,f=r??{kind:"ordinary",href:t||""},v=(0,o.i)(f,a),j="list-page"===f.kind&&(!f.isIndexable||"fallback"===f.resolution),x=h?i({config:h,action:h.action||"click"}):void 0,y=x&&("click"===p||"both"===p)?x:void 0,w=x&&("keydown"===p||"both"===p&&!j)?x:void 0;return(0,u.jsx)(c.Y,m(m({},v),{},{"aria-label":b,"data-mode":l,"data-fullwidth":g,className:"tracked-link",onClick:y,onKeyDown:w,children:(0,u.jsx)(s.zxk,{mode:l,fakeButton:!0,className:d,children:n})}))}},38371:function(e,t,r){"use strict";r(2265),r(19281);var a=r(57437);t.Z=e=>(0,a.jsx)("div",{className:"cms-youtube-player","data-testid":"youtube-player",children:(0,a.jsx)("iframe",{src:`https://www.youtube-nocookie.com/embed/${e.id}?autoplay=${e.autoplay?1:0}&mute=${e.mute?1:0}`,frameBorder:"0",allowFullScreen:!0,title:"YouTube video player"})})},41055:function(e,t,r){"use strict";r.d(t,{default:function(){return i}});var a=r(2265),s=r(11219);let n=[],l=e=>{if("LCP"===e.name){let e=performance.getEntriesByType("navigation")?.[0];e?.encodedBodySize&&e?.decodedBodySize&&n.push({name:"html_size_encoded",value:e.encodedBodySize},{name:"html_size_decoded",value:e.decodedBodySize})}n.push(e)};function i(e){let{pageType:t="unknown",culture:r="de-DE"}=e;return(0,s.useReportWebVitals)(e=>{l(e)}),(0,a.useEffect)(()=>

1{if(!navigator.sendBeacon)return;let e=window.innerWidth<=576?"mobile":window.innerWidth<=1024?"tablet":"desktop",a=()=>(function(e){if(0===n.length)return;let t={metrics:n.map(e=>({name:"web_vitals_"+e.name.toLowerCase().replaceAll("-","_"),value:e.value})),tags:e};navigator.sendBeacon("/as24-contentful-pages/frontend-metrics",JSON.stringify(t)),n.length=0})({page:t,isoCulture:r,device:e});return window.addEventListener("visibilitychange",a),window.addEventListener("beforeunload",a),()=>{window.removeEventListener("visibilitychange",a),window.removeEventListener("beforeunload",a),a()}},[t,r]),null}},51074:function(e,t,r){"use strict";r.d(t,{N:function(){return l}});var a=r(2265),s=r(22401),n=r(24272);let l=function(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1],{0:r,1:l}=(0,a.useState)(""),i=(0,s.eV)();return(0,a.useEffect)(()=>{if(!e||!t){l("");return}let r="https://www.autoscout24.de";"undefined"!=typeof globalThis&&globalThis.location&&(r=globalThis.location.origin);let a=`${r}${e}`;l((0,n.k)(a,i))},[e,t,i]),r}},86691:function(e,t,r){"use strict";r.d(t,{ZP:function(){return h}});var a=r(83809),s=r(26153),n=r.n(s),l=r(25566);let i="as24-contentful-pages",c={server:{port:(l.env.PORT&&Number.parseInt(l.env.PORT,0))??3e3},metrics:{globalTags:[],prefix:l.env.DATADOG_PREFIX??i+".",agent:{host:l.env.DD_AGENT_HOST??"localhost",port:l.env.DATADOG_AGENT_PORT&&Number.parseInt(l.env.DATADOG_AGENT_PORT,0)||8125}},toguru:{endpoint:"https://toguru.tools.autoscout24.com/togglestate",refreshIntervalMs:5e3},env:{isProd:!0,isTest:!1},financePartnerProxyApi:{calculatorEndpointUrl:"https://finance-partner-proxy.a.autoscout24.com/offering/financing/calculator",username:"financial-info-pages",calculatorPassword:l.env.FINANCIAL_PARTNER_PROXY_API_CALCULATOR_PASSWORD},listingSearch:{api:"https://listing-search-api-v2-production-int.as24-search-funnel.eu-west-1.infinity.as24.tech/graphql",apiUsername:i,apiKey:"/as24-contentful-pages/ls-api-password"},privacyConsentApi:{url:"https://privacy-consent.api.autoscout24.com/send"},apiBasePath:"/as24-contentful-pages"};try{let e=r(29934)("node:async_hooks");globalThis.__requestContextStorage??=new e.AsyncLocalStorage}catch{}let o=()=>globalThis.__requestContextStorage?.getStore();function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}console.error("Server side module seems to be imported on client side. Please do not use this module in client side code.");let m=new Proxy(n()(d(d({enabled:!0,timestamp:!1,messageKey:"message"},c.env.isProd?{base:{}}:{}),{},{formatters:{level:(e,t)=>({level:n().levels.labels[t]||e})},level:c.env.isProd?"info":"trace"})),{get(e,t,r){let a=o();return a?Reflect.get(a.logger,t,r):Reflect.get(e,t,r)}});n()({enabled:!1});var h=m},83411:function(e,t,r){"use strict";r.d(t,{o:function(){return l}});var a=r(83809);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,a)}return r}function n(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){(0,a.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}let l=e=>{console.error(e);let t=n(n({},e),e.err?{err:{message:e.err.message??String(e.err),stack:e.err.stack??void 0,name:e.err.name??"UnknownError"}}:{});navigator?.sendBeacon("/as24-contentful-pages/api/log-client-side-error",JSON.stringify(t))}},22401:function(e,t,r){"use strict";r.d(t,{e4:function(){return l},eV:function(){return n},QT:function(){return a},IT:function(){return s}});let{useI18n:a,useScopedI18n:s,useCurrentLocale:n,I18nProviderClient:l}=(0,r(1101).createI18nClient)({"de-AT":()=>r.e(7847).then(r.bind(r,77847)),"de-DE":()=>r.e(710).then(r.bind(r,80710)),"en-GB":()=>r.e(2842).then(r.bind(r,32842)),"fr-BE":()=>

1r.e(5504).then(r.bind(r,55504)),"fr-FR":()=>r.e(1727).then(r.bind(r,91727)),"fr-LU":()=>r.e(1556).then(r.bind(r,21556)),"it-IT":()=>r.e(6196).then(r.bind(r,6196)),"nl-BE":()=>r.e(5142).then(r.bind(r,25142)),"nl-NL":()=>r.e(6654).then(r.bind(r,36654)),"es-ES":()=>r.e(5670).then(r.bind(r,35670)),"bg-BG":()=>r.e(6539).then(r.bind(r,6539)),"cs-CZ":()=>r.e(1843).then(r.bind(r,51843)),"hu-HU":()=>r.e(708).then(r.bind(r,60708)),"pl-PL":()=>r.e(73).then(r.bind(r,90073)),"ro-RO":()=>r.e(1407).then(r.bind(r,11407)),"ru-RU":()=>r.e(2760).then(r.bind(r,52760)),"sv-SE":()=>r.e(8494).then(r.bind(r,38494)),"tr-TR":()=>r.e(6638).then(r.bind(r,76638)),"uk-UA":()=>r.e(7691).then(r.bind(r,27691)),"hr-HR":()=>r.e(8435).then(r.bind(r,88435)),"en-CA":()=>r.e(3249).then(r.bind(r,83249)),"fr-CA":()=>r.e(638).then(r.bind(r,10638))})},79532:function(e,t,r){"use strict";r.d(t,{V:function(){return l}});var a=r(18162);let s={"en-CA":`https://www.${a._p.AT_en_CA.etldPlusOne}`,"fr-CA":`https://www.${a._p.AH_fr_CA.etldPlusOne}`},n=e=>{let t=a.GQ.fromString(e);return t?t.country.tld:a.GQ.de_DE.country.tld},l=e=>s[e]||`https://www.autoscout24.${n(e)}`},90101:function(e,t,r){"use strict";r.d(t,{XT:function(){return n},t5:function(){return s}}),r(50851),r(56901);let a=(e,t)=>{let r=()=>({small:e,thumb:e,tiny:e,medium:e,large:e,full:e});return{orig:r(),webp:r(),contentType:t}};a("/assets/as24-contentful-pages/illustrations/fallback-as24.png","image/png"),a("/assets/as24-contentful-pages/illustrations/fallback-autotrader.png","image/png"),a("/assets/as24-contentful-pages/illustrations/fallback-autohebdo.png","image/png");let s=e=>!!e&&["AutoTrader.ca","AutoHebdo.net","AutoScout24"].includes(e),n=e=>!(e.name&&s(e.name))&&!!e.bio&&!!e.avatar&&!0===e.showInGoogleNews},56901:function(e,t,r){"use strict";r.d(t,{Fb:function(){return s},LP:function(){return a.L}}),r(47104),r(86691);var a=r(12284);let s=e=>{let[t,,r]=e.replaceAll(/([><])/gi,"").split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);return void 0!==r?r.split(/[^0-9a-z_-]/i)[0]:t}},75833:function(e,t,r){"use strict";r.d(t,{q:function(){return a}});let a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=new URL(e),s=new URLSearchParams(t.replace(/^\?/,""));for(let[e,t]of Object.entries(r))s.has(e)||s.set(e,t);return a.search=s.toString(),a.toString()}},12284:function(e,t,r){"use strict";r.d(t,{L:function(){return a}});let a=e=>{let t=/https:\/\/anchor\?id=(.*)/;if(t.test(e)){let r=e.match(t)[1];return`#${r}`}return e}},24272:function(e,t,r){"use strict";r.d(t,{k:function(){return l}});let a=()=>!1;var s=r(86691);let n=e=>!!e&&["de-DE","de-AT","nl-BE","fr-BE","it-IT","es-ES","nl-NL","fr-FR","fr-LU","bg-BG","en-GB","ro-RO","cs-CZ","pl-PL","hu-HU","ru-RU","sv-SE","tr-TR","uk-UA","hr-HR","en-CA","fr-CA"].includes(e),l=(e,t)=>{try{let r=new URL(e),s=r.pathname;if(n(t)){if(a()){let e=r.host.split(".").slice(2),t=r.host.split(".").slice(1,2);r.host=`local.${t}.${e}`,r.protocol="http:",r.port="3000"}return r.toString()}let l=s.startsWith("/editorial")&&(r.host.includes("autotrader.ca")||r.host.includes("autohebdo.net"));if(s.startsWith("/fr")?r.pathname=`/fr/as24-contentful-pages${s.replace(/^\/fr/,"")}`:s.startsWith("/nl")?r.pathname=`/nl/as24-contentful-pages${s.replace(/^\/nl/,"")}`:l||(r.pathname=`/as24-contentful-pages${s}`),a()){let e=r.host.split(".").slice(2),t=r.host.split(".").slice(1,2);r.host=`local.${t}.${e}`,r.protocol="http:",r.port="3000"}return r.toString()}catch(t){return s.ZP.error({message:"Error converting to live production url",err:t,productionUrl:e}),e}}},57246:function(e,t,r){"use strict";r.d(t,{h:function(){return a}});let a="/assets/as24-contentful-pages/illustrations"},70019:function(e,t,r){"use strict";r.d(t,{II:function(){return l},RS:function(){return n},mG:function(){return i},sT:function(){return s}});var a=r(85051);let s=e=>{let{price:t,downpayment:r,duration:s,rate:n}=e;(0,a.vYk)({name:"financing_calculator_select",type:"action",details:{content:`sales_price:${t}_down_payment:${r}_duration:${s}_rate:${Math.round(n)}`,placement:"landing_page_widget"}})},n=e=>{(0,a.L9W)({category:"faq",label:e,action:"faq_category_select"}),(0,a.vYk)({name:"faq_category_select",type:"action",details:{content:e}})},l=(e,t,r,s)=>{(0,a.vYk)({name:e,type:"action",category:"team|marketing",details:{content:"marketing",target:t},action:r,label:t},s)},i=(e,t)=>{let r=`cxp/magazine/${e}`,s="click",n=`cxp_magazine_${e}_click`;(0,a.L9W)({category:r,action:s,label:t}),l(n,t,s)}},37579:function(e,t,r){"use strict";r.d(t,{S:function(){return i},d:function(){return c}});var a=r(50419),s=r.n(a),n=r(2265);let l=()=>"undefined"!=typeof document&&768>Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),i=()=>{let{0:e,1:t}

1=(0,n.useState)(void 0);return(0,n.useEffect)(()=>{l()?t(!0):t(!1)},[]),e},c=()=>{let{0:e,1:t}=(0,n.useState)(!1);return(0,n.useLayoutEffect)(()=>{l()?t(!0):t(!1);let e=()=>{t(window.innerWidth<768)};return window.addEventListener("resize",s()(e,100)),()=>window.removeEventListener("resize",e)},[]),e}},11247:function(){},64664:function(){},57433:function(){},47815:function(){},45653:function(){},46006:function(){},26710:function(){},12186:function(){},54973:function(){},79906:function(){},86571:function(){},93682:function(){},86558:function(){},3431:function(){},33403:function(){},70237:function(){},89695:function(){},25702:function(){},70815:function(){},26121:function(){},37850:function(){},56248:function(){},68478:function(){},91227:function(){},20729:function(){},44409:function(){},47711:function(){},95816:function(){},61641:function(){},41548:function(){},17799:function(){},10109:function(){},23466:function(){},63059:function(){},8859:function(){},60424:function(){},57521:function(){},27795:function(){},80709:function(){},40066:function(){},63687:function(){},59731:function(){},46423:function(){},55612:function(){},15606:function(){},53037:function(){},18346:function(){},63811:function(){},66580:function(){},35102:function(){},49681:function(){},28522:function(){},67812:function(){},75076:function(){},82536:function(){},83626:function(){},66611:function(){},46989:function(){},87422:function(){},81702:function(){},65693:function(){},96699:function(){},68809:function(){},84634:function(){},75634:function(){},56504:function(){},17707:function(){},25101:function(){},8949:function(){},70498:function(){},47454:function(){},68638:function(){},45138:function(){},19281:function(){},55204:function(){},19471:function(){},59925:function(){},45509:function(){},46390:function(){},50192:function(){},22702:function(){},50134:function(){},3907:function(){},32380:function(){},99215:function(){},88843:function(){},1566:function(){},78167:function(){},44892:function(e){e.exports={adslot:"AdContentBanner_adslot__dF35S",adContentBanner:"AdContentBanner_adContentBanner__n24jk",size_s:"AdContentBanner_size_s__8Pxx6"}},17230:function(e){e.exports={adSlot:"AdSky_adSlot___h5CW",adSlotWithoutBreadcrumbs:"AdSky_adSlotWithoutBreadcrumbs__bzGIZ",adSkyLeft:"AdSky_adSkyLeft__SPljk",adSkyRight:"AdSky_adSkyRight__wJPV0"}}},function(e){e.O(0,[3856,7194,1916,9340,3113,2971,529,1744],function(){return e(e.s=16059)}),_N_E=e.O()}]);