https://lovspark.ai/assets/scrollbar-BF-MPjh1.js

1import{$ as e,B as t,D as n,Dt as r,E as i,G as a,Jt as o,M as s,O as c,P as l,Pt as u,Q as d,Rt as f,St as p,T as m,W as h,X as g,_,_t as v,at as y,dn as b,et as x,h as S,kt as C,n as w,nt as T,o as E,pn as D,pt as O,q as k,tn as ee,vt as A,w as j,y as M,z as N}from"./vue.runtime.esm-bundler-BIF-FFB3.js";import{Ht as P,Jt as F,_t as I,an as L,ht as R,lt as z,nn as B,on as V,pn as H,rn as U,zt as W}from"./dist-5ZmEWvOA.js";import{t as G}from"./use-aria-M8jTpvfr.js";var K=L({distance:{type:Number,default:0},height:{type:[String,Number],default:``},maxHeight:{type:[String,Number],default:``},native:Boolean,wrapStyle:{type:V([String,Object,Array,Boolean]),default:``},wrapClass:{type:[String,Array],default:``},viewClass:{type:[String,Array],default:``},viewStyle:{type:V([String,Object,Array,Boolean]),default:``},noresize:Boolean,tag:{type:String,default:`div`},always:Boolean,minSize:{type:Number,default:20},tabindex:{type:[String,Number],default:void 0},id:String,role:String,...G([`ariaLabel`,`ariaOrientation`])}),q={"end-reached":e=>[`left`,`right`,`top`,`bottom`].includes(e),scroll:({scrollTop:e,scrollLeft:t})=>[e,t].every(H)},J={vertical:{offset:`offsetHeight`,scroll:`scrollTop`,scrollSize:`scrollHeight`,size:`height`,key:`vertical`,axis:`Y`,client:`clientY`,direction:`top`},horizontal:{offset:`offsetWidth`,scroll:`scrollLeft`,scrollSize:`scrollWidth`,size:`width`,key:`horizontal`,axis:`X`,client:`clientX`,direction:`left`}},Y=({move:e,size:t,bar:n})=>({[n.size]:t,transform:`translate${n.axis}(${e}%)`}),te=L({vertical:Boolean,size:String,move:Number,ratio:{type:Number,required:!0},always:Boolean}),X=Symbol(`scrollbarContextKey`);function Z(e,t,n=.03){return e-t>n}var ne=L({always:{type:Boolean,default:!0},minSize:{type:Number,required:!0}});E(),N(),o(),p();var re=`Thumb`,Q=l({__name:`thumb`,props:te,setup(n){let r=n,a=t(X),o=R(`scrollbar`);a||U(re,`can not inject scrollbar context`);let s=C(),c=C(),l=C({}),d=C(!1),p=!1,h=!1,g=0,y=0,x=F?document.onselectstart:null,T=j(()=>J[r.vertical?`vertical`:`horizontal`]),E=j(()=>Y({size:r.size,move:r.move,bar:T.value})),O=j(()=>s.value[T.value.offset]**2/a.wrapElement[T.value.scrollSize]/r.ratio/c.value[T.value.offset]),ee=e=>{if(e.stopPropagation(),e.ctrlKey||[1,2].includes(e.button))return;window.getSelection()?.removeAllRanges(),N(e);let t=e.currentTarget;t&&(l.value[T.value.axis]=t[T.value.offset]-(e[T.value.client]-t.getBoundingClientRect()[T.value.direction]))},M=e=>{if(!c.value||!s.value||!a.wrapElement)return;let t=(Math.abs(e.target.getBoundingClientRect()[T.value.direction]-e[T.value.client])-c.value[T.value.offset]/2)*100*O.value/s.value[T.value.offset];a.wrapElement[T.value.scroll]=t*a.wrapElement[T.value.scrollSize]/100},N=e=>{e.stopImmediatePropagation(),p=!0,g=a.wrapElement.scrollHeight,y=a.wrapElement.scrollWidth,document.addEventListener(`mousemove`,P),document.addEventListener(`mouseup`,I),x=document.onselectstart,document.onselectstart=()=>!1},P=e=>{if(!s.value||!c.value||p===!1)return;let t=l.value[T.value.axis];if(!t)return;let n=((s.value.getBoundingClientRect()[T.value.direction]-e[T.value.client])*-1-(c.value[T.value.offset]-t))*100*O.value/s.value[T.value.offset];T.value.scroll===`scrollLeft`?a.wrapElement[T.value.scroll]=n*y/100:a.wrapElement[T.value.scroll]=n*g/100},I=()=>{p=!1,l.value[T.value.axis]=0,document.removeEventListener(`mousemove`,P),document.removeEventListener(`mouseup`,I),B(),h&&(d.value=!1)},L=()=>{h=!1,d.value=!!r.size},z=()=>{h=!0,d.value=p};k(()=>{B(),document.removeEventListener(`mouseup`,I)});let B=()=>{document.onselectstart!==x&&(document.onselectstart=x)};return W(u(a,`scrollbarElement`),`mousemove`,L),W(u(a,`scrollbarElement`),`mouseleave`,z),(t,r)=>(e(),i(w,{name:f(o).b(`fade`),persisted:``},{default:v(()=>[A(m(`div`,{ref_key:`instance`,ref:s,class:b([f(o).e(`bar`),f(o).is(T.value.key)]),onMousedown:M,onClick:r[0]||=_(()=>{},[`stop`])},[m(`div`,{ref_key:`thumb`,ref:c,class:b(f(o).e(`thumb`)),style:D(E.value),onMousedown:ee},null,38)],34),[[S,n.always||d.value]])]),_:1},8,[`name`]))}});N(),p();var ie=l({__name:`bar`,props:ne,setup(n,{expose:r}){let i=n,a=t(X),o=C(0),l=C(0),u=C(``),d=C(``),f=C(1),p=C(1);return r({handleScroll:e=>{if(e){let t=e.offsetHeight-4,n=e.offsetWidth-4;l.value=e.scrollTop*100/t*f.value,o.value=e.scrollLeft*100/n*p.value}},update:()=>{let e=a?.wrapElement;if(!e)return;let t=e.offsetHeight-4,n=e.offsetWidth-4,r=t**2/e.scrollHeight,o=n**2/e.scrollWidth,s=Math.max(r,i.minSize),c=Math.max(o,i.minSize);f.value=r/(t-r)/(s/(t-s)),p.value=o/(n-o)/(c/(n-c)),d.value=s+4<t?`${s}px`:``,u.value=c+4<n?`${c}px`:``}}),(t,r)=>(e(),c(M,null,[s(Q,{move:o.value,ratio:p.value,size:u.value,always:n.always},null,8,[`move`,`ratio`,`size`,`always`]),s(Q,{move:l.value,ratio:f.value,size:d.value,vertical:``,always:n.always},null,8,[`move`,`ratio`,`size`,`always`])],64))}});o(),N(),p();var ae=[`tabindex`],$=`ElScrollbar`,oe=z(l({name:$,__name:`scrollbar`,props:K,emits:q,setup(t,{expose:o,emit:s}){let l=t,u=s,p=R(`scrollbar`),_,S,w,E=0,k=0,A=``,M={bottom:!1,top:!1,right:!1,left:!1},N=C(),F=C(),L=C(),z=C(),V=j(()=>{let e={},t=I(l.height),n=I(l.maxHeight);return t&&(e.height=t),n&&(e.maxHeight=n),[l.wrapStyle,e]}),U=j(()=>[l.wrapClass,p.e(`wrap`),{[p.em(`wrap`,`hidden-default`)]:!l.native}]),G=j(()=>[p.e(`view`),l.viewClass]),K=e=>M[e]??!1,q={top:`bottom`,bottom:`top`,left:`right`,right:`left`},J=e=>{let t=q[A];if(!t)return;let n=e[A],r=e[t];n&&!M[A]&&(M[A]=!0),!r&&M[t]&&(M[t]=!1)},Y=()=>{if(F.value){z.value?.handleScroll(F.value);let e=E,t=k;E=F.value.scrollTop,k=F.value.scrollLeft;let n={bottom:!Z(F.value.scrollHeight-l.distance,F.value.clientHeight+E),top:E<=l.distance&&e!==0,right:!Z(F.value.scrollWidth-l.distance,F.value.clientWidth+k)&&t!==k,left:k<=l.distance&&t!==0};if(u(`scroll`,{scrollTop:E,scrollLeft:k}),e!==E&&(A=E>e?`bottom`:`top`),t!==k&&(A=k>t?`right`:`left`),l.distance>0){if(K(A))return;J(n)}n[A]&&u(`end-reached`,A)}};function te(e,t){ee(e)?F.value.scrollTo(e):H(e)&&H(t)&&F.value.scrollTo(e,t)}let ne=e=>{if(!H(e)){B($,`value must be a number`);return}F.value.scrollTop=e},re=e=>{if(!H(e)){B($,`value must be a number`);return}F.value.scrollLeft=e},Q=()=>{z.value?.update(),M[A]=!1,F.value&&z.value?.handleScroll(F.value)};return O(()=>l.noresize,e=>{e?(_?.(),S?.(),w?.()):({stop:_}=P(L,Q),{stop:S}=P(F,Q),w=W(`resize`,Q))},{immediate:!0}),O(()=>[l.maxHeight,l.height],()=>{l.native||h(()=>{Q()})}),x(X,r({scrollbarElement:N,wrapElement:F})),a(()=>{F.value&&(F.value.scrollTop=E,F.value.scrollLeft=k)}),g(()=>{l.native||h(()=>{Q()})}),d(()=>Q()),o({wrapRef:F,update:Q,scrollTo:te,setScrollTop:ne,setScrollLeft:re,handleScroll:Y}),(r,a)=>(e(),c(`div`,{ref_key:`scrollbarRef`,ref:N,class:b(f(p).b())},[m(`div`,{ref_key:`wrapRef`,ref:F,class:b(U.value),style:D(V.value),tabindex:t.tabindex,onScroll:Y},[(e(),i(y(t.tag),{id:t.id,ref_key:`resizeRef`,ref:L,class:b(G.value),style:D(t.viewStyle),role:t.role,"aria-label":t.ariaLabel,"aria-orientation":t.ariaOrientation},{default:v(()=>[T(r.$slots,`default`)]),_:3},8,[`id`,`class`,`style`,`role`,`aria-label`,`aria-orientation`]))],46,ae),t.native?n(`v-if`,!0):(e(),i(ie,{key:0,ref_key:`barRef`,ref:z,always:t.always,"min-size":t.minSize},null,8,[`always`,`min-size`]))],2))}}));export{q as i,Z as n,J as r,oe as t};