import{_ as z}from"./Bgk-2nau.js";import{d as I,e as M,a0 as S,l as D}from"./BmsEUx_s.js";import{_ as P}from"./D2Ffl69y.js";import{u as E}from"./Caz6ZtR2.js";import{k as F,a as h,G as s,M as u,O as d,Q as _,I as p,a1 as b,u as m,P as w,a7 as O,H as V,a9 as H,X as c}from"./BO9AmBA3.js";const U={key:0},$={class:"bg-yt-black relative z-200 cursor-pointer group"},j={class:"bottom-0 top-0 relative"},G={key:0,class:"absolute max-h-[calc(100vh-8.125rem)] overflow-y-auto bg-yt-black min-w-50 z-1 top--2 lg:ml-6"},Q={key:0,class:"mx-2 my-6"},W=F({__name:"LayoutHeaderBikenavBikesDropdown",props:{bikeCategories:{},overviewCategory:{},hideLogo:{type:Boolean}},setup(X){const{tagNavigation:C}=E(),t=h(!1),v=h(),g=I(),{formatLink:k}=M(g);S(v,()=>{t.value=!1},{ignore:[".toggle-bikenav-mobile"]});const B=()=>{t.value=!t.value},L=o=>{C(o,k("/")),t.value=!1};return(o,q)=>{const f=z,N=D,x=P;return o.overviewCategory?(s(),u("div",U,[d("div",$,[_(x,{"is-collapsed":!m(t),"bg-color":"bg-yt-black",onClick:B},{button:p(()=>{var e,a,n,i,l,r;return[d("div",{class:"flex justify-center mr-2 my-4 relative z-200 lg:pl-12",ref_key:"bikeDropdownEl",ref:v},[d("div",{class:b([m(t)?"i-carbon-caret-up":"i-carbon-caret-down","text-yt-white text-6 relative transition-all duration-350"])},null,2),_(f,{src:(a=(e=o.overviewCategory)==null?void 0:e.media)==null?void 0:a.url,class:b(["filter-invert-100",o.hideLogo?"hidden lg:block":""]),alt:String((i=(n=o.overviewCategory)==null?void 0:n.media)==null?void 0:i.alt)||String((r=(l=o.overviewCategory)==null?void 0:l.customFields)==null?void 0:r.product_brand_name),width:"130"},null,8,["src","class","alt"])],512)]}),content:p(()=>[d("div",j,[m(t)?(s(),u("ul",G,[(s(!0),u(w,null,O(o.bikeCategories,e=>{var a,n;return s(),u(w,null,[e.id!==o.overviewCategory.id&&((n=(a=e==null?void 0:e.media)==null?void 0:a.url)!=null&&n.length)?(s(),u("li",Q,[e.seoUrls?(s(),V(N,{key:0,to:m(k)(`/${e.seoUrls[0].seoPathInfo}`),onClick:H(L,["prevent","stop"])},{default:p(()=>{var i,l,r;return[_(f,{src:(i=e==null?void 0:e.media)==null?void 0:i.url,class:"filter-invert-100 hover:scale-105 transition-all duration-150",alt:String((l=e==null?void 0:e.media)==null?void 0:l.alt)||String((r=e==null?void 0:e.customFields)==null?void 0:r.product_brand_name),width:"180"},null,8,["src","alt"])]}),_:2},1032,["to"])):c("",!0)])):c("",!0)],64)}),256))])):c("",!0)])]),_:1},8,["is-collapsed"])])])):c("",!0)}}});export{W as _};