@pgcorp/ui-kit 0.13.0 → 0.14.0

package/dist/src/components/shared/controls/_internal/SInlineTokenSurface.vue_vue_type_script_lang.js

@@ -1,16 +1,16 @@
 import { X as e } from "../../../icons/_internal/generatedSputnigUiIconComponents.js";
-import { useUiKitLocale as t } from "../../../../composables/useUiKitLocale.js";
-import { validateBoundedInteger as n } from "../../../../internal/runtimeContract.js";
+import { validateBoundedInteger as t } from "../../../../internal/runtimeContract.js";
+import { useUiKitLocale as n } from "../../../../composables/useUiKitLocale.js";
 import { useInteractiveLeafRegistration as r } from "../../../../internal/passiveContentContract.js";
 import i from "../SButton.vue.js";
 import { computed as a, createTextVNode as o, defineComponent as s, h as c } from "vue";
 //#region src/components/shared/controls/_internal/SInlineTokenSurface.vue?vue&type=script&lang.ts
 var l = i;
-function u(e, t, r) {
-	let i = n("SInlineTokenEditor", "rows", e, {
+function u(e, n, r) {
+	let i = t("SInlineTokenEditor", "rows", e, {
 		minimum: 1,
 		maximum: 100
-	}), a = n("SInlineTokenEditor", "maxRows", t, {
+	}), a = t("SInlineTokenEditor", "maxRows", n, {
 		minimum: 0,
 		maximum: 100
 	});
@@ -108,20 +108,20 @@ var d = s({
 		paste: (e) => !0,
 		tokenAction: (e) => (e.action === "open" || e.action === "remove") && typeof e.occurrenceId == "string" && e.occurrenceId.length > 0 && typeof e.id == "string" && e.id.length > 0
 	},
-	setup(n, { emit: i }) {
-		let { t: s } = t();
+	setup(t, { emit: i }) {
+		let { t: s } = n();
 		r({
 			owner: "SInlineTokenEditor",
-			active: () => !n.disabled
+			active: () => !t.disabled
 		});
-		let d = a(() => u(n.rows, n.maxRows, n.appearance)), f = (e) => e.stopPropagation(), p = (e, t, n) => {
+		let d = a(() => u(t.rows, t.maxRows, t.appearance)), f = (e) => e.stopPropagation(), p = (e, t, n) => {
 			e.stopPropagation(), i("tokenAction", {
 				action: t,
 				occurrenceId: n.occurrenceId,
 				id: n.id
 			});
-		}, m = (t, r) => {
-			let i = t === "open" ? {
+		}, m = (n, r) => {
+			let i = n === "open" ? {
 				label: r.label,
 				"aria-label": s("forms.openToken", { label: r.title ?? r.label }),
 				...r.title === void 0 ? {} : { title: r.title },
@@ -129,8 +129,8 @@ var d = s({
 				width: "fit",
 				appearance: "text",
 				shape: "pill",
-				disabled: n.openDisabled,
-				onClick: (e) => p(e, t, r),
+				disabled: t.openDisabled,
+				onClick: (e) => p(e, n, r),
 				onKeydown: f
 			} : {
 				leadingIcon: e,
@@ -139,46 +139,46 @@ var d = s({
 				appearance: "ghost",
 				shape: "circle",
 				iconOnly: !0,
-				disabled: n.removeDisabled,
-				onClick: (e) => p(e, t, r),
+				disabled: t.removeDisabled,
+				onClick: (e) => p(e, n, r),
 				onKeydown: f
 			};
 			return c(l, {
 				...i,
-				key: t
+				key: n
 			});
 		};
 		return () => c("div", {
-			...n.ownedAttributes,
-			...n.fieldBindings,
-			id: n.id,
-			ref: n.elementRef,
+			...t.ownedAttributes,
+			...t.fieldBindings,
+			id: t.id,
+			ref: t.elementRef,
 			class: "s-inline-token-editor",
-			"data-appearance": n.appearance,
-			"data-invalid": n.invalid || void 0,
-			"data-disabled": n.disabled || void 0,
-			"data-readonly": n.readonly || void 0,
-			"data-placeholder": n.placeholder,
-			"data-placeholder-visible": n.placeholderVisible ? "true" : "false",
+			"data-appearance": t.appearance,
+			"data-invalid": t.invalid || void 0,
+			"data-disabled": t.disabled || void 0,
+			"data-readonly": t.readonly || void 0,
+			"data-placeholder": t.placeholder,
+			"data-placeholder-visible": t.placeholderVisible ? "true" : "false",
 			"data-component": "s-inline-token-editor",
 			style: d.value,
 			role: "textbox",
 			"aria-multiline": "true",
-			contenteditable: n.disabled || n.readonly ? "false" : "true",
-			tabindex: n.disabled ? -1 : 0,
-			"aria-disabled": n.disabled || void 0,
-			"aria-invalid": n.invalid || void 0,
-			"aria-required": n.required || void 0,
-			"aria-readonly": n.readonly || void 0,
-			"aria-labelledby": n.labelledBy,
-			"aria-describedby": n.describedBy,
+			contenteditable: t.disabled || t.readonly ? "false" : "true",
+			tabindex: t.disabled ? -1 : 0,
+			"aria-disabled": t.disabled || void 0,
+			"aria-invalid": t.invalid || void 0,
+			"aria-required": t.required || void 0,
+			"aria-readonly": t.readonly || void 0,
+			"aria-labelledby": t.labelledBy,
+			"aria-describedby": t.describedBy,
 			onBeforeinput: (e) => i("beforeinput", e),
 			onInput: (e) => i("input", e),
 			onKeydown: (e) => i("keydown", e),
 			onKeyup: (e) => i("keyup", e),
 			onClick: (e) => i("click", e),
 			onPaste: (e) => i("paste", e)
-		}, [...n.segments.map((e) => e.kind === "text" ? o(e.text) : c("span", {
+		}, [...t.segments.map((e) => e.kind === "text" ? o(e.text) : c("span", {
 			key: `token:${e.occurrenceId}`,
 			class: "s-inline-token-editor__token",
 			"data-testid": "s-inline-token-editor-token",
@@ -188,7 +188,7 @@ var d = s({
 			"data-segment-label": e.label,
 			"data-segment-title": e.title,
 			contenteditable: "false"
-		}, [m("open", e), m("remove", e)])), ...n.trailingCaretHelper ? [o("​")] : []]);
+		}, [m("open", e), m("remove", e)])), ...t.trailingCaretHelper ? [o("​")] : []]);
 	}
 });
 //#endregion

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

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    maxHeight: ScrollableViewportMaxBlockSize;
     surface: "bordered" | "plain";
+    maxHeight: ScrollableViewportMaxBlockSize;
 }, {}, {}, {}, 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/SActionListItem.vue.d.ts

@@ -47,19 +47,19 @@ type __VLS_Slots = {
     actions?: (props: ActionListItemActionsSlotProps) => VNodeChild;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    action: (event: MouseEvent) => any;
     activate: (event: MouseEvent) => any;
+    action: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onAction?: ((event: MouseEvent) => any) | undefined;
     onActivate?: ((event: MouseEvent) => any) | undefined;
+    onAction?: ((event: MouseEvent) => any) | undefined;
 }>, {
     selected: boolean;
     icon: Component;
     tone: InteractiveSurfaceTone;
+    description: string | null;
+    detail: string | null;
     trailingIcon: Component;
     density: InteractiveSurfaceDensity;
-    detail: string | null;
-    description: string | null;
     surface: InteractiveSurfaceContract;
     titleTooltip: string;
     indentLevel: number;

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

@@ -1,5 +1,5 @@
-import { useOwnedAttrs as e } from "../../../internal/ownedAttrs.js";
-import { validateBoundedInteger as t, validateNonEmptyString as n } from "../../../internal/runtimeContract.js";
+import { validateBoundedInteger 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 i from "./SBadge.vue.js";
 import a from "../controls/SButton.vue.js";
@@ -69,10 +69,10 @@ var E = [
 	},
 	emits: ["activate", "action"],
 	setup(g, { emit: N }) {
-		let P = g, F = N, I = w(), L = c(() => t("SActionListItem", "indentLevel", P.indentLevel, {
+		let P = g, F = N, I = w(), L = c(() => e("SActionListItem", "indentLevel", P.indentLevel, {
 			minimum: 0,
 			maximum: 8
-		})), R = c(() => ({ "--s-action-list-item-indent": `${L.value * .875}rem` })), z = e({
+		})), R = c(() => ({ "--s-action-list-item-indent": `${L.value * .875}rem` })), z = n({
 			component: "SActionListItem",
 			owner: "action list item root"
 		}), B = c(() => r("SActionListItem", "tone", P.tone, [
@@ -86,8 +86,8 @@ var E = [
 		}), U = c(() => {
 			if (!Array.isArray(P.badges)) throw TypeError("SActionListItem: badges должен быть массивом. / SActionListItem: badges must be an array.");
 			let e = /* @__PURE__ */ new Set();
-			for (let [t, r] of P.badges.entries()) {
-				let i = r, a = n("SActionListItem", `badges[${t}].id`, typeof i == "object" && i && !Array.isArray(i) ? i.id : void 0);
+			for (let [n, r] of P.badges.entries()) {
+				let i = r, a = t("SActionListItem", `badges[${n}].id`, typeof i == "object" && i && !Array.isArray(i) ? i.id : void 0);
 				if (e.has(a)) throw TypeError(`SActionListItem: badges должен содержать уникальные id; дублируется ${JSON.stringify(a)}. / SActionListItem: badges must contain unique ids; duplicate ${JSON.stringify(a)}.`);
 				e.add(a);
 			}

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

@@ -16,8 +16,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     size: PillSurfaceSize;
-    maxWidth: PillSurfaceMaxWidth;
     severity: BadgeSeverity;
+    maxWidth: PillSurfaceMaxWidth;
     iconMotion: PillSurfaceIconMotion;
     dot: boolean;
     truncate: boolean;

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));
 	}
 });