@shtabapp/ui-kit 1.63.0 → 1.64.1

package/dist/index.js

@@ -1,9 +1,9 @@
 import { n as e, r as t, t as n } from "./SBadge-BDxQJh6c.js";
-import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-BK8cEzGY.js";
-import { i as l, n as u, r as d, t as f } from "./SColorPicker-BL-zrskU.js";
+import { a as r, i, n as a, o, r as s, t as c } from "./SAvatar-hWbsODUa.js";
+import { i as l, n as u, r as d, t as f } from "./SColorPicker-Djr-R81h.js";
 import { a as p, i as m, n as h, o as g, r as _, t as v } from "./SColorPalette-OCu-tgZ3.js";
 import { a as y, i as b, r as ee } from "./colorValue-CSh0chxp.js";
-import { n as te, t as ne } from "./SAvatarGroup-F5w88NGf.js";
+import { n as te, t as ne } from "./SAvatarGroup-CSSCQKdH.js";
 import { n as x, r as S, t as C } from "./SButton.types-CpdHQtyx.js";
 import { t as w } from "./SButton-6AL2ipRT.js";
 import { a as re, n as ie, o as ae, r as oe, t as se } from "./useSelectionGroup-BCAmPf3R.js";
@@ -19,12 +19,14 @@ import { n as Oe, r as ke, t as Ae } from "./STag-DwIU1Uje.js";
 import { t as je } from "./STagGroup-DWaTQbj6.js";
 import { n as Me, r as Ne, t as Pe } from "./SChip-DN8oicUv.js";
 import { n as Fe, t as Ie } from "./SDropdown-LOTCtlCX.js";
-import { n as Le, r as Re, t as ze } from "./SSelect-BkX3VuCr.js";
-import { n as Be, t as Ve } from "./SInput-BLxSis1f.js";
-import { n as He, t as Ue } from "./SInlineMessage-Dirk5RwO.js";
-import { n as We, r as Ge, t as Ke } from "./SLabel-FHHPlcKq.js";
-import { a as qe, o as Je, s as Ye, t as Xe } from "./SList-C39LrsoS.js";
-import { n as Ze, t as Qe } from "./SListItem-C1IeCv8M.js";
+import { t as Le } from "./SDropdownMenu-2koPU6IG.js";
+import { n as Re, t as ze } from "./SInput-BLxSis1f.js";
+import { n as Be, t as Ve } from "./SInlineMessage-Dirk5RwO.js";
+import { n as He, r as Ue, t as We } from "./SLabel-FHHPlcKq.js";
+import { a as Ge, s as Ke } from "./treeKeyboardNavigation-SmxTdnDz.js";
+import { n as qe, t as Je } from "./SListItem-C1IeCv8M.js";
+import { a as Ye, t as Xe } from "./SList-D2K9dNsj.js";
+import { n as Ze, t as Qe } from "./SSelect-D6taevzT.js";
 import { n as $e, t as et } from "./SRadio-D6_Pd6XX.js";
 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";
@@ -44,13 +46,14 @@ 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";
+import { a as Lt, c as Rt, d as zt, f as Bt, i as Vt, l as Ht, n as Ut, o as Wt, r as Gt, s as Kt, t as qt, u as Jt } from "./STable-aS1eGuVB.js";
+import { Fragment as Yt, Teleport as Xt, 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 Qt, mergeProps as $t, normalizeClass as F, normalizeStyle as I, onMounted as en, openBlock as L, ref as R, renderList as tn, renderSlot as z, resolveDynamicComponent as nn, shallowRef as B, toDisplayString as V, unref as H, useModel as rn, useSlots as U, useTemplateRef as W, watch as an, withCtx as G } from "vue";
+import { ESIconName as K, SIcon as on, createUiKit as sn, setUiKitLocale as cn, uiKitLocaleEn as ln, uiKitLocaleRu as un, useUiKitI18n as dn, useUiKitI18n as fn } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as pn } from "@vueuse/core";
 export * from "@shtabapp/ui-kit-primitives";
 export * from "@shtabapp/ui-kit-tokens";
 //#region src/utils/chart/segmentedBar/resolveSegmentedBarSegmentColor.ts
-var tn = [
+var mn = [
 	"--s-ui-chart-segmented-bar-palette-1",
 	"--s-ui-chart-segmented-bar-palette-2",
 	"--s-ui-chart-segmented-bar-palette-3",
@@ -59,7 +62,7 @@ var tn = [
 	"--s-ui-chart-segmented-bar-palette-6",
 	"--s-ui-chart-segmented-bar-palette-7",
 	"--s-ui-chart-segmented-bar-palette-8"
-], nn = [
+], hn = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-1",
 	"--s-ui-chart-segmented-bar-skeleton-palette-2",
 	"--s-ui-chart-segmented-bar-skeleton-palette-3",
@@ -68,11 +71,11 @@ var tn = [
 	"--s-ui-chart-segmented-bar-skeleton-palette-6",
 	"--s-ui-chart-segmented-bar-skeleton-palette-7",
 	"--s-ui-chart-segmented-bar-skeleton-palette-8"
-], rn = (e, t, n, r = !1) => _t(e, t, n, r, {
-	palette: tn,
-	paletteFallback: tn[0],
-	skeletonPalette: nn,
-	skeletonFallback: nn[0]
+], gn = (e, t, n, r = !1) => _t(e, t, n, r, {
+	palette: mn,
+	paletteFallback: mn[0],
+	skeletonPalette: hn,
+	skeletonFallback: hn[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) {
@@ -81,32 +84,32 @@ var tn = [
 	return e.ICON = "icon", e.AVATAR = "avatar", e;
 }({}), X = /* @__PURE__ */ function(e) {
 	return e.BANNER = "banner", e.TOAST = "toast", e;
-}({}), an = {
+}({}), _n = {
 	[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 = {
+}, vn = (e, t) => t || _n[e], yn = ["role"], bn = { class: "s-ui-notification__body" }, xn = {
 	key: 0,
 	class: "s-ui-notification__leftside"
-}, un = {
+}, Sn = {
 	key: 0,
 	class: "s-ui-notification__icon"
-}, dn = { class: "s-ui-notification__content" }, fn = { class: "s-ui-notification__title-row" }, pn = {
+}, Cn = { class: "s-ui-notification__content" }, wn = { class: "s-ui-notification__title-row" }, Tn = {
 	key: 0,
 	class: "s-ui-notification__description-block"
-}, mn = {
+}, En = {
 	key: 0,
 	class: "s-ui-notification__description s-ui-typography-label-12-medium"
-}, hn = {
+}, Dn = {
 	key: 1,
 	class: "s-ui-notification__actions-stack"
-}, gn = {
+}, On = {
 	key: 1,
 	class: "s-ui-notification__actions-row"
-}, _n = /* @__PURE__ */ P({
+}, kn = /* @__PURE__ */ P({
 	__name: "SNotification",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -150,7 +153,7 @@ var tn = [
 		]), 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(() => 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), _ = () => {
+		}), s = D(() => e.type === q.DANGER ? "alert" : "status"), l = D(() => vn(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");
@@ -163,8 +166,8 @@ var tn = [
 			class: F(["s-ui-notification", i.value]),
 			style: I(a.value),
 			role: s.value
-		}, [j("div", cn, [
-			d.value ? (L(), A("div", ln, [e.leftside === H(Y).ICON ? (L(), A("div", un, [zt(H(qt), {
+		}, [j("div", bn, [
+			d.value ? (L(), A("div", xn, [e.leftside === H(Y).ICON ? (L(), A("div", Sn, [Zt(H(on), {
 				name: l.value,
 				size: 16,
 				billing: u.value
@@ -181,8 +184,8 @@ var tn = [
 				"badge",
 				"size"
 			])) : k("", !0)])) : k("", !0),
-			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), {
+			j("div", Cn, [
+				j("div", wn, [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: H(C).BARE,
@@ -197,7 +200,7 @@ var tn = [
 					"size",
 					"aria-label"
 				])) : k("", !0)]),
-				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), {
+				f.value ? (L(), A("div", Tn, [e.description || H(r).description ? (L(), A("span", En, [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: H(C).BARE,
@@ -212,7 +215,7 @@ var tn = [
 					"variant",
 					"size"
 				])) : k("", !0)])) : k("", !0),
-				e.layout === H(J).VERTICAL && p.value ? (L(), A("div", hn, [e.showPrimaryButton && e.primaryButtonText ? (L(), O(H(w), {
+				e.layout === H(J).VERTICAL && p.value ? (L(), A("div", Dn, [e.showPrimaryButton && e.primaryButtonText ? (L(), O(H(w), {
 					key: 0,
 					appearance: h.value,
 					variant: g.value,
@@ -240,7 +243,7 @@ var tn = [
 					"size"
 				])) : k("", !0)])) : k("", !0)
 			]),
-			e.layout === H(J).HORIZONTAL && m.value ? (L(), A("div", gn, [e.showPrimaryButton && e.primaryButtonText ? (L(), O(H(w), {
+			e.layout === H(J).HORIZONTAL && m.value ? (L(), A("div", On, [e.showPrimaryButton && e.primaryButtonText ? (L(), O(H(w), {
 				key: 0,
 				appearance: h.value,
 				variant: g.value,
@@ -268,9 +271,9 @@ var tn = [
 				"size",
 				"aria-label"
 			])) : k("", !0)])) : k("", !0)
-		])], 14, sn));
+		])], 14, yn));
 	}
-}), vn = /* @__PURE__ */ P({
+}), An = /* @__PURE__ */ P({
 	__name: "SBanner",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -306,7 +309,7 @@ var tn = [
 	],
 	setup(e, { emit: t }) {
 		let n = t, r = U();
-		return (t, i) => (L(), O(_n, {
+		return (t, i) => (L(), O(kn, {
 			class: "s-ui-banner",
 			"data-qa": "ui:banner",
 			type: e.type,
@@ -356,7 +359,7 @@ var tn = [
 			"truncateTitle"
 		]));
 	}
-}), yn = /* @__PURE__ */ P({
+}), jn = /* @__PURE__ */ P({
 	__name: "SToast",
 	props: {
 		type: { default: () => q.INFO_ACCENT },
@@ -392,7 +395,7 @@ var tn = [
 	],
 	setup(e, { emit: t }) {
 		let n = t, r = U(), i = D(() => e.width ?? 360);
-		return (t, a) => (L(), O(_n, {
+		return (t, a) => (L(), O(kn, {
 			class: "s-ui-toast",
 			"data-qa": "ui:toast",
 			type: e.type,
@@ -442,13 +445,13 @@ var tn = [
 			"truncateTitle"
 		]));
 	}
-}), bn = .05, xn = [
+}), Mn = .05, Nn = [
 	"data-mounted",
 	"data-front",
 	"data-expanded",
 	"data-removed",
 	"data-visible"
-], Sn = /* @__PURE__ */ P({
+], Pn = /* @__PURE__ */ P({
 	__name: "SToastProviderToast",
 	props: {
 		index: {},
@@ -461,7 +464,7 @@ var tn = [
 	},
 	emits: ["heightChange"],
 	setup(e, { emit: t }) {
-		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(() => ({
+		let n = t, r = R(null), i = R(0), a = R(!1), o = D(() => e.index === 0), s = D(() => 1 - e.index * Mn), 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`,
@@ -470,10 +473,10 @@ var tn = [
 			"--s-ui-toast-provider-stack-scale": String(s.value),
 			zIndex: String(1e3 - e.index)
 		}));
-		return en(r, (e) => {
+		return pn(r, (e) => {
 			let t = e[0]?.contentRect.height ?? 0;
 			t !== i.value && (i.value = t, n("heightChange", t));
-		}), Ht(() => {
+		}), en(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					a.value = !0;
@@ -491,50 +494,50 @@ var tn = [
 			ref_key: "contentRef",
 			ref: r,
 			class: "s-ui-toast-provider__toast-content"
-		}, [z(t.$slots, "default")], 512)], 12, xn));
+		}, [z(t.$slots, "default")], 512)], 12, Nn));
 	}
-}), Cn = 4e3, wn = 1e4, Tn = 50, En = (e, t) => {
-	let n = Cn + (e.length + (t?.length ?? 0)) * 50;
-	return n > 1e4 ? wn : n;
-}, Z = B([]), Q = /* @__PURE__ */ new Map(), Dn = 0, On = {
+}), Fn = 4e3, In = 1e4, Ln = 50, Rn = (e, t) => {
+	let n = Fn + (e.length + (t?.length ?? 0)) * 50;
+	return n > 1e4 ? In : n;
+}, Z = B([]), Q = /* @__PURE__ */ new Map(), zn = 0, Bn = {
 	type: q.INFO_ACCENT,
 	layout: J.HORIZONTAL,
 	leftside: Y.ICON,
 	showPrimaryButton: !1,
 	closable: !0
-}, kn = () => `toast-${Date.now()}-${++Dn}`, $ = (e) => {
+}, Vn = () => `toast-${Date.now()}-${++zn}`, $ = (e) => {
 	let t = Q.get(e);
 	t && (window.clearTimeout(t), Q.delete(e));
-}, An = (e) => {
+}, Hn = (e) => {
 	$(e.id);
-	let t = e.duration === void 0 ? En(e.title, e.description) : e.duration;
+	let t = e.duration === void 0 ? Rn(e.title, e.description) : e.duration;
 	if (t > 0) {
 		let n = window.setTimeout(() => {
-			jn(e.id);
+			Un(e.id);
 		}, t);
 		Q.set(e.id, n);
 	}
-}, jn = (e) => {
+}, Un = (e) => {
 	let t = Z.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));
-}, Mn = () => {
+}, Wn = () => {
 	Q.forEach((e) => window.clearTimeout(e)), Q.clear(), Z.value = [];
-}, Nn = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
+}, Gn = (e) => e.length <= 3 ? e : (e.slice(3).forEach((e) => {
 	$(e.id);
-}), e.slice(0, 3)), Pn = (e) => {
-	let t = e.id ?? kn(), n = {
-		...On,
+}), e.slice(0, 3)), Kn = (e) => {
+	let t = e.id ?? Vn(), n = {
+		...Bn,
 		...e,
 		id: t
 	}, r = Z.value.findIndex((e) => e.id === t);
 	if (r > -1) {
 		let e = [...Z.value];
-		e[r] = n, Z.value = Nn(e);
-	} else Z.value = Nn([n, ...Z.value]);
-	return An(n), t;
-}, Fn = (e, t) => {
+		e[r] = n, Z.value = Gn(e);
+	} else Z.value = Gn([n, ...Z.value]);
+	return Hn(n), t;
+}, qn = (e, t) => {
 	let n = Z.value.findIndex((t) => t.id === e);
 	if (n === -1) return;
 	let r = Z.value[n];
@@ -544,18 +547,18 @@ var tn = [
 		...t,
 		id: r.id
 	}, a = [...Z.value];
-	a[n] = i, Z.value = a, An(i);
-}, In = () => ({
+	a[n] = i, Z.value = a, Hn(i);
+}, Jn = () => ({
 	toasts: Z,
-	show: Pn,
-	hide: jn,
-	hideAll: Mn,
-	update: Fn
-}), Ln = /* @__PURE__ */ P({
+	show: Kn,
+	hide: Un,
+	hideAll: Wn,
+	update: qn
+}), Yn = /* @__PURE__ */ P({
 	__name: "SToastProvider",
 	setup(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) => {
+		let { toasts: t, hide: n } = Jn(), 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);
+		an(c, (e) => {
 			e > 0 && (l.value = e);
 		});
 		let d = D(() => {
@@ -597,7 +600,7 @@ var tn = [
 		}, b = (e) => {
 			e.onSecondaryAction && e.onSecondaryAction();
 		};
-		return (e, t) => (L(), O(Rt, { to: "body" }, [j("div", {
+		return (e, t) => (L(), O(Xt, { to: "body" }, [j("div", {
 			class: "s-ui-toast-provider",
 			onMouseenter: m,
 			onMouseleave: h
@@ -605,7 +608,7 @@ var tn = [
 			key: 0,
 			class: "s-ui-toast-provider__list",
 			style: I(d.value)
-		}, [(L(!0), A(Lt, null, Ut(r.value, (t, n) => (L(), O(Sn, {
+		}, [(L(!0), A(Yt, null, tn(r.value, (t, n) => (L(), O(Pn, {
 			key: t.id,
 			index: n,
 			expanded: i.value,
@@ -616,13 +619,13 @@ var tn = [
 			"offset-y": f(n),
 			onHeightChange: (e) => g(t.id, e)
 		}, {
-			default: G(() => [z(e.$slots, "toast", { toast: t }, () => [t.component ? (L(), O(Wt(t.component), Vt({
+			default: G(() => [z(e.$slots, "toast", { toast: t }, () => [t.component ? (L(), O(nn(t.component), $t({
 				key: 0,
 				ref_for: !0
 			}, t.componentProps, {
 				toast: t,
 				onClose: (e) => _(t.id)
-			}), null, 16, ["toast", "onClose"])) : (L(), O(H(yn), {
+			}), null, 16, ["toast", "onClose"])) : (L(), O(H(jn), {
 				key: 1,
 				type: t.type,
 				layout: t.layout,
@@ -676,10 +679,10 @@ var tn = [
 			"onHeightChange"
 		]))), 128))], 4)) : k("", !0)], 32)]));
 	}
-}), Rn = 4, zn = 4, Bn = 1, Vn = "400 12px var(--s-ui-font-family-label)", Hn = 4, Un = (e, t, n, r, i, a) => {
+}), Xn = 4, Zn = 4, Qn = 1, $n = "400 12px var(--s-ui-font-family-label)", er = 4, tr = (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();
-}, Wn = (e) => {
+}, nr = (e) => {
 	let t = e.getProps([
 		"x",
 		"y",
@@ -690,14 +693,14 @@ var tn = [
 		width: Math.abs(n - i),
 		centerY: r
 	};
-}, Gn = (e, t, n, r) => {
-	let i = Wn(t);
+}, rr = (e, t, n, r) => {
+	let i = nr(t);
 	if (!i) return;
-	let a = `${n}`, o = e.measureText(a).width + Rn * 2;
-	if (i.width < o + Hn * 2) return;
+	let a = `${n}`, o = e.measureText(a).width + Xn * 2;
+	if (i.width < o + er * 2) return;
 	let s = i.left + i.width / 2;
-	Un(e, s - o / 2, i.centerY - 20 / 2, o, 20, zn), e.fillStyle = r.background, e.fill(), e.lineWidth = Bn, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(a, s, i.centerY);
-}, Kn = (e) => ({
+	tr(e, s - o / 2, i.centerY - 20 / 2, o, 20, Zn), e.fillStyle = r.background, e.fill(), e.lineWidth = Qn, e.strokeStyle = r.border, e.stroke(), e.fillStyle = r.text, e.fillText(a, s, i.centerY);
+}, ir = (e) => ({
 	id: "segmentedBarBadge",
 	afterDatasetsDraw(t) {
 		let n = {
@@ -705,18 +708,18 @@ var tn = [
 			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) => {
+		r.save(), r.font = $n, 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 && Gn(r, a, o, n);
+			a && typeof o == "number" && o > 0 && rr(r, a, o, n);
 		}), r.restore();
 	}
-}), qn = 40, Jn = 4, Yn = 1, Xn = [
+}), ar = 40, or = 4, sr = 1, cr = [
 	"mousemove",
 	"mouseout",
 	"click",
 	"touchstart",
 	"touchmove"
-], Zn = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, onSegmentClick: i }) => {
+], lr = ({ segments: e, segmentColors: t, colorHostElement: n, skeleton: r = !1, onSegmentClick: i }) => {
 	if (e.length === 0) return null;
 	let a = T("--s-ui-color-surface-primary", n), o = e.reduce((e, t) => e + t.value, 0), s = pt({
 		kind: "series",
@@ -735,12 +738,12 @@ var tn = [
 				hoverBackgroundColor: t[n],
 				borderColor: a,
 				borderWidth: {
-					left: Yn,
-					right: Yn
+					left: sr,
+					right: sr
 				},
 				borderSkipped: !1,
-				borderRadius: Jn,
-				barThickness: qn,
+				borderRadius: or,
+				barThickness: ar,
 				stack: "track"
 			}))
 		},
@@ -749,7 +752,7 @@ var tn = [
 			responsive: !0,
 			maintainAspectRatio: !1,
 			layout: { padding: 0 },
-			events: r ? [] : Xn,
+			events: r ? [] : cr,
 			onHover: s.onHover,
 			onClick: s.onClick,
 			hover: r ? void 0 : {
@@ -774,9 +777,9 @@ var tn = [
 				}
 			}
 		},
-		plugins: [...r ? [] : [Kn(n)], ...s.plugins]
+		plugins: [...r ? [] : [ir(n)], ...s.plugins]
 	};
-}, Qn = [
+}, ur = [
 	4,
 	1,
 	2,
@@ -788,7 +791,7 @@ var tn = [
 ].map((e, t) => ({
 	label: `Series ${t + 1}`,
 	value: e
-})), $n = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, er = /* @__PURE__ */ P({
+})), dr = { class: "s-ui-chart-segmented-bar__canvas-wrap" }, fr = /* @__PURE__ */ P({
 	__name: "SChartSegmentedBar",
 	props: {
 		segments: { default: () => [] },
@@ -803,7 +806,7 @@ var tn = [
 	},
 	emits: ["segmentClick"],
 	setup(e, { expose: t, emit: n }) {
-		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) => ({
+		let r = n, i = ht, a = W("chartRootRef"), o = W("chartCanvasRef"), s = D(() => e.loading ? ur : e.segments), c = D(() => s.value.map((t, n) => gn(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(() => {
@@ -814,7 +817,7 @@ var tn = [
 		}), p = (e) => {
 			let t = l.value[e];
 			t && r("segmentClick", t.segmentIndex, t.segment);
-		}, m = wt("onSegmentClick"), h = D(() => Zn({
+		}, m = wt("onSegmentClick"), h = D(() => lr({
 			segments: u.value,
 			segmentColors: d.value,
 			colorHostElement: a.value,
@@ -839,7 +842,7 @@ var tn = [
 			ref: a,
 			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(H(dt), {
+		}, [j("div", dr, [Zt(H(dt), {
 			loading: e.loading,
 			type: H(i).CARTESIAN
 		}, {
@@ -861,22 +864,22 @@ var tn = [
 			"interactive"
 		])) : k("", !0)], 2));
 	}
-}), tr = {
+}), pr = {
 	key: 0,
 	class: "s-ui-chart-widget__header"
-}, nr = {
+}, mr = {
 	key: 0,
 	class: "s-ui-chart-widget__title-skeleton",
 	"aria-hidden": "true"
-}, rr = {
+}, hr = {
 	key: 1,
 	class: "s-ui-chart-widget__title s-ui-typography-label-16-medium"
-}, ir = { class: "s-ui-chart-widget__controls" }, ar = {
+}, gr = { class: "s-ui-chart-widget__controls" }, _r = {
 	key: 1,
 	class: "s-ui-chart-widget__content"
-}, or = /* @__PURE__ */ P({
+}, vr = /* @__PURE__ */ P({
 	__name: "SChartWidget",
-	props: /*@__PURE__*/ Bt({
+	props: /*@__PURE__*/ Qt({
 		title: { default: "" },
 		collapsible: {
 			type: Boolean,
@@ -899,11 +902,11 @@ var tn = [
 	}),
 	emits: ["update:collapsed"],
 	setup(e) {
-		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"));
+		let t = rn(e, "collapsed"), n = U(), { t: r } = fn(), 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 ? (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), {
+		}, [i.value ? (L(), A("div", pr, [e.loading ? (L(), A("span", mr)) : (L(), A("span", hr, [z(n.$slots, "title", {}, () => [N(V(e.title), 1)])])), j("div", gr, [z(n.$slots, "actions"), e.collapsible ? (L(), O(H(w), {
 			key: 0,
 			appearance: H(C).OUTLINED,
 			variant: H(S).NEUTRAL,
@@ -919,8 +922,8 @@ var tn = [
 			"icon",
 			"aria-label",
 			"aria-expanded"
-		])) : k("", !0)])])) : k("", !0), a.value ? (L(), A("div", ar, [z(n.$slots, "default")])) : k("", !0)], 2));
+		])) : k("", !0)])])) : k("", !0), a.value ? (L(), A("div", _r, [z(n.$slots, "default")])) : k("", !0)], 2));
 	}
 });
 //#endregion
-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 };
+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, Be as ESInlineMessageValidationStatus, Re as ESInputCustomize, He as ESLabelSize, Ue as ESLabelVariant, Ye as ESListGap, qe as ESListItemVariant, st as ESPhotoEditShape, ct as ESPhotoEditSize, $e as ESRadioLabelPlacement, Ze as ESSelectSearchable, be as ESTabAppearance, xe as ESTabSize, Ut as ESTableCellState, Gt as ESTableCheckState, Vt as ESTableColumnAlign, Lt as ESTableColumnSticky, Wt as ESTableDropAction, Kt as ESTableFooterTone, Rt as ESTableRowHeightMode, Ht as ESTableRowKind, Jt as ESTableRowState, zt as ESTableRowsDragMode, Bt as ESTableSortDirection, 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, An 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, fr as SChartSegmentedBar, vt as SChartStackedArea, yt as SChartStackedBar, vr 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, Le as SDropdownMenu, ue as SInlineGroup, at as SInlineInput, Ve as SInlineMessage, ze as SInput, We as SLabel, Xe as SList, Je as SListItem, lt as SPhotoEdit, et as SRadio, ye as SSegmentControl, Qe as SSelect, Se as STab, qt as STable, Ce as STabs, Ae as STag, je as STagGroup, ot as STextarea, jn as SToast, Yn as SToastProvider, rt as SToggle, Fe as S_DROPDOWN_SHEET_BREAKPOINT, In as TOAST_AUTO_DURATION_MAX_MS, Fn as TOAST_AUTO_DURATION_MIN_MS, Ln as TOAST_AUTO_DURATION_MS_PER_CHAR, Mt as WORK_TIME_SOURCE_COLOR_VARS, Pt as WORK_TIME_SOURCE_ORDER, Ft as buildWorkTimeLegendItems, Rn as computeAutoDuration, Te as computeConnectedPosition, sn as createUiKit, It as formatDurationHM, ee as isSameColor, b as normalizeColorValue, y as resolveColorPreview, re as resolveOwnPropOrGroupedOrFallback, cn as setUiKitLocale, ln as uiKitLocaleEn, un as uiKitLocaleRu, Ke as useFlatTreeList, De as useFloatingOverlay, Ge as useSListEndReached, ae as useSelectionGroup, ce as useSelectionGroupItem, Jn as useToast, dn as useUiKitI18n };

package/dist/treeKeyboardNavigation-BOz2SVus.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@vueuse/core");var n=(e,t)=>{if(typeof t==`function`)return t(e);let n=e[t];return typeof n==`string`?n:typeof n==`number`?String(n):``},r=(e,t)=>{let n=e[t];return Array.isArray(n)?n.filter(e=>typeof e==`object`&&!!e):[]},i=(e,t)=>{if(!t)return!1;let n=e[t];return typeof n==`boolean`?n:!1},a=`__s-ui-load-more:`,o=e=>`${a}${e}`,s=`__s-ui-list-divider__`,c=()=>Object.create(null),l=e=>e===void 0?new Set:typeof e==`string`?new Set([e]):new Set(e),u=(e,t,i,a)=>{r(e,i).forEach(e=>{let r=n(e,t);r&&a.add(r),u(e,t,i,a)})},d=(e,t,i,a)=>{for(let o of e){if(n(o,i)===t)return o;let e=d(r(o,a),t,i,a);if(e)return e}},f=(e,t,a,s,c,l,u,d)=>{e.forEach(e=>{let p=n(e,t);if(!p)return;let m=r(e,a),h=m.length>0,g=s.includes(p);u.push({key:p,item:e,depth:c,flatIndex:u.length,hasChildren:h,expanded:g,parentKey:l}),h&&g&&f(m,t,a,s,c+1,p,u,d),h&&g&&i(e,d)&&u.push({key:o(p),item:e,depth:c+1,flatIndex:u.length,hasChildren:!1,expanded:!1,parentKey:p,loadMoreForKey:p})})},p=(e,t,i,a)=>{let o=l(a);if(o.size===0)return;let s=[],c=[];for(let a of e){if(r(a,i).length>0)return;o.has(n(a,t))?s.push(a):c.push(a)}if(!(s.length===0||c.length===0))return{selectedItems:s,restItems:c}},m=({items:t,childrenKey:n,itemKey:r,expanded:i,hasMoreChildrenKey:a,selectedOnTop:o,selectedKeys:l})=>({flatRows:(0,e.computed)(()=>{let u=[],d=(0,e.toValue)(t),m=(0,e.toValue)(n),h=(0,e.toValue)(r),g=(0,e.toValue)(a),_=(0,e.toValue)(o)?p(d,h,m,(0,e.toValue)(l)):void 0;return _?(f(_.selectedItems,h,m,i.value,0,void 0,u,g),u.push({key:s,item:c(),depth:0,flatIndex:u.length,hasChildren:!1,expanded:!1,divider:!0}),f(_.restItems,h,m,i.value,0,void 0,u,g),u):(f(d,h,m,i.value,0,void 0,u,g),u)}),toggleExpanded:a=>{let o=(0,e.toValue)(t),s=(0,e.toValue)(n),c=(0,e.toValue)(r),l=new Set(i.value);if(l.has(a)){l.delete(a);let e=d(o,a,c,s);if(e){let t=new Set;u(e,c,s,t),t.forEach(e=>{l.delete(e)})}}else l.add(a);i.value=[...l]},isExpanded:e=>i.value.includes(e)}),h=(n,r)=>(0,t.useInfiniteScroll)(n,()=>{r.onEndReached()},{distance:(0,e.toValue)(r.distance),canLoadMore:()=>r.canLoadMore===void 0?!0:(0,e.toValue)(r.canLoadMore),direction:`bottom`}),g=(e,t)=>typeof t==`string`&&t?t:Array.isArray(t)&&t[0]?t[0]:e,_=e=>e.some(e=>e.hasChildren||e.parentKey),v=(e,t,n)=>{if(!e.hasChildren)return null;if(!e.expanded)return{type:`expand`,rowKey:t};let r=n.find(e=>e.parentKey===t);return r?{type:`select`,rowKey:r.key}:null},y=(e,t)=>e.hasChildren&&e.expanded?{type:`collapse`,rowKey:t}:e.parentKey?{type:`select`,rowKey:e.parentKey}:null,b=(e,t,n)=>{let r=n.find(e=>e.key===t);return r?e===`ArrowRight`?v(r,t,n):y(r,t):null},x=(e,t,n,r)=>{for(let i=t;i>=0&&i<e.length;i+=n){let t=e[i];if(t&&t.depth<=r)return t.key}return null},S=(e,t,n)=>{let r=n.findIndex(e=>e.key===t);if(r===-1)return null;let i=n[r];if(!i)return null;let a=e===`ArrowDown`?1:-1;return x(n,r+a,a,i.depth)};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});