https://www.walisgaden.at/_nuxt/DsndY-_t.js

1import{d as w,r as c,o as S,c as l,A as s,f as d,G as O,I as E,H as v,F as p,b as i,e as I,J as L,M as N,_ as B}from"./DWjgfKxY.js";import{u as C}from"./OCxq_AW4.js";import{c as M}from"./DFJmvOtg.js";const T={class:"draggable overflow-hidden relative"},q={key:0,class:"scrollable-content cursor-grab flex gap items-center h-full overflow-auto"},A={key:0,class:"flex gap-1ex items-center h-54px"},V=["href"],W=w({__name:"T3CeMaskStickyAnchorNavigation",props:{header:{},headerLayout:{},headerPosition:{},headerLink:{},subheader:{},uid:{},index:{},appearance:{},summary:{},anchoritem:{},linktext:{},link:{}},setup(x){const f=c(null),m=c(!1),u=c(-1),a=x,k=c(M()),b=t=>{m.value=t[0]?.intersectionRatio<1},g=t=>{t.forEach(e=>{if(e.intersectionRatio>0){const n=e.target.getAttribute("id"),o=document.querySelector(".frame-type-mask_sticky_anchor_navigation .scrollable-content"),r=document.querySelector(`.frame-type-mask_sticky_anchor_navigation a[href*="#${n}"]`),_=Array.from(r?.parentElement?.children).indexOf(r)??-1;u.value=_,o?.scrollTo({left:r.offsetLeft-o.offsetLeft-30,behavior:"smooth"})}})};function y(){const t=f.value;t&&new IntersectionObserver(b,{rootMargin:"-1px 0px 3000px 0px",threshold:.1}).observe(t)}function h(){const t=a.anchoritem.filter(n=>n.link.startsWith("#")).map(n=>n.link),e=new IntersectionObserver(g,{rootMargin:"-50px 0px -65% 0px"});t.forEach(n=>{const o=document.querySelector(n);o&&e.observe(o)})}return C(),S(()=>{y(),h(),setTimeout(()=>{h()},500)}),(t,e)=>{const n=B;return i(),l("div",{class:p(["container-8 relative bg-background flex gap justify-between transition-all duration-150 sticky left-0 top-80px",[m.value?"is-stuck !max-w-full px-outofgrid shadow-ui":"border-b border-neutral2",k.value=="menuOpen"?"opacity-0 delay-0":"opacity-100 delay-0"]])},[s("div",{ref_key:"anchornav",ref:f,class:"helper left-0 -top-80px absolute"},null,512),s("div",T,[a?.anchoritem?(i(),l("div",q,[(i(!0),l(O,null,E(a.anchoritem,(o,r)=>(i(),I(n,{key:r,to:o.link,target:o.link.startsWith("http")?"_blank":"",class:p(["relative flex-shrink-0 transition duration-300 h-54px inline-flex items-center no-underline !hover:text-primary",r===u.value?"text-primary":"text-neutral3"])},{default:L(()=>[N(v(o.linktext)+" ",1),s("div",{class:p(["h-2px bg-primary block opacity-0 absolute left-0 bottom-0 transition duration-300 w-full",r===u.value?"opacity-100":"text-neutral3"])},null,2)]),_:2},1032,["to","target","class"]))),128))])):d("",!0),e[0]||(e[0]=s("div",{class:"absolute pointer-events-none transition bg-gradient-to-r from-background duration-200 left-0 top-0 w-30px h-full"},null,-1)),e[1]||(e[1]=s("div",{class:"absolute pointer-events-none transition bg-gradient-to-l from-background duration-200 right-0 top-0 w-30px h-full"},null,-1))]),a?.link&&a?.linktext?(i(),l("div",A,[e[2]||(e[2]=s("span",{class:"text-neutral2"},"|",-1)),a?.link?(i(),l("a",{key:0,class:"text-base no-underline",href:a.link},v(a.linktext),9,V)):d("",!0)])):d("",!0)],2)}}});export{W as default};