@shtabapp/ui-kit 1.43.0 → 1.45.0

package/dist/index.js

@@ -30,58 +30,86 @@ import { n as Ze, t as Qe } from "./SToggle-T7FKzMSo.js";
 import { n as $e, t as et } from "./SInlineInput-DHq5BNPn.js";
 import { t as tt } from "./STextarea-ASdLqfpC.js";
 import { n as nt, r as rt, t as it } from "./SPhotoEdit-bXKHcP3x.js";
-import { t as at } from "./SChartLine-G5CeC01A.js";
-import { t as ot } from "./SChartStackedArea-RKK7aT7x.js";
-import { t as st } from "./SChartStackedBar-CJunMhyb.js";
-import { t as ct } from "./SChartHorizontalBar-DIn1sVoi.js";
-import { t as lt } from "./SChartPie-_6ij1EVn.js";
-import { t as ut } from "./SChartProgress-CofVafO6.js";
-import { Fragment as dt, Teleport as ft, computed as T, createBlock as E, createCommentVNode as D, createElementBlock as O, createElementVNode as k, createSlots as A, createTextVNode as j, createVNode as pt, defineComponent as M, mergeProps as mt, normalizeClass as ht, normalizeStyle as N, onMounted as gt, openBlock as P, ref as F, renderList as _t, renderSlot as I, resolveDynamicComponent as vt, shallowRef as L, toDisplayString as R, unref as z, useSlots as B, watch as yt, withCtx as V } from "vue";
-import { ESIconName as H, SIcon as bt, createUiKit as xt, setUiKitLocale as St, uiKitLocaleEn as Ct, uiKitLocaleRu as wt, useUiKitI18n as Tt } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as Et } from "@vueuse/core";
+import { S as T, g as E, n as at, r as ot, t as st } from "./SChartSkeletonHost-CecfQ3Ye.js";
+import { t as ct } from "./SChartLine-CiREb4H_.js";
+import { t as lt } from "./resolveSeriesPaletteColor-m8HQ9qwV.js";
+import { t as ut } from "./SChartStackedArea-cjN9gECV.js";
+import { t as dt } from "./SChartStackedBar-0jGICBA0.js";
+import { t as ft } from "./SChartHorizontalBar-bm3Jexa3.js";
+import { t as pt } from "./SChartPie-Dc_gjzIl.js";
+import { t as mt } from "./SChartMultiLine-3cdB0U12.js";
+import { t as ht } from "./SChartBurnup-DYBnJMnm.js";
+import { t as gt } from "./SChartProgress-Zdphet8I.js";
+import { t as _t } from "./SChartLegend-Chr0IZWN.js";
+import { Fragment as vt, Teleport as yt, computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createSlots as M, createTextVNode as N, createVNode as P, defineComponent as F, mergeModels as bt, mergeProps as xt, normalizeClass as I, normalizeStyle as L, onMounted as St, openBlock as R, ref as z, renderList as Ct, renderSlot as B, resolveDynamicComponent as wt, shallowRef as Tt, toDisplayString as V, unref as H, useModel as Et, useSlots as U, useTemplateRef as Dt, watch as Ot, withCtx as W } from "vue";
+import { ESIconName as G, SIcon as kt, createUiKit as At, setUiKitLocale as jt, uiKitLocaleEn as Mt, uiKitLocaleRu as Nt, useUiKitI18n as Pt, useUiKitI18n as Ft } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as It } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
-//#region src/components/SNotification/SNotification.types.ts
-var U = /* @__PURE__ */ function(e) {
+//#region src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts
+var Lt = [
+	"--s-ui-chart-segmented-bar-palette-1",
+	"--s-ui-chart-segmented-bar-palette-2",
+	"--s-ui-chart-segmented-bar-palette-3",
+	"--s-ui-chart-segmented-bar-palette-4",
+	"--s-ui-chart-segmented-bar-palette-5",
+	"--s-ui-chart-segmented-bar-palette-6",
+	"--s-ui-chart-segmented-bar-palette-7",
+	"--s-ui-chart-segmented-bar-palette-8"
+], Rt = [
+	"--s-ui-chart-segmented-bar-skeleton-palette-1",
+	"--s-ui-chart-segmented-bar-skeleton-palette-2",
+	"--s-ui-chart-segmented-bar-skeleton-palette-3",
+	"--s-ui-chart-segmented-bar-skeleton-palette-4",
+	"--s-ui-chart-segmented-bar-skeleton-palette-5",
+	"--s-ui-chart-segmented-bar-skeleton-palette-6",
+	"--s-ui-chart-segmented-bar-skeleton-palette-7",
+	"--s-ui-chart-segmented-bar-skeleton-palette-8"
+], zt = (e, t, n, r = !1) => lt(e, t, n, r, {
+	palette: Lt,
+	paletteFallback: Lt[0],
+	skeletonPalette: Rt,
+	skeletonFallback: Rt[0]
+}), K = /* @__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;
-}({}), W = /* @__PURE__ */ function(e) {
+}({}), q = /* @__PURE__ */ function(e) {
 	return e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
-}({}), G = /* @__PURE__ */ function(e) {
+}({}), J = /* @__PURE__ */ function(e) {
 	return e.ICON = "icon", e.AVATAR = "avatar", e;
-}({}), K = /* @__PURE__ */ function(e) {
+}({}), Y = /* @__PURE__ */ function(e) {
 	return e.BANNER = "banner", e.TOAST = "toast", e;
-}({}), Dt = {
-	[U.INFO_ACCENT]: H.infoCircle,
-	[U.INFO_NORMAL]: H.infoCircle,
-	[U.SUCCESS]: H.checkCircle,
-	[U.WARNING]: H.alertCircle,
-	[U.DANGER]: H.dangerCircleFill,
-	[U.BILLING]: H.infoCircle
-}, Ot = (e, t) => t || Dt[e], kt = ["role"], At = { class: "s-ui-notification__body" }, jt = {
+}({}), Bt = {
+	[K.INFO_ACCENT]: G.infoCircle,
+	[K.INFO_NORMAL]: G.infoCircle,
+	[K.SUCCESS]: G.checkCircle,
+	[K.WARNING]: G.alertCircle,
+	[K.DANGER]: G.dangerCircleFill,
+	[K.BILLING]: G.infoCircle
+}, Vt = (e, t) => t || Bt[e], Ht = ["role"], Ut = { class: "s-ui-notification__body" }, Wt = {
 	key: 0,
 	class: "s-ui-notification__leftside"
-}, Mt = {
+}, Gt = {
 	key: 0,
 	class: "s-ui-notification__icon"
-}, Nt = { class: "s-ui-notification__content" }, Pt = { class: "s-ui-notification__title-row" }, Ft = { class: "s-ui-notification__title s-ui-typography-label-14-medium" }, It = {
+}, Kt = { class: "s-ui-notification__content" }, qt = { class: "s-ui-notification__title-row" }, Jt = { class: "s-ui-notification__title s-ui-typography-label-14-medium" }, Yt = {
 	key: 0,
 	class: "s-ui-notification__description-block"
-}, Lt = {
+}, Xt = {
 	key: 0,
 	class: "s-ui-notification__description s-ui-typography-label-12-medium"
-}, Rt = {
+}, Zt = {
 	key: 1,
 	class: "s-ui-notification__actions-stack"
-}, zt = {
+}, Qt = {
 	key: 1,
 	class: "s-ui-notification__actions-row"
-}, q = /* @__PURE__ */ M({
+}, $t = /* @__PURE__ */ F({
 	__name: "SNotification",
 	props: {
-		type: { default: () => U.INFO_ACCENT },
-		layout: { default: () => W.HORIZONTAL },
-		leftside: { default: () => G.ICON },
-		surface: { default: () => K.BANNER },
+		type: { default: () => K.INFO_ACCENT },
+		layout: { default: () => q.HORIZONTAL },
+		leftside: { default: () => J.ICON },
+		surface: { default: () => Y.BANNER },
 		title: {},
 		description: {},
 		linkText: {},
@@ -108,14 +136,14 @@ var U = /* @__PURE__ */ function(e) {
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = B(), i = T(() => [
+		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 = T(() => {
+		]), 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 = T(() => e.type === U.DANGER ? "alert" : "status"), l = T(() => Ot(e.type, e.icon)), u = T(() => e.type === U.BILLING), d = T(() => !!(e.leftside === G.AVATAR && e.avatar || e.leftside === G.ICON)), f = T(() => !!(e.description || e.linkText || r.description)), p = T(() => e.showPrimaryButton && (e.primaryButtonText || e.secondaryButtonText)), m = T(() => e.showPrimaryButton && e.primaryButtonText || e.closable), h = T(() => e.type === U.BILLING ? C.MAJOR : C.OUTLINED), g = T(() => e.type === U.BILLING ? S.BILLING : S.MAIN), _ = () => {
+		}), s = D(() => e.type === K.DANGER ? "alert" : "status"), l = D(() => Vt(e.type, e.icon)), u = D(() => e.type === K.BILLING), d = D(() => !!(e.leftside === J.AVATAR && e.avatar || e.leftside === J.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 === K.BILLING ? C.MAJOR : C.OUTLINED), g = D(() => e.type === K.BILLING ? S.BILLING : S.MAIN), _ = () => {
 			n("close");
 		}, v = () => {
 			n("linkClick");
@@ -124,35 +152,35 @@ var U = /* @__PURE__ */ function(e) {
 		}, b = () => {
 			n("secondaryAction");
 		};
-		return (t, n) => (P(), O("div", {
-			class: ht(["s-ui-notification", i.value]),
-			style: N(a.value),
+		return (t, n) => (R(), A("div", {
+			class: I(["s-ui-notification", i.value]),
+			style: L(a.value),
 			role: s.value
-		}, [k("div", At, [
-			d.value ? (P(), O("div", jt, [e.leftside === z(G).ICON ? (P(), O("div", Mt, [pt(z(bt), {
+		}, [j("div", Ut, [
+			d.value ? (R(), A("div", Wt, [e.leftside === H(J).ICON ? (R(), A("div", Gt, [P(H(kt), {
 				name: l.value,
 				size: 16,
 				billing: u.value
-			}, null, 8, ["name", "billing"])])) : e.leftside === z(G).AVATAR && e.avatar ? (P(), E(z(c), {
+			}, null, 8, ["name", "billing"])])) : e.leftside === H(J).AVATAR && e.avatar ? (R(), O(H(c), {
 				key: 1,
 				name: e.avatar.name,
 				src: e.avatar.src,
 				badge: e.avatar.badge,
-				size: z(o).SIZE_20,
+				size: H(o).SIZE_20,
 				showName: !1
 			}, null, 8, [
 				"name",
 				"src",
 				"badge",
 				"size"
-			])) : D("", !0)])) : D("", !0),
-			k("div", Nt, [
-				k("div", Pt, [k("span", Ft, [I(t.$slots, "title", {}, () => [j(R(e.title), 1)])]), e.layout === z(W).VERTICAL && e.closable ? (P(), E(z(w), {
+			])) : k("", !0)])) : k("", !0),
+			j("div", Kt, [
+				j("div", qt, [j("span", Jt, [B(t.$slots, "title", {}, () => [N(V(e.title), 1)])]), e.layout === H(q).VERTICAL && e.closable ? (R(), O(H(w), {
 					key: 0,
 					class: "s-ui-notification__close",
-					appearance: z(C).BARE,
-					variant: z(S).NEUTRAL,
-					size: z(x).SMALL,
+					appearance: H(C).BARE,
+					variant: H(S).NEUTRAL,
+					size: H(x).SMALL,
 					"aria-label": e.closeAriaLabel,
 					icon: "closeMini",
 					onClick: _
@@ -161,69 +189,69 @@ var U = /* @__PURE__ */ function(e) {
 					"variant",
 					"size",
 					"aria-label"
-				])) : D("", !0)]),
-				f.value ? (P(), O("div", It, [e.description || z(r).description ? (P(), O("span", Lt, [I(t.$slots, "description", {}, () => [j(R(e.description), 1)])])) : D("", !0), e.linkText ? (P(), E(z(w), {
+				])) : k("", !0)]),
+				f.value ? (R(), A("div", Yt, [e.description || H(r).description ? (R(), A("span", Xt, [B(t.$slots, "description", {}, () => [N(V(e.description), 1)])])) : k("", !0), e.linkText ? (R(), O(H(w), {
 					key: 1,
 					class: "s-ui-notification__link",
-					appearance: z(C).BARE,
-					variant: z(S).MAIN,
-					size: z(x).SMALL,
+					appearance: H(C).BARE,
+					variant: H(S).MAIN,
+					size: H(x).SMALL,
 					onClick: v
 				}, {
-					default: V(() => [j(R(e.linkText), 1)]),
+					default: W(() => [N(V(e.linkText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : D("", !0)])) : D("", !0),
-				e.layout === z(W).VERTICAL && p.value ? (P(), O("div", Rt, [e.showPrimaryButton && e.primaryButtonText ? (P(), E(z(w), {
+				])) : k("", !0)])) : k("", !0),
+				e.layout === H(q).VERTICAL && p.value ? (R(), A("div", Zt, [e.showPrimaryButton && e.primaryButtonText ? (R(), O(H(w), {
 					key: 0,
 					appearance: h.value,
 					variant: g.value,
-					size: z(x).SMALL,
+					size: H(x).SMALL,
 					onClick: y
 				}, {
-					default: V(() => [j(R(e.primaryButtonText), 1)]),
+					default: W(() => [N(V(e.primaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : D("", !0), e.showPrimaryButton && e.secondaryButtonText ? (P(), E(z(w), {
+				])) : k("", !0), e.showPrimaryButton && e.secondaryButtonText ? (R(), O(H(w), {
 					key: 1,
-					appearance: z(C).BARE,
-					variant: z(S).NEUTRAL,
-					size: z(x).SMALL,
+					appearance: H(C).BARE,
+					variant: H(S).NEUTRAL,
+					size: H(x).SMALL,
 					onClick: b
 				}, {
-					default: V(() => [j(R(e.secondaryButtonText), 1)]),
+					default: W(() => [N(V(e.secondaryButtonText), 1)]),
 					_: 1
 				}, 8, [
 					"appearance",
 					"variant",
 					"size"
-				])) : D("", !0)])) : D("", !0)
+				])) : k("", !0)])) : k("", !0)
 			]),
-			e.layout === z(W).HORIZONTAL && m.value ? (P(), O("div", zt, [e.showPrimaryButton && e.primaryButtonText ? (P(), E(z(w), {
+			e.layout === H(q).HORIZONTAL && m.value ? (R(), A("div", Qt, [e.showPrimaryButton && e.primaryButtonText ? (R(), O(H(w), {
 				key: 0,
 				appearance: h.value,
 				variant: g.value,
-				size: z(x).SMALL,
+				size: H(x).SMALL,
 				onClick: y
 			}, {
-				default: V(() => [j(R(e.primaryButtonText), 1)]),
+				default: W(() => [N(V(e.primaryButtonText), 1)]),
 				_: 1
 			}, 8, [
 				"appearance",
 				"variant",
 				"size"
-			])) : D("", !0), e.layout === z(W).HORIZONTAL && e.closable ? (P(), E(z(w), {
+			])) : k("", !0), e.layout === H(q).HORIZONTAL && e.closable ? (R(), O(H(w), {
 				key: 1,
 				class: "s-ui-notification__close",
-				appearance: z(C).BARE,
-				variant: z(S).NEUTRAL,
-				size: z(x).SMALL,
+				appearance: H(C).BARE,
+				variant: H(S).NEUTRAL,
+				size: H(x).SMALL,
 				"aria-label": e.closeAriaLabel,
 				icon: "closeMini",
 				onClick: _
@@ -232,15 +260,15 @@ var U = /* @__PURE__ */ function(e) {
 				"variant",
 				"size",
 				"aria-label"
-			])) : D("", !0)])) : D("", !0)
-		])], 14, kt));
+			])) : k("", !0)])) : k("", !0)
+		])], 14, Ht));
 	}
-}), Bt = /* @__PURE__ */ M({
+}), en = /* @__PURE__ */ F({
 	__name: "SBanner",
 	props: {
-		type: { default: () => U.INFO_ACCENT },
-		layout: { default: () => W.HORIZONTAL },
-		leftside: { default: () => G.ICON },
+		type: { default: () => K.INFO_ACCENT },
+		layout: { default: () => q.HORIZONTAL },
+		leftside: { default: () => J.ICON },
 		title: {},
 		description: {},
 		linkText: {},
@@ -266,14 +294,14 @@ var U = /* @__PURE__ */ function(e) {
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = B();
-		return (t, i) => (P(), E(q, {
+		let n = t, r = U();
+		return (t, i) => (R(), O($t, {
 			class: "s-ui-banner",
 			"data-qa": "ui:banner",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: z(K).BANNER,
+			surface: H(Y).BANNER,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -289,13 +317,13 @@ var U = /* @__PURE__ */ function(e) {
 			onLinkClick: i[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: i[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: i[3] ||= (e) => n("secondaryAction")
-		}, A({ _: 2 }, [z(r).title ? {
+		}, M({ _: 2 }, [H(r).title ? {
 			name: "title",
-			fn: V(() => [I(t.$slots, "title")]),
+			fn: W(() => [B(t.$slots, "title")]),
 			key: "0"
-		} : void 0, z(r).description ? {
+		} : void 0, H(r).description ? {
 			name: "description",
-			fn: V(() => [I(t.$slots, "description")]),
+			fn: W(() => [B(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -315,12 +343,12 @@ var U = /* @__PURE__ */ function(e) {
 			"maxWidth"
 		]));
 	}
-}), J = /* @__PURE__ */ M({
+}), tn = /* @__PURE__ */ F({
 	__name: "SToast",
 	props: {
-		type: { default: () => U.INFO_ACCENT },
-		layout: { default: () => W.HORIZONTAL },
-		leftside: { default: () => G.ICON },
+		type: { default: () => K.INFO_ACCENT },
+		layout: { default: () => q.HORIZONTAL },
+		leftside: { default: () => J.ICON },
 		title: {},
 		description: {},
 		linkText: {},
@@ -346,14 +374,14 @@ var U = /* @__PURE__ */ function(e) {
 		"secondaryAction"
 	],
 	setup(e, { emit: t }) {
-		let n = t, r = B(), i = T(() => e.width ?? 360);
-		return (t, a) => (P(), E(q, {
+		let n = t, r = U(), i = D(() => e.width ?? 360);
+		return (t, a) => (R(), O($t, {
 			class: "s-ui-toast",
 			"data-qa": "ui:toast",
 			type: e.type,
 			layout: e.layout,
 			leftside: e.leftside,
-			surface: z(K).TOAST,
+			surface: H(Y).TOAST,
 			title: e.title,
 			description: e.description,
 			linkText: e.linkText,
@@ -369,13 +397,13 @@ var U = /* @__PURE__ */ function(e) {
 			onLinkClick: a[1] ||= (e) => n("linkClick"),
 			onPrimaryAction: a[2] ||= (e) => n("primaryAction"),
 			onSecondaryAction: a[3] ||= (e) => n("secondaryAction")
-		}, A({ _: 2 }, [z(r).title ? {
+		}, M({ _: 2 }, [H(r).title ? {
 			name: "title",
-			fn: V(() => [I(t.$slots, "title")]),
+			fn: W(() => [B(t.$slots, "title")]),
 			key: "0"
-		} : void 0, z(r).description ? {
+		} : void 0, H(r).description ? {
 			name: "description",
-			fn: V(() => [I(t.$slots, "description")]),
+			fn: W(() => [B(t.$slots, "description")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"type",
@@ -395,13 +423,13 @@ var U = /* @__PURE__ */ function(e) {
 			"width"
 		]));
 	}
-}), Vt = .05, Ht = [
+}), nn = .05, rn = [
 	"data-mounted",
 	"data-front",
 	"data-expanded",
 	"data-removed",
 	"data-visible"
-], Ut = /* @__PURE__ */ M({
+], an = /* @__PURE__ */ F({
 	__name: "SToastProviderToast",
 	props: {
 		index: {},
@@ -414,7 +442,7 @@ var U = /* @__PURE__ */ function(e) {
 	},
 	emits: ["heightChange"],
 	setup(e, { emit: t }) {
-		let n = t, r = F(null), i = F(0), a = F(!1), o = T(() => e.index === 0), s = T(() => 1 - e.index * Vt), c = T(() => ({
+		let n = t, r = z(null), i = z(0), a = z(!1), o = D(() => e.index === 0), s = D(() => 1 - e.index * nn), 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`,
@@ -423,95 +451,95 @@ var U = /* @__PURE__ */ function(e) {
 			"--s-ui-toast-provider-stack-scale": String(s.value),
 			zIndex: String(1e3 - e.index)
 		}));
-		return Et(r, (e) => {
+		return It(r, (e) => {
 			let t = e[0]?.contentRect.height ?? 0;
 			t !== i.value && (i.value = t, n("heightChange", t));
-		}), gt(() => {
+		}), St(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					a.value = !0;
 				});
 			});
-		}), (t, n) => (P(), O("div", {
+		}), (t, n) => (R(), 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: N(c.value)
-		}, [k("div", {
+			style: L(c.value)
+		}, [j("div", {
 			ref_key: "contentRef",
 			ref: r,
 			class: "s-ui-toast-provider__toast-content"
-		}, [I(t.$slots, "default")], 512)], 12, Ht));
+		}, [B(t.$slots, "default")], 512)], 12, rn));
 	}
-}), Y = 4e3, X = 1e4, Wt = 50, Gt = (e, t) => {
-	let n = Y + (e.length + (t?.length ?? 0)) * 50;
-	return n > 1e4 ? X : n;
-}, Z = L([]), Q = /* @__PURE__ */ new Map(), Kt = 0, qt = {
-	type: U.INFO_ACCENT,
-	layout: W.HORIZONTAL,
-	leftside: G.ICON,
+}), on = 4e3, sn = 1e4, cn = 50, ln = (e, t) => {
+	let n = on + (e.length + (t?.length ?? 0)) * 50;
+	return n > 1e4 ? sn : n;
+}, X = Tt([]), Z = /* @__PURE__ */ new Map(), un = 0, dn = {
+	type: K.INFO_ACCENT,
+	layout: q.HORIZONTAL,
+	leftside: J.ICON,
 	showPrimaryButton: !1,
 	closable: !0
-}, Jt = () => `toast-${Date.now()}-${++Kt}`, $ = (e) => {
-	let t = Q.get(e);
-	t && (window.clearTimeout(t), Q.delete(e));
-}, Yt = (e) => {
-	$(e.id);
-	let t = e.duration === void 0 ? Gt(e.title, e.description) : e.duration;
+}, fn = () => `toast-${Date.now()}-${++un}`, Q = (e) => {
+	let t = Z.get(e);
+	t && (window.clearTimeout(t), Z.delete(e));
+}, pn = (e) => {
+	Q(e.id);
+	let t = e.duration === void 0 ? ln(e.title, e.description) : e.duration;
 	if (t > 0) {
 		let n = window.setTimeout(() => {
-			Xt(e.id);
+			mn(e.id);
 		}, t);
-		Q.set(e.id, n);
+		Z.set(e.id, n);
 	}
-}, Xt = (e) => {
-	let t = Z.value.findIndex((t) => t.id === e);
+}, mn = (e) => {
+	let t = X.value.findIndex((t) => t.id === e);
 	if (t === -1) return;
-	let n = Z.value[t];
-	n && ($(e), n.onClose && n.onClose(), Z.value = Z.value.filter((t) => t.id !== e));
-}, Zt = () => {
-	Q.forEach((e) => window.clearTimeout(e)), Q.clear(), Z.value = [];
-}, Qt = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
-	$(e.id);
-}), e.slice(0, 3)), $t = (e) => {
-	let t = e.id ?? Jt(), n = {
-		...qt,
+	let n = X.value[t];
+	n && (Q(e), n.onClose && n.onClose(), X.value = X.value.filter((t) => t.id !== e));
+}, hn = () => {
+	Z.forEach((e) => window.clearTimeout(e)), Z.clear(), X.value = [];
+}, gn = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
+	Q(e.id);
+}), e.slice(0, 3)), _n = (e) => {
+	let t = e.id ?? fn(), n = {
+		...dn,
 		...e,
 		id: t
-	}, r = Z.value.findIndex((e) => e.id === t);
+	}, r = X.value.findIndex((e) => e.id === t);
 	if (r > -1) {
-		let e = [...Z.value];
-		e[r] = n, Z.value = Qt(e);
-	} else Z.value = Qt([n, ...Z.value]);
-	return Yt(n), t;
-}, en = (e, t) => {
-	let n = Z.value.findIndex((t) => t.id === e);
+		let e = [...X.value];
+		e[r] = n, X.value = gn(e);
+	} else X.value = gn([n, ...X.value]);
+	return pn(n), t;
+}, vn = (e, t) => {
+	let n = X.value.findIndex((t) => t.id === e);
 	if (n === -1) return;
-	let r = Z.value[n];
+	let r = X.value[n];
 	if (!r) return;
 	let i = {
 		...r,
 		...t,
 		id: r.id
-	}, a = [...Z.value];
-	a[n] = i, Z.value = a, Yt(i);
-}, tn = () => ({
-	toasts: Z,
-	show: $t,
-	hide: Xt,
-	hideAll: Zt,
-	update: en
-}), nn = /* @__PURE__ */ M({
+	}, a = [...X.value];
+	a[n] = i, X.value = a, pn(i);
+}, yn = () => ({
+	toasts: X,
+	show: _n,
+	hide: mn,
+	hideAll: hn,
+	update: vn
+}), bn = /* @__PURE__ */ F({
 	__name: "SToastProvider",
 	setup(e) {
-		let { toasts: t, hide: n } = tn(), r = T(() => t.value.slice(0, 3)), i = F(!1), a = L({}), o = F(/* @__PURE__ */ new Set()), s = T(() => t.value[0] ?? null), c = T(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = F(0), u = T(() => c.value > 0 ? c.value : l.value);
-		yt(c, (e) => {
+		let { toasts: t, hide: n } = yn(), r = D(() => t.value.slice(0, 3)), i = z(!1), a = Tt({}), o = z(/* @__PURE__ */ new Set()), s = D(() => t.value[0] ?? null), c = D(() => s.value ? a.value[s.value.id] ?? 0 : 0), l = z(0), u = D(() => c.value > 0 ? c.value : l.value);
+		Ot(c, (e) => {
 			e > 0 && (l.value = e);
 		});
-		let d = T(() => {
+		let d = D(() => {
 			if (r.value.length === 0) return {};
 			if (i.value) return { height: `${r.value.reduce((e, t, n) => {
 				let r = a.value[t.id] ?? 0, i = n > 0 ? 4 : 0;
@@ -550,32 +578,32 @@ var U = /* @__PURE__ */ function(e) {
 		}, b = (e) => {
 			e.onSecondaryAction && e.onSecondaryAction();
 		};
-		return (e, t) => (P(), E(ft, { to: "body" }, [k("div", {
+		return (e, t) => (R(), O(yt, { to: "body" }, [j("div", {
 			class: "s-ui-toast-provider",
 			onMouseenter: m,
 			onMouseleave: h
-		}, [r.value.length > 0 ? (P(), O("div", {
+		}, [r.value.length > 0 ? (R(), A("div", {
 			key: 0,
 			class: "s-ui-toast-provider__list",
-			style: N(d.value)
-		}, [(P(!0), O(dt, null, _t(r.value, (t, n) => (P(), E(Ut, {
+			style: L(d.value)
+		}, [(R(!0), A(vt, null, Ct(r.value, (t, n) => (R(), O(an, {
 			key: t.id,
 			index: n,
 			expanded: i.value,
 			"front-toast-height": u.value,
-			"stack-peek": z(10),
+			"stack-peek": H(10),
 			removed: p(t.id),
-			visible: n < z(3),
+			visible: n < H(3),
 			"offset-y": f(n),
 			onHeightChange: (e) => g(t.id, e)
 		}, {
-			default: V(() => [I(e.$slots, "toast", { toast: t }, () => [t.component ? (P(), E(vt(t.component), mt({
+			default: W(() => [B(e.$slots, "toast", { toast: t }, () => [t.component ? (R(), O(wt(t.component), xt({
 				key: 0,
 				ref_for: !0
 			}, t.componentProps, {
 				toast: t,
 				onClose: (e) => _(t.id)
-			}), null, 16, ["toast", "onClose"])) : (P(), E(z(J), {
+			}), null, 16, ["toast", "onClose"])) : (R(), O(H(tn), {
 				key: 1,
 				type: t.type,
 				layout: t.layout,
@@ -625,8 +653,210 @@ var U = /* @__PURE__ */ function(e) {
 			"visible",
 			"offset-y",
 			"onHeightChange"
-		]))), 128))], 4)) : D("", !0)], 32)]));
+		]))), 128))], 4)) : k("", !0)], 32)]));
+	}
+}), xn = 4, Sn = 4, Cn = 1, wn = "400 12px var(--s-ui-font-family-label)", Tn = 4, En = (e, t, n, r, i, a) => {
+	let o = Math.min(a, r / 2, i / 2);
+	e.beginPath(), e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.arcTo(t + r, n, t + r, n + o, o), e.lineTo(t + r, n + i - o), e.arcTo(t + r, n + i, t + r - o, n + i, o), e.lineTo(t + o, n + i), e.arcTo(t, n + i, t, n + i - o, o), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.closePath();
+}, Dn = (e) => {
+	let t = e.getProps([
+		"x",
+		"y",
+		"base"
+	], !0), n = Number(t.x), r = Number(t.y), i = Number(t.base);
+	return !Number.isFinite(n) || !Number.isFinite(r) || !Number.isFinite(i) ? null : {
+		left: Math.min(i, n),
+		width: Math.abs(n - i),
+		centerY: r
+	};
+}, On = (e, t, n, r) => {
+	let i = Dn(t);
+	if (!i) return;
+	let a = `${n}`, o = e.measureText(a).width + xn * 2;
+	if (i.width < o + Tn * 2) return;
+	let s = i.left + i.width / 2;
+	En(e, s - o / 2, i.centerY - 20 / 2, o, 20, Sn), e.fillStyle = r.background, e.fill(), e.lineWidth = Cn, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(a, s, i.centerY);
+}, kn = (e) => ({
+	id: "segmentedBarBadge",
+	afterDatasetsDraw(t) {
+		let n = {
+			background: T(E.pieBadgeBackground, e),
+			border: T(E.pieBadgeBorder, e),
+			text: T(E.pieBadgeText, e)
+		}, { ctx: r } = t;
+		r.save(), r.font = wn, r.textAlign = "center", r.textBaseline = "middle", t.data.datasets.forEach((e, i) => {
+			let a = t.getDatasetMeta(i)?.data[0], o = e.data[0];
+			a && typeof o == "number" && o > 0 && On(r, a, o, n);
+		}), r.restore();
+	}
+}), An = 40, jn = 4, Mn = 1, Nn = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1 }) => {
+	if (e.length === 0) return null;
+	let i = T("--s-ui-color-surface-primary", n), a = e.reduce((e, t) => e + t.value, 0);
+	return {
+		type: "bar",
+		data: {
+			labels: [""],
+			datasets: e.map((e, n) => ({
+				label: e.label,
+				data: [e.value],
+				backgroundColor: t[n],
+				hoverBackgroundColor: t[n],
+				borderColor: i,
+				borderWidth: {
+					left: Mn,
+					right: Mn
+				},
+				borderSkipped: !1,
+				borderRadius: jn,
+				barThickness: An,
+				stack: "track"
+			}))
+		},
+		options: {
+			indexAxis: "y",
+			responsive: !0,
+			maintainAspectRatio: !1,
+			layout: { padding: 0 },
+			events: [],
+			plugins: {
+				legend: { display: !1 },
+				tooltip: { enabled: !1 }
+			},
+			scales: {
+				x: {
+					display: !1,
+					stacked: !0,
+					min: 0,
+					max: a
+				},
+				y: {
+					display: !1,
+					stacked: !0
+				}
+			}
+		},
+		plugins: r ? [] : [kn(n)]
+	};
+}, $ = [
+	4,
+	1,
+	2,
+	1,
+	3,
+	1,
+	2,
+	1
+].map((e, t) => ({
+	label: `Series ${t + 1}`,
+	value: e
+})), Pn = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, Fn = /* @__PURE__ */ F({
+	__name: "SChartSegmentedBar",
+	props: {
+		segments: { default: () => [] },
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = at, n = Dt("chartRootRef"), r = Dt("chartCanvasRef"), i = D(() => e.loading ? $ : e.segments.filter((e) => e.value > 0)), a = D(() => i.value.map((t, r) => zt(r, n.value, t.fillColor, e.loading))), o = D(() => Nn({
+			segments: i.value,
+			segmentColors: a.value,
+			colorHostElement: n.value,
+			skeleton: e.loading
+		})), s = D(() => (e.loading ? $ : e.segments).map((t, r) => ({
+			label: t.label,
+			color: zt(r, n.value, t.fillColor, e.loading)
+		}))), c = D(() => e.showLegend && s.value.length > 0);
+		return ot({
+			canvasRef: r,
+			config: o,
+			enabled: D(() => e.loading || i.value.length > 0)
+		}), (i, a) => (R(), A("div", {
+			ref_key: "chartRootRef",
+			ref: n,
+			class: I(["s-ui-chart-segmented-bar", { "s-ui-chart-segmented-bar--skeleton": e.loading }]),
+			"data-qa": "ui:chart-segmented-bar"
+		}, [j("div", Pn, [P(H(st), {
+			loading: e.loading,
+			type: H(t).CARTESIAN
+		}, {
+			default: W(() => [j("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: r,
+				class: "s-ui-chart-segmented-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading", "type"])]), c.value ? (R(), O(H(_t), {
+			key: 0,
+			items: s.value,
+			disabled: e.loading
+		}, null, 8, ["items", "disabled"])) : k("", !0)], 2));
+	}
+}), In = {
+	key: 0,
+	class: "s-ui-chart-widget__header"
+}, Ln = {
+	key: 0,
+	class: "s-ui-chart-widget__title-skeleton",
+	"aria-hidden": "true"
+}, Rn = {
+	key: 1,
+	class: "s-ui-chart-widget__title s-ui-typography-label-16-medium"
+}, zn = { class: "s-ui-chart-widget__controls" }, Bn = {
+	key: 1,
+	class: "s-ui-chart-widget__content"
+}, Vn = /* @__PURE__ */ F({
+	__name: "SChartWidget",
+	props: /*@__PURE__*/ bt({
+		title: { default: "" },
+		collapsible: {
+			type: Boolean,
+			default: !1
+		},
+		hideContentWhenCollapsed: {
+			type: Boolean,
+			default: !0
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		collapsed: {
+			type: Boolean,
+			default: !1
+		},
+		collapsedModifiers: {}
+	}),
+	emits: ["update:collapsed"],
+	setup(e) {
+		let t = Et(e, "collapsed"), n = U(), { t: r } = Ft(), 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) => (R(), A("div", {
+			class: I(["s-ui-chart-widget", { "s-ui-chart-widget--skeleton": e.loading }]),
+			"data-qa": "ui:chart-widget"
+		}, [i.value ? (R(), A("div", In, [e.loading ? (R(), A("span", Ln)) : (R(), A("span", Rn, [B(n.$slots, "title", {}, () => [N(V(e.title), 1)])])), j("div", zn, [B(n.$slots, "actions"), e.collapsible ? (R(), O(H(w), {
+			key: 0,
+			appearance: H(C).OUTLINED,
+			variant: H(S).NEUTRAL,
+			size: H(x).SMALL,
+			icon: t.value ? H(G).chevronDown : H(G).chevronUp,
+			"aria-label": o.value,
+			"aria-expanded": !t.value,
+			onClick: r[0] ||= (e) => t.value = !t.value
+		}, null, 8, [
+			"appearance",
+			"variant",
+			"size",
+			"icon",
+			"aria-label",
+			"aria-expanded"
+		])) : k("", !0)])])) : k("", !0), a.value ? (R(), A("div", Bn, [B(n.$slots, "default")])) : k("", !0)], 2));
 	}
 });
 //#endregion
-export { 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, Ce as EConnectedPositionStrategy, W as ENotificationLayout, G as ENotificationLeftside, U 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, me as ESCardLayout, de as ESCheckboxColor, fe as ESCheckboxSize, ke as ESChipColor, Ae as ESChipSize, h as ESColorPaletteLayout, xe as ESDropdownPlacement, $e as ESInlineInputAppearance, Re as ESInlineMessageValidationStatus, Ie as ESInputCustomize, Be as ESLabelSize, Ve as ESLabelVariant, Ue as ESListGap, qe as ESListItemVariant, nt as ESPhotoEditShape, rt as ESPhotoEditSize, Ye as ESRadioLabelPlacement, Ne as ESSelectSearchable, _e as ESTabAppearance, ve as ESTabSize, Te as ESTagColor, Ee as ESTagSize, Ze as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, Bt as SBanner, w as SButton, ue as SButtonGroup, he as SCard, ct as SChartHorizontalBar, at as SChartLine, lt as SChartPie, ut as SChartProgress, ot as SChartStackedArea, st as SChartStackedBar, pe as SCheckbox, je as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Me as SDropdown, Pe as SDropdownMenu, et as SInlineInput, ze as SInlineMessage, Le as SInput, He as SLabel, Ke as SList, Je as SListItem, it as SPhotoEdit, Xe as SRadio, ge as SSegmentControl, Fe as SSelect, ye as STab, be as STabs, De as STag, Oe as STagGroup, tt as STextarea, J as SToast, nn as SToastProvider, Qe as SToggle, X as TOAST_AUTO_DURATION_MAX_MS, Y as TOAST_AUTO_DURATION_MIN_MS, Wt as TOAST_AUTO_DURATION_MS_PER_CHAR, Gt as computeAutoDuration, Se as computeConnectedPosition, xt as createUiKit, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, St as setUiKitLocale, Ct as uiKitLocaleEn, wt as uiKitLocaleRu, Ge as useFlatTreeList, we as useFloatingOverlay, We as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, tn as useToast, Tt as useUiKitI18n };
+export { 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, Ce as EConnectedPositionStrategy, q as ENotificationLayout, J as ENotificationLeftside, K 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, me as ESCardLayout, de as ESCheckboxColor, fe as ESCheckboxSize, ke as ESChipColor, Ae as ESChipSize, h as ESColorPaletteLayout, xe as ESDropdownPlacement, $e as ESInlineInputAppearance, Re as ESInlineMessageValidationStatus, Ie as ESInputCustomize, Be as ESLabelSize, Ve as ESLabelVariant, Ue as ESListGap, qe as ESListItemVariant, nt as ESPhotoEditShape, rt as ESPhotoEditSize, Ye as ESRadioLabelPlacement, Ne as ESSelectSearchable, _e as ESTabAppearance, ve as ESTabSize, Te as ESTagColor, Ee as ESTagSize, Ze as ESToggleSize, se as ESelectionFocusMode, ie as ESelectionMode, oe as ESelectionOrientation, l as MAX_RECENT_COLORS, _ as RECOMMENDED_COLOR_PALETTE, c as SAvatar, ne as SAvatarGroup, n as SBadge, en as SBanner, w as SButton, ue as SButtonGroup, he as SCard, ht as SChartBurnup, ft as SChartHorizontalBar, ct as SChartLine, mt as SChartMultiLine, pt as SChartPie, gt as SChartProgress, Fn as SChartSegmentedBar, ut as SChartStackedArea, dt as SChartStackedBar, Vn as SChartWidget, pe as SCheckbox, je as SChip, d as SColorArea, v as SColorPalette, f as SColorPicker, u as SColorValues, Me as SDropdown, Pe as SDropdownMenu, et as SInlineInput, ze as SInlineMessage, Le as SInput, He as SLabel, Ke as SList, Je as SListItem, it as SPhotoEdit, Xe as SRadio, ge as SSegmentControl, Fe as SSelect, ye as STab, be as STabs, De as STag, Oe as STagGroup, tt as STextarea, tn as SToast, bn as SToastProvider, Qe as SToggle, sn as TOAST_AUTO_DURATION_MAX_MS, on as TOAST_AUTO_DURATION_MIN_MS, cn as TOAST_AUTO_DURATION_MS_PER_CHAR, ln as computeAutoDuration, Se as computeConnectedPosition, At as createUiKit, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, jt as setUiKitLocale, Mt as uiKitLocaleEn, Nt as uiKitLocaleRu, Ge as useFlatTreeList, we as useFloatingOverlay, We as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, yn as useToast, Pt as useUiKitI18n };