import{_ as b}from"./VW-SPu6k.js";import{_ as f,K as d,r as n,o as _,L as p,g as m,d as v,j as h,l as x,aR as y,n as B,Q as L,b as T}from"./Dlgd99H8.js";const g={__name:"TabList",props:{scrollable:{type:Boolean,default:!1}},setup(o){const c=o,u=d(()=>c.scrollable?b:"div"),a=new Set,t=n(null),s=n(null);return _(()=>{if(!c.scrollable||!s.value||!(t.value&&typeof t.value.scrollTo=="function"))return;a.clear();const e=new MutationObserver(i=>{i.forEach(r=>{r.type==="attributes"&&r.attributeName==="aria-selected"&&r.target.getAttribute("aria-selected")==="true"&&t.value.scrollTo(r.target)})});e.observe(s.value,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["aria-selected"]});const l=s.value.querySelector("[aria-selected=true]");l&&t.value.scrollTo(l,"auto"),a.add(()=>{e.disconnect()})}),p(()=>{a.forEach(e=>e()),a.clear()}),(e,l)=>(m(),v(L(T(u)),{ref_key:"scroller",ref:t,class:B(["wrapper",{"is-scrollable":o.scrollable}])},{default:h(()=>[x("div",{ref_key:"tabList",ref:s,class:"tab-list",role:"tablist"},[y(e.$slots,"default")],512)]),_:3},8,["class"]))}},S=f(g,[["__scopeId","data-v-754b5f9d"]]);export{S as _};