https://www.bike-magazin.de/_next/static/chunks/BidexBidexTeaser.3d3dff92e33dfc69.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6987],{19123:(e,r,a)=>{a.r(r),a.d(r,{BidexTeaser:()=>w,BidexTeaserItem:()=>T});var t=a(6029),i=a(75828),n=a.n(i),s=a(71024),l=a.n(s),d=a(55729),c=a(49037),o=a.n(c),h=a(43340),m=a(42691),u=a(7114),p=a(25985),g=a(19844),x=a(5700),b=a(91694),k=a(21202),y=a(86049),E=a(67756),f=a(98681),N=a(42861),C=a(90052),v=a(91573);let j=l()(()=>a.e(22318).then(a.bind(a,22318)).then(e=>e.ReactComponent),{loadableGenerated:{webpack:()=>[22318]}}),w=({items:e,title:r,isSwiper:a,isFetching:i,brand:s,linkTarget:l,searchResult:c,sort:o,onSortChange:p})=>{let g=(0,d.useRef)(),b=(0,u.al)(),k=(0,x.c)("common"),E=(e||[]).flatMap((e,r)=>{let a=[(0,t.jsx)(h.q,{className:"!h-auto",children:(0,t.jsx)(T,{item:e,brand:s,linkTarget:l})},`bidex-teaser-item-${e._id}`)];return(r+1)%4==0&&b&&a.push((0,t.jsx)(h.q,{className:"block !h-auto md:hidden",children:(0,t.jsx)("div",{className:"flex size-full items-center justify-center",children:(0,t.jsx)(y.Ad,{ad:"banner",mobileOnly:!0})})},`ad-slot-${r}`)),a});return(0,t.jsxs)("div",{className:n()({"px-4 md:px-0":!c}),children:[(0,t.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,t.jsx)(C.A,{headlineText:r,headlineTag:"h3",headlineSize:"sm",className:"mb-0"}),c&&(0,t.jsxs)(v.F,{value:o,onChange:e=>p(e.target.value),placeholder:k("FILTER_NO_SELECTION"),hideLabel:!0,formItemContrast:!0,className:"w-auto",children:[(0,t.jsx)("option",{value:"price_asc",children:k("FILTER_PRICE_ASC")}),(0,t.jsx)("option",{value:"price_desc",children:k("FILTER_PRICE_DESC")}),(0,t.jsx)("option",{value:"year_desc",children:k("FILTER_NEWEST_FIRST")})]})]}),a?(0,t.jsxs)("div",{className:"relative mb-4 w-full",children:[(b&&e?.length>1||e?.length>3)&&(0,t.jsx)("div",{className:n()({"swiper-button-prev text-skin-primary-ultradark bg-skin-primary-ultralight":!0,"absolute top-1/2 -mt-8 left-2 z-10":!0,"flex justify-center items-center p-1 w-12 h-12 rounded-full":!0,"opacity-70 hover:opacity-100 transition-opacity rotate-180 cursor-pointer":!0}),onClick:()=>g?.current?.swiper?.slidePrev?.(),children:(0,t.jsx)(j,{className:"h-10 w-8"})}),(0,t.jsx)(m.R,{ref:g,spaceBetween:20,slidesPerView:b?1:3,observer:!0,observeParents:!0,children:E}),(b&&e?.length>1||e?.length>3)&&(0,t.jsx)("div",{className:n()({"swiper-button-next text-skin-primary-ultradark bg-skin-primary-ultralight":!0,"absolute top-1/2 -mt-8 right-2 z-10 ":!0,"flex justify-center items-center p-1 w-12 h-12 rounded-full":!0,"opacity-70 hover:opacity-100 transition-opacity rotate-180 cursor-pointer":!0}),onClick:()=>g?.current?.swiper?.slideNext?.(),children:(0,t.jsx)(j,{className:"h-10 w-8 rotate-180"})})]}):(0,t.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-3 lg:gap-8",children:E})]})},T=({item:e,brand:r,linkTarget:a,mostViewed:i=!1})=>{let n=!1;e?.getImage?.public_id===r?.image?.public_id&&(n=!0);let s=(0,b.Ym)(),l=(0,x.c)("common"),d=()=>{let r=`${e._search?.brand?.name} - ${e?.name}`;i?((0,E.trackPiwikEvent)("MostViewedBikesTeaser",r,"click"),(0,f.Qd)("bikeTeaserClick"),(0,f.Mx)("bikeName",r),(0,f.Mx)("bikeContext","mostviewed")):((0,E.trackPiwikEvent)("BidexTeaser",r,"click"),(0,f.Qd)("bikeTeaserClick"),(0,f.Mx)("bikeName",r),(0,f.Mx)("bikeContext","teaser"))},c={de:{},en:{Fahrrad:"Bicycle",Pedelec:"E-Bike",Rennrad:"Road Bike",Gravel:"Gravel",Endurance:"Endurance",Sonstige:"Other",Trekking:"Trekking",City:"City",Urban:"Urban",Lastenräder:"Cargo Bikes",Kinder:"Children",Jugend:"Youth",Klappräder:"Folding Bikes","All Mountain":"All Mountain",Enduro:"Enduro",Marathon:"Marathon",Trail:"Trail",Hardtail:"Hardtail",Freeride:"Freeride",Downhill:"Downhill","E-Enduro":"E-Enduro","E-All Mountain":"E-All Mountain","E-Hardtail":"E-Hardtail","Light-Enduro":"Light Enduro","Light-All Mountain":"Light All Mountain","Light-Downcountry":"Light Downcountry","Light-Hardtails":"Light Hardtails","City/Trekking":"City/Trekking","E-City/Trekking":"E-City/Trekking",Cityräder:"City Bikes","XXL-Bikes":"XXL Bikes",Race:"Race",Cyclocross:"Cyclocross",Fitness:"Fitness"},fr:{Fahrrad:"V\xe9lo",Pedelec:"V\xe9lo \xe9lectrique",Rennrad:"V\xe9lo de route",Gravel:"Gravel",Endurance:"Endurance",Sonstige:"Autres",Trekking:"Trekking",City:"City",Urban:"Urbain",Lastenräder:"V\xe9los cargo",Kinder:"Enfants",Jugend:"Jeunes",Klappräder:"V\xe9los pliants","All Mountain":"All Mountain",Enduro:"Enduro",Marathon:"Marathon",Trail

1:"Trail",Hardtail:"Hardtail",Freeride:"Freeride",Downhill:"Downhill","E-Enduro":"E-Enduro","E-All Mountain":"E-All Mountain","E-Hardtail":"E-Hardtail","Light-Enduro":"Light Enduro","Light-All Mountain":"Light All Mountain","Light-Downcountry":"Light Downcountry","Light-Hardtails":"Light Hardtails","City/Trekking":"City/Trekking","E-City/Trekking":"E-City/Trekking",Cityräder:"V\xe9los de ville","XXL-Bikes":"V\xe9los XXL",Race:"Course",Cyclocross:"Cyclocross",Fitness:"Fitness"}},h=e=>c[s]?.[e]||e;if(i){let r=e?._search?.category?.treePathName?.split(" > "),c=r?r.includes("MTB")?r.slice(r.indexOf("MTB")).map(h).join(" / "):h(r[r.length-1]):null,m="en"===s?"en-US":"fr"===s?"fr-FR":"de-DE",u=e?._search?.priceMin>0?Intl.NumberFormat(m,{style:"currency",currency:"EUR"}).format(e._search.priceMin):null;return(0,t.jsxs)(g.Link,{href:(0,k.getModelUrl)(s,o()(e._search?.brand?.name?.toLowerCase?.()),`${o()(e?.name)}-${e._id}`),target:a,className:"border-skin-primary-light flex h-full flex-col gap-y-2 border",onClick:d,children:[(0,t.jsx)("div",{style:{transform:n&&"scale(0.8)"},className:"p-1 pb-0",children:(0,t.jsx)(p._V,{cloudinary:e?.getImage,height:384,width:614,crop:"pad",background:"auto"})}),(0,t.jsx)("div",{className:"line-clamp-1 px-3",children:(0,t.jsx)(C.A,{headlineUppercase:!1,headlineHeading:"h3",headlineSize:"sm",headlineText:e?.name,className:"mb-0"})}),(0,t.jsxs)("div",{className:"bg-skin-primary-ultralight/50 flex flex-1 flex-col gap-1 px-4 py-2",children:[u&&(0,t.jsx)(N.X,{textSize:i?"md":"sm",textType:"paragraph",className:"mb-0",children:l("BRAND_PRICE_LABEL",{price:u})}),c&&(0,t.jsx)(N.X,{textSize:i?"md":"sm",textType:"paragraph",className:"mb-0",children:l("BRAND_CATEGORY_LABEL",{category:c})}),e?._search?.brand?.name&&(0,t.jsx)(N.X,{textSize:i?"md":"sm",textType:"paragraph",className:"mb-0",children:l("BRAND_BRAND_LABEL",{brand:e._search.brand.name})})]})]})}let m=o()(e._search?.brand?.name?.toLowerCase?.()),u=`${o()(e?.name)}-${e._id}`;return(0,t.jsxs)(g.Link,{href:(0,k.getModelUrl)(s,m,u),target:a,className:"flex h-full flex-col gap-2",onClick:d,children:[(0,t.jsx)("div",{style:{transform:n&&"scale(0.8)"},children:(0,t.jsx)(p._V,{cloudinary:e?.getImage,height:384,width:614,crop:"pad",background:"auto"})}),(0,t.jsx)("div",{className:"grow",children:(0,t.jsx)(C.A,{headlineUppercase:!1,headlineHeading:"h3",headlineSize:"sm",headlineText:`${e._search?.brand?.name} - ${e?.name}`,className:"mb-0"})}),(0,t.jsxs)("div",{className:"flex",children:[(0,t.jsx)(N.X,{textSize:"md",textType:"paragraph",className:"grow",children:e?.year}),e?._search?.priceMin>0&&(0,t.jsx)(N.X,{textSize:"md",textType:"paragraph",className:"text-right",children:l("BRAND_PRICE_FROM",{price:Intl.NumberFormat("de"===s?"de-DE":"en-US",{style:"currency",currency:"EUR"}).format(e._search.priceMin)})})]})]})}},21202:e=>{let r={de:{brands:"marken",brand:"marke",model:"modell",testsAndNews:"tests-und-neuheiten",topic:"thema",editorial:"redaktion",preview:"vorschau",search:"suche",proCycling:"profi-radsport",races:"rennen",stage:"etappe",riders:"fahrer"},en:{brands:"brands",brand:"brand",model:"model",testsAndNews:"tests-and-news",topic:"topic",editorial:"editorial",preview:"preview",search:"search",proCycling:"professional-cycling",races:"races",stage:"stage",riders:"riders"},fr:{brands:"marques",brand:"marque",model:"modele",testsAndNews:"tests-et-nouveautes",topic:"sujet",editorial:"redaction",preview:"apercu",search:"recherche",proCycling:"professionnel-cyclisme",races:"courses",stage:"etape",riders:"coureurs"}};function a(e,a){return r[e]?.[a]||r.de[a]}e.exports={ROUTE_SEGMENTS:r,getLocalePath:a,getBrandUrl:function(e,r){return`/${a(e,"brands")}/${r}`},getModelUrl:function(e,r,t){return`/${a(e,"brands")}/${r}/${a(e,"model")}/${t}`},getBrandTestsUrl:function(e,r){return`/${a(e,"brands")}/${r}/${a(e,"testsAndNews")}`},convertPathLocale:function(e,a,t){if(!e||a===t)return e;let i=r[a]||r.de,n=r[t]||r.de,s=e;return Object.keys(i).sort((e,r)=>i[r].length-i[e].length).forEach(e=>{i[e]!==n[e]&&(s=s.replace(RegExp(`(^|/)${i[e]}(/|$)`,"g"),`$1${n[e]}$2`))}),s}}},91573:(e,r,a)=>{a.d(r,{F:()=>d});var t=a(6029);a(55729);var i=a(50238),n=a(94408),s=a(75828),l=a.n(s);let d=({label:e,value:r,required:a,placeholder:s,children:d,onChange:c,htmlFor:o,labelBold:h,labelPosition:m,labelSize:u,hideLabel:p,isStandalone:g,formItemContrast:x,className:b="",formItemSize:k,isErroneous:y=!1,id:E=""})=>(0,t.jsxs)("div",{className:`${l()({"mb-2 md:mb-4 ":!b,"flex items-center ":m&&!g})} ${b}`,children:[(0,t.jsx)(i.J,{label:e,required:a,htmlFor:o,labelBold:h,labelPosition:m,labelSize:u,hideLabel:p,isStandalone:g,className:y?"red":""}),(0,t.jsx)(n.l,{placeholder:s,value:r,onChange:c,formItemContrast:x,labelPosition:m,isStandalone:g,formItemSize:k,className:y?"border-red":"",id:E,children:d})]})},94408:(e,r,a)=>{a.d(r,{l:()=>d});var t=a(6029);a(55729);var i=a(75828),n=a.n(i),s=a(683),l=a(93433);let d=({className:e="",placeholder:r,defaultValue:a,required:i,id:d,name:c,value:o,onChange:h,children:m,formItemContrast:u,formItemHighlight:p,isStandalone:g,labelPosition:x,formItemSize:b})=>{let k,y=(0,l.d)("roundedEdges",!1);switch((0,s.getActive)().id){case"WING":case"MOD":case"BOOT":case"TOUR":case"SUP":case"SURF":k=" pl-[0.9em] pt-[0.4em] pb-[0.5em]";break;default:k=" pl-[0.9em] py-[0.5em]"}return(0,t.jsx)("select",{id:d,name:c,placeholder:r,value:o,required:i,onChange:h,defaultValue:a,className:n()({[e+k]:!0,"rounded-md":y,"md:hover:cursor-pointer":!0,"py-1 text-sm":"small"===b,"text-xs md:text-sm":"xs"===b,"text-sm md:text-base":"sm"===b,"text-base md:text-lg":"md"===b,"text-lg md:text-xl":"lg"===b,"bg-white":u,"border-skin-secondary border-2":p,"order-2 flex-1":"left"

1===x&&!g,"order-1 flex-1":"right"===x&&!g}),children:m})}}}]);