@pgcorp/ui-kit 0.10.0 → 0.10.2

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

@@ -0,0 +1,549 @@
+import { hasOwn as e } from "../../../internal/es2020.js";
+import { ChevronDown as t, ChevronUp as n, ChevronsUpDown as r } from "../../icons/_internal/generatedSputnigUiIconComponents.js";
+import { useUiKitLocale as i } from "../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as a } from "../../../internal/ownedAttrs.js";
+import { validateBoolean as o, validateDomId as s, validateExactString as c, validateNonEmptyString as l } from "../../../internal/runtimeContract.js";
+import { useInteractiveLeafRegistration as ee } from "../../../internal/passiveContentContract.js";
+import te from "../controls/SButton.vue.js";
+import ne from "../feedback/SAsyncState.vue.js";
+import u from "../controls/SCheckbox.vue.js";
+import { validateScrollableViewportMaxBlockSize as re, validateTableColumnInlineSize as ie, validateTableColumnMinInlineSize as ae } from "../../../internal/semanticSizing.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as oe, defineComponent as v, mergeProps as se, openBlock as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useId as ce, useSlots as le, watch as w, withCtx as ue, withKeys as T } from "vue";
+//#region src/components/shared/data-display/STable.vue?vue&type=script&setup=true&lang.ts
+var de = [
+	"data-surface",
+	"data-min-width",
+	"data-max-height"
+], fe = [
+	"data-density",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-busy"
+], pe = { class: "s-table-header" }, me = {
+	key: 0,
+	class: "s-table__control-cell",
+	scope: "col",
+	"data-width": "2xs"
+}, he = {
+	key: 1,
+	class: "s-table__control-cell",
+	scope: "col",
+	"data-width": "2xs"
+}, ge = { class: "s-table__assistive" }, _e = [
+	"data-width",
+	"data-min-width",
+	"data-align",
+	"data-sortable",
+	"aria-sort"
+], ve = ["data-header-presentation"], ye = ["data-header-presentation"], be = { class: "s-table-body" }, xe = [
+	"data-state",
+	"data-selected",
+	"aria-selected",
+	"onClick",
+	"onContextmenu",
+	"onKeydown"
+], Se = {
+	key: 0,
+	class: "s-table__control-cell"
+}, Ce = {
+	key: 1,
+	class: "s-table__control-cell"
+}, we = ["data-align", "data-state"], Te = {
+	key: 0,
+	"data-row-details": ""
+}, Ee = ["colspan"], De = ["id", "aria-label"], Oe = /*@__PURE__*/ v({
+	inheritAttrs: !1,
+	__name: "STable",
+	props: {
+		columns: {},
+		data: {},
+		getRowKey: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingMessage: { default: void 0 },
+		errorMessage: { default: "" },
+		emptyMessage: { default: void 0 },
+		selectedRowKey: { default: void 0 },
+		selectionMode: { default: "none" },
+		selectedRowKeys: { default: () => [] },
+		isRowSelectable: {
+			type: Function,
+			default: void 0
+		},
+		expandedRowKeys: { default: () => [] },
+		isRowExpandable: {
+			type: Function,
+			default: void 0
+		},
+		getRowLabel: {
+			type: Function,
+			default: void 0
+		},
+		sortMode: { default: "single" },
+		sort: { default: null },
+		sorts: { default: () => [] },
+		maxHeight: { default: "none" },
+		density: { default: "default" },
+		surface: { default: "bordered" },
+		minWidth: { default: "content" },
+		rowState: {
+			type: Function,
+			default: void 0
+		},
+		cellState: {
+			type: Function,
+			default: void 0
+		},
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		ariaDescribedby: { default: void 0 }
+	},
+	emits: [
+		"row-click",
+		"row-contextmenu",
+		"update:selectedRowKeys",
+		"update:expandedRowKeys",
+		"row-expand",
+		"update:sort",
+		"sort",
+		"update:sorts",
+		"multi-sort"
+	],
+	setup(v, { emit: Oe }) {
+		let E = v, D = Oe, ke = le(), { t: O } = i(), Ae = ["default", "compact"], je = ["bordered", "plain"], Me = [
+			"content",
+			"md",
+			"lg"
+		], Ne = [
+			"left",
+			"center",
+			"right"
+		], Pe = [
+			"default",
+			"inserted",
+			"updated",
+			"deleted"
+		], Fe = ["default", "pending"], Ie = [
+			"field",
+			"value",
+			"slot"
+		], Le = ["visible", "assistive"], Re = ["none", "multiple"], ze = ["single", "multiple"], Be = ["ascending", "descending"], Ve = a({
+			component: "STable",
+			owner: "table scroll surface"
+		});
+		ee({ owner: "STable" });
+		let He = `s-table-${ce()}`, k = typeof ke["row-details"] == "function";
+		function Ue(e) {
+			let t = e.currentTarget;
+			return e.composedPath().some((e) => e !== t && e instanceof HTMLElement && e.matches("button, a, input, select, textarea, [role=\"button\"], [role=\"link\"]"));
+		}
+		function We(e, t, n) {
+			Ue(e) || D("row-click", t, n);
+		}
+		function Ge(e, t, n) {
+			Ue(e) || D("row-contextmenu", t, n, e);
+		}
+		function Ke(e, t, n) {
+			e.target === e.currentTarget && (e.preventDefault(), D("row-click", t, n));
+		}
+		let A = f(() => o("STable", "loading", E.loading)), qe = f(() => E.loadingMessage ?? O("table.loading")), Je = f(() => E.emptyMessage ?? O("table.empty")), j = f(() => {
+			if (E.ariaLabel !== void 0 && E.ariaLabelledby !== void 0) throw TypeError("STable: задайте только ariaLabel или ariaLabelledby. / STable: provide only ariaLabel or ariaLabelledby.");
+			return E.ariaLabelledby === void 0 ? {
+				ariaLabel: E.ariaLabel === void 0 ? O("table.accessibleName") : l("STable", "ariaLabel", E.ariaLabel),
+				ariaLabelledby: void 0
+			} : {
+				ariaLabel: void 0,
+				ariaLabelledby: s("STable", "ariaLabelledby", E.ariaLabelledby)
+			};
+		}), Ye = f(() => E.ariaDescribedby === void 0 ? void 0 : s("STable", "ariaDescribedby", E.ariaDescribedby)), Xe = f(() => c("STable", "density", E.density, Ae)), Ze = f(() => c("STable", "surface", E.surface, je)), Qe = f(() => c("STable", "minWidth", E.minWidth, Me)), $e = f(() => re("STable", "maxHeight", E.maxHeight)), M = f(() => c("STable", "selectionMode", E.selectionMode, Re)), N = f(() => c("STable", "sortMode", E.sortMode, ze)), P = f(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of E.columns) {
+				let n = l("STable", "columns[].field", t.field);
+				l("STable", `column ${JSON.stringify(n)}.header`, t.header);
+				let r = c("STable", `column ${JSON.stringify(n)}.headerPresentation`, t.headerPresentation ?? "visible", Le);
+				if (e.has(n)) throw TypeError(`STable: columns содержит duplicate field ${JSON.stringify(n)}. / STable: columns contains duplicate field ${JSON.stringify(n)}.`);
+				if (e.add(n), t.align !== void 0 && c("STable", `column ${JSON.stringify(n)}.align`, t.align, Ne), t.sortable !== void 0 && o("STable", `column ${JSON.stringify(n)}.sortable`, t.sortable), r === "assistive" && t.sortable) throw TypeError(`STable: assistive header column ${JSON.stringify(n)} не может быть sortable без visible action. / STable: assistive header column ${JSON.stringify(n)} cannot be sortable without a visible action.`);
+				t.width !== void 0 && ie("STable", `column ${JSON.stringify(n)}.width`, t.width), t.minWidth !== void 0 && ae("STable", `column ${JSON.stringify(n)}.minWidth`, t.minWidth);
+				let i = c("STable", `column ${JSON.stringify(n)}.content`, t.content ?? (t.value === void 0 ? "field" : "value"), Ie);
+				if (i === "value" && typeof t.value != "function") throw TypeError(`STable: value column ${JSON.stringify(n)} должен предоставить function value resolver. / STable: value column ${JSON.stringify(n)} must provide a function value resolver.`);
+				if (i !== "value" && t.value !== void 0) throw TypeError(`STable: ${i} column ${JSON.stringify(n)} не принимает value resolver. / STable: ${i} column ${JSON.stringify(n)} does not accept a value resolver.`);
+				if (i === "slot" && typeof ke[`cell-${n}`] != "function") throw TypeError(`STable: slot column ${JSON.stringify(n)} требует named slot ${JSON.stringify(`cell-${n}`)}. / STable: slot column ${JSON.stringify(n)} requires named slot ${JSON.stringify(`cell-${n}`)}.`);
+			}
+			return E.columns;
+		});
+		function et(e, t) {
+			if (typeof e != "object" || !e || Array.isArray(e)) throw TypeError(`STable: ${t} должен быть STableSort object. / STable: ${t} must be an STableSort object.`);
+			let n = e, r = l("STable", `${t}.key`, n.key);
+			if (!P.value.find((e) => e.field === r)?.sortable) throw TypeError(`STable: sort key ${JSON.stringify(r)} должен ссылаться на sortable column. / STable: sort key ${JSON.stringify(r)} must reference a sortable column.`);
+			return {
+				key: r,
+				direction: c("STable", `${t}.direction`, n.direction, Be)
+			};
+		}
+		let F = f(() => {
+			if (N.value === "multiple") {
+				if (E.sort !== null && E.sort !== void 0) throw TypeError("STable: sortMode=\"multiple\" несовместим с sort; используйте v-model:sorts. / STable: sortMode=\"multiple\" is incompatible with sort; use v-model:sorts.");
+				return null;
+			}
+			return E.sort === null || E.sort === void 0 ? null : et(E.sort, "sort");
+		}), I = f(() => {
+			let e = E.sorts;
+			if (!Array.isArray(e)) throw TypeError("STable: sorts должен быть ordered STableSort array. / STable: sorts must be an ordered STableSort array.");
+			if (N.value === "single") {
+				if (e.length > 0) throw TypeError("STable: sortMode=\"single\" несовместим с непустым sorts; используйте v-model:sort. / STable: sortMode=\"single\" is incompatible with non-empty sorts; use v-model:sort.");
+				return [];
+			}
+			let t = /* @__PURE__ */ new Set();
+			return e.map((e, n) => {
+				let r = et(e, `sorts[${n}]`);
+				if (t.has(r.key)) throw TypeError(`STable: sorts содержит duplicate key ${JSON.stringify(r.key)}. / STable: sorts contains duplicate key ${JSON.stringify(r.key)}.`);
+				return t.add(r.key), r;
+			});
+		}), L = f(() => {
+			let e = F.value, t = I.value;
+			return N.value === "multiple" ? t : e === null ? [] : [e];
+		}), R = Symbol("STable.no-pending-sort"), z = R, B = R;
+		w(N, () => {
+			z = R, B = R;
+		}, { flush: "sync" }), w(F, () => {
+			z = R;
+		}, {
+			deep: !0,
+			flush: "sync"
+		}), w(I, () => {
+			B = R;
+		}, {
+			deep: !0,
+			flush: "sync"
+		});
+		function tt(e) {
+			return L.value.findIndex((t) => t.key === e.field);
+		}
+		function nt(e) {
+			if (N.value !== "multiple") return null;
+			let t = tt(e);
+			return t === -1 ? null : t + 1;
+		}
+		let rt = (e) => {
+			if (!e.sortable) return;
+			if (N.value === "multiple") {
+				let t = L.value[0];
+				return t?.key === e.field ? t.direction : void 0;
+			}
+			let t = L.value[0];
+			return t?.key === e.field ? t.direction : "none";
+		}, it = (e) => {
+			let i = L.value.find((t) => t.key === e.field)?.direction;
+			return i === "ascending" ? n : i === "descending" ? t : r;
+		}, at = (e) => {
+			let t = tt(e), n = t === -1 ? void 0 : L.value[t];
+			if (N.value === "multiple") {
+				if (!n) return O("table.addSortAscending", { column: e.header });
+				let r = n.direction === "ascending" ? O("table.ascending") : O("table.descending"), i = n.direction === "ascending" ? O("table.sortNextDescending") : O("table.removeFromSort");
+				return O("table.multiSortSummary", {
+					column: e.header,
+					priority: t + 1,
+					total: L.value.length,
+					direction: r,
+					action: i
+				});
+			}
+			let r = n?.direction;
+			return O(r === "ascending" ? "table.sortDescending" : r === "descending" ? "table.clearSort" : "table.sortAscending", { column: e.header });
+		};
+		function ot(e) {
+			if (!e.sortable) return;
+			let t = e.field;
+			if (N.value === "multiple") {
+				let e = B === R ? L.value : B, n = e.findIndex((e) => e.key === t), r;
+				r = n === -1 ? [...e, {
+					key: t,
+					direction: "ascending"
+				}] : e[n].direction === "ascending" ? e.map((e, t) => t === n ? {
+					key: e.key,
+					direction: "descending"
+				} : e) : e.filter((e, t) => t !== n), B = r.map((e) => ({ ...e })), D("update:sorts", r), D("multi-sort", r);
+			} else {
+				let e = z === R ? L.value[0] : z ?? void 0, n = e?.key === t ? e.direction === "ascending" ? {
+					key: t,
+					direction: "descending"
+				} : null : {
+					key: t,
+					direction: "ascending"
+				};
+				z = n === null ? null : { ...n }, D("update:sort", n), D("sort", n);
+			}
+		}
+		function V(e) {
+			return typeof e == "string" ? JSON.stringify(e) : String(e);
+		}
+		function H() {
+			return j.value.ariaLabel === void 0 ? `STable [aria-labelledby=${JSON.stringify(j.value.ariaLabelledby)}]` : `STable ${JSON.stringify(j.value.ariaLabel)}`;
+		}
+		function st(e) {
+			return e instanceof Error ? `${e.name}: ${e.message}` : String(e);
+		}
+		function U(e, t) {
+			if (typeof e == "string" && e.trim().length > 0 || typeof e == "number" && Number.isFinite(e)) return e;
+			throw TypeError(`${H()}: ${t} должен вернуть non-empty string | finite number. / ${H()}: ${t} must return a non-empty string | finite number.`);
+		}
+		function ct(e, t) {
+			if (typeof E.getRowKey != "function") throw TypeError(`${H()}: getRowKey должен быть обязательным function resolver. / ${H()}: getRowKey must be a required function resolver.`);
+			let n;
+			try {
+				n = E.getRowKey(e);
+			} catch (e) {
+				throw TypeError(`${H()}: getRowKey failed at data[${t}]: ${st(e)}.`);
+			}
+			return U(n, `getRowKey at data[${t}]`);
+		}
+		function lt(e, t) {
+			if (!Array.isArray(t)) throw TypeError(`${H()}: ${e} должен быть readonly array. / ${H()}: ${e} must be a readonly array.`);
+			let n = [], r = /* @__PURE__ */ new Set();
+			for (let [i, a] of t.entries()) {
+				let t = U(a, `${e}[${i}]`);
+				if (r.has(t)) throw TypeError(`${H()}: ${e} содержит duplicate key ${V(t)}. / ${H()}: ${e} contains duplicate key ${V(t)}.`);
+				r.add(t), n.push(t);
+			}
+			return n;
+		}
+		let ut = f(() => {
+			if (E.selectedRowKey !== void 0) {
+				if (M.value === "multiple") throw TypeError(`${H()}: selectedRowKey несовместим с selectionMode="multiple"; используйте selectedRowKeys. / ${H()}: selectedRowKey is incompatible with selectionMode="multiple"; use selectedRowKeys.`);
+				return U(E.selectedRowKey, "selectedRowKey");
+			}
+		}), W = f(() => {
+			let e = lt("selectedRowKeys", E.selectedRowKeys);
+			if (M.value === "none" && e.length > 0) throw TypeError(`${H()}: selectedRowKeys требует selectionMode="multiple". / ${H()}: selectedRowKeys requires selectionMode="multiple".`);
+			if (E.isRowSelectable !== void 0 && M.value !== "multiple") throw TypeError(`${H()}: isRowSelectable требует selectionMode="multiple". / ${H()}: isRowSelectable requires selectionMode="multiple".`);
+			if (E.isRowSelectable !== void 0 && typeof E.isRowSelectable != "function") throw TypeError(`${H()}: isRowSelectable must be a function.`);
+			return e;
+		}), G = f(() => {
+			let e = lt("expandedRowKeys", E.expandedRowKeys);
+			if (!k && (e.length > 0 || E.isRowExpandable !== void 0)) throw TypeError(`${H()}: expandedRowKeys/isRowExpandable требует slot row-details. / ${H()}: expandedRowKeys/isRowExpandable requires the row-details slot.`);
+			if (E.isRowExpandable !== void 0 && typeof E.isRowExpandable != "function") throw TypeError(`${H()}: isRowExpandable must be a function.`);
+			return e;
+		}), dt = f(() => {
+			let t = P.value;
+			L.value, W.value, G.value;
+			let n = /* @__PURE__ */ new Map(), r = [];
+			for (let [i, a] of E.data.entries()) {
+				let s = ct(a, i), c = n.get(s);
+				if (c !== void 0) throw TypeError(`${H()}: getRowKey вернул duplicate key ${V(s)} at data[${i}]; first returned at data[${c}]. / ${H()}: getRowKey returned duplicate key ${V(s)} at data[${i}]; first returned at data[${c}].`);
+				n.set(s, i);
+				for (let n of t) if ((n.content ?? (n.value === void 0 ? "field" : "value")) === "field" && !e(a, n.field)) throw TypeError(`STable: column ${JSON.stringify(n.field)} не известен row; добавьте typed field или value resolver. / STable: column ${JSON.stringify(n.field)} is unknown to row; add a typed field or value resolver.`);
+				r.push({
+					row: a,
+					key: s,
+					index: i,
+					selectable: M.value === "multiple" && o("STable", `isRowSelectable at data[${i}]`, E.isRowSelectable?.(a, i) ?? !0),
+					expandable: k ? o("STable", `isRowExpandable at data[${i}]`, E.isRowExpandable?.(a, i) ?? !0) : !1
+				});
+			}
+			return r;
+		}), K = f(() => {
+			let e = dt.value, t = ut.value;
+			if (t !== void 0 && !e.some((e) => e.key === t)) throw TypeError(`${H()}: selectedRowKey ${V(t)} отсутствует в resolved row keys. / ${H()}: selectedRowKey ${V(t)} is absent from resolved row keys.`);
+			let n = new Set(G.value);
+			for (let t of e) if (n.has(t.key) && !t.expandable) throw TypeError(`${H()}: expandedRowKeys содержит current row, для которой isRowExpandable вернул false. / ${H()}: expandedRowKeys contains a current row for which isRowExpandable returned false.`);
+			return e;
+		});
+		function ft(e) {
+			return `${typeof e == "number" ? "number" : "string"}:${String(e)}`;
+		}
+		function pt(e) {
+			return `${He}-details-${encodeURIComponent(ft(e))}`;
+		}
+		function q(e, t) {
+			if (E.getRowLabel === void 0) return O("table.rowLabel", { index: t + 1 });
+			if (typeof E.getRowLabel != "function") throw TypeError(`${H()}: getRowLabel must be a function.`);
+			return l("STable", `getRowLabel at data[${t}]`, E.getRowLabel(e, t));
+		}
+		let J = f(() => new Set(W.value)), mt = f(() => new Set(G.value)), Y = f(() => K.value.filter((e) => e.selectable)), ht = f(() => Y.value.filter((e) => J.value.has(e.key)).length), gt = f(() => ht.value > 0), X = f(() => Y.value.length > 0 && ht.value === Y.value.length), _t = f(() => Math.max(P.value.length + +(M.value === "multiple") + +!!k, 1));
+		function Z(e) {
+			return M.value === "multiple" && J.value.has(e.key);
+		}
+		function vt(e) {
+			return M.value === "multiple" ? Z(e) ? "true" : "false" : e.key === ut.value ? "true" : void 0;
+		}
+		function yt(e) {
+			let t = q(e.row, e.index);
+			return e.selectable ? Z(e) ? O("table.deselectRow", { label: t }) : O("table.selectRow", { label: t }) : O("table.selectionUnavailable", { label: t });
+		}
+		function bt(e, t) {
+			if (!e.selectable) return;
+			let n = e.key, r = W.value;
+			t && !J.value.has(n) && D("update:selectedRowKeys", [...r, n]), !t && J.value.has(n) && D("update:selectedRowKeys", r.filter((e) => e !== n));
+		}
+		function xt(e) {
+			let t = W.value, n = new Set(Y.value.map((e) => e.key));
+			if (!e) {
+				D("update:selectedRowKeys", t.filter((e) => !n.has(e)));
+				return;
+			}
+			let r = [...t], i = new Set(t);
+			for (let e of n) i.has(e) || r.push(e);
+			D("update:selectedRowKeys", r);
+		}
+		function Q(e) {
+			return mt.value.has(e.key);
+		}
+		function St(e) {
+			let t = q(e.row, e.index);
+			return Q(e) ? O("table.collapseRow", { label: t }) : O("table.expandRow", { label: t });
+		}
+		function Ct(e) {
+			if (!e.expandable) return;
+			let t = e.key, n = !mt.value.has(t), r = n ? [...G.value, t] : G.value.filter((e) => e !== t);
+			D("update:expandedRowKeys", r), D("row-expand", e.row, e.index, n);
+		}
+		let $ = (e, t) => t.value ? t.value(e) : t.content === "slot" ? void 0 : Reflect.get(e, t.field), wt = (e) => c("STable", "rowState", E.rowState?.(e) ?? "default", Pe), Tt = (e, t) => c("STable", "cellState", E.cellState?.(e, t) ?? "default", Fe);
+		return (e, t) => (y(), h("div", se(C(Ve).bindings(), {
+			class: "s-table-wrapper",
+			"data-surface": Ze.value,
+			"data-min-width": Qe.value,
+			"data-max-height": $e.value
+		}), [g("table", {
+			class: "s-table",
+			"data-density": Xe.value,
+			"aria-label": j.value.ariaLabel,
+			"aria-labelledby": j.value.ariaLabelledby,
+			"aria-describedby": Ye.value,
+			"aria-busy": A.value ? "true" : void 0
+		}, [g("thead", pe, [g("tr", null, [
+			M.value === "multiple" ? (y(), h("th", me, [oe(u, {
+				"model-value": X.value,
+				indeterminate: gt.value && !X.value,
+				disabled: Y.value.length === 0,
+				"aria-label": X.value ? C(O)("table.clearAllRows") : C(O)("table.selectAllRows"),
+				"onUpdate:modelValue": xt
+			}, null, 8, [
+				"model-value",
+				"indeterminate",
+				"disabled",
+				"aria-label"
+			])])) : m("", !0),
+			k ? (y(), h("th", he, [g("span", ge, S(C(O)("table.rowDetails")), 1)])) : m("", !0),
+			(y(!0), h(d, null, b(P.value, (t) => (y(), h("th", {
+				key: t.field,
+				scope: "col",
+				"data-width": t.width,
+				"data-min-width": t.minWidth,
+				"data-align": t.align ?? "left",
+				"data-sortable": t.sortable || void 0,
+				"aria-sort": rt(t)
+			}, [t.sortable ? (y(), p(te, {
+				key: 0,
+				"aria-label": at(t),
+				appearance: "text",
+				severity: "secondary",
+				size: "xs",
+				density: "compact",
+				width: "full",
+				"content-align": t.align === "right" ? "end" : t.align === "center" ? "center" : "start",
+				"trailing-icon": it(t),
+				badge: nt(t) ?? void 0,
+				"badge-severity": "primary",
+				onClick: (e) => ot(t)
+			}, {
+				default: ue(() => [g("span", {
+					class: "s-table__header-content",
+					"data-header-presentation": t.headerPresentation ?? "visible"
+				}, [x(e.$slots, "column", { column: t }, () => [x(e.$slots, `header-${t.field}`, { column: t }, () => [_(S(t.header), 1)], !0)], !0)], 8, ve)]),
+				_: 2
+			}, 1032, [
+				"aria-label",
+				"content-align",
+				"trailing-icon",
+				"badge",
+				"onClick"
+			])) : (y(), h("span", {
+				key: 1,
+				class: "s-table__header-content",
+				"data-header-presentation": t.headerPresentation ?? "visible"
+			}, [x(e.$slots, "column", { column: t }, () => [x(e.$slots, `header-${t.field}`, { column: t }, () => [_(S(t.header), 1)], !0)], !0)], 8, ye))], 8, _e))), 128))
+		])]), g("tbody", be, [A.value || v.errorMessage || K.value.length === 0 ? (y(), p(ne, {
+			key: 0,
+			state: A.value ? {
+				status: "loading",
+				message: qe.value
+			} : v.errorMessage ? {
+				status: "error",
+				message: v.errorMessage
+			} : {
+				status: "empty",
+				message: Je.value
+			},
+			presentation: "table-row",
+			colspan: _t.value
+		}, null, 8, ["state", "colspan"])) : (y(!0), h(d, { key: 1 }, b(K.value, (t) => (y(), h(d, { key: ft(t.key) }, [g("tr", {
+			"data-state": wt(t.row),
+			"data-selected": Z(t) || void 0,
+			"aria-selected": vt(t),
+			tabindex: "0",
+			onClick: (e) => We(e, t.row, t.index),
+			onContextmenu: (e) => Ge(e, t.row, t.index),
+			onKeydown: [T((e) => Ke(e, t.row, t.index), ["enter"]), T((e) => Ke(e, t.row, t.index), ["space"])]
+		}, [
+			M.value === "multiple" ? (y(), h("td", Se, [oe(u, {
+				"model-value": Z(t),
+				disabled: !t.selectable,
+				"aria-label": yt(t),
+				"onUpdate:modelValue": (e) => bt(t, e)
+			}, null, 8, [
+				"model-value",
+				"disabled",
+				"aria-label",
+				"onUpdate:modelValue"
+			])])) : m("", !0),
+			k ? (y(), h("td", Ce, [t.expandable ? (y(), p(te, {
+				key: 0,
+				"aria-label": St(t),
+				appearance: "text",
+				severity: "secondary",
+				size: "xs",
+				density: "compact",
+				shape: "square",
+				"icon-only": "",
+				disclosure: {
+					expanded: Q(t),
+					controls: pt(t.key),
+					iconPlacement: "leading"
+				},
+				onClick: (e) => Ct(t)
+			}, null, 8, [
+				"aria-label",
+				"disclosure",
+				"onClick"
+			])) : m("", !0)])) : m("", !0),
+			(y(!0), h(d, null, b(P.value, (n) => (y(), h("td", {
+				key: n.field,
+				"data-align": n.align ?? "left",
+				"data-state": Tt(t.row, n)
+			}, [x(e.$slots, `cell-${n.field}`, {
+				value: $(t.row, n),
+				row: t.row,
+				column: n,
+				rowIndex: t.index
+			}, () => [x(e.$slots, "cell", {
+				value: $(t.row, n),
+				row: t.row,
+				column: n,
+				rowIndex: t.index
+			}, () => [_(S($(t.row, n)), 1)], !0)], !0)], 8, we))), 128))
+		], 40, xe), t.expandable && Q(t) ? (y(), h("tr", Te, [g("td", { colspan: _t.value }, [g("div", {
+			id: pt(t.key),
+			class: "s-table__row-details",
+			role: "region",
+			"aria-label": C(O)("table.detailsFor", { label: q(t.row, t.index) })
+		}, [x(e.$slots, "row-details", {
+			row: t.row,
+			rowIndex: t.index
+		}, void 0, !0)], 8, De)], 8, Ee)])) : m("", !0)], 64))), 128))])], 8, fe)], 16, de));
+	}
+});
+//#endregion
+export { Oe as default };

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,37 @@
+import { useUiKitLocale as e } from "../../../composables/useUiKitLocale.js";
+import { useNotifierStore as t } from "../../../stores/useNotifierStore.js";
+import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
+import r from "./SControlledToastViewport.vue.js";
+import { computed as i, createBlock as a, defineComponent as o, mergeProps as s, openBlock as c, unref as l } from "vue";
+//#region src/components/shared/data-display/SToastContainer.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "SToastContainer",
+	setup(o) {
+		let u = t(), d = i(() => u.notifications.map((e) => ({
+			id: e.id,
+			severity: e.severity,
+			title: e.title,
+			message: e.message
+		}))), f = n({
+			component: "SToastContainer",
+			owner: "toast container root"
+		}), { t: p } = e();
+		function m(e) {
+			u.remove(e.id);
+		}
+		return (e, t) => (c(), a(r, s(l(f).bindings(), {
+			notifications: d.value,
+			"accessible-label": l(p)("feedback.notifications"),
+			"lifetime-owner": "consumer",
+			"max-visible": Math.max(1, d.value.length),
+			onDismiss: m
+		}), null, 16, [
+			"notifications",
+			"accessible-label",
+			"max-visible"
+		]));
+	}
+});
+//#endregion
+export { u as default };