@pgcorp/ui-kit 0.12.0 → 0.14.0

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

@@ -33,9 +33,9 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
 }>, {
     title: string;
     size: SMessageSize;
-    live: FeedbackLiveMode;
     severity: Severity;
     closable: boolean;
+    live: FeedbackLiveMode;
     dismissLabel: string;
     dismissDisabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

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

@@ -1,7 +1,7 @@
 import { X as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
-import { useUiKitLocale as t } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as r, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
+import { validateBoolean as t, validateExactString as n, validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
+import { useUiKitLocale as i } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
 import { resolveSemanticToneBinding as o } from "../../../internal/semanticTone.js";
 import { resolveFeedbackLive as s, resolveFeedbackPresentation as c } from "../../../internal/feedbackPresentation.js";
 import l from "../controls/SButton.vue.js";
@@ -49,18 +49,18 @@ var C = [
 			"polite",
 			"assertive",
 			"auto"
-		], M = ["sm", "md"], N = g, { t: P } = t(), F = k, I = n({
+		], M = ["sm", "md"], N = g, { t: P } = i(), F = k, I = a({
 			component: "SMessage",
 			owner: "message root"
-		}), L = u(() => i("SMessage", "severity", N.severity, A)), R = u(() => o("SMessage", "severity", L.value, A)), z = u(() => i("SMessage", "live", N.live, j)), B = u(() => i("SMessage", "size", N.size, M)), V = u(() => {
-			let e = r("SMessage", "closable", N.closable), t = r("SMessage", "dismissDisabled", N.dismissDisabled), n = a("SMessage", "dismissLabel", N.dismissLabel ?? P("feedback.dismissMessage"));
+		}), L = u(() => n("SMessage", "severity", N.severity, A)), R = u(() => o("SMessage", "severity", L.value, A)), z = u(() => n("SMessage", "live", N.live, j)), B = u(() => n("SMessage", "size", N.size, M)), V = u(() => {
+			let e = t("SMessage", "closable", N.closable), n = t("SMessage", "dismissDisabled", N.dismissDisabled), i = r("SMessage", "dismissLabel", N.dismissLabel ?? P("feedback.dismissMessage"));
 			if (!e) {
-				if (t || N.dismissLabel !== void 0) throw TypeError("SMessage: dismissLabel/dismissDisabled применяются только при closable=true. / SMessage: dismissLabel/dismissDisabled apply only when closable=true.");
+				if (n || N.dismissLabel !== void 0) throw TypeError("SMessage: dismissLabel/dismissDisabled применяются только при closable=true. / SMessage: dismissLabel/dismissDisabled apply only when closable=true.");
 				return;
 			}
 			return {
-				label: n,
-				disabled: t
+				label: i,
+				disabled: n
 			};
 		}), H = u(() => c(L.value, P)), U = u(() => H.value.icon), W = u(() => s(L.value, z.value));
 		function G(e) {

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

@@ -47,9 +47,9 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
     radius: InteractiveSurfaceRadius;
     icon: Component;
     tone: InteractiveSurfaceTone;
+    description: string;
     density: "compact" | "comfortable";
     badgeSeverity: BadgeSeverity;
-    description: string;
     surface: InteractiveSurfaceContract;
     padding: InteractiveSurfacePadding;
     descriptionTitle: string;

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

@@ -1,5 +1,10 @@
 export type Severity = 'primary' | 'success' | 'info' | 'warn' | 'danger' | 'neutral';
-export type ProgressBarMode = 'determinate' | 'indeterminate';
+/** Numerical progress, loading activity, or an explicitly unavailable measurement. */
+export type ProgressBarMode = 'determinate' | 'indeterminate' | 'unknown';
+/** Geometry of the shared numerical progress owner; circular is passive phrasing content. */
+export type ProgressBarShape = 'linear' | 'circular';
+/** Accuracy is explicit; estimated determinate values require descriptive valueText. */
+export type ProgressBarAccuracy = 'exact' | 'estimated';
 export type SProgressBarAccessibility = {
     readonly mode: 'decorative';
 } | {
@@ -12,24 +17,38 @@ export type SProgressBarAccessibility = {
 export interface Props {
     /** Обязательное accessible-name решение либо явный decorative режим. / Required accessible-name decision or explicit decorative mode. */
     accessibility: SProgressBarAccessibility;
+    /** Точное значение 0–100; circular determinate требует его, unknown запрещает. / Exact 0–100; required for circular determinate, forbidden for unknown. */
     value?: number;
     severity?: Severity;
+    /** Показывает число; маркеры unknown/estimated видимы независимо от него. / Shows numerals; uncertainty markers remain visible independently. */
     showValue?: boolean;
     mode?: ProgressBarMode;
+    /** Linear is the default; circular determinate requires an explicit value. */
+    shape?: ProgressBarShape;
+    accuracy?: ProgressBarAccuracy;
+    /** Accessible value description; required for unknown or estimated measurements. */
+    valueText?: string;
     size?: 'xs' | 'sm' | 'md';
 }
-declare var __VLS_1: {
+declare var __VLS_8: {
+    value: number;
+}, __VLS_10: {
     value: number;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     value: number;
     mode: ProgressBarMode;
     size: "xs" | "sm" | "md";
     severity: Severity;
+    shape: ProgressBarShape;
     showValue: boolean;
+    accuracy: ProgressBarAccuracy;
+    valueText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

@@ -1,55 +1,104 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { resolveSemanticToneBinding as t } from "../../../internal/semanticTone.js";
-import { computed as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, mergeProps as s, normalizeStyle as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, watchEffect as p } from "vue";
+import { validateBoolean as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { resolveSemanticToneBinding as n } from "../../../internal/semanticTone.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeStyle as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useSlots as v, watchEffect as y, withCtx as b } from "vue";
 //#region src/components/shared/data-display/SProgressBar.vue?vue&type=script&setup=true&lang.ts
-var m = [
-	"role",
-	"aria-label",
-	"aria-labelledby",
-	"aria-hidden",
-	"aria-valuenow",
-	"data-size",
-	"aria-valuemin",
-	"aria-valuemax"
-], h = ["data-s-tone"], g = {
+var x = {
+	class: "s-progress-bar-ring",
+	viewBox: "0 0 32 32",
+	"aria-hidden": "true",
+	focusable: "false"
+}, S = ["data-s-tone", "stroke-dashoffset"], C = {
+	key: 0,
+	class: "s-progress-bar-ring-label",
+	"aria-hidden": "true"
+}, w = ["data-s-tone"], T = {
 	key: 0,
 	class: "s-progress-bar-label"
-}, _ = ["data-s-tone"], v = /*@__PURE__*/ o({
+}, E = ["data-s-tone"], D = {
+	key: 3,
+	class: "s-progress-bar-state-label",
+	"aria-hidden": "true"
+}, O = /*@__PURE__*/ u({
 	inheritAttrs: !1,
 	__name: "SProgressBar",
 	props: {
 		accessibility: {},
-		value: { default: 0 },
+		value: { default: void 0 },
 		severity: { default: "primary" },
 		showValue: {
 			type: Boolean,
 			default: !1
 		},
 		mode: { default: "determinate" },
+		shape: { default: "linear" },
+		accuracy: { default: "exact" },
+		valueText: { default: void 0 },
 		size: { default: "md" }
 	},
-	setup(o) {
-		let v = [
+	setup(u) {
+		let O = [
 			"primary",
 			"success",
 			"info",
 			"warn",
 			"danger",
 			"neutral"
-		], y = o, b = e({
+		], k = u, A = t({
 			component: "SProgressBar",
 			owner: "progressbar root"
-		}), x = n(() => t("SProgressBar", "severity", y.severity, v));
-		return p(() => {
-			if (!Number.isFinite(y.value) || y.value < 0 || y.value > 100) throw RangeError("SProgressBar: value должен быть конечным числом от 0 до 100");
-			if (!["determinate", "indeterminate"].includes(y.mode)) throw TypeError(`SProgressBar: неизвестный mode "${String(y.mode)}"`);
-			if (x.value, ![
+		}), j = v();
+		function M() {
+			if (k.shape === "circular" && j.default) throw Error("SProgressBar: default slot разрешён только для linear shape; circular value принадлежит числовому owner");
+		}
+		function N() {
+			return M(), A.bindings();
+		}
+		let P = i(() => n("SProgressBar", "severity", k.severity, O)), F = i(() => {
+			if (k.value !== void 0 && (!Number.isFinite(k.value) || k.value < 0 || k.value > 100)) throw RangeError("SProgressBar: value должен быть конечным числом от 0 до 100");
+			if (![
+				"determinate",
+				"indeterminate",
+				"unknown"
+			].includes(k.mode)) throw TypeError(`SProgressBar: неизвестный mode "${String(k.mode)}"`);
+			if (!["linear", "circular"].includes(k.shape)) throw TypeError(`SProgressBar: неизвестный shape "${String(k.shape)}"`);
+			if (!["exact", "estimated"].includes(k.accuracy)) throw TypeError(`SProgressBar: неизвестный accuracy "${String(k.accuracy)}"`);
+			if (P.value, ![
 				"xs",
 				"sm",
 				"md"
-			].includes(y.size)) throw TypeError(`SProgressBar: неизвестный size "${String(y.size)}"`);
-			if (y.showValue && y.mode !== "determinate") throw Error("SProgressBar: showValue разрешён только в determinate mode");
-			let e = y.accessibility;
+			].includes(k.size)) throw TypeError(`SProgressBar: неизвестный size "${String(k.size)}"`);
+			if (e("SProgressBar", "showValue", k.showValue), k.showValue && k.mode === "indeterminate") throw Error("SProgressBar: showValue разрешён только в determinate mode или unknown mode");
+			if (k.valueText !== void 0 && (typeof k.valueText != "string" || k.valueText.trim().length === 0)) throw TypeError("SProgressBar: valueText должен быть непустой строкой");
+			if (k.accuracy === "estimated") {
+				if (k.mode !== "determinate") throw Error("SProgressBar: estimated accuracy разрешён только в determinate mode");
+				if (k.valueText === void 0) throw Error("SProgressBar: estimated accuracy требует непустой valueText");
+			}
+			if (k.mode === "unknown") {
+				if (k.value !== void 0) throw Error("SProgressBar: unknown mode не допускает value");
+				if (k.valueText === void 0) throw Error("SProgressBar: unknown mode требует непустой valueText");
+				return { mode: "unknown" };
+			}
+			if (k.mode === "indeterminate") return { mode: "indeterminate" };
+			if (k.value !== void 0) return {
+				mode: "determinate",
+				value: k.value
+			};
+			if (k.shape === "circular") throw Error("SProgressBar: circular determinate требует явный value");
+			return {
+				mode: "determinate",
+				value: 0
+			};
+		}), I = i(() => {
+			let e = F.value;
+			if (e.mode === "unknown") return "?";
+			if (e.mode === "indeterminate") return;
+			let t = k.accuracy === "estimated" ? "≈" : "";
+			return k.showValue ? k.shape === "circular" ? `${t}${Math.round(e.value)}` : `${t}${e.value}%` : t || void 0;
+		});
+		return y(() => {
+			F.value;
+			let e = k.accessibility;
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SProgressBar: accessibility должен быть discriminated object");
 			let t = e, n = t.mode === "label" ? ["mode", "label"] : t.mode === "labelledby" ? ["mode", "id"] : ["mode"], r = Object.keys(t).filter((e) => !n.includes(e));
 			if (r.length > 0) throw Error(`SProgressBar: accessibility.mode="${String(t.mode)}" не допускает поля ${r.join(", ")}`);
@@ -64,27 +113,64 @@ var m = [
 				}
 				throw TypeError(`SProgressBar: неизвестный accessibility.mode "${String(t.mode)}"`);
 			}
-		}), (e, t) => (l(), i("div", s(f(b).bindings(), {
-			class: ["s-progress-bar", { "s-progress-bar--indeterminate": o.mode === "indeterminate" }],
-			role: o.accessibility.mode === "decorative" ? void 0 : "progressbar",
-			"aria-label": o.accessibility.mode === "label" ? o.accessibility.label : void 0,
-			"aria-labelledby": o.accessibility.mode === "labelledby" ? o.accessibility.id : void 0,
-			"aria-hidden": o.accessibility.mode === "decorative" || void 0,
-			"aria-valuenow": o.accessibility.mode !== "decorative" && o.mode === "determinate" ? o.value : void 0,
-			"data-size": o.size,
-			"aria-valuemin": o.accessibility.mode === "decorative" ? void 0 : 0,
-			"aria-valuemax": o.accessibility.mode === "decorative" ? void 0 : 100
-		}), [o.mode === "determinate" ? (l(), i("div", {
-			key: 0,
-			"data-s-tone": x.value["data-s-tone"],
-			class: "s-progress-bar-value",
-			style: c({ width: `${o.value}%` })
-		}, [o.showValue ? (l(), i("span", g, [u(e.$slots, "default", { value: o.value }, () => [a(d(o.value) + "%", 1)], !0)])) : r("", !0)], 12, h)) : (l(), i("div", {
-			key: 1,
-			"data-s-tone": x.value["data-s-tone"],
-			class: "s-progress-bar-value--indeterminate"
-		}, null, 8, _))], 16, m));
+		}), (e, t) => (p(), a(h(u.shape === "circular" ? "span" : "div"), d(N(), {
+			class: ["s-progress-bar", { "s-progress-bar--indeterminate": u.mode === "indeterminate" }],
+			role: u.accessibility.mode === "decorative" ? void 0 : "progressbar",
+			"aria-label": u.accessibility.mode === "label" ? u.accessibility.label : void 0,
+			"aria-labelledby": u.accessibility.mode === "labelledby" ? u.accessibility.id : void 0,
+			"aria-hidden": u.accessibility.mode === "decorative" || void 0,
+			"aria-valuenow": u.accessibility.mode !== "decorative" && F.value.mode === "determinate" ? F.value.value : void 0,
+			"aria-valuetext": u.accessibility.mode === "decorative" ? void 0 : u.valueText,
+			"data-shape": u.shape,
+			"data-mode": u.mode,
+			"data-accuracy": u.accuracy,
+			"data-size": u.size,
+			"aria-valuemin": u.accessibility.mode === "decorative" ? void 0 : 0,
+			"aria-valuemax": u.accessibility.mode === "decorative" ? void 0 : 100
+		}), {
+			default: b(() => [u.shape === "circular" ? (p(), s(r, { key: 0 }, [(p(), s("svg", x, [t[0] ||= c("circle", {
+				class: "s-progress-bar-ring-track",
+				cx: "16",
+				cy: "16",
+				r: "15"
+			}, null, -1), F.value.mode === "unknown" ? o("", !0) : (p(), s("circle", {
+				key: 0,
+				class: "s-progress-bar-ring-value",
+				"data-s-tone": P.value["data-s-tone"],
+				cx: "16",
+				cy: "16",
+				r: "15",
+				pathLength: "100",
+				"stroke-dasharray": "100",
+				"stroke-dashoffset": F.value.mode === "determinate" ? 100 - F.value.value : 75,
+				transform: "rotate(-90 16 16)"
+			}, null, 8, S))])), I.value === void 0 ? o("", !0) : (p(), s("span", C, g(I.value), 1))], 64)) : F.value.mode === "determinate" ? (p(), s("div", {
+				key: 1,
+				"data-s-tone": P.value["data-s-tone"],
+				class: "s-progress-bar-value",
+				style: f({ width: `${F.value.value}%` })
+			}, [u.showValue && u.accuracy === "exact" ? (p(), s("span", T, [m(e.$slots, "default", { value: F.value.value }, () => [l(g(I.value), 1)], !0)])) : o("", !0)], 12, w)) : F.value.mode === "indeterminate" ? (p(), s("div", {
+				key: 2,
+				"data-s-tone": P.value["data-s-tone"],
+				class: "s-progress-bar-value--indeterminate"
+			}, null, 8, E)) : o("", !0), u.shape === "linear" && (F.value.mode === "unknown" || u.accuracy === "estimated") ? (p(), s("span", D, [F.value.mode === "determinate" && u.showValue ? (p(), s(r, { key: 0 }, [_(j).default ? (p(), s(r, { key: 0 }, [l("≈")], 64)) : o("", !0), m(e.$slots, "default", { value: F.value.value }, () => [l(g(I.value), 1)], !0)], 64)) : (p(), s(r, { key: 1 }, [l(g(I.value), 1)], 64))])) : o("", !0)]),
+			_: 3
+		}, 16, [
+			"class",
+			"role",
+			"aria-label",
+			"aria-labelledby",
+			"aria-hidden",
+			"aria-valuenow",
+			"aria-valuetext",
+			"data-shape",
+			"data-mode",
+			"data-accuracy",
+			"data-size",
+			"aria-valuemin",
+			"aria-valuemax"
+		]));
 	}
 });
 //#endregion
-export { v as default };
+export { O as default };

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as t } from "../../../internal/runtimeContract.js";
+import { validateBoolean as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
 import { resolveSemanticToneBinding as n } from "../../../internal/semanticTone.js";
 import { resolveFeedbackIndicator as r, resolveFeedbackLive as i } from "../../../internal/feedbackPresentation.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, mergeProps as u, openBlock as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, watchEffect as h } from "vue";
@@ -37,10 +37,10 @@ var g = [
 			"success",
 			"warn",
 			"danger"
-		], y = l, b = e({
+		], y = l, b = t({
 			component: "SProgressIndicator",
 			owner: "progress indicator root"
-		}), x = a(() => n("SProgressIndicator", "tone", y.tone, v)), S = r("progress"), C = a(() => t("SProgressIndicator", "showLabel", y.showLabel)), w = a(() => y.tone === "current" ? "info" : y.tone), T = a(() => y.accessibility.mode === "status" ? y.accessibility.label : void 0), E = a(() => y.accessibility.mode === "status" ? i(w.value, y.accessibility.live ?? "auto") : {});
+		}), x = a(() => n("SProgressIndicator", "tone", y.tone, v)), S = r("progress"), C = a(() => e("SProgressIndicator", "showLabel", y.showLabel)), w = a(() => y.tone === "current" ? "info" : y.tone), T = a(() => y.accessibility.mode === "status" ? y.accessibility.label : void 0), E = a(() => y.accessibility.mode === "status" ? i(w.value, y.accessibility.live ?? "auto") : {});
 		return h(() => {
 			let e = y.accessibility;
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SProgressIndicator: accessibility должен быть discriminated object");

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

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

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

@@ -1,10 +1,12 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
-import n from "./_internal/SRichBlockNode.vue.js";
-import { validateRichDocumentModel as r } from "./richDocument.js";
-import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, mergeProps as l, openBlock as u, renderList as d, unref as f, useId as p } from "vue";
+import { validateNonEmptyString as e } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
+import { createRichDocumentNavigation as n, richDocumentNavigationKey as r, richDocumentScope as i, richReferenceIdentity as a, richTargetKey as o } from "./_internal/richDocumentNavigation.js";
+import { visitRichDocumentNodes as s } from "./_internal/richDocumentTraversal.js";
+import c from "./_internal/SRichBlockNode.vue.js";
+import { validateRichDocumentModel as l } from "./richDocument.js";
+import { Fragment as u, computed as d, createBlock as f, createElementBlock as p, defineComponent as m, mergeProps as h, onBeforeUnmount as g, openBlock as _, provide as v, ref as y, renderList as b, unref as x, useId as S } from "vue";
 //#region src/components/shared/data-display/SRichDocument.vue?vue&type=script&setup=true&lang.ts
-var m = ["aria-label", "data-document-id"], h = /*@__PURE__*/ c({
+var C = ["aria-label", "data-document-id"], w = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "SRichDocument",
 	props: {
@@ -17,32 +19,53 @@ var m = ["aria-label", "data-document-id"], h = /*@__PURE__*/ c({
 		"resource-activate",
 		"action"
 	],
-	setup(c, { emit: h }) {
-		let g = c, _ = h, v = e({
+	setup(m, { emit: w }) {
+		let T = m, E = w, D = t({
 			component: "SRichDocument",
 			owner: "safe rich document root"
-		}), y = `s-rich-document-${p().replace(/[^A-Za-z0-9_-]/gu, "-")}`, b = a(() => t("SRichDocument", "accessibleLabel", g.accessibleLabel)), x = a(() => r(g.document, g.resources));
-		return (e, t) => (u(), s("article", l(f(v).bindings(), {
+		}), O = i(S()), k = d(() => e("SRichDocument", "accessibleLabel", T.accessibleLabel)), A = d(() => l(T.document, T.resources)), j = y(null), M = d(() => {
+			let e = /* @__PURE__ */ new Map();
+			return s(A.value.document, (t) => {
+				"anchorId" in t && t.anchorId !== void 0 && (t.type === "footnoteDefinition" && e.set(o("footnote", t.id), {
+					kind: "anchor",
+					identity: t.anchorId
+				}), t.type === "footnoteReference" && e.set(o("reference", a(t.id, t.occurrenceId)), {
+					kind: "anchor",
+					identity: t.anchorId
+				}));
+			}), e;
+		}), N = n(O, () => {
+			if (!j.value) throw Error("SRichDocument: document root is unavailable");
+			return j.value;
+		}, (e, t) => M.value.get(o(e, t)) ?? {
+			kind: e,
+			identity: t
+		});
+		return v(r, N), g(N.dispose), (e, t) => (_(), p("article", h({
+			ref_key: "rootElement",
+			ref: j
+		}, x(D).bindings(), {
 			class: "s-rich-document",
-			"aria-label": b.value,
-			"data-document-id": x.value.document.id
-		}), [(u(!0), s(i, null, d(x.value.document.nodes, (e, r) => (u(), o(n, {
-			key: r,
+			"aria-label": k.value,
+			"data-document-id": A.value.document.id
+		}), [(_(!0), p(u, null, b(A.value.document.nodes, (e, n) => (_(), f(c, {
+			key: n,
 			node: e,
-			resources: x.value.resources,
-			"document-id": x.value.document.id,
-			"footnote-scope": y,
-			path: `document.nodes[${r}]`,
-			onLinkActivate: t[0] ||= (e) => _("link-activate", e),
-			onResourceActivate: t[1] ||= (e) => _("resource-activate", e),
-			onAction: t[2] ||= (e) => _("action", e)
+			resources: A.value.resources,
+			"document-id": A.value.document.id,
+			"footnote-scope": x(O),
+			path: `document.nodes[${n}]`,
+			onLinkActivate: t[0] ||= (e) => E("link-activate", e),
+			onResourceActivate: t[1] ||= (e) => E("resource-activate", e),
+			onAction: t[2] ||= (e) => E("action", e)
 		}, null, 8, [
 			"node",
 			"resources",
 			"document-id",
+			"footnote-scope",
 			"path"
-		]))), 128))], 16, m));
+		]))), 128))], 16, C));
 	}
 });
 //#endregion
-export { h as default };
+export { w as default };

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as t, validateBoundedNumber as n, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import { validateBoolean as e, validateBoundedNumber as t, validateExactString as n, validateNonEmptyString as r } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as i } from "../../../internal/ownedAttrs.js";
 import { useInteractiveLeafRegistration as a } from "../../../internal/passiveContentContract.js";
 import { validateScrollViewportBlockSize as o } from "../../../internal/semanticSizing.js";
 import { computed as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, nextTick as f, onBeforeUnmount as p, onMounted as m, openBlock as h, renderSlot as g, shallowRef as _, unref as v, watch as y } from "vue";
@@ -35,23 +35,23 @@ var b = [
 	},
 	emits: ["scroll-state"],
 	setup(u, { expose: x, emit: S }) {
-		let C = u, w = S, T = _(null), E = _(null), D = _(null), O = e({
+		let C = u, w = S, T = _(null), E = _(null), D = _(null), O = i({
 			component: "SScrollViewport",
 			owner: "scroll viewport region"
 		}), k = null, A = "", j = null, M = s(() => {
-			let e = t("SScrollViewport", "focusable", C.focusable), n = t("SScrollViewport", "keyboardNavigation", C.keyboardNavigation);
-			if (n && !e) throw Error("SScrollViewport: keyboardNavigation=true требует focusable=true. / SScrollViewport: keyboardNavigation=true requires focusable=true.");
+			let t = e("SScrollViewport", "focusable", C.focusable), i = e("SScrollViewport", "keyboardNavigation", C.keyboardNavigation);
+			if (i && !t) throw Error("SScrollViewport: keyboardNavigation=true требует focusable=true. / SScrollViewport: keyboardNavigation=true requires focusable=true.");
 			return {
-				accessibleLabel: i("SScrollViewport", "accessibleLabel", C.accessibleLabel),
-				axis: r("SScrollViewport", "axis", C.axis, [
+				accessibleLabel: r("SScrollViewport", "accessibleLabel", C.accessibleLabel),
+				axis: n("SScrollViewport", "axis", C.axis, [
 					"x",
 					"y",
 					"both"
 				]),
 				blockSize: o("SScrollViewport", "blockSize", C.blockSize),
-				focusable: e,
-				keyboardNavigation: n,
-				overscrollBehavior: r("SScrollViewport", "overscrollBehavior", C.overscrollBehavior, [
+				focusable: t,
+				keyboardNavigation: i,
+				overscrollBehavior: n("SScrollViewport", "overscrollBehavior", C.overscrollBehavior, [
 					"auto",
 					"contain",
 					"none"
@@ -140,9 +140,9 @@ var b = [
 			B("focus()").focus();
 		}
 		function W(e, t) {
-			let n = r("SScrollViewport", "scrollToBoundary.axis", e, ["x", "y"]), i = r("SScrollViewport", "scrollToBoundary.boundary", t, ["start", "end"]);
-			H(n, "scrollToBoundary()");
-			let a = B("scrollToBoundary()"), o = R(a).physical, s = n === "x" ? i === "start" ? 0 : o.maxX : o.x, c = n === "y" ? i === "start" ? 0 : o.maxY : o.y;
+			let r = n("SScrollViewport", "scrollToBoundary.axis", e, ["x", "y"]), i = n("SScrollViewport", "scrollToBoundary.boundary", t, ["start", "end"]);
+			H(r, "scrollToBoundary()");
+			let a = B("scrollToBoundary()"), o = R(a).physical, s = r === "x" ? i === "start" ? 0 : o.maxX : o.x, c = r === "y" ? i === "start" ? 0 : o.maxY : o.y;
 			a.scrollTo({
 				left: I(a, s, o.maxX),
 				top: c,
@@ -153,15 +153,15 @@ var b = [
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SScrollViewport: reveal.options должен быть объектом. / SScrollViewport: reveal.options must be an object.");
 			if (e.x === void 0 && e.y === void 0) throw Error("SScrollViewport: reveal() требует x и/или y. / SScrollViewport: reveal() requires x and/or y.");
 			e.x !== void 0 && H("x", "reveal()"), e.y !== void 0 && H("y", "reveal()");
-			let t = B("reveal()"), i = R(t).physical, a = e.x === void 0 ? i.x : n("SScrollViewport", "reveal.x", e.x, {
+			let r = B("reveal()"), i = R(r).physical, a = e.x === void 0 ? i.x : t("SScrollViewport", "reveal.x", e.x, {
 				minimum: 0,
 				maximum: 2 ** 53 - 1
-			}), o = e.y === void 0 ? i.y : n("SScrollViewport", "reveal.y", e.y, {
+			}), o = e.y === void 0 ? i.y : t("SScrollViewport", "reveal.y", e.y, {
 				minimum: 0,
 				maximum: 2 ** 53 - 1
-			}), s = r("SScrollViewport", "reveal.behavior", e.behavior ?? "auto", ["auto", "smooth"]);
-			t.scrollTo({
-				left: I(t, a, i.maxX),
+			}), s = n("SScrollViewport", "reveal.behavior", e.behavior ?? "auto", ["auto", "smooth"]);
+			r.scrollTo({
+				left: I(r, a, i.maxX),
 				top: N(o, i.maxY),
 				behavior: s
 			}), z();

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

@@ -20,8 +20,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     meta: string | null;
     size: "sm" | "md";
-    variant: "default" | "display";
     description: string | null;
+    variant: "default" | "display";
     padding: "none" | "sm" | "md";
     trailingLayout: "responsive" | "inline" | "stacked";
     divider: boolean;

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateExactString as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import { validateExactString as e, validateNonEmptyString as t } from "../../../internal/runtimeContract.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
 import { resolveSemanticToneBinding as r } from "../../../internal/semanticTone.js";
 import { resolveFeedbackLive as i, resolveFeedbackPresentation as a } from "../../../internal/feedbackPresentation.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, defineComponent as d, markRaw as f, mergeProps as p, openBlock as m, resolveDynamicComponent as h, toDisplayString as g, toRaw as _, unref as v } from "vue";
@@ -41,10 +41,10 @@ var y = [
 			"success",
 			"warn",
 			"danger"
-		], C = d, w = o(() => a(C.tone).icon), T = e({
+		], C = d, w = o(() => a(C.tone).icon), T = n({
 			component: "SStatus",
 			owner: "status root"
-		}), E = o(() => r("SStatus", "tone", C.tone, S)), D = o(() => t("SStatus", "visibility", C.visibility, ["visible", "assistive"])), O = o(() => C.ariaLabel === void 0 ? void 0 : n("SStatus", "ariaLabel", C.ariaLabel)), k = o(() => i(C.tone, C.live)), A = o(() => C.icon === null ? null : f(_(C.icon ?? w.value)));
+		}), E = o(() => r("SStatus", "tone", C.tone, S)), D = o(() => e("SStatus", "visibility", C.visibility, ["visible", "assistive"])), O = o(() => C.ariaLabel === void 0 ? void 0 : t("SStatus", "ariaLabel", C.ariaLabel)), k = o(() => i(C.tone, C.live)), A = o(() => C.icon === null ? null : f(_(C.icon ?? w.value)));
 		return (e, t) => (m(), l("span", p(v(T).bindings(), {
 			"data-s-tone": E.value["data-s-tone"],
 			class: "s-status",

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

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