@shtabapp/ui-kit 1.61.0 → 1.63.0

package/dist/index.js

@@ -11,7 +11,7 @@ import { n as ce } from "./useSelectLink-2aCIYmF6.js";
 import { i as le, n as ue, r as de, t as fe } from "./SButtonGroup-DPq5g7bZ.js";
 import { i as pe, n as me, r as he, t as ge } from "./SCheckbox-BMkOc5cn.js";
 import { n as _e, t as ve } from "./SCard-DgGxjBUV.js";
-import { t as ye } from "./SSegmentControl-CAoM03V6.js";
+import { t as ye } from "./SSegmentControl-B9KkAQiG.js";
 import { n as be, r as xe, t as Se } from "./STab-ltjZBvbK.js";
 import { t as Ce } from "./STabs-CU1lSmcH.js";
 import { i as we, n as Te, r as Ee, t as De } from "./useFloatingOverlay-QcumEYEq.js";
@@ -30,26 +30,27 @@ import { n as tt, r as nt, t as rt } from "./SToggle-sGw-LSNd.js";
 import { n as it, t as at } from "./SInlineInput-DO_glYxP.js";
 import { t as ot } from "./STextarea-BDyy7Ku5.js";
 import { n as st, r as ct, t as lt } from "./SPhotoEdit-CTXpy4AE.js";
-import { a as ut, i as dt, n as ft, r as pt, t as mt, v as T, w as E } from "./SChartSkeletonHost-BT96eWSF.js";
-import { t as ht } from "./SChartLine-DSQaezYq.js";
-import { t as gt } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
-import { t as _t } from "./SChartStackedArea-BxUex_Di.js";
-import { t as vt } from "./SChartStackedBar-BJ9LOgSP.js";
-import { t as yt } from "./SChartHorizontalBar-XNasKzaO.js";
-import { t as bt } from "./SChartPie-bN8rY-y5.js";
-import { t as xt } from "./SChartMultiLine-CrMmphFe.js";
-import { t as St } from "./SChartBurnup-Dxi0MBwo.js";
-import { t as Ct } from "./SChartProgress-BtwqE4xL.js";
-import { t as wt } from "./SChartLegend-oZoF8XK7.js";
-import { t as Tt } from "./useHasListener-RSjlUyqH.js";
-import { a as Et, c as Dt, i as Ot, l as kt, n as At, o as jt, r as Mt, s as Nt, t as Pt, u as Ft } from "./buildWorkTimeLegendItems-ChGHTwbn.js";
-import { Fragment as It, Teleport as Lt, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as Rt, createTextVNode as M, createVNode as zt, defineComponent as N, mergeModels as Bt, mergeProps as Vt, normalizeClass as P, normalizeStyle as F, onMounted as Ht, openBlock as I, ref as L, renderList as Ut, renderSlot as R, resolveDynamicComponent as Wt, shallowRef as z, toDisplayString as B, unref as V, useModel as Gt, useSlots as H, useTemplateRef as Kt, watch as qt, withCtx as U } from "vue";
-import { ESIconName as W, SIcon as Jt, createUiKit as Yt, setUiKitLocale as Xt, uiKitLocaleEn as Zt, uiKitLocaleRu as Qt, useUiKitI18n as $t, useUiKitI18n as en } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as tn } from "@vueuse/core";
+import { t as ut } from "./SChartLegend-oZoF8XK7.js";
+import { C as dt, S as T, g as E, n as ft, r as pt, t as mt, w as ht } from "./useChartInteractivity-BATdT86l.js";
+import { t as gt } from "./SChartLine-Cs1JzPEK.js";
+import { t as _t } from "./resolveSeriesPaletteColor-DcLSyk-D.js";
+import { t as vt } from "./SChartStackedArea-BQGnKp1i.js";
+import { t as yt } from "./SChartStackedBar-fiUU9lNp.js";
+import { t as bt } from "./SChartHorizontalBar-DDo6TfE8.js";
+import { t as xt } from "./SChartPie-Bt3o7LZI.js";
+import { t as St } from "./SChartMultiLine-DqCQ7FCv.js";
+import { t as Ct } from "./SChartBurnup-DyJHdRlf.js";
+import { t as wt } from "./useHasListener-RSjlUyqH.js";
+import { t as Tt } from "./SChartBar-BVgwPlYi.js";
+import { t as Et } from "./SChartProgress-uMg4DBpS.js";
+import { a as Dt, c as Ot, i as kt, l as At, n as jt, o as Mt, r as Nt, s as Pt, t as Ft, u as It } from "./buildWorkTimeLegendItems-ChGHTwbn.js";
+import { Fragment as Lt, Teleport as Rt, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as M, createTextVNode as N, createVNode as zt, defineComponent as P, mergeModels as Bt, mergeProps as Vt, normalizeClass as F, normalizeStyle as I, onMounted as Ht, openBlock as L, ref as R, renderList as Ut, renderSlot as z, resolveDynamicComponent as Wt, shallowRef as B, toDisplayString as V, unref as H, useModel as Gt, useSlots as U, useTemplateRef as W, watch as Kt, withCtx as G } from "vue";
+import { ESIconName as K, SIcon as qt, createUiKit as Jt, setUiKitLocale as Yt, uiKitLocaleEn as Xt, uiKitLocaleRu as Zt, useUiKitI18n as Qt, useUiKitI18n as $t } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as en } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
 //#region src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts
-var G = [
+var tn = [
 	"--s-ui-chart-segmented-bar-palette-1",
 	"--s-ui-chart-segmented-bar-palette-2",
 	"--s-ui-chart-segmented-bar-palette-3",
@@ -58,7 +59,7 @@ var G = [
 	"--s-ui-chart-segmented-bar-palette-6",
 	"--s-ui-chart-segmented-bar-palette-7",
 	"--s-ui-chart-segmented-bar-palette-8"
-], K = [
+], nn = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-1",
 	"--s-ui-chart-segmented-bar-skeleton-palette-2",
 	"--s-ui-chart-segmented-bar-skeleton-palette-3",
@@ -67,11 +68,11 @@ var G = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-6",
 	"--s-ui-chart-segmented-bar-skeleton-palette-7",
 	"--s-ui-chart-segmented-bar-skeleton-palette-8"
-], nn = (e, t, n, r = !1) => gt(e, t, n, r, {
-	palette: G,
-	paletteFallback: G[0],
-	skeletonPalette: K,
-	skeletonFallback: K[0]
+], rn = (e, t, n, r = !1) => _t(e, t, n, r, {
+	palette: tn,
+	paletteFallback: tn[0],
+	skeletonPalette: nn,
+	skeletonFallback: nn[0]
 }), q = /* @__PURE__ */ function(e) {
 	return e.INFO_ACCENT = "info-accent", e.INFO_NORMAL = "info-normal", e.SUCCESS = "success", e.WARNING = "warning", e.DANGER = "danger", e.BILLING = "billing", e;
 }({}), J = /* @__PURE__ */ function(e) {
@@ -80,20 +81,20 @@ var G = [
 	return e.ICON = "icon", e.AVATAR = "avatar", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.BANNER = "banner", e.TOAST = "toast", e;
-}({}), rn = {
-	[q.INFO_ACCENT]: W.infoCircle,
-	[q.INFO_NORMAL]: W.infoCircle,
-	[q.SUCCESS]: W.checkCircle,
-	[q.WARNING]: W.alertCircle,
-	[q.DANGER]: W.dangerCircleFill,
-	[q.BILLING]: W.infoCircle
-}, an = (e, t) => t || rn[e], on = ["role"], sn = { class: "s-ui-notification__body" }, cn = {
+}({}), an = {
+	[q.INFO_ACCENT]: K.infoCircle,
+	[q.INFO_NORMAL]: K.infoCircle,
+	[q.SUCCESS]: K.checkCircle,
+	[q.WARNING]: K.alertCircle,
+	[q.DANGER]: K.dangerCircleFill,
+	[q.BILLING]: K.infoCircle
+}, on = (e, t) => t || an[e], sn = ["role"], cn = { class: "s-ui-notification__body" }, ln = {
 	key: 0,
 	class: "s-ui-notification__leftside"
-}, ln = {
+}, un = {
 	key: 0,
 	class: "s-ui-notification__icon"
-}, un = { class: "s-ui-notification__content" }, dn = { class: "s-ui-notification__title-row" }, fn = { class: "s-ui-notification__title s-ui-typography-label-14-medium" }, pn = {
+}, dn = { class: "s-ui-notification__content" }, fn = { class: "s-ui-notification__title-row" }, pn = {
 	key: 0,
 	class: "s-ui-notification__description-block"
 }, mn = {
@@ -105,7 +106,7 @@ var G = [
 }, gn = {
 	key: 1,
 	class: "s-ui-notification__actions-row"
-}, _n = /* @__PURE__ */ N({
+}, _n = /* @__PURE__ */ P({
 	__name: "SNotification",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -129,7 +130,11 @@ var G = [
 		icon: {},
 		avatar: {},
 		width: {},
-		maxWidth: {}
+		maxWidth: {},
+		truncateTitle: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: [
 		"close",
@@ -138,14 +143,14 @@ var G = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = H(), i = D(() => [
+		let n = t, r = U(), i = D(() => [
 			`s-ui-notification--type-${e.type}`,
 			`s-ui-notification--layout-${e.layout}`,
 			`s-ui-notification--surface-${e.surface}`
 		]), a = D(() => {
 			let t = {};
 			return e.width && (t.width = typeof e.width == "number" ? `${e.width}px` : e.width), e.maxWidth && (t.maxWidth = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth), t;
-		}), s = D(() => e.type === q.DANGER ? "alert" : "status"), l = D(() => an(e.type, e.icon)), u = D(() => e.type === q.BILLING), d = D(() => !!(e.leftside === Y.AVATAR && e.avatar || e.leftside === Y.ICON)), f = D(() => !!(e.description || e.linkText || r.description)), p = D(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = D(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = D(() => e.type === q.BILLING ? C.MAJOR : C.OUTLINED), g = D(() => e.type === q.BILLING ? S.BILLING : S.MAIN), _ = () => {
+		}), s = D(() => e.type === q.DANGER ? "alert" : "status"), l = D(() => on(e.type, e.icon)), u = D(() => e.type === q.BILLING), d = D(() => !!(e.leftside === Y.AVATAR && e.avatar || e.leftside === Y.ICON)), f = D(() => !!(e.description || e.linkText || r.description)), p = D(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = D(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = D(() => e.type === q.BILLING ? C.MAJOR : C.OUTLINED), g = D(() => e.type === q.BILLING ? S.BILLING : S.MAIN), _ = () => {
 			n("close");
 		}, v = () => {
 			n("linkClick");
@@ -154,21 +159,21 @@ var G = [
 		}, b = () => {
 			n("secondaryAction");
 		};
-		return (t, n) => (I(), A("div", {
-			class: P(["s-ui-notification", i.value]),
-			style: F(a.value),
+		return (t, n) => (L(), A("div", {
+			class: F(["s-ui-notification", i.value]),
+			style: I(a.value),
 			role: s.value
-		}, [j("div", sn, [
-			d.value ? (I(), A("div", cn, [e.leftside === V(Y).ICON ? (I(), A("div", ln, [zt(V(Jt), {
+		}, [j("div", cn, [
+			d.value ? (L(), A("div", ln, [e.leftside === H(Y).ICON ? (L(), A("div", un, [zt(H(qt), {
 				name: l.value,
 				size: 16,
 				billing: u.value
-			}, null, 8, ["name", "billing"])])) : e.leftside === V(Y).AVATAR && e.avatar ? (I(), O(V(c), {
+			}, null, 8, ["name", "billing"])])) : e.leftside === H(Y).AVATAR && e.avatar ? (L(), O(H(c), {
 				key: 1,
 				name: e.avatar.name,
 				src: e.avatar.src,
 				badge: e.avatar.badge,
-				size: V(o).SIZE_20,
+				size: H(o).SIZE_20,
 				showName: !1
 			}, null, 8, [
 				"name",
@@ -176,13 +181,13 @@ var G = [
 				"badge",
 				"size"
 			])) : k("", !0)])) : k("", !0),
-			j("div", un, [
-				j("div", dn, [j("span", fn, [R(t.$slots, "title", {}, () => [M(B(e.title), 1)])]), e.layout === V(J).VERTICAL && e.closable ? (I(), O(V(w), {
+			j("div", dn, [
+				j("div", fn, [j("span", { class: F(["s-ui-notification__title s-ui-typography-label-14-medium", { "s-ui-notification__title--truncated": e.truncateTitle }]) }, [z(t.$slots, "title", {}, () => [N(V(e.title), 1)])], 2), e.layout === H(J).VERTICAL && e.closable ? (L(), O(H(w), {
 					key: 0,
 					class: "s-ui-notification__close",
-					appearance: V(C).BARE,
-					variant: V(S).NEUTRAL,
-					size: V(x).SMALL,
+					appearance: H(C).BARE,
+					variant: H(S).NEUTRAL,
+					size: H(x).SMALL,
 					"aria-label": e.closeAriaLabel,
 					icon: "closeMini",
 					onClick: _
@@ -192,42 +197,42 @@ var G = [
 					"size",
 					"aria-label"
 				])) : k("", !0)]),
-				f.value ? (I(), A("div", pn, [e.description || V(r).description ? (I(), A("span", mn, [R(t.$slots, "description", {}, () => [M(B(e.description), 1)])])) : k("", !0), e.linkText ? (I(), O(V(w), {
+				f.value ? (L(), A("div", pn, [e.description || H(r).description ? (L(), A("span", mn, [z(t.$slots, "description", {}, () => [N(V(e.description), 1)])])) : k("", !0), e.linkText ? (L(), O(H(w), {
 					key: 1,
 					class: "s-ui-notification__link",
-					appearance: V(C).BARE,
-					variant: V(S).MAIN,
-					size: V(x).SMALL,
+					appearance: H(C).BARE,
+					variant: H(S).MAIN,
+					size: H(x).SMALL,
 					onClick: v
 				}, {
-					default: U(() => [M(B(e.linkText), 1)]),
+					default: G(() => [N(V(e.linkText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
 				])) : k("", !0)])) : k("", !0),
-				e.layout === V(J).VERTICAL && p.value ? (I(), A("div", hn, [e.showPrimaryButton && e.primaryButtonText ? (I(), O(V(w), {
+				e.layout === H(J).VERTICAL && p.value ? (L(), A("div", hn, [e.showPrimaryButton && e.primaryButtonText ? (L(), O(H(w), {
 					key: 0,
 					appearance: h.value,
 					variant: g.value,
-					size: V(x).SMALL,
+					size: H(x).SMALL,
 					onClick: y
 				}, {
-					default: U(() => [M(B(e.primaryButtonText), 1)]),
+					default: G(() => [N(V(e.primaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : k("", !0), e.showPrimaryButton && e.secondaryButtonText ? (I(), O(V(w), {
+				])) : k("", !0), e.showPrimaryButton && e.secondaryButtonText ? (L(), O(H(w), {
 					key: 1,
-					appearance: V(C).BARE,
-					variant: V(S).NEUTRAL,
-					size: V(x).SMALL,
+					appearance: H(C).BARE,
+					variant: H(S).NEUTRAL,
+					size: H(x).SMALL,
 					onClick: b
 				}, {
-					default: U(() => [M(B(e.secondaryButtonText), 1)]),
+					default: G(() => [N(V(e.secondaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
@@ -235,25 +240,25 @@ var G = [
 					"size"
 				])) : k("", !0)])) : k("", !0)
 			]),
-			e.layout === V(J).HORIZONTAL && m.value ? (I(), A("div", gn, [e.showPrimaryButton && e.primaryButtonText ? (I(), O(V(w), {
+			e.layout === H(J).HORIZONTAL && m.value ? (L(), A("div", gn, [e.showPrimaryButton && e.primaryButtonText ? (L(), O(H(w), {
 				key: 0,
 				appearance: h.value,
 				variant: g.value,
-				size: V(x).SMALL,
+				size: H(x).SMALL,
 				onClick: y
 			}, {
-				default: U(() => [M(B(e.primaryButtonText), 1)]),
+				default: G(() => [N(V(e.primaryButtonText), 1)]),
 				_: 1
 			}, 8, [
 				"appearance",
 				"variant",
 				"size"
-			])) : k("", !0), e.layout === V(J).HORIZONTAL && e.closable ? (I(), O(V(w), {
+			])) : k("", !0), e.layout === H(J).HORIZONTAL && e.closable ? (L(), O(H(w), {
 				key: 1,
 				class: "s-ui-notification__close",
-				appearance: V(C).BARE,
-				variant: V(S).NEUTRAL,
-				size: V(x).SMALL,
+				appearance: H(C).BARE,
+				variant: H(S).NEUTRAL,
+				size: H(x).SMALL,
 				"aria-label": e.closeAriaLabel,
 				icon: "closeMini",
 				onClick: _
@@ -263,9 +268,9 @@ var G = [
 				"size",
 				"aria-label"
 			])) : k("", !0)])) : k("", !0)
-		])], 14, on));
+		])], 14, sn));
 	}
-}), vn = /* @__PURE__ */ N({
+}), vn = /* @__PURE__ */ P({
 	__name: "SBanner",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -287,7 +292,11 @@ var G = [
 		closeAriaLabel: { default: "" },
 		icon: {},
 		avatar: {},
-		maxWidth: {}
+		maxWidth: {},
+		truncateTitle: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: [
 		"close",
@@ -296,14 +305,14 @@ var G = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = H();
-		return (t, i) => (I(), O(_n, {
+		let n = t, r = U();
+		return (t, i) => (L(), O(_n, {
 			class: "s-ui-banner",
 			"data-qa": "ui:banner",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: V(X).BANNER,
+			surface: H(X).BANNER,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -315,17 +324,18 @@ var G = [
 			icon: e.icon,
 			avatar: e.avatar,
 			maxWidth: e.maxWidth,
+			truncateTitle: e.truncateTitle,
 			onClose: i[0] ||= (e) => n("close"),
 			onLinkClick: i[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: i[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: i[3] ||= (e) => n("secondaryAction")
-		}, Rt({ _: 2 }, [V(r).title ? {
+		}, M({ _: 2 }, [H(r).title ? {
 			name: "title",
-			fn: U(() => [R(t.$slots, "title")]),
+			fn: G(() => [z(t.$slots, "title")]),
 			key: "0"
-		} : void 0, V(r).description ? {
+		} : void 0, H(r).description ? {
 			name: "description",
-			fn: U(() => [R(t.$slots, "description")]),
+			fn: G(() => [z(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -342,10 +352,11 @@ var G = [
 			"closeAriaLabel",
 			"icon",
 			"avatar",
-			"maxWidth"
+			"maxWidth",
+			"truncateTitle"
 		]));
 	}
-}), yn = /* @__PURE__ */ N({
+}), yn = /* @__PURE__ */ P({
 	__name: "SToast",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -367,7 +378,11 @@ var G = [
 		closeAriaLabel: { default: "" },
 		icon: {},
 		avatar: {},
-		width: {}
+		width: {},
+		truncateTitle: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	emits: [
 		"close",
@@ -376,14 +391,14 @@ var G = [
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = H(), i = D(() => e.width ?? 360);
-		return (t, a) => (I(), O(_n, {
+		let n = t, r = U(), i = D(() => e.width ?? 360);
+		return (t, a) => (L(), O(_n, {
 			class: "s-ui-toast",
 			"data-qa": "ui:toast",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: V(X).TOAST,
+			surface: H(X).TOAST,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -395,17 +410,18 @@ var G = [
 			icon: e.icon,
 			avatar: e.avatar,
 			width: i.value,
+			truncateTitle: e.truncateTitle,
 			onClose: a[0] ||= (e) => n("close"),
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, Rt({ _: 2 }, [V(r).title ? {
+		}, M({ _: 2 }, [H(r).title ? {
 			name: "title",
-			fn: U(() => [R(t.$slots, "title")]),
+			fn: G(() => [z(t.$slots, "title")]),
 			key: "0"
-		} : void 0, V(r).description ? {
+		} : void 0, H(r).description ? {
 			name: "description",
-			fn: U(() => [R(t.$slots, "description")]),
+			fn: G(() => [z(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -422,7 +438,8 @@ var G = [
 			"closeAriaLabel",
 			"icon",
 			"avatar",
-			"width"
+			"width",
+			"truncateTitle"
 		]));
 	}
 }), bn = .05, xn = [
@@ -431,7 +448,7 @@ var G = [
 	"data-expanded",
 	"data-removed",
 	"data-visible"
-], Sn = /* @__PURE__ */ N({
+], Sn = /* @__PURE__ */ P({
 	__name: "SToastProviderToast",
 	props: {
 		index: {},
@@ -444,7 +461,7 @@ var G = [
 	},
 	emits: ["heightChange"],
 	setup(e, { emit: t }) {
-		let n = t, r = L(null), i = L(0), a = L(!1), o = D(() => e.index === 0), s = D(() => 1 - e.index * bn), c = D(() => ({
+		let n = t, r = R(null), i = R(0), a = R(!1), o = D(() => e.index === 0), s = D(() => 1 - e.index * bn), c = D(() => ({
 			"--s-ui-toast-provider-toasts-before": String(e.index),
 			"--s-ui-toast-provider-lift-amount": `${e.stackPeek * -1}px`,
 			"--s-ui-toast-provider-front-toast-height": `${e.frontToastHeight}px`,
@@ -453,7 +470,7 @@ var G = [
 			"--s-ui-toast-provider-stack-scale": String(s.value),
 			zIndex: String(1e3 - e.index)
 		}));
-		return tn(r, (e) => {
+		return en(r, (e) => {
 			let t = e[0]?.contentRect.height ?? 0;
 			t !== i.value && (i.value = t, n("heightChange", t));
 		}), Ht(() => {
@@ -462,24 +479,24 @@ var G = [
 					a.value = !0;
 				});
 			});
-		}), (t, n) => (I(), A("div", {
+		}), (t, n) => (L(), A("div", {
 			class: "s-ui-toast-provider__toast",
 			"data-mounted": a.value,
 			"data-front": o.value,
 			"data-expanded": e.expanded,
 			"data-removed": e.removed,
 			"data-visible": e.visible,
-			style: F(c.value)
+			style: I(c.value)
 		}, [j("div", {
 			ref_key: "contentRef",
 			ref: r,
 			class: "s-ui-toast-provider__toast-content"
-		}, [R(t.$slots, "default")], 512)], 12, xn));
+		}, [z(t.$slots, "default")], 512)], 12, xn));
 	}
 }), Cn = 4e3, wn = 1e4, Tn = 50, En = (e, t) => {
 	let n = Cn + (e.length + (t?.length ?? 0)) * 50;
 	return n > 1e4 ? wn : n;
-}, Z = z([]), Q = /* @__PURE__ */ new Map(), Dn = 0, On = {
+}, Z = B([]), Q = /* @__PURE__ */ new Map(), Dn = 0, On = {
 	type: q.INFO_ACCENT,
 	layout: J.HORIZONTAL,
 	leftside: Y.ICON,
@@ -534,11 +551,11 @@ var G = [
 	hide: jn,
 	hideAll: Mn,
 	update: Fn
-}), Ln = /* @__PURE__ */ N({
+}), Ln = /* @__PURE__ */ P({
 	__name: "SToastProvider",
 	setup(e) {
-		let { toasts: t, hide: n } = In(), r = D(() => t.value.slice(0, 3)), i = L(!1), a = z({}), o = L(/* @__PURE__ */ new Set()), s = D(() => t.value[0] ?? null), c = D(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = L(0), u = D(() => c.value > 0 ? c.value : l.value);
-		qt(c, (e) => {
+		let { toasts: t, hide: n } = In(), r = D(() => t.value.slice(0, 3)), i = R(!1), a = B({}), o = R(/* @__PURE__ */ new Set()), s = D(() => t.value[0] ?? null), c = D(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = R(0), u = D(() => c.value > 0 ? c.value : l.value);
+		Kt(c, (e) => {
 			e > 0 && (l.value = e);
 		});
 		let d = D(() => {
@@ -580,32 +597,32 @@ var G = [
 		}, b = (e) => {
 			e.onSecondaryAction && e.onSecondaryAction();
 		};
-		return (e, t) => (I(), O(Lt, { to: "body" }, [j("div", {
+		return (e, t) => (L(), O(Rt, { to: "body" }, [j("div", {
 			class: "s-ui-toast-provider",
 			onMouseenter: m,
 			onMouseleave: h
-		}, [r.value.length > 0 ? (I(), A("div", {
+		}, [r.value.length > 0 ? (L(), A("div", {
 			key: 0,
 			class: "s-ui-toast-provider__list",
-			style: F(d.value)
-		}, [(I(!0), A(It, null, Ut(r.value, (t, n) => (I(), O(Sn, {
+			style: I(d.value)
+		}, [(L(!0), A(Lt, null, Ut(r.value, (t, n) => (L(), O(Sn, {
 			key: t.id,
 			index: n,
 			expanded: i.value,
 			"front-toast-height": u.value,
-			"stack-peek": V(10),
+			"stack-peek": H(10),
 			removed: p(t.id),
-			visible: n < V(3),
+			visible: n < H(3),
 			"offset-y": f(n),
 			onHeightChange: (e) => g(t.id, e)
 		}, {
-			default: U(() => [R(e.$slots, "toast", { toast: t }, () => [t.component ? (I(), O(Wt(t.component), Vt({
+			default: G(() => [z(e.$slots, "toast", { toast: t }, () => [t.component ? (L(), O(Wt(t.component), Vt({
 				key: 0,
 				ref_for: !0
 			}, t.componentProps, {
 				toast: t,
 				onClose: (e) => _(t.id)
-			}), null, 16, ["toast", "onClose"])) : (I(), O(V(yn), {
+			}), null, 16, ["toast", "onClose"])) : (L(), O(H(yn), {
 				key: 1,
 				type: t.type,
 				layout: t.layout,
@@ -621,6 +638,7 @@ var G = [
 				icon: t.icon,
 				avatar: t.avatar,
 				width: t.width,
+				truncateTitle: t.truncateTitle,
 				onClose: (e) => _(t.id),
 				onLinkClick: (e) => v(t),
 				onPrimaryAction: (e) => y(t),
@@ -640,6 +658,7 @@ var G = [
 				"icon",
 				"avatar",
 				"width",
+				"truncateTitle",
 				"onClose",
 				"onLinkClick",
 				"onPrimaryAction",
@@ -682,9 +701,9 @@ var G = [
 	id: "segmentedBarBadge",
 	afterDatasetsDraw(t) {
 		let n = {
-			background: E(T.pieBadgeBackground, e),
-			border: E(T.pieBadgeBorder, e),
-			text: E(T.pieBadgeText, e)
+			background: T(E.pieBadgeBackground, e),
+			border: T(E.pieBadgeBorder, e),
+			text: T(E.pieBadgeText, e)
 		}, { ctx: r } = t;
 		r.save(), r.font = Vn, r.textAlign = "center", r.textBaseline = "middle", t.data.datasets.forEach((e, i) => {
 			let a = t.getDatasetMeta(i)?.data[0], o = e.data[0];
@@ -699,7 +718,7 @@ var G = [
 	"touchmove"
 ], Zn = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, onSegmentClick: i }) => {
 	if (e.length === 0) return null;
-	let a = E("--s-ui-color-surface-primary", n), o = e.reduce((e, t) => e + t.value, 0), s = ut({
+	let a = T("--s-ui-color-surface-primary", n), o = e.reduce((e, t) => e + t.value, 0), s = pt({
 		kind: "series",
 		skeleton: r,
 		colorHostElement: n,
@@ -769,7 +788,7 @@ var G = [
 ].map((e, t) => ({
 	label: `Series ${t + 1}`,
 	value: e
-})), $n = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, er = /* @__PURE__ */ N({
+})), $n = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, er = /* @__PURE__ */ P({
 	__name: "SChartSegmentedBar",
 	props: {
 		segments: { default: () => [] },
@@ -784,7 +803,7 @@ var G = [
 	},
 	emits: ["segmentClick"],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = ft, a = Kt("chartRootRef"), o = Kt("chartCanvasRef"), s = D(() => e.loading ? Qn : e.segments), c = D(() => s.value.map((t, n) => nn(n, a.value, t.fillColor, e.loading))), l = D(() => s.value.map((e, t) => ({
+		let r = n, i = ht, a = W("chartRootRef"), o = W("chartCanvasRef"), s = D(() => e.loading ? Qn : e.segments), c = D(() => s.value.map((t, n) => rn(n, a.value, t.fillColor, e.loading))), l = D(() => s.value.map((e, t) => ({
 			segment: e,
 			segmentIndex: t
 		})).filter(({ segment: e }) => e.value > 0)), u = D(() => l.value.map(({ segment: e }) => e)), d = D(() => l.value.map(({ segmentIndex: e }) => c.value[e] ?? "")), f = D(() => {
@@ -795,7 +814,7 @@ var G = [
 		}), p = (e) => {
 			let t = l.value[e];
 			t && r("segmentClick", t.segmentIndex, t.segment);
-		}, m = Tt("onSegmentClick"), h = D(() => Zn({
+		}, m = wt("onSegmentClick"), h = D(() => Zn({
 			segments: u.value,
 			segmentColors: d.value,
 			colorHostElement: a.value,
@@ -804,33 +823,33 @@ var G = [
 		})), g = D(() => s.value.map((e, t) => ({
 			label: e.label,
 			color: c.value[t] ?? ""
-		}))), { chartInstance: _ } = dt({
+		}))), { chartInstance: _ } = ft({
 			canvasRef: o,
 			config: h,
 			enabled: D(() => e.loading || u.value.length > 0)
-		}), { exportImage: v, handleLegendItemHover: y } = pt({
+		}), { exportImage: v, handleLegendItemHover: y } = mt({
 			chartInstance: _,
 			canvasRef: o,
 			colorHostElement: a
 		}), b = (e) => {
 			y(e === null ? null : f.value.get(e) ?? null);
 		};
-		return t({ exportImage: v }), (t, n) => (I(), A("div", {
+		return t({ exportImage: v }), (t, n) => (L(), A("div", {
 			ref_key: "chartRootRef",
 			ref: a,
-			class: P(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
+			class: F(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
 			"data-qa": "ui:chart-segmented-bar"
-		}, [j("div", $n, [zt(V(mt), {
+		}, [j("div", $n, [zt(H(dt), {
 			loading: e.loading,
-			type: V(i).CARTESIAN
+			type: H(i).CARTESIAN
 		}, {
-			default: U(() => [j("canvas", {
+			default: G(() => [j("canvas", {
 				ref_key: "chartCanvasRef",
 				ref: o,
 				class: "s-ui-chart-segmented-bar__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading", "type"])]), e.showLegend && g.value.length ? (I(), O(V(wt), {
+		}, 8, ["loading", "type"])]), e.showLegend && g.value.length ? (L(), O(H(ut), {
 			key: 0,
 			items: g.value,
 			disabled: e.loading,
@@ -855,7 +874,7 @@ var G = [
 }, ir = { class: "s-ui-chart-widget__controls" }, ar = {
 	key: 1,
 	class: "s-ui-chart-widget__content"
-}, or = /* @__PURE__ */ N({
+}, or = /* @__PURE__ */ P({
 	__name: "SChartWidget",
 	props: /*@__PURE__*/ Bt({
 		title: { default: "" },
@@ -880,16 +899,16 @@ var G = [
 	}),
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = Gt(e, "collapsed"), n = H(), { t: r } = en(), i = D(() => !!e.title || !!n.title || !!n.actions || e.collapsible), a = D(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), o = D(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
-		return (n, r) => (I(), A("div", {
-			class: P(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
+		let t = Gt(e, "collapsed"), n = U(), { t: r } = $t(), i = D(() => !!e.title || !!n.title || !!n.actions || e.collapsible), a = D(() => !t.value || !e.collapsible || !e.hideContentWhenCollapsed), o = D(() => r(t.value ? "chartWidget.expand" : "chartWidget.collapse"));
+		return (n, r) => (L(), A("div", {
+			class: F(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
 			"data-qa": "ui:chart-widget"
-		}, [i.value ? (I(), A("div", tr, [e.loading ? (I(), A("span", nr)) : (I(), A("span", rr, [R(n.$slots, "title", {}, () => [M(B(e.title), 1)])])), j("div", ir, [R(n.$slots, "actions"), e.collapsible ? (I(), O(V(w), {
+		}, [i.value ? (L(), A("div", tr, [e.loading ? (L(), A("span", nr)) : (L(), A("span", rr, [z(n.$slots, "title", {}, () => [N(V(e.title), 1)])])), j("div", ir, [z(n.$slots, "actions"), e.collapsible ? (L(), O(H(w), {
 			key: 0,
-			appearance: V(C).OUTLINED,
-			variant: V(S).NEUTRAL,
-			size: V(x).SMALL,
-			icon: t.value ? V(W).chevronDown : V(W).chevronUp,
+			appearance: H(C).OUTLINED,
+			variant: H(S).NEUTRAL,
+			size: H(x).SMALL,
+			icon: t.value ? H(K).chevronDown : H(K).chevronUp,
 			"aria-label": o.value,
 			"aria-expanded": !t.value,
 			onClick: r[0] ||= (e) => t.value = !t.value
@@ -900,8 +919,8 @@ var G = [
 			"icon",
 			"aria-label",
 			"aria-expanded"
-		])) : k("", !0)])])) : k("", !0), a.value ? (I(), A("div", ar, [R(n.$slots, "default")])) : k("", !0)], 2));
+		])) : k("", !0)])])) : k("", !0), a.value ? (L(), A("div", ar, [z(n.$slots, "default")])) : k("", !0)], 2));
 	}
 });
 //#endregion
-export { Et as CALENDAR_WEEK_SLOT_COUNT, Mt as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, C as EButtonAppearance, le as EButtonGroupLayout, x as EButtonSize, x as ESSegmentControlSize, S as EButtonVariant, g as EColorFormat, Ee as EConnectedPositionStrategy, J as ENotificationLayout, Y as ENotificationLeftside, q as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, te as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, _e as ESCardLayout, me as ESCheckboxColor, he as ESCheckboxLabelPlacement, pe as ESCheckboxSize, Me as ESChipColor, Ne as ESChipSize, h as ESColorPaletteLayout, we as ESDropdownPlacement, de as ESInlineGroupOrientation, it as ESInlineInputAppearance, He as ESInlineMessageValidationStatus, Be as ESInputCustomize, We as ESLabelSize, Ge as ESLabelVariant, qe as ESListGap, Ze as ESListItemVariant, st as ESPhotoEditShape, ct as ESPhotoEditSize, $e as ESRadioLabelPlacement, Le as ESSelectSearchable, be as ESTabAppearance, xe as ESTabSize, Oe as ESTagColor, ke as ESTagSize, tt as ESToggleLabelPlacement, nt as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, Dt as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, vn as SBanner, w as SButton, fe as SButtonGroup, kt as SCalendarMonth, Ot as SCalendarWeekGrid, ve as SCard, St as SChartBurnup, yt as SChartHorizontalBar, wt as SChartLegend, ht as SChartLine, xt as SChartMultiLine, bt as SChartPie, Ct as SChartProgress, er as SChartSegmentedBar, _t as SChartStackedArea, vt as SChartStackedBar, or as SChartWidget, ge as SCheckbox, Pe as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, At as SDayTimeline, Ie as SDropdown, Re as SDropdownMenu, ue as SInlineGroup, at as SInlineInput, Ue as SInlineMessage, Ve as SInput, Ke as SLabel, Xe as SList, Qe as SListItem, lt as SPhotoEdit, et as SRadio, ye as SSegmentControl, ze as SSelect, Se as STab, Ce as STabs, Ae as STag, je as STagGroup, ot as STextarea, yn as SToast, Ln as SToastProvider, rt as SToggle, Fe as S_DROPDOWN_SHEET_BREAKPOINT, wn as TOAST_AUTO_DURATION_MAX_MS, Cn as TOAST_AUTO_DURATION_MIN_MS, Tn as TOAST_AUTO_DURATION_MS_PER_CHAR, jt as WORK_TIME_SOURCE_COLOR_VARS, Nt as WORK_TIME_SOURCE_ORDER, Pt as buildWorkTimeLegendItems, En as computeAutoDuration, Te as computeConnectedPosition, Yt as createUiKit, Ft as formatDurationHM, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, Xt as setUiKitLocale, Zt as uiKitLocaleEn, Qt as uiKitLocaleRu, Ye as useFlatTreeList, De as useFloatingOverlay, Je as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, In as useToast, $t as useUiKitI18n };
+export { Dt as CALENDAR_WEEK_SLOT_COUNT, Nt as DAY_TIMELINE_MINUTES, m as DEFAULT_COLOR_PALETTE, p as EAccentColor, C as EButtonAppearance, le as EButtonGroupLayout, x as EButtonSize, x as ESSegmentControlSize, S as EButtonVariant, g as EColorFormat, Ee as EConnectedPositionStrategy, J as ENotificationLayout, Y as ENotificationLeftside, q as ENotificationType, a as ESAvatarBadge, s as ESAvatarColor, te as ESAvatarGroupSize, i as ESAvatarIconBackground, r as ESAvatarShape, o as ESAvatarSize, e as ESBadgeColor, t as ESBadgePlacement, _e as ESCardLayout, me as ESCheckboxColor, he as ESCheckboxLabelPlacement, pe as ESCheckboxSize, Me as ESChipColor, Ne as ESChipSize, h as ESColorPaletteLayout, we as ESDropdownPlacement, de as ESInlineGroupOrientation, it as ESInlineInputAppearance, He as ESInlineMessageValidationStatus, Be as ESInputCustomize, We as ESLabelSize, Ge as ESLabelVariant, qe as ESListGap, Ze as ESListItemVariant, st as ESPhotoEditShape, ct as ESPhotoEditSize, $e as ESRadioLabelPlacement, Le as ESSelectSearchable, be as ESTabAppearance, xe as ESTabSize, Oe as ESTagColor, ke as ESTagSize, tt as ESToggleLabelPlacement, nt as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, Ot as EWorkTimeSource, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, vn as SBanner, w as SButton, fe as SButtonGroup, At as SCalendarMonth, kt as SCalendarWeekGrid, ve as SCard, Tt as SChartBar, Ct as SChartBurnup, bt as SChartHorizontalBar, ut as SChartLegend, gt as SChartLine, St as SChartMultiLine, xt as SChartPie, Et as SChartProgress, er as SChartSegmentedBar, vt as SChartStackedArea, yt as SChartStackedBar, or as SChartWidget, ge as SCheckbox, Pe as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, jt as SDayTimeline, Ie as SDropdown, Re as SDropdownMenu, ue as SInlineGroup, at as SInlineInput, Ue as SInlineMessage, Ve as SInput, Ke as SLabel, Xe as SList, Qe as SListItem, lt as SPhotoEdit, et as SRadio, ye as SSegmentControl, ze as SSelect, Se as STab, Ce as STabs, Ae as STag, je as STagGroup, ot as STextarea, yn as SToast, Ln as SToastProvider, rt as SToggle, Fe as S_DROPDOWN_SHEET_BREAKPOINT, wn as TOAST_AUTO_DURATION_MAX_MS, Cn as TOAST_AUTO_DURATION_MIN_MS, Tn as TOAST_AUTO_DURATION_MS_PER_CHAR, Mt as WORK_TIME_SOURCE_COLOR_VARS, Pt as WORK_TIME_SOURCE_ORDER, Ft as buildWorkTimeLegendItems, En as computeAutoDuration, Te as computeConnectedPosition, Jt as createUiKit, It as formatDurationHM, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, Yt as setUiKitLocale, Xt as uiKitLocaleEn, Zt as uiKitLocaleRu, Ye as useFlatTreeList, De as useFloatingOverlay, Je as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, In as useToast, Qt as useUiKitI18n };