@shtabapp/ui-kit 1.62.0 → 1.63.0

package/dist/{SChartStackedArea-BxUex_Di.js → SChartStackedArea-BQGnKp1i.js}

@@ -1,33 +1,33 @@
-import { C as e, S as t, a as n, c as r, i, l as a, o, r as s, s as c, t as l, u, v as d } from "./SChartSkeletonHost-BT96eWSF.js";
-import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
-import { n as p, t as m } from "./buildChartSeriesPoints-D8Xpfwp7.js";
-import { t as h } from "./resolveStackedChartContext-DFre3tt0.js";
-import { t as g } from "./createChartCrosshairPlugin-DwFOncWI.js";
-import { t as _ } from "./resolveSeriesPaletteColor-BdvGT-PI.js";
-import { t as v } from "./SChartLegend-oZoF8XK7.js";
+import { t as e } from "./SChartLegend-oZoF8XK7.js";
+import { C as t, a as n, b as r, c as i, g as a, i as o, n as s, o as c, r as l, s as u, t as d, x as f } from "./useChartInteractivity-BATdT86l.js";
+import { t as p } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as m } from "./resolveStackedChartContext-CIKVXkDn.js";
+import { t as h } from "./createChartCrosshairPlugin-DU5grSok.js";
+import { t as g } from "./resolveSeriesPaletteColor-DcLSyk-D.js";
+import { n as _, t as v } from "./buildChartSeriesPoints-BTyOpkin.js";
 import { t as y } from "./useHasListener-RSjlUyqH.js";
 import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createVNode as T, defineComponent as E, normalizeClass as D, openBlock as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
 //#region src/utils/chart/stacked/resolveStackedSeriesColor.ts
-var M = (n, r, i, a = !1) => _(n, r, i, a, {
-	palette: e,
-	paletteFallback: d.stackedPalette1,
-	skeletonPalette: t,
-	skeletonFallback: d.skeletonPalette1
-}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: i, yMin: s, yStep: l = N, skeleton: d = !1, totalLabel: p, onSeriesClick: m }) => {
-	let _ = h({
+var M = (e, t, n, i = !1) => g(e, t, n, i, {
+	palette: f,
+	paletteFallback: a.stackedPalette1,
+	skeletonPalette: r,
+	skeletonFallback: a.skeletonPalette1
+}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: r, yMin: a, yStep: s = N, skeleton: d = !1, totalLabel: f, onSeriesClick: g }) => {
+	let _ = m({
 		seriesList: e,
 		colorHostElement: t,
-		yMax: i,
-		yMin: s,
-		yStep: l,
+		yMax: r,
+		yMin: a,
+		yStep: s,
 		skeleton: d
 	});
 	if (!_) return null;
-	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = n({
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = l({
 		kind: "series",
 		skeleton: d,
 		colorHostElement: t,
-		onIndexClick: m
+		onIndexClick: g
 	});
 	return {
 		type: "line",
@@ -69,29 +69,29 @@ var M = (n, r, i, a = !1) => _(n, r, i, a, {
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: c(d),
+					enabled: n(d),
 					backgroundColor: b,
 					titleColor: x,
 					bodyColor: x,
 					footerColor: x,
 					displayColors: !1,
-					position: a,
+					position: u,
 					yAlign: "bottom",
 					xAlign: "center",
 					caretPadding: 8,
-					callbacks: u({ total: p })
+					callbacks: i({ total: f })
 				}
 			},
-			scales: f({
+			scales: p({
 				axisLabelColor: v,
 				gridColor: y,
 				yMin: C,
 				yMax: S,
-				yStep: l,
+				yStep: s,
 				stacked: !0
 			})
 		},
-		plugins: r(d, [g(t), ...T.plugins])
+		plugins: c(d, [h(t), ...T.plugins])
 	};
 }, I = [
 	"24.02",
@@ -176,19 +176,19 @@ var M = (n, r, i, a = !1) => _(n, r, i, a, {
 ], H = [
 	{
 		label: V[0] ?? "Series 1",
-		points: m(I, L)
+		points: v(I, L)
 	},
 	{
 		label: V[1] ?? "Series 2",
-		points: m(I, R)
+		points: v(I, R)
 	},
 	{
 		label: V[2] ?? "Series 3",
-		points: m(I, z)
+		points: v(I, z)
 	},
 	{
 		label: V[3] ?? "Series 4",
-		points: m(I, B)
+		points: v(I, B)
 	}
 ], U = { class: "s-ui-chart-stacked-area__canvas-wrap" }, W = /* @__PURE__ */ E({
 	__name: "SChartStackedArea",
@@ -203,45 +203,45 @@ var M = (n, r, i, a = !1) => _(n, r, i, a, {
 		totalLabel: {}
 	},
 	emits: ["seriesClick"],
-	setup(e, { expose: t, emit: n }) {
-		let r = n, a = A("chartRootRef"), o = A("chartCanvasRef"), c = b(() => e.loading ? H : e.series), u = (t) => {
-			let n = e.series[t];
-			n && r("seriesClick", t, n);
-		}, d = y("onSeriesClick"), f = b(() => !e.loading && e.series.length === 0 ? null : F({
-			seriesList: c.value,
-			colorHostElement: a.value,
-			yMax: e.loading ? 160 : e.yMax,
-			yMin: e.loading ? 0 : void 0,
-			yStep: e.loading ? 20 : e.yStep,
-			skeleton: e.loading,
-			totalLabel: e.totalLabel,
-			onSeriesClick: d() ? u : void 0
-		})), m = b(() => p(c.value, (t, n) => M(t, a.value, n, e.loading))), { chartInstance: h } = i({
-			canvasRef: o,
-			config: f,
-			enabled: b(() => e.loading || e.series.length > 0)
-		}), { exportImage: g, handleLegendItemHover: _ } = s({
+	setup(n, { expose: r, emit: i }) {
+		let a = i, o = A("chartRootRef"), c = A("chartCanvasRef"), l = b(() => n.loading ? H : n.series), u = (e) => {
+			let t = n.series[e];
+			t && a("seriesClick", e, t);
+		}, f = y("onSeriesClick"), p = b(() => !n.loading && n.series.length === 0 ? null : F({
+			seriesList: l.value,
+			colorHostElement: o.value,
+			yMax: n.loading ? 160 : n.yMax,
+			yMin: n.loading ? 0 : void 0,
+			yStep: n.loading ? 20 : n.yStep,
+			skeleton: n.loading,
+			totalLabel: n.totalLabel,
+			onSeriesClick: f() ? u : void 0
+		})), m = b(() => _(l.value, (e, t) => M(e, o.value, t, n.loading))), { chartInstance: h } = s({
+			canvasRef: c,
+			config: p,
+			enabled: b(() => n.loading || n.series.length > 0)
+		}), { exportImage: g, handleLegendItemHover: v } = d({
 			chartInstance: h,
-			canvasRef: o,
-			colorHostElement: a
+			canvasRef: c,
+			colorHostElement: o
 		});
-		return t({ exportImage: g }), (t, n) => (O(), C("div", {
+		return r({ exportImage: g }), (r, i) => (O(), C("div", {
 			ref_key: "chartRootRef",
-			ref: a,
-			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": e.loading }])
-		}, [w("div", U, [T(k(l), { loading: e.loading }, {
+			ref: o,
+			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": n.loading }])
+		}, [w("div", U, [T(k(t), { loading: n.loading }, {
 			default: j(() => [w("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: o,
+				ref: c,
 				class: "s-ui-chart-stacked-area__canvas"
 			}, null, 512)]),
 			_: 1
-		}, 8, ["loading"])]), m.value.length ? (O(), x(k(v), {
+		}, 8, ["loading"])]), m.value.length ? (O(), x(k(e), {
 			key: 0,
 			items: m.value,
-			disabled: e.loading,
-			interactive: !e.loading,
-			onItemHover: k(_)
+			disabled: n.loading,
+			interactive: !n.loading,
+			onItemHover: k(v)
 		}, null, 8, [
 			"items",
 			"disabled",

package/dist/SChartStackedBar-D1G-VloG.cjs

@@ -0,0 +1 @@
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-CXSdHPOw.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveStackedChartContext-CQbgdV55.cjs"),i=require("./resolveBarStackedSeriesColor-HDSkh6Mw.cjs"),a=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=3,l=4,u=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i),s=o;e.beginPath(),e.moveTo(t,n+i),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.lineTo(t+r-s,n),e.arcTo(t+r,n,t+r,n+s,s),e.lineTo(t+r,n+i),e.closePath(),e.stroke()},d=e=>({id:`stackedBarHoverOutline`,afterDatasetsDraw(n){let r=n.tooltip?.getActiveElements()??[];if(r.length===0)return;let i=1/0,a=1/0,o=-1/0,s=-1/0;for(let e of r){let{x:t,y:n,width:r,base:c}=e.element.getProps([`x`,`y`,`width`,`base`]),l=t-r/2,u=t+r/2,d=n,f=c;i=Math.min(i,l),o=Math.max(o,u),a=Math.min(a,d),s=Math.max(s,f)}let d=t.S(t.g.barHoverOutline,e),{ctx:f,chartArea:p}=n,m=c/2,h=p?.bottom??s,g=Math.min(s,h),_=i+m,v=a+m,y=o-i-c,b=g-a-c;if(y<=0||b<=0)return;let x=Math.max(0,l-m);f.save(),f.strokeStyle=d,f.lineWidth=c,u(f,_,v,y,b,x),f.restore()}}),f=5,p=`stack0`,m=36,h=4,g=12,_=({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c=f,skeleton:l=!1,onSeriesClick:u,onSegmentClick:_})=>{let v=r.t({seriesList:e,colorHostElement:a,yMax:o,yMin:s,yStep:c,skeleton:l});if(!v)return null;let{axisLabelColor:y,gridColor:b,tooltipBackgroundColor:x,tooltipTextColor:S,resolvedYMax:C,resolvedYMin:w,chartLabels:T,pointCaptions:E,topSeriesIndex:D}=v,O=t.r({kind:`segment`,skeleton:l,colorHostElement:a,onIndexClick:u,onElementIndexClick:_});return{type:`bar`,data:{labels:T,datasets:e.map((e,t)=>{let n=i.t(t,a,e.fillColor,l);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:n,hoverBackgroundColor:n,borderWidth:0,hoverBorderWidth:0,stack:p,barThickness:m,borderRadius:t===D?{topLeft:h,topRight:h}:0,...t===0?{captions:E}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:O.onHover,onClick:O.onClick,hover:l?void 0:{mode:`nearest`,intersect:!0},interaction:t.i(l,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(l),backgroundColor:x,titleColor:S,bodyColor:S,displayColors:!1,position:t.f,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:t.p()}},scales:n.t({axisLabelColor:y,gridColor:b,yMin:w,yMax:C,yStep:c,stacked:!0,xTickFontSize:g})},plugins:t.o(l,[d(a),...O.plugins])}},v=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`,`11 неделя`,`12 неделя`,`13 неделя`,`14 неделя`,`15 неделя`,`16 неделя`],y=[12,14,15,16,18,17,16,15,14,13,12,11],b=[6,7,8,8,9,8,7,7,6,6,5,5],x=[4,5,5,6,6,5,5,4,4,3,3,3],S=[`Series 1`,`Series 2`,`Series 3`],C=[{label:S[0]??`Series 1`,points:a.t(v,y)},{label:S[1]??`Series 2`,points:a.t(v,b)},{label:S[2]??`Series 3`,points:a.t(v,x)}],w={class:`s-ui-chart-stacked-bar__canvas-wrap`},T=(0,s.defineComponent)({__name:`SChartStackedBar`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},emits:[`seriesClick`,`segmentClick`],setup(n,{expose:r,emit:c}){let l=c,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>n.loading?C:n.series),p=e=>{let t=n.series[e];t&&l(`seriesClick`,e,t)},m=(e,t)=>{let r=n.series[t],i=r?.points[e];r&&i&&l(`segmentClick`,e,t,i,r)},h=o.t(`onSeriesClick`),g=o.t(`onSegmentClick`),v=(0,s.computed)(()=>!n.loading&&n.series.length===0?null:_({seriesList:f.value,colorHostElement:u.value,yMax:n.loading?50:n.yMax,yMin:n.loading?0:void 0,yStep:n.loading?5:n.yStep,skeleton:n.loading,onSeriesClick:h()?p:void 0,onSegmentClick:g()?m:void 0})),y=(0,s.computed)(()=>a.n(f.value,(e,t)=>i.t(e,u.value,t,n.loading))),{chartInstance:b}=t.n({canvasRef:d,config:v,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=t.t({chartInstance:b,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(r,i)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-stacked-bar`,{"s-ui-chart-stacked-bar--skeleton":n.loading}])},[(0,s.createElementVNode)(`div`,w,[(0,s.createVNode)((0,s.unref)(t.C),{loading:n.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-bar__canvas`},null,512)]),_:1},8,[`loading`])]),y.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(e.t),{key:0,items:y.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,s.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});

package/dist/SChartStackedBar-fiUU9lNp.js

@@ -0,0 +1,245 @@
+import { t as e } from "./SChartLegend-oZoF8XK7.js";
+import { C as t, S as n, a as r, f as i, g as a, i as o, n as s, o as c, p as l, r as u, t as d } from "./useChartInteractivity-BATdT86l.js";
+import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as p } from "./resolveStackedChartContext-CIKVXkDn.js";
+import { t as m } from "./resolveBarStackedSeriesColor-LpVh1SvQ.js";
+import { n as h, t as g } from "./buildChartSeriesPoints-BTyOpkin.js";
+import { t as _ } from "./useHasListener-RSjlUyqH.js";
+import { computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, normalizeClass as T, openBlock as E, unref as D, useTemplateRef as O, withCtx as k } from "vue";
+//#region src/utils/chart/bar/createStackedBarHoverOutlinePlugin.ts
+var A = 3, j = 4, M = (e, t, n, r, i, a) => {
+	let o = Math.min(a, r / 2, i), s = o;
+	e.beginPath(), e.moveTo(t, n + i), e.lineTo(t, n + o), e.arcTo(t, n, t + o, n, o), e.lineTo(t + r - s, n), e.arcTo(t + r, n, t + r, n + s, s), e.lineTo(t + r, n + i), e.closePath(), e.stroke();
+}, N = (e) => ({
+	id: "stackedBarHoverOutline",
+	afterDatasetsDraw(t) {
+		let r = t.tooltip?.getActiveElements() ?? [];
+		if (r.length === 0) return;
+		let i = Infinity, o = Infinity, s = -Infinity, c = -Infinity;
+		for (let e of r) {
+			let { x: t, y: n, width: r, base: a } = e.element.getProps([
+				"x",
+				"y",
+				"width",
+				"base"
+			]), l = t - r / 2, u = t + r / 2, d = n, f = a;
+			i = Math.min(i, l), s = Math.max(s, u), o = Math.min(o, d), c = Math.max(c, f);
+		}
+		let l = n(a.barHoverOutline, e), { ctx: u, chartArea: d } = t, f = A / 2, p = d?.bottom ?? c, m = Math.min(c, p), h = i + f, g = o + f, _ = s - i - A, v = m - o - A;
+		if (_ <= 0 || v <= 0) return;
+		let y = Math.max(0, j - f);
+		u.save(), u.strokeStyle = l, u.lineWidth = A, M(u, h, g, _, v, y), u.restore();
+	}
+}), P = 5, F = "stack0", I = 36, L = 4, R = 12, z = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: a, yStep: s = P, skeleton: d = !1, onSeriesClick: h, onSegmentClick: g }) => {
+	let _ = p({
+		seriesList: e,
+		colorHostElement: t,
+		yMax: n,
+		yMin: a,
+		yStep: s,
+		skeleton: d
+	});
+	if (!_) return null;
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w, pointCaptions: T, topSeriesIndex: E } = _, D = u({
+		kind: "segment",
+		skeleton: d,
+		colorHostElement: t,
+		onIndexClick: h,
+		onElementIndexClick: g
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: w,
+			datasets: e.map((e, n) => {
+				let r = m(n, t, e.fillColor, d);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					backgroundColor: r,
+					hoverBackgroundColor: r,
+					borderWidth: 0,
+					hoverBorderWidth: 0,
+					stack: F,
+					barThickness: I,
+					borderRadius: n === E ? {
+						topLeft: L,
+						topRight: L
+					} : 0,
+					...n === 0 ? { captions: T } : {}
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			onHover: D.onHover,
+			onClick: D.onClick,
+			hover: d ? void 0 : {
+				mode: "nearest",
+				intersect: !0
+			},
+			interaction: o(d, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: r(d),
+					backgroundColor: b,
+					titleColor: x,
+					bodyColor: x,
+					displayColors: !1,
+					position: i,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: l()
+				}
+			},
+			scales: f({
+				axisLabelColor: v,
+				gridColor: y,
+				yMin: C,
+				yMax: S,
+				yStep: s,
+				stacked: !0,
+				xTickFontSize: R
+			})
+		},
+		plugins: c(d, [N(t), ...D.plugins])
+	};
+}, B = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя",
+	"11 неделя",
+	"12 неделя",
+	"13 неделя",
+	"14 неделя",
+	"15 неделя",
+	"16 неделя"
+], V = [
+	12,
+	14,
+	15,
+	16,
+	18,
+	17,
+	16,
+	15,
+	14,
+	13,
+	12,
+	11
+], H = [
+	6,
+	7,
+	8,
+	8,
+	9,
+	8,
+	7,
+	7,
+	6,
+	6,
+	5,
+	5
+], U = [
+	4,
+	5,
+	5,
+	6,
+	6,
+	5,
+	5,
+	4,
+	4,
+	3,
+	3,
+	3
+], W = [
+	"Series 1",
+	"Series 2",
+	"Series 3"
+], G = [
+	{
+		label: W[0] ?? "Series 1",
+		points: g(B, V)
+	},
+	{
+		label: W[1] ?? "Series 2",
+		points: g(B, H)
+	},
+	{
+		label: W[2] ?? "Series 3",
+		points: g(B, U)
+	}
+], K = { class: "s-ui-chart-stacked-bar__canvas-wrap" }, q = /* @__PURE__ */ w({
+	__name: "SChartStackedBar",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {}
+	},
+	emits: ["seriesClick", "segmentClick"],
+	setup(n, { expose: r, emit: i }) {
+		let a = i, o = O("chartRootRef"), c = O("chartCanvasRef"), l = v(() => n.loading ? G : n.series), u = (e) => {
+			let t = n.series[e];
+			t && a("seriesClick", e, t);
+		}, f = (e, t) => {
+			let r = n.series[t], i = r?.points[e];
+			r && i && a("segmentClick", e, t, i, r);
+		}, p = _("onSeriesClick"), g = _("onSegmentClick"), w = v(() => !n.loading && n.series.length === 0 ? null : z({
+			seriesList: l.value,
+			colorHostElement: o.value,
+			yMax: n.loading ? 50 : n.yMax,
+			yMin: n.loading ? 0 : void 0,
+			yStep: n.loading ? 5 : n.yStep,
+			skeleton: n.loading,
+			onSeriesClick: p() ? u : void 0,
+			onSegmentClick: g() ? f : void 0
+		})), A = v(() => h(l.value, (e, t) => m(e, o.value, t, n.loading))), { chartInstance: j } = s({
+			canvasRef: c,
+			config: w,
+			enabled: v(() => n.loading || n.series.length > 0)
+		}), { exportImage: M, handleLegendItemHover: N } = d({
+			chartInstance: j,
+			canvasRef: c,
+			colorHostElement: o
+		});
+		return r({ exportImage: M }), (r, i) => (E(), x("div", {
+			ref_key: "chartRootRef",
+			ref: o,
+			class: T(["s-ui-chart-stacked-bar", { "s-ui-chart-stacked-bar--skeleton": n.loading }])
+		}, [S("div", K, [C(D(t), { loading: n.loading }, {
+			default: k(() => [S("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: c,
+				class: "s-ui-chart-stacked-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), A.value.length ? (E(), y(D(e), {
+			key: 0,
+			items: A.value,
+			disabled: n.loading,
+			interactive: !n.loading,
+			onItemHover: D(N)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : b("", !0)], 2));
+	}
+});
+//#endregion
+export { q as t };

package/dist/{SSegmentControl-CAoM03V6.js → SSegmentControl-B9KkAQiG.js}

@@ -40,15 +40,15 @@ var B = Symbol("SSegmentControl"), V = {
 			return e.mode === "none" ? "button" : e.rootTag;
 		}), k = p(() => O.value === "button"), P = p(() => {
 			if (n) return M(n.name);
-		}), I = p(() => ({
+		}), I = p(() => t.item.ariaLabel ? t.item.ariaLabel : t.item.iconOnly ? t.item.label : void 0), z = p(() => ({
 			"s-ui-segment-control__item--selected": T.value,
 			"s-ui-segment-control__item--icon-only": !!t.item.iconOnly,
 			"s-ui-segment-control__item--link": c(t.item.link)
-		})), z = p(() => ({
+		})), H = p(() => ({
 			...s(D.value, { replace: t.item.replace }),
 			disabled: k.value && x.value ? !0 : void 0,
 			"aria-disabled": !k.value && x.value ? !0 : void 0
-		})), H = p(() => x.value ? -1 : C.tabIndex.value ?? -1), U = (e) => {
+		})), U = p(() => x.value ? -1 : C.tabIndex.value ?? -1), W = (e) => {
 			if (!x.value) {
 				if (y.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
 					e.preventDefault(), y.navigate();
@@ -56,7 +56,7 @@ var B = Symbol("SSegmentControl"), V = {
 				}
 				C.handleKeydown(e);
 			}
-		}, W = (e) => {
+		}, G = (e) => {
 			if (x.value) {
 				e.preventDefault(), e.stopPropagation();
 				return;
@@ -67,14 +67,15 @@ var B = Symbol("SSegmentControl"), V = {
 			ref_key: "itemRootRef",
 			ref: _,
 			role: "radio",
-			class: ["s-ui-segment-control__item", I.value],
+			class: ["s-ui-segment-control__item", z.value],
 			type: k.value ? "button" : void 0
-		}, z.value, {
+		}, H.value, {
 			"aria-checked": T.value ? "true" : "false",
-			tabindex: H.value,
+			"aria-label": I.value,
+			tabindex: U.value,
 			name: k.value ? P.value : void 0,
-			onClick: W,
-			onKeydown: U
+			onClick: G,
+			onKeydown: W
 		}), {
 			default: L(() => [t.item.icon ? (E(), g("span", V, [v(N(R), {
 				name: t.item.icon,
@@ -88,6 +89,7 @@ var B = Symbol("SSegmentControl"), V = {
 			"class",
 			"type",
 			"aria-checked",
+			"aria-label",
 			"tabindex",
 			"name"
 		]));

package/dist/SSegmentControl-OXTka86u.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs"),n=require("./useSelectLink-DZIAhQ2J.cjs"),r=require("./useLink-1LLWpdDZ.cjs"),i=require("./getIndicatorMetricsPercent-CFGy_nB8.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives"),s=require("@vueuse/core");var c=Symbol(`SSegmentControl`),l={key:0,class:`s-ui-segment-control__icon`,"aria-hidden":`true`},u=(0,a.defineComponent)({__name:`SSegmentControlItem`,props:{item:{}},setup(t){let i=(0,a.inject)(c,null),s={[e.n.SMALL]:`s-ui-typography-label-12-medium`,[e.n.MEDIUM]:`s-ui-typography-label-14-medium`,[e.n.LARGE]:`s-ui-typography-label-16-medium`},u={[e.n.SMALL]:16,[e.n.MEDIUM]:20,[e.n.LARGE]:24},d=(0,a.computed)(()=>i?(0,a.toValue)(i.size):e.n.MEDIUM),f=(0,a.computed)(()=>s[d.value]),p=(0,a.computed)(()=>u[d.value]),m=(0,a.useTemplateRef)(`itemRootRef`),h=r.t(()=>t.item.link,()=>t.item.exact,()=>t.item.replace);n.t({isRouterLink:h.isRouterLink,isActive:h.isActive,group:()=>i,value:()=>t.item.value});let g=(0,a.computed)(()=>!!(i&&(0,a.toValue)(i.disabled))||!!t.item.disabled),_=n.n({group:()=>i,value:()=>t.item.value,el:m,disabled:g}),v=(0,a.computed)(()=>h.isRouterLink.value?h.isActive.value:_.isActive.value),y=h.linkPresentation,b=(0,a.computed)(()=>{let e=y.value;return e.mode===`none`?`button`:e.rootTag}),x=(0,a.computed)(()=>b.value===`button`),S=(0,a.computed)(()=>{if(i)return(0,a.toValue)(i.name)}),C=(0,a.computed)(()=>t.item.ariaLabel?t.item.ariaLabel:t.item.iconOnly?t.item.label:void 0),w=(0,a.computed)(()=>({"s-ui-segment-control__item--selected":v.value,"s-ui-segment-control__item--icon-only":!!t.item.iconOnly,"s-ui-segment-control__item--link":r.r(t.item.link)})),T=(0,a.computed)(()=>({...r.n(y.value,{replace:t.item.replace}),disabled:x.value&&g.value?!0:void 0,"aria-disabled":!x.value&&g.value?!0:void 0})),E=(0,a.computed)(()=>g.value?-1:_.tabIndex.value??-1),D=e=>{if(!g.value){if(h.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),h.navigate();return}_.handleKeydown(e)}},O=e=>{if(g.value){e.preventDefault(),e.stopPropagation();return}h.isRouterLink.value||_.handleClick()};return(e,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(b.value),(0,a.mergeProps)({ref_key:`itemRootRef`,ref:m,role:`radio`,class:[`s-ui-segment-control__item`,w.value],type:x.value?`button`:void 0},T.value,{"aria-checked":v.value?`true`:`false`,"aria-label":C.value,tabindex:E.value,name:x.value?S.value:void 0,onClick:O,onKeydown:D}),{default:(0,a.withCtx)(()=>[t.item.icon?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,l,[(0,a.createVNode)((0,a.unref)(o.SIcon),{name:t.item.icon,size:p.value},null,8,[`name`,`size`])])):(0,a.createCommentVNode)(``,!0),t.item.label&&!t.item.iconOnly?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:1,class:(0,a.normalizeClass)([`s-ui-segment-control__label`,f.value])},(0,a.toDisplayString)(t.item.label),3)):(0,a.createCommentVNode)(``,!0)]),_:1},16,[`class`,`type`,`aria-checked`,`aria-label`,`tabindex`,`name`]))}}),d=`.s-ui-segment-control__item`,f=({trackEl:e,activeIndex:t,itemCount:n})=>{let r=(0,a.ref)(i.t()),o=()=>{let n=(0,a.toValue)(e),o=(0,a.toValue)(t);if(!n||o<0){r.value=i.t();return}let s=n.querySelectorAll(d).item(o);if(!(s instanceof HTMLElement)){r.value=i.t();return}r.value=i.n(n,s)};return(0,s.useResizeObserver)(e,()=>{o()}),(0,a.watch)(()=>[(0,a.toValue)(t),(0,a.toValue)(n)],async()=>{await(0,a.nextTick)(),o()},{immediate:!0}),{indicatorStyle:(0,a.computed)(()=>{let{left:e,top:t,width:n,height:i}=r.value;return!n||!i?{opacity:`0`}:{opacity:`1`,left:`${e}%`,top:`${t}%`,width:`${n}%`,height:`${i}%`}}),updateMetrics:o}},p=[`aria-disabled`],m=(0,a.defineComponent)({__name:`SSegmentControl`,props:(0,a.mergeModels)({items:{},size:{default:()=>e.n.MEDIUM},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},name:{}},{modelValue:{},modelModifiers:{}}),emits:(0,a.mergeModels)([`change`],[`update:modelValue`]),setup(e,{emit:n}){let r=(0,a.useModel)(e,`modelValue`),i=n,o=(0,a.useTemplateRef)(`trackRef`),s=t.o({modelValue:()=>r.value,onUpdateModelValue:e=>{t.i(e)&&(r.value=e,i(`change`,e))},mode:t.n.SINGLE,mandatory:()=>e.mandatory,orientation:t.r.HORIZONTAL,loop:!0});(0,a.provide)(c,{mode:()=>t.n.SINGLE,isSelected:s.isSelected,selectItem:s.select,registerItem:s.registerItem,getItemTabIndex:s.getItemTabIndex,getGroupTabIndex:s.getGroupTabIndex,handleItemKeydown:s.handleItemKeydown,disabled:()=>e.disabled,name:()=>e.name,size:()=>e.size});let{indicatorStyle:l}=f({trackEl:()=>o.value,activeIndex:(0,a.computed)(()=>{let t=e.items.findIndex(e=>s.isSelected(e.value));return t>=0?t:0}),itemCount:()=>e.items.length}),d=(0,a.computed)(()=>({[`s-ui-segment-control--size-${e.size}`]:!0,"s-ui-segment-control--disabled":e.disabled})),m=(e,t)=>`${String(e.value)}-${t}`,h=()=>{if(r.value!==void 0&&r.value!==null)return;let t=e.items.find(e=>!e.disabled);t&&(r.value=t.value)};return(0,a.watch)(()=>e.items,()=>{h()},{immediate:!0}),(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({ref_key:`trackRef`,ref:o,class:[`s-ui-segment-control`,d.value],role:`radiogroup`,"aria-disabled":e.disabled||void 0},t.$attrs),[(0,a.createElementVNode)(`span`,{class:`s-ui-segment-control__indicator`,style:(0,a.normalizeStyle)((0,a.unref)(l)),"aria-hidden":`true`},null,4),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.items,(e,t)=>((0,a.openBlock)(),(0,a.createBlock)(u,{key:m(e,t),item:e},null,8,[`item`]))),128))],16,p))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});

package/dist/areChartSeriesAligned-DiBX3TTk.cjs

@@ -0,0 +1 @@
+var e=e=>{if(e.length===0)return!1;let t=e[0];return!t||t.points.length===0?!1:e.every(e=>e.points.length===t.points.length?e.points.every((e,n)=>e.label===t.points[n]?.label):!1)};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/{buildChartSeriesPoints-D8Xpfwp7.js → areChartSeriesAligned-DjonrIMm.js}

@@ -3,12 +3,6 @@ var e = (e) => {
 	if (e.length === 0) return !1;
 	let t = e[0];
 	return !t || t.points.length === 0 ? !1 : e.every((e) => e.points.length === t.points.length ? e.points.every((e, n) => e.label === t.points[n]?.label) : !1);
-}, t = (e, t) => e.map((e, n) => ({
-	label: e.label,
-	color: t(n, e.fillColor)
-})), n = (e, t) => e.map((e, n) => ({
-	label: e,
-	value: t[n] ?? 0
-}));
+};
 //#endregion
-export { t as n, e as r, n as t };
+export { e as t };

package/dist/buildChartSeriesPoints-BTyOpkin.js

@@ -0,0 +1,10 @@
+//#region src/utils/chart/core/buildChartLegendItems.ts
+var e = (e, t) => e.map((e, n) => ({
+	label: e.label,
+	color: t(n, e.fillColor)
+})), t = (e, t) => e.map((e, n) => ({
+	label: e,
+	value: t[n] ?? 0
+}));
+//#endregion
+export { e as n, t };

package/dist/buildChartSeriesPoints-Cqo2ed-n.cjs

@@ -0,0 +1 @@
+var e=(e,t)=>e.map((e,n)=>({label:e.label,color:t(n,e.fillColor)})),t=(e,t)=>e.map((e,n)=>({label:e,value:t[n]??0}));Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/components/SChartBar/SChartBar.types.d.ts

@@ -0,0 +1,47 @@
+import type { TChartPoint, TChartSeries } from '../../utils/chart/chart.types';
+export type { TChartPoint, TChartSeries } from '../../utils/chart/chart.types';
+export type TChartBarAxis = 'left' | 'right';
+export type TChartBarPoint = TChartPoint & {
+    /** Цвет конкретного столбика: для категориальных графиков, где цвет несёт смысл. */
+    fillColor?: string;
+};
+export type TChartBarSeries = Omit<TChartSeries, 'points'> & {
+    points: TChartBarPoint[];
+    /** Шкала серии. Правая — независимая ось со своими единицами. */
+    axis?: TChartBarAxis;
+};
+export type TChartBarTarget = {
+    /** Значение цели на каждый столбик: норма бывает разной у обрезанных периодов. */
+    values: number[];
+    /** Подпись рисуется, только когда цель одинакова во всех столбиках. */
+    label?: string;
+    axis?: TChartBarAxis;
+    color?: string;
+};
+export interface ISChartBarProps {
+    /** Серии столбиков. */
+    series?: TChartBarSeries[];
+    /** single — один столбик на категорию, grouped — серии рядом внутри категории. */
+    mode?: 'single' | 'grouped';
+    /** Режим загрузки со скелетоном. */
+    loading?: boolean;
+    /** Верхняя граница левой оси Y. */
+    yMax?: number;
+    /** Шаг делений левой оси Y. */
+    yStep?: number;
+    /** Верхняя граница правой оси Y. */
+    rightYMax?: number;
+    /** Шаг делений правой оси Y. */
+    rightYStep?: number;
+    /** Дублировать подписи левой оси справа. Игнорируется, если есть серии на правой оси. */
+    mirrorYAxis?: boolean;
+    /** Горизонтальная линия цели поверх столбиков. */
+    target?: TChartBarTarget;
+    /** Показывать легенду под графиком. */
+    showLegend?: boolean;
+}
+export interface IChartBarLegendItem {
+    label: string;
+    color: string;
+}
+//# sourceMappingURL=SChartBar.types.d.ts.map

package/dist/components/SChartBar/SChartBar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SChartBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/SChartBar/SChartBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE9E,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAE9E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAA;AAE5C,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,GAAG;IAC3D,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,iEAAiE;IACjE,IAAI,CAAC,EAAE,aAAa,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,kFAAkF;IAClF,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAA;IAC1B,kFAAkF;IAClF,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC3B,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd"}

package/dist/components/SChartBar/SChartBar.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ISChartBarProps, TChartBarPoint, TChartBarSeries } from './SChartBar.types';
+declare const __VLS_export: import("vue").DefineComponent<ISChartBarProps, {
+    exportImage: () => string | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pointClick: (pointIndex: number, seriesIndex: number, point: TChartBarPoint, series: TChartBarSeries) => any;
+}, string, import("vue").PublicProps, Readonly<ISChartBarProps> & Readonly<{
+    onPointClick?: ((pointIndex: number, seriesIndex: number, point: TChartBarPoint, series: TChartBarSeries) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SChartBar.vue.d.ts.map

package/dist/components/SChartBar/SChartBar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SChartBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SChartBar/SChartBar.vue"],"names":[],"mappings":"AA4IA,OAAO,KAAK,EAEV,eAAe,EACf,cAAc,EACd,eAAe,EAChB,MAAM,mBAAmB,CAAA;AAmL1B,QAAA,MAAM,YAAY;;;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SChartBar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SChartBar } from './SChartBar.vue';
+export type { IChartBarLegendItem, ISChartBarProps, TChartBarAxis, TChartBarPoint, TChartBarSeries, TChartBarTarget, TChartPoint, TChartSeries, } from './SChartBar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SChartBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SChartBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,WAAW,EACX,YAAY,GACb,MAAM,mBAAmB,CAAA"}

package/dist/components/SChartBar/utils/buildBarChartConfig.d.ts

@@ -0,0 +1,16 @@
+import type { ChartConfiguration } from 'chart.js';
+import type { TChartBarSeries, TChartBarTarget } from '../SChartBar.types';
+export interface IBuildBarChartConfigOptions {
+    seriesList: TChartBarSeries[];
+    colorHostElement?: Element | null;
+    yMax?: number;
+    yStep?: number;
+    rightYMax?: number;
+    rightYStep?: number;
+    mirrorYAxis?: boolean;
+    target?: TChartBarTarget;
+    skeleton?: boolean;
+    onPointClick?: (pointIndex: number, seriesIndex: number) => void;
+}
+export declare const buildBarChartConfig: ({ seriesList, colorHostElement, yMax, yStep, rightYMax, rightYStep, mirrorYAxis, target, skeleton, onPointClick, }: IBuildBarChartConfigOptions) => ChartConfiguration<"bar"> | null;
+//# sourceMappingURL=buildBarChartConfig.d.ts.map

package/dist/components/SChartBar/utils/buildBarChartConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildBarChartConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/SChartBar/utils/buildBarChartConfig.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAElD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAoB1E,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CACjE;AAiBD,eAAO,MAAM,mBAAmB,GAAI,oHAWjC,2BAA2B,KAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,IAiH5D,CAAA"}

package/dist/components/SChartBar/utils/createBarTargetLinePlugin.d.ts

@@ -0,0 +1,9 @@
+import type { Plugin } from 'chart.js';
+import type { TChartBarTarget } from '../SChartBar.types';
+export interface ICreateBarTargetLinePluginOptions {
+    target?: TChartBarTarget;
+    colorHostElement?: Element | null;
+    rightAxisId: string;
+}
+export declare const createBarTargetLinePlugin: ({ target, colorHostElement, rightAxisId, }: ICreateBarTargetLinePluginOptions) => Plugin<"bar">;
+//# sourceMappingURL=createBarTargetLinePlugin.d.ts.map