@pdanpdan/virtual-scroll 0.5.0 → 0.6.0

package/dist/index.mjs

@@ -1,2225 +1,1718 @@
-import { computed as u, toValue as st, ref as ee, reactive as jt, watch as Me, nextTick as kt, getCurrentInstance as fl, onMounted as hl, onUnmounted as ll, defineComponent as gl, openBlock as Ee, createElementBlock as It, normalizeProps as St, guardReactiveProps as il, unref as tt, createElementVNode as el, useSlots as yl, useId as Sl, toRefs as bl, createBlock as Je, resolveDynamicComponent as ht, normalizeStyle as gt, normalizeClass as Bt, withCtx as mt, renderSlot as pt, mergeProps as Vt, createCommentVNode as et, Fragment as wl, renderList as xl, toDisplayString as Qt } from "vue";
-class Kt {
-  tree;
-  values;
-  /**
-   * Creates a new Fenwick Tree with the specified size.
-   *
-   * @param size - The number of elements in the tree.
-   */
-  constructor(e) {
-    this.tree = new Float64Array(e + 1), this.values = new Float64Array(e);
-  }
-  /**
-   * Update the value at a specific index and propagate changes throughout the tree.
-   *
-   * @param index - The 0-based index to update.
-   * @param delta - The change in value (new value - old value).
-   */
-  update(e, i) {
-    if (!(e < 0 || e >= this.values.length))
-      for (this.values[e] = this.values[e] + i, e++; e < this.tree.length; )
-        this.tree[e] = this.tree[e] + i, e += e & -e;
-  }
-  /**
-   * Get the prefix sum up to a specific index (exclusive).
-   *
-   * @param index - 0-based index. `query(n)` returns sum of values from index 0 to n-1.
-   * @returns Sum of values in range [0, index).
-   */
-  query(e) {
-    let i = 0;
-    for (; e > 0; )
-      i += this.tree[e] || 0, e -= e & -e;
-    return i;
-  }
-  /**
-   * Set the individual value at an index without updating the prefix sum tree.
-   * Call `rebuild()` after multiple sets to update the tree efficiently in O(n).
-   *
-   * @param index - The 0-based index.
-   * @param value - The new value.
-   */
-  set(e, i) {
-    e < 0 || e >= this.values.length || (this.values[e] = i);
-  }
-  /**
-   * Get the number of items in the tree.
-   */
-  get length() {
-    return this.values.length;
-  }
-  /**
-   * Get the individual value at a specific index.
-   *
-   * @param index - The 0-based index.
-   * @returns The value at the specified index.
-   */
-  get(e) {
-    return this.values[e] || 0;
-  }
-  /**
-   * Get the underlying values array as a read-only Float64Array.
-   *
-   * @returns The read-only values array.
-   */
-  getValues() {
-    return this.values;
-  }
-  /**
-   * Find the largest index such that the prefix sum is less than or equal to the given value.
-   * Highly efficient search used to find which item is at a specific scroll offset.
-   *
-   * @param value - The prefix sum value to search for.
-   * @returns The 0-based index.
-   */
-  findLowerBound(e) {
-    let i = 0;
-    const t = this.tree.length;
-    let s = 1 << Math.floor(Math.log2(t - 1));
-    for (; s > 0; ) {
-      const d = i + s;
-      if (d < t) {
-        const S = this.tree[d] || 0;
-        S <= e && (i = d, e -= S);
-      }
-      s >>= 1;
-    }
-    return i;
-  }
-  /**
-   * Rebuild the entire prefix sum tree from the current values array.
-   * Time complexity: O(n).
-   */
-  rebuild() {
-    this.tree.fill(0);
-    for (let e = 0; e < this.values.length; e++)
-      this.tree[e + 1] = this.values[e] || 0;
-    for (let e = 1; e < this.tree.length; e++) {
-      const i = e + (e & -e);
-      i < this.tree.length && (this.tree[i] = this.tree[i] + this.tree[e]);
-    }
-  }
-  /**
-   * Resize the tree while preserving existing values and rebuilding the prefix sums.
-   *
-   * @param size - The new size of the tree.
-   */
-  resize(e) {
-    if (e === this.values.length)
-      return;
-    const i = new Float64Array(e);
-    i.set(this.values.subarray(0, Math.min(e, this.values.length))), this.values = i, this.tree = new Float64Array(e + 1), this.rebuild();
-  }
-  /**
-   * Shift values by a given offset and rebuild the tree.
-   * Useful when items are prepended to the list to maintain existing measurements.
-   *
-   * @param offset - Number of positions to shift. Positive for prepending (shifts right).
-   */
-  shift(e) {
-    if (e === 0)
-      return;
-    const i = this.values.length, t = new Float64Array(i);
-    e > 0 ? t.set(this.values.subarray(0, Math.min(i - e, this.values.length)), e) : t.set(this.values.subarray(-e)), this.values = t, this.rebuild();
-  }
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, toValue, unref, useId, useSlots, watch, withCtx } from "vue";
+const DEFAULT_ITEM_SIZE = 40, DEFAULT_COLUMN_WIDTH = 100, DEFAULT_BUFFER = 5, EMPTY_SCROLL_DETAILS = {
+	items: [],
+	currentIndex: 0,
+	currentColIndex: 0,
+	currentEndIndex: 0,
+	currentEndColIndex: 0,
+	scrollOffset: {
+		x: 0,
+		y: 0
+	},
+	displayScrollOffset: {
+		x: 0,
+		y: 0
+	},
+	viewportSize: {
+		width: 0,
+		height: 0
+	},
+	displayViewportSize: {
+		width: 0,
+		height: 0
+	},
+	totalSize: {
+		width: 0,
+		height: 0
+	},
+	isScrolling: !1,
+	isProgrammaticScroll: !1,
+	range: {
+		start: 0,
+		end: 0
+	},
+	columnRange: {
+		start: 0,
+		end: 0,
+		padStart: 0,
+		padEnd: 0
+	}
+};
+var FenwickTree = class {
+	tree;
+	values;
+	constructor(e) {
+		this.tree = new Float64Array(e + 1), this.values = new Float64Array(e);
+	}
+	update(e, t) {
+		if (!(e < 0 || e >= this.values.length)) for (this.values[e] = this.values[e] + t, e++; e < this.tree.length;) this.tree[e] = this.tree[e] + t, e += e & -e;
+	}
+	query(e) {
+		let t = 0;
+		for (; e > 0;) t += this.tree[e] || 0, e -= e & -e;
+		return t;
+	}
+	set(e, t) {
+		e < 0 || e >= this.values.length || (this.values[e] = t);
+	}
+	get length() {
+		return this.values.length;
+	}
+	get(e) {
+		return this.values[e] || 0;
+	}
+	getValues() {
+		return this.values;
+	}
+	findLowerBound(e) {
+		let t = 0, n = this.tree.length, r = 1 << Math.floor(Math.log2(n - 1));
+		for (; r > 0;) {
+			let i = t + r;
+			if (i < n) {
+				let n = this.tree[i] || 0;
+				n <= e && (t = i, e -= n);
+			}
+			r >>= 1;
+		}
+		return t;
+	}
+	rebuild() {
+		this.tree.fill(0);
+		for (let e = 0; e < this.values.length; e++) this.tree[e + 1] = this.values[e] || 0;
+		for (let e = 1; e < this.tree.length; e++) {
+			let t = e + (e & -e);
+			t < this.tree.length && (this.tree[t] = this.tree[t] + this.tree[e]);
+		}
+	}
+	resize(e) {
+		if (e === this.values.length) return;
+		let t = new Float64Array(e);
+		t.set(this.values.subarray(0, Math.min(e, this.values.length))), this.values = t, this.tree = new Float64Array(e + 1), this.rebuild();
+	}
+	shift(e) {
+		if (e === 0) return;
+		let t = this.values.length, n = new Float64Array(t);
+		e > 0 ? n.set(this.values.subarray(0, Math.min(t - e, this.values.length)), e) : n.set(this.values.subarray(-e)), this.values = n, this.rebuild();
+	}
+};
+const BROWSER_MAX_SIZE = 1e7;
+function isWindow(e) {
+	return e === null || e === document.documentElement || typeof window < "u" && e === window;
 }
-const bt = 1e7;
-function zl(a) {
-  return a === null || a === document.documentElement || typeof window < "u" && a === window;
+function isBody(e) {
+	return typeof e == "object" && !!e && "tagName" in e && e.tagName === "BODY";
 }
-function Ml(a) {
-  return a != null && typeof a == "object" && "tagName" in a && a.tagName === "BODY";
+function isWindowLike(e) {
+	return isWindow(e) || isBody(e);
 }
-function Pl(a) {
-  return zl(a) || Ml(a);
+function isElement(e) {
+	return e != null && "getBoundingClientRect" in e;
 }
-function Zt(a) {
-  return a != null && "getBoundingClientRect" in a;
+function isScrollableElement(e) {
+	return e != null && "scrollLeft" in e;
 }
-function Jt(a) {
-  return a != null && "scrollLeft" in a;
+function scrollTo(e, t) {
+	isWindow(e) ? window.scrollTo(t) : e != null && isScrollableElement(e) && (typeof e.scrollTo == "function" ? e.scrollTo(t) : (t.left !== void 0 && (e.scrollLeft = t.left), t.top !== void 0 && (e.scrollTop = t.top)));
 }
-function yt(a) {
-  return typeof a == "object" && a != null && ("align" in a || "behavior" in a || "isCorrection" in a);
+function isScrollToIndexOptions(e) {
+	return typeof e == "object" && !!e && ("align" in e || "behavior" in e || "isCorrection" in e);
 }
-function lt(a, e) {
-  return typeof a == "object" && a !== null ? a.x || 0 : (e === "horizontal" || e === "both") && a || 0;
+function getPaddingX(e, t) {
+	return typeof e == "object" && e ? e.x || 0 : (t === "horizontal" || t === "both") && e || 0;
 }
-function at(a, e) {
-  return typeof a == "object" && a !== null ? a.y || 0 : (e === "vertical" || e === "both") && a || 0;
+function getPaddingY(e, t) {
+	return typeof e == "object" && e ? e.y || 0 : (t === "vertical" || t === "both") && e || 0;
 }
-function ml({
-  scrollPos: a,
-  containerSize: e,
-  count: i,
-  bufferBefore: t,
-  bufferAfter: s,
-  gap: d,
-  fixedSize: S,
-  findLowerBound: w,
-  query: m
-}) {
-  let z = 0, h = i;
-  const E = a + e;
-  if (S !== null) {
-    const b = S + d;
-    z = Math.floor(a / b), h = Math.ceil(E / b);
-  } else
-    z = w(a), h = w(E), h < i && m(h) < E && h++;
-  return {
-    start: Math.max(0, z - t),
-    end: Math.min(i, h + s)
-  };
+function calculateGenericRange({ scrollPos: e, containerSize: t, count: n, bufferBefore: r, bufferAfter: i, gap: a, fixedSize: o, findLowerBound: s, query: c }) {
+	let l = 0, u = n, d = e + t;
+	if (o !== null) {
+		let t = o + a;
+		l = Math.floor(e / t), u = Math.ceil(d / t);
+	} else l = s(e), u = s(d), u < n && c(u) < d && u++;
+	return {
+		start: Math.max(0, l - r),
+		end: Math.min(n, u + i)
+	};
 }
-function rl(a, e) {
-  let i = 0, t = a.length - 1, s;
-  for (; i <= t; ) {
-    const d = i + t >>> 1;
-    a[d] > e ? (s = a[d], t = d - 1) : i = d + 1;
-  }
-  return s;
+function findNextStickyIndex(e, t) {
+	let n = 0, r = e.length - 1, i;
+	for (; n <= r;) {
+		let a = n + r >>> 1;
+		e[a] > t ? (i = e[a], r = a - 1) : n = a + 1;
+	}
+	return i;
 }
-function pl(a, e) {
-  let i = 0, t = a.length - 1, s;
-  for (; i <= t; ) {
-    const d = i + t >>> 1;
-    a[d] < e ? (s = a[d], i = d + 1) : t = d - 1;
-  }
-  return s;
+function findPrevStickyIndex(e, t) {
+	let n = 0, r = e.length - 1, i;
+	for (; n <= r;) {
+		let a = n + r >>> 1;
+		e[a] < t ? (i = e[a], n = a + 1) : r = a - 1;
+	}
+	return i;
 }
-function kl({
-  align: a,
-  targetPos: e,
-  itemSize: i,
-  scrollPos: t,
-  viewSize: s,
-  stickyOffsetStart: d,
-  stickyOffsetEnd: S
-}) {
-  const w = e - d, m = e - (s - S - i);
-  if (a === "start")
-    return { target: w, effectiveAlign: "start" };
-  if (a === "center")
-    return {
-      target: e - d - (s - d - S - i) / 2,
-      effectiveAlign: "center"
-    };
-  if (a === "end")
-    return { target: m, effectiveAlign: "end" };
-  if (Il(e, i, t, s, d, S))
-    return { target: t, effectiveAlign: "auto" };
-  const z = s - d - S;
-  return i <= z ? e < t + d ? {
-    target: w,
-    effectiveAlign: "start"
-  } : {
-    target: m,
-    effectiveAlign: "end"
-  } : Math.abs(w - t) < Math.abs(m - t) ? {
-    target: w,
-    effectiveAlign: "start"
-  } : {
-    target: m,
-    effectiveAlign: "end"
-  };
+function calculateAxisAlignment({ align: e, targetPos: t, itemSize: n, scrollPos: r, viewSize: i, stickyOffsetStart: a, stickyOffsetEnd: o }) {
+	let s = t - a, c = t - (i - o - n);
+	return e === "start" ? {
+		target: s,
+		effectiveAlign: "start"
+	} : e === "center" ? {
+		target: t - a - (i - a - o - n) / 2,
+		effectiveAlign: "center"
+	} : e === "end" ? {
+		target: c,
+		effectiveAlign: "end"
+	} : isItemVisible(t, n, r, i, a, o) ? {
+		target: r,
+		effectiveAlign: "auto"
+	} : n <= i - a - o ? t < r + a ? {
+		target: s,
+		effectiveAlign: "start"
+	} : {
+		target: c,
+		effectiveAlign: "end"
+	} : Math.abs(s - r) < Math.abs(c - r) ? {
+		target: s,
+		effectiveAlign: "start"
+	} : {
+		target: c,
+		effectiveAlign: "end"
+	};
 }
-function Rt(a, e, i, t) {
-  return a <= 0 ? 0 : e !== null ? Math.max(0, a * (e + i) - i) : Math.max(0, t(a) - i);
+function calculateAxisSize(e, t, n, r) {
+	return e <= 0 ? 0 : t === null ? Math.max(0, r(e) - n) : Math.max(0, e * (t + n) - n);
 }
-function ul({
-  index: a,
-  align: e,
-  viewSize: i,
-  scrollPos: t,
-  fixedSize: s,
-  gap: d,
-  query: S,
-  getSize: w,
-  stickyIndices: m,
-  stickyStart: z,
-  stickyEnd: h = 0
-}) {
-  let E = z;
-  if (m && m.length > 0) {
-    const T = pl(m, a);
-    T !== void 0 && (E += Rt(1, s, 0, () => w(T)));
-  }
-  const b = s !== null ? a * (s + d) : S(a), V = s !== null ? s : w(a) - d, { target: X, effectiveAlign: R } = kl({
-    align: e,
-    targetPos: b,
-    itemSize: V,
-    scrollPos: t,
-    viewSize: i,
-    stickyOffsetStart: E,
-    stickyOffsetEnd: h
-  });
-  return { target: X, itemSize: V, effectiveAlign: R };
+function calculateAxisTarget({ index: e, align: t, viewSize: n, scrollPos: r, fixedSize: i, gap: a, query: o, getSize: s, stickyIndices: c, stickyStart: l, stickyEnd: u = 0 }) {
+	let d = l;
+	if (c && c.length > 0) {
+		let t = findPrevStickyIndex(c, e);
+		t !== void 0 && (d += calculateAxisSize(1, i, 0, () => s(t)));
+	}
+	let f = i === null ? o(e) : e * (i + a), p = i === null ? s(e) - a : i, { target: m, effectiveAlign: h } = calculateAxisAlignment({
+		align: t,
+		targetPos: f,
+		itemSize: p,
+		scrollPos: r,
+		viewSize: n,
+		stickyOffsetStart: d,
+		stickyOffsetEnd: u
+	});
+	return {
+		target: m,
+		itemSize: p,
+		effectiveAlign: h
+	};
 }
-function Il(a, e, i, t, s = 0, d = 0) {
-  const S = i + s, w = i + t - d, m = t - s - d;
-  return e <= m ? a >= S - 0.5 && a + e <= w + 0.5 : a <= S + 0.5 && a + e >= w - 0.5;
+function calculateAxisSticky(e, t, n, r, i, a) {
+	if (e <= t) return {
+		isActive: !1,
+		offset: 0
+	};
+	let o = findNextStickyIndex(i, r);
+	if (o === void 0) return {
+		isActive: !0,
+		offset: 0
+	};
+	let s = a(o);
+	return e >= s ? {
+		isActive: !1,
+		offset: 0
+	} : {
+		isActive: !0,
+		offset: Math.max(0, Math.min(n, s - e)) - n
+	};
 }
-function ct(a, e, i) {
-  return (a - e) * i;
+function isItemVisible(e, t, n, r, i = 0, a = 0) {
+	let o = n + i, s = n + r - a;
+	return t <= r - i - a ? e >= o - .5 && e + t <= s + .5 : e <= o + .5 && e + t >= s - .5;
 }
-function Ht(a, e, i) {
-  return a / i + e;
+function displayToVirtual(e, t, n) {
+	return (e - t) * n;
 }
-function sl({
-  rowIndex: a,
-  colIndex: e,
-  options: i,
-  direction: t,
-  viewportWidth: s,
-  viewportHeight: d,
-  totalWidth: S,
-  totalHeight: w,
-  gap: m,
-  columnGap: z,
-  fixedSize: h,
-  fixedWidth: E,
-  relativeScrollX: b,
-  relativeScrollY: V,
-  getItemSizeY: X,
-  getItemSizeX: R,
-  getItemQueryY: T,
-  getItemQueryX: $,
-  getColumnSize: L,
-  getColumnQuery: k,
-  scaleX: C,
-  scaleY: W,
-  hostOffsetX: P,
-  hostOffsetY: x,
-  stickyIndices: q,
-  stickyStartX: H = 0,
-  stickyStartY: K = 0,
-  stickyEndX: Q = 0,
-  stickyEndY: Z = 0,
-  flowPaddingStartX: Y = 0,
-  flowPaddingStartY: re = 0,
-  paddingStartX: de = 0,
-  paddingStartY: G = 0,
-  paddingEndX: le = 0,
-  paddingEndY: Be = 0
-}) {
-  let ue;
-  yt(i) ? ue = i.align : ue = i;
-  const wt = (ue && typeof ue == "object" ? ue.x : ue) || "auto", te = (ue && typeof ue == "object" ? ue.y : ue) || "auto";
-  let Pe = b, ce = V, Le = 0, ae = 0, Te = "auto", ie = "auto";
-  const ke = C === 1 ? S : bt, fe = W === 1 ? w : bt, _e = Math.max(0, P + ke - s), pe = Math.max(0, x + fe - d), be = (_e - P) * C, ye = (pe - x) * W, Ge = Y + H + de, nt = re + K + G;
-  if (a != null) {
-    const ne = ul({
-      index: a,
-      align: te,
-      viewSize: d,
-      scrollPos: V,
-      fixedSize: h,
-      gap: m,
-      query: T,
-      getSize: X,
-      stickyIndices: q,
-      stickyStart: K + G,
-      stickyEnd: Z + Be
-    });
-    ce = ne.target + nt, ae = ne.itemSize, ie = ne.effectiveAlign;
-  }
-  if (e != null) {
-    const ne = t === "both", Ie = ul({
-      index: e,
-      align: wt,
-      viewSize: s,
-      scrollPos: b,
-      fixedSize: ne ? E : h,
-      gap: ne || t === "horizontal" ? z : m,
-      query: ne ? k : $,
-      getSize: ne ? L : R,
-      stickyIndices: q,
-      stickyStart: H + de,
-      stickyEnd: Q + le
-    });
-    Pe = Ie.target + Ge, Le = Ie.itemSize, Te = Ie.effectiveAlign;
-  }
-  return Pe = Math.max(0, Math.min(Pe, be)), ce = Math.max(0, Math.min(ce, ye)), { targetX: Pe, targetY: ce, itemWidth: Le, itemHeight: ae, effectiveAlignX: Te, effectiveAlignY: ie };
+function virtualToDisplay(e, t, n) {
+	return e / n + t;
 }
-function Rl({
-  direction: a,
-  relativeScrollX: e,
-  relativeScrollY: i,
-  usableWidth: t,
-  usableHeight: s,
-  itemsLength: d,
-  bufferBefore: S,
-  bufferAfter: w,
-  gap: m,
-  columnGap: z,
-  fixedSize: h,
-  findLowerBoundY: E,
-  findLowerBoundX: b,
-  queryY: V,
-  queryX: X
-}) {
-  const R = a === "vertical" || a === "both";
-  return ml({
-    scrollPos: R ? i : e,
-    containerSize: R ? s : t,
-    count: d,
-    bufferBefore: S,
-    bufferAfter: w,
-    gap: R ? m : z,
-    fixedSize: h,
-    findLowerBound: R ? E : b,
-    query: R ? V : X
-  });
+function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction: r, viewportWidth: i, viewportHeight: a, totalWidth: o, totalHeight: s, gap: c, columnGap: l, fixedSize: u, fixedWidth: d, relativeScrollX: f, relativeScrollY: p, getItemSizeY: m, getItemSizeX: h, getItemQueryY: g, getItemQueryX: _, getColumnSize: v, getColumnQuery: y, scaleX: b, scaleY: x, hostOffsetX: S, hostOffsetY: C, stickyIndices: w, stickyStartX: T = 0, stickyStartY: E = 0, stickyEndX: D = 0, stickyEndY: ee = 0, flowPaddingStartX: O = 0, flowPaddingStartY: k = 0, paddingStartX: A = 0, paddingStartY: j = 0, paddingEndX: M = 0, paddingEndY: N = 0 }) {
+	let P;
+	P = isScrollToIndexOptions(n) ? n.align : n;
+	let F = (P && typeof P == "object" ? P.x : P) || "auto", ne = (P && typeof P == "object" ? P.y : P) || "auto", re = f, ie = p, ae = 0, oe = 0, se = "auto", ce = "auto", L = b === 1 ? o : BROWSER_MAX_SIZE, le = x === 1 ? s : BROWSER_MAX_SIZE, R = Math.max(0, S + L - i), z = Math.max(0, C + le - a), B = (R - S) * b, V = (z - C) * x, de = O + T + A, fe = k + E + j;
+	if (e != null) {
+		let t = calculateAxisTarget({
+			index: e,
+			align: ne,
+			viewSize: a,
+			scrollPos: p,
+			fixedSize: u,
+			gap: c,
+			query: g,
+			getSize: m,
+			stickyIndices: w,
+			stickyStart: E + j,
+			stickyEnd: ee + N
+		});
+		ie = t.target + fe, oe = t.itemSize, ce = t.effectiveAlign;
+	}
+	if (t != null) {
+		let e = r === "both", n = calculateAxisTarget({
+			index: t,
+			align: F,
+			viewSize: i,
+			scrollPos: f,
+			fixedSize: e ? d : u,
+			gap: e || r === "horizontal" ? l : c,
+			query: e ? y : _,
+			getSize: e ? v : h,
+			stickyIndices: w,
+			stickyStart: T + A,
+			stickyEnd: D + M
+		});
+		re = n.target + de, ae = n.itemSize, se = n.effectiveAlign;
+	}
+	return re = Math.max(0, Math.min(re, B)), ie = Math.max(0, Math.min(ie, V)), {
+		targetX: re,
+		targetY: ie,
+		itemWidth: ae,
+		itemHeight: oe,
+		effectiveAlignX: se,
+		effectiveAlignY: ce
+	};
 }
-function Xl({
-  columnCount: a,
-  relativeScrollX: e,
-  usableWidth: i,
-  colBuffer: t,
-  fixedWidth: s,
-  columnGap: d,
-  findLowerBound: S,
-  query: w,
-  totalColsQuery: m
-}) {
-  if (!a)
-    return { start: 0, end: 0, padStart: 0, padEnd: 0 };
-  const { start: z, end: h } = ml({
-    scrollPos: e,
-    containerSize: i,
-    count: a,
-    bufferBefore: t,
-    bufferAfter: t,
-    gap: d,
-    fixedSize: s,
-    findLowerBound: S,
-    query: w
-  }), E = z, b = h, V = s !== null ? E * (s + d) : w(E), X = s !== null ? a * (s + d) - d : Math.max(0, m() - d), R = s !== null ? b * (s + d) - (b > 0 ? d : 0) : w(b) - (b > 0 ? d : 0);
-  return {
-    start: E,
-    end: b,
-    padStart: V,
-    padEnd: Math.max(0, X - R)
-  };
+function calculateRange({ direction: e, relativeScrollX: t, relativeScrollY: n, usableWidth: r, usableHeight: i, itemsLength: a, bufferBefore: o, bufferAfter: s, gap: c, columnGap: l, fixedSize: u, findLowerBoundY: d, findLowerBoundX: f, queryY: p, queryX: m }) {
+	let h = e === "vertical" || e === "both";
+	return calculateGenericRange({
+		scrollPos: h ? n : t,
+		containerSize: h ? i : r,
+		count: a,
+		bufferBefore: o,
+		bufferAfter: s,
+		gap: h ? c : l,
+		fixedSize: u,
+		findLowerBound: h ? d : f,
+		query: h ? p : m
+	});
 }
-function Cl({
-  index: a,
-  isSticky: e,
-  direction: i,
-  relativeScrollX: t,
-  relativeScrollY: s,
-  originalX: d,
-  originalY: S,
-  width: w,
-  height: m,
-  stickyIndices: z,
-  fixedSize: h,
-  fixedWidth: E,
-  gap: b,
-  columnGap: V,
-  getItemQueryY: X,
-  getItemQueryX: R
-}) {
-  let T = !1;
-  const $ = { x: 0, y: 0 };
-  if (!e)
-    return { isStickyActive: T, stickyOffset: $ };
-  if ((i === "vertical" || i === "both") && s > S) {
-    const L = rl(z, a);
-    if (L !== void 0) {
-      const k = h !== null ? L * (h + b) : X(L);
-      s >= k ? T = !1 : (T = !0, $.y = Math.max(0, Math.min(m, k - s)) - m);
-    } else
-      T = !0;
-  }
-  if ((i === "horizontal" || i === "both" && !T) && t > d) {
-    const L = rl(z, a);
-    if (L !== void 0) {
-      const k = i === "horizontal" ? h !== null ? L * (h + V) : R(L) : E !== null ? L * (E + V) : R(L);
-      t >= k ? T = !1 : (T = !0, $.x = Math.max(0, Math.min(w, k - t)) - w);
-    } else
-      T = !0;
-  }
-  return { isStickyActive: T, stickyOffset: $ };
+function calculateColumnRange({ columnCount: e, relativeScrollX: t, usableWidth: n, colBuffer: r, fixedWidth: i, columnGap: a, findLowerBound: o, query: s, totalColsQuery: c }) {
+	if (!e) return {
+		start: 0,
+		end: 0,
+		padStart: 0,
+		padEnd: 0
+	};
+	let { start: l, end: u } = calculateGenericRange({
+		scrollPos: t,
+		containerSize: n,
+		count: e,
+		bufferBefore: r,
+		bufferAfter: r,
+		gap: a,
+		fixedSize: i,
+		findLowerBound: o,
+		query: s
+	}), d = l, f = u, p = i === null ? s(d) : d * (i + a), m = i === null ? Math.max(0, c() - a) : e * (i + a) - a, h = i === null ? s(f) - (f > 0 ? a : 0) : f * (i + a) - (f > 0 ? a : 0);
+	return {
+		start: d,
+		end: f,
+		padStart: p,
+		padEnd: Math.max(0, m - h)
+	};
 }
-function Yl({
-  index: a,
-  direction: e,
-  fixedSize: i,
-  gap: t,
-  columnGap: s,
-  usableWidth: d,
-  usableHeight: S,
-  totalWidth: w,
-  queryY: m,
-  queryX: z,
-  getSizeY: h,
-  getSizeX: E,
-  columnRange: b
-}) {
-  let V = 0, X = 0, R = 0, T = 0;
-  return e === "horizontal" ? (V = i !== null ? a * (i + s) : z(a), R = i !== null ? i : E(a) - s, T = S) : e === "both" && b ? (X = i !== null ? a * (i + t) : m(a), T = i !== null ? i : h(a) - t, V = b.padStart, R = Math.max(0, w - b.padStart - b.padEnd)) : (X = i !== null ? a * (i + t) : m(a), T = i !== null ? i : h(a) - t, R = e === "both" ? w : d), { height: T, width: R, x: V, y: X };
+function calculateStickyItem({ index: e, isSticky: t, direction: n, relativeScrollX: r, relativeScrollY: i, originalX: a, originalY: o, width: s, height: c, stickyIndices: l, fixedSize: u, gap: d, columnGap: f, getItemQueryY: p, getItemQueryX: m }) {
+	let h = !1, g = !1, _ = {
+		x: 0,
+		y: 0
+	};
+	if (!t) return {
+		isStickyActiveX: h,
+		isStickyActiveY: g,
+		isStickyActive: !1,
+		stickyOffset: _
+	};
+	if (n === "vertical" || n === "both") {
+		let t = calculateAxisSticky(i, o, c, e, l, (e) => u === null ? p(e) : e * (u + d));
+		g = t.isActive, _.y = t.offset;
+	}
+	if (n === "horizontal") {
+		let t = calculateAxisSticky(r, a, s, e, l, (e) => u === null ? m(e) : e * (u + f));
+		t.isActive && (h = !0, _.x = t.offset);
+	}
+	return {
+		isStickyActiveX: h,
+		isStickyActiveY: g,
+		isStickyActive: h || g,
+		stickyOffset: _
+	};
 }
-function El({
-  item: a,
-  direction: e,
-  itemSize: i,
-  containerTag: t,
-  paddingStartX: s,
-  paddingStartY: d,
-  isHydrated: S,
-  isRtl: w
-}) {
-  const m = e === "vertical", z = e === "horizontal", h = e === "both", E = i == null || i === 0, b = {
-    blockSize: z ? "100%" : E ? "auto" : `${a.size.height}px`
-  };
-  if (m && t === "table" ? b.minInlineSize = "100%" : b.inlineSize = m ? "100%" : E ? "auto" : `${a.size.width}px`, E && (m || (b.minInlineSize = "1px"), z || (b.minBlockSize = "1px")), S) {
-    const V = w ? -(a.isStickyActive ? a.stickyOffset.x : a.offset.x) : a.isStickyActive ? a.stickyOffset.x : a.offset.x;
-    a.isStickyActive ? ((m || h) && (b.insetBlockStart = `${d}px`), (z || h) && (b.insetInlineStart = `${s}px`), b.transform = `translate(${V}px, ${a.stickyOffset.y}px)`) : b.transform = `translate(${V}px, ${a.offset.y}px)`;
-  }
-  return b;
+function calculateItemPosition({ index: e, direction: t, fixedSize: n, gap: r, columnGap: i, usableWidth: a, usableHeight: o, totalWidth: s, queryY: c, queryX: l, getSizeY: u, getSizeX: d, columnRange: f }) {
+	let p = 0, m = 0, h = 0, g = 0;
+	return t === "horizontal" ? (p = n === null ? l(e) : e * (n + i), h = n === null ? d(e) - i : n, g = o) : t === "both" && f ? (m = n === null ? c(e) : e * (n + r), g = n === null ? u(e) - r : n, p = f.padStart, h = Math.max(0, s - f.padStart - f.padEnd)) : (m = n === null ? c(e) : e * (n + r), g = n === null ? u(e) - r : n, h = t === "both" ? s : a), {
+		height: g,
+		width: h,
+		x: p,
+		y: m
+	};
 }
-function Tl({
-  direction: a,
-  itemsLength: e,
-  columnCount: i,
-  fixedSize: t,
-  fixedWidth: s,
-  gap: d,
-  columnGap: S,
-  usableWidth: w,
-  usableHeight: m,
-  queryY: z,
-  queryX: h,
-  queryColumn: E
-}) {
-  const b = a === "both", V = a === "horizontal";
-  let X = 0, R = 0;
-  return b ? (X = Rt(i, s, S, E), R = Rt(e, t, d, z)) : V ? (X = Rt(e, t, S, h), R = m) : (X = w, R = Rt(e, t, d, z)), {
-    width: b ? Math.max(X, w) : X,
-    height: b ? Math.max(R, m) : R
-  };
+function calculateItemStyle({ item: e, direction: t, itemSize: n, containerTag: r, paddingStartX: i, paddingStartY: a, isHydrated: o, isRtl: s }) {
+	let c = t === "vertical", l = t === "horizontal", u = t === "both", d = n == null || n === 0, f = { blockSize: l ? "100%" : d ? "auto" : `${e.size.height}px` };
+	if (c && r === "table" ? f.minInlineSize = "100%" : f.inlineSize = c ? "100%" : d ? "auto" : `${e.size.width}px`, d && (c || (f.minInlineSize = "1px"), l || (f.minBlockSize = "1px")), o) {
+		let t = e.isStickyActiveY ?? (e.isStickyActive && (c || u)), n = e.isStickyActiveX ?? (e.isStickyActive && l), r = s ? -(n ? e.stickyOffset.x : e.offset.x) : n ? e.stickyOffset.x : e.offset.x, o = t ? e.stickyOffset.y : e.offset.y;
+		e.isStickyActive || e.isStickyActiveX || e.isStickyActiveY ? (f.insetBlockStart = t ? `${a}px` : "auto", f.insetInlineStart = n ? `${i}px` : "auto", f.transform = `translate(${r}px, ${o}px)`) : f.transform = `translate(${r}px, ${e.offset.y}px)`;
+	}
+	return f;
 }
-const Dt = 40, Lt = 100, cl = 5;
-function Ol(a) {
-  const e = u(() => st(a)), i = ee(0), t = ee(0), s = ee(!1), d = ee(!1), S = ee(!1), w = ee(!1), m = ee(!1), z = ee(0), h = ee(0), E = jt({ x: 0, y: 0 }), b = jt({ x: 0, y: 0 });
-  let V;
-  const X = ee(!1), R = ee(0), T = ee(0);
-  let $ = null;
-  const L = () => {
-    if (typeof window > "u")
-      return;
-    const l = e.value.container || e.value.hostRef || window, r = Zt(l) ? l : document.documentElement;
-    (!$ || !("direction" in $)) && ($ = window.getComputedStyle(r));
-    const o = $.direction === "rtl";
-    m.value !== o && (m.value = o);
-  }, k = new Kt(e.value.items?.length || 0), C = new Kt(e.value.items?.length || 0), W = new Kt(e.value.columnCount || 0), P = ee(0);
-  let x = new Uint8Array(0), q = new Uint8Array(0), H = new Uint8Array(0);
-  const K = ee(null), Q = ee(!1);
-  let Z = [];
-  const Y = u(() => ["vertical", "horizontal", "both"].includes(e.value.direction) ? e.value.direction : "vertical"), re = u(
-    () => e.value.itemSize === void 0 || e.value.itemSize === null || e.value.itemSize === 0
-  ), de = u(
-    () => e.value.columnWidth === void 0 || e.value.columnWidth === null || e.value.columnWidth === 0
-  ), G = u(
-    () => typeof e.value.itemSize == "number" && e.value.itemSize > 0 ? e.value.itemSize : null
-  ), le = u(
-    () => typeof e.value.columnWidth == "number" && e.value.columnWidth > 0 ? e.value.columnWidth : null
-  ), Be = u(() => e.value.defaultItemSize || G.value || Dt), ue = u(
-    () => [...e.value.stickyIndices || []].sort((l, r) => l - r)
-  ), wt = u(() => new Set(ue.value)), te = u(() => lt(e.value.scrollPaddingStart, e.value.direction)), Pe = u(() => lt(e.value.scrollPaddingEnd, e.value.direction)), ce = u(() => at(e.value.scrollPaddingStart, e.value.direction)), Le = u(() => at(e.value.scrollPaddingEnd, e.value.direction)), ae = u(() => lt(e.value.stickyStart, e.value.direction)), Te = u(() => lt(e.value.stickyEnd, e.value.direction)), ie = u(() => at(e.value.stickyStart, e.value.direction)), ke = u(() => at(e.value.stickyEnd, e.value.direction)), fe = u(() => lt(e.value.flowPaddingStart, e.value.direction)), _e = u(() => lt(e.value.flowPaddingEnd, e.value.direction)), pe = u(() => at(e.value.flowPaddingStart, e.value.direction)), be = u(() => at(e.value.flowPaddingEnd, e.value.direction)), ye = u(() => z.value - (Y.value !== "vertical" ? ae.value + Te.value : 0)), Ge = u(() => h.value - (Y.value !== "horizontal" ? ie.value + ke.value : 0)), nt = u(() => {
-    if (P.value, !d.value && e.value.ssrRange && !w.value) {
-      const { start: l = 0, end: r = 0, colStart: o = 0, colEnd: f = 0 } = e.value.ssrRange, p = e.value.columnCount || 0, y = e.value.gap || 0, B = e.value.columnGap || 0;
-      let F = 0, g = 0;
-      if (Y.value === "both") {
-        if (p > 0) {
-          const I = f || p, U = W.query(I) - W.query(o);
-          F = Math.max(0, U - (I > o ? B : 0));
-        }
-        if (G.value !== null) {
-          const I = r - l;
-          g = Math.max(0, I * (G.value + y) - (I > 0 ? y : 0));
-        } else {
-          const I = C.query(r) - C.query(l);
-          g = Math.max(0, I - (r > l ? y : 0));
-        }
-      } else if (Y.value === "horizontal") {
-        if (G.value !== null) {
-          const I = r - l;
-          F = Math.max(0, I * (G.value + B) - (I > 0 ? B : 0));
-        } else {
-          const I = k.query(r) - k.query(l);
-          F = Math.max(0, I - (r > l ? B : 0));
-        }
-        g = Ge.value;
-      } else if (F = ye.value, G.value !== null) {
-        const I = r - l;
-        g = Math.max(0, I * (G.value + y) - (I > 0 ? y : 0));
-      } else {
-        const I = C.query(r) - C.query(l);
-        g = Math.max(0, I - (r > l ? y : 0));
-      }
-      return {
-        width: Math.max(F, ye.value),
-        height: Math.max(g, Ge.value)
-      };
-    }
-    return Tl({
-      direction: Y.value,
-      itemsLength: e.value.items.length,
-      columnCount: e.value.columnCount || 0,
-      fixedSize: G.value,
-      fixedWidth: le.value,
-      gap: e.value.gap || 0,
-      columnGap: e.value.columnGap || 0,
-      usableWidth: ye.value,
-      usableHeight: Ge.value,
-      queryY: (l) => C.query(l),
-      queryX: (l) => k.query(l),
-      queryColumn: (l) => W.query(l)
-    });
-  }), ne = u(() => Pl(e.value.container)), Oe = u(() => nt.value.width + te.value + Pe.value), Ie = u(() => nt.value.height + ce.value + Le.value), Ve = u(() => fe.value + ae.value + Te.value + _e.value + Oe.value), we = u(() => pe.value + ie.value + ke.value + be.value + Ie.value), Se = jt({
-    x: u(() => Math.max(0, E.x - (fe.value + ae.value))),
-    y: u(() => Math.max(0, E.y - (pe.value + ie.value)))
-  }), ot = u(() => ne.value ? Ve.value : Math.min(Ve.value, bt)), Qe = u(() => ne.value ? we.value : Math.min(we.value, bt)), xt = u(() => ne.value ? Oe.value : Math.max(0, ot.value - (fe.value + ae.value + Te.value + _e.value))), oe = u(() => ne.value ? Ie.value : Math.max(0, Qe.value - (pe.value + ie.value + ke.value + be.value))), he = u(() => {
-    if (ne.value || Ve.value <= bt)
-      return 1;
-    const l = Ve.value - z.value, r = ot.value - z.value;
-    return r > 0 ? l / r : 1;
-  }), Ae = u(() => {
-    if (ne.value || we.value <= bt)
-      return 1;
-    const l = we.value - h.value, r = Qe.value - h.value;
-    return r > 0 ? l / r : 1;
-  }), Re = u(() => {
-    if (Y.value === "vertical")
-      return 0;
-    const l = fe.value + ae.value + te.value;
-    return R.value - l;
-  }), $e = u(() => {
-    if (Y.value === "horizontal")
-      return 0;
-    const l = pe.value + ie.value + ce.value;
-    return T.value - l;
-  }), $t = (l) => {
-    P.value;
-    const r = e.value.columnGap || 0, o = e.value.columnWidth;
-    if (typeof o == "number" && o > 0)
-      return o;
-    if (Array.isArray(o) && o.length > 0) {
-      const p = o[l % o.length];
-      return p != null && p > 0 ? p : e.value.defaultColumnWidth || Lt;
-    }
-    if (typeof o == "function")
-      return o(l);
-    const f = W.get(l);
-    return f > 0 ? f - r : e.value.defaultColumnWidth || Lt;
-  }, Xt = (l) => {
-    if (P.value, Y.value === "horizontal")
-      return Ge.value;
-    const r = e.value.gap || 0, o = e.value.itemSize;
-    if (typeof o == "number" && o > 0)
-      return o;
-    if (typeof o == "function") {
-      const p = e.value.items[l];
-      return p !== void 0 ? o(p, l) : e.value.defaultItemSize || Dt;
-    }
-    const f = C.get(l);
-    return f > 0 ? f - r : e.value.defaultItemSize || Dt;
-  };
-  function vt(l, r, o) {
-    const f = typeof o == "object" && o !== null && "isCorrection" in o ? o.isCorrection : !1, p = e.value.container || window, { targetX: y, targetY: B, effectiveAlignX: F, effectiveAlignY: g } = sl({
-      rowIndex: l,
-      colIndex: r,
-      options: o,
-      direction: Y.value,
-      viewportWidth: z.value,
-      viewportHeight: h.value,
-      totalWidth: Ve.value,
-      totalHeight: we.value,
-      gap: e.value.gap || 0,
-      columnGap: e.value.columnGap || 0,
-      fixedSize: G.value,
-      fixedWidth: le.value,
-      relativeScrollX: Re.value,
-      relativeScrollY: $e.value,
-      getItemSizeY: (M) => C.get(M),
-      getItemSizeX: (M) => k.get(M),
-      getItemQueryY: (M) => C.query(M),
-      getItemQueryX: (M) => k.query(M),
-      getColumnSize: (M) => W.get(M),
-      getColumnQuery: (M) => W.query(M),
-      scaleX: he.value,
-      scaleY: Ae.value,
-      hostOffsetX: Se.x,
-      hostOffsetY: Se.y,
-      stickyIndices: ue.value,
-      stickyStartX: ae.value,
-      stickyStartY: ie.value,
-      stickyEndX: Te.value,
-      stickyEndY: ke.value,
-      flowPaddingStartX: fe.value,
-      flowPaddingStartY: pe.value,
-      flowPaddingEndX: _e.value,
-      flowPaddingEndY: be.value,
-      paddingStartX: te.value,
-      paddingStartY: ce.value,
-      paddingEndX: Pe.value,
-      paddingEndY: Le.value
-    });
-    if (!f) {
-      const M = yt(o) ? o.behavior : void 0;
-      K.value = {
-        rowIndex: l,
-        colIndex: r,
-        options: {
-          align: { x: F, y: g },
-          ...M != null ? { behavior: M } : {}
-        }
-      };
-    }
-    const I = Ht(y, Se.x, he.value), U = Ht(B, Se.y, Ae.value), D = m.value ? -I : I, J = U;
-    let Xe;
-    yt(o) && (Xe = o.behavior);
-    const N = f ? "auto" : Xe || "smooth";
-    if (X.value = !0, typeof window < "u" && p === window)
-      window.scrollTo({
-        left: r == null ? void 0 : m.value ? D : Math.max(0, D),
-        top: l == null ? void 0 : Math.max(0, J),
-        behavior: N
-      });
-    else if (Jt(p)) {
-      const M = {
-        behavior: N
-      };
-      r != null && (M.left = m.value ? D : Math.max(0, D)), l != null && (M.top = Math.max(0, J)), typeof p.scrollTo == "function" ? p.scrollTo(M) : (M.left !== void 0 && (p.scrollLeft = M.left), M.top !== void 0 && (p.scrollTop = M.top));
-    }
-    if ((N === "auto" || N === void 0) && (r != null && (i.value = m.value ? D : Math.max(0, D), R.value = y), l != null && (t.value = Math.max(0, J), T.value = B), K.value)) {
-      const M = K.value.options;
-      yt(M) ? M.behavior = "auto" : K.value.options = {
-        align: M,
-        behavior: "auto"
-      };
-    }
-  }
-  const je = (l, r, o) => {
-    const f = e.value.container || window;
-    X.value = !0, K.value = null;
-    const p = l != null ? Math.max(0, Math.min(l, Ve.value - z.value)) : null, y = r != null ? Math.max(0, Math.min(r, we.value - h.value)) : null;
-    p !== null && (R.value = p), y !== null && (T.value = y);
-    const B = typeof window < "u" && f === window ? window.scrollX : f.scrollLeft, F = typeof window < "u" && f === window ? window.scrollY : f.scrollTop, g = p !== null ? Ht(p, Se.x, he.value) : null, I = y !== null ? Ht(y, Se.y, Ae.value) : null, U = g !== null ? m.value ? -g : g : B, D = I !== null ? I : F;
-    if (typeof window < "u" && f === window)
-      window.scrollTo({
-        left: l != null ? U : void 0,
-        top: r != null ? D : void 0,
-        behavior: o?.behavior || "auto"
-      });
-    else if (Jt(f)) {
-      const J = {
-        behavior: o?.behavior || "auto"
-      };
-      l != null && (J.left = U), r != null && (J.top = D), typeof f.scrollTo == "function" ? f.scrollTo(J) : (J.left !== void 0 && (f.scrollLeft = J.left), J.top !== void 0 && (f.scrollTop = J.top));
-    }
-    (o?.behavior === "auto" || o?.behavior === void 0) && (l != null && (i.value = U), r != null && (t.value = D));
-  }, Ft = (l, r) => {
-    if (k.resize(l), C.resize(l), W.resize(r), q.length !== l) {
-      const o = new Uint8Array(l);
-      o.set(q.subarray(0, Math.min(l, q.length))), q = o;
-    }
-    if (H.length !== l) {
-      const o = new Uint8Array(l);
-      o.set(H.subarray(0, Math.min(l, H.length))), H = o;
-    }
-    if (x.length !== r) {
-      const o = new Uint8Array(r);
-      o.set(x.subarray(0, Math.min(r, x.length))), x = o;
-    }
-  }, it = () => {
-    const r = e.value.items.length, o = e.value.columnCount || 0, f = e.value.gap || 0, p = e.value.columnGap || 0, y = e.value.columnWidth;
-    let B = !1, F = !1;
-    if (o > 0)
-      for (let g = 0; g < o; g++) {
-        const I = W.get(g), U = x[g] === 1;
-        if (!de.value || !U && I === 0) {
-          let D = 0;
-          typeof y == "number" && y > 0 ? D = y : Array.isArray(y) && y.length > 0 ? D = y[g % y.length] || e.value.defaultColumnWidth || Lt : typeof y == "function" ? D = y(g) : D = e.value.defaultColumnWidth || Lt;
-          const J = D + p;
-          Math.abs(I - J) > 0.5 ? (W.set(g, J), x[g] = de.value ? 0 : 1, B = !0) : de.value || (x[g] = 1);
-        }
-      }
-    for (let g = 0; g < r; g++) {
-      const I = e.value.items[g], U = k.get(g), D = C.get(g), J = q[g] === 1, Xe = H[g] === 1;
-      if (Y.value === "horizontal") {
-        if (!re.value || !J && U === 0) {
-          const M = (typeof e.value.itemSize == "function" ? e.value.itemSize(I, g) : Be.value) + p;
-          Math.abs(U - M) > 0.5 ? (k.set(g, M), q[g] = re.value ? 0 : 1, F = !0) : re.value || (q[g] = 1);
-        }
-      } else U !== 0 && (k.set(g, 0), q[g] = 0, F = !0);
-      if (Y.value !== "horizontal") {
-        if (!re.value || !Xe && D === 0) {
-          const M = (typeof e.value.itemSize == "function" ? e.value.itemSize(I, g) : Be.value) + f;
-          Math.abs(D - M) > 0.5 ? (C.set(g, M), H[g] = re.value ? 0 : 1, F = !0) : re.value || (H[g] = 1);
-        }
-      } else D !== 0 && (C.set(g, 0), H[g] = 0, F = !0);
-    }
-    B && W.rebuild(), F && (k.rebuild(), C.rebuild());
-  }, Ke = () => {
-    const l = e.value.items, r = l.length, o = e.value.columnCount || 0;
-    Ft(r, o);
-    let f = 0;
-    if (e.value.restoreScrollOnPrepend && Z.length > 0 && r > Z.length) {
-      const p = Z[0];
-      if (p !== void 0) {
-        for (let y = 1; y <= r - Z.length; y++)
-          if (l[y] === p) {
-            f = y;
-            break;
-          }
-      }
-    }
-    if (f > 0) {
-      k.shift(f), C.shift(f), K.value && K.value.rowIndex !== null && K.value.rowIndex !== void 0 && (K.value.rowIndex += f);
-      const p = new Uint8Array(r), y = new Uint8Array(r);
-      p.set(q.subarray(0, Math.min(r - f, q.length)), f), y.set(H.subarray(0, Math.min(r - f, H.length)), f), q = p, H = y;
-      const B = e.value.gap || 0, F = e.value.columnGap || 0;
-      let g = 0, I = 0;
-      for (let U = 0; U < f; U++) {
-        const D = typeof e.value.itemSize == "function" ? e.value.itemSize(l[U], U) : Be.value;
-        Y.value === "horizontal" ? g += D + F : I += D + B;
-      }
-      (g > 0 || I > 0) && kt(() => {
-        je(
-          g > 0 ? Re.value + g : null,
-          I > 0 ? $e.value + I : null,
-          { behavior: "auto" }
-        );
-      });
-    }
-    it(), Z = [...l], Q.value = !0, P.value++;
-  }, He = () => {
-    if (typeof window > "u")
-      return;
-    const l = e.value.container || window, r = (o) => {
-      const f = o.getBoundingClientRect();
-      if (l === window)
-        return {
-          x: m.value ? document.documentElement.clientWidth - f.right - window.scrollX : f.left + window.scrollX,
-          y: f.top + window.scrollY
-        };
-      if (l === o)
-        return { x: 0, y: 0 };
-      if (Zt(l)) {
-        const p = l.getBoundingClientRect();
-        return {
-          x: m.value ? p.right - f.right - l.scrollLeft : f.left - p.left + l.scrollLeft,
-          y: f.top - p.top + l.scrollTop
-        };
-      }
-      return { x: 0, y: 0 };
-    };
-    if (e.value.hostElement) {
-      const o = r(e.value.hostElement);
-      (Math.abs(E.x - o.x) > 0.1 || Math.abs(E.y - o.y) > 0.1) && (E.x = o.x, E.y = o.y);
-    }
-    if (e.value.hostRef) {
-      const o = r(e.value.hostRef);
-      (Math.abs(b.x - o.x) > 0.1 || Math.abs(b.y - o.y) > 0.1) && (b.x = o.x, b.y = o.y);
-    }
-  };
-  Me([
-    () => e.value.items,
-    () => e.value.items.length,
-    () => e.value.direction,
-    () => e.value.columnCount,
-    () => e.value.columnWidth,
-    () => e.value.itemSize,
-    () => e.value.gap,
-    () => e.value.columnGap,
-    () => e.value.defaultItemSize,
-    () => e.value.defaultColumnWidth
-  ], Ke, { immediate: !0 }), Me(() => [e.value.container, e.value.hostElement], () => {
-    He();
-  }), Me(m, (l, r) => {
-    if (r === void 0 || l === r || !w.value)
-      return;
-    if (Y.value === "vertical") {
-      He();
-      return;
-    }
-    const o = r ? Math.abs(i.value) : i.value, f = ct(o, E.x, he.value);
-    He(), je(f, null, { behavior: "auto" });
-  }, { flush: "sync" }), Me([he, Ae], () => {
-    !w.value || s.value || X.value || je(R.value, T.value, { behavior: "auto" });
-  }), Me([() => e.value.items.length, () => e.value.columnCount], ([l, r], [o, f]) => {
-    kt(() => {
-      const p = Math.max(0, Ve.value - z.value), y = Math.max(0, we.value - h.value);
-      R.value > p || T.value > y ? je(
-        Math.min(R.value, p),
-        Math.min(T.value, y),
-        { behavior: "auto" }
-      ) : (l !== o && Ae.value !== 1 || r !== f && he.value !== 1) && je(R.value, T.value, { behavior: "auto" }), He();
-    });
-  });
-  const rt = (l) => {
-    const r = e.value.gap || 0, o = e.value.columnGap || 0, f = G.value;
-    if (Y.value === "horizontal") {
-      const y = (f || 0) + o;
-      return f !== null && y > 0 ? Math.floor(l / y) : k.findLowerBound(l);
-    }
-    const p = (f || 0) + r;
-    return f !== null && p > 0 ? Math.floor(l / p) : C.findLowerBound(l);
-  }, zt = (l) => Y.value === "both" ? W.findLowerBound(l) : Y.value === "horizontal" ? rt(l) : 0, Ct = u(() => {
-    if (P.value, (!d.value || S.value) && e.value.ssrRange)
-      return {
-        start: e.value.ssrRange.start,
-        end: e.value.ssrRange.end
-      };
-    const l = e.value.ssrRange && !s.value ? 0 : e.value.bufferBefore ?? cl, r = e.value.bufferAfter ?? cl;
-    return Rl({
-      direction: Y.value,
-      relativeScrollX: Re.value,
-      relativeScrollY: $e.value,
-      usableWidth: ye.value,
-      usableHeight: Ge.value,
-      itemsLength: e.value.items.length,
-      bufferBefore: l,
-      bufferAfter: r,
-      gap: e.value.gap || 0,
-      columnGap: e.value.columnGap || 0,
-      fixedSize: G.value,
-      findLowerBoundY: (o) => C.findLowerBound(o),
-      findLowerBoundX: (o) => k.findLowerBound(o),
-      queryY: (o) => C.query(o),
-      queryX: (o) => k.query(o)
-    });
-  }), Yt = u(() => {
-    P.value;
-    const l = Re.value + ae.value, r = $e.value + ie.value, o = Y.value === "horizontal" ? l : r;
-    return rt(o);
-  }), Ze = u(() => {
-    P.value;
-    const l = e.value.columnCount || 0;
-    if (!l)
-      return { start: 0, end: 0, padStart: 0, padEnd: 0 };
-    if ((!d.value || S.value) && e.value.ssrRange) {
-      const { colStart: o = 0, colEnd: f = 0 } = e.value.ssrRange, p = Math.max(0, o), y = Math.min(l, f || l), B = e.value.columnGap || 0, F = le.value !== null ? p * (le.value + B) : W.query(p), g = le.value !== null ? l * (le.value + B) - B : Math.max(0, W.query(l) - B), I = le.value !== null ? y * (le.value + B) - (y > 0 ? B : 0) : W.query(y) - (y > 0 ? B : 0);
-      return {
-        start: p,
-        end: y,
-        padStart: F,
-        padEnd: Math.max(0, g - I)
-      };
-    }
-    const r = e.value.ssrRange && !s.value ? 0 : 2;
-    return Xl({
-      columnCount: l,
-      relativeScrollX: Re.value,
-      usableWidth: ye.value,
-      colBuffer: r,
-      fixedWidth: le.value,
-      columnGap: e.value.columnGap || 0,
-      findLowerBound: (o) => W.findLowerBound(o),
-      query: (o) => W.query(o),
-      totalColsQuery: () => W.query(l)
-    });
-  });
-  let Et = [];
-  const Tt = u(() => {
-    P.value;
-    const { start: l, end: r } = Ct.value, o = [], f = G.value, p = e.value.gap || 0, y = e.value.columnGap || 0, B = ue.value, F = wt.value, g = [];
-    if (d.value || !e.value.ssrRange) {
-      const j = Yt.value, Ne = pl(B, j);
-      Ne !== void 0 && Ne < l && g.push(Ne);
-    }
-    for (let j = l; j < r; j++)
-      g.push(j);
-    const I = e.value.ssrRange?.start || 0, U = e.value.ssrRange?.colStart || 0;
-    let D = 0, J = 0;
-    !d.value && e.value.ssrRange && (J = Y.value !== "horizontal" ? f !== null ? I * (f + p) : C.query(I) : 0, Y.value === "horizontal" ? D = f !== null ? U * (f + y) : k.query(U) : Y.value === "both" && (D = W.query(U)));
-    const Xe = new Map(Et.map((j) => [j.index, j]));
-    let N = -1, M = 0, qe = -1, Ce = 0;
-    const Mt = (j) => j === N + 1 ? (M += k.get(N), N = j, M) : (M = k.query(j), N = j, M), me = (j) => j === qe + 1 ? (Ce += C.get(qe), qe = j, Ce) : (Ce = C.query(j), qe = j, Ce), Ue = fe.value + ae.value + te.value, se = pe.value + ie.value + ce.value, Ye = fe.value + ae.value, ze = pe.value + ie.value, ft = Ze.value;
-    for (const j of g) {
-      const Ne = e.value.items[j];
-      if (Ne === void 0)
-        continue;
-      const { x: Ot, y: Pt, width: Ut, height: Nt } = Yl({
-        index: j,
-        direction: Y.value,
-        fixedSize: G.value,
-        gap: e.value.gap || 0,
-        columnGap: e.value.columnGap || 0,
-        usableWidth: ye.value,
-        usableHeight: Ge.value,
-        totalWidth: nt.value.width,
-        queryY: me,
-        queryX: Mt,
-        getSizeY: (ut) => C.get(ut),
-        getSizeX: (ut) => k.get(ut),
-        columnRange: ft
-      }), _t = F.has(j), At = Ot, Wt = Pt, { isStickyActive: al, stickyOffset: qt } = Cl({
-        index: j,
-        isSticky: _t,
-        direction: Y.value,
-        relativeScrollX: Re.value,
-        relativeScrollY: $e.value,
-        originalX: At,
-        originalY: Wt,
-        width: Ut,
-        height: Nt,
-        stickyIndices: B,
-        fixedSize: G.value,
-        fixedWidth: le.value,
-        gap: e.value.gap || 0,
-        columnGap: e.value.columnGap || 0,
-        getItemQueryY: (ut) => C.query(ut),
-        getItemQueryX: (ut) => k.query(ut)
-      }), nl = d.value ? R.value / he.value + (At + Ue - R.value) - Ye : At - D, ol = d.value ? T.value / Ae.value + (Wt + se - T.value) - ze : Wt - J, De = Xe.get(j);
-      De && De.item === Ne && De.offset.x === nl && De.offset.y === ol && De.size.width === Ut && De.size.height === Nt && De.isSticky === _t && De.isStickyActive === al && De.stickyOffset.x === qt.x && De.stickyOffset.y === qt.y ? o.push(De) : o.push({
-        item: Ne,
-        index: j,
-        offset: { x: nl, y: ol },
-        size: { width: Ut, height: Nt },
-        originalX: At,
-        originalY: Wt,
-        isSticky: _t,
-        isStickyActive: al,
-        stickyOffset: {
-          x: qt.x,
-          y: qt.y
-        }
-      });
-    }
-    return Et = o, o;
-  }), n = u(() => {
-    P.value;
-    const l = Re.value + ae.value, r = $e.value + ie.value, o = Re.value + (z.value - Te.value) - 1, f = $e.value + (h.value - ke.value) - 1, p = zt(l), y = rt(r), B = rt(Y.value === "horizontal" ? o : f), F = zt(o);
-    return {
-      items: Tt.value,
-      currentIndex: y,
-      currentColIndex: p,
-      currentEndIndex: B,
-      currentEndColIndex: F,
-      scrollOffset: {
-        x: R.value,
-        y: T.value
-      },
-      displayScrollOffset: {
-        x: m.value ? Math.abs(i.value + b.x) : Math.max(0, i.value - b.x),
-        y: Math.max(0, t.value - b.y)
-      },
-      viewportSize: {
-        width: z.value,
-        height: h.value
-      },
-      displayViewportSize: {
-        width: z.value,
-        height: h.value
-      },
-      totalSize: {
-        width: Ve.value,
-        height: we.value
-      },
-      isScrolling: s.value,
-      isProgrammaticScroll: X.value,
-      range: Ct.value,
-      columnRange: Ze.value
-    };
-  }), v = () => {
-    X.value = !1, K.value = null;
-  }, c = (l) => {
-    const r = l.target;
-    if (typeof window > "u")
-      return;
-    L(), r === window || r === document ? (i.value = window.scrollX, t.value = window.scrollY, z.value = document.documentElement.clientWidth, h.value = document.documentElement.clientHeight) : Jt(r) && (i.value = r.scrollLeft, t.value = r.scrollTop, z.value = r.clientWidth, h.value = r.clientHeight);
-    const o = m.value ? Math.abs(i.value) : i.value;
-    R.value = ct(o, Se.x, he.value), T.value = ct(t.value, Se.y, Ae.value), s.value || (X.value || (K.value = null), s.value = !0), clearTimeout(V), V = setTimeout(() => {
-      s.value = !1, X.value = !1;
-    }, 250);
-  }, A = (l) => {
-    let r = !1, o = 0, f = 0;
-    const p = e.value.gap || 0, y = e.value.columnGap || 0, B = Re.value, F = $e.value, g = rt(Y.value === "horizontal" ? B : F), I = zt(B), U = Y.value === "horizontal", D = Y.value === "both", J = /* @__PURE__ */ new Set(), Xe = /* @__PURE__ */ new Set();
-    for (const { index: N, inlineSize: M, blockSize: qe, element: Ce } of l) {
-      if (M <= 0 && qe <= 0)
-        continue;
-      const Mt = re.value || typeof e.value.itemSize == "function";
-      if (N >= 0 && !J.has(N) && Mt && qe > 0) {
-        if (J.add(N), U && M > 0) {
-          const Ue = k.get(N), se = M + y;
-          if (!q[N] || Math.abs(se - Ue) > 0.1) {
-            const Ye = se - Ue;
-            k.update(N, Ye), q[N] = 1, r = !0, N < g && (o += Ye);
-          }
-        }
-        if (!U) {
-          const Ue = C.get(N), se = qe + p;
-          if (!H[N] || Math.abs(se - Ue) > 0.1) {
-            const Ye = se - Ue;
-            C.update(N, Ye), H[N] = 1, r = !0, N < g && (f += Ye);
-          }
-        }
-      }
-      const me = de.value || typeof e.value.columnWidth == "function";
-      if (D && Ce && e.value.columnCount && me && (M > 0 || Ce.dataset.colIndex === void 0)) {
-        const Ue = Ce.dataset.colIndex;
-        if (Ue != null) {
-          const se = Number.parseInt(Ue, 10);
-          if (se >= 0 && se < (e.value.columnCount || 0) && !Xe.has(se)) {
-            Xe.add(se);
-            const Ye = W.get(se), ze = M + y;
-            if (!x[se] || Math.abs(Ye - ze) > 0.1) {
-              const ft = ze - Ye;
-              Math.abs(ft) > 0.1 && (W.update(se, ft), r = !0, se < I && (o += ft)), x[se] = 1;
-            }
-          }
-        } else {
-          const se = Ce.dataset.colIndex !== void 0 ? [Ce] : Array.from(Ce.querySelectorAll("[data-col-index]"));
-          for (const Ye of se) {
-            const ze = Number.parseInt(Ye.dataset.colIndex, 10);
-            if (ze >= 0 && ze < (e.value.columnCount || 0) && !Xe.has(ze)) {
-              Xe.add(ze);
-              const j = Ye.getBoundingClientRect().width, Ne = W.get(ze), Ot = j + y;
-              if (!x[ze] || Math.abs(Ne - Ot) > 0.1) {
-                const Pt = Ot - Ne;
-                Math.abs(Pt) > 0.1 && (W.update(ze, Pt), r = !0, ze < I && (o += Pt)), x[ze] = 1;
-              }
-            }
-          }
-        }
-      }
-    }
-    if (r && (P.value++, !(K.value !== null || X.value) && (o !== 0 || f !== 0))) {
-      const M = fe.value + ae.value + te.value, qe = pe.value + ie.value + ce.value;
-      je(
-        o !== 0 ? B + o + M : null,
-        f !== 0 ? F + f + qe : null,
-        { behavior: "auto" }
-      );
-    }
-  }, ve = (l, r, o, f) => {
-    A([{ index: l, inlineSize: r, blockSize: o, element: f }]);
-  };
-  function We() {
-    if (K.value && !S.value) {
-      const { rowIndex: l, colIndex: r, options: o } = K.value;
-      if (yt(o) && o.behavior === "smooth" && s.value)
-        return;
-      const p = e.value.container || window, y = typeof window < "u" && p === window ? window.scrollX : p.scrollLeft, B = typeof window < "u" && p === window ? window.scrollY : p.scrollTop, F = m.value ? Math.abs(y) : y, g = B, I = ct(F, 0, he.value), U = ct(g, 0, Ae.value), { targetX: D, targetY: J } = sl({
-        rowIndex: l,
-        colIndex: r,
-        options: o,
-        direction: Y.value,
-        viewportWidth: z.value,
-        viewportHeight: h.value,
-        totalWidth: Oe.value,
-        totalHeight: Ie.value,
-        gap: e.value.gap || 0,
-        columnGap: e.value.columnGap || 0,
-        fixedSize: G.value,
-        fixedWidth: le.value,
-        relativeScrollX: I,
-        relativeScrollY: U,
-        getItemSizeY: (me) => C.get(me),
-        getItemSizeX: (me) => k.get(me),
-        getItemQueryY: (me) => C.query(me),
-        getItemQueryX: (me) => k.query(me),
-        getColumnSize: (me) => W.get(me),
-        getColumnQuery: (me) => W.query(me),
-        scaleX: he.value,
-        scaleY: Ae.value,
-        hostOffsetX: Se.x,
-        hostOffsetY: Se.y,
-        stickyIndices: ue.value,
-        stickyStartX: ae.value,
-        stickyStartY: ie.value,
-        stickyEndX: Te.value,
-        stickyEndY: ke.value,
-        flowPaddingStartX: fe.value,
-        flowPaddingStartY: pe.value,
-        flowPaddingEndX: _e.value,
-        flowPaddingEndY: be.value,
-        paddingStartX: te.value,
-        paddingStartY: ce.value,
-        paddingEndX: Pe.value,
-        paddingEndY: Le.value
-      }), Xe = 2, N = 2, M = r == null || Math.abs(I - D) < Xe, qe = l == null || Math.abs(U - J) < N, Ce = r == null || r === void 0 || x[r] === 1, Mt = l == null || l === void 0 || H[l] === 1;
-      if (M && qe)
-        Ce && Mt && !s.value && !X.value && (K.value = null);
-      else {
-        const me = yt(o) ? { ...o, isCorrection: !0 } : { align: o, isCorrection: !0 };
-        vt(l, r, me);
-      }
-    }
-  }
-  Me([P, z, h], We), Me(s, (l) => {
-    l || We();
-  });
-  let xe = null, O = null, _;
-  const ge = (l) => {
-    if (!l || typeof window > "u")
-      return;
-    const r = l === window ? document : l;
-    if (r.addEventListener("scroll", c, { passive: !0 }), $ = null, L(), Zt(l) && (O = new MutationObserver(() => L()), O.observe(l, { attributes: !0, attributeFilter: ["dir", "style"] })), _ = setInterval(L, 1e3), l === window) {
-      z.value = document.documentElement.clientWidth, h.value = document.documentElement.clientHeight, i.value = window.scrollX, t.value = window.scrollY;
-      const o = () => {
-        L(), z.value = document.documentElement.clientWidth, h.value = document.documentElement.clientHeight, He();
-      };
-      return window.addEventListener("resize", o), () => {
-        r.removeEventListener("scroll", c), window.removeEventListener("resize", o), clearInterval(_), $ = null;
-      };
-    } else
-      return z.value = l.clientWidth, h.value = l.clientHeight, i.value = l.scrollLeft, t.value = l.scrollTop, xe = new ResizeObserver((o) => {
-        L();
-        for (const f of o)
-          f.target === l && (z.value = l.clientWidth, h.value = l.clientHeight, He());
-      }), xe.observe(l), () => {
-        r.removeEventListener("scroll", c), xe?.disconnect(), O?.disconnect(), clearInterval(_), $ = null;
-      };
-  };
-  let Fe;
-  return fl() && (hl(() => {
-    w.value = !0, L(), Me(() => e.value.container, (l) => {
-      Fe?.(), Fe = ge(l || null);
-    }, { immediate: !0 }), He(), kt(() => {
-      if (He(), e.value.ssrRange || e.value.initialScrollIndex !== void 0) {
-        const l = e.value.initialScrollIndex !== void 0 ? e.value.initialScrollIndex : e.value.ssrRange?.start, r = e.value.initialScrollAlign || "start";
-        l != null && vt(l, e.value.ssrRange?.colStart, { align: r, behavior: "auto" }), d.value = !0, S.value = !0, kt(() => {
-          S.value = !1;
-        });
-      } else
-        d.value = !0;
-    });
-  }), ll(() => {
-    Fe?.();
-  })), {
-    /**
-     * Array of items currently rendered in the DOM with their calculated offsets and sizes.
-     * Offsets are in Display Units (DU), sizes are in Virtual Units (VU).
-     * @see RenderedItem
-     */
-    renderedItems: Tt,
-    /**
-     * Total calculated width of all items including gaps (in VU).
-     */
-    totalWidth: Ve,
-    /**
-     * Total calculated height of all items including gaps (in VU).
-     */
-    totalHeight: we,
-    /**
-     * Total width to be rendered in the DOM (clamped to browser limits, in DU).
-     */
-    renderedWidth: ot,
-    /**
-     * Total height to be rendered in the DOM (clamped to browser limits, in DU).
-     */
-    renderedHeight: Qe,
-    /**
-     * Detailed information about the current scroll state.
-     * Includes currentIndex, scrollOffset (VU), displayScrollOffset (DU), viewportSize (DU), totalSize (VU), and scrolling status.
-     * @see ScrollDetails
-     */
-    scrollDetails: n,
-    /**
-     * Helper to get the height of a specific row based on current configuration and measurements.
-     *
-     * @param index - The row index.
-     * @returns The height in VU (excluding gap).
-     */
-    getRowHeight: Xt,
-    /**
-     * Helper to get the width of a specific column based on current configuration and measurements.
-     *
-     * @param index - The column index.
-     * @returns The width in VU (excluding gap).
-     */
-    getColumnWidth: $t,
-    /**
-     * Helper to get the virtual offset of a specific row.
-     *
-     * @param index - The row index.
-     * @returns The virtual offset in VU.
-     */
-    getRowOffset: (l) => pe.value + ie.value + ce.value + C.query(l),
-    /**
-     * Helper to get the virtual offset of a specific column.
-     *
-     * @param index - The column index.
-     * @returns The virtual offset in VU.
-     */
-    getColumnOffset: (l) => fe.value + ae.value + te.value + W.query(l),
-    /**
-     * Helper to get the virtual offset of a specific item along the scroll axis.
-     *
-     * @param index - The item index.
-     * @returns The virtual offset in VU.
-     */
-    getItemOffset: (l) => Y.value === "horizontal" ? fe.value + ae.value + te.value + k.query(l) : pe.value + ie.value + ce.value + C.query(l),
-    /**
-     * Helper to get the size of a specific item along the scroll axis.
-     *
-     * @param index - The item index.
-     * @returns The size in VU (excluding gap).
-     */
-    getItemSize: (l) => {
-      if (Y.value === "horizontal")
-        return Math.max(0, k.get(l) - (e.value.columnGap || 0));
-      const r = e.value.itemSize;
-      if (typeof r == "number" && r > 0)
-        return r;
-      if (typeof r == "function") {
-        const o = e.value.items[l];
-        return o !== void 0 ? r(o, l) : e.value.defaultItemSize || Dt;
-      }
-      return Math.max(0, C.get(l) - (e.value.gap || 0));
-    },
-    /**
-     * Programmatically scroll to a specific row and/or column.
-     *
-     * @param rowIndex - The row index to scroll to. Pass null to only scroll horizontally.
-     * @param colIndex - The column index to scroll to. Pass null to only scroll vertically.
-     * @param options - Alignment and behavior options.
-     * @see ScrollAlignment
-     * @see ScrollToIndexOptions
-     */
-    scrollToIndex: vt,
-    /**
-     * Programmatically scroll to a specific pixel offset relative to the content start.
-     *
-     * @param x - The pixel offset to scroll to on the X axis (VU). Pass null to keep current position.
-     * @param y - The pixel offset to scroll to on the Y axis (VU). Pass null to keep current position.
-     * @param options - Scroll options (behavior).
-     */
-    scrollToOffset: je,
-    /**
-     * Stops any currently active smooth scroll animation and clears pending corrections.
-     */
-    stopProgrammaticScroll: v,
-    /**
-     * Updates the stored size of an item. Should be called when an item is measured (e.g., via ResizeObserver).
-     *
-     * @param index - The item index.
-     * @param width - The measured inlineSize (width in DU).
-     * @param height - The measured blockSize (height in DU).
-     * @param element - The measured element (optional, used for robust grid column detection).
-     */
-    updateItemSize: ve,
-    /**
-     * Updates the stored size of multiple items simultaneously.
-     *
-     * @param updates - Array of measurement updates (sizes in DU).
-     */
-    updateItemSizes: A,
-    /**
-     * Recalculates the host element's offset relative to the scroll container.
-     * Useful if the container or host moves without a resize event.
-     */
-    updateHostOffset: He,
-    /**
-     * Detects the current direction (LTR/RTL) of the scroll container.
-     */
-    updateDirection: L,
-    /**
-     * Information about the current visible range of columns and their paddings.
-     * @see ColumnRange
-     */
-    columnRange: Ze,
-    /**
-     * Resets all dynamic measurements and re-initializes from props.
-     * Useful if item sizes have changed externally.
-     */
-    refresh: () => {
-      k.resize(0), C.resize(0), W.resize(0), x.fill(0), q.fill(0), H.fill(0), Ke();
-    },
-    /**
-     * Whether the component has finished its first client-side mount and hydration.
-     */
-    isHydrated: d,
-    /**
-     * Whether the container is the window or body.
-     */
-    isWindowContainer: ne,
-    /**
-     * Whether the scroll container is in Right-to-Left (RTL) mode.
-     */
-    isRtl: m,
-    /**
-     * Coordinate scaling factor for X axis (VU/DU).
-     */
-    scaleX: he,
-    /**
-     * Coordinate scaling factor for Y axis (VU/DU).
-     */
-    scaleY: Ae,
-    /**
-     * Absolute offset of the component within its container (DU).
-     */
-    componentOffset: Se,
-    /**
-     * Physical width of the items wrapper in the DOM (clamped to browser limits, in DU).
-     */
-    renderedVirtualWidth: xt,
-    /**
-     * Physical height of the items wrapper in the DOM (clamped to browser limits, in DU).
-     */
-    renderedVirtualHeight: oe
-  };
+function calculateTotalSize({ direction: e, itemsLength: t, columnCount: n, fixedSize: r, fixedWidth: i, gap: a, columnGap: o, usableWidth: s, usableHeight: c, queryY: l, queryX: u, queryColumn: d }) {
+	let f = e === "both", p = e === "horizontal", m = 0, h = 0;
+	return f ? (m = calculateAxisSize(n, i, o, d), h = calculateAxisSize(t, r, a, l)) : p ? (m = calculateAxisSize(t, r, o, u), h = c) : (m = s, h = calculateAxisSize(t, r, a, l)), {
+		width: f ? Math.max(m, s) : m,
+		height: f ? Math.max(h, c) : h
+	};
 }
-function tl(a) {
-  const e = u(() => st(a.axis)), i = u(() => st(a.totalSize)), t = u(() => st(a.position)), s = u(() => st(a.viewportSize)), d = u(() => st(a.containerId)), S = u(() => !!st(a.isRtl)), w = u(() => e.value === "horizontal"), m = u(() => i.value <= 0 ? 0 : Math.min(1, s.value / i.value)), z = u(() => {
-    const x = i.value - s.value;
-    return x <= 0 ? 0 : Math.max(0, Math.min(1, t.value / x));
-  }), h = u(() => {
-    const q = s.value > 0 ? 32 / s.value : 0.1;
-    return Math.max(Math.min(q, 0.1), m.value) * 100;
-  }), E = u(() => z.value * (100 - h.value)), b = u(() => w.value ? {
-    inlineSize: `${h.value}%`,
-    insetInlineStart: `${E.value}%`
-  } : {
-    blockSize: `${h.value}%`,
-    insetBlockStart: `${E.value}%`
-  }), V = u(() => {
-    const x = s.value, q = "var(--vs-scrollbar-has-cross-gap, var(--vsi-scrollbar-has-cross-gap, 0)) * var(--vs-scrollbar-cross-gap, var(--vsi-scrollbar-size, 8px))";
-    return w.value ? {
-      inlineSize: `calc(${Math.max(0, x - 4)}px - ${q})`
-    } : {
-      blockSize: `calc(${Math.max(0, x - 4)}px - ${q})`
-    };
-  }), X = ee(!1);
-  let R = 0, T = 0;
-  function $(x) {
-    const q = x.currentTarget;
-    if (x.target !== q)
-      return;
-    const H = q.getBoundingClientRect(), K = w.value ? H.width : H.height;
-    let Q = 0;
-    w.value ? Q = S.value ? H.right - x.clientX : x.clientX - H.left : Q = x.clientY - H.top;
-    const Z = h.value / 100 * K, Y = (Q - Z / 2) / (K - Z), re = i.value - s.value;
-    let de = Y * re;
-    de > re - 1 && (de = re), a.scrollToOffset(Math.max(0, Math.min(re, de)));
-  }
-  function L(x) {
-    X.value = !0, R = w.value ? S.value ? -x.clientX : x.clientX : x.clientY, T = t.value, x.currentTarget.setPointerCapture(x.pointerId), x.preventDefault(), x.stopPropagation();
-  }
-  function k(x) {
-    if (!X.value)
-      return;
-    const H = x.currentTarget.parentElement;
-    if (!H)
-      return;
-    const Q = (w.value ? S.value ? -x.clientX : x.clientX : x.clientY) - R, Z = H.getBoundingClientRect(), Y = w.value ? Z.width : Z.height, re = h.value / 100 * Y, de = Y - re;
-    if (de <= 0)
-      return;
-    const G = i.value - s.value;
-    let le = T + Q / de * G;
-    le > G - 1 && (le = G), a.scrollToOffset(Math.max(0, Math.min(G, le)));
-  }
-  function C(x) {
-    X.value && (X.value = !1, x.currentTarget.releasePointerCapture(x.pointerId));
-  }
-  fl() && ll(() => {
-    X.value = !1;
-  });
-  const W = u(() => ({
-    class: [
-      "virtual-scrollbar-track",
-      `virtual-scrollbar-track--${w.value ? "horizontal" : "vertical"}`
-    ],
-    style: V.value,
-    role: "scrollbar",
-    "aria-orientation": e.value,
-    "aria-valuenow": Math.round(t.value),
-    "aria-valuemin": 0,
-    "aria-valuemax": Math.round(i.value - s.value),
-    "aria-controls": d.value,
-    tabindex: -1,
-    onMousedown: $
-  })), P = u(() => ({
-    class: [
-      "virtual-scrollbar-thumb",
-      `virtual-scrollbar-thumb--${w.value ? "horizontal" : "vertical"}`,
-      {
-        "virtual-scrollbar-thumb--active": X.value
-      }
-    ],
-    style: b.value,
-    onPointerdown: L,
-    onPointermove: k,
-    onPointerup: C,
-    onPointercancel: C
-  }));
-  return {
-    /** Viewport size as a percentage of total size (0 to 1). */
-    viewportPercent: m,
-    /** Current scroll position as a percentage of the scrollable range (0 to 1). */
-    positionPercent: z,
-    /** Calculated thumb size as a percentage of the track size (0 to 100). */
-    thumbSizePercent: h,
-    /** Calculated thumb position as a percentage of the track size (0 to 100). */
-    thumbPositionPercent: E,
-    /** Reactive style object for the scrollbar track. */
-    trackStyle: V,
-    /** Reactive style object for the scrollbar thumb. */
-    thumbStyle: b,
-    /** Attributes and event listeners to be bound to the track element. */
-    trackProps: W,
-    /** Attributes and event listeners to be bound to the thumb element. */
-    thumbProps: P,
-    /** Whether the thumb is currently being dragged. */
-    isDragging: X
-  };
+function useVirtualScroll(e) {
+	let n = computed(() => toValue(e)), r = ref(0), i = ref(0), a = ref(!1), o = ref(!1), c = ref(!1), l = ref(!1), d = ref(!1), f = ref(0), p = ref(0), g = reactive({
+		x: 0,
+		y: 0
+	}), y = reactive({
+		x: 0,
+		y: 0
+	}), b, x = ref(!1), S = ref(0), C = ref(0), T = null, E = () => {
+		if (typeof window > "u") return;
+		let e = n.value.container || n.value.hostRef || window, t = isElement(e) ? e : document.documentElement;
+		(!T || !("direction" in T)) && (T = window.getComputedStyle(t));
+		let r = T.direction === "rtl";
+		d.value !== r && (d.value = r);
+	}, D = new FenwickTree(n.value.items?.length || 0), O = new FenwickTree(n.value.items?.length || 0), k = new FenwickTree(n.value.columnCount || 0), A = ref(0), j = new Uint8Array(), M = new Uint8Array(), P = new Uint8Array(), F = ref(null), ce = ref(!1), L = [], R = computed(() => [
+		"vertical",
+		"horizontal",
+		"both"
+	].includes(n.value.direction) ? n.value.direction : "vertical"), z = computed(() => n.value.itemSize === void 0 || n.value.itemSize === null || n.value.itemSize === 0), ue = computed(() => n.value.columnWidth === void 0 || n.value.columnWidth === null || n.value.columnWidth === 0), B = computed(() => typeof n.value.itemSize == "number" && n.value.itemSize > 0 ? n.value.itemSize : null), V = computed(() => typeof n.value.columnWidth == "number" && n.value.columnWidth > 0 ? n.value.columnWidth : null), _e = computed(() => n.value.defaultItemSize || B.value || 40), ye = computed(() => [...n.value.stickyIndices || []].sort((e, t) => e - t)), be = computed(() => new Set(ye.value)), xe = computed(() => getPaddingX(n.value.scrollPaddingStart, n.value.direction)), Se = computed(() => getPaddingX(n.value.scrollPaddingEnd, n.value.direction)), Ce = computed(() => getPaddingY(n.value.scrollPaddingStart, n.value.direction)), we = computed(() => getPaddingY(n.value.scrollPaddingEnd, n.value.direction)), U = computed(() => getPaddingX(n.value.stickyStart, n.value.direction)), Te = computed(() => getPaddingX(n.value.stickyEnd, n.value.direction)), W = computed(() => getPaddingY(n.value.stickyStart, n.value.direction)), Ee = computed(() => getPaddingY(n.value.stickyEnd, n.value.direction)), G = computed(() => getPaddingX(n.value.flowPaddingStart, n.value.direction)), K = computed(() => getPaddingX(n.value.flowPaddingEnd, n.value.direction)), q = computed(() => getPaddingY(n.value.flowPaddingStart, n.value.direction)), De = computed(() => getPaddingY(n.value.flowPaddingEnd, n.value.direction)), Oe = computed(() => f.value - (R.value === "vertical" ? 0 : U.value + Te.value)), ke = computed(() => p.value - (R.value === "horizontal" ? 0 : W.value + Ee.value)), Ae = computed(() => {
+		if (A.value, !o.value && n.value.ssrRange && !l.value) {
+			let { start: e = 0, end: t = 0, colStart: r = 0, colEnd: i = 0 } = n.value.ssrRange, a = n.value.columnCount || 0, o = n.value.gap || 0, s = n.value.columnGap || 0, c = 0, l = 0;
+			if (R.value === "both") {
+				if (a > 0) {
+					let e = i || a, t = k.query(e) - k.query(r);
+					c = Math.max(0, t - (e > r ? s : 0));
+				}
+				if (B.value !== null) {
+					let n = t - e;
+					l = Math.max(0, n * (B.value + o) - (n > 0 ? o : 0));
+				} else {
+					let n = O.query(t) - O.query(e);
+					l = Math.max(0, n - (t > e ? o : 0));
+				}
+			} else if (R.value === "horizontal") {
+				if (B.value !== null) {
+					let n = t - e;
+					c = Math.max(0, n * (B.value + s) - (n > 0 ? s : 0));
+				} else {
+					let n = D.query(t) - D.query(e);
+					c = Math.max(0, n - (t > e ? s : 0));
+				}
+				l = ke.value;
+			} else if (c = Oe.value, B.value !== null) {
+				let n = t - e;
+				l = Math.max(0, n * (B.value + o) - (n > 0 ? o : 0));
+			} else {
+				let n = O.query(t) - O.query(e);
+				l = Math.max(0, n - (t > e ? o : 0));
+			}
+			return {
+				width: Math.max(c, Oe.value),
+				height: Math.max(l, ke.value)
+			};
+		}
+		return calculateTotalSize({
+			direction: R.value,
+			itemsLength: n.value.items.length,
+			columnCount: n.value.columnCount || 0,
+			fixedSize: B.value,
+			fixedWidth: V.value,
+			gap: n.value.gap || 0,
+			columnGap: n.value.columnGap || 0,
+			usableWidth: Oe.value,
+			usableHeight: ke.value,
+			queryY: (e) => O.query(e),
+			queryX: (e) => D.query(e),
+			queryColumn: (e) => k.query(e)
+		});
+	}), je = computed(() => isWindowLike(n.value.container)), Me = computed(() => Ae.value.width + xe.value + Se.value), Ne = computed(() => Ae.value.height + Ce.value + we.value), J = computed(() => G.value + U.value + Te.value + K.value + Me.value), Y = computed(() => q.value + W.value + Ee.value + De.value + Ne.value), X = reactive({
+		x: computed(() => Math.max(0, g.x - (G.value + U.value))),
+		y: computed(() => Math.max(0, g.y - (q.value + W.value)))
+	}), Pe = computed(() => je.value ? J.value : Math.min(J.value, BROWSER_MAX_SIZE)), Fe = computed(() => je.value ? Y.value : Math.min(Y.value, BROWSER_MAX_SIZE)), Ie = computed(() => je.value ? Me.value : Math.max(0, Pe.value - (G.value + U.value + Te.value + K.value))), Le = computed(() => je.value ? Ne.value : Math.max(0, Fe.value - (q.value + W.value + Ee.value + De.value))), Z = computed(() => {
+		if (je.value || J.value <= 1e7) return 1;
+		let e = J.value - f.value, t = Pe.value - f.value;
+		return t > 0 ? e / t : 1;
+	}), Q = computed(() => {
+		if (je.value || Y.value <= 1e7) return 1;
+		let e = Y.value - p.value, t = Fe.value - p.value;
+		return t > 0 ? e / t : 1;
+	}), Re = computed(() => {
+		if (R.value === "vertical") return 0;
+		let e = G.value + U.value + xe.value;
+		return S.value - e;
+	}), ze = computed(() => {
+		if (R.value === "horizontal") return 0;
+		let e = q.value + W.value + Ce.value;
+		return C.value - e;
+	}), Be = (e) => {
+		A.value;
+		let t = n.value.columnGap || 0, r = n.value.columnWidth;
+		if (typeof r == "number" && r > 0) return r;
+		if (Array.isArray(r) && r.length > 0) {
+			let t = r[e % r.length];
+			return t != null && t > 0 ? t : n.value.defaultColumnWidth || 100;
+		}
+		if (typeof r == "function") return r(e);
+		let i = k.get(e);
+		return i > 0 ? i - t : n.value.defaultColumnWidth || 100;
+	}, Ve = (e) => {
+		if (A.value, R.value === "horizontal") return ke.value;
+		let t = n.value.gap || 0, r = n.value.itemSize;
+		if (typeof r == "number" && r > 0) return r;
+		if (typeof r == "function") {
+			let t = n.value.items[e];
+			return t === void 0 ? n.value.defaultItemSize || 40 : r(t, e);
+		}
+		let i = O.get(e);
+		return i > 0 ? i - t : n.value.defaultItemSize || 40;
+	};
+	function He(e, t, a) {
+		let o = typeof a == "object" && a && "isCorrection" in a ? a.isCorrection : !1, s = n.value.container || window, { targetX: c, targetY: l, effectiveAlignX: u, effectiveAlignY: m } = calculateScrollTarget({
+			rowIndex: e,
+			colIndex: t,
+			options: a,
+			direction: R.value,
+			viewportWidth: f.value,
+			viewportHeight: p.value,
+			totalWidth: J.value,
+			totalHeight: Y.value,
+			gap: n.value.gap || 0,
+			columnGap: n.value.columnGap || 0,
+			fixedSize: B.value,
+			fixedWidth: V.value,
+			relativeScrollX: Re.value,
+			relativeScrollY: ze.value,
+			getItemSizeY: (e) => O.get(e),
+			getItemSizeX: (e) => D.get(e),
+			getItemQueryY: (e) => O.query(e),
+			getItemQueryX: (e) => D.query(e),
+			getColumnSize: (e) => k.get(e),
+			getColumnQuery: (e) => k.query(e),
+			scaleX: Z.value,
+			scaleY: Q.value,
+			hostOffsetX: X.x,
+			hostOffsetY: X.y,
+			stickyIndices: ye.value,
+			stickyStartX: U.value,
+			stickyStartY: W.value,
+			stickyEndX: Te.value,
+			stickyEndY: Ee.value,
+			flowPaddingStartX: G.value,
+			flowPaddingStartY: q.value,
+			paddingStartX: xe.value,
+			paddingStartY: Ce.value,
+			paddingEndX: Se.value,
+			paddingEndY: we.value
+		});
+		if (!o) {
+			let n = isScrollToIndexOptions(a) ? a.behavior : void 0;
+			F.value = {
+				rowIndex: e,
+				colIndex: t,
+				options: {
+					align: {
+						x: u,
+						y: m
+					},
+					...n == null ? {} : { behavior: n }
+				}
+			};
+		}
+		let h = virtualToDisplay(c, X.x, Z.value), g = virtualToDisplay(l, X.y, Q.value), _ = d.value ? -h : h, v = g, y;
+		isScrollToIndexOptions(a) && (y = a.behavior);
+		let b = o ? "auto" : y || "smooth";
+		x.value = !0;
+		let w = { behavior: b };
+		if (t != null && (w.left = d.value ? _ : Math.max(0, _)), e != null && (w.top = Math.max(0, v)), scrollTo(s, w), (b === "auto" || b === void 0) && (t != null && (r.value = d.value ? _ : Math.max(0, _), S.value = c), e != null && (i.value = Math.max(0, v), C.value = l), F.value)) {
+			let e = F.value.options;
+			isScrollToIndexOptions(e) ? e.behavior = "auto" : F.value.options = {
+				align: e,
+				behavior: "auto"
+			};
+		}
+	}
+	let Ue = (e, t, a) => {
+		let o = n.value.container || window;
+		x.value = !0, F.value = null;
+		let s = e == null ? null : Math.max(0, Math.min(e, J.value - f.value)), c = t == null ? null : Math.max(0, Math.min(t, Y.value - p.value));
+		s !== null && (S.value = s), c !== null && (C.value = c);
+		let l = typeof window < "u" && o === window ? window.scrollX : o.scrollLeft, u = typeof window < "u" && o === window ? window.scrollY : o.scrollTop, m = s === null ? null : virtualToDisplay(s, X.x, Z.value), h = c === null ? null : virtualToDisplay(c, X.y, Q.value), g = m === null ? l : d.value ? -m : m, _ = h === null ? u : h, v = { behavior: a?.behavior || "auto" };
+		e != null && (v.left = g), t != null && (v.top = _), scrollTo(o, v), (a?.behavior === "auto" || a?.behavior === void 0) && (e != null && (r.value = g), t != null && (i.value = _));
+	}, We = (e, t) => {
+		if (D.resize(e), O.resize(e), k.resize(t), M.length !== e) {
+			let t = new Uint8Array(e);
+			t.set(M.subarray(0, Math.min(e, M.length))), M = t;
+		}
+		if (P.length !== e) {
+			let t = new Uint8Array(e);
+			t.set(P.subarray(0, Math.min(e, P.length))), P = t;
+		}
+		if (j.length !== t) {
+			let e = new Uint8Array(t);
+			e.set(j.subarray(0, Math.min(t, j.length))), j = e;
+		}
+	}, $ = () => {
+		let e = n.value.items.length, t = n.value.columnCount || 0, r = n.value.gap || 0, i = n.value.columnGap || 0, a = n.value.columnWidth, o = !1, s = !1;
+		if (t > 0) for (let e = 0; e < t; e++) {
+			let t = k.get(e), r = j[e] === 1;
+			if (!ue.value || !r && t === 0) {
+				let r = 0;
+				r = typeof a == "number" && a > 0 ? a : Array.isArray(a) && a.length > 0 ? a[e % a.length] || n.value.defaultColumnWidth || 100 : typeof a == "function" ? a(e) : n.value.defaultColumnWidth || 100;
+				let s = r + i;
+				Math.abs(t - s) > .5 ? (k.set(e, s), j[e] = ue.value ? 0 : 1, o = !0) : ue.value || (j[e] = 1);
+			}
+		}
+		for (let t = 0; t < e; t++) {
+			let e = n.value.items[t], a = D.get(t), o = O.get(t), c = M[t] === 1, l = P[t] === 1;
+			if (R.value === "horizontal") {
+				if (!z.value || !c && a === 0) {
+					let r = (typeof n.value.itemSize == "function" ? n.value.itemSize(e, t) : _e.value) + i;
+					Math.abs(a - r) > .5 ? (D.set(t, r), M[t] = z.value ? 0 : 1, s = !0) : z.value || (M[t] = 1);
+				}
+			} else a !== 0 && (D.set(t, 0), M[t] = 0, s = !0);
+			if (R.value !== "horizontal") {
+				if (!z.value || !l && o === 0) {
+					let i = (typeof n.value.itemSize == "function" ? n.value.itemSize(e, t) : _e.value) + r;
+					Math.abs(o - i) > .5 ? (O.set(t, i), P[t] = z.value ? 0 : 1, s = !0) : z.value || (P[t] = 1);
+				}
+			} else o !== 0 && (O.set(t, 0), P[t] = 0, s = !0);
+		}
+		o && k.rebuild(), s && (D.rebuild(), O.rebuild());
+	}, Ge = () => {
+		let e = n.value.items, t = e.length;
+		We(t, n.value.columnCount || 0);
+		let r = 0;
+		if (n.value.restoreScrollOnPrepend && L.length > 0 && t > L.length) {
+			let n = L[0];
+			if (n !== void 0) {
+				for (let i = 1; i <= t - L.length; i++) if (e[i] === n) {
+					r = i;
+					break;
+				}
+			}
+		}
+		if (r > 0) {
+			D.shift(r), O.shift(r), F.value && F.value.rowIndex !== null && F.value.rowIndex !== void 0 && (F.value.rowIndex += r);
+			let i = new Uint8Array(t), a = new Uint8Array(t);
+			i.set(M.subarray(0, Math.min(t - r, M.length)), r), a.set(P.subarray(0, Math.min(t - r, P.length)), r), M = i, P = a;
+			let o = n.value.gap || 0, s = n.value.columnGap || 0, c = 0, l = 0;
+			for (let t = 0; t < r; t++) {
+				let r = typeof n.value.itemSize == "function" ? n.value.itemSize(e[t], t) : _e.value;
+				R.value === "horizontal" ? c += r + s : l += r + o;
+			}
+			(c > 0 || l > 0) && nextTick(() => {
+				Ue(c > 0 ? Re.value + c : null, l > 0 ? ze.value + l : null, {
+					behavior: "auto",
+					isCorrection: !0
+				});
+			});
+		}
+		$(), L = [...e], ce.value = !0, A.value++;
+	}, Ke = () => {
+		if (typeof window > "u") return;
+		let e = n.value.container || window, t = (t) => {
+			let n = t.getBoundingClientRect();
+			if (e === window) return {
+				x: d.value ? document.documentElement.clientWidth - n.right - window.scrollX : n.left + window.scrollX,
+				y: n.top + window.scrollY
+			};
+			if (e === t) return {
+				x: 0,
+				y: 0
+			};
+			if (isElement(e)) {
+				let t = e.getBoundingClientRect();
+				return {
+					x: d.value ? t.right - n.right - e.scrollLeft : n.left - t.left + e.scrollLeft,
+					y: n.top - t.top + e.scrollTop
+				};
+			}
+			return {
+				x: 0,
+				y: 0
+			};
+		};
+		if (n.value.hostElement) {
+			let e = t(n.value.hostElement);
+			(Math.abs(g.x - e.x) > .1 || Math.abs(g.y - e.y) > .1) && (g.x = e.x, g.y = e.y);
+		}
+		if (n.value.hostRef) {
+			let e = t(n.value.hostRef);
+			(Math.abs(y.x - e.x) > .1 || Math.abs(y.y - e.y) > .1) && (y.x = e.x, y.y = e.y);
+		}
+	};
+	watch([
+		() => n.value.items,
+		() => n.value.items.length,
+		() => n.value.direction,
+		() => n.value.columnCount,
+		() => n.value.columnWidth,
+		() => n.value.itemSize,
+		() => n.value.gap,
+		() => n.value.columnGap,
+		() => n.value.defaultItemSize,
+		() => n.value.defaultColumnWidth
+	], Ge, { immediate: !0 }), watch(() => [n.value.container, n.value.hostElement], () => {
+		Ke();
+	}), watch(d, (e, t) => {
+		if (t === void 0 || e === t || !l.value) return;
+		if (R.value === "vertical") {
+			Ke();
+			return;
+		}
+		let n = displayToVirtual(t ? Math.abs(r.value) : r.value, g.x, Z.value);
+		Ke(), Ue(n, null, { behavior: "auto" });
+	}, { flush: "sync" }), watch([Z, Q], () => {
+		!l.value || a.value || x.value || Ue(S.value, C.value, { behavior: "auto" });
+	}), watch([() => n.value.items.length, () => n.value.columnCount], ([e, t], [n, r]) => {
+		nextTick(() => {
+			let i = Math.max(0, J.value - f.value), a = Math.max(0, Y.value - p.value);
+			S.value > i || C.value > a ? Ue(Math.min(S.value, i), Math.min(C.value, a), { behavior: "auto" }) : (e !== n && Q.value !== 1 || t !== r && Z.value !== 1) && Ue(S.value, C.value, { behavior: "auto" }), Ke();
+		});
+	});
+	let qe = (e) => {
+		let t = n.value.gap || 0, r = n.value.columnGap || 0, i = B.value;
+		if (R.value === "horizontal") {
+			let t = (i || 0) + r;
+			return i !== null && t > 0 ? Math.floor(e / t) : D.findLowerBound(e);
+		}
+		let a = (i || 0) + t;
+		return i !== null && a > 0 ? Math.floor(e / a) : O.findLowerBound(e);
+	}, Je = (e) => R.value === "both" ? k.findLowerBound(e) : R.value === "horizontal" ? qe(e) : 0, Ye = computed(() => {
+		if (A.value, (!o.value || c.value) && n.value.ssrRange) return {
+			start: n.value.ssrRange.start,
+			end: n.value.ssrRange.end
+		};
+		let e = n.value.ssrRange && !a.value ? 0 : n.value.bufferBefore ?? 5, t = n.value.bufferAfter ?? 5;
+		return calculateRange({
+			direction: R.value,
+			relativeScrollX: Re.value,
+			relativeScrollY: ze.value,
+			usableWidth: Oe.value,
+			usableHeight: ke.value,
+			itemsLength: n.value.items.length,
+			bufferBefore: e,
+			bufferAfter: t,
+			gap: n.value.gap || 0,
+			columnGap: n.value.columnGap || 0,
+			fixedSize: B.value,
+			findLowerBoundY: (e) => O.findLowerBound(e),
+			findLowerBoundX: (e) => D.findLowerBound(e),
+			queryY: (e) => O.query(e),
+			queryX: (e) => D.query(e)
+		});
+	}), Xe = computed(() => {
+		A.value;
+		let e = Re.value + U.value, t = ze.value + W.value;
+		return qe(R.value === "horizontal" ? e : t);
+	}), Ze = computed(() => {
+		A.value;
+		let e = n.value.columnCount || 0;
+		if (!e) return {
+			start: 0,
+			end: 0,
+			padStart: 0,
+			padEnd: 0
+		};
+		if ((!o.value || c.value) && n.value.ssrRange) {
+			let { colStart: t = 0, colEnd: r = 0 } = n.value.ssrRange, i = Math.max(0, t), a = Math.min(e, r || e), o = n.value.columnGap || 0, s = V.value === null ? k.query(i) : i * (V.value + o), c = V.value === null ? Math.max(0, k.query(e) - o) : e * (V.value + o) - o, l = V.value === null ? k.query(a) - (a > 0 ? o : 0) : a * (V.value + o) - (a > 0 ? o : 0);
+			return {
+				start: i,
+				end: a,
+				padStart: s,
+				padEnd: Math.max(0, c - l)
+			};
+		}
+		let t = n.value.ssrRange && !a.value ? 0 : 2;
+		return calculateColumnRange({
+			columnCount: e,
+			relativeScrollX: Re.value,
+			usableWidth: Oe.value,
+			colBuffer: t,
+			fixedWidth: V.value,
+			columnGap: n.value.columnGap || 0,
+			findLowerBound: (e) => k.findLowerBound(e),
+			query: (e) => k.query(e),
+			totalColsQuery: () => k.query(e)
+		});
+	}), Qe = [], $e = computed(() => {
+		A.value;
+		let { start: e, end: t } = Ye.value, r = [], i = B.value, a = n.value.gap || 0, s = n.value.columnGap || 0, c = ye.value, l = be.value, u = [];
+		if (o.value || !n.value.ssrRange) {
+			let t = Xe.value, n = findPrevStickyIndex(c, t);
+			n !== void 0 && n < e && u.push(n);
+		}
+		for (let n = e; n < t; n++) u.push(n);
+		let d = n.value.ssrRange?.start || 0, f = n.value.ssrRange?.colStart || 0, p = 0, m = 0;
+		!o.value && n.value.ssrRange && (m = R.value === "horizontal" ? 0 : i === null ? O.query(d) : d * (i + a), R.value === "horizontal" ? p = i === null ? D.query(f) : f * (i + s) : R.value === "both" && (p = k.query(f)));
+		let h = new Map(Qe.map((e) => [e.index, e])), g = -1, _ = 0, v = -1, y = 0, b = (e) => e === g + 1 ? (_ += D.get(g), g = e, _) : (_ = D.query(e), g = e, _), x = (e) => e === v + 1 ? (y += O.get(v), v = e, y) : (y = O.query(e), v = e, y), w = G.value + U.value + xe.value, T = q.value + W.value + Ce.value, E = G.value + U.value, ee = q.value + W.value, j = Ze.value;
+		for (let e of u) {
+			let t = n.value.items[e];
+			if (t === void 0) continue;
+			let { x: i, y: a, width: s, height: u } = calculateItemPosition({
+				index: e,
+				direction: R.value,
+				fixedSize: B.value,
+				gap: n.value.gap || 0,
+				columnGap: n.value.columnGap || 0,
+				usableWidth: Oe.value,
+				usableHeight: ke.value,
+				totalWidth: Ae.value.width,
+				queryY: x,
+				queryX: b,
+				getSizeY: (e) => O.get(e),
+				getSizeX: (e) => D.get(e),
+				columnRange: j
+			}), d = l.has(e), f = i, g = a, { isStickyActive: _, isStickyActiveX: v, isStickyActiveY: y, stickyOffset: k } = calculateStickyItem({
+				index: e,
+				isSticky: d,
+				direction: R.value,
+				relativeScrollX: Re.value,
+				relativeScrollY: ze.value,
+				originalX: f,
+				originalY: g,
+				width: s,
+				height: u,
+				stickyIndices: c,
+				fixedSize: B.value,
+				fixedWidth: V.value,
+				gap: n.value.gap || 0,
+				columnGap: n.value.columnGap || 0,
+				getItemQueryY: x,
+				getItemQueryX: b
+			}), A = o.value ? S.value / Z.value + (i + w - S.value) - E : i - p, M = o.value ? C.value / Q.value + (a + T - C.value) - ee : a - m, N = h.get(e);
+			N && N.item === t && N.offset.x === A && N.offset.y === M && N.size.width === s && N.size.height === u && N.isSticky === d && N.isStickyActive === _ && N.isStickyActiveX === v && N.isStickyActiveY === y && N.stickyOffset.x === k.x && N.stickyOffset.y === k.y ? r.push(N) : r.push({
+				item: t,
+				index: e,
+				offset: {
+					x: A,
+					y: M
+				},
+				size: {
+					width: s,
+					height: u
+				},
+				originalX: f,
+				originalY: g,
+				isSticky: d,
+				isStickyActive: _,
+				isStickyActiveX: v,
+				isStickyActiveY: y,
+				stickyOffset: k
+			});
+		}
+		return Qe = r, r;
+	}), et = computed(() => {
+		A.value;
+		let e = Re.value + U.value, t = ze.value + W.value, n = Re.value + (f.value - Te.value) - 1, o = ze.value + (p.value - Ee.value) - 1, s = Je(e), c = qe(t), l = qe(R.value === "horizontal" ? n : o), u = Je(n);
+		return {
+			items: $e.value,
+			currentIndex: c,
+			currentColIndex: s,
+			currentEndIndex: l,
+			currentEndColIndex: u,
+			scrollOffset: {
+				x: S.value,
+				y: C.value
+			},
+			displayScrollOffset: {
+				x: d.value ? Math.abs(r.value + y.x) : Math.max(0, r.value - y.x),
+				y: Math.max(0, i.value - y.y)
+			},
+			viewportSize: {
+				width: f.value,
+				height: p.value
+			},
+			displayViewportSize: {
+				width: f.value,
+				height: p.value
+			},
+			totalSize: {
+				width: J.value,
+				height: Y.value
+			},
+			isScrolling: a.value,
+			isProgrammaticScroll: x.value,
+			range: Ye.value,
+			columnRange: Ze.value
+		};
+	}), tt = () => {
+		x.value = !1, F.value = null;
+	}, nt = (e) => {
+		let t = e.target;
+		typeof window > "u" || (E(), t === window || t === document ? (r.value = window.scrollX, i.value = window.scrollY, f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight) : isScrollableElement(t) && (r.value = t.scrollLeft, i.value = t.scrollTop, f.value = t.clientWidth, p.value = t.clientHeight), S.value = displayToVirtual(d.value ? Math.abs(r.value) : r.value, X.x, Z.value), C.value = displayToVirtual(i.value, X.y, Q.value), a.value ||= (x.value || (F.value = null), !0), clearTimeout(b), b = setTimeout(() => {
+			a.value = !1, x.value = !1;
+		}, 250));
+	}, rt = (e) => {
+		let t = !1, r = 0, i = 0, a = n.value.gap || 0, o = n.value.columnGap || 0, s = Re.value, c = ze.value, l = qe(R.value === "horizontal" ? s : c), u = Je(s), d = R.value === "horizontal", f = R.value === "both", p = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set(), h = (e, i) => {
+			if (e >= 0 && e < (n.value.columnCount || 0) && !m.has(e)) {
+				m.add(e);
+				let n = k.get(e), a = i + o;
+				if (!j[e] || Math.abs(n - a) > .1) {
+					let i = a - n;
+					Math.abs(i) > .1 && (k.update(e, i), t = !0, e < u && (r += i)), j[e] = 1;
+				}
+			}
+		};
+		for (let { index: s, inlineSize: c, blockSize: u, element: m } of e) {
+			if (c <= 0 && u <= 0) continue;
+			let e = z.value || typeof n.value.itemSize == "function";
+			if (s >= 0 && !p.has(s) && e && u > 0) {
+				if (p.add(s), d && c > 0) {
+					let e = D.get(s), n = c + o;
+					if (!M[s] || Math.abs(n - e) > .1) {
+						let i = n - e;
+						D.update(s, i), M[s] = 1, t = !0, s < l && (r += i);
+					}
+				}
+				if (!d) {
+					let e = O.get(s), n = u + a;
+					if (!P[s] || Math.abs(n - e) > .1) {
+						let r = n - e;
+						O.update(s, r), P[s] = 1, t = !0, s < l && (i += r);
+					}
+				}
+			}
+			let g = ue.value || typeof n.value.columnWidth == "function";
+			if (f && m && n.value.columnCount && g && (c > 0 || m.dataset.colIndex === void 0)) {
+				let e = m.dataset.colIndex;
+				if (e != null) h(Number.parseInt(e, 10), c);
+				else {
+					let e = Array.from(m.querySelectorAll("[data-col-index]"));
+					for (let t of e) h(Number.parseInt(t.dataset.colIndex, 10), t.getBoundingClientRect().width);
+				}
+			}
+		}
+		if (t && (A.value++, !(F.value !== null || x.value) && (r !== 0 || i !== 0))) {
+			let e = G.value + U.value + xe.value, t = q.value + W.value + Ce.value;
+			Ue(r === 0 ? null : s + r + e, i === 0 ? null : c + i + t, { behavior: "auto" });
+		}
+	}, it = (e, t, n, r) => {
+		rt([{
+			index: e,
+			inlineSize: t,
+			blockSize: n,
+			element: r
+		}]);
+	};
+	function at() {
+		if (F.value && !c.value) {
+			let { rowIndex: e, colIndex: t, options: r } = F.value;
+			if (isScrollToIndexOptions(r) && r.behavior === "smooth" && a.value) return;
+			let i = n.value.container || window, o = typeof window < "u" && i === window ? window.scrollX : i.scrollLeft, s = typeof window < "u" && i === window ? window.scrollY : i.scrollTop, c = d.value ? Math.abs(o) : o, l = s, u = displayToVirtual(c, 0, Z.value), m = displayToVirtual(l, 0, Q.value), { targetX: h, targetY: g } = calculateScrollTarget({
+				rowIndex: e,
+				colIndex: t,
+				options: r,
+				direction: R.value,
+				viewportWidth: f.value,
+				viewportHeight: p.value,
+				totalWidth: Me.value,
+				totalHeight: Ne.value,
+				gap: n.value.gap || 0,
+				columnGap: n.value.columnGap || 0,
+				fixedSize: B.value,
+				fixedWidth: V.value,
+				relativeScrollX: u,
+				relativeScrollY: m,
+				getItemSizeY: (e) => O.get(e),
+				getItemSizeX: (e) => D.get(e),
+				getItemQueryY: (e) => O.query(e),
+				getItemQueryX: (e) => D.query(e),
+				getColumnSize: (e) => k.get(e),
+				getColumnQuery: (e) => k.query(e),
+				scaleX: Z.value,
+				scaleY: Q.value,
+				hostOffsetX: X.x,
+				hostOffsetY: X.y,
+				stickyIndices: ye.value,
+				stickyStartX: U.value,
+				stickyStartY: W.value,
+				stickyEndX: Te.value,
+				stickyEndY: Ee.value,
+				flowPaddingStartX: G.value,
+				flowPaddingStartY: q.value,
+				paddingStartX: xe.value,
+				paddingStartY: Ce.value,
+				paddingEndX: Se.value,
+				paddingEndY: we.value
+			}), _ = t == null || Math.abs(u - h) < 2, v = e == null || Math.abs(m - g) < 2, y = t == null || t === void 0 || j[t] === 1, b = e == null || e === void 0 || P[e] === 1;
+			_ && v ? y && b && !a.value && !x.value && (F.value = null) : He(e, t, isScrollToIndexOptions(r) ? {
+				...r,
+				isCorrection: !0
+			} : {
+				align: r,
+				isCorrection: !0
+			});
+		}
+	}
+	watch([
+		A,
+		f,
+		p
+	], at), watch(a, (e) => {
+		e || at();
+	});
+	let ot = null, st = null, ct, lt = (e) => {
+		if (typeof window > "u") return;
+		let t = e || window, n = t === window || isElement(t) && t === document.documentElement ? document : t;
+		if (n.addEventListener("scroll", nt, { passive: !0 }), T = null, E(), isElement(t) && (st = new MutationObserver(() => E()), st.observe(t, {
+			attributes: !0,
+			attributeFilter: ["dir", "style"]
+		})), ct = setInterval(E, 1e3), t === window) {
+			f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight, r.value = window.scrollX, i.value = window.scrollY;
+			let e = () => {
+				E(), f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight, Ke();
+			};
+			return window.addEventListener("resize", e), () => {
+				n.removeEventListener("scroll", nt), window.removeEventListener("resize", e), st?.disconnect(), clearInterval(ct), T = null;
+			};
+		} else return f.value = t.clientWidth, p.value = t.clientHeight, r.value = t.scrollLeft, i.value = t.scrollTop, ot = new ResizeObserver(() => {
+			E(), f.value = t.clientWidth, p.value = t.clientHeight, Ke();
+		}), ot.observe(t), () => {
+			n.removeEventListener("scroll", nt), ot?.disconnect(), st?.disconnect(), clearInterval(ct), T = null;
+		};
+	}, ut;
+	return getCurrentInstance() && (onMounted(() => {
+		l.value = !0, E(), watch(() => n.value.container, (e) => {
+			ut?.(), ut = lt(e || null);
+		}, { immediate: !0 }), Ke(), nextTick(() => {
+			if (Ke(), n.value.ssrRange || n.value.initialScrollIndex !== void 0) {
+				let e = n.value.initialScrollIndex === void 0 ? n.value.ssrRange?.start : n.value.initialScrollIndex, t = n.value.initialScrollAlign || "start";
+				e != null && He(e, n.value.ssrRange?.colStart, {
+					align: t,
+					behavior: "auto"
+				}), o.value = !0, c.value = !0, nextTick(() => {
+					c.value = !1;
+				});
+			} else o.value = !0;
+		});
+	}), onUnmounted(() => {
+		ut?.();
+	})), {
+		renderedItems: $e,
+		totalWidth: J,
+		totalHeight: Y,
+		renderedWidth: Pe,
+		renderedHeight: Fe,
+		scrollDetails: et,
+		getRowHeight: Ve,
+		getColumnWidth: Be,
+		getRowOffset: (e) => q.value + W.value + Ce.value + O.query(e),
+		getColumnOffset: (e) => G.value + U.value + xe.value + k.query(e),
+		getItemOffset: (e) => R.value === "horizontal" ? G.value + U.value + xe.value + D.query(e) : q.value + W.value + Ce.value + O.query(e),
+		getItemSize: (e) => {
+			if (R.value === "horizontal") return Math.max(0, D.get(e) - (n.value.columnGap || 0));
+			let t = n.value.itemSize;
+			if (typeof t == "number" && t > 0) return t;
+			if (typeof t == "function") {
+				let r = n.value.items[e];
+				return r === void 0 ? n.value.defaultItemSize || 40 : t(r, e);
+			}
+			return Math.max(0, O.get(e) - (n.value.gap || 0));
+		},
+		scrollToIndex: He,
+		scrollToOffset: Ue,
+		stopProgrammaticScroll: tt,
+		updateItemSize: it,
+		updateItemSizes: rt,
+		updateHostOffset: Ke,
+		updateDirection: E,
+		columnRange: Ze,
+		refresh: () => {
+			D.resize(0), O.resize(0), k.resize(0), j.fill(0), M.fill(0), P.fill(0), Ge();
+		},
+		isHydrated: o,
+		isWindowContainer: je,
+		isRtl: d,
+		scaleX: Z,
+		scaleY: Q,
+		componentOffset: X,
+		renderedVirtualWidth: Ie,
+		renderedVirtualHeight: Le
+	};
 }
-const vl = /* @__PURE__ */ gl({
-  __name: "VirtualScrollbar",
-  props: {
-    axis: { default: "vertical" },
-    totalSize: {},
-    position: {},
-    viewportSize: {},
-    scrollToOffset: {},
-    containerId: {},
-    isRtl: { type: Boolean, default: !1 }
-  },
-  emits: ["scrollToOffset"],
-  setup(a, { emit: e }) {
-    const i = a, t = e, { trackProps: s, thumbProps: d } = tl({
-      axis: () => i.axis,
-      totalSize: () => i.totalSize,
-      position: () => i.position,
-      viewportSize: () => i.viewportSize,
-      containerId: () => i.containerId,
-      isRtl: () => i.isRtl,
-      scrollToOffset: (S) => {
-        i.scrollToOffset?.(S), t("scrollToOffset", S);
-      }
-    });
-    return (S, w) => (Ee(), It("div", St(il(tt(s))), [
-      el("div", St(il(tt(d))), null, 16)
-    ], 16));
-  }
-}), Al = {
-  key: 0,
-  class: "virtual-scroll-scrollbar-container"
-}, Wl = {
-  key: 0,
-  class: "virtual-scroll-debug-info"
-}, dl = 0.95, Gt = 0.1, ql = /* @__PURE__ */ gl({
-  __name: "VirtualScroll",
-  props: {
-    items: {},
-    itemSize: {},
-    direction: { default: "vertical" },
-    bufferBefore: { default: 5 },
-    bufferAfter: { default: 5 },
-    container: {},
-    ssrRange: {},
-    columnCount: { default: 0 },
-    columnWidth: {},
-    containerTag: { default: "div" },
-    wrapperTag: { default: "div" },
-    itemTag: { default: "div" },
-    scrollPaddingStart: { default: 0 },
-    scrollPaddingEnd: { default: 0 },
-    stickyHeader: { type: Boolean, default: !1 },
-    stickyFooter: { type: Boolean, default: !1 },
-    gap: { default: 0 },
-    columnGap: { default: 0 },
-    stickyIndices: { default: () => [] },
-    loadDistance: { default: 200 },
-    loading: { type: Boolean, default: !1 },
-    restoreScrollOnPrepend: { type: Boolean, default: !1 },
-    initialScrollIndex: {},
-    initialScrollAlign: {},
-    defaultItemSize: {},
-    defaultColumnWidth: {},
-    debug: { type: Boolean, default: !1 },
-    virtualScrollbar: { type: Boolean, default: !1 }
-  },
-  emits: ["scroll", "load", "visibleRangeChange"],
-  setup(a, { expose: e, emit: i }) {
-    const t = a, s = i, d = yl(), S = ee(null), w = ee(null), m = ee(null), z = ee(null), h = /* @__PURE__ */ new Map(), E = Sl(), b = u(() => `vs-container-${E}`), V = ee(0), X = ee(0), R = u(() => t.container === void 0 ? S.value : t.container), T = u(() => {
-      const n = R.value;
-      return n === S.value || typeof window < "u" && (n === window || n === null);
-    }), $ = u(() => (t.items.length, {
-      items: t.items,
-      itemSize: t.itemSize,
-      direction: t.direction,
-      bufferBefore: t.bufferBefore,
-      bufferAfter: t.bufferAfter,
-      container: R.value,
-      hostElement: w.value,
-      hostRef: S.value,
-      ssrRange: t.ssrRange,
-      columnCount: t.columnCount,
-      columnWidth: t.columnWidth,
-      scrollPaddingStart: {
-        x: lt(t.scrollPaddingStart, t.direction),
-        y: at(t.scrollPaddingStart, t.direction)
-      },
-      scrollPaddingEnd: {
-        x: lt(t.scrollPaddingEnd, t.direction),
-        y: at(t.scrollPaddingEnd, t.direction)
-      },
-      flowPaddingStart: {
-        x: 0,
-        y: t.stickyHeader ? 0 : V.value
-      },
-      flowPaddingEnd: {
-        x: 0,
-        y: t.stickyFooter ? 0 : X.value
-      },
-      stickyStart: {
-        x: 0,
-        y: t.stickyHeader && T.value ? V.value : 0
-      },
-      stickyEnd: {
-        x: 0,
-        y: t.stickyFooter && T.value ? X.value : 0
-      },
-      gap: t.gap,
-      columnGap: t.columnGap,
-      stickyIndices: t.stickyIndices,
-      loadDistance: t.loadDistance,
-      loading: t.loading,
-      restoreScrollOnPrepend: t.restoreScrollOnPrepend,
-      initialScrollIndex: t.initialScrollIndex,
-      initialScrollAlign: t.initialScrollAlign,
-      defaultItemSize: t.defaultItemSize,
-      defaultColumnWidth: t.defaultColumnWidth,
-      debug: t.debug
-    })), {
-      isHydrated: L,
-      isRtl: k,
-      columnRange: C,
-      renderedItems: W,
-      scrollDetails: P,
-      renderedHeight: x,
-      renderedWidth: q,
-      getColumnWidth: H,
-      getRowHeight: K,
-      scrollToIndex: Q,
-      scrollToOffset: Z,
-      updateHostOffset: Y,
-      updateItemSizes: re,
-      updateDirection: de,
-      getItemOffset: G,
-      getRowOffset: le,
-      getColumnOffset: Be,
-      getItemSize: ue,
-      refresh: wt,
-      stopProgrammaticScroll: te,
-      scaleX: Pe,
-      scaleY: ce,
-      isWindowContainer: Le,
-      componentOffset: ae,
-      renderedVirtualWidth: Te,
-      renderedVirtualHeight: ie
-    } = Ol($), ke = u(() => Pe.value !== 1 || ce.value !== 1), fe = u(() => Le.value ? !1 : t.virtualScrollbar === !0 || Pe.value !== 1 || ce.value !== 1);
-    function _e(n) {
-      const { displayViewportSize: v } = P.value, c = x.value - v.height;
-      if (n >= c - 0.5)
-        Z(null, Number.POSITIVE_INFINITY);
-      else {
-        const A = ct(n, ae.y, ce.value);
-        Z(null, A);
-      }
-    }
-    function pe(n) {
-      const { displayViewportSize: v } = P.value, c = q.value - v.width;
-      if (n >= c - 0.5)
-        Z(Number.POSITIVE_INFINITY, null);
-      else {
-        const A = ct(n, ae.x, Pe.value);
-        Z(A, null);
-      }
-    }
-    const be = tl({
-      axis: "vertical",
-      totalSize: x,
-      position: u(() => P.value.displayScrollOffset.y),
-      viewportSize: u(() => P.value.displayViewportSize.height),
-      scrollToOffset: _e,
-      containerId: b,
-      isRtl: k
-    }), ye = tl({
-      axis: "horizontal",
-      totalSize: q,
-      position: u(() => P.value.displayScrollOffset.x),
-      viewportSize: u(() => P.value.displayViewportSize.width),
-      scrollToOffset: pe,
-      containerId: b,
-      isRtl: k
-    }), Ge = u(() => t.direction !== "both" ? C.value : {
-      ...C.value,
-      padStart: 0,
-      padEnd: 0
-    });
-    function nt() {
-      wt(), de(), kt(() => {
-        const n = [];
-        for (const [v, c] of h.entries())
-          c && n.push({
-            index: v,
-            inlineSize: c.offsetWidth,
-            blockSize: c.offsetHeight,
-            element: c
-          });
-        n.length > 0 && re(n);
-      });
-    }
-    Me(P, (n, v) => {
-      !L.value || !n || (s("scroll", n), (!v || !v.range || !v.columnRange || n.range.start !== v.range.start || n.range.end !== v.range.end || n.columnRange.start !== v.columnRange.start || n.columnRange.end !== v.columnRange.end) && s("visibleRangeChange", {
-        start: n.range.start,
-        end: n.range.end,
-        colStart: n.columnRange.start,
-        colEnd: n.columnRange.end
-      }), !t.loading && (t.direction !== "horizontal" && n.totalSize && n.totalSize.height - (n.scrollOffset.y + n.viewportSize.height) <= t.loadDistance && s("load", "vertical"), t.direction !== "vertical" && n.totalSize && n.totalSize.width - (n.scrollOffset.x + n.viewportSize.width) <= t.loadDistance && s("load", "horizontal")));
-    }), Me(L, (n) => {
-      n && P.value?.range && P.value?.columnRange && s("visibleRangeChange", {
-        start: P.value.range.start,
-        end: P.value.range.end,
-        colStart: P.value.columnRange.start,
-        colEnd: P.value.columnRange.end
-      });
-    }, { once: !0 });
-    const ne = typeof window > "u" ? null : new ResizeObserver(Y), Oe = typeof window > "u" ? null : new ResizeObserver((n) => {
-      const v = [];
-      for (const c of n) {
-        const A = c.target, ve = Number(A.dataset.index), We = A.dataset.colIndex;
-        let xe = c.contentRect.width, O = c.contentRect.height;
-        c.borderBoxSize && c.borderBoxSize.length > 0 ? (xe = c.borderBoxSize[0].inlineSize, O = c.borderBoxSize[0].blockSize) : (xe = A.offsetWidth, O = A.offsetHeight), We !== void 0 ? v.push({ index: -1, inlineSize: xe, blockSize: O, element: A }) : Number.isNaN(ve) || v.push({ index: ve, inlineSize: xe, blockSize: O, element: A });
-      }
-      v.length > 0 && re(v);
-    }), Ie = typeof window > "u" ? null : new ResizeObserver(() => {
-      V.value = m.value?.offsetHeight || 0, X.value = z.value?.offsetHeight || 0, Y();
-    });
-    Me(m, (n, v) => {
-      v && Ie?.unobserve(v), n ? Ie?.observe(n) : V.value = 0;
-    }, { immediate: !0 }), Me(z, (n, v) => {
-      v && Ie?.unobserve(v), n ? Ie?.observe(n) : X.value = 0;
-    }, { immediate: !0 }), hl(() => {
-      S.value && ne?.observe(S.value);
-      for (const n of h.values())
-        Oe?.observe(n), t.direction === "both" && n.querySelectorAll("[data-col-index]").forEach((v) => Oe?.observe(v));
-    }), Me([S, w], ([n], [v]) => {
-      v && ne?.unobserve(v), n && ne?.observe(n);
-    }), Me([S, ke], ([n, v], [c, A]) => {
-      const ve = n !== c || v !== A;
-      c && ve && c.removeEventListener("wheel", vt), n && ve && n.addEventListener("wheel", vt, { passive: !v });
-    }, { immediate: !0 });
-    function Ve(n, v) {
-      if (n)
-        h.set(v, n), Oe?.observe(n), t.direction === "both" && n.querySelectorAll("[data-col-index]").forEach((c) => Oe?.observe(c));
-      else {
-        const c = h.get(v);
-        c && (Oe?.unobserve(c), t.direction === "both" && c.querySelectorAll("[data-col-index]").forEach((A) => Oe?.unobserve(A)), h.delete(v));
-      }
-    }
-    const we = ee(!1);
-    let Se = { x: 0, y: 0 }, ot = { x: 0, y: 0 }, Qe = { x: 0, y: 0 }, xt = 0, oe = { x: 0, y: 0 }, he = null;
-    function Ae() {
-      const n = () => {
-        oe.x *= dl, oe.y *= dl;
-        const v = P.value.scrollOffset.x, c = P.value.scrollOffset.y;
-        Z(
-          v + oe.x * 16,
-          // Assuming ~60fps (16ms per frame)
-          c + oe.y * 16,
-          { behavior: "auto" }
-        ), Math.abs(oe.x) > Gt || Math.abs(oe.y) > Gt ? he = requestAnimationFrame(n) : Re();
-      };
-      he = requestAnimationFrame(n);
-    }
-    function Re() {
-      he !== null && (cancelAnimationFrame(he), he = null), oe = { x: 0, y: 0 };
-    }
-    function $e(n) {
-      te(), Re(), ke.value && (n.pointerType === "mouse" && n.button !== 0 || (we.value = !0, Se = { x: n.clientX, y: n.clientY }, Qe = { x: n.clientX, y: n.clientY }, xt = performance.now(), ot = {
-        x: P.value.scrollOffset.x,
-        y: P.value.scrollOffset.y
-      }, n.currentTarget.setPointerCapture(n.pointerId)));
-    }
-    function $t(n) {
-      if (!we.value)
-        return;
-      const v = performance.now(), c = v - xt;
-      if (c > 0) {
-        const We = (Qe.x - n.clientX) / c, xe = (Qe.y - n.clientY) / c;
-        oe.x = oe.x * 0.2 + We * 0.8, oe.y = oe.y * 0.2 + xe * 0.8;
-      }
-      Qe = { x: n.clientX, y: n.clientY }, xt = v;
-      const A = Se.x - n.clientX, ve = Se.y - n.clientY;
-      requestAnimationFrame(() => {
-        Z(
-          ot.x + A,
-          ot.y + ve,
-          { behavior: "auto" }
-        );
-      });
-    }
-    function Xt(n) {
-      we.value && (we.value = !1, n.currentTarget.releasePointerCapture(n.pointerId), (Math.abs(oe.x) > Gt || Math.abs(oe.y) > Gt) && (Math.abs(oe.x) > 4 * Math.abs(oe.y) ? oe.y = 0 : Math.abs(oe.y) > 4 * Math.abs(oe.x) && (oe.x = 0), Ae()));
-    }
-    function vt(n) {
-      const { scrollOffset: v } = P.value;
-      if (te(), ke.value) {
-        n.preventDefault();
-        let c = n.deltaX, A = n.deltaY;
-        n.shiftKey && c === 0 && (c = A, A = 0);
-        const ve = v.x + c, We = v.y + A;
-        Z(ve, We, { behavior: "auto" });
-      }
-    }
-    function je(n) {
-      const { viewportSize: v, scrollOffset: c } = P.value, A = t.direction !== "vertical", ve = t.direction !== "horizontal", We = $.value.stickyStart, xe = $.value.stickyEnd;
-      switch (n.key) {
-        case "Home": {
-          n.preventDefault(), te();
-          const O = Math.max(c.x, c.y), _ = t.direction === "horizontal" ? v.width : v.height, ge = O > 10 * _ ? "auto" : "smooth";
-          Q(0, 0, { behavior: ge, align: "start" });
-          break;
-        }
-        case "End": {
-          n.preventDefault(), te();
-          const O = t.items.length - 1, _ = (t.columnCount || 0) > 0 ? t.columnCount - 1 : 0, { totalSize: ge } = P.value, Fe = Math.max(
-            ge.width - c.x - v.width,
-            ge.height - c.y - v.height
-          ), dt = t.direction === "horizontal" ? v.width : v.height, l = Fe > 10 * dt ? "auto" : "smooth";
-          t.direction === "both" ? Q(O, _, { behavior: l, align: "end" }) : Q(
-            t.direction === "vertical" ? O : 0,
-            t.direction === "horizontal" ? O : 0,
-            { behavior: l, align: "end" }
-          );
-          break;
-        }
-        case "ArrowUp": {
-          if (n.preventDefault(), te(), !ve)
-            return;
-          const { currentIndex: O, scrollOffset: _ } = P.value, ge = _.y + We.y + $.value.scrollPaddingStart.y;
-          le(O) < ge - 1 ? Q(O, null, { align: "start" }) : O > 0 && Q(O - 1, null, { align: "start" });
-          break;
-        }
-        case "ArrowDown": {
-          if (n.preventDefault(), te(), !ve)
-            return;
-          const { currentEndIndex: O } = P.value, _ = c.y + v.height - (xe.y + $.value.scrollPaddingEnd.y);
-          le(O) + K(O) > _ + 1 ? Q(O, null, { align: "end" }) : O < t.items.length - 1 && Q(O + 1, null, { align: "end" });
-          break;
-        }
-        case "ArrowLeft": {
-          if (n.preventDefault(), te(), !A)
-            return;
-          const { currentColIndex: O, currentEndColIndex: _ } = P.value;
-          if (k.value) {
-            const ge = c.x + v.width - (xe.x + $.value.scrollPaddingEnd.x);
-            if ((t.columnCount ? Be(_) + H(_) : G(_) + ue(_)) > ge + 1)
-              Q(null, _, { align: "end" });
-            else {
-              const dt = t.columnCount ? t.columnCount - 1 : t.items.length - 1;
-              _ < dt && Q(null, _ + 1, { align: "end" });
-            }
-          } else {
-            const ge = c.x + We.x + $.value.scrollPaddingStart.x;
-            (t.columnCount ? Be(O) : G(O)) < ge - 1 ? Q(null, O, { align: "start" }) : O > 0 && Q(null, O - 1, { align: "start" });
-          }
-          break;
-        }
-        case "ArrowRight": {
-          if (n.preventDefault(), te(), !A)
-            return;
-          const { currentColIndex: O, currentEndColIndex: _ } = P.value;
-          if (k.value) {
-            const ge = c.x + We.x + $.value.scrollPaddingStart.x;
-            (t.columnCount ? Be(O) : G(O)) < ge - 1 ? Q(null, O, { align: "start" }) : O > 0 && Q(null, O - 1, { align: "start" });
-          } else {
-            const ge = c.x + v.width - (xe.x + $.value.scrollPaddingEnd.x);
-            if ((t.columnCount ? Be(_) + H(_) : G(_) + ue(_)) > ge + 1)
-              Q(null, _, { align: "end" });
-            else {
-              const dt = t.columnCount ? t.columnCount - 1 : t.items.length - 1;
-              _ < dt && Q(null, _ + 1, { align: "end" });
-            }
-          }
-          break;
-        }
-        case "PageUp":
-          n.preventDefault(), te(), Z(
-            !ve && A ? c.x - v.width : null,
-            ve ? c.y - v.height : null
-          );
-          break;
-        case "PageDown":
-          n.preventDefault(), te(), Z(
-            !ve && A ? c.x + v.width : null,
-            ve ? c.y + v.height : null
-          );
-          break;
-      }
-    }
-    ll(() => {
-      ne?.disconnect(), Oe?.disconnect(), Ie?.disconnect();
-    });
-    const Ft = u(() => {
-      const n = {
-        ...t.direction !== "vertical" ? { whiteSpace: "nowrap" } : {}
-      };
-      return fe.value && (n.overflow = "auto"), ke.value && (n.touchAction = "none"), Le.value ? n : t.containerTag === "table" ? {
-        ...n,
-        minInlineSize: t.direction === "vertical" ? "100%" : "auto"
-      } : n;
-    }), it = u(() => {
-      if (t.direction === "horizontal")
-        return null;
-      const { displayViewportSize: n, displayScrollOffset: v } = P.value;
-      if (x.value <= n.height)
-        return null;
-      const c = {
-        axis: "vertical",
-        totalSize: x.value,
-        position: v.y,
-        viewportSize: n.height,
-        scrollToOffset: _e,
-        containerId: b.value,
-        isRtl: k.value
-      };
-      return {
-        positionPercent: be.positionPercent.value,
-        viewportPercent: be.viewportPercent.value,
-        thumbSizePercent: be.thumbSizePercent.value,
-        thumbPositionPercent: be.thumbPositionPercent.value,
-        trackProps: be.trackProps.value,
-        thumbProps: be.thumbProps.value,
-        scrollbarProps: c,
-        isDragging: be.isDragging.value
-      };
-    }), Ke = u(() => {
-      if (t.direction === "vertical")
-        return null;
-      const { displayViewportSize: n, displayScrollOffset: v } = P.value;
-      if (q.value <= n.width)
-        return null;
-      const c = {
-        axis: "horizontal",
-        totalSize: q.value,
-        position: v.x,
-        viewportSize: n.width,
-        scrollToOffset: pe,
-        containerId: b.value,
-        isRtl: k.value
-      };
-      return {
-        positionPercent: ye.positionPercent.value,
-        viewportPercent: ye.viewportPercent.value,
-        thumbSizePercent: ye.thumbSizePercent.value,
-        thumbPositionPercent: ye.thumbPositionPercent.value,
-        trackProps: ye.trackProps.value,
-        thumbProps: ye.thumbProps.value,
-        scrollbarProps: c,
-        isDragging: ye.isDragging.value
-      };
-    }), He = u(() => {
-      const n = t.direction === "horizontal", v = t.direction === "vertical", c = t.direction === "both", A = {
-        inlineSize: v ? "100%" : `${Te.value}px`,
-        blockSize: n ? "100%" : `${ie.value}px`
-      };
-      return L.value || (A.display = "flex", A.flexDirection = n ? "row" : "column", (n || c) && t.columnGap && (A.columnGap = `${t.columnGap}px`), (v || c) && t.gap && (A.rowGap = `${t.gap}px`)), A;
-    }), rt = u(() => {
-      const n = t.direction === "horizontal";
-      return {
-        display: n ? "inline-block" : "block",
-        ...n ? { blockSize: "100%", verticalAlign: "top" } : { inlineSize: "100%" }
-      };
-    }), zt = u(() => ({
-      inlineSize: t.direction === "vertical" ? "1px" : `${Te.value}px`,
-      blockSize: t.direction === "horizontal" ? "1px" : `${ie.value}px`
-    }));
-    function Ct(n) {
-      const v = El({
-        containerTag: t.containerTag,
-        direction: t.direction,
-        isHydrated: L.value,
-        item: n,
-        itemSize: t.itemSize,
-        paddingStartX: $.value.scrollPaddingStart.x,
-        paddingStartY: $.value.scrollPaddingStart.y,
-        isRtl: k.value
-      });
-      return !L.value && t.direction === "both" && (v.display = "flex", t.columnGap && (v.columnGap = `${t.columnGap}px`)), v;
-    }
-    const Yt = u(() => t.debug), Ze = u(() => t.containerTag === "table"), Et = u(() => Ze.value ? "thead" : "div"), Tt = u(() => Ze.value ? "tfoot" : "div");
-    return e({
-      ...bl(t),
-      /**
-       * Detailed information about the current scroll state.
-       * @see ScrollDetails
-       * @see useVirtualScroll
-       */
-      scrollDetails: P,
-      /**
-       * Information about the current visible range of columns.
-       * @see ColumnRange
-       * @see useVirtualScroll
-       */
-      columnRange: C,
-      /**
-       * Helper to get the width of a specific column.
-       * @param index - The column index.
-       * @see useVirtualScroll
-       */
-      getColumnWidth: H,
-      /**
-       * Helper to get the height of a specific row.
-       * @param index - The row index.
-       * @see useVirtualScroll
-       */
-      getRowHeight: K,
-      /**
-       * Helper to get the virtual offset of a specific row.
-       * @param index - The row index.
-       * @see useVirtualScroll
-       */
-      getRowOffset: le,
-      /**
-       * Helper to get the virtual offset of a specific column.
-       * @param index - The column index.
-       * @see useVirtualScroll
-       */
-      getColumnOffset: Be,
-      /**
-       * Helper to get the virtual offset of a specific item.
-       * @param index - The item index.
-       * @see useVirtualScroll
-       */
-      getItemOffset: G,
-      /**
-       * Helper to get the size of a specific item along the scroll axis.
-       * @param index - The item index.
-       * @see useVirtualScroll
-       */
-      getItemSize: ue,
-      /**
-       * Programmatically scroll to a specific row and/or column.
-       *
-       * @param rowIndex - The row index to scroll to. Pass null to only scroll horizontally.
-       * @param colIndex - The column index to scroll to. Pass null to only scroll vertically.
-       * @param options - Alignment and behavior options. Defaults to { align: 'auto', behavior: 'auto' }.
-       * @see ScrollAlignment
-       * @see ScrollToIndexOptions
-       * @see useVirtualScroll
-       */
-      scrollToIndex: Q,
-      /**
-       * Programmatically scroll to a specific pixel offset.
-       *
-       * @param x - The pixel offset to scroll to on the X axis. Pass null to keep current position.
-       * @param y - The pixel offset to scroll to on the Y axis. Pass null to keep current position.
-       * @param options - Scroll options (behavior). Defaults to { behavior: 'auto' }.
-       * @see useVirtualScroll
-       */
-      scrollToOffset: Z,
-      /**
-       * Resets all dynamic measurements and re-initializes from props.
-       * @see useVirtualScroll
-       */
-      refresh: nt,
-      /**
-       * Immediately stops any currently active smooth scroll animation and clears pending corrections.
-       * @see useVirtualScroll
-       */
-      stopProgrammaticScroll: () => {
-        te(), Re();
-      },
-      /**
-       * Detects the current direction (LTR/RTL) of the scroll container.
-       */
-      updateDirection: de,
-      /**
-       * Whether the scroll container is in Right-to-Left (RTL) mode.
-       */
-      isRtl: k,
-      /**
-       * Whether the component has finished its first client-side mount and hydration.
-       */
-      isHydrated: L,
-      /**
-       * Coordinate scaling factor for X axis.
-       */
-      scaleX: Pe,
-      /**
-       * Coordinate scaling factor for Y axis.
-       */
-      scaleY: ce,
-      /**
-       * Physical width of the content in the DOM (clamped to browser limits).
-       */
-      renderedWidth: q,
-      /**
-       * Physical height of the content in the DOM (clamped to browser limits).
-       */
-      renderedHeight: x,
-      /**
-       * Absolute offset of the component within its container.
-       */
-      componentOffset: ae,
-      /**
-       * Properties for the vertical scrollbar.
-       * Useful when building custom scrollbar interfaces.
-       */
-      scrollbarPropsVertical: it,
-      /**
-       * Properties for the horizontal scrollbar.
-       * Useful when building custom scrollbar interfaces.
-       */
-      scrollbarPropsHorizontal: Ke
-    }), (n, v) => (Ee(), Je(ht(a.containerTag), {
-      id: b.value,
-      ref_key: "hostRef",
-      ref: S,
-      class: Bt(["virtual-scroll-container", [
-        `virtual-scroll--${a.direction}`,
-        {
-          "virtual-scroll--hydrated": tt(L),
-          "virtual-scroll--window": tt(Le),
-          "virtual-scroll--table": Ze.value,
-          "virtual-scroll--hide-scrollbar": fe.value
-        }
-      ]]),
-      style: gt(Ft.value),
-      tabindex: "0",
-      onKeydown: je,
-      onPointerdown: $e,
-      onPointermove: $t,
-      onPointerup: Xt,
-      onPointercancel: Xt
-    }, {
-      default: mt(() => [
-        fe.value ? (Ee(), It("div", Al, [
-          el("div", {
-            class: "virtual-scroll-scrollbar-viewport",
-            style: gt({
-              inlineSize: `${tt(P).displayViewportSize.width}px`,
-              blockSize: `${tt(P).displayViewportSize.height}px`,
-              "--vsi-scrollbar-has-cross-gap": a.direction === "both" ? 1 : 0
-            })
-          }, [
-            d.scrollbar && it.value ? pt(n.$slots, "scrollbar", St(Vt({ key: 0 }, it.value)), void 0, !0) : it.value ? (Ee(), Je(vl, St(Vt({ key: 1 }, it.value.scrollbarProps)), null, 16)) : et("", !0),
-            d.scrollbar && Ke.value ? pt(n.$slots, "scrollbar", St(Vt({ key: 2 }, Ke.value)), void 0, !0) : Ke.value ? (Ee(), Je(vl, St(Vt({ key: 3 }, Ke.value.scrollbarProps)), null, 16)) : et("", !0)
-          ], 4)
-        ])) : et("", !0),
-        d.header ? (Ee(), Je(ht(Et.value), {
-          key: 1,
-          ref_key: "headerRef",
-          ref: m,
-          class: Bt(["virtual-scroll-header", { "virtual-scroll--sticky": a.stickyHeader }])
-        }, {
-          default: mt(() => [
-            pt(n.$slots, "header", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["class"])) : et("", !0),
-        (Ee(), Je(ht(a.wrapperTag), {
-          ref_key: "wrapperRef",
-          ref: w,
-          class: "virtual-scroll-wrapper",
-          style: gt(He.value)
-        }, {
-          default: mt(() => [
-            Ze.value ? (Ee(), Je(ht(a.itemTag), {
-              key: 0,
-              class: "virtual-scroll-spacer",
-              style: gt(zt.value)
-            }, {
-              default: mt(() => [...v[0] || (v[0] = [
-                el("td", { style: { padding: "0", border: "none", "block-size": "inherit" } }, null, -1)
-              ])]),
-              _: 1
-            }, 8, ["style"])) : et("", !0),
-            (Ee(!0), It(wl, null, xl(tt(W), (c) => (Ee(), Je(ht(a.itemTag), {
-              key: c.index,
-              ref_for: !0,
-              ref: (A) => Ve(A, c.index),
-              "data-index": c.index,
-              class: Bt(["virtual-scroll-item", {
-                "virtual-scroll--sticky": c.isStickyActive,
-                "virtual-scroll--debug": Yt.value
-              }]),
-              style: gt(Ct(c))
-            }, {
-              default: mt(() => [
-                pt(n.$slots, "item", {
-                  item: c.item,
-                  index: c.index,
-                  columnRange: Ge.value,
-                  getColumnWidth: tt(H),
-                  gap: t.gap,
-                  columnGap: t.columnGap,
-                  isSticky: c.isSticky,
-                  isStickyActive: c.isStickyActive
-                }, void 0, !0),
-                Yt.value ? (Ee(), It("div", Wl, " #" + Qt(c.index) + " (" + Qt(Math.round(c.offset.x)) + ", " + Qt(Math.round(c.offset.y)) + ") ", 1)) : et("", !0)
-              ]),
-              _: 2
-            }, 1032, ["data-index", "class", "style"]))), 128))
-          ]),
-          _: 3
-        }, 8, ["style"])),
-        a.loading && d.loading ? (Ee(), It("div", {
-          key: 2,
-          class: "virtual-scroll-loading",
-          style: gt(rt.value)
-        }, [
-          pt(n.$slots, "loading", {}, void 0, !0)
-        ], 4)) : et("", !0),
-        d.footer ? (Ee(), Je(ht(Tt.value), {
-          key: 3,
-          ref_key: "footerRef",
-          ref: z,
-          class: Bt(["virtual-scroll-footer", { "virtual-scroll--sticky": a.stickyFooter }])
-        }, {
-          default: mt(() => [
-            pt(n.$slots, "footer", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["class"])) : et("", !0)
-      ]),
-      _: 3
-    }, 40, ["id", "class", "style"]));
-  }
-}), Bl = (a, e) => {
-  const i = a.__vccOpts || a;
-  for (const [t, s] of e)
-    i[t] = s;
-  return i;
-}, Hl = /* @__PURE__ */ Bl(ql, [["__scopeId", "data-v-91b6ab6c"]]);
-export {
-  bt as BROWSER_MAX_SIZE,
-  cl as DEFAULT_BUFFER,
-  Lt as DEFAULT_COLUMN_WIDTH,
-  Dt as DEFAULT_ITEM_SIZE,
-  Kt as FenwickTree,
-  Hl as VirtualScroll,
-  vl as VirtualScrollbar,
-  Xl as calculateColumnRange,
-  Yl as calculateItemPosition,
-  El as calculateItemStyle,
-  Rl as calculateRange,
-  sl as calculateScrollTarget,
-  Cl as calculateStickyItem,
-  Tl as calculateTotalSize,
-  ct as displayToVirtual,
-  pl as findPrevStickyIndex,
-  lt as getPaddingX,
-  at as getPaddingY,
-  Ml as isBody,
-  Zt as isElement,
-  Il as isItemVisible,
-  yt as isScrollToIndexOptions,
-  Jt as isScrollableElement,
-  zl as isWindow,
-  Pl as isWindowLike,
-  Ol as useVirtualScroll,
-  tl as useVirtualScrollbar,
-  Ht as virtualToDisplay
-};
-//# sourceMappingURL=index.mjs.map
+function useVirtualScrollbar(e) {
+	let n = computed(() => toValue(e.axis)), r = computed(() => toValue(e.totalSize)), i = computed(() => toValue(e.position)), a = computed(() => toValue(e.viewportSize)), o = computed(() => toValue(e.containerId)), c = computed(() => !!toValue(e.isRtl)), l = computed(() => n.value === "horizontal"), u = computed(() => r.value <= 0 ? 0 : Math.min(1, a.value / r.value)), d = computed(() => {
+		let e = r.value - a.value;
+		return e <= 0 ? 0 : Math.max(0, Math.min(1, i.value / e));
+	}), f = computed(() => {
+		let e = a.value > 0 ? 32 / a.value : .1;
+		return Math.max(Math.min(e, .1), u.value) * 100;
+	}), p = computed(() => d.value * (100 - f.value)), m = computed(() => l.value ? {
+		inlineSize: `${f.value}%`,
+		insetInlineStart: `${p.value}%`
+	} : {
+		blockSize: `${f.value}%`,
+		insetBlockStart: `${p.value}%`
+	}), g = computed(() => {
+		let e = a.value, t = "var(--vs-scrollbar-has-cross-gap, var(--vsi-scrollbar-has-cross-gap, 0)) * var(--vs-scrollbar-cross-gap, var(--vsi-scrollbar-size, 8px))";
+		return l.value ? { inlineSize: `calc(${Math.max(0, e - 4)}px - ${t})` } : { blockSize: `calc(${Math.max(0, e - 4)}px - ${t})` };
+	}), _ = ref(!1), y = 0, b = 0;
+	function x(t) {
+		let n = t.currentTarget;
+		if (t.target !== n) return;
+		let i = n.getBoundingClientRect(), o = l.value ? i.width : i.height, s = 0;
+		s = l.value ? c.value ? i.right - t.clientX : t.clientX - i.left : t.clientY - i.top;
+		let u = f.value / 100 * o, d = (s - u / 2) / (o - u), p = r.value - a.value, m = d * p;
+		m > p - 1 && (m = p), e.scrollToOffset(Math.max(0, Math.min(p, m)));
+	}
+	function S(e) {
+		_.value = !0, y = l.value ? c.value ? -e.clientX : e.clientX : e.clientY, b = i.value, e.currentTarget.setPointerCapture(e.pointerId), e.preventDefault(), e.stopPropagation();
+	}
+	function C(t) {
+		if (!_.value) return;
+		let n = t.currentTarget.parentElement;
+		if (!n) return;
+		let i = (l.value ? c.value ? -t.clientX : t.clientX : t.clientY) - y, o = n.getBoundingClientRect(), s = l.value ? o.width : o.height, u = s - f.value / 100 * s;
+		if (u <= 0) return;
+		let d = r.value - a.value, p = b + i / u * d;
+		p > d - 1 && (p = d), e.scrollToOffset(Math.max(0, Math.min(d, p)));
+	}
+	function T(e) {
+		_.value && (_.value = !1, e.currentTarget.releasePointerCapture(e.pointerId));
+	}
+	return getCurrentInstance() && onUnmounted(() => {
+		_.value = !1;
+	}), {
+		viewportPercent: u,
+		positionPercent: d,
+		thumbSizePercent: f,
+		thumbPositionPercent: p,
+		trackStyle: g,
+		thumbStyle: m,
+		trackProps: computed(() => ({
+			class: ["virtual-scrollbar-track", `virtual-scrollbar-track--${l.value ? "horizontal" : "vertical"}`],
+			style: g.value,
+			role: "scrollbar",
+			"aria-orientation": n.value,
+			"aria-valuenow": Math.round(i.value),
+			"aria-valuemin": 0,
+			"aria-valuemax": Math.round(r.value - a.value),
+			"aria-controls": o.value,
+			tabindex: -1,
+			onMousedown: x
+		})),
+		thumbProps: computed(() => ({
+			class: [
+				"virtual-scrollbar-thumb",
+				`virtual-scrollbar-thumb--${l.value ? "horizontal" : "vertical"}`,
+				{ "virtual-scrollbar-thumb--active": _.value }
+			],
+			style: m.value,
+			onPointerdown: S,
+			onPointermove: C,
+			onPointerup: T,
+			onPointercancel: T
+		})),
+		isDragging: _
+	};
+}
+var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
+	__name: "VirtualScrollbar",
+	props: {
+		axis: { default: "vertical" },
+		totalSize: {},
+		position: {},
+		viewportSize: {},
+		scrollToOffset: {},
+		containerId: {},
+		isRtl: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["scrollToOffset"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { trackProps: o, thumbProps: s } = useVirtualScrollbar({
+			axis: () => n.axis,
+			totalSize: () => n.totalSize,
+			position: () => n.position,
+			viewportSize: () => n.viewportSize,
+			containerId: () => n.containerId,
+			isRtl: () => n.isRtl,
+			scrollToOffset: (e) => {
+				n.scrollToOffset?.(e), r("scrollToOffset", e);
+			}
+		});
+		return (e, t) => (openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(o))), [createElementVNode("div", normalizeProps(guardReactiveProps(unref(s))), null, 16)], 16));
+	}
+}), _hoisted_1 = {
+	key: 0,
+	class: "virtual-scroll-scrollbar-container"
+}, _hoisted_2 = {
+	key: 0,
+	class: "virtual-scroll-debug-info"
+}, FRICTION = .95, MIN_VELOCITY = .1, VirtualScroll_default = /* @__PURE__ */ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})(/* @__PURE__ */ defineComponent({
+	__name: "VirtualScroll",
+	props: {
+		containerTag: { default: "div" },
+		wrapperTag: { default: "div" },
+		itemTag: { default: "div" },
+		stickyHeader: {
+			type: Boolean,
+			default: !1
+		},
+		stickyFooter: {
+			type: Boolean,
+			default: !1
+		},
+		virtualScrollbar: {
+			type: Boolean,
+			default: !1
+		},
+		items: {},
+		itemSize: {},
+		direction: { default: "vertical" },
+		bufferBefore: { default: 5 },
+		bufferAfter: { default: 5 },
+		container: {},
+		ssrRange: {},
+		columnCount: { default: 0 },
+		columnWidth: {},
+		scrollPaddingStart: { default: 0 },
+		scrollPaddingEnd: { default: 0 },
+		gap: { default: 0 },
+		columnGap: { default: 0 },
+		stickyIndices: { default: () => [] },
+		loadDistance: { default: 200 },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		restoreScrollOnPrepend: {
+			type: Boolean,
+			default: !1
+		},
+		initialScrollIndex: {},
+		initialScrollAlign: {},
+		defaultItemSize: {},
+		defaultColumnWidth: {},
+		debug: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"scroll",
+		"load",
+		"visibleRangeChange"
+	],
+	setup(o, { expose: s, emit: c }) {
+		let _ = o, w = c, k = useSlots(), A = ref(null), j = ref(null), M = ref(null), N = ref(null), te = /* @__PURE__ */ new Map(), P = useId(), F = computed(() => `vs-container-${P}`), ne = ref(0), re = ref(0), ie = computed(() => _.container === void 0 ? A.value : _.container), ae = computed(() => {
+			let e = ie.value;
+			return e === A.value || typeof window < "u" && (e === window || e === null);
+		}), I = computed(() => (_.items.length, {
+			items: _.items,
+			itemSize: _.itemSize,
+			direction: _.direction,
+			bufferBefore: _.bufferBefore,
+			bufferAfter: _.bufferAfter,
+			container: ie.value,
+			hostElement: j.value,
+			hostRef: A.value,
+			ssrRange: _.ssrRange,
+			columnCount: _.columnCount,
+			columnWidth: _.columnWidth,
+			scrollPaddingStart: {
+				x: getPaddingX(_.scrollPaddingStart, _.direction),
+				y: getPaddingY(_.scrollPaddingStart, _.direction)
+			},
+			scrollPaddingEnd: {
+				x: getPaddingX(_.scrollPaddingEnd, _.direction),
+				y: getPaddingY(_.scrollPaddingEnd, _.direction)
+			},
+			flowPaddingStart: {
+				x: 0,
+				y: _.stickyHeader ? 0 : ne.value
+			},
+			flowPaddingEnd: {
+				x: 0,
+				y: _.stickyFooter ? 0 : re.value
+			},
+			stickyStart: {
+				x: 0,
+				y: _.stickyHeader && ae.value ? ne.value : 0
+			},
+			stickyEnd: {
+				x: 0,
+				y: _.stickyFooter && ae.value ? re.value : 0
+			},
+			gap: _.gap,
+			columnGap: _.columnGap,
+			stickyIndices: _.stickyIndices,
+			loadDistance: _.loadDistance,
+			loading: _.loading,
+			restoreScrollOnPrepend: _.restoreScrollOnPrepend,
+			initialScrollIndex: _.initialScrollIndex,
+			initialScrollAlign: _.initialScrollAlign,
+			defaultItemSize: _.defaultItemSize,
+			defaultColumnWidth: _.defaultColumnWidth,
+			debug: _.debug
+		})), { isHydrated: ce, isRtl: L, columnRange: le, renderedItems: R, scrollDetails: z, renderedHeight: ue, renderedWidth: B, getColumnWidth: V, getRowHeight: fe, scrollToIndex: H, scrollToOffset: pe, updateHostOffset: me, updateItemSizes: he, updateDirection: ge, getItemOffset: ve, getRowOffset: Te, getColumnOffset: W, getItemSize: Ee, refresh: G, stopProgrammaticScroll: K, scaleX: q, scaleY: De, isWindowContainer: Oe, componentOffset: ke, renderedVirtualWidth: Ae, renderedVirtualHeight: je } = useVirtualScroll(I), Me = computed(() => q.value !== 1 || De.value !== 1), Ne = computed(() => Oe.value ? !1 : _.virtualScrollbar === !0 || q.value !== 1 || De.value !== 1);
+		function J(e) {
+			let { displayViewportSize: t } = z.value;
+			e >= ue.value - t.height - .5 ? pe(null, Infinity) : pe(null, displayToVirtual(e, ke.y, De.value));
+		}
+		function Y(e) {
+			let { displayViewportSize: t } = z.value;
+			e >= B.value - t.width - .5 ? pe(Infinity, null) : pe(displayToVirtual(e, ke.x, q.value), null);
+		}
+		let X = useVirtualScrollbar({
+			axis: "vertical",
+			totalSize: ue,
+			position: computed(() => z.value.displayScrollOffset.y),
+			viewportSize: computed(() => z.value.displayViewportSize.height),
+			scrollToOffset: J,
+			containerId: F,
+			isRtl: L
+		}), Pe = useVirtualScrollbar({
+			axis: "horizontal",
+			totalSize: B,
+			position: computed(() => z.value.displayScrollOffset.x),
+			viewportSize: computed(() => z.value.displayViewportSize.width),
+			scrollToOffset: Y,
+			containerId: F,
+			isRtl: L
+		}), Fe = computed(() => _.direction === "both" ? {
+			...le.value,
+			padStart: 0,
+			padEnd: 0
+		} : le.value);
+		function Ie() {
+			G(), ge(), nextTick(() => {
+				let e = [];
+				for (let [t, n] of te.entries()) n && e.push({
+					index: t,
+					inlineSize: n.offsetWidth,
+					blockSize: n.offsetHeight,
+					element: n
+				});
+				e.length > 0 && he(e);
+			});
+		}
+		watch(z, (e, t) => {
+			!ce.value || !e || (w("scroll", e), (!t || !t.range || !t.columnRange || e.range.start !== t.range.start || e.range.end !== t.range.end || e.columnRange.start !== t.columnRange.start || e.columnRange.end !== t.columnRange.end) && w("visibleRangeChange", {
+				start: e.range.start,
+				end: e.range.end,
+				colStart: e.columnRange.start,
+				colEnd: e.columnRange.end
+			}), !_.loading && (_.direction !== "horizontal" && e.totalSize && e.totalSize.height - (e.scrollOffset.y + e.viewportSize.height) <= _.loadDistance && w("load", "vertical"), _.direction !== "vertical" && e.totalSize && e.totalSize.width - (e.scrollOffset.x + e.viewportSize.width) <= _.loadDistance && w("load", "horizontal")));
+		}), watch(ce, (e) => {
+			e && z.value?.range && z.value?.columnRange && w("visibleRangeChange", {
+				start: z.value.range.start,
+				end: z.value.range.end,
+				colStart: z.value.columnRange.start,
+				colEnd: z.value.columnRange.end
+			});
+		}, { once: !0 });
+		let Le = typeof window > "u" ? null : new ResizeObserver(me), Z = typeof window > "u" ? null : new ResizeObserver((e) => {
+			let t = [];
+			for (let n of e) {
+				let e = n.target, r = Number(e.dataset.index), i = e.dataset.colIndex, a = n.contentRect.width, o = n.contentRect.height;
+				n.borderBoxSize && n.borderBoxSize.length > 0 ? (a = n.borderBoxSize[0].inlineSize, o = n.borderBoxSize[0].blockSize) : (a = e.offsetWidth, o = e.offsetHeight), i === void 0 ? Number.isNaN(r) || t.push({
+					index: r,
+					inlineSize: a,
+					blockSize: o,
+					element: e
+				}) : t.push({
+					index: -1,
+					inlineSize: a,
+					blockSize: o,
+					element: e
+				});
+			}
+			t.length > 0 && he(t);
+		}), Q = typeof window > "u" ? null : new ResizeObserver(() => {
+			ne.value = M.value?.offsetHeight || 0, re.value = N.value?.offsetHeight || 0, me();
+		});
+		function Re(e, t) {
+			watch(e, (e, n) => {
+				n && Q?.unobserve(n), e ? Q?.observe(e) : t.value = 0;
+			}, { immediate: !0 });
+		}
+		Re(M, ne), Re(N, re), onMounted(() => {
+			A.value && Le?.observe(A.value);
+			for (let e of te.values()) Z?.observe(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => Z?.observe(e));
+		}), watch([A, j], ([e], [t]) => {
+			t && Le?.unobserve(t), e && Le?.observe(e);
+		}), watch([A, Me], ([e, t], [n, r]) => {
+			let i = e !== n || t !== r;
+			n && i && n.removeEventListener("wheel", Ze), e && i && e.addEventListener("wheel", Ze, { passive: !t });
+		}, { immediate: !0 });
+		function ze(e, t) {
+			if (e) te.set(t, e), Z?.observe(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => Z?.observe(e));
+			else {
+				let e = te.get(t);
+				e && (Z?.unobserve(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => Z?.unobserve(e)), te.delete(t));
+			}
+		}
+		let Be = ref(!1), Ve = {
+			x: 0,
+			y: 0
+		}, He = {
+			x: 0,
+			y: 0
+		}, Ue = {
+			x: 0,
+			y: 0
+		}, We = 0, $ = {
+			x: 0,
+			y: 0
+		}, Ge = null;
+		function Ke() {
+			let e = () => {
+				$.x *= FRICTION, $.y *= FRICTION;
+				let t = z.value.scrollOffset.x, n = z.value.scrollOffset.y;
+				pe(t + $.x * 16, n + $.y * 16, { behavior: "auto" }), Math.abs($.x) > MIN_VELOCITY || Math.abs($.y) > MIN_VELOCITY ? Ge = requestAnimationFrame(e) : qe();
+			};
+			Ge = requestAnimationFrame(e);
+		}
+		function qe() {
+			Ge !== null && (cancelAnimationFrame(Ge), Ge = null), $ = {
+				x: 0,
+				y: 0
+			};
+		}
+		function Je(e) {
+			K(), qe(), Me.value && (e.pointerType === "mouse" && e.button !== 0 || (Be.value = !0, Ve = {
+				x: e.clientX,
+				y: e.clientY
+			}, Ue = {
+				x: e.clientX,
+				y: e.clientY
+			}, We = performance.now(), He = {
+				x: z.value.scrollOffset.x,
+				y: z.value.scrollOffset.y
+			}, e.currentTarget.setPointerCapture(e.pointerId)));
+		}
+		function Ye(e) {
+			if (!Be.value) return;
+			let t = performance.now(), n = t - We;
+			if (n > 0) {
+				let t = (Ue.x - e.clientX) / n, r = (Ue.y - e.clientY) / n;
+				$.x = $.x * .2 + t * .8, $.y = $.y * .2 + r * .8;
+			}
+			Ue = {
+				x: e.clientX,
+				y: e.clientY
+			}, We = t;
+			let r = Ve.x - e.clientX, i = Ve.y - e.clientY;
+			requestAnimationFrame(() => {
+				pe(He.x + r, He.y + i, { behavior: "auto" });
+			});
+		}
+		function Xe(e) {
+			Be.value && (Be.value = !1, e.currentTarget.releasePointerCapture(e.pointerId), (Math.abs($.x) > MIN_VELOCITY || Math.abs($.y) > MIN_VELOCITY) && (Math.abs($.x) > 4 * Math.abs($.y) ? $.y = 0 : Math.abs($.y) > 4 * Math.abs($.x) && ($.x = 0), Ke()));
+		}
+		function Ze(e) {
+			let { scrollOffset: t } = z.value;
+			if (K(), Me.value) {
+				e.preventDefault();
+				let n = e.deltaX, r = e.deltaY;
+				e.shiftKey && n === 0 && (n = r, r = 0), pe(t.x + n, t.y + r, { behavior: "auto" });
+			}
+		}
+		function Qe(e) {
+			let { viewportSize: t, scrollOffset: n } = z.value, r = _.direction !== "vertical", i = _.direction !== "horizontal", a = I.value.stickyStart, o = I.value.stickyEnd;
+			switch (e.key) {
+				case "Home":
+					e.preventDefault(), K(), H(0, 0, {
+						behavior: Math.max(n.x, n.y) > 10 * (_.direction === "horizontal" ? t.width : t.height) ? "auto" : "smooth",
+						align: "start"
+					});
+					break;
+				case "End": {
+					e.preventDefault(), K();
+					let r = _.items.length - 1, i = (_.columnCount || 0) > 0 ? _.columnCount - 1 : 0, { totalSize: a } = z.value, o = Math.max(a.width - n.x - t.width, a.height - n.y - t.height) > 10 * (_.direction === "horizontal" ? t.width : t.height) ? "auto" : "smooth";
+					_.direction === "both" ? H(r, i, {
+						behavior: o,
+						align: "end"
+					}) : H(_.direction === "vertical" ? r : 0, _.direction === "horizontal" ? r : 0, {
+						behavior: o,
+						align: "end"
+					});
+					break;
+				}
+				case "ArrowUp": {
+					if (e.preventDefault(), K(), !i) return;
+					let { currentIndex: t, scrollOffset: n } = z.value, r = n.y + a.y + I.value.scrollPaddingStart.y;
+					Te(t) < r - 1 ? H(t, null, { align: "start" }) : t > 0 && H(t - 1, null, { align: "start" });
+					break;
+				}
+				case "ArrowDown": {
+					if (e.preventDefault(), K(), !i) return;
+					let { currentEndIndex: r } = z.value, a = n.y + t.height - (o.y + I.value.scrollPaddingEnd.y);
+					Te(r) + fe(r) > a + 1 ? H(r, null, { align: "end" }) : r < _.items.length - 1 && H(r + 1, null, { align: "end" });
+					break;
+				}
+				case "ArrowLeft": {
+					if (e.preventDefault(), K(), !r) return;
+					let { currentColIndex: i, currentEndColIndex: s } = z.value;
+					if (L.value) {
+						let e = n.x + t.width - (o.x + I.value.scrollPaddingEnd.x);
+						(_.columnCount ? W(s) + V(s) : ve(s) + Ee(s)) > e + 1 ? H(null, s, { align: "end" }) : s < (_.columnCount ? _.columnCount - 1 : _.items.length - 1) && H(null, s + 1, { align: "end" });
+					} else {
+						let e = n.x + a.x + I.value.scrollPaddingStart.x;
+						(_.columnCount ? W(i) : ve(i)) < e - 1 ? H(null, i, { align: "start" }) : i > 0 && H(null, i - 1, { align: "start" });
+					}
+					break;
+				}
+				case "ArrowRight": {
+					if (e.preventDefault(), K(), !r) return;
+					let { currentColIndex: i, currentEndColIndex: s } = z.value;
+					if (L.value) {
+						let e = n.x + a.x + I.value.scrollPaddingStart.x;
+						(_.columnCount ? W(i) : ve(i)) < e - 1 ? H(null, i, { align: "start" }) : i > 0 && H(null, i - 1, { align: "start" });
+					} else {
+						let e = n.x + t.width - (o.x + I.value.scrollPaddingEnd.x);
+						(_.columnCount ? W(s) + V(s) : ve(s) + Ee(s)) > e + 1 ? H(null, s, { align: "end" }) : s < (_.columnCount ? _.columnCount - 1 : _.items.length - 1) && H(null, s + 1, { align: "end" });
+					}
+					break;
+				}
+				case "PageUp":
+					e.preventDefault(), K(), pe(!i && r ? n.x - t.width : null, i ? n.y - t.height : null);
+					break;
+				case "PageDown":
+					e.preventDefault(), K(), pe(!i && r ? n.x + t.width : null, i ? n.y + t.height : null);
+					break;
+			}
+		}
+		onUnmounted(() => {
+			Le?.disconnect(), Z?.disconnect(), Q?.disconnect();
+		});
+		let $e = computed(() => {
+			let e = { ..._.direction === "vertical" ? {} : { whiteSpace: "nowrap" } };
+			return (Ne.value || !Oe.value) && (e.overflow = "auto"), Me.value && (e.touchAction = "none"), Oe.value ? e : _.containerTag === "table" ? {
+				...e,
+				display: "block",
+				minInlineSize: _.direction === "vertical" ? "100%" : "auto"
+			} : e;
+		}), et = computed(() => {
+			if (_.direction === "horizontal") return null;
+			let { displayViewportSize: e, displayScrollOffset: t } = z.value;
+			if (ue.value <= e.height) return null;
+			let n = {
+				axis: "vertical",
+				totalSize: ue.value,
+				position: t.y,
+				viewportSize: e.height,
+				scrollToOffset: J,
+				containerId: F.value,
+				isRtl: L.value
+			};
+			return {
+				axis: "vertical",
+				positionPercent: X.positionPercent.value,
+				viewportPercent: X.viewportPercent.value,
+				thumbSizePercent: X.thumbSizePercent.value,
+				thumbPositionPercent: X.thumbPositionPercent.value,
+				trackProps: X.trackProps.value,
+				thumbProps: X.thumbProps.value,
+				scrollbarProps: n,
+				isDragging: X.isDragging.value
+			};
+		}), tt = computed(() => {
+			if (_.direction === "vertical") return null;
+			let { displayViewportSize: e, displayScrollOffset: t } = z.value;
+			if (B.value <= e.width) return null;
+			let n = {
+				axis: "horizontal",
+				totalSize: B.value,
+				position: t.x,
+				viewportSize: e.width,
+				scrollToOffset: Y,
+				containerId: F.value,
+				isRtl: L.value
+			};
+			return {
+				axis: "horizontal",
+				positionPercent: Pe.positionPercent.value,
+				viewportPercent: Pe.viewportPercent.value,
+				thumbSizePercent: Pe.thumbSizePercent.value,
+				thumbPositionPercent: Pe.thumbPositionPercent.value,
+				trackProps: Pe.trackProps.value,
+				thumbProps: Pe.thumbProps.value,
+				scrollbarProps: n,
+				isDragging: Pe.isDragging.value
+			};
+		}), nt = computed(() => {
+			let e = _.direction === "horizontal", t = _.direction === "vertical", n = _.direction === "both", r = {
+				inlineSize: t ? "100%" : `${Ae.value}px`,
+				blockSize: e ? "100%" : `${je.value}px`
+			};
+			return ce.value || (r.display = "flex", r.flexDirection = e ? "row" : "column", (e || n) && _.columnGap && (r.columnGap = `${_.columnGap}px`), (t || n) && _.gap && (r.rowGap = `${_.gap}px`)), r;
+		}), rt = computed(() => {
+			let e = _.direction === "horizontal";
+			return {
+				display: e ? "inline-block" : "block",
+				...e ? {
+					blockSize: "100%",
+					verticalAlign: "top"
+				} : { inlineSize: "100%" }
+			};
+		}), it = computed(() => ({
+			inlineSize: _.direction === "vertical" ? "1px" : `${Ae.value}px`,
+			blockSize: _.direction === "horizontal" ? "1px" : `${je.value}px`
+		}));
+		function at(e) {
+			let t = calculateItemStyle({
+				containerTag: _.containerTag || "div",
+				direction: _.direction,
+				isHydrated: ce.value,
+				item: e,
+				itemSize: _.itemSize,
+				paddingStartX: I.value.scrollPaddingStart.x,
+				paddingStartY: I.value.scrollPaddingStart.y,
+				isRtl: L.value
+			});
+			return !ce.value && _.direction === "both" && (t.display = "flex", _.columnGap && (t.columnGap = `${_.columnGap}px`)), t;
+		}
+		let ot = computed(() => _.debug), st = computed(() => _.containerTag === "table"), ct = computed(() => st.value ? "thead" : "div"), lt = computed(() => st.value ? "tfoot" : "div");
+		return s({
+			...toRefs(_),
+			scrollDetails: z,
+			columnRange: le,
+			getColumnWidth: V,
+			getRowHeight: fe,
+			getRowOffset: Te,
+			getColumnOffset: W,
+			getItemOffset: ve,
+			getItemSize: Ee,
+			scrollToIndex: H,
+			scrollToOffset: pe,
+			refresh: Ie,
+			stopProgrammaticScroll: () => {
+				K(), qe();
+			},
+			updateDirection: ge,
+			isRtl: L,
+			isHydrated: ce,
+			scaleX: q,
+			scaleY: De,
+			renderedWidth: B,
+			renderedHeight: ue,
+			componentOffset: ke,
+			scrollbarPropsVertical: et,
+			scrollbarPropsHorizontal: tt
+		}), (t, s) => (openBlock(), createBlock(resolveDynamicComponent(o.containerTag), {
+			id: F.value,
+			ref_key: "hostRef",
+			ref: A,
+			class: normalizeClass(["virtual-scroll-container", [`virtual-scroll--${o.direction}`, {
+				"virtual-scroll--hydrated": unref(ce),
+				"virtual-scroll--window": unref(Oe),
+				"virtual-scroll--table": st.value,
+				"virtual-scroll--hide-scrollbar": Ne.value
+			}]]),
+			style: normalizeStyle($e.value),
+			tabindex: "0",
+			onKeydown: Qe,
+			onPointerdown: Je,
+			onPointermove: Ye,
+			onPointerup: Xe,
+			onPointercancel: Xe
+		}, {
+			default: withCtx(() => [
+				Ne.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+					class: "virtual-scroll-scrollbar-viewport",
+					style: normalizeStyle({
+						inlineSize: `${unref(z).displayViewportSize.width}px`,
+						blockSize: `${unref(z).displayViewportSize.height}px`,
+						"--vsi-scrollbar-has-cross-gap": o.direction === "both" ? 1 : 0
+					})
+				}, [k.scrollbar && et.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 0 }, et.value)), void 0, !0) : et.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 1 }, et.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0), k.scrollbar && tt.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 2 }, tt.value)), void 0, !0) : tt.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 3 }, tt.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0)], 4)])) : createCommentVNode("", !0),
+				k.header ? (openBlock(), createBlock(resolveDynamicComponent(ct.value), {
+					key: 1,
+					ref_key: "headerRef",
+					ref: M,
+					class: normalizeClass(["virtual-scroll-header", { "virtual-scroll--sticky": o.stickyHeader }])
+				}, {
+					default: withCtx(() => [renderSlot(t.$slots, "header", {}, void 0, !0)]),
+					_: 3
+				}, 8, ["class"])) : createCommentVNode("", !0),
+				(openBlock(), createBlock(resolveDynamicComponent(o.wrapperTag), {
+					ref_key: "wrapperRef",
+					ref: j,
+					class: "virtual-scroll-wrapper",
+					style: normalizeStyle(nt.value)
+				}, {
+					default: withCtx(() => [st.value ? (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
+						key: 0,
+						class: "virtual-scroll-spacer",
+						style: normalizeStyle(it.value)
+					}, {
+						default: withCtx(() => [...s[0] ||= [createElementVNode("td", { style: {
+							padding: "0",
+							border: "none",
+							"block-size": "inherit"
+						} }, null, -1)]]),
+						_: 1
+					}, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(R), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
+						key: e.index,
+						ref_for: !0,
+						ref: (t) => ze(t, e.index),
+						"data-index": e.index,
+						class: normalizeClass(["virtual-scroll-item", {
+							"virtual-scroll--sticky": e.isStickyActive,
+							"virtual-scroll--debug": ot.value
+						}]),
+						style: normalizeStyle(at(e))
+					}, {
+						default: withCtx(() => [renderSlot(t.$slots, "item", {
+							item: e.item,
+							index: e.index,
+							columnRange: Fe.value,
+							getColumnWidth: unref(V),
+							gap: _.gap,
+							columnGap: _.columnGap,
+							isSticky: e.isSticky,
+							isStickyActive: e.isStickyActive,
+							isStickyActiveX: e.isStickyActiveX,
+							isStickyActiveY: e.isStickyActiveY,
+							offset: e.offset
+						}, void 0, !0), ot.value ? (openBlock(), createElementBlock("div", _hoisted_2, " #" + toDisplayString(e.index) + " (" + toDisplayString(Math.round(e.offset.x)) + ", " + toDisplayString(Math.round(e.offset.y)) + ") ", 1)) : createCommentVNode("", !0)]),
+						_: 2
+					}, 1032, [
+						"data-index",
+						"class",
+						"style"
+					]))), 128))]),
+					_: 3
+				}, 8, ["style"])),
+				o.loading && k.loading ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: "virtual-scroll-loading",
+					style: normalizeStyle(rt.value)
+				}, [renderSlot(t.$slots, "loading", {}, void 0, !0)], 4)) : createCommentVNode("", !0),
+				k.footer ? (openBlock(), createBlock(resolveDynamicComponent(lt.value), {
+					key: 3,
+					ref_key: "footerRef",
+					ref: N,
+					class: normalizeClass(["virtual-scroll-footer", { "virtual-scroll--sticky": o.stickyFooter }])
+				}, {
+					default: withCtx(() => [renderSlot(t.$slots, "footer", {}, void 0, !0)]),
+					_: 3
+				}, 8, ["class"])) : createCommentVNode("", !0)
+			]),
+			_: 3
+		}, 40, [
+			"id",
+			"class",
+			"style"
+		]));
+	}
+}), [["__scopeId", "data-v-408dd72c"]]);
+export { BROWSER_MAX_SIZE, DEFAULT_BUFFER, DEFAULT_COLUMN_WIDTH, DEFAULT_ITEM_SIZE, EMPTY_SCROLL_DETAILS, FenwickTree, VirtualScroll_default as VirtualScroll, VirtualScrollbar_default as VirtualScrollbar, calculateColumnRange, calculateItemPosition, calculateItemStyle, calculateRange, calculateScrollTarget, calculateStickyItem, calculateTotalSize, displayToVirtual, findPrevStickyIndex, getPaddingX, getPaddingY, isBody, isElement, isItemVisible, isScrollToIndexOptions, isScrollableElement, isWindow, isWindowLike, scrollTo, useVirtualScroll, useVirtualScrollbar, virtualToDisplay };
+
+//# sourceMappingURL=index.mjs.map