@pgcorp/ui-kit 0.10.0 → 0.10.1

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

@@ -0,0 +1,46 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { validateExactString as t } from "../../../internal/runtimeContract.js";
+import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, ref as s, renderSlot as c, resolveDynamicComponent as l, unref as u, useSlots as d, withCtx as f } from "vue";
+//#region src/components/shared/data-display/STooltipTarget.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ i({
+	name: "STooltipTarget",
+	inheritAttrs: !1,
+	__name: "STooltipTarget",
+	props: {
+		as: { default: "span" },
+		appearance: { default: "plain" },
+		size: { default: "sm" }
+	},
+	emits: ["pointerenter", "pointerleave"],
+	setup(i, { expose: p, emit: m }) {
+		let h = i, g = m;
+		if (!d().default) throw Error("STooltipTarget: default slot обязателен. / STooltipTarget: the default slot is required.");
+		let _ = s(null), v = e({
+			component: "STooltipTarget",
+			owner: "passive tooltip target"
+		}), y = n(() => t("STooltipTarget", "as", h.as, ["span", "kbd"])), b = n(() => y.value === "kbd" ? "kbd" : "span"), x = n(() => t("STooltipTarget", "appearance", h.appearance, ["plain", "keycap"])), S = n(() => t("STooltipTarget", "size", h.size, [
+			"xs",
+			"sm",
+			"md"
+		]));
+		return p({ getElement: () => {
+			let e = _.value;
+			if (!e) throw Error("STooltipTarget: native target element is unavailable");
+			return e;
+		} }), (e, t) => (o(), r(l(b.value), a({
+			ref_key: "targetRef",
+			ref: _
+		}, u(v).bindings(), {
+			class: "s-tooltip-target",
+			"data-appearance": x.value,
+			"data-size": S.value,
+			onPointerenter: t[0] ||= (e) => g("pointerenter", e),
+			onPointerleave: t[1] ||= (e) => g("pointerleave", e)
+		}), {
+			default: f(() => [c(e.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}, 16, ["data-appearance", "data-size"]));
+	}
+});
+//#endregion
+export { p as default };

package/{src/components/shared/data-display/SVirtualList.ts → dist/src/components/shared/data-display/SVirtualList.d.ts}

@@ -1,37 +1,30 @@
 /** Ключ элемента виртуального списка. / Virtual-list item key. */
-export type SVirtualListItemKey = string | number
-
+export type SVirtualListItemKey = string | number;
 /** Выравнивание явного перехода к строке. / Alignment for explicit row navigation. */
-export type SVirtualListAlignment = 'auto' | 'start' | 'center' | 'end'
-
+export type SVirtualListAlignment = 'auto' | 'start' | 'center' | 'end';
 /** Устойчивый viewport anchor: доменный key и смещение внутри строки. */
 export interface SVirtualListAnchor {
-  key: SVirtualListItemKey
-  offset: number
+    key: SVirtualListItemKey;
+    offset: number;
 }
-
 export interface SVirtualListVisibleRange {
-  firstIndex: number
-  lastIndex: number
-  firstKey: SVirtualListItemKey | null
-  lastKey: SVirtualListItemKey | null
+    firstIndex: number;
+    lastIndex: number;
+    firstKey: SVirtualListItemKey | null;
+    lastKey: SVirtualListItemKey | null;
 }
-
 export interface SVirtualListViewportState {
-  anchor: SVirtualListAnchor | null
-  visibleRange: SVirtualListVisibleRange
-  nearStart: boolean
-  atEnd: boolean
-  pinnedToEnd: boolean
+    anchor: SVirtualListAnchor | null;
+    visibleRange: SVirtualListVisibleRange;
+    nearStart: boolean;
+    atEnd: boolean;
+    pinnedToEnd: boolean;
 }
-
 /** Сериализуемый снимок позиции для переключения между keyed collections. */
 export interface SVirtualListViewportSnapshot {
-  anchor: SVirtualListAnchor | null
-  followTail: boolean
+    anchor: SVirtualListAnchor | null;
+    followTail: boolean;
 }
-
-export type SVirtualListSemanticRole = 'list' | 'log'
-export type SVirtualListLiveMode = 'off' | 'polite' | 'assertive'
-
-export type { SVirtualListProps } from './SVirtualList.vue'
+export type SVirtualListSemanticRole = 'list' | 'log';
+export type SVirtualListLiveMode = 'off' | 'polite' | 'assertive';
+export type { SVirtualListProps } from './SVirtualList.vue';

package/dist/src/components/shared/data-display/SVirtualList.vue.d.ts

@@ -0,0 +1,65 @@
+import { SVirtualListAlignment, SVirtualListViewportSnapshot, SVirtualListItemKey, SVirtualListLiveMode, SVirtualListSemanticRole, SVirtualListViewportState } from './SVirtualList';
+/** Публичный контракт virtual list принадлежит source-SFC runtime. / The public virtual-list contract is owned by the source-SFC runtime. */
+export interface SVirtualListProps<Item = unknown> {
+    items: readonly Item[];
+    /** Оценочная высота строки до фактического измерения. / Estimated row height before measurement. */
+    itemSize: number;
+    overscan?: number;
+    height?: number | null;
+    /** Устойчивый доменный ключ; индекс не является fallback. / Stable domain key; the index is not a fallback. */
+    itemKey: (item: Item) => SVirtualListItemKey;
+    itemLabel: (item: Item, index: number) => string;
+    accessibleLabel: string;
+    externalScrollTarget?: HTMLElement | null;
+    /** Controlled follow-tail intent. Use v-model:followTail when user detachment must persist in the parent. */
+    followTail?: boolean;
+    nearStartThreshold?: number;
+    endThreshold?: number;
+    semanticRole?: SVirtualListSemanticRole;
+    live?: SVirtualListLiveMode;
+    busy?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<SVirtualListProps<T> & {
+        "onUpdate:followTail"?: ((value: boolean) => any) | undefined;
+        "onViewport-change"?: ((state: SVirtualListViewportState) => any) | undefined;
+        "onNear-start"?: ((state: SVirtualListViewportState) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        captureViewport: () => SVirtualListViewportSnapshot;
+        focusItem: (index: number, alignment?: SVirtualListAlignment) => Promise<void>;
+        getViewportState: () => SVirtualListViewportState;
+        restoreViewport: (snapshot: SVirtualListViewportSnapshot) => Promise<void>;
+        scrollToEnd: (options?: {
+            follow?: boolean;
+        }) => void;
+        scrollToIndex: (index: number, alignment?: SVirtualListAlignment) => void;
+        scrollToKey: (key: SVirtualListItemKey, alignment?: SVirtualListAlignment) => void;
+        setFollowTail: (value: boolean) => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        default(props: {
+            item: T;
+            index: number;
+            position: number;
+            setSize: number;
+        }): unknown;
+    };
+    emit: {
+        (event: "update:followTail", value: boolean): void;
+        (event: "viewport-change", state: SVirtualListViewportState): void;
+        (event: "near-start", state: SVirtualListViewportState): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/data-display/SVirtualList.css_vue_type_style_index_0_src_1717877d_scoped_1717877d_lang.css";
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SVirtualList.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                          */
+//#region src/components/shared/data-display/SVirtualList.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-1717877d"]]);
+//#endregion
+export { n as default };

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

@@ -0,0 +1,386 @@
+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";
+//#region src/components/shared/data-display/SVirtualList.vue?vue&type=script&setup=true&lang.ts
+var ce = [
+	"data-item-size",
+	"data-viewport-height",
+	"role",
+	"aria-label",
+	"aria-live",
+	"aria-busy",
+	"aria-relevant"
+], le = [
+	"data-virtual-index",
+	"role",
+	"aria-label",
+	"aria-posinset",
+	"aria-setsize"
+], ue = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "SVirtualList",
+	props: {
+		items: {},
+		itemSize: {},
+		overscan: { default: 8 },
+		height: { default: null },
+		itemKey: {},
+		itemLabel: {},
+		accessibleLabel: {},
+		externalScrollTarget: { default: null },
+		followTail: {
+			type: Boolean,
+			default: !1
+		},
+		nearStartThreshold: { default: 80 },
+		endThreshold: { default: 24 },
+		semanticRole: { default: "list" },
+		live: { default: "off" },
+		busy: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:followTail",
+		"viewport-change",
+		"near-start"
+	],
+	setup(c, { expose: ue, emit: de }) {
+		let p = c, m = de, h = d(null), fe = e({
+			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, [
+			"off",
+			"polite",
+			"assertive"
+		])), ge = o(() => t("SVirtualList", "busy", p.busy)), _e = o(() => n("SVirtualList", "nearStartThreshold", p.nearStartThreshold, {
+			minimum: 0,
+			maximum: 1e4
+		})), O = o(() => n("SVirtualList", "endThreshold", p.endThreshold, {
+			minimum: 0,
+			maximum: 1e4
+		})), k = o(() => p.externalScrollTarget !== null);
+		function A(e) {
+			return `${typeof e}:${JSON.stringify(e)}`;
+		}
+		function ve(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;
+			}
+			throw TypeError(`SVirtualList itemKey returned unsupported ${typeof e} key for item at index ${t}`);
+		}
+		function ye(e, t) {
+			return p.itemLabel(e, t);
+		}
+		let j = o(() => {
+			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 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);
+			e[0] = 0;
+			for (let t = 0; t < p.items.length; t += 1) e[t + 1] = (e[t] ?? 0) + (N.value[t] ?? p.itemSize);
+			return e;
+		}), F = o(() => P.value[p.items.length] ?? 0), be = o(() => k.value ? {
+			position: "relative",
+			overflow: "visible",
+			height: `${F.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;
+			for (; t < n;) {
+				let r = Math.floor((t + n) / 2);
+				(P.value[r + 1] ?? F.value) <= e ? t = r + 1 : n = r;
+			}
+			return Math.min(t, Math.max(p.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;
+			return {
+				item: e,
+				index: n,
+				key: j.value[n]
+			};
+		}));
+		function Te(e) {
+			return {
+				position: "absolute",
+				top: `${P.value[e] ?? 0}px`,
+				left: "0",
+				right: "0",
+				minHeight: `${p.itemSize}px`
+			};
+		}
+		function z() {
+			let e = p.externalScrollTarget, t = h.value;
+			return !e || !t ? 0 : t.getBoundingClientRect().top - e.getBoundingClientRect().top + e.scrollTop;
+		}
+		function B() {
+			return p.externalScrollTarget ?? h.value;
+		}
+		function V() {
+			return Math.max(0, F.value - _.value);
+		}
+		function H(e = j.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 a = e[r];
+			return a === void 0 ? null : {
+				key: a,
+				offset: i - n
+			};
+		}
+		function Ee() {
+			if (p.items.length === 0) return {
+				firstIndex: -1,
+				lastIndex: -1,
+				firstKey: null,
+				lastKey: null
+			};
+			let e = L.value, t = Math.max(e, R.value);
+			return {
+				firstIndex: e,
+				lastIndex: t,
+				firstKey: j.value[e] ?? null,
+				lastKey: j.value[t] ?? null
+			};
+		}
+		function De() {
+			let e = g.value <= _e.value, t = V() - g.value <= O.value;
+			return {
+				anchor: H(),
+				visibleRange: Ee(),
+				nearStart: e,
+				atEnd: t,
+				pinnedToEnd: E.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 W(e) {
+			let n = t("SVirtualList", "setFollowTail value", e);
+			E.value !== n && (E.value = n, m("update:followTail", n), U());
+		}
+		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 K(e) {
+			e.deltaY < 0 ? (w = "up", W(!1)) : e.deltaY > 0 && (w = "down");
+		}
+		function q(e) {
+			[
+				"ArrowUp",
+				"PageUp",
+				"Home"
+			].includes(e.key) ? (w = "up", W(!1)) : [
+				"ArrowDown",
+				"PageDown",
+				"End"
+			].includes(e.key) && (w = "down");
+		}
+		function Oe(e) {
+			let t = B();
+			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 Y() {
+			T && (T = !1, V() - g.value <= O.value && W(!0), w = null);
+		}
+		function X(e, t) {
+			let n = M.value.get(e.key);
+			if (n === void 0) {
+				if (t) throw RangeError(`SVirtualList cannot restore missing anchor key ${A(e.key)}`);
+				return !1;
+			}
+			let r = B();
+			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;
+		}
+		function ke(e) {
+			let t = y.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);
+			if (t) return t;
+			let n = (t) => {
+				if (t === null) {
+					ke(e);
+					return;
+				}
+				if (!(t instanceof HTMLElement)) throw TypeError(`SVirtualList rendered item ref for ${A(e)} must resolve to an HTMLElement`);
+				Ae(e, t);
+			};
+			return x.set(e, n), n;
+		}
+		function Me(e) {
+			let t = !1, n = E.value ? null : H(), r = new Map(v.value), i = !1;
+			for (let n of e) {
+				if (n.target === h.value || n.target === p.externalScrollTarget) {
+					t = !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);
+			}
+			i && (v.value = r), E.value && i ? Q({ follow: !0 }) : n && i && X(n, !1), (t || i) && G();
+		}
+		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;
+			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());
+		}
+		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 Q(e = {}) {
+			let t = B();
+			t && ((e.follow ?? !0) && W(!0), t.scrollTop = V() + (k.value ? z() : 0), G());
+		}
+		function Pe() {
+			return {
+				anchor: H(),
+				followTail: E.value
+			};
+		}
+		async function Fe(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 });
+				return;
+			}
+			if (e.anchor === null) {
+				W(!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)}`);
+			i.focus();
+		}
+		ue({
+			captureViewport: Pe,
+			focusItem: Ie,
+			getViewportState: De,
+			restoreViewport: Fe,
+			scrollToEnd: Q,
+			scrollToIndex: Z,
+			scrollToKey: Ne,
+			setFollowTail: W
+		});
+		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();
+		}
+		return ie(() => {
+			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);
+			}
+			$(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(), {
+			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,
+			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));
+	}
+});
+//#endregion
+export { ue as default };

package/dist/src/components/shared/data-display/_internal/SCodeTokenLine.vue.d.ts

@@ -0,0 +1,14 @@
+import { SDiffLanguage } from '../diff';
+interface Props {
+    text: string;
+    language?: SDiffLanguage;
+    wrap?: boolean;
+    variant?: 'diff' | 'code-block';
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    wrap: boolean;
+    variant: "diff" | "code-block";
+    language: SDiffLanguage;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/src/components/shared/data-display/_internal/SCodeTokenLine.vue.js

@@ -0,0 +1,8 @@
+import "../../../../../assets/src/components/shared/data-display/_internal/SCodeTokenLine.css_vue_type_style_index_0_src_4f4b5ce8_scoped_4f4b5ce8_lang.css";
+import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./SCodeTokenLine.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                            */
+//#region src/components/shared/data-display/_internal/SCodeTokenLine.vue
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-4f4b5ce8"]]);
+//#endregion
+export { n as default };

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

@@ -0,0 +1,55 @@
+import { validateBoolean as e } from "../../../../internal/runtimeContract.js";
+import { Fragment as t, computed as n, createElementBlock as r, createVNode as i, defineComponent as a, h as o, onBeforeUnmount as s, openBlock as c, ref as l, watch as u } from "vue";
+//#region src/components/shared/data-display/_internal/SCodeTokenLine.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"data-highlight-state",
+	"data-wrap",
+	"data-variant"
+], f = /*@__PURE__*/ a({
+	inheritAttrs: !1,
+	__name: "SCodeTokenLine",
+	props: {
+		text: {},
+		language: { default: void 0 },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "diff" }
+	},
+	setup(a) {
+		let f = a, p = l([f.text]), m = l("plain"), h = n(() => e("SCodeTokenLine", "wrap", f.wrap)), g = n(() => {
+			if (f.variant === "diff" || f.variant === "code-block") return f.variant;
+			throw TypeError("SCodeTokenLine: variant must be diff or code-block.");
+		}), _ = 0;
+		function v(e, t) {
+			return typeof e == "string" ? e : o("span", {
+				key: t,
+				class: e.className
+			}, e.children.map(v));
+		}
+		let y = () => o(t, p.value.map(v));
+		return u(() => [f.text, f.language], async ([e, t]) => {
+			let n = _ += 1;
+			if (t === void 0) {
+				p.value = [e], m.value = "plain";
+				return;
+			}
+			m.value = "loading";
+			let r = await import("../../../../internal/codeHighlight.js"), i = (e) => typeof e == "string" ? e : Object.freeze({
+				className: e.scope === null ? null : r.highlightScopeClass(e.scope),
+				children: Object.freeze(e.children.map(i))
+			}), a = r.highlightCodeToTokens(e, t).map(i);
+			n === _ && (p.value = Object.freeze(a), m.value = "highlighted");
+		}, { immediate: !0 }), s(() => {
+			_ += 1;
+		}), (e, t) => (c(), r("code", {
+			class: "s-code-token-line",
+			"data-highlight-state": m.value,
+			"data-wrap": h.value,
+			"data-variant": g.value
+		}, [i(y)], 8, d));
+	}
+});
+//#endregion
+export { f as default };

package/dist/src/components/shared/data-display/_internal/SRichBlockNode.vue.d.ts

@@ -0,0 +1,19 @@
+import { SRichBlockNode, SRichDocumentActionIntent, SRichDocumentLinkActivate, SRichDocumentResource, SRichDocumentResourceActivate } from '../richDocument';
+type __VLS_Props = {
+    node: SRichBlockNode;
+    resources: readonly SRichDocumentResource[];
+    documentId: string;
+    footnoteScope: string;
+    path: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    action: (payload: SRichDocumentActionIntent) => any;
+    "link-activate": (payload: SRichDocumentLinkActivate) => any;
+    "resource-activate": (payload: SRichDocumentResourceActivate) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: ((payload: SRichDocumentActionIntent) => any) | undefined;
+    "onLink-activate"?: ((payload: SRichDocumentLinkActivate) => any) | undefined;
+    "onResource-activate"?: ((payload: SRichDocumentResourceActivate) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;