@pdanpdan/virtual-scroll 0.10.2 → 0.10.3

package/dist/index.mjs

@@ -1,5 +1,6 @@
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRefs, toValue, unref, useId, useSlots, watch, watchEffect, withCtx } from "vue";
-const DEFAULT_ITEM_SIZE = 40, DEFAULT_COLUMN_WIDTH = 100, DEFAULT_BUFFER = 5, EMPTY_SCROLL_DETAILS = {
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, getCurrentInstance as s, guardReactiveProps as c, mergeProps as l, nextTick as u, normalizeClass as d, normalizeProps as f, normalizeStyle as p, onMounted as m, onUnmounted as h, openBlock as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, shallowRef as S, toDisplayString as C, toRefs as w, toValue as T, unref as E, useId as ee, useSlots as te, watch as D, watchEffect as O, withCtx as k } from "vue";
+//#region src/types.ts
+var A = 40, ne = 100, re = 5, j = {
 	items: [],
 	currentIndex: 0,
 	currentColIndex: 0,
@@ -37,35 +38,37 @@ const DEFAULT_ITEM_SIZE = 40, DEFAULT_COLUMN_WIDTH = 100, DEFAULT_BUFFER = 5, EM
 		padStart: 0,
 		padEnd: 0
 	}
-}, BROWSER_MAX_SIZE = 1e7;
-function isWindow(e) {
+}, M = 1e7;
+function N(e) {
 	return e === null || typeof document < "u" && e === document.documentElement || typeof window < "u" && e === window;
 }
-function isBody(e) {
+function ie(e) {
 	return typeof e == "object" && !!e && "tagName" in e && e.tagName === "BODY";
 }
-function isWindowLike(e) {
-	return isWindow(e) || isBody(e);
+function ae(e) {
+	return N(e) || ie(e);
 }
-function isElement(e) {
+function P(e) {
 	return e != null && "getBoundingClientRect" in e;
 }
-function isScrollableElement(e) {
+function oe(e) {
 	return e != null && "scrollLeft" in e;
 }
-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 se(e, t) {
+	N(e) ? window.scrollTo(t) : e != null && oe(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 isScrollToIndexOptions(e) {
+function ce(e) {
 	return typeof e == "object" && !!e && ("align" in e || "behavior" in e || "isCorrection" in e || "dryRun" in e);
 }
-function getPaddingX(e, t) {
+function le(e, t) {
 	return typeof e == "object" && e ? e.x || 0 : (t === "horizontal" || t === "both") && e || 0;
 }
-function getPaddingY(e, t) {
+function ue(e, t) {
 	return typeof e == "object" && e ? e.y || 0 : (t === "vertical" || t === "both") && e || 0;
 }
-function calculateGenericRange({ scrollPos: e, containerSize: t, count: n, bufferBefore: r, bufferAfter: i, gap: a, fixedSize: o, findLowerBound: s, query: c }) {
+//#endregion
+//#region src/utils/virtual-scroll-logic.ts
+function F({ 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;
@@ -76,7 +79,7 @@ function calculateGenericRange({ scrollPos: e, containerSize: t, count: n, buffe
 		end: Math.min(n, u + i)
 	};
 }
-function findNextStickyIndex(e, t) {
+function I(e, t) {
 	let n = 0, r = e.length - 1, i;
 	for (; n <= r;) {
 		let a = n + r >>> 1;
@@ -84,7 +87,7 @@ function findNextStickyIndex(e, t) {
 	}
 	return i;
 }
-function findPrevStickyIndex(e, t) {
+function de(e, t) {
 	let n = 0, r = e.length - 1, i;
 	for (; n <= r;) {
 		let a = n + r >>> 1;
@@ -92,7 +95,7 @@ function findPrevStickyIndex(e, t) {
 	}
 	return i;
 }
-function calculateAxisAlignment({ align: e, targetPos: t, itemSize: n, scrollPos: r, viewSize: i, stickyOffsetStart: a, stickyOffsetEnd: o }) {
+function fe({ 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,
@@ -103,7 +106,7 @@ function calculateAxisAlignment({ align: e, targetPos: t, itemSize: n, scrollPos
 	} : e === "end" ? {
 		target: c,
 		effectiveAlign: "end"
-	} : isItemVisible(t, n, r, i, a, o) ? {
+	} : pe(t, n, r, i, a, o) ? {
 		target: r,
 		effectiveAlign: "auto"
 	} : n <= i - a - o ? t < r + a ? {
@@ -120,23 +123,23 @@ function calculateAxisAlignment({ align: e, targetPos: t, itemSize: n, scrollPos
 		effectiveAlign: "end"
 	};
 }
-function calculateAxisSize(e, t, n, r) {
+function L(e, t, n, r) {
 	return e <= 0 ? 0 : t === null ? Math.max(0, r(e) - n) : Math.max(0, e * (t + n) - n);
 }
-function calculateRangeSize(e, t, n, r, i) {
+function R(e, t, n, r, i) {
 	let a = t - e;
 	return a <= 0 ? 0 : n === null ? Math.max(0, i(t) - i(e) - r) : Math.max(0, a * (n + r) - r);
 }
-function calculateOffsetAt(e, t, n, r) {
+function z(e, t, n, r) {
 	return t === null ? r(e) : e * (t + n);
 }
-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 }) {
+function B({ 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 t = de(c, e);
+		t !== void 0 && (d += L(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({
+	let f = i === null ? o(e) : e * (i + a), p = i === null ? s(e) - a : i, { target: m, effectiveAlign: h } = fe({
 		align: t,
 		targetPos: f,
 		itemSize: p,
@@ -151,12 +154,12 @@ function calculateAxisTarget({ index: e, align: t, viewSize: n, scrollPos: r, fi
 		effectiveAlign: h
 	};
 }
-function calculateAxisSticky(e, t, n, r, i, a, o) {
+function V(e, t, n, r, i, a, o) {
 	if (e <= t) return {
 		isActive: !1,
 		offset: 0
 	};
-	let s = o === void 0 ? findNextStickyIndex(i, r) : o;
+	let s = o === void 0 ? I(i, r) : o;
 	if (s === void 0) return {
 		isActive: !0,
 		offset: 0
@@ -170,30 +173,30 @@ function calculateAxisSticky(e, t, n, r, i, a, o) {
 		offset: Math.max(0, Math.min(n, c - e)) - n
 	};
 }
-function isItemVisible(e, t, n, r, i = 0, a = 0) {
+function pe(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 calculateScale(e, t, n) {
+function H(e, t, n) {
 	if (e || t <= 1e7) return 1;
-	let r = Math.min(t, BROWSER_MAX_SIZE), i = t - n, a = r - n;
+	let r = Math.min(t, M), i = t - n, a = r - n;
 	return a > 0 ? i / a : 1;
 }
-function calculateRenderedSize(e, t) {
-	return e ? t : Math.min(t, BROWSER_MAX_SIZE);
+function U(e, t) {
+	return e ? t : Math.min(t, M);
 }
-function displayToVirtual(e, t, n) {
+function me(e, t, n) {
 	return (e - t) * n;
 }
-function virtualToDisplay(e, t, n) {
+function he(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: D = 0, stickyEndY: O = 0, flowPaddingStartX: te = 0, flowPaddingStartY: k = 0, paddingStartX: A = 0, paddingStartY: j = 0, paddingEndX: ne = 0, paddingEndY: re = 0 }) {
-	let M;
-	M = isScrollToIndexOptions(n) ? n.align : n;
-	let P = (M && typeof M == "object" ? M.x : M) || "auto", ie = (M && typeof M == "object" ? M.y : M) || "auto", ae = f, oe = p, se = 0, ce = 0, ue = "auto", de = "auto", F = b === 1 ? o : BROWSER_MAX_SIZE, I = x === 1 ? s : BROWSER_MAX_SIZE, fe = Math.max(0, S + F - i), pe = Math.max(0, C + I - a), L = (fe - S) * b, R = (pe - C) * x, me = te + T + A, B = k + E + j;
+function ge({ 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: ee = 0, stickyEndY: te = 0, flowPaddingStartX: D = 0, flowPaddingStartY: O = 0, paddingStartX: k = 0, paddingStartY: A = 0, paddingEndX: ne = 0, paddingEndY: re = 0 }) {
+	let j;
+	j = ce(n) ? n.align : n;
+	let N = (j && typeof j == "object" ? j.x : j) || "auto", ie = (j && typeof j == "object" ? j.y : j) || "auto", ae = f, P = p, oe = 0, se = 0, le = "auto", ue = "auto", F = b === 1 ? o : M, I = x === 1 ? s : M, de = Math.max(0, S + F - i), fe = Math.max(0, C + I - a), L = (de - S) * b, R = (fe - C) * x, z = D + T + k, V = O + E + A;
 	if (e != null) {
-		let t = calculateAxisTarget({
+		let t = B({
 			index: e,
 			align: ie,
 			viewSize: a,
@@ -203,15 +206,15 @@ function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction
 			query: g,
 			getSize: m,
 			stickyIndices: w,
-			stickyStart: E + j,
-			stickyEnd: O + re
+			stickyStart: E + A,
+			stickyEnd: te + re
 		});
-		oe = t.target + B, ce = t.itemSize, de = t.effectiveAlign;
+		P = t.target + V, se = t.itemSize, ue = t.effectiveAlign;
 	}
 	if (t != null) {
-		let e = r === "both", n = calculateAxisTarget({
+		let e = r === "both", n = B({
 			index: t,
-			align: P,
+			align: N,
 			viewSize: i,
 			scrollPos: f,
 			fixedSize: e ? d : u,
@@ -219,23 +222,23 @@ function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction
 			query: e ? y : _,
 			getSize: e ? v : h,
 			stickyIndices: w,
-			stickyStart: T + A,
-			stickyEnd: D + ne
+			stickyStart: T + k,
+			stickyEnd: ee + ne
 		});
-		ae = n.target + me, se = n.itemSize, ue = n.effectiveAlign;
+		ae = n.target + z, oe = n.itemSize, le = n.effectiveAlign;
 	}
-	return ae = Math.max(0, Math.min(ae, L)), oe = Math.max(0, Math.min(oe, R)), {
+	return ae = Math.max(0, Math.min(ae, L)), P = Math.max(0, Math.min(P, R)), {
 		targetX: ae,
-		targetY: oe,
-		itemWidth: se,
-		itemHeight: ce,
-		effectiveAlignX: ue,
-		effectiveAlignY: de
+		targetY: P,
+		itemWidth: oe,
+		itemHeight: se,
+		effectiveAlignX: le,
+		effectiveAlignY: ue
 	};
 }
-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 }) {
+function _e({ 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({
+	return F({
 		scrollPos: h ? n : t,
 		containerSize: h ? i : r,
 		count: a,
@@ -247,14 +250,14 @@ function calculateRange({ direction: e, relativeScrollX: t, relativeScrollY: n,
 		query: h ? p : m
 	});
 }
-function calculateColumnRange({ columnCount: e, relativeScrollX: t, usableWidth: n, colBuffer: r, fixedWidth: i, columnGap: a, findLowerBound: o, query: s, totalColsQuery: c }) {
+function ve({ 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({
+	let { start: l, end: u } = F({
 		scrollPos: t,
 		containerSize: n,
 		count: e,
@@ -272,7 +275,7 @@ 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, nextStickyIndex: h }) {
+function ye({ 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
@@ -284,11 +287,11 @@ function calculateStickyItem({ index: e, isSticky: t, direction: n, relativeScro
 		stickyOffset: v
 	};
 	if (n === "vertical" || n === "both") {
-		let t = calculateAxisSticky(i, o, c, e, l, (e) => u === null ? p(e) : e * (u + d), h);
+		let t = V(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), h);
+		let t = V(r, a, s, e, l, (e) => u === null ? m(e) : e * (u + f), h);
 		t.isActive && (g = !0, v.x = t.offset);
 	}
 	return {
@@ -298,7 +301,7 @@ function calculateStickyItem({ index: e, isSticky: t, direction: n, relativeScro
 		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 }) {
+function be({ 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,
@@ -307,7 +310,7 @@ function calculateItemPosition({ index: e, direction: t, fixedSize: n, gap: r, c
 		y: m
 	};
 }
-function calculateItemStyle({ item: e, direction: t, itemSize: n, containerTag: r, paddingStartX: i, paddingStartY: a, isHydrated: o, isRtl: s }) {
+function xe({ 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;
@@ -315,14 +318,14 @@ function calculateItemStyle({ item: e, direction: t, itemSize: n, containerTag:
 	}
 	return f;
 }
-function calculateSSROffsets(e, t, n, r, i, a, o, s, c) {
-	let l = t.start || 0, u = t.colStart || 0, d = 0, f = e === "horizontal" ? 0 : calculateOffsetAt(l, n, i, o);
-	return e === "horizontal" ? d = calculateOffsetAt(u, n, a, s) : e === "both" && (d = calculateOffsetAt(u, r, a, c)), {
+function Se(e, t, n, r, i, a, o, s, c) {
+	let l = t.start || 0, u = t.colStart || 0, d = 0, f = e === "horizontal" ? 0 : z(l, n, i, o);
+	return e === "horizontal" ? d = z(u, n, a, s) : e === "both" && (d = z(u, r, a, c)), {
 		x: d,
 		y: f
 	};
 }
-function calculatePrependCount(e, t) {
+function Ce(e, t) {
 	if (e.length === 0 || t.length <= e.length) return 0;
 	let n = e[0];
 	if (n === void 0) return 0;
@@ -330,14 +333,14 @@ function calculatePrependCount(e, t) {
 	for (let e = 1; e <= r; e++) if (t[e] === n) return e;
 	return 0;
 }
-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 }) {
+function W({ 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)), {
+	return f ? (m = L(n, i, o, d), h = L(t, r, a, l)) : p ? (m = L(t, r, o, u), h = c) : (m = s, h = L(t, r, a, l)), {
 		width: f ? Math.max(m, s) : m,
 		height: f ? Math.max(h, c) : h
 	};
 }
-function calculateInertiaStep(e, t, n = 16) {
+function we(e, t, n = 16) {
 	let r = {
 		x: e.x * t,
 		y: e.y * t
@@ -350,7 +353,7 @@ function calculateInertiaStep(e, t, n = 16) {
 		}
 	};
 }
-function calculateInstantaneousVelocity(e, t, n) {
+function Te(e, t, n) {
 	return n <= 0 ? {
 		x: 0,
 		y: 0
@@ -359,7 +362,7 @@ function calculateInstantaneousVelocity(e, t, n) {
 		y: (e.y - t.y) / n
 	};
 }
-function resolveSnap(e, t, n, r, i, a, o, s, c, l) {
+function Ee(e, t, n, r, i, a, o, s, c, l) {
 	let u = e;
 	if (e === "auto") if (t === "start") u = "end";
 	else if (t === "end") u = "start";
@@ -410,11 +413,13 @@ function resolveSnap(e, t, n, r, i, a, o, s, c, l) {
 	}
 	return null;
 }
-function calculateIndexAt(e, t, n, r) {
+function De(e, t, n, r) {
 	let i = (t || 0) + n;
 	return t !== null && i > 0 ? Math.floor(e / i) : r(e);
 }
-var FenwickTree = class {
+//#endregion
+//#region src/utils/fenwick-tree.ts
+var Oe = class {
 	tree;
 	values;
 	constructor(e) {
@@ -471,8 +476,10 @@ var FenwickTree = class {
 		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();
 	}
 };
-function useVirtualScrollSizes(e) {
-	let n = computed(() => toValue(e)), r = new FenwickTree(n.value.props.items?.length || 0), i = new FenwickTree(n.value.props.items?.length || 0), a = new FenwickTree(n.value.props.columnCount || 0), o = shallowRef(new Uint8Array()), s = shallowRef(new Uint8Array()), c = shallowRef(new Uint8Array()), l = ref(0), u = ref(!1), d = [], f = (e, t) => typeof n.value.props.itemSize == "function" ? n.value.props.itemSize(e, t) : n.value.defaultSize, p = (e, t, r, i, a, o) => {
+//#endregion
+//#region src/composables/useVirtualScrollSizes.ts
+function ke(e) {
+	let n = t(() => T(e)), r = new Oe(n.value.props.items?.length || 0), i = new Oe(n.value.props.items?.length || 0), a = new Oe(n.value.props.columnCount || 0), o = S(new Uint8Array()), s = S(new Uint8Array()), c = S(new Uint8Array()), l = v(0), u = v(!1), d = [], f = (e, t) => typeof n.value.props.itemSize == "function" ? n.value.props.itemSize(e, t) : n.value.defaultSize, p = (e, t, r, i, a, o) => {
 		if (l.value, typeof t == "number" && t > 0) return t;
 		if (Array.isArray(t) && t.length > 0) {
 			let n = t[e % t.length];
@@ -524,7 +531,7 @@ function useVirtualScrollSizes(e) {
 	}, y = () => {
 		let e = n.value.props, t = e.items, a = t.length;
 		m(a, e.columnCount || 0);
-		let o = e.restoreScrollOnPrepend ? calculatePrependCount(d, t) : 0;
+		let o = e.restoreScrollOnPrepend ? Ce(d, t) : 0;
 		if (o > 0) {
 			r.shift(o), i.shift(o);
 			let e = new Uint8Array(a), t = new Uint8Array(a);
@@ -545,7 +552,7 @@ function useVirtualScrollSizes(e) {
 		getSizeAt: p,
 		initializeSizes: y,
 		updateItemSizes: (e, t, u, d, f, p) => {
-			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(), E = /* @__PURE__ */ new Set(), D = (e, t) => {
+			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(), E = /* @__PURE__ */ new Set(), ee = (e, t) => {
 				e >= 0 && e < (v.columnCount || 0) && !E.has(e) && (E.add(e), _(e, t, a, o.value, b, S, h) && (m = !0));
 			};
 			for (let { index: t, inlineSize: a, blockSize: o, element: l } of e) {
@@ -555,10 +562,10 @@ function useVirtualScrollSizes(e) {
 				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) D(Number.parseInt(e, 10), a);
+					if (e != null) ee(Number.parseInt(e, 10), a);
 					else {
-						let e = Array.from(l.querySelectorAll("[data-col-index]"));
-						for (let t of e) D(Number.parseInt(t.dataset.colIndex, 10), t.getBoundingClientRect().width);
+						let e = [...l.querySelectorAll("[data-col-index]")];
+						for (let t of e) ee(Number.parseInt(t.dataset.colIndex, 10), t.getBoundingClientRect().width);
 					}
 				}
 			}
@@ -569,103 +576,105 @@ function useVirtualScrollSizes(e) {
 		}
 	};
 }
-function useVirtualScroll(e, n = []) {
-	let r = computed(() => toValue(e)), i = ref(0), a = ref(0), o = ref(0), c = ref(0), l = ref(!1), d = ref(!1), f = ref(!1), p = ref(!1), g = ref(!1), y = ref(0), b = ref(0), x = reactive({
+//#endregion
+//#region src/composables/useVirtualScroll.ts
+function Ae(e, n = []) {
+	let r = t(() => T(e)), i = v(0), a = v(0), o = v(0), c = v(0), l = v(!1), d = v(!1), f = v(!1), p = v(!1), g = v(!1), y = v(0), b = v(0), x = _({
 		x: 0,
 		y: 0
-	}), S = reactive({
+	}), S = _({
 		x: 0,
 		y: 0
-	}), C, w = ref(1), E = ref(1), D = ref(null), O = ref(null), k = ref(null), A = ref(!1), j, ne = () => {
-		A.value = !1, clearTimeout(j), k.value = null;
-	}, re = 0, M = 0, N = computed(() => [
+	}), C, w = v(1), E = v(1), ee = v(null), te = v(null), O = v(null), k = v(!1), A, ne = () => {
+		k.value = !1, clearTimeout(A), O.value = null;
+	}, re = 0, j = 0, M = t(() => [
 		"vertical",
 		"horizontal",
 		"both"
-	].includes(r.value.direction) ? r.value.direction : "vertical"), P = computed(() => r.value.itemSize === void 0 || r.value.itemSize === null || r.value.itemSize === 0), ie = computed(() => r.value.columnWidth === void 0 || r.value.columnWidth === null || r.value.columnWidth === 0), F = computed(() => typeof r.value.itemSize == "number" && r.value.itemSize > 0 ? r.value.itemSize : null), I = computed(() => typeof r.value.columnWidth == "number" && r.value.columnWidth > 0 ? r.value.columnWidth : null), pe = computed(() => r.value.defaultItemSize || F.value || 40), { itemSizesX: L, itemSizesY: z, columnSizes: B, measuredColumns: he, measuredItemsY: V, treeUpdateFlag: Ce, getSizeAt: Te, getItemBaseSize: Ee, initializeSizes: De, updateItemSizes: Oe, refresh: Ae } = useVirtualScrollSizes(computed(() => ({
+	].includes(r.value.direction) ? r.value.direction : "vertical"), N = t(() => r.value.itemSize === void 0 || r.value.itemSize === null || r.value.itemSize === 0), ie = t(() => r.value.columnWidth === void 0 || r.value.columnWidth === null || r.value.columnWidth === 0), F = t(() => typeof r.value.itemSize == "number" && r.value.itemSize > 0 ? r.value.itemSize : null), I = t(() => typeof r.value.columnWidth == "number" && r.value.columnWidth > 0 ? r.value.columnWidth : null), fe = t(() => r.value.defaultItemSize || F.value || 40), { itemSizesX: L, itemSizesY: B, columnSizes: V, measuredColumns: pe, measuredItemsY: H, treeUpdateFlag: xe, getSizeAt: Ce, getItemBaseSize: we, initializeSizes: Te, updateItemSizes: Ee, refresh: Oe } = ke(t(() => ({
 		props: r.value,
-		isDynamicItemSize: P.value,
+		isDynamicItemSize: N.value,
 		isDynamicColumnWidth: ie.value,
-		defaultSize: pe.value,
+		defaultSize: fe.value,
 		fixedItemSize: F.value,
-		direction: N.value
-	}))), Me = computed(() => getPaddingX(r.value.scrollPaddingStart, r.value.direction)), Ne = computed(() => getPaddingX(r.value.scrollPaddingEnd, r.value.direction)), Pe = computed(() => getPaddingY(r.value.scrollPaddingStart, r.value.direction)), Fe = computed(() => getPaddingY(r.value.scrollPaddingEnd, r.value.direction)), U = computed(() => getPaddingX(r.value.stickyStart, r.value.direction)), Ie = computed(() => getPaddingX(r.value.stickyEnd, r.value.direction)), W = computed(() => getPaddingY(r.value.stickyStart, r.value.direction)), Le = computed(() => getPaddingY(r.value.stickyEnd, r.value.direction)), Re = computed(() => getPaddingX(r.value.flowPaddingStart, r.value.direction)), ze = computed(() => getPaddingX(r.value.flowPaddingEnd, r.value.direction)), Be = computed(() => getPaddingY(r.value.flowPaddingStart, r.value.direction)), Ve = computed(() => getPaddingY(r.value.flowPaddingEnd, r.value.direction)), He = computed(() => y.value - (N.value === "vertical" ? 0 : U.value + Ie.value)), Ue = computed(() => b.value - (N.value === "horizontal" ? 0 : W.value + Le.value)), We = computed(() => (Ce.value, calculateTotalSize({
-		direction: N.value,
+		direction: M.value
+	}))), Ae = t(() => le(r.value.scrollPaddingStart, r.value.direction)), je = t(() => le(r.value.scrollPaddingEnd, r.value.direction)), Me = t(() => ue(r.value.scrollPaddingStart, r.value.direction)), Ne = t(() => ue(r.value.scrollPaddingEnd, r.value.direction)), G = t(() => le(r.value.stickyStart, r.value.direction)), Pe = t(() => le(r.value.stickyEnd, r.value.direction)), K = t(() => ue(r.value.stickyStart, r.value.direction)), Fe = t(() => ue(r.value.stickyEnd, r.value.direction)), q = t(() => le(r.value.flowPaddingStart, r.value.direction)), Ie = t(() => le(r.value.flowPaddingEnd, r.value.direction)), Le = t(() => ue(r.value.flowPaddingStart, r.value.direction)), Re = t(() => ue(r.value.flowPaddingEnd, r.value.direction)), ze = t(() => y.value - (M.value === "vertical" ? 0 : G.value + Pe.value)), Be = t(() => b.value - (M.value === "horizontal" ? 0 : K.value + Fe.value)), Ve = t(() => (xe.value, W({
+		direction: M.value,
 		itemsLength: r.value.items.length,
 		columnCount: r.value.columnCount || 0,
 		fixedSize: F.value,
 		fixedWidth: I.value,
 		gap: r.value.gap || 0,
 		columnGap: r.value.columnGap || 0,
-		usableWidth: He.value,
-		usableHeight: Ue.value,
-		queryY: (e) => z.query(e),
+		usableWidth: ze.value,
+		usableHeight: Be.value,
+		queryY: (e) => B.query(e),
 		queryX: (e) => L.query(e),
-		queryColumn: (e) => B.query(e)
-	}))), Ge = computed(() => isWindowLike(r.value.container)), Ke = computed(() => We.value.width + Me.value + Ne.value), qe = computed(() => We.value.height + Pe.value + Fe.value), G = computed(() => Re.value + U.value + Ie.value + ze.value + Ke.value), Je = computed(() => Be.value + W.value + Le.value + Ve.value + qe.value), K = reactive({
-		x: computed(() => Math.max(0, x.x - (Re.value + U.value))),
-		y: computed(() => Math.max(0, x.y - (Be.value + W.value)))
-	}), Ye = computed(() => calculateRenderedSize(Ge.value, G.value)), Xe = computed(() => calculateRenderedSize(Ge.value, Je.value)), Ze = computed(() => calculateRenderedSize(Ge.value, Ke.value)), Qe = computed(() => calculateRenderedSize(Ge.value, qe.value)), q = computed(() => {
-		if (N.value === "vertical") return 0;
-		let e = Re.value + U.value + Me.value;
+		queryColumn: (e) => V.query(e)
+	}))), He = t(() => ae(r.value.container)), Ue = t(() => Ve.value.width + Ae.value + je.value), We = t(() => Ve.value.height + Me.value + Ne.value), Ge = t(() => q.value + G.value + Pe.value + Ie.value + Ue.value), Ke = t(() => Le.value + K.value + Fe.value + Re.value + We.value), J = _({
+		x: t(() => Math.max(0, x.x - (q.value + G.value))),
+		y: t(() => Math.max(0, x.y - (Le.value + K.value)))
+	}), qe = t(() => U(He.value, Ge.value)), Je = t(() => U(He.value, Ke.value)), Ye = t(() => U(He.value, Ue.value)), Xe = t(() => U(He.value, We.value)), Y = t(() => {
+		if (M.value === "vertical") return 0;
+		let e = q.value + G.value + Ae.value;
 		return o.value - e;
-	}), J = computed(() => {
-		if (N.value === "horizontal") return 0;
-		let e = Be.value + W.value + Pe.value;
+	}), X = t(() => {
+		if (M.value === "horizontal") return 0;
+		let e = Le.value + K.value + Me.value;
 		return c.value - e;
-	}), Y = (e) => {
-		let t = N.value === "horizontal";
-		return calculateIndexAt(e, F.value, t ? r.value.columnGap || 0 : r.value.gap || 0, (e) => t ? L.findLowerBound(e) : z.findLowerBound(e));
-	}, $e = (e) => N.value === "both" ? calculateIndexAt(e, I.value, r.value.columnGap || 0, (e) => B.findLowerBound(e)) : N.value === "horizontal" ? Y(e) : 0, et = (e) => N.value === "both" ? Te(e, r.value.columnWidth, r.value.defaultColumnWidth || 100, r.value.columnGap || 0, B, !0) : Te(e, r.value.itemSize, r.value.defaultItemSize || 40, r.value.columnGap || 0, L, !0), tt = (e) => N.value === "horizontal" ? Ue.value : Te(e, r.value.itemSize, r.value.defaultItemSize || 40, r.value.gap || 0, z, !1), nt = (e) => N.value === "horizontal" ? Re.value + U.value + Me.value + calculateOffsetAt(e, F.value, r.value.columnGap || 0, (e) => L.query(e)) : Be.value + W.value + Pe.value + calculateOffsetAt(e, F.value, r.value.gap || 0, (e) => z.query(e)), rt = (e) => N.value === "horizontal" ? et(e) : tt(e), X = () => {
+	}), Ze = (e) => {
+		let t = M.value === "horizontal";
+		return De(e, F.value, t ? r.value.columnGap || 0 : r.value.gap || 0, (e) => t ? L.findLowerBound(e) : B.findLowerBound(e));
+	}, Qe = (e) => M.value === "both" ? De(e, I.value, r.value.columnGap || 0, (e) => V.findLowerBound(e)) : M.value === "horizontal" ? Ze(e) : 0, $e = (e) => M.value === "both" ? Ce(e, r.value.columnWidth, r.value.defaultColumnWidth || 100, r.value.columnGap || 0, V, !0) : Ce(e, r.value.itemSize, r.value.defaultItemSize || 40, r.value.columnGap || 0, L, !0), et = (e) => M.value === "horizontal" ? Be.value : Ce(e, r.value.itemSize, r.value.defaultItemSize || 40, r.value.gap || 0, B, !1), tt = (e) => M.value === "horizontal" ? q.value + G.value + Ae.value + z(e, F.value, r.value.columnGap || 0, (e) => L.query(e)) : Le.value + K.value + Me.value + z(e, F.value, r.value.gap || 0, (e) => B.query(e)), nt = (e) => M.value === "horizontal" ? $e(e) : et(e), rt = () => {
 		if (typeof window > "u") return;
-		let e = r.value.container || r.value.hostRef || window, t = isElement(e) ? e : document.documentElement, n = window.getComputedStyle(t).direction === "rtl";
+		let e = r.value.container || r.value.hostRef || window, t = P(e) ? e : document.documentElement, n = window.getComputedStyle(t).direction === "rtl";
 		g.value !== n && (g.value = n);
 	}, it = (e, t) => {
-		nextTick(() => {
-			Z(e > 0 ? q.value + e : null, t > 0 ? J.value + t : null, { behavior: "auto" });
+		u(() => {
+			Z(e > 0 ? Y.value + e : null, t > 0 ? X.value + t : null, { behavior: "auto" });
 		});
 	};
 	function at(e, t, n) {
-		let s = isScrollToIndexOptions(n) ? n.isCorrection : !1, l = isScrollToIndexOptions(n) ? n.dryRun : !1, u = r.value.container || window, { targetX: d, targetY: f, effectiveAlignX: p, effectiveAlignY: m } = calculateScrollTarget({
+		let s = ce(n) ? n.isCorrection : !1, l = ce(n) ? n.dryRun : !1, u = r.value.container || window, { targetX: d, targetY: f, effectiveAlignX: p, effectiveAlignY: m } = ge({
 			rowIndex: e,
 			colIndex: t,
 			options: n,
-			direction: N.value,
+			direction: M.value,
 			viewportWidth: y.value,
 			viewportHeight: b.value,
-			totalWidth: G.value,
-			totalHeight: Je.value,
+			totalWidth: Ge.value,
+			totalHeight: Ke.value,
 			gap: r.value.gap || 0,
 			columnGap: r.value.columnGap || 0,
 			fixedSize: F.value,
 			fixedWidth: I.value,
-			relativeScrollX: q.value,
-			relativeScrollY: J.value,
-			getItemSizeY: (e) => z.get(e),
+			relativeScrollX: Y.value,
+			relativeScrollY: X.value,
+			getItemSizeY: (e) => B.get(e),
 			getItemSizeX: (e) => L.get(e),
-			getItemQueryY: (e) => z.query(e),
+			getItemQueryY: (e) => B.query(e),
 			getItemQueryX: (e) => L.query(e),
-			getColumnSize: (e) => B.get(e),
-			getColumnQuery: (e) => B.query(e),
+			getColumnSize: (e) => V.get(e),
+			getColumnQuery: (e) => V.query(e),
 			scaleX: w.value,
 			scaleY: E.value,
-			hostOffsetX: K.x,
-			hostOffsetY: K.y,
+			hostOffsetX: J.x,
+			hostOffsetY: J.y,
 			stickyIndices: r.value.stickyIndices || [],
-			stickyStartX: U.value,
-			stickyStartY: W.value,
-			stickyEndX: Ie.value,
-			stickyEndY: Le.value,
-			flowPaddingStartX: Re.value,
-			flowPaddingStartY: Be.value,
-			paddingStartX: Me.value,
-			paddingStartY: Pe.value,
-			paddingEndX: Ne.value,
-			paddingEndY: Fe.value
+			stickyStartX: G.value,
+			stickyStartY: K.value,
+			stickyEndX: Pe.value,
+			stickyEndY: Fe.value,
+			flowPaddingStartX: q.value,
+			flowPaddingStartY: Le.value,
+			paddingStartX: Ae.value,
+			paddingStartY: Me.value,
+			paddingEndX: je.value,
+			paddingEndY: Ne.value
 		});
 		if (!s && !l) {
-			let r = isScrollToIndexOptions(n) ? n.behavior : void 0;
-			k.value = {
+			let r = ce(n) ? n.behavior : void 0;
+			O.value = {
 				rowIndex: e,
 				colIndex: t,
 				options: {
@@ -677,16 +686,16 @@ function useVirtualScroll(e, n = []) {
 				}
 			};
 		}
-		let h = virtualToDisplay(d, K.x, w.value), _ = virtualToDisplay(f, K.y, E.value), v = g.value ? -h : h, x = _, S;
-		isScrollToIndexOptions(n) && (S = n.behavior);
+		let h = he(d, J.x, w.value), _ = he(f, J.y, E.value), v = g.value ? -h : h, x = _, S;
+		ce(n) && (S = n.behavior);
 		let C = s ? "auto" : S || "smooth";
-		l || (C === "smooth" || !s) && (A.value = !0, clearTimeout(j), j = C === "smooth" ? setTimeout(() => {
-			A.value = !1, j = void 0, gt();
+		l || (k.value = !0, clearTimeout(A), A = C === "smooth" ? setTimeout(() => {
+			k.value = !1, A = void 0, gt();
 		}, 1e3) : setTimeout(() => {
-			A.value = !1, j = void 0;
+			k.value = !1, A = void 0;
 		}, 150));
 		let T = { behavior: C };
-		return t != null && (T.left = g.value ? v : Math.max(0, v)), e != null && (T.top = Math.max(0, x)), !s && !l && scrollTo(u, T), !l && (C === "auto" || C === void 0) && (t != null && (i.value = g.value ? v : Math.max(0, v), o.value = d), e != null && (a.value = Math.max(0, x), c.value = f)), {
+		return t != null && (T.left = g.value ? v : Math.max(0, v)), e != null && (T.top = Math.max(0, x)), l || se(u, T), !l && (C === "auto" || C === void 0) && (t != null && (i.value = g.value ? v : Math.max(0, v), o.value = d), e != null && (a.value = Math.max(0, x), c.value = f)), {
 			targetX: d,
 			targetY: f,
 			displayTargetX: h,
@@ -695,45 +704,45 @@ function useVirtualScroll(e, n = []) {
 	}
 	function Z(e, t, n) {
 		let s = r.value.container || window;
-		A.value = !0, clearTimeout(j), j = n?.behavior === "smooth" ? setTimeout(() => {
-			A.value = !1, j = void 0, gt();
+		k.value = !0, clearTimeout(A), A = n?.behavior === "smooth" ? setTimeout(() => {
+			k.value = !1, A = void 0, gt();
 		}, 1e3) : setTimeout(() => {
-			A.value = !1, j = void 0;
-		}, 150), k.value = null;
-		let l = e == null ? null : Math.max(0, Math.min(e, G.value - y.value)), u = t == null ? null : Math.max(0, Math.min(t, Je.value - b.value));
+			k.value = !1, A = void 0;
+		}, 150), O.value = null;
+		let l = e == null ? null : Math.max(0, Math.min(e, Ge.value - y.value)), u = t == null ? null : Math.max(0, Math.min(t, Ke.value - b.value));
 		l !== null && (o.value = l), u !== null && (c.value = u);
-		let d = typeof window < "u" && s === window ? window.scrollX : s.scrollLeft, f = typeof window < "u" && s === window ? window.scrollY : s.scrollTop, p = l === null ? null : virtualToDisplay(l, K.x, w.value), m = u === null ? null : virtualToDisplay(u, K.y, E.value), h = p === null ? d : g.value ? -p : p, _ = m === null ? f : m, v = { behavior: n?.behavior || "auto" };
-		e != null && (v.left = h), t != null && (v.top = _), scrollTo(s, v), (n?.behavior === "auto" || n?.behavior === void 0) && (e != null && (i.value = h), t != null && (a.value = _));
+		let d = typeof window < "u" && s === window ? window.scrollX : s.scrollLeft, f = typeof window < "u" && s === window ? window.scrollY : s.scrollTop, p = l === null ? null : he(l, J.x, w.value), m = u === null ? null : he(u, J.y, E.value), h = p === null ? d : g.value ? -p : p, _ = m === null ? f : m, v = { behavior: n?.behavior || "auto" };
+		e != null && (v.left = h), t != null && (v.top = _), se(s, v), (n?.behavior === "auto" || n?.behavior === void 0) && (e != null && (i.value = h), t != null && (a.value = _));
 	}
-	let ot = computed(() => {
-		if (Ce.value, (!d.value || f.value) && r.value.ssrRange) return {
+	let ot = t(() => {
+		if (xe.value, (!d.value || f.value) && r.value.ssrRange) return {
 			start: r.value.ssrRange.start,
 			end: r.value.ssrRange.end
 		};
 		let e = r.value.ssrRange && !l.value ? 0 : r.value.bufferBefore ?? 5, t = r.value.bufferAfter ?? 5;
-		return calculateRange({
-			direction: N.value,
-			relativeScrollX: q.value,
-			relativeScrollY: J.value,
-			usableWidth: He.value,
-			usableHeight: Ue.value,
+		return _e({
+			direction: M.value,
+			relativeScrollX: Y.value,
+			relativeScrollY: X.value,
+			usableWidth: ze.value,
+			usableHeight: Be.value,
 			itemsLength: r.value.items.length,
 			bufferBefore: e,
 			bufferAfter: t,
 			gap: r.value.gap || 0,
 			columnGap: r.value.columnGap || 0,
 			fixedSize: F.value,
-			findLowerBoundY: (e) => z.findLowerBound(e),
+			findLowerBoundY: (e) => B.findLowerBound(e),
 			findLowerBoundX: (e) => L.findLowerBound(e),
-			queryY: (e) => z.query(e),
+			queryY: (e) => B.query(e),
 			queryX: (e) => L.query(e)
 		});
-	}), st = computed(() => {
-		Ce.value;
-		let e = q.value + U.value, t = J.value + W.value;
-		return Y(N.value === "horizontal" ? e : t);
-	}), ct = computed(() => {
-		Ce.value;
+	}), st = t(() => {
+		xe.value;
+		let e = Y.value + G.value, t = X.value + K.value;
+		return Ze(M.value === "horizontal" ? e : t);
+	}), ct = t(() => {
+		xe.value;
 		let e = r.value.columnCount || 0;
 		if (!e) return {
 			start: 0,
@@ -743,36 +752,36 @@ function useVirtualScroll(e, n = []) {
 		};
 		if ((!d.value || f.value) && r.value.ssrRange) {
 			let { colStart: t = 0, colEnd: n = 0 } = r.value.ssrRange, i = Math.max(0, t), a = Math.min(e, n || e);
-			return calculateColumnRange({
+			return ve({
 				columnCount: e,
-				relativeScrollX: calculateOffsetAt(i, I.value, r.value.columnGap || 0, (e) => B.query(e)),
-				usableWidth: calculateRangeSize(i, a, I.value, r.value.columnGap || 0, (e) => B.query(e)),
+				relativeScrollX: z(i, I.value, r.value.columnGap || 0, (e) => V.query(e)),
+				usableWidth: R(i, a, I.value, r.value.columnGap || 0, (e) => V.query(e)),
 				colBuffer: 0,
 				fixedWidth: I.value,
 				columnGap: r.value.columnGap || 0,
-				findLowerBound: (e) => B.findLowerBound(e),
-				query: (e) => B.query(e),
-				totalColsQuery: () => B.query(e)
+				findLowerBound: (e) => V.findLowerBound(e),
+				query: (e) => V.query(e),
+				totalColsQuery: () => V.query(e)
 			});
 		}
 		let t = r.value.ssrRange && !l.value ? 0 : 2;
-		return calculateColumnRange({
+		return ve({
 			columnCount: e,
-			relativeScrollX: q.value,
-			usableWidth: He.value,
+			relativeScrollX: Y.value,
+			usableWidth: ze.value,
 			colBuffer: t,
 			fixedWidth: I.value,
 			columnGap: r.value.columnGap || 0,
-			findLowerBound: (e) => B.findLowerBound(e),
-			query: (e) => B.query(e),
-			totalColsQuery: () => B.query(e)
+			findLowerBound: (e) => V.findLowerBound(e),
+			query: (e) => V.query(e),
+			totalColsQuery: () => V.query(e)
 		});
 	}), lt = {
 		props: r,
 		scrollDetails: null,
-		totalSize: computed(() => ({
-			width: G.value,
-			height: Je.value
+		totalSize: t(() => ({
+			width: Ge.value,
+			height: Ke.value
 		})),
 		range: ot,
 		currentIndex: st,
@@ -783,68 +792,68 @@ function useVirtualScroll(e, n = []) {
 			internalScrollY: c,
 			isRtl: g,
 			isScrolling: l,
-			isProgrammaticScroll: A,
+			isProgrammaticScroll: k,
 			viewportWidth: y,
 			viewportHeight: b,
 			scaleX: w,
 			scaleY: E,
-			scrollDirectionX: D,
-			scrollDirectionY: O,
-			relativeScrollX: q,
-			relativeScrollY: J
+			scrollDirectionX: ee,
+			scrollDirectionY: te,
+			relativeScrollX: Y,
+			relativeScrollY: X
 		},
 		methods: {
 			scrollToIndex: at,
 			scrollToOffset: Z,
-			updateDirection: X,
-			getRowIndexAt: Y,
-			getColIndexAt: $e,
-			getItemSize: rt,
-			getItemBaseSize: Ee,
-			getItemOffset: nt,
+			updateDirection: rt,
+			getRowIndexAt: Ze,
+			getColIndexAt: Qe,
+			getItemSize: nt,
+			getItemBaseSize: we,
+			getItemOffset: tt,
 			handleScrollCorrection: it
 		}
-	}, ut = [], dt = computed(() => {
-		Ce.value;
-		let { start: e, end: t } = ot.value, i = [], a = [...r.value.stickyIndices || []].sort((e, t) => e - t), s = new Set(a), l = [];
+	}, ut = [], dt = t(() => {
+		xe.value;
+		let { start: e, end: t } = ot.value, i = [], a = (r.value.stickyIndices || []).toSorted((e, t) => e - t), s = new Set(a), l = [];
 		if (d.value || !r.value.ssrRange) {
-			let t = st.value, n = findPrevStickyIndex(a, t);
+			let t = st.value, n = de(a, t);
 			n !== void 0 && n < e && l.push(n);
 		}
 		for (let n = e; n < t; n++) l.push(n);
-		let { x: u, y: f } = !d.value && r.value.ssrRange ? calculateSSROffsets(N.value, r.value.ssrRange, F.value, I.value, r.value.gap || 0, r.value.columnGap || 0, (e) => z.query(e), (e) => L.query(e), (e) => B.query(e)) : {
+		let { x: u, y: f } = !d.value && r.value.ssrRange ? Se(M.value, r.value.ssrRange, F.value, I.value, r.value.gap || 0, r.value.columnGap || 0, (e) => B.query(e), (e) => L.query(e), (e) => V.query(e)) : {
 			x: 0,
 			y: 0
 		}, p = /* @__PURE__ */ new Map();
 		for (let e of ut) p.set(e.index, e);
-		let m = -1, h = 0, g = -1, _ = 0, v = (e) => e === m + 1 ? (h += L.get(m), m = e, h) : (h = L.query(e), m = e, h), y = (e) => e === g + 1 ? (_ += z.get(g), g = e, _) : (_ = z.query(e), g = e, _), b = Re.value + U.value + Me.value, x = Be.value + W.value + Pe.value, S = Re.value + U.value, C = Be.value + W.value, T = ct.value, D = 0;
+		let m = -1, h = 0, g = -1, _ = 0, v = (e) => e === m + 1 ? (h += L.get(m), m = e, h) : (h = L.query(e), m = e, h), y = (e) => e === g + 1 ? (_ += B.get(g), g = e, _) : (_ = B.query(e), g = e, _), b = q.value + G.value + Ae.value, x = Le.value + K.value + Me.value, S = q.value + G.value, C = Le.value + K.value, T = ct.value, ee = 0;
 		for (let e of l) {
 			let t = r.value.items[e];
 			if (t === void 0) continue;
-			let { x: n, y: l, width: m, height: h } = calculateItemPosition({
+			let { x: n, y: l, width: m, height: h } = be({
 				index: e,
-				direction: N.value,
+				direction: M.value,
 				fixedSize: F.value,
 				gap: r.value.gap || 0,
 				columnGap: r.value.columnGap || 0,
-				usableWidth: He.value,
-				usableHeight: Ue.value,
-				totalWidth: We.value.width,
+				usableWidth: ze.value,
+				usableHeight: Be.value,
+				totalWidth: Ve.value.width,
 				queryY: y,
 				queryX: v,
-				getSizeY: (e) => z.get(e),
+				getSizeY: (e) => B.get(e),
 				getSizeX: (e) => L.get(e),
 				columnRange: T
-			}), g = s.has(e), _ = n, O = l;
-			for (; D < a.length && a[D] <= e;) D++;
-			let te = D < a.length ? a[D] : void 0, { isStickyActive: k, isStickyActiveX: A, isStickyActiveY: j, stickyOffset: ne } = calculateStickyItem({
+			}), g = s.has(e), _ = n, te = l;
+			for (; ee < a.length && a[ee] <= e;) ee++;
+			let D = ee < a.length ? a[ee] : void 0, { isStickyActive: O, isStickyActiveX: k, isStickyActiveY: A, stickyOffset: ne } = ye({
 				index: e,
 				isSticky: g,
-				direction: N.value,
-				relativeScrollX: q.value,
-				relativeScrollY: J.value,
+				direction: M.value,
+				relativeScrollX: Y.value,
+				relativeScrollY: X.value,
 				originalX: _,
-				originalY: O,
+				originalY: te,
 				width: m,
 				height: h,
 				stickyIndices: a,
@@ -852,37 +861,37 @@ function useVirtualScroll(e, n = []) {
 				fixedWidth: I.value,
 				gap: r.value.gap || 0,
 				columnGap: r.value.columnGap || 0,
-				getItemQueryY: (e) => z.query(e),
+				getItemQueryY: (e) => B.query(e),
 				getItemQueryX: (e) => L.query(e),
-				nextStickyIndex: te
-			}), re = d.value ? o.value / w.value + (n + b - o.value) - S : n - u, M = d.value ? c.value / E.value + (l + x - c.value) - C : l - f, P = p.get(e);
-			P && P.item === t && P.offset.x === re && P.offset.y === M && P.size.width === m && P.size.height === h && P.isSticky === g && P.isStickyActive === k && P.isStickyActiveX === A && P.isStickyActiveY === j && P.stickyOffset.x === ne.x && P.stickyOffset.y === ne.y ? i.push(P) : i.push({
+				nextStickyIndex: D
+			}), re = d.value ? o.value / w.value + (n + b - o.value) - S : n - u, j = d.value ? c.value / E.value + (l + x - c.value) - C : l - f, N = p.get(e);
+			N && N.item === t && N.offset.x === re && N.offset.y === j && N.size.width === m && N.size.height === h && N.isSticky === g && N.isStickyActive === O && N.isStickyActiveX === k && N.isStickyActiveY === A && N.stickyOffset.x === ne.x && N.stickyOffset.y === ne.y ? i.push(N) : i.push({
 				item: t,
 				index: e,
 				offset: {
 					x: re,
-					y: M
+					y: j
 				},
 				size: {
 					width: m,
 					height: h
 				},
 				originalX: _,
-				originalY: O,
+				originalY: te,
 				isSticky: g,
-				isStickyActive: k,
-				isStickyActiveX: A,
-				isStickyActiveY: j,
+				isStickyActive: O,
+				isStickyActiveX: k,
+				isStickyActiveY: A,
 				stickyOffset: ne
 			});
 		}
-		let O = i;
+		let te = i;
 		return n.forEach((e) => {
-			e.transformRenderedItems && (O = e.transformRenderedItems(O, lt));
-		}), ut = O, O;
-	}), ft = computed(() => {
-		Ce.value;
-		let e = q.value + U.value, t = J.value + W.value, n = q.value + (y.value - Ie.value) - 1, r = J.value + (b.value - Le.value) - 1, s = $e(e), u = Y(t), d = Y(N.value === "horizontal" ? n : r), f = $e(n);
+			e.transformRenderedItems && (te = e.transformRenderedItems(te, lt));
+		}), ut = te, te;
+	}), ft = t(() => {
+		xe.value;
+		let e = Y.value + G.value, t = X.value + K.value, n = Y.value + (y.value - Pe.value) - 1, r = X.value + (b.value - Fe.value) - 1, s = Qe(e), u = Ze(t), d = Ze(M.value === "horizontal" ? n : r), f = Qe(n);
 		return {
 			items: dt.value,
 			currentIndex: u,
@@ -906,11 +915,11 @@ function useVirtualScroll(e, n = []) {
 				height: b.value
 			},
 			totalSize: {
-				width: G.value,
-				height: Je.value
+				width: Ge.value,
+				height: Ke.value
 			},
 			isScrolling: l.value,
-			isProgrammaticScroll: A.value,
+			isProgrammaticScroll: k.value,
 			range: ot.value,
 			columnRange: ct.value
 		};
@@ -919,19 +928,19 @@ function useVirtualScroll(e, n = []) {
 	let pt = (e) => {
 		let t = e.target;
 		if (typeof window > "u") return;
-		X(), t === window || t === document ? (i.value = window.scrollX, a.value = window.scrollY, y.value = document.documentElement.clientWidth, b.value = document.documentElement.clientHeight) : isScrollableElement(t) && (i.value = t.scrollLeft, a.value = t.scrollTop, y.value = t.clientWidth, b.value = t.clientHeight);
-		let r = displayToVirtual(g.value ? Math.abs(i.value) : i.value, K.x, w.value), s = displayToVirtual(a.value, K.y, E.value);
-		if (!A.value) {
-			l.value || (re = o.value, M = c.value);
-			let e = r - re, t = s - M;
-			Math.abs(e) > .5 && (D.value = e > 0 ? "end" : "start"), Math.abs(t) > .5 && (O.value = t > 0 ? "end" : "start");
+		rt(), t === window || t === document ? (i.value = window.scrollX, a.value = window.scrollY, y.value = document.documentElement.clientWidth, b.value = document.documentElement.clientHeight) : oe(t) && (i.value = t.scrollLeft, a.value = t.scrollTop, y.value = t.clientWidth, b.value = t.clientHeight);
+		let r = me(g.value ? Math.abs(i.value) : i.value, J.x, w.value), s = me(a.value, J.y, E.value);
+		if (!k.value) {
+			l.value || (re = o.value, j = c.value);
+			let e = r - re, t = s - j;
+			Math.abs(e) > .5 && (ee.value = e > 0 ? "end" : "start"), Math.abs(t) > .5 && (te.value = t > 0 ? "end" : "start");
 		}
-		o.value = r, c.value = s, A.value || (k.value = null), l.value ||= !0, n.forEach((t) => t.onScroll?.(lt, e)), clearTimeout(C), C = setTimeout(() => {
-			l.value = !1, n.forEach((e) => e.onScrollEnd?.(lt)), j === void 0 && (A.value = !1);
+		o.value = r, c.value = s, k.value || (O.value = null), l.value ||= !0, n.forEach((t) => t.onScroll?.(lt, e)), clearTimeout(C), C = setTimeout(() => {
+			l.value = !1, n.forEach((e) => e.onScrollEnd?.(lt)), A === void 0 && (k.value = !1);
 		}, 150);
 	}, mt = (e) => {
-		Oe(e, Y, $e, q.value, J.value, (e, t) => {
-			!k.value && !A.value && it(e, t);
+		Ee(e, Ze, Qe, Y.value, X.value, (e, t) => {
+			!O.value && !k.value && it(e, t);
 		});
 	}, ht = (e, t, n, r) => {
 		mt([{
@@ -942,50 +951,50 @@ function useVirtualScroll(e, n = []) {
 		}]);
 	};
 	function gt() {
-		if (k.value && !f.value) {
-			let { rowIndex: e, colIndex: t, options: n } = k.value;
-			if (isScrollToIndexOptions(n) && n.behavior === "smooth" && (l.value || A.value)) return;
-			let i = r.value.container || window, a = typeof window < "u" && i === window ? window.scrollX : i.scrollLeft, o = typeof window < "u" && i === window ? window.scrollY : i.scrollTop, s = g.value ? Math.abs(a) : a, c = o, u = displayToVirtual(s, 0, w.value), d = displayToVirtual(c, 0, E.value), { targetX: f, targetY: p } = calculateScrollTarget({
+		if (O.value && !f.value) {
+			let { rowIndex: e, colIndex: t, options: n } = O.value;
+			if (ce(n) && n.behavior === "smooth" && (l.value || k.value)) return;
+			let i = r.value.container || window, a = typeof window < "u" && i === window ? window.scrollX : i.scrollLeft, o = typeof window < "u" && i === window ? window.scrollY : i.scrollTop, s = g.value ? Math.abs(a) : a, c = o, u = me(s, 0, w.value), d = me(c, 0, E.value), { targetX: f, targetY: p } = ge({
 				rowIndex: e,
 				colIndex: t,
 				options: n,
-				direction: N.value,
+				direction: M.value,
 				viewportWidth: y.value,
 				viewportHeight: b.value,
-				totalWidth: Ke.value,
-				totalHeight: qe.value,
+				totalWidth: Ge.value,
+				totalHeight: Ke.value,
 				gap: r.value.gap || 0,
 				columnGap: r.value.columnGap || 0,
 				fixedSize: F.value,
 				fixedWidth: I.value,
 				relativeScrollX: u,
 				relativeScrollY: d,
-				getItemSizeY: (e) => z.get(e),
+				getItemSizeY: (e) => B.get(e),
 				getItemSizeX: (e) => L.get(e),
-				getItemQueryY: (e) => z.query(e),
+				getItemQueryY: (e) => B.query(e),
 				getItemQueryX: (e) => L.query(e),
-				getColumnSize: (e) => B.get(e),
-				getColumnQuery: (e) => B.query(e),
+				getColumnSize: (e) => V.get(e),
+				getColumnQuery: (e) => V.query(e),
 				scaleX: w.value,
 				scaleY: E.value,
-				hostOffsetX: K.x,
-				hostOffsetY: K.y,
+				hostOffsetX: J.x,
+				hostOffsetY: J.y,
 				stickyIndices: r.value.stickyIndices || [],
-				stickyStartX: U.value,
-				stickyStartY: W.value,
-				stickyEndX: Ie.value,
-				stickyEndY: Le.value,
-				flowPaddingStartX: Re.value,
-				flowPaddingStartY: Be.value,
-				paddingStartX: Me.value,
-				paddingStartY: Pe.value,
-				paddingEndX: Ne.value,
-				paddingEndY: Fe.value
+				stickyStartX: G.value,
+				stickyStartY: K.value,
+				stickyEndX: Pe.value,
+				stickyEndY: Fe.value,
+				flowPaddingStartX: q.value,
+				flowPaddingStartY: Le.value,
+				paddingStartX: Ae.value,
+				paddingStartY: Me.value,
+				paddingEndX: je.value,
+				paddingEndY: Ne.value
 			}), m = 2 * w.value, h = 2 * E.value, _ = t == null || y.value > 0 && Math.abs(u - f) < m, v = e == null || b.value > 0 && Math.abs(d - p) < h;
 			if (_ && v) {
-				let n = t == null || t === void 0 || he.value[t] === 1, r = e == null || e === void 0 || V.value[e] === 1;
-				n && r && !l.value && !A.value && (k.value = null);
-			} else at(e, t, isScrollToIndexOptions(n) ? {
+				let n = t == null || t === void 0 || pe.value[t] === 1, r = e == null || e === void 0 || H.value[e] === 1;
+				n && r && !l.value && !k.value && (O.value = null);
+			} else at(e, t, ce(n) ? {
 				...n,
 				isCorrection: !0
 			} : {
@@ -994,11 +1003,12 @@ function useVirtualScroll(e, n = []) {
 			});
 		}
 	}
-	watch([
-		Ce,
+	D([
+		xe,
 		y,
-		b
-	], gt), watch(l, (e) => {
+		b,
+		f
+	], gt), D(l, (e) => {
 		e || gt();
 	});
 	let Q = () => {
@@ -1013,7 +1023,7 @@ function useVirtualScroll(e, n = []) {
 				x: 0,
 				y: 0
 			};
-			if (isElement(e)) {
+			if (P(e)) {
 				let t = e.getBoundingClientRect();
 				return {
 					x: g.value ? t.right - n.right - e.scrollLeft : n.left - t.left + e.scrollLeft,
@@ -1035,18 +1045,18 @@ function useVirtualScroll(e, n = []) {
 		}
 	}, _t = (e) => {
 		if (typeof window > "u") return;
-		let t = e || window, n = t === window || isElement(t) && t === document.documentElement ? document : t;
-		n.addEventListener("scroll", pt, { passive: !0 }), X();
+		let t = e || window, n = t === window || P(t) && t === document.documentElement ? document : t;
+		n.addEventListener("scroll", pt, { passive: !0 }), rt();
 		let r = null;
-		isElement(t) && (r = new MutationObserver(() => X()), r.observe(t, {
+		P(t) && (r = new MutationObserver(() => rt()), r.observe(t, {
 			attributes: !0,
 			attributeFilter: ["dir", "style"]
 		}));
-		let o = setInterval(X, 1e3);
+		let o = setInterval(rt, 1e3);
 		if (t === window) {
 			y.value = document.documentElement.clientWidth, b.value = document.documentElement.clientHeight, i.value = window.scrollX, a.value = window.scrollY;
 			let e = () => {
-				X(), y.value = document.documentElement.clientWidth, b.value = document.documentElement.clientHeight, Q();
+				rt(), y.value = document.documentElement.clientWidth, b.value = document.documentElement.clientHeight, Q();
 			};
 			return window.addEventListener("resize", e), () => {
 				n.removeEventListener("scroll", pt), window.removeEventListener("resize", e), r?.disconnect(), clearInterval(o);
@@ -1054,30 +1064,30 @@ function useVirtualScroll(e, n = []) {
 		} else {
 			y.value = t.clientWidth, b.value = t.clientHeight, i.value = t.scrollLeft, a.value = t.scrollTop;
 			let e = new ResizeObserver(() => {
-				X(), y.value = t.clientWidth, b.value = t.clientHeight, Q();
+				rt(), y.value = t.clientWidth, b.value = t.clientHeight, Q();
 			});
 			return e.observe(t), () => {
 				n.removeEventListener("scroll", pt), e.disconnect(), r?.disconnect(), clearInterval(o);
 			};
 		}
 	}, vt;
-	return getCurrentInstance() && (onMounted(() => {
-		p.value = !0, X(), watch(() => r.value.container, (e) => {
+	return s() && (m(() => {
+		p.value = !0, rt(), D(() => r.value.container, (e) => {
 			vt?.(), vt = _t(e || null);
-		}, { immediate: !0 }), Q(), nextTick(() => {
+		}, { immediate: !0 }), Q(), u(() => {
 			if (Q(), r.value.ssrRange || r.value.initialScrollIndex !== void 0) {
 				let e = r.value.initialScrollIndex === void 0 ? r.value.ssrRange?.start : r.value.initialScrollIndex, t = r.value.initialScrollAlign || "start";
 				e != null && at(e, r.value.ssrRange?.colStart, {
 					align: t,
 					behavior: "auto"
-				}), d.value = !0, f.value = !0, nextTick(() => {
+				}), d.value = !0, f.value = !0, u(() => {
 					f.value = !1;
 				});
 			} else d.value = !0;
 		});
-	}), onUnmounted(() => {
+	}), h(() => {
 		vt?.();
-	})), watch([
+	})), D([
 		() => r.value.items,
 		() => r.value.items.length,
 		() => r.value.direction,
@@ -1088,39 +1098,39 @@ function useVirtualScroll(e, n = []) {
 		() => r.value.columnGap,
 		() => r.value.defaultItemSize,
 		() => r.value.defaultColumnWidth
-	], () => De(), { immediate: !0 }), watch(() => [r.value.container, r.value.hostElement], () => {
+	], () => Te(), { immediate: !0 }), D(() => [r.value.container, r.value.hostElement], () => {
 		Q();
-	}), watch(g, (e, t) => {
+	}), D(g, (e, t) => {
 		if (t === void 0 || e === t || !p.value) return;
-		if (N.value === "vertical") {
+		if (M.value === "vertical") {
 			Q();
 			return;
 		}
-		let n = displayToVirtual(t ? Math.abs(i.value) : i.value, x.x, w.value);
+		let n = me(t ? Math.abs(i.value) : i.value, x.x, w.value);
 		Q(), Z(n, null, { behavior: "auto" });
-	}, { flush: "sync" }), watch([w, E], () => {
-		!p.value || l.value || A.value || Z(o.value, c.value, { behavior: "auto" });
-	}), watch([() => r.value.items.length, () => r.value.columnCount], ([e, t], [n, r]) => {
-		nextTick(() => {
-			let i = Math.max(0, G.value - y.value), a = Math.max(0, Je.value - b.value);
+	}, { flush: "sync" }), D([w, E], () => {
+		!p.value || l.value || k.value || Z(o.value, c.value, { behavior: "auto" });
+	}), D([() => r.value.items.length, () => r.value.columnCount], ([e, t], [n, r]) => {
+		u(() => {
+			let i = Math.max(0, Ge.value - y.value), a = Math.max(0, Ke.value - b.value);
 			o.value > i || c.value > a ? Z(Math.min(o.value, i), Math.min(c.value, a), { behavior: "auto" }) : (e !== n && E.value !== 1 || t !== r && w.value !== 1) && Z(o.value, c.value, { behavior: "auto" }), Q();
 		});
 	}), {
 		renderedItems: dt,
-		totalWidth: G,
-		totalHeight: Je,
-		renderedWidth: Ye,
-		renderedHeight: Xe,
+		totalWidth: Ge,
+		totalHeight: Ke,
+		renderedWidth: qe,
+		renderedHeight: Je,
 		scrollDetails: ft,
-		getRowHeight: tt,
-		getColumnWidth: et,
-		getRowOffset: (e) => Be.value + W.value + Pe.value + calculateOffsetAt(e, F.value, r.value.gap || 0, (e) => z.query(e)),
+		getRowHeight: et,
+		getColumnWidth: $e,
+		getRowOffset: (e) => Le.value + K.value + Me.value + z(e, F.value, r.value.gap || 0, (e) => B.query(e)),
 		getColumnOffset: (e) => {
-			let t = Re.value + U.value + Me.value;
-			return N.value === "both" ? t + calculateOffsetAt(e, I.value, r.value.columnGap || 0, (e) => B.query(e)) : t + calculateOffsetAt(e, F.value, r.value.columnGap || 0, (e) => L.query(e));
+			let t = q.value + G.value + Ae.value;
+			return M.value === "both" ? t + z(e, I.value, r.value.columnGap || 0, (e) => V.query(e)) : t + z(e, F.value, r.value.columnGap || 0, (e) => L.query(e));
 		},
-		getItemOffset: nt,
-		getItemSize: rt,
+		getItemOffset: tt,
+		getItemSize: nt,
 		scrollToIndex: at,
 		scrollToOffset: Z,
 		stopProgrammaticScroll: ne,
@@ -1128,39 +1138,41 @@ function useVirtualScroll(e, n = []) {
 		updateItemSize: ht,
 		updateItemSizes: mt,
 		updateHostOffset: Q,
-		updateDirection: X,
+		updateDirection: rt,
 		columnRange: ct,
-		refresh: () => Ae(),
+		refresh: () => Oe(),
 		isHydrated: d,
-		isWindowContainer: Ge,
+		isWindowContainer: He,
 		isRtl: g,
 		scaleX: w,
 		scaleY: E,
-		componentOffset: K,
-		renderedVirtualWidth: Ze,
-		renderedVirtualHeight: Qe,
-		getRowIndexAt: Y,
-		getColIndexAt: $e,
+		componentOffset: J,
+		renderedVirtualWidth: Ye,
+		renderedVirtualHeight: Xe,
+		getRowIndexAt: Ze,
+		getColIndexAt: Qe,
 		__internalState: lt.internalState
 	};
 }
-function useVirtualScrollbar(e) {
-	let n = computed(() => toValue(e)), r = computed(() => n.value.axis === "horizontal"), i = computed(() => n.value.totalSize <= 0 ? 0 : Math.min(1, n.value.viewportSize / n.value.totalSize)), a = computed(() => {
+//#endregion
+//#region src/composables/useVirtualScrollbar.ts
+function je(e) {
+	let n = t(() => T(e)), r = t(() => n.value.axis === "horizontal"), i = t(() => n.value.totalSize <= 0 ? 0 : Math.min(1, n.value.viewportSize / n.value.totalSize)), a = t(() => {
 		let e = n.value.totalSize - n.value.viewportSize;
 		return e <= 0 ? 0 : Math.max(0, Math.min(1, n.value.position / e));
-	}), o = computed(() => {
+	}), o = t(() => {
 		let e = n.value.viewportSize > 0 ? 32 / n.value.viewportSize : .1;
 		return Math.max(Math.min(e, .1), i.value) * 100;
-	}), c = computed(() => a.value * (100 - o.value)), l = computed(() => r.value ? {
+	}), c = t(() => a.value * (100 - o.value)), l = t(() => r.value ? {
 		inlineSize: `${o.value}%`,
 		insetInlineStart: `${c.value}%`
 	} : {
 		blockSize: `${o.value}%`,
 		insetBlockStart: `${c.value}%`
-	}), u = computed(() => {
+	}), u = t(() => {
 		let e = n.value.viewportSize, 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 r.value ? { inlineSize: `calc(${Math.max(0, e - 4)}px - ${t})` } : { blockSize: `calc(${Math.max(0, e - 4)}px - ${t})` };
-	}), d = ref(!1), f = 0, p = 0;
+	}), d = v(!1), f = 0, p = 0;
 	function m(e) {
 		let t = e.currentTarget;
 		if (e.target !== t) return;
@@ -1184,7 +1196,7 @@ function useVirtualScrollbar(e) {
 	function y(e) {
 		d.value && (d.value = !1, e.currentTarget.releasePointerCapture(e.pointerId));
 	}
-	return getCurrentInstance() && onUnmounted(() => {
+	return s() && h(() => {
 		d.value = !1;
 	}), {
 		viewportPercent: i,
@@ -1193,7 +1205,7 @@ function useVirtualScrollbar(e) {
 		thumbPositionPercent: c,
 		trackStyle: u,
 		thumbStyle: l,
-		trackProps: computed(() => ({
+		trackProps: t(() => ({
 			class: ["virtual-scrollbar-track", `virtual-scrollbar-track--${r.value ? "horizontal" : "vertical"}`],
 			style: u.value,
 			role: "scrollbar",
@@ -1206,7 +1218,7 @@ function useVirtualScrollbar(e) {
 			tabindex: -1,
 			onMousedown: m
 		})),
-		thumbProps: computed(() => ({
+		thumbProps: t(() => ({
 			class: [
 				"virtual-scrollbar-thumb",
 				`virtual-scrollbar-thumb--${r.value ? "horizontal" : "vertical"}`,
@@ -1221,14 +1233,16 @@ function useVirtualScrollbar(e) {
 		isDragging: d
 	};
 }
-function useRtlExtension() {
-	let e = ref(!1);
+//#endregion
+//#region src/extensions/rtl.ts
+function Me() {
+	let e = v(!1);
 	return {
 		name: "rtl",
 		onInit(t) {
 			let n = () => {
 				if (typeof window > "u") return;
-				let n = t.props.value.container || t.props.value.hostRef || window, r = isElement(n) ? n : document.documentElement, i = window.getComputedStyle(r).direction === "rtl";
+				let n = t.props.value.container || t.props.value.hostRef || window, r = P(n) ? n : document.documentElement, i = window.getComputedStyle(r).direction === "rtl";
 				e.value !== i && (e.value = i, t.internalState.isRtl.value = i);
 			}, r = t.methods.updateDirection;
 			t.methods.updateDirection = () => {
@@ -1237,18 +1251,20 @@ function useRtlExtension() {
 		}
 	};
 }
-function useSnappingExtension() {
+//#endregion
+//#region src/extensions/snapping.ts
+function Ne() {
 	return {
 		name: "snapping",
 		onScrollEnd(e) {
 			if (!e.props.value.snap || e.internalState.isProgrammaticScroll.value) return;
 			let t = e.props.value.snap, n = t === !0 ? "auto" : t, r = e.scrollDetails.value, i = e.props.value.items.length, a = e.props.value.direction || "vertical", o = r.currentIndex, s = r.currentColIndex, c = "start", l = "start", u = !1;
 			if (a !== "horizontal") {
-				let t = resolveSnap(n, e.internalState.scrollDirectionY.value, r.currentIndex, r.currentEndIndex, e.internalState.relativeScrollY.value, e.internalState.viewportHeight.value, i, (t) => e.methods.getItemSize(t), (t) => e.methods.getItemOffset(t), e.methods.getRowIndexAt);
+				let t = Ee(n, e.internalState.scrollDirectionY.value, r.currentIndex, r.currentEndIndex, e.internalState.relativeScrollY.value, e.internalState.viewportHeight.value, i, (t) => e.methods.getItemSize(t), (t) => e.methods.getItemOffset(t), e.methods.getRowIndexAt);
 				t && (o = t.index, c = t.align, u = !0);
 			}
 			if (a !== "vertical") {
-				let t = a === "both" ? e.props.value.columnCount || 0 : i, o = resolveSnap(n, e.internalState.scrollDirectionX.value, r.currentColIndex, r.currentEndColIndex, e.internalState.relativeScrollX.value, e.internalState.viewportWidth.value, t, (t) => e.methods.getItemSize(t), (t) => e.methods.getItemOffset(t), e.methods.getColIndexAt);
+				let t = a === "both" ? e.props.value.columnCount || 0 : i, o = Ee(n, e.internalState.scrollDirectionX.value, r.currentColIndex, r.currentEndColIndex, e.internalState.relativeScrollX.value, e.internalState.viewportWidth.value, t, (t) => e.methods.getItemSize(t), (t) => e.methods.getItemOffset(t), e.methods.getColIndexAt);
 				o && (s = o.index, l = o.align, u = !0);
 			}
 			if (u) {
@@ -1270,23 +1286,27 @@ function useSnappingExtension() {
 		}
 	};
 }
-function useStickyExtension() {
-	let e = (e) => computed(() => [...e.props.value.stickyIndices || []].sort((e, t) => e - t));
+//#endregion
+//#region src/extensions/sticky.ts
+function G() {
+	let e = (e) => t(() => (e.props.value.stickyIndices || []).toSorted((e, t) => e - t));
 	return {
 		name: "sticky",
 		transformRenderedItems(t, n) {
 			let r = e(n).value;
 			if (r.length === 0) return t;
-			let { start: i } = n.range.value, a = n.currentIndex.value, o = findPrevStickyIndex(r, a), s = [...t];
+			let { start: i } = n.range.value, a = n.currentIndex.value, o = de(r, a), s = [...t];
 			return o !== void 0 && o < i && t.some((e) => e.index === o), s;
 		}
 	};
 }
-function useInfiniteLoadingExtension(e) {
+//#endregion
+//#region src/extensions/infinite-loading.ts
+function Pe(e) {
 	return {
 		name: "infinite-loading",
 		onInit(t) {
-			watch(t.scrollDetails, (n) => {
+			D(t.scrollDetails, (n) => {
 				if (t.props.value.loading || !n || !n.totalSize || n.totalSize.width === 0 && n.totalSize.height === 0) return;
 				let r = t.props.value.direction || "vertical", i = t.props.value.loadDistance ?? 200;
 				r !== "horizontal" && n.totalSize.height - (n.scrollOffset.y + n.viewportSize.height) <= i && e.onLoad("vertical"), r !== "vertical" && n.totalSize.width - (n.scrollOffset.x + n.viewportSize.width) <= i && e.onLoad("horizontal");
@@ -1294,17 +1314,19 @@ function useInfiniteLoadingExtension(e) {
 		}
 	};
 }
-function usePrependRestorationExtension() {
+//#endregion
+//#region src/extensions/prepend-restoration.ts
+function K() {
 	let e = [];
 	return {
 		name: "prepend-restoration",
 		onInit(t) {
-			e = [...t.props.value.items], watch(() => t.props.value.items, (n) => {
+			e = [...t.props.value.items], D(() => t.props.value.items, (n) => {
 				if (!t.props.value.restoreScrollOnPrepend) {
 					e = [...n];
 					return;
 				}
-				let r = calculatePrependCount(e, n);
+				let r = Ce(e, n);
 				if (r > 0) {
 					let e = t.props.value.direction || "vertical", i = (e === "horizontal" ? t.props.value.columnGap : t.props.value.gap) || 0, a = 0;
 					for (let e = 0; e < r; e++) a += t.methods.getItemBaseSize(n[e], e) + i;
@@ -1315,18 +1337,22 @@ function usePrependRestorationExtension() {
 		}
 	};
 }
-function useCoordinateScalingExtension() {
+//#endregion
+//#region src/extensions/coordinate-scaling.ts
+function Fe() {
 	return {
 		name: "coordinate-scaling",
 		onInit(e) {
-			watchEffect(() => {
+			O(() => {
 				let t = e.props.value.container, n = e.totalSize.value, r = e.internalState.viewportWidth.value, i = e.internalState.viewportHeight.value, a = typeof window < "u" && t === window || t === void 0;
-				n && r && i && (e.internalState.scaleX.value = calculateScale(a, n.width, r), e.internalState.scaleY.value = calculateScale(a, n.height, i));
+				n && r && i && (e.internalState.scaleX.value = H(a, n.width, r), e.internalState.scaleY.value = H(a, n.height, i));
 			});
 		}
 	};
 }
-var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
+//#endregion
+//#region src/components/VirtualScrollbar.vue
+var q = /* @__PURE__ */ o({
 	__name: "VirtualScrollbar",
 	props: {
 		axis: { default: "vertical" },
@@ -1343,7 +1369,7 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["scrollToOffset"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { trackProps: o, thumbProps: s } = useVirtualScrollbar(() => ({
+		let n = e, r = t, { trackProps: o, thumbProps: s } = je(() => ({
 			axis: n.axis,
 			totalSize: n.totalSize,
 			position: n.position,
@@ -1354,20 +1380,20 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				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));
+		return (e, t) => (g(), i("div", f(c(E(o))), [a("div", f(c(E(s))), null, 16)], 16));
 	}
-}), _hoisted_1 = {
+}), Ie = {
 	key: 0,
 	class: "virtual-scroll-scrollbar-container",
 	"aria-hidden": "true"
-}, _hoisted_2 = {
+}, Le = {
 	key: 0,
 	class: "virtual-scroll-debug-info"
-}, FRICTION = .95, MIN_VELOCITY = .1, VirtualScroll_default = /* @__PURE__ */ ((e, t) => {
+}, Re = .95, ze = .1, Be = /* @__PURE__ */ ((e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-})(/* @__PURE__ */ defineComponent({
+})(/* @__PURE__ */ o({
 	__name: "VirtualScroll",
 	props: {
 		containerTag: { default: "div" },
@@ -1428,51 +1454,51 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		"visibleRangeChange"
 	],
 	setup(o, { expose: s, emit: c }) {
-		let _ = o, S = c, T = useSlots(), k = ref(null), j = ref(null), ne = ref(null), re = ref(null), M = /* @__PURE__ */ new Map(), N = useId(), P = computed(() => `vs-container-${N}`), ie = [
-			useRtlExtension(),
-			useSnappingExtension(),
-			useStickyExtension(),
-			useInfiniteLoadingExtension({ onLoad: (e) => S("load", e) }),
-			usePrependRestorationExtension(),
-			useCoordinateScalingExtension()
-		], oe = ref(0), se = ref(0), ce = computed(() => _.container === void 0 ? k.value : _.container), le = computed(() => {
-			let e = ce.value;
-			return e === k.value || isWindowLike(e);
-		}), F = computed(() => (_.items.length, {
+		let _ = o, S = c, T = te(), O = v(null), A = v(null), ne = v(null), re = v(null), j = /* @__PURE__ */ new Map(), M = ee(), N = t(() => `vs-container-${M}`), ie = [
+			Me(),
+			Ne(),
+			G(),
+			Pe({ onLoad: (e) => S("load", e) }),
+			K(),
+			Fe()
+		], P = v(0), oe = v(0), se = t(() => _.container === void 0 ? O.value : _.container), ce = t(() => {
+			let e = se.value;
+			return e === O.value || ae(e);
+		}), F = t(() => (_.items.length, {
 			items: _.items,
 			itemSize: _.itemSize,
 			direction: _.direction,
 			bufferBefore: _.bufferBefore,
 			bufferAfter: _.bufferAfter,
-			container: ce.value,
-			hostElement: j.value,
-			hostRef: k.value,
+			container: se.value,
+			hostElement: A.value,
+			hostRef: O.value,
 			ssrRange: _.ssrRange,
 			columnCount: _.columnCount,
 			columnWidth: _.columnWidth,
 			scrollPaddingStart: {
-				x: getPaddingX(_.scrollPaddingStart, _.direction),
-				y: getPaddingY(_.scrollPaddingStart, _.direction)
+				x: le(_.scrollPaddingStart, _.direction),
+				y: ue(_.scrollPaddingStart, _.direction)
 			},
 			scrollPaddingEnd: {
-				x: getPaddingX(_.scrollPaddingEnd, _.direction),
-				y: getPaddingY(_.scrollPaddingEnd, _.direction)
+				x: le(_.scrollPaddingEnd, _.direction),
+				y: ue(_.scrollPaddingEnd, _.direction)
 			},
 			flowPaddingStart: {
 				x: 0,
-				y: _.stickyHeader ? 0 : oe.value
+				y: _.stickyHeader ? 0 : P.value
 			},
 			flowPaddingEnd: {
 				x: 0,
-				y: _.stickyFooter ? 0 : se.value
+				y: _.stickyFooter ? 0 : oe.value
 			},
 			stickyStart: {
 				x: 0,
-				y: _.stickyHeader && le.value ? oe.value : 0
+				y: _.stickyHeader && ce.value ? P.value : 0
 			},
 			stickyEnd: {
 				x: 0,
-				y: _.stickyFooter && le.value ? se.value : 0
+				y: _.stickyFooter && ce.value ? oe.value : 0
 			},
 			gap: _.gap,
 			columnGap: _.columnGap,
@@ -1486,56 +1512,56 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			defaultColumnWidth: _.defaultColumnWidth,
 			debug: _.debug,
 			snap: _.snap
-		})), { isHydrated: I, isRtl: fe, columnRange: pe, renderedItems: L, scrollDetails: R, renderedHeight: me, renderedWidth: z, getColumnWidth: B, getRowHeight: he, scrollToIndex: V, scrollToOffset: ge, updateHostOffset: _e, updateItemSizes: ve, updateDirection: ye, getItemOffset: be, getRowOffset: xe, getColumnOffset: Se, getItemSize: we, refresh: Te, stopProgrammaticScroll: H, scaleX: Oe, scaleY: ke, isWindowContainer: Ae, componentOffset: je, renderedVirtualWidth: Ue, renderedVirtualHeight: We, getRowIndexAt: Ge, getColIndexAt: Ke } = useVirtualScroll(F, ie), qe = computed(() => Oe.value !== 1 || ke.value !== 1), G = computed(() => Ae.value ? !1 : _.virtualScrollbar === !0 || Oe.value !== 1 || ke.value !== 1);
-		function Je(e) {
+		})), { isHydrated: I, isRtl: de, columnRange: fe, renderedItems: L, scrollDetails: R, renderedHeight: z, renderedWidth: B, getColumnWidth: V, getRowHeight: pe, scrollToIndex: H, scrollToOffset: U, updateHostOffset: he, updateItemSizes: ge, updateDirection: _e, getItemOffset: ve, getRowOffset: ye, getColumnOffset: be, getItemSize: Se, refresh: Ce, stopProgrammaticScroll: W, scaleX: Ee, scaleY: De, isWindowContainer: Oe, componentOffset: ke, renderedVirtualWidth: Be, renderedVirtualHeight: Ve, getRowIndexAt: He, getColIndexAt: Ue } = Ae(F, ie), We = t(() => Ee.value !== 1 || De.value !== 1), Ge = t(() => Oe.value ? !1 : _.virtualScrollbar === !0 || Ee.value !== 1 || De.value !== 1);
+		function Ke(e) {
 			let { displayViewportSize: t } = R.value;
-			e >= me.value - t.height - .5 ? ge(null, Infinity) : ge(null, displayToVirtual(e, je.y, ke.value));
+			e >= z.value - t.height - .5 ? U(null, Infinity) : U(null, me(e, ke.y, De.value));
 		}
-		function K(e) {
+		function J(e) {
 			let { displayViewportSize: t } = R.value;
-			e >= z.value - t.width - .5 ? ge(Infinity, null) : ge(displayToVirtual(e, je.x, Oe.value), null);
+			e >= B.value - t.width - .5 ? U(Infinity, null) : U(me(e, ke.x, Ee.value), null);
 		}
-		let Ye = useVirtualScrollbar(computed(() => ({
+		let qe = je(t(() => ({
 			axis: "vertical",
-			totalSize: me.value,
+			totalSize: z.value,
 			position: R.value.displayScrollOffset.y,
 			viewportSize: R.value.displayViewportSize.height,
-			scrollToOffset: Je,
-			containerId: P.value,
-			isRtl: fe.value
-		}))), Xe = useVirtualScrollbar(computed(() => ({
+			scrollToOffset: Ke,
+			containerId: N.value,
+			isRtl: de.value
+		}))), Je = je(t(() => ({
 			axis: "horizontal",
-			totalSize: z.value,
+			totalSize: B.value,
 			position: R.value.displayScrollOffset.x,
 			viewportSize: R.value.displayViewportSize.width,
-			scrollToOffset: K,
-			containerId: P.value,
-			isRtl: fe.value
-		}))), Ze = computed(() => _.direction === "both" ? {
-			...pe.value,
+			scrollToOffset: J,
+			containerId: N.value,
+			isRtl: de.value
+		}))), Ye = t(() => _.direction === "both" ? {
+			...fe.value,
 			padStart: 0,
 			padEnd: 0
-		} : pe.value);
-		function Qe() {
-			Te(), ye(), nextTick(() => {
+		} : fe.value);
+		function Xe() {
+			Ce(), _e(), u(() => {
 				let e = [];
-				for (let [t, n] of M.entries()) n && e.push({
+				for (let [t, n] of j.entries()) n && e.push({
 					index: t,
 					inlineSize: n.offsetWidth,
 					blockSize: n.offsetHeight,
 					element: n
 				});
-				e.length > 0 && ve(e);
+				e.length > 0 && ge(e);
 			});
 		}
-		watch(R, (e, t) => {
+		D(R, (e, t) => {
 			!I.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
 			}));
-		}), watch(I, (e) => {
+		}), D(I, (e) => {
 			e && R.value?.range && R.value?.columnRange && S("visibleRangeChange", {
 				start: R.value.range.start,
 				end: R.value.range.end,
@@ -1543,7 +1569,7 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				colEnd: R.value.columnRange.end
 			});
 		}, { once: !0 });
-		let q = typeof window > "u" ? null : new ResizeObserver(_e), J = typeof window > "u" ? null : new ResizeObserver((e) => {
+		let Y = typeof window > "u" ? null : new ResizeObserver(he), X = 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;
@@ -1559,41 +1585,41 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					element: e
 				});
 			}
-			t.length > 0 && ve(t);
-		}), Y = typeof window > "u" ? null : new ResizeObserver(() => {
-			oe.value = ne.value?.offsetHeight || 0, se.value = re.value?.offsetHeight || 0, _e();
+			t.length > 0 && ge(t);
+		}), Ze = typeof window > "u" ? null : new ResizeObserver(() => {
+			P.value = ne.value?.offsetHeight || 0, oe.value = re.value?.offsetHeight || 0, he();
 		});
-		function $e(e, t) {
-			watch(e, (e, n) => {
-				n && Y?.unobserve(n), e ? Y?.observe(e) : t.value = 0;
+		function Qe(e, t) {
+			D(e, (e, n) => {
+				n && Ze?.unobserve(n), e ? Ze?.observe(e) : t.value = 0;
 			}, { immediate: !0 });
 		}
-		$e(ne, oe), $e(re, se), onMounted(() => {
-			k.value && q?.observe(k.value);
-			for (let e of M.values()) et(e, !0);
-		}), watch([k, j], ([e], [t]) => {
-			t && q?.unobserve(t), e && q?.observe(e);
-		}), watch([k, qe], ([e, t], [n, r]) => {
+		Qe(ne, P), Qe(re, oe), m(() => {
+			O.value && Y?.observe(O.value);
+			for (let e of j.values()) $e(e, !0);
+		}), D([O, A], ([e], [t]) => {
+			t && Y?.unobserve(t), e && Y?.observe(e);
+		}), D([O, We], ([e, t], [n, r]) => {
 			let i = e !== n || t !== r;
 			n && i && n.removeEventListener("wheel", ft), e && i && e.addEventListener("wheel", ft, { passive: !t });
 		}, { immediate: !0 });
-		function et(e, t) {
+		function $e(e, t) {
 			let n = t ? "observe" : "unobserve";
-			J?.[n](e), _.direction === "both" && e.children.length > 0 && e.querySelectorAll("[data-col-index]").forEach((e) => J?.[n](e));
+			X?.[n](e), _.direction === "both" && e.children.length > 0 && e.querySelectorAll("[data-col-index]").forEach((e) => X?.[n](e));
 		}
-		function tt(e, t) {
+		function et(e, t) {
 			if (e) {
 				let n = e;
-				M.set(t, n), et(n, !0);
+				j.set(t, n), $e(n, !0);
 			} else {
-				let e = M.get(t);
-				e && (et(e, !1), M.delete(t));
+				let e = j.get(t);
+				e && ($e(e, !1), j.delete(t));
 			}
 		}
-		let nt = ref(!1), rt = {
+		let tt = v(!1), nt = {
 			x: 0,
 			y: 0
-		}, X = {
+		}, rt = {
 			x: 0,
 			y: 0
 		}, it = {
@@ -1605,10 +1631,10 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		}, ot = null;
 		function st() {
 			let e = () => {
-				let { nextVelocity: t, delta: n } = calculateInertiaStep(Z, FRICTION);
+				let { nextVelocity: t, delta: n } = we(Z, Re);
 				Z.x = t.x, Z.y = t.y;
 				let { x: r, y: i } = R.value.scrollOffset;
-				ge(r + n.x, i + n.y, { behavior: "auto" }), Math.abs(Z.x) > MIN_VELOCITY || Math.abs(Z.y) > MIN_VELOCITY ? ot = requestAnimationFrame(e) : ct();
+				U(r + n.x, i + n.y, { behavior: "auto" }), Math.abs(Z.x) > ze || Math.abs(Z.y) > ze ? ot = requestAnimationFrame(e) : ct();
 			};
 			ot = requestAnimationFrame(e);
 		}
@@ -1619,22 +1645,22 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			};
 		}
 		function lt(e) {
-			H(), ct(), qe.value && (e.pointerType === "mouse" && e.button !== 0 || (nt.value = !0, rt = {
+			W(), ct(), We.value && (e.pointerType === "mouse" && e.button !== 0 || (tt.value = !0, nt = {
 				x: e.clientX,
 				y: e.clientY
 			}, it = {
 				x: e.clientX,
 				y: e.clientY
-			}, at = performance.now(), X = {
+			}, at = performance.now(), rt = {
 				x: R.value.scrollOffset.x,
 				y: R.value.scrollOffset.y
 			}, e.currentTarget.setPointerCapture(e.pointerId)));
 		}
 		function ut(e) {
-			if (!nt.value) return;
+			if (!tt.value) return;
 			let t = performance.now(), n = t - at;
 			if (n > 0) {
-				let t = calculateInstantaneousVelocity(it, {
+				let t = Te(it, {
 					x: e.clientX,
 					y: e.clientY
 				}, n);
@@ -1644,26 +1670,26 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				x: e.clientX,
 				y: e.clientY
 			}, at = t;
-			let r = rt.x - e.clientX, i = rt.y - e.clientY;
+			let r = nt.x - e.clientX, i = nt.y - e.clientY;
 			requestAnimationFrame(() => {
-				ge(X.x + r, X.y + i, { behavior: "auto" });
+				U(rt.x + r, rt.y + i, { behavior: "auto" });
 			});
 		}
 		function dt(e) {
-			nt.value && (nt.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), st()));
+			tt.value && (tt.value = !1, e.currentTarget.releasePointerCapture(e.pointerId), (Math.abs(Z.x) > ze || Math.abs(Z.y) > ze) && (Math.abs(Z.x) > 4 * Math.abs(Z.y) ? Z.y = 0 : Math.abs(Z.y) > 4 * Math.abs(Z.x) && (Z.x = 0), st()));
 		}
 		function ft(e) {
 			let { scrollOffset: t } = R.value;
-			if (H(), qe.value) {
+			if (W(), We.value) {
 				e.preventDefault();
 				let { deltaX: n, deltaY: r } = e;
-				e.shiftKey && n === 0 && (n = r, r = 0), ge(t.x + n, t.y + r, { behavior: "auto" });
+				e.shiftKey && n === 0 && (n = r, r = 0), U(t.x + n, t.y + r, { behavior: "auto" });
 			}
 		}
 		function pt(e) {
 			let { viewportSize: t, scrollOffset: n } = R.value, r = _.direction !== "vertical", i = _.direction !== "horizontal", a = F.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 ? Ke(r) : Ge(r);
+				return e ? Ue(r) : He(r);
 			}, { currentIndex: p, currentEndIndex: m, currentColIndex: h, currentEndColIndex: g } = R.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;
@@ -1671,78 +1697,78 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				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);
-					V(e ? a : null, i ? a : null, { align: "center" });
+					H(e ? a : null, i ? a : null, { align: "center" });
 					return;
 				}
-				if (e) if (r) if (d === "start") V(Math.min(_.items.length - 1, p + 1), null, { align: "start" });
+				if (e) if (r) if (d === "start") H(Math.min(_.items.length - 1, p + 1), null, { align: "start" });
 				else {
 					let e = d || "end", r = n.y + t.height - (s.y + l.y);
-					xe(m) + he(m) > r + 1 ? V(m, null, { align: e }) : m < _.items.length - 1 && V(m + 1, null, { align: e });
+					ye(m) + pe(m) > r + 1 ? H(m, null, { align: e }) : m < _.items.length - 1 && H(m + 1, null, { align: e });
 				}
-				else if (d === "end") V(Math.max(0, m - 1), null, { align: "end" });
+				else if (d === "end") H(Math.max(0, m - 1), null, { align: "end" });
 				else {
 					let e = d || "start", t = n.y + o.y + c.y;
-					xe(p) < t - 1 ? V(p, null, { align: e }) : p > 0 && V(p - 1, null, { align: e });
+					ye(p) < t - 1 ? H(p, null, { align: e }) : p > 0 && H(p - 1, null, { align: e });
 				}
 				else {
 					let e = _.columnCount ? _.columnCount - 1 : _.items.length - 1;
-					if (fe.value ? !r : r) if (d === "start") V(null, Math.min(e, h + 1), { align: "start" });
+					if (de.value ? !r : r) if (d === "start") H(null, Math.min(e, h + 1), { align: "start" });
 					else {
 						let r = d || "end", i = n.x + t.width - (s.x + l.x);
-						(_.columnCount ? Se(g) + B(g) : be(g) + we(g)) > i + 1 ? V(null, g, { align: r }) : g < e && V(null, g + 1, { align: r });
+						(_.columnCount ? be(g) + V(g) : ve(g) + Se(g)) > i + 1 ? H(null, g, { align: r }) : g < e && H(null, g + 1, { align: r });
 					}
-					else if (d === "end") V(null, Math.max(0, g - 1), { align: "end" });
+					else if (d === "end") H(null, Math.max(0, g - 1), { align: "end" });
 					else {
 						let e = d || "start", t = n.x + o.x + c.x;
-						(_.columnCount ? Se(h) : be(h)) < t - 1 ? V(null, h, { align: e }) : h > 0 && V(null, h - 1, { align: e });
+						(_.columnCount ? be(h) : ve(h)) < t - 1 ? H(null, h, { align: e }) : h > 0 && H(null, h - 1, { align: e });
 					}
 				}
 			};
 			switch (e.key) {
 				case "Home":
-					e.preventDefault(), H(), V(0, 0, {
+					e.preventDefault(), W(), 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(), H();
+					e.preventDefault(), W();
 					let r = _.items.length - 1, i = (_.columnCount || 0) > 0 ? _.columnCount - 1 : 0, { totalSize: a } = R.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" ? V(r, i, {
+					_.direction === "both" ? H(r, i, {
 						behavior: o,
 						align: "end"
-					}) : V(_.direction === "vertical" ? r : 0, _.direction === "horizontal" ? r : 0, {
+					}) : H(_.direction === "vertical" ? r : 0, _.direction === "horizontal" ? r : 0, {
 						behavior: o,
 						align: "end"
 					});
 					break;
 				}
 				case "ArrowUp":
-					e.preventDefault(), H(), i && y(!0, !1);
+					e.preventDefault(), W(), i && y(!0, !1);
 					break;
 				case "ArrowDown":
-					e.preventDefault(), H(), i && y(!0, !0);
+					e.preventDefault(), W(), i && y(!0, !0);
 					break;
 				case "ArrowLeft":
-					e.preventDefault(), H(), r && y(!1, !1);
+					e.preventDefault(), W(), r && y(!1, !1);
 					break;
 				case "ArrowRight":
-					e.preventDefault(), H(), r && y(!1, !0);
+					e.preventDefault(), W(), r && y(!1, !0);
 					break;
 				case "PageUp":
-					e.preventDefault(), H(), _.direction === "horizontal" ? V(null, v(!1, !1), { align: d || "end" }) : V(v(!0, !1), null, { align: d || "end" });
+					e.preventDefault(), W(), _.direction === "horizontal" ? H(null, v(!1, !1), { align: d || "end" }) : H(v(!0, !1), null, { align: d || "end" });
 					break;
 				case "PageDown":
-					e.preventDefault(), H(), _.direction === "horizontal" ? V(null, v(!1, !0), { align: d || "start" }) : V(v(!0, !0), null, { align: d || "start" });
+					e.preventDefault(), W(), _.direction === "horizontal" ? H(null, v(!1, !0), { align: d || "start" }) : H(v(!0, !0), null, { align: d || "start" });
 					break;
 			}
 		}
-		onUnmounted(() => {
-			q?.disconnect(), J?.disconnect(), Y?.disconnect();
+		h(() => {
+			Y?.disconnect(), X?.disconnect(), Ze?.disconnect();
 		});
-		let mt = computed(() => {
+		let mt = t(() => {
 			let e = { ..._.direction === "vertical" ? {} : { whiteSpace: "nowrap" } };
-			return (G.value || !Ae.value) && (e.overflow = "auto"), qe.value && (e.touchAction = "none"), Ae.value ? e : _.containerTag === "table" ? {
+			return (Ge.value || !Oe.value) && (e.overflow = "auto"), We.value && (e.touchAction = "none"), Oe.value ? e : _.containerTag === "table" ? {
 				...e,
 				display: "block",
 				minInlineSize: _.direction === "vertical" ? "100%" : "auto"
@@ -1763,28 +1789,28 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					position: n,
 					viewportSize: r,
 					scrollToOffset: i,
-					containerId: P.value,
-					isRtl: fe.value,
+					containerId: N.value,
+					isRtl: de.value,
 					ariaLabel: `${e === "vertical" ? "Vertical" : "Horizontal"} scroll`
 				},
 				isDragging: a.isDragging.value
 			};
 		}
-		let gt = computed(() => {
+		let gt = t(() => {
 			if (_.direction === "horizontal") return null;
 			let { displayViewportSize: e, displayScrollOffset: t } = R.value;
-			return ht("vertical", me.value, t.y, e.height, Je, Ye);
-		}), Q = computed(() => {
+			return ht("vertical", z.value, t.y, e.height, Ke, qe);
+		}), Q = t(() => {
 			if (_.direction === "vertical") return null;
 			let { displayViewportSize: e, displayScrollOffset: t } = R.value;
-			return ht("horizontal", z.value, t.x, e.width, K, Xe);
-		}), _t = computed(() => {
+			return ht("horizontal", B.value, t.x, e.width, J, Je);
+		}), _t = t(() => {
 			let e = _.direction === "horizontal", t = _.direction === "vertical", n = _.direction === "both", r = {
-				inlineSize: t ? "100%" : `${Ue.value}px`,
-				blockSize: e ? "100%" : `${We.value}px`
+				inlineSize: t ? "100%" : `${Be.value}px`,
+				blockSize: e ? "100%" : `${Ve.value}px`
 			};
 			return I.value || (r.display = "flex", r.flexDirection = e ? "row" : "column", (e || n) && _.columnGap && (r.columnGap = `${_.columnGap}px`), (t || n) && _.gap && (r.rowGap = `${_.gap}px`)), r;
-		}), vt = computed(() => {
+		}), vt = t(() => {
 			let e = _.direction === "horizontal";
 			return {
 				display: e ? "inline-block" : "block",
@@ -1793,12 +1819,12 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					verticalAlign: "top"
 				} : { inlineSize: "100%" }
 			};
-		}), yt = computed(() => ({
-			inlineSize: _.direction === "vertical" ? "1px" : `${Ue.value}px`,
-			blockSize: _.direction === "horizontal" ? "1px" : `${We.value}px`
+		}), yt = t(() => ({
+			inlineSize: _.direction === "vertical" ? "1px" : `${Be.value}px`,
+			blockSize: _.direction === "horizontal" ? "1px" : `${Ve.value}px`
 		}));
 		function bt(e) {
-			let t = calculateItemStyle({
+			let t = xe({
 				containerTag: _.containerTag || "div",
 				direction: _.direction,
 				isHydrated: I.value,
@@ -1806,22 +1832,22 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 				itemSize: _.itemSize,
 				paddingStartX: F.value.scrollPaddingStart.x,
 				paddingStartY: F.value.scrollPaddingStart.y,
-				isRtl: fe.value
+				isRtl: de.value
 			});
 			return !I.value && _.direction === "both" && (t.display = "flex", _.columnGap && (t.columnGap = `${_.columnGap}px`)), t;
 		}
-		let xt = computed(() => _.debug), $ = computed(() => _.containerTag === "table"), St = computed(() => $.value ? "thead" : "div"), Ct = computed(() => $.value ? "tfoot" : "div"), wt = computed(() => _.role ? _.role : $.value ? null : _.direction === "both" ? "grid" : "list"), Tt = computed(() => wt.value === "grid" || $.value), Et = computed(() => $.value ? null : _.ariaLabel || _.ariaLabelledby ? "region" : "none"), Dt = computed(() => $.value ? null : wt.value), Ot = computed(() => {
+		let xt = t(() => _.debug), $ = t(() => _.containerTag === "table"), St = t(() => $.value ? "thead" : "div"), Ct = t(() => $.value ? "tfoot" : "div"), wt = t(() => _.role ? _.role : $.value ? null : _.direction === "both" ? "grid" : "list"), Tt = t(() => wt.value === "grid" || $.value), Et = t(() => $.value ? null : _.ariaLabel || _.ariaLabelledby ? "region" : "none"), Dt = t(() => $.value ? null : wt.value), Ot = t(() => {
 			if (Tt.value) return "row";
 			let e = wt.value;
 			return e === "tree" ? "treeitem" : e === "listbox" ? "option" : e === "menu" ? "menuitem" : "listitem";
-		}), kt = computed(() => _.itemRole == null ? Ot.value : _.itemRole), At = computed(() => _.role === "grid" || !_.role && _.direction === "both" ? "gridcell" : $.value ? "cell" : null), jt = computed(() => {
+		}), kt = t(() => _.itemRole ?? Ot.value), At = t(() => _.role === "grid" || !_.role && _.direction === "both" ? "gridcell" : $.value ? "cell" : null), jt = t(() => {
 			let e = kt.value;
 			return e == null || e !== "none" && e !== "presentation";
-		}), Mt = computed(() => ({
+		}), Mt = t(() => ({
 			"aria-label": _.ariaLabel,
 			"aria-labelledby": _.ariaLabelledby,
 			"aria-busy": _.loading ? "true" : void 0
-		})), Nt = computed(() => {
+		})), Nt = t(() => {
 			let e = {}, t = wt.value;
 			return t && [
 				"grid",
@@ -1844,46 +1870,46 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			return Tt.value && (n["aria-colindex"] = e + 1), n;
 		}
 		return s({
-			...toRefs(_),
+			...w(_),
 			scrollDetails: R,
-			columnRange: pe,
-			getColumnWidth: B,
-			getRowHeight: he,
+			columnRange: fe,
+			getColumnWidth: V,
+			getRowHeight: pe,
 			getCellAriaProps: Ft,
 			getItemAriaProps: Pt,
-			getRowOffset: xe,
-			getColumnOffset: Se,
-			getItemOffset: be,
-			getItemSize: we,
+			getRowOffset: ye,
+			getColumnOffset: be,
+			getItemOffset: ve,
+			getItemSize: Se,
 			isTable: $,
-			itemTag: computed(() => _.itemTag || "div"),
-			getRowIndexAt: Ge,
-			getColIndexAt: Ke,
-			scrollToIndex: V,
-			scrollToOffset: ge,
-			refresh: Qe,
+			itemTag: t(() => _.itemTag || "div"),
+			getRowIndexAt: He,
+			getColIndexAt: Ue,
+			scrollToIndex: H,
+			scrollToOffset: U,
+			refresh: Xe,
 			stopProgrammaticScroll: () => {
-				H(), ct();
+				W(), ct();
 			},
-			updateDirection: ye,
-			isRtl: fe,
+			updateDirection: _e,
+			isRtl: de,
 			isHydrated: I,
-			scaleX: Oe,
-			scaleY: ke,
-			renderedWidth: z,
-			renderedHeight: me,
-			componentOffset: je,
+			scaleX: Ee,
+			scaleY: De,
+			renderedWidth: B,
+			renderedHeight: z,
+			componentOffset: ke,
 			scrollbarPropsVertical: gt,
 			scrollbarPropsHorizontal: Q
-		}), (t, s) => (openBlock(), createBlock(resolveDynamicComponent(o.containerTag), mergeProps({
-			id: P.value,
+		}), (t, s) => (g(), n(x(o.containerTag), l({
+			id: N.value,
 			ref_key: "hostRef",
-			ref: k,
+			ref: O,
 			class: ["virtual-scroll-container", [`virtual-scroll--${o.direction}`, {
-				"virtual-scroll--hydrated": unref(I),
-				"virtual-scroll--window": unref(Ae),
+				"virtual-scroll--hydrated": E(I),
+				"virtual-scroll--window": E(Oe),
 				"virtual-scroll--table": $.value,
-				"virtual-scroll--hide-scrollbar": G.value
+				"virtual-scroll--hide-scrollbar": Ge.value
 			}]],
 			style: mt.value,
 			tabindex: "0",
@@ -1898,47 +1924,47 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			onPointerup: dt,
 			onPointercancel: dt
 		}), {
-			default: withCtx(() => [
-				G.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+			default: k(() => [
+				Ge.value ? (g(), i("div", Ie, [a("div", {
 					class: "virtual-scroll-scrollbar-viewport",
-					style: normalizeStyle({
-						inlineSize: `${unref(R).displayViewportSize.width}px`,
-						blockSize: `${unref(R).displayViewportSize.height}px`,
+					style: p({
+						inlineSize: `${E(R).displayViewportSize.width}px`,
+						blockSize: `${E(R).displayViewportSize.height}px`,
 						"--vsi-scrollbar-has-cross-gap": o.direction === "both" ? 1 : 0
 					})
-				}, [T.scrollbar && gt.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 0 }, gt.value)), void 0, !0) : gt.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 1 }, gt.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0), T.scrollbar && Q.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 2 }, Q.value)), void 0, !0) : Q.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 3 }, Q.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0)], 4)])) : createCommentVNode("", !0),
-				T.header ? (openBlock(), createBlock(resolveDynamicComponent(St.value), {
+				}, [T.scrollbar && gt.value ? b(t.$slots, "scrollbar", f(l({ key: 0 }, gt.value)), void 0, !0) : gt.value ? (g(), n(q, f(l({ key: 1 }, gt.value.scrollbarProps)), null, 16)) : r("", !0), T.scrollbar && Q.value ? b(t.$slots, "scrollbar", f(l({ key: 2 }, Q.value)), void 0, !0) : Q.value ? (g(), n(q, f(l({ key: 3 }, Q.value.scrollbarProps)), null, 16)) : r("", !0)], 4)])) : r("", !0),
+				T.header ? (g(), n(x(St.value), {
 					key: 1,
 					ref_key: "headerRef",
 					ref: ne,
-					class: normalizeClass(["virtual-scroll-header", { "virtual-scroll--sticky": o.stickyHeader }]),
+					class: d(["virtual-scroll-header", { "virtual-scroll--sticky": o.stickyHeader }]),
 					role: $.value ? void 0 : "none"
 				}, {
-					default: withCtx(() => [renderSlot(t.$slots, "header", {}, void 0, !0)]),
+					default: k(() => [b(t.$slots, "header", {}, void 0, !0)]),
 					_: 3
-				}, 8, ["class", "role"])) : createCommentVNode("", !0),
-				(openBlock(), createBlock(resolveDynamicComponent(o.wrapperTag), mergeProps({
+				}, 8, ["class", "role"])) : r("", !0),
+				(g(), n(x(o.wrapperTag), l({
 					ref_key: "wrapperRef",
-					ref: j,
+					ref: A,
 					class: "virtual-scroll-wrapper",
 					style: _t.value,
 					role: $.value ? void 0 : Dt.value
 				}, $.value ? {} : Nt.value), {
-					default: withCtx(() => [$.value ? (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
+					default: k(() => [$.value ? (g(), n(x(o.itemTag), {
 						key: 0,
 						class: "virtual-scroll-spacer",
-						style: normalizeStyle(yt.value)
+						style: p(yt.value)
 					}, {
-						default: withCtx(() => [...s[0] ||= [createElementVNode("td", { style: {
+						default: k(() => [...s[0] ||= [a("td", { style: {
 							padding: "0",
 							border: "none",
 							"block-size": "inherit"
 						} }, null, -1)]]),
 						_: 1
-					}, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(L), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), mergeProps({
+					}, 8, ["style"])) : r("", !0), (g(!0), i(e, null, y(E(L), (e) => (g(), n(x(o.itemTag), l({
 						key: e.index,
 						ref_for: !0,
-						ref: (t) => tt(t, e.index),
+						ref: (t) => et(t, e.index),
 						"data-index": e.index,
 						class: ["virtual-scroll-item", {
 							"virtual-scroll--sticky": e.isStickyActive,
@@ -1946,12 +1972,12 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 						}],
 						style: bt(e)
 					}, { ref_for: !0 }, jt.value ? Pt(e.index) : { role: "none" }), {
-						default: withCtx(() => [renderSlot(t.$slots, "item", {
+						default: k(() => [b(t.$slots, "item", {
 							item: e.item,
 							index: e.index,
 							getItemAriaProps: Pt,
-							columnRange: Ze.value,
-							getColumnWidth: unref(B),
+							columnRange: Ye.value,
+							getColumnWidth: E(V),
 							getCellAriaProps: Ft,
 							gap: _.gap,
 							columnGap: _.columnGap,
@@ -1960,7 +1986,7 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 							isStickyActiveX: e.isStickyActiveX,
 							isStickyActiveY: e.isStickyActiveY,
 							offset: e.offset
-						}, void 0, !0), xt.value ? (openBlock(), createElementBlock("div", _hoisted_2, " #" + toDisplayString(e.index) + " (" + toDisplayString(Math.round(e.offset.x)) + ", " + toDisplayString(Math.round(e.offset.y)) + ") ", 1)) : createCommentVNode("", !0)]),
+						}, void 0, !0), xt.value ? (g(), i("div", Le, " #" + C(e.index) + " (" + C(Math.round(e.offset.x)) + ", " + C(Math.round(e.offset.y)) + ") ", 1)) : r("", !0)]),
 						_: 2
 					}, 1040, [
 						"data-index",
@@ -1969,23 +1995,23 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					]))), 128))]),
 					_: 3
 				}, 16, ["style", "role"])),
-				o.loading && T.loading ? (openBlock(), createElementBlock("div", {
+				o.loading && T.loading ? (g(), i("div", {
 					key: 2,
 					class: "virtual-scroll-loading",
-					style: normalizeStyle(vt.value),
+					style: p(vt.value),
 					"aria-live": "polite",
 					"aria-atomic": "true"
-				}, [renderSlot(t.$slots, "loading", {}, void 0, !0)], 4)) : createCommentVNode("", !0),
-				T.footer ? (openBlock(), createBlock(resolveDynamicComponent(Ct.value), {
+				}, [b(t.$slots, "loading", {}, void 0, !0)], 4)) : r("", !0),
+				T.footer ? (g(), n(x(Ct.value), {
 					key: 3,
 					ref_key: "footerRef",
 					ref: re,
-					class: normalizeClass(["virtual-scroll-footer", { "virtual-scroll--sticky": o.stickyFooter }]),
+					class: d(["virtual-scroll-footer", { "virtual-scroll--sticky": o.stickyFooter }]),
 					role: $.value ? void 0 : "none"
 				}, {
-					default: withCtx(() => [renderSlot(t.$slots, "footer", {}, void 0, !0)]),
+					default: k(() => [b(t.$slots, "footer", {}, void 0, !0)]),
 					_: 3
-				}, 8, ["class", "role"])) : createCommentVNode("", !0)
+				}, 8, ["class", "role"])) : r("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -1995,7 +2021,8 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			"role"
 		]));
 	}
-}), [["__scopeId", "data-v-a75851a5"]]);
-export { BROWSER_MAX_SIZE, DEFAULT_BUFFER, DEFAULT_COLUMN_WIDTH, DEFAULT_ITEM_SIZE, EMPTY_SCROLL_DETAILS, FenwickTree, VirtualScroll_default as VirtualScroll, VirtualScrollbar_default as VirtualScrollbar, calculateAxisSize, calculateColumnRange, calculateIndexAt, calculateInertiaStep, calculateInstantaneousVelocity, calculateItemPosition, calculateItemStyle, calculateOffsetAt, calculatePrependCount, calculateRange, calculateRangeSize, calculateRenderedSize, calculateSSROffsets, calculateScale, calculateScrollTarget, calculateStickyItem, calculateTotalSize, displayToVirtual, findPrevStickyIndex, getPaddingX, getPaddingY, isBody, isElement, isItemVisible, isScrollToIndexOptions, isScrollableElement, isWindow, isWindowLike, resolveSnap, scrollTo, useVirtualScroll, useVirtualScrollSizes, useVirtualScrollbar, virtualToDisplay };
+}), [["__scopeId", "data-v-200891f5"]]);
+//#endregion
+export { M as BROWSER_MAX_SIZE, re as DEFAULT_BUFFER, ne as DEFAULT_COLUMN_WIDTH, A as DEFAULT_ITEM_SIZE, j as EMPTY_SCROLL_DETAILS, Oe as FenwickTree, Be as VirtualScroll, q as VirtualScrollbar, L as calculateAxisSize, ve as calculateColumnRange, De as calculateIndexAt, we as calculateInertiaStep, Te as calculateInstantaneousVelocity, be as calculateItemPosition, xe as calculateItemStyle, z as calculateOffsetAt, Ce as calculatePrependCount, _e as calculateRange, R as calculateRangeSize, U as calculateRenderedSize, Se as calculateSSROffsets, H as calculateScale, ge as calculateScrollTarget, ye as calculateStickyItem, W as calculateTotalSize, me as displayToVirtual, de as findPrevStickyIndex, le as getPaddingX, ue as getPaddingY, ie as isBody, P as isElement, pe as isItemVisible, ce as isScrollToIndexOptions, oe as isScrollableElement, N as isWindow, ae as isWindowLike, Ee as resolveSnap, se as scrollTo, Ae as useVirtualScroll, ke as useVirtualScrollSizes, je as useVirtualScrollbar, he as virtualToDisplay };
 
 //# sourceMappingURL=index.mjs.map