https://www.vfl.de/_nuxt/BNw9UZfA.js

1import{_ as $}from"./BWscs-LJ.js";import{d as B,D,L as E,g as V,c as i,b as e,h as n,u as l,F as c,j as u,n as b,l as I,k as N,r as A,a as s,t as g,q as _,af as y,i as F,p as M,N as P,ad as q,_ as O,R}from"./Bomn_LlY.js";import{u as G}from"./Bt7-LP36.js";import{u as H}from"./igwW2nXk.js";import"./Bab5rs85.js";const J={class:"relative hidden xl:block"},K={class:"sticky top-20 z-10 flex h-[600px] w-[300px] items-center justify-center bg-primary"},Q={class:"mx-auto w-full"},U={class:"flex flex-wrap gap-2 md:gap-5"},W=["onClick"],X={class:"px-6 font-headline text-h6 uppercase text-primary"},Y={class:"mx-auto gap-8 pt-3 lg:flex"},Z={class:"flex grow flex-col"},ee=["id"],te={class:"pb-5 font-headline text-h2 font-extrabold uppercase text-primary"},se={class:"relative block min-h-[22rem] md:hidden"},oe={key:0,class:"absolute flex w-full items-center justify-center gap-12 overflow-hidden"},ie=["navigation"],ne={class:"hidden w-full flex-wrap items-center justify-center gap-8 md:flex md:justify-start"},ae={class:"relative hidden lg:block"},le={class:"sticky top-20 z-10 flex h-[600px] w-[300px] items-center justify-center bg-primary"},re=B({__name:"PlayersList",props:{blok:{}},async setup(r){let m,f;const{generateClasses:C}=G(),{getAdIds:S}=H(),h=([m,f]=D(()=>S()),m=await m,f(),m),z=[{id:"goalkeepers",label:"Tor"},{id:"defenders",label:"Verteidigung"},{id:"midfielders",label:"Mittelfeld"},{id:"forwards",label:"Sturm"},{id:"coaches",label:"Trainer"},{id:"staff",label:"Staff"},{id:"sportsManagement",label:"Sportliche Leitung"}],v=I(()=>z.filter(p=>r.blok[p.id]?.length>0)),x=N(!1),j=(p,k)=>{const a=document.getElementById(p);if(a){if(a.scrollIntoView({behavior:"smooth"}),k?.pointerType==="mouse")return;const d=a.querySelector(".focusable");d&&d.focus({preventScroll:!0})}};return E(()=>{x.value=!0}),(p,k)=>{const a=$,d=P("StoryblokComponent"),L=q,w=O,T=A("editable");return V((s(),i("div",{class:b([l(C)(r.blok),"container mt-[3.75rem] flex gap-8 overflow-hidden px-5"])},[e("div",J,[e("div",K,[n(a,{"advertisment-id":l(h)?.teamLinks},null,8,["advertisment-id"])])]),e("div",Q,[e("div",U,[(s(!0),i(c,null,u(l(v),t=>(s(),i("button",{key:t.id,class:"h-14 border-2 border-primary",onClick:o=>{o.preventDefault(),j(t.id,o)}},[e("span",X,g(t.label),1)],8,W))),128))]),e("div",Y,[e("div",Z,[(s(!0),i(c,null,u(l(v),t=>(s(),i("div",{id:t.id,key:t.id,class:"mb-24"},[e("span",te,g(t.label),1),e("div",se,[n(L,null,{fallback:_(()=>[n(y,{name:"fade"},{default:_(()=>[l(x)?F("",!0):(s(),i("div",oe,[(s(),i(c,null,u(5,o=>e("div",{key:o,class:"relative aspect-[4/5] min-w-64 animate-pulse overflow-hidden bg-matchcenter shadow-standard sm:min-w-[18.75rem]"})),64))]))]),_:1})]),default:_(()=>[n(y,{name:"fade"},{default:_(()=>[e("swiper-container",{"slides-per-view":"auto","space-between":16,"grab-cursor":!0,navigation:{nextEl:`.swiper-button-next-${t.id}`,prevEl:`.swiper-button-prev-${t.id}`},scrollbar:{draggable:!0}},[(s(!0),i(c,null,u(r.blok[t.id],o=>(s(),i("swiper-slide",{key:o._uid,class:"!w-auto"},[n(d,{blok:o},null,8,["blok"])]))),128))],8,ie)]),_:2},1024)]),_:2},1024),e("button",{class:b(["absolute left-2 top-1/2 z-10 -mb-2 size-10 -translate-y-1/2 bg-white/90 backdrop-blur-sm",`swiper-button-prev-${t.id}`])},[n(w,{name:"mdi:chevron-left",size:"40",class:"cursor-pointer text-primary"})],2),e("button",{class:b(["absolute right-2 top-1/2 z-10 -mb-2 size-10 -translate-y-1/2 bg-white/90 backdrop-blur-sm",`swiper-button-next-${t.id}`])},[n(w,{name:"mdi:chevron-right",size:"40",class:"cursor-pointer text-primary"})],2)]),e("div",ne,[(s(!0),i(c,null,u(r.blok[t.id],o=>(s(),M(d,{key:o._uid,blok:o},null,8,["blok"]))),128))])],8,ee))),128))])])]),e("div",ae,[e("div",le,[n(a,{"advertisment-id":l(h)?.teamRechts},null,8,["advertisment-id"])])])],2)),[[T,r.blok]])}}}),_e=Object.assign(R(re,[["__scopeId","data-v-89d72e8c"]]),{__name:"PlayersList"});export{_e as default};