https://www.cavallo.de/_next/static/chunks/brandtreetechdataoverlay.2def76a5956f0661.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9644,13514,25905],{5953:(e,t,r)=>{"use strict";r.d(t,{v:()=>u});var l=r(6029),a=r(58057),s=r(55729),n=r(38252),i=r(53237),c=r.n(i),o=r(90248),d=r.n(o);let u=()=>(0,l.jsxs)("div",{className:"va-tested-badge max-w-px-120 rounded-px-3 flex overflow-hidden items-stretch w-auto font-skin-primary border-2 border-skin-primary border-solid",children:[(0,l.jsx)("div",{className:"h-px-22 flex justify-center items-center p-0.5 bg-skin-primary",children:(0,l.jsx)(m,{})}),(0,l.jsx)("span",{className:"flex items-center py-0.5 px-1 text-2xs font-bold text-skin-primary uppercase",children:"Getestet"})]}),m=()=>{let{project:e}=(0,s.useContext)(n.HP);switch(String(e).toUpperCase()){case"AMS":return(0,l.jsx)(a.Ay,{src:c(),className:"w-px-30"});case"PRO":return(0,l.jsx)(a.Ay,{src:d(),className:"w-px-38"});default:return null}}},10462:(e,t,r)=>{"use strict";r.r(t),r.d(t,{BrandtreeTechdataOverlay:()=>H,BrandtreeTechdataOverlayComparison:()=>R,BrandtreeTechdataOverlayPortal:()=>F,default:()=>O});var l=r(6029),a=r(13521),s=r.n(a),n=r(14467),i=r.n(n),c=r(55729),o=r(40524),d=r(32988),u=r.n(d),m=r(67460),x=r(57887),h=r.n(x),p=r(41498);let b=({data:e,labels:t,isComparison:r=!1,cars:a=null})=>{let s=(0,c.useRef)(),{isMobile:n}=(0,c.useContext)(o.a),d=(0,c.useRef)([]),x=(0,c.useRef)(),b=(0,c.useRef)(),f=(0,c.useRef)(0),g=(0,c.useRef)(),y=(0,c.useRef)(),j=(0,c.useRef)(null),v=(0,c.useCallback)(()=>{if(!s.current||!y.current)return;let e=y.current.getBoundingClientRect(),t=s.current.getBoundingClientRect();e.top<t.top&&e.bottom>t.bottom?s.current.style.visibility="":s.current.style.visibility="hidden"},[y,s]);(0,c.useEffect)(()=>v(),[v,y,s]),(0,m._)("scroll",()=>v()),(0,c.useEffect)(()=>{if(!g.current)return;let e=0,t=g?.current?.getElementsByTagName("tr")[0],r=[];if(t&&t?.children)for(let l=0;l<t.children.length;l++){let a=t.children[l];(e+=a.offsetWidth)>y.current.offsetWidth&&null===j.current&&(j.current=t.children.length-l),0===l?r.push(0):r.push(a.offsetWidth)}d.current=r,!n&&(f?.current===0&&b?.current?b.current.style.display="none":b?.current&&(b.current.style.display="flex"),(f?.current===d?.current.length-1||document.querySelector("table.w-full")?.clientWidth<=y?.current?.offsetWidth)&&x?.current?x.current.style.display="none":x?.current&&(x.current.style.display="flex"))},[n]);let _=()=>{let e=d.current.reduce((e,t,r)=>r<=f.current?e+t:e,0);y.current.scrollTo({left:e,behavior:"smooth"}),n||(f.current?f.current>=j.current?(b.current.style.display="flex",x.current.style.display="none"):(b.current.style.display="flex",x.current.style.display="flex"):(b.current.style.display="none",x.current.style.display="flex"))};return r||e?.length?r&&!Object.keys(e?.labels||{}).length?null:(0,l.jsxs)("div",{className:"overflow-x-auto overflow-y-hidden",ref:y,children:[(0,l.jsxs)("div",{ref:s,className:"xl:w-px-620 fixed z-10 xl:-translate-x-1/2 -translate-y-1/2 "+i().tableWrapper,children:[(0,l.jsx)("div",{className:u()({"left-0 top-0 hidden lg:flex absolute justify-center items-center cursor-pointer":!0,[i().arrow]:!0,[i().backgroundGrey]:!0,hidden:n}),onClick:e=>(e.preventDefault(),e.stopPropagation(),f.current>0&&(f.current=f.current-1),_(),!1),ref:b,children:(0,l.jsx)(p.B,{src:h(),className:"w-px-20 -rotate-180"})}),(0,l.jsx)("div",{className:u()({"right-0 top-0 hidden lg:flex absolute justify-center items-center cursor-pointer":!0,[i().arrow]:!0,[i().backgroundGrey]:!0,hidden:n}),onClick:e=>(e.preventDefault(),e.stopPropagation(),f.current<j.current&&(f.current=f.current+1),_(),!1),ref:x,children:(0,l.jsx)(p.B,{src:h(),className:"w-px-20"})})]}),(0,l.jsx)("table",{className:"w-full va-table-comparison min-w-full font-skin-primary text-xs mb-9 "+i().table,ref:g,children:r?(0,l.jsx)("tbody",{children:Object.keys(e?.labels).map((r,s)=>{if(0==s&&t?.length)return(0,l.jsxs)("tr",{className:"p-4 text-left "+i().tableHeadline,children:[(0,l.jsx)("th",{children:"\xa0"}),t&&t.length&&t.map((e,t)=>(0,l.jsx)("th",{children:e},`table-comparison-car-header-${t}`))]},`table-comparison-row-header-${s}`);let n=e?.labels[r];return n.isSectionLabel?(0,l.jsx)("tr",{className:"p-4 text-left bg-skin-black "+i().tableHeader,children:(0,l.jsx)("th",{colSpan:t?t?.length+1:2,children:r})},`table-comparison-row-header-${s}`):(0,l.jsxs)(c.Fragment,{children:[(0,l.jsx)("tr",{className:"font-skin-primary font-bold "+i().tableHeadline,children:(0,l.jsxs)("th",{colSpan:t?t?.length+1:2,className:"px-4 py-2.5",children:[r,n.caption?(0,l.jsx)("small",{className:"block font-skin-primary text-xs font-normal uppercase",children:n.caption}):null]})}),e.values[r].map((e,t)=>(0,l.jsxs)("tr",{children:[(0,l.jsx)("td",{children:a[t]}),(0,l.jsx)("td",{children:e||"&ndash;"})]},`table-comp-values-${t}`))]},`table-comparison-row-${s}`)})}):(0,l.jsx)("tbody",{children:e.map((e,r)=>e.isSectionLabel?(0,l.jsxs)(c.Fragment,{children:[0==r&&(0,l.jsxs)("tr",{className:"v-A_-article__table-head",children:[(0,l.jsx)("th",{children:"\xa0"}),t&&t.length&&t.map((e,t)=>(0,l.jsx)("th",{children:e},`table-comparison-2-carheader-car-${t}`))]}),(0,l.jsx)("tr",{className:"text-left "+i().tableHeadline,children:(0,l.jsx)("th",{colSpan:t?.length+1,className:"border-b border-solid border-skin-grey-medium p-4",children:e.label})})]},`table-comparison-2-carheader-${r}`):(0,l.jsx)(c.Fragment,{children:(0,l.jsxs)("tr",{children:[(0,l.jsx)("td",{className:"font-bold",children:e.label}),e.rowData.map((e,t)=>e?(0,l.jsx)("td",{dangerouslySetInnerHTML:{__html:e}},`table-comparison-2-row-sub-${t}`):(0,l.jsx)("td",{children:"-"},`table-comparison-2-row-sub-${t}`))]})},`table-comparison-2-row-${r}`))})})]}):null};var f=r(82615),g=r(56760),y=r(91875),j=r(11665),v=r(18219),_=r.n(v),w=r(58057),k=r(92476),N=r(31332);let C=({image:e,label:t,link:r,size:a=null})=>(0,l.jsxs)(k.Ay,{href:r,className:"va-brand-list-item flex w-full items-center",children:[(0,l.jsx)("div",{className:"va-brand-list-item__image "+_().image,children:(0,l.jsx)(w.Ay,{src:e&&e.image&&e.image.mdbId?e.image:e,elementId:"brandListItem"})}),(0,l.jsx)("div",{className:"va-brand-list-item__text grow pl-4",children:(0,l.jsx)(N.Headline,{size:"medium",headline:t,isDarkMode:!0})})]});var S=r(52154),T=r(58376),P=r(74572),M=r(56454),E=r(38252),z=r(11769),A=r(81163),B=r(19882),D=r.

1n(B),I=r(44123);let H=({carName:e,tests:t,data:r,overlayNavigationElement:a=null,hideNavigation:n=!1,showComparison:i=!1,ads:o,overlayLabel:d,brandtreeUrl:u,slnrs:x,closeOverlay:h,hasTracking:g=!1,url:v,..._})=>{let{setOnlyOverlayAds:w}=(0,c.useContext)(z.r);(0,c.useLayoutEffect)(()=>{w(!0);try{MPS_galleryOpen("scrolling")}catch(e){console.error(e)}return(0,P.JX)(),MPS_refreshDisplay&&"function"==typeof MPS_refreshDisplay&&MPS_refreshDisplay(),(0,m.P)("techdataSidecol"),()=>{w(!1);try{MPS_galleryClose("scrolling")}catch(e){console.error(e)}(0,P.JX)(),MPS_refreshDisplay&&"function"==typeof MPS_refreshDisplay&&MPS_refreshDisplay(),(0,m.P)("techdataSidecol"),(0,m.P)("reloadAllAds")}},[]),(0,M.c)(o);let k=(0,T.z1)(),C=e=>{g||(k.track("pageview"),k.track("ga.pageview")),h()},B=e=>{"Escape"===e.key&&C(e)};(0,c.useEffect)(()=>(document.addEventListener("keydown",B),()=>{document.removeEventListener("keydown",B)}),[]);let{project:H}=(0,c.useContext)(E.HP),R=d?d+", ":"";return R+="ab "+r?.labels?.[0]?.replace("-test",""),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"va-fireplace-wrapper max-w-outer lg:auto-rows-auto lg:grid ad:relative lg:grid-cols-2 lg:gap-x-4 mx-auto ad:mx-auto "+s().background,children:[(0,l.jsx)(j.Element,{data:{...o?.banner,noContainer:!1,isOverlay:!0,adsContainerId:"ads-container-overlay"}}),(0,l.jsx)(j.Element,{data:{...o?.sky,noContainer:!1,isOverlay:!0,adsContainerId:"ads-container-overlay"}})]}),(0,l.jsx)("div",{className:"va-maincol-list maincol_list relative mx-auto max-w-content lg:flex lg:justify-between","data-techdata-sidecol-target":!0,children:(0,l.jsxs)("div",{className:"va-maincol relative mx-auto w-full",children:[(0,l.jsx)("div",{className:"close-btn flex w-full justify-end",onClick:C,children:(0,l.jsx)(p.B,{src:D(),className:"size-px-40 cursor-pointer"})}),(0,l.jsx)("div",{className:"",children:(0,l.jsx)(y.W,{headline:"Technische Daten",title:e,showFavorites:!1,isDarkMode:!0,maxWidth:!1})}),(0,l.jsx)(j.Element,{data:{...o?.topmobile,noContainer:!1,isOverlay:!0}}),t?.length>0&&(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("ul",{className:"pb-4 mb-9 border-b border-solid "+s().border,children:(0,l.jsx)("li",{className:"space-y-4",children:t.map((e,t)=>(0,l.jsx)(f.c,{headline:[e.headline,e.title].filter(Boolean).join(": "),category:e.category,link:e.url},t))})})}),(0,l.jsx)("div",{children:(0,l.jsx)(N.Headline,{size:"medium",type:"article",headline:R,isDarkMode:!0})}),i&&u?.URL?(0,l.jsx)("div",{className:"py-4",children:(0,l.jsx)(A.Button,{link:u?.URL,text:"Alle Varianten und Motorisierungen"})}):(0,l.jsx)(l.Fragment,{children:"ams"!==H?null:(0,l.jsx)("div",{className:"my-4 w-full",children:(0,l.jsx)(T.yI,{click:!0,visible:!0,name:"brandtree.TechdataToComparison",children:(0,l.jsx)(A.Button,{link:(0,S.getComparisonUrlForModel)(x),text:"Vergleichbare Auto-Alternativen anzeigen"})})})}),(0,l.jsx)(b,{data:r?.data,labels:r?.labels}),(0,l.jsx)(j.Element,{data:{...o?.topmobile2,noContainer:!1,isOverlay:!0}}),!n&&a]})}),(0,l.jsx)("div",{className:"mx-auto max-w-content",children:(0,l.jsx)(I.j,{url:v})})]})},R=({cars:e,brandtreeImages:t,data:r,...a})=>(0,l.jsxs)("div",{className:"mx-auto max-w-content pt-px-30",children:[(0,l.jsx)("div",{className:"mb-4",children:(0,l.jsx)(N.Headline,{size:"medium",type:"article",headline:"Technische Daten im Vergleich",isDarkMode:!0})}),(0,l.jsx)("div",{className:"mb-9 flex flex-col space-y-4",children:e&&e.length?e.map((e,r)=>{let a=t[r];return(0,l.jsx)(C,{image:a,label:e,size:"thumb"},r)}):null}),(0,l.jsx)(b,{isComparison:!0,data:r,cars:e})]}),F=({children:e,hasTracking:t=!1,closeOverlay:r,hideCloseButtonOnDesktop:a=!1})=>{let n=(0,c.useRef)(),i=(0,T.z1)();return(0,c.useEffect)(()=>{n?.current?.scrollTo(0,0)},[e]),(0,c.useLayoutEffect)(()=>(t||(i.track("pageview"),i.track("ga.pageview")),(0,P.JX)(),()=>{(0,P.JX)(),(0,m.P)("reloadAllAds"),document.body.style.overflow=null}),[]),(0,g.createPortal)((0,l.jsxs)("div",{onScroll:()=>{(0,m.P)("techdataSidecol")},"data-techdata-scrolling-element":"true",className:"overflow-auto fixed top-0 left-0 p-4 w-full h-full "+s().background+" "+s().overlay,ref:n,children:[(0,l.jsx)("div",{className:u()({"close-btn fixed right-4 top-4 z-10 flex size-px-40 items-center justify-center lg:absolute":!0,"lg:hidden":a}),onClick:e=>{t||(i.track("pageview"),i.track("ga.pageview")),r&&r()},children:(0,l.jsx)(p.B,{src:D(),className:"size-px-40 cursor-pointer"})}),e]}),window?.document?.getElementById("overlay-target"))}

1,O=H},13521:e=>{e.exports={background:"techdataOverlay_background__nlRSc",border:"techdataOverlay_border__zWAA4",overlay:"techdataOverlay_overlay__sy8eG"}},14467:e=>{e.exports={"background-grey":"tableComparison_background-grey__3saGf",backgroundGrey:"tableComparison_background-grey__3saGf",table:"tableComparison_table__HDKfu","table-headline":"tableComparison_table-headline__1GPtm",tableHeadline:"tableComparison_table-headline__1GPtm",arrow:"tableComparison_arrow__4ThKi","table-wrapper":"tableComparison_table-wrapper__t8T6m",tableWrapper:"tableComparison_table-wrapper__t8T6m","table-header":"tableComparison_table-header__CuFsB",tableHeader:"tableComparison_table-header__CuFsB"}},18219:e=>{e.exports={image:"brandListItem_image__EMxWS"}},31562:e=>{e.exports={"text-color":"brandTreeComparisonItem_text-color__TFh3T",textColor:"brandTreeComparisonItem_text-color__TFh3T"}},52154:(e,t,r)=>{"use strict";r.r(t),r.d(t,{TechdataDetailContainer:()=>_,default:()=>w,getComparisonUrlForModel:()=>v});var l=r(6029),a=r(55729),s=r(84047),n=r.n(s),i=r(58057),c=r(58376),o=r(81163),d=r(31332),u=r(60660),m=r(38252);let x=({article:e,slnr:t,trackingName:r=null})=>{let{project:s}=(0,a.useContext)(m.HP);return e?(0,l.jsx)(c.yI,{visible:!0,click:!0,name:r,children:(0,l.jsxs)("div",{className:"va-article-teaser flex flex-wrap items-center pt-4 mb-9 "+n().backgroundColor,children:[(0,l.jsx)("figure",{className:"w-px-150 mb-4",children:(0,l.jsx)(i.Ay,{src:e.image,elementId:"articleTeaser.item",className:"va-article-teaser__image w-full"})}),(0,l.jsxs)("div",{className:"pl-4 mb-4 va-article-teaser__text "+n().teaserText,children:[(0,l.jsx)(u.Subline,{size:"small",isDarkMode:!0,children:e.headline}),(0,l.jsx)(d.Headline,{size:"small",headline:e.title,isDarkMode:!0})]}),(0,l.jsxs)("div",{className:"flex items-center space-x-2 w-full",children:[(0,l.jsx)(o.Button,{link:e.url,text:"zum Artikel",style:"primaryInverted"}),t&&"ams"===s?(0,l.jsx)(c.yI,{visible:!0,click:!0,name:"brandtree.TechdataToComparison",children:(0,l.jsx)(o.Button,{text:"Vergleichbare Fahrzeuge finden",link:v(t)})}):null]})]})}):null};var h=r(50485),p=r(49367),b=r(27863),f=r(23661);let g=({article:e,detailElement:t,slnr:r})=>{let s=(0,a.useMemo)(()=>(0,b.Ge)(t?.data?.data,t?.techdataProtection),[t?.data?.data,t?.techdataProtection]),[n,i]=(0,a.useState)(()=>new Set),[c,o]=(0,a.useState)(null),[u,m]=(0,a.useState)(null),g=(0,a.useMemo)(()=>s.map(e=>({id:e.id,title:e.title,isPremium:e.isPremium})),[s]),y=t?.data?.labels||[];return(0,l.jsx)("article",{className:"lg:col-span-2",...(0,f.h)("techdata"),children:(0,l.jsx)("div",{className:"lg:flex lg:justify-between",id:"maincol_article",children:(0,l.jsxs)("div",{className:"va-maincol lg:relative lg:w-content",children:[(0,l.jsx)("div",{className:"mx-4 mb-9 border-b border-solid border-skin-grey-medium lg:mx-0",children:(0,l.jsx)(x,{article:e,slnr:r})}),s.length?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"mb-4 px-4 lg:px-0",children:(0,l.jsx)(d.Headline,{size:"medium",type:"list",headline:t.headline?t.headline:null,isDarkMode:!0})}),(0,l.jsx)(h.A,{sections:g,onSectionClick:e=>{i(t=>new Set(t).add(e)),o(e),m(e),setTimeout(()=>{let t=document.getElementById(`section-${e}`);if(t){t.scrollIntoView({behavior:"smooth",block:"start"});let e=t.querySelector("button");e&&e.focus({preventScroll:!0})}},50),setTimeout(()=>m(null),1500)},activeSectionId:c,defaultOpen:!0}),(0,l.jsx)("div",{className:"mt-4 mb-8",children:s.map(e=>(0,l.jsx)(p.g,{id:e.id,title:e.title,rows:e.rows,columnLabels:y,isPremium:e.isPremium,isExpanded:n.has(e.id),isHighlighted:u===e.id,onToggle:()=>{var t;return t=e.id,void i(e=>{let r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r})}},e.id))})]}):null]})})})};var y=r(4455),j=r(64996);let v=e=>{let t="/autovergleich/";return e&&e.length?t+=e[0]:"number"==typeof e&&(t+=e),t},_=({article:e,detailElement:t,slnr:r,page:s,irConfig:n,containerId:i})=>{let{loggedIn:c,authSettled:o}=(0,a.useContext)(y.VQ),d=(0,j.A)(),[u,m]=(0,a.useState)(null),x=(0,a.useRef)(!1),h=!!t?.techdataProtection?.requireLogin;return(0,a.useEffect)(()=>{o&&!c&&x.current&&(x.current=!1,m(null))},[o,c]),(0,a.useEffect)(()=>

1{if(!h||x.current||!o||!c)return;let e=(0,y.rN)();if(!e)return;let t=!1;return x.current=!0,d("article.techdataDetail",n||i,s,{rkm_auth_token:e}).then(e=>{t||m(e?.data?e:null)}),()=>{t=!0}},[o,c,h,s,n,i]),(0,l.jsx)(g,{article:e,detailElement:u||t,slnr:r})},w=_},56454:(e,t,r)=>{"use strict";r.d(t,{c:()=>n});var l=r(55729),a=r(41474),s=r(56209);let n=e=>{let{ready:t}=(0,l.useContext)(a.IB),r=(0,l.useMemo)(()=>[e?.banner,e?.sky,e?.topmobile,e?.topmobile2].map(e=>e?.data?(0,s.v)(e.data).divId:null).filter(Boolean),[e]);(0,l.useEffect)(()=>{t&&r.length&&r.forEach(e=>{let t=void 0!==window.adController&&!!window.adController[e];try{t?window.refreshSlotsSymplr(e):"function"==typeof window.initializeAuctionSymplr?window.initializeAuctionSymplr([e]):console.warn("MPSW-778 :: initializeAuctionSymplr existiert nicht")}catch(t){console.error("MPSW-778 :: Slot-Init fehlgeschlagen",e,t)}})},[t,r])}},82615:(e,t,r)=>{"use strict";r.d(t,{c:()=>c});var l=r(6029),a=r(31562),s=r.n(a),n=r(5953),i=r(92476);let c=({link:e="",headline:t="",category:r=""})=>(0,l.jsxs)("div",{children:[(0,l.jsx)("div",{className:"mb-0.5",children:!!r&&(0,l.jsx)(n.v,{type:r})}),(0,l.jsx)(i.Ay,{href:e,className:"block font-skin-primary text-sm underline "+s().textColor,children:t})]})},84047:e=>{e.exports={"background-color":"articleTeaser_background-color__lUzmy",backgroundColor:"articleTeaser_background-color__lUzmy","teaser-text":"articleTeaser_teaser-text__xT7go",teaserText:"articleTeaser_teaser-text__xT7go"}},90248:(e,t,r)=>{e.exports=r.p+"static/img/pro/logo-invert.svg"}}]);