@floor/vlist 0.5.6 → 0.5.7

package/README.md

@@ -58,35 +58,39 @@ npm install @floor/vlist
 For smaller bundles, import only what you need:
 
 ```typescript
-import { createVList } from '@floor/vlist'                    // full library (48.2 KB / 16.0 KB gzip)
-import { createVList } from '@floor/vlist/core'               // lightweight core (7.8 KB / 3.2 KB gzip)
+import { createVList } from '@floor/vlist'                    // full library (70 KB / 23 KB gzip)
+import { createVList } from '@floor/vlist/core'               // lightweight core (8 KB / 3 KB gzip)
+import { createVList } from '@floor/vlist/core-light'         // ultra-minimal (5 KB / 2 KB gzip)
+import { createVList } from '@floor/vlist/builder'            // declarative API (17 KB / 6 KB gzip)
 import { createGridLayout } from '@floor/vlist/grid'          // grid layout utilities only
 import { createSparseStorage } from '@floor/vlist/data'       // data utilities only
-import { getCompressionInfo } from '@floor/vlist/compression'  // compression utilities only
-import { createSelectionState } from '@floor/vlist/selection'  // selection utilities only
-import { createScrollController } from '@floor/vlist/scroll'   // scroll utilities only
-import { createGroupLayout } from '@floor/vlist/groups'        // group/sticky header utilities only
+import { getCompressionInfo } from '@floor/vlist/compression' // compression utilities only
+import { createSelectionState } from '@floor/vlist/selection' // selection utilities only
+import { createScrollController } from '@floor/vlist/scroll'  // scroll utilities only
+import { createGroupLayout } from '@floor/vlist/groups'       // group/sticky header utilities only
 ```
 
 | Import | Minified | Gzipped | Description |
 |--------|----------|---------|-------------|
-| `@floor/vlist` | 48.2 KB | 16.0 KB | All features |
-| **`@floor/vlist/core`** | **7.8 KB** | **3.2 KB** | **Lightweight — 83% smaller** |
-| `@floor/vlist/data` | 9.2 KB | 3.8 KB | Sparse storage, placeholders, data manager |
-| `@floor/vlist/scroll` | 6.0 KB | 2.3 KB | Scroll controller + custom scrollbar |
-| `@floor/vlist/grid` | 4.1 KB | 1.9 KB | Grid layout + 2D renderer |
-| `@floor/vlist/groups` | 3.6 KB | 1.4 KB | Group layout + sticky headers |
-| `@floor/vlist/compression` | 2.6 KB | 1.1 KB | Large-list compression utilities |
-| `@floor/vlist/selection` | 1.9 KB | 0.7 KB | Selection state management |
+| `@floor/vlist` | 70 KB | 23 KB | All features (plugins + framework adapters) |
+| **`@floor/vlist/core`** | **8 KB** | **3 KB** | **Core virtual list — 88% smaller** |
+| **`@floor/vlist/core-light`** | **5 KB** | **2 KB** | **Ultra-minimal — 93% smaller** |
+| `@floor/vlist/builder` | 17 KB | 6 KB | Declarative API with chaining |
+| `@floor/vlist/data` | 12 KB | 5 KB | Sparse storage, placeholders, data manager |
+| `@floor/vlist/scroll` | 9 KB | 3 KB | Scroll controller + custom scrollbar |
+| `@floor/vlist/grid` | 10 KB | 4 KB | Grid layout + 2D renderer |
+| `@floor/vlist/groups` | 11 KB | 5 KB | Group layout + sticky headers |
+| `@floor/vlist/compression` | 8 KB | 3 KB | Large-list compression utilities |
+| `@floor/vlist/selection` | 6 KB | 2 KB | Selection state management |
 
 ### Framework Adapters
 
 Thin wrappers for React, Vue, and Svelte — each under 1 KB:
 
 ```typescript
-import { useVList } from '@floor/vlist/react'       // React hook (0.7 KB / 0.4 KB gzip)
-import { useVList } from '@floor/vlist/vue'         // Vue 3 composable (0.5 KB / 0.4 KB gzip)
-import { vlist } from '@floor/vlist/svelte'         // Svelte action (0.3 KB / 0.2 KB gzip)
+import { useVList } from '@floor/vlist/react'       // React hook (62 KB / 21 KB gzip)
+import { useVList } from '@floor/vlist/vue'         // Vue 3 composable (62 KB / 21 KB gzip)
+import { vlist } from '@floor/vlist/svelte'         // Svelte action (62 KB / 20 KB gzip)
 ```
 
 | Import | Minified | Gzipped | Description |

package/dist/builder/index.js

@@ -93,17 +93,11 @@ let F=null,P=()=>F?F.getTotal():B.length,Bj=[],Gj=[],Wj=[],Dj=[],o=[],Vj=[],L=ne
 else _.viewport.scrollTop=j},Cj=(j=2)=>{let J=N.getTotalHeight();
 return O+R>=J-j},pj=!1,y,T,kj=(j,J,Z,q,W)=>{DJ(j,J,Z,q,W)},Xj=(j,J,Z,q,W)=>{return _J(j,J,Z,q,W)},_j=(j,J)=>{if(typeof J==="string")j.innerHTML=J;
 else j.replaceChildren(J)},Lj=(j,J)=>{let Z=Math.round(N.getOffset(J));
-if($)j.style.transform=`translateX(${Z}
-px)`;
-else j.style.transform=`translateY(${Z}
-px)`},hj=(j,J)=>{let Z=e.acquire();
-if(Z.className=xj,$){if(Z.style.width=`${N.getHeight(j)}
-px`,yj!=null)Z.style.height=`${yj}
-px`}
-else Z.style.height=`${N.getHeight(j)}
-px`;
-return Z.dataset.index=String(j),Z.dataset.id=String(J.id),Z.ariaSelected="false",Z.id=`${Rj}-item-${j}`,r=String(P()),Z.setAttribute("aria-setsize",r),Z.setAttribute("aria-posinset",String(j+1)),_j(Z,t(J,j,Uj)),Lj(Z,j),Z},n=()=>{let j=`${N.getTotalHeight()}
-px`;
+if($)j.style.transform=`translateX(${Z}px)`;
+else j.style.transform=`translateY(${Z}px)`},hj=(j,J)=>{let Z=e.acquire();
+if(Z.className=xj,$){if(Z.style.width=`${N.getHeight(j)}px`,yj!=null)Z.style.height=`${yj}px`}
+else Z.style.height=`${N.getHeight(j)}px`;
+return Z.dataset.index=String(j),Z.dataset.id=String(J.id),Z.ariaSelected="false",Z.id=`${Rj}-item-${j}`,r=String(P()),Z.setAttribute("aria-setsize",r),Z.setAttribute("aria-posinset",String(j+1)),_j(Z,t(J,j,Uj)),Lj(Z,j),Z},n=()=>{let j=`${N.getTotalHeight()}px`;
 if($)_.content.style.width=j;
 else _.content.style.height=j},Nj=new Set,Mj=-1,gj=()=>{if(l)return;
 let j=P();
@@ -118,10 +112,8 @@ G++){let A=F?F.getItem(G):B[G];
 if(!A)continue;
 let b=v.get(G);
 if(b){let w=b.dataset.id,Qj=String(A.id);
-if(w!==Qj)if(_j(b,t(A,G,Uj)),b.dataset.id=Qj,$)b.style.width=`${N.getHeight(G)}
-px`;
-else b.style.height=`${N.getHeight(G)}
-px`;
+if(w!==Qj)if(_j(b,t(A,G,Uj)),b.dataset.id=Qj,$)b.style.width=`${N.getHeight(G)}px`;
+else b.style.height=`${N.getHeight(G)}px`;
 Lj(b,G);
 let qj=Nj.has(A.id),$J=G===Mj;
 if(b.classList.toggle(`${D}-item--selected`,qj),b.classList.toggle(`${D}-item--focused`,$J),b.ariaSelected=qj?"true":"false",Z)b.setAttribute("aria-setsize",r)}
@@ -181,8 +173,7 @@ Z<j;
 Z++){let q=F.getItem(Z);
 if(q)J.push(q)}
 return J}
-return[...B]},getVirtualTotal(){return P()},getCachedCompression(){return{isCompressed:!1,actualHeight:N.getTotalHeight(),virtualHeight:N.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:O,totalItems:P(),containerHeight:R,rangeStart:E.start}},renderIfNeeded(){y()},forceRender(){T()},getRenderFns(){return{renderIfNeeded:y,forceRender:T}},setRenderFns(j,J){y=j,T=J},setVirtualTotalFn(j){P=j},rebuildHeightCache(j){N.rebuild(j??P())},setHeightConfig(j){N=Sj(j,P())},updateContentSize(j){let J=`${j}
-px`;
+return[...B]},getVirtualTotal(){return P()},getCachedCompression(){return{isCompressed:!1,actualHeight:N.getTotalHeight(),virtualHeight:N.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:O,totalItems:P(),containerHeight:R,rangeStart:E.start}},renderIfNeeded(){y()},forceRender(){T()},getRenderFns(){return{renderIfNeeded:y,forceRender:T}},setRenderFns(j,J){y=j,T=J},setVirtualTotalFn(j){P=j},rebuildHeightCache(j){N.rebuild(j??P())},setHeightConfig(j){N=Sj(j,P())},updateContentSize(j){let J=`${j}px`;
 if($)_.content.style.width=J;
 else _.content.style.height=J},updateCompressionMode(){},setVisibleRangeFn(j){kj=j},setScrollToPosFn(j){Xj=j},setPositionElementFn(j){Lj=j},setScrollFns(j,J){u=j,S=(Z)=>{J(Z),i()}},setScrollTarget(j){g.removeEventListener("scroll",i),g=j,g.addEventListener("scroll",i,{passive:!0})},getScrollTarget(){return g},setContainerDimensions(j){dj=j.width,sj=j.height,jj=j.width(),R=j.height(),H.viewportState.containerHeight=R},disableViewportResize(){if(Aj)Aj=!1,bj.unobserve(_.viewport)}};
 F={getState:()=>({total:B.length,cached:B.length,isLoading:!1,pendingRanges:[],error:void 0,hasMore:!1,cursor:void 0}),getTotal:()=>B.length,getCached:()=>B.length,getIsLoading:()=>!1,getHasMore:()=>!1,getStorage:()=>null,getPlaceholders:()=>null,getItem:(j)=>B[j],getItemById:(j)=>{let J=z.get(j);

package/dist/compression/index.js

@@ -47,16 +47,11 @@ return Math.floor(N*J)}
 return K.indexAtOffset(j)},Dy=(j,K)=>{if(typeof K==="number")return j*K>F;
 return K.getTotalHeight()>F},_y=(j)=>{if(j<=0)return 0;
 return Math.floor(F/j)},Ey=(j,K)=>{let J=w(j,K);
-if(!J.isCompressed)return`No compression needed (${j} items, ${(J.actualHeight/1e6).toFixed(2)}
-M px)`;
-return`Compressed to ${(J.ratio*100).toFixed(1)}% (${j} items, ${(J.actualHeight/1e6).toFixed(1)}
-M px → ${(J.virtualHeight/1e6).toFixed(1)}
-M px virtual)`};
+if(!J.isCompressed)return`No compression needed (${j} items, ${(J.actualHeight/1e6).toFixed(2)}M px)`;
+return`Compressed to ${(J.ratio*100).toFixed(1)}% (${j} items, ${(J.actualHeight/1e6).toFixed(1)}M px → ${(J.virtualHeight/1e6).toFixed(1)}M px virtual)`};
 var i=(j,K,J={},y="vlist",N=!1)=>{let{autoHide:Q=!0,autoHideDelay:q=1000,minThumbSize:V=30,showOnHover:B=!0,hoverZoneWidth:E=16,showOnViewportEnter:L=!0}=J,Y=0,W=0,G=0,X=0,$=!1,D=!1,z=0,M=0,b=0,f=null,T=!1,Z=null,P=null,Qy=N?"width":"height",o=N?"translateX":"translateY",u=N?(_)=>_.clientX:(_)=>_.clientY,Yy=N?"left":"top",U=document.createElement("div"),R=document.createElement("div"),O=B?document.createElement("div"):null,$y=()=>{if(U.className=`${y}-scrollbar`,R.className=`${y}-scrollbar-thumb`,N)U.classList.add(`${y}-scrollbar--horizontal`);
-if(U.appendChild(R),j.appendChild(U),O){if(O.className=`${y}-scrollbar-hover`,N)O.classList.add(`${y}-scrollbar-hover--horizontal`),O.style.height=`${E}
-px`;
-else O.style.width=`${E}
-px`;
+if(U.appendChild(R),j.appendChild(U),O){if(O.className=`${y}-scrollbar-hover`,N)O.classList.add(`${y}-scrollbar-hover--horizontal`),O.style.height=`${E}px`;
+else O.style.width=`${E}px`;
 j.appendChild(O)}},S=()=>{if(f)clearTimeout(f),f=null},v=()=>{if(!Q)return;
 S(),f=setTimeout(d,q)},H=()=>{if(Y<=W)return;
 if(S(),!T)U.classList.add(`${y}-scrollbar--visible`),T=!0;
@@ -66,16 +61,13 @@ let C=Y>W;
 if(U.style.display=C?"":"none",!C){d();
 return}
 let k=W/Y;
-G=Math.max(V,k*W),R.style[Qy]=`${G}
-px`,X=W-G,e(b)},e=(_)=>{if(b=_,Y<=W||X<=0)return;
+G=Math.max(V,k*W),R.style[Qy]=`${G}px`,X=W-G,e(b)},e=(_)=>{if(b=_,Y<=W||X<=0)return;
 let A=Y-W,k=Math.min(1,Math.max(0,_/A))*X;
-R.style.transform=`${o}(${k}
-px)`},t=(_)=>{if(_.target===R)return;
+R.style.transform=`${o}(${k}px)`},t=(_)=>{if(_.target===R)return;
 let A=U.getBoundingClientRect(),m=u(_)-A[Yy]-G/2,Ky=Math.max(0,Math.min(m,X))/X,h=Y-W,qy=Ky*h;
 K(qy),H()},yy=(_)=>{_.preventDefault(),_.stopPropagation(),$=!0,z=u(_),M=b,S(),U.classList.add(`${y}-scrollbar--dragging`),document.addEventListener("mousemove",x),document.addEventListener("mouseup",g)},x=(_)=>{if(!$)return;
 let A=u(_)-z,C=X>0?A/X:0,k=Y-W,m=C*k,s=Math.max(0,Math.min(M+m,k)),h=s/k*X;
-if(R.style.transform=`${o}(${h}
-px)`,P=s,Z===null)Z=requestAnimationFrame(()=>{if(P!==null)K(P);
+if(R.style.transform=`${o}(${h}px)`,P=s,Z===null)Z=requestAnimationFrame(()=>{if(P!==null)K(P);
 Z=null})},g=()=>{if($=!1,Z!==null)cancelAnimationFrame(Z),Z=null;
 if(P!==null)K(P),P=null;
 if(U.classList.remove(`${y}-scrollbar--dragging`),Q&&!D)v();
@@ -106,11 +98,7 @@ return E()},y.setVisibleRangeFn((L,Y,W,G,X)=>{let $=w(G,W);
 c(L,Y,W,G,$,X)}),y.setScrollToPosFn((L,Y,W,G,X)=>{let $=w(G,Y);
 return a(L,Y,W,G,$,X)}),y.setPositionElementFn((L,Y)=>{let W=y.getVirtualTotal(),G=w(W,y.heightCache);
 if(G.isCompressed){let X=Math.round(r(Y,y.scrollController.getScrollTop(),y.heightCache,W,y.state.viewportState.containerHeight,G)),$=y.config.horizontal;
-L.style.transform=$?`translateX(${X}
-px)`:`translateY(${X}
-px)`}
+L.style.transform=$?`translateX(${X}px)`:`translateY(${X}px)`}
 else{let X=Math.round(y.heightCache.getOffset(Y)),$=y.config.horizontal;
-L.style.transform=$?`translateX(${X}
-px)`:`translateY(${X}
-px)`}}),B(),y.destroyHandlers.push(()=>{if(j)j.destroy(),j=null})},destroy(){if(j)j.destroy(),j=null}}};
+L.style.transform=$?`translateX(${X}px)`:`translateY(${X}px)`}}),B(),y.destroyHandlers.push(()=>{if(j)j.destroy(),j=null})},destroy(){if(j)j.destroy(),j=null}}};
 export{Ly as withCompression,Dy as needsCompression,_y as getMaxItemsWithoutCompression,w as getCompressionState,Ey as getCompressionInfo,Uy as calculateIndexFromScrollPosition,c as calculateCompressedVisibleRange,a as calculateCompressedScrollToIndex,Gy as calculateCompressedRenderRange,r as calculateCompressedItemPosition,F as MAX_VIRTUAL_HEIGHT};

package/dist/core/index.js

@@ -51,11 +51,8 @@ if(!B.item.template)throw Error("[vlist] item.template is required");
 let{item:X,items:Y,overscan:U=3,classPrefix:$="vlist",scrollElement:q,ariaLabel:J}=B,{height:F,template:N}=X,k=!!q,_=Y?[...Y]:[],y=!1,R=null,D=0,l=`${$}-${Nj++}`,o=_j(B.container),V=$j(o,$,J),W=Zj(),A=Yj(F,_.length),I=Qj();
 if(k)V.root.style.overflow="visible",V.root.style.height="auto",V.viewport.style.overflow="visible",V.viewport.style.height="auto";
 let E=k?window.innerHeight:V.viewport.clientHeight,h={start:0,end:0},M={start:0,end:0},C={start:-1,end:-1},b=new Map,f={selected:!1,focused:!1},n=`${$}-item`,T="",p=(j,K)=>{if(typeof K==="string")j.innerHTML=K;
-else j.replaceChildren(K)},c=(j,K)=>{j.style.transform=`translateY(${Math.round(A.getOffset(K))}
-px)`},i=(j,K)=>{let G=I.acquire();
-return G.className=n,G.style.height=`${A.getHeight(j)}
-px`,G.dataset.index=String(j),G.dataset.id=String(K.id),G.ariaSelected="false",G.id=`${l}-item-${j}`,T=String(_.length),G.setAttribute("aria-setsize",T),G.setAttribute("aria-posinset",String(j+1)),p(G,N(K,j,f)),c(G,j),G},v=()=>{V.content.style.height=`${A.getTotalHeight()}
-px`},P=()=>{if(y)return;
+else j.replaceChildren(K)},c=(j,K)=>{j.style.transform=`translateY(${Math.round(A.getOffset(K))}px)`},i=(j,K)=>{let G=I.acquire();
+return G.className=n,G.style.height=`${A.getHeight(j)}px`,G.dataset.index=String(j),G.dataset.id=String(K.id),G.ariaSelected="false",G.id=`${l}-item-${j}`,T=String(_.length),G.setAttribute("aria-setsize",T),G.setAttribute("aria-posinset",String(j+1)),p(G,N(K,j,f)),c(G,j),G},v=()=>{V.content.style.height=`${A.getTotalHeight()}px`},P=()=>{if(y)return;
 if(Vj(D,E,A,_.length,h),Lj(h,U,_.length,M),M.start===C.start&&M.end===C.end)return;
 let j=String(_.length),K=j!==T;
 T=j;
@@ -67,8 +64,7 @@ Z++){let L=_[Z];
 if(!L)continue;
 let z=b.get(Z);
 if(z){let H=z.dataset.id,w=String(L.id);
-if(H!==w)p(z,N(L,Z,f)),z.dataset.id=w,z.style.height=`${A.getHeight(Z)}
-px`;
+if(H!==w)p(z,N(L,Z,f)),z.dataset.id=w,z.style.height=`${A.getHeight(Z)}px`;
 if(c(z,Z),K)z.setAttribute("aria-setsize",T)}
 else{let H=i(Z,L);
 G.appendChild(H),Q.push({index:Z,element:H})}}

package/dist/core-light.js

@@ -22,15 +22,12 @@ return}
 let j=W.indexAtOffset(B),Q=j,N=W.getOffset(j)-B;
 while(Q<J-1&&N<K)N+=W.getHeight(Q),Q++;
 G.start=j,G.end=Math.min(Q,J-1)},Kj=(B,K,W,J)=>{J.start=Math.max(0,B.start-K),J.end=Math.min(W-1,B.end+K)},Qj=0,Uj=(B)=>{let{item:K,items:W,overscan:J=3,classPrefix:G="vlist",ariaLabel:j}=B,{height:Q,template:N}=K,Z=W?[...W]:[],y=!1,H=0,O=null,h=`${G}-${Qj++}`,c=qj(B.container),$=Bj(c,G,j),D=jj(),F=e(Q,Z.length),b=Gj(),w=$.viewport.clientHeight,S={start:0,end:0},M={start:0,end:0},L={start:-1,end:-1},A=new Map,P={selected:!1,focused:!1},m=`${G}-item`,z="",v=(q,U)=>{if(typeof U==="string")q.innerHTML=U;
-else q.replaceChildren(U)},I=(q,U)=>{q.style.transform=`translateY(${Math.round(F.getOffset(U))}
-px)`},d=(q,U)=>{let X=b.acquire();
-X.className=m,X.style.height=`${F.getHeight(q)}
-px`,X.dataset.index=String(q),X.dataset.id=String(U.id),X.ariaSelected="false",X.id=`${h}-item-${q}`,z=String(Z.length),X.setAttribute("aria-setsize",z),X.setAttribute("aria-posinset",String(q+1));
+else q.replaceChildren(U)},I=(q,U)=>{q.style.transform=`translateY(${Math.round(F.getOffset(U))}px)`},d=(q,U)=>{let X=b.acquire();
+X.className=m,X.style.height=`${F.getHeight(q)}px`,X.dataset.index=String(q),X.dataset.id=String(U.id),X.ariaSelected="false",X.id=`${h}-item-${q}`,z=String(Z.length),X.setAttribute("aria-setsize",z),X.setAttribute("aria-posinset",String(q+1));
 let V=U.id===O;
 if(P.selected=V,V)X.classList.add(`${G}-item--selected`);
 else X.classList.remove(`${G}-item--selected`);
-return v(X,N(U,q,P)),I(X,q),X},f=()=>{$.content.style.height=`${F.getTotalHeight()}
-px`},C=()=>{if(y)return;
+return v(X,N(U,q,P)),I(X,q),X},f=()=>{$.content.style.height=`${F.getTotalHeight()}px`},C=()=>{if(y)return;
 if(Jj(H,w,F,Z.length,S),Kj(S,J,Z.length,M),M.start===L.start&&M.end===L.end)return;
 let q=String(Z.length),U=q!==z;
 z=q;
@@ -42,8 +39,7 @@ Y++){let k=Z[Y];
 if(!k)continue;
 let _=A.get(Y);
 if(_){let T=_.dataset.id,p=String(k.id);
-if(T!==p)v(_,N(k,Y,P)),_.dataset.id=p,_.style.height=`${F.getHeight(Y)}
-px`;
+if(T!==p)v(_,N(k,Y,P)),_.dataset.id=p,_.style.height=`${F.getHeight(Y)}px`;
 let g=k.id===O;
 if(P.selected=g,g)_.classList.add(`${G}-item--selected`);
 else _.classList.remove(`${G}-item--selected`);

package/dist/grid/index.js

@@ -89,15 +89,11 @@ if(p<x&&!u.has(p)){let l=J.getHeight(R);
 z+=l,u.add(p)}}
 f=z}
 else f=A(Z,U);
-Q.style.transform=`translate(${Math.round(_)}
-px, ${Math.round(f)}
-px)`},v=(Q,Z)=>{let U=Q.dataset.id?.startsWith("__group_header"),L=U?P:j.getColumnWidth(P),E;
+Q.style.transform=`translate(${Math.round(_)}px, ${Math.round(f)}px)`},v=(Q,Z)=>{let U=Q.dataset.id?.startsWith("__group_header"),L=U?P:j.getColumnWidth(P),E;
 if(F||U)E=J.getHeight(Z)-j.gap;
 else{let _=j.getRow(Z);
 E=J.getHeight(_)-j.gap}
-Q.style.width=`${L}
-px`,Q.style.height=`${E}
-px`},I=(Q,Z,U,L,E)=>{let _=b.acquire(),f=B(U,L);
+Q.style.width=`${L}px`,Q.style.height=`${E}px`},I=(Q,Z,U,L,E)=>{let _=b.acquire(),f=B(U,L);
 if(_.className=y,_.dataset.index=String(Q),_.dataset.id=String(Z.id),_.dataset.row=String(j.getRow(Q)),_.dataset.col=String(j.getCol(Q)),_.ariaSelected=String(U),O)_.id=`${O}-item-${Q}`;
 if(G)K=String(G()),_.setAttribute("aria-setsize",K),_.setAttribute("aria-posinset",String(Q+1));
 v(_,Q);
@@ -164,8 +160,7 @@ for(let A=0;
 A<M;
 A++)if(q.getCol(A)===0){let S=j.heightCache.getHeight(A);
 V+=S}
-j.heightCache.getTotalHeight=()=>V,j.dom.content.style.height=`${V}
-px`,B()}),j.methods.set("updateGrid",(k)=>{if(k.columns!==void 0){if(!Number.isInteger(k.columns)||k.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
+j.heightCache.getTotalHeight=()=>V,j.dom.content.style.height=`${V}px`,B()}),j.methods.set("updateGrid",(k)=>{if(k.columns!==void 0){if(!Number.isInteger(k.columns)||k.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
 P.columns=k.columns}
 if(k.gap!==void 0){if(k.gap<0)throw Error("[vlist/builder] updateGrid: gap must be non-negative");
 P.gap=k.gap}

package/dist/groups/index.js

@@ -48,15 +48,11 @@ if(x<p&&!C.has(x)){let h=j.getHeight(f);
 k+=h,C.add(x)}}
 y=k}
 else y=w(K,U);
-N.style.transform=`translate(${Math.round(V)}
-px, ${Math.round(y)}
-px)`},I=(N,K)=>{let U=N.dataset.id?.startsWith("__group_header"),O=U?b:J.getColumnWidth(b),A;
+N.style.transform=`translate(${Math.round(V)}px, ${Math.round(y)}px)`},I=(N,K)=>{let U=N.dataset.id?.startsWith("__group_header"),O=U?b:J.getColumnWidth(b),A;
 if(G||U)A=j.getHeight(K)-J.gap;
 else{let V=J.getRow(K);
 A=j.getHeight(V)-J.gap}
-N.style.width=`${O}
-px`,N.style.height=`${A}
-px`},u=(N,K,U,O,A)=>{let V=B.acquire(),y=L(U,O);
+N.style.width=`${O}px`,N.style.height=`${A}px`},u=(N,K,U,O,A)=>{let V=B.acquire(),y=L(U,O);
 if(V.className=F,V.dataset.index=String(N),V.dataset.id=String(K.id),V.dataset.row=String(J.getRow(N)),V.dataset.col=String(J.getCol(N)),V.ariaSelected=String(U),M)V.id=`${M}-item-${N}`;
 if(X)E=String(X()),V.setAttribute("aria-setsize",E),V.setAttribute("aria-posinset",String(N+1));
 I(V,N);
@@ -140,8 +136,7 @@ let P=Z.groups;
 if(z<0||z>=P.length){q.textContent="";
 return}
 let L=P[z],F=J.headerTemplate(L.key,L.groupIndex),R=Z.getHeaderHeight(z);
-if(q.style.height=`${R}
-px`,typeof F==="string")q.innerHTML=F;
+if(q.style.height=`${R}px`,typeof F==="string")q.innerHTML=F;
 else q.replaceChildren(F)},b=(z)=>{let P=Z.groups;
 if(P.length===0){Y();
 return}
@@ -158,8 +153,7 @@ D(L);
 let R=Z.getHeaderHeight(L),H=0,v=L+1;
 if(v<P.length){let w=j.getOffset(P[v].headerLayoutIndex)-z;
 if(w<R)H=w-R}
-if(H!==B)B=H,q.style.transform=H===0?"":`translateY(${Math.round(H)}
-px)`},G=()=>{if(M)return;
+if(H!==B)B=H,q.style.transform=H===0?"":`translateY(${Math.round(H)}px)`},G=()=>{if(M)return;
 M=!0,q.style.display=""},Y=()=>{if(!M)return;
 M=!1,q.style.display="none",X=-1,B=0,q.style.transform=""},_=()=>{let z=X;
 if(X=-1,z>=0)D(z)},E=()=>{q.remove(),X=-1,M=!1};

package/dist/index.js

@@ -72,11 +72,8 @@ return Math.floor(K*Q)}
 return $.indexAtOffset(j)},rj=(j,$)=>{if(typeof $==="number")return j*$>L2;
 return $.getTotalHeight()>L2},nj=(j)=>{if(j<=0)return 0;
 return Math.floor(L2/j)},oj=(j,$)=>{let Q=M2(j,$);
-if(!Q.isCompressed)return`No compression needed (${j} items, ${(Q.actualHeight/1e6).toFixed(2)}
-M px)`;
-return`Compressed to ${(Q.ratio*100).toFixed(1)}% (${j} items, ${(Q.actualHeight/1e6).toFixed(1)}
-M px → ${(Q.virtualHeight/1e6).toFixed(1)}
-M px virtual)`};
+if(!Q.isCompressed)return`No compression needed (${j} items, ${(Q.actualHeight/1e6).toFixed(2)}M px)`;
+return`Compressed to ${(Q.ratio*100).toFixed(1)}% (${j} items, ${(Q.actualHeight/1e6).toFixed(1)}M px → ${(Q.virtualHeight/1e6).toFixed(1)}M px virtual)`};
 var t2=()=>{};
 var b2=(j)=>{return j!==null&&typeof j==="object"&&j.__groupHeader===!0};
 var ij={};
@@ -99,15 +96,11 @@ if(J2<Z2&&!d.has(J2)){let o=Q.getHeight(x);
 k+=o,d.add(J2)}}
 q2=k}
 else q2=H(S,h);
-b.style.transform=`translate(${Math.round(r)}
-px, ${Math.round(q2)}
-px)`},T=(b,S)=>{let h=b.dataset.id?.startsWith("__group_header"),m=h?U:J.getColumnWidth(U),s;
+b.style.transform=`translate(${Math.round(r)}px, ${Math.round(q2)}px)`},T=(b,S)=>{let h=b.dataset.id?.startsWith("__group_header"),m=h?U:J.getColumnWidth(U),s;
 if(_||h)s=Q.getHeight(S)-J.gap;
 else{let r=J.getRow(S);
 s=Q.getHeight(r)-J.gap}
-b.style.width=`${m}
-px`,b.style.height=`${s}
-px`},g=(b,S,h,m,s)=>{let r=V.acquire(),q2=F(h,m);
+b.style.width=`${m}px`,b.style.height=`${s}px`},g=(b,S,h,m,s)=>{let r=V.acquire(),q2=F(h,m);
 if(r.className=O,r.dataset.index=String(b),r.dataset.id=String(S.id),r.dataset.row=String(J.getRow(b)),r.dataset.col=String(J.getCol(b)),r.ariaSelected=String(h),Z)r.id=`${Z}-item-${b}`;
 if(q)W=String(q()),r.setAttribute("aria-setsize",W),r.setAttribute("aria-posinset",String(b+1));
 T(r,b);
@@ -236,17 +229,11 @@ let x=null,J2=()=>x?x.getTotal():M.length,o=[],Q2=[],v=[],f=[],n=[],$2=[],c=new
 else B.viewport.scrollTop=Y},A2=(Y=2)=>{let A=T.getTotalHeight();
 return C+t>=A-Y},U2=!1,Y2,V2,B2=(Y,A,P,I,i)=>{tJ(Y,A,P,I,i)},G2=(Y,A,P,I,i)=>{return j4(Y,A,P,I,i)},D2=(Y,A)=>{if(typeof A==="string")Y.innerHTML=A;
 else Y.replaceChildren(A)},F2=(Y,A)=>{let P=Math.round(T.getOffset(A));
-if(Q)Y.style.transform=`translateX(${P}
-px)`;
-else Y.style.transform=`translateY(${P}
-px)`},FJ=(Y,A)=>{let P=g.acquire();
-if(P.className=q2,Q){if(P.style.width=`${T.getHeight(Y)}
-px`,G!=null)P.style.height=`${G}
-px`}
-else P.style.height=`${T.getHeight(Y)}
-px`;
-return P.dataset.index=String(Y),P.dataset.id=String(A.id),P.ariaSelected="false",P.id=`${W}-item-${Y}`,Z2=String(J2()),P.setAttribute("aria-setsize",Z2),P.setAttribute("aria-posinset",String(Y+1)),D2(P,F(A,Y,r)),F2(P,Y),P},w2=()=>{let Y=`${T.getTotalHeight()}
-px`;
+if(Q)Y.style.transform=`translateX(${P}px)`;
+else Y.style.transform=`translateY(${P}px)`},FJ=(Y,A)=>{let P=g.acquire();
+if(P.className=q2,Q){if(P.style.width=`${T.getHeight(Y)}px`,G!=null)P.style.height=`${G}px`}
+else P.style.height=`${T.getHeight(Y)}px`;
+return P.dataset.index=String(Y),P.dataset.id=String(A.id),P.ariaSelected="false",P.id=`${W}-item-${Y}`,Z2=String(J2()),P.setAttribute("aria-setsize",Z2),P.setAttribute("aria-posinset",String(Y+1)),D2(P,F(A,Y,r)),F2(P,Y),P},w2=()=>{let Y=`${T.getTotalHeight()}px`;
 if(Q)B.content.style.width=Y;
 else B.content.style.height=Y},Dj=new Set,Wj=-1,LJ=()=>{if(e)return;
 let Y=J2();
@@ -261,10 +248,8 @@ a++){let N2=x?x.getItem(a):M[a];
 if(!N2)continue;
 let _2=s.get(a);
 if(_2){let E2=_2.dataset.id,l2=String(N2.id);
-if(E2!==l2)if(D2(_2,F(N2,a,r)),_2.dataset.id=l2,Q)_2.style.width=`${T.getHeight(a)}
-px`;
-else _2.style.height=`${T.getHeight(a)}
-px`;
+if(E2!==l2)if(D2(_2,F(N2,a,r)),_2.dataset.id=l2,Q)_2.style.width=`${T.getHeight(a)}px`;
+else _2.style.height=`${T.getHeight(a)}px`;
 F2(_2,a);
 let s2=Dj.has(N2.id),uJ=a===Wj;
 if(_2.classList.toggle(`${Z}-item--selected`,s2),_2.classList.toggle(`${Z}-item--focused`,uJ),_2.ariaSelected=s2?"true":"false",P)_2.setAttribute("aria-setsize",Z2)}
@@ -324,8 +309,7 @@ P<Y;
 P++){let I=x.getItem(P);
 if(I)A.push(I)}
 return A}
-return[...M]},getVirtualTotal(){return J2()},getCachedCompression(){return{isCompressed:!1,actualHeight:T.getTotalHeight(),virtualHeight:T.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:C,totalItems:J2(),containerHeight:t,rangeStart:S.start}},renderIfNeeded(){Y2()},forceRender(){V2()},getRenderFns(){return{renderIfNeeded:Y2,forceRender:V2}},setRenderFns(Y,A){Y2=Y,V2=A},setVirtualTotalFn(Y){J2=Y},rebuildHeightCache(Y){T.rebuild(Y??J2())},setHeightConfig(Y){T=mj(Y,J2())},updateContentSize(Y){let A=`${Y}
-px`;
+return[...M]},getVirtualTotal(){return J2()},getCachedCompression(){return{isCompressed:!1,actualHeight:T.getTotalHeight(),virtualHeight:T.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:C,totalItems:J2(),containerHeight:t,rangeStart:S.start}},renderIfNeeded(){Y2()},forceRender(){V2()},getRenderFns(){return{renderIfNeeded:Y2,forceRender:V2}},setRenderFns(Y,A){Y2=Y,V2=A},setVirtualTotalFn(Y){J2=Y},rebuildHeightCache(Y){T.rebuild(Y??J2())},setHeightConfig(Y){T=mj(Y,J2())},updateContentSize(Y){let A=`${Y}px`;
 if(Q)B.content.style.width=A;
 else B.content.style.height=A},updateCompressionMode(){},setVisibleRangeFn(Y){B2=Y},setScrollToPosFn(Y){G2=Y},setPositionElementFn(Y){F2=Y},setScrollFns(Y,A){X2=Y,K2=(P)=>{A(P),v2()}},setScrollTarget(Y){P2.removeEventListener("scroll",v2),P2=Y,P2.addEventListener("scroll",v2,{passive:!0})},getScrollTarget(){return P2},setContainerDimensions(Y){bJ=Y.width,PJ=Y.height,l=Y.width(),t=Y.height(),m.viewportState.containerHeight=t},disableViewportResize(){if(Nj)Nj=!1,_j.unobserve(B.viewport)}};
 x={getState:()=>({total:M.length,cached:M.length,isLoading:!1,pendingRanges:[],error:void 0,hasMore:!1,cursor:void 0}),getTotal:()=>M.length,getCached:()=>M.length,getIsLoading:()=>!1,getHasMore:()=>!1,getStorage:()=>null,getPlaceholders:()=>null,getItem:(Y)=>M[Y],getItemById:(Y)=>{let A=k.get(Y);
@@ -500,8 +484,7 @@ for(let H=0;
 H<R;
 H++)if($.getCol(H)===0){let M=J.heightCache.getHeight(H);
 B+=M}
-J.heightCache.getTotalHeight=()=>B,J.dom.content.style.height=`${B}
-px`,F()}),J.methods.set("updateGrid",(E)=>{if(E.columns!==void 0){if(!Number.isInteger(E.columns)||E.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
+J.heightCache.getTotalHeight=()=>B,J.dom.content.style.height=`${B}px`,F()}),J.methods.set("updateGrid",(E)=>{if(E.columns!==void 0){if(!Number.isInteger(E.columns)||E.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
 U.columns=E.columns}
 if(E.gap!==void 0){if(E.gap<0)throw Error("[vlist/builder] updateGrid: gap must be non-negative");
 U.gap=E.gap}
@@ -586,8 +569,7 @@ let G=$.groups;
 if(N<0||N>=G.length){X.textContent="";
 return}
 let F=G[N],O=J.headerTemplate(F.key,F.groupIndex),y=$.getHeaderHeight(N);
-if(X.style.height=`${y}
-px`,typeof O==="string")X.innerHTML=O;
+if(X.style.height=`${y}px`,typeof O==="string")X.innerHTML=O;
 else X.replaceChildren(O)},U=(N)=>{let G=$.groups;
 if(G.length===0){L();
 return}
@@ -604,8 +586,7 @@ D(F);
 let y=$.getHeaderHeight(F),E=0,R=F+1;
 if(R<G.length){let H=Q.getOffset(G[R].headerLayoutIndex)-N;
 if(H<y)E=H-y}
-if(E!==V)V=E,X.style.transform=E===0?"":`translateY(${Math.round(E)}
-px)`},_=()=>{if(Z)return;
+if(E!==V)V=E,X.style.transform=E===0?"":`translateY(${Math.round(E)}px)`},_=()=>{if(Z)return;
 Z=!0,X.style.display=""},L=()=>{if(!Z)return;
 Z=!1,X.style.display="none",q=-1,V=0,X.style.transform=""},z=()=>{let N=q;
 if(q=-1,N>=0)D(N)},W=()=>{X.remove(),q=-1,Z=!1};
@@ -676,15 +657,7 @@ _(),z()},N=()=>{if(X.state.isDestroyed)return;
 L(),z()};
 X.setRenderFns(W,N);
 let G=()=>{z(),Z.emit("selection:change",{selected:R2(J),items:T2(J,(O)=>X.dataManager.getItemById(O))})};
-K=document.createElement("div"),K.setAttribute("aria-live","polite"),K.setAttribute("aria-atomic","true"),K.className=`${D}-live-region`,K.style.cssText="position:absolute;
-width:1px;
-height:1px;
-padding:0;
-margin:-1px;
-overflow:hidden;
-clip:rect(0,0,0,0);
-white-space:nowrap;
-border:0",q.root.appendChild(K);
+K=document.createElement("div"),K.setAttribute("aria-live","polite"),K.setAttribute("aria-atomic","true"),K.className=`${D}-live-region`,K.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",q.root.appendChild(K);
 let F=K;
 Z.on("selection:change",({selected:O})=>{let y=O.length;
 if(y===0)F.textContent="";
@@ -727,10 +700,8 @@ let{renderRange:O,isCompressed:y}=X.state.viewportState,E=X.getItemsForRange(O),
 X.renderer.render(E,O,J.selected,J.focusedIndex,R),Z.emit("selection:change",{selected:[],items:[]})}),X.methods.set("getSelected",()=>{return R2(J)}),X.methods.set("getSelectedItems",()=>{return T2(J,(O)=>X.dataManager.getItemById(O))}),X.destroyHandlers.push(()=>{if(F&&F.parentNode)F.remove()})},destroy(){if(K&&K.parentNode)K.remove();
 K=null}}};
 var C2=(j,$,Q={},J="vlist",K=!1)=>{let{autoHide:X=!0,autoHideDelay:q=1000,minThumbSize:Z=30,showOnHover:V=!0,hoverZoneWidth:D=16,showOnViewportEnter:U=!0}=Q,_=0,L=0,z=0,W=0,N=!1,G=!1,F=0,O=0,y=0,E=null,R=!1,B=null,H=null,M=K?"width":"height",T=K?"translateX":"translateY",g=K?(o)=>o.clientX:(o)=>o.clientY,t=K?"left":"top",l=document.createElement("div"),e=document.createElement("div"),j2=V?document.createElement("div"):null,C=()=>{if(l.className=`${J}-scrollbar`,e.className=`${J}-scrollbar-thumb`,K)l.classList.add(`${J}-scrollbar--horizontal`);
-if(l.appendChild(e),j.appendChild(l),j2){if(j2.className=`${J}-scrollbar-hover`,K)j2.classList.add(`${J}-scrollbar-hover--horizontal`),j2.style.height=`${D}
-px`;
-else j2.style.width=`${D}
-px`;
+if(l.appendChild(e),j.appendChild(l),j2){if(j2.className=`${J}-scrollbar-hover`,K)j2.classList.add(`${J}-scrollbar-hover--horizontal`),j2.style.height=`${D}px`;
+else j2.style.width=`${D}px`;
 j.appendChild(j2)}},w=()=>{if(E)clearTimeout(E),E=null},p=()=>{if(!X)return;
 w(),E=setTimeout(b,q)},u=()=>{if(_<=L)return;
 if(w(),!R)l.classList.add(`${J}-scrollbar--visible`),R=!0;
@@ -740,16 +711,13 @@ let v=_>L;
 if(l.style.display=v?"":"none",!v){b();
 return}
 let f=L/_;
-z=Math.max(Z,f*L),e.style[M]=`${z}
-px`,W=L-z,h(y)},h=(o)=>{if(y=o,_<=L||W<=0)return;
+z=Math.max(Z,f*L),e.style[M]=`${z}px`,W=L-z,h(y)},h=(o)=>{if(y=o,_<=L||W<=0)return;
 let Q2=_-L,f=Math.min(1,Math.max(0,o/Q2))*W;
-e.style.transform=`${T}(${f}
-px)`},m=(o)=>{if(o.target===e)return;
+e.style.transform=`${T}(${f}px)`},m=(o)=>{if(o.target===e)return;
 let Q2=l.getBoundingClientRect(),n=g(o)-Q2[t]-z/2,c=Math.max(0,Math.min(n,W))/W,X2=_-L,K2=c*X2;
 $(K2),u()},s=(o)=>{o.preventDefault(),o.stopPropagation(),N=!0,F=g(o),O=y,w(),l.classList.add(`${J}-scrollbar--dragging`),document.addEventListener("mousemove",r),document.addEventListener("mouseup",q2)},r=(o)=>{if(!N)return;
 let Q2=g(o)-F,v=W>0?Q2/W:0,f=_-L,n=v*f,$2=Math.max(0,Math.min(O+n,f)),X2=$2/f*W;
-if(e.style.transform=`${T}(${X2}
-px)`,H=$2,B===null)B=requestAnimationFrame(()=>{if(H!==null)$(H);
+if(e.style.transform=`${T}(${X2}px)`,H=$2,B===null)B=requestAnimationFrame(()=>{if(H!==null)$(H);
 B=null})},q2=()=>{if(N=!1,B!==null)cancelAnimationFrame(B),B=null;
 if(H!==null)$(H),H=null;
 if(l.classList.remove(`${J}-scrollbar--dragging`),X&&!G)p();
@@ -867,13 +835,9 @@ return D()},J.setVisibleRangeFn((U,_,L,z,W)=>{let N=M2(z,L);
 o2(U,_,L,z,N,W)}),J.setScrollToPosFn((U,_,L,z,W)=>{let N=M2(z,_);
 return i2(U,_,L,z,N,W)}),J.setPositionElementFn((U,_)=>{let L=J.getVirtualTotal(),z=M2(L,J.heightCache);
 if(z.isCompressed){let W=Math.round(H2(_,J.scrollController.getScrollTop(),J.heightCache,L,J.state.viewportState.containerHeight,z)),N=J.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}
 else{let W=Math.round(J.heightCache.getOffset(_)),N=J.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}}),V(),J.destroyHandlers.push(()=>{if(j)j.destroy(),j=null})},destroy(){if(j)j.destroy(),j=null}}};
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}}),V(),J.destroyHandlers.push(()=>{if(j)j.destroy(),j=null})},destroy(){if(j)j.destroy(),j=null}}};
 var GJ=()=>{return{name:"withSnapshots",priority:50,methods:["getScrollSnapshot","restoreScroll"],setup(j){j.methods.set("getScrollSnapshot",()=>{let $=j.scrollController.getScrollTop(),Q=j.getCachedCompression(),J=j.getVirtualTotal(),K=j.methods.get("getSelected"),X=K&&K().length>0?K():void 0;
 if(J===0){let D={index:0,offsetInItem:0};
 if(X)D.selectedIds=X;

package/dist/react/index.js

@@ -70,15 +70,11 @@ if(Qj<Bj&&!Yj.has(Qj)){let t=Q.getHeight(n);
 x+=t,Yj.add(Qj)}}
 Xj=x}
 else Xj=w(T,u);
-z.style.transform=`translate(${Math.round(a)}
-px, ${Math.round(Xj)}
-px)`},v=(z,T)=>{let u=z.dataset.id?.startsWith("__group_header"),h=u?U:j.getColumnWidth(U),l;
+z.style.transform=`translate(${Math.round(a)}px, ${Math.round(Xj)}px)`},v=(z,T)=>{let u=z.dataset.id?.startsWith("__group_header"),h=u?U:j.getColumnWidth(U),l;
 if(F||u)l=Q.getHeight(T)-j.gap;
 else{let a=j.getRow(T);
 l=Q.getHeight(a)-j.gap}
-z.style.width=`${h}
-px`,z.style.height=`${l}
-px`},g=(z,T,u,h,l)=>{let a=E.acquire(),Xj=A(u,h);
+z.style.width=`${h}px`,z.style.height=`${l}px`},g=(z,T,u,h,l)=>{let a=E.acquire(),Xj=A(u,h);
 if(a.className=L,a.dataset.index=String(z),a.dataset.id=String(T.id),a.dataset.row=String(j.getRow(z)),a.dataset.col=String(j.getCol(z)),a.ariaSelected=String(u),Z)a.id=`${Z}-item-${z}`;
 if(q)W=String(q()),a.setAttribute("aria-setsize",W),a.setAttribute("aria-posinset",String(z+1));
 v(a,z);
@@ -209,17 +205,11 @@ let n=null,Qj=()=>n?n.getTotal():D.length,t=[],Jj=[],C=[],S=[],s=[],e=[],m=new M
 else B.viewport.scrollTop=K},Mj=(K=2)=>{let V=v.getTotalHeight();
 return H+o>=V-K},Uj=!1,Kj,_j,Zj=(K,V,P,f,r)=>{C2(K,V,P,f,r)},Gj=(K,V,P,f,r)=>{return f2(K,V,P,f,r)},Wj=(K,V)=>{if(typeof V==="string")K.innerHTML=V;
 else K.replaceChildren(V)},Ej=(K,V)=>{let P=Math.round(v.getOffset(V));
-if(Q)K.style.transform=`translateX(${P}
-px)`;
-else K.style.transform=`translateY(${P}
-px)`},J2=(K,V)=>{let P=g.acquire();
-if(P.className=Xj,Q){if(P.style.width=`${v.getHeight(K)}
-px`,M!=null)P.style.height=`${M}
-px`}
-else P.style.height=`${v.getHeight(K)}
-px`;
-return P.dataset.index=String(K),P.dataset.id=String(V.id),P.ariaSelected="false",P.id=`${W}-item-${K}`,Bj=String(Qj()),P.setAttribute("aria-setsize",Bj),P.setAttribute("aria-posinset",String(K+1)),Wj(P,A(V,K,a)),Ej(P,K),P},bj=()=>{let K=`${v.getTotalHeight()}
-px`;
+if(Q)K.style.transform=`translateX(${P}px)`;
+else K.style.transform=`translateY(${P}px)`},J2=(K,V)=>{let P=g.acquire();
+if(P.className=Xj,Q){if(P.style.width=`${v.getHeight(K)}px`,M!=null)P.style.height=`${M}px`}
+else P.style.height=`${v.getHeight(K)}px`;
+return P.dataset.index=String(K),P.dataset.id=String(V.id),P.ariaSelected="false",P.id=`${W}-item-${K}`,Bj=String(Qj()),P.setAttribute("aria-setsize",Bj),P.setAttribute("aria-posinset",String(K+1)),Wj(P,A(V,K,a)),Ej(P,K),P},bj=()=>{let K=`${v.getTotalHeight()}px`;
 if(Q)B.content.style.width=K;
 else B.content.style.height=K},mj=new Set,gj=-1,$2=()=>{if(jj)return;
 let K=Qj();
@@ -234,10 +224,8 @@ c++){let Vj=n?n.getItem(c):D[c];
 if(!Vj)continue;
 let Dj=l.get(c);
 if(Dj){let Aj=Dj.dataset.id,Sj=String(Vj.id);
-if(Aj!==Sj)if(Wj(Dj,A(Vj,c,a)),Dj.dataset.id=Sj,Q)Dj.style.width=`${v.getHeight(c)}
-px`;
-else Dj.style.height=`${v.getHeight(c)}
-px`;
+if(Aj!==Sj)if(Wj(Dj,A(Vj,c,a)),Dj.dataset.id=Sj,Q)Dj.style.width=`${v.getHeight(c)}px`;
+else Dj.style.height=`${v.getHeight(c)}px`;
 Ej(Dj,c);
 let fj=mj.has(Vj.id),E2=c===gj;
 if(Dj.classList.toggle(`${Z}-item--selected`,fj),Dj.classList.toggle(`${Z}-item--focused`,E2),Dj.ariaSelected=fj?"true":"false",P)Dj.setAttribute("aria-setsize",Bj)}
@@ -297,8 +285,7 @@ P<K;
 P++){let f=n.getItem(P);
 if(f)V.push(f)}
 return V}
-return[...D]},getVirtualTotal(){return Qj()},getCachedCompression(){return{isCompressed:!1,actualHeight:v.getTotalHeight(),virtualHeight:v.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:H,totalItems:Qj(),containerHeight:o,rangeStart:T.start}},renderIfNeeded(){Kj()},forceRender(){_j()},getRenderFns(){return{renderIfNeeded:Kj,forceRender:_j}},setRenderFns(K,V){Kj=K,_j=V},setVirtualTotalFn(K){Qj=K},rebuildHeightCache(K){v.rebuild(K??Qj())},setHeightConfig(K){v=EJ(K,Qj())},updateContentSize(K){let V=`${K}
-px`;
+return[...D]},getVirtualTotal(){return Qj()},getCachedCompression(){return{isCompressed:!1,actualHeight:v.getTotalHeight(),virtualHeight:v.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:H,totalItems:Qj(),containerHeight:o,rangeStart:T.start}},renderIfNeeded(){Kj()},forceRender(){_j()},getRenderFns(){return{renderIfNeeded:Kj,forceRender:_j}},setRenderFns(K,V){Kj=K,_j=V},setVirtualTotalFn(K){Qj=K},rebuildHeightCache(K){v.rebuild(K??Qj())},setHeightConfig(K){v=EJ(K,Qj())},updateContentSize(K){let V=`${K}px`;
 if(Q)B.content.style.width=V;
 else B.content.style.height=V},updateCompressionMode(){},setVisibleRangeFn(K){Zj=K},setScrollToPosFn(K){Gj=K},setPositionElementFn(K){Ej=K},setScrollFns(K,V){$j=K,qj=(P)=>{V(P),kj()}},setScrollTarget(K){Oj.removeEventListener("scroll",kj),Oj=K,Oj.addEventListener("scroll",kj,{passive:!0})},getScrollTarget(){return Oj},setContainerDimensions(K){q2=K.width,K2=K.height,d=K.width(),o=K.height(),h.viewportState.containerHeight=o},disableViewportResize(){if(dj)dj=!1,lj.unobserve(B.viewport)}};
 n={getState:()=>({total:D.length,cached:D.length,isLoading:!1,pendingRanges:[],error:void 0,hasMore:!1,cursor:void 0}),getTotal:()=>D.length,getCached:()=>D.length,getIsLoading:()=>!1,getHasMore:()=>!1,getStorage:()=>null,getPlaceholders:()=>null,getItem:(K)=>D[K],getItemById:(K)=>{let V=x.get(K);
@@ -461,8 +448,7 @@ for(let w=0;
 w<y;
 w++)if(X.getCol(w)===0){let D=j.heightCache.getHeight(w);
 B+=D}
-j.heightCache.getTotalHeight=()=>B,j.dom.content.style.height=`${B}
-px`,A()}),j.methods.set("updateGrid",(G)=>{if(G.columns!==void 0){if(!Number.isInteger(G.columns)||G.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
+j.heightCache.getTotalHeight=()=>B,j.dom.content.style.height=`${B}px`,A()}),j.methods.set("updateGrid",(G)=>{if(G.columns!==void 0){if(!Number.isInteger(G.columns)||G.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
 U.columns=G.columns}
 if(G.gap!==void 0){if(G.gap<0)throw Error("[vlist/builder] updateGrid: gap must be non-negative");
 U.gap=G.gap}
@@ -547,8 +533,7 @@ let M=X.groups;
 if(N<0||N>=M.length){$.textContent="";
 return}
 let A=M[N],L=j.headerTemplate(A.key,A.groupIndex),k=X.getHeaderHeight(N);
-if($.style.height=`${k}
-px`,typeof L==="string")$.innerHTML=L;
+if($.style.height=`${k}px`,typeof L==="string")$.innerHTML=L;
 else $.replaceChildren(L)},U=(N)=>{let M=X.groups;
 if(M.length===0){O();
 return}
@@ -565,8 +550,7 @@ _(A);
 let k=X.getHeaderHeight(A),G=0,y=A+1;
 if(y<M.length){let w=Q.getOffset(M[y].headerLayoutIndex)-N;
 if(w<k)G=w-k}
-if(G!==E)E=G,$.style.transform=G===0?"":`translateY(${Math.round(G)}
-px)`},F=()=>{if(Z)return;
+if(G!==E)E=G,$.style.transform=G===0?"":`translateY(${Math.round(G)}px)`},F=()=>{if(Z)return;
 Z=!0,$.style.display=""},O=()=>{if(!Z)return;
 Z=!1,$.style.display="none",q=-1,E=0,$.style.transform=""},b=()=>{let N=q;
 if(q=-1,N>=0)_(N)},W=()=>{$.remove(),q=-1,Z=!1};
@@ -637,15 +621,7 @@ F(),b()},N=()=>{if($.state.isDestroyed)return;
 O(),b()};
 $.setRenderFns(W,N);
 let M=()=>{b(),Z.emit("selection:change",{selected:uj(j),items:hj(j,(L)=>$.dataManager.getItemById(L))})};
-Y=document.createElement("div"),Y.setAttribute("aria-live","polite"),Y.setAttribute("aria-atomic","true"),Y.className=`${_}-live-region`,Y.style.cssText="position:absolute;
-width:1px;
-height:1px;
-padding:0;
-margin:-1px;
-overflow:hidden;
-clip:rect(0,0,0,0);
-white-space:nowrap;
-border:0",q.root.appendChild(Y);
+Y=document.createElement("div"),Y.setAttribute("aria-live","polite"),Y.setAttribute("aria-atomic","true"),Y.className=`${_}-live-region`,Y.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",q.root.appendChild(Y);
 let A=Y;
 Z.on("selection:change",({selected:L})=>{let k=L.length;
 if(k===0)A.textContent="";
@@ -688,10 +664,8 @@ let{renderRange:L,isCompressed:k}=$.state.viewportState,G=$.getItemsForRange(L),
 $.renderer.render(G,L,j.selected,j.focusedIndex,y),Z.emit("selection:change",{selected:[],items:[]})}),$.methods.set("getSelected",()=>{return uj(j)}),$.methods.set("getSelectedItems",()=>{return hj(j,(L)=>$.dataManager.getItemById(L))}),$.destroyHandlers.push(()=>{if(A&&A.parentNode)A.remove()})},destroy(){if(Y&&Y.parentNode)Y.remove();
 Y=null}}};
 var Tj=(J,X,Q={},j="vlist",Y=!1)=>{let{autoHide:$=!0,autoHideDelay:q=1000,minThumbSize:Z=30,showOnHover:E=!0,hoverZoneWidth:_=16,showOnViewportEnter:U=!0}=Q,F=0,O=0,b=0,W=0,N=!1,M=!1,A=0,L=0,k=0,G=null,y=!1,B=null,w=null,D=Y?"width":"height",v=Y?"translateX":"translateY",g=Y?(t)=>t.clientX:(t)=>t.clientY,o=Y?"left":"top",d=document.createElement("div"),jj=document.createElement("div"),i=E?document.createElement("div"):null,H=()=>{if(d.className=`${j}-scrollbar`,jj.className=`${j}-scrollbar-thumb`,Y)d.classList.add(`${j}-scrollbar--horizontal`);
-if(d.appendChild(jj),J.appendChild(d),i){if(i.className=`${j}-scrollbar-hover`,Y)i.classList.add(`${j}-scrollbar-hover--horizontal`),i.style.height=`${_}
-px`;
-else i.style.width=`${_}
-px`;
+if(d.appendChild(jj),J.appendChild(d),i){if(i.className=`${j}-scrollbar-hover`,Y)i.classList.add(`${j}-scrollbar-hover--horizontal`),i.style.height=`${_}px`;
+else i.style.width=`${_}px`;
 J.appendChild(i)}},R=()=>{if(G)clearTimeout(G),G=null},I=()=>{if(!$)return;
 R(),G=setTimeout(z,q)},p=()=>{if(F<=O)return;
 if(R(),!y)d.classList.add(`${j}-scrollbar--visible`),y=!0;
@@ -701,16 +675,13 @@ let C=F>O;
 if(d.style.display=C?"":"none",!C){z();
 return}
 let S=O/F;
-b=Math.max(Z,S*O),jj.style[D]=`${b}
-px`,W=O-b,u(k)},u=(t)=>{if(k=t,F<=O||W<=0)return;
+b=Math.max(Z,S*O),jj.style[D]=`${b}px`,W=O-b,u(k)},u=(t)=>{if(k=t,F<=O||W<=0)return;
 let Jj=F-O,S=Math.min(1,Math.max(0,t/Jj))*W;
-jj.style.transform=`${v}(${S}
-px)`},h=(t)=>{if(t.target===jj)return;
+jj.style.transform=`${v}(${S}px)`},h=(t)=>{if(t.target===jj)return;
 let Jj=d.getBoundingClientRect(),s=g(t)-Jj[o]-b/2,m=Math.max(0,Math.min(s,W))/W,$j=F-O,qj=m*$j;
 X(qj),p()},l=(t)=>{t.preventDefault(),t.stopPropagation(),N=!0,A=g(t),L=k,R(),d.classList.add(`${j}-scrollbar--dragging`),document.addEventListener("mousemove",a),document.addEventListener("mouseup",Xj)},a=(t)=>{if(!N)return;
 let Jj=g(t)-A,C=W>0?Jj/W:0,S=F-O,s=C*S,e=Math.max(0,Math.min(L+s,S)),$j=e/S*W;
-if(jj.style.transform=`${v}(${$j}
-px)`,w=e,B===null)B=requestAnimationFrame(()=>{if(w!==null)X(w);
+if(jj.style.transform=`${v}(${$j}px)`,w=e,B===null)B=requestAnimationFrame(()=>{if(w!==null)X(w);
 B=null})},Xj=()=>{if(N=!1,B!==null)cancelAnimationFrame(B),B=null;
 if(w!==null)X(w),w=null;
 if(d.classList.remove(`${j}-scrollbar--dragging`),$&&!M)I();
@@ -751,13 +722,9 @@ return _()},j.setVisibleRangeFn((U,F,O,b,W)=>{let N=Fj(b,O);
 bJ(U,F,O,b,N,W)}),j.setScrollToPosFn((U,F,O,b,W)=>{let N=Fj(b,F);
 return kJ(U,F,O,b,N,W)}),j.setPositionElementFn((U,F)=>{let O=j.getVirtualTotal(),b=Fj(O,j.heightCache);
 if(b.isCompressed){let W=Math.round(Ij(F,j.scrollController.getScrollTop(),j.heightCache,O,j.state.viewportState.containerHeight,b)),N=j.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}
 else{let W=Math.round(j.heightCache.getOffset(F)),N=j.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}}),E(),j.destroyHandlers.push(()=>{if(J)J.destroy(),J=null})},destroy(){if(J)J.destroy(),J=null}}};
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}}),E(),j.destroyHandlers.push(()=>{if(J)J.destroy(),J=null})},destroy(){if(J)J.destroy(),J=null}}};
 var rJ=()=>{return{name:"withSnapshots",priority:50,methods:["getScrollSnapshot","restoreScroll"],setup(J){J.methods.set("getScrollSnapshot",()=>{let X=J.scrollController.getScrollTop(),Q=J.getCachedCompression(),j=J.getVirtualTotal(),Y=J.methods.get("getSelected"),$=Y&&Y().length>0?Y():void 0;
 if(j===0){let _={index:0,offsetInItem:0};
 if($)_.selectedIds=$;

package/dist/scroll/index.js

@@ -1,8 +1,6 @@
 var Gj=(j,J,G={},_="vlist",F=!1)=>{let{autoHide:E=!0,autoHideDelay:D=1000,minThumbSize:H=30,showOnHover:V=!0,hoverZoneWidth:X=16,showOnViewportEnter:Z=!0}=G,Q=0,U=0,W=0,N=0,O=!1,q=!1,y=0,f=0,h=0,I=null,p=!1,R=null,M=null,S=F?"width":"height",x=F?"translateX":"translateY",b=F?(B)=>B.clientX:(B)=>B.clientY,t=F?"left":"top",L=document.createElement("div"),C=document.createElement("div"),A=V?document.createElement("div"):null,i=()=>{if(L.className=`${_}-scrollbar`,C.className=`${_}-scrollbar-thumb`,F)L.classList.add(`${_}-scrollbar--horizontal`);
-if(L.appendChild(C),j.appendChild(L),A){if(A.className=`${_}-scrollbar-hover`,F)A.classList.add(`${_}-scrollbar-hover--horizontal`),A.style.height=`${X}
-px`;
-else A.style.width=`${X}
-px`;
+if(L.appendChild(C),j.appendChild(L),A){if(A.className=`${_}-scrollbar-hover`,F)A.classList.add(`${_}-scrollbar-hover--horizontal`),A.style.height=`${X}px`;
+else A.style.width=`${X}px`;
 j.appendChild(A)}},T=()=>{if(I)clearTimeout(I),I=null},P=()=>{if(!E)return;
 T(),I=setTimeout(d,D)},k=()=>{if(Q<=U)return;
 if(T(),!p)L.classList.add(`${_}-scrollbar--visible`),p=!0;
@@ -12,16 +10,13 @@ let m=Q>U;
 if(L.style.display=m?"":"none",!m){d();
 return}
 let z=U/Q;
-W=Math.max(H,z*U),C.style[S]=`${W}
-px`,N=U-W,s(h)},s=(B)=>{if(h=B,Q<=U||N<=0)return;
+W=Math.max(H,z*U),C.style[S]=`${W}px`,N=U-W,s(h)},s=(B)=>{if(h=B,Q<=U||N<=0)return;
 let g=Q-U,z=Math.min(1,Math.max(0,B/g))*N;
-C.style.transform=`${x}(${z}
-px)`},c=(B)=>{if(B.target===C)return;
+C.style.transform=`${x}(${z}px)`},c=(B)=>{if(B.target===C)return;
 let g=L.getBoundingClientRect(),o=b(B)-g[t]-W/2,Kj=Math.max(0,Math.min(o,N))/N,jj=Q-U,Xj=Kj*jj;
 J(Xj),k()},n=(B)=>{B.preventDefault(),B.stopPropagation(),O=!0,y=b(B),f=h,T(),L.classList.add(`${_}-scrollbar--dragging`),document.addEventListener("mousemove",w),document.addEventListener("mouseup",v)},w=(B)=>{if(!O)return;
 let g=b(B)-y,m=N>0?g/N:0,z=Q-U,o=m*z,e=Math.max(0,Math.min(f+o,z)),jj=e/z*N;
-if(C.style.transform=`${x}(${jj}
-px)`,M=e,R===null)R=requestAnimationFrame(()=>{if(M!==null)J(M);
+if(C.style.transform=`${x}(${jj}px)`,M=e,R===null)R=requestAnimationFrame(()=>{if(M!==null)J(M);
 R=null})},v=()=>{if(O=!1,R!==null)cancelAnimationFrame(R),R=null;
 if(M!==null)J(M),M=null;
 if(L.classList.remove(`${_}-scrollbar--dragging`),E&&!q)P();

package/dist/selection/index.js

@@ -51,15 +51,7 @@ W(),b()},I=()=>{if(q.state.isDestroyed)return;
 g(),b()};
 q.setRenderFns(x,I);
 let A=()=>{b(),U.emit("selection:change",{selected:y(j),items:O(j,(K)=>q.dataManager.getItemById(K))})};
-J=document.createElement("div"),J.setAttribute("aria-live","polite"),J.setAttribute("aria-atomic","true"),J.className=`${k}-live-region`,J.style.cssText="position:absolute;
-width:1px;
-height:1px;
-padding:0;
-margin:-1px;
-overflow:hidden;
-clip:rect(0,0,0,0);
-white-space:nowrap;
-border:0",X.root.appendChild(J);
+J=document.createElement("div"),J.setAttribute("aria-live","polite"),J.setAttribute("aria-atomic","true"),J.className=`${k}-live-region`,J.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",X.root.appendChild(J);
 let z=J;
 U.on("selection:change",({selected:K})=>{let Q=K.length;
 if(Q===0)z.textContent="";

package/dist/svelte/index.js

@@ -70,15 +70,11 @@ if($j<Bj&&!Yj.has($j)){let t=$.getHeight(n);
 x+=t,Yj.add($j)}}
 Xj=x}
 else Xj=T(R,u);
-z.style.transform=`translate(${Math.round(a)}
-px, ${Math.round(Xj)}
-px)`},w=(z,R)=>{let u=z.dataset.id?.startsWith("__group_header"),h=u?U:j.getColumnWidth(U),c;
+z.style.transform=`translate(${Math.round(a)}px, ${Math.round(Xj)}px)`},w=(z,R)=>{let u=z.dataset.id?.startsWith("__group_header"),h=u?U:j.getColumnWidth(U),c;
 if(F||u)c=$.getHeight(R)-j.gap;
 else{let a=j.getRow(R);
 c=$.getHeight(a)-j.gap}
-z.style.width=`${h}
-px`,z.style.height=`${c}
-px`},g=(z,R,u,h,c)=>{let a=E.acquire(),Xj=A(u,h);
+z.style.width=`${h}px`,z.style.height=`${c}px`},g=(z,R,u,h,c)=>{let a=E.acquire(),Xj=A(u,h);
 if(a.className=L,a.dataset.index=String(z),a.dataset.id=String(R.id),a.dataset.row=String(j.getRow(z)),a.dataset.col=String(j.getCol(z)),a.ariaSelected=String(u),Z)a.id=`${Z}-item-${z}`;
 if(q)W=String(q()),a.setAttribute("aria-setsize",W),a.setAttribute("aria-posinset",String(z+1));
 w(a,z);
@@ -207,17 +203,11 @@ let n=null,$j=()=>n?n.getTotal():V.length,t=[],Jj=[],C=[],S=[],s=[],e=[],m=new M
 else B.viewport.scrollTop=K},Mj=(K=2)=>{let D=w.getTotalHeight();
 return H+o>=D-K},Uj=!1,Kj,_j,Zj=(K,D,P,f,r)=>{w2(K,D,P,f,r)},Gj=(K,D,P,f,r)=>{return C2(K,D,P,f,r)},Wj=(K,D)=>{if(typeof D==="string")K.innerHTML=D;
 else K.replaceChildren(D)},Ej=(K,D)=>{let P=Math.round(w.getOffset(D));
-if($)K.style.transform=`translateX(${P}
-px)`;
-else K.style.transform=`translateY(${P}
-px)`},eJ=(K,D)=>{let P=g.acquire();
-if(P.className=Xj,$){if(P.style.width=`${w.getHeight(K)}
-px`,M!=null)P.style.height=`${M}
-px`}
-else P.style.height=`${w.getHeight(K)}
-px`;
-return P.dataset.index=String(K),P.dataset.id=String(D.id),P.ariaSelected="false",P.id=`${W}-item-${K}`,Bj=String($j()),P.setAttribute("aria-setsize",Bj),P.setAttribute("aria-posinset",String(K+1)),Wj(P,A(D,K,a)),Ej(P,K),P},bj=()=>{let K=`${w.getTotalHeight()}
-px`;
+if($)K.style.transform=`translateX(${P}px)`;
+else K.style.transform=`translateY(${P}px)`},eJ=(K,D)=>{let P=g.acquire();
+if(P.className=Xj,$){if(P.style.width=`${w.getHeight(K)}px`,M!=null)P.style.height=`${M}px`}
+else P.style.height=`${w.getHeight(K)}px`;
+return P.dataset.index=String(K),P.dataset.id=String(D.id),P.ariaSelected="false",P.id=`${W}-item-${K}`,Bj=String($j()),P.setAttribute("aria-setsize",Bj),P.setAttribute("aria-posinset",String(K+1)),Wj(P,A(D,K,a)),Ej(P,K),P},bj=()=>{let K=`${w.getTotalHeight()}px`;
 if($)B.content.style.width=K;
 else B.content.style.height=K},xj=new Set,mj=-1,j2=()=>{if(jj)return;
 let K=$j();
@@ -232,10 +222,8 @@ l++){let Dj=n?n.getItem(l):V[l];
 if(!Dj)continue;
 let Vj=c.get(l);
 if(Vj){let Aj=Vj.dataset.id,Cj=String(Dj.id);
-if(Aj!==Cj)if(Wj(Vj,A(Dj,l,a)),Vj.dataset.id=Cj,$)Vj.style.width=`${w.getHeight(l)}
-px`;
-else Vj.style.height=`${w.getHeight(l)}
-px`;
+if(Aj!==Cj)if(Wj(Vj,A(Dj,l,a)),Vj.dataset.id=Cj,$)Vj.style.width=`${w.getHeight(l)}px`;
+else Vj.style.height=`${w.getHeight(l)}px`;
 Ej(Vj,l);
 let Sj=xj.has(Dj.id),M2=l===mj;
 if(Vj.classList.toggle(`${Z}-item--selected`,Sj),Vj.classList.toggle(`${Z}-item--focused`,M2),Vj.ariaSelected=Sj?"true":"false",P)Vj.setAttribute("aria-setsize",Bj)}
@@ -295,8 +283,7 @@ P<K;
 P++){let f=n.getItem(P);
 if(f)D.push(f)}
 return D}
-return[...V]},getVirtualTotal(){return $j()},getCachedCompression(){return{isCompressed:!1,actualHeight:w.getTotalHeight(),virtualHeight:w.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:H,totalItems:$j(),containerHeight:o,rangeStart:R.start}},renderIfNeeded(){Kj()},forceRender(){_j()},getRenderFns(){return{renderIfNeeded:Kj,forceRender:_j}},setRenderFns(K,D){Kj=K,_j=D},setVirtualTotalFn(K){$j=K},rebuildHeightCache(K){w.rebuild(K??$j())},setHeightConfig(K){w=MJ(K,$j())},updateContentSize(K){let D=`${K}
-px`;
+return[...V]},getVirtualTotal(){return $j()},getCachedCompression(){return{isCompressed:!1,actualHeight:w.getTotalHeight(),virtualHeight:w.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:H,totalItems:$j(),containerHeight:o,rangeStart:R.start}},renderIfNeeded(){Kj()},forceRender(){_j()},getRenderFns(){return{renderIfNeeded:Kj,forceRender:_j}},setRenderFns(K,D){Kj=K,_j=D},setVirtualTotalFn(K){$j=K},rebuildHeightCache(K){w.rebuild(K??$j())},setHeightConfig(K){w=MJ(K,$j())},updateContentSize(K){let D=`${K}px`;
 if($)B.content.style.width=D;
 else B.content.style.height=D},updateCompressionMode(){},setVisibleRangeFn(K){Zj=K},setScrollToPosFn(K){Gj=K},setPositionElementFn(K){Ej=K},setScrollFns(K,D){Qj=K,qj=(P)=>{D(P),kj()}},setScrollTarget(K){Oj.removeEventListener("scroll",kj),Oj=K,Oj.addEventListener("scroll",kj,{passive:!0})},getScrollTarget(){return Oj},setContainerDimensions(K){$2=K.width,X2=K.height,d=K.width(),o=K.height(),h.viewportState.containerHeight=o},disableViewportResize(){if(gj)gj=!1,dj.unobserve(B.viewport)}};
 n={getState:()=>({total:V.length,cached:V.length,isLoading:!1,pendingRanges:[],error:void 0,hasMore:!1,cursor:void 0}),getTotal:()=>V.length,getCached:()=>V.length,getIsLoading:()=>!1,getHasMore:()=>!1,getStorage:()=>null,getPlaceholders:()=>null,getItem:(K)=>V[K],getItemById:(K)=>{let D=x.get(K);
@@ -459,8 +446,7 @@ for(let T=0;
 T<y;
 T++)if(X.getCol(T)===0){let V=j.heightCache.getHeight(T);
 B+=V}
-j.heightCache.getTotalHeight=()=>B,j.dom.content.style.height=`${B}
-px`,A()}),j.methods.set("updateGrid",(G)=>{if(G.columns!==void 0){if(!Number.isInteger(G.columns)||G.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
+j.heightCache.getTotalHeight=()=>B,j.dom.content.style.height=`${B}px`,A()}),j.methods.set("updateGrid",(G)=>{if(G.columns!==void 0){if(!Number.isInteger(G.columns)||G.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
 U.columns=G.columns}
 if(G.gap!==void 0){if(G.gap<0)throw Error("[vlist/builder] updateGrid: gap must be non-negative");
 U.gap=G.gap}
@@ -545,8 +531,7 @@ let M=X.groups;
 if(N<0||N>=M.length){Q.textContent="";
 return}
 let A=M[N],L=j.headerTemplate(A.key,A.groupIndex),k=X.getHeaderHeight(N);
-if(Q.style.height=`${k}
-px`,typeof L==="string")Q.innerHTML=L;
+if(Q.style.height=`${k}px`,typeof L==="string")Q.innerHTML=L;
 else Q.replaceChildren(L)},U=(N)=>{let M=X.groups;
 if(M.length===0){O();
 return}
@@ -563,8 +548,7 @@ _(A);
 let k=X.getHeaderHeight(A),G=0,y=A+1;
 if(y<M.length){let T=$.getOffset(M[y].headerLayoutIndex)-N;
 if(T<k)G=T-k}
-if(G!==E)E=G,Q.style.transform=G===0?"":`translateY(${Math.round(G)}
-px)`},F=()=>{if(Z)return;
+if(G!==E)E=G,Q.style.transform=G===0?"":`translateY(${Math.round(G)}px)`},F=()=>{if(Z)return;
 Z=!0,Q.style.display=""},O=()=>{if(!Z)return;
 Z=!1,Q.style.display="none",q=-1,E=0,Q.style.transform=""},b=()=>{let N=q;
 if(q=-1,N>=0)_(N)},W=()=>{Q.remove(),q=-1,Z=!1};
@@ -635,15 +619,7 @@ F(),b()},N=()=>{if(Q.state.isDestroyed)return;
 O(),b()};
 Q.setRenderFns(W,N);
 let M=()=>{b(),Z.emit("selection:change",{selected:pj(j),items:uj(j,(L)=>Q.dataManager.getItemById(L))})};
-Y=document.createElement("div"),Y.setAttribute("aria-live","polite"),Y.setAttribute("aria-atomic","true"),Y.className=`${_}-live-region`,Y.style.cssText="position:absolute;
-width:1px;
-height:1px;
-padding:0;
-margin:-1px;
-overflow:hidden;
-clip:rect(0,0,0,0);
-white-space:nowrap;
-border:0",q.root.appendChild(Y);
+Y=document.createElement("div"),Y.setAttribute("aria-live","polite"),Y.setAttribute("aria-atomic","true"),Y.className=`${_}-live-region`,Y.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",q.root.appendChild(Y);
 let A=Y;
 Z.on("selection:change",({selected:L})=>{let k=L.length;
 if(k===0)A.textContent="";
@@ -686,10 +662,8 @@ let{renderRange:L,isCompressed:k}=Q.state.viewportState,G=Q.getItemsForRange(L),
 Q.renderer.render(G,L,j.selected,j.focusedIndex,y),Z.emit("selection:change",{selected:[],items:[]})}),Q.methods.set("getSelected",()=>{return pj(j)}),Q.methods.set("getSelectedItems",()=>{return uj(j,(L)=>Q.dataManager.getItemById(L))}),Q.destroyHandlers.push(()=>{if(A&&A.parentNode)A.remove()})},destroy(){if(Y&&Y.parentNode)Y.remove();
 Y=null}}};
 var Rj=(J,X,$={},j="vlist",Y=!1)=>{let{autoHide:Q=!0,autoHideDelay:q=1000,minThumbSize:Z=30,showOnHover:E=!0,hoverZoneWidth:_=16,showOnViewportEnter:U=!0}=$,F=0,O=0,b=0,W=0,N=!1,M=!1,A=0,L=0,k=0,G=null,y=!1,B=null,T=null,V=Y?"width":"height",w=Y?"translateX":"translateY",g=Y?(t)=>t.clientX:(t)=>t.clientY,o=Y?"left":"top",d=document.createElement("div"),jj=document.createElement("div"),i=E?document.createElement("div"):null,H=()=>{if(d.className=`${j}-scrollbar`,jj.className=`${j}-scrollbar-thumb`,Y)d.classList.add(`${j}-scrollbar--horizontal`);
-if(d.appendChild(jj),J.appendChild(d),i){if(i.className=`${j}-scrollbar-hover`,Y)i.classList.add(`${j}-scrollbar-hover--horizontal`),i.style.height=`${_}
-px`;
-else i.style.width=`${_}
-px`;
+if(d.appendChild(jj),J.appendChild(d),i){if(i.className=`${j}-scrollbar-hover`,Y)i.classList.add(`${j}-scrollbar-hover--horizontal`),i.style.height=`${_}px`;
+else i.style.width=`${_}px`;
 J.appendChild(i)}},v=()=>{if(G)clearTimeout(G),G=null},I=()=>{if(!Q)return;
 v(),G=setTimeout(z,q)},p=()=>{if(F<=O)return;
 if(v(),!y)d.classList.add(`${j}-scrollbar--visible`),y=!0;
@@ -699,16 +673,13 @@ let C=F>O;
 if(d.style.display=C?"":"none",!C){z();
 return}
 let S=O/F;
-b=Math.max(Z,S*O),jj.style[V]=`${b}
-px`,W=O-b,u(k)},u=(t)=>{if(k=t,F<=O||W<=0)return;
+b=Math.max(Z,S*O),jj.style[V]=`${b}px`,W=O-b,u(k)},u=(t)=>{if(k=t,F<=O||W<=0)return;
 let Jj=F-O,S=Math.min(1,Math.max(0,t/Jj))*W;
-jj.style.transform=`${w}(${S}
-px)`},h=(t)=>{if(t.target===jj)return;
+jj.style.transform=`${w}(${S}px)`},h=(t)=>{if(t.target===jj)return;
 let Jj=d.getBoundingClientRect(),s=g(t)-Jj[o]-b/2,m=Math.max(0,Math.min(s,W))/W,Qj=F-O,qj=m*Qj;
 X(qj),p()},c=(t)=>{t.preventDefault(),t.stopPropagation(),N=!0,A=g(t),L=k,v(),d.classList.add(`${j}-scrollbar--dragging`),document.addEventListener("mousemove",a),document.addEventListener("mouseup",Xj)},a=(t)=>{if(!N)return;
 let Jj=g(t)-A,C=W>0?Jj/W:0,S=F-O,s=C*S,e=Math.max(0,Math.min(L+s,S)),Qj=e/S*W;
-if(jj.style.transform=`${w}(${Qj}
-px)`,T=e,B===null)B=requestAnimationFrame(()=>{if(T!==null)X(T);
+if(jj.style.transform=`${w}(${Qj}px)`,T=e,B===null)B=requestAnimationFrame(()=>{if(T!==null)X(T);
 B=null})},Xj=()=>{if(N=!1,B!==null)cancelAnimationFrame(B),B=null;
 if(T!==null)X(T),T=null;
 if(d.classList.remove(`${j}-scrollbar--dragging`),Q&&!M)I();
@@ -749,13 +720,9 @@ return _()},j.setVisibleRangeFn((U,F,O,b,W)=>{let N=Fj(b,O);
 zJ(U,F,O,b,N,W)}),j.setScrollToPosFn((U,F,O,b,W)=>{let N=Fj(b,F);
 return PJ(U,F,O,b,N,W)}),j.setPositionElementFn((U,F)=>{let O=j.getVirtualTotal(),b=Fj(O,j.heightCache);
 if(b.isCompressed){let W=Math.round(fj(F,j.scrollController.getScrollTop(),j.heightCache,O,j.state.viewportState.containerHeight,b)),N=j.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}
 else{let W=Math.round(j.heightCache.getOffset(F)),N=j.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}}),E(),j.destroyHandlers.push(()=>{if(J)J.destroy(),J=null})},destroy(){if(J)J.destroy(),J=null}}};
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}}),E(),j.destroyHandlers.push(()=>{if(J)J.destroy(),J=null})},destroy(){if(J)J.destroy(),J=null}}};
 var lJ=()=>{return{name:"withSnapshots",priority:50,methods:["getScrollSnapshot","restoreScroll"],setup(J){J.methods.set("getScrollSnapshot",()=>{let X=J.scrollController.getScrollTop(),$=J.getCachedCompression(),j=J.getVirtualTotal(),Y=J.methods.get("getSelected"),Q=Y&&Y().length>0?Y():void 0;
 if(j===0){let _={index:0,offsetInItem:0};
 if(Q)_.selectedIds=Q;

package/dist/vue/index.js

@@ -70,15 +70,11 @@ if(Qj<Bj&&!Yj.has(Qj)){let t=Q.getHeight(n);
 x+=t,Yj.add(Qj)}}
 Xj=x}
 else Xj=w(T,u);
-z.style.transform=`translate(${Math.round(a)}
-px, ${Math.round(Xj)}
-px)`},R=(z,T)=>{let u=z.dataset.id?.startsWith("__group_header"),h=u?U:j.getColumnWidth(U),l;
+z.style.transform=`translate(${Math.round(a)}px, ${Math.round(Xj)}px)`},R=(z,T)=>{let u=z.dataset.id?.startsWith("__group_header"),h=u?U:j.getColumnWidth(U),l;
 if(F||u)l=Q.getHeight(T)-j.gap;
 else{let a=j.getRow(T);
 l=Q.getHeight(a)-j.gap}
-z.style.width=`${h}
-px`,z.style.height=`${l}
-px`},g=(z,T,u,h,l)=>{let a=E.acquire(),Xj=A(u,h);
+z.style.width=`${h}px`,z.style.height=`${l}px`},g=(z,T,u,h,l)=>{let a=E.acquire(),Xj=A(u,h);
 if(a.className=L,a.dataset.index=String(z),a.dataset.id=String(T.id),a.dataset.row=String(j.getRow(z)),a.dataset.col=String(j.getCol(z)),a.ariaSelected=String(u),Z)a.id=`${Z}-item-${z}`;
 if(q)W=String(q()),a.setAttribute("aria-setsize",W),a.setAttribute("aria-posinset",String(z+1));
 R(a,z);
@@ -209,17 +205,11 @@ let n=null,Qj=()=>n?n.getTotal():D.length,t=[],Jj=[],C=[],S=[],s=[],e=[],m=new M
 else B.viewport.scrollTop=K},Mj=(K=2)=>{let V=R.getTotalHeight();
 return H+o>=V-K},Uj=!1,Kj,_j,Zj=(K,V,P,f,r)=>{C2(K,V,P,f,r)},Gj=(K,V,P,f,r)=>{return f2(K,V,P,f,r)},Wj=(K,V)=>{if(typeof V==="string")K.innerHTML=V;
 else K.replaceChildren(V)},Ej=(K,V)=>{let P=Math.round(R.getOffset(V));
-if(Q)K.style.transform=`translateX(${P}
-px)`;
-else K.style.transform=`translateY(${P}
-px)`},J2=(K,V)=>{let P=g.acquire();
-if(P.className=Xj,Q){if(P.style.width=`${R.getHeight(K)}
-px`,M!=null)P.style.height=`${M}
-px`}
-else P.style.height=`${R.getHeight(K)}
-px`;
-return P.dataset.index=String(K),P.dataset.id=String(V.id),P.ariaSelected="false",P.id=`${W}-item-${K}`,Bj=String(Qj()),P.setAttribute("aria-setsize",Bj),P.setAttribute("aria-posinset",String(K+1)),Wj(P,A(V,K,a)),Ej(P,K),P},bj=()=>{let K=`${R.getTotalHeight()}
-px`;
+if(Q)K.style.transform=`translateX(${P}px)`;
+else K.style.transform=`translateY(${P}px)`},J2=(K,V)=>{let P=g.acquire();
+if(P.className=Xj,Q){if(P.style.width=`${R.getHeight(K)}px`,M!=null)P.style.height=`${M}px`}
+else P.style.height=`${R.getHeight(K)}px`;
+return P.dataset.index=String(K),P.dataset.id=String(V.id),P.ariaSelected="false",P.id=`${W}-item-${K}`,Bj=String(Qj()),P.setAttribute("aria-setsize",Bj),P.setAttribute("aria-posinset",String(K+1)),Wj(P,A(V,K,a)),Ej(P,K),P},bj=()=>{let K=`${R.getTotalHeight()}px`;
 if(Q)B.content.style.width=K;
 else B.content.style.height=K},xj=new Set,mj=-1,$2=()=>{if(jj)return;
 let K=Qj();
@@ -234,10 +224,8 @@ c++){let Vj=n?n.getItem(c):D[c];
 if(!Vj)continue;
 let Dj=l.get(c);
 if(Dj){let Aj=Dj.dataset.id,Cj=String(Vj.id);
-if(Aj!==Cj)if(Wj(Dj,A(Vj,c,a)),Dj.dataset.id=Cj,Q)Dj.style.width=`${R.getHeight(c)}
-px`;
-else Dj.style.height=`${R.getHeight(c)}
-px`;
+if(Aj!==Cj)if(Wj(Dj,A(Vj,c,a)),Dj.dataset.id=Cj,Q)Dj.style.width=`${R.getHeight(c)}px`;
+else Dj.style.height=`${R.getHeight(c)}px`;
 Ej(Dj,c);
 let Sj=xj.has(Vj.id),E2=c===mj;
 if(Dj.classList.toggle(`${Z}-item--selected`,Sj),Dj.classList.toggle(`${Z}-item--focused`,E2),Dj.ariaSelected=Sj?"true":"false",P)Dj.setAttribute("aria-setsize",Bj)}
@@ -297,8 +285,7 @@ P<K;
 P++){let f=n.getItem(P);
 if(f)V.push(f)}
 return V}
-return[...D]},getVirtualTotal(){return Qj()},getCachedCompression(){return{isCompressed:!1,actualHeight:R.getTotalHeight(),virtualHeight:R.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:H,totalItems:Qj(),containerHeight:o,rangeStart:T.start}},renderIfNeeded(){Kj()},forceRender(){_j()},getRenderFns(){return{renderIfNeeded:Kj,forceRender:_j}},setRenderFns(K,V){Kj=K,_j=V},setVirtualTotalFn(K){Qj=K},rebuildHeightCache(K){R.rebuild(K??Qj())},setHeightConfig(K){R=MJ(K,Qj())},updateContentSize(K){let V=`${K}
-px`;
+return[...D]},getVirtualTotal(){return Qj()},getCachedCompression(){return{isCompressed:!1,actualHeight:R.getTotalHeight(),virtualHeight:R.getTotalHeight(),ratio:1}},getCompressionContext(){return{scrollTop:H,totalItems:Qj(),containerHeight:o,rangeStart:T.start}},renderIfNeeded(){Kj()},forceRender(){_j()},getRenderFns(){return{renderIfNeeded:Kj,forceRender:_j}},setRenderFns(K,V){Kj=K,_j=V},setVirtualTotalFn(K){Qj=K},rebuildHeightCache(K){R.rebuild(K??Qj())},setHeightConfig(K){R=MJ(K,Qj())},updateContentSize(K){let V=`${K}px`;
 if(Q)B.content.style.width=V;
 else B.content.style.height=V},updateCompressionMode(){},setVisibleRangeFn(K){Zj=K},setScrollToPosFn(K){Gj=K},setPositionElementFn(K){Ej=K},setScrollFns(K,V){$j=K,qj=(P)=>{V(P),kj()}},setScrollTarget(K){Oj.removeEventListener("scroll",kj),Oj=K,Oj.addEventListener("scroll",kj,{passive:!0})},getScrollTarget(){return Oj},setContainerDimensions(K){q2=K.width,K2=K.height,d=K.width(),o=K.height(),h.viewportState.containerHeight=o},disableViewportResize(){if(gj)gj=!1,dj.unobserve(B.viewport)}};
 n={getState:()=>({total:D.length,cached:D.length,isLoading:!1,pendingRanges:[],error:void 0,hasMore:!1,cursor:void 0}),getTotal:()=>D.length,getCached:()=>D.length,getIsLoading:()=>!1,getHasMore:()=>!1,getStorage:()=>null,getPlaceholders:()=>null,getItem:(K)=>D[K],getItemById:(K)=>{let V=x.get(K);
@@ -461,8 +448,7 @@ for(let w=0;
 w<y;
 w++)if(X.getCol(w)===0){let D=j.heightCache.getHeight(w);
 B+=D}
-j.heightCache.getTotalHeight=()=>B,j.dom.content.style.height=`${B}
-px`,A()}),j.methods.set("updateGrid",(G)=>{if(G.columns!==void 0){if(!Number.isInteger(G.columns)||G.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
+j.heightCache.getTotalHeight=()=>B,j.dom.content.style.height=`${B}px`,A()}),j.methods.set("updateGrid",(G)=>{if(G.columns!==void 0){if(!Number.isInteger(G.columns)||G.columns<1)throw Error("[vlist/builder] updateGrid: columns must be a positive integer >= 1");
 U.columns=G.columns}
 if(G.gap!==void 0){if(G.gap<0)throw Error("[vlist/builder] updateGrid: gap must be non-negative");
 U.gap=G.gap}
@@ -547,8 +533,7 @@ let M=X.groups;
 if(N<0||N>=M.length){$.textContent="";
 return}
 let A=M[N],L=j.headerTemplate(A.key,A.groupIndex),k=X.getHeaderHeight(N);
-if($.style.height=`${k}
-px`,typeof L==="string")$.innerHTML=L;
+if($.style.height=`${k}px`,typeof L==="string")$.innerHTML=L;
 else $.replaceChildren(L)},U=(N)=>{let M=X.groups;
 if(M.length===0){O();
 return}
@@ -565,8 +550,7 @@ _(A);
 let k=X.getHeaderHeight(A),G=0,y=A+1;
 if(y<M.length){let w=Q.getOffset(M[y].headerLayoutIndex)-N;
 if(w<k)G=w-k}
-if(G!==E)E=G,$.style.transform=G===0?"":`translateY(${Math.round(G)}
-px)`},F=()=>{if(Z)return;
+if(G!==E)E=G,$.style.transform=G===0?"":`translateY(${Math.round(G)}px)`},F=()=>{if(Z)return;
 Z=!0,$.style.display=""},O=()=>{if(!Z)return;
 Z=!1,$.style.display="none",q=-1,E=0,$.style.transform=""},b=()=>{let N=q;
 if(q=-1,N>=0)_(N)},W=()=>{$.remove(),q=-1,Z=!1};
@@ -637,15 +621,7 @@ F(),b()},N=()=>{if($.state.isDestroyed)return;
 O(),b()};
 $.setRenderFns(W,N);
 let M=()=>{b(),Z.emit("selection:change",{selected:pj(j),items:uj(j,(L)=>$.dataManager.getItemById(L))})};
-Y=document.createElement("div"),Y.setAttribute("aria-live","polite"),Y.setAttribute("aria-atomic","true"),Y.className=`${_}-live-region`,Y.style.cssText="position:absolute;
-width:1px;
-height:1px;
-padding:0;
-margin:-1px;
-overflow:hidden;
-clip:rect(0,0,0,0);
-white-space:nowrap;
-border:0",q.root.appendChild(Y);
+Y=document.createElement("div"),Y.setAttribute("aria-live","polite"),Y.setAttribute("aria-atomic","true"),Y.className=`${_}-live-region`,Y.style.cssText="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0",q.root.appendChild(Y);
 let A=Y;
 Z.on("selection:change",({selected:L})=>{let k=L.length;
 if(k===0)A.textContent="";
@@ -688,10 +664,8 @@ let{renderRange:L,isCompressed:k}=$.state.viewportState,G=$.getItemsForRange(L),
 $.renderer.render(G,L,j.selected,j.focusedIndex,y),Z.emit("selection:change",{selected:[],items:[]})}),$.methods.set("getSelected",()=>{return pj(j)}),$.methods.set("getSelectedItems",()=>{return uj(j,(L)=>$.dataManager.getItemById(L))}),$.destroyHandlers.push(()=>{if(A&&A.parentNode)A.remove()})},destroy(){if(Y&&Y.parentNode)Y.remove();
 Y=null}}};
 var Tj=(J,X,Q={},j="vlist",Y=!1)=>{let{autoHide:$=!0,autoHideDelay:q=1000,minThumbSize:Z=30,showOnHover:E=!0,hoverZoneWidth:_=16,showOnViewportEnter:U=!0}=Q,F=0,O=0,b=0,W=0,N=!1,M=!1,A=0,L=0,k=0,G=null,y=!1,B=null,w=null,D=Y?"width":"height",R=Y?"translateX":"translateY",g=Y?(t)=>t.clientX:(t)=>t.clientY,o=Y?"left":"top",d=document.createElement("div"),jj=document.createElement("div"),i=E?document.createElement("div"):null,H=()=>{if(d.className=`${j}-scrollbar`,jj.className=`${j}-scrollbar-thumb`,Y)d.classList.add(`${j}-scrollbar--horizontal`);
-if(d.appendChild(jj),J.appendChild(d),i){if(i.className=`${j}-scrollbar-hover`,Y)i.classList.add(`${j}-scrollbar-hover--horizontal`),i.style.height=`${_}
-px`;
-else i.style.width=`${_}
-px`;
+if(d.appendChild(jj),J.appendChild(d),i){if(i.className=`${j}-scrollbar-hover`,Y)i.classList.add(`${j}-scrollbar-hover--horizontal`),i.style.height=`${_}px`;
+else i.style.width=`${_}px`;
 J.appendChild(i)}},v=()=>{if(G)clearTimeout(G),G=null},I=()=>{if(!$)return;
 v(),G=setTimeout(z,q)},p=()=>{if(F<=O)return;
 if(v(),!y)d.classList.add(`${j}-scrollbar--visible`),y=!0;
@@ -701,16 +675,13 @@ let C=F>O;
 if(d.style.display=C?"":"none",!C){z();
 return}
 let S=O/F;
-b=Math.max(Z,S*O),jj.style[D]=`${b}
-px`,W=O-b,u(k)},u=(t)=>{if(k=t,F<=O||W<=0)return;
+b=Math.max(Z,S*O),jj.style[D]=`${b}px`,W=O-b,u(k)},u=(t)=>{if(k=t,F<=O||W<=0)return;
 let Jj=F-O,S=Math.min(1,Math.max(0,t/Jj))*W;
-jj.style.transform=`${R}(${S}
-px)`},h=(t)=>{if(t.target===jj)return;
+jj.style.transform=`${R}(${S}px)`},h=(t)=>{if(t.target===jj)return;
 let Jj=d.getBoundingClientRect(),s=g(t)-Jj[o]-b/2,m=Math.max(0,Math.min(s,W))/W,$j=F-O,qj=m*$j;
 X(qj),p()},l=(t)=>{t.preventDefault(),t.stopPropagation(),N=!0,A=g(t),L=k,v(),d.classList.add(`${j}-scrollbar--dragging`),document.addEventListener("mousemove",a),document.addEventListener("mouseup",Xj)},a=(t)=>{if(!N)return;
 let Jj=g(t)-A,C=W>0?Jj/W:0,S=F-O,s=C*S,e=Math.max(0,Math.min(L+s,S)),$j=e/S*W;
-if(jj.style.transform=`${R}(${$j}
-px)`,w=e,B===null)B=requestAnimationFrame(()=>{if(w!==null)X(w);
+if(jj.style.transform=`${R}(${$j}px)`,w=e,B===null)B=requestAnimationFrame(()=>{if(w!==null)X(w);
 B=null})},Xj=()=>{if(N=!1,B!==null)cancelAnimationFrame(B),B=null;
 if(w!==null)X(w),w=null;
 if(d.classList.remove(`${j}-scrollbar--dragging`),$&&!M)I();
@@ -751,13 +722,9 @@ return _()},j.setVisibleRangeFn((U,F,O,b,W)=>{let N=Fj(b,O);
 zJ(U,F,O,b,N,W)}),j.setScrollToPosFn((U,F,O,b,W)=>{let N=Fj(b,F);
 return PJ(U,F,O,b,N,W)}),j.setPositionElementFn((U,F)=>{let O=j.getVirtualTotal(),b=Fj(O,j.heightCache);
 if(b.isCompressed){let W=Math.round(fj(F,j.scrollController.getScrollTop(),j.heightCache,O,j.state.viewportState.containerHeight,b)),N=j.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}
 else{let W=Math.round(j.heightCache.getOffset(F)),N=j.config.horizontal;
-U.style.transform=N?`translateX(${W}
-px)`:`translateY(${W}
-px)`}}),E(),j.destroyHandlers.push(()=>{if(J)J.destroy(),J=null})},destroy(){if(J)J.destroy(),J=null}}};
+U.style.transform=N?`translateX(${W}px)`:`translateY(${W}px)`}}),E(),j.destroyHandlers.push(()=>{if(J)J.destroy(),J=null})},destroy(){if(J)J.destroy(),J=null}}};
 var cJ=()=>{return{name:"withSnapshots",priority:50,methods:["getScrollSnapshot","restoreScroll"],setup(J){J.methods.set("getScrollSnapshot",()=>{let X=J.scrollController.getScrollTop(),Q=J.getCachedCompression(),j=J.getVirtualTotal(),Y=J.methods.get("getSelected"),$=Y&&Y().length>0?Y():void 0;
 if(j===0){let _={index:0,offsetInItem:0};
 if($)_.selectedIds=$;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floor/vlist",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "Lightweight, high-performance virtual list with zero dependencies",
   "author": {
     "name": "Floor IO",