import{_ as S}from"./3_0Xm2Xu.js";import{_ as M}from"./DNB4CWA5.js";import{u as B}from"./Caz6ZtR2.js";import{aN as N,a0 as F}from"./BmsEUx_s.js";import{k as E,w as V,a as x,G as f,M as z,O as t,Q as d,I as v,a1 as h,u as s,U as p,a9 as H,H as C,ac as g,X as T,ad as w,W as $,P as j}from"./BO9AmBA3.js";const A=["aria-expanded"],D={class:"fixed z-1000 inset-0 left-0 bg-black bg-opacity-50 cursor-pointer"},G={class:"flex items-start justify-center min-h-screen text-center"},I={class:"pointer-events-none fixed flex max-w-full left-0 md:mt-0.5 top-14","data-testid":"main-menu"},P={class:"bg-yt-black"},Q={"aria-label":"Sidebar",class:"flex flex-col pt-4 md:pt-0"},U={class:"w-full px-4 pb-4 md:hidden"},Y=E({__name:"LayoutSideMenu",props:{desktop:{}},setup(W){const{openLevel:L,closeAllLevels:u,menu:e}=B(),O=()=>e.value.main.isOpen?u():L("main"),{navigationElements:a}=N();V(()=>{var l,m,r,c;if((l=a==null?void 0:a.value)!=null&&l.length&&!e.value.subnavLevel1.activeCategory.id){e.value.subnavLevel1.activeCategory=a==null?void 0:a.value[0],e.value.subnavLevel1.isBikeCategory=!!String((c=(r=(m=e.value.subnavLevel1.activeCategory)==null?void 0:m.translated)==null?void 0:r.customFields)==null?void 0:c.category_type).toLowerCase().includes("bike");const y=[...a.value].find(n=>{var o,i;return String((i=(o=n==null?void 0:n.translated)==null?void 0:o.customFields)==null?void 0:i.category_type).toLowerCase()==="e-bikes"}),k=[...a.value].find(n=>{var o,i;return String((i=(o=n==null?void 0:n.translated)==null?void 0:o.customFields)==null?void 0:i.category_type).toLowerCase()==="bikes"});y&&(e.value.emtbCategory=y),k&&(e.value.mtbCategory=k)}});const _=x(),b=x();return F(_,()=>u(),{ignore:[b,".toggle-bikenav-mobile"]}),(l,m)=>{const r=S,c=M;return f(),z(j,null,[t("button",{class:"bg-transparent",ref_key:"buttonEl",ref:b,"aria-label":"menu","aria-expanded":s(e).main.isOpen,onClick:H(O,["stop","prevent"])},[d(p,{"enter-active-class":"transition ease-out duration-500 transform","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition ease-in duration-500 transform","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:v(()=>[t("div",{class:h(["w-7 h-7 text-yt-black cursor-pointer",[s(e).main.isOpen?"i-carbon-close":"i-yt-burger"]])},null,2)]),_:1})],8,A),(f(),C($,{to:"body"},[d(p,{"enter-active-class":"transition ease-out duration-200 transform","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition ease-in duration-300 transform","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:v(()=>[g(t("div",D,[t("div",G,[d(p,{"enter-active-class":"transition ease-out duration-500 transform","enter-from-class":"translate-x-full md:-translate-x-full","enter-to-class":"translate-x-0 md:-translate-x-0","leave-active-class":"transition ease-in duration-300 transform","leave-from-class":"translate-x-0 md:-translate-x-0","leave-to-class":"translate-x-full md:-translate-x-full"},{default:v(()=>[g(t("div",I,[t("div",{ref_key:"sidebarContentElement",ref:_,class:"pointer-events-auto w-screen md:w-fit h-screen"},[t("div",{class:h(["flex h-full flex-col shadow-xl",[!l.desktop&&(s(e).subnavLevel1.isOpen||s(e).subnavLevel2.isOpen)?"bg-yt-white":"bg-yt-black"]])},[t("div",P,[t("aside",Q,[t("div",U,[d(r,{"dark-mode":!0,onLinkClicked:s(u)},null,8,["onLinkClicked"])]),s(a)?(f(),C(c,{key:0,"all-categories":s(a)},null,8,["all-categories"])):T("",!0)])])],2)],512)],512),[[w,s(e).main.isOpen]])]),_:1})])],512),[[w,s(e).main.isOpen]])]),_:1})]))],64)}}});export{Y as _};