https://www.outdoor-magazin.com/_next/static/chunks/listsfilter.7e0605cbf22a739f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37984],{237:e=>{e.exports={"filter-headline":"workoutFilter_filter-headline__zzxpO",filterHeadline:"workoutFilter_filter-headline__zzxpO","filter-headline-icon":"workoutFilter_filter-headline-icon__p9smd",filterHeadlineIcon:"workoutFilter_filter-headline-icon__p9smd",border:"workoutFilter_border__3TISM","to-gradient":"workoutFilter_to-gradient__V7klA",toGradient:"workoutFilter_to-gradient__V7klA","headline-bg":"workoutFilter_headline-bg__dgymk",headlineBg:"workoutFilter_headline-bg__dgymk","icon-color":"workoutFilter_icon-color__PYuWz",iconColor:"workoutFilter_icon-color__PYuWz"}},7038:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});let r={src:"/_next/static/media/discount-badge-bg.86cd702b.png",height:400,width:792,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAIVBMVEXxbqz4YKD3e67zdK3hicH6h7Lqf7fYm87zZqf9VJj5VZvAk5HEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJUlEQVR4nAXBiQEAIAwCsQP6qPsPbEK7O3DwiR1AUmamuE9U7X4HlQB3/P5XrAAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:4}},18550:(e,t,l)=>{e.exports=l.p+"static/img/icon-body.svg"},27721:(e,t,l)=>{e.exports=l.p+"static/img/icon-dumbbell.svg"},44178:(e,t,l)=>{"use strict";l.d(t,{d:()=>g,h:()=>b});var r=l(6029),i=l(47789),s=l.n(i),n=l(55729),a=l(32988),o=l.n(a),c=l(67460),d=l(57887),u=l.n(d),p=l(42704),f=l.n(p),h=l(41498),m=l(92476),x=l(81278);let g=({label:e,options:t,type:l,inputType:i="checkbox",selected:a,onClick:o=()=>{},useLink:c=!1,page:d,isSingleFilter:p=!1,filterName:g})=>{let[b,y]=(0,n.useState)(!1),k=(0,x.useRouter)();return(0,n.useEffect)(()=>{y(!1)},[k?.asPath]),(0,r.jsxs)("div",{className:"va-select-filter relative w-full "+s().selectFilter,children:[(0,r.jsx)("input",{onClick:e=>{y(!b),o&&o(e)},checked:b,type:"checkbox",id:"select"+l,className:"selectTop absolute top-0 left-0 z-10 w-full opacity-0 cursor-pointer "+s().input}),(0,r.jsxs)("label",{htmlFor:"select"+l,className:"block relative py-2 px-4 w-full font-skin-primary text-sm border border-solid cursor-pointer "+s().label,children:[g||e,(0,r.jsx)(h.B,{src:u(),className:"absolute right-2 top-1/2 -mt-px-8 size-px-16 rotate-90"})]}),(0,r.jsx)("div",{className:"va-select-dropdown hidden absolute left-0 px-4 w-full font-skin-primary text-sm border-r border-b border-l border-solid divide-y "+s().dropdown,id:"select-"+l,children:p&&c?(0,r.jsx)("ul",{className:"relative",children:t.map((t,l)=>{let i=null;if(a.length)for(let e=0;e<a.length;e++)a[e].label===t.label&&(i="checked");return(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("li",{className:"w-full h-full cursor-pointer",children:(0,r.jsxs)(m.N_,{href:d+t?.url,className:`-mx-4 flex items-center justify-between px-4 py-2 ${i?"font-extrabold ":""}`,children:[t.label,i?" ✔":""]})},`select-${e}-${l}`)})})}):(0,r.jsxs)(r.Fragment,{children:["  ",t.map((t,l)=>{let n=null;if(a.length)for(let e=0;e<a.length;e++)a[e].label===t.label&&(n="checked");return(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("input",{type:i,id:t.label,name:"radio"===i?e:t.label,className:"absolute left-0 top-0 w-full h-full cursor-pointer opacity-0 "+s().dropdownChecked,value:"radio"===i?t.url:t.value,checked:n}),(0,r.jsxs)("label",{htmlFor:t.label,className:"-mx-4 flex items-center justify-between px-4 py-2",children:[t?.label,(0,r.jsx)(h.B,{src:f(),className:"va-option-check hidden w-px-12"})]})]},`select-${e}-${l}`)})]})})]})},b=({label:e,options:t,type:l,onChange:i,values:a})=>{let d="select"+l,p=(0,n.useRef)(null),m=(0,n.useRef)(null);return(0,c._)("click",e=>{let l=!p.current.classList.contains("hidden");if(t.map(e=>e.label).includes(e.target.id))return;let r=!1;e.target.id!==d||l||(r=!0),r?(p.current.classList.remove("hidden"),m.current.style.fontWeight=700):(p.current.classList.add("hidden"),m.current.style.fontWeight=400)}),(0,r.jsxs)("div",{className:"va-select-filter max-w-px-200 relative w-full "+s().bgColor+" "+s().selectFilter,children:[(0,r.jsx)("input",{type:"checkbox",id:d,className:"selectTop absolute left-0 top-0 z-10 w-full cursor-pointer opacity-0"}),(0,r.jsxs)("label",{ref:m,htmlFor:"select"+l,className:"block relative py-2 px-4 w-full font-skin-primary text-sm border border-solid cursor-pointer "+s().label,children:[e,(0,r.jsx)(h.B,{src:u(),className:"absolute right-2 top-1/2 -mt-px-8 size-px-16 rotate-90"})]}),(0,r.jsx)("div",{ref:p,className:"va-select-dropdown hidden absolute left-0 px-4 w-full font-skin-primary text-sm border-r border-b border-l border-solid divide-y "+s().dropdown,id:"select-"+l,children:t.map((t,l)=>(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("input",{type:"checkbox",id:t.label,className:o()({"absolute left-0 top-0 w-full h-full cursor-pointer opacity-0":!0,[s().filter]:!0,[s().dropdownChecked]:!0}),value:t.value,checked:a.includes(String(t.value)),onChange:i}),(0,r.jsxs)("label",{htmlFor:t.label,className:"-mx-4 flex items-center justify-between px-4 py-2",children:[t.label,(0,r.jsx)(h.B,{src:f(),className:"va-option-check hidden w-px-12"})]})]},`select-${e}-${l}`))})]})}},44917:e=>{e.exports={border:"articleFilter_border___BKs9",filter:"articleFilter_filter__Usdnt","article-filter":"articleFilter_article-filter__R8OJ6",articleFilter:"articleFilter_article-filter__R8OJ6"}},45514:(e,t,l)=>{"use strict";l.d(t,{N:()=>f});var r=l(6029),i=l(92476),s=l(7038),n=l(32988),a=l.n(n),o=l(92666),c=l.n(o),d=l(54669),u=l.n(d),p=l(41498);let f=({text1:e="WH+ Abonnentinnen erhalten",discount:t="50% Rabatt",text2:l="auf alle Pl\xe4ne",badgeText:n="Abschlie\xdfen",plusAboLandingpageUrl:o,shopifyCode:d})=>{let f=async()=>{let e=document.getElementById("myCode").innerHTML;try{await navigator.clipboard.writeText(e),console.log("Content copied to clipboard")}catch(e){console.error("Failed to copy: ",e)}};return(0,r.jsxs)("div",{className:"flex w-full bg-skin-white font-skin-primary drop-shadow-md",children:[(0,r.jsxs)("div",{className:"w-1/2 overflow-hidden bg-cover bg-center bg-no-repeat p-2 text-center text-xs text-skin-white lg:w-2/3",style:{backgroundImage:`url(${s.A?.src})`},children:[(0,r.jsx)("span",{className:"hidden lg:block",children:e}),(0,r.jsx)("strong",{className:"block text-2xl",children:t}),l]}),(0,r.jsx)("div",{className:"w-1/2 text-center lg:w-1/3",children:(0,r.jsx)(i.Ay,{href:o,className:a()({"flex flex-col justify-center p-2 h-full":!0,"text-sm text-skin-primary":!d,"border-l border-skin-primary border-dashed":d}),children:d?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("strong",{className:"mb-1 block text-lg",id:"myCode",children:d}),(0,r.jsxs)("span",{onClick:()=>{f()},className:"flex cursor-pointer items-center justify-center text-xs text-skin-primary",children:["Code k

1opieren ",(0,r.jsx)(p.B,{src:u(),className:"ml-1 size-px-16"})]})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.B,{src:c(),className:"w-px-40 h-px-25 mx-auto mb-1"}),n]})})})]})}},45593:e=>{e.exports={"bg-color":"filter_bg-color__5C_Rx",bgColor:"filter_bg-color__5C_Rx","from-gradient":"filter_from-gradient__nXbkf",fromGradient:"filter_from-gradient__nXbkf"}},47789:e=>{e.exports={label:"selectFilter_label__O311W",dropdown:"selectFilter_dropdown__M4fco","dropdown-checked":"selectFilter_dropdown-checked__crjxT",dropdownChecked:"selectFilter_dropdown-checked__crjxT","bg-color":"selectFilter_bg-color__f_ZO8",bgColor:"selectFilter_bg-color__f_ZO8",input:"selectFilter_input__xh6Kg","select-filter":"selectFilter_select-filter__YvOqV",selectFilter:"selectFilter_select-filter__YvOqV",filter:"selectFilter_filter___xwI8"}},51083:(e,t,l)=>{"use strict";l.r(t),l.d(t,{BikeFilter:()=>X,Filter:()=>W,ListsFilter:()=>U,PaidFilter:()=>V,default:()=>J});var r=l(6029),i=l(45593),s=l.n(i),n=l(81278),a=l(55729),o=l(44917),c=l.n(o),d=l(81163),u=l(44178),p=l(63622),f=l(32988),h=l.n(f);let m=({filter:e,bikes:t,types:l,countries:i,states:s,onBikeFilterSubmit:n,onFilterClick:o,inputType:f="checkbox",page:m,filterName:x,useLink:g=!1,project:b})=>{let y=(0,p.A)(),[k,v]=(0,a.useState)(!1),j=e=>{let t=document?.querySelector("input"),l=document?.querySelector("body");(e?.target?.parentNode?.classList?.contains("va-maincol")||e?.target?.parentNode?.classList?.contains("va-teaser-list")||e?.target?.classList?.contains("filterContainer"))&&y?(t?.checked&&(t.checked=!1),l?.removeEventListener("click",j),l?.removeAttribute("addListener")):!l?.getAttribute("addListener")&&y&&(l?.addEventListener("click",j),l?.setAttribute("addListener","true"))};return(0,a.useEffect)(()=>{e&&1===Object.keys(e).length&&v(!0)},[e]),(0,r.jsxs)("div",{className:h()({"va-article-filter relative py-4 mx-4 lg:mx-0 border-solid w-full":!0,[c().border]:!0,[c().articleFilter]:!0,"border-y":"od"!==b,"border-b":"od"===b}),children:[(0,r.jsxs)("div",{className:"flex items-start space-x-4 w-px-190 "+c().filter,children:[!!e?.bike&&(0,r.jsx)(u.d,{filterName:x,isSingleFilter:k,page:m,useLink:g,label:"Fahrradtyp",options:e.bike,type:"bike",inputType:f,selected:t}),!!e?.type&&(0,r.jsx)(u.d,{filterName:x,isSingleFilter:k,page:m,useLink:g,label:"Art",options:e.type,type:"type",inputType:f,selected:l}),!!e?.country&&(0,r.jsx)(u.d,{filterName:x,isSingleFilter:k,page:m,useLink:g,onClick:j,id:"countrySelectFilter",label:"L\xe4nder",options:e.country,type:"country",inputType:f,selected:i}),!!e?.state&&(0,r.jsx)(u.d,{filterName:x,isSingleFilter:k,page:m,useLink:g,label:"Regionen",options:e.state,type:"state",inputType:f,selected:s}),"radio"===f&&!k&&(0,r.jsx)(d.Button,{text:"\xdcbernehmen",type:"submit"}),"radio"!==f&&(0,r.jsx)(d.Button,{text:"\xdcbernehmen",onClick:n})]}),(0,r.jsxs)("div",{className:"filterContainer flex flex-wrap gap-4 pt-4 empty:hidden",children:[!!t?.length&&t.map((e,t)=>(0,r.jsx)(d.Button,{style:"primaryInverted",text:e.label,icon:"close",onClick:()=>o("radio"===f?e.url:e.label)},"bike-filter-"+t)),!!l?.length&&l.map((e,t)=>(0,r.jsx)(d.Button,{style:"primaryInverted",text:e.label,icon:"close",onClick:()=>o("radio"===f?e.url:e.label)},"type-filter-"+t)),!!i?.length&&i.map((e,t)=>(0,r.jsx)(d.Button,{style:"primaryInverted",text:e.label,icon:"close",onClick:()=>o("radio"===f?e.url:e.label)},"country-filter-"+t)),!!s?.length&&s.map((e,t)=>(0,r.jsx)(d.Button,{style:"primaryInverted",text:e.label,icon:"close",onClick:()=>o("radio"===f?e.url:e.label)},"state-filter-"+t))]})]})};var x=l(45514),g=l(31332),b=l(237),y=l.n(b),k=l(18550),v=l.n(k),j=l(71909),_=l.n(j),w=l(94430),A=l.n(w),N=l(27721),F=l.n(N),C=l(82094),B=l.n(C),E=l(38252),S=l(58376),L=l(72208),I=l.n(L),T=l(41498);let z=({trainingFilters:e,page:t,paidFilter:l,treeNode:i,count:s=0})=>{let[o,c]=(0,a.useState)(l),[u,p]=(0,a.useState)(s),[f,h]=(0,a.useState)({}),m=(0,n.useRouter)(),x=(0,a.useContext)(E.HP);(0,a.useEffect)(()=>{c(l)},[l]),(0,a.useEffect)(()=>{let t=x.apiHost+"/irapi/getPaidCountByFiltersAndTree?treeNode="+i;Object.keys(e).map((l,r)=>{t+="&"+l+"="+e[l].map(e=>e.id).join(",")}),o.length&&(t+="&paidFilter="+o.join(",")),fetch(t,{method:"GET",credentials:"include"}).then(e=>e.json()).then(e=>{p(e.count)}).catch(e=>console.log(e))},[o]);let b=e=>{let t=[...o];-1!==o.indexOf(e)?t.splice(t.indexOf(e),1):t.push(e),c(t),t.length?h({paidFilter:t.join(",")}):h({})};return(0,r.jsxs)("div",{className:"border-y py-4 border-solid "+y().border,children:[(0,r.jsxs)("div",{className:`${y().filterHeadline} mb-4 flex items-center justify-start gap-2 whitespace-nowrap lg:pr-2`,children:[(0,r.jsx)(T.B,{src:I(),className:`${y().filterHeadlineIcon} inline-block size-5`}),(0,r.jsx)("div",{className:"grow whitespace-nowrap",children:(0,r.jsx)(g.Headline,{size:"small",headline:"W\xe4hle hier deinen Trainingsplan"})})]}),(0,r.jsxs)("div",{className:"lg:grid lg:grid-cols-6 lg:gap-4",children:[e?.body?.length>=2&&(0,r.jsx)(H,{onFilterClick:b,activeFilters:o,icon:"body",filterlabel:"K\xf6rperregion",filters:e?.body}),e?.age?.length>=2&&(0,r.jsx)(H,{onFilterClick:b,activeFilters:o,icon:"age",filterlabel:"Dein Alter",filters:e?.age}),e?.duration?.length>=2&&(0,r.jsx)(H,{onFilterClick:b,activeFilters:o,icon:"period",filterlabel:"Deine Laufzeit",filters:e?.duration}),e?.equipment?.length>=2&&(0,r.jsx)(H,{onFilterClick:b,activeFilters:o,icon:"equipment",filterlabel:"Dein Equipment",filters:e?.equipment}),e?.level?.length>

1=2&&(0,r.jsx)(H,{onFilterClick:b,activeFilters:o,icon:"level",filterlabel:"Dein Fitness-Level",filters:e?.level}),(0,r.jsxs)("div",{className:"border-t border-solid pt-4 flex flex-wrap lg:col-span-6 gap-4 justify-center "+y().border,children:[(0,r.jsx)(d.Button,{style:o?.length?"primaryInverted":"greyInverted",text:"zur\xfccksetzen",icon:"trash",iconPosition:"before",onClick:()=>{m.push({pathname:t,query:{}},void 0,{scroll:!1})}}),(0,r.jsx)(S.yI,{visible:!0,click:!0,name:"trainingsplanfilter.button",children:(0,r.jsx)(d.Button,{style:"primary",text:`${u} Ergebnisse anzeigen`,onClick:()=>{Object.keys(f).length?m.push({pathname:t,query:f},void 0,{scroll:!1}):document.getElementById("rubriclist").scrollIntoView({behavior:"smooth",block:"nearest"})}})})]})]})]})},q=({icon:e})=>{let t=h()({"size-px-14":!0});switch(e){case"body":return(0,r.jsx)(T.B,{src:v(),className:t+" "+y().iconColor});case"age":return(0,r.jsx)(T.B,{src:_(),className:t+" "+y().iconColor});case"period":return(0,r.jsx)(T.B,{src:A(),className:t+" "+y().iconColor});case"equipment":return(0,r.jsx)(T.B,{src:F(),className:t+" "+y().iconColor});case"level":return(0,r.jsx)(T.B,{src:B(),className:t+" "+y().iconColor});default:return null}},H=({filterlabel:e,icon:t,filters:l,onFilterClick:i,activeFilters:s})=>(0,r.jsxs)("div",{className:"lg:col-span-6",children:[(0,r.jsxs)("div",{className:"flex gap-2 items-center p-2 "+y().headlineBg,children:[(0,r.jsx)(q,{icon:t}),(0,r.jsx)(g.Headline,{isDarkMode:!0,size:"small",headline:e})]}),(0,r.jsx)("div",{className:"flex flex-wrap gap-2 py-4",children:l.map((e,t)=>-1===s.indexOf(e.id)?(0,r.jsx)(d.Button,{text:e.Tree_Name,style:"greyInverted",icon:"add",iconPosition:"before",onClick:()=>i(e.id)},"filters."+e.id):(0,r.jsx)(d.Button,{text:e.Tree_Name,style:"primaryInverted",icon:"check",iconPosition:"before",onClick:()=>i(e.id)},"filters."+e.id))})]});var R=l(41474),O=l(71024),P=l.n(O),$=l(60660),D=l(70217);let M=P()(()=>Promise.resolve().then(l.bind(l,81163)).then(e=>e.Button),{loadableGenerated:{webpack:()=>[81163]}}),U=({filter:e,element:t,irConfig:l,page:i,project:s,trainingFilters:n,paidFilter:a,plusAboLandingpageUrl:o,treeNode:c,selectedFilters:d,utm_source:u,utm_medium:p,utm_campaign:f,filterName:h,filterDoc:m,...x})=>e||n||a?n&&a?(0,r.jsx)(V,{trainingFilters:n,paidFilter:a,page:i,project:s,plusAboLandingpageUrl:o+"?utm_source="+u+"&utm_medium="+p+"&utm_campaign="+f,treeNode:c}):"od"!==s&&"bike"!==s?(0,r.jsx)(W,{filter:e,element:t,irConfig:l,page:i,project:s}):(0,r.jsx)(X,{filterName:h,filter:e,element:t,irConfig:l,page:i,project:s,filterDoc:m,selectedFilters:d}):null,V=({trainingFilters:e,paidFilter:t,project:l,page:i,plusAboLandingpageUrl:n,treeNode:o,...c})=>{let[d,u]=(0,a.useState)(null),[p,f]=(0,a.useState)(null),m=(0,a.useContext)(E.HP),g=["WH"].includes(String(l).toUpperCase()),b=(0,a.useRef)(null),{ready:y,hasAbo:k,hasNewAbo:v,lifeTimeStart:j,hasOneDayAbo:_}=(0,a.useContext)(R.IB);(0,a.useEffect)(()=>{(v||_)&&A()},[v,_]);let w=async e=>{navigator.clipboard.writeText(d)},A=async()=>{let e=m.apiHost+"/shopify-api/getCodeFromBackend",t=await fetch(e,{method:"GET",credentials:"include"}).then(e=>{let t=e.json();if(!e.ok)throw Error(JSON.stringify(t));return t}).catch(e=>{console.log("fetchError::",e)});t&&t.length>0&&t[0].code&&(u(t[0].code),f(t[0].name))};return(0,r.jsxs)("div",{className:h()({"va-teaser-list z-11 relative lg:col-span-2 px-4 lg:px-0":!0,[s().bgColor]:!0,"py-4 lg:py-8":!!g}),children:[!v&&!_&&g&&(0,r.jsx)(x.N,{plusAboLandingpageUrl:n}),(v||_)&&g&&d&&(0,r.jsx)(x.N,{text1:"WH+ Abonnentinnen erhalten",discount:`${p.split(" ")[0]} ${p.split(" ")[1]}`,text2:p.split(" ").map((e,t)=>{if(t>1)return e+" "}),shopifyCode:d}),(0,r.jsxs)("div",{className:"mx-auto mb-4 w-full pt-4 lg:pt-9",ref:b,children:[(0,r.jsx)(z,{treeNode:o,trainingFilters:e,page:i,paidFilter:t}),(0,r.jsxs)(G,{children:[g?(0,r.jsx)(M,{style:v||_?"primaryInverted":"primary",text:v||_?d:"Abschlie\xdfen",icon:v||_?"copy":"whplus",iconPosition:k?null:"before",link:v||_?null:n,onClick:v||_?w:null}):null,(0,r.jsx)(M,{style:"primaryInverted",text:"Filter",icon:"filter",onClick:()=>b.current.scrollIntoView({block:"center"})})]})]})]})},W=({filter:e,element:t,irConfig:l,page:i,project:s,...o})=>{let[c,d]=(0,a.useState)({}),u=(0,n.useRouter)(),[p,f]=(0,a.useState)([]),[h,x]=(0,a.useState)([]),[g,b]=(0,a.useState)([]),[y,k]=(0,a.useState)([]);(0,a.useEffect)(()=>

1{if(window.location.search)for(let[t,l]of new URLSearchParams(window.location.search)){if("type"==t&&e.type){let t=[];l.split(",").forEach(l=>{t.push({label:e.type.find(e=>e.value===l)?.label})}),x(t)}if("bike"==t&&e.bike){let t=[];l.split(",").forEach(l=>{t.push({label:e.bike.find(e=>e.value===l)?.label})}),f(t)}if("state"==t&&e.state){let t=[];l.split(",").forEach(l=>{t.push({label:e.state.find(e=>e.value===l)?.label})}),b(t)}if("country"==t&&e.country){let t=[];l.split(",").forEach(l=>{t.push({label:e.country.find(e=>e.value===l)?.label})}),k(t)}}},[]);let v=async(e,t)=>{c[`${e}`]&&!t?delete c[`${e}`]:e&&t&&(c[`${e}`]=t),d(c)},j=()=>{let t=document.getElementById("select-bike"),l=document.getElementById("select-type"),r=document.getElementById("select-country"),n=document.getElementById("select-state"),a=t?[...t.querySelectorAll("input:checked")].map(e=>e.value):null,o=l?[...l.querySelectorAll("input:checked")].map(e=>e.value):null,d=r?[...r.querySelectorAll("input:checked")].map(e=>e.value):null,p=n?[...n.querySelectorAll("input:checked")].map(e=>e.value):null,h=document.querySelector("body");if(h?.getAttribute("addListener")&&h?.removeAttribute("addListener"),a){Array.isArray(a)||(a=Array(a));let t=a.join(","),l=[];if(a.length)for(let t=0;t<a.length;t++){let r=a[t];for(let t=0;t<e.bike.length;t++){let i=e.bike[t];i.value===r&&l.push(i)}}f(l),v("bike",t)}if(o){Array.isArray(o)||(o=Array(o));let t=o.join(","),l=[];if(o.length)for(let t=0;t<o.length;t++){let r=o[t];for(let t=0;t<e.type.length;t++){let i=e.type[t];i.value===r&&l.push(i)}}x(l),v("type",t)}if(d){Array.isArray(d)||(d=Array(d));let t=d.join(","),l=[];if(d.length)for(let t=0;t<d.length;t++){let r=d[t];for(let t=0;t<e.country.length;t++){let i=e.country[t];i.value===r&&l.push(i)}}k(l),"pro"===s?v("land",t):v("country",t)}if(p){Array.isArray(p)||(p=Array(p));let t=p.join(","),l=[];if(p.length)for(let t=0;t<p.length;t++){let r=p[t];for(let t=0;t<e.state.length;t++){let i=e.state[t];i.value===r&&l.push(i)}}b(l),v("state",t)}let m=document.querySelectorAll(".selectTop:checked");for(let e=0;e<m.length;e++)m[e].checked=!1;u.push({pathname:i,query:c},void 0,{scroll:!1})};return(0,r.jsx)("div",{className:"va-list-filter va-maincol-list relative lg:col-span-2 lg:flex lg:justify-between",children:(0,r.jsx)("div",{className:"va-maincol lg:w-maincol mx-auto",children:(0,r.jsx)(m,{useLink:!1,filter:e,onBikeFilterSubmit:j,bikes:p,types:h,countries:y,states:g,onFilterClick:e=>{document.getElementById(e).checked=!1,j()},inputType:"checkbox"})})})},X=({filter:e,element:t,irConfig:l,page:i,project:s,selectedFilters:o,filterName:c,filterDoc:d,...u})=>{let p=(0,n.useRouter)(),f=(0,a.useRef)(),h=o.bike,x=o.type,b=o.country,y=o.state,k=()=>{let e=f.current?.Fahrradtyp?.value,t=f.current?.Art?.value,l=f.current?.Länder?.value,r=f.current?.Regionen?.value,s=document.querySelectorAll(".selectTop:checked");for(let e=0;e<s.length;e++)s[e].checked=!1;let n=i;return e&&(n+=e+"/"),t&&(n+=t+"/"),l&&(n+=l+"/"),r&&(n+=r+"/"),p.push(n,n,{scroll:!1}),!1};return(0,r.jsx)("form",{className:"va-list-filter va-maincol-list relative lg:col-span-2 lg:flex lg:justify-between",onSubmit:e=>(e.preventDefault(),k(),!1),ref:f,children:(0,r.jsxs)("div",{className:"va-maincol lg:w-maincol mx-auto",children:[d&&(0,r.jsxs)("div",{className:"space-y-1 grow",children:[(0,r.jsx)($.Subline,{size:"small",isDarkMode:!0,children:d?.headline}),(0,r.jsx)(g.Headline,{useH2:!0,size:"large",headline:d?.title,isDarkMode:!0})]}),!!d?.vorspann&&(0,r.jsx)(D.Text,{isDarkMode:!0,dangerouslySetInnerHTML:{__html:d?.vorspann}}),!!d?.text&&d.text.length>0&&d.text.map(e=>{if("string"==typeof e)return(0,r.jsx)(D.Text,{isDarkMode:!0,dangerouslySetInnerHTML:{__html:e}},e)}),(0,r.jsx)(m,{filterName:c,filter:e,bikes:h,types:x,countries:b,states:y,onFilterClick:e=>{let t=["Fahrradtyp","Art","L\xe4nder","Regionen"];for(let l=0;l<t.length;l++){let r=t[l];if(f.current?.[r]?.value===e){for(let t=0;t<f.current?.[r].length;t++){let l=f.current?.[r][t];l.value===e&&(l.checked=!1)}f.current[r].value=""}}k()},inputType:"radio",page:i,useLink:!0,project:s})]})})},G=({children:e})=>(0,r.jsx)("div",{className:h()({"lg:w-maincol w-full py-2 lg:px-0 bg-gradient-to-t to-transparent flex justify-center fixed bottom-0 lg:left-auto left-0 z-2":!0,[s().fromGradient]:!0}),children:(0,r.jsx)("div",{className:"lg:max-w-outer lg:pr-px-160 w-full",children:(0,r.jsx)("div",{className:"lg:w-maincol flex w-full justify-center space-x-4",children:e})})}),J=U},71909:(e,t,l)=>{e.exports=l.p+"static/img/icon-avatar.svg"},82094:(e,t,l)=>{e.exports=l.p+"static/img/icon-level.svg"},94430:(e,t,l)=>{e.exports=l.p+"static/img/icon-calendar-workout.svg"}}]);