@pdanpdan/virtual-scroll 0.9.0 → 0.9.1

package/dist/index.mjs

@@ -151,23 +151,23 @@ function calculateAxisTarget({ index: e, align: t, viewSize: n, scrollPos: r, fi
 		effectiveAlign: h
 	};
 }
-function calculateAxisSticky(e, t, n, r, i, a) {
+function calculateAxisSticky(e, t, n, r, i, a, o) {
 	if (e <= t) return {
 		isActive: !1,
 		offset: 0
 	};
-	let o = findNextStickyIndex(i, r);
-	if (o === void 0) return {
+	let s = o === void 0 ? findNextStickyIndex(i, r) : o;
+	if (s === void 0) return {
 		isActive: !0,
 		offset: 0
 	};
-	let s = a(o);
-	return e >= s ? {
+	let c = a(s);
+	return e >= c ? {
 		isActive: !1,
 		offset: 0
 	} : {
 		isActive: !0,
-		offset: Math.max(0, Math.min(n, s - e)) - n
+		offset: Math.max(0, Math.min(n, c - e)) - n
 	};
 }
 function isItemVisible(e, t, n, r, i = 0, a = 0) {
@@ -188,14 +188,14 @@ function displayToVirtual(e, t, n) {
 function virtualToDisplay(e, t, n) {
 	return e / n + t;
 }
-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: te = 0, stickyEndY: ne = 0, flowPaddingStartX: re = 0, flowPaddingStartY: ie = 0, paddingStartX: D = 0, paddingStartY: O = 0, paddingEndX: k = 0, paddingEndY: ae = 0 }) {
-	let j;
-	j = isScrollToIndexOptions(n) ? n.align : n;
-	let oe = (j && typeof j == "object" ? j.x : j) || "auto", se = (j && typeof j == "object" ? j.y : j) || "auto", ce = f, le = p, ue = 0, fe = 0, pe = "auto", M = "auto", N = b === 1 ? o : BROWSER_MAX_SIZE, me = x === 1 ? s : BROWSER_MAX_SIZE, P = Math.max(0, S + N - i), he = Math.max(0, C + me - a), F = (P - S) * b, ge = (he - C) * x, I = re + T + D, ve = ie + E + O;
+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: te = 0, stickyEndX: ne = 0, stickyEndY: re = 0, flowPaddingStartX: ie = 0, flowPaddingStartY: ae = 0, paddingStartX: E = 0, paddingStartY: D = 0, paddingEndX: oe = 0, paddingEndY: se = 0 }) {
+	let k;
+	k = isScrollToIndexOptions(n) ? n.align : n;
+	let A = (k && typeof k == "object" ? k.x : k) || "auto", ce = (k && typeof k == "object" ? k.y : k) || "auto", le = f, ue = p, de = 0, pe = 0, me = "auto", j = "auto", M = b === 1 ? o : BROWSER_MAX_SIZE, he = x === 1 ? s : BROWSER_MAX_SIZE, N = Math.max(0, S + M - i), ge = Math.max(0, C + he - a), P = (N - S) * b, _e = (ge - C) * x, F = ie + T + E, ye = ae + te + D;
 	if (e != null) {
 		let t = calculateAxisTarget({
 			index: e,
-			align: se,
+			align: ce,
 			viewSize: a,
 			scrollPos: p,
 			fixedSize: u,
@@ -203,15 +203,15 @@ function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction
 			query: g,
 			getSize: m,
 			stickyIndices: w,
-			stickyStart: E + O,
-			stickyEnd: ne + ae
+			stickyStart: te + D,
+			stickyEnd: re + se
 		});
-		le = t.target + ve, fe = t.itemSize, M = t.effectiveAlign;
+		ue = t.target + ye, pe = t.itemSize, j = t.effectiveAlign;
 	}
 	if (t != null) {
 		let e = r === "both", n = calculateAxisTarget({
 			index: t,
-			align: oe,
+			align: A,
 			viewSize: i,
 			scrollPos: f,
 			fixedSize: e ? d : u,
@@ -219,18 +219,18 @@ function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction
 			query: e ? y : _,
 			getSize: e ? v : h,
 			stickyIndices: w,
-			stickyStart: T + D,
-			stickyEnd: te + k
+			stickyStart: T + E,
+			stickyEnd: ne + oe
 		});
-		ce = n.target + I, ue = n.itemSize, pe = n.effectiveAlign;
+		le = n.target + F, de = n.itemSize, me = n.effectiveAlign;
 	}
-	return ce = Math.max(0, Math.min(ce, F)), le = Math.max(0, Math.min(le, ge)), {
-		targetX: ce,
-		targetY: le,
-		itemWidth: ue,
-		itemHeight: fe,
-		effectiveAlignX: pe,
-		effectiveAlignY: M
+	return le = Math.max(0, Math.min(le, P)), ue = Math.max(0, Math.min(ue, _e)), {
+		targetX: le,
+		targetY: ue,
+		itemWidth: de,
+		itemHeight: pe,
+		effectiveAlignX: me,
+		effectiveAlignY: j
 	};
 }
 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 }) {
@@ -272,30 +272,30 @@ function calculateColumnRange({ columnCount: e, relativeScrollX: t, usableWidth:
 		padEnd: Math.max(0, m - h)
 	};
 }
-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, _ = {
+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, nextStickyIndex: h }) {
+	let g = !1, _ = !1, v = {
 		x: 0,
 		y: 0
 	};
 	if (!t) return {
-		isStickyActiveX: h,
-		isStickyActiveY: g,
+		isStickyActiveX: g,
+		isStickyActiveY: _,
 		isStickyActive: !1,
-		stickyOffset: _
+		stickyOffset: v
 	};
 	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;
+		let t = calculateAxisSticky(i, o, c, e, l, (e) => u === null ? p(e) : e * (u + d), h);
+		_ = t.isActive, v.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);
+		let t = calculateAxisSticky(r, a, s, e, l, (e) => u === null ? m(e) : e * (u + f), h);
+		t.isActive && (g = !0, v.x = t.offset);
 	}
 	return {
-		isStickyActiveX: h,
-		isStickyActiveY: g,
-		isStickyActive: h || g,
-		stickyOffset: _
+		isStickyActiveX: g,
+		isStickyActiveY: _,
+		isStickyActive: g || _,
+		stickyOffset: v
 	};
 }
 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 }) {
@@ -478,34 +478,31 @@ function useVirtualScrollSizes(e) {
 			let e = new Uint8Array(t);
 			e.set(o.value.subarray(0, Math.min(t, o.value.length))), o.value = e;
 		}
-	}, h = () => {
-		let e = n.value.props, t = e.items.length, l = e.columnCount || 0, u = e.gap || 0, d = e.columnGap || 0, p = e.columnWidth, m = !1, h = !1;
-		if (l > 0) for (let t = 0; t < l; t++) {
-			let r = a.get(t), i = o.value[t] === 1;
-			if (!n.value.isDynamicColumnWidth || !i && r === 0) {
-				let i = 0;
-				i = typeof p == "number" && p > 0 ? p : Array.isArray(p) && p.length > 0 ? p[t % p.length] || e.defaultColumnWidth || 100 : typeof p == "function" ? p(t) : e.defaultColumnWidth || 100;
-				let s = i + d;
-				Math.abs(r - s) > .5 ? (a.set(t, s), o.value[t] = n.value.isDynamicColumnWidth ? 0 : 1, m = !0) : n.value.isDynamicColumnWidth || (o.value[t] = 1);
+	}, h = (e, t, n, r, i, a, o, s, c) => {
+		let l = !1;
+		if (c) {
+			for (let r = 0; r < e; r++) t.get(r) !== 0 && (t.set(r, 0), n[r] = 0, l = !0);
+			return l;
+		}
+		for (let c = 0; c < e; c++) {
+			let e = t.get(c), u = n[c] === 1;
+			if (!o || !u && e === 0) {
+				let u = p(c, r, i, a, t, s) + a;
+				Math.abs(e - u) > .5 ? (t.set(c, u), n[c] = o ? 0 : 1, l = !0) : o || (n[c] = 1);
 			}
 		}
-		for (let a = 0; a < t; a++) {
-			let t = e.items[a], o = r.get(a), l = i.get(a), p = s.value[a] === 1, m = c.value[a] === 1;
-			if (n.value.direction === "horizontal") {
-				if (!n.value.isDynamicItemSize || !p && o === 0) {
-					let e = f(t, a) + d;
-					Math.abs(o - e) > .5 ? (r.set(a, e), s.value[a] = n.value.isDynamicItemSize ? 0 : 1, h = !0) : n.value.isDynamicItemSize || (s.value[a] = 1);
-				}
-			} else o !== 0 && (r.set(a, 0), s.value[a] = 0, h = !0);
-			if (n.value.direction !== "horizontal") {
-				if (!n.value.isDynamicItemSize || !m && l === 0) {
-					let e = f(t, a) + u;
-					Math.abs(l - e) > .5 ? (i.set(a, e), c.value[a] = n.value.isDynamicItemSize ? 0 : 1, h = !0) : n.value.isDynamicItemSize || (c.value[a] = 1);
-				}
-			} else l !== 0 && (i.set(a, 0), c.value[a] = 0, h = !0);
+		return l;
+	}, g = () => {
+		let e = n.value.props, t = e.items.length, l = e.columnCount || 0, u = e.gap || 0, d = e.columnGap || 0, f = e.columnWidth, p = e.itemSize, m = e.defaultColumnWidth || 100, g = e.defaultItemSize || n.value.defaultSize, _ = h(l, a, o.value, f, m, d, n.value.isDynamicColumnWidth, !0, !1), v = h(t, r, s.value, p, g, d, n.value.isDynamicItemSize, !0, n.value.direction !== "horizontal"), y = h(t, i, c.value, p, g, u, n.value.isDynamicItemSize, !1, n.value.direction === "horizontal");
+		_ && a.rebuild(), v && r.rebuild(), y && i.rebuild();
+	}, _ = (e, t, n, r, i, a, o) => {
+		let s = n.get(e), c = t + i, l = !1;
+		if (!r[e] || Math.abs(c - s) > .1) {
+			let t = c - s;
+			n.update(e, t), r[e] = 1, l = !0, e < a && s > 0 && (o.val += t);
 		}
-		m && a.rebuild(), h && (r.rebuild(), i.rebuild());
-	}, g = (e) => {
+		return l;
+	}, y = (e) => {
 		let t = n.value.props, a = t.items, o = a.length;
 		m(o, t.columnCount || 0);
 		let p = t.restoreScrollOnPrepend ? calculatePrependCount(d, a) : 0;
@@ -520,7 +517,7 @@ function useVirtualScrollSizes(e) {
 			}
 			(h > 0 || g > 0) && e && e(h, g);
 		}
-		h(), d = [...a], u.value = !0, l.value++;
+		g(), d = [...a], u.value = !0, l.value++;
 	};
 	return {
 		itemSizesX: r,
@@ -533,51 +530,29 @@ function useVirtualScrollSizes(e) {
 		sizesInitialized: u,
 		getItemBaseSize: f,
 		getSizeAt: p,
-		initializeSizes: g,
+		initializeSizes: y,
 		updateItemSizes: (e, t, u, d, f, p) => {
-			let m = !1, h = 0, g = 0, _ = n.value.props, v = _.gap || 0, y = _.columnGap || 0, b = t(n.value.direction === "horizontal" ? d : f), x = u(d), S = n.value.direction === "horizontal", C = n.value.direction === "both", w = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set(), E = (e, t) => {
-				if (e >= 0 && e < (_.columnCount || 0) && !T.has(e)) {
-					T.add(e);
-					let n = a.get(e), r = t + y;
-					if (!o.value[e] || Math.abs(n - r) > .1) {
-						let t = r - n;
-						Math.abs(t) > .1 && (a.update(e, t), m = !0, e < x && n > 0 && (h += t)), o.value[e] = 1;
-					}
-				}
+			let m = !1, h = { val: 0 }, g = { val: 0 }, v = n.value.props, y = v.gap || 0, b = v.columnGap || 0, x = t(n.value.direction === "horizontal" ? d : f), S = u(d), C = n.value.direction === "horizontal", w = n.value.direction === "both", T = /* @__PURE__ */ new Set(), te = /* @__PURE__ */ new Set(), ne = (e, t) => {
+				e >= 0 && e < (v.columnCount || 0) && !te.has(e) && (te.add(e), _(e, t, a, o.value, b, S, h) && (m = !0));
 			};
 			for (let { index: t, inlineSize: a, blockSize: o, element: l } of e) {
 				if (a <= 0 && o <= 0) continue;
-				let e = n.value.isDynamicItemSize || typeof _.itemSize == "function";
-				if (t >= 0 && !w.has(t) && e && o > 0) {
-					if (w.add(t), S && a > 0) {
-						let e = r.get(t), n = a + y;
-						if (!s.value[t] || Math.abs(n - e) > .1) {
-							let i = n - e;
-							r.update(t, i), s.value[t] = 1, m = !0, t < b && e > 0 && (h += i);
-						}
-					}
-					if (!S) {
-						let e = i.get(t), n = o + v;
-						if (!c.value[t] || Math.abs(n - e) > .1) {
-							let r = n - e;
-							i.update(t, r), c.value[t] = 1, m = !0, t < b && e > 0 && (g += r);
-						}
-					}
-				}
-				let u = n.value.isDynamicColumnWidth || typeof _.columnWidth == "function";
-				if (C && l && _.columnCount && u && (a > 0 || l.dataset.colIndex === void 0)) {
+				let e = n.value.isDynamicItemSize || typeof v.itemSize == "function";
+				t >= 0 && !T.has(t) && e && o > 0 && (T.add(t), C && a > 0 && _(t, a, r, s.value, b, x, h) && (m = !0), C || _(t, o, i, c.value, y, x, g) && (m = !0));
+				let u = n.value.isDynamicColumnWidth || typeof v.columnWidth == "function";
+				if (w && l && v.columnCount && u && (a > 0 || l.dataset.colIndex === void 0)) {
 					let e = l.dataset.colIndex;
-					if (e != null) E(Number.parseInt(e, 10), a);
+					if (e != null) ne(Number.parseInt(e, 10), a);
 					else {
 						let e = Array.from(l.querySelectorAll("[data-col-index]"));
-						for (let t of e) E(Number.parseInt(t.dataset.colIndex, 10), t.getBoundingClientRect().width);
+						for (let t of e) ne(Number.parseInt(t.dataset.colIndex, 10), t.getBoundingClientRect().width);
 					}
 				}
 			}
-			m && (l.value++, (h !== 0 || g !== 0) && p(h, g));
+			m && (l.value++, (h.val !== 0 || g.val !== 0) && p(h.val, g.val));
 		},
 		refresh: (e) => {
-			r.resize(0), i.resize(0), a.resize(0), o.value.fill(0), s.value.fill(0), c.value.fill(0), g(e);
+			r.resize(0), i.resize(0), a.resize(0), o.value.fill(0), s.value.fill(0), c.value.fill(0), y(e);
 		}
 	};
 }
@@ -588,89 +563,89 @@ function useVirtualScroll(e) {
 	}), y = reactive({
 		x: 0,
 		y: 0
-	}), b, x = ref(!1), S = ref(0), C = ref(0), w = 0, E = 0, te = null, ne = null, ie = null, D = () => {
+	}), b, x = ref(!1), S = ref(0), C = ref(0), w = 0, te = 0, ne = null, re = null, ae = null, E = () => {
 		if (typeof window > "u") return;
 		let e = n.value.container || n.value.hostRef || window, t = isElement(e) ? e : document.documentElement;
-		ie = window.getComputedStyle(t);
-		let r = ie.direction === "rtl";
+		ae = window.getComputedStyle(t);
+		let r = ae.direction === "rtl";
 		d.value !== r && (d.value = r);
-	}, O = computed(() => [
+	}, D = computed(() => [
 		"vertical",
 		"horizontal",
 		"both"
-	].includes(n.value.direction) ? n.value.direction : "vertical"), k = computed(() => n.value.itemSize === void 0 || n.value.itemSize === null || n.value.itemSize === 0), ae = computed(() => n.value.columnWidth === void 0 || n.value.columnWidth === null || n.value.columnWidth === 0), A = computed(() => typeof n.value.itemSize == "number" && n.value.itemSize > 0 ? n.value.itemSize : null), j = computed(() => typeof n.value.columnWidth == "number" && n.value.columnWidth > 0 ? n.value.columnWidth : null), oe = computed(() => n.value.defaultItemSize || A.value || 40), { itemSizesX: M, itemSizesY: N, columnSizes: P, measuredColumns: he, measuredItemsY: _e, treeUpdateFlag: I, getSizeAt: ve, initializeSizes: Ee, updateItemSizes: Oe, refresh: ke } = useVirtualScrollSizes(computed(() => ({
+	].includes(n.value.direction) ? n.value.direction : "vertical"), oe = computed(() => n.value.itemSize === void 0 || n.value.itemSize === null || n.value.itemSize === 0), se = computed(() => n.value.columnWidth === void 0 || n.value.columnWidth === null || n.value.columnWidth === 0), O = computed(() => typeof n.value.itemSize == "number" && n.value.itemSize > 0 ? n.value.itemSize : null), k = computed(() => typeof n.value.columnWidth == "number" && n.value.columnWidth > 0 ? n.value.columnWidth : null), A = computed(() => n.value.defaultItemSize || O.value || 40), { itemSizesX: j, itemSizesY: M, columnSizes: N, measuredColumns: ge, measuredItemsY: ve, treeUpdateFlag: F, getSizeAt: ye, initializeSizes: De, updateItemSizes: ke, refresh: Ae } = useVirtualScrollSizes(computed(() => ({
 		props: n.value,
-		isDynamicItemSize: k.value,
-		isDynamicColumnWidth: ae.value,
-		defaultSize: oe.value,
-		fixedItemSize: A.value,
-		direction: O.value
-	}))), z = ref(null), Me = computed(() => [...n.value.stickyIndices || []].sort((e, t) => e - t)), Pe = computed(() => new Set(Me.value)), Fe = computed(() => getPaddingX(n.value.scrollPaddingStart, n.value.direction)), Ie = computed(() => getPaddingX(n.value.scrollPaddingEnd, n.value.direction)), Le = computed(() => getPaddingY(n.value.scrollPaddingStart, n.value.direction)), Re = computed(() => getPaddingY(n.value.scrollPaddingEnd, n.value.direction)), B = computed(() => getPaddingX(n.value.stickyStart, n.value.direction)), ze = computed(() => getPaddingX(n.value.stickyEnd, n.value.direction)), V = computed(() => getPaddingY(n.value.stickyStart, n.value.direction)), Be = computed(() => getPaddingY(n.value.stickyEnd, n.value.direction)), H = computed(() => getPaddingX(n.value.flowPaddingStart, n.value.direction)), Ve = computed(() => getPaddingX(n.value.flowPaddingEnd, n.value.direction)), U = computed(() => getPaddingY(n.value.flowPaddingStart, n.value.direction)), He = computed(() => getPaddingY(n.value.flowPaddingEnd, n.value.direction)), Ue = computed(() => f.value - (O.value === "vertical" ? 0 : B.value + ze.value)), We = computed(() => p.value - (O.value === "horizontal" ? 0 : V.value + Be.value)), Ge = computed(() => (I.value, calculateTotalSize({
-		direction: O.value,
+		isDynamicItemSize: oe.value,
+		isDynamicColumnWidth: se.value,
+		defaultSize: A.value,
+		fixedItemSize: O.value,
+		direction: D.value
+	}))), R = ref(null), Ne = computed(() => [...n.value.stickyIndices || []].sort((e, t) => e - t)), Fe = computed(() => new Set(Ne.value)), Ie = computed(() => getPaddingX(n.value.scrollPaddingStart, n.value.direction)), Le = computed(() => getPaddingX(n.value.scrollPaddingEnd, n.value.direction)), Re = computed(() => getPaddingY(n.value.scrollPaddingStart, n.value.direction)), ze = computed(() => getPaddingY(n.value.scrollPaddingEnd, n.value.direction)), z = computed(() => getPaddingX(n.value.stickyStart, n.value.direction)), Be = computed(() => getPaddingX(n.value.stickyEnd, n.value.direction)), B = computed(() => getPaddingY(n.value.stickyStart, n.value.direction)), Ve = computed(() => getPaddingY(n.value.stickyEnd, n.value.direction)), V = computed(() => getPaddingX(n.value.flowPaddingStart, n.value.direction)), He = computed(() => getPaddingX(n.value.flowPaddingEnd, n.value.direction)), H = computed(() => getPaddingY(n.value.flowPaddingStart, n.value.direction)), Ue = computed(() => getPaddingY(n.value.flowPaddingEnd, n.value.direction)), We = computed(() => f.value - (D.value === "vertical" ? 0 : z.value + Be.value)), Ge = computed(() => p.value - (D.value === "horizontal" ? 0 : B.value + Ve.value)), Ke = computed(() => (F.value, calculateTotalSize({
+		direction: D.value,
 		itemsLength: n.value.items.length,
 		columnCount: n.value.columnCount || 0,
-		fixedSize: A.value,
-		fixedWidth: j.value,
+		fixedSize: O.value,
+		fixedWidth: k.value,
 		gap: n.value.gap || 0,
 		columnGap: n.value.columnGap || 0,
-		usableWidth: Ue.value,
-		usableHeight: We.value,
-		queryY: (e) => N.query(e),
-		queryX: (e) => M.query(e),
-		queryColumn: (e) => P.query(e)
-	}))), Ke = computed(() => isWindowLike(n.value.container)), qe = computed(() => Ge.value.width + Fe.value + Ie.value), Je = computed(() => Ge.value.height + Le.value + Re.value), W = computed(() => H.value + B.value + ze.value + Ve.value + qe.value), G = computed(() => U.value + V.value + Be.value + He.value + Je.value), K = reactive({
-		x: computed(() => Math.max(0, g.x - (H.value + B.value))),
-		y: computed(() => Math.max(0, g.y - (U.value + V.value)))
-	}), Ye = computed(() => calculateRenderedSize(Ke.value, W.value)), Xe = computed(() => calculateRenderedSize(Ke.value, G.value)), Ze = computed(() => calculateRenderedSize(Ke.value, qe.value)), Qe = computed(() => calculateRenderedSize(Ke.value, Je.value)), q = computed(() => calculateScale(Ke.value, W.value, f.value)), J = computed(() => calculateScale(Ke.value, G.value, p.value)), Y = computed(() => {
-		if (O.value === "vertical") return 0;
-		let e = H.value + B.value + Fe.value;
+		usableWidth: We.value,
+		usableHeight: Ge.value,
+		queryY: (e) => M.query(e),
+		queryX: (e) => j.query(e),
+		queryColumn: (e) => N.query(e)
+	}))), qe = computed(() => isWindowLike(n.value.container)), Je = computed(() => Ke.value.width + Ie.value + Le.value), Ye = computed(() => Ke.value.height + Re.value + ze.value), U = computed(() => V.value + z.value + Be.value + He.value + Je.value), W = computed(() => H.value + B.value + Ve.value + Ue.value + Ye.value), G = reactive({
+		x: computed(() => Math.max(0, g.x - (V.value + z.value))),
+		y: computed(() => Math.max(0, g.y - (H.value + B.value)))
+	}), Xe = computed(() => calculateRenderedSize(qe.value, U.value)), Ze = computed(() => calculateRenderedSize(qe.value, W.value)), Qe = computed(() => calculateRenderedSize(qe.value, Je.value)), $e = computed(() => calculateRenderedSize(qe.value, Ye.value)), K = computed(() => calculateScale(qe.value, U.value, f.value)), q = computed(() => calculateScale(qe.value, W.value, p.value)), J = computed(() => {
+		if (D.value === "vertical") return 0;
+		let e = V.value + z.value + Ie.value;
 		return S.value - e;
-	}), X = computed(() => {
-		if (O.value === "horizontal") return 0;
-		let e = U.value + V.value + Le.value;
+	}), Y = computed(() => {
+		if (D.value === "horizontal") return 0;
+		let e = H.value + B.value + Re.value;
 		return C.value - e;
-	}), Z = (e) => O.value === "both" ? ve(e, n.value.columnWidth, n.value.defaultColumnWidth || 100, n.value.columnGap || 0, P, !0) : ve(e, n.value.itemSize, n.value.defaultItemSize || 40, n.value.columnGap || 0, M, !0), $e = (e) => O.value === "horizontal" ? We.value : ve(e, n.value.itemSize, n.value.defaultItemSize || 40, n.value.gap || 0, N, !1);
-	function et(e, t, a) {
+	}), X = (e) => D.value === "both" ? ye(e, n.value.columnWidth, n.value.defaultColumnWidth || 100, n.value.columnGap || 0, N, !0) : ye(e, n.value.itemSize, n.value.defaultItemSize || 40, n.value.columnGap || 0, j, !0), et = (e) => D.value === "horizontal" ? Ge.value : ye(e, n.value.itemSize, n.value.defaultItemSize || 40, n.value.gap || 0, M, !1);
+	function tt(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: O.value,
+			direction: D.value,
 			viewportWidth: f.value,
 			viewportHeight: p.value,
-			totalWidth: W.value,
-			totalHeight: G.value,
+			totalWidth: U.value,
+			totalHeight: W.value,
 			gap: n.value.gap || 0,
 			columnGap: n.value.columnGap || 0,
-			fixedSize: A.value,
-			fixedWidth: j.value,
-			relativeScrollX: Y.value,
-			relativeScrollY: X.value,
-			getItemSizeY: (e) => N.get(e),
-			getItemSizeX: (e) => M.get(e),
-			getItemQueryY: (e) => N.query(e),
-			getItemQueryX: (e) => M.query(e),
-			getColumnSize: (e) => P.get(e),
-			getColumnQuery: (e) => P.query(e),
-			scaleX: q.value,
-			scaleY: J.value,
-			hostOffsetX: K.x,
-			hostOffsetY: K.y,
-			stickyIndices: Me.value,
-			stickyStartX: B.value,
-			stickyStartY: V.value,
-			stickyEndX: ze.value,
-			stickyEndY: Be.value,
-			flowPaddingStartX: H.value,
-			flowPaddingStartY: U.value,
-			paddingStartX: Fe.value,
-			paddingStartY: Le.value,
-			paddingEndX: Ie.value,
-			paddingEndY: Re.value
+			fixedSize: O.value,
+			fixedWidth: k.value,
+			relativeScrollX: J.value,
+			relativeScrollY: Y.value,
+			getItemSizeY: (e) => M.get(e),
+			getItemSizeX: (e) => j.get(e),
+			getItemQueryY: (e) => M.query(e),
+			getItemQueryX: (e) => j.query(e),
+			getColumnSize: (e) => N.get(e),
+			getColumnQuery: (e) => N.query(e),
+			scaleX: K.value,
+			scaleY: q.value,
+			hostOffsetX: G.x,
+			hostOffsetY: G.y,
+			stickyIndices: Ne.value,
+			stickyStartX: z.value,
+			stickyStartY: B.value,
+			stickyEndX: Be.value,
+			stickyEndY: Ve.value,
+			flowPaddingStartX: V.value,
+			flowPaddingStartY: H.value,
+			paddingStartX: Ie.value,
+			paddingStartY: Re.value,
+			paddingEndX: Le.value,
+			paddingEndY: ze.value
 		});
 		if (!o) {
 			let n = isScrollToIndexOptions(a) ? a.behavior : void 0;
-			z.value = {
+			R.value = {
 				rowIndex: e,
 				colIndex: t,
 				options: {
@@ -682,31 +657,31 @@ function useVirtualScroll(e) {
 				}
 			};
 		}
-		let h = virtualToDisplay(c, K.x, q.value), g = virtualToDisplay(l, K.y, J.value), _ = d.value ? -h : h, v = g, y;
+		let h = virtualToDisplay(c, G.x, K.value), g = virtualToDisplay(l, G.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), z.value)) {
-			let e = z.value.options;
+		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), R.value)) {
+			let e = R.value.options;
 			isScrollToIndexOptions(e) && (e.behavior = "auto");
 		}
 	}
-	let tt = (e, t, a) => {
+	let nt = (e, t, a) => {
 		let o = n.value.container || window;
-		x.value = !0, z.value = null;
-		let s = e == null ? null : Math.max(0, Math.min(e, W.value - f.value)), c = t == null ? null : Math.max(0, Math.min(t, G.value - p.value));
+		x.value = !0, R.value = null;
+		let s = e == null ? null : Math.max(0, Math.min(e, U.value - f.value)), c = t == null ? null : Math.max(0, Math.min(t, W.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, K.x, q.value), h = c === null ? null : virtualToDisplay(c, K.y, J.value), g = m === null ? l : d.value ? -m : m, _ = h === null ? u : h, v = { behavior: a?.behavior || "auto" };
+		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, G.x, K.value), h = c === null ? null : virtualToDisplay(c, G.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 = _));
-	}, nt = (e, t) => {
+	}, rt = (e, t) => {
 		nextTick(() => {
-			tt(e > 0 ? Y.value + e : null, t > 0 ? X.value + t : null, {
+			nt(e > 0 ? J.value + e : null, t > 0 ? Y.value + t : null, {
 				behavior: "auto",
 				isCorrection: !0
 			});
 		});
-	}, rt = () => Ee(nt), Q = () => {
+	}, it = () => De(rt), Z = () => {
 		if (typeof window > "u") return;
 		let e = n.value.container || window, t = (t) => {
 			let n = t.getBoundingClientRect();
@@ -750,56 +725,56 @@ function useVirtualScroll(e) {
 		() => n.value.columnGap,
 		() => n.value.defaultItemSize,
 		() => n.value.defaultColumnWidth
-	], rt, { immediate: !0 }), watch(() => [n.value.container, n.value.hostElement], () => {
-		Q();
+	], it, { immediate: !0 }), watch(() => [n.value.container, n.value.hostElement], () => {
+		Z();
 	}), watch(d, (e, t) => {
 		if (t === void 0 || e === t || !l.value) return;
-		if (O.value === "vertical") {
-			Q();
+		if (D.value === "vertical") {
+			Z();
 			return;
 		}
-		let n = displayToVirtual(t ? Math.abs(r.value) : r.value, g.x, q.value);
-		Q(), tt(n, null, { behavior: "auto" });
-	}, { flush: "sync" }), watch([q, J], () => {
-		!l.value || a.value || x.value || tt(S.value, C.value, { behavior: "auto" });
+		let n = displayToVirtual(t ? Math.abs(r.value) : r.value, g.x, K.value);
+		Z(), nt(n, null, { behavior: "auto" });
+	}, { flush: "sync" }), watch([K, q], () => {
+		!l.value || a.value || x.value || nt(S.value, C.value, { behavior: "auto" });
 	}), watch([() => n.value.items.length, () => n.value.columnCount], ([e, t], [n, r]) => {
 		nextTick(() => {
-			let i = Math.max(0, W.value - f.value), a = Math.max(0, G.value - p.value);
-			S.value > i || C.value > a ? tt(Math.min(S.value, i), Math.min(C.value, a), { behavior: "auto" }) : (e !== n && J.value !== 1 || t !== r && q.value !== 1) && tt(S.value, C.value, { behavior: "auto" }), Q();
+			let i = Math.max(0, U.value - f.value), a = Math.max(0, W.value - p.value);
+			S.value > i || C.value > a ? nt(Math.min(S.value, i), Math.min(C.value, a), { behavior: "auto" }) : (e !== n && q.value !== 1 || t !== r && K.value !== 1) && nt(S.value, C.value, { behavior: "auto" }), Z();
 		});
 	});
-	let it = (e) => {
-		let t = O.value === "horizontal";
-		return calculateIndexAt(e, A.value, t ? n.value.columnGap || 0 : n.value.gap || 0, (e) => t ? M.findLowerBound(e) : N.findLowerBound(e));
-	}, at = (e) => O.value === "both" ? calculateIndexAt(e, j.value, n.value.columnGap || 0, (e) => P.findLowerBound(e)) : O.value === "horizontal" ? it(e) : 0, ot = computed(() => {
-		if (I.value, (!o.value || c.value) && n.value.ssrRange) return {
+	let Q = (e) => {
+		let t = D.value === "horizontal";
+		return calculateIndexAt(e, O.value, t ? n.value.columnGap || 0 : n.value.gap || 0, (e) => t ? j.findLowerBound(e) : M.findLowerBound(e));
+	}, at = (e) => D.value === "both" ? calculateIndexAt(e, k.value, n.value.columnGap || 0, (e) => N.findLowerBound(e)) : D.value === "horizontal" ? Q(e) : 0, ot = computed(() => {
+		if (F.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: O.value,
-			relativeScrollX: Y.value,
-			relativeScrollY: X.value,
-			usableWidth: Ue.value,
-			usableHeight: We.value,
+			direction: D.value,
+			relativeScrollX: J.value,
+			relativeScrollY: Y.value,
+			usableWidth: We.value,
+			usableHeight: Ge.value,
 			itemsLength: n.value.items.length,
 			bufferBefore: e,
 			bufferAfter: t,
 			gap: n.value.gap || 0,
 			columnGap: n.value.columnGap || 0,
-			fixedSize: A.value,
-			findLowerBoundY: (e) => N.findLowerBound(e),
-			findLowerBoundX: (e) => M.findLowerBound(e),
-			queryY: (e) => N.query(e),
-			queryX: (e) => M.query(e)
+			fixedSize: O.value,
+			findLowerBoundY: (e) => M.findLowerBound(e),
+			findLowerBoundX: (e) => j.findLowerBound(e),
+			queryY: (e) => M.query(e),
+			queryX: (e) => j.query(e)
 		});
 	}), st = computed(() => {
-		I.value;
-		let e = Y.value + B.value, t = X.value + V.value;
-		return it(O.value === "horizontal" ? e : t);
+		F.value;
+		let e = J.value + z.value, t = Y.value + B.value;
+		return Q(D.value === "horizontal" ? e : t);
 	}), ct = computed(() => {
-		I.value;
+		F.value;
 		let e = n.value.columnCount || 0;
 		if (!e) return {
 			start: 0,
@@ -811,99 +786,104 @@ function useVirtualScroll(e) {
 			let { colStart: t = 0, colEnd: r = 0 } = n.value.ssrRange, i = Math.max(0, t), a = Math.min(e, r || e);
 			return calculateColumnRange({
 				columnCount: e,
-				relativeScrollX: calculateOffsetAt(i, j.value, n.value.columnGap || 0, (e) => P.query(e)),
-				usableWidth: calculateRangeSize(i, a, j.value, n.value.columnGap || 0, (e) => P.query(e)),
+				relativeScrollX: calculateOffsetAt(i, k.value, n.value.columnGap || 0, (e) => N.query(e)),
+				usableWidth: calculateRangeSize(i, a, k.value, n.value.columnGap || 0, (e) => N.query(e)),
 				colBuffer: 0,
-				fixedWidth: j.value,
+				fixedWidth: k.value,
 				columnGap: n.value.columnGap || 0,
-				findLowerBound: (e) => P.findLowerBound(e),
-				query: (e) => P.query(e),
-				totalColsQuery: () => P.query(e)
+				findLowerBound: (e) => N.findLowerBound(e),
+				query: (e) => N.query(e),
+				totalColsQuery: () => N.query(e)
 			});
 		}
 		let t = n.value.ssrRange && !a.value ? 0 : 2;
 		return calculateColumnRange({
 			columnCount: e,
-			relativeScrollX: Y.value,
-			usableWidth: Ue.value,
+			relativeScrollX: J.value,
+			usableWidth: We.value,
 			colBuffer: t,
-			fixedWidth: j.value,
+			fixedWidth: k.value,
 			columnGap: n.value.columnGap || 0,
-			findLowerBound: (e) => P.findLowerBound(e),
-			query: (e) => P.query(e),
-			totalColsQuery: () => P.query(e)
+			findLowerBound: (e) => N.findLowerBound(e),
+			query: (e) => N.query(e),
+			totalColsQuery: () => N.query(e)
 		});
 	}), lt = [], ut = computed(() => {
-		I.value;
-		let { start: e, end: t } = ot.value, r = [], i = Me.value, a = Pe.value, s = [];
+		F.value;
+		let { start: e, end: t } = ot.value, r = [], i = Ne.value, a = Fe.value, s = [];
 		if (o.value || !n.value.ssrRange) {
 			let t = st.value, n = findPrevStickyIndex(i, t);
 			n !== void 0 && n < e && s.push(n);
 		}
 		for (let n = e; n < t; n++) s.push(n);
-		let { x: c, y: l } = !o.value && n.value.ssrRange ? calculateSSROffsets(O.value, n.value.ssrRange, A.value, j.value, n.value.gap || 0, n.value.columnGap || 0, (e) => N.query(e), (e) => M.query(e), (e) => P.query(e)) : {
+		let { x: c, y: l } = !o.value && n.value.ssrRange ? calculateSSROffsets(D.value, n.value.ssrRange, O.value, k.value, n.value.gap || 0, n.value.columnGap || 0, (e) => M.query(e), (e) => j.query(e), (e) => N.query(e)) : {
 			x: 0,
 			y: 0
-		}, u = new Map(lt.map((e) => [e.index, e])), d = -1, f = 0, p = -1, m = 0, h = (e) => e === d + 1 ? (f += M.get(d), d = e, f) : (f = M.query(e), d = e, f), g = (e) => e === p + 1 ? (m += N.get(p), p = e, m) : (m = N.query(e), p = e, m), _ = H.value + B.value + Fe.value, v = U.value + V.value + Le.value, y = H.value + B.value, b = U.value + V.value, x = ct.value;
+		}, u = /* @__PURE__ */ new Map();
+		for (let e of lt) u.set(e.index, e);
+		let d = -1, f = 0, p = -1, m = 0, h = (e) => e === d + 1 ? (f += j.get(d), d = e, f) : (f = j.query(e), d = e, f), g = (e) => e === p + 1 ? (m += M.get(p), p = e, m) : (m = M.query(e), p = e, m), _ = V.value + z.value + Ie.value, v = H.value + B.value + Re.value, y = V.value + z.value, b = H.value + B.value, x = ct.value, w = 0;
 		for (let e of s) {
 			let t = n.value.items[e];
 			if (t === void 0) continue;
 			let { x: s, y: d, width: f, height: p } = calculateItemPosition({
 				index: e,
-				direction: O.value,
-				fixedSize: A.value,
+				direction: D.value,
+				fixedSize: O.value,
 				gap: n.value.gap || 0,
 				columnGap: n.value.columnGap || 0,
-				usableWidth: Ue.value,
-				usableHeight: We.value,
-				totalWidth: Ge.value.width,
+				usableWidth: We.value,
+				usableHeight: Ge.value,
+				totalWidth: Ke.value.width,
 				queryY: g,
 				queryX: h,
-				getSizeY: (e) => N.get(e),
-				getSizeX: (e) => M.get(e),
+				getSizeY: (e) => M.get(e),
+				getSizeX: (e) => j.get(e),
 				columnRange: x
-			}), m = a.has(e), w = s, T = d, { isStickyActive: E, isStickyActiveX: te, isStickyActiveY: ne, stickyOffset: re } = calculateStickyItem({
+			}), m = a.has(e), T = s, te = d;
+			for (; w < i.length && i[w] <= e;) w++;
+			let ne = w < i.length ? i[w] : void 0, { isStickyActive: re, isStickyActiveX: ie, isStickyActiveY: ae, stickyOffset: E } = calculateStickyItem({
 				index: e,
 				isSticky: m,
-				direction: O.value,
-				relativeScrollX: Y.value,
-				relativeScrollY: X.value,
-				originalX: w,
-				originalY: T,
+				direction: D.value,
+				relativeScrollX: J.value,
+				relativeScrollY: Y.value,
+				originalX: T,
+				originalY: te,
 				width: f,
 				height: p,
 				stickyIndices: i,
-				fixedSize: A.value,
-				fixedWidth: j.value,
+				fixedSize: O.value,
+				fixedWidth: k.value,
 				gap: n.value.gap || 0,
 				columnGap: n.value.columnGap || 0,
-				getItemQueryY: g,
-				getItemQueryX: h
-			}), ie = o.value ? S.value / q.value + (s + _ - S.value) - y : s - c, D = o.value ? C.value / J.value + (d + v - C.value) - b : d - l, k = u.get(e);
-			k && k.item === t && k.offset.x === ie && k.offset.y === D && k.size.width === f && k.size.height === p && k.isSticky === m && k.isStickyActive === E && k.isStickyActiveX === te && k.isStickyActiveY === ne && k.stickyOffset.x === re.x && k.stickyOffset.y === re.y ? r.push(k) : r.push({
+				getItemQueryY: (e) => M.query(e),
+				getItemQueryX: (e) => j.query(e),
+				nextStickyIndex: ne
+			}), oe = o.value ? S.value / K.value + (s + _ - S.value) - y : s - c, se = o.value ? C.value / q.value + (d + v - C.value) - b : d - l, A = u.get(e);
+			A && A.item === t && A.offset.x === oe && A.offset.y === se && A.size.width === f && A.size.height === p && A.isSticky === m && A.isStickyActive === re && A.isStickyActiveX === ie && A.isStickyActiveY === ae && A.stickyOffset.x === E.x && A.stickyOffset.y === E.y ? r.push(A) : r.push({
 				item: t,
 				index: e,
 				offset: {
-					x: ie,
-					y: D
+					x: oe,
+					y: se
 				},
 				size: {
 					width: f,
 					height: p
 				},
-				originalX: w,
-				originalY: T,
+				originalX: T,
+				originalY: te,
 				isSticky: m,
-				isStickyActive: E,
-				isStickyActiveX: te,
-				isStickyActiveY: ne,
-				stickyOffset: re
+				isStickyActive: re,
+				isStickyActiveX: ie,
+				isStickyActiveY: ae,
+				stickyOffset: E
 			});
 		}
 		return lt = r, r;
 	}), dt = computed(() => {
-		I.value;
-		let e = Y.value + B.value, t = X.value + V.value, n = Y.value + (f.value - ze.value) - 1, o = X.value + (p.value - Be.value) - 1, s = at(e), c = it(t), l = it(O.value === "horizontal" ? n : o), u = at(n);
+		F.value;
+		let e = J.value + z.value, t = Y.value + B.value, n = J.value + (f.value - Be.value) - 1, o = Y.value + (p.value - Ve.value) - 1, s = at(e), c = Q(t), l = Q(D.value === "horizontal" ? n : o), u = at(n);
 		return {
 			items: ut.value,
 			currentIndex: c,
@@ -927,8 +907,8 @@ function useVirtualScroll(e) {
 				height: p.value
 			},
 			totalSize: {
-				width: W.value,
-				height: G.value
+				width: U.value,
+				height: W.value
 			},
 			isScrolling: a.value,
 			isProgrammaticScroll: x.value,
@@ -936,25 +916,25 @@ function useVirtualScroll(e) {
 			columnRange: ct.value
 		};
 	}), ft = () => {
-		x.value = !1, z.value = null;
+		x.value = !1, R.value = null;
 	}, pt = (e) => {
 		let t = e.target;
 		if (typeof window > "u") return;
-		D(), 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);
-		let o = displayToVirtual(d.value ? Math.abs(r.value) : r.value, K.x, q.value), s = displayToVirtual(i.value, K.y, J.value);
-		Math.abs(o - w) > .5 && (te = o > w ? "end" : "start", w = o), Math.abs(s - E) > .5 && (ne = s > E ? "end" : "start", E = s), S.value = o, C.value = s, x.value || (z.value = null), a.value ||= !0, clearTimeout(b), b = setTimeout(() => {
+		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);
+		let o = displayToVirtual(d.value ? Math.abs(r.value) : r.value, G.x, K.value), s = displayToVirtual(i.value, G.y, q.value);
+		Math.abs(o - w) > .5 && (ne = o > w ? "end" : "start", w = o), Math.abs(s - te) > .5 && (re = s > te ? "end" : "start", te = s), S.value = o, C.value = s, x.value || (R.value = null), a.value ||= !0, clearTimeout(b), b = setTimeout(() => {
 			let e = x.value;
 			if (a.value = !1, x.value = !1, n.value.snap && !e) {
 				let e = n.value.snap, t = e === !0 ? "auto" : e, r = dt.value, i = n.value.items.length, a = r.currentIndex, o = r.currentColIndex, s = "start", c = "start", l = !1;
-				if (O.value !== "horizontal") {
-					let e = resolveSnap(t, ne, r.currentIndex, r.currentEndIndex, X.value, p.value, i, (e) => N.get(e), (e) => N.query(e), it);
+				if (D.value !== "horizontal") {
+					let e = resolveSnap(t, re, r.currentIndex, r.currentEndIndex, Y.value, p.value, i, (e) => M.get(e), (e) => M.query(e), Q);
 					e && (a = e.index, s = e.align, l = !0);
 				}
-				if (O.value !== "vertical") {
-					let e = O.value === "both", a = e ? n.value.columnCount || 0 : i, s = resolveSnap(t, te, r.currentColIndex, r.currentEndColIndex, Y.value, f.value, a, (t) => e ? P.get(t) : M.get(t), (t) => e ? P.query(t) : M.query(t), at);
+				if (D.value !== "vertical") {
+					let e = D.value === "both", a = e ? n.value.columnCount || 0 : i, s = resolveSnap(t, ne, r.currentColIndex, r.currentEndColIndex, J.value, f.value, a, (t) => e ? N.get(t) : j.get(t), (t) => e ? N.query(t) : j.query(t), at);
 					s && (o = s.index, c = s.align, l = !0);
 				}
-				l && et(a, o, {
+				l && tt(a, o, {
 					align: {
 						x: c,
 						y: s
@@ -964,8 +944,8 @@ function useVirtualScroll(e) {
 			}
 		}, 250);
 	}, mt = (e) => {
-		Oe(e, it, at, Y.value, X.value, (e, t) => {
-			z.value !== null || x.value || nt(e, t);
+		ke(e, Q, at, J.value, Y.value, (e, t) => {
+			R.value !== null || x.value || rt(e, t);
 		});
 	}, $ = (e, t, n, r) => {
 		mt([{
@@ -976,47 +956,47 @@ function useVirtualScroll(e) {
 		}]);
 	};
 	function ht() {
-		if (z.value && !c.value) {
-			let { rowIndex: e, colIndex: t, options: r } = z.value;
+		if (R.value && !c.value) {
+			let { rowIndex: e, colIndex: t, options: r } = R.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, q.value), m = displayToVirtual(l, 0, J.value), { targetX: h, targetY: g } = calculateScrollTarget({
+			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, K.value), m = displayToVirtual(l, 0, q.value), { targetX: h, targetY: g } = calculateScrollTarget({
 				rowIndex: e,
 				colIndex: t,
 				options: r,
-				direction: O.value,
+				direction: D.value,
 				viewportWidth: f.value,
 				viewportHeight: p.value,
-				totalWidth: qe.value,
-				totalHeight: Je.value,
+				totalWidth: Je.value,
+				totalHeight: Ye.value,
 				gap: n.value.gap || 0,
 				columnGap: n.value.columnGap || 0,
-				fixedSize: A.value,
-				fixedWidth: j.value,
+				fixedSize: O.value,
+				fixedWidth: k.value,
 				relativeScrollX: u,
 				relativeScrollY: m,
-				getItemSizeY: (e) => N.get(e),
-				getItemSizeX: (e) => M.get(e),
-				getItemQueryY: (e) => N.query(e),
-				getItemQueryX: (e) => M.query(e),
-				getColumnSize: (e) => P.get(e),
-				getColumnQuery: (e) => P.query(e),
-				scaleX: q.value,
-				scaleY: J.value,
-				hostOffsetX: K.x,
-				hostOffsetY: K.y,
-				stickyIndices: Me.value,
-				stickyStartX: B.value,
-				stickyStartY: V.value,
-				stickyEndX: ze.value,
-				stickyEndY: Be.value,
-				flowPaddingStartX: H.value,
-				flowPaddingStartY: U.value,
-				paddingStartX: Fe.value,
-				paddingStartY: Le.value,
-				paddingEndX: Ie.value,
-				paddingEndY: Re.value
-			}), _ = t == null || Math.abs(u - h) < 2, v = e == null || Math.abs(m - g) < 2, y = t == null || t === void 0 || he.value[t] === 1, b = e == null || e === void 0 || _e.value[e] === 1;
-			_ && v ? y && b && !a.value && !x.value && (z.value = null) : et(e, t, isScrollToIndexOptions(r) ? {
+				getItemSizeY: (e) => M.get(e),
+				getItemSizeX: (e) => j.get(e),
+				getItemQueryY: (e) => M.query(e),
+				getItemQueryX: (e) => j.query(e),
+				getColumnSize: (e) => N.get(e),
+				getColumnQuery: (e) => N.query(e),
+				scaleX: K.value,
+				scaleY: q.value,
+				hostOffsetX: G.x,
+				hostOffsetY: G.y,
+				stickyIndices: Ne.value,
+				stickyStartX: z.value,
+				stickyStartY: B.value,
+				stickyEndX: Be.value,
+				stickyEndY: Ve.value,
+				flowPaddingStartX: V.value,
+				flowPaddingStartY: H.value,
+				paddingStartX: Ie.value,
+				paddingStartY: Re.value,
+				paddingEndX: Le.value,
+				paddingEndY: ze.value
+			}), _ = t == null || Math.abs(u - h) < 2, v = e == null || Math.abs(m - g) < 2, y = t == null || t === void 0 || ge.value[t] === 1, b = e == null || e === void 0 || ve.value[e] === 1;
+			_ && v ? y && b && !a.value && !x.value && (R.value = null) : tt(e, t, isScrollToIndexOptions(r) ? {
 				...r,
 				isCorrection: !0
 			} : {
@@ -1026,7 +1006,7 @@ function useVirtualScroll(e) {
 		}
 	}
 	watch([
-		I,
+		F,
 		f,
 		p
 	], ht), watch(a, (e) => {
@@ -1035,30 +1015,30 @@ function useVirtualScroll(e) {
 	let gt = null, _t = null, vt, yt = (e) => {
 		if (typeof window > "u") return;
 		let t = e || window, n = t === window || isElement(t) && t === document.documentElement ? document : t;
-		if (n.addEventListener("scroll", pt, { passive: !0 }), ie = null, D(), isElement(t) && (_t = new MutationObserver(() => D()), _t.observe(t, {
+		if (n.addEventListener("scroll", pt, { passive: !0 }), ae = null, E(), isElement(t) && (_t = new MutationObserver(() => E()), _t.observe(t, {
 			attributes: !0,
 			attributeFilter: ["dir", "style"]
-		})), vt = setInterval(D, 1e3), t === window) {
+		})), vt = 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 = () => {
-				D(), f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight, Q();
+				E(), f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight, Z();
 			};
 			return window.addEventListener("resize", e), () => {
-				n.removeEventListener("scroll", pt), window.removeEventListener("resize", e), _t?.disconnect(), clearInterval(vt), ie = null;
+				n.removeEventListener("scroll", pt), window.removeEventListener("resize", e), _t?.disconnect(), clearInterval(vt), ae = null;
 			};
 		} else return f.value = t.clientWidth, p.value = t.clientHeight, r.value = t.scrollLeft, i.value = t.scrollTop, gt = new ResizeObserver(() => {
-			D(), f.value = t.clientWidth, p.value = t.clientHeight, Q();
+			E(), f.value = t.clientWidth, p.value = t.clientHeight, Z();
 		}), gt.observe(t), () => {
-			n.removeEventListener("scroll", pt), gt?.disconnect(), _t?.disconnect(), clearInterval(vt), ie = null;
+			n.removeEventListener("scroll", pt), gt?.disconnect(), _t?.disconnect(), clearInterval(vt), ae = null;
 		};
 	}, bt;
 	return getCurrentInstance() && (onMounted(() => {
-		l.value = !0, D(), watch(() => n.value.container, (e) => {
+		l.value = !0, E(), watch(() => n.value.container, (e) => {
 			bt?.(), bt = yt(e || null);
-		}, { immediate: !0 }), Q(), nextTick(() => {
-			if (Q(), n.value.ssrRange || n.value.initialScrollIndex !== void 0) {
+		}, { immediate: !0 }), Z(), nextTick(() => {
+			if (Z(), 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 && et(e, n.value.ssrRange?.colStart, {
+				e != null && tt(e, n.value.ssrRange?.colStart, {
 					align: t,
 					behavior: "auto"
 				}), o.value = !0, c.value = !0, nextTick(() => {
@@ -1070,40 +1050,40 @@ function useVirtualScroll(e) {
 		bt?.();
 	})), {
 		renderedItems: ut,
-		totalWidth: W,
-		totalHeight: G,
-		renderedWidth: Ye,
-		renderedHeight: Xe,
+		totalWidth: U,
+		totalHeight: W,
+		renderedWidth: Xe,
+		renderedHeight: Ze,
 		scrollDetails: dt,
-		getRowHeight: $e,
-		getColumnWidth: Z,
-		getRowOffset: (e) => U.value + V.value + Le.value + calculateOffsetAt(e, A.value, n.value.gap || 0, (e) => N.query(e)),
+		getRowHeight: et,
+		getColumnWidth: X,
+		getRowOffset: (e) => H.value + B.value + Re.value + calculateOffsetAt(e, O.value, n.value.gap || 0, (e) => M.query(e)),
 		getColumnOffset: (e) => {
-			let t = H.value + B.value + Fe.value;
-			return O.value === "both" ? t + calculateOffsetAt(e, j.value, n.value.columnGap || 0, (e) => P.query(e)) : t + calculateOffsetAt(e, A.value, n.value.columnGap || 0, (e) => M.query(e));
+			let t = V.value + z.value + Ie.value;
+			return D.value === "both" ? t + calculateOffsetAt(e, k.value, n.value.columnGap || 0, (e) => N.query(e)) : t + calculateOffsetAt(e, O.value, n.value.columnGap || 0, (e) => j.query(e));
 		},
-		getItemOffset: (e) => O.value === "horizontal" ? H.value + B.value + Fe.value + calculateOffsetAt(e, A.value, n.value.columnGap || 0, (e) => M.query(e)) : U.value + V.value + Le.value + calculateOffsetAt(e, A.value, n.value.gap || 0, (e) => N.query(e)),
-		getItemSize: (e) => O.value === "horizontal" ? Z(e) : $e(e),
-		scrollToIndex: et,
-		scrollToOffset: tt,
+		getItemOffset: (e) => D.value === "horizontal" ? V.value + z.value + Ie.value + calculateOffsetAt(e, O.value, n.value.columnGap || 0, (e) => j.query(e)) : H.value + B.value + Re.value + calculateOffsetAt(e, O.value, n.value.gap || 0, (e) => M.query(e)),
+		getItemSize: (e) => D.value === "horizontal" ? X(e) : et(e),
+		scrollToIndex: tt,
+		scrollToOffset: nt,
 		stopProgrammaticScroll: ft,
 		updateItemSize: $,
 		updateItemSizes: mt,
-		updateHostOffset: Q,
-		updateDirection: D,
+		updateHostOffset: Z,
+		updateDirection: E,
 		columnRange: ct,
 		refresh: () => {
-			ke(nt);
+			Ae(rt);
 		},
 		isHydrated: o,
-		isWindowContainer: Ke,
+		isWindowContainer: qe,
 		isRtl: d,
-		scaleX: q,
-		scaleY: J,
-		componentOffset: K,
-		renderedVirtualWidth: Ze,
-		renderedVirtualHeight: Qe,
-		getRowIndexAt: it,
+		scaleX: K,
+		scaleY: q,
+		componentOffset: G,
+		renderedVirtualWidth: Qe,
+		renderedVirtualHeight: $e,
+		getRowIndexAt: Q,
 		getColIndexAt: at
 	};
 }
@@ -1286,18 +1266,18 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		"visibleRangeChange"
 	],
 	setup(o, { expose: s, emit: c }) {
-		let _ = o, S = c, T = useSlots(), D = ref(null), O = ref(null), k = ref(null), ae = ref(null), A = /* @__PURE__ */ new Map(), j = useId(), oe = computed(() => `vs-container-${j}`), ce = ref(0), le = ref(0), ue = computed(() => _.container === void 0 ? D.value : _.container), de = computed(() => {
-			let e = ue.value;
-			return e === D.value || isWindowLike(e);
-		}), M = computed(() => (_.items.length, {
+		let _ = o, S = c, T = useSlots(), E = ref(null), D = ref(null), oe = ref(null), se = ref(null), O = /* @__PURE__ */ new Map(), k = useId(), A = computed(() => `vs-container-${k}`), le = ref(0), ue = ref(0), de = computed(() => _.container === void 0 ? E.value : _.container), fe = computed(() => {
+			let e = de.value;
+			return e === E.value || isWindowLike(e);
+		}), j = computed(() => (_.items.length, {
 			items: _.items,
 			itemSize: _.itemSize,
 			direction: _.direction,
 			bufferBefore: _.bufferBefore,
 			bufferAfter: _.bufferAfter,
-			container: ue.value,
-			hostElement: O.value,
-			hostRef: D.value,
+			container: de.value,
+			hostElement: D.value,
+			hostRef: E.value,
 			ssrRange: _.ssrRange,
 			columnCount: _.columnCount,
 			columnWidth: _.columnWidth,
@@ -1311,19 +1291,19 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			},
 			flowPaddingStart: {
 				x: 0,
-				y: _.stickyHeader ? 0 : ce.value
+				y: _.stickyHeader ? 0 : le.value
 			},
 			flowPaddingEnd: {
 				x: 0,
-				y: _.stickyFooter ? 0 : le.value
+				y: _.stickyFooter ? 0 : ue.value
 			},
 			stickyStart: {
 				x: 0,
-				y: _.stickyHeader && de.value ? ce.value : 0
+				y: _.stickyHeader && fe.value ? le.value : 0
 			},
 			stickyEnd: {
 				x: 0,
-				y: _.stickyFooter && de.value ? le.value : 0
+				y: _.stickyFooter && fe.value ? ue.value : 0
 			},
 			gap: _.gap,
 			columnGap: _.columnGap,
@@ -1337,64 +1317,64 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			defaultColumnWidth: _.defaultColumnWidth,
 			debug: _.debug,
 			snap: _.snap
-		})), { isHydrated: N, isRtl: me, columnRange: P, renderedItems: he, scrollDetails: F, renderedHeight: ge, renderedWidth: _e, getColumnWidth: I, getRowHeight: ve, scrollToIndex: L, scrollToOffset: ye, updateHostOffset: be, updateItemSizes: xe, updateDirection: Se, getItemOffset: Ce, getRowOffset: we, getColumnOffset: Te, getItemSize: De, refresh: Oe, stopProgrammaticScroll: R, scaleX: Ae, scaleY: je, isWindowContainer: Me, componentOffset: Ne, renderedVirtualWidth: V, renderedVirtualHeight: Be, getRowIndexAt: H, getColIndexAt: Ve } = useVirtualScroll(M), U = computed(() => Ae.value !== 1 || je.value !== 1), He = computed(() => Me.value ? !1 : _.virtualScrollbar === !0 || Ae.value !== 1 || je.value !== 1);
-		function Ue(e) {
-			let { displayViewportSize: t } = F.value;
-			e >= ge.value - t.height - .5 ? ye(null, Infinity) : ye(null, displayToVirtual(e, Ne.y, je.value));
-		}
+		})), { isHydrated: M, isRtl: he, columnRange: N, renderedItems: ge, scrollDetails: P, renderedHeight: _e, renderedWidth: ve, getColumnWidth: F, getRowHeight: ye, scrollToIndex: I, scrollToOffset: be, updateHostOffset: xe, updateItemSizes: Se, updateDirection: Ce, getItemOffset: we, getRowOffset: Te, getColumnOffset: Ee, getItemSize: Oe, refresh: ke, stopProgrammaticScroll: L, scaleX: je, scaleY: Me, isWindowContainer: Ne, componentOffset: Pe, renderedVirtualWidth: B, renderedVirtualHeight: Ve, getRowIndexAt: V, getColIndexAt: He } = useVirtualScroll(j), H = computed(() => je.value !== 1 || Me.value !== 1), Ue = computed(() => Ne.value ? !1 : _.virtualScrollbar === !0 || je.value !== 1 || Me.value !== 1);
 		function We(e) {
-			let { displayViewportSize: t } = F.value;
-			e >= _e.value - t.width - .5 ? ye(Infinity, null) : ye(displayToVirtual(e, Ne.x, Ae.value), null);
+			let { displayViewportSize: t } = P.value;
+			e >= _e.value - t.height - .5 ? be(null, Infinity) : be(null, displayToVirtual(e, Pe.y, Me.value));
+		}
+		function Ge(e) {
+			let { displayViewportSize: t } = P.value;
+			e >= ve.value - t.width - .5 ? be(Infinity, null) : be(displayToVirtual(e, Pe.x, je.value), null);
 		}
-		let Ge = useVirtualScrollbar(computed(() => ({
+		let Ke = useVirtualScrollbar(computed(() => ({
 			axis: "vertical",
-			totalSize: ge.value,
-			position: F.value.displayScrollOffset.y,
-			viewportSize: F.value.displayViewportSize.height,
-			scrollToOffset: Ue,
-			containerId: oe.value,
-			isRtl: me.value
-		}))), Ke = useVirtualScrollbar(computed(() => ({
-			axis: "horizontal",
 			totalSize: _e.value,
-			position: F.value.displayScrollOffset.x,
-			viewportSize: F.value.displayViewportSize.width,
+			position: P.value.displayScrollOffset.y,
+			viewportSize: P.value.displayViewportSize.height,
 			scrollToOffset: We,
-			containerId: oe.value,
-			isRtl: me.value
-		}))), qe = computed(() => _.direction === "both" ? {
-			...P.value,
+			containerId: A.value,
+			isRtl: he.value
+		}))), qe = useVirtualScrollbar(computed(() => ({
+			axis: "horizontal",
+			totalSize: ve.value,
+			position: P.value.displayScrollOffset.x,
+			viewportSize: P.value.displayViewportSize.width,
+			scrollToOffset: Ge,
+			containerId: A.value,
+			isRtl: he.value
+		}))), Je = computed(() => _.direction === "both" ? {
+			...N.value,
 			padStart: 0,
 			padEnd: 0
-		} : P.value);
-		function Je() {
-			Oe(), Se(), nextTick(() => {
+		} : N.value);
+		function Ye() {
+			ke(), Ce(), nextTick(() => {
 				let e = [];
-				for (let [t, n] of A.entries()) n && e.push({
+				for (let [t, n] of O.entries()) n && e.push({
 					index: t,
 					inlineSize: n.offsetWidth,
 					blockSize: n.offsetHeight,
 					element: n
 				});
-				e.length > 0 && xe(e);
+				e.length > 0 && Se(e);
 			});
 		}
-		watch(F, (e, t) => {
-			!N.value || !e || (S("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) && S("visibleRangeChange", {
+		watch(P, (e, t) => {
+			!M.value || !e || (S("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) && S("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 && S("load", "vertical"), _.direction !== "vertical" && e.totalSize && e.totalSize.width - (e.scrollOffset.x + e.viewportSize.width) <= _.loadDistance && S("load", "horizontal")));
-		}), watch(N, (e) => {
-			e && F.value?.range && F.value?.columnRange && S("visibleRangeChange", {
-				start: F.value.range.start,
-				end: F.value.range.end,
-				colStart: F.value.columnRange.start,
-				colEnd: F.value.columnRange.end
+		}), watch(M, (e) => {
+			e && 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 });
-		let W = typeof window > "u" ? null : new ResizeObserver(be), G = typeof window > "u" ? null : new ResizeObserver((e) => {
+		let U = typeof window > "u" ? null : new ResizeObserver(xe), W = 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;
@@ -1410,190 +1390,190 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					element: e
 				});
 			}
-			t.length > 0 && xe(t);
-		}), K = typeof window > "u" ? null : new ResizeObserver(() => {
-			ce.value = k.value?.offsetHeight || 0, le.value = ae.value?.offsetHeight || 0, be();
+			t.length > 0 && Se(t);
+		}), G = typeof window > "u" ? null : new ResizeObserver(() => {
+			le.value = oe.value?.offsetHeight || 0, ue.value = se.value?.offsetHeight || 0, xe();
 		});
-		function Ye(e, t) {
+		function Xe(e, t) {
 			watch(e, (e, n) => {
-				n && K?.unobserve(n), e ? K?.observe(e) : t.value = 0;
+				n && G?.unobserve(n), e ? G?.observe(e) : t.value = 0;
 			}, { immediate: !0 });
 		}
-		Ye(k, ce), Ye(ae, le), onMounted(() => {
-			D.value && W?.observe(D.value);
-			for (let e of A.values()) Xe(e, !0);
-		}), watch([D, O], ([e], [t]) => {
-			t && W?.unobserve(t), e && W?.observe(e);
-		}), watch([D, U], ([e, t], [n, r]) => {
+		Xe(oe, le), Xe(se, ue), onMounted(() => {
+			E.value && U?.observe(E.value);
+			for (let e of O.values()) Ze(e, !0);
+		}), watch([E, D], ([e], [t]) => {
+			t && U?.unobserve(t), e && U?.observe(e);
+		}), watch([E, H], ([e, t], [n, r]) => {
 			let i = e !== n || t !== r;
-			n && i && n.removeEventListener("wheel", it), e && i && e.addEventListener("wheel", it, { passive: !t });
+			n && i && n.removeEventListener("wheel", Q), e && i && e.addEventListener("wheel", Q, { passive: !t });
 		}, { immediate: !0 });
-		function Xe(e, t) {
+		function Ze(e, t) {
 			let n = t ? "observe" : "unobserve";
-			G?.[n](e), _.direction === "both" && e.children.length > 0 && e.querySelectorAll("[data-col-index]").forEach((e) => G?.[n](e));
+			W?.[n](e), _.direction === "both" && e.children.length > 0 && e.querySelectorAll("[data-col-index]").forEach((e) => W?.[n](e));
 		}
-		function Ze(e, t) {
+		function Qe(e, t) {
 			if (e) {
 				let n = e;
-				A.set(t, n), Xe(n, !0);
+				O.set(t, n), Ze(n, !0);
 			} else {
-				let e = A.get(t);
-				e && (Xe(e, !1), A.delete(t));
+				let e = O.get(t);
+				e && (Ze(e, !1), O.delete(t));
 			}
 		}
-		let Qe = ref(!1), q = {
+		let $e = ref(!1), K = {
 			x: 0,
 			y: 0
-		}, J = {
+		}, q = {
 			x: 0,
 			y: 0
-		}, Y = {
+		}, J = {
 			x: 0,
 			y: 0
-		}, X = 0, Z = {
+		}, Y = 0, X = {
 			x: 0,
 			y: 0
-		}, $e = null;
-		function et() {
+		}, et = null;
+		function tt() {
 			let e = () => {
-				let { nextVelocity: t, delta: n } = calculateInertiaStep(Z, FRICTION);
-				Z.x = t.x, Z.y = t.y;
-				let { x: r, y: i } = F.value.scrollOffset;
-				ye(r + n.x, i + n.y, { behavior: "auto" }), Math.abs(Z.x) > MIN_VELOCITY || Math.abs(Z.y) > MIN_VELOCITY ? $e = requestAnimationFrame(e) : tt();
+				let { nextVelocity: t, delta: n } = calculateInertiaStep(X, FRICTION);
+				X.x = t.x, X.y = t.y;
+				let { x: r, y: i } = P.value.scrollOffset;
+				be(r + n.x, i + n.y, { behavior: "auto" }), Math.abs(X.x) > MIN_VELOCITY || Math.abs(X.y) > MIN_VELOCITY ? et = requestAnimationFrame(e) : nt();
 			};
-			$e = requestAnimationFrame(e);
+			et = requestAnimationFrame(e);
 		}
-		function tt() {
-			$e !== null && (cancelAnimationFrame($e), $e = null), Z = {
+		function nt() {
+			et !== null && (cancelAnimationFrame(et), et = null), X = {
 				x: 0,
 				y: 0
 			};
 		}
-		function nt(e) {
-			R(), tt(), U.value && (e.pointerType === "mouse" && e.button !== 0 || (Qe.value = !0, q = {
+		function rt(e) {
+			L(), nt(), H.value && (e.pointerType === "mouse" && e.button !== 0 || ($e.value = !0, K = {
 				x: e.clientX,
 				y: e.clientY
-			}, Y = {
+			}, J = {
 				x: e.clientX,
 				y: e.clientY
-			}, X = performance.now(), J = {
-				x: F.value.scrollOffset.x,
-				y: F.value.scrollOffset.y
+			}, Y = performance.now(), q = {
+				x: P.value.scrollOffset.x,
+				y: P.value.scrollOffset.y
 			}, e.currentTarget.setPointerCapture(e.pointerId)));
 		}
-		function rt(e) {
-			if (!Qe.value) return;
-			let t = performance.now(), n = t - X;
+		function it(e) {
+			if (!$e.value) return;
+			let t = performance.now(), n = t - Y;
 			if (n > 0) {
-				let t = calculateInstantaneousVelocity(Y, {
+				let t = calculateInstantaneousVelocity(J, {
 					x: e.clientX,
 					y: e.clientY
 				}, n);
-				Z.x = Z.x * .2 + t.x * .8, Z.y = Z.y * .2 + t.y * .8;
+				X.x = X.x * .2 + t.x * .8, X.y = X.y * .2 + t.y * .8;
 			}
-			Y = {
+			J = {
 				x: e.clientX,
 				y: e.clientY
-			}, X = t;
-			let r = q.x - e.clientX, i = q.y - e.clientY;
+			}, Y = t;
+			let r = K.x - e.clientX, i = K.y - e.clientY;
 			requestAnimationFrame(() => {
-				ye(J.x + r, J.y + i, { behavior: "auto" });
+				be(q.x + r, q.y + i, { behavior: "auto" });
 			});
 		}
-		function Q(e) {
-			Qe.value && (Qe.value = !1, e.currentTarget.releasePointerCapture(e.pointerId), (Math.abs(Z.x) > MIN_VELOCITY || Math.abs(Z.y) > MIN_VELOCITY) && (Math.abs(Z.x) > 4 * Math.abs(Z.y) ? Z.y = 0 : Math.abs(Z.y) > 4 * Math.abs(Z.x) && (Z.x = 0), et()));
+		function Z(e) {
+			$e.value && ($e.value = !1, e.currentTarget.releasePointerCapture(e.pointerId), (Math.abs(X.x) > MIN_VELOCITY || Math.abs(X.y) > MIN_VELOCITY) && (Math.abs(X.x) > 4 * Math.abs(X.y) ? X.y = 0 : Math.abs(X.y) > 4 * Math.abs(X.x) && (X.x = 0), tt()));
 		}
-		function it(e) {
-			let { scrollOffset: t } = F.value;
-			if (R(), U.value) {
+		function Q(e) {
+			let { scrollOffset: t } = P.value;
+			if (L(), H.value) {
 				e.preventDefault();
 				let { deltaX: n, deltaY: r } = e;
-				e.shiftKey && n === 0 && (n = r, r = 0), ye(t.x + n, t.y + r, { behavior: "auto" });
+				e.shiftKey && n === 0 && (n = r, r = 0), be(t.x + n, t.y + r, { behavior: "auto" });
 			}
 		}
 		function at(e) {
-			let { viewportSize: t, scrollOffset: n } = F.value, r = _.direction !== "vertical", i = _.direction !== "horizontal", a = M.value, o = a.stickyStart, s = a.stickyEnd, c = a.scrollPaddingStart, l = a.scrollPaddingEnd, u = _.snap === !0 ? "auto" : _.snap, d = u && u !== "auto" ? u : null, f = (e) => {
+			let { viewportSize: t, scrollOffset: n } = P.value, r = _.direction !== "vertical", i = _.direction !== "horizontal", a = j.value, o = a.stickyStart, s = a.stickyEnd, c = a.scrollPaddingStart, l = a.scrollPaddingEnd, u = _.snap === !0 ? "auto" : _.snap, d = u && u !== "auto" ? u : null, f = (e) => {
 				let r = (e ? n.x : n.y) + (e ? t.width : t.height) / 2;
-				return e ? Ve(r) : H(r);
-			}, { currentIndex: p, currentEndIndex: m, currentColIndex: h, currentEndColIndex: g } = F.value, v = (e, t) => {
+				return e ? He(r) : V(r);
+			}, { currentIndex: p, currentEndIndex: m, currentColIndex: h, currentEndColIndex: g } = P.value, v = (e, t) => {
 				let n = !e, r = e ? p : h, i = e ? m : g, a = Math.max(1, i - r), o = e ? _.items.length - 1 : _.columnCount ? _.columnCount - 1 : _.items.length - 1;
 				return t ? d === "center" ? Math.min(o, f(n) + a) : d === "end" ? Math.min(o, i + a) : i : d === "center" ? Math.max(0, f(n) - a) : d === "start" ? Math.max(0, r - a) : r;
 			}, y = (e, r) => {
 				let i = !e;
 				if (d === "center") {
 					let t = f(i), n = i && _.columnCount ? _.columnCount - 1 : _.items.length - 1, a = r ? Math.min(n, t + 1) : Math.max(0, t - 1);
-					L(e ? a : null, i ? a : null, { align: "center" });
+					I(e ? a : null, i ? a : null, { align: "center" });
 					return;
 				}
-				if (e) if (r) if (d === "start") L(Math.min(_.items.length - 1, p + 1), null, { align: "start" });
+				if (e) if (r) if (d === "start") I(Math.min(_.items.length - 1, p + 1), null, { align: "start" });
 				else {
 					let e = d || "end", r = n.y + t.height - (s.y + l.y);
-					we(m) + ve(m) > r + 1 ? L(m, null, { align: e }) : m < _.items.length - 1 && L(m + 1, null, { align: e });
+					Te(m) + ye(m) > r + 1 ? I(m, null, { align: e }) : m < _.items.length - 1 && I(m + 1, null, { align: e });
 				}
-				else if (d === "end") L(Math.max(0, m - 1), null, { align: "end" });
+				else if (d === "end") I(Math.max(0, m - 1), null, { align: "end" });
 				else {
 					let e = d || "start", t = n.y + o.y + c.y;
-					we(p) < t - 1 ? L(p, null, { align: e }) : p > 0 && L(p - 1, null, { align: e });
+					Te(p) < t - 1 ? I(p, null, { align: e }) : p > 0 && I(p - 1, null, { align: e });
 				}
 				else {
 					let e = _.columnCount ? _.columnCount - 1 : _.items.length - 1;
-					if (me.value ? !r : r) if (d === "start") L(null, Math.min(e, h + 1), { align: "start" });
+					if (he.value ? !r : r) if (d === "start") I(null, Math.min(e, h + 1), { align: "start" });
 					else {
 						let r = d || "end", i = n.x + t.width - (s.x + l.x);
-						(_.columnCount ? Te(g) + I(g) : Ce(g) + De(g)) > i + 1 ? L(null, g, { align: r }) : g < e && L(null, g + 1, { align: r });
+						(_.columnCount ? Ee(g) + F(g) : we(g) + Oe(g)) > i + 1 ? I(null, g, { align: r }) : g < e && I(null, g + 1, { align: r });
 					}
-					else if (d === "end") L(null, Math.max(0, g - 1), { align: "end" });
+					else if (d === "end") I(null, Math.max(0, g - 1), { align: "end" });
 					else {
 						let e = d || "start", t = n.x + o.x + c.x;
-						(_.columnCount ? Te(h) : Ce(h)) < t - 1 ? L(null, h, { align: e }) : h > 0 && L(null, h - 1, { align: e });
+						(_.columnCount ? Ee(h) : we(h)) < t - 1 ? I(null, h, { align: e }) : h > 0 && I(null, h - 1, { align: e });
 					}
 				}
 			};
 			switch (e.key) {
 				case "Home":
-					e.preventDefault(), R(), L(0, 0, {
+					e.preventDefault(), L(), I(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(), R();
-					let r = _.items.length - 1, i = (_.columnCount || 0) > 0 ? _.columnCount - 1 : 0, { totalSize: a } = F.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" ? L(r, i, {
+					e.preventDefault(), L();
+					let r = _.items.length - 1, i = (_.columnCount || 0) > 0 ? _.columnCount - 1 : 0, { totalSize: a } = P.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" ? I(r, i, {
 						behavior: o,
 						align: "end"
-					}) : L(_.direction === "vertical" ? r : 0, _.direction === "horizontal" ? r : 0, {
+					}) : I(_.direction === "vertical" ? r : 0, _.direction === "horizontal" ? r : 0, {
 						behavior: o,
 						align: "end"
 					});
 					break;
 				}
 				case "ArrowUp":
-					e.preventDefault(), R(), i && y(!0, !1);
+					e.preventDefault(), L(), i && y(!0, !1);
 					break;
 				case "ArrowDown":
-					e.preventDefault(), R(), i && y(!0, !0);
+					e.preventDefault(), L(), i && y(!0, !0);
 					break;
 				case "ArrowLeft":
-					e.preventDefault(), R(), r && y(!1, !1);
+					e.preventDefault(), L(), r && y(!1, !1);
 					break;
 				case "ArrowRight":
-					e.preventDefault(), R(), r && y(!1, !0);
+					e.preventDefault(), L(), r && y(!1, !0);
 					break;
 				case "PageUp":
-					e.preventDefault(), R(), _.direction === "horizontal" ? L(null, v(!1, !1), { align: d || "end" }) : L(v(!0, !1), null, { align: d || "end" });
+					e.preventDefault(), L(), _.direction === "horizontal" ? I(null, v(!1, !1), { align: d || "end" }) : I(v(!0, !1), null, { align: d || "end" });
 					break;
 				case "PageDown":
-					e.preventDefault(), R(), _.direction === "horizontal" ? L(null, v(!1, !0), { align: d || "start" }) : L(v(!0, !0), null, { align: d || "start" });
+					e.preventDefault(), L(), _.direction === "horizontal" ? I(null, v(!1, !0), { align: d || "start" }) : I(v(!0, !0), null, { align: d || "start" });
 					break;
 			}
 		}
 		onUnmounted(() => {
-			W?.disconnect(), G?.disconnect(), K?.disconnect();
+			U?.disconnect(), W?.disconnect(), G?.disconnect();
 		});
 		let ot = computed(() => {
 			let e = { ..._.direction === "vertical" ? {} : { whiteSpace: "nowrap" } };
-			return (He.value || !Me.value) && (e.overflow = "auto"), U.value && (e.touchAction = "none"), Me.value ? e : _.containerTag === "table" ? {
+			return (Ue.value || !Ne.value) && (e.overflow = "auto"), H.value && (e.touchAction = "none"), Ne.value ? e : _.containerTag === "table" ? {
 				...e,
 				display: "block",
 				minInlineSize: _.direction === "vertical" ? "100%" : "auto"
@@ -1614,8 +1594,8 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					position: n,
 					viewportSize: r,
 					scrollToOffset: i,
-					containerId: oe.value,
-					isRtl: me.value,
+					containerId: A.value,
+					isRtl: he.value,
 					ariaLabel: `${e === "vertical" ? "Vertical" : "Horizontal"} scroll`
 				},
 				isDragging: a.isDragging.value
@@ -1623,18 +1603,18 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		}
 		let ct = computed(() => {
 			if (_.direction === "horizontal") return null;
-			let { displayViewportSize: e, displayScrollOffset: t } = F.value;
-			return st("vertical", ge.value, t.y, e.height, Ue, Ge);
+			let { displayViewportSize: e, displayScrollOffset: t } = P.value;
+			return st("vertical", _e.value, t.y, e.height, We, Ke);
 		}), lt = computed(() => {
 			if (_.direction === "vertical") return null;
-			let { displayViewportSize: e, displayScrollOffset: t } = F.value;
-			return st("horizontal", _e.value, t.x, e.width, We, Ke);
+			let { displayViewportSize: e, displayScrollOffset: t } = P.value;
+			return st("horizontal", ve.value, t.x, e.width, Ge, qe);
 		}), ut = computed(() => {
 			let e = _.direction === "horizontal", t = _.direction === "vertical", n = _.direction === "both", r = {
-				inlineSize: t ? "100%" : `${V.value}px`,
-				blockSize: e ? "100%" : `${Be.value}px`
+				inlineSize: t ? "100%" : `${B.value}px`,
+				blockSize: e ? "100%" : `${Ve.value}px`
 			};
-			return N.value || (r.display = "flex", r.flexDirection = e ? "row" : "column", (e || n) && _.columnGap && (r.columnGap = `${_.columnGap}px`), (t || n) && _.gap && (r.rowGap = `${_.gap}px`)), r;
+			return M.value || (r.display = "flex", r.flexDirection = e ? "row" : "column", (e || n) && _.columnGap && (r.columnGap = `${_.columnGap}px`), (t || n) && _.gap && (r.rowGap = `${_.gap}px`)), r;
 		}), dt = computed(() => {
 			let e = _.direction === "horizontal";
 			return {
@@ -1645,21 +1625,21 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				} : { inlineSize: "100%" }
 			};
 		}), ft = computed(() => ({
-			inlineSize: _.direction === "vertical" ? "1px" : `${V.value}px`,
-			blockSize: _.direction === "horizontal" ? "1px" : `${Be.value}px`
+			inlineSize: _.direction === "vertical" ? "1px" : `${B.value}px`,
+			blockSize: _.direction === "horizontal" ? "1px" : `${Ve.value}px`
 		}));
 		function pt(e) {
 			let t = calculateItemStyle({
 				containerTag: _.containerTag || "div",
 				direction: _.direction,
-				isHydrated: N.value,
+				isHydrated: M.value,
 				item: e,
 				itemSize: _.itemSize,
-				paddingStartX: M.value.scrollPaddingStart.x,
-				paddingStartY: M.value.scrollPaddingStart.y,
-				isRtl: me.value
+				paddingStartX: j.value.scrollPaddingStart.x,
+				paddingStartY: j.value.scrollPaddingStart.y,
+				isRtl: he.value
 			});
-			return !N.value && _.direction === "both" && (t.display = "flex", _.columnGap && (t.columnGap = `${_.columnGap}px`)), t;
+			return !M.value && _.direction === "both" && (t.display = "flex", _.columnGap && (t.columnGap = `${_.columnGap}px`)), t;
 		}
 		let mt = computed(() => _.debug), $ = computed(() => _.containerTag === "table"), ht = computed(() => $.value ? "thead" : "div"), gt = computed(() => $.value ? "tfoot" : "div"), _t = computed(() => _.role ? _.role : $.value ? null : _.direction === "both" ? "grid" : "list"), vt = computed(() => _t.value === "grid" || $.value), yt = computed(() => $.value ? null : _.ariaLabel || _.ariaLabelledby ? "region" : "none"), bt = computed(() => $.value ? null : _t.value), xt = computed(() => {
 			if (vt.value) return "row";
@@ -1696,43 +1676,43 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		}
 		return s({
 			...toRefs(_),
-			scrollDetails: F,
-			columnRange: P,
-			getColumnWidth: I,
-			getRowHeight: ve,
+			scrollDetails: P,
+			columnRange: N,
+			getColumnWidth: F,
+			getRowHeight: ye,
 			getCellAriaProps: Ot,
 			getItemAriaProps: Dt,
-			getRowOffset: we,
-			getColumnOffset: Te,
-			getItemOffset: Ce,
-			getItemSize: De,
-			getRowIndexAt: H,
-			getColIndexAt: Ve,
-			scrollToIndex: L,
-			scrollToOffset: ye,
-			refresh: Je,
+			getRowOffset: Te,
+			getColumnOffset: Ee,
+			getItemOffset: we,
+			getItemSize: Oe,
+			getRowIndexAt: V,
+			getColIndexAt: He,
+			scrollToIndex: I,
+			scrollToOffset: be,
+			refresh: Ye,
 			stopProgrammaticScroll: () => {
-				R(), tt();
+				L(), nt();
 			},
-			updateDirection: Se,
-			isRtl: me,
-			isHydrated: N,
-			scaleX: Ae,
-			scaleY: je,
-			renderedWidth: _e,
-			renderedHeight: ge,
-			componentOffset: Ne,
+			updateDirection: Ce,
+			isRtl: he,
+			isHydrated: M,
+			scaleX: je,
+			scaleY: Me,
+			renderedWidth: ve,
+			renderedHeight: _e,
+			componentOffset: Pe,
 			scrollbarPropsVertical: ct,
 			scrollbarPropsHorizontal: lt
 		}), (t, s) => (openBlock(), createBlock(resolveDynamicComponent(o.containerTag), mergeProps({
-			id: oe.value,
+			id: A.value,
 			ref_key: "hostRef",
-			ref: D,
+			ref: E,
 			class: ["virtual-scroll-container", [`virtual-scroll--${o.direction}`, {
-				"virtual-scroll--hydrated": unref(N),
-				"virtual-scroll--window": unref(Me),
+				"virtual-scroll--hydrated": unref(M),
+				"virtual-scroll--window": unref(Ne),
 				"virtual-scroll--table": $.value,
-				"virtual-scroll--hide-scrollbar": He.value
+				"virtual-scroll--hide-scrollbar": Ue.value
 			}]],
 			style: ot.value,
 			tabindex: "0",
@@ -1742,24 +1722,24 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			...Et.value
 		} : Tt.value, {
 			onKeydown: at,
-			onPointerdown: nt,
-			onPointermove: rt,
-			onPointerup: Q,
-			onPointercancel: Q
+			onPointerdown: rt,
+			onPointermove: it,
+			onPointerup: Z,
+			onPointercancel: Z
 		}), {
 			default: withCtx(() => [
-				He.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				Ue.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
 					class: "virtual-scroll-scrollbar-viewport",
 					style: normalizeStyle({
-						inlineSize: `${unref(F).displayViewportSize.width}px`,
-						blockSize: `${unref(F).displayViewportSize.height}px`,
+						inlineSize: `${unref(P).displayViewportSize.width}px`,
+						blockSize: `${unref(P).displayViewportSize.height}px`,
 						"--vsi-scrollbar-has-cross-gap": o.direction === "both" ? 1 : 0
 					})
 				}, [T.scrollbar && ct.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 0 }, ct.value)), void 0, !0) : ct.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 1 }, ct.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0), T.scrollbar && lt.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 2 }, lt.value)), void 0, !0) : lt.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 3 }, lt.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0)], 4)])) : createCommentVNode("", !0),
 				T.header ? (openBlock(), createBlock(resolveDynamicComponent(ht.value), {
 					key: 1,
 					ref_key: "headerRef",
-					ref: k,
+					ref: oe,
 					class: normalizeClass(["virtual-scroll-header", { "virtual-scroll--sticky": o.stickyHeader }]),
 					role: $.value ? void 0 : "none"
 				}, {
@@ -1768,7 +1748,7 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				}, 8, ["class", "role"])) : createCommentVNode("", !0),
 				(openBlock(), createBlock(resolveDynamicComponent(o.wrapperTag), mergeProps({
 					ref_key: "wrapperRef",
-					ref: O,
+					ref: D,
 					class: "virtual-scroll-wrapper",
 					style: ut.value,
 					role: $.value ? void 0 : bt.value
@@ -1784,10 +1764,10 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 							"block-size": "inherit"
 						} }, null, -1)]]),
 						_: 1
-					}, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(he), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), mergeProps({
+					}, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(ge), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), mergeProps({
 						key: e.index,
 						ref_for: !0,
-						ref: (t) => Ze(t, e.index),
+						ref: (t) => Qe(t, e.index),
 						"data-index": e.index,
 						class: ["virtual-scroll-item", {
 							"virtual-scroll--sticky": e.isStickyActive,
@@ -1799,8 +1779,8 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 							item: e.item,
 							index: e.index,
 							getItemAriaProps: Dt,
-							columnRange: qe.value,
-							getColumnWidth: unref(I),
+							columnRange: Je.value,
+							getColumnWidth: unref(F),
 							getCellAriaProps: Ot,
 							gap: _.gap,
 							columnGap: _.columnGap,
@@ -1828,7 +1808,7 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				T.footer ? (openBlock(), createBlock(resolveDynamicComponent(gt.value), {
 					key: 3,
 					ref_key: "footerRef",
-					ref: ae,
+					ref: se,
 					class: normalizeClass(["virtual-scroll-footer", { "virtual-scroll--sticky": o.stickyFooter }]),
 					role: $.value ? void 0 : "none"
 				}, {