@pgcorp/ui-kit 0.13.0 → 0.15.0

package/dist/src/components/shared/data-display/SVirtualList.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,11 @@
 import { findFocusableOwner as e } from "../../../internal/focusNavigation.js";
-import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as n, validateBoundedNumber as r, validateExactString as i } from "../../../internal/runtimeContract.js";
+import { validateBoolean as t, validateBoundedNumber as n, validateExactString as r } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
 import { useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
-import { Fragment as o, computed as s, createCommentVNode as ee, createElementBlock as c, createElementVNode as te, defineComponent as l, mergeProps as ne, nextTick as u, normalizeStyle as re, onBeforeUnmount as ie, onMounted as ae, openBlock as d, ref as f, renderList as oe, renderSlot as se, unref as ce, watch as p } from "vue";
+import { useVirtualCollection as ee } from "../_internal/useVirtualCollection.js";
+import { Fragment as o, computed as s, createCommentVNode as te, createElementBlock as c, createElementVNode as ne, defineComponent as l, mergeProps as re, nextTick as u, normalizeStyle as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as d, ref as f, renderList as se, renderSlot as ce, unref as le, watch as p } from "vue";
 //#region src/components/shared/data-display/SVirtualList.vue?vue&type=script&setup=true&lang.ts
-var le = [
+var ue = [
 	"data-item-size",
 	"data-viewport-height",
 	"role",
@@ -12,13 +13,13 @@ var le = [
 	"aria-live",
 	"aria-busy",
 	"aria-relevant"
-], ue = [
+], de = [
 	"data-virtual-index",
 	"role",
 	"aria-label",
 	"aria-posinset",
 	"aria-setsize"
-], de = /*@__PURE__*/ l({
+], fe = /*@__PURE__*/ l({
 	inheritAttrs: !1,
 	__name: "SVirtualList",
 	props: {
@@ -48,98 +49,87 @@ var le = [
 		"viewport-change",
 		"near-start"
 	],
-	setup(l, { expose: de, emit: fe }) {
-		let m = l, pe = fe, h = f(null), g = f(null), _ = f(null), me = t({
+	setup(l, { expose: fe, emit: pe }) {
+		let m = l, me = pe, h = f(null), g = f(null), _ = f(null), he = i({
 			component: "SVirtualList",
 			owner: "virtual list viewport"
 		});
 		a({ owner: "SVirtualList" });
-		let v = f(0), y = f(0), b = f(/* @__PURE__ */ new Map()), x = f(0), S = f(0), C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), E = null, D = null, O = null, k = !1, he = !1, ge = "", A = null, _e = 0, j = !1, M = !1, N = null, P = 0, ve = null, F = null, I = f(m.followTail), L = s(() => i("SVirtualList", "semanticRole", m.semanticRole, ["list", "log"])), ye = s(() => i("SVirtualList", "live", m.live, [
+		let v = f(0), ge = f(0), y = f(0), b = f(0), x = f(null), S = null, C = ee({
+			owner: "SVirtualList",
+			items: () => m.items,
+			itemKey: (e) => m.itemKey(e),
+			estimatedSize: () => m.itemSize,
+			overscan: () => m.overscan,
+			scrollOffset: v,
+			viewportSize: ge,
+			leadingSize: () => y.value,
+			pinnedKeys: () => x.value === null ? [] : [x.value],
+			observer: () => S
+		}), { measurements: _e, itemKeys: w, itemKeyIndexes: T, itemSizes: ve, offsets: ye, totalHeight: be, firstVisibleIndex: xe, lastVisibleIndex: Se, visibleEntries: Ce, renderedItemsByKey: we, renderedItemKeysByElement: Te, renderedItemRef: Ee } = C, E = null, D = null, O = !1, De = !1, Oe = "", k = null, A = 0, j = !1, M = !1, N = null, P = 0, ke = null, F = null, I = f(m.followTail), L = s(() => r("SVirtualList", "semanticRole", m.semanticRole, ["list", "log"])), Ae = s(() => r("SVirtualList", "live", m.live, [
 			"off",
 			"polite",
 			"assertive"
-		])), be = s(() => n("SVirtualList", "busy", m.busy)), xe = s(() => r("SVirtualList", "nearStartThreshold", m.nearStartThreshold, {
+		])), je = s(() => t("SVirtualList", "busy", m.busy)), Me = s(() => n("SVirtualList", "nearStartThreshold", m.nearStartThreshold, {
 			minimum: 0,
 			maximum: 1e4
-		})), Se = s(() => r("SVirtualList", "endThreshold", m.endThreshold, {
+		})), Ne = s(() => n("SVirtualList", "endThreshold", m.endThreshold, {
 			minimum: 0,
 			maximum: 1e4
 		})), R = s(() => m.externalScrollTarget !== null);
 		function z(e) {
 			return `${typeof e}:${JSON.stringify(e)}`;
 		}
-		function Ce(e, t) {
-			if (typeof e == "string") {
-				if (e.trim().length === 0) throw TypeError(`SVirtualList itemKey returned an empty string for item at index ${t}`);
-				return;
-			}
-			if (typeof e == "number") {
-				if (!Number.isFinite(e)) throw TypeError(`SVirtualList itemKey returned a non-finite number for item at index ${t}`);
-				return;
+		function Pe(e, t) {
+			return m.itemLabel(e, t);
+		}
+		function Fe(e) {
+			let t = e instanceof Element ? e : null;
+			for (; t !== null && t !== h.value;) {
+				if (t instanceof HTMLElement) {
+					let e = Te.get(t);
+					if (e !== void 0) return e;
+				}
+				t = t.parentElement;
 			}
-			throw TypeError(`SVirtualList itemKey returned unsupported ${typeof e} key for item at index ${t}`);
+			return null;
 		}
-		function we(e, t) {
-			return m.itemLabel(e, t);
+		function Ie(e) {
+			x.value = Fe(e.target);
 		}
-		let B = s(() => {
-			let e = /* @__PURE__ */ new Set();
-			return m.items.map((t, n) => {
-				let r = m.itemKey(t);
-				if (Ce(r, n), e.has(r)) throw TypeError(`SVirtualList itemKey returned duplicate key ${z(r)} at index ${n}`);
-				return e.add(r), r;
-			});
-		}), V = s(() => new Map(B.value.map((e, t) => [e, t]))), Te = s(() => B.value.map((e) => b.value.get(e) ?? m.itemSize)), H = s(() => {
-			let e = Array(m.items.length + 1);
-			e[0] = 0;
-			for (let t = 0; t < m.items.length; t += 1) e[t + 1] = (e[t] ?? 0) + (Te.value[t] ?? m.itemSize);
-			return e;
-		}), U = s(() => H.value[m.items.length] ?? 0), Ee = s(() => x.value + U.value + S.value), De = s(() => R.value ? {
+		function Le(e) {
+			x.value = Fe(e.relatedTarget);
+		}
+		let Re = s(() => y.value + be.value + b.value), ze = s(() => R.value ? {
 			position: "relative",
 			overflow: "visible",
-			height: `${Ee.value}px`
+			height: `${Re.value}px`
 		} : {
 			position: "relative",
 			overflowY: "auto",
 			height: typeof m.height == "number" && m.height > 0 ? `${m.height}px` : "100%"
-		}), Oe = s(() => ({ height: `${Ee.value}px` })), ke = s(() => ({ top: `${x.value + U.value}px` }));
-		function Ae(e) {
-			let t = 0, n = m.items.length;
-			for (; t < n;) {
-				let r = Math.floor((t + n) / 2);
-				(H.value[r + 1] ?? U.value) <= e ? t = r + 1 : n = r;
-			}
-			return Math.min(t, Math.max(m.items.length - 1, 0));
-		}
-		let je = s(() => Math.max(0, v.value - x.value)), Me = s(() => Math.max(0, v.value + y.value - x.value)), Ne = s(() => m.items.length === 0 ? 0 : Ae(je.value)), Pe = s(() => m.items.length === 0 ? -1 : Ae(Me.value)), Fe = s(() => Math.max(0, Ne.value - m.overscan)), Ie = s(() => Math.min(m.items.length, Pe.value + m.overscan + 1)), Le = s(() => m.items.slice(Fe.value, Ie.value).map((e, t) => {
-			let n = Fe.value + t;
-			return {
-				item: e,
-				index: n,
-				key: B.value[n]
-			};
-		}));
-		function Re(e) {
+		}), Be = s(() => ({ height: `${Re.value}px` })), Ve = s(() => ({ top: `${y.value + be.value}px` }));
+		function He(e) {
 			return {
 				position: "absolute",
-				top: `${x.value + (H.value[e] ?? 0)}px`,
+				top: `${y.value + (ye.value[e] ?? 0)}px`,
 				left: "0",
 				right: "0"
 			};
 		}
-		function W() {
+		function B() {
 			let e = m.externalScrollTarget, t = h.value;
 			return !e || !t ? 0 : t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop;
 		}
-		function G() {
+		function V() {
 			return m.externalScrollTarget ?? h.value;
 		}
-		function K() {
-			return Math.max(0, Ee.value - y.value);
+		function H() {
+			return Math.max(0, Re.value - ge.value);
 		}
-		function q(e = B.value) {
+		function U(e = w.value) {
 			if (e.length === 0) return null;
-			let t = e.map((e) => b.value.get(e) ?? m.itemSize), n = 0, r = 0, i = Math.min(Math.max(0, v.value - x.value), Math.max(0, U.value - 1));
+			let t = e.map((e) => _e.value.get(e) ?? m.itemSize), n = 0, r = 0, i = Math.min(Math.max(0, v.value - y.value), Math.max(0, be.value - 1));
 			for (; r < t.length - 1 && n + (t[r] ?? m.itemSize) <= i;) n += t[r] ?? m.itemSize, r += 1;
 			let a = e[r];
 			return a === void 0 ? null : {
@@ -147,21 +137,21 @@ var le = [
 				offset: i - n
 			};
 		}
-		function ze() {
-			A = null;
+		function Ue() {
+			k = null;
 		}
-		function Be() {
+		function We() {
 			P += 1, N !== null && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(N), N = null;
 		}
-		function Ve() {
-			Be();
+		function Ge() {
+			We();
 			let e = P, t = () => {
 				if (e === P) {
 					if (N = null, j) {
-						Ve();
+						Ge();
 						return;
 					}
-					M = !1, ze();
+					M = !1, Ue();
 				}
 			};
 			if (typeof requestAnimationFrame != "function") {
@@ -172,156 +162,127 @@ var le = [
 				e === P && (N = requestAnimationFrame(t));
 			});
 		}
-		function He() {
-			M = !0, Ve();
+		function Ke() {
+			M = !0, Ge();
 		}
-		function J(e = !1) {
-			_e += 1, e || (j = !1), Be(), M = !1, ze();
+		function W(e = !1) {
+			A += 1, e || (j = !1), We(), M = !1, Ue();
 		}
-		function Y() {
-			ve = null, F = null;
+		function G() {
+			ke = null, F = null;
 		}
-		function Ue(e) {
-			ve = e, F = e.scrollTop;
+		function qe(e) {
+			ke = e, F = e.scrollTop;
 		}
-		function We(e) {
-			A = e;
+		function K(e) {
+			k = e;
 		}
-		function Ge() {
+		function Je() {
 			if (m.items.length === 0) return {
 				firstIndex: -1,
 				lastIndex: -1,
 				firstKey: null,
 				lastKey: null
 			};
-			let e = Ne.value, t = Math.max(e, Pe.value);
+			let e = xe.value, t = Math.max(e, Se.value);
 			return {
 				firstIndex: e,
 				lastIndex: t,
-				firstKey: B.value[e] ?? null,
-				lastKey: B.value[t] ?? null
+				firstKey: w.value[e] ?? null,
+				lastKey: w.value[t] ?? null
 			};
 		}
-		function Ke() {
-			let e = v.value <= xe.value, t = K() - v.value <= Se.value;
+		function Ye() {
+			let e = v.value <= Me.value, t = H() - v.value <= Ne.value;
 			return {
-				anchor: q(),
-				visibleRange: Ge(),
+				anchor: U(),
+				visibleRange: Je(),
 				nearStart: e,
 				atEnd: t,
 				pinnedToEnd: I.value
 			};
 		}
-		function qe() {
-			let e = Ke(), t = JSON.stringify(e);
-			t !== ge && (ge = t, pe("viewport-change", e)), e.nearStart && !he && pe("near-start", e), he = e.nearStart;
+		function Xe() {
+			let e = Ye(), t = JSON.stringify(e);
+			t !== Oe && (Oe = t, me("viewport-change", e)), e.nearStart && !De && me("near-start", e), De = e.nearStart;
 		}
-		function X(e) {
-			let t = n("SVirtualList", "setFollowTail value", e);
-			t && J(), I.value !== t && (I.value = t, pe("update:followTail", t), qe());
+		function q(e) {
+			let n = t("SVirtualList", "setFollowTail value", e);
+			n && W(), I.value !== n && (I.value = n, me("update:followTail", n), Xe());
 		}
-		function Z(e) {
-			let t = G();
+		function J(e) {
+			let t = V();
 			if (!t) return;
-			let n = e !== void 0 && O === null && ve === t && F !== null && Math.abs(t.scrollTop - F) <= .5, r = e !== void 0 && O === null && M && A !== null, i = n || r, a = e !== void 0 && !i && j, o = r;
-			e !== void 0 && (i || (Y(), J()));
-			let s = O;
-			y.value = t.clientHeight;
-			let ee = Math.max(0, t.scrollTop - (R.value ? W() : 0)), c = Math.abs(ee - v.value) > .5;
-			if (v.value = ee, s === "up" && X(!1), s === "down" && K() - v.value <= Se.value && X(!0), (s !== null || e !== void 0 && !i && c) && !I.value) {
-				let e = q();
-				e && (We(e), He());
+			let n = e !== void 0 && D === null && ke === t && F !== null && Math.abs(t.scrollTop - F) <= .5, r = e !== void 0 && D === null && M && k !== null, i = n || r, a = e !== void 0 && !i && j, ee = r;
+			e !== void 0 && (i || (G(), W()));
+			let o = D;
+			ge.value = t.clientHeight;
+			let s = Math.max(0, t.scrollTop - (R.value ? B() : 0)), te = Math.abs(s - v.value) > .5;
+			if (v.value = s, o === "up" && q(!1), o === "down" && H() - v.value <= Ne.value && q(!0), (o !== null || e !== void 0 && !i && te) && !I.value) {
+				let e = U();
+				e && (K(e), Ke());
 			}
-			O = null, o ? Q(A, { protectAnchor: !0 }) : qe(), a && Q(I.value ? null : q(), { protectAnchor: !I.value });
+			D = null, ee ? Q(k, { protectAnchor: !0 }) : Xe(), a && Q(I.value ? null : U(), { protectAnchor: !I.value });
 		}
-		function Je(e) {
-			Y(), J(!0), e.deltaY < 0 ? (O = "up", X(!1)) : e.deltaY > 0 && (O = "down");
+		function Y(e) {
+			G(), W(!0), e.deltaY < 0 ? (D = "up", q(!1)) : e.deltaY > 0 && (D = "down");
 		}
-		function Ye(t) {
-			let n = e(t.target, G());
-			t.defaultPrevented || t.isComposing || n !== null && n !== h.value && n !== G() || ([
+		function X(t) {
+			let n = e(t.target, V());
+			t.defaultPrevented || t.isComposing || n !== null && n !== h.value && n !== V() || ([
 				"ArrowUp",
 				"PageUp",
 				"Home"
-			].includes(t.key) ? (Y(), J(!0), O = "up", X(!1)) : [
+			].includes(t.key) ? (G(), W(!0), D = "up", q(!1)) : [
 				"ArrowDown",
 				"PageDown",
 				"End"
-			].includes(t.key) && (Y(), J(!0), O = "down"));
+			].includes(t.key) && (G(), W(!0), D = "down"));
 		}
-		function Xe(e) {
-			let t = G();
+		function Ze(e) {
+			let t = V();
 			return !t || e.currentTarget !== t ? !1 : e.offsetX >= t.clientWidth || e.offsetY >= t.clientHeight;
 		}
-		function Ze(e) {
-			Y(), J(!0), k = Xe(e), k && (O = "unknown", X(!1));
+		function Z(e) {
+			G(), W(!0), O = Ze(e), O && (D = "unknown", q(!1));
 		}
 		function Qe() {
-			k && (k = !1, K() - v.value <= Se.value && X(!0), O = null);
+			O && (O = !1, H() - v.value <= Ne.value && q(!0), D = null);
 		}
 		function $e(e, t) {
 			let n = e.scrollTop;
-			e.scrollTop = t, Math.abs(e.scrollTop - n) > .5 && Ue(e), Z();
+			e.scrollTop = t, Math.abs(e.scrollTop - n) > .5 && qe(e), J();
 		}
 		function et(e, t) {
-			let n = V.value.get(e.key);
+			let n = T.value.get(e.key);
 			if (n === void 0) {
 				if (t) throw RangeError(`SVirtualList cannot restore missing anchor key ${z(e.key)}`);
 				return !1;
 			}
-			let r = G();
+			let r = V();
 			if (!r) return !1;
-			let i = Te.value[n] ?? m.itemSize;
+			let i = ve.value[n] ?? m.itemSize;
 			if (!Number.isFinite(e.offset) || e.offset < 0 || t && e.offset >= i) throw RangeError(`SVirtualList anchor offset ${e.offset} is outside row ${z(e.key)} size ${i}`);
-			let a = Math.min(e.offset, Math.max(0, i - 1)), o = x.value + (H.value[n] ?? 0) + a;
-			return $e(r, Math.max(0, o + (R.value ? W() : 0))), !0;
+			let a = Math.min(e.offset, Math.max(0, i - 1)), ee = y.value + (ye.value[n] ?? 0) + a;
+			return $e(r, Math.max(0, ee + (R.value ? B() : 0))), !0;
 		}
 		function tt(e) {
 			if (I.value) {
 				$({ follow: !0 });
 				return;
 			}
-			let t = A ?? e;
-			t && et(t, !1) || Z();
+			let t = k ?? e;
+			t && et(t, !1) || J();
 		}
 		function Q(e, t = {}) {
-			e && A === null && We(e), t.protectAnchor && He();
-			let n = _e + 1;
-			_e = n, j = !0, u(() => {
-				n === _e && (j = !1, tt(e));
+			e && k === null && K(e), t.protectAnchor && Ke();
+			let n = A + 1;
+			A = n, j = !0, u(() => {
+				n === A && (j = !1, tt(e));
 			});
 		}
 		function nt(e) {
-			let t = C.get(e);
-			if (!t) return;
-			let n = w.get(t);
-			if (n !== e) throw Error(`SVirtualList rendered item registry mismatch for key ${z(e)}: element belongs to ${n === void 0 ? "no key" : z(n)}`);
-			E?.unobserve(t), C.delete(e), w.delete(t);
-		}
-		function rt(e, t) {
-			let n = V.value.get(e);
-			if (n === void 0) throw Error(`SVirtualList received a rendered item ref for stale key ${z(e)}`);
-			let r = C.get(e);
-			if (r && r !== t) throw Error(`SVirtualList rendered item key collision for ${z(e)} at index ${n}`);
-			let i = w.get(t);
-			if (i !== void 0 && i !== e) throw Error(`SVirtualList rendered item element collision between ${z(i)} and ${z(e)}`);
-			r !== t && (C.set(e, t), w.set(t, e), E?.observe(t));
-		}
-		function it(e) {
-			let t = T.get(e);
-			if (t) return t;
-			let n = (t) => {
-				if (t === null) {
-					nt(e);
-					return;
-				}
-				if (!(t instanceof HTMLElement)) throw TypeError(`SVirtualList rendered item ref for ${z(e)} must resolve to an HTMLElement`);
-				rt(e, t);
-			};
-			return T.set(e, n), n;
-		}
-		function at(e) {
-			let t = !1, n = I.value ? null : A ?? q(), r = new Map(b.value), i = !1, a = !1;
+			let t = !1, n = I.value ? null : k ?? U(), r = [], i = !1;
 			for (let n of e) {
 				if (n.target === h.value || n.target === m.externalScrollTarget) {
 					t = !0;
@@ -329,130 +290,119 @@ var le = [
 				}
 				let e = n.borderBoxSize[0]?.blockSize ?? n.contentRect.height;
 				if (n.target === g.value) {
-					Number.isFinite(e) && e >= 0 && x.value !== e && (x.value = e, a = !0);
+					Number.isFinite(e) && e >= 0 && y.value !== e && (y.value = e, i = !0);
 					continue;
 				}
 				if (n.target === _.value) {
-					Number.isFinite(e) && e >= 0 && S.value !== e && (S.value = e, a = !0);
+					Number.isFinite(e) && e >= 0 && b.value !== e && (b.value = e, i = !0);
 					continue;
 				}
-				if (!(n.target instanceof HTMLElement)) throw TypeError("SVirtualList received a ResizeObserver entry for a non-HTMLElement target");
-				let o = w.get(n.target);
-				if (o === void 0 || C.get(o) !== n.target) throw Error("SVirtualList received a ResizeObserver entry for an unregistered rendered item");
-				if (V.value.get(o) === void 0) throw Error(`SVirtualList received a ResizeObserver entry for stale key ${z(o)}`);
-				!Number.isFinite(e) || e <= 0 || r.get(o) === e || (r.set(o, e), i = !0);
+				r.push(n);
 			}
-			i && (b.value = r), i || a ? Q(n, { protectAnchor: n !== null }) : t && Z();
-		}
-		function ot(e, t = "auto") {
-			if (!Number.isInteger(e) || e < 0 || e >= m.items.length) throw RangeError(`SVirtualList index ${e} is outside 0..${Math.max(m.items.length - 1, 0)}`);
-			let n = m.externalScrollTarget ?? h.value;
-			if (!n) return;
-			J();
-			let r = x.value + (H.value[e] ?? 0), i = x.value + (H.value[e + 1] ?? (H.value[e] ?? 0) + m.itemSize), a = v.value, o = a + y.value, s = r;
-			t === "end" && (s = i - y.value), t === "center" && (s = r - (y.value - (i - r)) / 2), !(t === "auto" && r >= a && i <= o) && (t === "auto" && i > o && (s = i - y.value), $e(n, Math.max(0, s + (R.value ? W() : 0))));
-		}
-		function st(e, t = "auto") {
-			let n = V.value.get(e);
+			C.measureItems(r) || i ? Q(n, { protectAnchor: n !== null }) : t && J();
+		}
+		function rt(e, t = "auto") {
+			let n = C.offsetForIndex(e, t), r = m.externalScrollTarget ?? h.value;
+			r && (W(), n !== null && $e(r, Math.max(0, n + (R.value ? B() : 0))));
+		}
+		function it(e, t = "auto") {
+			let n = T.value.get(e);
 			if (n === void 0) throw RangeError(`SVirtualList cannot scroll to missing key ${z(e)}`);
-			ot(n, t);
+			rt(n, t);
 		}
 		function $(e = {}) {
-			let t = G();
-			t && (J(), (e.follow ?? !0) && X(!0), $e(t, K() + (R.value ? W() : 0)));
+			let t = V();
+			t && (W(), (e.follow ?? !0) && q(!0), $e(t, H() + (R.value ? B() : 0)));
 		}
-		function ct() {
+		function at() {
 			return {
-				anchor: q(),
+				anchor: U(),
 				followTail: I.value
 			};
 		}
-		async function lt(e) {
+		async function ot(e) {
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SVirtualList restoreViewport snapshot must be an object");
-			let t = n("SVirtualList", "restoreViewport.followTail", e.followTail);
-			if (J(), await u(), t) {
+			let n = t("SVirtualList", "restoreViewport.followTail", e.followTail);
+			if (W(), await u(), n) {
 				$({ follow: !0 });
 				return;
 			}
 			if (e.anchor === null) {
-				X(!1);
+				q(!1);
 				return;
 			}
-			X(!1), We(e.anchor), He(), et(e.anchor, !0);
+			q(!1), K(e.anchor), Ke(), et(e.anchor, !0);
 		}
-		async function ut(e, t = "auto") {
-			let n = B.value[e];
-			if (ot(e, t), await u(), n === void 0 || V.value.get(n) === void 0) throw Error(`SVirtualList focusItem key ${n === void 0 ? `at index ${e}` : z(n)} became stale before focus`);
-			let r = V.value.get(n);
+		async function st(e, t = "auto") {
+			let n = w.value[e];
+			if (rt(e, t), await u(), n === void 0 || T.value.get(n) === void 0) throw Error(`SVirtualList focusItem key ${n === void 0 ? `at index ${e}` : z(n)} became stale before focus`);
+			let r = T.value.get(n);
 			if (r !== e) throw Error(`SVirtualList focusItem key ${z(n)} moved from index ${e} to ${r} before focus`);
-			let i = C.get(n);
+			let i = we.get(n);
 			if (!i) throw Error(`SVirtualList focusItem has no rendered item registration for key ${z(n)} at index ${e}`);
-			if (w.get(i) !== n) throw Error(`SVirtualList focusItem found a stale rendered item registration for key ${z(n)}`);
+			if (Te.get(i) !== n) throw Error(`SVirtualList focusItem found a stale rendered item registration for key ${z(n)}`);
 			i.focus();
 		}
-		de({
-			captureViewport: ct,
-			focusItem: ut,
-			getViewportState: Ke,
-			restoreViewport: lt,
+		fe({
+			captureViewport: at,
+			focusItem: st,
+			getViewportState: Ye,
+			restoreViewport: ot,
 			scrollToEnd: $,
-			scrollToIndex: ot,
-			scrollToKey: st,
-			setFollowTail: X
+			scrollToIndex: rt,
+			scrollToKey: it,
+			setFollowTail: q
 		});
-		function dt(e) {
-			D?.removeEventListener("scroll", Z), D?.removeEventListener("wheel", Je), D?.removeEventListener("keydown", Ye), D?.removeEventListener("pointerdown", Ze), D?.removeEventListener("pointerup", Qe), D && E?.unobserve(D), Y(), J(), D = e, D?.addEventListener("scroll", Z, { passive: !0 }), D?.addEventListener("wheel", Je, { passive: !0 }), D?.addEventListener("keydown", Ye), D?.addEventListener("pointerdown", Ze), D?.addEventListener("pointerup", Qe), D && E?.observe(D), Z();
+		function ct(e) {
+			E?.removeEventListener("scroll", J), E?.removeEventListener("wheel", Y), E?.removeEventListener("keydown", X), E?.removeEventListener("pointerdown", Z), E?.removeEventListener("pointerup", Qe), E && S?.unobserve(E), G(), W(), E = e, E?.addEventListener("scroll", J, { passive: !0 }), E?.addEventListener("wheel", Y, { passive: !0 }), E?.addEventListener("keydown", X), E?.addEventListener("pointerdown", Z), E?.addEventListener("pointerup", Qe), E && S?.observe(E), J();
 		}
-		return ae(() => {
+		return oe(() => {
 			if (typeof ResizeObserver < "u") {
-				E = new ResizeObserver((e) => at(e)), h.value && E.observe(h.value), g.value && E.observe(g.value), _.value && E.observe(_.value);
-				for (let e of C.values()) E.observe(e);
+				S = new ResizeObserver((e) => nt(e)), h.value && S.observe(h.value), g.value && S.observe(g.value), _.value && S.observe(_.value);
+				for (let e of we.values()) S.observe(e);
 			}
-			dt(m.externalScrollTarget), Z(), I.value && u(() => $({ follow: !0 }));
-		}), p(() => m.externalScrollTarget, dt), p(g, (e, t) => {
-			if (t && E?.unobserve(t), e && E?.observe(e), !e && t && x.value > 0) {
-				let e = I.value ? null : A ?? q();
-				x.value = 0, Q(e, { protectAnchor: !0 });
+			ct(m.externalScrollTarget), J(), I.value && u(() => $({ follow: !0 }));
+		}), p(() => m.externalScrollTarget, ct), p(g, (e, t) => {
+			if (t && S?.unobserve(t), e && S?.observe(e), !e && t && y.value > 0) {
+				let e = I.value ? null : k ?? U();
+				y.value = 0, Q(e, { protectAnchor: !0 });
 			}
 		}), p(_, (e, t) => {
-			if (t && E?.unobserve(t), e && E?.observe(e), !e && t && S.value > 0) {
-				let e = I.value ? null : A ?? q();
-				S.value = 0, Q(e, { protectAnchor: !0 });
+			if (t && S?.unobserve(t), e && S?.observe(e), !e && t && b.value > 0) {
+				let e = I.value ? null : k ?? U();
+				b.value = 0, Q(e, { protectAnchor: !0 });
 			}
 		}), p(() => m.followTail, (e) => {
-			I.value = n("SVirtualList", "followTail", e), I.value ? (J(), u(() => $({ follow: !1 }))) : qe();
-		}), p(() => B.value, (e, t) => {
-			let n = I.value ? null : A ?? q(t);
-			n && We(n);
-			let r = new Set(e);
-			b.value = new Map([...b.value].filter(([e]) => r.has(e)));
-			for (let e of C.keys()) r.has(e) || nt(e);
-			for (let e of T.keys()) r.has(e) || T.delete(e);
-			Q(n, { protectAnchor: !0 });
-		}, { flush: "sync" }), ie(() => {
-			Y(), Be(), J(), D?.removeEventListener("scroll", Z), D?.removeEventListener("wheel", Je), D?.removeEventListener("keydown", Ye), D?.removeEventListener("pointerdown", Ze), D?.removeEventListener("pointerup", Qe), E?.disconnect(), C.clear(), w.clear(), T.clear();
-		}), (e, t) => (d(), c("div", ne(ce(me).bindings(), {
+			I.value = t("SVirtualList", "followTail", e), I.value ? (W(), u(() => $({ follow: !1 }))) : Xe();
+		}), p(() => w.value, (e, t) => {
+			let n = I.value ? null : k ?? U(t);
+			n && K(n), x.value !== null && !e.includes(x.value) && (x.value = null), C.prune(e), Q(n, { protectAnchor: !0 });
+		}, { flush: "sync" }), ae(() => {
+			x.value = null, G(), We(), W(), E?.removeEventListener("scroll", J), E?.removeEventListener("wheel", Y), E?.removeEventListener("keydown", X), E?.removeEventListener("pointerdown", Z), E?.removeEventListener("pointerup", Qe), S?.disconnect(), C.clear();
+		}), (e, t) => (d(), c("div", re(le(he).bindings(), {
 			ref_key: "container",
 			ref: h,
 			class: "s-virtual-list",
-			style: De.value,
+			style: ze.value,
 			"data-item-size": l.itemSize,
 			"data-viewport-height": l.height ?? void 0,
 			role: L.value,
 			"aria-label": l.accessibleLabel,
-			"aria-live": L.value === "log" ? ye.value : void 0,
-			"aria-busy": L.value === "log" ? be.value : void 0,
+			"aria-live": L.value === "log" ? Ae.value : void 0,
+			"aria-busy": L.value === "log" ? je.value : void 0,
 			"aria-relevant": L.value === "log" ? "additions text" : void 0,
 			tabindex: "0",
-			onScrollPassive: Z,
-			onWheelPassive: Je,
-			onKeydown: Ye,
-			onPointerdown: Ze,
-			onPointerup: Qe
+			onScrollPassive: J,
+			onWheelPassive: Y,
+			onKeydown: X,
+			onPointerdown: Z,
+			onPointerup: Qe,
+			onFocusin: Ie,
+			onFocusout: Le
 		}), [
-			te("div", {
+			ne("div", {
 				class: "s-virtual-list__spacer",
-				style: re(Oe.value),
+				style: ie(Be.value),
 				"aria-hidden": "true"
 			}, null, 4),
 			e.$slots.header ? (d(), c("div", {
@@ -460,34 +410,34 @@ var le = [
 				ref_key: "headerRegion",
 				ref: g,
 				class: "s-virtual-list__header"
-			}, [se(e.$slots, "header", {}, void 0, !0)], 512)) : ee("", !0),
-			(d(!0), c(o, null, oe(Le.value, (t) => (d(), c("div", {
+			}, [ce(e.$slots, "header", {}, void 0, !0)], 512)) : te("", !0),
+			(d(!0), c(o, null, se(le(Ce), (t) => (d(), c("div", {
 				key: t.key,
 				ref_for: !0,
-				ref: it(t.key),
+				ref: le(Ee)(t.key),
 				class: "s-virtual-list__item",
-				style: re(Re(t.index)),
+				style: ie(He(t.index)),
 				"data-virtual-index": t.index,
 				role: L.value === "list" ? "listitem" : "article",
-				"aria-label": we(t.item, t.index),
+				"aria-label": Pe(t.item, t.index),
 				"aria-posinset": t.index + 1,
 				"aria-setsize": l.items.length,
 				tabindex: "-1"
-			}, [se(e.$slots, "default", {
+			}, [ce(e.$slots, "default", {
 				item: t.item,
 				index: t.index,
 				position: t.index + 1,
 				setSize: l.items.length
-			}, void 0, !0)], 12, ue))), 128)),
+			}, void 0, !0)], 12, de))), 128)),
 			e.$slots.footer ? (d(), c("div", {
 				key: 1,
 				ref_key: "footerRegion",
 				ref: _,
 				class: "s-virtual-list__footer",
-				style: re(ke.value)
-			}, [se(e.$slots, "footer", {}, void 0, !0)], 4)) : ee("", !0)
-		], 16, le));
+				style: ie(Ve.value)
+			}, [ce(e.$slots, "footer", {}, void 0, !0)], 4)) : te("", !0)
+		], 16, ue));
 	}
 });
 //#endregion
-export { de as default };
+export { fe as default };