@vielzeug/virtualit 2.1.0 → 3.0.3

package/README.md

@@ -4,7 +4,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@vielzeug/virtualit)](https://www.npmjs.com/package/@vielzeug/virtualit) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-**Virtualit** renders only the items visible in the viewport plus a configurable overscan buffer. It uses a `ResizeObserver` for automatic container remeasurement and a passive `scroll` listener to keep the visible window in sync — no framework required.
+**Virtualit** renders only the items visible in the viewport plus a configurable overscan buffer. It uses a `ResizeObserver` for container size changes and a passive `scroll` listener to keep the visible window in sync — no framework required.
 
 ## Installation
 
@@ -30,7 +30,7 @@ const virt = createVirtualizer(scrollEl, {
 
     for (const item of virtualItems) {
       const row = document.createElement('div');
-      row.style.cssText = `position:absolute;top:${item.top}px;left:0;right:0;height:${item.height}px;`;
+      row.style.cssText = `position:absolute;top:${item.start}px;left:0;right:0;height:${item.size}px;`;
       row.textContent = items[item.index].label;
       list.appendChild(row);
     }
@@ -44,11 +44,14 @@ virt.destroy();
 ## Features
 
 - ✅ **Framework-agnostic** — callback-based `onChange`; works with React, Vue, Svelte, Lit, or vanilla DOM
-- ✅ **Fixed and variable heights** — pass a number or a per-index estimator; call `measureElement()` for exact heights
-- ✅ **Batched measurements** — `measureElement()` calls within a single tick are coalesced into one rebuild via `queueMicrotask`
+- ✅ **Fixed and variable sizes** — pass a number or a per-index estimator; call `measure()` for exact size capture
+- ✅ **Batched measurements** — measurement calls within a single tick are coalesced into one rebuild via `queueMicrotask`
+- ✅ **Stable-key reflow** — `refresh()` rebuilds offsets after reorder/filter changes without discarding measured sizes
 - ✅ **Skipped re-renders** — `onChange` is not fired when a scroll event doesn't cross an item boundary
-- ✅ **Programmatic scrolling** — `scrollToIndex()` with `start`, `end`, `center`, and `auto` alignment; `scrollToOffset()` for pixel-level control; both support `behavior: 'smooth'`
-- ✅ **Reactive count and density** — `count` and `estimateSize` setters rebuild and re-render automatically
+- ✅ **Programmatic scrolling** — `scrollToIndex()` with `start`, `end`, `center`, and `auto` alignment; `scrollToOffset()` for pixel-level control; both support `behavior: 'smooth'`; variable-height lists use current estimates until rows are measured
+- ✅ **Atomic updates** — `update()` can change count, estimator, overscan, callbacks, and scroll behavior config together
+- ✅ **Horizontal and window targets** — supports horizontal virtualization and `window` as scroll target
+- ✅ **Asymmetric overscan and gaps** — control start/end overscan independently and set inter-item spacing
 - ✅ **Typed Float64Array offsets** — dense contiguous buffer for cache-friendly binary search
 - ✅ **Disposable** — implements `[Symbol.dispose]` for `using` declarations
 - ✅ **Zero dependencies**
@@ -67,14 +70,15 @@ const list = document.getElementById('list')!;
 const virt = createVirtualizer(scrollEl, {
   count: 10_000,
   estimateSize: 36,
-  overscan: 3,
+  overscan: { start: 3, end: 3 },
   onChange: (virtualItems, totalSize) => {
     spacer.style.height = `${totalSize}px`;
     list.innerHTML = '';
 
     for (const item of virtualItems) {
       const el = document.createElement('div');
-      el.style.cssText = `position:absolute;top:${item.top}px;`;
+      el.dataset.index = String(item.index);
+      el.style.cssText = `position:absolute;top:${item.start}px;`;
       el.textContent = `Row ${item.index}`;
       list.appendChild(el);
     }
@@ -94,7 +98,7 @@ const virt = createVirtualizer(scrollEl, {
     // After rendering, report the actual measured heights
     for (const item of virtualItems) {
       const el = list.querySelector(`[data-index="${item.index}"]`) as HTMLElement | null;
-      if (el) virt.measureElement(item.index, el.offsetHeight);
+      if (el) virt.measure(item.index, el.offsetHeight);
     }
   },
 });
@@ -113,14 +117,21 @@ virt.scrollToIndex(50, { align: 'start', behavior: 'smooth' });
 virt.scrollToOffset(1440, { behavior: 'smooth' });
 ```
 
+For variable-height lists, `scrollToIndex()` uses the current estimate/measured cache. If row sizes changed materially, call `invalidate()` and then scroll again.
+
+If the same logical rows were reordered or filtered while keeping stable keys, call `refresh()` to rebuild offsets without dropping measured sizes.
+
 ### Updating the List
 
 ```ts
-// Append more items — setter rebuilds and re-renders automatically
-virt.count = newItems.length;
+// Append more items
+virt.update({ count: newItems.length });
 
 // Switch row density (e.g. compact ↔ comfortable view)
-virt.estimateSize = isDense ? 32 : 48;
+virt.update({ estimateSize: isDense ? 32 : 48 });
+
+// Rebuild after reordering stable-key rows
+virt.refresh();
 
 // Recompute after a font swap or layout shift
 virt.invalidate();
@@ -140,47 +151,55 @@ virt.invalidate();
 ### Package Exports
 
 ```ts
-export { Virtualizer, createVirtualizer } from '@vielzeug/virtualit';
-export type { ScrollToIndexOptions, VirtualItem, VirtualizerOptions } from '@vielzeug/virtualit';
+export { createVirtualizer } from '@vielzeug/virtualit';
+export type {
+  Overscan,
+  ScrollToIndexOptions,
+  VirtualItem,
+  Virtualizer,
+  VirtualizerOptions,
+  VirtualizerUpdateOptions,
+} from '@vielzeug/virtualit';
 ```
 
 ### `createVirtualizer(el, options)`
 
 Creates and immediately attaches a `Virtualizer` to `el`.
 
-| Parameter              | Type                                                | Description                                            |
-| ---------------------- | --------------------------------------------------- | ------------------------------------------------------ |
-| `el`                   | `HTMLElement`                                       | The scroll container to observe                        |
-| `options.count`        | `number`                                            | Total number of items                                  |
-| `options.estimateSize` | `number \| (i: number) => number`                   | Row height estimate. Default: `36`                     |
-| `options.overscan`     | `number`                                            | Items to render beyond the viewport edge. Default: `3` |
-| `options.onChange`     | `(items: VirtualItem[], totalSize: number) => void` | Called whenever the visible range changes              |
+- `el`: `HTMLElement | Window` — the scroll target to observe.
+- `options.count`: `number` — total number of items.
+- `options.estimateSize`: `number | (i: number) => number` — row size estimate (default: `36`).
+- `options.gap`: `number` — gap in px inserted between items.
+- `options.overscan`: `{ start?: number; end?: number }` — items rendered beyond viewport edge (default: `{ start: 3, end: 3 }`).
+- `options.onChange`: `(items: VirtualItem[], totalSize: number) => void` — called whenever the visible range changes.
 
 Returns a `Virtualizer` instance.
 
 ### `Virtualizer`
 
-| Member                      | Type                                      | Description                                        |
-| --------------------------- | ----------------------------------------- | -------------------------------------------------- |
-| `count`                     | `get/set number`                          | Item count; setting rebuilds and re-renders        |
-| `estimateSize`              | `set number \| (i) => number`             | Update the size estimator; clears measured heights |
-| `attach(el)`                | `(el: HTMLElement) => void`               | Attach (or re-attach) to a scroll container        |
-| `destroy()`                 | `() => void`                              | Remove all listeners; idempotent                   |
-| `[Symbol.dispose]()`        | —                                         | Delegates to `destroy()`                           |
-| `getVirtualItems()`         | `() => VirtualItem[]`                     | Currently rendered items                           |
-| `getTotalSize()`            | `() => number`                            | Total scrollable height in px                      |
-| `measureElement(i, h)`      | `(index: number, height: number) => void` | Record an exact item height; batched per microtask |
-| `scrollToIndex(i, opts?)`   | `(index, ScrollToIndexOptions) => void`   | Scroll to an item                                  |
-| `scrollToOffset(px, opts?)` | `(offset, { behavior? }) => void`         | Scroll to a pixel offset                           |
-| `invalidate()`              | `() => void`                              | Clear all measured heights and re-render           |
+- `count`: `readonly number` — current item count.
+- `estimateSize`: `readonly number | (i) => number` — active estimator.
+- `update(next)`: `(next: VirtualizerUpdateOptions) => void` — atomically update options.
+- `destroy()`: `() => void` — remove all listeners; idempotent.
+- `[Symbol.dispose]()` — delegates to `destroy()`.
+- `items`: `readonly VirtualItem[]` — currently rendered items.
+- `totalSize`: `readonly number` — total scrollable size in px.
+- `scrollOffset`: `readonly number` — current scroll offset.
+- `isScrolling`: `readonly boolean` — true while in active scrolling window.
+- `measure(i, h)`: `(index: number, size: number) => void` — record exact item size; batched per microtask.
+- `refresh()`: `() => void` — rebuild offsets and re-render while keeping measured sizes.
+- `scrollToIndex(i, opts?)`: `(index, ScrollToIndexOptions) => void` — scroll to an item.
+- `scrollToOffset(px, opts?)`: `(offset, { behavior? }) => void` — scroll to a pixel offset.
+- `invalidate()`: `() => void` — clear measured sizes and re-render.
 
 ### `VirtualItem`
 
 ```ts
 interface VirtualItem {
-  index: number; // Position in the full list
-  top: number; // Pixel offset from the top of the scroll area
-  height: number; // Measured or estimated height
+  index: number;
+  start: number;
+  end: number;
+  size: number;
 }
 ```
 
@@ -188,11 +207,9 @@ interface VirtualItem {
 
 Full docs at **[vielzeug.dev/virtualit](https://vielzeug.dev/virtualit)**
 
-| | |
-|---|---|
-| [Usage Guide](https://vielzeug.dev/virtualit/usage) | Fixed/variable heights, overscan, scrolling |
-| [API Reference](https://vielzeug.dev/virtualit/api) | Complete type signatures |
-| [Examples](https://vielzeug.dev/virtualit/examples) | Real-world virtual list patterns |
+- [Usage Guide](https://vielzeug.dev/virtualit/usage) — fixed/variable heights, overscan, scrolling.
+- [API Reference](https://vielzeug.dev/virtualit/api) — complete type signatures.
+- [Examples](https://vielzeug.dev/virtualit/examples) — real-world virtual list patterns.
 
 ## License
 

package/dist/dom/dom.cjs

@@ -1,2 +1,2 @@
-const e=require(`../virtualit.cjs`);function t(t){let n=[],r=!0,i=null,a=null,o=null,s=e=>{if(typeof t.estimateSize==`number`)return t.estimateSize;let r=n[e];return r?t.estimateSize(e,r):36},c=()=>{!i||!o||(i.style.height=`${o.getTotalSize()}px`,i.style.position=`relative`,i.style.contain=`layout`)},l=()=>{i&&(t.clear?t.clear(i):i.textContent=``,i.style.height=``,i.style.position=``,i.style.contain=``)},u=(u,d)=>{let f=t.getScrollElement(),p=t.getListElement();if(!r||!f||!p||n.length===0){o?.destroy(),o=null,i=p,a=f,l();return}let m=a!==f||i!==p;i=p,a=f,!o||m?(o?.destroy(),o=e.createVirtualizer(a,{count:n.length,estimateSize:s,onChange:e=>{i&&t.render({items:n,listEl:i,virtualItems:e})},overscan:t.overscan??3})):(d&&(o.count=n.length),u&&o.invalidate()),c()};return{destroy(){o?.destroy(),o=null,l()},scrollToIndex(e,t){o?.scrollToIndex(e,t)},setActive(e){r=e,u(!1,!1)},setItems(e,t={}){let r=n.length!==e.length;n=e,u(!!t.remeasure,r)}}}exports.createDomVirtualList=t;
+const e=require(`../virtualit.cjs`);var t=36,n=3;function r(r){let i=[],a=!0,o=null,s=null,c=null,l=0,u=e=>{let t=i[e];return t&&r.getItemKey?r.getItemKey(e,t):`${l}:${e}`},d=e=>{if(typeof r.estimateSize==`number`)return r.estimateSize;let n=i[e];return n?r.estimateSize(e,n):t},f=(e=o)=>{e&&(r.clear?r.clear(e):e.textContent=``,e.style.height=``,e.style.width=``,e.style.position=``,e.style.contain=``)},p=e=>{o&&(r.horizontal?(o.style.width=`${e}px`,o.style.height=``):(o.style.height=`${e}px`,o.style.width=``))},m=(e,t)=>{o&&(p(t),r.render({items:i,listEl:o,totalSize:t,virtualItems:e}))},h=t=>{let l=r.getScrollElement(),p=r.getListElement(),h=o;if(!a||!l||!p||i.length===0){c?.destroy(),c=null,o=p,s=l,f();return}let g=s!==l||o!==p;if(o=p,s=l,!c||g){let t=!!c&&g;c?.destroy(),t&&f(h),c=e.createVirtualizer(s,{count:i.length,estimateSize:d,gap:r.gap,getItemKey:u,horizontal:r.horizontal,onChange:(e,t)=>m(e,t),overscan:r.overscan??{end:n,start:n}}),o.style.position=`relative`,o.style.contain=`layout`;return}if(c.update({count:i.length,estimateSize:d,gap:r.gap,getItemKey:u,overscan:r.overscan}),t===`invalidate`){c.invalidate();return}t===`refresh`&&c.refresh()};return{destroy(){c?.destroy(),c=null,f()},invalidate(){c?.invalidate()},measure(e,t){c?.measure(e,t)},scrollToIndex(e,t){c?.scrollToIndex(e,t)},setActive(e){a=e,h(null)},setItems(e){if(i=e,r.getItemKey){h(`refresh`);return}l+=1,h(`invalidate`)}}}exports.createDomVirtualList=r;
 //# sourceMappingURL=dom.cjs.map

package/dist/dom/dom.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.cjs","names":[],"sources":["../../src/dom/dom.ts"],"sourcesContent":["import { type ScrollToIndexOptions, type VirtualItem, type Virtualizer, createVirtualizer } from '../virtualit';\n\nexport * from '../virtualit';\n\nexport type DomVirtualListRenderArgs<T> = {\n  items: T[];\n  listEl: HTMLElement;\n  virtualItems: VirtualItem[];\n};\n\nexport type DomVirtualListOptions<T> = {\n  clear?: (listEl: HTMLElement) => void;\n  estimateSize: number | ((index: number, item: T) => number);\n  getListElement: () => HTMLElement | null;\n  getScrollElement: () => HTMLElement | null;\n  overscan?: number;\n  render: (args: DomVirtualListRenderArgs<T>) => void;\n};\n\nexport type DomVirtualListSetItemsOptions = {\n  remeasure?: boolean;\n};\n\nexport type DomVirtualListController<T> = {\n  destroy: () => void;\n  scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void;\n  setActive: (active: boolean) => void;\n  setItems: (items: T[], options?: DomVirtualListSetItemsOptions) => void;\n};\n\nexport function createDomVirtualList<T>(options: DomVirtualListOptions<T>): DomVirtualListController<T> {\n  let currentItems: T[] = [];\n  let isActive = true;\n  let listElRef: HTMLElement | null = null;\n  let scrollElRef: HTMLElement | null = null;\n  let virtualizer: Virtualizer | null = null;\n\n  const resolveEstimate = (index: number): number => {\n    if (typeof options.estimateSize === 'number') return options.estimateSize;\n\n    const item = currentItems[index];\n\n    if (!item) return 36;\n\n    return options.estimateSize(index, item);\n  };\n\n  const applyListStyles = () => {\n    if (!listElRef || !virtualizer) return;\n\n    listElRef.style.height = `${virtualizer.getTotalSize()}px`;\n    listElRef.style.position = 'relative';\n    listElRef.style.contain = 'layout';\n  };\n\n  const clearAndReset = () => {\n    if (!listElRef) return;\n\n    if (options.clear) options.clear(listElRef);\n    else listElRef.textContent = '';\n\n    listElRef.style.height = '';\n    listElRef.style.position = '';\n    listElRef.style.contain = '';\n  };\n\n  const ensureVirtualizer = (remeasure: boolean, lengthChanged: boolean) => {\n    const nextScroll = options.getScrollElement();\n    const nextList = options.getListElement();\n\n    if (!isActive || !nextScroll || !nextList || currentItems.length === 0) {\n      virtualizer?.destroy();\n      virtualizer = null;\n      listElRef = nextList;\n      scrollElRef = nextScroll;\n      clearAndReset();\n\n      return;\n    }\n\n    const targetChanged = scrollElRef !== nextScroll || listElRef !== nextList;\n\n    listElRef = nextList;\n    scrollElRef = nextScroll;\n\n    if (!virtualizer || targetChanged) {\n      virtualizer?.destroy();\n      virtualizer = createVirtualizer(scrollElRef, {\n        count: currentItems.length,\n        estimateSize: resolveEstimate,\n        onChange: (virtualItems) => {\n          if (!listElRef) return;\n\n          options.render({ items: currentItems, listEl: listElRef, virtualItems });\n        },\n        overscan: options.overscan ?? 3,\n      });\n    } else {\n      if (lengthChanged) virtualizer.count = currentItems.length;\n\n      if (remeasure) virtualizer.invalidate();\n    }\n\n    applyListStyles();\n  };\n\n  return {\n    destroy() {\n      virtualizer?.destroy();\n      virtualizer = null;\n      clearAndReset();\n    },\n    scrollToIndex(index, scrollOptions) {\n      virtualizer?.scrollToIndex(index, scrollOptions);\n    },\n    setActive(active) {\n      isActive = active;\n\n      ensureVirtualizer(false, false);\n    },\n    setItems(items, setItemsOptions = {}) {\n      const lengthChanged = currentItems.length !== items.length;\n\n      currentItems = items;\n\n      ensureVirtualizer(!!setItemsOptions.remeasure, lengthChanged);\n    },\n  };\n}\n"],"mappings":"oCA8BA,SAAgB,EAAwB,EAAgE,CACtG,IAAI,EAAoB,EAAE,CACtB,EAAW,GACX,EAAgC,KAChC,EAAkC,KAClC,EAAkC,KAEhC,EAAmB,GAA0B,CACjD,GAAI,OAAO,EAAQ,cAAiB,SAAU,OAAO,EAAQ,aAE7D,IAAM,EAAO,EAAa,GAI1B,OAFK,EAEE,EAAQ,aAAa,EAAO,EAAK,CAFtB,IAKd,MAAwB,CACxB,CAAC,GAAa,CAAC,IAEnB,EAAU,MAAM,OAAS,GAAG,EAAY,cAAc,CAAC,IACvD,EAAU,MAAM,SAAW,WAC3B,EAAU,MAAM,QAAU,WAGtB,MAAsB,CACrB,IAED,EAAQ,MAAO,EAAQ,MAAM,EAAU,CACtC,EAAU,YAAc,GAE7B,EAAU,MAAM,OAAS,GACzB,EAAU,MAAM,SAAW,GAC3B,EAAU,MAAM,QAAU,KAGtB,GAAqB,EAAoB,IAA2B,CACxE,IAAM,EAAa,EAAQ,kBAAkB,CACvC,EAAW,EAAQ,gBAAgB,CAEzC,GAAI,CAAC,GAAY,CAAC,GAAc,CAAC,GAAY,EAAa,SAAW,EAAG,CACtE,GAAa,SAAS,CACtB,EAAc,KACd,EAAY,EACZ,EAAc,EACd,GAAe,CAEf,OAGF,IAAM,EAAgB,IAAgB,GAAc,IAAc,EAElE,EAAY,EACZ,EAAc,EAEV,CAAC,GAAe,GAClB,GAAa,SAAS,CACtB,EAAc,EAAA,kBAAkB,EAAa,CAC3C,MAAO,EAAa,OACpB,aAAc,EACd,SAAW,GAAiB,CACrB,GAEL,EAAQ,OAAO,CAAE,MAAO,EAAc,OAAQ,EAAW,eAAc,CAAC,EAE1E,SAAU,EAAQ,UAAY,EAC/B,CAAC,GAEE,IAAe,EAAY,MAAQ,EAAa,QAEhD,GAAW,EAAY,YAAY,EAGzC,GAAiB,EAGnB,MAAO,CACL,SAAU,CACR,GAAa,SAAS,CACtB,EAAc,KACd,GAAe,EAEjB,cAAc,EAAO,EAAe,CAClC,GAAa,cAAc,EAAO,EAAc,EAElD,UAAU,EAAQ,CAChB,EAAW,EAEX,EAAkB,GAAO,GAAM,EAEjC,SAAS,EAAO,EAAkB,EAAE,CAAE,CACpC,IAAM,EAAgB,EAAa,SAAW,EAAM,OAEpD,EAAe,EAEf,EAAkB,CAAC,CAAC,EAAgB,UAAW,EAAc,EAEhE"}
+{"version":3,"file":"dom.cjs","names":[],"sources":["../../src/dom/dom.ts"],"sourcesContent":["import {\n  type Overscan,\n  type ScrollToIndexOptions,\n  type VirtualItem,\n  type VirtualKey,\n  type Virtualizer,\n  createVirtualizer,\n} from '../virtualit';\n\nexport * from '../virtualit';\n\nconst DEFAULT_ESTIMATE_SIZE = 36;\nconst DEFAULT_OVERSCAN = 3;\n\nexport type DomVirtualListRenderArgs<T> = {\n  items: T[];\n  listEl: HTMLElement;\n  totalSize: number;\n  virtualItems: VirtualItem[];\n};\n\nexport type DomVirtualListOptions<T> = {\n  clear?: (listEl: HTMLElement) => void;\n  estimateSize: number | ((index: number, item: T) => number);\n  gap?: number;\n  getItemKey?: (index: number, item: T) => VirtualKey;\n  getListElement: () => HTMLElement | null;\n  getScrollElement: () => HTMLElement | Window | null;\n  horizontal?: boolean;\n  overscan?: Overscan;\n  render: (args: DomVirtualListRenderArgs<T>) => void;\n};\n\nexport type DomVirtualListController<T> = {\n  destroy: () => void;\n  invalidate: () => void;\n  measure: (index: number, size: number) => void;\n  scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void;\n  setActive: (active: boolean) => void;\n  setItems: (items: T[]) => void;\n};\n\ntype MeasurementSyncMode = 'invalidate' | 'refresh' | null;\n\nexport function createDomVirtualList<T>(options: DomVirtualListOptions<T>): DomVirtualListController<T> {\n  let currentItems: T[] = [];\n  let isActive = true;\n  let listElRef: HTMLElement | null = null;\n  let scrollElRef: HTMLElement | Window | null = null;\n  let virtualizer: Virtualizer | null = null;\n  let itemKeyRevision = 0;\n\n  const resolveItemKey = (index: number): VirtualKey => {\n    const item = currentItems[index];\n\n    if (item && options.getItemKey) return options.getItemKey(index, item);\n\n    return `${itemKeyRevision}:${index}`;\n  };\n\n  const resolveEstimate = (index: number): number => {\n    if (typeof options.estimateSize === 'number') return options.estimateSize;\n\n    const item = currentItems[index];\n\n    if (!item) return DEFAULT_ESTIMATE_SIZE;\n\n    return options.estimateSize(index, item);\n  };\n\n  const clearAndReset = (listEl: HTMLElement | null = listElRef) => {\n    if (!listEl) return;\n\n    if (options.clear) options.clear(listEl);\n    else listEl.textContent = '';\n\n    listEl.style.height = '';\n    listEl.style.width = '';\n    listEl.style.position = '';\n    listEl.style.contain = '';\n  };\n\n  const applyListSize = (totalSize: number) => {\n    if (!listElRef) return;\n\n    if (options.horizontal) {\n      listElRef.style.width = `${totalSize}px`;\n      listElRef.style.height = '';\n    } else {\n      listElRef.style.height = `${totalSize}px`;\n      listElRef.style.width = '';\n    }\n  };\n\n  const renderFromChange = (virtualItems: VirtualItem[], totalSize: number) => {\n    if (!listElRef) return;\n\n    applyListSize(totalSize);\n    options.render({\n      items: currentItems,\n      listEl: listElRef,\n      totalSize,\n      virtualItems,\n    });\n  };\n\n  const syncVirtualizer = (measurementSync: MeasurementSyncMode) => {\n    const nextScroll = options.getScrollElement();\n    const nextList = options.getListElement();\n    const previousList = listElRef;\n\n    if (!isActive || !nextScroll || !nextList || currentItems.length === 0) {\n      virtualizer?.destroy();\n      virtualizer = null;\n      listElRef = nextList;\n      scrollElRef = nextScroll;\n      clearAndReset();\n\n      return;\n    }\n\n    const targetChanged = scrollElRef !== nextScroll || listElRef !== nextList;\n\n    listElRef = nextList;\n    scrollElRef = nextScroll;\n\n    if (!virtualizer || targetChanged) {\n      const shouldClearForTargetSwap = !!virtualizer && targetChanged;\n\n      virtualizer?.destroy();\n\n      if (shouldClearForTargetSwap) clearAndReset(previousList);\n\n      virtualizer = createVirtualizer(scrollElRef, {\n        count: currentItems.length,\n        estimateSize: resolveEstimate,\n        gap: options.gap,\n        getItemKey: resolveItemKey,\n        horizontal: options.horizontal,\n        onChange: (virtualItems, totalSize) => renderFromChange(virtualItems, totalSize),\n        overscan: options.overscan ?? { end: DEFAULT_OVERSCAN, start: DEFAULT_OVERSCAN },\n      });\n\n      listElRef.style.position = 'relative';\n      listElRef.style.contain = 'layout';\n\n      return;\n    }\n\n    virtualizer.update({\n      count: currentItems.length,\n      estimateSize: resolveEstimate,\n      gap: options.gap,\n      getItemKey: resolveItemKey,\n      overscan: options.overscan,\n    });\n\n    if (measurementSync === 'invalidate') {\n      virtualizer.invalidate();\n\n      return;\n    }\n\n    if (measurementSync === 'refresh') virtualizer.refresh();\n  };\n\n  return {\n    destroy() {\n      virtualizer?.destroy();\n      virtualizer = null;\n      clearAndReset();\n    },\n    invalidate() {\n      virtualizer?.invalidate();\n    },\n    measure(index, size) {\n      virtualizer?.measure(index, size);\n    },\n    scrollToIndex(index, scrollOptions) {\n      virtualizer?.scrollToIndex(index, scrollOptions);\n    },\n    setActive(active) {\n      isActive = active;\n      syncVirtualizer(null);\n    },\n    setItems(items) {\n      currentItems = items;\n\n      if (options.getItemKey) {\n        syncVirtualizer('refresh');\n\n        return;\n      }\n\n      itemKeyRevision += 1;\n      syncVirtualizer('invalidate');\n    },\n  };\n}\n"],"mappings":"oCAWA,IAAM,EAAwB,GACxB,EAAmB,EAgCzB,SAAgB,EAAwB,EAAgE,CACtG,IAAI,EAAoB,CAAC,EACrB,EAAW,GACX,EAAgC,KAChC,EAA2C,KAC3C,EAAkC,KAClC,EAAkB,EAEhB,EAAkB,GAA8B,CACpD,IAAM,EAAO,EAAa,GAI1B,OAFI,GAAQ,EAAQ,WAAmB,EAAQ,WAAW,EAAO,CAAI,EAE9D,GAAG,EAAgB,GAAG,GAC/B,EAEM,EAAmB,GAA0B,CACjD,GAAI,OAAO,EAAQ,cAAiB,SAAU,OAAO,EAAQ,aAE7D,IAAM,EAAO,EAAa,GAI1B,OAFK,EAEE,EAAQ,aAAa,EAAO,CAAI,EAFrB,CAGpB,EAEM,GAAiB,EAA6B,IAAc,CAC3D,IAED,EAAQ,MAAO,EAAQ,MAAM,CAAM,EAClC,EAAO,YAAc,GAE1B,EAAO,MAAM,OAAS,GACtB,EAAO,MAAM,MAAQ,GACrB,EAAO,MAAM,SAAW,GACxB,EAAO,MAAM,QAAU,GACzB,EAEM,EAAiB,GAAsB,CACtC,IAED,EAAQ,YACV,EAAU,MAAM,MAAQ,GAAG,EAAU,IACrC,EAAU,MAAM,OAAS,KAEzB,EAAU,MAAM,OAAS,GAAG,EAAU,IACtC,EAAU,MAAM,MAAQ,IAE5B,EAEM,GAAoB,EAA6B,IAAsB,CACtE,IAEL,EAAc,CAAS,EACvB,EAAQ,OAAO,CACb,MAAO,EACP,OAAQ,EACR,YACA,cACF,CAAC,EACH,EAEM,EAAmB,GAAyC,CAChE,IAAM,EAAa,EAAQ,iBAAiB,EACtC,EAAW,EAAQ,eAAe,EAClC,EAAe,EAErB,GAAI,CAAC,GAAY,CAAC,GAAc,CAAC,GAAY,EAAa,SAAW,EAAG,CACtE,GAAa,QAAQ,EACrB,EAAc,KACd,EAAY,EACZ,EAAc,EACd,EAAc,EAEd,MACF,CAEA,IAAM,EAAgB,IAAgB,GAAc,IAAc,EAKlE,GAHA,EAAY,EACZ,EAAc,EAEV,CAAC,GAAe,EAAe,CACjC,IAAM,EAA2B,CAAC,CAAC,GAAe,EAElD,GAAa,QAAQ,EAEjB,GAA0B,EAAc,CAAY,EAExD,EAAc,EAAA,kBAAkB,EAAa,CAC3C,MAAO,EAAa,OACpB,aAAc,EACd,IAAK,EAAQ,IACb,WAAY,EACZ,WAAY,EAAQ,WACpB,UAAW,EAAc,IAAc,EAAiB,EAAc,CAAS,EAC/E,SAAU,EAAQ,UAAY,CAAE,IAAK,EAAkB,MAAO,CAAiB,CACjF,CAAC,EAED,EAAU,MAAM,SAAW,WAC3B,EAAU,MAAM,QAAU,SAE1B,MACF,CAUA,GARA,EAAY,OAAO,CACjB,MAAO,EAAa,OACpB,aAAc,EACd,IAAK,EAAQ,IACb,WAAY,EACZ,SAAU,EAAQ,QACpB,CAAC,EAEG,IAAoB,aAAc,CACpC,EAAY,WAAW,EAEvB,MACF,CAEI,IAAoB,WAAW,EAAY,QAAQ,CACzD,EAEA,MAAO,CACL,SAAU,CACR,GAAa,QAAQ,EACrB,EAAc,KACd,EAAc,CAChB,EACA,YAAa,CACX,GAAa,WAAW,CAC1B,EACA,QAAQ,EAAO,EAAM,CACnB,GAAa,QAAQ,EAAO,CAAI,CAClC,EACA,cAAc,EAAO,EAAe,CAClC,GAAa,cAAc,EAAO,CAAa,CACjD,EACA,UAAU,EAAQ,CAChB,EAAW,EACX,EAAgB,IAAI,CACtB,EACA,SAAS,EAAO,CAGd,GAFA,EAAe,EAEX,EAAQ,WAAY,CACtB,EAAgB,SAAS,EAEzB,MACF,CAEA,GAAmB,EACnB,EAAgB,YAAY,CAC9B,CACF,CACF"}

package/dist/dom/dom.d.ts

@@ -1,26 +1,29 @@
-import { type ScrollToIndexOptions, type VirtualItem } from '../virtualit';
+import { type Overscan, type ScrollToIndexOptions, type VirtualItem, type VirtualKey } from '../virtualit';
 export * from '../virtualit';
 export type DomVirtualListRenderArgs<T> = {
     items: T[];
     listEl: HTMLElement;
+    totalSize: number;
     virtualItems: VirtualItem[];
 };
 export type DomVirtualListOptions<T> = {
     clear?: (listEl: HTMLElement) => void;
     estimateSize: number | ((index: number, item: T) => number);
+    gap?: number;
+    getItemKey?: (index: number, item: T) => VirtualKey;
     getListElement: () => HTMLElement | null;
-    getScrollElement: () => HTMLElement | null;
-    overscan?: number;
+    getScrollElement: () => HTMLElement | Window | null;
+    horizontal?: boolean;
+    overscan?: Overscan;
     render: (args: DomVirtualListRenderArgs<T>) => void;
 };
-export type DomVirtualListSetItemsOptions = {
-    remeasure?: boolean;
-};
 export type DomVirtualListController<T> = {
     destroy: () => void;
+    invalidate: () => void;
+    measure: (index: number, size: number) => void;
     scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void;
     setActive: (active: boolean) => void;
-    setItems: (items: T[], options?: DomVirtualListSetItemsOptions) => void;
+    setItems: (items: T[]) => void;
 };
 export declare function createDomVirtualList<T>(options: DomVirtualListOptions<T>): DomVirtualListController<T>;
 //# sourceMappingURL=dom.d.ts.map

package/dist/dom/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/dom/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAuC,MAAM,cAAc,CAAC;AAEhH,cAAc,cAAc,CAAC;AAE7B,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,WAAW,CAAC;IACpB,YAAY,EAAE,WAAW,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACrC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAC5D,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvE,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,6BAA6B,KAAK,IAAI,CAAC;CACzE,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAkGtG"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/dom/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,UAAU,EAGhB,MAAM,cAAc,CAAC;AAEtB,cAAc,cAAc,CAAC;AAK7B,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACxC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,WAAW,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI;IACrC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,UAAU,CAAC;IACpD,cAAc,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACzC,gBAAgB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,CAAC,IAAI;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvE,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAChC,CAAC;AAIF,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CA0JtG"}

package/dist/dom/dom.js

@@ -1,51 +1,86 @@
 import { createVirtualizer as e } from "../virtualit.js";
 //#region src/dom/dom.ts
-function t(t) {
-	let n = [], r = !0, i = null, a = null, o = null, s = (e) => {
-		if (typeof t.estimateSize == "number") return t.estimateSize;
-		let r = n[e];
-		return r ? t.estimateSize(e, r) : 36;
-	}, c = () => {
-		!i || !o || (i.style.height = `${o.getTotalSize()}px`, i.style.position = "relative", i.style.contain = "layout");
-	}, l = () => {
-		i && (t.clear ? t.clear(i) : i.textContent = "", i.style.height = "", i.style.position = "", i.style.contain = "");
-	}, u = (u, d) => {
-		let f = t.getScrollElement(), p = t.getListElement();
-		if (!r || !f || !p || n.length === 0) {
-			o?.destroy(), o = null, i = p, a = f, l();
+var t = 36, n = 3;
+function r(r) {
+	let i = [], a = !0, o = null, s = null, c = null, l = 0, u = (e) => {
+		let t = i[e];
+		return t && r.getItemKey ? r.getItemKey(e, t) : `${l}:${e}`;
+	}, d = (e) => {
+		if (typeof r.estimateSize == "number") return r.estimateSize;
+		let n = i[e];
+		return n ? r.estimateSize(e, n) : t;
+	}, f = (e = o) => {
+		e && (r.clear ? r.clear(e) : e.textContent = "", e.style.height = "", e.style.width = "", e.style.position = "", e.style.contain = "");
+	}, p = (e) => {
+		o && (r.horizontal ? (o.style.width = `${e}px`, o.style.height = "") : (o.style.height = `${e}px`, o.style.width = ""));
+	}, m = (e, t) => {
+		o && (p(t), r.render({
+			items: i,
+			listEl: o,
+			totalSize: t,
+			virtualItems: e
+		}));
+	}, h = (t) => {
+		let l = r.getScrollElement(), p = r.getListElement(), h = o;
+		if (!a || !l || !p || i.length === 0) {
+			c?.destroy(), c = null, o = p, s = l, f();
 			return;
 		}
-		let m = a !== f || i !== p;
-		i = p, a = f, !o || m ? (o?.destroy(), o = e(a, {
-			count: n.length,
-			estimateSize: s,
-			onChange: (e) => {
-				i && t.render({
-					items: n,
-					listEl: i,
-					virtualItems: e
-				});
-			},
-			overscan: t.overscan ?? 3
-		})) : (d && (o.count = n.length), u && o.invalidate()), c();
+		let g = s !== l || o !== p;
+		if (o = p, s = l, !c || g) {
+			let t = !!c && g;
+			c?.destroy(), t && f(h), c = e(s, {
+				count: i.length,
+				estimateSize: d,
+				gap: r.gap,
+				getItemKey: u,
+				horizontal: r.horizontal,
+				onChange: (e, t) => m(e, t),
+				overscan: r.overscan ?? {
+					end: n,
+					start: n
+				}
+			}), o.style.position = "relative", o.style.contain = "layout";
+			return;
+		}
+		if (c.update({
+			count: i.length,
+			estimateSize: d,
+			gap: r.gap,
+			getItemKey: u,
+			overscan: r.overscan
+		}), t === "invalidate") {
+			c.invalidate();
+			return;
+		}
+		t === "refresh" && c.refresh();
 	};
 	return {
 		destroy() {
-			o?.destroy(), o = null, l();
+			c?.destroy(), c = null, f();
+		},
+		invalidate() {
+			c?.invalidate();
+		},
+		measure(e, t) {
+			c?.measure(e, t);
 		},
 		scrollToIndex(e, t) {
-			o?.scrollToIndex(e, t);
+			c?.scrollToIndex(e, t);
 		},
 		setActive(e) {
-			r = e, u(!1, !1);
+			a = e, h(null);
 		},
-		setItems(e, t = {}) {
-			let r = n.length !== e.length;
-			n = e, u(!!t.remeasure, r);
+		setItems(e) {
+			if (i = e, r.getItemKey) {
+				h("refresh");
+				return;
+			}
+			l += 1, h("invalidate");
 		}
 	};
 }
 //#endregion
-export { t as createDomVirtualList };
+export { r as createDomVirtualList };
 
 //# sourceMappingURL=dom.js.map

package/dist/dom/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","names":[],"sources":["../../src/dom/dom.ts"],"sourcesContent":["import { type ScrollToIndexOptions, type VirtualItem, type Virtualizer, createVirtualizer } from '../virtualit';\n\nexport * from '../virtualit';\n\nexport type DomVirtualListRenderArgs<T> = {\n  items: T[];\n  listEl: HTMLElement;\n  virtualItems: VirtualItem[];\n};\n\nexport type DomVirtualListOptions<T> = {\n  clear?: (listEl: HTMLElement) => void;\n  estimateSize: number | ((index: number, item: T) => number);\n  getListElement: () => HTMLElement | null;\n  getScrollElement: () => HTMLElement | null;\n  overscan?: number;\n  render: (args: DomVirtualListRenderArgs<T>) => void;\n};\n\nexport type DomVirtualListSetItemsOptions = {\n  remeasure?: boolean;\n};\n\nexport type DomVirtualListController<T> = {\n  destroy: () => void;\n  scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void;\n  setActive: (active: boolean) => void;\n  setItems: (items: T[], options?: DomVirtualListSetItemsOptions) => void;\n};\n\nexport function createDomVirtualList<T>(options: DomVirtualListOptions<T>): DomVirtualListController<T> {\n  let currentItems: T[] = [];\n  let isActive = true;\n  let listElRef: HTMLElement | null = null;\n  let scrollElRef: HTMLElement | null = null;\n  let virtualizer: Virtualizer | null = null;\n\n  const resolveEstimate = (index: number): number => {\n    if (typeof options.estimateSize === 'number') return options.estimateSize;\n\n    const item = currentItems[index];\n\n    if (!item) return 36;\n\n    return options.estimateSize(index, item);\n  };\n\n  const applyListStyles = () => {\n    if (!listElRef || !virtualizer) return;\n\n    listElRef.style.height = `${virtualizer.getTotalSize()}px`;\n    listElRef.style.position = 'relative';\n    listElRef.style.contain = 'layout';\n  };\n\n  const clearAndReset = () => {\n    if (!listElRef) return;\n\n    if (options.clear) options.clear(listElRef);\n    else listElRef.textContent = '';\n\n    listElRef.style.height = '';\n    listElRef.style.position = '';\n    listElRef.style.contain = '';\n  };\n\n  const ensureVirtualizer = (remeasure: boolean, lengthChanged: boolean) => {\n    const nextScroll = options.getScrollElement();\n    const nextList = options.getListElement();\n\n    if (!isActive || !nextScroll || !nextList || currentItems.length === 0) {\n      virtualizer?.destroy();\n      virtualizer = null;\n      listElRef = nextList;\n      scrollElRef = nextScroll;\n      clearAndReset();\n\n      return;\n    }\n\n    const targetChanged = scrollElRef !== nextScroll || listElRef !== nextList;\n\n    listElRef = nextList;\n    scrollElRef = nextScroll;\n\n    if (!virtualizer || targetChanged) {\n      virtualizer?.destroy();\n      virtualizer = createVirtualizer(scrollElRef, {\n        count: currentItems.length,\n        estimateSize: resolveEstimate,\n        onChange: (virtualItems) => {\n          if (!listElRef) return;\n\n          options.render({ items: currentItems, listEl: listElRef, virtualItems });\n        },\n        overscan: options.overscan ?? 3,\n      });\n    } else {\n      if (lengthChanged) virtualizer.count = currentItems.length;\n\n      if (remeasure) virtualizer.invalidate();\n    }\n\n    applyListStyles();\n  };\n\n  return {\n    destroy() {\n      virtualizer?.destroy();\n      virtualizer = null;\n      clearAndReset();\n    },\n    scrollToIndex(index, scrollOptions) {\n      virtualizer?.scrollToIndex(index, scrollOptions);\n    },\n    setActive(active) {\n      isActive = active;\n\n      ensureVirtualizer(false, false);\n    },\n    setItems(items, setItemsOptions = {}) {\n      const lengthChanged = currentItems.length !== items.length;\n\n      currentItems = items;\n\n      ensureVirtualizer(!!setItemsOptions.remeasure, lengthChanged);\n    },\n  };\n}\n"],"mappings":";;AA8BA,SAAgB,EAAwB,GAAgE;CACtG,IAAI,IAAoB,EAAE,EACtB,IAAW,IACX,IAAgC,MAChC,IAAkC,MAClC,IAAkC,MAEhC,KAAmB,MAA0B;AACjD,MAAI,OAAO,EAAQ,gBAAiB,SAAU,QAAO,EAAQ;EAE7D,IAAM,IAAO,EAAa;AAI1B,SAFK,IAEE,EAAQ,aAAa,GAAO,EAAK,GAFtB;IAKd,UAAwB;AACxB,GAAC,KAAa,CAAC,MAEnB,EAAU,MAAM,SAAS,GAAG,EAAY,cAAc,CAAC,KACvD,EAAU,MAAM,WAAW,YAC3B,EAAU,MAAM,UAAU;IAGtB,UAAsB;AACrB,QAED,EAAQ,QAAO,EAAQ,MAAM,EAAU,GACtC,EAAU,cAAc,IAE7B,EAAU,MAAM,SAAS,IACzB,EAAU,MAAM,WAAW,IAC3B,EAAU,MAAM,UAAU;IAGtB,KAAqB,GAAoB,MAA2B;EACxE,IAAM,IAAa,EAAQ,kBAAkB,EACvC,IAAW,EAAQ,gBAAgB;AAEzC,MAAI,CAAC,KAAY,CAAC,KAAc,CAAC,KAAY,EAAa,WAAW,GAAG;AAKtE,GAJA,GAAa,SAAS,EACtB,IAAc,MACd,IAAY,GACZ,IAAc,GACd,GAAe;AAEf;;EAGF,IAAM,IAAgB,MAAgB,KAAc,MAAc;AAuBlE,EArBA,IAAY,GACZ,IAAc,GAEV,CAAC,KAAe,KAClB,GAAa,SAAS,EACtB,IAAc,EAAkB,GAAa;GAC3C,OAAO,EAAa;GACpB,cAAc;GACd,WAAW,MAAiB;AACrB,SAEL,EAAQ,OAAO;KAAE,OAAO;KAAc,QAAQ;KAAW;KAAc,CAAC;;GAE1E,UAAU,EAAQ,YAAY;GAC/B,CAAC,KAEE,MAAe,EAAY,QAAQ,EAAa,SAEhD,KAAW,EAAY,YAAY,GAGzC,GAAiB;;AAGnB,QAAO;EACL,UAAU;AAGR,GAFA,GAAa,SAAS,EACtB,IAAc,MACd,GAAe;;EAEjB,cAAc,GAAO,GAAe;AAClC,MAAa,cAAc,GAAO,EAAc;;EAElD,UAAU,GAAQ;AAGhB,GAFA,IAAW,GAEX,EAAkB,IAAO,GAAM;;EAEjC,SAAS,GAAO,IAAkB,EAAE,EAAE;GACpC,IAAM,IAAgB,EAAa,WAAW,EAAM;AAIpD,GAFA,IAAe,GAEf,EAAkB,CAAC,CAAC,EAAgB,WAAW,EAAc;;EAEhE"}
+{"version":3,"file":"dom.js","names":[],"sources":["../../src/dom/dom.ts"],"sourcesContent":["import {\n  type Overscan,\n  type ScrollToIndexOptions,\n  type VirtualItem,\n  type VirtualKey,\n  type Virtualizer,\n  createVirtualizer,\n} from '../virtualit';\n\nexport * from '../virtualit';\n\nconst DEFAULT_ESTIMATE_SIZE = 36;\nconst DEFAULT_OVERSCAN = 3;\n\nexport type DomVirtualListRenderArgs<T> = {\n  items: T[];\n  listEl: HTMLElement;\n  totalSize: number;\n  virtualItems: VirtualItem[];\n};\n\nexport type DomVirtualListOptions<T> = {\n  clear?: (listEl: HTMLElement) => void;\n  estimateSize: number | ((index: number, item: T) => number);\n  gap?: number;\n  getItemKey?: (index: number, item: T) => VirtualKey;\n  getListElement: () => HTMLElement | null;\n  getScrollElement: () => HTMLElement | Window | null;\n  horizontal?: boolean;\n  overscan?: Overscan;\n  render: (args: DomVirtualListRenderArgs<T>) => void;\n};\n\nexport type DomVirtualListController<T> = {\n  destroy: () => void;\n  invalidate: () => void;\n  measure: (index: number, size: number) => void;\n  scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void;\n  setActive: (active: boolean) => void;\n  setItems: (items: T[]) => void;\n};\n\ntype MeasurementSyncMode = 'invalidate' | 'refresh' | null;\n\nexport function createDomVirtualList<T>(options: DomVirtualListOptions<T>): DomVirtualListController<T> {\n  let currentItems: T[] = [];\n  let isActive = true;\n  let listElRef: HTMLElement | null = null;\n  let scrollElRef: HTMLElement | Window | null = null;\n  let virtualizer: Virtualizer | null = null;\n  let itemKeyRevision = 0;\n\n  const resolveItemKey = (index: number): VirtualKey => {\n    const item = currentItems[index];\n\n    if (item && options.getItemKey) return options.getItemKey(index, item);\n\n    return `${itemKeyRevision}:${index}`;\n  };\n\n  const resolveEstimate = (index: number): number => {\n    if (typeof options.estimateSize === 'number') return options.estimateSize;\n\n    const item = currentItems[index];\n\n    if (!item) return DEFAULT_ESTIMATE_SIZE;\n\n    return options.estimateSize(index, item);\n  };\n\n  const clearAndReset = (listEl: HTMLElement | null = listElRef) => {\n    if (!listEl) return;\n\n    if (options.clear) options.clear(listEl);\n    else listEl.textContent = '';\n\n    listEl.style.height = '';\n    listEl.style.width = '';\n    listEl.style.position = '';\n    listEl.style.contain = '';\n  };\n\n  const applyListSize = (totalSize: number) => {\n    if (!listElRef) return;\n\n    if (options.horizontal) {\n      listElRef.style.width = `${totalSize}px`;\n      listElRef.style.height = '';\n    } else {\n      listElRef.style.height = `${totalSize}px`;\n      listElRef.style.width = '';\n    }\n  };\n\n  const renderFromChange = (virtualItems: VirtualItem[], totalSize: number) => {\n    if (!listElRef) return;\n\n    applyListSize(totalSize);\n    options.render({\n      items: currentItems,\n      listEl: listElRef,\n      totalSize,\n      virtualItems,\n    });\n  };\n\n  const syncVirtualizer = (measurementSync: MeasurementSyncMode) => {\n    const nextScroll = options.getScrollElement();\n    const nextList = options.getListElement();\n    const previousList = listElRef;\n\n    if (!isActive || !nextScroll || !nextList || currentItems.length === 0) {\n      virtualizer?.destroy();\n      virtualizer = null;\n      listElRef = nextList;\n      scrollElRef = nextScroll;\n      clearAndReset();\n\n      return;\n    }\n\n    const targetChanged = scrollElRef !== nextScroll || listElRef !== nextList;\n\n    listElRef = nextList;\n    scrollElRef = nextScroll;\n\n    if (!virtualizer || targetChanged) {\n      const shouldClearForTargetSwap = !!virtualizer && targetChanged;\n\n      virtualizer?.destroy();\n\n      if (shouldClearForTargetSwap) clearAndReset(previousList);\n\n      virtualizer = createVirtualizer(scrollElRef, {\n        count: currentItems.length,\n        estimateSize: resolveEstimate,\n        gap: options.gap,\n        getItemKey: resolveItemKey,\n        horizontal: options.horizontal,\n        onChange: (virtualItems, totalSize) => renderFromChange(virtualItems, totalSize),\n        overscan: options.overscan ?? { end: DEFAULT_OVERSCAN, start: DEFAULT_OVERSCAN },\n      });\n\n      listElRef.style.position = 'relative';\n      listElRef.style.contain = 'layout';\n\n      return;\n    }\n\n    virtualizer.update({\n      count: currentItems.length,\n      estimateSize: resolveEstimate,\n      gap: options.gap,\n      getItemKey: resolveItemKey,\n      overscan: options.overscan,\n    });\n\n    if (measurementSync === 'invalidate') {\n      virtualizer.invalidate();\n\n      return;\n    }\n\n    if (measurementSync === 'refresh') virtualizer.refresh();\n  };\n\n  return {\n    destroy() {\n      virtualizer?.destroy();\n      virtualizer = null;\n      clearAndReset();\n    },\n    invalidate() {\n      virtualizer?.invalidate();\n    },\n    measure(index, size) {\n      virtualizer?.measure(index, size);\n    },\n    scrollToIndex(index, scrollOptions) {\n      virtualizer?.scrollToIndex(index, scrollOptions);\n    },\n    setActive(active) {\n      isActive = active;\n      syncVirtualizer(null);\n    },\n    setItems(items) {\n      currentItems = items;\n\n      if (options.getItemKey) {\n        syncVirtualizer('refresh');\n\n        return;\n      }\n\n      itemKeyRevision += 1;\n      syncVirtualizer('invalidate');\n    },\n  };\n}\n"],"mappings":";;AAWA,IAAM,IAAwB,IACxB,IAAmB;AAgCzB,SAAgB,EAAwB,GAAgE;CACtG,IAAI,IAAoB,CAAC,GACrB,IAAW,IACX,IAAgC,MAChC,IAA2C,MAC3C,IAAkC,MAClC,IAAkB,GAEhB,KAAkB,MAA8B;EACpD,IAAM,IAAO,EAAa;EAI1B,OAFI,KAAQ,EAAQ,aAAmB,EAAQ,WAAW,GAAO,CAAI,IAE9D,GAAG,EAAgB,GAAG;CAC/B,GAEM,KAAmB,MAA0B;EACjD,IAAI,OAAO,EAAQ,gBAAiB,UAAU,OAAO,EAAQ;EAE7D,IAAM,IAAO,EAAa;EAI1B,OAFK,IAEE,EAAQ,aAAa,GAAO,CAAI,IAFrB;CAGpB,GAEM,KAAiB,IAA6B,MAAc;EAC3D,MAED,EAAQ,QAAO,EAAQ,MAAM,CAAM,IAClC,EAAO,cAAc,IAE1B,EAAO,MAAM,SAAS,IACtB,EAAO,MAAM,QAAQ,IACrB,EAAO,MAAM,WAAW,IACxB,EAAO,MAAM,UAAU;CACzB,GAEM,KAAiB,MAAsB;EACtC,MAED,EAAQ,cACV,EAAU,MAAM,QAAQ,GAAG,EAAU,KACrC,EAAU,MAAM,SAAS,OAEzB,EAAU,MAAM,SAAS,GAAG,EAAU,KACtC,EAAU,MAAM,QAAQ;CAE5B,GAEM,KAAoB,GAA6B,MAAsB;EACtE,MAEL,EAAc,CAAS,GACvB,EAAQ,OAAO;GACb,OAAO;GACP,QAAQ;GACR;GACA;EACF,CAAC;CACH,GAEM,KAAmB,MAAyC;EAChE,IAAM,IAAa,EAAQ,iBAAiB,GACtC,IAAW,EAAQ,eAAe,GAClC,IAAe;EAErB,IAAI,CAAC,KAAY,CAAC,KAAc,CAAC,KAAY,EAAa,WAAW,GAAG;GAKtE,AAJA,GAAa,QAAQ,GACrB,IAAc,MACd,IAAY,GACZ,IAAc,GACd,EAAc;GAEd;EACF;EAEA,IAAM,IAAgB,MAAgB,KAAc,MAAc;EAKlE,IAHA,IAAY,GACZ,IAAc,GAEV,CAAC,KAAe,GAAe;GACjC,IAAM,IAA2B,CAAC,CAAC,KAAe;GAiBlD,AAfA,GAAa,QAAQ,GAEjB,KAA0B,EAAc,CAAY,GAExD,IAAc,EAAkB,GAAa;IAC3C,OAAO,EAAa;IACpB,cAAc;IACd,KAAK,EAAQ;IACb,YAAY;IACZ,YAAY,EAAQ;IACpB,WAAW,GAAc,MAAc,EAAiB,GAAc,CAAS;IAC/E,UAAU,EAAQ,YAAY;KAAE,KAAK;KAAkB,OAAO;IAAiB;GACjF,CAAC,GAED,EAAU,MAAM,WAAW,YAC3B,EAAU,MAAM,UAAU;GAE1B;EACF;EAUA,IARA,EAAY,OAAO;GACjB,OAAO,EAAa;GACpB,cAAc;GACd,KAAK,EAAQ;GACb,YAAY;GACZ,UAAU,EAAQ;EACpB,CAAC,GAEG,MAAoB,cAAc;GACpC,EAAY,WAAW;GAEvB;EACF;EAEA,AAAI,MAAoB,aAAW,EAAY,QAAQ;CACzD;CAEA,OAAO;EACL,UAAU;GAGR,AAFA,GAAa,QAAQ,GACrB,IAAc,MACd,EAAc;EAChB;EACA,aAAa;GACX,GAAa,WAAW;EAC1B;EACA,QAAQ,GAAO,GAAM;GACnB,GAAa,QAAQ,GAAO,CAAI;EAClC;EACA,cAAc,GAAO,GAAe;GAClC,GAAa,cAAc,GAAO,CAAa;EACjD;EACA,UAAU,GAAQ;GAEhB,AADA,IAAW,GACX,EAAgB,IAAI;EACtB;EACA,SAAS,GAAO;GAGd,IAFA,IAAe,GAEX,EAAQ,YAAY;IACtB,EAAgB,SAAS;IAEzB;GACF;GAGA,AADA,KAAmB,GACnB,EAAgB,YAAY;EAC9B;CACF;AACF"}

package/dist/dom.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./virtualit.cjs`),t=require(`./dom/dom.cjs`);exports.Virtualizer=e.Virtualizer,exports.createDomVirtualList=t.createDomVirtualList,exports.createVirtualizer=e.createVirtualizer;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./virtualit.cjs`),t=require(`./dom/dom.cjs`);exports.createDomVirtualList=t.createDomVirtualList,exports.createVirtualizer=e.createVirtualizer;

package/dist/dom.js

@@ -1,3 +1,3 @@
-import { Virtualizer as e, createVirtualizer as t } from "./virtualit.js";
-import { createDomVirtualList as n } from "./dom/dom.js";
-export { e as Virtualizer, n as createDomVirtualList, t as createVirtualizer };
+import { createVirtualizer as e } from "./virtualit.js";
+import { createDomVirtualList as t } from "./dom/dom.js";
+export { t as createDomVirtualList, e as createVirtualizer };

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./virtualit.cjs`);exports.Virtualizer=e.Virtualizer,exports.createVirtualizer=e.createVirtualizer;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./virtualit.cjs`);exports.createVirtualizer=e.createVirtualizer;

package/dist/index.js

@@ -1,2 +1,2 @@
-import { Virtualizer as e, createVirtualizer as t } from "./virtualit.js";
-export { e as Virtualizer, t as createVirtualizer };
+import { createVirtualizer as e } from "./virtualit.js";
+export { e as createVirtualizer };

package/dist/virtualit.cjs

@@ -1,2 +1,2 @@
-var e=36,t=3;function n(e,t=0){return Number.isFinite(e)?Math.max(0,Math.floor(e)):t}function r(e,t){return!Number.isFinite(e)||e<=0?t:e}function i(t,n=e){if(typeof t==`number`){let e=r(t,n);return()=>e}return e=>r(t(e),n)}var a=class{_count;_estimateSizeFn;overscan;onChange;measuredHeights=new Map;virtualItems=[];totalSize=0;scrollOffsets=new Float64Array;containerHeight=0;scrollTop=0;prevRenderStart=-1;prevRenderEnd=-1;attachedEl=null;resizeObserver=null;scrollHandler=null;pendingBuild=!1;constructor(r){this._count=n(r.count),this._estimateSizeFn=i(r.estimateSize??e),this.overscan=n(r.overscan??t,t),this.onChange=r.onChange,this.buildOffsets()}get count(){return this._count}set count(e){let t=n(e);t!==this._count&&(this._count=t,this.buildOffsets(),this.attachedEl&&this.computeVisible())}set estimateSize(e){this._estimateSizeFn=i(e),this.measuredHeights.clear(),this.buildOffsets(),this.attachedEl&&this.computeVisible()}attach(e){this.teardown(),this.attachedEl=e,this.containerHeight=e.clientHeight,this.scrollTop=e.scrollTop,this.scrollHandler=()=>{this.scrollTop=e.scrollTop,this.computeVisible()},e.addEventListener(`scroll`,this.scrollHandler,{passive:!0}),this.resizeObserver=new ResizeObserver(()=>{this.containerHeight=e.clientHeight,this.computeVisible()}),this.resizeObserver.observe(e),this.computeVisible()}destroy(){this.teardown()}[Symbol.dispose](){this.destroy()}getVirtualItems(){return this.virtualItems}getTotalSize(){return this.totalSize}measureElement(e,t){let i=n(e,-1),a=r(t,-1);i<0||i>=this._count||a<=0||this.heightAt(i)!==a&&(this.measuredHeights.set(i,a),this.pendingBuild||(this.pendingBuild=!0,queueMicrotask(()=>{this.pendingBuild=!1,this.buildOffsets(),this.attachedEl&&this.computeVisible()})))}scrollToIndex(e,t={}){let n=this.attachedEl;if(!n||this._count<=0)return;let r=Math.max(0,Math.min(Number.isFinite(e)?Math.floor(e):0,this._count-1)),i=t.align??`auto`,a=t.behavior??`auto`,o=this.offsetAt(r),s=this.heightAt(r),c;if(i===`start`)c=o;else if(i===`end`)c=o+s-this.containerHeight;else if(i===`center`)c=o-(this.containerHeight-s)/2;else{let e=n.scrollTop,t=e+this.containerHeight;if(o>=e&&o+s<=t)return;c=o<e?o:o+s-this.containerHeight}n.scrollTo({behavior:a,top:this.clampScrollTop(c)})}scrollToOffset(e,t={}){this.attachedEl?.scrollTo({behavior:t.behavior??`auto`,top:this.clampScrollTop(e)})}invalidate(){this.measuredHeights.clear(),this.buildOffsets(),this.attachedEl&&this.computeVisible()}teardown(){this.scrollHandler&&this.attachedEl&&(this.attachedEl.removeEventListener(`scroll`,this.scrollHandler),this.scrollHandler=null),this.resizeObserver?.disconnect(),this.resizeObserver=null,this.attachedEl=null}heightAt(e){return this.measuredHeights.get(e)??this._estimateSizeFn(e)}offsetAt(e){return this.scrollOffsets[e]??0}clampScrollTop(e){let t=Number.isFinite(e)?e:0,n=Math.max(0,this.totalSize-this.containerHeight);return Math.min(n,Math.max(0,t))}buildOffsets(){this.prevRenderStart=-1,this.prevRenderEnd=-1;let e=new Float64Array(this._count+1);e[0]=0;for(let t=0;t<this._count;t++)e[t+1]=e[t]+this.heightAt(t);this.scrollOffsets=e,this.totalSize=e[this._count]??0}computeVisible(){let e=this.scrollTop,t=e+this.containerHeight,n=0,r=this._count-1;for(;n<r;){let t=n+r>>1;this.scrollOffsets[t+1]<=e?n=t+1:r=t}let i=n,a=i,o=this._count-1;for(;a<o;){let e=a+o+1>>1;this.scrollOffsets[e]<t?a=e:o=e-1}let s=a,c=Math.max(0,i-this.overscan),l=Math.min(this._count-1,s+this.overscan);if(c===this.prevRenderStart&&l===this.prevRenderEnd)return;this.prevRenderStart=c,this.prevRenderEnd=l;let u=[];for(let e=c;e<=l;e++)u.push({height:this.heightAt(e),index:e,top:this.scrollOffsets[e]});this.virtualItems=u,this.onChange?.(u,this.totalSize)}};function o(e,t){let n=new a(t);return n.attach(e),n}exports.Virtualizer=a,exports.createVirtualizer=o;
+var e=36,t=3,n=120;function r(e,t=0){return Number.isFinite(e)?Math.max(0,Math.floor(e)):t}function i(e,t){return!Number.isFinite(e)||e<=0?t:e}function a(t){return typeof t==`number`?i(t,e):typeof t==`function`?t:e}function o(t){return typeof t==`number`?()=>t:n=>i(t(n),e)}function s(e){return{end:r(e?.end??t),start:r(e?.start??t)}}function c(e){return`innerHeight`in e&&`innerWidth`in e&&!(`clientHeight`in e)}function l(e,t){return c(e)?{attach(t,n){return e.addEventListener(`scroll`,t,{passive:!0}),e.addEventListener(`resize`,n,{passive:!0}),()=>{e.removeEventListener(`scroll`,t),e.removeEventListener(`resize`,n)}},readOffset:t?()=>e.scrollX:()=>e.scrollY,readViewportSize:t?()=>e.innerWidth:()=>e.innerHeight,writeOffset:(n,r)=>{e.scrollTo(t?{behavior:r,left:n}:{behavior:r,top:n})}}:{attach(t,n){let r=new ResizeObserver(n);return e.addEventListener(`scroll`,t,{passive:!0}),r.observe(e),()=>{e.removeEventListener(`scroll`,t),r.disconnect()}},readOffset:t?()=>e.scrollLeft:()=>e.scrollTop,readViewportSize:t?()=>e.clientWidth:()=>e.clientHeight,writeOffset:(n,r)=>{e.scrollTo(t?{behavior:r,left:n}:{behavior:r,top:n})}}}function u(e,t){let c=l(e,!!t.horizontal),u=r(t.count),d=a(t.estimateSize),f=o(d),p=r(t.gap??0),m=t.getItemKey??(e=>e),h=s(t.overscan),g=r(t.scrollEndDelay??n,n),_=t.onChange,v=t.onScrollEnd,y=t.onScrollingChange,b=[],x=0,S=0,C=!1,w=new Map,T=new Float64Array(u+1),E=c.readViewportSize(),D=-1,O=-1,k=-1,A=!1,j=!1,M=null;function N(e){return m(e)}function P(e){return w.get(N(e))??f(e)}function F(e){return T[e]??0}function I(e){return F(e)+P(e)}function L(e){let t=Number.isFinite(e)?e:0,n=Math.max(0,x-E);return Math.min(n,Math.max(0,t))}function R(){M&&=(clearTimeout(M),null)}function z(e){C!==e&&(C=e,y?.(e))}function B(){R(),M=setTimeout(()=>{M=null,z(!1),v?.(S)},g)}function V(){S=L(c.readOffset()),z(!0),B(),Y()}function H(){E=c.readViewportSize(),Y()}function U(e){let t=0,n=u-1;for(;t<n;){let r=t+n>>1;I(r)<=e?t=r+1:n=r}return t}function W(e,t){let n=t,r=u-1;for(;n<r;){let t=n+r+1>>1;F(t)<e?n=t:r=t-1}return n}function G(e){let t=F(e),n=P(e);return{end:t+n,index:e,size:n,start:t}}function K(e){b=e,_?.(e,x)}function q(){let e=c.readOffset(),t=L(e);t!==S&&(S=t,e!==t&&c.writeOffset(t,`auto`))}function J(){D=-1,O=-1;let e=new Float64Array(u+1);for(let t=0;t<u;t++)e[t+1]=e[t]+P(t)+(t<u-1?p:0);T=e,x=e[u]??0}function Y(){if(j)return;if(q(),u===0||E<=0){(D!==-1||k!==x)&&(D=-1,O=-1,k=x,K([]));return}let e=S,t=e+E,n=U(e),r=W(t,n),i=Math.max(0,n-h.start),a=Math.min(u-1,r+h.end);if(i===D&&a===O&&k===x)return;D=i,O=a,k=x;let o=[];for(let e=i;e<=a;e++)o.push(G(e));K(o)}function X(e){let t=!1,i=!1;if(`count`in e&&e.count!==void 0){let n=r(e.count);n!==u&&(u=n,t=!0,i=!0)}if(`estimateSize`in e&&e.estimateSize!==void 0){let n=a(e.estimateSize);n!==d&&(d=n,f=o(d),w.clear(),t=!0,i=!0)}if(`gap`in e&&e.gap!==void 0){let n=r(e.gap);n!==p&&(p=n,t=!0,i=!0)}if(`getItemKey`in e&&e.getItemKey&&e.getItemKey!==m&&(m=e.getItemKey,w.clear(),t=!0,i=!0),`overscan`in e){let t=s(e.overscan);(t.start!==h.start||t.end!==h.end)&&(h=t,i=!0)}if(`scrollEndDelay`in e&&e.scrollEndDelay!==void 0){let t=r(e.scrollEndDelay,n);t!==g&&(g=t)}`onChange`in e&&(_=e.onChange),`onScrollEnd`in e&&(v=e.onScrollEnd),`onScrollingChange`in e&&(y=e.onScrollingChange),t&&J(),(i||t)&&Y()}function Z(e){j||X(e)}function Q(e,t){if(j||!Number.isFinite(e))return;let n=Math.floor(e);if(n<0||n>=u)return;let r=i(t,-1);if(r<=0)return;let a=N(n);w.get(a)!==r&&(w.set(a,r),!A&&(A=!0,queueMicrotask(()=>{A=!1,J(),Y()})))}function ee(){j||(w.clear(),J(),Y())}function te(){j||(J(),Y())}function ne(e,t={}){if(j||u<=0)return;let n=Math.max(0,Math.min(Number.isFinite(e)?Math.floor(e):0,u-1)),r=t.align??`auto`,i=t.behavior??`auto`,a=F(n),o=P(n),s=a+o,l;if(r===`start`)l=a;else if(r===`end`)l=s-E;else if(r===`center`)l=a-(E-o)/2;else{let e=S,t=e+E;if(a>=e&&s<=t)return;l=a<e?a:s-E}c.writeOffset(L(l),i)}function re(e,t={}){j||c.writeOffset(L(e),t.behavior??`auto`)}function $(){j||(j=!0,R(),ie())}J(),t.initialOffset!==void 0&&c.writeOffset(L(t.initialOffset),`auto`),S=L(c.readOffset());let ie=c.attach(V,H);return Y(),{get count(){return u},destroy:$,invalidate:ee,get isScrolling(){return C},get items(){return b},measure:Q,refresh:te,get scrollOffset(){return S},scrollToIndex:ne,scrollToOffset:re,[Symbol.dispose](){$()},get totalSize(){return x},update:Z}}exports.createVirtualizer=u;
 //# sourceMappingURL=virtualit.cjs.map