@pgcorp/ui-kit 0.10.0 → 0.10.1

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

@@ -0,0 +1,117 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { validateBoundedInteger as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import r from "../_internal/SToastItem.vue.js";
+import { validateToastLifetimeOwner as i, validateToastPosition as a, validateToastPresentations as o } from "./toast.js";
+import { Fragment as s, TransitionGroup as c, computed as l, createBlock as u, createElementBlock as d, createVNode as f, defineComponent as p, mergeProps as m, onBeforeUnmount as h, openBlock as g, renderList as _, unref as v, watch as y, withCtx as b } from "vue";
+//#region src/components/shared/data-display/SControlledToastViewport.vue?vue&type=script&setup=true&lang.ts
+var x = ["data-position", "aria-label"], S = /*@__PURE__*/ p({
+	inheritAttrs: !1,
+	__name: "SControlledToastViewport",
+	props: {
+		notifications: {},
+		accessibleLabel: {},
+		lifetimeOwner: { default: "consumer" },
+		position: { default: "top-end" },
+		maxVisible: { default: 5 }
+	},
+	emits: [
+		"dismiss",
+		"action",
+		"lifetime-expired"
+	],
+	setup(p, { emit: S }) {
+		let C = p, w = S, T = e({
+			component: "SControlledToastViewport",
+			owner: "controlled toast viewport root"
+		}), E = /* @__PURE__ */ new Map(), D = l(() => o("SControlledToastViewport", C.notifications)), O = l(() => n("SControlledToastViewport", "accessibleLabel", C.accessibleLabel)), k = l(() => a(C.position)), A = l(() => i(C.lifetimeOwner)), j = l(() => t("SControlledToastViewport", "maxVisible", C.maxVisible, {
+			minimum: 1,
+			maximum: 2 ** 53 - 1
+		})), M = l(() => D.value.slice(0, j.value));
+		function N(e) {
+			e.timer !== null && (clearTimeout(e.timer), e.timer = null);
+		}
+		function P(e) {
+			let t = E.get(e);
+			t && (N(t), E.delete(e));
+		}
+		function F() {
+			for (let e of E.values()) N(e);
+			E.clear();
+		}
+		function I(e, t) {
+			typeof window > "u" || t.expired || t.remainingMs <= 0 || t.pausedBy.size > 0 || (t.startedAt = Date.now(), t.timer = setTimeout(() => {
+				t.timer = null, t.remainingMs = 0, t.expired = !0, w("lifetime-expired", { id: e });
+			}, t.remainingMs));
+		}
+		function L(e, t) {
+			let n = {
+				configuredDurationMs: t,
+				remainingMs: t,
+				startedAt: 0,
+				timer: null,
+				pausedBy: /* @__PURE__ */ new Set(),
+				expired: !1
+			};
+			return E.set(e, n), I(e, n), n;
+		}
+		function R() {
+			if (A.value !== "viewport" || typeof window > "u") {
+				F();
+				return;
+			}
+			let e = /* @__PURE__ */ new Set();
+			for (let t of M.value) {
+				e.add(t.id);
+				let n = t.durationMs ?? 0, r = E.get(t.id);
+				if (n === 0) {
+					P(t.id);
+					continue;
+				}
+				if (!r) {
+					L(t.id, n);
+					continue;
+				}
+				r.configuredDurationMs !== n && (P(t.id), L(t.id, n));
+			}
+			for (let t of E.keys()) e.has(t) || P(t);
+		}
+		function z(e, t) {
+			let n = E.get(e);
+			if (!n || n.expired || n.pausedBy.has(t) || (n.pausedBy.add(t), n.timer === null)) return;
+			let r = Math.max(0, Date.now() - n.startedAt);
+			n.remainingMs = Math.max(0, n.remainingMs - r), N(n);
+		}
+		function B(e, t) {
+			let n = E.get(e);
+			!n || !n.pausedBy.delete(t) || n.pausedBy.size > 0 || I(e, n);
+		}
+		function V(e) {
+			w("dismiss", {
+				id: e,
+				reason: "close"
+			});
+		}
+		return y([M, A], R, { immediate: !0 }), h(F), (e, t) => (g(), d("div", m(v(T).bindings(), {
+			class: "s-toast-container s-controlled-toast-viewport",
+			"data-position": k.value,
+			role: "region",
+			"aria-label": O.value
+		}), [f(c, {
+			name: "notification-transition",
+			tag: "div",
+			class: "s-toast-transition-wrapper"
+		}, {
+			default: b(() => [(g(!0), d(s, null, _(M.value, (e) => (g(), u(r, {
+				key: e.id,
+				notification: e,
+				onDismiss: V,
+				onAction: t[0] ||= (e) => w("action", e),
+				onLifetimePause: z,
+				onLifetimeResume: B
+			}, null, 8, ["notification"]))), 128))]),
+			_: 1
+		})], 16, x));
+	}
+});
+//#endregion
+export { S as default };

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    label: string;
+    value: string;
+    helpText?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    monospace?: boolean;
+    successMessage?: string;
+    unavailableMessage?: string;
+    errorMessage?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    placeholder: string;
+    disabled: boolean;
+    helpText: string;
+    errorMessage: string;
+    monospace: boolean;
+    successMessage: string;
+    unavailableMessage: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,5 @@
+import e from "./SCopyField.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/shared/data-display/SCopyField.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,73 @@
+import { Copy as e } from "../../icons/sputnigUiIcons.js";
+import { useClipboard as t } from "../../../composables/useClipboard.js";
+import { useUiKitLocale as n } from "../../../composables/useUiKitLocale.js";
+import { useNotifier as r } from "../../../composables/useNotifier.js";
+import { useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
+import a from "../controls/SInputText.vue.js";
+import { createBlock as o, defineComponent as s, mergeProps as c, openBlock as l, unref as u } from "vue";
+//#region src/components/shared/data-display/SCopyField.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ s({
+	inheritAttrs: !1,
+	__name: "SCopyField",
+	props: {
+		label: {},
+		value: {},
+		helpText: { default: void 0 },
+		placeholder: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		monospace: {
+			type: Boolean,
+			default: !1
+		},
+		successMessage: { default: void 0 },
+		unavailableMessage: { default: void 0 },
+		errorMessage: { default: void 0 }
+	},
+	setup(s) {
+		let d = s, f = r(), { t: p } = n(), { copyText: m } = t(), h = i({
+			component: "SCopyField",
+			owner: "copy field input owner"
+		});
+		async function g() {
+			if (d.disabled || !d.value) return;
+			let e = await m(d.value);
+			if (e.status === "copied") {
+				f.success({ message: d.successMessage ?? p("clipboard.valueCopied") });
+				return;
+			}
+			f.danger({
+				title: p("clipboard.copyErrorTitle"),
+				message: e.status === "unavailable" ? d.unavailableMessage ?? p("clipboard.clipboardUnavailable") : e.status === "empty" ? p("clipboard.emptyValue") : `${d.errorMessage ?? p("clipboard.valueCopyFailed")} ${e.error.message}`
+			});
+		}
+		return (t, n) => (l(), o(a, c(u(h).bindings(), {
+			"model-value": s.value,
+			label: s.label,
+			"help-text": s.helpText,
+			placeholder: s.placeholder,
+			disabled: s.disabled,
+			monospace: s.monospace,
+			"trailing-action": {
+				label: u(p)("clipboard.copy"),
+				title: u(p)("clipboard.copy"),
+				icon: u(e),
+				disabled: s.disabled || !s.value
+			},
+			readonly: "",
+			onTrailingAction: g
+		}), null, 16, [
+			"model-value",
+			"label",
+			"help-text",
+			"placeholder",
+			"disabled",
+			"monospace",
+			"trailing-action"
+		]));
+	}
+});
+//#endregion
+export { d as default };

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

@@ -0,0 +1,36 @@
+import { SDiffResult, SDiffSource } from './diff';
+/** Presentation of canonical line operations. Split mode pairs adjacent remove/add runs by position. */
+export type SDiffViewerLayout = 'unified' | 'split';
+/** Semantic viewport sizes shared with code surfaces; fill consumes the containing block. */
+export type SDiffViewerViewport = 'content' | 'compact' | 'standard' | 'expanded' | 'fill';
+/** Public exact-text diff contract. Inputs are validated without newline or payload normalization. */
+export interface Props {
+    /** Previous exact source snapshot. */
+    before: SDiffSource;
+    /** Current exact source snapshot. */
+    after: SDiffSource;
+    layout?: SDiffViewerLayout;
+    /** Unchanged lines retained around each changed hunk. */
+    contextLines?: number;
+    /** Optional controlled set of expanded unchanged gap identities. */
+    expandedGapIds?: readonly string[];
+    viewport?: SDiffViewerViewport;
+    /** Accessible name for the diff region and its virtualized line collection. */
+    ariaLabel: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    retry: () => any;
+    computed: (result: SDiffResult) => any;
+    "update:expandedGapIds": (value: readonly string[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onRetry?: (() => any) | undefined;
+    onComputed?: ((result: SDiffResult) => any) | undefined;
+    "onUpdate:expandedGapIds"?: ((value: readonly string[]) => any) | undefined;
+}>, {
+    layout: SDiffViewerLayout;
+    viewport: SDiffViewerViewport;
+    contextLines: number;
+    expandedGapIds: readonly string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,372 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { validateBoundedInteger as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import a from "../controls/SButton.vue.js";
+import o from "./SMessage.vue.js";
+import s from "../feedback/SAsyncState.vue.js";
+import c from "./_internal/SCodeTokenLine.vue.js";
+import { validateDiffSource as l } from "./diff.js";
+import { SDiffComputationCancelledError as ee, createDiffRuntime as te } from "../../../internal/diffRuntime.js";
+import ne from "./SVirtualList.vue.js";
+import { computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as re, createVNode as m, defineComponent as h, mergeProps as ie, onBeforeUnmount as g, openBlock as _, ref as v, toDisplayString as y, unref as b, watch as ae, withCtx as x } from "vue";
+//#region src/components/shared/data-display/SDiffViewer.vue?vue&type=script&setup=true&lang.ts
+var oe = [
+	"data-layout",
+	"data-viewport",
+	"data-state",
+	"aria-label"
+], se = { class: "s-diff-viewer__header" }, ce = { class: "s-diff-viewer__sources" }, le = {
+	class: "s-diff-viewer__source",
+	"data-side": "before"
+}, ue = {
+	class: "s-diff-viewer__source",
+	"data-side": "after"
+}, de = {
+	key: 0,
+	class: "s-diff-viewer__summary"
+}, fe = {
+	key: 0,
+	class: "s-diff-viewer__split-header",
+	"aria-hidden": "true"
+}, pe = { class: "s-diff-viewer__error" }, me = { class: "s-diff-viewer__viewport" }, he = {
+	key: 0,
+	class: "s-diff-viewer__gap-row"
+}, ge = ["data-kind", "id"], _e = {
+	class: "s-diff-viewer__marker",
+	"aria-hidden": "true"
+}, ve = {
+	class: "s-diff-viewer__line-number",
+	"aria-hidden": "true"
+}, ye = {
+	class: "s-diff-viewer__line-number",
+	"aria-hidden": "true"
+}, be = { class: "s-diff-viewer__code-cell" }, xe = ["aria-label"], Se = ["id"], Ce = ["data-kind"], we = {
+	class: "s-diff-viewer__line-number",
+	"aria-hidden": "true"
+}, Te = {
+	key: 0,
+	class: "s-diff-viewer__code-cell"
+}, Ee = ["aria-label"], De = ["data-kind"], Oe = {
+	class: "s-diff-viewer__line-number",
+	"aria-hidden": "true"
+}, S = {
+	key: 0,
+	class: "s-diff-viewer__code-cell"
+}, C = ["aria-label"], w = 32, T = /*@__PURE__*/ h({
+	inheritAttrs: !1,
+	__name: "SDiffViewer",
+	props: {
+		before: {},
+		after: {},
+		layout: { default: "unified" },
+		contextLines: { default: 3 },
+		expandedGapIds: { default: void 0 },
+		viewport: { default: "standard" },
+		ariaLabel: {}
+	},
+	emits: [
+		"update:expandedGapIds",
+		"retry",
+		"computed"
+	],
+	setup(h, { emit: T }) {
+		let E = h, D = T, { t: O } = e(), ke = t({
+			component: "SDiffViewer",
+			owner: "diff viewer root"
+		}), k = te(), A = v(null), j = v("loading"), M = v(""), N = v(Object.freeze([])), P = 0, F = null, I = u(() => l("SDiffViewer", "before", E.before)), L = u(() => l("SDiffViewer", "after", E.after)), R = u(() => r("SDiffViewer", "layout", E.layout, ["unified", "split"])), Ae = u(() => r("SDiffViewer", "viewport", E.viewport, [
+			"content",
+			"compact",
+			"standard",
+			"expanded",
+			"fill"
+		])), z = u(() => n("SDiffViewer", "contextLines", E.contextLines, {
+			minimum: 0,
+			maximum: 100
+		})), B = u(() => i("SDiffViewer", "ariaLabel", E.ariaLabel)), V = u(() => I.value.label ?? O("editor.diffBefore")), H = u(() => L.value.label ?? O("editor.diffAfter"));
+		function U(e, t) {
+			if (!Array.isArray(e)) throw TypeError("SDiffViewer: expandedGapIds must be an array.");
+			let n = new Set(t?.gaps.map((e) => e.id) ?? []), r = /* @__PURE__ */ new Set();
+			return e.forEach((e, a) => {
+				let o = i("SDiffViewer", `expandedGapIds[${a}]`, e);
+				if (r.has(o)) throw TypeError(`SDiffViewer: expandedGapIds contains duplicate ${JSON.stringify(o)}.`);
+				if (t !== null && !n.has(o)) throw RangeError(`SDiffViewer: expandedGapIds[${a}] ${JSON.stringify(o)} is stale.`);
+				r.add(o);
+			}), Object.freeze([...r]);
+		}
+		let W = u(() => E.expandedGapIds === void 0 ? N.value : U(E.expandedGapIds, A.value)), je = u(() => new Set(W.value)), Me = u(() => j.value === "loading" ? {
+			status: "loading",
+			message: O("editor.diffComputing")
+		} : j.value === "empty" ? {
+			status: "empty",
+			message: O("editor.diffNoChanges")
+		} : j.value === "error" ? {
+			status: "error",
+			message: M.value
+		} : { status: "ready" });
+		function Ne(e) {
+			let t = [], n = 0;
+			for (; n < e.length;) {
+				let r = e[n];
+				if (r.kind === "unchanged") {
+					t.push({
+						kind: "split-line",
+						key: `split:${r.id}`,
+						before: r.before,
+						after: r.after,
+						beforeKind: "unchanged",
+						afterKind: "unchanged"
+					}), n += 1;
+					continue;
+				}
+				let i = [];
+				for (; n < e.length && e[n].kind !== "unchanged";) i.push(e[n]), n += 1;
+				let a = i.filter((e) => e.kind === "removed"), o = i.filter((e) => e.kind === "added"), s = Math.max(a.length, o.length);
+				for (let e = 0; e < s; e += 1) {
+					let n = a[e], r = o[e];
+					t.push({
+						kind: "split-line",
+						key: `split:${n?.id ?? "-"}:${r?.id ?? "-"}`,
+						...n?.before === void 0 ? {} : { before: n.before },
+						...r?.after === void 0 ? {} : { after: r.after },
+						beforeKind: n === void 0 ? "empty" : "removed",
+						afterKind: r === void 0 ? "empty" : "added"
+					});
+				}
+			}
+			return t;
+		}
+		function G(e, t) {
+			let n = R.value === "split" ? Ne(e) : e.map((e) => ({
+				kind: "unified-line",
+				key: `unified:${e.id}`,
+				line: e
+			}));
+			if (t === void 0 || n.length === 0) return n;
+			let [r, ...i] = n;
+			return [{
+				...r,
+				gapId: t
+			}, ...i];
+		}
+		let K = u(() => {
+			let e = A.value;
+			if (e === null || e.summary.changedLineCount === 0) return Object.freeze([]);
+			let t = [...e.hunks.map((e) => ({
+				kind: "hunk",
+				value: e
+			})), ...e.gaps.map((e) => ({
+				kind: "gap",
+				value: e
+			}))].sort((e, t) => e.value.lineStart - t.value.lineStart), n = [];
+			for (let r of t) {
+				if (r.kind === "hunk") {
+					n.push(...G(e.lines.slice(r.value.lineStart, r.value.lineEnd)));
+					continue;
+				}
+				let t = je.value.has(r.value.id);
+				n.push({
+					kind: "gap",
+					key: `gap-control:${r.value.id}`,
+					gap: r.value,
+					expanded: t
+				}), t && n.push(...G(e.lines.slice(r.value.lineStart, r.value.lineEnd), r.value.id));
+			}
+			return Object.freeze(n);
+		});
+		function q(e) {
+			let t = 0;
+			for (let n of e) {
+				if (n === "	") {
+					t += 2 - t % 2;
+					continue;
+				}
+				/\p{Mark}/u.test(n) || (t += /^[\u0000-\u007f]$/u.test(n) ? 1 : 2);
+			}
+			return t;
+		}
+		let Pe = u(() => {
+			let e = 1;
+			for (let t of A.value?.lines ?? []) t.before !== void 0 && (e = Math.max(e, q(t.before.text))), t.after !== void 0 && (e = Math.max(e, q(t.after.text)));
+			return e;
+		}), Fe = u(() => ({
+			"--s-diff-content-row-count": String(Math.max(3, Math.min(14, K.value.length + 1))),
+			"--s-diff-unified-code-inline-size": `${Pe.value}ch`
+		}));
+		function J(e) {
+			return e.key;
+		}
+		function Y(e, t, n) {
+			return e === "removed" ? O("editor.diffRemovedLine", { line: t?.lineNumber ?? "" }) : e === "added" ? O("editor.diffAddedLine", { line: n?.lineNumber ?? "" }) : O("editor.diffUnchangedLine", {
+				before: t?.lineNumber ?? "",
+				after: n?.lineNumber ?? ""
+			});
+		}
+		function Ie(e) {
+			return e.kind === "gap" ? X(e) : e.kind === "unified-line" ? Y(e.line.kind, e.line.before, e.line.after) : [e.before === void 0 ? "" : Y(e.beforeKind, e.before, void 0), e.after === void 0 ? "" : Y(e.afterKind, void 0, e.after)].filter(Boolean).join("; ");
+		}
+		function X(e) {
+			return e.expanded ? O("editor.diffCollapseGap", { count: e.gap.lineCount }) : O("editor.diffExpandGap", { count: e.gap.lineCount });
+		}
+		function Z(e) {
+			return `s-diff-${e.replace(/[^a-zA-Z0-9_-]/gu, "-")}`;
+		}
+		function Le(e) {
+			let t = new Set(W.value);
+			t.has(e) ? t.delete(e) : t.add(e);
+			let n = Object.freeze([...t]);
+			E.expandedGapIds === void 0 && (N.value = n), D("update:expandedGapIds", n);
+		}
+		function Re(e) {
+			return e === "removed" ? "−" : e === "added" ? "+" : " ";
+		}
+		function Q(e) {
+			let t = e.kind === "removed" ? e.before : e.after;
+			if (t === void 0) throw Error(`SDiffViewer: ${e.id} has no renderable side.`);
+			return t;
+		}
+		function ze(e) {
+			return e.kind === "removed" ? I.value.language : L.value.language;
+		}
+		async function $() {
+			let e = P += 1;
+			F?.abort(), F = new AbortController(), A.value = null, j.value = "loading", M.value = "";
+			try {
+				let t = await k.compute(I.value, L.value, { contextLines: z.value }, F.signal);
+				if (e !== P) return;
+				if (E.expandedGapIds !== void 0 && U(E.expandedGapIds, t), A.value = t, E.expandedGapIds === void 0) {
+					let e = new Set(t.gaps.map((e) => e.id));
+					N.value = Object.freeze(N.value.filter((t) => e.has(t)));
+				}
+				j.value = t.summary.changedLineCount === 0 ? "empty" : "ready", D("computed", t);
+			} catch (t) {
+				if (e !== P || t instanceof ee) return;
+				j.value = "error", M.value = t instanceof Error ? t.message : String(t);
+			}
+		}
+		function Be() {
+			D("retry"), $();
+		}
+		return ae([
+			I,
+			L,
+			z
+		], () => {
+			$();
+		}, { immediate: !0 }), g(() => {
+			P += 1, F?.abort(), k.dispose();
+		}), (e, t) => (_(), f("section", ie(b(ke).bindings(), {
+			class: "s-diff-viewer",
+			"data-layout": R.value,
+			"data-viewport": Ae.value,
+			"data-state": j.value,
+			"aria-label": B.value,
+			style: Fe.value
+		}), [
+			p("header", se, [p("div", ce, [
+				p("span", le, y(V.value), 1),
+				t[0] ||= p("span", {
+					class: "s-diff-viewer__direction",
+					"aria-hidden": "true"
+				}, "→", -1),
+				p("span", ue, y(H.value), 1)
+			]), A.value ? (_(), f("span", de, y(b(O)("editor.diffSummary", {
+				added: A.value.summary.addedLineCount,
+				removed: A.value.summary.removedLineCount
+			})), 1)) : d("", !0)]),
+			R.value === "split" && j.value === "ready" ? (_(), f("div", fe, [p("span", null, y(V.value), 1), p("span", null, y(H.value), 1)])) : d("", !0),
+			m(s, {
+				state: Me.value,
+				presentation: "block"
+			}, {
+				error: x(({ message: e }) => [p("div", pe, [m(o, {
+					severity: "danger",
+					size: "sm"
+				}, {
+					default: x(() => [re(y(e), 1)]),
+					_: 2
+				}, 1024), m(a, {
+					label: b(O)("actions.retry"),
+					appearance: "soft",
+					severity: "secondary",
+					size: "sm",
+					onClick: Be
+				}, null, 8, ["label"])])]),
+				default: x(() => [p("div", me, [m(ne, {
+					items: K.value,
+					"item-size": w,
+					overscan: 8,
+					height: null,
+					"item-key": J,
+					"item-label": Ie,
+					"accessible-label": B.value
+				}, {
+					default: x(({ item: e }) => [e.kind === "gap" ? (_(), f("div", he, [m(a, {
+						label: X(e),
+						disclosure: {
+							expanded: e.expanded,
+							controls: Z(e.gap.id),
+							iconPlacement: "leading"
+						},
+						appearance: "text",
+						severity: "secondary",
+						size: "xs",
+						density: "compact",
+						width: "full",
+						onClick: (t) => Le(e.gap.id)
+					}, null, 8, [
+						"label",
+						"disclosure",
+						"onClick"
+					])])) : e.kind === "unified-line" ? (_(), f("div", {
+						key: 1,
+						class: "s-diff-viewer__unified-row",
+						"data-kind": e.line.kind,
+						id: e.gapId ? Z(e.gapId) : void 0
+					}, [
+						p("span", _e, y(Re(e.line.kind)), 1),
+						p("span", ve, y(e.line.before?.lineNumber ?? ""), 1),
+						p("span", ye, y(e.line.after?.lineNumber ?? ""), 1),
+						p("span", be, [m(c, {
+							text: Q(e.line).text,
+							language: ze(e.line)
+						}, null, 8, ["text", "language"]), Q(e.line).lineBreak === "none" ? (_(), f("span", {
+							key: 0,
+							class: "s-diff-viewer__missing-break",
+							"aria-label": b(O)("editor.diffMissingLineBreak")
+						}, "∅", 8, xe)) : d("", !0)])
+					], 8, ge)) : (_(), f("div", {
+						key: 2,
+						class: "s-diff-viewer__split-row",
+						id: e.gapId ? Z(e.gapId) : void 0
+					}, [p("div", {
+						class: "s-diff-viewer__split-cell",
+						"data-kind": e.beforeKind
+					}, [p("span", we, y(e.before?.lineNumber ?? ""), 1), e.before ? (_(), f("span", Te, [m(c, {
+						text: e.before.text,
+						language: I.value.language,
+						wrap: ""
+					}, null, 8, ["text", "language"]), e.before.lineBreak === "none" ? (_(), f("span", {
+						key: 0,
+						class: "s-diff-viewer__missing-break",
+						"aria-label": b(O)("editor.diffMissingLineBreak")
+					}, "∅", 8, Ee)) : d("", !0)])) : d("", !0)], 8, Ce), p("div", {
+						class: "s-diff-viewer__split-cell",
+						"data-kind": e.afterKind
+					}, [p("span", Oe, y(e.after?.lineNumber ?? ""), 1), e.after ? (_(), f("span", S, [m(c, {
+						text: e.after.text,
+						language: L.value.language,
+						wrap: ""
+					}, null, 8, ["text", "language"]), e.after.lineBreak === "none" ? (_(), f("span", {
+						key: 0,
+						class: "s-diff-viewer__missing-break",
+						"aria-label": b(O)("editor.diffMissingLineBreak")
+					}, "∅", 8, C)) : d("", !0)])) : d("", !0)], 8, De)], 8, Se))]),
+					_: 1
+				}, 8, ["items", "accessible-label"])])]),
+				_: 1
+			}, 8, ["state"])
+		], 16, oe));
+	}
+});
+//#endregion
+export { T as default };

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

@@ -0,0 +1,34 @@
+interface Props {
+    content: string;
+    mode: 'markdown' | 'html' | 'plaintext';
+    linkPolicy?: 'open' | 'emit';
+    filename?: string;
+    showHeader?: boolean;
+    showActions?: boolean;
+    surfaceRadius?: 'default' | 'none';
+    errorMessage?: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "link-click": (args_0: {
+        href: string;
+        text: string;
+        title: string | null;
+        isExternal: boolean;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onLink-click"?: ((args_0: {
+        href: string;
+        text: string;
+        title: string | null;
+        isExternal: boolean;
+    }) => any) | undefined;
+}>, {
+    errorMessage: string;
+    surfaceRadius: "default" | "none";
+    showHeader: boolean;
+    linkPolicy: "open" | "emit";
+    filename: string;
+    showActions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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