https://www.vfl-bochum.de/_nuxt/FE3UsHLL.js

1import{_ as Z}from"./CLuUwmWl.js";import{_ as N}from"./DlAUqK2U.js";import{o as i,i as q,w as O,a as u,p as ue,e as le,y as J,H as K,c as l,j as A,F as D,r as E,C as ce,I as z,h as f,b as v,t as _e,ag as me,k as de,n as w,L as F,bf as $,a1 as pe,m as Q,bg as fe,G as he,l as be,bc as ve,s as ge,M as ye,q as ke,bh as we}from"./BWxz35FO.js";import{_ as G}from"./B4kUnHMb.js";import{_ as ee}from"./COFEzP2a.js";import{f as R}from"./DhjfO_53.js";import{u as Se}from"./CZooIfMS.js";import{_ as xe}from"./9Hhzt7AZ.js";import"./C2siuZHi.js";import"./BArE0qgD.js";const Me={};function $e(g,m){const c=Z;return i(),q(c,{href:"/",class:"b-header__logo","aria-label":"Zur Startseite"},{default:O(()=>[...m[0]||(m[0]=[u("svg",{class:"b-header__logo-image",viewBox:"0 0 75.8 80",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[u("use",{href:"#vfl-logo"})],-1)])]),_:1})}const Te=N(Me,[["render",$e]]),He={key:0,class:"b-menu__overlay"},Ae={class:"b-menu__main"},Ie=["onMouseenter"],Le=["onClick"],Ce=["innerHTML"],Be={class:"b-menu__sub-back-label"},qe={key:0,class:"b-menu__features"},Oe={class:"b-menu__feature-link-content"},De=["innerHTML"],Ee={key:0,class:"b-meta-line b-menu__topics-title"},Re=["innerHTML"],ze=["innerHTML"],Ne={__name:"AppMenu",props:{isMenuOpen:{type:Boolean,default:!1},isSubmenuOpen:{type:Boolean,default:!1}},emits:["update:isSubmenuOpen","update:close-menu"],async setup(g,{emit:m}){let c,y;const d=g,h=m,p=de(),T=ue(),x=p.public.menuId,I=p.public.wpApiUrl,L=Se();[c,y]=le(()=>L.fetchMenu(I,x,"website")),await c,y();const b=L.menus[x],S=Q(()=>Array.isArray(b)?b.map(e=>{const t=e.children||[];return{...e,features:t.filter(n=>!n.category_root),topics:t.filter(n=>n.category_root)}}):[]),M=w(null),C=w(null),B=w(0),H=w(0),U=w(0),W=w(0),V=w(!1);let _=[];J(()=>{const e=document.querySelector(".b-header"),t=document.querySelector(".b-menu"),n=document.querySelector(".b-header__navigation");e&&(H.value=e.getBoundingClientRect().height),n&&(U.value=n.getBoundingClientRect().height),t&&(W.value=t.getBoundingClientRect().height)});const P=(e,t=0)=>{var s;const n=new fe(e,{types:"lines"});if(!((s=n.lines)!=null&&s.length))return;const a=n.lines[0].offsetHeight,r=$.from(n.lines,{y:a,opacity:0,clipPath:"inset(0% 0% 100% 0%)",duration:.3,stagger:.05,ease:"power1.out",delay:t});_.push(r)},ne=(e,t=0)=>{const n=$.fromTo(e,{autoAlpha:0,y:10},{autoAlpha:1,y:0,duration:.3,stagger:.02,ease:"power1.out",delay:t});_.push(n)},te=(e,t,n=0)=>{const a=$.to(e,{x:"0",duration:.3,ease:"power1.out",delay:n});_.push(a)},se=(e,t,n=0)=>{const a=$.to(e,{x:"-100vw",duration:.3,ease:"power1.out",delay:n});_.push(a)},oe=(e,t)=>{if(t.preventDefault(),window.innerWidth>=1280){pe(e.path);return}const n=e.id;_.forEach(r=>r.kill()),_=[],C.value=n,document.querySelectorAll(".b-menu__main-link").forEach((r,s)=>{se(r,"left",s*.05)}),F(()=>{const s=t.currentTarget.closest(".b-menu__main-item");if(!s)return;const o=s.querySelector(".b-menu__sub");o&&(o.style.transform="translateX(100vw)",te(o,"right",.3))})},Y=()=>{if(window.innerWidth>=1280)return;_.forEach(a=>a.kill()),_=[];const e=document.querySelector(".b-menu__sub.--is-open"),t=document.querySelectorAll(".b-menu__main-link"),n=$.timeline({defaults:{ease:"power1.out"}});e&&n.to(e,{x:"100vw",duration:.2}),n.add(()=>{C.value=null}),n.to(t,{x:"0",duration:.2,stagger:.02})},ae=(e,t)=>{window.innerWidth<1280||(_.forEach(n=>n.kill()),_=[],M.value=e,V.value=!0,h("update:isSubmenuOpen",!0),F(()=>{const a=t.currentTarget.querySelector(".b-menu__sub");if(a){B.value=a.offsetHeight;const r=document.querySelector(".b-menu__overlay");if(r){const k=$.to(r,{opacity:1,duration:.3,ease:"power1.out"});_.push(k)}a.querySelectorAll(".b-menu__feature").forEach((k,ie)=>{P(k,.3+ie*.05)});const o=a.querySelectorAll(".b-menu__topics-title, .b-menu__topic");ne(o,.5)}}))},j=()=>{_.forEach(t=>t.kill()),_=[],M.value=null,B.value=0,V.value=!1,h("update:isSubmenuOpen",!1);const e=document.querySelector(".b-menu__overlay");if(e){const t=$.to(e,{opacity:0,duration:.3,ease:"power1.out"});_.push(t)}},X=()=>{h("update:isSubmenuOpen",!1),h("update:close-menu"),j(),Y()},re=e=>{const t=T.path.replace(/\/$/,""),n=a=>{var s,o;const r=(s=a.path)==null?void 0:s.replace(/\/$/,"");return r&&t===r||r&&r!=="/"&&t.startsWith(`${r}/`)?!0:((o=a.children)==null?void 0:o.some(n))??!1};return n(e)};return K(()=>d.isMenuOpen,e=>{e&&F(()=>{document.querySelectorAll(".b-menu__main-item").forEach((n,a)=>{const r=n.querySelector(".b-menu__main-link");r&&P(r,.5+a*.05)})})}),(e,t)=>{const n=G,a=ee,r=Z;return i(),l("nav",{class:z(["b-menu",{"--is-open":d.isMenuOpen}]),style:me({"--submenu-height":`calc(${B.value}px + var(--space-5xl))`,"--header-navigation-height":`calc(${W.value}px + ((${U.value}px - ${W.value}px) / 2))`,"--header-height":`${H.value}px`}),"data-theme":"accent",onMouseleave:j},[V.value?(i(),l("div",He)):A("",!0),u("ul",Ae,[(i(!0),l(D,null,E(f(S),s=>(i(),l("li",{key:s.id,class:"b-menu__main-item",onMouseenter:o=>ae(s.id,o)},[u("button",{class:z(["b-menu__main-link",{"--is-active":re(s)}]),onClick:ce(o=>oe(s,o),["prevent"])},[u("span",{innerHTML:("formatDisplayText"in e?e.formatDisplayText:f(R))(s.name)},null,8,Ce)],10,Le),s.features.length||s.topics.length?(i(),l("div",{key:0,class:z(["b-menu__sub",{"--is-open":M.value===s.id||C.value===s.id}])},[u("button",{class:"b-menu__sub-back",onClick:Y},[v(n,{name:"arrow-left"}),u("span",Be,_e(e.$t("back")),1)]),s.features.length?(i(),l("ul",qe,[(i(!0),l(D,null,E(s.features,o=>(i(),l("li",{key:o.id,class:"b-menu__feature"},[v(r,{to:o.path,class:"b-menu__feature-link",target:o.target?o.target:"_self",onClick:X},{default:O(()=>[u("span",Oe,[u("span",{class:"b-menu__feature-link-label",innerHTML:("formatDisplayText"in e?e.formatDisplayText:f(R))(o.name)},null,8,De),o.target==="_blank"?(i(),q(a,{key:0,name:"arrow-up-right",size:"16","view-box":"24"})):A("",!0)])]),_:2},1032,["to","target"])]))),128))])):A("",!0),(i(!0),l(D,null,E(s.topics,o=>(i(),l("ul",{key:o.id,class:"b-menu__topics"},[o.name?(i(),l("div",Ee,[u("span",{innerHTML:("formatDisplayText"in e?e.formatDisplayText:f(R))(o.name)},null,8,Re)])):A("",!0),(i(!0),l(D,null,E(o.children,k=>(i(),l("li",{key:k.id,class:"b-menu__topic"},[v(r,{to:k.path,class:"b-menu__topic-link",target:k.target?k.target:"_self",onClick:X},{default:O(()=>[u("span",{innerHTML:("formatDisplayText"in e?e.formatDisplayText:f(R))(k.name)},null,8,ze),k.target==="_blank"?(i(),q(a,{key:0,name:"arrow-up-right",size:"12","view-box":"24"})):A("",!0)]),_:2},1032,["to","target"])]))),128))]))),128))],2)):A("",!0)],40,Ie))),128))]),t[0]||(t[0]=u("div",{class:"b-menu__meta"},null,-1))],38)}}},We=N(Ne,[["__scopeId","data-v-c99ecf7a"]]),Ve={};function Fe(g,m){const c=xe;return i(),q(c,{type:"secondary",size:"s",label:"VfL.ID","button-type":"link",link:{type:"external",value:"https://vfl1848.unidy.de/logins",newTab:!0}})}const Ue=N(Ve,[["render",Fe]]),Pe=["aria-label"],Ye={__name:"AppHeaderActionsSearch",setup(g){const m=he();function c(){m.push("/suche")}return(y,d)=>{const h=ee;return i(),l("button",{class:"b-header__action","aria-label":y.$t("header.actions.search"),onClick:c},[v(h,{name:"search"})],8,Pe)}}},je={class:"b-header__actions"},Xe=["aria-expanded"],Ze={__name:"AppHeaderActions",props:{isMenuOpen:{type:Boolean,required:!0}},emits:["toggle-menu"],setup(g,{emit:m}){const c=m,y=()=>{c("toggle-menu")};return(d,h)=>{const p=Ue,T=Ye,x=G;return i(),l("nav",je,[v(p),v(T),u("button",{class:"b-header__action b-header__action--menu","aria-label":"Menü öffnen/schließen","aria-expanded":g.isMenuOpen,onClick:y}

1,[v(x,{name:g.isMenuOpen?"close":"menu"},null,8,["name"])],8,Xe)])}}},Je=["data-mode"],Ke={class:"b-header__bar"},Qe={class:"b-header__navigation"},Ge={class:"b-header__menu"},en={class:"b-header__meta"},nn=be({__name:"AppHeader",props:{dark:{type:Boolean,default:!1}},setup(g){const m=ve(),{colorScheme:c,hasFullWidthHero:y}=ge(m),d=w(!1),h=w(!1),p=w(!1),T=Q(()=>d.value||y.value||h.value||c.value==="dark"?"dark":(c.value==="light"&&p.value,"light"));let x=!1,I=0;const L=()=>{const b=window.scrollY,M=window.innerHeight*.5;b>=M&&(x=!0),b<I&&x&&(p.value=!0),b>I&&p.value&&(p.value=!1),b<=0&&p.value&&(p.value=!1),I=b};return J(()=>{window.addEventListener("scroll",L)}),ye(()=>{window.removeEventListener("scroll",L)}),K(d,b=>{b?document.body.classList.add("--is-frozen"):document.body.classList.remove("--is-frozen")}),(b,S)=>{const M=Te,C=We,B=Ze;return i(),l("header",{key:f(T),class:z(["b-header",{"b-header--sticky":f(p)}]),"data-mode":f(T)},[v(M),u("div",Ke,[u("div",Qe,[u("div",Ge,[v(C,{"is-menu-open":f(d),"is-submenu-open":f(h),"onUpdate:isSubmenuOpen":S[0]||(S[0]=H=>h.value=H),"onUpdate:closeMenu":S[1]||(S[1]=H=>d.value=!1)},null,8,["is-menu-open","is-submenu-open"])])]),u("div",en,[v(B,{"is-menu-open":f(d),onToggleMenu:S[2]||(S[2]=H=>d.value=!f(d))},null,8,["is-menu-open"])])])],10,Je)}}}),tn={};function sn(g,m){const c=nn,y=we;return i(),q(y,{name:"base"},{header:O(()=>[v(c)]),default:O(()=>[ke(g.$slots,"default")]),_:3})}const fn=N(tn,[["render",sn]]);export{fn as default};