@pgcorp/ui-kit 0.11.0 → 0.12.0

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

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