@pdanpdan/virtual-scroll 0.6.0 → 0.7.0

package/dist/index.mjs

@@ -231,14 +231,14 @@ function displayToVirtual(e, t, n) {
 function virtualToDisplay(e, t, n) {
 	return e / n + t;
 }
-function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction: r, viewportWidth: i, viewportHeight: a, totalWidth: o, totalHeight: s, gap: c, columnGap: l, fixedSize: u, fixedWidth: d, relativeScrollX: f, relativeScrollY: p, getItemSizeY: m, getItemSizeX: h, getItemQueryY: g, getItemQueryX: _, getColumnSize: v, getColumnQuery: y, scaleX: b, scaleY: x, hostOffsetX: S, hostOffsetY: C, stickyIndices: w, stickyStartX: T = 0, stickyStartY: E = 0, stickyEndX: D = 0, stickyEndY: ee = 0, flowPaddingStartX: O = 0, flowPaddingStartY: k = 0, paddingStartX: A = 0, paddingStartY: j = 0, paddingEndX: M = 0, paddingEndY: N = 0 }) {
-	let P;
-	P = isScrollToIndexOptions(n) ? n.align : n;
-	let F = (P && typeof P == "object" ? P.x : P) || "auto", ne = (P && typeof P == "object" ? P.y : P) || "auto", re = f, ie = p, ae = 0, oe = 0, se = "auto", ce = "auto", L = b === 1 ? o : BROWSER_MAX_SIZE, le = x === 1 ? s : BROWSER_MAX_SIZE, R = Math.max(0, S + L - i), z = Math.max(0, C + le - a), B = (R - S) * b, V = (z - C) * x, de = O + T + A, fe = k + E + j;
+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: ee = 0, stickyEndX: E = 0, stickyEndY: te = 0, flowPaddingStartX: D = 0, flowPaddingStartY: O = 0, paddingStartX: k = 0, paddingStartY: A = 0, paddingEndX: j = 0, paddingEndY: M = 0 }) {
+	let N;
+	N = isScrollToIndexOptions(n) ? n.align : n;
+	let P = (N && typeof N == "object" ? N.x : N) || "auto", re = (N && typeof N == "object" ? N.y : N) || "auto", ie = f, ae = p, oe = 0, se = 0, ce = "auto", le = "auto", I = b === 1 ? o : BROWSER_MAX_SIZE, ue = x === 1 ? s : BROWSER_MAX_SIZE, L = Math.max(0, S + I - i), R = Math.max(0, C + ue - a), z = (L - S) * b, B = (R - C) * x, fe = D + T + k, pe = O + ee + A;
 	if (e != null) {
 		let t = calculateAxisTarget({
 			index: e,
-			align: ne,
+			align: re,
 			viewSize: a,
 			scrollPos: p,
 			fixedSize: u,
@@ -246,15 +246,15 @@ function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction
 			query: g,
 			getSize: m,
 			stickyIndices: w,
-			stickyStart: E + j,
-			stickyEnd: ee + N
+			stickyStart: ee + A,
+			stickyEnd: te + M
 		});
-		ie = t.target + fe, oe = t.itemSize, ce = t.effectiveAlign;
+		ae = t.target + pe, se = t.itemSize, le = t.effectiveAlign;
 	}
 	if (t != null) {
 		let e = r === "both", n = calculateAxisTarget({
 			index: t,
-			align: F,
+			align: P,
 			viewSize: i,
 			scrollPos: f,
 			fixedSize: e ? d : u,
@@ -262,18 +262,18 @@ function calculateScrollTarget({ rowIndex: e, colIndex: t, options: n, direction
 			query: e ? y : _,
 			getSize: e ? v : h,
 			stickyIndices: w,
-			stickyStart: T + A,
-			stickyEnd: D + M
+			stickyStart: T + k,
+			stickyEnd: E + j
 		});
-		re = n.target + de, ae = n.itemSize, se = n.effectiveAlign;
+		ie = n.target + fe, oe = n.itemSize, ce = n.effectiveAlign;
 	}
-	return re = Math.max(0, Math.min(re, B)), ie = Math.max(0, Math.min(ie, V)), {
-		targetX: re,
-		targetY: ie,
-		itemWidth: ae,
-		itemHeight: oe,
-		effectiveAlignX: se,
-		effectiveAlignY: ce
+	return ie = Math.max(0, Math.min(ie, z)), ae = Math.max(0, Math.min(ae, B)), {
+		targetX: ie,
+		targetY: ae,
+		itemWidth: oe,
+		itemHeight: se,
+		effectiveAlignX: ce,
+		effectiveAlignY: le
 	};
 }
 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 }) {
@@ -372,87 +372,87 @@ function useVirtualScroll(e) {
 	}), y = reactive({
 		x: 0,
 		y: 0
-	}), b, x = ref(!1), S = ref(0), C = ref(0), T = null, E = () => {
+	}), b, x = ref(!1), S = ref(0), C = ref(0), T = null, ee = () => {
 		if (typeof window > "u") return;
 		let e = n.value.container || n.value.hostRef || window, t = isElement(e) ? e : document.documentElement;
 		(!T || !("direction" in T)) && (T = window.getComputedStyle(t));
 		let r = T.direction === "rtl";
 		d.value !== r && (d.value = r);
-	}, D = new FenwickTree(n.value.items?.length || 0), O = new FenwickTree(n.value.items?.length || 0), k = new FenwickTree(n.value.columnCount || 0), A = ref(0), j = new Uint8Array(), M = new Uint8Array(), P = new Uint8Array(), F = ref(null), ce = ref(!1), L = [], R = computed(() => [
+	}, E = new FenwickTree(n.value.items?.length || 0), D = new FenwickTree(n.value.items?.length || 0), O = new FenwickTree(n.value.columnCount || 0), k = ref(0), A = new Uint8Array(), j = new Uint8Array(), N = new Uint8Array(), P = ref(null), le = ref(!1), I = [], L = computed(() => [
 		"vertical",
 		"horizontal",
 		"both"
-	].includes(n.value.direction) ? n.value.direction : "vertical"), z = computed(() => n.value.itemSize === void 0 || n.value.itemSize === null || n.value.itemSize === 0), ue = computed(() => n.value.columnWidth === void 0 || n.value.columnWidth === null || n.value.columnWidth === 0), B = computed(() => typeof n.value.itemSize == "number" && n.value.itemSize > 0 ? n.value.itemSize : null), V = computed(() => typeof n.value.columnWidth == "number" && n.value.columnWidth > 0 ? n.value.columnWidth : null), _e = computed(() => n.value.defaultItemSize || B.value || 40), ye = computed(() => [...n.value.stickyIndices || []].sort((e, t) => e - t)), be = computed(() => new Set(ye.value)), xe = computed(() => getPaddingX(n.value.scrollPaddingStart, n.value.direction)), Se = computed(() => getPaddingX(n.value.scrollPaddingEnd, n.value.direction)), Ce = computed(() => getPaddingY(n.value.scrollPaddingStart, n.value.direction)), we = computed(() => getPaddingY(n.value.scrollPaddingEnd, n.value.direction)), U = computed(() => getPaddingX(n.value.stickyStart, n.value.direction)), Te = computed(() => getPaddingX(n.value.stickyEnd, n.value.direction)), W = computed(() => getPaddingY(n.value.stickyStart, n.value.direction)), Ee = computed(() => getPaddingY(n.value.stickyEnd, n.value.direction)), G = computed(() => getPaddingX(n.value.flowPaddingStart, n.value.direction)), K = computed(() => getPaddingX(n.value.flowPaddingEnd, n.value.direction)), q = computed(() => getPaddingY(n.value.flowPaddingStart, n.value.direction)), De = computed(() => getPaddingY(n.value.flowPaddingEnd, n.value.direction)), Oe = computed(() => f.value - (R.value === "vertical" ? 0 : U.value + Te.value)), ke = computed(() => p.value - (R.value === "horizontal" ? 0 : W.value + Ee.value)), Ae = computed(() => {
-		if (A.value, !o.value && n.value.ssrRange && !l.value) {
+	].includes(n.value.direction) ? n.value.direction : "vertical"), R = computed(() => n.value.itemSize === void 0 || n.value.itemSize === null || n.value.itemSize === 0), de = computed(() => n.value.columnWidth === void 0 || n.value.columnWidth === null || n.value.columnWidth === 0), z = computed(() => typeof n.value.itemSize == "number" && n.value.itemSize > 0 ? n.value.itemSize : null), B = computed(() => typeof n.value.columnWidth == "number" && n.value.columnWidth > 0 ? n.value.columnWidth : null), ve = computed(() => n.value.defaultItemSize || z.value || 40), be = computed(() => [...n.value.stickyIndices || []].sort((e, t) => e - t)), xe = computed(() => new Set(be.value)), Se = computed(() => getPaddingX(n.value.scrollPaddingStart, n.value.direction)), Ce = computed(() => getPaddingX(n.value.scrollPaddingEnd, n.value.direction)), we = computed(() => getPaddingY(n.value.scrollPaddingStart, n.value.direction)), Te = computed(() => getPaddingY(n.value.scrollPaddingEnd, n.value.direction)), H = computed(() => getPaddingX(n.value.stickyStart, n.value.direction)), Ee = computed(() => getPaddingX(n.value.stickyEnd, n.value.direction)), U = computed(() => getPaddingY(n.value.stickyStart, n.value.direction)), De = computed(() => getPaddingY(n.value.stickyEnd, n.value.direction)), W = computed(() => getPaddingX(n.value.flowPaddingStart, n.value.direction)), G = computed(() => getPaddingX(n.value.flowPaddingEnd, n.value.direction)), K = computed(() => getPaddingY(n.value.flowPaddingStart, n.value.direction)), Oe = computed(() => getPaddingY(n.value.flowPaddingEnd, n.value.direction)), ke = computed(() => f.value - (L.value === "vertical" ? 0 : H.value + Ee.value)), Ae = computed(() => p.value - (L.value === "horizontal" ? 0 : U.value + De.value)), je = computed(() => {
+		if (k.value, !o.value && n.value.ssrRange && !l.value) {
 			let { start: e = 0, end: t = 0, colStart: r = 0, colEnd: i = 0 } = n.value.ssrRange, a = n.value.columnCount || 0, o = n.value.gap || 0, s = n.value.columnGap || 0, c = 0, l = 0;
-			if (R.value === "both") {
+			if (L.value === "both") {
 				if (a > 0) {
-					let e = i || a, t = k.query(e) - k.query(r);
+					let e = i || a, t = O.query(e) - O.query(r);
 					c = Math.max(0, t - (e > r ? s : 0));
 				}
-				if (B.value !== null) {
+				if (z.value !== null) {
 					let n = t - e;
-					l = Math.max(0, n * (B.value + o) - (n > 0 ? o : 0));
+					l = Math.max(0, n * (z.value + o) - (n > 0 ? o : 0));
 				} else {
-					let n = O.query(t) - O.query(e);
+					let n = D.query(t) - D.query(e);
 					l = Math.max(0, n - (t > e ? o : 0));
 				}
-			} else if (R.value === "horizontal") {
-				if (B.value !== null) {
+			} else if (L.value === "horizontal") {
+				if (z.value !== null) {
 					let n = t - e;
-					c = Math.max(0, n * (B.value + s) - (n > 0 ? s : 0));
+					c = Math.max(0, n * (z.value + s) - (n > 0 ? s : 0));
 				} else {
-					let n = D.query(t) - D.query(e);
+					let n = E.query(t) - E.query(e);
 					c = Math.max(0, n - (t > e ? s : 0));
 				}
-				l = ke.value;
-			} else if (c = Oe.value, B.value !== null) {
+				l = Ae.value;
+			} else if (c = ke.value, z.value !== null) {
 				let n = t - e;
-				l = Math.max(0, n * (B.value + o) - (n > 0 ? o : 0));
+				l = Math.max(0, n * (z.value + o) - (n > 0 ? o : 0));
 			} else {
-				let n = O.query(t) - O.query(e);
+				let n = D.query(t) - D.query(e);
 				l = Math.max(0, n - (t > e ? o : 0));
 			}
 			return {
-				width: Math.max(c, Oe.value),
-				height: Math.max(l, ke.value)
+				width: Math.max(c, ke.value),
+				height: Math.max(l, Ae.value)
 			};
 		}
 		return calculateTotalSize({
-			direction: R.value,
+			direction: L.value,
 			itemsLength: n.value.items.length,
 			columnCount: n.value.columnCount || 0,
-			fixedSize: B.value,
-			fixedWidth: V.value,
+			fixedSize: z.value,
+			fixedWidth: B.value,
 			gap: n.value.gap || 0,
 			columnGap: n.value.columnGap || 0,
-			usableWidth: Oe.value,
-			usableHeight: ke.value,
-			queryY: (e) => O.query(e),
-			queryX: (e) => D.query(e),
-			queryColumn: (e) => k.query(e)
+			usableWidth: ke.value,
+			usableHeight: Ae.value,
+			queryY: (e) => D.query(e),
+			queryX: (e) => E.query(e),
+			queryColumn: (e) => O.query(e)
 		});
-	}), je = computed(() => isWindowLike(n.value.container)), Me = computed(() => Ae.value.width + xe.value + Se.value), Ne = computed(() => Ae.value.height + Ce.value + we.value), J = computed(() => G.value + U.value + Te.value + K.value + Me.value), Y = computed(() => q.value + W.value + Ee.value + De.value + Ne.value), X = reactive({
-		x: computed(() => Math.max(0, g.x - (G.value + U.value))),
-		y: computed(() => Math.max(0, g.y - (q.value + W.value)))
-	}), Pe = computed(() => je.value ? J.value : Math.min(J.value, BROWSER_MAX_SIZE)), Fe = computed(() => je.value ? Y.value : Math.min(Y.value, BROWSER_MAX_SIZE)), Ie = computed(() => je.value ? Me.value : Math.max(0, Pe.value - (G.value + U.value + Te.value + K.value))), Le = computed(() => je.value ? Ne.value : Math.max(0, Fe.value - (q.value + W.value + Ee.value + De.value))), Z = computed(() => {
-		if (je.value || J.value <= 1e7) return 1;
-		let e = J.value - f.value, t = Pe.value - f.value;
+	}), Me = computed(() => isWindowLike(n.value.container)), Ne = computed(() => je.value.width + Se.value + Ce.value), Pe = computed(() => je.value.height + we.value + Te.value), q = computed(() => W.value + H.value + Ee.value + G.value + Ne.value), J = computed(() => K.value + U.value + De.value + Oe.value + Pe.value), Y = reactive({
+		x: computed(() => Math.max(0, g.x - (W.value + H.value))),
+		y: computed(() => Math.max(0, g.y - (K.value + U.value)))
+	}), Fe = computed(() => Me.value ? q.value : Math.min(q.value, BROWSER_MAX_SIZE)), Ie = computed(() => Me.value ? J.value : Math.min(J.value, BROWSER_MAX_SIZE)), Le = computed(() => Me.value ? Ne.value : Math.max(0, Fe.value - (W.value + H.value + Ee.value + G.value))), Re = computed(() => Me.value ? Pe.value : Math.max(0, Ie.value - (K.value + U.value + De.value + Oe.value))), X = computed(() => {
+		if (Me.value || q.value <= 1e7) return 1;
+		let e = q.value - f.value, t = Fe.value - f.value;
 		return t > 0 ? e / t : 1;
-	}), Q = computed(() => {
-		if (je.value || Y.value <= 1e7) return 1;
-		let e = Y.value - p.value, t = Fe.value - p.value;
+	}), Z = computed(() => {
+		if (Me.value || J.value <= 1e7) return 1;
+		let e = J.value - p.value, t = Ie.value - p.value;
 		return t > 0 ? e / t : 1;
-	}), Re = computed(() => {
-		if (R.value === "vertical") return 0;
-		let e = G.value + U.value + xe.value;
-		return S.value - e;
 	}), ze = computed(() => {
-		if (R.value === "horizontal") return 0;
-		let e = q.value + W.value + Ce.value;
+		if (L.value === "vertical") return 0;
+		let e = W.value + H.value + Se.value;
+		return S.value - e;
+	}), Be = computed(() => {
+		if (L.value === "horizontal") return 0;
+		let e = K.value + U.value + we.value;
 		return C.value - e;
-	}), Be = (e) => {
-		A.value;
+	}), Ve = (e) => {
+		k.value;
 		let t = n.value.columnGap || 0, r = n.value.columnWidth;
 		if (typeof r == "number" && r > 0) return r;
 		if (Array.isArray(r) && r.length > 0) {
@@ -460,60 +460,60 @@ function useVirtualScroll(e) {
 			return t != null && t > 0 ? t : n.value.defaultColumnWidth || 100;
 		}
 		if (typeof r == "function") return r(e);
-		let i = k.get(e);
+		let i = O.get(e);
 		return i > 0 ? i - t : n.value.defaultColumnWidth || 100;
-	}, Ve = (e) => {
-		if (A.value, R.value === "horizontal") return ke.value;
+	}, He = (e) => {
+		if (k.value, L.value === "horizontal") return Ae.value;
 		let t = n.value.gap || 0, r = n.value.itemSize;
 		if (typeof r == "number" && r > 0) return r;
 		if (typeof r == "function") {
 			let t = n.value.items[e];
 			return t === void 0 ? n.value.defaultItemSize || 40 : r(t, e);
 		}
-		let i = O.get(e);
+		let i = D.get(e);
 		return i > 0 ? i - t : n.value.defaultItemSize || 40;
 	};
-	function He(e, t, a) {
+	function Ue(e, t, a) {
 		let o = typeof a == "object" && a && "isCorrection" in a ? a.isCorrection : !1, s = n.value.container || window, { targetX: c, targetY: l, effectiveAlignX: u, effectiveAlignY: m } = calculateScrollTarget({
 			rowIndex: e,
 			colIndex: t,
 			options: a,
-			direction: R.value,
+			direction: L.value,
 			viewportWidth: f.value,
 			viewportHeight: p.value,
-			totalWidth: J.value,
-			totalHeight: Y.value,
+			totalWidth: q.value,
+			totalHeight: J.value,
 			gap: n.value.gap || 0,
 			columnGap: n.value.columnGap || 0,
-			fixedSize: B.value,
-			fixedWidth: V.value,
-			relativeScrollX: Re.value,
-			relativeScrollY: ze.value,
-			getItemSizeY: (e) => O.get(e),
-			getItemSizeX: (e) => D.get(e),
-			getItemQueryY: (e) => O.query(e),
-			getItemQueryX: (e) => D.query(e),
-			getColumnSize: (e) => k.get(e),
-			getColumnQuery: (e) => k.query(e),
-			scaleX: Z.value,
-			scaleY: Q.value,
-			hostOffsetX: X.x,
-			hostOffsetY: X.y,
-			stickyIndices: ye.value,
-			stickyStartX: U.value,
-			stickyStartY: W.value,
-			stickyEndX: Te.value,
-			stickyEndY: Ee.value,
-			flowPaddingStartX: G.value,
-			flowPaddingStartY: q.value,
-			paddingStartX: xe.value,
-			paddingStartY: Ce.value,
-			paddingEndX: Se.value,
-			paddingEndY: we.value
+			fixedSize: z.value,
+			fixedWidth: B.value,
+			relativeScrollX: ze.value,
+			relativeScrollY: Be.value,
+			getItemSizeY: (e) => D.get(e),
+			getItemSizeX: (e) => E.get(e),
+			getItemQueryY: (e) => D.query(e),
+			getItemQueryX: (e) => E.query(e),
+			getColumnSize: (e) => O.get(e),
+			getColumnQuery: (e) => O.query(e),
+			scaleX: X.value,
+			scaleY: Z.value,
+			hostOffsetX: Y.x,
+			hostOffsetY: Y.y,
+			stickyIndices: be.value,
+			stickyStartX: H.value,
+			stickyStartY: U.value,
+			stickyEndX: Ee.value,
+			stickyEndY: De.value,
+			flowPaddingStartX: W.value,
+			flowPaddingStartY: K.value,
+			paddingStartX: Se.value,
+			paddingStartY: we.value,
+			paddingEndX: Ce.value,
+			paddingEndY: Te.value
 		});
 		if (!o) {
 			let n = isScrollToIndexOptions(a) ? a.behavior : void 0;
-			F.value = {
+			P.value = {
 				rowIndex: e,
 				colIndex: t,
 				options: {
@@ -525,97 +525,97 @@ function useVirtualScroll(e) {
 				}
 			};
 		}
-		let h = virtualToDisplay(c, X.x, Z.value), g = virtualToDisplay(l, X.y, Q.value), _ = d.value ? -h : h, v = g, y;
+		let h = virtualToDisplay(c, Y.x, X.value), g = virtualToDisplay(l, Y.y, Z.value), _ = d.value ? -h : h, v = g, y;
 		isScrollToIndexOptions(a) && (y = a.behavior);
 		let b = o ? "auto" : y || "smooth";
 		x.value = !0;
 		let w = { behavior: b };
-		if (t != null && (w.left = d.value ? _ : Math.max(0, _)), e != null && (w.top = Math.max(0, v)), scrollTo(s, w), (b === "auto" || b === void 0) && (t != null && (r.value = d.value ? _ : Math.max(0, _), S.value = c), e != null && (i.value = Math.max(0, v), C.value = l), F.value)) {
-			let e = F.value.options;
-			isScrollToIndexOptions(e) ? e.behavior = "auto" : F.value.options = {
+		if (t != null && (w.left = d.value ? _ : Math.max(0, _)), e != null && (w.top = Math.max(0, v)), scrollTo(s, w), (b === "auto" || b === void 0) && (t != null && (r.value = d.value ? _ : Math.max(0, _), S.value = c), e != null && (i.value = Math.max(0, v), C.value = l), P.value)) {
+			let e = P.value.options;
+			isScrollToIndexOptions(e) ? e.behavior = "auto" : P.value.options = {
 				align: e,
 				behavior: "auto"
 			};
 		}
 	}
-	let Ue = (e, t, a) => {
+	let We = (e, t, a) => {
 		let o = n.value.container || window;
-		x.value = !0, F.value = null;
-		let s = e == null ? null : Math.max(0, Math.min(e, J.value - f.value)), c = t == null ? null : Math.max(0, Math.min(t, Y.value - p.value));
+		x.value = !0, P.value = null;
+		let s = e == null ? null : Math.max(0, Math.min(e, q.value - f.value)), c = t == null ? null : Math.max(0, Math.min(t, J.value - p.value));
 		s !== null && (S.value = s), c !== null && (C.value = c);
-		let l = typeof window < "u" && o === window ? window.scrollX : o.scrollLeft, u = typeof window < "u" && o === window ? window.scrollY : o.scrollTop, m = s === null ? null : virtualToDisplay(s, X.x, Z.value), h = c === null ? null : virtualToDisplay(c, X.y, Q.value), g = m === null ? l : d.value ? -m : m, _ = h === null ? u : h, v = { behavior: a?.behavior || "auto" };
+		let l = typeof window < "u" && o === window ? window.scrollX : o.scrollLeft, u = typeof window < "u" && o === window ? window.scrollY : o.scrollTop, m = s === null ? null : virtualToDisplay(s, Y.x, X.value), h = c === null ? null : virtualToDisplay(c, Y.y, Z.value), g = m === null ? l : d.value ? -m : m, _ = h === null ? u : h, v = { behavior: a?.behavior || "auto" };
 		e != null && (v.left = g), t != null && (v.top = _), scrollTo(o, v), (a?.behavior === "auto" || a?.behavior === void 0) && (e != null && (r.value = g), t != null && (i.value = _));
-	}, We = (e, t) => {
-		if (D.resize(e), O.resize(e), k.resize(t), M.length !== e) {
+	}, Ge = (e, t) => {
+		if (E.resize(e), D.resize(e), O.resize(t), j.length !== e) {
 			let t = new Uint8Array(e);
-			t.set(M.subarray(0, Math.min(e, M.length))), M = t;
+			t.set(j.subarray(0, Math.min(e, j.length))), j = t;
 		}
-		if (P.length !== e) {
+		if (N.length !== e) {
 			let t = new Uint8Array(e);
-			t.set(P.subarray(0, Math.min(e, P.length))), P = t;
+			t.set(N.subarray(0, Math.min(e, N.length))), N = t;
 		}
-		if (j.length !== t) {
+		if (A.length !== t) {
 			let e = new Uint8Array(t);
-			e.set(j.subarray(0, Math.min(t, j.length))), j = e;
+			e.set(A.subarray(0, Math.min(t, A.length))), A = e;
 		}
-	}, $ = () => {
+	}, Q = () => {
 		let e = n.value.items.length, t = n.value.columnCount || 0, r = n.value.gap || 0, i = n.value.columnGap || 0, a = n.value.columnWidth, o = !1, s = !1;
 		if (t > 0) for (let e = 0; e < t; e++) {
-			let t = k.get(e), r = j[e] === 1;
-			if (!ue.value || !r && t === 0) {
+			let t = O.get(e), r = A[e] === 1;
+			if (!de.value || !r && t === 0) {
 				let r = 0;
 				r = typeof a == "number" && a > 0 ? a : Array.isArray(a) && a.length > 0 ? a[e % a.length] || n.value.defaultColumnWidth || 100 : typeof a == "function" ? a(e) : n.value.defaultColumnWidth || 100;
 				let s = r + i;
-				Math.abs(t - s) > .5 ? (k.set(e, s), j[e] = ue.value ? 0 : 1, o = !0) : ue.value || (j[e] = 1);
+				Math.abs(t - s) > .5 ? (O.set(e, s), A[e] = de.value ? 0 : 1, o = !0) : de.value || (A[e] = 1);
 			}
 		}
 		for (let t = 0; t < e; t++) {
-			let e = n.value.items[t], a = D.get(t), o = O.get(t), c = M[t] === 1, l = P[t] === 1;
-			if (R.value === "horizontal") {
-				if (!z.value || !c && a === 0) {
-					let r = (typeof n.value.itemSize == "function" ? n.value.itemSize(e, t) : _e.value) + i;
-					Math.abs(a - r) > .5 ? (D.set(t, r), M[t] = z.value ? 0 : 1, s = !0) : z.value || (M[t] = 1);
+			let e = n.value.items[t], a = E.get(t), o = D.get(t), c = j[t] === 1, l = N[t] === 1;
+			if (L.value === "horizontal") {
+				if (!R.value || !c && a === 0) {
+					let r = (typeof n.value.itemSize == "function" ? n.value.itemSize(e, t) : ve.value) + i;
+					Math.abs(a - r) > .5 ? (E.set(t, r), j[t] = R.value ? 0 : 1, s = !0) : R.value || (j[t] = 1);
 				}
-			} else a !== 0 && (D.set(t, 0), M[t] = 0, s = !0);
-			if (R.value !== "horizontal") {
-				if (!z.value || !l && o === 0) {
-					let i = (typeof n.value.itemSize == "function" ? n.value.itemSize(e, t) : _e.value) + r;
-					Math.abs(o - i) > .5 ? (O.set(t, i), P[t] = z.value ? 0 : 1, s = !0) : z.value || (P[t] = 1);
+			} else a !== 0 && (E.set(t, 0), j[t] = 0, s = !0);
+			if (L.value !== "horizontal") {
+				if (!R.value || !l && o === 0) {
+					let i = (typeof n.value.itemSize == "function" ? n.value.itemSize(e, t) : ve.value) + r;
+					Math.abs(o - i) > .5 ? (D.set(t, i), N[t] = R.value ? 0 : 1, s = !0) : R.value || (N[t] = 1);
 				}
-			} else o !== 0 && (O.set(t, 0), P[t] = 0, s = !0);
+			} else o !== 0 && (D.set(t, 0), N[t] = 0, s = !0);
 		}
-		o && k.rebuild(), s && (D.rebuild(), O.rebuild());
-	}, Ge = () => {
+		o && O.rebuild(), s && (E.rebuild(), D.rebuild());
+	}, Ke = () => {
 		let e = n.value.items, t = e.length;
-		We(t, n.value.columnCount || 0);
+		Ge(t, n.value.columnCount || 0);
 		let r = 0;
-		if (n.value.restoreScrollOnPrepend && L.length > 0 && t > L.length) {
-			let n = L[0];
+		if (n.value.restoreScrollOnPrepend && I.length > 0 && t > I.length) {
+			let n = I[0];
 			if (n !== void 0) {
-				for (let i = 1; i <= t - L.length; i++) if (e[i] === n) {
+				for (let i = 1; i <= t - I.length; i++) if (e[i] === n) {
 					r = i;
 					break;
 				}
 			}
 		}
 		if (r > 0) {
-			D.shift(r), O.shift(r), F.value && F.value.rowIndex !== null && F.value.rowIndex !== void 0 && (F.value.rowIndex += r);
+			E.shift(r), D.shift(r), P.value && P.value.rowIndex !== null && P.value.rowIndex !== void 0 && (P.value.rowIndex += r);
 			let i = new Uint8Array(t), a = new Uint8Array(t);
-			i.set(M.subarray(0, Math.min(t - r, M.length)), r), a.set(P.subarray(0, Math.min(t - r, P.length)), r), M = i, P = a;
+			i.set(j.subarray(0, Math.min(t - r, j.length)), r), a.set(N.subarray(0, Math.min(t - r, N.length)), r), j = i, N = a;
 			let o = n.value.gap || 0, s = n.value.columnGap || 0, c = 0, l = 0;
 			for (let t = 0; t < r; t++) {
-				let r = typeof n.value.itemSize == "function" ? n.value.itemSize(e[t], t) : _e.value;
-				R.value === "horizontal" ? c += r + s : l += r + o;
+				let r = typeof n.value.itemSize == "function" ? n.value.itemSize(e[t], t) : ve.value;
+				L.value === "horizontal" ? c += r + s : l += r + o;
 			}
 			(c > 0 || l > 0) && nextTick(() => {
-				Ue(c > 0 ? Re.value + c : null, l > 0 ? ze.value + l : null, {
+				We(c > 0 ? ze.value + c : null, l > 0 ? Be.value + l : null, {
 					behavior: "auto",
 					isCorrection: !0
 				});
 			});
 		}
-		$(), L = [...e], ce.value = !0, A.value++;
-	}, Ke = () => {
+		Q(), I = [...e], le.value = !0, k.value++;
+	}, qe = () => {
 		if (typeof window > "u") return;
 		let e = n.value.container || window, t = (t) => {
 			let n = t.getBoundingClientRect();
@@ -659,61 +659,61 @@ function useVirtualScroll(e) {
 		() => n.value.columnGap,
 		() => n.value.defaultItemSize,
 		() => n.value.defaultColumnWidth
-	], Ge, { immediate: !0 }), watch(() => [n.value.container, n.value.hostElement], () => {
-		Ke();
+	], Ke, { immediate: !0 }), watch(() => [n.value.container, n.value.hostElement], () => {
+		qe();
 	}), watch(d, (e, t) => {
 		if (t === void 0 || e === t || !l.value) return;
-		if (R.value === "vertical") {
-			Ke();
+		if (L.value === "vertical") {
+			qe();
 			return;
 		}
-		let n = displayToVirtual(t ? Math.abs(r.value) : r.value, g.x, Z.value);
-		Ke(), Ue(n, null, { behavior: "auto" });
-	}, { flush: "sync" }), watch([Z, Q], () => {
-		!l.value || a.value || x.value || Ue(S.value, C.value, { behavior: "auto" });
+		let n = displayToVirtual(t ? Math.abs(r.value) : r.value, g.x, X.value);
+		qe(), We(n, null, { behavior: "auto" });
+	}, { flush: "sync" }), watch([X, Z], () => {
+		!l.value || a.value || x.value || We(S.value, C.value, { behavior: "auto" });
 	}), watch([() => n.value.items.length, () => n.value.columnCount], ([e, t], [n, r]) => {
 		nextTick(() => {
-			let i = Math.max(0, J.value - f.value), a = Math.max(0, Y.value - p.value);
-			S.value > i || C.value > a ? Ue(Math.min(S.value, i), Math.min(C.value, a), { behavior: "auto" }) : (e !== n && Q.value !== 1 || t !== r && Z.value !== 1) && Ue(S.value, C.value, { behavior: "auto" }), Ke();
+			let i = Math.max(0, q.value - f.value), a = Math.max(0, J.value - p.value);
+			S.value > i || C.value > a ? We(Math.min(S.value, i), Math.min(C.value, a), { behavior: "auto" }) : (e !== n && Z.value !== 1 || t !== r && X.value !== 1) && We(S.value, C.value, { behavior: "auto" }), qe();
 		});
 	});
-	let qe = (e) => {
-		let t = n.value.gap || 0, r = n.value.columnGap || 0, i = B.value;
-		if (R.value === "horizontal") {
+	let Je = (e) => {
+		let t = n.value.gap || 0, r = n.value.columnGap || 0, i = z.value;
+		if (L.value === "horizontal") {
 			let t = (i || 0) + r;
-			return i !== null && t > 0 ? Math.floor(e / t) : D.findLowerBound(e);
+			return i !== null && t > 0 ? Math.floor(e / t) : E.findLowerBound(e);
 		}
 		let a = (i || 0) + t;
-		return i !== null && a > 0 ? Math.floor(e / a) : O.findLowerBound(e);
-	}, Je = (e) => R.value === "both" ? k.findLowerBound(e) : R.value === "horizontal" ? qe(e) : 0, Ye = computed(() => {
-		if (A.value, (!o.value || c.value) && n.value.ssrRange) return {
+		return i !== null && a > 0 ? Math.floor(e / a) : D.findLowerBound(e);
+	}, Ye = (e) => L.value === "both" ? O.findLowerBound(e) : L.value === "horizontal" ? Je(e) : 0, Xe = computed(() => {
+		if (k.value, (!o.value || c.value) && n.value.ssrRange) return {
 			start: n.value.ssrRange.start,
 			end: n.value.ssrRange.end
 		};
 		let e = n.value.ssrRange && !a.value ? 0 : n.value.bufferBefore ?? 5, t = n.value.bufferAfter ?? 5;
 		return calculateRange({
-			direction: R.value,
-			relativeScrollX: Re.value,
-			relativeScrollY: ze.value,
-			usableWidth: Oe.value,
-			usableHeight: ke.value,
+			direction: L.value,
+			relativeScrollX: ze.value,
+			relativeScrollY: Be.value,
+			usableWidth: ke.value,
+			usableHeight: Ae.value,
 			itemsLength: n.value.items.length,
 			bufferBefore: e,
 			bufferAfter: t,
 			gap: n.value.gap || 0,
 			columnGap: n.value.columnGap || 0,
-			fixedSize: B.value,
-			findLowerBoundY: (e) => O.findLowerBound(e),
-			findLowerBoundX: (e) => D.findLowerBound(e),
-			queryY: (e) => O.query(e),
-			queryX: (e) => D.query(e)
+			fixedSize: z.value,
+			findLowerBoundY: (e) => D.findLowerBound(e),
+			findLowerBoundX: (e) => E.findLowerBound(e),
+			queryY: (e) => D.query(e),
+			queryX: (e) => E.query(e)
 		});
-	}), Xe = computed(() => {
-		A.value;
-		let e = Re.value + U.value, t = ze.value + W.value;
-		return qe(R.value === "horizontal" ? e : t);
 	}), Ze = computed(() => {
-		A.value;
+		k.value;
+		let e = ze.value + H.value, t = Be.value + U.value;
+		return Je(L.value === "horizontal" ? e : t);
+	}), Qe = computed(() => {
+		k.value;
 		let e = n.value.columnCount || 0;
 		if (!e) return {
 			start: 0,
@@ -722,7 +722,7 @@ function useVirtualScroll(e) {
 			padEnd: 0
 		};
 		if ((!o.value || c.value) && n.value.ssrRange) {
-			let { colStart: t = 0, colEnd: r = 0 } = n.value.ssrRange, i = Math.max(0, t), a = Math.min(e, r || e), o = n.value.columnGap || 0, s = V.value === null ? k.query(i) : i * (V.value + o), c = V.value === null ? Math.max(0, k.query(e) - o) : e * (V.value + o) - o, l = V.value === null ? k.query(a) - (a > 0 ? o : 0) : a * (V.value + o) - (a > 0 ? o : 0);
+			let { colStart: t = 0, colEnd: r = 0 } = n.value.ssrRange, i = Math.max(0, t), a = Math.min(e, r || e), o = n.value.columnGap || 0, s = B.value === null ? O.query(i) : i * (B.value + o), c = B.value === null ? Math.max(0, O.query(e) - o) : e * (B.value + o) - o, l = B.value === null ? O.query(a) - (a > 0 ? o : 0) : a * (B.value + o) - (a > 0 ? o : 0);
 			return {
 				start: i,
 				end: a,
@@ -733,67 +733,67 @@ function useVirtualScroll(e) {
 		let t = n.value.ssrRange && !a.value ? 0 : 2;
 		return calculateColumnRange({
 			columnCount: e,
-			relativeScrollX: Re.value,
-			usableWidth: Oe.value,
+			relativeScrollX: ze.value,
+			usableWidth: ke.value,
 			colBuffer: t,
-			fixedWidth: V.value,
+			fixedWidth: B.value,
 			columnGap: n.value.columnGap || 0,
-			findLowerBound: (e) => k.findLowerBound(e),
-			query: (e) => k.query(e),
-			totalColsQuery: () => k.query(e)
+			findLowerBound: (e) => O.findLowerBound(e),
+			query: (e) => O.query(e),
+			totalColsQuery: () => O.query(e)
 		});
-	}), Qe = [], $e = computed(() => {
-		A.value;
-		let { start: e, end: t } = Ye.value, r = [], i = B.value, a = n.value.gap || 0, s = n.value.columnGap || 0, c = ye.value, l = be.value, u = [];
+	}), $e = [], et = computed(() => {
+		k.value;
+		let { start: e, end: t } = Xe.value, r = [], i = z.value, a = n.value.gap || 0, s = n.value.columnGap || 0, c = be.value, l = xe.value, u = [];
 		if (o.value || !n.value.ssrRange) {
-			let t = Xe.value, n = findPrevStickyIndex(c, t);
+			let t = Ze.value, n = findPrevStickyIndex(c, t);
 			n !== void 0 && n < e && u.push(n);
 		}
 		for (let n = e; n < t; n++) u.push(n);
 		let d = n.value.ssrRange?.start || 0, f = n.value.ssrRange?.colStart || 0, p = 0, m = 0;
-		!o.value && n.value.ssrRange && (m = R.value === "horizontal" ? 0 : i === null ? O.query(d) : d * (i + a), R.value === "horizontal" ? p = i === null ? D.query(f) : f * (i + s) : R.value === "both" && (p = k.query(f)));
-		let h = new Map(Qe.map((e) => [e.index, e])), g = -1, _ = 0, v = -1, y = 0, b = (e) => e === g + 1 ? (_ += D.get(g), g = e, _) : (_ = D.query(e), g = e, _), x = (e) => e === v + 1 ? (y += O.get(v), v = e, y) : (y = O.query(e), v = e, y), w = G.value + U.value + xe.value, T = q.value + W.value + Ce.value, E = G.value + U.value, ee = q.value + W.value, j = Ze.value;
+		!o.value && n.value.ssrRange && (m = L.value === "horizontal" ? 0 : i === null ? D.query(d) : d * (i + a), L.value === "horizontal" ? p = i === null ? E.query(f) : f * (i + s) : L.value === "both" && (p = O.query(f)));
+		let h = new Map($e.map((e) => [e.index, e])), g = -1, _ = 0, v = -1, y = 0, b = (e) => e === g + 1 ? (_ += E.get(g), g = e, _) : (_ = E.query(e), g = e, _), x = (e) => e === v + 1 ? (y += D.get(v), v = e, y) : (y = D.query(e), v = e, y), w = W.value + H.value + Se.value, T = K.value + U.value + we.value, ee = W.value + H.value, te = K.value + U.value, A = Qe.value;
 		for (let e of u) {
 			let t = n.value.items[e];
 			if (t === void 0) continue;
 			let { x: i, y: a, width: s, height: u } = calculateItemPosition({
 				index: e,
-				direction: R.value,
-				fixedSize: B.value,
+				direction: L.value,
+				fixedSize: z.value,
 				gap: n.value.gap || 0,
 				columnGap: n.value.columnGap || 0,
-				usableWidth: Oe.value,
-				usableHeight: ke.value,
-				totalWidth: Ae.value.width,
+				usableWidth: ke.value,
+				usableHeight: Ae.value,
+				totalWidth: je.value.width,
 				queryY: x,
 				queryX: b,
-				getSizeY: (e) => O.get(e),
-				getSizeX: (e) => D.get(e),
-				columnRange: j
-			}), d = l.has(e), f = i, g = a, { isStickyActive: _, isStickyActiveX: v, isStickyActiveY: y, stickyOffset: k } = calculateStickyItem({
+				getSizeY: (e) => D.get(e),
+				getSizeX: (e) => E.get(e),
+				columnRange: A
+			}), d = l.has(e), f = i, g = a, { isStickyActive: _, isStickyActiveX: v, isStickyActiveY: y, stickyOffset: O } = calculateStickyItem({
 				index: e,
 				isSticky: d,
-				direction: R.value,
-				relativeScrollX: Re.value,
-				relativeScrollY: ze.value,
+				direction: L.value,
+				relativeScrollX: ze.value,
+				relativeScrollY: Be.value,
 				originalX: f,
 				originalY: g,
 				width: s,
 				height: u,
 				stickyIndices: c,
-				fixedSize: B.value,
-				fixedWidth: V.value,
+				fixedSize: z.value,
+				fixedWidth: B.value,
 				gap: n.value.gap || 0,
 				columnGap: n.value.columnGap || 0,
 				getItemQueryY: x,
 				getItemQueryX: b
-			}), A = o.value ? S.value / Z.value + (i + w - S.value) - E : i - p, M = o.value ? C.value / Q.value + (a + T - C.value) - ee : a - m, N = h.get(e);
-			N && N.item === t && N.offset.x === A && N.offset.y === M && N.size.width === s && N.size.height === u && N.isSticky === d && N.isStickyActive === _ && N.isStickyActiveX === v && N.isStickyActiveY === y && N.stickyOffset.x === k.x && N.stickyOffset.y === k.y ? r.push(N) : r.push({
+			}), k = o.value ? S.value / X.value + (i + w - S.value) - ee : i - p, j = o.value ? C.value / Z.value + (a + T - C.value) - te : a - m, M = h.get(e);
+			M && M.item === t && M.offset.x === k && M.offset.y === j && M.size.width === s && M.size.height === u && M.isSticky === d && M.isStickyActive === _ && M.isStickyActiveX === v && M.isStickyActiveY === y && M.stickyOffset.x === O.x && M.stickyOffset.y === O.y ? r.push(M) : r.push({
 				item: t,
 				index: e,
 				offset: {
-					x: A,
-					y: M
+					x: k,
+					y: j
 				},
 				size: {
 					width: s,
@@ -805,15 +805,15 @@ function useVirtualScroll(e) {
 				isStickyActive: _,
 				isStickyActiveX: v,
 				isStickyActiveY: y,
-				stickyOffset: k
+				stickyOffset: O
 			});
 		}
-		return Qe = r, r;
-	}), et = computed(() => {
-		A.value;
-		let e = Re.value + U.value, t = ze.value + W.value, n = Re.value + (f.value - Te.value) - 1, o = ze.value + (p.value - Ee.value) - 1, s = Je(e), c = qe(t), l = qe(R.value === "horizontal" ? n : o), u = Je(n);
+		return $e = r, r;
+	}), tt = computed(() => {
+		k.value;
+		let e = ze.value + H.value, t = Be.value + U.value, n = ze.value + (f.value - Ee.value) - 1, o = Be.value + (p.value - De.value) - 1, s = Ye(e), c = Je(t), l = Je(L.value === "horizontal" ? n : o), u = Ye(n);
 		return {
-			items: $e.value,
+			items: et.value,
 			currentIndex: c,
 			currentColIndex: s,
 			currentEndIndex: l,
@@ -835,52 +835,52 @@ function useVirtualScroll(e) {
 				height: p.value
 			},
 			totalSize: {
-				width: J.value,
-				height: Y.value
+				width: q.value,
+				height: J.value
 			},
 			isScrolling: a.value,
 			isProgrammaticScroll: x.value,
-			range: Ye.value,
-			columnRange: Ze.value
+			range: Xe.value,
+			columnRange: Qe.value
 		};
-	}), tt = () => {
-		x.value = !1, F.value = null;
-	}, nt = (e) => {
+	}), nt = () => {
+		x.value = !1, P.value = null;
+	}, rt = (e) => {
 		let t = e.target;
-		typeof window > "u" || (E(), t === window || t === document ? (r.value = window.scrollX, i.value = window.scrollY, f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight) : isScrollableElement(t) && (r.value = t.scrollLeft, i.value = t.scrollTop, f.value = t.clientWidth, p.value = t.clientHeight), S.value = displayToVirtual(d.value ? Math.abs(r.value) : r.value, X.x, Z.value), C.value = displayToVirtual(i.value, X.y, Q.value), a.value ||= (x.value || (F.value = null), !0), clearTimeout(b), b = setTimeout(() => {
+		typeof window > "u" || (ee(), t === window || t === document ? (r.value = window.scrollX, i.value = window.scrollY, f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight) : isScrollableElement(t) && (r.value = t.scrollLeft, i.value = t.scrollTop, f.value = t.clientWidth, p.value = t.clientHeight), S.value = displayToVirtual(d.value ? Math.abs(r.value) : r.value, Y.x, X.value), C.value = displayToVirtual(i.value, Y.y, Z.value), a.value ||= (x.value || (P.value = null), !0), clearTimeout(b), b = setTimeout(() => {
 			a.value = !1, x.value = !1;
 		}, 250));
-	}, rt = (e) => {
-		let t = !1, r = 0, i = 0, a = n.value.gap || 0, o = n.value.columnGap || 0, s = Re.value, c = ze.value, l = qe(R.value === "horizontal" ? s : c), u = Je(s), d = R.value === "horizontal", f = R.value === "both", p = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set(), h = (e, i) => {
+	}, it = (e) => {
+		let t = !1, r = 0, i = 0, a = n.value.gap || 0, o = n.value.columnGap || 0, s = ze.value, c = Be.value, l = Je(L.value === "horizontal" ? s : c), u = Ye(s), d = L.value === "horizontal", f = L.value === "both", p = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set(), h = (e, i) => {
 			if (e >= 0 && e < (n.value.columnCount || 0) && !m.has(e)) {
 				m.add(e);
-				let n = k.get(e), a = i + o;
-				if (!j[e] || Math.abs(n - a) > .1) {
+				let n = O.get(e), a = i + o;
+				if (!A[e] || Math.abs(n - a) > .1) {
 					let i = a - n;
-					Math.abs(i) > .1 && (k.update(e, i), t = !0, e < u && (r += i)), j[e] = 1;
+					Math.abs(i) > .1 && (O.update(e, i), t = !0, e < u && (r += i)), A[e] = 1;
 				}
 			}
 		};
 		for (let { index: s, inlineSize: c, blockSize: u, element: m } of e) {
 			if (c <= 0 && u <= 0) continue;
-			let e = z.value || typeof n.value.itemSize == "function";
+			let e = R.value || typeof n.value.itemSize == "function";
 			if (s >= 0 && !p.has(s) && e && u > 0) {
 				if (p.add(s), d && c > 0) {
-					let e = D.get(s), n = c + o;
-					if (!M[s] || Math.abs(n - e) > .1) {
+					let e = E.get(s), n = c + o;
+					if (!j[s] || Math.abs(n - e) > .1) {
 						let i = n - e;
-						D.update(s, i), M[s] = 1, t = !0, s < l && (r += i);
+						E.update(s, i), j[s] = 1, t = !0, s < l && (r += i);
 					}
 				}
 				if (!d) {
-					let e = O.get(s), n = u + a;
-					if (!P[s] || Math.abs(n - e) > .1) {
+					let e = D.get(s), n = u + a;
+					if (!N[s] || Math.abs(n - e) > .1) {
 						let r = n - e;
-						O.update(s, r), P[s] = 1, t = !0, s < l && (i += r);
+						D.update(s, r), N[s] = 1, t = !0, s < l && (i += r);
 					}
 				}
 			}
-			let g = ue.value || typeof n.value.columnWidth == "function";
+			let g = de.value || typeof n.value.columnWidth == "function";
 			if (f && m && n.value.columnCount && g && (c > 0 || m.dataset.colIndex === void 0)) {
 				let e = m.dataset.colIndex;
 				if (e != null) h(Number.parseInt(e, 10), c);
@@ -890,60 +890,60 @@ function useVirtualScroll(e) {
 				}
 			}
 		}
-		if (t && (A.value++, !(F.value !== null || x.value) && (r !== 0 || i !== 0))) {
-			let e = G.value + U.value + xe.value, t = q.value + W.value + Ce.value;
-			Ue(r === 0 ? null : s + r + e, i === 0 ? null : c + i + t, { behavior: "auto" });
+		if (t && (k.value++, !(P.value !== null || x.value) && (r !== 0 || i !== 0))) {
+			let e = W.value + H.value + Se.value, t = K.value + U.value + we.value;
+			We(r === 0 ? null : s + r + e, i === 0 ? null : c + i + t, { behavior: "auto" });
 		}
-	}, it = (e, t, n, r) => {
-		rt([{
+	}, at = (e, t, n, r) => {
+		it([{
 			index: e,
 			inlineSize: t,
 			blockSize: n,
 			element: r
 		}]);
 	};
-	function at() {
-		if (F.value && !c.value) {
-			let { rowIndex: e, colIndex: t, options: r } = F.value;
+	function ot() {
+		if (P.value && !c.value) {
+			let { rowIndex: e, colIndex: t, options: r } = P.value;
 			if (isScrollToIndexOptions(r) && r.behavior === "smooth" && a.value) return;
-			let i = n.value.container || window, o = typeof window < "u" && i === window ? window.scrollX : i.scrollLeft, s = typeof window < "u" && i === window ? window.scrollY : i.scrollTop, c = d.value ? Math.abs(o) : o, l = s, u = displayToVirtual(c, 0, Z.value), m = displayToVirtual(l, 0, Q.value), { targetX: h, targetY: g } = calculateScrollTarget({
+			let i = n.value.container || window, o = typeof window < "u" && i === window ? window.scrollX : i.scrollLeft, s = typeof window < "u" && i === window ? window.scrollY : i.scrollTop, c = d.value ? Math.abs(o) : o, l = s, u = displayToVirtual(c, 0, X.value), m = displayToVirtual(l, 0, Z.value), { targetX: h, targetY: g } = calculateScrollTarget({
 				rowIndex: e,
 				colIndex: t,
 				options: r,
-				direction: R.value,
+				direction: L.value,
 				viewportWidth: f.value,
 				viewportHeight: p.value,
-				totalWidth: Me.value,
-				totalHeight: Ne.value,
+				totalWidth: Ne.value,
+				totalHeight: Pe.value,
 				gap: n.value.gap || 0,
 				columnGap: n.value.columnGap || 0,
-				fixedSize: B.value,
-				fixedWidth: V.value,
+				fixedSize: z.value,
+				fixedWidth: B.value,
 				relativeScrollX: u,
 				relativeScrollY: m,
-				getItemSizeY: (e) => O.get(e),
-				getItemSizeX: (e) => D.get(e),
-				getItemQueryY: (e) => O.query(e),
-				getItemQueryX: (e) => D.query(e),
-				getColumnSize: (e) => k.get(e),
-				getColumnQuery: (e) => k.query(e),
-				scaleX: Z.value,
-				scaleY: Q.value,
-				hostOffsetX: X.x,
-				hostOffsetY: X.y,
-				stickyIndices: ye.value,
-				stickyStartX: U.value,
-				stickyStartY: W.value,
-				stickyEndX: Te.value,
-				stickyEndY: Ee.value,
-				flowPaddingStartX: G.value,
-				flowPaddingStartY: q.value,
-				paddingStartX: xe.value,
-				paddingStartY: Ce.value,
-				paddingEndX: Se.value,
-				paddingEndY: we.value
-			}), _ = t == null || Math.abs(u - h) < 2, v = e == null || Math.abs(m - g) < 2, y = t == null || t === void 0 || j[t] === 1, b = e == null || e === void 0 || P[e] === 1;
-			_ && v ? y && b && !a.value && !x.value && (F.value = null) : He(e, t, isScrollToIndexOptions(r) ? {
+				getItemSizeY: (e) => D.get(e),
+				getItemSizeX: (e) => E.get(e),
+				getItemQueryY: (e) => D.query(e),
+				getItemQueryX: (e) => E.query(e),
+				getColumnSize: (e) => O.get(e),
+				getColumnQuery: (e) => O.query(e),
+				scaleX: X.value,
+				scaleY: Z.value,
+				hostOffsetX: Y.x,
+				hostOffsetY: Y.y,
+				stickyIndices: be.value,
+				stickyStartX: H.value,
+				stickyStartY: U.value,
+				stickyEndX: Ee.value,
+				stickyEndY: De.value,
+				flowPaddingStartX: W.value,
+				flowPaddingStartY: K.value,
+				paddingStartX: Se.value,
+				paddingStartY: we.value,
+				paddingEndX: Ce.value,
+				paddingEndY: Te.value
+			}), _ = t == null || Math.abs(u - h) < 2, v = e == null || Math.abs(m - g) < 2, y = t == null || t === void 0 || A[t] === 1, b = e == null || e === void 0 || N[e] === 1;
+			_ && v ? y && b && !a.value && !x.value && (P.value = null) : Ue(e, t, isScrollToIndexOptions(r) ? {
 				...r,
 				isCorrection: !0
 			} : {
@@ -953,39 +953,39 @@ function useVirtualScroll(e) {
 		}
 	}
 	watch([
-		A,
+		k,
 		f,
 		p
-	], at), watch(a, (e) => {
-		e || at();
+	], ot), watch(a, (e) => {
+		e || ot();
 	});
-	let ot = null, st = null, ct, lt = (e) => {
+	let st = null, $ = null, ct, lt = (e) => {
 		if (typeof window > "u") return;
 		let t = e || window, n = t === window || isElement(t) && t === document.documentElement ? document : t;
-		if (n.addEventListener("scroll", nt, { passive: !0 }), T = null, E(), isElement(t) && (st = new MutationObserver(() => E()), st.observe(t, {
+		if (n.addEventListener("scroll", rt, { passive: !0 }), T = null, ee(), isElement(t) && ($ = new MutationObserver(() => ee()), $.observe(t, {
 			attributes: !0,
 			attributeFilter: ["dir", "style"]
-		})), ct = setInterval(E, 1e3), t === window) {
+		})), ct = setInterval(ee, 1e3), t === window) {
 			f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight, r.value = window.scrollX, i.value = window.scrollY;
 			let e = () => {
-				E(), f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight, Ke();
+				ee(), f.value = document.documentElement.clientWidth, p.value = document.documentElement.clientHeight, qe();
 			};
 			return window.addEventListener("resize", e), () => {
-				n.removeEventListener("scroll", nt), window.removeEventListener("resize", e), st?.disconnect(), clearInterval(ct), T = null;
+				n.removeEventListener("scroll", rt), window.removeEventListener("resize", e), $?.disconnect(), clearInterval(ct), T = null;
 			};
-		} else return f.value = t.clientWidth, p.value = t.clientHeight, r.value = t.scrollLeft, i.value = t.scrollTop, ot = new ResizeObserver(() => {
-			E(), f.value = t.clientWidth, p.value = t.clientHeight, Ke();
-		}), ot.observe(t), () => {
-			n.removeEventListener("scroll", nt), ot?.disconnect(), st?.disconnect(), clearInterval(ct), T = null;
+		} else return f.value = t.clientWidth, p.value = t.clientHeight, r.value = t.scrollLeft, i.value = t.scrollTop, st = new ResizeObserver(() => {
+			ee(), f.value = t.clientWidth, p.value = t.clientHeight, qe();
+		}), st.observe(t), () => {
+			n.removeEventListener("scroll", rt), st?.disconnect(), $?.disconnect(), clearInterval(ct), T = null;
 		};
 	}, ut;
 	return getCurrentInstance() && (onMounted(() => {
-		l.value = !0, E(), watch(() => n.value.container, (e) => {
+		l.value = !0, ee(), watch(() => n.value.container, (e) => {
 			ut?.(), ut = lt(e || null);
-		}, { immediate: !0 }), Ke(), nextTick(() => {
-			if (Ke(), n.value.ssrRange || n.value.initialScrollIndex !== void 0) {
+		}, { immediate: !0 }), qe(), nextTick(() => {
+			if (qe(), n.value.ssrRange || n.value.initialScrollIndex !== void 0) {
 				let e = n.value.initialScrollIndex === void 0 ? n.value.ssrRange?.start : n.value.initialScrollIndex, t = n.value.initialScrollAlign || "start";
-				e != null && He(e, n.value.ssrRange?.colStart, {
+				e != null && Ue(e, n.value.ssrRange?.colStart, {
 					align: t,
 					behavior: "auto"
 				}), o.value = !0, c.value = !0, nextTick(() => {
@@ -996,46 +996,46 @@ function useVirtualScroll(e) {
 	}), onUnmounted(() => {
 		ut?.();
 	})), {
-		renderedItems: $e,
-		totalWidth: J,
-		totalHeight: Y,
-		renderedWidth: Pe,
-		renderedHeight: Fe,
-		scrollDetails: et,
-		getRowHeight: Ve,
-		getColumnWidth: Be,
-		getRowOffset: (e) => q.value + W.value + Ce.value + O.query(e),
-		getColumnOffset: (e) => G.value + U.value + xe.value + k.query(e),
-		getItemOffset: (e) => R.value === "horizontal" ? G.value + U.value + xe.value + D.query(e) : q.value + W.value + Ce.value + O.query(e),
+		renderedItems: et,
+		totalWidth: q,
+		totalHeight: J,
+		renderedWidth: Fe,
+		renderedHeight: Ie,
+		scrollDetails: tt,
+		getRowHeight: He,
+		getColumnWidth: Ve,
+		getRowOffset: (e) => K.value + U.value + we.value + D.query(e),
+		getColumnOffset: (e) => W.value + H.value + Se.value + O.query(e),
+		getItemOffset: (e) => L.value === "horizontal" ? W.value + H.value + Se.value + E.query(e) : K.value + U.value + we.value + D.query(e),
 		getItemSize: (e) => {
-			if (R.value === "horizontal") return Math.max(0, D.get(e) - (n.value.columnGap || 0));
+			if (L.value === "horizontal") return Math.max(0, E.get(e) - (n.value.columnGap || 0));
 			let t = n.value.itemSize;
 			if (typeof t == "number" && t > 0) return t;
 			if (typeof t == "function") {
 				let r = n.value.items[e];
 				return r === void 0 ? n.value.defaultItemSize || 40 : t(r, e);
 			}
-			return Math.max(0, O.get(e) - (n.value.gap || 0));
+			return Math.max(0, D.get(e) - (n.value.gap || 0));
 		},
-		scrollToIndex: He,
-		scrollToOffset: Ue,
-		stopProgrammaticScroll: tt,
-		updateItemSize: it,
-		updateItemSizes: rt,
-		updateHostOffset: Ke,
-		updateDirection: E,
-		columnRange: Ze,
+		scrollToIndex: Ue,
+		scrollToOffset: We,
+		stopProgrammaticScroll: nt,
+		updateItemSize: at,
+		updateItemSizes: it,
+		updateHostOffset: qe,
+		updateDirection: ee,
+		columnRange: Qe,
 		refresh: () => {
-			D.resize(0), O.resize(0), k.resize(0), j.fill(0), M.fill(0), P.fill(0), Ge();
+			E.resize(0), D.resize(0), O.resize(0), A.fill(0), j.fill(0), N.fill(0), Ke();
 		},
 		isHydrated: o,
-		isWindowContainer: je,
+		isWindowContainer: Me,
 		isRtl: d,
-		scaleX: Z,
-		scaleY: Q,
-		componentOffset: X,
-		renderedVirtualWidth: Ie,
-		renderedVirtualHeight: Le
+		scaleX: X,
+		scaleY: Z,
+		componentOffset: Y,
+		renderedVirtualWidth: Le,
+		renderedVirtualHeight: Re
 	};
 }
 function useVirtualScrollbar(e) {
@@ -1091,6 +1091,7 @@ function useVirtualScrollbar(e) {
 			class: ["virtual-scrollbar-track", `virtual-scrollbar-track--${l.value ? "horizontal" : "vertical"}`],
 			style: g.value,
 			role: "scrollbar",
+			"aria-label": toValue(e.ariaLabel),
 			"aria-orientation": n.value,
 			"aria-valuenow": Math.round(i.value),
 			"aria-valuemin": 0,
@@ -1126,7 +1127,8 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		isRtl: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		ariaLabel: {}
 	},
 	emits: ["scrollToOffset"],
 	setup(e, { emit: t }) {
@@ -1145,7 +1147,8 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 	}
 }), _hoisted_1 = {
 	key: 0,
-	class: "virtual-scroll-scrollbar-container"
+	class: "virtual-scroll-scrollbar-container",
+	"aria-hidden": "true"
 }, _hoisted_2 = {
 	key: 0,
 	class: "virtual-scroll-debug-info"
@@ -1201,7 +1204,11 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		debug: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		role: {},
+		ariaLabel: {},
+		ariaLabelledby: {},
+		itemRole: { default: void 0 }
 	},
 	emits: [
 		"scroll",
@@ -1209,18 +1216,18 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 		"visibleRangeChange"
 	],
 	setup(o, { expose: s, emit: c }) {
-		let _ = o, w = c, k = useSlots(), A = ref(null), j = ref(null), M = ref(null), N = ref(null), te = /* @__PURE__ */ new Map(), P = useId(), F = computed(() => `vs-container-${P}`), ne = ref(0), re = ref(0), ie = computed(() => _.container === void 0 ? A.value : _.container), ae = computed(() => {
-			let e = ie.value;
-			return e === A.value || typeof window < "u" && (e === window || e === null);
-		}), I = computed(() => (_.items.length, {
+		let _ = o, w = c, O = useSlots(), k = ref(null), A = ref(null), j = ref(null), M = ref(null), ne = /* @__PURE__ */ new Map(), N = useId(), P = computed(() => `vs-container-${N}`), re = ref(0), ie = ref(0), ae = computed(() => _.container === void 0 ? k.value : _.container), oe = computed(() => {
+			let e = ae.value;
+			return e === k.value || typeof window < "u" && (e === window || e === null);
+		}), F = computed(() => (_.items.length, {
 			items: _.items,
 			itemSize: _.itemSize,
 			direction: _.direction,
 			bufferBefore: _.bufferBefore,
 			bufferAfter: _.bufferAfter,
-			container: ie.value,
-			hostElement: j.value,
-			hostRef: A.value,
+			container: ae.value,
+			hostElement: A.value,
+			hostRef: k.value,
 			ssrRange: _.ssrRange,
 			columnCount: _.columnCount,
 			columnWidth: _.columnWidth,
@@ -1234,19 +1241,19 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			},
 			flowPaddingStart: {
 				x: 0,
-				y: _.stickyHeader ? 0 : ne.value
+				y: _.stickyHeader ? 0 : re.value
 			},
 			flowPaddingEnd: {
 				x: 0,
-				y: _.stickyFooter ? 0 : re.value
+				y: _.stickyFooter ? 0 : ie.value
 			},
 			stickyStart: {
 				x: 0,
-				y: _.stickyHeader && ae.value ? ne.value : 0
+				y: _.stickyHeader && oe.value ? re.value : 0
 			},
 			stickyEnd: {
 				x: 0,
-				y: _.stickyFooter && ae.value ? re.value : 0
+				y: _.stickyFooter && oe.value ? ie.value : 0
 			},
 			gap: _.gap,
 			columnGap: _.columnGap,
@@ -1259,64 +1266,64 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 			defaultItemSize: _.defaultItemSize,
 			defaultColumnWidth: _.defaultColumnWidth,
 			debug: _.debug
-		})), { isHydrated: ce, isRtl: L, columnRange: le, renderedItems: R, scrollDetails: z, renderedHeight: ue, renderedWidth: B, getColumnWidth: V, getRowHeight: fe, scrollToIndex: H, scrollToOffset: pe, updateHostOffset: me, updateItemSizes: he, updateDirection: ge, getItemOffset: ve, getRowOffset: Te, getColumnOffset: W, getItemSize: Ee, refresh: G, stopProgrammaticScroll: K, scaleX: q, scaleY: De, isWindowContainer: Oe, componentOffset: ke, renderedVirtualWidth: Ae, renderedVirtualHeight: je } = useVirtualScroll(I), Me = computed(() => q.value !== 1 || De.value !== 1), Ne = computed(() => Oe.value ? !1 : _.virtualScrollbar === !0 || q.value !== 1 || De.value !== 1);
-		function J(e) {
-			let { displayViewportSize: t } = z.value;
-			e >= ue.value - t.height - .5 ? pe(null, Infinity) : pe(null, displayToVirtual(e, ke.y, De.value));
+		})), { isHydrated: le, isRtl: I, columnRange: ue, renderedItems: L, scrollDetails: R, renderedHeight: de, renderedWidth: z, getColumnWidth: B, getRowHeight: pe, scrollToIndex: V, scrollToOffset: me, updateHostOffset: he, updateItemSizes: ge, updateDirection: _e, getItemOffset: ye, getRowOffset: Ee, getColumnOffset: U, getItemSize: De, refresh: W, stopProgrammaticScroll: G, scaleX: K, scaleY: Oe, isWindowContainer: ke, componentOffset: Ae, renderedVirtualWidth: je, renderedVirtualHeight: Me } = useVirtualScroll(F), Ne = computed(() => K.value !== 1 || Oe.value !== 1), Pe = computed(() => ke.value ? !1 : _.virtualScrollbar === !0 || K.value !== 1 || Oe.value !== 1);
+		function q(e) {
+			let { displayViewportSize: t } = R.value;
+			e >= de.value - t.height - .5 ? me(null, Infinity) : me(null, displayToVirtual(e, Ae.y, Oe.value));
 		}
-		function Y(e) {
-			let { displayViewportSize: t } = z.value;
-			e >= B.value - t.width - .5 ? pe(Infinity, null) : pe(displayToVirtual(e, ke.x, q.value), null);
+		function J(e) {
+			let { displayViewportSize: t } = R.value;
+			e >= z.value - t.width - .5 ? me(Infinity, null) : me(displayToVirtual(e, Ae.x, K.value), null);
 		}
-		let X = useVirtualScrollbar({
+		let Y = useVirtualScrollbar({
 			axis: "vertical",
-			totalSize: ue,
-			position: computed(() => z.value.displayScrollOffset.y),
-			viewportSize: computed(() => z.value.displayViewportSize.height),
-			scrollToOffset: J,
-			containerId: F,
-			isRtl: L
-		}), Pe = useVirtualScrollbar({
+			totalSize: de,
+			position: computed(() => R.value.displayScrollOffset.y),
+			viewportSize: computed(() => R.value.displayViewportSize.height),
+			scrollToOffset: q,
+			containerId: P,
+			isRtl: I
+		}), Fe = useVirtualScrollbar({
 			axis: "horizontal",
-			totalSize: B,
-			position: computed(() => z.value.displayScrollOffset.x),
-			viewportSize: computed(() => z.value.displayViewportSize.width),
-			scrollToOffset: Y,
-			containerId: F,
-			isRtl: L
-		}), Fe = computed(() => _.direction === "both" ? {
-			...le.value,
+			totalSize: z,
+			position: computed(() => R.value.displayScrollOffset.x),
+			viewportSize: computed(() => R.value.displayViewportSize.width),
+			scrollToOffset: J,
+			containerId: P,
+			isRtl: I
+		}), Ie = computed(() => _.direction === "both" ? {
+			...ue.value,
 			padStart: 0,
 			padEnd: 0
-		} : le.value);
-		function Ie() {
-			G(), ge(), nextTick(() => {
+		} : ue.value);
+		function Le() {
+			W(), _e(), nextTick(() => {
 				let e = [];
-				for (let [t, n] of te.entries()) n && e.push({
+				for (let [t, n] of ne.entries()) n && e.push({
 					index: t,
 					inlineSize: n.offsetWidth,
 					blockSize: n.offsetHeight,
 					element: n
 				});
-				e.length > 0 && he(e);
+				e.length > 0 && ge(e);
 			});
 		}
-		watch(z, (e, t) => {
-			!ce.value || !e || (w("scroll", e), (!t || !t.range || !t.columnRange || e.range.start !== t.range.start || e.range.end !== t.range.end || e.columnRange.start !== t.columnRange.start || e.columnRange.end !== t.columnRange.end) && w("visibleRangeChange", {
+		watch(R, (e, t) => {
+			!le.value || !e || (w("scroll", e), (!t || !t.range || !t.columnRange || e.range.start !== t.range.start || e.range.end !== t.range.end || e.columnRange.start !== t.columnRange.start || e.columnRange.end !== t.columnRange.end) && w("visibleRangeChange", {
 				start: e.range.start,
 				end: e.range.end,
 				colStart: e.columnRange.start,
 				colEnd: e.columnRange.end
 			}), !_.loading && (_.direction !== "horizontal" && e.totalSize && e.totalSize.height - (e.scrollOffset.y + e.viewportSize.height) <= _.loadDistance && w("load", "vertical"), _.direction !== "vertical" && e.totalSize && e.totalSize.width - (e.scrollOffset.x + e.viewportSize.width) <= _.loadDistance && w("load", "horizontal")));
-		}), watch(ce, (e) => {
-			e && z.value?.range && z.value?.columnRange && w("visibleRangeChange", {
-				start: z.value.range.start,
-				end: z.value.range.end,
-				colStart: z.value.columnRange.start,
-				colEnd: z.value.columnRange.end
+		}), watch(le, (e) => {
+			e && R.value?.range && R.value?.columnRange && w("visibleRangeChange", {
+				start: R.value.range.start,
+				end: R.value.range.end,
+				colStart: R.value.columnRange.start,
+				colEnd: R.value.columnRange.end
 			});
 		}, { once: !0 });
-		let Le = typeof window > "u" ? null : new ResizeObserver(me), Z = typeof window > "u" ? null : new ResizeObserver((e) => {
+		let Re = 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;
@@ -1332,227 +1339,229 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					element: e
 				});
 			}
-			t.length > 0 && he(t);
-		}), Q = typeof window > "u" ? null : new ResizeObserver(() => {
-			ne.value = M.value?.offsetHeight || 0, re.value = N.value?.offsetHeight || 0, me();
+			t.length > 0 && ge(t);
+		}), Z = typeof window > "u" ? null : new ResizeObserver(() => {
+			re.value = j.value?.offsetHeight || 0, ie.value = M.value?.offsetHeight || 0, he();
 		});
-		function Re(e, t) {
+		function ze(e, t) {
 			watch(e, (e, n) => {
-				n && Q?.unobserve(n), e ? Q?.observe(e) : t.value = 0;
+				n && Z?.unobserve(n), e ? Z?.observe(e) : t.value = 0;
 			}, { immediate: !0 });
 		}
-		Re(M, ne), Re(N, re), onMounted(() => {
-			A.value && Le?.observe(A.value);
-			for (let e of te.values()) Z?.observe(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => Z?.observe(e));
-		}), watch([A, j], ([e], [t]) => {
-			t && Le?.unobserve(t), e && Le?.observe(e);
-		}), watch([A, Me], ([e, t], [n, r]) => {
+		ze(j, re), ze(M, ie), onMounted(() => {
+			k.value && Re?.observe(k.value);
+			for (let e of ne.values()) X?.observe(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => X?.observe(e));
+		}), watch([k, A], ([e], [t]) => {
+			t && Re?.unobserve(t), e && Re?.observe(e);
+		}), watch([k, Ne], ([e, t], [n, r]) => {
 			let i = e !== n || t !== r;
-			n && i && n.removeEventListener("wheel", Ze), e && i && e.addEventListener("wheel", Ze, { passive: !t });
+			n && i && n.removeEventListener("wheel", Qe), e && i && e.addEventListener("wheel", Qe, { passive: !t });
 		}, { immediate: !0 });
-		function ze(e, t) {
-			if (e) te.set(t, e), Z?.observe(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => Z?.observe(e));
+		function Be(e, t) {
+			if (e) ne.set(t, e), X?.observe(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => X?.observe(e));
 			else {
-				let e = te.get(t);
-				e && (Z?.unobserve(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => Z?.unobserve(e)), te.delete(t));
+				let e = ne.get(t);
+				e && (X?.unobserve(e), _.direction === "both" && e.querySelectorAll("[data-col-index]").forEach((e) => X?.unobserve(e)), ne.delete(t));
 			}
 		}
-		let Be = ref(!1), Ve = {
+		let Ve = ref(!1), He = {
 			x: 0,
 			y: 0
-		}, He = {
+		}, Ue = {
 			x: 0,
 			y: 0
-		}, Ue = {
+		}, We = {
 			x: 0,
 			y: 0
-		}, We = 0, $ = {
+		}, Ge = 0, Q = {
 			x: 0,
 			y: 0
-		}, Ge = null;
-		function Ke() {
+		}, Ke = null;
+		function qe() {
 			let e = () => {
-				$.x *= FRICTION, $.y *= FRICTION;
-				let t = z.value.scrollOffset.x, n = z.value.scrollOffset.y;
-				pe(t + $.x * 16, n + $.y * 16, { behavior: "auto" }), Math.abs($.x) > MIN_VELOCITY || Math.abs($.y) > MIN_VELOCITY ? Ge = requestAnimationFrame(e) : qe();
+				Q.x *= FRICTION, Q.y *= FRICTION;
+				let t = R.value.scrollOffset.x, n = R.value.scrollOffset.y;
+				me(t + Q.x * 16, n + Q.y * 16, { behavior: "auto" }), Math.abs(Q.x) > MIN_VELOCITY || Math.abs(Q.y) > MIN_VELOCITY ? Ke = requestAnimationFrame(e) : Je();
 			};
-			Ge = requestAnimationFrame(e);
+			Ke = requestAnimationFrame(e);
 		}
-		function qe() {
-			Ge !== null && (cancelAnimationFrame(Ge), Ge = null), $ = {
+		function Je() {
+			Ke !== null && (cancelAnimationFrame(Ke), Ke = null), Q = {
 				x: 0,
 				y: 0
 			};
 		}
-		function Je(e) {
-			K(), qe(), Me.value && (e.pointerType === "mouse" && e.button !== 0 || (Be.value = !0, Ve = {
+		function Ye(e) {
+			G(), Je(), Ne.value && (e.pointerType === "mouse" && e.button !== 0 || (Ve.value = !0, He = {
 				x: e.clientX,
 				y: e.clientY
-			}, Ue = {
+			}, We = {
 				x: e.clientX,
 				y: e.clientY
-			}, We = performance.now(), He = {
-				x: z.value.scrollOffset.x,
-				y: z.value.scrollOffset.y
+			}, Ge = performance.now(), Ue = {
+				x: R.value.scrollOffset.x,
+				y: R.value.scrollOffset.y
 			}, e.currentTarget.setPointerCapture(e.pointerId)));
 		}
-		function Ye(e) {
-			if (!Be.value) return;
-			let t = performance.now(), n = t - We;
+		function Xe(e) {
+			if (!Ve.value) return;
+			let t = performance.now(), n = t - Ge;
 			if (n > 0) {
-				let t = (Ue.x - e.clientX) / n, r = (Ue.y - e.clientY) / n;
-				$.x = $.x * .2 + t * .8, $.y = $.y * .2 + r * .8;
+				let t = (We.x - e.clientX) / n, r = (We.y - e.clientY) / n;
+				Q.x = Q.x * .2 + t * .8, Q.y = Q.y * .2 + r * .8;
 			}
-			Ue = {
+			We = {
 				x: e.clientX,
 				y: e.clientY
-			}, We = t;
-			let r = Ve.x - e.clientX, i = Ve.y - e.clientY;
+			}, Ge = t;
+			let r = He.x - e.clientX, i = He.y - e.clientY;
 			requestAnimationFrame(() => {
-				pe(He.x + r, He.y + i, { behavior: "auto" });
+				me(Ue.x + r, Ue.y + i, { behavior: "auto" });
 			});
 		}
-		function Xe(e) {
-			Be.value && (Be.value = !1, e.currentTarget.releasePointerCapture(e.pointerId), (Math.abs($.x) > MIN_VELOCITY || Math.abs($.y) > MIN_VELOCITY) && (Math.abs($.x) > 4 * Math.abs($.y) ? $.y = 0 : Math.abs($.y) > 4 * Math.abs($.x) && ($.x = 0), Ke()));
-		}
 		function Ze(e) {
-			let { scrollOffset: t } = z.value;
-			if (K(), Me.value) {
+			Ve.value && (Ve.value = !1, e.currentTarget.releasePointerCapture(e.pointerId), (Math.abs(Q.x) > MIN_VELOCITY || Math.abs(Q.y) > MIN_VELOCITY) && (Math.abs(Q.x) > 4 * Math.abs(Q.y) ? Q.y = 0 : Math.abs(Q.y) > 4 * Math.abs(Q.x) && (Q.x = 0), qe()));
+		}
+		function Qe(e) {
+			let { scrollOffset: t } = R.value;
+			if (G(), Ne.value) {
 				e.preventDefault();
 				let n = e.deltaX, r = e.deltaY;
-				e.shiftKey && n === 0 && (n = r, r = 0), pe(t.x + n, t.y + r, { behavior: "auto" });
+				e.shiftKey && n === 0 && (n = r, r = 0), me(t.x + n, t.y + r, { behavior: "auto" });
 			}
 		}
-		function Qe(e) {
-			let { viewportSize: t, scrollOffset: n } = z.value, r = _.direction !== "vertical", i = _.direction !== "horizontal", a = I.value.stickyStart, o = I.value.stickyEnd;
+		function $e(e) {
+			let { viewportSize: t, scrollOffset: n } = R.value, r = _.direction !== "vertical", i = _.direction !== "horizontal", a = F.value.stickyStart, o = F.value.stickyEnd;
 			switch (e.key) {
 				case "Home":
-					e.preventDefault(), K(), H(0, 0, {
+					e.preventDefault(), G(), V(0, 0, {
 						behavior: Math.max(n.x, n.y) > 10 * (_.direction === "horizontal" ? t.width : t.height) ? "auto" : "smooth",
 						align: "start"
 					});
 					break;
 				case "End": {
-					e.preventDefault(), K();
-					let r = _.items.length - 1, i = (_.columnCount || 0) > 0 ? _.columnCount - 1 : 0, { totalSize: a } = z.value, o = Math.max(a.width - n.x - t.width, a.height - n.y - t.height) > 10 * (_.direction === "horizontal" ? t.width : t.height) ? "auto" : "smooth";
-					_.direction === "both" ? H(r, i, {
+					e.preventDefault(), G();
+					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, {
 						behavior: o,
 						align: "end"
-					}) : H(_.direction === "vertical" ? r : 0, _.direction === "horizontal" ? r : 0, {
+					}) : V(_.direction === "vertical" ? r : 0, _.direction === "horizontal" ? r : 0, {
 						behavior: o,
 						align: "end"
 					});
 					break;
 				}
 				case "ArrowUp": {
-					if (e.preventDefault(), K(), !i) return;
-					let { currentIndex: t, scrollOffset: n } = z.value, r = n.y + a.y + I.value.scrollPaddingStart.y;
-					Te(t) < r - 1 ? H(t, null, { align: "start" }) : t > 0 && H(t - 1, null, { align: "start" });
+					if (e.preventDefault(), G(), !i) return;
+					let { currentIndex: t, scrollOffset: n } = R.value, r = n.y + a.y + F.value.scrollPaddingStart.y;
+					Ee(t) < r - 1 ? V(t, null, { align: "start" }) : t > 0 && V(t - 1, null, { align: "start" });
 					break;
 				}
 				case "ArrowDown": {
-					if (e.preventDefault(), K(), !i) return;
-					let { currentEndIndex: r } = z.value, a = n.y + t.height - (o.y + I.value.scrollPaddingEnd.y);
-					Te(r) + fe(r) > a + 1 ? H(r, null, { align: "end" }) : r < _.items.length - 1 && H(r + 1, null, { align: "end" });
+					if (e.preventDefault(), G(), !i) return;
+					let { currentEndIndex: r } = R.value, a = n.y + t.height - (o.y + F.value.scrollPaddingEnd.y);
+					Ee(r) + pe(r) > a + 1 ? V(r, null, { align: "end" }) : r < _.items.length - 1 && V(r + 1, null, { align: "end" });
 					break;
 				}
 				case "ArrowLeft": {
-					if (e.preventDefault(), K(), !r) return;
-					let { currentColIndex: i, currentEndColIndex: s } = z.value;
-					if (L.value) {
-						let e = n.x + t.width - (o.x + I.value.scrollPaddingEnd.x);
-						(_.columnCount ? W(s) + V(s) : ve(s) + Ee(s)) > e + 1 ? H(null, s, { align: "end" }) : s < (_.columnCount ? _.columnCount - 1 : _.items.length - 1) && H(null, s + 1, { align: "end" });
+					if (e.preventDefault(), G(), !r) return;
+					let { currentColIndex: i, currentEndColIndex: s } = R.value;
+					if (I.value) {
+						let e = n.x + t.width - (o.x + F.value.scrollPaddingEnd.x);
+						(_.columnCount ? U(s) + B(s) : ye(s) + De(s)) > e + 1 ? V(null, s, { align: "end" }) : s < (_.columnCount ? _.columnCount - 1 : _.items.length - 1) && V(null, s + 1, { align: "end" });
 					} else {
-						let e = n.x + a.x + I.value.scrollPaddingStart.x;
-						(_.columnCount ? W(i) : ve(i)) < e - 1 ? H(null, i, { align: "start" }) : i > 0 && H(null, i - 1, { align: "start" });
+						let e = n.x + a.x + F.value.scrollPaddingStart.x;
+						(_.columnCount ? U(i) : ye(i)) < e - 1 ? V(null, i, { align: "start" }) : i > 0 && V(null, i - 1, { align: "start" });
 					}
 					break;
 				}
 				case "ArrowRight": {
-					if (e.preventDefault(), K(), !r) return;
-					let { currentColIndex: i, currentEndColIndex: s } = z.value;
-					if (L.value) {
-						let e = n.x + a.x + I.value.scrollPaddingStart.x;
-						(_.columnCount ? W(i) : ve(i)) < e - 1 ? H(null, i, { align: "start" }) : i > 0 && H(null, i - 1, { align: "start" });
+					if (e.preventDefault(), G(), !r) return;
+					let { currentColIndex: i, currentEndColIndex: s } = R.value;
+					if (I.value) {
+						let e = n.x + a.x + F.value.scrollPaddingStart.x;
+						(_.columnCount ? U(i) : ye(i)) < e - 1 ? V(null, i, { align: "start" }) : i > 0 && V(null, i - 1, { align: "start" });
 					} else {
-						let e = n.x + t.width - (o.x + I.value.scrollPaddingEnd.x);
-						(_.columnCount ? W(s) + V(s) : ve(s) + Ee(s)) > e + 1 ? H(null, s, { align: "end" }) : s < (_.columnCount ? _.columnCount - 1 : _.items.length - 1) && H(null, s + 1, { align: "end" });
+						let e = n.x + t.width - (o.x + F.value.scrollPaddingEnd.x);
+						(_.columnCount ? U(s) + B(s) : ye(s) + De(s)) > e + 1 ? V(null, s, { align: "end" }) : s < (_.columnCount ? _.columnCount - 1 : _.items.length - 1) && V(null, s + 1, { align: "end" });
 					}
 					break;
 				}
 				case "PageUp":
-					e.preventDefault(), K(), pe(!i && r ? n.x - t.width : null, i ? n.y - t.height : null);
+					e.preventDefault(), G(), me(!i && r ? n.x - t.width : null, i ? n.y - t.height : null);
 					break;
 				case "PageDown":
-					e.preventDefault(), K(), pe(!i && r ? n.x + t.width : null, i ? n.y + t.height : null);
+					e.preventDefault(), G(), me(!i && r ? n.x + t.width : null, i ? n.y + t.height : null);
 					break;
 			}
 		}
 		onUnmounted(() => {
-			Le?.disconnect(), Z?.disconnect(), Q?.disconnect();
+			Re?.disconnect(), X?.disconnect(), Z?.disconnect();
 		});
-		let $e = computed(() => {
+		let et = computed(() => {
 			let e = { ..._.direction === "vertical" ? {} : { whiteSpace: "nowrap" } };
-			return (Ne.value || !Oe.value) && (e.overflow = "auto"), Me.value && (e.touchAction = "none"), Oe.value ? e : _.containerTag === "table" ? {
+			return (Pe.value || !ke.value) && (e.overflow = "auto"), Ne.value && (e.touchAction = "none"), ke.value ? e : _.containerTag === "table" ? {
 				...e,
 				display: "block",
 				minInlineSize: _.direction === "vertical" ? "100%" : "auto"
 			} : e;
-		}), et = computed(() => {
+		}), tt = computed(() => {
 			if (_.direction === "horizontal") return null;
-			let { displayViewportSize: e, displayScrollOffset: t } = z.value;
-			if (ue.value <= e.height) return null;
+			let { displayViewportSize: e, displayScrollOffset: t } = R.value;
+			if (de.value <= e.height) return null;
 			let n = {
 				axis: "vertical",
-				totalSize: ue.value,
+				totalSize: de.value,
 				position: t.y,
 				viewportSize: e.height,
-				scrollToOffset: J,
-				containerId: F.value,
-				isRtl: L.value
+				scrollToOffset: q,
+				containerId: P.value,
+				isRtl: I.value,
+				ariaLabel: "Vertical scroll"
 			};
 			return {
 				axis: "vertical",
-				positionPercent: X.positionPercent.value,
-				viewportPercent: X.viewportPercent.value,
-				thumbSizePercent: X.thumbSizePercent.value,
-				thumbPositionPercent: X.thumbPositionPercent.value,
-				trackProps: X.trackProps.value,
-				thumbProps: X.thumbProps.value,
+				positionPercent: Y.positionPercent.value,
+				viewportPercent: Y.viewportPercent.value,
+				thumbSizePercent: Y.thumbSizePercent.value,
+				thumbPositionPercent: Y.thumbPositionPercent.value,
+				trackProps: Y.trackProps.value,
+				thumbProps: Y.thumbProps.value,
 				scrollbarProps: n,
-				isDragging: X.isDragging.value
+				isDragging: Y.isDragging.value
 			};
-		}), tt = computed(() => {
+		}), nt = computed(() => {
 			if (_.direction === "vertical") return null;
-			let { displayViewportSize: e, displayScrollOffset: t } = z.value;
-			if (B.value <= e.width) return null;
+			let { displayViewportSize: e, displayScrollOffset: t } = R.value;
+			if (z.value <= e.width) return null;
 			let n = {
 				axis: "horizontal",
-				totalSize: B.value,
+				totalSize: z.value,
 				position: t.x,
 				viewportSize: e.width,
-				scrollToOffset: Y,
-				containerId: F.value,
-				isRtl: L.value
+				scrollToOffset: J,
+				containerId: P.value,
+				isRtl: I.value,
+				ariaLabel: "Horizontal scroll"
 			};
 			return {
 				axis: "horizontal",
-				positionPercent: Pe.positionPercent.value,
-				viewportPercent: Pe.viewportPercent.value,
-				thumbSizePercent: Pe.thumbSizePercent.value,
-				thumbPositionPercent: Pe.thumbPositionPercent.value,
-				trackProps: Pe.trackProps.value,
-				thumbProps: Pe.thumbProps.value,
+				positionPercent: Fe.positionPercent.value,
+				viewportPercent: Fe.viewportPercent.value,
+				thumbSizePercent: Fe.thumbSizePercent.value,
+				thumbPositionPercent: Fe.thumbPositionPercent.value,
+				trackProps: Fe.trackProps.value,
+				thumbProps: Fe.thumbProps.value,
 				scrollbarProps: n,
-				isDragging: Pe.isDragging.value
+				isDragging: Fe.isDragging.value
 			};
-		}), nt = computed(() => {
+		}), rt = computed(() => {
 			let e = _.direction === "horizontal", t = _.direction === "vertical", n = _.direction === "both", r = {
-				inlineSize: t ? "100%" : `${Ae.value}px`,
-				blockSize: e ? "100%" : `${je.value}px`
+				inlineSize: t ? "100%" : `${je.value}px`,
+				blockSize: e ? "100%" : `${Me.value}px`
 			};
-			return ce.value || (r.display = "flex", r.flexDirection = e ? "row" : "column", (e || n) && _.columnGap && (r.columnGap = `${_.columnGap}px`), (t || n) && _.gap && (r.rowGap = `${_.gap}px`)), r;
-		}), rt = computed(() => {
+			return le.value || (r.display = "flex", r.flexDirection = e ? "row" : "column", (e || n) && _.columnGap && (r.columnGap = `${_.columnGap}px`), (t || n) && _.gap && (r.rowGap = `${_.gap}px`)), r;
+		}), it = computed(() => {
 			let e = _.direction === "horizontal";
 			return {
 				display: e ? "inline-block" : "block",
@@ -1561,96 +1570,137 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 					verticalAlign: "top"
 				} : { inlineSize: "100%" }
 			};
-		}), it = computed(() => ({
-			inlineSize: _.direction === "vertical" ? "1px" : `${Ae.value}px`,
-			blockSize: _.direction === "horizontal" ? "1px" : `${je.value}px`
+		}), at = computed(() => ({
+			inlineSize: _.direction === "vertical" ? "1px" : `${je.value}px`,
+			blockSize: _.direction === "horizontal" ? "1px" : `${Me.value}px`
 		}));
-		function at(e) {
+		function ot(e) {
 			let t = calculateItemStyle({
 				containerTag: _.containerTag || "div",
 				direction: _.direction,
-				isHydrated: ce.value,
+				isHydrated: le.value,
 				item: e,
 				itemSize: _.itemSize,
-				paddingStartX: I.value.scrollPaddingStart.x,
-				paddingStartY: I.value.scrollPaddingStart.y,
-				isRtl: L.value
+				paddingStartX: F.value.scrollPaddingStart.x,
+				paddingStartY: F.value.scrollPaddingStart.y,
+				isRtl: I.value
 			});
-			return !ce.value && _.direction === "both" && (t.display = "flex", _.columnGap && (t.columnGap = `${_.columnGap}px`)), t;
+			return !le.value && _.direction === "both" && (t.display = "flex", _.columnGap && (t.columnGap = `${_.columnGap}px`)), t;
+		}
+		let st = computed(() => _.debug), $ = computed(() => _.containerTag === "table"), ct = computed(() => $.value ? "thead" : "div"), lt = computed(() => $.value ? "tfoot" : "div"), ut = computed(() => _.role ? _.role : $.value ? null : _.direction === "both" ? "grid" : "list"), dt = computed(() => ut.value === "grid" || $.value), ft = computed(() => $.value ? null : _.ariaLabel || _.ariaLabelledby ? "region" : "none"), pt = computed(() => $.value ? null : ut.value), mt = computed(() => {
+			if (dt.value) return "row";
+			let e = ut.value;
+			return e === "tree" ? "treeitem" : e === "listbox" ? "option" : e === "menu" ? "menuitem" : "listitem";
+		}), ht = computed(() => _.itemRole == null ? mt.value : _.itemRole), gt = computed(() => _.role === "grid" || !_.role && _.direction === "both" ? "gridcell" : $.value ? "cell" : null), _t = computed(() => {
+			let e = ht.value;
+			return e == null || e !== "none" && e !== "presentation";
+		}), vt = computed(() => ({
+			"aria-label": _.ariaLabel,
+			"aria-labelledby": _.ariaLabelledby,
+			"aria-busy": _.loading ? "true" : void 0
+		})), yt = computed(() => {
+			let e = {}, t = ut.value;
+			return t && [
+				"grid",
+				"tree",
+				"listbox",
+				"menu",
+				"tablist"
+			].includes(t) && (e["aria-orientation"] = _.direction === "both" ? void 0 : _.direction), dt.value && (e["aria-rowcount"] = _.items.length, _.columnCount > 0 && (e["aria-colcount"] = _.columnCount)), e;
+		});
+		function bt(e) {
+			let t = {};
+			dt.value ? t["aria-rowindex"] = e + 1 : (t["aria-setsize"] = _.items.length, t["aria-posinset"] = e + 1);
+			let n = ht.value;
+			return n !== null && (t.role = n === "none" || n === "presentation" ? mt.value : n), t;
+		}
+		function xt(e) {
+			let t = gt.value;
+			if (!t) return {};
+			let n = { role: t };
+			return dt.value && (n["aria-colindex"] = e + 1), n;
 		}
-		let ot = computed(() => _.debug), st = computed(() => _.containerTag === "table"), ct = computed(() => st.value ? "thead" : "div"), lt = computed(() => st.value ? "tfoot" : "div");
 		return s({
 			...toRefs(_),
-			scrollDetails: z,
-			columnRange: le,
-			getColumnWidth: V,
-			getRowHeight: fe,
-			getRowOffset: Te,
-			getColumnOffset: W,
-			getItemOffset: ve,
-			getItemSize: Ee,
-			scrollToIndex: H,
-			scrollToOffset: pe,
-			refresh: Ie,
+			scrollDetails: R,
+			columnRange: ue,
+			getColumnWidth: B,
+			getRowHeight: pe,
+			getCellAriaProps: xt,
+			getItemAriaProps: bt,
+			getRowOffset: Ee,
+			getColumnOffset: U,
+			getItemOffset: ye,
+			getItemSize: De,
+			scrollToIndex: V,
+			scrollToOffset: me,
+			refresh: Le,
 			stopProgrammaticScroll: () => {
-				K(), qe();
+				G(), Je();
 			},
-			updateDirection: ge,
-			isRtl: L,
-			isHydrated: ce,
-			scaleX: q,
-			scaleY: De,
-			renderedWidth: B,
-			renderedHeight: ue,
-			componentOffset: ke,
-			scrollbarPropsVertical: et,
-			scrollbarPropsHorizontal: tt
-		}), (t, s) => (openBlock(), createBlock(resolveDynamicComponent(o.containerTag), {
-			id: F.value,
+			updateDirection: _e,
+			isRtl: I,
+			isHydrated: le,
+			scaleX: K,
+			scaleY: Oe,
+			renderedWidth: z,
+			renderedHeight: de,
+			componentOffset: Ae,
+			scrollbarPropsVertical: tt,
+			scrollbarPropsHorizontal: nt
+		}), (t, s) => (openBlock(), createBlock(resolveDynamicComponent(o.containerTag), mergeProps({
+			id: P.value,
 			ref_key: "hostRef",
-			ref: A,
-			class: normalizeClass(["virtual-scroll-container", [`virtual-scroll--${o.direction}`, {
-				"virtual-scroll--hydrated": unref(ce),
-				"virtual-scroll--window": unref(Oe),
-				"virtual-scroll--table": st.value,
-				"virtual-scroll--hide-scrollbar": Ne.value
-			}]]),
-			style: normalizeStyle($e.value),
+			ref: k,
+			class: ["virtual-scroll-container", [`virtual-scroll--${o.direction}`, {
+				"virtual-scroll--hydrated": unref(le),
+				"virtual-scroll--window": unref(ke),
+				"virtual-scroll--table": $.value,
+				"virtual-scroll--hide-scrollbar": Pe.value
+			}]],
+			style: et.value,
 			tabindex: "0",
-			onKeydown: Qe,
-			onPointerdown: Je,
-			onPointermove: Ye,
-			onPointerup: Xe,
-			onPointercancel: Xe
-		}, {
+			role: $.value ? void 0 : ft.value
+		}, $.value ? {
+			...vt.value,
+			...yt.value
+		} : vt.value, {
+			onKeydown: $e,
+			onPointerdown: Ye,
+			onPointermove: Xe,
+			onPointerup: Ze,
+			onPointercancel: Ze
+		}), {
 			default: withCtx(() => [
-				Ne.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				Pe.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
 					class: "virtual-scroll-scrollbar-viewport",
 					style: normalizeStyle({
-						inlineSize: `${unref(z).displayViewportSize.width}px`,
-						blockSize: `${unref(z).displayViewportSize.height}px`,
+						inlineSize: `${unref(R).displayViewportSize.width}px`,
+						blockSize: `${unref(R).displayViewportSize.height}px`,
 						"--vsi-scrollbar-has-cross-gap": o.direction === "both" ? 1 : 0
 					})
-				}, [k.scrollbar && et.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 0 }, et.value)), void 0, !0) : et.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 1 }, et.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0), k.scrollbar && tt.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 2 }, tt.value)), void 0, !0) : tt.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 3 }, tt.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0)], 4)])) : createCommentVNode("", !0),
-				k.header ? (openBlock(), createBlock(resolveDynamicComponent(ct.value), {
+				}, [O.scrollbar && tt.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 0 }, tt.value)), void 0, !0) : tt.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 1 }, tt.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0), O.scrollbar && nt.value ? renderSlot(t.$slots, "scrollbar", normalizeProps(mergeProps({ key: 2 }, nt.value)), void 0, !0) : nt.value ? (openBlock(), createBlock(VirtualScrollbar_default, normalizeProps(mergeProps({ key: 3 }, nt.value.scrollbarProps)), null, 16)) : createCommentVNode("", !0)], 4)])) : createCommentVNode("", !0),
+				O.header ? (openBlock(), createBlock(resolveDynamicComponent(ct.value), {
 					key: 1,
 					ref_key: "headerRef",
-					ref: M,
-					class: normalizeClass(["virtual-scroll-header", { "virtual-scroll--sticky": o.stickyHeader }])
+					ref: j,
+					class: normalizeClass(["virtual-scroll-header", { "virtual-scroll--sticky": o.stickyHeader }]),
+					role: $.value ? void 0 : "none"
 				}, {
 					default: withCtx(() => [renderSlot(t.$slots, "header", {}, void 0, !0)]),
 					_: 3
-				}, 8, ["class"])) : createCommentVNode("", !0),
-				(openBlock(), createBlock(resolveDynamicComponent(o.wrapperTag), {
+				}, 8, ["class", "role"])) : createCommentVNode("", !0),
+				(openBlock(), createBlock(resolveDynamicComponent(o.wrapperTag), mergeProps({
 					ref_key: "wrapperRef",
-					ref: j,
+					ref: A,
 					class: "virtual-scroll-wrapper",
-					style: normalizeStyle(nt.value)
-				}, {
-					default: withCtx(() => [st.value ? (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
+					style: rt.value,
+					role: $.value ? void 0 : pt.value
+				}, $.value ? {} : yt.value), {
+					default: withCtx(() => [$.value ? (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
 						key: 0,
 						class: "virtual-scroll-spacer",
-						style: normalizeStyle(it.value)
+						style: normalizeStyle(at.value)
 					}, {
 						default: withCtx(() => [...s[0] ||= [createElementVNode("td", { style: {
 							padding: "0",
@@ -1658,22 +1708,24 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 							"block-size": "inherit"
 						} }, null, -1)]]),
 						_: 1
-					}, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(R), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
+					}, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(L), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), mergeProps({
 						key: e.index,
 						ref_for: !0,
-						ref: (t) => ze(t, e.index),
+						ref: (t) => Be(t, e.index),
 						"data-index": e.index,
-						class: normalizeClass(["virtual-scroll-item", {
+						class: ["virtual-scroll-item", {
 							"virtual-scroll--sticky": e.isStickyActive,
-							"virtual-scroll--debug": ot.value
-						}]),
-						style: normalizeStyle(at(e))
-					}, {
+							"virtual-scroll--debug": st.value
+						}],
+						style: ot(e)
+					}, { ref_for: !0 }, _t.value ? bt(e.index) : { role: "none" }), {
 						default: withCtx(() => [renderSlot(t.$slots, "item", {
 							item: e.item,
 							index: e.index,
-							columnRange: Fe.value,
-							getColumnWidth: unref(V),
+							getItemAriaProps: bt,
+							columnRange: Ie.value,
+							getColumnWidth: unref(B),
+							getCellAriaProps: xt,
 							gap: _.gap,
 							columnGap: _.columnGap,
 							isSticky: e.isSticky,
@@ -1681,38 +1733,42 @@ var VirtualScrollbar_default = /* @__PURE__ */ defineComponent({
 							isStickyActiveX: e.isStickyActiveX,
 							isStickyActiveY: e.isStickyActiveY,
 							offset: e.offset
-						}, void 0, !0), ot.value ? (openBlock(), createElementBlock("div", _hoisted_2, " #" + toDisplayString(e.index) + " (" + toDisplayString(Math.round(e.offset.x)) + ", " + toDisplayString(Math.round(e.offset.y)) + ") ", 1)) : createCommentVNode("", !0)]),
+						}, void 0, !0), st.value ? (openBlock(), createElementBlock("div", _hoisted_2, " #" + toDisplayString(e.index) + " (" + toDisplayString(Math.round(e.offset.x)) + ", " + toDisplayString(Math.round(e.offset.y)) + ") ", 1)) : createCommentVNode("", !0)]),
 						_: 2
-					}, 1032, [
+					}, 1040, [
 						"data-index",
 						"class",
 						"style"
 					]))), 128))]),
 					_: 3
-				}, 8, ["style"])),
-				o.loading && k.loading ? (openBlock(), createElementBlock("div", {
+				}, 16, ["style", "role"])),
+				o.loading && O.loading ? (openBlock(), createElementBlock("div", {
 					key: 2,
 					class: "virtual-scroll-loading",
-					style: normalizeStyle(rt.value)
+					style: normalizeStyle(it.value),
+					"aria-live": "polite",
+					"aria-atomic": "true"
 				}, [renderSlot(t.$slots, "loading", {}, void 0, !0)], 4)) : createCommentVNode("", !0),
-				k.footer ? (openBlock(), createBlock(resolveDynamicComponent(lt.value), {
+				O.footer ? (openBlock(), createBlock(resolveDynamicComponent(lt.value), {
 					key: 3,
 					ref_key: "footerRef",
-					ref: N,
-					class: normalizeClass(["virtual-scroll-footer", { "virtual-scroll--sticky": o.stickyFooter }])
+					ref: M,
+					class: normalizeClass(["virtual-scroll-footer", { "virtual-scroll--sticky": o.stickyFooter }]),
+					role: $.value ? void 0 : "none"
 				}, {
 					default: withCtx(() => [renderSlot(t.$slots, "footer", {}, void 0, !0)]),
 					_: 3
-				}, 8, ["class"])) : createCommentVNode("", !0)
+				}, 8, ["class", "role"])) : createCommentVNode("", !0)
 			]),
 			_: 3
-		}, 40, [
+		}, 16, [
 			"id",
 			"class",
-			"style"
+			"style",
+			"role"
 		]));
 	}
-}), [["__scopeId", "data-v-408dd72c"]]);
+}), [["__scopeId", "data-v-184bc0a9"]]);
 export { BROWSER_MAX_SIZE, DEFAULT_BUFFER, DEFAULT_COLUMN_WIDTH, DEFAULT_ITEM_SIZE, EMPTY_SCROLL_DETAILS, FenwickTree, VirtualScroll_default as VirtualScroll, VirtualScrollbar_default as VirtualScrollbar, calculateColumnRange, calculateItemPosition, calculateItemStyle, calculateRange, calculateScrollTarget, calculateStickyItem, calculateTotalSize, displayToVirtual, findPrevStickyIndex, getPaddingX, getPaddingY, isBody, isElement, isItemVisible, isScrollToIndexOptions, isScrollableElement, isWindow, isWindowLike, scrollTo, useVirtualScroll, useVirtualScrollbar, virtualToDisplay };
 
 //# sourceMappingURL=index.mjs.map