@pgcorp/ui-kit 0.12.0 → 0.14.0

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

@@ -1,9 +1,9 @@
-import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
-import { useOwnedAttrs as t } from "../../../internal/ownedAttrs.js";
-import { validateBoundedInteger as n, validateDomId as r, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
-import o from "./SEmptyState.vue.js";
-import { resolveChartModel as ee } from "../../../internal/chartGeometry.js";
-import { Fragment as s, computed as c, createBlock as te, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as ne, defineComponent as f, mergeProps as re, normalizeClass as ie, onBeforeUnmount as ae, onMounted as oe, openBlock as p, ref as se, renderList as m, shallowRef as ce, toDisplayString as h, unref as g, watchEffect as le } from "vue";
+import { validateBoundedInteger as e, validateDomId 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 ee from "./SEmptyState.vue.js";
+import { resolveChartModel as te } from "../../../internal/chartGeometry.js";
+import { Fragment as o, computed as s, createBlock as ne, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as re, defineComponent as d, mergeProps as ie, normalizeClass as ae, onBeforeUnmount as oe, onMounted as f, openBlock as p, ref as se, renderList as m, shallowRef as ce, toDisplayString as h, unref as g, watchEffect as le } from "vue";
 //#region src/components/shared/data-display/SChart.vue?vue&type=script&setup=true&lang.ts
 var ue = [
 	"data-size",
@@ -89,7 +89,7 @@ var ue = [
 	key: 2,
 	class: "s-chart__legend",
 	"data-position": "bottom"
-}, Re = ["data-s-chart-tone"], ze = ["aria-label", "aria-labelledby"], Be = { scope: "col" }, Ve = { scope: "row" }, k = /*@__PURE__*/ f({
+}, Re = ["data-s-chart-tone"], ze = ["aria-label", "aria-labelledby"], Be = { scope: "col" }, Ve = { scope: "row" }, k = /*@__PURE__*/ d({
 	inheritAttrs: !1,
 	__name: "SChart",
 	props: {
@@ -127,84 +127,84 @@ var ue = [
 			default: void 0
 		}
 	},
-	setup(f) {
-		let k = f, { t: A } = e(), He = t({
+	setup(d) {
+		let k = d, { t: A } = i(), He = a({
 			component: "SChart",
 			owner: "chart root"
-		}), j = se(null), M = ce(void 0), N, Ue = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), P = c(() => i("SChart", "type", k.type, [
+		}), j = se(null), M = ce(void 0), N, Ue = new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }), P = s(() => n("SChart", "type", k.type, [
 			"line",
 			"area",
 			"bar",
 			"pie",
 			"donut"
-		])), F = c(() => i("SChart", "size", k.size, [
+		])), F = s(() => n("SChart", "size", k.size, [
 			"compact",
 			"sm",
 			"md",
 			"lg"
-		])), We = c(() => i("SChart", "xLabels", k.xLabels ?? (k.size === "compact" ? "none" : "auto"), [
+		])), We = s(() => n("SChart", "xLabels", k.xLabels ?? (k.size === "compact" ? "none" : "auto"), [
 			"none",
 			"endpoints",
 			"auto",
 			"all"
-		])), I = c(() => i("SChart", "grid", k.grid ?? (k.size === "compact" || H.value ? "none" : "horizontal"), [
+		])), I = s(() => n("SChart", "grid", k.grid ?? (k.size === "compact" || H.value ? "none" : "horizontal"), [
 			"none",
 			"horizontal",
 			"vertical",
 			"both"
-		])), L = c(() => i("SChart", "legend", k.legend ?? (k.size === "compact" || !H.value && k.series.length <= 1 ? "none" : "bottom"), [
+		])), L = s(() => n("SChart", "legend", k.legend ?? (k.size === "compact" || !H.value && k.series.length <= 1 ? "none" : "bottom"), [
 			"none",
 			"top",
 			"bottom"
-		])), R = c(() => i("SChart", "dataLabels", k.dataLabels, [
+		])), R = s(() => n("SChart", "dataLabels", k.dataLabels, [
 			"none",
 			"latest",
 			"all"
-		])), z = c(() => i("SChart", "markers", k.markers ?? (k.type === "line" || k.type === "area" ? "latest" : "none"), [
+		])), z = s(() => n("SChart", "markers", k.markers ?? (k.type === "line" || k.type === "area" ? "latest" : "none"), [
 			"none",
 			"latest",
 			"all"
-		])), Ge = c(() => i("SChart", "curve", k.curve, ["linear", "smooth"])), B = c(() => i("SChart", "barMode", k.barMode, ["grouped", "stacked"])), Ke = c(() => i("SChart", "radialLabel", k.radialLabel, [
+		])), Ge = s(() => n("SChart", "curve", k.curve, ["linear", "smooth"])), B = s(() => n("SChart", "barMode", k.barMode, ["grouped", "stacked"])), Ke = s(() => n("SChart", "radialLabel", k.radialLabel, [
 			"value",
 			"percentage",
 			"category"
-		])), V = c(() => i("SChart", "dataTablePresentation", k.dataTablePresentation, [
+		])), V = s(() => n("SChart", "dataTablePresentation", k.dataTablePresentation, [
 			"assistive",
 			"visible",
 			"none"
-		])), qe = c(() => n("SChart", "yTickCount", k.yTickCount, {
+		])), qe = s(() => e("SChart", "yTickCount", k.yTickCount, {
 			minimum: 2,
 			maximum: 8
-		})), H = c(() => P.value === "pie" || P.value === "donut"), U = c(() => k.xAxis ?? (!H.value && k.size !== "compact")), W = c(() => k.yAxis ?? (!H.value && k.size !== "compact")), Je = c(() => {
+		})), H = s(() => P.value === "pie" || P.value === "donut"), U = s(() => k.xAxis ?? (!H.value && k.size !== "compact")), W = s(() => k.yAxis ?? (!H.value && k.size !== "compact")), Je = s(() => {
 			if (k.valueFormatter === void 0) return (e) => Ue.format(e);
 			if (typeof k.valueFormatter != "function") throw TypeError("SChart: valueFormatter должен быть function");
 			return k.valueFormatter;
-		}), G = c(() => a("SChart", "emptyLabel", k.emptyLabel ?? A("chart.empty"))), K = c(() => k.xAxisLabel === void 0 ? void 0 : a("SChart", "xAxisLabel", k.xAxisLabel)), q = c(() => k.yAxisLabel === void 0 ? void 0 : a("SChart", "yAxisLabel", k.yAxisLabel)), J = c(() => k.centerLabel === void 0 ? void 0 : a("SChart", "centerLabel", k.centerLabel)), Y = c(() => k.centerValue === void 0 ? void 0 : a("SChart", "centerValue", k.centerValue)), X = c(() => {
+		}), G = s(() => r("SChart", "emptyLabel", k.emptyLabel ?? A("chart.empty"))), K = s(() => k.xAxisLabel === void 0 ? void 0 : r("SChart", "xAxisLabel", k.xAxisLabel)), q = s(() => k.yAxisLabel === void 0 ? void 0 : r("SChart", "yAxisLabel", k.yAxisLabel)), J = s(() => k.centerLabel === void 0 ? void 0 : r("SChart", "centerLabel", k.centerLabel)), Y = s(() => k.centerValue === void 0 ? void 0 : r("SChart", "centerValue", k.centerValue)), X = s(() => {
 			let e = k.accessibility;
 			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError("SChart: accessibility должен быть discriminated object");
-			let t = e, n = t.mode === "label" ? [
+			let n = e, i = n.mode === "label" ? [
 				"mode",
 				"label",
 				"description"
-			] : t.mode === "labelledby" ? [
+			] : n.mode === "labelledby" ? [
 				"mode",
 				"id",
 				"describedby"
-			] : ["mode"], i = Object.keys(t).filter((e) => !n.includes(e));
-			if (i.length > 0) throw Error(`SChart: accessibility.mode="${String(t.mode)}" не допускает поля ${i.join(", ")}`);
-			if (t.mode === "decorative") return { mode: "decorative" };
-			if (t.mode === "label") return {
+			] : ["mode"], a = Object.keys(n).filter((e) => !i.includes(e));
+			if (a.length > 0) throw Error(`SChart: accessibility.mode="${String(n.mode)}" не допускает поля ${a.join(", ")}`);
+			if (n.mode === "decorative") return { mode: "decorative" };
+			if (n.mode === "label") return {
 				mode: "label",
-				label: a("SChart", "accessibility.label", t.label),
-				description: t.description === void 0 ? void 0 : a("SChart", "accessibility.description", t.description)
+				label: r("SChart", "accessibility.label", n.label),
+				description: n.description === void 0 ? void 0 : r("SChart", "accessibility.description", n.description)
 			};
-			if (t.mode === "labelledby") return {
+			if (n.mode === "labelledby") return {
 				mode: "labelledby",
-				id: r("SChart", "accessibility.id", t.id),
-				describedby: t.describedby === void 0 ? void 0 : r("SChart", "accessibility.describedby", t.describedby)
+				id: t("SChart", "accessibility.id", n.id),
+				describedby: n.describedby === void 0 ? void 0 : t("SChart", "accessibility.describedby", n.describedby)
 			};
-			throw TypeError(`SChart: неизвестный accessibility.mode "${String(t.mode)}"`);
-		}), Z = c(() => ee({
+			throw TypeError(`SChart: неизвестный accessibility.mode "${String(n.mode)}"`);
+		}), Z = s(() => te({
 			type: P.value,
 			size: F.value,
 			categories: k.categories,
@@ -221,7 +221,7 @@ var ue = [
 			radialLabel: Ke.value,
 			valueFormatter: Je.value,
 			dimensions: M.value
-		})), Ye = c(() => I.value === "horizontal" || I.value === "both"), Xe = c(() => I.value === "vertical" || I.value === "both"), Ze = c(() => V.value !== "none" && !Z.value.empty), Qe = c(() => V.value === "assistive" ? "s-chart__data-table--assistive" : void 0), $e = c(() => Z.value.emptyReason === "zero-total" ? A("chart.noNonZeroValues") : G.value), Q = c(() => X.value.mode === "label" ? X.value.label : void 0), $ = c(() => X.value.mode === "label" ? X.value.description : void 0);
+		})), Ye = s(() => I.value === "horizontal" || I.value === "both"), Xe = s(() => I.value === "vertical" || I.value === "both"), Ze = s(() => V.value !== "none" && !Z.value.empty), Qe = s(() => V.value === "assistive" ? "s-chart__data-table--assistive" : void 0), $e = s(() => Z.value.emptyReason === "zero-total" ? A("chart.noNonZeroValues") : G.value), Q = s(() => X.value.mode === "label" ? X.value.label : void 0), $ = s(() => X.value.mode === "label" ? X.value.description : void 0);
 		function et(e, t) {
 			return z.value === "all" || z.value === "latest" && e === t - 1;
 		}
@@ -232,7 +232,7 @@ var ue = [
 			let t = k.categories[k.categories.length - 1];
 			return R.value === "all" || R.value === "latest" && e === t?.key;
 		}
-		return oe(() => {
+		return f(() => {
 			j.value !== null && typeof ResizeObserver < "u" && (N = new ResizeObserver(([e]) => {
 				if (!e || e.contentRect.width <= 0 || e.contentRect.height <= 0) return;
 				let t = {
@@ -241,37 +241,37 @@ var ue = [
 				}, n = M.value;
 				n && Math.abs(n.width - t.width) < .5 && Math.abs(n.height - t.height) < .5 || (M.value = t);
 			}), N.observe(j.value));
-		}), ae(() => N?.disconnect()), le(() => {
+		}), oe(() => N?.disconnect()), le(() => {
 			if (Z.value, X.value, G.value, K.value, q.value, J.value, Y.value, X.value.mode === "decorative" && V.value === "assistive") throw Error("SChart: decorative chart требует dataTablePresentation=\"none\" или \"visible\"");
 			if (H.value && I.value !== "none") throw Error(`SChart: ${P.value} не поддерживает grid`);
 			if (H.value && (K.value || q.value)) throw Error(`SChart: ${P.value} не поддерживает axis labels`);
 			if (B.value === "stacked" && P.value !== "bar") throw Error("SChart: barMode=\"stacked\" разрешён только для type=\"bar\"");
 			if ((J.value || Y.value) && P.value !== "donut") throw Error("SChart: centerLabel/centerValue разрешены только для type=\"donut\"");
-		}), (e, t) => (p(), u("figure", re(g(He).bindings(), {
+		}), (e, t) => (p(), l("figure", ie(g(He).bindings(), {
 			class: "s-chart",
 			"data-size": F.value,
 			"data-type": P.value,
 			"data-empty": Z.value.empty || void 0
 		}), [
-			X.value.mode === "label" ? (p(), u("figcaption", de, h(X.value.label), 1)) : l("", !0),
-			L.value === "top" && !Z.value.empty ? (p(), u("div", fe, [(p(!0), u(s, null, m(Z.value.legend, (e) => (p(), u("span", {
+			X.value.mode === "label" ? (p(), l("figcaption", de, h(X.value.label), 1)) : c("", !0),
+			L.value === "top" && !Z.value.empty ? (p(), l("div", fe, [(p(!0), l(o, null, m(Z.value.legend, (e) => (p(), l("span", {
 				key: e.key,
 				class: "s-chart__legend-item"
-			}, [d("span", {
+			}, [u("span", {
 				class: "s-chart__legend-swatch",
 				"data-s-chart-tone": e.tone,
 				"aria-hidden": "true"
-			}, null, 8, pe), d("span", null, h(e.label), 1)]))), 128))])) : l("", !0),
-			d("div", {
+			}, null, 8, pe), u("span", null, h(e.label), 1)]))), 128))])) : c("", !0),
+			u("div", {
 				ref_key: "viewportElement",
 				ref: j,
 				class: "s-chart__viewport"
-			}, [Z.value.empty ? (p(), te(o, {
+			}, [Z.value.empty ? (p(), ne(ee, {
 				key: 0,
 				title: $e.value,
 				size: F.value === "compact" ? "sm" : "md",
 				presentation: "panel"
-			}, null, 8, ["title", "size"])) : (p(), u("svg", {
+			}, null, 8, ["title", "size"])) : (p(), l("svg", {
 				key: 1,
 				class: "s-chart__svg",
 				viewBox: `0 0 ${Z.value.width} ${Z.value.height}`,
@@ -283,122 +283,122 @@ var ue = [
 				"aria-describedby": X.value.mode === "labelledby" ? X.value.describedby : void 0,
 				focusable: "false"
 			}, [
-				Q.value ? (p(), u("title", he, h(Q.value), 1)) : l("", !0),
-				$.value ? (p(), u("desc", ge, h($.value), 1)) : l("", !0),
-				Ye.value ? (p(), u("g", _e, [(p(!0), u(s, null, m(Z.value.horizontalGrid, (e) => (p(), u("line", {
+				Q.value ? (p(), l("title", he, h(Q.value), 1)) : c("", !0),
+				$.value ? (p(), l("desc", ge, h($.value), 1)) : c("", !0),
+				Ye.value ? (p(), l("g", _e, [(p(!0), l(o, null, m(Z.value.horizontalGrid, (e) => (p(), l("line", {
 					key: e.key,
 					x1: e.x1,
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2
-				}, null, 8, ve))), 128))])) : l("", !0),
-				Xe.value ? (p(), u("g", ye, [(p(!0), u(s, null, m(Z.value.verticalGrid, (e) => (p(), u("line", {
+				}, null, 8, ve))), 128))])) : c("", !0),
+				Xe.value ? (p(), l("g", ye, [(p(!0), l(o, null, m(Z.value.verticalGrid, (e) => (p(), l("line", {
 					key: e.key,
 					x1: e.x1,
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2
-				}, null, 8, be))), 128))])) : l("", !0),
-				W.value ? (p(), u("g", xe, [
-					d("line", {
+				}, null, 8, be))), 128))])) : c("", !0),
+				W.value ? (p(), l("g", xe, [
+					u("line", {
 						x1: Z.value.plotX,
 						x2: Z.value.plotX,
 						y1: Z.value.plotY,
 						y2: Z.value.plotY + Z.value.plotHeight
 					}, null, 8, Se),
-					(p(!0), u(s, null, m(Z.value.yTicks, (e) => (p(), u("text", {
+					(p(!0), l(o, null, m(Z.value.yTicks, (e) => (p(), l("text", {
 						key: e.value,
 						x: Z.value.plotX - 8,
 						y: e.position,
 						"text-anchor": "end",
 						"dominant-baseline": "middle"
-					}, [ne(h(e.displayLabel), 1), e.displayLabel === e.label ? l("", !0) : (p(), u("title", we, h(e.label), 1))], 8, Ce))), 128)),
-					q.value ? (p(), u("text", {
+					}, [re(h(e.displayLabel), 1), e.displayLabel === e.label ? c("", !0) : (p(), l("title", we, h(e.label), 1))], 8, Ce))), 128)),
+					q.value ? (p(), l("text", {
 						key: 0,
 						class: "s-chart__axis-title",
 						x: 12,
 						y: Z.value.plotY + Z.value.plotHeight / 2,
 						"text-anchor": "middle",
 						transform: `rotate(-90 12 ${Z.value.plotY + Z.value.plotHeight / 2})`
-					}, h(q.value), 9, Te)) : l("", !0)
-				])) : l("", !0),
-				U.value ? (p(), u("g", _, [
-					d("line", {
+					}, h(q.value), 9, Te)) : c("", !0)
+				])) : c("", !0),
+				U.value ? (p(), l("g", _, [
+					u("line", {
 						x1: Z.value.plotX,
 						x2: Z.value.plotX + Z.value.plotWidth,
 						y1: Z.value.baselineY,
 						y2: Z.value.baselineY
 					}, null, 8, v),
-					(p(!0), u(s, null, m(Z.value.xLabels, (e) => (p(), u("text", {
+					(p(!0), l(o, null, m(Z.value.xLabels, (e) => (p(), l("text", {
 						key: e.key,
 						x: e.x,
 						y: Z.value.plotY + Z.value.plotHeight + 18,
 						"text-anchor": e.textAnchor
-					}, [(p(!0), u(s, null, m(e.lines, (t, n) => (p(), u("tspan", {
+					}, [(p(!0), l(o, null, m(e.lines, (t, n) => (p(), l("tspan", {
 						key: n,
 						x: e.x,
 						dy: n === 0 ? 0 : 13
 					}, h(t), 9, b))), 128))], 8, y))), 128)),
-					K.value ? (p(), u("text", {
+					K.value ? (p(), l("text", {
 						key: 0,
 						class: "s-chart__axis-title",
 						x: Z.value.plotX + Z.value.plotWidth / 2,
 						y: Z.value.height - 2,
 						"text-anchor": "middle"
-					}, h(K.value), 9, x)) : l("", !0)
-				])) : l("", !0),
-				P.value === "area" ? (p(), u("g", S, [(p(!0), u(s, null, m(Z.value.lines, (e) => (p(), u("path", {
+					}, h(K.value), 9, x)) : c("", !0)
+				])) : c("", !0),
+				P.value === "area" ? (p(), l("g", S, [(p(!0), l(o, null, m(Z.value.lines, (e) => (p(), l("path", {
 					key: e.key,
 					class: "s-chart__area",
 					"data-s-chart-tone": e.tone,
 					d: e.areaPath
-				}, null, 8, C))), 128))])) : l("", !0),
-				P.value === "line" || P.value === "area" ? (p(), u("g", w, [(p(!0), u(s, null, m(Z.value.lines, (e) => (p(), u("g", {
+				}, null, 8, C))), 128))])) : c("", !0),
+				P.value === "line" || P.value === "area" ? (p(), l("g", w, [(p(!0), l(o, null, m(Z.value.lines, (e) => (p(), l("g", {
 					key: e.key,
 					"data-s-chart-tone": e.tone
-				}, [d("path", {
+				}, [u("path", {
 					class: "s-chart__line",
 					d: e.path,
 					"aria-hidden": "true"
-				}, null, 8, E), (p(!0), u(s, null, m(e.points, (t, n) => (p(), u(s, { key: t.categoryKey }, [et(n, e.points.length) ? (p(), u("circle", {
+				}, null, 8, E), (p(!0), l(o, null, m(e.points, (t, n) => (p(), l(o, { key: t.categoryKey }, [et(n, e.points.length) ? (p(), l("circle", {
 					key: 0,
 					class: "s-chart__marker",
 					cx: t.x,
 					cy: t.y,
 					r: "4"
-				}, [d("title", null, h(t.title), 1)], 8, D)) : l("", !0), tt(n, e.points.length) ? (p(), u("text", {
+				}, [u("title", null, h(t.title), 1)], 8, D)) : c("", !0), tt(n, e.points.length) ? (p(), l("text", {
 					key: 1,
 					class: "s-chart__data-label",
 					x: t.x,
 					y: t.y - 9,
 					"text-anchor": "middle",
 					"aria-hidden": "true"
-				}, h(t.valueLabel), 9, O)) : l("", !0)], 64))), 128))], 8, T))), 128))])) : l("", !0),
-				P.value === "bar" ? (p(), u("g", Ee, [(p(!0), u(s, null, m(Z.value.bars, (e) => (p(), u("g", {
+				}, h(t.valueLabel), 9, O)) : c("", !0)], 64))), 128))], 8, T))), 128))])) : c("", !0),
+				P.value === "bar" ? (p(), l("g", Ee, [(p(!0), l(o, null, m(Z.value.bars, (e) => (p(), l("g", {
 					key: e.key,
 					"data-s-chart-tone": e.tone
-				}, [d("rect", {
+				}, [u("rect", {
 					class: "s-chart__bar",
 					x: e.x,
 					y: e.y,
 					width: e.width,
 					height: e.height,
 					rx: "2"
-				}, [d("title", null, h(e.title), 1)], 8, Oe), nt(e.categoryKey) ? (p(), u("text", {
+				}, [u("title", null, h(e.title), 1)], 8, Oe), nt(e.categoryKey) ? (p(), l("text", {
 					key: 0,
 					class: "s-chart__data-label",
 					x: e.x + e.width / 2,
 					y: e.value >= 0 ? e.y - 7 : e.y + e.height + 13,
 					"text-anchor": "middle",
 					"aria-hidden": "true"
-				}, h(e.valueLabel), 9, ke)) : l("", !0)], 8, De))), 128))])) : l("", !0),
-				H.value ? (p(), u("g", Ae, [(p(!0), u(s, null, m(Z.value.slices, (e) => (p(), u("g", {
+				}, h(e.valueLabel), 9, ke)) : c("", !0)], 8, De))), 128))])) : c("", !0),
+				H.value ? (p(), l("g", Ae, [(p(!0), l(o, null, m(Z.value.slices, (e) => (p(), l("g", {
 					key: e.key,
 					"data-s-chart-tone": e.tone
-				}, [d("path", {
+				}, [u("path", {
 					class: "s-chart__slice",
 					d: e.path
-				}, [d("title", null, h(e.title), 1)], 8, Me), R.value === "all" && e.value > 0 ? (p(), u("text", {
+				}, [u("title", null, h(e.title), 1)], 8, Me), R.value === "all" && e.value > 0 ? (p(), l("text", {
 					key: 0,
 					class: "s-chart__radial-label",
 					x: e.labelX,
@@ -406,36 +406,36 @@ var ue = [
 					"text-anchor": "middle",
 					"dominant-baseline": "middle",
 					"aria-hidden": "true"
-				}, h(e.dataLabel), 9, Ne)) : l("", !0)], 8, je))), 128)), P.value === "donut" && (J.value || Y.value) ? (p(), u("g", Pe, [Y.value ? (p(), u("text", {
+				}, h(e.dataLabel), 9, Ne)) : c("", !0)], 8, je))), 128)), P.value === "donut" && (J.value || Y.value) ? (p(), l("g", Pe, [Y.value ? (p(), l("text", {
 					key: 0,
 					x: Z.value.centerX,
 					y: Z.value.centerY - (J.value ? 4 : 0),
 					"text-anchor": "middle"
-				}, h(Y.value), 9, Fe)) : l("", !0), J.value ? (p(), u("text", {
+				}, h(Y.value), 9, Fe)) : c("", !0), J.value ? (p(), l("text", {
 					key: 1,
 					class: "s-chart__center-label",
 					x: Z.value.centerX,
 					y: Z.value.centerY + (Y.value ? 14 : 0),
 					"text-anchor": "middle"
-				}, h(J.value), 9, Ie)) : l("", !0)])) : l("", !0)])) : l("", !0)
+				}, h(J.value), 9, Ie)) : c("", !0)])) : c("", !0)])) : c("", !0)
 			], 8, me))], 512),
-			L.value === "bottom" && !Z.value.empty ? (p(), u("div", Le, [(p(!0), u(s, null, m(Z.value.legend, (e) => (p(), u("span", {
+			L.value === "bottom" && !Z.value.empty ? (p(), l("div", Le, [(p(!0), l(o, null, m(Z.value.legend, (e) => (p(), l("span", {
 				key: e.key,
 				class: "s-chart__legend-item"
-			}, [d("span", {
+			}, [u("span", {
 				class: "s-chart__legend-swatch",
 				"data-s-chart-tone": e.tone,
 				"aria-hidden": "true"
-			}, null, 8, Re), d("span", null, h(e.label), 1)]))), 128))])) : l("", !0),
-			Ze.value ? (p(), u("table", {
+			}, null, 8, Re), u("span", null, h(e.label), 1)]))), 128))])) : c("", !0),
+			Ze.value ? (p(), l("table", {
 				key: 3,
-				class: ie(["s-chart__data-table", Qe.value]),
+				class: ae(["s-chart__data-table", Qe.value]),
 				"aria-label": X.value.mode === "label" ? g(A)("chart.dataFor", { chart: X.value.label }) : void 0,
 				"aria-labelledby": X.value.mode === "labelledby" ? X.value.id : void 0
-			}, [d("thead", null, [d("tr", null, [d("th", Be, h(g(A)("chart.category")), 1), (p(!0), u(s, null, m(f.series, (e) => (p(), u("th", {
+			}, [u("thead", null, [u("tr", null, [u("th", Be, h(g(A)("chart.category")), 1), (p(!0), l(o, null, m(d.series, (e) => (p(), l("th", {
 				key: e.key,
 				scope: "col"
-			}, h(e.label), 1))), 128))])]), d("tbody", null, [(p(!0), u(s, null, m(Z.value.tableRows, (e) => (p(), u("tr", { key: e.key }, [d("th", Ve, h(e.label), 1), (p(!0), u(s, null, m(e.values, (e, t) => (p(), u("td", { key: f.series[t]?.key }, h(e), 1))), 128))]))), 128))])], 10, ze)) : l("", !0)
+			}, h(e.label), 1))), 128))])]), u("tbody", null, [(p(!0), l(o, null, m(Z.value.tableRows, (e) => (p(), l("tr", { key: e.key }, [u("th", Ve, h(e.label), 1), (p(!0), l(o, null, m(e.values, (e, t) => (p(), l("td", { key: d.series[t]?.key }, h(e), 1))), 128))]))), 128))])], 10, ze)) : c("", !0)
 		], 16, ue));
 	}
 });

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {},
     onActivate?: ((event: MouseEvent) => any) | undefined;
 }>, {
     size: SChipSize;
-    severity: SChipSeverity;
     disabled: boolean;
+    severity: SChipSeverity;
     closable: boolean;
     leadingIcon: Component;
     surface: InteractiveSurfaceContract;

package/dist/src/components/shared/data-display/SChip.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 { PILL_ICON_CLASS as o, PILL_ICON_GRAPHIC_CLASS as s, PILL_LABEL_CLASS as c, PILL_LABEL_TRUNCATE_CLASS as l, resolvePillSurfaceBindings as u } from "../../../internal/pillSurface.js";
 import d from "../controls/SButton.vue.js";
 import f from "../controls/SInteractiveSurface.vue.js";
@@ -28,10 +28,10 @@ var O = ["data-mode"], k = { class: "s-chip__content" }, A = /*@__PURE__*/ y({
 	},
 	emits: ["close", "activate"],
 	setup(y, { emit: A }) {
-		let j = y, M = A, N = n({
+		let j = y, M = A, N = a({
 			component: "SChip",
 			owner: "chip root"
-		}), { t: P } = t(), F = p(() => a("SChip", "label", j.label)), I = p(() => i("SChip", "severity", j.severity, [
+		}), { t: P } = i(), F = p(() => r("SChip", "label", j.label)), I = p(() => n("SChip", "severity", j.severity, [
 			"primary",
 			"secondary",
 			"success",
@@ -39,7 +39,7 @@ var O = ["data-mode"], k = { class: "s-chip__content" }, A = /*@__PURE__*/ y({
 			"warn",
 			"danger",
 			"contrast"
-		])), L = p(() => i("SChip", "size", j.size, ["sm", "md"])), R = p(() => u("SChip", {
+		])), L = p(() => n("SChip", "size", j.size, ["sm", "md"])), R = p(() => u("SChip", {
 			kind: "chip",
 			severity: I.value,
 			size: L.value,
@@ -55,7 +55,7 @@ var O = ["data-mode"], k = { class: "s-chip__content" }, A = /*@__PURE__*/ y({
 				...e,
 				disabled: j.disabled || e.disabled
 			};
-		}), B = p(() => (r("SChip", "closable", j.closable), r("SChip", "disabled", j.disabled), j.closeLabel === void 0 ? P("actions.removeChip", { label: F.value }) : a("SChip", "closeLabel", j.closeLabel)));
+		}), B = p(() => (t("SChip", "closable", j.closable), t("SChip", "disabled", j.disabled), j.closeLabel === void 0 ? P("actions.removeChip", { label: F.value }) : r("SChip", "closeLabel", j.closeLabel)));
 		return (t, n) => (S(), g("div", b({
 			...T(N).bindings(),
 			...R.value

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

@@ -1,13 +1,13 @@
 import { Copy as e } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
 import { useClipboard as t } from "../../../composables/useClipboard.js";
-import { useUiKitLocale as n } from "../../../composables/useUiKitLocale.js";
-import { useNotifier as ee } from "../../../composables/useNotifier.js";
-import { useOwnedAttrs as te } from "../../../internal/ownedAttrs.js";
-import { validateBoolean as r, validateBoundedInteger as ne, validateDomId as re, validateExactString as i, validateNonEmptyString as a } from "../../../internal/runtimeContract.js";
-import ie from "../controls/SButton.vue.js";
-import ae from "../feedback/SAsyncState.vue.js";
-import { validateCodeEditorLanguage as oe, validateCodeEditorViewport as o } from "../../../internal/codeEditorContract.js";
-import { resolveCodeLanguageKey as s } from "../../../internal/codeLanguageIdentity.js";
+import { validateBoolean as n, validateBoundedInteger as ee, validateDomId as te, validateExactString as r, validateNonEmptyString as i } from "../../../internal/runtimeContract.js";
+import { useUiKitLocale as ne } from "../../../composables/useUiKitLocale.js";
+import { useNotifier as re } from "../../../composables/useNotifier.js";
+import { useOwnedAttrs as ie } from "../../../internal/ownedAttrs.js";
+import a from "../controls/SButton.vue.js";
+import o from "../feedback/SAsyncState.vue.js";
+import { validateCodeEditorLanguage as s, validateCodeEditorViewport as ae } from "../../../internal/codeEditorContract.js";
+import { resolveCodeLanguageKey as oe } from "../../../internal/codeLanguageIdentity.js";
 import se from "./_internal/SCodeTokenLine.vue.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, mergeProps as _, normalizeStyle as v, onMounted as ce, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, watch as w } from "vue";
 //#region src/components/shared/data-display/SCodeBlock.vue?vue&type=script&setup=true&lang.ts
@@ -73,29 +73,29 @@ var le = ["data-presentation"], ue = {
 		"ready"
 	],
 	setup(g, { expose: M, emit: N }) {
-		let P = b(!1), F = b(null), I = b(null), ye = h(() => import("../../../internal/lazyCodeEditor.js")), be = te({
+		let P = b(!1), F = b(null), I = b(null), ye = h(() => import("../../../internal/lazyCodeEditor.js")), be = ie({
 			component: "SCodeBlock",
 			owner: "code block root"
 		}), L = l(() => {
 			if (g.ariaLabel !== void 0 && g.ariaLabelledby !== void 0) throw TypeError("SCodeBlock: задайте только ariaLabel или ariaLabelledby. / SCodeBlock: provide only ariaLabel or ariaLabelledby.");
-			if (g.ariaLabel !== void 0) return { ariaLabel: a("SCodeBlock", "ariaLabel", g.ariaLabel) };
-			if (g.ariaLabelledby !== void 0) return { ariaLabelledby: re("SCodeBlock", "ariaLabelledby", g.ariaLabelledby) };
+			if (g.ariaLabel !== void 0) return { ariaLabel: i("SCodeBlock", "ariaLabel", g.ariaLabel) };
+			if (g.ariaLabelledby !== void 0) return { ariaLabelledby: te("SCodeBlock", "ariaLabelledby", g.ariaLabelledby) };
 			throw TypeError("SCodeBlock: требуется ariaLabel или ariaLabelledby. / SCodeBlock: ariaLabel or ariaLabelledby is required.");
-		}), xe = l(() => L.value), R = N, Se = l(() => r("SCodeBlock", "showHeader", g.showHeader)), z = l(() => r("SCodeBlock", "showLineNumbers", g.showLineNumbers)), B = l(() => r("SCodeBlock", "readOnly", g.readOnly)), V = l(() => i("SCodeBlock", "presentation", g.presentation, [
+		}), xe = l(() => L.value), R = N, Se = l(() => n("SCodeBlock", "showHeader", g.showHeader)), z = l(() => n("SCodeBlock", "showLineNumbers", g.showLineNumbers)), B = l(() => n("SCodeBlock", "readOnly", g.readOnly)), V = l(() => r("SCodeBlock", "presentation", g.presentation, [
 			"editor",
 			"plain",
 			"highlighted"
-		])), H = l(() => i("SCodeBlock", "surfaceRadius", g.surfaceRadius, [
+		])), H = l(() => r("SCodeBlock", "surfaceRadius", g.surfaceRadius, [
 			"default",
 			"none",
 			"xl"
-		])), U = l(() => o("SCodeBlock", g.viewport)), W = l(() => oe("SCodeBlock", g.language)), G = l(() => {
+		])), U = l(() => ae("SCodeBlock", g.viewport)), W = l(() => s("SCodeBlock", g.language)), G = l(() => {
 			if (typeof g.code != "string") throw TypeError("SCodeBlock: code должен быть string. / SCodeBlock: code must be a string.");
 			return g.code;
-		}), K = l(() => ne("SCodeBlock", "tabSize", g.tabSize, {
+		}), K = l(() => ee("SCodeBlock", "tabSize", g.tabSize, {
 			minimum: 1,
 			maximum: 16
-		})), Ce = l(() => s(W.value)), q = l(() => G.value.split("\n")), J = l(() => g.errorMessage === void 0 ? void 0 : a("SCodeBlock", "errorMessage", g.errorMessage)), we = l(() => ({
+		})), Ce = l(() => oe(W.value)), q = l(() => G.value.split("\n")), J = l(() => g.errorMessage === void 0 ? void 0 : i("SCodeBlock", "errorMessage", g.errorMessage)), we = l(() => ({
 			lineNumbers: z.value,
 			indentation: {
 				tabSize: K.value,
@@ -151,7 +151,7 @@ var le = ["data-presentation"], ue = {
 				e.focus();
 			}
 		});
-		let Q = ee(), { t: $ } = n(), { copyText: Oe } = t(), ke = async () => {
+		let Q = re(), { t: $ } = ne(), { copyText: Oe } = t(), ke = async () => {
 			let e = await Oe(g.code);
 			if (e.status === "copied") {
 				Q.success({ message: $("clipboard.codeCopied") });
@@ -168,7 +168,7 @@ var le = ["data-presentation"], ue = {
 			}],
 			"data-presentation": V.value
 		}), [
-			Se.value ? (y(), f("div", ue, [p("div", de, [W.value.mode === "detect" ? (y(), f("span", fe, S(W.value.filePath), 1)) : d("", !0), p("span", pe, S(Ce.value), 1)]), p("div", me, [m(ie, {
+			Se.value ? (y(), f("div", ue, [p("div", de, [W.value.mode === "detect" ? (y(), f("span", fe, S(W.value.filePath), 1)) : d("", !0), p("span", pe, S(Ce.value), 1)]), p("div", me, [m(a, {
 				appearance: "text",
 				severity: "secondary",
 				size: "xs",
@@ -238,7 +238,7 @@ var le = ["data-presentation"], ue = {
 				language: W.value,
 				variant: "code-block"
 			}, null, 8, ["text", "language"])])], 8, k))), 128))])], 12, D))]),
-			J.value !== void 0 || V.value === "editor" && !P.value ? (y(), u(ae, {
+			J.value !== void 0 || V.value === "editor" && !P.value ? (y(), u(o, {
 				key: 1,
 				state: J.value === void 0 ? {
 					status: "loading",