https://www.cavallo.de/_next/static/chunks/brandtreeteasercarouselbrandsteaser.901cd5ea1699cee2.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10026],{1120:(e,s,i)=>{"use strict";i.d(s,{k:()=>t});var l=i(29784);let r={ai:"ai-mode",classic:"classic-mode"},a={"ai-mode":"ai","classic-mode":"classic"},t=(0,l.vt)(e=>({mode:"classic",setMode:s=>{let i=r[s];if(i){let e=new URL(window.location.href);e.hash=i,window.history.replaceState(null,"",e.toString())}e({mode:s})},initFromUrl:()=>{e({mode:a[window.location.hash.replace("#","")]||"classic"})}}))},62118:(e,s,i)=>{"use strict";i.r(s),i.d(s,{BrandtreeTeaserCarouselBrands:()=>t,default:()=>d});var l=i(6029),r=i(68672),a=i(1120);let t=({headline:e="Fahrzeug\xfcbersicht / Marken",description:s,teasers:i=[],viewMoreUrl:t,viewMoreText:d="Alle Marken anzeigen"})=>{let{mode:n}=(0,a.k)();return i&&0!==i.length?(0,l.jsx)("div",{className:"va-maincol-list maincol_list lg:col-span-2",children:(0,l.jsx)("div",{className:"va-maincol w-full lg:col-span-2 px-4 lg:px-0",children:(0,l.jsx)(r.v,{headline:e,headlineType:"article",description:s,teasers:i,viewMoreUrl:t,viewMoreText:d,isDarkMode:!0})})}):null},d=t},66878:e=>{e.exports={slider:"autoTeaserSlider_slider__MSgAI",border:"autoTeaserSlider_border__8_Vxi",subline:"autoTeaserSlider_subline__CyXpJ",emptyText:"autoTeaserSlider_emptyText__jhKAM",errorText:"autoTeaserSlider_errorText__ll0_C"}},68672:(e,s,i)=>{"use strict";i.d(s,{v:()=>f});var l=i(6029),r=i(66055),a=i.n(r),t=i(66878),d=i(32988),n=i.n(d),o=i(31332),c=i(70217),m=i(81163),x=i(92476),h=i(68034),p=i(79365);i(2270),i(79960),i(62678),i(55729);var u=i(58057);let v=()=>(0,l.jsxs)("div",{className:"animate-pulse w-full",children:[(0,l.jsx)("div",{className:"aspect-video w-full bg-skin-grey dark:bg-skin-darkmode-grey"}),(0,l.jsxs)("div",{className:"space-y-3 py-4",children:[(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("div",{className:"h-4 w-3/4 bg-skin-grey dark:bg-skin-darkmode-grey"}),(0,l.jsx)("div",{className:"h-4 w-1/2 bg-skin-grey dark:bg-skin-darkmode-grey"})]}),(0,l.jsx)("div",{className:"h-3 w-4/5 bg-skin-grey dark:bg-skin-darkmode-grey"}),(0,l.jsx)("div",{className:"h-3 w-3/4 bg-skin-grey dark:bg-skin-darkmode-grey"})]})]}),g={...a(),slider:t.slider,border:t.border,subline:t.subline,emptyText:t.emptyText,errorText:t.errorText},f=({headline:e,headlineType:s="list",description:i,teasers:r=[],viewMoreUrl:a,viewMoreText:t="Weitere Inhalte anzeigen",loading:d=!1,error:f=null,onRetry:k,isDarkMode:b=!0,inverted:j=!1,onTeaserClick:y=null})=>{let w=e=>{let s=e.slides?.[0]?.querySelector('[class*="aspect-video"]');s&&e.el.style.setProperty("--media-height",`${s.offsetHeight}px`)};return(0,l.jsxs)("div",{className:`va-slider-autoteaser overflow-hidden relative py-4 lg:py-8 ${g.swiper} ${g.slider}`,children:[(e||i)&&(0,l.jsxs)("div",{className:n()("px-4 lg:px-0",{"mb-4":"article"===s,"mb-6":"article"!==s}),children:[e&&(0,l.jsx)(o.Headline,{headline:e,..."article"===s?{...o.SECTION_HEADLINE,useH2:!0}:{type:s},isDarkMode:b,inverted:j}),i&&(0,l.jsx)(c.Text,{size:"normal",isDarkMode:!0,className:"mt-2",children:i})]}),d&&(0,l.jsx)(h.RC,{spaceBetween:16,slidesPerView:1.5,slidesOffsetBefore:16,slidesOffsetAfter:16,loop:!1,pagination:!0,navigation:!0,onInit:w,onResize:w,modules:[p.dK,p.Vx],breakpoints:{768:{slidesPerView:2.5,slidesOffsetBefore:0,slidesOffsetAfter:0}},className:"va-autoteaser-slider",children:[1,2,3].map(e=>(0,l.jsx)(h.qr,{className:`pb-4 h-auto border-b border-solid ${g.border}`,children:(0,l.jsx)(v,{})},`skeleton-${e}`))}),!d&&f&&(0,l.jsxs)("div",{className:"py-12 text-center",children:[(0,l.jsx)(c.Text,{size:"medium",isDarkMode:!0,className:`mb-4 ${g.errorText}`,children:f.message||"Fehler beim Laden der Inhalte"}),k&&(0,l.jsx)(m.Button,{style:"primary",text:"Erneut versuchen",onClick:k,type:"button"})]}),!d&&!f&&0===r.length&&(0,l.jsx)("div",{className:`py-12 text-center ${g.emptyText}`,children:(0,l.jsx)(c.Text,{size:"medium",isDarkMode:!1,inverted:!0,children:"Aktuell keine Inhalte"})}),!d&&!f&&r.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(h.RC,{spaceBetween:16,slidesPerView:1.5,slidesOffsetBefore:16,slidesOffsetAfter:16,loop:!1,pagination:!0,navigation:!0,onInit:w,onResize:w,modules:[p.dK,p.Vx],breakpoints:{768:{slidesPerView:2.5,slidesOffsetBefore:0,slidesOffsetAfter:0}},className:"va-autoteaser-slider",children:r.map((e,s)=>(0,l.jsx)(h.qr,{className:`pb-4 h-auto border-b border-solid ${g.border}`,"data-vergleichtest-id":e.vergleichtestId||void 0,children:(0,l.jsxs)(x.Ay,{href:e.linkUrl,onClick:y?()=>y(e,s):void 0,onAuxClick:y?()=>y(e,s):void 0,className:"flex h-full cursor-pointer flex-col gap-2 overflow-hidden focu

1s-visible:outline-none focus-visible:ring-2 focus-visible:ring-skin-primary","aria-label":e.title,children:[(0,l.jsx)("figure",{children:(0,l.jsx)(u.Ay,{src:e.imageUrl,dimensions:{desktop:{width:425,height:239},mobile:{width:340,height:191}},alt:e.title,className:"aspect-video w-full object-cover"})}),(0,l.jsxs)("div",{className:"flex grow flex-col gap-1",children:[(0,l.jsx)("div",{className:"line-clamp-2",children:(0,l.jsx)(o.Headline,{headline:e.title,size:"small",useH3:!0,isDarkMode:b,inverted:j,noWrapper:!0})}),e.subline1&&(0,l.jsx)(c.Text,{size:"small",isDarkMode:b,inverted:j,className:"line-clamp-1",children:e.subline1}),e.subline2&&(0,l.jsx)(c.Text,{size:"small",isDarkMode:b,inverted:j,className:"line-clamp-1",children:e.subline2})]})]})},e.id||`teaser-${s}`))}),a&&(0,l.jsx)("div",{className:"flex justify-center",children:(0,l.jsx)(m.Button,{style:"greyInverted",icon:"arrow",link:a,size:"normal",text:t,type:"link"})})]})]})}}}]);