@caspeco/casper-ui-library 8.4.0 → 9.0.0-alpha.0

package/dist/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -1,118 +1,129 @@
-import { memo as p, notUndefined as O, approxEqual as I, debounce as A } from "./utils.js";
-const y = (r) => {
-  const { offsetWidth: h, offsetHeight: e } = r;
-  return { width: h, height: e };
-}, F = (r) => r, R = (r) => {
-  const h = Math.max(r.startIndex - r.overscan, 0), e = Math.min(r.endIndex + r.overscan, r.count - 1), s = [];
-  for (let t = h; t <= e; t++)
-    s.push(t);
-  return s;
-}, D = (r, h) => {
-  const e = r.scrollElement;
-  if (!e)
+import { memo as m, notUndefined as O, approxEqual as y, debounce as A } from "./utils.js";
+const M = (l) => {
+  const { offsetWidth: a, offsetHeight: t } = l;
+  return { width: a, height: t };
+}, R = (l) => l, _ = (l) => {
+  const a = Math.max(l.startIndex - l.overscan, 0), t = Math.min(l.endIndex + l.overscan, l.count - 1), e = [];
+  for (let s = a; s <= t; s++)
+    e.push(s);
+  return e;
+}, T = (l, a) => {
+  const t = l.scrollElement;
+  if (!t)
     return;
-  const s = r.targetWindow;
-  if (!s)
+  const e = l.targetWindow;
+  if (!e)
     return;
-  const t = (i) => {
-    const { width: o, height: a } = i;
-    h({ width: Math.round(o), height: Math.round(a) });
+  const s = (o) => {
+    const { width: n, height: r } = o;
+    a({ width: Math.round(n), height: Math.round(r) });
   };
-  if (t(y(e)), !s.ResizeObserver)
+  if (s(M(t)), !e.ResizeObserver)
     return () => {
     };
-  const n = new s.ResizeObserver((i) => {
-    const o = () => {
-      const a = i[0];
-      if (a?.borderBoxSize) {
-        const u = a.borderBoxSize[0];
+  const i = new e.ResizeObserver((o) => {
+    const n = () => {
+      const r = o[0];
+      if (r?.borderBoxSize) {
+        const u = r.borderBoxSize[0];
         if (u) {
-          t({ width: u.inlineSize, height: u.blockSize });
+          s({ width: u.inlineSize, height: u.blockSize });
           return;
         }
       }
-      t(y(e));
+      s(M(t));
     };
-    r.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
+    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
   });
-  return n.observe(e, { box: "border-box" }), () => {
-    n.unobserve(e);
+  return i.observe(t, { box: "border-box" }), () => {
+    i.unobserve(t);
   };
-}, M = {
+}, I = {
   passive: !0
-}, w = typeof window > "u" ? !0 : "onscrollend" in window, k = (r, h) => {
-  const e = r.scrollElement;
-  if (!e)
+}, w = typeof window > "u" ? !0 : "onscrollend" in window, L = (l, a) => {
+  const t = l.scrollElement;
+  if (!t)
     return;
-  const s = r.targetWindow;
-  if (!s)
+  const e = l.targetWindow;
+  if (!e)
     return;
-  let t = 0;
-  const n = r.options.useScrollendEvent && w ? () => {
+  let s = 0;
+  const i = l.options.useScrollendEvent && w ? () => {
   } : A(
-    s,
+    e,
     () => {
-      h(t, !1);
+      a(s, !1);
     },
-    r.options.isScrollingResetDelay
-  ), i = (c) => () => {
-    const { horizontal: m, isRtl: l } = r.options;
-    t = m ? e.scrollLeft * (l && -1 || 1) : e.scrollTop, n(), h(t, c);
-  }, o = i(!0), a = i(!1);
-  e.addEventListener("scroll", o, M);
-  const u = r.options.useScrollendEvent && w;
-  return u && e.addEventListener("scrollend", a, M), () => {
-    e.removeEventListener("scroll", o), u && e.removeEventListener("scrollend", a);
+    l.options.isScrollingResetDelay
+  ), o = (c) => () => {
+    const { horizontal: g, isRtl: h } = l.options;
+    s = g ? t.scrollLeft * (h && -1 || 1) : t.scrollTop, i(), a(s, c);
+  }, n = o(!0), r = o(!1);
+  t.addEventListener("scroll", n, I);
+  const u = l.options.useScrollendEvent && w;
+  return u && t.addEventListener("scrollend", r, I), () => {
+    t.removeEventListener("scroll", n), u && t.removeEventListener("scrollend", r);
   };
-}, _ = (r, h, e) => {
-  if (h?.borderBoxSize) {
-    const s = h.borderBoxSize[0];
-    if (s)
+}, F = (l, a, t) => {
+  if (a?.borderBoxSize) {
+    const e = a.borderBoxSize[0];
+    if (e)
       return Math.round(
-        s[e.options.horizontal ? "inlineSize" : "blockSize"]
+        e[t.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
-  return r[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, T = (r, {
-  adjustments: h = 0,
-  behavior: e
-}, s) => {
-  var t, n;
-  const i = r + h;
-  (n = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || n.call(t, {
-    [s.options.horizontal ? "left" : "top"]: i,
-    behavior: e
+  return l[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, k = (l, {
+  adjustments: a = 0,
+  behavior: t
+}, e) => {
+  var s, i;
+  const o = l + a;
+  (i = (s = e.scrollElement) == null ? void 0 : s.scrollTo) == null || i.call(s, {
+    [e.options.horizontal ? "left" : "top"]: o,
+    behavior: t
   });
 };
-class L {
-  constructor(h) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
-      let e = null;
-      const s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((t) => {
-        t.forEach((n) => {
-          const i = () => {
-            this._measureElement(n.target, n);
+class D {
+  constructor(a) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+      var t, e, s;
+      return ((s = (e = (t = this.targetWindow) == null ? void 0 : t.performance) == null ? void 0 : e.now) == null ? void 0 : s.call(e)) ?? Date.now();
+    }, this.observer = /* @__PURE__ */ (() => {
+      let t = null;
+      const e = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((s) => {
+        s.forEach((i) => {
+          const o = () => {
+            const n = i.target, r = this.indexFromElement(n);
+            if (!n.isConnected) {
+              this.observer.unobserve(n);
+              return;
+            }
+            this.shouldMeasureDuringScroll(r) && this.resizeItem(
+              r,
+              this.options.measureElement(n, i, this)
+            );
           };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(i) : i();
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
         });
       }));
       return {
         disconnect: () => {
-          var t;
-          (t = s()) == null || t.disconnect(), e = null;
+          var s;
+          (s = e()) == null || s.disconnect(), t = null;
         },
-        observe: (t) => {
-          var n;
-          return (n = s()) == null ? void 0 : n.observe(t, { box: "border-box" });
+        observe: (s) => {
+          var i;
+          return (i = e()) == null ? void 0 : i.observe(s, { box: "border-box" });
         },
-        unobserve: (t) => {
-          var n;
-          return (n = s()) == null ? void 0 : n.unobserve(t);
+        unobserve: (s) => {
+          var i;
+          return (i = e()) == null ? void 0 : i.unobserve(s);
         }
       };
-    })(), this.range = null, this.setOptions = (e) => {
-      Object.entries(e).forEach(([s, t]) => {
-        typeof t > "u" && delete e[s];
+    })(), this.range = null, this.setOptions = (t) => {
+      Object.entries(t).forEach(([e, s]) => {
+        typeof s > "u" && delete t[e];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -122,11 +133,11 @@ class L {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: F,
-        rangeExtractor: R,
+        getItemKey: R,
+        rangeExtractor: _,
         onChange: () => {
         },
-        measureElement: _,
+        measureElement: F,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -138,19 +149,19 @@ class L {
         isRtl: !1,
         useScrollendEvent: !1,
         useAnimationFrameWithResizeObserver: !1,
-        ...e
+        ...t
       };
-    }, this.notify = (e) => {
-      var s, t;
-      (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = p(
+    }, this.notify = (t) => {
+      var e, s;
+      (s = (e = this.options).onChange) == null || s.call(e, this, t);
+    }, this.maybeNotify = m(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
         this.range ? this.range.endIndex : null
       ]),
-      (e) => {
-        this.notify(e);
+      (t) => {
+        this.notify(t);
       },
       {
         key: process.env.NODE_ENV !== "production" && "maybeNotify",
@@ -162,46 +173,46 @@ class L {
         ]
       }
     ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
-      var e;
-      const s = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== s) {
-        if (this.cleanup(), !s) {
+      var t;
+      const e = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== e) {
+        if (this.cleanup(), !e) {
           this.maybeNotify();
           return;
         }
-        this.scrollElement = s, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((t) => {
-          this.observer.observe(t);
+        this.scrollElement = e, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((s) => {
+          this.observer.observe(s);
         }), this.unsubs.push(
-          this.options.observeElementRect(this, (t) => {
-            this.scrollRect = t, this.maybeNotify();
+          this.options.observeElementRect(this, (s) => {
+            this.scrollRect = s, this.maybeNotify();
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (t, n) => {
-            this.scrollAdjustments = 0, this.scrollDirection = n ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = n, this.maybeNotify();
+          this.options.observeElementOffset(this, (s, i) => {
+            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < s ? "forward" : "backward" : null, this.scrollOffset = s, this.isScrolling = i, this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
           })
         ), this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         });
       }
-    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
-      const t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-      for (let i = s - 1; i >= 0; i--) {
-        const o = e[i];
-        if (t.has(o.lane))
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, e) => {
+      const s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+      for (let o = e - 1; o >= 0; o--) {
+        const n = t[o];
+        if (s.has(n.lane))
           continue;
-        const a = n.get(
-          o.lane
+        const r = i.get(
+          n.lane
         );
-        if (a == null || o.end > a.end ? n.set(o.lane, o) : o.end < a.end && t.set(o.lane, !0), t.size === this.options.lanes)
+        if (r == null || n.end > r.end ? i.set(n.lane, n) : n.end < r.end && s.set(n.lane, !0), s.size === this.options.lanes)
           break;
       }
-      return n.size === this.options.lanes ? Array.from(n.values()).sort((i, o) => i.end === o.end ? i.index - o.index : i.end - o.end)[0] : void 0;
-    }, this.getMeasurementOptions = p(
+      return i.size === this.options.lanes ? Array.from(i.values()).sort((o, n) => o.end === n.end ? o.index - n.index : o.end - n.end)[0] : void 0;
+    }, this.getMeasurementOptions = m(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -210,57 +221,57 @@ class L {
         this.options.enabled,
         this.options.lanes
       ],
-      (e, s, t, n, i, o) => (this.prevLanes !== void 0 && this.prevLanes !== o && (this.lanesChangedFlag = !0), this.prevLanes = o, this.pendingMeasuredCacheIndexes = [], {
-        count: e,
-        paddingStart: s,
-        scrollMargin: t,
-        getItemKey: n,
-        enabled: i,
-        lanes: o
+      (t, e, s, i, o, n) => (this.prevLanes !== void 0 && this.prevLanes !== n && (this.lanesChangedFlag = !0), this.prevLanes = n, this.pendingMeasuredCacheIndexes = [], {
+        count: t,
+        paddingStart: e,
+        scrollMargin: s,
+        getItemKey: i,
+        enabled: o,
+        lanes: n
       }),
       {
         key: !1
       }
-    ), this.getMeasurements = p(
+    ), this.getMeasurements = m(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: n, enabled: i, lanes: o }, a) => {
-        if (!i)
+      ({ count: t, paddingStart: e, scrollMargin: s, getItemKey: i, enabled: o, lanes: n }, r) => {
+        if (!o)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
-        if (this.laneAssignments.size > e)
-          for (const l of this.laneAssignments.keys())
-            l >= e && this.laneAssignments.delete(l);
-        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((l) => {
-          this.itemSizeCache.set(l.key, l.size);
+        if (this.laneAssignments.size > t)
+          for (const h of this.laneAssignments.keys())
+            h >= t && this.laneAssignments.delete(h);
+        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((h) => {
+          this.itemSizeCache.set(h.key, h.size);
         }));
         const u = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const c = this.measurementsCache.slice(0, u), m = new Array(o).fill(
+        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1);
+        const c = this.measurementsCache.slice(0, u), g = new Array(n).fill(
           void 0
         );
-        for (let l = 0; l < u; l++) {
-          const f = c[l];
-          f && (m[f.lane] = l);
+        for (let h = 0; h < u; h++) {
+          const p = c[h];
+          p && (g[p.lane] = h);
         }
-        for (let l = u; l < e; l++) {
-          const f = n(l), v = this.laneAssignments.get(l);
-          let d, b;
-          if (v !== void 0 && this.options.lanes > 1) {
-            d = v;
-            const g = m[d], x = g !== void 0 ? c[g] : void 0;
-            b = x ? x.end + this.options.gap : s + t;
+        for (let h = u; h < t; h++) {
+          const p = i(h), S = this.laneAssignments.get(h);
+          let f, v;
+          if (S !== void 0 && this.options.lanes > 1) {
+            f = S;
+            const d = g[f], x = d !== void 0 ? c[d] : void 0;
+            v = x ? x.end + this.options.gap : e + s;
           } else {
-            const g = this.options.lanes === 1 ? c[l - 1] : this.getFurthestMeasurement(c, l);
-            b = g ? g.end + this.options.gap : s + t, d = g ? g.lane : l % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(l, d);
+            const d = this.options.lanes === 1 ? c[h - 1] : this.getFurthestMeasurement(c, h);
+            v = d ? d.end + this.options.gap : e + s, f = d ? d.lane : h % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(h, f);
           }
-          const E = a.get(f), S = typeof E == "number" ? E : this.options.estimateSize(l), C = b + S;
-          c[l] = {
-            index: l,
-            start: b,
-            size: S,
+          const b = r.get(p), E = typeof b == "number" ? b : this.options.estimateSize(h), C = v + E;
+          c[h] = {
+            index: h,
+            start: v,
+            size: E,
             end: C,
-            key: f,
-            lane: d
-          }, m[d] = l;
+            key: p,
+            lane: f
+          }, g[f] = h;
         }
         return this.measurementsCache = c, c;
       },
@@ -268,96 +279,107 @@ class L {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = p(
+    ), this.calculateRange = m(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, n) => this.range = e.length > 0 && s > 0 ? W({
-        measurements: e,
-        outerSize: s,
-        scrollOffset: t,
-        lanes: n
+      (t, e, s, i) => this.range = t.length > 0 && e > 0 ? W({
+        measurements: t,
+        outerSize: e,
+        scrollOffset: s,
+        lanes: i
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = p(
+    ), this.getVirtualIndexes = m(
       () => {
-        let e = null, s = null;
-        const t = this.calculateRange();
-        return t && (e = t.startIndex, s = t.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, s]), [
+        let t = null, e = null;
+        const s = this.calculateRange();
+        return s && (t = s.startIndex, e = s.endIndex), this.maybeNotify.updateDeps([this.isScrolling, t, e]), [
           this.options.rangeExtractor,
           this.options.overscan,
           this.options.count,
-          e,
-          s
+          t,
+          e
         ];
       },
-      (e, s, t, n, i) => n === null || i === null ? [] : e({
-        startIndex: n,
-        endIndex: i,
-        overscan: s,
-        count: t
+      (t, e, s, i, o) => i === null || o === null ? [] : t({
+        startIndex: i,
+        endIndex: o,
+        overscan: e,
+        count: s
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
         debug: () => this.options.debug
       }
-    ), this.indexFromElement = (e) => {
-      const s = this.options.indexAttribute, t = e.getAttribute(s);
-      return t ? parseInt(t, 10) : (console.warn(
-        `Missing attribute name '${s}={index}' on measured element.`
+    ), this.indexFromElement = (t) => {
+      const e = this.options.indexAttribute, s = t.getAttribute(e);
+      return s ? parseInt(s, 10) : (console.warn(
+        `Missing attribute name '${e}={index}' on measured element.`
       ), -1);
-    }, this._measureElement = (e, s) => {
-      const t = this.indexFromElement(e), n = this.measurementsCache[t];
-      if (!n)
-        return;
-      const i = n.key, o = this.elementsCache.get(i);
-      o !== e && (o && this.observer.unobserve(o), this.observer.observe(e), this.elementsCache.set(i, e)), e.isConnected && this.resizeItem(t, this.options.measureElement(e, s, this));
-    }, this.resizeItem = (e, s) => {
-      const t = this.measurementsCache[e];
-      if (!t)
-        return;
-      const n = this.itemSizeCache.get(t.key) ?? t.size, i = s - n;
-      i !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(t, i, this) : t.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", i), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += i,
-        behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(t.index), this.itemSizeCache = new Map(this.itemSizeCache.set(t.key, s)), this.notify(!1));
-    }, this.measureElement = (e) => {
-      if (!e) {
-        this.elementsCache.forEach((s, t) => {
-          s.isConnected || (this.observer.unobserve(s), this.elementsCache.delete(t));
+    }, this.shouldMeasureDuringScroll = (t) => {
+      var e;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth")
+        return !0;
+      const s = this.scrollState.index ?? ((e = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : e.index);
+      if (s !== void 0 && this.range) {
+        const i = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        ), o = Math.max(0, s - i), n = Math.min(
+          this.options.count - 1,
+          s + i
+        );
+        return t >= o && t <= n;
+      }
+      return !0;
+    }, this.measureElement = (t) => {
+      if (!t) {
+        this.elementsCache.forEach((o, n) => {
+          o.isConnected || (this.observer.unobserve(o), this.elementsCache.delete(n));
         });
         return;
       }
-      this._measureElement(e, void 0);
-    }, this.getVirtualItems = p(
+      const e = this.indexFromElement(t), s = this.options.getItemKey(e), i = this.elementsCache.get(s);
+      i !== t && (i && this.observer.unobserve(i), this.observer.observe(t), this.elementsCache.set(s, t)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(e) && this.resizeItem(e, this.options.measureElement(t, void 0, this));
+    }, this.resizeItem = (t, e) => {
+      var s;
+      const i = this.measurementsCache[t];
+      if (!i) return;
+      const o = this.itemSizeCache.get(i.key) ?? i.size, n = e - o;
+      n !== 0 && (((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(i, n, this) : i.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", n), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += n,
+        behavior: void 0
+      })), this.pendingMeasuredCacheIndexes.push(i.index), this.itemSizeCache = new Map(this.itemSizeCache.set(i.key, e)), this.notify(!1));
+    }, this.getVirtualItems = m(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (e, s) => {
-        const t = [];
-        for (let n = 0, i = e.length; n < i; n++) {
-          const o = e[n], a = s[o];
-          t.push(a);
+      (t, e) => {
+        const s = [];
+        for (let i = 0, o = t.length; i < o; i++) {
+          const n = t[i], r = e[n];
+          s.push(r);
         }
-        return t;
+        return s;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualItems",
         debug: () => this.options.debug
       }
-    ), this.getVirtualItemForOffset = (e) => {
-      const s = this.getMeasurements();
-      if (s.length !== 0)
+    ), this.getVirtualItemForOffset = (t) => {
+      const e = this.getMeasurements();
+      if (e.length !== 0)
         return O(
-          s[z(
+          e[z(
             0,
-            s.length - 1,
-            (t) => O(s[t]).start,
-            e
+            e.length - 1,
+            (s) => O(e[s]).start,
+            t
           )]
         );
     }, this.getMaxScrollOffset = () => {
@@ -365,169 +387,187 @@ class L {
       if ("scrollHeight" in this.scrollElement)
         return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
       {
-        const e = this.scrollElement.document.documentElement;
-        return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
+        const t = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? t.scrollWidth - this.scrollElement.innerWidth : t.scrollHeight - this.scrollElement.innerHeight;
       }
-    }, this.getOffsetForAlignment = (e, s, t = 0) => {
+    }, this.getOffsetForAlignment = (t, e, s = 0) => {
       if (!this.scrollElement) return 0;
-      const n = this.getSize(), i = this.getScrollOffset();
-      s === "auto" && (s = e >= i + n ? "end" : "start"), s === "center" ? e += (t - n) / 2 : s === "end" && (e -= n);
-      const o = this.getMaxScrollOffset();
-      return Math.max(Math.min(o, e), 0);
-    }, this.getOffsetForIndex = (e, s = "auto") => {
-      e = Math.max(0, Math.min(e, this.options.count - 1));
-      const t = this.measurementsCache[e];
-      if (!t)
-        return;
-      const n = this.getSize(), i = this.getScrollOffset();
-      if (s === "auto")
-        if (t.end >= i + n - this.options.scrollPaddingEnd)
-          s = "end";
-        else if (t.start <= i + this.options.scrollPaddingStart)
-          s = "start";
+      const i = this.getSize(), o = this.getScrollOffset();
+      e === "auto" && (e = t >= o + i ? "end" : "start"), e === "center" ? t += (s - i) / 2 : e === "end" && (t -= i);
+      const n = this.getMaxScrollOffset();
+      return Math.max(Math.min(n, t), 0);
+    }, this.getOffsetForIndex = (t, e = "auto") => {
+      t = Math.max(0, Math.min(t, this.options.count - 1));
+      const s = this.getSize(), i = this.getScrollOffset(), o = this.measurementsCache[t];
+      if (!o) return;
+      if (e === "auto")
+        if (o.end >= i + s - this.options.scrollPaddingEnd)
+          e = "end";
+        else if (o.start <= i + this.options.scrollPaddingStart)
+          e = "start";
         else
-          return [i, s];
-      if (s === "end" && e === this.options.count - 1)
-        return [this.getMaxScrollOffset(), s];
-      const o = s === "end" ? t.end + this.options.scrollPaddingEnd : t.start - this.options.scrollPaddingStart;
+          return [i, e];
+      if (e === "end" && t === this.options.count - 1)
+        return [this.getMaxScrollOffset(), e];
+      const n = e === "end" ? o.end + this.options.scrollPaddingEnd : o.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(o, s, t.size),
-        s
+        this.getOffsetForAlignment(n, e, o.size),
+        e
       ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (e, { align: s = "start", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getOffsetForAlignment(e, s), {
-        adjustments: void 0,
-        behavior: t
-      });
-    }, this.scrollToIndex = (e, { align: s = "auto", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), e = Math.max(0, Math.min(e, this.options.count - 1)), this.currentScrollToIndex = e;
-      let n = 0;
-      const i = 10, o = (u) => {
-        if (!this.targetWindow) return;
-        const c = this.getOffsetForIndex(e, u);
-        if (!c) {
-          console.warn("Failed to get offset for index:", e);
-          return;
-        }
-        const [m, l] = c;
-        this._scrollToOffset(m, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
-          const f = () => {
-            if (this.currentScrollToIndex !== e) return;
-            const v = this.getScrollOffset(), d = this.getOffsetForIndex(e, l);
-            if (!d) {
-              console.warn("Failed to get offset for index:", e);
-              return;
-            }
-            I(d[0], v) || a(l);
-          };
-          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(f) : f();
-        });
-      }, a = (u) => {
-        this.targetWindow && this.currentScrollToIndex === e && (n++, n < i ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", n, i), this.targetWindow.requestAnimationFrame(() => o(u))) : console.warn(
-          `Failed to scroll to index ${e} after ${i} attempts.`
-        ));
-      };
-      o(s);
-    }, this.scrollBy = (e, { behavior: s } = {}) => {
-      s === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getScrollOffset() + e, {
-        adjustments: void 0,
-        behavior: s
-      });
+    }, this.scrollToOffset = (t, { align: e = "start", behavior: s = "auto" } = {}) => {
+      const i = this.getOffsetForAlignment(t, e), o = this.now();
+      this.scrollState = {
+        index: null,
+        align: e,
+        behavior: s,
+        startedAt: o,
+        lastTargetOffset: i,
+        stableFrames: 0
+      }, this._scrollToOffset(i, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
+    }, this.scrollToIndex = (t, {
+      align: e = "auto",
+      behavior: s = "auto"
+    } = {}) => {
+      t = Math.max(0, Math.min(t, this.options.count - 1));
+      const i = this.getOffsetForIndex(t, e);
+      if (!i)
+        return;
+      const [o, n] = i, r = this.now();
+      this.scrollState = {
+        index: t,
+        align: n,
+        behavior: s,
+        startedAt: r,
+        lastTargetOffset: o,
+        stableFrames: 0
+      }, this._scrollToOffset(o, { adjustments: void 0, behavior: s }), this.scheduleScrollReconcile();
+    }, this.scrollBy = (t, { behavior: e = "auto" } = {}) => {
+      const s = this.getScrollOffset() + t, i = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior: e,
+        startedAt: i,
+        lastTargetOffset: s,
+        stableFrames: 0
+      }, this._scrollToOffset(s, { adjustments: void 0, behavior: e }), this.scheduleScrollReconcile();
     }, this.getTotalSize = () => {
-      var e;
-      const s = this.getMeasurements();
-      let t;
-      if (s.length === 0)
-        t = this.options.paddingStart;
+      var t;
+      const e = this.getMeasurements();
+      let s;
+      if (e.length === 0)
+        s = this.options.paddingStart;
       else if (this.options.lanes === 1)
-        t = ((e = s[s.length - 1]) == null ? void 0 : e.end) ?? 0;
+        s = ((t = e[e.length - 1]) == null ? void 0 : t.end) ?? 0;
       else {
-        const n = Array(this.options.lanes).fill(null);
-        let i = s.length - 1;
-        for (; i >= 0 && n.some((o) => o === null); ) {
-          const o = s[i];
-          n[o.lane] === null && (n[o.lane] = o.end), i--;
+        const i = Array(this.options.lanes).fill(null);
+        let o = e.length - 1;
+        for (; o >= 0 && i.some((n) => n === null); ) {
+          const n = e[o];
+          i[n.lane] === null && (i[n.lane] = n.end), o--;
         }
-        t = Math.max(...n.filter((o) => o !== null));
+        s = Math.max(...i.filter((n) => n !== null));
       }
       return Math.max(
-        t - this.options.scrollMargin + this.options.paddingEnd,
+        s - this.options.scrollMargin + this.options.paddingEnd,
         0
       );
-    }, this._scrollToOffset = (e, {
-      adjustments: s,
-      behavior: t
+    }, this._scrollToOffset = (t, {
+      adjustments: e,
+      behavior: s
     }) => {
-      this.options.scrollToFn(e, { behavior: t, adjustments: s }, this);
+      this.options.scrollToFn(t, { behavior: s, adjustments: e }, this);
     }, this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
-    }, this.setOptions(h);
+    }, this.setOptions(a);
+  }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    this.rafId == null && (this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null, this.reconcileScroll();
+    }));
+  }
+  reconcileScroll() {
+    if (!this.scrollState || !this.scrollElement) return;
+    if (this.now() - this.scrollState.startedAt > 5e3) {
+      this.scrollState = null;
+      return;
+    }
+    const e = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, s = e ? e[0] : this.scrollState.lastTargetOffset, i = 1, o = s !== this.scrollState.lastTargetOffset;
+    if (!o && y(s, this.getScrollOffset())) {
+      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= i) {
+        this.scrollState = null;
+        return;
+      }
+    } else
+      this.scrollState.stableFrames = 0, o && (this.scrollState.lastTargetOffset = s, this.scrollState.behavior = "auto", this._scrollToOffset(s, {
+        adjustments: void 0,
+        behavior: "auto"
+      }));
+    this.scheduleScrollReconcile();
   }
 }
-const z = (r, h, e, s) => {
-  for (; r <= h; ) {
-    const t = (r + h) / 2 | 0, n = e(t);
-    if (n < s)
-      r = t + 1;
-    else if (n > s)
-      h = t - 1;
+const z = (l, a, t, e) => {
+  for (; l <= a; ) {
+    const s = (l + a) / 2 | 0, i = t(s);
+    if (i < e)
+      l = s + 1;
+    else if (i > e)
+      a = s - 1;
     else
-      return t;
+      return s;
   }
-  return r > 0 ? r - 1 : 0;
+  return l > 0 ? l - 1 : 0;
 };
 function W({
-  measurements: r,
-  outerSize: h,
-  scrollOffset: e,
-  lanes: s
+  measurements: l,
+  outerSize: a,
+  scrollOffset: t,
+  lanes: e
 }) {
-  const t = r.length - 1, n = (a) => r[a].start;
-  if (r.length <= s)
+  const s = l.length - 1, i = (r) => l[r].start;
+  if (l.length <= e)
     return {
       startIndex: 0,
-      endIndex: t
+      endIndex: s
     };
-  let i = z(
+  let o = z(
     0,
-    t,
-    n,
-    e
-  ), o = i;
-  if (s === 1)
-    for (; o < t && r[o].end < e + h; )
-      o++;
-  else if (s > 1) {
-    const a = Array(s).fill(0);
-    for (; o < t && a.some((c) => c < e + h); ) {
-      const c = r[o];
-      a[c.lane] = c.end, o++;
+    s,
+    i,
+    t
+  ), n = o;
+  if (e === 1)
+    for (; n < s && l[n].end < t + a; )
+      n++;
+  else if (e > 1) {
+    const r = Array(e).fill(0);
+    for (; n < s && r.some((c) => c < t + a); ) {
+      const c = l[n];
+      r[c.lane] = c.end, n++;
     }
-    const u = Array(s).fill(e + h);
-    for (; i >= 0 && u.some((c) => c >= e); ) {
-      const c = r[i];
-      u[c.lane] = c.start, i--;
+    const u = Array(e).fill(t + a);
+    for (; o >= 0 && u.some((c) => c >= t); ) {
+      const c = l[o];
+      u[c.lane] = c.start, o--;
     }
-    i = Math.max(0, i - i % s), o = Math.min(t, o + (s - 1 - o % s));
+    o = Math.max(0, o - o % e), n = Math.min(s, n + (e - 1 - n % e));
   }
-  return { startIndex: i, endIndex: o };
+  return { startIndex: o, endIndex: n };
 }
 export {
-  L as Virtualizer,
-  I as approxEqual,
+  D as Virtualizer,
+  y as approxEqual,
   A as debounce,
-  F as defaultKeyExtractor,
-  R as defaultRangeExtractor,
-  T as elementScroll,
-  _ as measureElement,
-  p as memo,
+  R as defaultKeyExtractor,
+  _ as defaultRangeExtractor,
+  k as elementScroll,
+  F as measureElement,
+  m as memo,
   O as notUndefined,
-  k as observeElementOffset,
-  D as observeElementRect
+  L as observeElementOffset,
+  T as observeElementRect
 };