https://www.outdoor-magazin.com/_next/static/chunks/brandtreetechdatatechdataaccordion.37cb7c0c009f5d4e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[614,9296],{18182:(e,t,r)=>{"use strict";r.r(t),r.d(t,{BrandtreeKfzteile:()=>d,default:()=>A});var a=r(6029),l=r(58376),n=r(55729),i=r(38252),s=r(92476),o=r(58057);let c={src:"/_next/static/media/liqui-moly-1100-300.8549c884.jpg",height:300,width:1100,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAACAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAACA//aAAwDAQACEAMQAAAAtB0//8QAGhAAAgMBAQAAAAAAAAAAAAAAAQIDBBEAIf/aAAgBAQABPwC7NKa11DI5Ur6NOd//xAAWEQADAAAAAAAAAAAAAAAAAAAAAUH/2gAIAQIBAT8AVP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Af//Z",blurWidth:8,blurHeight:2},u={src:"/_next/static/media/liqui-moly-300-300.3ae3f520.jpg",height:300,width:300,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAAugqf/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIEEgAxAxET/9oACAEBAAE/AHnCMh85PNYsxrUlen0dZ//EABgRAAIDAAAAAAAAAAAAAAAAAAABMnHB/9oACAECAQE/AEpXh//EABkRAAEFAAAAAAAAAAAAAAAAAAABAhETMf/aAAgBAwEBPwClkJp//9k=",blurWidth:8,blurHeight:8},d=({title:e})=>{let{project:t}=(0,n.useContext)(i.HP);return t=String(t).toUpperCase(),(0,a.jsx)(l.yI,{click:!0,visible:!0,name:"affiliateLink",action:"LiquiMoly - Markenbaum Banner",className:"p-4 lg:px-0 lg:pb-8",children:(0,a.jsxs)(s.Ay,{href:(()=>{switch(t){case"MRD":return"http://pubads.g.doubleclick.net/gampad/clk?id=7129718056&iu=/248415179/motorradonline.de_incontent_5";case"AMS":return"http://pubads.g.doubleclick.net/gampad/clk?id=7131204473&iu=/248415179/auto-motor-und-sport.de_incontent_5";default:return""}})(),external:!0,className:"flex justify-center",children:[(0,a.jsx)(o.Ay,{src:c,height:300,width:1100,className:"hidden lg:block"}),(0,a.jsx)(o.Ay,{src:u,height:300,width:300,className:"block lg:hidden"})]})})},A=d},37480:e=>{e.exports={"text-color":"brandTreeNav_text-color__344gX",textColor:"brandTreeNav_text-color__344gX",open:"brandTreeNav_open__HST6_","arrow-container":"brandTreeNav_arrow-container__2rOh1",arrowContainer:"brandTreeNav_arrow-container__2rOh1",toggle:"brandTreeNav_toggle__4AvIP",label:"brandTreeNav_label__2Rkqr"}},40577:(e,t,r)=>{"use strict";r.d(t,{O:()=>d});var a=r(6029),l=r(92958),n=r.n(l),i=r(32988),s=r.n(i),o=r(81163),c=r(85272),u=r(3868);let d=({filters:e=[],onRemoveFilter:t=null,onClearAllFilters:r=null,onOpenFilters:l=null,onVehicleSearch:i=null,initialFilterOptions:d=null,currentFilters:A=null,className:h="",showFilterButton:p=!0,embedded:m=!1,showBasicFilters:b=!0,showAdvancedToggle:g=!0,visibleFilters:x=null,card:f=!1,totalResults:_=null,onShowResults:y=null,onBeforeNavigate:v=null})=>{let k=(0,c.o)(e=>e.isVehicleSearchOpen),j=(0,c.o)(e=>e.openVehicleSearch),w=(0,c.o)(e=>e.closeVehicleSearch),F=e&&e.length>0;return(0,a.jsxs)("div",{className:s()({"va-filter-buttons":!0,"border-t border-b border-solid py-4 mb-4 lg:mb-8":!m,[n().border]:!m},h),children:[(0,a.jsxs)("div",{className:s()("flex items-center gap-2 overflow-x-auto",F&&m&&"mt-3",n().buttonContainer),role:"list","aria-label":"Active filters",children:[p&&(0,a.jsx)(o.Button,{text:"Filter",icon:k?"close":"add",iconPosition:"after",type:"button",style:k?"primary":"grey",onClick:()=>{k?w():j(),l&&l()},className:"shrink-0",size:"sm"}),F&&e.map(e=>(0,a.jsx)("div",{role:"listitem",className:"shrink-0",children:(0,a.jsx)(o.Button,{text:e.label,icon:"close",iconPosition:"after",type:"button",style:"greyInverted",onClick:()=>{var r;return r=e.id,void(t&&t(r))},alt:`Filter entfernen: ${e.label}`,size:"sm"})},e.id))]}),F&&(0,a.jsx)("div",{className:"mt-3",children:(0,a.jsx)("button",{type:"button",onClick:()=>{r&&r()},className:s()("font-skin-primary whitespace-nowrap text-sm underline transition-colors",n().clearButton),children:"Alle Filter entfernen"})}),(0,a.jsx)("div",{className:s()({"overflow-hidden grid transition-all duration-300 ease-in-out":!0,"grid-rows-[1fr] opacity-100 visible pointer-events-auto":k,"grid-rows-[0fr] opacity-0 invisible pointer-events-none":!k}

1),children:(0,a.jsx)("div",{className:"overflow-hidden",children:(0,a.jsx)(u.A,{card:f,initialFilterOptions:d,initialFilters:A,onSearch:i,useApi:!0,skipSearchOnRestore:!0,toggleLabel:"Filter",showBasicFilters:b,showAdvancedToggle:g,visibleFilters:x,totalResults:_,onBeforeNavigate:v,onShowResults:y||(()=>{if(w(),"u">typeof document){let e=document.querySelector("[data-results-section]");e&&e.scrollIntoView({behavior:"smooth",block:"start"})}}),showFooterCompare:!1,showFooterReset:!1})})})]})}},63201:(e,t,r)=>{"use strict";r.r(t),r.d(t,{BrandtreeTechdataAccordion:()=>B,activeFilterCategories:()=>F,datasetLabel:()=>w,default:()=>S,transformTechdataToAccordion:()=>T});var a=r(6029),l=r(55729),n=r(73197),i=r(57426),s=r(39178),o=r(53806),c=r(58376),u=r(40524),d=r(92379),A=r(18182),h=r(56209),p=r(32988),m=r.n(p),b=r(81163),g=r(46756),x=r(85272),f=r(40577);let _=({aufbauOptions:e=[],selectedAufbau:t="alle",onAufbauChange:r=null,initialFilterOptions:n=null,currentFilters:i=null,onVehicleSearch:s=null,onResetFilters:o=null,visibleFilters:c=null,selectLabel:u="Aufbau",allLabel:d="Alle Aufbauarten",className:A="",onFilterTrack:h=null})=>{let p=(0,x.o)(e=>e.isVehicleSearchOpen),_=(0,x.o)(e=>e.openVehicleSearch),y=(0,x.o)(e=>e.closeVehicleSearch),v=(0,x.o)(e=>e.currentVehicleFilters),k=(0,x.o)(e=>e.resetFilter),j=[{value:"alle",label:d},...e],w=(0,l.useMemo)(()=>{let e=[];

1if("alle"!==t&&e.push({id:"aufbau",label:t}),v?.fuelTypes?.length>0&&v.fuelTypes.forEach(t=>{e.push({id:`fuel:${t}`,label:t})}),v?.powerFrom||v?.powerTo){let t=v.powerFrom||"0",r=v.powerTo||"∞";e.push({id:"power",label:`${t} - ${r} PS`})}if(v?.displacementFrom||v?.displacementTo){let t=v.displacementFrom||"0",r=v.displacementTo||"∞";e.push({id:"displacement",label:`${t} - ${r} ccm`})}if(v?.baujahrFrom||v?.baujahrTo){let t=v.baujahrFrom||"0",r=v.baujahrTo||"∞";e.push({id:"baujahr",label:`Baujahr: ${t} - ${r}`})}if(v?.preisFrom||v?.preisTo){let t=v.preisFrom?Number(v.preisFrom).toLocaleString("de-DE"):"0",r=v.preisTo?Number(v.preisTo).toLocaleString("de-DE"):"∞";e.push({id:"preis",label:`${t} - ${r} \u20AC`})}return e},[t,v]);return(0,a.jsxs)("div",{className:m()("va-tech-data-filter bg-skin-white dark:bg-skin-darkmode-grey-darkest border-skin-grey dark:border-skin-darkmode-grey-medium mb-4 border border-solid p-4 shadow-md lg:mb-8 lg:px-6 lg:py-5",A),children:[(0,a.jsxs)("div",{className:"flex items-end ga

1p-4",children:[(0,a.jsx)("div",{className:"flex-1",children:(0,a.jsx)(g.l,{name:"aufbau",label:u,options:j,value:t,onChange:e=>{let t=j.find(t=>t.value===e.target.value);h?.("bodytype",t?.label||e.target.value),r?.(e.target.value)},noBlank:!0})}),(0,a.jsx)("div",{className:"shrink-0",children:(0,a.jsx)(b.Button,{text:p?"weniger Filter":"weitere Filter",icon:p?"close":"add",iconPosition:"before",type:"button",style:p?"primary":"grey",onClick:()=>{p?y():(h?.("expand"),_())},className:"shrink-0",size:"sm","aria-label":p?"Weniger Filter anzeigen":"Mehr Filter anzeigen","aria-expanded":p})})]}),(0,a.jsx)(f.O,{showFilterButton:!1,embedded:!0,filters:w,onRemoveFilter:e=>{"aufbau"===e?r?.("alle"):e.startsWith("fuel:")?k("fuel",e.replace("fuel:","")):k(e)},onClearAllFilters:()=>{r?.("alle"),k("all"),o?.()},initialFilterOptions:n,currentFilters:i,onVehicleSearch:s,showBasicFilters:!1,showAdvancedToggle:!1,visibleFilters:c})]})};var y=r(70217),v=r(89216),k=r(64902);let j=e=>{let t=new Set,r=[];return(e||[]).forEach(e=>{let a=String(null==e?"":e).replace(/\s+mit\s+.*/i,"").trim(),l=a.toLowerCase();a&&!t.has(l)&&(t.add(l),r.push(a))}),r},w=e=>`${e?.title||""}${e?.baujahr?` (${e.baujahr})`:""}`,F=e=>{if(!e)return[];let t=[];return e.fuelTypes?.length>0&&t.push("Kraftstoff"),(e.powerFrom||e.powerTo)&&t.push("Leistung"),(e.displacementFrom||e.displacementTo)&&t.push("Hubraum"),(e.baujahrFrom||e.baujahrTo)&&t.push("Baujahr"),(e.preisFrom||e.preisTo||e.priceFrom||e.priceTo)&&t.push("Preis"),t},N=(e,t="",r=e=>e)=>{if(!e.length)return"";let a=Math.min(...e),l=Math.max(...e),n=t?` ${t}`:"";return a===l?`${r(a)}${n}`:`${r(a)} – ${r(l)}${n}`},T=(e,t,r="€",a=!1)=>{if(!e?.length)return[];let l=[];return e.forEach((e,t)=>{if(!e?.data?.length)return;let n=e.info,i=[];if(e.data.forEach(e=>{e?.data?.length&&e.data.forEach(t=>{i.push({...t,fuelType:e.name})})}),!i.length)return;let s=i.map(e=>parseFloat(e.Ps)).filter(e=>!isNaN(e)&&e>0),o=i.map(e=>parseFloat(e.kW)).filter(e=>!isNaN(e)&&e>0),c=(e,t)=>a?e?`${e} PS`:"":[e?`${e} PS`:"",t?`${t} kW`:""].filter(Boolean).join(" / "),u=c(s.length?Math.min(...s):null,o.length?Math.min(...o):null),d=c(s.length?Math.max(...s):null,o.length?Math.max(...o):null),A=u===d?u:`${u} – ${d}`,h=i.map(e=>e.Preis?parseFloat(String(e.Preis).replace(/\./g,"").replace(",",".")):NaN).filter(e=>!isNaN(e)&&e>0),p=i.map(e=>e.Hubraum?parseFloat(String(e.Hubraum).replace(/\./g,"").replace(",",".")):NaN).filter(e=>!isNaN(e)&&e>0),m=i.map(e=>parseInt(e.Zylinder,10)).filter(e=>!isNaN(e)&&e>0),b=[],g=new Set;i.forEach(e=>{let t=e.Kraftstoffart||e.fuelType||"",r=(0,v.L8)(t);r&&!g.has(r)&&(g.add(r),b.push((0,v._i)(t)))});let x={id:`bauart-${n.BauartID||t}`,title:n.Bauart,titleLink:null,baujahr:n.VerfuegbarMin&&n.VerfuegbarMax?`von ${n.VerfuegbarMin} bis ${n.VerfuegbarMax||"heute"}`:n.VerfuegbarMin?`ab ${n.VerfuegbarMin}`:"",leistung:A,antrieb:b.join(", "),preis:N(h,r,e=>e.toLocaleString("de-DE")),hubraum:N(p,"cm\xb3",e=>e.toLocaleString("de-DE")),zylinder:N(m),image:null,variants:i.map((e,t)=>{let l={kraftstoff:(0,v._i)(e.Kraftstoffart||e.fuelType||""),hubraum:e.Hubraum?`${e.Hubraum} cm\xb3`:"",elektromotoren:e.Zylinder?String(e.Zylinder):"",zylinder:e.Zylinder?String(e.Zylinder):"",leistung:a?e.Ps?`${e.Ps} PS`:"":e.kW&&e.Ps?`${e.kW} kW / ${e.Ps} PS`:e.Ps?`${e.Ps} PS`:e.kW?`${e.kW} kW`:"",preis:e.Preis?`${e.Preis} ${r}`:""};return{id:`variant-${e.Slnr||t}`,title:e.Name,bodyType:n.Bauart,titleLink:null,baujahr:e.Baujahr_Jahr?e.Bauende_Jahr?String(e.Bauende_Jahr)===String(e.Baujahr_Jahr)?String(e.Baujahr_Jahr):`${e.Baujahr_Jahr} – ${e.Bauende_Jahr}`:`ab ${e.Baujahr_Jahr}`:"",specs:l,_fuelType:e.fuelType||e.Kraftstoffart||"",_ps:parseFloat(e.Ps)||0,_kw:parseFloat(e.kW)||0,_hubraum:e.Hubraum&&parseFloat(String(e.Hubraum).replace(/\./g,"").replace(",","."))||0,_baujahr:parseInt(e.Baujahr_Jahr)||0,_preis:e.Preis&&parseFloat(String(e.Preis).replace(/\./g,"").replace(",","."))||0,slnrs:e.Slnr?e.Slnr.split(","):[],testSlnrs:e.AllSlnr?e.AllSlnr.split(","):[],isTested:!!e.tested}})};l.push(x)}),l},C=()=>(0,a.jsxs)("div",{className:"max-w-content mx-auto w-full animate-pulse px-4",children:[(0,a.jsx)("div",{className:"h-px-28 bg-skin-grey-medium mb-4 w-3/4 rounded"}),(0,a.jsx)("div",{className:"h-px-14 bg-skin-grey-medium mb-6 w-1/2 roun

1ded"}),[1,2,3].map(e=>(0,a.jsx)("div",{className:"mb-1",children:(0,a.jsx)("div",{className:"h-px-48 bg-skin-grey-medium rounded"})},e))]}),B=({data:e,page:t,info:r,adMobile:p,adDesk:m,showExternBanner:g,tireFinderConfig:f={},currency:v="€",groupMode:N=null,showComparison:B=!0,...S})=>{let E="year"===N,{isMobile:P}=(0,l.useContext)(u.a),I=(0,c.z1)(),M=(0,o.A)(),[D,$]=(0,l.useState)(),[Q,L]=(0,l.useState)(!1),[z,R]=(0,l.useState)(null),[O,U]=(0,l.useState)("alle"),V=(0,x.o)(e=>e.currentVehicleFilters),G=(0,x.o)(e=>e.isVehicleSearchOpen),W=(0,l.useMemo)(()=>T(e,r,v,E),[e,r,v,E]),H=(0,l.useMemo)(()=>{let e=new Set,t=[];return W.forEach(r=>{r.title&&!e.has(r.title)&&(e.add(r.title),t.push({value:r.title,label:r.title}))}),t},[W]),K={"normal benzin":"benziner","super benzin":"benziner","super plus":"benziner",diesel:"diesel",elektro:"alternative antriebe",cng:"alternative antriebe",lpg:"alternative antriebe",ethanol:"alternative antriebe",wasserstoff:"alternative antriebe"},X=(0,l.useMemo)(()=>{let e=W;return"alle"!==O&&(e=e.filter(e=>e.title===O)),V&&(e=e.map(e=>{let t=e.variants.filter(e=>{if(V.fuelTypes?.length>0){let t=V.fuelTypes.map(e=>K[e.toLowerCase()]||e.toLowerCase()),r=e._fuelType.toLowerCase();if(!t.some(e=>r.includes(e)))return!1}return!(V.powerFrom&&e._ps<parseFloat(V.powerFrom)||V.powerTo&&e._ps>parseFloat(V.powerTo)||V.displacementFrom&&e._hubraum<parseFloat(V.displacementFrom)||V.displacementTo&&e._hubraum>parseFloat(V.displacementTo)||V.baujahrFrom&&e._baujahr<parseInt(V.baujahrFrom)||V.baujahrTo&&e._baujahr>parseInt(V.baujahrTo)||V.preisFrom&&e._preis<parseFloat(V.preisFrom)||V.preisTo&&e._preis>parseFloat(V.preisTo))});return{...e,variants:t}}).filter(e=>e.variants.length>0)),e},[W,O,V]);(0,l.useEffect)(()=>{if(E)return;let e=j((X||[]).map(e=>e.title));e.length&&k.u.pushPriority({vehicle_body_type:e.join(", ")})},[X,E]);let Z=(0,l.useMemo)(()=>{let e=[];return X.forEach(t=>

1{t.variants.forEach(t=>{e.push({label:w(t),slnrs:t.slnrs,testSlnrs:t.testSlnrs})})}),e},[X]),J=(0,l.useRef)(null),Y=(0,l.useRef)(null),q=async(e,r)=>{J.current={slnrs:e,testSlnrs:r},null===Y.current&&(Y.current=Date.now()),L(!0),R(null),document.body.style.overflow="hidden";try{let a=await M("brandtree.techdataOverlay",null,t,{slnrs:Array.isArray(e)?e.join(","):e,testSlnrs:Array.isArray(r)?r.join(","):r,withLoginWall:1});I.track("article.techDataOverlay.pageImpression",t,null,null,!1,"-technische-daten"),I.track("ads.reload.techData"),I.track("mb_techdata_overlay_impression",{time_on:0}),$(a)}catch(e){console.error(e),R(e)}finally{L(!1)}},ee=()=>{let e=E?[]:j((X||[]).map(e=>e.title));e.length&&k.u.pushPriority({vehicle_body_type:e.join(", ")}),I.track("article.techData.pageImpression"),I.track("ads.reload.techData");let t=Y.current;Y.current=null;let r=t?Math.round((Date.now()-t)/1e3):0;I.track("mb_techdata_overlay_click_return",{time_on:r}),$(null),R(null),L(!1),document.body.style.overflow=null},et=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=F(V),t=et.current;et.current=e,null!==t&&G&&e.filter(e=>!t.includes(e)).forEach(e=>{I.track("mb_techdata_additional_filter_select",{text:e})})},[V,G]);let er=(0,l.useRef)(new Set),ea=(e,t=null)=>({enable:!er.current.has(e),onTracked:()=>{er.current.add(e),t?.()}}),el=(0,a.jsx)(c.Ec,{name:"mb_techdata_overlay_footer_impression",children:(0,a.jsx)(d.B,{data:Z,onClick:q,active:D?.slnrs,onNavTrack:e=>{I.track("mb_techdata_overlay_footer_click",{text:e})}})});return W?.length?(0,a.jsxs)(a.Fragment,{children:[g&&(0,a.jsx)("div",{className:"flex justify-center p-4 lg:col-span-2 lg:px-0 lg:pb-8 lg:pt-0",children:(0,a.jsx)(A.default,{})}),(0,a.jsx)("div",{className:"va-maincol-list maincol_list lg:col-span-2",children:(0,a.jsxs)("div",{className:"va-maincol w-full px-4 lg:col-span-2 lg:px-0",children:[(0,a.jsx)(c.Ec,{name:"mb_techdata_bodytype_filter_impression",onTracked:()=>I.track("mb_techdata_additional_filter_impression"),children:(0,a.jsx)(_,{aufbauOptions:H,selectedAufbau:O,onAufbauChange:U,onResetFilters:()=>U("alle"),onFilterTrack:(e,t)=>{"bodytype"===e?I.track("mb_techdata_bodytype_filter_select",{text:t}):"expand"===e&&I.track("mb_techdata_additional_filter_expand")},selectLabel:E?"Modelljahr":"Aufbau",allLabel:E?"Alle Modelljahre":"Alle Aufbauarten",visibleFilters:E?["power","displacement","preis"]:["fuel","power","displacement","baujahr","preis"]})}),X.length>0?(0,a.jsx)(n.W,{data:X,onOpenTechData:e=>{I.track("mb_techdata_model_dataset_open",{text:w(e)}),(e?.slnrs?.length||e?.testSlnrs?.length)&&(e?.bodyType&&!E&&k.u.pushPriority({vehicle_body_type:e.bodyType}),q(e.slnrs,e.testSlnrs))},onAddToComparison:(e,t)=>{t&&I.track("mb_techdata_compare_button_click",{text:w(e)})},onGroupToggle:(e,t)=>{t&&I.track("mb_techdata_model_teaser_click",{text:e.title})},wrapGroup:(e,t)=>(0,a.jsx)(c.Ec,{name:"mb_techdata_model_teaser_impression",action:{text:t.title},capThresholdToViewport:!0,...ea(`teaser:${t.title}`),children:e}),wrapVariant:(e,t)=>(0,a.jsx)(c.Ec,{name:"mb_techdata_model_dataset_impression",action:{text:w(t)},...ea(`dataset:${w(t)}`,!1!==B?()=>I.track("mb_techdata_compare_button_impression",{text:w(t)}):null),children:e}),onReifenClick:e=>{I.track("brandtree.tireFinder.toggle",{variantId:e.id,variantName:e.title})},onTireSearch:(e,t)=>{I.track("brandtree.tireFinder.search",{variantId:e.id,variantName:e.title,...t});let r=new URLSearchParams({varianteId:e.id||"",art:t.tireType||"alle",breite:t.width||"alle",quer:t.profile||"alle",zoll:t.diameter||"alle",ams:t.withAmsTestSeal?"true":"false"});window.location.href=`/reifen?${r.toString()}`},tireFinderConfig:f,defaultExpandFirst:!0,showComparison:!1!==B,motorSpecs:E}):(0,a.jsx)("div",{className:"py-8 text-center",children:(0,a.jsx)(y.Text,{isDarkMode:!0,size:"medium",children:"Keine Treffer"})}),P&&p&&(0,a.jsx)(h.A,{...p,desktopOnly:!1,mobileOnly:!0}),!P&&m&&(0,a.jsx)(h.A,{...m,desktopOnly:!0,mobileOnly:!1})]})}),(!!D||Q||z)&&(0,a.jsx)(i.BrandtreeTechdataOverlayPortal,{hasTracking:!0,closeOverlay:ee,hideCloseButtonOnDesktop:!Q&&!z,children:Q?(0,a.jsx)("div",{className:"pt-px-100 flex items-center justify-center",children:(0,a.jsx)(C,{})}):z?(0,a.jsxs)("div",{className:"pt-px-100 flex flex-col items-center justify-center gap-4",children:[(0,a.jsx)(y.Text,{isDarkMode:!0,size:"medium",children:"Daten konnten nicht geladen werden."}),(0,a.jsx)(b.Button,{style:"greyInverted",text:"Erneut versuchen",onClick:()=>{J.current&&q(J.current.slnrs,J.current.testSlnrs)},size:"sm"})]}):(0,a.jsx)(s.BrandtreeTechdataOverlayAccordion,{...D,overlayNavigationElement:el,closeOverlay:ee,hasTracking:!0})})]}):null},S=B},92379:(e,t,r)=>{"use strict";r.d(t,{B:()=>A});var a=r(6029),l=r(37480),n=r.n(l),i=r(32988),s=r.n(i),o=r(55729),c=r(85001),u=r.n(c),d=r(41498);let A=({data:e,onClick:t,active:r=[],onNavTrack:l=null})=>{let i=r.map(String),[c,A]=(0,o.useState)(!1),h=(e,r,a)=>(a.preventDefault(),r&&l?.(r),t&&t(e.slnrs,e.testSlnrs),!1),p=e=>{for(let t=0;t<e?.slnrs?.length;t++){let r=e?.slnrs?.[t];if(i.includes(String(r)))return!0}return!1},m=e?.findIndex(e=>p(e)),b=m-1;b<0&&(b=e?.length-1);let g=m+1;g>e?.length-1&&(g=0);let x=e?.[b],f=e?.[g];return(0,a.jsxs)("div",{className:s()({"mb-9 -mx-2 lg:mx-0":!0,[n().textColor]:c,[n().open]:c}),children:[(0,a.jsxs)("div",{className:"flex bg-skin-primary rounded-full cursor-pointer",children:[(0,a.jsxs)("div",{onClick:h.bind(null,x,"prev"),className:"flex items-center p-2 "+n().arrowContainer,children:[(0,a.jsx)(d.B,{src:u(),className:"size-px-12 mr-2 text-skin-white rotate-90"}),(0,a.jsxs)("span",{className:"block font-skin-primary text-2xs text-skin-white grow",children:[x.label,(0,a.jsx)("small",{className:"text-xs",children:x.smallLabel})]})]}),(0,a.jsxs)("div",{className:"lg:w-px-100 flex flex-col justify-center p-2 text-center border-r border-l border-skin-white border-solid cursor-pointer "+n().toggle,onClick:()=>{l?.("all"),A(!c)},children:[(0,a.jsx)("span",{className:"mb-1 block font-skin-primary text-2xs text-skin-white",children:"Alle anzeigen"}),(0,a.jsx)(d.B,{src:u(),className:"va-brandtree-nav-button mx-auto 

1size-3 text-skin-white transition-all"})]}),(0,a.jsxs)("div",{onClick:h.bind(null,f,"next"),className:"flex items-center p-2 cursor-pointer "+n().label,children:[(0,a.jsxs)("span",{className:"grow block font-skin-primary text-2xs text-right text-skin-white",children:[f.label,(0,a.jsx)("small",{className:"text-xs",children:f.smallLabel})]}),(0,a.jsx)(d.B,{src:u(),className:"ml-2 size-px-12 -rotate-90 text-skin-white"})]})]}),(0,a.jsx)("div",{className:"va-brandtree-nav-list max-h-0 overflow-hidden text-center transition-all",children:e?.map((e,t)=>(0,a.jsxs)("span",{onClick:h.bind(null,e,null),className:s()({"font-skin-primary block p-1 text-xs cursor-pointer":!0,"text-skin-primary font-bold":p(e)}),children:[e.label,(0,a.jsx)("small",{className:"text-lg",children:e.smallLabel})]},`breandtree-nav-item-${t}`))})]})}},92958:e=>{e.exports={buttonContainer:"filterButtons_buttonContainer__pEMAB",clearButton:"filterButtons_clearButton__VeUMG",border:"filterButtons_border__z8ePZ"}}}]);