https://www.motorradonline.de/_next/static/chunks/teaserbrandtree.99398e5dbf93146e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34010],{31474:(e,t,i)=>{"use strict";i.r(t),i.d(t,{Brandtree:()=>g,default:()=>k});var r=i(6029),a=i(66055),n=i.n(a),l=i(84011),s=i.n(l),d=i(55729),o=i(31332),c=i(56568),h=i(38252),b=i(68034),m=i(58376),x=i(79365);i(2270),i(79960),i(62678);var u=i(40524);let p={...s(),...n()};Object.assign(p,s(),n());let g=({data:e,url:t,element:i})=>{let[a,n]=(0,d.useState)(!0),[l,s]=(0,d.useState)(!1),g=null,k=!0,w=(0,m.z1)(),_=["thumbMobile","thumbMobile2x"],{isMobile:v}=(0,d.useContext)(u.a);v||(_=["bigBrand"]);let{project:y}=(0,d.useContext)(h.HP);return((0,d.useEffect)(()=>{l||(e&&e.length>0&&e.map((e,t)=>{if(e.length<4){n(!1),g=e.length,k=!1;return}}),k||e[e.length-1].splice(g,0,{isMore:!0}),s(!0))},[]),e?.length)?(0,r.jsx)("div",{className:"lg:col-span-2","data-tracking":"brand-teaser",children:(0,r.jsx)(m.yI,{visible:!0,click:!0,name:"home.mobile.brandTeaser",children:(0,r.jsx)(m.yI,{visible:!0,name:"sliderbox",action:{event:"marken"},children:(0,r.jsxs)("div",{className:"va-brandtree-slider pt-8 pb-4 "+p.swiper+" "+p.slider,children:[(0,r.jsx)("div",{className:"mb-6 text-center",children:(0,r.jsx)(o.Headline,{type:"list",size:"small",headline:"Marken",isDarkMode:!0})}),l&&(0,r.jsxs)(b.RC,{spaceBetween:16,slidesOffsetBefore:16,slidesOffsetAfter:16,loop:!0,pagination:!0,navigation:!0,onSlideChange:t=>{t.userInteracted&&w.track("sliderboxslider.cl",{type:"marken",counter:t.activeIndex+1,length:e.length})},onTouchStart:e=>{e.userInteracted=!0},onNavigationNext:e=>{e.userInteracted=!0},onNavigationPrev:e=>{e.userInteracted=!0},modules:[x.Vx,x.dK],breakpoints:{768:{slidesPerView:1.6}},onAfterInit:e=>{document.querySelector(".swiper-button-prev"),document.querySelector(".swiper-button-next"),window.innerWidth>=768?console.log("showArrow"):(e?.device?.ios||e?.device?.android,e?.$el?.[0]?.children[1]?.classList.contains("swiper-button-prev")&&e?.$el?.[0].removeChild(e?.$el?.[0]?.children[1]),e?.$el?.[0]?.children[1].classList.contains("swiper-button-next")&&e?.$el?.[0].removeChild(e?.$el?.[0]?.children[1]))},onProgress:(e,t)=>{e?.pagination.$el?.[0]?.children.length>e.slides.length&&e?.pagination.$el?.[0]?.children&&e.pagination.$el?.[0].lastChild.remove(),e.snapGrid&&e.snapGrid.length>e.slides.length&&e.snapGrid.pop()},children:[e.map((i,n)=>(0,r.jsx)(b.qr,{slot:n!=e.length-10||a?void 0:"container-end",className:"w-auto",tag:"div",children:i.map((e,i)=>e?(0,r.jsx)(d.Fragment,{children:e.isMore?(0,r.jsx)(c.w,{hasHighlight:!0,showContent:!1,showHighlight:!0,backgroundTile:"primary",backgroundText:"primary",link:t}):(0,r.jsx)(c.w,{sizes:_,backgroundText:"black",backgroundTile:"white",link:e.url,image:e.image,label:e.brandName,objectId:e.brandId})},`brand-item-${i}`):null)},`brandtree-teaser-item-${n}`)),a&&(0,r.jsx)(b.qr,{slot:"container-end",className:"w-auto",tag:"div",children:(0,r.jsx)(c.w,{hasHighlight:!0,showContent:!1,showHighlight:!0,backgroundTile:"primary",backgroundText:"primary",link:t})},"brandtree-teaser-item-endcard")]})]})})})}):null},k=g},56568:(e,t,i)=>{"use strict";i.d(t,{w:()=>p});var r=i(6029),a=i(85151),n=i.n(a),l=i(32988),s=i.n(l),d=i(58057),o=i(92476),c=i(37856),h=i.n(c),b=i(41498),m=i(58376),x=i(65213),u=i(72576);let p=({link:e="",image:t="",label:i="Test Label",backgroundTile:a="white",backgroundText:l="white",rounded:d=!1,brandImg:c="big",brandTile:h="big",showContent:b=!0,showHighlight:m=!1,hasShadow:x=!1,sizes:p=["thumbMobile","thumbMobile2x"],hasHighlight:w=!1,useH2:_=!1,objectId:v=""})=>{let y=(0,u.w)(),f=b?(0,r.jsx)(g,{link:e,backgroundText:l,sizes:p,backgroundTile:a,brandImg:c,image:t,label:i,hasHighlight:w,useH2:_,upscoreTitle:y}):null,j=m?(0,r.jsx)(k,{hasHighlight:!0}):null;return(0,r.jsxs)(o.Ay,{href:e,...y&&b&&{"data-upscore-object-id":v??"","data-upscore-url":""},className:s()({"va-brand-tile flex flex-wrap relative":!0,[n().brandTile]:"laufkategorie"!==h,"w-full":"laufkategorie"===h,"items-center":!w,"items-start":w}),children:[f,j]})},g=({backgroundText:e,backgroundTile:t,brandImg:i,image:a,label:l,sizes:o=["thumbMobile","thumbMobile2x"],useH2:c=!1,link:h,upscoreTitle:b=!1})=>{let u=(0,x.A)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("figure",{className:s()({"block overflow-hidden w-full aspect-square border border-solid relative":!0,[n().border]:!0,"bg-skin-primary":"primary"===t}),children:(0,r.jsx)(m.yI,{click:!0,name:"sliderbox",action:{type:"marken",destination_host:u,href:h,title:l,is_plus:"false"},children:(0,r.jsx)(d.Ay,{dimensions:{desktop:{width:100,height:99999,command:"R"},mobile:{width:175,height:99999,command:"R"}},src:a,className:"va-brand-tile__img absolute left-1/2 top-1/2 block -translate-x-1/2 -translate-y-1/2 lg:!min-w-0 lg:!max-w-px-120 "+n().image})})}),(0,r.jsx)("span",{className:s()({"py-2.5 px-2 w-full h-px-38":!0,[n().text]:"primary"!==e,"bg-skin-primary":"primary"===e,[n().textPrimary]:"primary"===e}),children:(0,r.jsx)(m.yI,{click:!0,name:"sliderbox",action:{type:"marken",destination_host:u,href:h,title:l,is_plus:"false"},children:(0,r.jsx)("span",{className:"font-skin-primary block text-center text-sm",...b&&{"data-upscore-title":""},children:c?(0,r.jsx)("h2",{children:l}):l})})})]})},k=()=>(0,r.jsx)("span",{className:s()({"va-brand-tile__text bg-skin-primary w-full aspect-square flex justify-center items-center":!0}),children:(0,r.jsxs)("span",{className:"font-skin-primary text-skin-white text-center text-sm",children:["zu allen Marken",(0,r.jsx)("br",{}),(0,r.jsx)(b.B,{src:h(),className:"va-brand-tile__icon w-px-16 text-skin-white inline-block h-2.5"})]})})},84011:e=>{e.exports={slider:"brandtree_slider__uvmFK"}},85151:e=>{e.exports={border:"brandTile_border__h1Gk2",text:"brandTile_text__k3xX5","text-primary":"brandTile_text-primary__Wva5h",textPrimary:"brandTile_text-primary__Wva5h","brand-tile":"brandTile_brand-tile__UHTlw",brandTile:"brandTile_brand-tile__UHTlw",image:"brandTile_image__Fhzy3"}}}]);