@pdanpdan/virtual-scroll 0.3.0 → 0.4.0

package/dist/index.js

@@ -1,2 +1,2 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VirtualScroll={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=class{tree;values;constructor(e){this.tree=new Float64Array(e+1),this.values=new Float64Array(e)}update(e,t){if(!(e<0||e>=this.values.length))for(this.values[e]=this.values[e]+t,e++;e<this.tree.length;)this.tree[e]=this.tree[e]+t,e+=e&-e}query(e){let t=0;for(;e>0;)t+=this.tree[e]||0,e-=e&-e;return t}set(e,t){e<0||e>=this.values.length||(this.values[e]=t)}get length(){return this.values.length}get(e){return this.values[e]||0}getValues(){return this.values}findLowerBound(e){let t=0,n=this.tree.length,r=1<<Math.floor(Math.log2(n-1));for(;r>0;){let i=t+r;if(i<n){let n=this.tree[i]||0;n<=e&&(t=i,e-=n)}r>>=1}return t}rebuild(){this.tree.fill(0);for(let e=0;e<this.values.length;e++)this.tree[e+1]=this.values[e]||0;for(let e=1;e<this.tree.length;e++){let t=e+(e&-e);t<this.tree.length&&(this.tree[t]=this.tree[t]+this.tree[e])}}resize(e){if(e===this.values.length)return;let t=new Float64Array(e);t.set(this.values.subarray(0,Math.min(e,this.values.length))),this.values=t,this.tree=new Float64Array(e+1),this.rebuild()}shift(e){if(e===0)return;let t=this.values.length,n=new Float64Array(t);e>0?n.set(this.values.subarray(0,Math.min(t-e,this.values.length)),e):n.set(this.values.subarray(-e)),this.values=n,this.rebuild()}};function r(e){return!!e&&`getBoundingClientRect`in e}function i(e){return!!e&&`scrollLeft`in e}function a(e){return typeof e==`object`&&!!e&&(`align`in e||`behavior`in e||`isCorrection`in e)}function o(e,t){return typeof e==`object`&&e?e.x||0:t===`horizontal`&&e||0}function s(e,t){return typeof e==`object`&&e?e.y||0:(t===`vertical`||t===`both`)&&e||0}function c(e){let c=(0,t.ref)(0),l=(0,t.ref)(0),u=(0,t.ref)(!1),d=(0,t.ref)(!1),f=(0,t.ref)(!1),p=(0,t.ref)(!1),m=(0,t.ref)(0),h=(0,t.ref)(0),g=(0,t.reactive)({x:0,y:0}),_,v=(0,t.ref)(!1),y=new n(e.value.items.length),b=new n(e.value.items.length),x=new n(e.value.columnCount||0),S=(0,t.ref)(0),C=new Uint8Array,w=new Uint8Array,T=new Uint8Array,E=(0,t.ref)(null),D=(0,t.ref)(!1),O=[],k=(0,t.computed)(()=>e.value.itemSize===void 0||e.value.itemSize===null||e.value.itemSize===0),A=(0,t.computed)(()=>e.value.columnWidth===void 0||e.value.columnWidth===null||e.value.columnWidth===0),j=(0,t.computed)(()=>typeof e.value.itemSize==`number`&&e.value.itemSize>0?e.value.itemSize:null),M=(0,t.computed)(()=>e.value.defaultItemSize||j.value||40),N=(0,t.computed)(()=>[...e.value.stickyIndices||[]].sort((e,t)=>e-t)),P=(0,t.computed)(()=>{if(S.value,!d.value&&e.value.ssrRange&&!p.value){let{start:t=0,end:n=0,colStart:r=0,colEnd:i=0}=e.value.ssrRange,a=e.value.columnCount||0;if(e.value.direction===`both`){if(a<=0)return 0;let t=i||a,n=x.query(t)-x.query(r);return Math.max(0,n-(t>r&&e.value.columnGap||0))}if(e.value.direction===`horizontal`){if(j.value!==null){let r=n-t;return Math.max(0,r*(j.value+(e.value.columnGap||0))-(r>0&&e.value.columnGap||0))}let r=y.query(n)-y.query(t);return Math.max(0,r-(n>t&&e.value.columnGap||0))}}if(e.value.direction===`both`){let t=e.value.columnCount||0;if(t<=0)return 0;let n=x.query(t);return Math.max(0,n-(e.value.columnGap||0))}if(e.value.direction===`vertical`)return 0;if(j.value!==null){let t=e.value.items.length;return Math.max(0,t*(j.value+(e.value.columnGap||0))-(t>0&&e.value.columnGap||0))}let t=y.query(e.value.items.length);return Math.max(0,t-(e.value.items.length>0&&e.value.columnGap||0))}),F=(0,t.computed)(()=>{if(S.value,!d.value&&e.value.ssrRange&&!p.value){let{start:t,end:n}=e.value.ssrRange;if(e.value.direction===`vertical`||e.value.direction===`both`){if(j.value!==null){let r=n-t;return Math.max(0,r*(j.value+(e.value.gap||0))-(r>0&&e.value.gap||0))}let r=b.query(n)-b.query(t);return Math.max(0,r-(n>t&&e.value.gap||0))}}if(e.value.direction===`horizontal`)return 0;if(j.value!==null){let t=e.value.items.length;return Math.max(0,t*(j.value+(e.value.gap||0))-(t>0&&e.value.gap||0))}let t=b.query(e.value.items.length);return Math.max(0,t-(e.value.items.length>0&&e.value.gap||0))}),I=(0,t.computed)(()=>{let t=e.value.direction===`horizontal`||e.value.direction===`both`?o(e.value.scrollPaddingStart,e.value.direction):0;return Math.max(0,c.value+t-g.x)}),L=(0,t.computed)(()=>{let t=e.value.direction===`vertical`||e.value.direction===`both`?s(e.value.scrollPaddingStart,e.value.direction):0;return Math.max(0,l.value+t-g.y)}),R=t=>{S.value;let n=e.value.columnWidth;if(typeof n==`number`&&n>0)return n;if(Array.isArray(n)&&n.length>0){let r=n[t%n.length];return r!=null&&r>0?r:e.value.defaultColumnWidth||100}return typeof n==`function`?n(t):x.get(t)||e.value.defaultColumnWidth||100},z=(t,n,d)=>{let f=typeof d==`object`&&d&&`isCorrection`in d?d.isCorrection:!1;f||(E.value={rowIndex:t,colIndex:n,options:d});let p=e.value.container||window,_=j.value,S=e.value.gap||0,C=e.value.columnGap||0,w,T;a(d)?(w=d.align,T=d.behavior):w=d;let D=(typeof w==`object`?w.x:w)||`auto`,O=(typeof w==`object`?w.y:w)||`auto`,k=o(e.value.scrollPaddingStart,e.value.direction),A=o(e.value.scrollPaddingEnd,e.value.direction),M=s(e.value.scrollPaddingStart,e.value.direction),N=s(e.value.scrollPaddingEnd,e.value.direction),R=e.value.direction===`vertical`||e.value.direction===`both`,z=e.value.direction===`horizontal`||e.value.direction===`both`,B=m.value-(z?k+A:0),V=h.value-(R?M+N:0),H=I.value,U=L.value,W=0,G=0;if(t!=null&&(t>=e.value.items.length?(U=F.value,G=0):(U=_===null?b.query(t):t*(_+S),G=_===null?b.get(t)-S:_),O===`start`||(O===`center`?U-=(V-G)/2:O===`end`?U-=V-G:U>=L.value&&U+G<=L.value+V||U<L.value||(U-=V-G))),n!=null){let t=e.value.columnCount||0;n>=t&&t>0?(H=P.value,W=0):e.value.direction===`horizontal`?(H=_===null?y.query(n):n*(_+C),W=_===null?y.get(n)-C:_):(H=x.query(n),W=x.get(n)-C),D===`start`||(D===`center`?H-=(B-W)/2:D===`end`?H-=B-W:H>=I.value&&H+W<=I.value+B||H<I.value||(H-=B-W))}H=Math.max(0,Math.min(H,Math.max(0,P.value-B))),U=Math.max(0,Math.min(U,Math.max(0,F.value-V)));let K=H+g.x-(z?k:0),q=U+g.y-(R?M:0),J=n==null||Math.abs(I.value-H)<1,Y=t==null||Math.abs(L.value-U)<1;if(!J||!Y){let e=0,i=0,a=0,o=0,s=0,c=0;if(typeof window<`u`){if(p===window?(e=window.scrollX,i=window.scrollY,a=document.documentElement.scrollWidth,o=document.documentElement.scrollHeight,s=window.innerWidth,c=window.innerHeight):r(p)&&(e=p.scrollLeft,i=p.scrollTop,a=p.scrollWidth,o=p.scrollHeight,s=p.clientWidth,c=p.clientHeight),!J&&n!=null){let t=e<=1&&K<=1,n=e>=a-s-1&&K>=a-s-1;(t||n)&&(J=!0)}if(!Y&&t!=null){let e=i<=1&&q<=1,t=i>=o-c-1&&q>=o-c-1;(e||t)&&(Y=!0)}}}let X=f?`auto`:T||`smooth`;if(v.value=!0,typeof window<`u`&&p===window)window.scrollTo({left:n==null?void 0:Math.max(0,K),top:t==null?void 0:Math.max(0,q),behavior:X});else if(i(p)){let e={behavior:X};n!=null&&(e.left=Math.max(0,K)),t!=null&&(e.top=Math.max(0,q)),typeof p.scrollTo==`function`?p.scrollTo(e):(e.left!==void 0&&(p.scrollLeft=e.left),e.top!==void 0&&(p.scrollTop=e.top))}(X===`auto`||X===void 0)&&(n!=null&&(c.value=Math.max(0,K)),t!=null&&(l.value=Math.max(0,q))),J&&Y&&!u.value&&(E.value=null)},B=(t,n,r)=>{let a=e.value.container||window;v.value=!0;let u=e.value.direction===`vertical`||e.value.direction===`both`,d=e.value.direction===`horizontal`||e.value.direction===`both`,f=o(e.value.scrollPaddingStart,e.value.direction),p=s(e.value.scrollPaddingStart,e.value.direction),_=o(e.value.scrollPaddingEnd,e.value.direction),y=s(e.value.scrollPaddingEnd,e.value.direction),b=m.value-(d?f+_:0),x=h.value-(u?p+y:0),S=t==null?null:d?Math.max(0,Math.min(t,Math.max(0,P.value-b))):Math.max(0,t),C=n==null?null:u?Math.max(0,Math.min(n,Math.max(0,F.value-x))):Math.max(0,n),w=typeof window<`u`&&a===window?window.scrollX:a.scrollLeft,T=typeof window<`u`&&a===window?window.scrollY:a.scrollTop,E=S===null?w:S+g.x-(d?f:0),D=C===null?T:C+g.y-(u?p:0);if(typeof window<`u`&&a===window)window.scrollTo({left:t==null?void 0:E,top:n==null?void 0:D,behavior:r?.behavior||`auto`});else if(i(a)){let e={behavior:r?.behavior||`auto`};t!=null&&(e.left=E),n!=null&&(e.top=D),typeof a.scrollTo==`function`?a.scrollTo(e):(e.left!==void 0&&(a.scrollLeft=e.left),e.top!==void 0&&(a.scrollTop=e.top))}(r?.behavior===`auto`||r?.behavior===void 0)&&(t!=null&&(c.value=E),n!=null&&(l.value=D))},V=()=>{let n=e.value.items,r=n.length,i=e.value.columnCount||0;if(y.resize(r),b.resize(r),x.resize(i),w.length!==r){let e=new Uint8Array(r);e.set(w.subarray(0,Math.min(r,w.length))),w=e}if(T.length!==r){let e=new Uint8Array(r);e.set(T.subarray(0,Math.min(r,T.length))),T=e}if(C.length!==i){let e=new Uint8Array(i);e.set(C.subarray(0,Math.min(i,C.length))),C=e}let a=0;if(e.value.restoreScrollOnPrepend&&O.length>0&&r>O.length){let e=O[0];if(e!==void 0){for(let t=1;t<=r-O.length;t++)if(n[t]===e){a=t;break}}}if(a>0){y.shift(a),b.shift(a),E.value&&E.value.rowIndex!==null&&E.value.rowIndex!==void 0&&(E.value.rowIndex+=a);let i=new Uint8Array(r),o=new Uint8Array(r);i.set(w.subarray(0,Math.min(r-a,w.length)),a),o.set(T.subarray(0,Math.min(r-a,T.length)),a),w=i,T=o;let s=e.value.gap||0,c=e.value.columnGap||0,l=0,u=0;for(let t=0;t<a;t++){let r=typeof e.value.itemSize==`function`?e.value.itemSize(n[t],t):M.value;e.value.direction===`horizontal`?l+=r+c:u+=r+s}(l>0||u>0)&&(0,t.nextTick)(()=>{B(l>0?I.value+l:null,u>0?L.value+u:null,{behavior:`auto`})})}if(i>0){let t=e.value.columnGap||0,n=!1;for(let e=0;e<i;e++){let r=R(e),i=x.get(e),a=C[e]===1;if(!A.value||!a||i===0){let a=r+t;Math.abs(i-a)>.5?(x.set(e,a),C[e]=A.value?0:1,n=!0):A.value||(C[e]=1)}}n&&x.rebuild()}let o=e.value.gap||0,s=e.value.columnGap||0,c=!1;for(let t=0;t<r;t++){let n=e.value.items[t],r=y.get(t),i=b.get(t),a=typeof e.value.itemSize==`function`?e.value.itemSize(n,t):M.value,l=e.value.direction===`vertical`,u=e.value.direction===`horizontal`,d=e.value.direction===`both`,f=u?a+s:0,p=l||d?a+o:0,m=w[t]===1,h=T[t]===1;u?(!k.value||!m||r===0)&&(Math.abs(r-f)>.5?(y.set(t,f),w[t]=k.value?0:1,c=!0):k.value||(w[t]=1)):r!==0&&(y.set(t,0),w[t]=0,c=!0),l||d?(!k.value||!h||i===0)&&(Math.abs(i-p)>.5?(b.set(t,p),T[t]=k.value?0:1,c=!0):k.value||(T[t]=1)):i!==0&&(b.set(t,0),T[t]=0,c=!0)}c&&(y.rebuild(),b.rebuild()),O=[...n],D.value=!0,S.value++},H=()=>{if(e.value.hostElement&&typeof window<`u`){let t=e.value.hostElement.getBoundingClientRect(),n=e.value.container||window,i=0,a=0;if(n===window)i=t.left+window.scrollX,a=t.top+window.scrollY;else if(n===e.value.hostElement)i=0,a=0;else if(r(n)){let e=n.getBoundingClientRect();i=t.left-e.left+n.scrollLeft,a=t.top-e.top+n.scrollTop}(Math.abs(g.x-i)>.1||Math.abs(g.y-a)>.1)&&(g.x=i,g.y=a)}};(0,t.watch)([()=>e.value.items,()=>e.value.direction,()=>e.value.columnCount,()=>e.value.columnWidth,()=>e.value.itemSize,()=>e.value.gap,()=>e.value.columnGap,()=>e.value.defaultItemSize,()=>e.value.defaultColumnWidth],V,{immediate:!0}),(0,t.watch)(()=>[e.value.container,e.value.hostElement],()=>{H()});let U=(0,t.computed)(()=>{if(S.value,(!d.value||f.value)&&e.value.ssrRange)return{start:e.value.ssrRange.start,end:e.value.ssrRange.end};let t=e.value.direction||`vertical`,n=e.value.ssrRange&&!u.value?0:e.value.bufferBefore??5,r=e.value.bufferAfter??5,i=e.value.gap||0,a=e.value.columnGap||0,c=j.value,l=o(e.value.scrollPaddingStart,t),p=o(e.value.scrollPaddingEnd,t),g=s(e.value.scrollPaddingStart,t),_=s(e.value.scrollPaddingEnd,t),v=t===`vertical`||t===`both`,x=t===`horizontal`||t===`both`,C=m.value-(x?l+p:0),w=h.value-(v?g+_:0),T=0,E=e.value.items.length;if(v)if(c!==null)T=Math.floor(L.value/(c+i)),E=Math.ceil((L.value+w)/(c+i));else{T=b.findLowerBound(L.value);let t=b.query(T),n=T;for(;n<e.value.items.length&&t<L.value+w;)t=b.query(++n);E=n}else if(c!==null)T=Math.floor(I.value/(c+a)),E=Math.ceil((I.value+C)/(c+a));else{T=y.findLowerBound(I.value);let t=y.query(T),n=T;for(;n<e.value.items.length&&t<I.value+C;)t=y.query(++n);E=n}return{start:Math.max(0,T-n),end:Math.min(e.value.items.length,E+r)}}),W=(0,t.computed)(()=>{S.value;let t=j.value,n=e.value.gap||0,r=e.value.columnGap||0;return e.value.direction===`horizontal`?t===null?y.findLowerBound(I.value):Math.floor(I.value/(t+r)):t===null?b.findLowerBound(L.value):Math.floor(L.value/(t+n))}),G=(0,t.computed)(()=>{S.value;let{start:t,end:n}=U.value,r=[],i=j.value,a=e.value.gap||0,o=e.value.columnGap||0,s=N.value,c=new Set;for(let e=t;e<n;e++)c.add(e);if(d.value||!e.value.ssrRange){let e=W.value,r,i=0,a=s.length-1;for(;i<=a;){let t=i+a>>>1;s[t]<e?(r=s[t],i=t+1):a=t-1}r!==void 0&&c.add(r);for(let e of s)e>=t&&e<n&&c.add(e)}let l=Array.from(c).sort((e,t)=>e-t),u=e.value.ssrRange?.start||0,f=e.value.ssrRange?.colStart||0,p=0,g=0;!d.value&&e.value.ssrRange&&(g=e.value.direction===`vertical`||e.value.direction===`both`?i===null?b.query(u):u*(i+a):0,e.value.direction===`horizontal`?p=i===null?y.query(f):f*(i+o):e.value.direction===`both`&&(p=x.query(f)));for(let t of l){let n=e.value.items[t];if(n===void 0)continue;let c=0,l=0,u=0,d=0;e.value.direction===`horizontal`?(c=i===null?y.query(t):t*(i+o),u=i===null?y.get(t)-o:i,d=h.value):(l=(e.value.direction===`vertical`||e.value.direction===`both`)&&i!==null?t*(i+a):b.query(t),d=i===null?b.get(t)-a:i,u=e.value.direction===`both`?P.value:m.value);let f=s.includes(t),_=c,v=l,x=!1,S={x:0,y:0};if(f){if(e.value.direction===`vertical`||e.value.direction===`both`){if(L.value>v){x=!0;let e,n=0,r=s.length-1;for(;n<=r;){let i=n+r>>>1;s[i]>t?(e=s[i],r=i-1):n=i+1}if(e!==void 0){let t=(i===null?b.query(e):e*(i+a))-L.value;t<d&&(S.y=-(d-t))}}}else if(e.value.direction===`horizontal`&&I.value>_){x=!0;let e,n=0,r=s.length-1;for(;n<=r;){let i=n+r>>>1;s[i]>t?(e=s[i],r=i-1):n=i+1}if(e!==void 0){let t=(i===null?y.query(e):e*(i+o))-I.value;t<u&&(S.x=-(u-t))}}}r.push({item:n,index:t,offset:{x:_-p,y:v-g},size:{width:u,height:d},originalX:_,originalY:v,isSticky:f,isStickyActive:x,stickyOffset:S})}return r}),K=(0,t.computed)(()=>{S.value;let t=e.value.columnCount||0;if(!t)return{start:0,end:0,padStart:0,padEnd:0};if((!d.value||f.value)&&e.value.ssrRange){let{colStart:n=0,colEnd:r=0}=e.value.ssrRange;return{start:Math.max(0,n),end:Math.min(t,r||t),padStart:0,padEnd:0}}let n=x.findLowerBound(I.value),r=x.query(n),i=n;for(;i<t&&r<I.value+m.value;)r=x.query(++i);let a=e.value.ssrRange&&!u.value?0:2,o=Math.max(0,n-a),s=Math.min(t,i+a);return{start:o,end:s,padStart:x.query(o),padEnd:x.query(t)-x.query(s)}}),q=(0,t.computed)(()=>{S.value;let t=j.value,n=e.value.columnGap||0,r=0;return(e.value.direction===`horizontal`||e.value.direction===`both`)&&(r=t===null?y.findLowerBound(I.value):Math.floor(I.value/(t+n))),{items:G.value,currentIndex:W.value,currentColIndex:r,scrollOffset:{x:I.value,y:L.value},viewportSize:{width:m.value,height:h.value},totalSize:{width:P.value,height:F.value},isScrolling:u.value,isProgrammaticScroll:v.value,range:U.value,columnRange:K.value}}),J=()=>{v.value=!1,E.value=null},Y=e=>{let t=e.target;typeof window>`u`||(t===window||t===document?(c.value=window.scrollX,l.value=window.scrollY):i(t)&&(c.value=t.scrollLeft,l.value=t.scrollTop),u.value||=(v.value||(E.value=null),!0),clearTimeout(_),_=setTimeout(()=>{u.value=!1,v.value=!1},250))},X=t=>{let n=!1,r=e.value.gap||0,i=e.value.columnGap||0;for(let{index:a,inlineSize:o,blockSize:s,element:c}of t){if((k.value||typeof e.value.itemSize==`function`)&&a>=0){if(e.value.direction===`horizontal`){let e=y.get(a),t=o+i;(!w[a]||Math.abs(t-e)>.5)&&(y.update(a,t-e),w[a]=1,n=!0)}if(e.value.direction===`vertical`||e.value.direction===`both`){let t=b.get(a),i=s+r;e.value.direction,(!T[a]||Math.abs(i-t)>.5)&&(b.update(a,i-t),T[a]=1,n=!0)}}let t=A.value||typeof e.value.columnWidth==`function`;if(e.value.direction===`both`&&c&&e.value.columnCount&&t){let t=c.dataset.colIndex===void 0?Array.from(c.querySelectorAll(`[data-col-index]`)):[c];for(let r of t){let t=Number.parseInt(r.dataset.colIndex,10);if(t>=0&&t<(e.value.columnCount||0)){let e=r.offsetWidth,a=x.get(t),o=e+i;Math.abs(a-o)>.5&&(x.update(t,o-a),C[t]=1,n=!0)}}}}n&&S.value++},ee=(e,t,n,r)=>{X([{index:e,inlineSize:t,blockSize:n,element:r}])},Z=()=>{if(E.value&&!f.value){let{rowIndex:e,colIndex:t,options:n}=E.value;z(e,t,a(n)?{...n,isCorrection:!0}:{align:n,isCorrection:!0})}};(0,t.watch)(S,Z),(0,t.watch)(u,e=>{e||Z()});let Q=null,te=e=>{if(!e||typeof window>`u`)return;let t=e===window?document:e;if(t.addEventListener(`scroll`,Y,{passive:!0}),e===window){m.value=window.innerWidth,h.value=window.innerHeight,c.value=window.scrollX,l.value=window.scrollY;let e=()=>{m.value=window.innerWidth,h.value=window.innerHeight,H()};return window.addEventListener(`resize`,e),()=>{t.removeEventListener(`scroll`,Y),window.removeEventListener(`resize`,e)}}else return m.value=e.clientWidth,h.value=e.clientHeight,c.value=e.scrollLeft,l.value=e.scrollTop,Q=new ResizeObserver(t=>{for(let n of t)n.target===e&&(m.value=e.clientWidth,h.value=e.clientHeight,H())}),Q.observe(e),()=>{t.removeEventListener(`scroll`,Y),Q?.disconnect()}},$;return(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{p.value=!0,(0,t.watch)(()=>e.value.container,e=>{$?.(),$=te(e||null)},{immediate:!0}),H(),e.value.ssrRange||e.value.initialScrollIndex!==void 0?(0,t.nextTick)(()=>{H();let n=e.value.initialScrollIndex===void 0?e.value.ssrRange?.start:e.value.initialScrollIndex,r=e.value.initialScrollAlign||`start`;n!=null&&z(n,e.value.ssrRange?.colStart,{align:r,behavior:`auto`}),d.value=!0,f.value=!0,(0,t.nextTick)(()=>{f.value=!1})}):d.value=!0}),(0,t.onUnmounted)(()=>{$?.()})),{renderedItems:G,totalWidth:P,totalHeight:F,scrollDetails:q,scrollToIndex:z,scrollToOffset:B,stopProgrammaticScroll:J,updateItemSize:ee,updateItemSizes:X,updateHostOffset:H,columnRange:K,getColumnWidth:R,refresh:()=>{y.resize(0),b.resize(0),x.resize(0),C.fill(0),w.fill(0),T.fill(0),V()},isHydrated:d}}var l={key:0,class:`virtual-scroll-debug-info`},u=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,t.defineComponent)({__name:`VirtualScroll`,props:{items:{},itemSize:{},direction:{default:`vertical`},bufferBefore:{default:5},bufferAfter:{default:5},container:{},ssrRange:{},columnCount:{default:0},columnWidth:{},containerTag:{default:`div`},wrapperTag:{default:`div`},itemTag:{default:`div`},scrollPaddingStart:{default:0},scrollPaddingEnd:{default:0},stickyHeader:{type:Boolean,default:!1},stickyFooter:{type:Boolean,default:!1},gap:{default:0},columnGap:{default:0},stickyIndices:{default:()=>[]},loadDistance:{default:200},loading:{type:Boolean,default:!1},restoreScrollOnPrepend:{type:Boolean,default:!1},initialScrollIndex:{},initialScrollAlign:{},defaultItemSize:{},defaultColumnWidth:{},debug:{type:Boolean,default:!1}},emits:[`scroll`,`load`,`visibleRangeChange`],setup(e,{expose:n,emit:r}){let i=e,a=r,u=(0,t.useSlots)(),d=(0,t.ref)(null),f=(0,t.ref)(null),p=(0,t.ref)(null),m=(0,t.ref)(null),h=new Map,g=(0,t.ref)(0),_=(0,t.ref)(0),v=(0,t.computed)(()=>{let e=i.container===void 0?d.value:i.container;return e===d.value||typeof window<`u`&&(e===window||e===null)}),{isHydrated:y,columnRange:b,renderedItems:x,scrollDetails:S,totalHeight:C,totalWidth:w,getColumnWidth:T,scrollToIndex:E,scrollToOffset:D,updateHostOffset:O,updateItemSizes:k,refresh:A,stopProgrammaticScroll:j}=c((0,t.computed)(()=>{let e=i.scrollPaddingStart,t=i.scrollPaddingEnd,n=typeof e==`object`?e.x||0:i.direction===`horizontal`&&e||0,r=typeof e==`object`?e.y||0:i.direction===`horizontal`?0:e||0,a=typeof t==`object`?t.x||0:i.direction===`horizontal`&&t||0,o=typeof t==`object`?t.y||0:i.direction===`horizontal`?0:t||0;return{items:i.items,itemSize:i.itemSize,direction:i.direction,bufferBefore:i.bufferBefore,bufferAfter:i.bufferAfter,container:i.container===void 0?d.value:i.container,hostElement:f.value,ssrRange:i.ssrRange,columnCount:i.columnCount,columnWidth:i.columnWidth,scrollPaddingStart:{x:n,y:r+(i.stickyHeader&&v.value?g.value:0)},scrollPaddingEnd:{x:a,y:o+(i.stickyFooter&&v.value?_.value:0)},gap:i.gap,columnGap:i.columnGap,stickyIndices:i.stickyIndices,loadDistance:i.loadDistance,loading:i.loading,restoreScrollOnPrepend:i.restoreScrollOnPrepend,initialScrollIndex:i.initialScrollIndex,initialScrollAlign:i.initialScrollAlign,defaultItemSize:i.defaultItemSize,defaultColumnWidth:i.defaultColumnWidth,debug:i.debug}}));function M(){A(),(0,t.nextTick)(()=>{let e=[];for(let[t,n]of h.entries())n&&e.push({index:t,inlineSize:n.offsetWidth,blockSize:n.offsetHeight,element:n});e.length>0&&k(e)})}(0,t.watch)(S,(e,t)=>{y.value&&(a(`scroll`,e),(!t||e.range.start!==t.range.start||e.range.end!==t.range.end||e.columnRange.start!==t.columnRange.start||e.columnRange.end!==t.columnRange.end)&&a(`visibleRangeChange`,{start:e.range.start,end:e.range.end,colStart:e.columnRange.start,colEnd:e.columnRange.end}),!i.loading&&(i.direction!==`horizontal`&&e.totalSize.height-(e.scrollOffset.y+e.viewportSize.height)<=i.loadDistance&&a(`load`,`vertical`),i.direction!==`vertical`&&e.totalSize.width-(e.scrollOffset.x+e.viewportSize.width)<=i.loadDistance&&a(`load`,`horizontal`)))}),(0,t.watch)(y,e=>{e&&a(`visibleRangeChange`,{start:S.value.range.start,end:S.value.range.end,colStart:S.value.columnRange.start,colEnd:S.value.columnRange.end})},{once:!0});let N=typeof window>`u`?null:new ResizeObserver(O),P=typeof window>`u`?null:new ResizeObserver(e=>{let t=[];for(let n of e){let e=n.target,r=Number(e.dataset.index);if(e.dataset.colIndex!==void 0)t.push({index:-1,inlineSize:0,blockSize:0,element:e});else if(!Number.isNaN(r)){let i=n.contentRect.width,a=n.contentRect.height;n.borderBoxSize&&n.borderBoxSize.length>0?(i=n.borderBoxSize[0].inlineSize,a=n.borderBoxSize[0].blockSize):(i=e.offsetWidth,a=e.offsetHeight),t.push({index:r,inlineSize:i,blockSize:a,element:e})}}t.length>0&&k(t)}),F=typeof window>`u`?null:new ResizeObserver(()=>{g.value=p.value?.offsetHeight||0,_.value=m.value?.offsetHeight||0,O()});(0,t.watch)(p,(e,t)=>{t&&F?.unobserve(t),e&&F?.observe(e)},{immediate:!0}),(0,t.watch)(m,(e,t)=>{t&&F?.unobserve(t),e&&F?.observe(e)},{immediate:!0});let I=(0,t.computed)(()=>x.value[0]?.index);(0,t.watch)(I,(e,t)=>{if(i.direction===`both`){if(t!==void 0){let e=h.get(t);e&&e.querySelectorAll(`[data-col-index]`).forEach(e=>P?.unobserve(e))}if(e!==void 0){let t=h.get(e);t&&t.querySelectorAll(`[data-col-index]`).forEach(e=>P?.observe(e))}}},{flush:`post`}),(0,t.onMounted)(()=>{d.value&&N?.observe(d.value);for(let e of h.values())P?.observe(e);if(I.value!==void 0){let e=h.get(I.value);e&&e.querySelectorAll(`[data-col-index]`).forEach(e=>P?.observe(e))}}),(0,t.watch)([d,f],([e],[t])=>{t&&N?.unobserve(t),e&&N?.observe(e)});function L(e,t){if(e)h.set(t,e),P?.observe(e);else{let e=h.get(t);e&&(P?.unobserve(e),h.delete(t))}}function R(e){j();let{viewportSize:t,scrollOffset:n}=S.value,r=i.direction!==`vertical`,a=i.direction!==`horizontal`;if(e.key===`Home`){e.preventDefault(),E(0,0,`start`);return}if(e.key===`End`){e.preventDefault();let t=i.items.length-1,n=(i.columnCount||0)>0?i.columnCount-1:0;r?a?E(t,n,`end`):E(0,t,`end`):E(t,0,`end`);return}if(e.key===`ArrowUp`){e.preventDefault(),D(null,n.y-40);return}if(e.key===`ArrowDown`){e.preventDefault(),D(null,n.y+40);return}if(e.key===`ArrowLeft`){e.preventDefault(),D(n.x-40,null);return}if(e.key===`ArrowRight`){e.preventDefault(),D(n.x+40,null);return}if(e.key===`PageUp`){e.preventDefault(),D(!a&&r?n.x-t.width:null,a?n.y-t.height:null);return}e.key===`PageDown`&&(e.preventDefault(),D(!a&&r?n.x+t.width:null,a?n.y+t.height:null))}(0,t.onUnmounted)(()=>{N?.disconnect(),P?.disconnect(),F?.disconnect()});let z=(0,t.computed)(()=>{let e=i.container;return e===null||typeof window<`u`&&e===window?!0:e&&typeof e==`object`&&`tagName`in e?e.tagName===`BODY`:!1}),B=(0,t.computed)(()=>z.value?{...i.direction===`vertical`?{}:{whiteSpace:`nowrap`}}:i.containerTag===`table`?{minInlineSize:i.direction===`vertical`?`100%`:`auto`}:{...i.direction===`vertical`?{}:{whiteSpace:`nowrap`}}),V=(0,t.computed)(()=>({inlineSize:i.direction===`vertical`?`100%`:`${w.value}px`,blockSize:i.direction===`horizontal`?`100%`:`${C.value}px`})),H=(0,t.computed)(()=>{let e=i.direction===`horizontal`;return{display:e?`inline-block`:`block`,...e?{blockSize:`100%`,verticalAlign:`top`}:{inlineSize:`100%`}}}),U=(0,t.computed)(()=>({inlineSize:i.direction===`vertical`?`1px`:`${w.value}px`,blockSize:i.direction===`horizontal`?`1px`:`${C.value}px`}));function W(e){let t=i.direction===`vertical`,n=i.direction===`horizontal`,r=i.direction===`both`,a=i.itemSize===void 0||i.itemSize===null||i.itemSize===0,c={blockSize:n?`100%`:a?`auto`:`${e.size.height}px`};return t&&i.containerTag===`table`?c.minInlineSize=`100%`:c.inlineSize=t?`100%`:a?`auto`:`${e.size.width}px`,a&&(t||(c.minInlineSize=`1px`),n||(c.minBlockSize=`1px`)),y.value&&(e.isStickyActive?((t||r)&&(c.insetBlockStart=`${s(i.scrollPaddingStart,i.direction)}px`),(n||r)&&(c.insetInlineStart=`${o(i.scrollPaddingStart,i.direction)}px`),c.transform=`translate(${e.stickyOffset.x}px, ${e.stickyOffset.y}px)`):c.transform=`translate(${e.offset.x}px, ${e.offset.y}px)`),c}let G=(0,t.computed)(()=>i.debug),K=(0,t.computed)(()=>i.containerTag===`table`),q=(0,t.computed)(()=>K.value?`thead`:`div`),J=(0,t.computed)(()=>K.value?`tfoot`:`div`);return n({scrollDetails:S,columnRange:b,getColumnWidth:T,scrollToIndex:E,scrollToOffset:D,refresh:M,stopProgrammaticScroll:j}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.containerTag),{ref_key:`hostRef`,ref:d,class:(0,t.normalizeClass)([`virtual-scroll-container`,[`virtual-scroll--${e.direction}`,{"virtual-scroll--hydrated":(0,t.unref)(y),"virtual-scroll--window":z.value,"virtual-scroll--table":K.value}]]),style:(0,t.normalizeStyle)(B.value),tabindex:`0`,onKeydown:R,onWheelPassive:(0,t.unref)(j),onPointerdownPassive:(0,t.unref)(j),onTouchstartPassive:(0,t.unref)(j)},{default:(0,t.withCtx)(()=>[u.header?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(q.value),{key:0,ref_key:`headerRef`,ref:p,class:(0,t.normalizeClass)([`virtual-scroll-header`,{"virtual-scroll--sticky":e.stickyHeader}])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`header`,{},void 0,!0)]),_:3},8,[`class`])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.wrapperTag),{ref_key:`wrapperRef`,ref:f,class:`virtual-scroll-wrapper`,style:(0,t.normalizeStyle)(V.value)},{default:(0,t.withCtx)(()=>[K.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.itemTag),{key:0,class:`virtual-scroll-spacer`,style:(0,t.normalizeStyle)(U.value)},{default:(0,t.withCtx)(()=>[...r[0]||=[(0,t.createElementVNode)(`td`,{style:{padding:`0`,border:`none`,"block-size":`inherit`}},null,-1)]]),_:1},8,[`style`])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(x),r=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.itemTag),{key:r.index,ref_for:!0,ref:e=>L(e,r.index),"data-index":r.index,class:(0,t.normalizeClass)([`virtual-scroll-item`,{"virtual-scroll--sticky":r.isStickyActive,"virtual-scroll--debug":G.value}]),style:(0,t.normalizeStyle)(W(r))},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`item`,{item:r.item,index:r.index,columnRange:(0,t.unref)(b),getColumnWidth:(0,t.unref)(T),isSticky:r.isSticky,isStickyActive:r.isStickyActive},void 0,!0),G.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,` #`+(0,t.toDisplayString)(r.index)+` (`+(0,t.toDisplayString)(Math.round(r.offset.x))+`, `+(0,t.toDisplayString)(Math.round(r.offset.y))+`) `,1)):(0,t.createCommentVNode)(``,!0)]),_:2},1032,[`data-index`,`class`,`style`]))),128))]),_:3},8,[`style`])),e.loading&&u.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:`virtual-scroll-loading`,style:(0,t.normalizeStyle)(H.value)},[(0,t.renderSlot)(n.$slots,`loading`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0),u.footer?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(J.value),{key:2,ref_key:`footerRef`,ref:m,class:(0,t.normalizeClass)([`virtual-scroll-footer`,{"virtual-scroll--sticky":e.stickyFooter}])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`footer`,{},void 0,!0)]),_:3},8,[`class`])):(0,t.createCommentVNode)(``,!0)]),_:3},40,[`class`,`style`,`onWheelPassive`,`onPointerdownPassive`,`onTouchstartPassive`]))}}),[[`__scopeId`,`data-v-d61a0f1d`]]);e.DEFAULT_BUFFER=5,e.DEFAULT_COLUMN_WIDTH=100,e.DEFAULT_ITEM_SIZE=40,e.FenwickTree=n,e.VirtualScroll=u,e.getPaddingX=o,e.getPaddingY=s,e.isElement=r,e.isScrollToIndexOptions=a,e.isScrollableElement=i,e.useVirtualScroll=c});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VirtualScroll={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=class{tree;values;constructor(e){this.tree=new Float64Array(e+1),this.values=new Float64Array(e)}update(e,t){if(!(e<0||e>=this.values.length))for(this.values[e]=this.values[e]+t,e++;e<this.tree.length;)this.tree[e]=this.tree[e]+t,e+=e&-e}query(e){let t=0;for(;e>0;)t+=this.tree[e]||0,e-=e&-e;return t}set(e,t){e<0||e>=this.values.length||(this.values[e]=t)}get length(){return this.values.length}get(e){return this.values[e]||0}getValues(){return this.values}findLowerBound(e){let t=0,n=this.tree.length,r=1<<Math.floor(Math.log2(n-1));for(;r>0;){let i=t+r;if(i<n){let n=this.tree[i]||0;n<=e&&(t=i,e-=n)}r>>=1}return t}rebuild(){this.tree.fill(0);for(let e=0;e<this.values.length;e++)this.tree[e+1]=this.values[e]||0;for(let e=1;e<this.tree.length;e++){let t=e+(e&-e);t<this.tree.length&&(this.tree[t]=this.tree[t]+this.tree[e])}}resize(e){if(e===this.values.length)return;let t=new Float64Array(e);t.set(this.values.subarray(0,Math.min(e,this.values.length))),this.values=t,this.tree=new Float64Array(e+1),this.rebuild()}shift(e){if(e===0)return;let t=this.values.length,n=new Float64Array(t);e>0?n.set(this.values.subarray(0,Math.min(t-e,this.values.length)),e):n.set(this.values.subarray(-e)),this.values=n,this.rebuild()}};function r(e){return e===null||typeof window<`u`&&e===window}function i(e){return!!e&&typeof e==`object`&&`tagName`in e&&e.tagName===`BODY`}function a(e){return r(e)||i(e)}function o(e){return!!e&&`getBoundingClientRect`in e}function s(e){return!!e&&`scrollLeft`in e}function c(e){return typeof e==`object`&&!!e&&(`align`in e||`behavior`in e||`isCorrection`in e)}function l(e,t){return typeof e==`object`&&e?e.x||0:(t===`horizontal`||t===`both`)&&e||0}function u(e,t){return typeof e==`object`&&e?e.y||0:(t===`vertical`||t===`both`)&&e||0}function d(e){let{rowIndex:t,colIndex:n,options:r,itemsLength:i,columnCount:a,direction:o,usableWidth:s,usableHeight:l,totalWidth:u,totalHeight:d,gap:f,columnGap:p,fixedSize:m,fixedWidth:h,relativeScrollX:g,relativeScrollY:_,getItemSizeY:v,getItemSizeX:y,getItemQueryY:b,getItemQueryX:x,getColumnSize:S,getColumnQuery:C,stickyIndices:w}=e,T;T=c(r)?r.align:r;let E=(typeof T==`object`?T.x:T)||`auto`,D=(typeof T==`object`?T.y:T)||`auto`,O=o===`vertical`||o===`both`,k=o===`horizontal`||o===`both`,A=g,j=_,M=0,N=0,P=E===`auto`?`auto`:E,F=D===`auto`?`auto`:D;if(t!=null){let e=0;if(O&&w&&w.length>0){let n,r=0,i=w.length-1;for(;r<=i;){let e=r+i>>>1;w[e]<t?(n=w[e],r=e+1):i=e-1}n!==void 0&&(e=m===null?v(n)-f:m)}let n=0;if(t>=i?(n=d,N=0):(n=m===null?b(t):t*(m+f),N=m===null?v(t)-f:m),D===`start`)j=n-e;else if(D===`center`)j=n-(l-N)/2;else if(D===`end`)j=n-(l-N);else if(!(N<=l-e?n>=_+e-.5&&n+N<=_+l+.5:n<=_+e+.5&&n+N>=_+l-.5)){let t=n-e,r=n-(l-N);N<=l-e?n<_+e?(j=t,F=`start`):(j=r,F=`end`):Math.abs(t-_)<Math.abs(r-_)?(j=t,F=`start`):(j=r,F=`end`)}}if(n!=null){let e=0;if(k&&w&&w.length>0&&(o===`horizontal`||o===`both`)){let t,r=0,i=w.length-1;for(;r<=i;){let e=r+i>>>1;w[e]<n?(t=w[e],r=e+1):i=e-1}t!==void 0&&(e=o===`horizontal`?m===null?y(t)-p:m:h===null?S(t)-p:h)}let t=0;if(n>=a&&a>0?(t=u,M=0):o===`horizontal`?(t=m===null?x(n):n*(m+p),M=m===null?y(n)-p:m):(t=C(n),M=S(n)-p),E===`start`)A=t-e;else if(E===`center`)A=t-(s-M)/2;else if(E===`end`)A=t-(s-M);else if(!(M<=s-e?t>=g+e-.5&&t+M<=g+s+.5:t<=g+e+.5&&t+M>=g+s-.5)){let n=t-e,r=t-(s-M);M<=s-e?t<g+e?(A=n,P=`start`):(A=r,P=`end`):Math.abs(n-g)<Math.abs(r-g)?(A=n,P=`start`):(A=r,P=`end`)}}return A=Math.max(0,Math.min(A,Math.max(0,u-s))),j=Math.max(0,Math.min(j,Math.max(0,d-l))),{targetX:A,targetY:j,itemWidth:M,itemHeight:N,effectiveAlignX:P,effectiveAlignY:F}}function f(e){let{direction:t,relativeScrollX:n,relativeScrollY:r,usableWidth:i,usableHeight:a,itemsLength:o,bufferBefore:s,bufferAfter:c,gap:l,columnGap:u,fixedSize:d,findLowerBoundY:f,findLowerBoundX:p,queryY:m,queryX:h}=e,g=t===`vertical`||t===`both`,_=0,v=o;if(g)if(d!==null)_=Math.floor(r/(d+l)),v=Math.ceil((r+a)/(d+l));else{_=f(r);let e=r+a;v=f(e),v<o&&m(v)<e&&v++}else if(d!==null)_=Math.floor(n/(d+u)),v=Math.ceil((n+i)/(d+u));else{_=p(n);let e=n+i;v=p(e),v<o&&h(v)<e&&v++}return{start:Math.max(0,_-s),end:Math.min(o,v+c)}}function p(e){let{columnCount:t,relativeScrollX:n,usableWidth:r,colBuffer:i,fixedWidth:a,columnGap:o,findLowerBound:s,query:c,totalColsQuery:l}=e;if(!t)return{start:0,end:0,padStart:0,padEnd:0};let u=0,d=t;if(a!==null)u=Math.floor(n/(a+o)),d=Math.ceil((n+r)/(a+o));else{u=s(n);let e=c(u),i=u;for(;i<t&&e<n+r;)e=c(++i);d=i}let f=Math.max(0,u-i),p=Math.min(t,d+i),m=a===null?c(f):f*(a+o),h=a===null?Math.max(0,l()-o):t*(a+o)-o,g=a===null?c(p)-(p>=t?o:0):p*(a+o)-(p>=t?o:0);return{start:f,end:p,padStart:m,padEnd:Math.max(0,h-g)}}function m(e){let{index:t,isSticky:n,direction:r,relativeScrollX:i,relativeScrollY:a,originalX:o,originalY:s,width:c,height:l,stickyIndices:u,fixedSize:d,fixedWidth:f,gap:p,columnGap:m,getItemQueryY:h,getItemQueryX:g}=e,_=!1,v={x:0,y:0};if(!n)return{isStickyActive:_,stickyOffset:v};if((r===`vertical`||r===`both`)&&a>s){let e,n=0,r=u.length-1;for(;n<=r;){let i=n+r>>>1;u[i]>t?(e=u[i],r=i-1):n=i+1}if(e!==void 0){let t=d===null?h(e):e*(d+p);a>=t?_=!1:(_=!0,v.y=Math.max(0,Math.min(l,t-a))-l)}else _=!0}if((r===`horizontal`||r===`both`&&!_)&&i>o){let e,n=0,a=u.length-1;for(;n<=a;){let r=n+a>>>1;u[r]>t?(e=u[r],a=r-1):n=r+1}if(e!==void 0){let t=r===`horizontal`?d===null?g(e):e*(d+m):f===null?g(e):e*(f+m);i>=t?_=!1:(_=!0,v.x=Math.max(0,Math.min(c,t-i))-c)}else _=!0}return{isStickyActive:_,stickyOffset:v}}function h(e){let{index:t,direction:n,fixedSize:r,gap:i,columnGap:a,usableWidth:o,usableHeight:s,totalWidth:c,queryY:l,queryX:u,getSizeY:d,getSizeX:f}=e,p=0,m=0,h=0,g=0;return n===`horizontal`?(p=r===null?u(t):t*(r+a),h=r===null?f(t)-a:r,g=s):(m=(n===`vertical`||n===`both`)&&r!==null?t*(r+i):l(t),g=r===null?d(t)-i:r,h=n===`both`?c:o),{height:g,width:h,x:p,y:m}}function g(e){let{item:t,direction:n,itemSize:r,containerTag:i,paddingStartX:a,paddingStartY:o,isHydrated:s}=e,c=n===`vertical`,l=n===`horizontal`,u=n===`both`,d=r==null||r===0,f={blockSize:l?`100%`:d?`auto`:`${t.size.height}px`};return c&&i===`table`?f.minInlineSize=`100%`:f.inlineSize=c?`100%`:d?`auto`:`${t.size.width}px`,d&&(c||(f.minInlineSize=`1px`),l||(f.minBlockSize=`1px`)),s&&(t.isStickyActive?((c||u)&&(f.insetBlockStart=`${o}px`),(l||u)&&(f.insetInlineStart=`${a}px`),f.transform=`translate(${t.stickyOffset.x}px, ${t.stickyOffset.y}px)`):f.transform=`translate(${t.offset.x}px, ${t.offset.y}px)`),f}function _(e){let{direction:t,itemsLength:n,columnCount:r,fixedSize:i,fixedWidth:a,gap:o,columnGap:s,usableWidth:c,usableHeight:l,queryY:u,queryX:d,queryColumn:f}=e,p=0,m=0;return t===`both`?(r>0&&(p=a===null?Math.max(0,f(r)-s):r*(a+s)-s),m=i===null?Math.max(0,u(n)-(n>0?o:0)):Math.max(0,n*(i+o)-(n>0?o:0)),p=Math.max(p,c),m=Math.max(m,l)):t===`horizontal`?(p=i===null?Math.max(0,d(n)-(n>0?s:0)):Math.max(0,n*(i+s)-(n>0?s:0)),m=l):(p=c,m=i===null?Math.max(0,u(n)-(n>0?o:0)):Math.max(0,n*(i+o)-(n>0?o:0))),{width:p,height:m}}function v(e){let r=(0,t.ref)(0),i=(0,t.ref)(0),a=(0,t.ref)(!1),g=(0,t.ref)(!1),v=(0,t.ref)(!1),y=(0,t.ref)(!1),b=(0,t.ref)(0),x=(0,t.ref)(0),S=(0,t.reactive)({x:0,y:0}),C,w=(0,t.ref)(!1),T=new n(e.value.items?.length||0),E=new n(e.value.items?.length||0),D=new n(e.value.columnCount||0),O=(0,t.ref)(0),k=new Uint8Array,A=new Uint8Array,j=new Uint8Array,M=(0,t.ref)(null),N=(0,t.ref)(!1),P=[],F=(0,t.computed)(()=>e.value.itemSize===void 0||e.value.itemSize===null||e.value.itemSize===0),I=(0,t.computed)(()=>e.value.columnWidth===void 0||e.value.columnWidth===null||e.value.columnWidth===0),L=(0,t.computed)(()=>typeof e.value.itemSize==`number`&&e.value.itemSize>0?e.value.itemSize:null),R=(0,t.computed)(()=>typeof e.value.columnWidth==`number`&&e.value.columnWidth>0?e.value.columnWidth:null),z=(0,t.computed)(()=>e.value.defaultItemSize||L.value||40),B=(0,t.computed)(()=>[...e.value.stickyIndices||[]].sort((e,t)=>e-t)),ee=(0,t.computed)(()=>new Set(B.value)),V=(0,t.computed)(()=>l(e.value.scrollPaddingStart,e.value.direction)),te=(0,t.computed)(()=>l(e.value.scrollPaddingEnd,e.value.direction)),H=(0,t.computed)(()=>u(e.value.scrollPaddingStart,e.value.direction)),U=(0,t.computed)(()=>u(e.value.scrollPaddingEnd,e.value.direction)),W=(0,t.computed)(()=>{let t=e.value.direction===`horizontal`||e.value.direction===`both`;return b.value-(t?V.value+te.value:0)}),G=(0,t.computed)(()=>{let t=e.value.direction===`vertical`||e.value.direction===`both`;return x.value-(t?H.value+U.value:0)}),K=(0,t.computed)(()=>{if(O.value,!g.value&&e.value.ssrRange&&!y.value){let{start:t=0,end:n=0,colStart:r=0,colEnd:i=0}=e.value.ssrRange,a=e.value.columnCount||0;if(e.value.direction===`both`){if(a<=0)return 0;let t=i||a,n=D.query(t)-D.query(r);return Math.max(0,n-(t>r&&e.value.columnGap||0))}if(e.value.direction===`horizontal`){if(L.value!==null){let r=n-t;return Math.max(0,r*(L.value+(e.value.columnGap||0))-(r>0&&e.value.columnGap||0))}let r=T.query(n)-T.query(t);return Math.max(0,r-(n>t&&e.value.columnGap||0))}}return _({direction:e.value.direction||`vertical`,itemsLength:e.value.items.length,columnCount:e.value.columnCount||0,fixedSize:L.value,fixedWidth:R.value,gap:e.value.gap||0,columnGap:e.value.columnGap||0,usableWidth:W.value,usableHeight:G.value,queryY:e=>E.query(e),queryX:e=>T.query(e),queryColumn:e=>D.query(e)}).width}),q=(0,t.computed)(()=>{if(O.value,!g.value&&e.value.ssrRange&&!y.value){let{start:t,end:n}=e.value.ssrRange;if(e.value.direction===`vertical`||e.value.direction===`both`){if(L.value!==null){let r=n-t;return Math.max(0,r*(L.value+(e.value.gap||0))-(r>0&&e.value.gap||0))}let r=E.query(n)-E.query(t);return Math.max(0,r-(n>t&&e.value.gap||0))}}return _({direction:e.value.direction||`vertical`,itemsLength:e.value.items.length,columnCount:e.value.columnCount||0,fixedSize:L.value,fixedWidth:R.value,gap:e.value.gap||0,columnGap:e.value.columnGap||0,usableWidth:W.value,usableHeight:G.value,queryY:e=>E.query(e),queryX:e=>T.query(e),queryColumn:e=>D.query(e)}).height}),J=(0,t.computed)(()=>{let t=e.value.direction===`horizontal`||e.value.direction===`both`?l(e.value.scrollPaddingStart,e.value.direction):0;return Math.max(0,r.value+t-S.x)}),Y=(0,t.computed)(()=>{let t=e.value.direction===`vertical`||e.value.direction===`both`?u(e.value.scrollPaddingStart,e.value.direction):0;return Math.max(0,i.value+t-S.y)}),ne=t=>{O.value;let n=e.value.columnWidth;if(typeof n==`number`&&n>0)return n;if(Array.isArray(n)&&n.length>0){let r=n[t%n.length];return r!=null&&r>0?r:e.value.defaultColumnWidth||100}return typeof n==`function`?n(t):D.get(t)||e.value.defaultColumnWidth||100},X=(t,n,a)=>{let o=typeof a==`object`&&a&&`isCorrection`in a?a.isCorrection:!1,l=e.value.container||window,u=e.value.direction===`vertical`||e.value.direction===`both`,f=e.value.direction===`horizontal`||e.value.direction===`both`,{targetX:p,targetY:m,effectiveAlignX:h,effectiveAlignY:g}=d({rowIndex:t,colIndex:n,options:a,itemsLength:e.value.items.length,columnCount:e.value.columnCount||0,direction:e.value.direction||`vertical`,usableWidth:W.value,usableHeight:G.value,totalWidth:K.value,totalHeight:q.value,gap:e.value.gap||0,columnGap:e.value.columnGap||0,fixedSize:L.value,fixedWidth:R.value,relativeScrollX:J.value,relativeScrollY:Y.value,getItemSizeY:e=>E.get(e),getItemSizeX:e=>T.get(e),getItemQueryY:e=>E.query(e),getItemQueryX:e=>T.query(e),getColumnSize:e=>D.get(e),getColumnQuery:e=>D.query(e),stickyIndices:B.value});if(!o){let e=c(a)?a.behavior:void 0;M.value={rowIndex:t,colIndex:n,options:{align:{x:h,y:g},...e==null?{}:{behavior:e}}}}let _=p+S.x-(f?V.value:0),v=m+S.y-(u?H.value:0),y;c(a)&&(y=a.behavior);let b=o?`auto`:y||`smooth`;if(w.value=!0,typeof window<`u`&&l===window)window.scrollTo({left:n==null?void 0:Math.max(0,_),top:t==null?void 0:Math.max(0,v),behavior:b});else if(s(l)){let e={behavior:b};n!=null&&(e.left=Math.max(0,_)),t!=null&&(e.top=Math.max(0,v)),typeof l.scrollTo==`function`?l.scrollTo(e):(e.left!==void 0&&(l.scrollLeft=e.left),e.top!==void 0&&(l.scrollTop=e.top))}(b===`auto`||b===void 0)&&(n!=null&&(r.value=Math.max(0,_)),t!=null&&(i.value=Math.max(0,v)))},Z=(t,n,a)=>{let o=e.value.container||window;w.value=!0;let c=e.value.direction===`vertical`||e.value.direction===`both`,l=e.value.direction===`horizontal`||e.value.direction===`both`,u=t==null?null:l?Math.max(0,Math.min(t,Math.max(0,K.value-W.value))):Math.max(0,t),d=n==null?null:c?Math.max(0,Math.min(n,Math.max(0,q.value-G.value))):Math.max(0,n),f=typeof window<`u`&&o===window?window.scrollX:o.scrollLeft,p=typeof window<`u`&&o===window?window.scrollY:o.scrollTop,m=u===null?f:u+S.x-(l?V.value:0),h=d===null?p:d+S.y-(c?H.value:0);if(typeof window<`u`&&o===window)window.scrollTo({left:t==null?void 0:m,top:n==null?void 0:h,behavior:a?.behavior||`auto`});else if(s(o)){let e={behavior:a?.behavior||`auto`};t!=null&&(e.left=m),n!=null&&(e.top=h),typeof o.scrollTo==`function`?o.scrollTo(e):(e.left!==void 0&&(o.scrollLeft=e.left),e.top!==void 0&&(o.scrollTop=e.top))}(a?.behavior===`auto`||a?.behavior===void 0)&&(t!=null&&(r.value=m),n!=null&&(i.value=h))},re=()=>{let n=e.value.items,r=n.length,i=e.value.columnCount||0;if(T.resize(r),E.resize(r),D.resize(i),A.length!==r){let e=new Uint8Array(r);e.set(A.subarray(0,Math.min(r,A.length))),A=e}if(j.length!==r){let e=new Uint8Array(r);e.set(j.subarray(0,Math.min(r,j.length))),j=e}if(k.length!==i){let e=new Uint8Array(i);e.set(k.subarray(0,Math.min(i,k.length))),k=e}let a=0;if(e.value.restoreScrollOnPrepend&&P.length>0&&r>P.length){let e=P[0];if(e!==void 0){for(let t=1;t<=r-P.length;t++)if(n[t]===e){a=t;break}}}if(a>0){T.shift(a),E.shift(a),M.value&&M.value.rowIndex!==null&&M.value.rowIndex!==void 0&&(M.value.rowIndex+=a);let i=new Uint8Array(r),o=new Uint8Array(r);i.set(A.subarray(0,Math.min(r-a,A.length)),a),o.set(j.subarray(0,Math.min(r-a,j.length)),a),A=i,j=o;let s=e.value.gap||0,c=e.value.columnGap||0,l=0,u=0;for(let t=0;t<a;t++){let r=typeof e.value.itemSize==`function`?e.value.itemSize(n[t],t):z.value;e.value.direction===`horizontal`?l+=r+c:u+=r+s}(l>0||u>0)&&(0,t.nextTick)(()=>{Z(l>0?J.value+l:null,u>0?Y.value+u:null,{behavior:`auto`})})}if(i>0){let t=e.value.columnGap||0,n=!1,r=e.value.columnWidth;for(let a=0;a<i;a++){let i=D.get(a),o=k[a]===1;if(!I.value||!o&&i===0){let o=0;o=typeof r==`number`&&r>0?r:Array.isArray(r)&&r.length>0?r[a%r.length]||e.value.defaultColumnWidth||100:typeof r==`function`?r(a):e.value.defaultColumnWidth||100;let s=o+t;Math.abs(i-s)>.5?(D.set(a,s),k[a]=I.value?0:1,n=!0):I.value||(k[a]=1)}}n&&D.rebuild()}let o=e.value.gap||0,s=e.value.columnGap||0,c=!1;for(let t=0;t<r;t++){let n=e.value.items[t],r=T.get(t),i=E.get(t),a=e.value.direction===`vertical`,l=e.value.direction===`horizontal`,u=e.value.direction===`both`,d=A[t]===1,f=j[t]===1;if(l){if(!F.value||!d&&r===0){let i=(typeof e.value.itemSize==`function`?e.value.itemSize(n,t):z.value)+s;Math.abs(r-i)>.5?(T.set(t,i),A[t]=F.value?0:1,c=!0):F.value||(A[t]=1)}}else r!==0&&(T.set(t,0),A[t]=0,c=!0);if(a||u){if(!F.value||!f&&i===0){let r=(typeof e.value.itemSize==`function`?e.value.itemSize(n,t):z.value)+o;Math.abs(i-r)>.5?(E.set(t,r),j[t]=F.value?0:1,c=!0):F.value||(j[t]=1)}}else i!==0&&(E.set(t,0),j[t]=0,c=!0)}c&&(T.rebuild(),E.rebuild()),P=[...n],N.value=!0,O.value++},Q=()=>{if(e.value.hostElement&&typeof window<`u`){let t=e.value.hostElement.getBoundingClientRect(),n=e.value.container||window,r=0,i=0;if(n===window)r=t.left+window.scrollX,i=t.top+window.scrollY;else if(n===e.value.hostElement)r=0,i=0;else if(o(n)){let e=n.getBoundingClientRect();r=t.left-e.left+n.scrollLeft,i=t.top-e.top+n.scrollTop}(Math.abs(S.x-r)>.1||Math.abs(S.y-i)>.1)&&(S.x=r,S.y=i)}};(0,t.watch)([()=>e.value.items,()=>e.value.items.length,()=>e.value.direction,()=>e.value.columnCount,()=>e.value.columnWidth,()=>e.value.itemSize,()=>e.value.gap,()=>e.value.columnGap,()=>e.value.defaultItemSize,()=>e.value.defaultColumnWidth],re,{immediate:!0}),(0,t.watch)(()=>[e.value.container,e.value.hostElement],()=>{Q()});let ie=(0,t.computed)(()=>{if(O.value,(!g.value||v.value)&&e.value.ssrRange)return{start:e.value.ssrRange.start,end:e.value.ssrRange.end};let t=e.value.ssrRange&&!a.value?0:e.value.bufferBefore??5,n=e.value.bufferAfter??5;return f({direction:e.value.direction||`vertical`,relativeScrollX:J.value,relativeScrollY:Y.value,usableWidth:W.value,usableHeight:G.value,itemsLength:e.value.items.length,bufferBefore:t,bufferAfter:n,gap:e.value.gap||0,columnGap:e.value.columnGap||0,fixedSize:L.value,findLowerBoundY:e=>E.findLowerBound(e),findLowerBoundX:e=>T.findLowerBound(e),queryY:e=>E.query(e),queryX:e=>T.query(e)})}),ae=(0,t.computed)(()=>{O.value;let t=L.value,n=e.value.gap||0,r=e.value.columnGap||0;return e.value.direction===`horizontal`?t===null?T.findLowerBound(J.value):Math.floor(J.value/(t+r)):t===null?E.findLowerBound(Y.value):Math.floor(Y.value/(t+n))}),oe=[],se=(0,t.computed)(()=>{O.value;let{start:t,end:n}=ie.value,r=[],i=L.value,a=e.value.gap||0,o=e.value.columnGap||0,s=B.value,c=ee.value,l=new Set;for(let e=t;e<n;e++)l.add(e);if(g.value||!e.value.ssrRange){let e=ae.value,r,i=0,a=s.length-1;for(;i<=a;){let t=i+a>>>1;s[t]<e?(r=s[t],i=t+1):a=t-1}r!==void 0&&l.add(r);let o=0,c=s.length-1,u=-1;for(;o<=c;){let e=o+c>>>1;s[e]>=t?(u=e,c=e-1):o=e+1}if(u!==-1)for(let e=u;e<s.length;e++){let t=s[e];if(t>=n)break;l.add(t)}}let u=Array.from(l).sort((e,t)=>e-t),d=e.value.ssrRange?.start||0,f=e.value.ssrRange?.colStart||0,p=0,_=0;!g.value&&e.value.ssrRange&&(_=e.value.direction===`vertical`||e.value.direction===`both`?i===null?E.query(d):d*(i+a):0,e.value.direction===`horizontal`?p=i===null?T.query(f):f*(i+o):e.value.direction===`both`&&(p=D.query(f)));let v=new Map(oe.map(e=>[e.index,e]));for(let t of u){let n=e.value.items[t];if(n===void 0)continue;let{x:i,y:a,width:o,height:l}=h({index:t,direction:e.value.direction||`vertical`,fixedSize:L.value,gap:e.value.gap||0,columnGap:e.value.columnGap||0,usableWidth:W.value,usableHeight:G.value,totalWidth:K.value,queryY:e=>E.query(e),queryX:e=>T.query(e),getSizeY:e=>E.get(e),getSizeX:e=>T.get(e)}),u=c.has(t),d=i,f=a,{isStickyActive:g,stickyOffset:y}=m({index:t,isSticky:u,direction:e.value.direction||`vertical`,relativeScrollX:J.value,relativeScrollY:Y.value,originalX:d,originalY:f,width:o,height:l,stickyIndices:s,fixedSize:L.value,fixedWidth:R.value,gap:e.value.gap||0,columnGap:e.value.columnGap||0,getItemQueryY:e=>E.query(e),getItemQueryX:e=>T.query(e)}),b=d-p,x=f-_,S=v.get(t);S&&S.item===n&&S.offset.x===b&&S.offset.y===x&&S.size.width===o&&S.size.height===l&&S.isSticky===u&&S.isStickyActive===g&&S.stickyOffset.x===y.x&&S.stickyOffset.y===y.y?r.push(S):r.push({item:n,index:t,offset:{x:b,y:x},size:{width:o,height:l},originalX:d,originalY:f,isSticky:u,isStickyActive:g,stickyOffset:y})}return oe=r,r}),ce=(0,t.computed)(()=>{O.value;let t=e.value.columnCount||0;if(!t)return{start:0,end:0,padStart:0,padEnd:0};if((!g.value||v.value)&&e.value.ssrRange){let{colStart:n=0,colEnd:r=0}=e.value.ssrRange;return{start:Math.max(0,n),end:Math.min(t,r||t),padStart:0,padEnd:0}}let n=e.value.ssrRange&&!a.value?0:2;return p({columnCount:t,relativeScrollX:J.value,usableWidth:W.value,colBuffer:n,fixedWidth:R.value,columnGap:e.value.columnGap||0,findLowerBound:e=>D.findLowerBound(e),query:e=>D.query(e),totalColsQuery:()=>D.query(t)})}),le=(0,t.computed)(()=>{O.value;let t=L.value,n=e.value.columnGap||0,r=0;return e.value.direction===`horizontal`?r=t===null?T.findLowerBound(J.value):Math.floor(J.value/(t+n)):e.value.direction===`both`&&(r=D.findLowerBound(J.value)),{items:se.value,currentIndex:ae.value,currentColIndex:r,scrollOffset:{x:J.value,y:Y.value},viewportSize:{width:b.value,height:x.value},totalSize:{width:K.value,height:q.value},isScrolling:a.value,isProgrammaticScroll:w.value,range:ie.value,columnRange:ce.value}}),ue=()=>{w.value=!1,M.value=null},$=e=>{let t=e.target;typeof window>`u`||(t===window||t===document?(r.value=window.scrollX,i.value=window.scrollY,b.value=document.documentElement.clientWidth,x.value=document.documentElement.clientHeight):s(t)&&(r.value=t.scrollLeft,i.value=t.scrollTop,b.value=t.clientWidth,x.value=t.clientHeight),a.value||=(w.value||(M.value=null),!0),clearTimeout(C),C=setTimeout(()=>{a.value=!1,w.value=!1},250))},de=t=>{let n=!1,r=0,i=0,a=e.value.gap||0,o=e.value.columnGap||0,s=J.value,c=Y.value,l=e.value.direction===`horizontal`?L.value===null?T.findLowerBound(s):Math.floor(s/(L.value+o)):L.value===null?E.findLowerBound(c):Math.floor(c/(L.value+a)),u=e.value.direction===`both`?D.findLowerBound(s):e.value.direction===`horizontal`?l:0,d=e.value.direction===`horizontal`,f=e.value.direction===`vertical`,p=e.value.direction===`both`,m=new Set,h=new Set;for(let{index:s,inlineSize:c,blockSize:g,element:_}of t){if(c<=0&&g<=0)continue;let t=F.value||typeof e.value.itemSize==`function`;if(s>=0&&!m.has(s)&&t&&g>0){if(m.add(s),d&&c>0){let e=T.get(s),t=c+o;if(!A[s]||Math.abs(t-e)>.1){let i=t-e;T.update(s,i),A[s]=1,n=!0,s<l&&(r+=i)}}if(f||p){let e=E.get(s),t=g+a;if(!j[s]||Math.abs(t-e)>.1){let r=t-e;E.update(s,r),j[s]=1,n=!0,s<l&&(i+=r)}}}let v=I.value||typeof e.value.columnWidth==`function`;if(p&&_&&e.value.columnCount&&v&&(c>0||_.dataset.colIndex===void 0)){let t=_.dataset.colIndex;if(t!=null){let i=Number.parseInt(t,10);if(i>=0&&i<(e.value.columnCount||0)&&!h.has(i)){h.add(i);let e=D.get(i),t=c+o;if(!k[i]||Math.abs(e-t)>.1){let a=t-e;Math.abs(a)>.1&&(D.update(i,a),n=!0,i<u&&(r+=a)),k[i]=1}}}else{let t=_.dataset.colIndex===void 0?Array.from(_.querySelectorAll(`[data-col-index]`)):[_];for(let i of t){let t=Number.parseInt(i.dataset.colIndex,10);if(t>=0&&t<(e.value.columnCount||0)&&!h.has(t)){h.add(t);let e=i.getBoundingClientRect().width,a=D.get(t),s=e+o;if(!k[t]||Math.abs(a-s)>.1){let e=s-a;Math.abs(e)>.1&&(D.update(t,e),n=!0,t<u&&(r+=e)),k[t]=1}}}}}}n&&(O.value++,!(M.value!==null||w.value)&&(r!==0||i!==0)&&Z(r===0?null:s+r,i===0?null:c+i,{behavior:`auto`}))},fe=(e,t,n,r)=>{de([{index:e,inlineSize:t,blockSize:n,element:r}])},pe=()=>{if(M.value&&!v.value){let{rowIndex:t,colIndex:n,options:r}=M.value;if(c(r)&&r.behavior===`smooth`&&a.value)return;let{targetX:i,targetY:o}=d({rowIndex:t,colIndex:n,options:r,itemsLength:e.value.items.length,columnCount:e.value.columnCount||0,direction:e.value.direction||`vertical`,usableWidth:W.value,usableHeight:G.value,totalWidth:K.value,totalHeight:q.value,gap:e.value.gap||0,columnGap:e.value.columnGap||0,fixedSize:L.value,fixedWidth:R.value,relativeScrollX:J.value,relativeScrollY:Y.value,getItemSizeY:e=>E.get(e),getItemSizeX:e=>T.get(e),getItemQueryY:e=>E.query(e),getItemQueryX:e=>T.query(e),getColumnSize:e=>D.get(e),getColumnQuery:e=>D.query(e),stickyIndices:B.value}),s=n==null||Math.abs(J.value-i)<1,l=t==null||Math.abs(Y.value-o)<1,u=n==null||n===void 0||k[n]===1,f=t==null||t===void 0||j[t]===1;s&&l?u&&f&&(M.value=null):X(t,n,c(r)?{...r,isCorrection:!0}:{align:r,isCorrection:!0})}};(0,t.watch)([O,b,x],pe),(0,t.watch)(a,e=>{e||pe()});let me=null,he=e=>{if(!e||typeof window>`u`)return;let t=e===window?document:e;if(t.addEventListener(`scroll`,$,{passive:!0}),e===window){b.value=document.documentElement.clientWidth,x.value=document.documentElement.clientHeight,r.value=window.scrollX,i.value=window.scrollY;let e=()=>{b.value=document.documentElement.clientWidth,x.value=document.documentElement.clientHeight,Q()};return window.addEventListener(`resize`,e),()=>{t.removeEventListener(`scroll`,$),window.removeEventListener(`resize`,e)}}else return b.value=e.clientWidth,x.value=e.clientHeight,r.value=e.scrollLeft,i.value=e.scrollTop,me=new ResizeObserver(t=>{for(let n of t)n.target===e&&(b.value=e.clientWidth,x.value=e.clientHeight,Q())}),me.observe(e),()=>{t.removeEventListener(`scroll`,$),me?.disconnect()}},ge;return(0,t.getCurrentInstance)()&&((0,t.onMounted)(()=>{y.value=!0,(0,t.watch)(()=>e.value.container,e=>{ge?.(),ge=he(e||null)},{immediate:!0}),Q(),e.value.ssrRange||e.value.initialScrollIndex!==void 0?(0,t.nextTick)(()=>{Q();let n=e.value.initialScrollIndex===void 0?e.value.ssrRange?.start:e.value.initialScrollIndex,r=e.value.initialScrollAlign||`start`;n!=null&&X(n,e.value.ssrRange?.colStart,{align:r,behavior:`auto`}),g.value=!0,v.value=!0,(0,t.nextTick)(()=>{v.value=!1})}):g.value=!0}),(0,t.onUnmounted)(()=>{ge?.()})),{renderedItems:se,totalWidth:K,totalHeight:q,scrollDetails:le,scrollToIndex:X,scrollToOffset:Z,stopProgrammaticScroll:ue,updateItemSize:fe,updateItemSizes:de,updateHostOffset:Q,columnRange:ce,getColumnWidth:ne,refresh:()=>{T.resize(0),E.resize(0),D.resize(0),k.fill(0),A.fill(0),j.fill(0),re()},isHydrated:g}}var y={key:0,class:`virtual-scroll-debug-info`},b=((e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n})((0,t.defineComponent)({__name:`VirtualScroll`,props:{items:{},itemSize:{},direction:{default:`vertical`},bufferBefore:{default:5},bufferAfter:{default:5},container:{},ssrRange:{},columnCount:{default:0},columnWidth:{},containerTag:{default:`div`},wrapperTag:{default:`div`},itemTag:{default:`div`},scrollPaddingStart:{default:0},scrollPaddingEnd:{default:0},stickyHeader:{type:Boolean,default:!1},stickyFooter:{type:Boolean,default:!1},gap:{default:0},columnGap:{default:0},stickyIndices:{default:()=>[]},loadDistance:{default:200},loading:{type:Boolean,default:!1},restoreScrollOnPrepend:{type:Boolean,default:!1},initialScrollIndex:{},initialScrollAlign:{},defaultItemSize:{},defaultColumnWidth:{},debug:{type:Boolean,default:!1}},emits:[`scroll`,`load`,`visibleRangeChange`],setup(e,{expose:n,emit:r}){let i=e,o=r,s=(0,t.useSlots)(),c=(0,t.ref)(null),l=(0,t.ref)(null),u=(0,t.ref)(null),d=(0,t.ref)(null),f=new Map,p=(0,t.ref)(0),m=(0,t.ref)(0),h=(0,t.computed)(()=>{let e=i.container===void 0?c.value:i.container;return e===c.value||typeof window<`u`&&(e===window||e===null)}),_=(0,t.computed)(()=>{let e=i.scrollPaddingStart,t=i.scrollPaddingEnd;i.items.length;let n=typeof e==`object`?e.x||0:(i.direction===`horizontal`||i.direction===`both`)&&e||0,r=typeof e==`object`?e.y||0:(i.direction===`vertical`||i.direction===`both`)&&e||0,a=typeof t==`object`?t.x||0:(i.direction===`horizontal`||i.direction===`both`)&&t||0,o=typeof t==`object`?t.y||0:(i.direction===`vertical`||i.direction===`both`)&&t||0;return{items:i.items,itemSize:i.itemSize,direction:i.direction,bufferBefore:i.bufferBefore,bufferAfter:i.bufferAfter,container:i.container===void 0?c.value:i.container,hostElement:l.value,ssrRange:i.ssrRange,columnCount:i.columnCount,columnWidth:i.columnWidth,scrollPaddingStart:{x:n,y:r+(i.stickyHeader&&h.value?p.value:0)},scrollPaddingEnd:{x:a,y:o+(i.stickyFooter&&h.value?m.value:0)},gap:i.gap,columnGap:i.columnGap,stickyIndices:i.stickyIndices,loadDistance:i.loadDistance,loading:i.loading,restoreScrollOnPrepend:i.restoreScrollOnPrepend,initialScrollIndex:i.initialScrollIndex,initialScrollAlign:i.initialScrollAlign,defaultItemSize:i.defaultItemSize,defaultColumnWidth:i.defaultColumnWidth,debug:i.debug}}),{isHydrated:b,columnRange:x,renderedItems:S,scrollDetails:C,totalHeight:w,totalWidth:T,getColumnWidth:E,scrollToIndex:D,scrollToOffset:O,updateHostOffset:k,updateItemSizes:A,refresh:j,stopProgrammaticScroll:M}=v(_);function N(){j(),(0,t.nextTick)(()=>{let e=[];for(let[t,n]of f.entries())n&&e.push({index:t,inlineSize:n.offsetWidth,blockSize:n.offsetHeight,element:n});e.length>0&&A(e)})}(0,t.watch)(C,(e,t)=>{b.value&&(o(`scroll`,e),(!t||e.range.start!==t.range.start||e.range.end!==t.range.end||e.columnRange.start!==t.columnRange.start||e.columnRange.end!==t.columnRange.end)&&o(`visibleRangeChange`,{start:e.range.start,end:e.range.end,colStart:e.columnRange.start,colEnd:e.columnRange.end}),!i.loading&&(i.direction!==`horizontal`&&e.totalSize.height-(e.scrollOffset.y+e.viewportSize.height)<=i.loadDistance&&o(`load`,`vertical`),i.direction!==`vertical`&&e.totalSize.width-(e.scrollOffset.x+e.viewportSize.width)<=i.loadDistance&&o(`load`,`horizontal`)))}),(0,t.watch)(b,e=>{e&&o(`visibleRangeChange`,{start:C.value.range.start,end:C.value.range.end,colStart:C.value.columnRange.start,colEnd:C.value.columnRange.end})},{once:!0});let P=typeof window>`u`?null:new ResizeObserver(k),F=typeof window>`u`?null:new ResizeObserver(e=>{let t=[];for(let n of e){let e=n.target,r=Number(e.dataset.index),i=e.dataset.colIndex,a=n.contentRect.width,o=n.contentRect.height;n.borderBoxSize&&n.borderBoxSize.length>0?(a=n.borderBoxSize[0].inlineSize,o=n.borderBoxSize[0].blockSize):(a=e.offsetWidth,o=e.offsetHeight),i===void 0?Number.isNaN(r)||t.push({index:r,inlineSize:a,blockSize:o,element:e}):t.push({index:-1,inlineSize:a,blockSize:o,element:e})}t.length>0&&A(t)}),I=typeof window>`u`?null:new ResizeObserver(()=>{p.value=u.value?.offsetHeight||0,m.value=d.value?.offsetHeight||0,k()});(0,t.watch)(u,(e,t)=>{t&&I?.unobserve(t),e&&I?.observe(e)},{immediate:!0}),(0,t.watch)(d,(e,t)=>{t&&I?.unobserve(t),e&&I?.observe(e)},{immediate:!0}),(0,t.onMounted)(()=>{c.value&&P?.observe(c.value);for(let e of f.values())F?.observe(e),i.direction===`both`&&e.querySelectorAll(`[data-col-index]`).forEach(e=>F?.observe(e))}),(0,t.watch)([c,l],([e],[t])=>{t&&P?.unobserve(t),e&&P?.observe(e)});function L(e,t){if(e)f.set(t,e),F?.observe(e),i.direction===`both`&&e.querySelectorAll(`[data-col-index]`).forEach(e=>F?.observe(e));else{let e=f.get(t);e&&(F?.unobserve(e),i.direction===`both`&&e.querySelectorAll(`[data-col-index]`).forEach(e=>F?.unobserve(e)),f.delete(t))}}function R(e){let{viewportSize:t,scrollOffset:n}=C.value,r=i.direction!==`vertical`,a=i.direction!==`horizontal`;switch(e.key){case`Home`:e.preventDefault(),M(),D(0,0,`start`);break;case`End`:{e.preventDefault(),M();let t=i.items.length-1,n=(i.columnCount||0)>0?i.columnCount-1:0;r?a?D(t,n,`end`):D(0,t,`end`):D(t,0,`end`);break}case`ArrowUp`:e.preventDefault(),M(),O(null,n.y-40);break;case`ArrowDown`:e.preventDefault(),M(),O(null,n.y+40);break;case`ArrowLeft`:e.preventDefault(),M(),O(n.x-40,null);break;case`ArrowRight`:e.preventDefault(),M(),O(n.x+40,null);break;case`PageUp`:e.preventDefault(),M(),O(!a&&r?n.x-t.width:null,a?n.y-t.height:null);break;case`PageDown`:e.preventDefault(),M(),O(!a&&r?n.x+t.width:null,a?n.y+t.height:null);break}}(0,t.onUnmounted)(()=>{P?.disconnect(),F?.disconnect(),I?.disconnect()});let z=(0,t.computed)(()=>a(i.container)),B=(0,t.computed)(()=>z.value?{...i.direction===`vertical`?{}:{whiteSpace:`nowrap`}}:i.containerTag===`table`?{minInlineSize:i.direction===`vertical`?`100%`:`auto`}:{...i.direction===`vertical`?{}:{whiteSpace:`nowrap`}}),ee=(0,t.computed)(()=>({inlineSize:i.direction===`vertical`?`100%`:`${T.value}px`,blockSize:i.direction===`horizontal`?`100%`:`${w.value}px`})),V=(0,t.computed)(()=>{let e=i.direction===`horizontal`;return{display:e?`inline-block`:`block`,...e?{blockSize:`100%`,verticalAlign:`top`}:{inlineSize:`100%`}}}),te=(0,t.computed)(()=>({inlineSize:i.direction===`vertical`?`1px`:`${T.value}px`,blockSize:i.direction===`horizontal`?`1px`:`${w.value}px`}));function H(e){return g({containerTag:i.containerTag,direction:i.direction,isHydrated:b.value,item:e,itemSize:i.itemSize,paddingStartX:_.value.scrollPaddingStart.x,paddingStartY:_.value.scrollPaddingStart.y})}let U=(0,t.computed)(()=>i.debug),W=(0,t.computed)(()=>i.containerTag===`table`),G=(0,t.computed)(()=>W.value?`thead`:`div`),K=(0,t.computed)(()=>W.value?`tfoot`:`div`);return n({scrollDetails:C,columnRange:x,getColumnWidth:E,scrollToIndex:D,scrollToOffset:O,refresh:N,stopProgrammaticScroll:M}),(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.containerTag),{ref_key:`hostRef`,ref:c,class:(0,t.normalizeClass)([`virtual-scroll-container`,[`virtual-scroll--${e.direction}`,{"virtual-scroll--hydrated":(0,t.unref)(b),"virtual-scroll--window":z.value,"virtual-scroll--table":W.value}]]),style:(0,t.normalizeStyle)(B.value),tabindex:`0`,onKeydown:R,onWheelPassive:(0,t.unref)(M),onPointerdownPassive:(0,t.unref)(M),onTouchstartPassive:(0,t.unref)(M)},{default:(0,t.withCtx)(()=>[s.header?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(G.value),{key:0,ref_key:`headerRef`,ref:u,class:(0,t.normalizeClass)([`virtual-scroll-header`,{"virtual-scroll--sticky":e.stickyHeader}])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`header`,{},void 0,!0)]),_:3},8,[`class`])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.wrapperTag),{ref_key:`wrapperRef`,ref:l,class:`virtual-scroll-wrapper`,style:(0,t.normalizeStyle)(ee.value)},{default:(0,t.withCtx)(()=>[W.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.itemTag),{key:0,class:`virtual-scroll-spacer`,style:(0,t.normalizeStyle)(te.value)},{default:(0,t.withCtx)(()=>[...r[0]||=[(0,t.createElementVNode)(`td`,{style:{padding:`0`,border:`none`,"block-size":`inherit`}},null,-1)]]),_:1},8,[`style`])):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)((0,t.unref)(S),r=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.itemTag),{key:r.index,ref_for:!0,ref:e=>L(e,r.index),"data-index":r.index,class:(0,t.normalizeClass)([`virtual-scroll-item`,{"virtual-scroll--sticky":r.isStickyActive,"virtual-scroll--debug":U.value}]),style:(0,t.normalizeStyle)(H(r))},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`item`,{item:r.item,index:r.index,columnRange:(0,t.unref)(x),getColumnWidth:(0,t.unref)(E),isSticky:r.isSticky,isStickyActive:r.isStickyActive},void 0,!0),U.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,y,` #`+(0,t.toDisplayString)(r.index)+` (`+(0,t.toDisplayString)(Math.round(r.offset.x))+`, `+(0,t.toDisplayString)(Math.round(r.offset.y))+`) `,1)):(0,t.createCommentVNode)(``,!0)]),_:2},1032,[`data-index`,`class`,`style`]))),128))]),_:3},8,[`style`])),e.loading&&s.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:`virtual-scroll-loading`,style:(0,t.normalizeStyle)(V.value)},[(0,t.renderSlot)(n.$slots,`loading`,{},void 0,!0)],4)):(0,t.createCommentVNode)(``,!0),s.footer?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(K.value),{key:2,ref_key:`footerRef`,ref:d,class:(0,t.normalizeClass)([`virtual-scroll-footer`,{"virtual-scroll--sticky":e.stickyFooter}])},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,`footer`,{},void 0,!0)]),_:3},8,[`class`])):(0,t.createCommentVNode)(``,!0)]),_:3},40,[`class`,`style`,`onWheelPassive`,`onPointerdownPassive`,`onTouchstartPassive`]))}}),[[`__scopeId`,`data-v-922485f2`]]);e.DEFAULT_BUFFER=5,e.DEFAULT_COLUMN_WIDTH=100,e.DEFAULT_ITEM_SIZE=40,e.FenwickTree=n,e.VirtualScroll=b,e.calculateColumnRange=p,e.calculateItemPosition=h,e.calculateItemStyle=g,e.calculateRange=f,e.calculateScrollTarget=d,e.calculateStickyItem=m,e.calculateTotalSize=_,e.getPaddingX=l,e.getPaddingY=u,e.isBody=i,e.isElement=o,e.isScrollToIndexOptions=c,e.isScrollableElement=s,e.isWindow=r,e.isWindowLike=a,e.useVirtualScroll=v});
 //# sourceMappingURL=index.js.map