import{d as p,Y as r,Z as f,$ as v,o as b,c as m,a as i,n as d,r as _,_ as S}from"./C6MRUCyE.js";const g={class:"scrollable-pane-wrapper"},B=p({__name:"ScrollablePanel",props:{disableScrolling:{type:Boolean,default:!1}},setup(h){const n=r(!0),t=r(!1),a=r(null);let o;f(()=>{o=new ResizeObserver(function(){a.value&&c(a.value.scrollTop,a.value.offsetHeight,a.value.scrollHeight)}),o.observe(a.value)}),v(()=>{o&&o.disconnect()});function c(e,l,s){console.log(e,l,s),t.value=Math.ceil(e+l)>=s,n.value=e<=0}function u({target:{scrollTop:e,offsetHeight:l,scrollHeight:s}}){c(e,l,s)}return(e,l)=>(b(),m("div",g,[i("div",{class:d(["wrapper-wrapper",{"top-fade":!n.value&&!e.disableScrolling,"bottom-fade":!t.value&&!e.disableScrolling}])},[i("div",{ref_key:"scrollablePane",ref:a,class:d([{"max-h-[19rem]":!e.disableScrolling},"scrollable-pane"]),onScroll:u},[_(e.$slots,"default",{},void 0,!0)],34)],2)]))}}),P=S(B,[["__scopeId","data-v-e1e517ea"]]);export{P as S};