@pgcorp/ui-kit 0.10.0 → 0.10.2

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

@@ -0,0 +1,107 @@
+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 { 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";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as _, openBlock as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, unref as S } from "vue";
+//#region src/components/shared/data-display/SMessage.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"data-s-tone",
+	"data-size",
+	"role",
+	"aria-live",
+	"aria-atomic"
+], w = { class: "s-message-icon" }, T = { class: "s-message-content" }, E = {
+	key: 0,
+	class: "s-message-title"
+}, D = { class: "s-message-body" }, O = {
+	key: 0,
+	class: "s-message-close"
+}, k = /*@__PURE__*/ g({
+	inheritAttrs: !1,
+	__name: "SMessage",
+	props: {
+		severity: { default: "info" },
+		title: { default: void 0 },
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		dismissLabel: { default: void 0 },
+		dismissDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		live: { default: "off" },
+		size: { default: "md" }
+	},
+	emits: ["dismiss"],
+	setup(g, { emit: k }) {
+		let A = [
+			"info",
+			"success",
+			"warn",
+			"danger"
+		], j = [
+			"off",
+			"polite",
+			"assertive",
+			"auto"
+		], M = ["sm", "md"], N = g, { t: P } = t(), F = k, I = n({
+			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"));
+			if (!e) {
+				if (t || 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
+			};
+		}), H = u(() => c(L.value, P)), U = u(() => H.value.icon), W = u(() => s(L.value, z.value));
+		function G(e) {
+			F("dismiss", {
+				source: "close-button",
+				nativeEvent: e
+			});
+		}
+		return (t, n) => (v(), p("div", _(S(I).bindings(), {
+			"data-s-tone": R.value["data-s-tone"],
+			class: "s-message",
+			"data-size": B.value,
+			role: W.value.role,
+			"aria-live": W.value.ariaLive,
+			"aria-atomic": W.value.ariaAtomic
+		}), [
+			m("div", w, [(v(), d(b(U.value), {
+				class: "s-message-icon-graphic",
+				"aria-hidden": "true"
+			}))]),
+			m("div", T, [g.title ? (v(), p("span", E, x(g.title), 1)) : f("", !0), m("div", D, [y(t.$slots, "default", {}, void 0, !0)])]),
+			V.value ? (v(), p("div", O, [h(l, {
+				label: "",
+				size: "sm",
+				appearance: "ghost",
+				severity: "secondary",
+				shape: "circle",
+				"icon-only": "",
+				"leading-icon": S(e),
+				title: V.value.label,
+				"aria-label": V.value.label,
+				disabled: V.value.disabled,
+				onClick: G
+			}, null, 8, [
+				"leading-icon",
+				"title",
+				"aria-label",
+				"disabled"
+			])])) : f("", !0)
+		], 16, C));
+	}
+});
+//#endregion
+export { k as default };

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

@@ -0,0 +1,72 @@
+import { Component } from 'vue';
+import { InteractiveSurfaceContract, InteractiveSurfacePadding, InteractiveSurfaceRadius, InteractiveSurfaceTone } from '../controls/SInteractiveSurface.vue';
+import { BadgeSeverity } from './SBadge.vue';
+export type MetricOverflow = 'wrap' | 'clamp-2' | 'truncate';
+export type MetricValueSize = 'md' | 'lg' | 'xl';
+export interface Props {
+    title: string;
+    value?: string | number;
+    description?: string;
+    descriptionTitle?: string;
+    icon?: Component;
+    centered?: boolean;
+    density?: 'compact' | 'comfortable';
+    tone?: InteractiveSurfaceTone;
+    surface?: InteractiveSurfaceContract;
+    selected?: boolean;
+    fill?: boolean;
+    padding?: InteractiveSurfacePadding;
+    radius?: InteractiveSurfaceRadius;
+    valueSize?: MetricValueSize;
+    valueOverflow?: MetricOverflow;
+    descriptionOverflow?: MetricOverflow;
+    badgeLabel?: string;
+    badgeSeverity?: BadgeSeverity;
+    progressValue?: number | null;
+    progressLabel?: string;
+    progressSeverity?: 'primary' | 'success' | 'info' | 'warn' | 'danger' | 'neutral';
+}
+declare var __VLS_10: {}, __VLS_28: {}, __VLS_30: {}, __VLS_33: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_10) => any;
+} & {
+    chart?: (props: typeof __VLS_28) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+} & {
+    actions?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    activate: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onActivate?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    selected: boolean;
+    fill: boolean;
+    value: string | number;
+    radius: InteractiveSurfaceRadius;
+    icon: Component;
+    tone: InteractiveSurfaceTone;
+    density: "compact" | "comfortable";
+    badgeSeverity: BadgeSeverity;
+    description: string;
+    surface: InteractiveSurfaceContract;
+    padding: InteractiveSurfacePadding;
+    descriptionTitle: string;
+    centered: boolean;
+    valueSize: MetricValueSize;
+    valueOverflow: MetricOverflow;
+    descriptionOverflow: MetricOverflow;
+    badgeLabel: string;
+    progressValue: number | null;
+    progressLabel: string;
+    progressSeverity: "primary" | "success" | "info" | "warn" | "danger" | "neutral";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,128 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import t from "./SBadge.vue.js";
+import n from "./SProgressBar.vue.js";
+import r from "./SActionCard.vue.js";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, watchEffect as y, withCtx as b } from "vue";
+//#region src/components/shared/data-display/SMetricCard.vue?vue&type=script&setup=true&lang.ts
+var x = ["data-centered"], S = {
+	key: 0,
+	class: "s-metric-card__icon",
+	"aria-hidden": "true"
+}, C = { class: "s-metric-card__body" }, w = { class: "s-metric-card__heading" }, T = { class: "s-metric-card__title" }, E = ["data-size", "data-overflow"], D = ["data-overflow", "title"], O = {
+	key: 1,
+	class: "s-metric-card__progress"
+}, k = { class: "s-metric-card__progress-label" }, A = {
+	key: 2,
+	class: "s-metric-card__chart"
+}, j = /*@__PURE__*/ f({
+	inheritAttrs: !1,
+	__name: "SMetricCard",
+	props: {
+		title: {},
+		value: { default: void 0 },
+		description: { default: void 0 },
+		descriptionTitle: { default: void 0 },
+		icon: { default: void 0 },
+		centered: {
+			type: Boolean,
+			default: !1
+		},
+		density: { default: "comfortable" },
+		tone: { default: "default" },
+		surface: { default: void 0 },
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		fill: {
+			type: Boolean,
+			default: !1
+		},
+		padding: { default: void 0 },
+		radius: { default: "xl" },
+		valueSize: { default: void 0 },
+		valueOverflow: { default: "wrap" },
+		descriptionOverflow: { default: "wrap" },
+		badgeLabel: { default: void 0 },
+		badgeSeverity: { default: "secondary" },
+		progressValue: { default: null },
+		progressLabel: { default: void 0 },
+		progressSeverity: { default: "primary" }
+	},
+	emits: ["activate"],
+	setup(f, { emit: j }) {
+		let M = f, N = j, P = e({
+			component: "SMetricCard",
+			owner: "metric card surface"
+		}), F = i(() => M.progressValue), I = i(() => M.progressLabel ?? `${M.progressValue}%`), L = i(() => ({
+			mode: "label",
+			label: `${M.title}: ${I.value}`
+		})), R = i(() => M.valueSize ?? (M.density === "compact" ? "md" : "xl")), z = i(() => M.surface ?? { mode: "static" }), B = i(() => M.padding ?? (M.density === "compact" ? "sm" : "md"));
+		return y(() => {
+			if (M.progressValue !== null && (!Number.isFinite(M.progressValue) || M.progressValue < 0 || M.progressValue > 100)) throw RangeError("SMetricCard: progressValue должен быть конечным числом от 0 до 100");
+		}), (e, i) => (m(), a(r, p(v(P).bindings(), {
+			surface: z.value,
+			selected: f.selected,
+			tone: f.tone,
+			density: f.density,
+			padding: B.value,
+			radius: f.radius,
+			fill: f.fill ? "container" : "content",
+			onActivate: i[0] ||= (e) => N("activate", e)
+		}), l({
+			default: b(() => [c("div", {
+				class: "s-metric-card__layout",
+				"data-centered": f.centered || void 0
+			}, [
+				f.icon || e.$slots.icon ? (m(), s("div", S, [h(e.$slots, "icon", {}, () => [(m(), a(g(f.icon), { class: "s-metric-card__icon-glyph" }))], !0)])) : o("", !0),
+				c("div", C, [
+					c("div", w, [c("div", T, _(f.title), 1), f.badgeLabel ? (m(), a(t, {
+						key: 0,
+						severity: f.badgeSeverity
+					}, {
+						default: b(() => [u(_(f.badgeLabel), 1)]),
+						_: 1
+					}, 8, ["severity"])) : o("", !0)]),
+					f.value === void 0 ? o("", !0) : (m(), s("div", {
+						key: 0,
+						class: "s-metric-card__value",
+						"data-size": R.value,
+						"data-overflow": f.valueOverflow
+					}, _(f.value), 9, E)),
+					f.description ? (m(), s("div", {
+						key: 1,
+						class: "s-metric-card__description",
+						"data-overflow": f.descriptionOverflow,
+						title: f.descriptionTitle
+					}, _(f.description), 9, D)) : o("", !0)
+				]),
+				F.value === null ? o("", !0) : (m(), s("div", O, [d(n, {
+					accessibility: L.value,
+					value: F.value,
+					severity: f.progressSeverity
+				}, null, 8, [
+					"accessibility",
+					"value",
+					"severity"
+				]), c("div", k, _(I.value), 1)])),
+				e.$slots.chart ? (m(), s("div", A, [h(e.$slots, "chart", {}, void 0, !0)])) : o("", !0),
+				h(e.$slots, "default", {}, void 0, !0)
+			], 8, x)]),
+			_: 2
+		}, [e.$slots.actions ? {
+			name: "actions",
+			fn: b(() => [h(e.$slots, "actions", {}, void 0, !0)]),
+			key: "0"
+		} : void 0]), 1040, [
+			"surface",
+			"selected",
+			"tone",
+			"density",
+			"padding",
+			"radius",
+			"fill"
+		]));
+	}
+});
+//#endregion
+export { j as default };

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

@@ -0,0 +1,41 @@
+export type Severity = 'primary' | 'success' | 'info' | 'warn' | 'danger' | 'neutral';
+export type ProgressBarMode = 'determinate' | 'indeterminate';
+export type SProgressBarAccessibility = {
+    readonly mode: 'decorative';
+} | {
+    readonly mode: 'label';
+    readonly label: string;
+} | {
+    readonly mode: 'labelledby';
+    readonly id: string;
+};
+export interface Props {
+    /** Обязательное accessible-name решение либо явный decorative режим. / Required accessible-name decision or explicit decorative mode. */
+    accessibility: SProgressBarAccessibility;
+    value?: number;
+    severity?: Severity;
+    showValue?: boolean;
+    mode?: ProgressBarMode;
+    size?: 'xs' | 'sm' | 'md';
+}
+declare var __VLS_1: {
+    value: number;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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;
+    showValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/data-display/SProgressBar.css_vue_type_style_index_0_src_9308293a_scoped_9308293a_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"]]);
+//#endregion
+export { n as default };

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

@@ -0,0 +1,90 @@
+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";
+//#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 = {
+	key: 0,
+	class: "s-progress-bar-label"
+}, _ = ["data-s-tone"], v = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "SProgressBar",
+	props: {
+		accessibility: {},
+		value: { default: 0 },
+		severity: { default: "primary" },
+		showValue: {
+			type: Boolean,
+			default: !1
+		},
+		mode: { default: "determinate" },
+		size: { default: "md" }
+	},
+	setup(o) {
+		let v = [
+			"primary",
+			"success",
+			"info",
+			"warn",
+			"danger",
+			"neutral"
+		], y = o, b = e({
+			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, ![
+				"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;
+			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(", ")}`);
+			if (t.mode !== "decorative") {
+				if (t.mode === "label") {
+					if (typeof t.label != "string" || t.label.trim().length === 0) throw TypeError("SProgressBar: accessibility.label должен быть непустой строкой");
+					return;
+				}
+				if (t.mode === "labelledby") {
+					if (typeof t.id != "string" || t.id.trim().length === 0 || /\s/u.test(t.id)) throw TypeError("SProgressBar: accessibility.id должен быть одним непустым DOM id");
+					return;
+				}
+				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));
+	}
+});
+//#endregion
+export { v as default };

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

@@ -0,0 +1,28 @@
+import { FeedbackLiveMode } from '../../../internal/feedbackPresentation';
+export type SProgressIndicatorSize = 'xs' | 'sm' | 'md' | 'lg';
+export type SProgressIndicatorTone = 'current' | 'neutral' | 'info' | 'success' | 'warn' | 'danger';
+/**
+ * Декоративный progress принадлежит labelled parent; standalone status требует собственного имени.
+ * Decorative progress belongs to a labelled parent; a standalone status requires its own name.
+ */
+export type SProgressIndicatorAccessibility = {
+    readonly mode: 'decorative';
+} | {
+    readonly mode: 'status';
+    readonly label: string;
+    readonly live?: Exclude<FeedbackLiveMode, 'off'>;
+};
+export interface Props {
+    accessibility: SProgressIndicatorAccessibility;
+    size?: SProgressIndicatorSize;
+    tone?: SProgressIndicatorTone;
+    /** Показывает status label рядом с индикатором. / Shows the status label next to the indicator. */
+    showLabel?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: SProgressIndicatorSize;
+    tone: SProgressIndicatorTone;
+    showLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,84 @@
+import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as t } from "../../../internal/runtimeContract.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";
+//#region src/components/shared/data-display/SProgressIndicator.vue?vue&type=script&setup=true&lang.ts
+var g = [
+	"data-s-tone",
+	"data-size",
+	"data-motion",
+	"data-show-label",
+	"role",
+	"aria-live",
+	"aria-atomic",
+	"aria-label",
+	"aria-hidden"
+], _ = {
+	key: 0,
+	class: "s-progress-indicator__label"
+}, v = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "SProgressIndicator",
+	props: {
+		accessibility: {},
+		size: { default: "sm" },
+		tone: { default: "current" },
+		showLabel: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(l) {
+		let v = [
+			"current",
+			"neutral",
+			"info",
+			"success",
+			"warn",
+			"danger"
+		], y = l, b = e({
+			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") : {});
+		return h(() => {
+			let e = y.accessibility;
+			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SProgressIndicator: accessibility должен быть discriminated object");
+			let t = e;
+			if (C.value && t.mode === "decorative") throw Error("SProgressIndicator: showLabel требует accessibility.mode=\"status\" / showLabel requires accessibility.mode=\"status\"");
+			let n = t.mode === "decorative" ? ["mode"] : [
+				"mode",
+				"label",
+				"live"
+			], r = Object.keys(t).filter((e) => !n.includes(e));
+			if (r.length > 0) throw Error(`SProgressIndicator: accessibility.mode="${String(t.mode)}" не допускает поля ${r.join(", ")}`);
+			if (t.mode !== "decorative") {
+				if (t.mode !== "status") throw TypeError(`SProgressIndicator: неизвестный accessibility.mode "${String(t.mode)}"`);
+				if (typeof t.label != "string" || t.label.trim().length === 0) throw TypeError("SProgressIndicator: accessibility.label должен быть непустой строкой для mode=\"status\"");
+				if (t.live !== void 0 && ![
+					"auto",
+					"polite",
+					"assertive"
+				].includes(String(t.live))) throw TypeError(`SProgressIndicator: accessibility.live имеет недопустимое значение "${String(t.live)}"`);
+			}
+		}), (e, t) => (d(), c("span", u(m(b).bindings(), {
+			"data-s-tone": x.value["data-s-tone"],
+			class: "s-progress-indicator",
+			"data-size": l.size,
+			"data-motion": m(S).motion,
+			"data-show-label": C.value || void 0,
+			role: E.value.role,
+			"aria-live": E.value.ariaLive,
+			"aria-atomic": E.value.ariaAtomic,
+			"aria-label": T.value,
+			"aria-hidden": l.accessibility.mode === "decorative" || void 0
+		}), [(d(), o(f(m(S).icon), {
+			class: "s-progress-indicator__graphic",
+			"data-sputnig-ui-icon": m(S).iconName,
+			"data-sputnig-ui-icon-color-mode": "auto",
+			"data-sputnig-ui-icon-set": "classic"
+		}, null, 8, ["data-sputnig-ui-icon"])), C.value && l.accessibility.mode === "status" ? (d(), c("span", _, p(l.accessibility.label), 1)) : s("", !0)], 16, g));
+	}
+});
+//#endregion
+export { v as default };

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

@@ -0,0 +1,20 @@
+import { SRichDocumentActionIntent, SRichDocumentLinkActivate, SRichDocumentResource, SRichDocumentResourceActivate, SRichDocumentV1 } from './richDocument';
+/** Safe renderer input. The document and resources are validated before any node reaches the DOM. */
+export interface Props {
+    document: SRichDocumentV1;
+    resources?: readonly SRichDocumentResource[];
+    accessibleLabel: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<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<Props> & Readonly<{
+    onAction?: ((payload: SRichDocumentActionIntent) => any) | undefined;
+    "onLink-activate"?: ((payload: SRichDocumentLinkActivate) => any) | undefined;
+    "onResource-activate"?: ((payload: SRichDocumentResourceActivate) => any) | undefined;
+}>, {
+    resources: readonly SRichDocumentResource[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,8 @@
+import "../../../../assets/src/components/shared/data-display/SRichDocument.css_vue_type_style_index_0_src_d1afafc5_scoped_d1afafc5_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"]]);
+//#endregion
+export { n as default };

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

@@ -0,0 +1,48 @@
+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";
+//#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({
+	inheritAttrs: !1,
+	__name: "SRichDocument",
+	props: {
+		document: {},
+		resources: { default: () => [] },
+		accessibleLabel: {}
+	},
+	emits: [
+		"link-activate",
+		"resource-activate",
+		"action"
+	],
+	setup(c, { emit: h }) {
+		let g = c, _ = h, v = e({
+			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(), {
+			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,
+			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)
+		}, null, 8, [
+			"node",
+			"resources",
+			"document-id",
+			"path"
+		]))), 128))], 16, m));
+	}
+});
+//#endregion
+export { h as default };