@pdanpdan/virtual-scroll 0.2.0 → 0.2.1

package/dist/index.js

@@ -76,50 +76,54 @@ function useVirtualScroll(e) {
 	let n = ref(0), r = ref(0), i = ref(!1), a = ref(!1), o = ref(!1), l = ref(!1), u = ref(0), p = ref(0), g = reactive({
 		x: 0,
 		y: 0
-	}), _, v = ref(!1), y = new FenwickTree(e.value.items.length), b = new FenwickTree(e.value.items.length), S = new FenwickTree(e.value.columnCount || 0), D = ref(0), O = new Uint8Array(), k = new Uint8Array(), A = new Uint8Array(), j = ref(null), M = ref(0), N = ref(0), P = ref(!1), F = [], I = computed(() => e.value.itemSize === void 0 || e.value.itemSize === null || e.value.itemSize === 0), L = computed(() => e.value.columnWidth === void 0 || e.value.columnWidth === null || e.value.columnWidth === 0), R = computed(() => typeof e.value.itemSize == "number" && e.value.itemSize > 0 ? e.value.itemSize : null), z = computed(() => R.value || e.value.defaultItemSize || 50), B = computed(() => [...e.value.stickyIndices || []].sort((e, t) => e - t)), V = computed(() => {
+	}), _, v = ref(!1), y = new FenwickTree(e.value.items.length), b = new FenwickTree(e.value.items.length), S = new FenwickTree(e.value.columnCount || 0), D = ref(0), O = new Uint8Array(), k = new Uint8Array(), A = new Uint8Array(), j = ref(null), M = ref(!1), N = [], P = computed(() => e.value.itemSize === void 0 || e.value.itemSize === null || e.value.itemSize === 0), F = computed(() => e.value.columnWidth === void 0 || e.value.columnWidth === null || e.value.columnWidth === 0), I = computed(() => typeof e.value.itemSize == "number" && e.value.itemSize > 0 ? e.value.itemSize : null), L = computed(() => I.value || e.value.defaultItemSize || 50), R = computed(() => [...e.value.stickyIndices || []].sort((e, t) => e - t)), z = computed(() => {
 		if (D.value, !a.value && e.value.ssrRange && !l.value) {
 			let { start: t = 0, end: n = 0, colStart: r = 0, colEnd: i = 0 } = e.value.ssrRange, a = e.value.columnCount || 0;
 			if (e.value.direction === "both" && a > 0) return S.query(i || a) - S.query(r);
-			if (e.value.direction === "horizontal") return R.value === null ? y.query(n) - y.query(t) : (n - t) * (R.value + (e.value.columnGap || 0));
+			/* v8 ignore else -- @preserve */
+			if (e.value.direction === "horizontal") return I.value === null ? y.query(n) - y.query(t) : (n - t) * (I.value + (e.value.columnGap || 0));
 		}
-		return e.value.direction === "both" && e.value.columnCount ? S.query(e.value.columnCount) : e.value.direction === "vertical" ? 0 : R.value === null ? y.query(e.value.items.length) : e.value.items.length * (R.value + (e.value.columnGap || 0));
-	}), H = computed(() => {
+		return e.value.direction === "both" && e.value.columnCount ? S.query(e.value.columnCount) : e.value.direction === "vertical" ? 0 : I.value === null ? y.query(e.value.items.length) : e.value.items.length * (I.value + (e.value.columnGap || 0));
+	}), B = computed(() => {
 		if (D.value, !a.value && e.value.ssrRange && !l.value) {
 			let { start: t, end: n } = e.value.ssrRange;
-			if (e.value.direction === "vertical" || e.value.direction === "both") return R.value === null ? b.query(n) - b.query(t) : (n - t) * (R.value + (e.value.gap || 0));
+			/* v8 ignore else -- @preserve */
+			if (e.value.direction === "vertical" || e.value.direction === "both") return I.value === null ? b.query(n) - b.query(t) : (n - t) * (I.value + (e.value.gap || 0));
 		}
-		return e.value.direction === "horizontal" ? 0 : R.value === null ? b.query(e.value.items.length) : e.value.items.length * (R.value + (e.value.gap || 0));
-	}), U = computed(() => {
+		return e.value.direction === "horizontal" ? 0 : I.value === null ? b.query(e.value.items.length) : e.value.items.length * (I.value + (e.value.gap || 0));
+	}), V = computed(() => {
 		let t = e.value.direction === "horizontal" || e.value.direction === "both" ? getPaddingX(e.value.scrollPaddingStart, e.value.direction) : 0;
 		return Math.max(0, n.value + t - g.x);
-	}), W = computed(() => {
+	}), H = computed(() => {
 		let t = e.value.direction === "vertical" || e.value.direction === "both" ? getPaddingY(e.value.scrollPaddingStart, e.value.direction) : 0;
 		return Math.max(0, r.value + t - g.y);
-	}), G = (t) => {
+	}), U = (t) => {
 		D.value;
 		let n = e.value.columnWidth;
 		return typeof n == "number" && n > 0 ? n : Array.isArray(n) && n.length > 0 ? n[t % n.length] || 150 : typeof n == "function" ? n(t) : S.get(t) || e.value.defaultColumnWidth || 150;
-	}, K = (t, a, o) => {
+	}, W = (t, a, o) => {
 		let s = typeof o == "object" && o && "isCorrection" in o ? o.isCorrection : !1;
 		s || (j.value = {
 			rowIndex: t,
 			colIndex: a,
 			options: o
 		});
-		let c = e.value.container || window, l = R.value, d = e.value.gap || 0, f = e.value.columnGap || 0, m, h;
+		let c = e.value.container || window, l = I.value, d = e.value.gap || 0, f = e.value.columnGap || 0, m, h;
 		isScrollToIndexOptions(o) ? (m = o.align, h = o.behavior) : m = o;
-		let _ = (typeof m == "object" ? m.x : m) || "auto", x = (typeof m == "object" ? m.y : m) || "auto", C = getPaddingX(e.value.scrollPaddingStart, e.value.direction), D = getPaddingX(e.value.scrollPaddingEnd, e.value.direction), O = getPaddingY(e.value.scrollPaddingStart, e.value.direction), k = getPaddingY(e.value.scrollPaddingEnd, e.value.direction), A = e.value.direction === "vertical" || e.value.direction === "both", M = e.value.direction === "horizontal" || e.value.direction === "both", N = u.value - (M ? C + D : 0), P = p.value - (A ? O + k : 0), F = U.value, I = W.value, L = 0, z = 0;
-		if (t != null && (t >= e.value.items.length ? (I = H.value, z = 0) : (I = l === null ? b.query(t) : t * (l + d), z = l === null ? b.get(t) - d : l), x === "start" || (x === "center" ? I -= (P - z) / 2 : x === "end" ? I -= P - z : I >= W.value && I + z <= W.value + P || I < W.value || (I -= P - z))), a != null) {
+		let _ = (typeof m == "object" ? m.x : m) || "auto", x = (typeof m == "object" ? m.y : m) || "auto", C = getPaddingX(e.value.scrollPaddingStart, e.value.direction), D = getPaddingX(e.value.scrollPaddingEnd, e.value.direction), O = getPaddingY(e.value.scrollPaddingStart, e.value.direction), k = getPaddingY(e.value.scrollPaddingEnd, e.value.direction), A = e.value.direction === "vertical" || e.value.direction === "both", M = e.value.direction === "horizontal" || e.value.direction === "both", N = u.value - (M ? C + D : 0), P = p.value - (A ? O + k : 0), F = V.value, L = H.value, R = 0, U = 0;
+		if (t != null && (t >= e.value.items.length ? (L = B.value, U = 0) : (L = l === null ? b.query(t) : t * (l + d), U = l === null ? b.get(t) - d : l), x === "start" || (x === "center" ? L -= (P - U) / 2 : x === "end" ? L -= P - U : L >= H.value && L + U <= H.value + P || L < H.value || (L -= P - U))), a != null) {
 			let t = e.value.columnCount || 0;
-			a >= t && t > 0 ? (F = V.value, L = 0) : e.value.direction === "horizontal" ? (F = l === null ? y.query(a) : a * (l + f), L = l === null ? y.get(a) - f : l) : (F = S.query(a), L = S.get(a)), _ === "start" || (_ === "center" ? F -= (N - L) / 2 : _ === "end" ? F -= N - L : F >= U.value && F + L <= U.value + N || F < U.value || (F -= N - L));
+			a >= t && t > 0 ? (F = z.value, R = 0) : e.value.direction === "horizontal" ? (F = l === null ? y.query(a) : a * (l + f), R = l === null ? y.get(a) - f : l) : (F = S.query(a), R = S.get(a)), _ === "start" || (_ === "center" ? F -= (N - R) / 2 : _ === "end" ? F -= N - R : F >= V.value && F + R <= V.value + N || F < V.value || (F -= N - R));
 		}
-		F = Math.max(0, Math.min(F, Math.max(0, V.value - N))), I = Math.max(0, Math.min(I, Math.max(0, H.value - P)));
-		let B = F + g.x - (M ? C : 0), G = I + g.y - (A ? O : 0), K = a == null || Math.abs(U.value - F) < 1, q = t == null || Math.abs(W.value - I) < 1;
+		F = Math.max(0, Math.min(F, Math.max(0, z.value - N))), L = Math.max(0, Math.min(L, Math.max(0, B.value - P)));
+		let W = F + g.x - (M ? C : 0), G = L + g.y - (A ? O : 0), K = a == null || Math.abs(V.value - F) < 1, q = t == null || Math.abs(H.value - L) < 1;
 		if (!K || !q) {
 			let e = 0, n = 0, r = 0, i = 0, o = 0, s = 0;
+			/* v8 ignore else -- @preserve */
 			if (typeof window < "u") {
 				if (c === window ? (e = window.scrollX, n = window.scrollY, r = document.documentElement.scrollWidth, i = document.documentElement.scrollHeight, o = window.innerWidth, s = window.innerHeight) : isElement(c) && (e = c.scrollLeft, n = c.scrollTop, r = c.scrollWidth, i = c.scrollHeight, o = c.clientWidth, s = c.clientHeight), !K && a != null) {
-					let t = e <= 1 && B <= 1, n = e >= r - o - 1 && B >= r - o - 1;
+					let t = e <= 1 && W <= 1, n = e >= r - o - 1 && W >= r - o - 1;
+					/* v8 ignore else -- @preserve */
 					(t || n) && (K = !0);
 				}
 				if (!q && t != null) {
@@ -130,30 +134,30 @@ function useVirtualScroll(e) {
 		}
 		let J = s ? "auto" : h || "smooth";
 		if (v.value = !0, typeof window < "u" && c === window) window.scrollTo({
-			left: a == null ? void 0 : Math.max(0, B),
+			left: a == null ? void 0 : Math.max(0, W),
 			top: t == null ? void 0 : Math.max(0, G),
 			behavior: J
 		});
 		else if (isScrollableElement(c)) {
 			let e = { behavior: J };
-			a != null && (e.left = Math.max(0, B)), t != null && (e.top = Math.max(0, G)), typeof c.scrollTo == "function" ? c.scrollTo(e) : (e.left !== void 0 && (c.scrollLeft = e.left), e.top !== void 0 && (c.scrollTop = e.top));
+			a != null && (e.left = Math.max(0, W)), t != null && (e.top = Math.max(0, G)), typeof c.scrollTo == "function" ? c.scrollTo(e) : (e.left !== void 0 && (c.scrollLeft = e.left), e.top !== void 0 && (c.scrollTop = e.top));
 		}
-		(J === "auto" || J === void 0) && (a != null && (n.value = Math.max(0, B)), t != null && (r.value = Math.max(0, G))), K && q && !i.value && (j.value = null);
-	}, q = (t, i, a) => {
+		(J === "auto" || J === void 0) && (a != null && (n.value = Math.max(0, W)), t != null && (r.value = Math.max(0, G))), K && q && !i.value && (j.value = null);
+	}, G = (t, i, a) => {
 		let o = e.value.container || window;
 		v.value = !0;
-		let s = e.value.direction === "vertical" || e.value.direction === "both", c = e.value.direction === "horizontal" || e.value.direction === "both", l = getPaddingX(e.value.scrollPaddingStart, e.value.direction), u = getPaddingY(e.value.scrollPaddingStart, e.value.direction), d = typeof window < "u" && o === window ? window.scrollX : o.scrollLeft, f = typeof window < "u" && o === window ? window.scrollY : o.scrollTop, p = t == null ? d : t + g.x - (c ? l : 0), m = i == null ? f : i + g.y - (s ? u : 0);
+		let s = e.value.direction === "vertical" || e.value.direction === "both", c = e.value.direction === "horizontal" || e.value.direction === "both", l = getPaddingX(e.value.scrollPaddingStart, e.value.direction), d = getPaddingY(e.value.scrollPaddingStart, e.value.direction), f = getPaddingX(e.value.scrollPaddingEnd, e.value.direction), m = getPaddingY(e.value.scrollPaddingEnd, e.value.direction), h = u.value - (c ? l + f : 0), _ = p.value - (s ? d + m : 0), y = t == null ? null : c ? Math.max(0, Math.min(t, Math.max(0, z.value - h))) : Math.max(0, t), b = i == null ? null : s ? Math.max(0, Math.min(i, Math.max(0, B.value - _))) : Math.max(0, i), x = typeof window < "u" && o === window ? window.scrollX : o.scrollLeft, S = typeof window < "u" && o === window ? window.scrollY : o.scrollTop, C = y === null ? x : y + g.x - (c ? l : 0), w = b === null ? S : b + g.y - (s ? d : 0);
 		if (typeof window < "u" && o === window) window.scrollTo({
-			left: t == null ? void 0 : p,
-			top: i == null ? void 0 : m,
+			left: t == null ? void 0 : C,
+			top: i == null ? void 0 : w,
 			behavior: a?.behavior || "auto"
 		});
 		else if (isScrollableElement(o)) {
 			let e = { behavior: a?.behavior || "auto" };
-			t != null && (e.left = p), i != null && (e.top = m), typeof o.scrollTo == "function" ? o.scrollTo(e) : (e.left !== void 0 && (o.scrollLeft = e.left), e.top !== void 0 && (o.scrollTop = e.top));
+			t != null && (e.left = C), i != null && (e.top = w), typeof o.scrollTo == "function" ? o.scrollTo(e) : (e.left !== void 0 && (o.scrollLeft = e.left), e.top !== void 0 && (o.scrollTop = e.top));
 		}
-		(a?.behavior === "auto" || a?.behavior === void 0) && (t != null && (n.value = p), i != null && (r.value = m));
-	}, J = () => {
+		(a?.behavior === "auto" || a?.behavior === void 0) && (t != null && (n.value = C), i != null && (r.value = w));
+	}, K = () => {
 		let t = e.value.items, n = t.length, r = e.value.columnCount || 0;
 		if (y.resize(n), b.resize(n), S.resize(r), k.length !== n) {
 			let e = new Uint8Array(n);
@@ -168,10 +172,11 @@ function useVirtualScroll(e) {
 			e.set(O.subarray(0, Math.min(r, O.length))), O = e;
 		}
 		let i = 0;
-		if (e.value.restoreScrollOnPrepend && F.length > 0 && n > F.length) {
-			let e = F[0];
+		if (e.value.restoreScrollOnPrepend && N.length > 0 && n > N.length) {
+			let e = N[0];
+			/* v8 ignore else -- @preserve */
 			if (e !== void 0) {
-				for (let r = 1; r <= n - F.length; r++) if (t[r] === e) {
+				for (let r = 1; r <= n - N.length; r++) if (t[r] === e) {
 					i = r;
 					break;
 				}
@@ -183,19 +188,21 @@ function useVirtualScroll(e) {
 			r.set(k.subarray(0, Math.min(n - i, k.length)), i), a.set(A.subarray(0, Math.min(n - i, A.length)), i), k = r, A = a;
 			let o = e.value.gap || 0, s = e.value.columnGap || 0, l = 0, u = 0;
 			for (let n = 0; n < i; n++) {
-				let r = typeof e.value.itemSize == "function" ? e.value.itemSize(t[n], n) : z.value;
+				let r = typeof e.value.itemSize == "function" ? e.value.itemSize(t[n], n) : L.value;
 				e.value.direction === "horizontal" ? l += r + s : u += r + o;
 			}
+			/* v8 ignore else -- @preserve */
 			(l > 0 || u > 0) && nextTick(() => {
-				q(l > 0 ? U.value + l : null, u > 0 ? W.value + u : null, { behavior: "auto" });
+				G(l > 0 ? V.value + l : null, u > 0 ? H.value + u : null, { behavior: "auto" });
 			});
 		}
 		if (r > 0) {
 			let t = e.value.columnGap || 0, n = !1;
 			for (let e = 0; e < r; e++) {
-				let r = G(e), i = S.get(e);
-				if (!L.value || i === 0) {
+				let r = U(e), i = S.get(e);
+				if (!F.value || i === 0) {
 					let a = r + t;
+					/* v8 ignore else -- @preserve */
 					Math.abs(i - a) > .5 && (S.set(e, a), n = !0);
 				}
 			}
@@ -204,14 +211,12 @@ function useVirtualScroll(e) {
 		let a = e.value.gap || 0, o = e.value.columnGap || 0, s = !1;
 		for (let t = 0; t < n; t++) {
 			let n = e.value.items[t], r = y.get(t), i = b.get(t);
-			if (I.value && (r > 0 || i > 0)) continue;
-			let c = typeof e.value.itemSize == "function" ? e.value.itemSize(n, t) : z.value, l = e.value.direction === "vertical", d = e.value.direction === "horizontal", f = e.value.direction === "both", p = d ? c + o : 0, m = l || f ? c + a : 0;
-			Math.abs(r - p) > .5 && (y.set(t, p), s = !0), Math.abs(i - m) > .5 && (b.set(t, m), s = !0);
-			let h = d ? c : f ? Math.max(c, u.value) : 0, g = l || f ? c : 0;
-			h > M.value && (M.value = h), g > N.value && (N.value = g);
+			if (P.value && (r > 0 || i > 0)) continue;
+			let c = typeof e.value.itemSize == "function" ? e.value.itemSize(n, t) : L.value, l = e.value.direction === "vertical", u = e.value.direction === "horizontal", d = e.value.direction === "both", f = u ? c + o : 0, p = l || d ? c + a : 0;
+			Math.abs(r - f) > .5 && (y.set(t, f), s = !0), Math.abs(i - p) > .5 && (b.set(t, p), s = !0);
 		}
-		s && (y.rebuild(), b.rebuild()), F = [...t], P.value = !0, D.value++;
-	}, Y = () => {
+		s && (y.rebuild(), b.rebuild()), N = [...t], M.value = !0, D.value++;
+	}, q = () => {
 		if (e.value.hostElement && typeof window < "u") {
 			let t = e.value.hostElement.getBoundingClientRect(), n = e.value.container || window, r = 0, i = 0;
 			if (n === window) r = t.left + window.scrollX, i = t.top + window.scrollY;
@@ -230,43 +235,43 @@ function useVirtualScroll(e) {
 		() => e.value.itemSize,
 		() => e.value.gap,
 		() => e.value.columnGap
-	], J, { immediate: !0 }), watch(() => [e.value.container, e.value.hostElement], () => {
-		Y();
+	], K, { immediate: !0 }), watch(() => [e.value.container, e.value.hostElement], () => {
+		q();
 	});
-	let X = computed(() => {
+	let J = computed(() => {
 		if (D.value, (!a.value || o.value) && e.value.ssrRange) return {
 			start: e.value.ssrRange.start,
 			end: e.value.ssrRange.end
 		};
-		let t = e.value.direction || "vertical", n = e.value.ssrRange && !i.value ? 0 : e.value.bufferBefore ?? 5, r = e.value.bufferAfter ?? 5, s = e.value.gap || 0, c = e.value.columnGap || 0, l = R.value, d = getPaddingX(e.value.scrollPaddingStart, t), f = getPaddingX(e.value.scrollPaddingEnd, t), m = getPaddingY(e.value.scrollPaddingStart, t), h = getPaddingY(e.value.scrollPaddingEnd, t), g = t === "vertical" || t === "both", _ = t === "horizontal" || t === "both", v = u.value - (_ ? d + f : 0), x = p.value - (g ? m + h : 0), S = 0, C = e.value.items.length;
-		if (g) if (l !== null) S = Math.floor(W.value / (l + s)), C = Math.ceil((W.value + x) / (l + s));
+		let t = e.value.direction || "vertical", n = e.value.ssrRange && !i.value ? 0 : e.value.bufferBefore ?? 5, r = e.value.bufferAfter ?? 5, s = e.value.gap || 0, c = e.value.columnGap || 0, l = I.value, d = getPaddingX(e.value.scrollPaddingStart, t), f = getPaddingX(e.value.scrollPaddingEnd, t), m = getPaddingY(e.value.scrollPaddingStart, t), h = getPaddingY(e.value.scrollPaddingEnd, t), g = t === "vertical" || t === "both", _ = t === "horizontal" || t === "both", v = u.value - (_ ? d + f : 0), x = p.value - (g ? m + h : 0), S = 0, C = e.value.items.length;
+		if (g) if (l !== null) S = Math.floor(H.value / (l + s)), C = Math.ceil((H.value + x) / (l + s));
 		else {
-			S = b.findLowerBound(W.value);
+			S = b.findLowerBound(H.value);
 			let t = b.query(S), n = S;
-			for (; n < e.value.items.length && t < W.value + x;) t = b.query(++n);
+			for (; n < e.value.items.length && t < H.value + x;) t = b.query(++n);
 			C = n;
 		}
-		else if (l !== null) S = Math.floor(U.value / (l + c)), C = Math.ceil((U.value + v) / (l + c));
+		else if (l !== null) S = Math.floor(V.value / (l + c)), C = Math.ceil((V.value + v) / (l + c));
 		else {
-			S = y.findLowerBound(U.value);
+			S = y.findLowerBound(V.value);
 			let t = y.query(S), n = S;
-			for (; n < e.value.items.length && t < U.value + v;) t = y.query(++n);
+			for (; n < e.value.items.length && t < V.value + v;) t = y.query(++n);
 			C = n;
 		}
 		return {
 			start: Math.max(0, S - n),
 			end: Math.min(e.value.items.length, C + r)
 		};
-	}), Z = computed(() => {
+	}), Y = computed(() => {
 		D.value;
-		let t = R.value, n = e.value.gap || 0, r = e.value.columnGap || 0;
-		return e.value.direction === "horizontal" ? t === null ? y.findLowerBound(U.value) : Math.floor(U.value / (t + r)) : t === null ? b.findLowerBound(W.value) : Math.floor(W.value / (t + n));
-	}), Q = computed(() => {
+		let t = I.value, n = e.value.gap || 0, r = e.value.columnGap || 0;
+		return e.value.direction === "horizontal" ? t === null ? y.findLowerBound(V.value) : Math.floor(V.value / (t + r)) : t === null ? b.findLowerBound(H.value) : Math.floor(H.value / (t + n));
+	}), X = computed(() => {
 		D.value;
-		let { start: t, end: n } = X.value, r = [], i = R.value, o = e.value.gap || 0, s = e.value.columnGap || 0, c = B.value, l = /* @__PURE__ */ new Set();
+		let { start: t, end: n } = J.value, r = [], i = I.value, o = e.value.gap || 0, s = e.value.columnGap || 0, c = R.value, l = /* @__PURE__ */ new Set();
 		for (let e = t; e < n; e++) l.add(e);
 		if (a.value || !e.value.ssrRange) {
-			let e = Z.value, r, i = 0, a = c.length - 1;
+			let e = Y.value, r, i = 0, a = c.length - 1;
 			for (; i <= a;) {
 				let t = i + a >>> 1;
 				c[t] < e ? (r = c[t], i = t + 1) : a = t - 1;
@@ -280,14 +285,14 @@ function useVirtualScroll(e) {
 			let n = e.value.items[t];
 			if (n === void 0) continue;
 			let a = 0, l = 0, d = 0, f = 0;
-			e.value.direction === "horizontal" ? (a = i === null ? y.query(t) : t * (i + s), d = i === null ? y.get(t) - s : i, f = p.value) : (l = (e.value.direction === "vertical" || e.value.direction === "both") && i !== null ? t * (i + o) : b.query(t), f = i === null ? b.get(t) - o : i, d = e.value.direction === "both" ? V.value : u.value);
+			e.value.direction === "horizontal" ? (a = i === null ? y.query(t) : t * (i + s), d = i === null ? y.get(t) - s : i, f = p.value) : (l = (e.value.direction === "vertical" || e.value.direction === "both") && i !== null ? t * (i + o) : b.query(t), f = i === null ? b.get(t) - o : i, d = e.value.direction === "both" ? z.value : u.value);
 			let m = c.includes(t), _ = a, v = l, x = !1, S = {
 				x: 0,
 				y: 0
 			};
 			if (m) {
 				if (e.value.direction === "vertical" || e.value.direction === "both") {
-					if (W.value > v) {
+					if (H.value > v) {
 						x = !0;
 						let e, n = 0, r = c.length - 1;
 						for (; n <= r;) {
@@ -295,11 +300,12 @@ function useVirtualScroll(e) {
 							c[i] > t ? (e = c[i], r = i - 1) : n = i + 1;
 						}
 						if (e !== void 0) {
-							let t = (i === null ? b.query(e) : e * (i + o)) - W.value;
+							let t = (i === null ? b.query(e) : e * (i + o)) - H.value;
+							/* v8 ignore else -- @preserve */
 							t < f && (S.y = -(f - t));
 						}
 					}
-				} else if (e.value.direction === "horizontal" && U.value > _) {
+				} else if (e.value.direction === "horizontal" && V.value > _) {
 					x = !0;
 					let e, n = 0, r = c.length - 1;
 					for (; n <= r;) {
@@ -307,7 +313,8 @@ function useVirtualScroll(e) {
 						c[i] > t ? (e = c[i], r = i - 1) : n = i + 1;
 					}
 					if (e !== void 0) {
-						let t = (i === null ? y.query(e) : e * (i + s)) - U.value;
+						let t = (i === null ? y.query(e) : e * (i + s)) - V.value;
+						/* v8 ignore else -- @preserve */
 						t < d && (S.x = -(d - t));
 					}
 				}
@@ -331,7 +338,7 @@ function useVirtualScroll(e) {
 			});
 		}
 		return r;
-	}), ne = computed(() => {
+	}), Z = computed(() => {
 		D.value;
 		let t = e.value.columnCount || 0;
 		if (!t) return {
@@ -349,8 +356,8 @@ function useVirtualScroll(e) {
 				padEnd: 0
 			};
 		}
-		let n = S.findLowerBound(U.value), r = S.query(n), s = n;
-		for (; s < t && r < U.value + u.value;) r = S.query(++s);
+		let n = S.findLowerBound(V.value), r = S.query(n), s = n;
+		for (; s < t && r < V.value + u.value;) r = S.query(++s);
 		let c = e.value.ssrRange && !i.value ? 0 : 2, l = Math.max(0, n - c), d = Math.min(t, s + c);
 		return {
 			start: l,
@@ -358,42 +365,42 @@ function useVirtualScroll(e) {
 			padStart: S.query(l),
 			padEnd: S.query(t) - S.query(d)
 		};
-	}), re = computed(() => {
+	}), ne = computed(() => {
 		D.value;
-		let t = R.value, n = e.value.columnGap || 0, r = 0;
-		return (e.value.direction === "horizontal" || e.value.direction === "both") && (r = t === null ? y.findLowerBound(U.value) : Math.floor(U.value / (t + n))), {
-			items: Q.value,
-			currentIndex: Z.value,
+		let t = I.value, n = e.value.columnGap || 0, r = 0;
+		return (e.value.direction === "horizontal" || e.value.direction === "both") && (r = t === null ? y.findLowerBound(V.value) : Math.floor(V.value / (t + n))), {
+			items: X.value,
+			currentIndex: Y.value,
 			currentColIndex: r,
 			scrollOffset: {
-				x: U.value,
-				y: W.value
+				x: V.value,
+				y: H.value
 			},
 			viewportSize: {
 				width: u.value,
 				height: p.value
 			},
 			totalSize: {
-				width: V.value,
-				height: H.value
+				width: z.value,
+				height: B.value
 			},
 			isScrolling: i.value,
 			isProgrammaticScroll: v.value,
-			range: X.value,
-			columnRange: ne.value
+			range: J.value,
+			columnRange: Z.value
 		};
-	}), ie = () => {
+	}), re = () => {
 		v.value = !1, j.value = null;
-	}, $ = (e) => {
+	}, Q = (e) => {
 		let t = e.target;
 		typeof window > "u" || (t === window || t === document ? (n.value = window.scrollX, r.value = window.scrollY) : isScrollableElement(t) && (n.value = t.scrollLeft, r.value = t.scrollTop), i.value ||= (v.value || (j.value = null), !0), clearTimeout(_), _ = setTimeout(() => {
 			i.value = !1, v.value = !1;
 		}, 250));
-	}, ae = (t) => {
+	}, ie = (t) => {
 		let n = !1, r = e.value.gap || 0, i = e.value.columnGap || 0;
 		for (let { index: a, inlineSize: o, blockSize: s, element: c } of t) {
-			if (I.value) {
-				if (o > M.value && (M.value = o), s > N.value && (N.value = s), e.value.direction === "horizontal") {
+			if (P.value) {
+				if (e.value.direction === "horizontal") {
 					let e = y.get(a), t = o + i;
 					Math.abs(e - t) > .5 && (t > e || !k[a]) && (y.update(a, t - e), k[a] = 1, n = !0);
 				}
@@ -402,29 +409,31 @@ function useVirtualScroll(e) {
 					e.value.direction === "both" ? (i > t || !A[a]) && (b.update(a, i - t), A[a] = 1, n = !0) : Math.abs(t - i) > .5 && (i > t || !A[a]) && (b.update(a, i - t), A[a] = 1, n = !0);
 				}
 			}
-			if (e.value.direction === "both" && c && e.value.columnCount && L.value) {
+			if (e.value.direction === "both" && c && e.value.columnCount && F.value) {
 				let t = c.dataset.colIndex === void 0 ? Array.from(c.querySelectorAll("[data-col-index]")) : [c];
 				for (let r of t) {
 					let t = Number.parseInt(r.dataset.colIndex, 10);
+					/* v8 ignore else -- @preserve */
 					if (t >= 0 && t < (e.value.columnCount || 0)) {
 						let e = r.offsetWidth, a = S.get(t), o = e + i;
+						/* v8 ignore else -- @preserve */
 						(o > a || !O[t]) && (S.update(t, o - a), O[t] = 1, n = !0);
 					}
 				}
 			}
 		}
 		n && D.value++;
-	}, oe = (e, t, n, r) => {
-		ae([{
+	}, ae = (e, t, n, r) => {
+		ie([{
 			index: e,
 			inlineSize: t,
 			blockSize: n,
 			element: r
 		}]);
-	}, se = () => {
+	}, oe = () => {
 		if (j.value && !o.value) {
 			let { rowIndex: e, colIndex: t, options: n } = j.value;
-			K(e, t, isScrollToIndexOptions(n) ? {
+			W(e, t, isScrollToIndexOptions(n) ? {
 				...n,
 				isCorrection: !0
 			} : {
@@ -433,33 +442,35 @@ function useVirtualScroll(e) {
 			});
 		}
 	};
-	watch(D, se), watch(i, (e) => {
-		e || se();
+	watch(D, oe), watch(i, (e) => {
+		e || oe();
 	});
-	let ce = null, le = (e) => {
+	let $ = null, se = (e) => {
 		if (!e || typeof window > "u") return;
 		let t = e === window ? document : e;
-		if (t.addEventListener("scroll", $, { passive: !0 }), e === window) {
+		if (t.addEventListener("scroll", Q, { passive: !0 }), e === window) {
 			u.value = window.innerWidth, p.value = window.innerHeight, n.value = window.scrollX, r.value = window.scrollY;
 			let e = () => {
-				u.value = window.innerWidth, p.value = window.innerHeight, Y();
+				u.value = window.innerWidth, p.value = window.innerHeight, q();
 			};
 			return window.addEventListener("resize", e), () => {
-				t.removeEventListener("scroll", $), window.removeEventListener("resize", e);
+				t.removeEventListener("scroll", Q), window.removeEventListener("resize", e);
 			};
-		} else return u.value = e.clientWidth, p.value = e.clientHeight, n.value = e.scrollLeft, r.value = e.scrollTop, ce = new ResizeObserver((t) => {
-			for (let n of t) n.target === e && (u.value = e.clientWidth, p.value = e.clientHeight, Y());
-		}), ce.observe(e), () => {
-			t.removeEventListener("scroll", $), ce?.disconnect();
+		} else return u.value = e.clientWidth, p.value = e.clientHeight, n.value = e.scrollLeft, r.value = e.scrollTop, $ = new ResizeObserver((t) => {
+			for (let n of t)
+ /* v8 ignore else -- @preserve */
+			n.target === e && (u.value = e.clientWidth, p.value = e.clientHeight, q());
+		}), $.observe(e), () => {
+			t.removeEventListener("scroll", Q), $?.disconnect();
 		};
-	}, ue;
+	}, ce;
 	return getCurrentInstance() && (onMounted(() => {
 		l.value = !0, watch(() => e.value.container, (e) => {
-			ue?.(), ue = le(e || null);
-		}, { immediate: !0 }), Y(), e.value.ssrRange || e.value.initialScrollIndex !== void 0 ? nextTick(() => {
-			Y();
+			ce?.(), ce = se(e || null);
+		}, { immediate: !0 }), q(), e.value.ssrRange || e.value.initialScrollIndex !== void 0 ? nextTick(() => {
+			q();
 			let t = e.value.initialScrollIndex === void 0 ? e.value.ssrRange?.start : e.value.initialScrollIndex, n = e.value.initialScrollAlign || "start";
-			t != null && K(t, e.value.ssrRange?.colStart, {
+			t != null && W(t, e.value.ssrRange?.colStart, {
 				align: n,
 				behavior: "auto"
 			}), a.value = !0, o.value = !0, nextTick(() => {
@@ -467,22 +478,22 @@ function useVirtualScroll(e) {
 			});
 		}) : a.value = !0;
 	}), onUnmounted(() => {
-		ue?.();
+		ce?.();
 	})), {
-		renderedItems: Q,
-		totalWidth: V,
-		totalHeight: H,
-		scrollDetails: re,
-		scrollToIndex: K,
-		scrollToOffset: q,
-		stopProgrammaticScroll: ie,
-		updateItemSize: oe,
-		updateItemSizes: ae,
-		updateHostOffset: Y,
-		columnRange: ne,
-		getColumnWidth: G,
+		renderedItems: X,
+		totalWidth: z,
+		totalHeight: B,
+		scrollDetails: ne,
+		scrollToIndex: W,
+		scrollToOffset: G,
+		stopProgrammaticScroll: re,
+		updateItemSize: ae,
+		updateItemSizes: ie,
+		updateHostOffset: q,
+		columnRange: Z,
+		getColumnWidth: U,
 		refresh: () => {
-			y.resize(0), b.resize(0), S.resize(0), O.fill(0), k.fill(0), A.fill(0), M.value = 0, N.value = 0, J();
+			y.resize(0), b.resize(0), S.resize(0), O.fill(0), k.fill(0), A.fill(0), K();
 		},
 		isHydrated: a
 	};
@@ -551,6 +562,7 @@ var _hoisted_1 = {
 			return e === T.value || typeof window < "u" && (e === window || e === null);
 		}), { isHydrated: F, columnRange: I, renderedItems: L, scrollDetails: R, totalHeight: z, totalWidth: B, getColumnWidth: V, scrollToIndex: H, scrollToOffset: U, updateHostOffset: W, updateItemSizes: G, refresh: K, stopProgrammaticScroll: q } = useVirtualScroll(computed(() => {
 			let e = m.scrollPaddingStart, t = m.scrollPaddingEnd, n = typeof e == "object" ? e.x || 0 : m.direction === "horizontal" && e || 0, r = typeof e == "object" ? e.y || 0 : m.direction === "horizontal" ? 0 : e || 0, i = typeof t == "object" ? t.x || 0 : m.direction === "horizontal" && t || 0, a = typeof t == "object" ? t.y || 0 : m.direction === "horizontal" ? 0 : t || 0;
+			/* v8 ignore stop -- @preserve */
 			return {
 				items: m.items,
 				itemSize: m.itemSize,
@@ -591,6 +603,7 @@ var _hoisted_1 = {
 				colEnd: e.columnRange.end
 			}), !m.loading && (m.direction !== "horizontal" && e.totalSize.height - (e.scrollOffset.y + e.viewportSize.height) <= m.loadDistance && C("load", "vertical"), m.direction !== "vertical" && e.totalSize.width - (e.scrollOffset.x + e.viewportSize.width) <= m.loadDistance && C("load", "horizontal")));
 		}), watch(F, (e) => {
+			/* v8 ignore else -- @preserve */
 			e && C("visibleRangeChange", {
 				start: R.value.range.start,
 				end: R.value.range.end,
@@ -598,6 +611,7 @@ var _hoisted_1 = {
 				colEnd: R.value.columnRange.end
 			});
 		}, { once: !0 });
+		/* v8 ignore next 2 -- @preserve */
 		let J = typeof window > "u" ? null : new ResizeObserver(W), Y = typeof window > "u" ? null : new ResizeObserver((e) => {
 			let t = [];
 			for (let n of e) {
@@ -618,6 +632,7 @@ var _hoisted_1 = {
 					});
 				}
 			}
+			/* v8 ignore else -- @preserve */
 			t.length > 0 && G(t);
 		}), X = typeof window > "u" ? null : new ResizeObserver(() => {
 			M.value = D.value?.offsetHeight || 0, N.value = O.value?.offsetHeight || 0, W();
@@ -630,33 +645,39 @@ var _hoisted_1 = {
 		let Z = computed(() => L.value[0]?.index);
 		watch(Z, (e, t) => {
 			if (m.direction === "both") {
+				/* v8 ignore else -- @preserve */
 				if (t !== void 0) {
 					let e = k.get(t);
 					e && e.querySelectorAll("[data-col-index]").forEach((e) => Y?.unobserve(e));
 				}
 				if (e !== void 0) {
 					let t = k.get(e);
+					/* v8 ignore else -- @preserve */
 					t && t.querySelectorAll("[data-col-index]").forEach((e) => Y?.observe(e));
 				}
 			}
 		}, { flush: "post" }), onMounted(() => {
+			/* v8 ignore else -- @preserve */
 			T.value && J?.observe(T.value);
 			for (let e of k.values()) Y?.observe(e);
+			/* v8 ignore else -- @preserve */
 			if (Z.value !== void 0) {
 				let e = k.get(Z.value);
+				/* v8 ignore else -- @preserve */
 				e && e.querySelectorAll("[data-col-index]").forEach((e) => Y?.observe(e));
 			}
 		}), watch([T, E], ([e], [t]) => {
 			t && J?.unobserve(t), e && J?.observe(e);
 		});
-		function Q(e, t) {
+		function ne(e, t) {
 			if (e) k.set(t, e), Y?.observe(e);
 			else {
 				let e = k.get(t);
+				/* v8 ignore else -- @preserve */
 				e && (Y?.unobserve(e), k.delete(t));
 			}
 		}
-		function ne(e) {
+		function re(e) {
 			q();
 			let { viewportSize: t, scrollOffset: n } = R.value, r = m.direction !== "vertical", i = m.direction !== "horizontal";
 			if (e.key === "Home") {
@@ -666,7 +687,7 @@ var _hoisted_1 = {
 			if (e.key === "End") {
 				e.preventDefault();
 				let t = m.items.length - 1, n = (m.columnCount || 0) > 0 ? m.columnCount - 1 : 0;
-				r && i ? H(t, n, "end") : H(0, t, "end");
+				r ? i ? H(t, n, "end") : H(0, t, "end") : H(t, 0, "end");
 				return;
 			}
 			if (e.key === "ArrowUp") {
@@ -686,21 +707,21 @@ var _hoisted_1 = {
 				return;
 			}
 			if (e.key === "PageUp") {
-				e.preventDefault(), U(r ? n.x - t.width : null, i ? n.y - t.height : null);
+				e.preventDefault(), U(!i && r ? n.x - t.width : null, i ? n.y - t.height : null);
 				return;
 			}
-			e.key === "PageDown" && (e.preventDefault(), U(r ? n.x + t.width : null, i ? n.y + t.height : null));
+			e.key === "PageDown" && (e.preventDefault(), U(!i && r ? n.x + t.width : null, i ? n.y + t.height : null));
 		}
 		onUnmounted(() => {
 			J?.disconnect(), Y?.disconnect(), X?.disconnect();
 		});
-		let re = computed(() => {
+		let Q = computed(() => {
 			let e = m.container;
 			return e === null || typeof window < "u" && e === window ? !0 : e && typeof e == "object" && "tagName" in e ? e.tagName === "BODY" : !1;
-		}), ie = computed(() => re.value ? { ...m.direction === "vertical" ? {} : { whiteSpace: "nowrap" } } : m.containerTag === "table" ? { minInlineSize: m.direction === "vertical" ? "100%" : "auto" } : { ...m.direction === "vertical" ? {} : { whiteSpace: "nowrap" } }), $ = computed(() => ({
+		}), ie = computed(() => Q.value ? { ...m.direction === "vertical" ? {} : { whiteSpace: "nowrap" } } : m.containerTag === "table" ? { minInlineSize: m.direction === "vertical" ? "100%" : "auto" } : { ...m.direction === "vertical" ? {} : { whiteSpace: "nowrap" } }), ae = computed(() => ({
 			inlineSize: m.direction === "vertical" ? "100%" : `${B.value}px`,
 			blockSize: m.direction === "horizontal" ? "100%" : `${z.value}px`
-		})), ae = computed(() => {
+		})), oe = computed(() => {
 			let e = m.direction === "horizontal";
 			return {
 				display: e ? "inline-block" : "block",
@@ -709,7 +730,7 @@ var _hoisted_1 = {
 					verticalAlign: "top"
 				} : { inlineSize: "100%" }
 			};
-		}), oe = computed(() => ({
+		}), $ = computed(() => ({
 			inlineSize: m.direction === "vertical" ? "1px" : `${B.value}px`,
 			blockSize: m.direction === "horizontal" ? "1px" : `${z.value}px`
 		}));
@@ -730,12 +751,12 @@ var _hoisted_1 = {
 			ref: T,
 			class: normalizeClass(["virtual-scroll-container", [`virtual-scroll--${o.direction}`, {
 				"virtual-scroll--hydrated": unref(F),
-				"virtual-scroll--window": re.value,
+				"virtual-scroll--window": Q.value,
 				"virtual-scroll--table": o.containerTag === "table"
 			}]]),
 			style: normalizeStyle(ie.value),
 			tabindex: "0",
-			onKeydown: ne,
+			onKeydown: re,
 			onWheelPassive: unref(q),
 			onPointerdownPassive: unref(q),
 			onTouchstartPassive: unref(q)
@@ -754,12 +775,12 @@ var _hoisted_1 = {
 					ref_key: "wrapperRef",
 					ref: E,
 					class: "virtual-scroll-wrapper",
-					style: normalizeStyle($.value)
+					style: normalizeStyle(ae.value)
 				}, {
 					default: withCtx(() => [o.containerTag === "table" ? (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
 						key: 0,
 						class: "virtual-scroll-spacer",
-						style: normalizeStyle(oe.value)
+						style: normalizeStyle($.value)
 					}, {
 						default: withCtx(() => [...s[0] ||= [createElementVNode("td", { style: {
 							padding: "0",
@@ -770,7 +791,7 @@ var _hoisted_1 = {
 					}, 8, ["style"])) : createCommentVNode("", !0), (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(L), (e) => (openBlock(), createBlock(resolveDynamicComponent(o.itemTag), {
 						key: e.index,
 						ref_for: !0,
-						ref: (t) => Q(t, e.index),
+						ref: (t) => ne(t, e.index),
 						"data-index": e.index,
 						class: normalizeClass(["virtual-scroll-item", {
 							"virtual-scroll--sticky": e.isStickyActive,
@@ -797,7 +818,7 @@ var _hoisted_1 = {
 				o.loading && t.$slots.loading ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: "virtual-scroll-loading",
-					style: normalizeStyle(ae.value)
+					style: normalizeStyle(oe.value)
 				}, [renderSlot(t.$slots, "loading", {}, void 0, !0)], 4)) : createCommentVNode("", !0),
 				t.$slots.footer ? (openBlock(), createBlock(resolveDynamicComponent(o.containerTag === "table" ? "tfoot" : "div"), {
 					key: 2,
@@ -818,7 +839,7 @@ var _hoisted_1 = {
 			"onTouchstartPassive"
 		]));
 	}
-}), [["__scopeId", "data-v-8d960026"]]);
+}), [["__scopeId", "data-v-105a0cd5"]]);
 export { DEFAULT_BUFFER, DEFAULT_COLUMN_WIDTH, DEFAULT_ITEM_SIZE, FenwickTree, VirtualScroll_default as VirtualScroll, getPaddingX, getPaddingY, isElement, isScrollToIndexOptions, isScrollableElement, useVirtualScroll };
 
 //# sourceMappingURL=index.js.map