import{a as v}from"./CcPI2o9n.js";import x from"./BX85T6qK.js";import{d as w,n as g,a1 as y,r,a2 as k,J as b,o as B,a3 as N,a as u,c as _,b as S,F as C,k as E,h as H,f as I,g as L,t as z,R as A,u as R,e as V}from"./D6sXtmUi.js";import{_ as $}from"./DlAUqK2U.js";const j={class:"sticky top-[70px] md:top-[150px] flex items-center z-20 bg-x-gray"},F={class:"max-content flex flex-row md:justify-center items-center overflow-x-auto"},M=w({__name:"HashNav",props:{list:{},url:{}},setup(p){const d=g(),f=p,{isSp:h}=y(k,{isSp:r(!1)}),i=r(!0),o=r(new Set),l=r(-1);b(()=>d.hash,()=>{i.value=!1,l.value=f.list.findIndex((e,m)=>e.title===d.hash.slice(1)),setTimeout(()=>{i.value=!0,n()},1e3)});const n=()=>{if(!i.value)return;const e=h.value?90:210;document.querySelectorAll(".sec-hash").forEach((c,a)=>{const{top:t,bottom:s}=c.getBoundingClientRect();t>=0&&s<=window.innerheight||s>=e&&s<=window.innerheight?o.value.add(a):o.value.size>1&&o.value.delete(a)}),l.value=Math.min(...o.value)};return B(()=>{window.addEventListener("scroll",n),n()}),N(()=>{window.removeEventListener("scroll",n)}),(e,m)=>{const c=v,a=x;return u(),_("div",j,[S("div",F,[(u(!0),_(C,null,E(e.list,(t,s)=>(u(),H(c,{class:A(["nav-item w-full md:w-auto f-16",{"is-active":R(l)===s}]),key:t.id,to:`${e.url}#${t.id}`},{default:I(()=>[L(z(t.title),1)]),_:2},1032,["class","to"]))),128))]),V(a,{class:"absolute right-[3vw] text-[30px] text-primary md:!hidden scroll-hint",name:"ri:arrow-right-double-line"})])}}}),J=$(M,[["__scopeId","data-v-58ad372e"]]);export{J as _};