@abcagency/hc-ui-components 1.4.22 → 1.5.1

package/dist/packages/hc-ui-components/node_modules/@tanstack/react-virtual/dist/esm/index.js

@@ -22,7 +22,7 @@ function useVirtualizerBase(options) {
     () => new Virtualizer(resolvedOptions)
   );
   instance.setOptions(resolvedOptions);
-  React.useEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     return instance._didMount();
   }, []);
   useIsomorphicLayoutEffect(() => {

package/dist/packages/hc-ui-components/node_modules/@tanstack/react-virtual/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@tanstack/react-virtual/dist/esm/index.js"],"sourcesContent":["import * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { observeElementRect, observeElementOffset, elementScroll, observeWindowRect, observeWindowOffset, windowScroll, Virtualizer } from \"@tanstack/virtual-core\";\nexport * from \"@tanstack/virtual-core\";\nconst useIsomorphicLayoutEffect = typeof document !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\nfunction useVirtualizerBase(options) {\n  const rerender = React.useReducer(() => ({}), {})[1];\n  const resolvedOptions = {\n    ...options,\n    onChange: (instance2, sync) => {\n      var _a;\n      if (sync) {\n        flushSync(rerender);\n      } else {\n        rerender();\n      }\n      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);\n    }\n  };\n  const [instance] = React.useState(\n    () => new Virtualizer(resolvedOptions)\n  );\n  instance.setOptions(resolvedOptions);\n  React.useEffect(() => {\n    return instance._didMount();\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    return instance._willUpdate();\n  });\n  return instance;\n}\nfunction useVirtualizer(options) {\n  return useVirtualizerBase({\n    observeElementRect,\n    observeElementOffset,\n    scrollToFn: elementScroll,\n    ...options\n  });\n}\nfunction useWindowVirtualizer(options) {\n  return useVirtualizerBase({\n    getScrollElement: () => typeof document !== \"undefined\" ? window : null,\n    observeElementRect: observeWindowRect,\n    observeElementOffset: observeWindowOffset,\n    scrollToFn: windowScroll,\n    initialOffset: () => typeof document !== \"undefined\" ? window.scrollY : 0,\n    ...options\n  });\n}\nexport {\n  useVirtualizer,\n  useWindowVirtualizer\n};\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;;;;AAIA,MAAM,yBAAyB,GAAG,OAAO,QAAQ,KAAK,WAAW,GAAG,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC;AAC5G,SAAS,kBAAkB,CAAC,OAAO,EAAE;AACrC,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvD,EAAE,MAAM,eAAe,GAAG;AAC1B,IAAI,GAAG,OAAO;AACd,IAAI,QAAQ,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK;AACnC,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,IAAI,IAAI,EAAE;AAChB,QAAQ,SAAS,CAAC,QAAQ,CAAC,CAAC;AAC5B,OAAO,MAAM;AACb,QAAQ,QAAQ,EAAE,CAAC;AACnB,OAAO;AACP,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,QAAQ,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AACnF,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ;AACnC,IAAI,MAAM,IAAI,WAAW,CAAC,eAAe,CAAC;AAC1C,GAAG,CAAC;AACJ,EAAE,QAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AACvC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM;AACxB,IAAI,OAAO,QAAQ,CAAC,SAAS,EAAE,CAAC;AAChC,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,yBAAyB,CAAC,MAAM;AAClC,IAAI,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;AAClC,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,QAAQ,CAAC;AAClB,CAAC;AACD,SAAS,cAAc,CAAC,OAAO,EAAE;AACjC,EAAE,OAAO,kBAAkB,CAAC;AAC5B,IAAI,kBAAkB;AACtB,IAAI,oBAAoB;AACxB,IAAI,UAAU,EAAE,aAAa;AAC7B,IAAI,GAAG,OAAO;AACd,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@tanstack/react-virtual/dist/esm/index.js"],"sourcesContent":["import * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { Virtualizer, elementScroll, observeElementOffset, observeElementRect, windowScroll, observeWindowOffset, observeWindowRect } from \"@tanstack/virtual-core\";\nexport * from \"@tanstack/virtual-core\";\nconst useIsomorphicLayoutEffect = typeof document !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\nfunction useVirtualizerBase(options) {\n  const rerender = React.useReducer(() => ({}), {})[1];\n  const resolvedOptions = {\n    ...options,\n    onChange: (instance2, sync) => {\n      var _a;\n      if (sync) {\n        flushSync(rerender);\n      } else {\n        rerender();\n      }\n      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);\n    }\n  };\n  const [instance] = React.useState(\n    () => new Virtualizer(resolvedOptions)\n  );\n  instance.setOptions(resolvedOptions);\n  useIsomorphicLayoutEffect(() => {\n    return instance._didMount();\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    return instance._willUpdate();\n  });\n  return instance;\n}\nfunction useVirtualizer(options) {\n  return useVirtualizerBase({\n    observeElementRect,\n    observeElementOffset,\n    scrollToFn: elementScroll,\n    ...options\n  });\n}\nfunction useWindowVirtualizer(options) {\n  return useVirtualizerBase({\n    getScrollElement: () => typeof document !== \"undefined\" ? window : null,\n    observeElementRect: observeWindowRect,\n    observeElementOffset: observeWindowOffset,\n    scrollToFn: windowScroll,\n    initialOffset: () => typeof document !== \"undefined\" ? window.scrollY : 0,\n    ...options\n  });\n}\nexport {\n  useVirtualizer,\n  useWindowVirtualizer\n};\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":";;;;;AAIA,MAAM,yBAAyB,GAAG,OAAO,QAAQ,KAAK,WAAW,GAAG,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC;AAC5G,SAAS,kBAAkB,CAAC,OAAO,EAAE;AACrC,EAAE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvD,EAAE,MAAM,eAAe,GAAG;AAC1B,IAAI,GAAG,OAAO;AACd,IAAI,QAAQ,EAAE,CAAC,SAAS,EAAE,IAAI,KAAK;AACnC,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,IAAI,IAAI,EAAE;AAChB,QAAQ,SAAS,CAAC,QAAQ,CAAC,CAAC;AAC5B,OAAO,MAAM;AACb,QAAQ,QAAQ,EAAE,CAAC;AACnB,OAAO;AACP,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,QAAQ,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;AACnF,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ;AACnC,IAAI,MAAM,IAAI,WAAW,CAAC,eAAe,CAAC;AAC1C,GAAG,CAAC;AACJ,EAAE,QAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AACvC,EAAE,yBAAyB,CAAC,MAAM;AAClC,IAAI,OAAO,QAAQ,CAAC,SAAS,EAAE,CAAC;AAChC,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,yBAAyB,CAAC,MAAM;AAClC,IAAI,OAAO,QAAQ,CAAC,WAAW,EAAE,CAAC;AAClC,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,QAAQ,CAAC;AAClB,CAAC;AACD,SAAS,cAAc,CAAC,OAAO,EAAE;AACjC,EAAE,OAAO,kBAAkB,CAAC;AAC5B,IAAI,kBAAkB;AACtB,IAAI,oBAAoB;AACxB,IAAI,UAAU,EAAE,aAAa;AAC7B,IAAI,GAAG,OAAO;AACd,GAAG,CAAC,CAAC;AACL;;;;","x_google_ignoreList":[0]}

package/dist/packages/hc-ui-components/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -1,5 +1,9 @@
 import { debounce, memo, notUndefined, approxEqual } from './utils.js';
 
+const getRect = (element) => {
+  const { offsetWidth, offsetHeight } = element;
+  return { width: offsetWidth, height: offsetHeight };
+};
 const defaultKeyExtractor = (index) => index;
 const defaultRangeExtractor = (range) => {
   const start = Math.max(range.startIndex - range.overscan, 0);
@@ -23,21 +27,24 @@ const observeElementRect = (instance, cb) => {
     const { width, height } = rect;
     cb({ width: Math.round(width), height: Math.round(height) });
   };
-  handler(element.getBoundingClientRect());
+  handler(getRect(element));
   if (!targetWindow.ResizeObserver) {
     return () => {
     };
   }
   const observer = new targetWindow.ResizeObserver((entries) => {
-    const entry = entries[0];
-    if (entry == null ? void 0 : entry.borderBoxSize) {
-      const box = entry.borderBoxSize[0];
-      if (box) {
-        handler({ width: box.inlineSize, height: box.blockSize });
-        return;
+    const run = () => {
+      const entry = entries[0];
+      if (entry == null ? void 0 : entry.borderBoxSize) {
+        const box = entry.borderBoxSize[0];
+        if (box) {
+          handler({ width: box.inlineSize, height: box.blockSize });
+          return;
+        }
       }
-    }
-    handler(element.getBoundingClientRect());
+      handler(getRect(element));
+    };
+    instance.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
   });
   observer.observe(element, { box: "border-box" });
   return () => {
@@ -58,7 +65,7 @@ const observeElementOffset = (instance, cb) => {
     return;
   }
   let offset = 0;
-  const fallback = supportsScrollend ? () => void 0 : debounce(
+  const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(
     targetWindow,
     () => {
       cb(offset, false);
@@ -66,7 +73,8 @@ const observeElementOffset = (instance, cb) => {
     instance.options.isScrollingResetDelay
   );
   const createHandler = (isScrolling) => () => {
-    offset = element[instance.options.horizontal ? "scrollLeft" : "scrollTop"];
+    const { horizontal, isRtl } = instance.options;
+    offset = horizontal ? element["scrollLeft"] * (isRtl && -1 || 1) : element["scrollTop"];
     fallback();
     cb(offset, isScrolling);
   };
@@ -74,10 +82,15 @@ const observeElementOffset = (instance, cb) => {
   const endHandler = createHandler(false);
   endHandler();
   element.addEventListener("scroll", handler, addEventListenerOptions);
-  element.addEventListener("scrollend", endHandler, addEventListenerOptions);
+  const registerScrollendEvent = instance.options.useScrollendEvent && supportsScrollend;
+  if (registerScrollendEvent) {
+    element.addEventListener("scrollend", endHandler, addEventListenerOptions);
+  }
   return () => {
     element.removeEventListener("scroll", handler);
-    element.removeEventListener("scrollend", endHandler);
+    if (registerScrollendEvent) {
+      element.removeEventListener("scrollend", endHandler);
+    }
   };
 };
 const measureElement = (element, entry, instance) => {
@@ -90,9 +103,7 @@ const measureElement = (element, entry, instance) => {
       return size;
     }
   }
-  return Math.round(
-    element.getBoundingClientRect()[instance.options.horizontal ? "width" : "height"]
-  );
+  return element[instance.options.horizontal ? "offsetWidth" : "offsetHeight"];
 };
 const elementScroll = (offset, {
   adjustments = 0,
@@ -111,7 +122,6 @@ class Virtualizer {
     this.scrollElement = null;
     this.targetWindow = null;
     this.isScrolling = false;
-    this.scrollToIndexTimeoutId = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
     this.pendingMeasuredCacheIndexes = [];
@@ -131,14 +141,18 @@ class Virtualizer {
         }
         return _ro = new this.targetWindow.ResizeObserver((entries) => {
           entries.forEach((entry) => {
-            this._measureElement(entry.target, entry);
+            const run = () => {
+              this._measureElement(entry.target, entry);
+            };
+            this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(run) : run();
           });
         });
       };
       return {
         disconnect: () => {
           var _a;
-          return (_a = get()) == null ? void 0 : _a.disconnect();
+          (_a = get()) == null ? void 0 : _a.disconnect();
+          _ro = null;
         },
         observe: (target) => {
           var _a;
@@ -177,27 +191,44 @@ class Virtualizer {
         lanes: 1,
         isScrollingResetDelay: 150,
         enabled: true,
+        isRtl: false,
+        useScrollendEvent: false,
+        useAnimationFrameWithResizeObserver: false,
         ...opts2
       };
     };
-    this.notify = (force, sync) => {
+    this.notify = (sync) => {
       var _a, _b;
-      const { startIndex, endIndex } = this.range ?? {
-        startIndex: void 0,
-        endIndex: void 0
-      };
-      const range = this.calculateRange();
-      if (force || startIndex !== (range == null ? void 0 : range.startIndex) || endIndex !== (range == null ? void 0 : range.endIndex)) {
-        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
-      }
+      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
     };
+    this.maybeNotify = memo(
+      () => {
+        this.calculateRange();
+        return [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ];
+      },
+      (isScrolling) => {
+        this.notify(isScrolling);
+      },
+      {
+        key: "production" !== "production" ,
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    );
     this.cleanup = () => {
       this.unsubs.filter(Boolean).forEach((d) => d());
       this.unsubs = [];
+      this.observer.disconnect();
       this.scrollElement = null;
       this.targetWindow = null;
-      this.observer.disconnect();
-      this.elementsCache.clear();
     };
     this._didMount = () => {
       return () => {
@@ -210,7 +241,7 @@ class Virtualizer {
       if (this.scrollElement !== scrollElement) {
         this.cleanup();
         if (!scrollElement) {
-          this.notify(false, false);
+          this.maybeNotify();
           return;
         }
         this.scrollElement = scrollElement;
@@ -219,6 +250,9 @@ class Virtualizer {
         } else {
           this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
         }
+        this.elementsCache.forEach((cached) => {
+          this.observer.observe(cached);
+        });
         this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
@@ -226,7 +260,7 @@ class Virtualizer {
         this.unsubs.push(
           this.options.observeElementRect(this, (rect) => {
             this.scrollRect = rect;
-            this.notify(false, false);
+            this.maybeNotify();
           })
         );
         this.unsubs.push(
@@ -234,9 +268,8 @@ class Virtualizer {
             this.scrollAdjustments = 0;
             this.scrollDirection = isScrolling ? this.getScrollOffset() < offset ? "forward" : "backward" : null;
             this.scrollOffset = offset;
-            const prevIsScrolling = this.isScrolling;
             this.isScrolling = isScrolling;
-            this.notify(prevIsScrolling !== isScrolling, isScrolling);
+            this.maybeNotify();
           })
         );
       }
@@ -309,7 +342,6 @@ class Virtualizer {
     this.getMeasurements = memo(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count, paddingStart, scrollMargin, getItemKey, enabled }, itemSizeCache) => {
-        var _a;
         if (!enabled) {
           this.measurementsCache = [];
           this.itemSizeCache.clear();
@@ -325,33 +357,6 @@ class Virtualizer {
         this.pendingMeasuredCacheIndexes = [];
         const measurements = this.measurementsCache.slice(0, min);
         for (let i = min; i < count; i++) {
-          let measureElement2 = (_a = this.measurementsCache[i]) == null ? void 0 : _a.measureElement;
-          if (!measureElement2) {
-            measureElement2 = (node) => {
-              const key2 = getItemKey(i);
-              const prevNode = this.elementsCache.get(key2);
-              if (!node) {
-                if (prevNode) {
-                  this.observer.unobserve(prevNode);
-                  this.elementsCache.delete(key2);
-                }
-                return;
-              }
-              if (prevNode !== node) {
-                if (prevNode) {
-                  this.observer.unobserve(prevNode);
-                }
-                this.observer.observe(node);
-                this.elementsCache.set(key2, node);
-              }
-              if (node.isConnected) {
-                this.resizeItem(
-                  i,
-                  this.options.measureElement(node, void 0, this)
-                );
-              }
-            };
-          }
           const key = getItemKey(i);
           const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
           const start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
@@ -365,8 +370,7 @@ class Virtualizer {
             size,
             end,
             key,
-            lane,
-            measureElement: measureElement2
+            lane
           };
         }
         this.measurementsCache = measurements;
@@ -378,12 +382,18 @@ class Virtualizer {
       }
     );
     this.calculateRange = memo(
-      () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (measurements, outerSize, scrollOffset) => {
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (measurements, outerSize, scrollOffset, lanes) => {
         return this.range = measurements.length > 0 && outerSize > 0 ? calculateRange({
           measurements,
           outerSize,
-          scrollOffset
+          scrollOffset,
+          lanes
         }) : null;
       },
       {
@@ -391,17 +401,28 @@ class Virtualizer {
         debug: () => this.options.debug
       }
     );
-    this.getIndexes = memo(
-      () => [
-        this.options.rangeExtractor,
-        this.calculateRange(),
-        this.options.overscan,
-        this.options.count
-      ],
-      (rangeExtractor, range, overscan, count) => {
-        return range === null ? [] : rangeExtractor({
-          startIndex: range.startIndex,
-          endIndex: range.endIndex,
+    this.getVirtualIndexes = memo(
+      () => {
+        let startIndex = null;
+        let endIndex = null;
+        const range = this.calculateRange();
+        if (range) {
+          startIndex = range.startIndex;
+          endIndex = range.endIndex;
+        }
+        this.maybeNotify.updateDeps([this.isScrolling, startIndex, endIndex]);
+        return [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          startIndex,
+          endIndex
+        ];
+      },
+      (rangeExtractor, overscan, count, startIndex, endIndex) => {
+        return startIndex === null || endIndex === null ? [] : rangeExtractor({
+          startIndex,
+          endIndex,
           overscan,
           count
         });
@@ -423,29 +444,26 @@ class Virtualizer {
       return parseInt(indexStr, 10);
     };
     this._measureElement = (node, entry) => {
-      const i = this.indexFromElement(node);
-      const item = this.getMeasurements()[i];
-      if (!item || !node.isConnected) {
-        this.elementsCache.forEach((cached, key) => {
-          if (cached === node) {
-            this.observer.unobserve(node);
-            this.elementsCache.delete(key);
-          }
-        });
+      const index = this.indexFromElement(node);
+      const item = this.measurementsCache[index];
+      if (!item) {
         return;
       }
-      const prevNode = this.elementsCache.get(item.key);
+      const key = item.key;
+      const prevNode = this.elementsCache.get(key);
       if (prevNode !== node) {
         if (prevNode) {
           this.observer.unobserve(prevNode);
         }
         this.observer.observe(node);
-        this.elementsCache.set(item.key, node);
+        this.elementsCache.set(key, node);
+      }
+      if (node.isConnected) {
+        this.resizeItem(index, this.options.measureElement(node, entry, this));
       }
-      this.resizeItem(i, this.options.measureElement(node, entry, this));
     };
     this.resizeItem = (index, size) => {
-      const item = this.getMeasurements()[index];
+      const item = this.measurementsCache[index];
       if (!item) {
         return;
       }
@@ -460,17 +478,23 @@ class Virtualizer {
         }
         this.pendingMeasuredCacheIndexes.push(item.index);
         this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
-        this.notify(true, false);
+        this.notify(false);
       }
     };
     this.measureElement = (node) => {
       if (!node) {
+        this.elementsCache.forEach((cached, key) => {
+          if (!cached.isConnected) {
+            this.observer.unobserve(cached);
+            this.elementsCache.delete(key);
+          }
+        });
         return;
       }
       this._measureElement(node, void 0);
     };
     this.getVirtualItems = memo(
-      () => [this.getIndexes(), this.getMeasurements()],
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
       (indexes, measurements) => {
         const virtualItems = [];
         for (let k = 0, len = indexes.length; k < len; k++) {
@@ -499,33 +523,23 @@ class Virtualizer {
         )]
       );
     };
-    this.getOffsetForAlignment = (toOffset, align) => {
+    this.getOffsetForAlignment = (toOffset, align, itemSize = 0) => {
       const size = this.getSize();
       const scrollOffset = this.getScrollOffset();
       if (align === "auto") {
-        if (toOffset <= scrollOffset) {
-          align = "start";
-        } else if (toOffset >= scrollOffset + size) {
-          align = "end";
-        } else {
-          align = "start";
-        }
+        align = toOffset >= scrollOffset + size ? "end" : "start";
       }
-      if (align === "start") {
-        toOffset = toOffset;
+      if (align === "center") {
+        toOffset += (itemSize - size) / 2;
       } else if (align === "end") {
-        toOffset = toOffset - size;
-      } else if (align === "center") {
-        toOffset = toOffset - size / 2;
+        toOffset -= size;
       }
-      const scrollSizeProp = this.options.horizontal ? "scrollWidth" : "scrollHeight";
-      const scrollSize = this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[scrollSizeProp] : this.scrollElement[scrollSizeProp] : 0;
-      const maxOffset = scrollSize - size;
+      const maxOffset = this.getTotalSize() + this.options.scrollMargin - size;
       return Math.max(Math.min(maxOffset, toOffset), 0);
     };
     this.getOffsetForIndex = (index, align = "auto") => {
       index = Math.max(0, Math.min(index, this.options.count - 1));
-      const item = this.getMeasurements()[index];
+      const item = this.measurementsCache[index];
       if (!item) {
         return void 0;
       }
@@ -541,17 +555,13 @@ class Virtualizer {
         }
       }
       const toOffset = align === "end" ? item.end + this.options.scrollPaddingEnd : item.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(toOffset, align), align];
+      return [
+        this.getOffsetForAlignment(toOffset, align, item.size),
+        align
+      ];
     };
     this.isDynamicMode = () => this.elementsCache.size > 0;
-    this.cancelScrollToIndex = () => {
-      if (this.scrollToIndexTimeoutId !== null && this.targetWindow) {
-        this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId);
-        this.scrollToIndexTimeoutId = null;
-      }
-    };
     this.scrollToOffset = (toOffset, { align = "start", behavior } = {}) => {
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."
@@ -563,38 +573,49 @@ class Virtualizer {
       });
     };
     this.scrollToIndex = (index, { align: initialAlign = "auto", behavior } = {}) => {
-      index = Math.max(0, Math.min(index, this.options.count - 1));
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."
         );
       }
-      const offsetAndAlign = this.getOffsetForIndex(index, initialAlign);
-      if (!offsetAndAlign) return;
-      const [offset, align] = offsetAndAlign;
-      this._scrollToOffset(offset, { adjustments: void 0, behavior });
-      if (behavior !== "smooth" && this.isDynamicMode() && this.targetWindow) {
-        this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
-          this.scrollToIndexTimeoutId = null;
-          const elementInDOM = this.elementsCache.has(
-            this.options.getItemKey(index)
-          );
-          if (elementInDOM) {
-            const [latestOffset] = notUndefined(
-              this.getOffsetForIndex(index, align)
-            );
-            if (!approxEqual(latestOffset, this.getScrollOffset())) {
-              this.scrollToIndex(index, { align, behavior });
-            }
-          } else {
-            this.scrollToIndex(index, { align, behavior });
+      index = Math.max(0, Math.min(index, this.options.count - 1));
+      let attempts = 0;
+      const maxAttempts = 10;
+      const tryScroll = (currentAlign) => {
+        if (!this.targetWindow) return;
+        const offsetInfo = this.getOffsetForIndex(index, currentAlign);
+        if (!offsetInfo) {
+          console.warn("Failed to get offset for index:", index);
+          return;
+        }
+        const [offset, align] = offsetInfo;
+        this._scrollToOffset(offset, { adjustments: void 0, behavior });
+        this.targetWindow.requestAnimationFrame(() => {
+          const currentOffset = this.getScrollOffset();
+          const afterInfo = this.getOffsetForIndex(index, align);
+          if (!afterInfo) {
+            console.warn("Failed to get offset for index:", index);
+            return;
+          }
+          if (!approxEqual(afterInfo[0], currentOffset)) {
+            scheduleRetry(align);
           }
         });
-      }
+      };
+      const scheduleRetry = (align) => {
+        if (!this.targetWindow) return;
+        attempts++;
+        if (attempts < maxAttempts) {
+          this.targetWindow.requestAnimationFrame(() => tryScroll(align));
+        } else {
+          console.warn(
+            `Failed to scroll to index ${index} after ${maxAttempts} attempts.`
+          );
+        }
+      };
+      tryScroll(initialAlign);
     };
     this.scrollBy = (delta, { behavior } = {}) => {
-      this.cancelScrollToIndex();
       if (behavior === "smooth" && this.isDynamicMode()) {
         console.warn(
           "The `smooth` scroll behavior is not fully supported with dynamic size."
@@ -611,12 +632,24 @@ class Virtualizer {
       let end;
       if (measurements.length === 0) {
         end = this.options.paddingStart;
+      } else if (this.options.lanes === 1) {
+        end = ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0;
       } else {
-        end = this.options.lanes === 1 ? ((_a = measurements[measurements.length - 1]) == null ? void 0 : _a.end) ?? 0 : Math.max(
-          ...measurements.slice(-this.options.lanes).map((m) => m.end)
-        );
+        const endByLane = Array(this.options.lanes).fill(null);
+        let endIndex = measurements.length - 1;
+        while (endIndex >= 0 && endByLane.some((val) => val === null)) {
+          const item = measurements[endIndex];
+          if (endByLane[item.lane] === null) {
+            endByLane[item.lane] = item.end;
+          }
+          endIndex--;
+        }
+        end = Math.max(...endByLane.filter((val) => val !== null));
       }
-      return end - this.options.scrollMargin + this.options.paddingEnd;
+      return Math.max(
+        end - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
     };
     this._scrollToOffset = (offset, {
       adjustments,
@@ -625,9 +658,8 @@ class Virtualizer {
       this.options.scrollToFn(offset, { behavior, adjustments }, this);
     };
     this.measure = () => {
-      var _a, _b;
       this.itemSizeCache = /* @__PURE__ */ new Map();
-      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, false);
+      this.notify(false);
     };
     this.setOptions(opts);
   }
@@ -653,14 +685,43 @@ const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
 function calculateRange({
   measurements,
   outerSize,
-  scrollOffset
+  scrollOffset,
+  lanes
 }) {
-  const count = measurements.length - 1;
+  const lastIndex = measurements.length - 1;
   const getOffset = (index) => measurements[index].start;
-  const startIndex = findNearestBinarySearch(0, count, getOffset, scrollOffset);
+  if (measurements.length <= lanes) {
+    return {
+      startIndex: 0,
+      endIndex: lastIndex
+    };
+  }
+  let startIndex = findNearestBinarySearch(
+    0,
+    lastIndex,
+    getOffset,
+    scrollOffset
+  );
   let endIndex = startIndex;
-  while (endIndex < count && measurements[endIndex].end < scrollOffset + outerSize) {
-    endIndex++;
+  if (lanes === 1) {
+    while (endIndex < lastIndex && measurements[endIndex].end < scrollOffset + outerSize) {
+      endIndex++;
+    }
+  } else if (lanes > 1) {
+    const endPerLane = Array(lanes).fill(0);
+    while (endIndex < lastIndex && endPerLane.some((pos) => pos < scrollOffset + outerSize)) {
+      const item = measurements[endIndex];
+      endPerLane[item.lane] = item.end;
+      endIndex++;
+    }
+    const startPerLane = Array(lanes).fill(scrollOffset + outerSize);
+    while (startIndex >= 0 && startPerLane.some((pos) => pos >= scrollOffset)) {
+      const item = measurements[startIndex];
+      startPerLane[item.lane] = item.start;
+      startIndex--;
+    }
+    startIndex = Math.max(0, startIndex - startIndex % lanes);
+    endIndex = Math.min(lastIndex, endIndex + (lanes - 1 - endIndex % lanes));
   }
   return { startIndex, endIndex };
 }