@shtabapp/ui-kit 1.43.0 → 1.44.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [@shtabapp/ui-kit-v1.44.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.43.0...@shtabapp/ui-kit@1.44.0) (2026-07-07)
+
+### Features
+
+- schartburnup schartmultiline ([6cb8dcb](https://gitlab.com/mstikharev/shtab-ui-kit/commit/6cb8dcbb463348256830474580212370f1ed99a1))
+
 ## [@shtabapp/ui-kit-v1.43.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.42.0...@shtabapp/ui-kit@1.43.0) (2026-07-07)
 
 ### Features

package/dist/SChartBurnup-DYBnJMnm.js

@@ -0,0 +1,247 @@
+import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
+import { S as t, a as n, g as r, i, o as a, r as o, t as s, u as c } from "./SChartSkeletonHost-CecfQ3Ye.js";
+import { t as l } from "./createChartCrosshairPlugin-BC0IDCn3.js";
+import { t as u } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
+import { t as d } from "./SChartLegend-Chr0IZWN.js";
+import { computed as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, openBlock as v, unref as y, useTemplateRef as b, withCtx as x } from "vue";
+//#region src/utils/chart/burnup/createBurnupTodayLinePlugin.ts
+var S = (e, n) => ({
+	id: "sUiChartBurnupTodayLine",
+	beforeDatasetsDraw(i) {
+		if (e < 0) return;
+		let { ctx: a, chartArea: o } = i, s = i.scales.x;
+		if (!o || !s) return;
+		let c = t(r.burnupToday, n), l = s.getPixelForValue(e);
+		a.save(), a.beginPath(), a.moveTo(l, o.top), a.lineTo(l, o.bottom), a.lineWidth = 1, a.strokeStyle = c, a.stroke(), a.restore();
+	}
+}), C = 8, w = 4, T = 5, E = 12, D = 12, O = 60, k = 12, A = (e) => {
+	if (typeof window > "u") return "500 10px sans-serif";
+	let t = e ?? document.documentElement;
+	return `500 10px ${getComputedStyle(t).getPropertyValue("--s-ui-font-family-label").trim() || "sans-serif"}`;
+}, j = (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();
+}, M = ({ tagLines: e, factDatasetIndex: n, todayIndex: i }, a) => ({
+	id: "sUiChartBurnupTag",
+	afterDatasetsDraw(o) {
+		if (i < 0 || e.length === 0) return;
+		let s = o.getDatasetMeta(n)?.data[i], { chartArea: c } = o;
+		if (!s || !c) return;
+		let l = t(r.burnupToday, a), u = t(r.burnupTagBackground, a), { ctx: d } = o;
+		d.save(), d.font = A(a), d.textAlign = "center", d.textBaseline = "middle";
+		let f = e.reduce((e, t) => Math.max(e, d.measureText(t).width), 0), p = Math.max(O, f + C * 2), m = e.length * D + w + T, h = Math.min(Math.max(s.x - p / 2, c.left), c.right - p), g = Math.max(s.y - k - m, c.top);
+		j(d, h, g, p, m, E), d.fillStyle = u, d.fill(), d.lineWidth = 1, d.strokeStyle = l, d.stroke(), d.fillStyle = l, e.forEach((e, t) => {
+			d.fillText(e, h + p / 2, g + w + D * (t + .5));
+		}), d.restore();
+	}
+}), N = (e, t) => t >= 0 && e > t, P = ({ todayIndex: e, futureLabel: t }) => ({
+	title: (t) => {
+		let n = t[0];
+		return !n || N(n.dataIndex, e) ? "" : `${n.label}`;
+	},
+	label: (n) => N(n.dataIndex, e) ? t : `${n.dataset.label ?? ""}: ${n.parsed.y ?? 0}%`
+}), F = (e) => (t) => !N(t.dataIndex, e) || t.datasetIndex === 0, I = 1, L = 1, R = 2, z = [8, 8], B = [9, 9], V = 2, H = 25, U = (e) => e.reduce((e, t, n) => t.fact === null ? e : n, -1), W = (e, t, n) => {
+	let r = e.reduce((e, t) => Math.max(e, t.plan, t.fact ?? 0), t);
+	return Math.ceil(r / n) * n;
+}, G = ({ points: o, colorHostElement: s, goalValue: d = 100, goalLabel: f = "Цель", planLabel: p = "План", factLabel: m = "Факт", futureLabel: h = "Этот день ещё не наступил", yStep: g = H, mirrorYAxis: _ = !0, showTag: v = !0, skeleton: y = !1 }) => {
+	if (o.length === 0) return null;
+	let b = t(r.axisLabel, s), x = t(r.grid, s), C = t(r.tooltipBackground, s), w = t(r.tooltipText, s), T = t(r.skeletonSeries, s), E = y ? T : t(r.burnupGoal, s), D = y ? T : t(r.burnupPlan, s), O = y ? T : t(r.burnupFact, s), k = t(r.burnupFactFillStart, s), A = t(r.burnupFactFillEnd, s), j = U(o), N = j >= 0 ? o[j] : void 0, G = N ? [`${m.toLowerCase()} ${N.fact}%`, `${p.toLowerCase()} ${N.plan}%`] : [];
+	return {
+		type: "line",
+		data: {
+			labels: o.map((e) => e.label),
+			datasets: [
+				{
+					label: f,
+					data: o.map(() => d),
+					borderColor: E,
+					backgroundColor: E,
+					borderWidth: I,
+					borderDash: z,
+					fill: !1,
+					pointRadius: 0,
+					pointHoverRadius: 0,
+					tension: 0
+				},
+				{
+					label: p,
+					data: o.map((e) => e.plan),
+					borderColor: D,
+					backgroundColor: D,
+					borderWidth: L,
+					borderDash: B,
+					fill: !1,
+					pointRadius: 0,
+					pointHoverRadius: 0,
+					tension: .4
+				},
+				{
+					label: m,
+					data: o.map((e) => e.fact ?? null),
+					borderColor: O,
+					backgroundColor: y ? O : (t) => e(t, k, A),
+					borderWidth: R,
+					fill: !y,
+					spanGaps: !1,
+					pointRadius: 0,
+					pointHoverRadius: 4,
+					tension: .4
+				}
+			]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: i(y, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: n(y),
+					backgroundColor: C,
+					titleColor: w,
+					bodyColor: w,
+					displayColors: !1,
+					position: c,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					filter: F(j),
+					callbacks: P({
+						todayIndex: j,
+						futureLabel: h
+					})
+				}
+			},
+			scales: u({
+				axisLabelColor: b,
+				gridColor: x,
+				yMin: 0,
+				yMax: W(o, d, g),
+				yStep: g,
+				mirrorYAxis: _,
+				formatYAxisTick: (e) => `${e}%`
+			})
+		},
+		plugins: a(y, [
+			l(s),
+			S(j, s),
+			...v ? [M({
+				tagLines: G,
+				factDatasetIndex: V,
+				todayIndex: j
+			}, s)] : []
+		])
+	};
+}, K = [
+	8,
+	15,
+	23,
+	31,
+	38,
+	46,
+	54,
+	62,
+	69,
+	77,
+	85,
+	92,
+	96,
+	100
+], q = [
+	5,
+	10,
+	16,
+	22,
+	28,
+	34,
+	40,
+	45,
+	50,
+	54,
+	57,
+	60,
+	null,
+	null
+], J = K.map((e, t) => ({
+	label: `Д${t + 1}`,
+	plan: e,
+	fact: q[t]
+})), Y = { class: "s-ui-chart-burnup__canvas-wrap" }, X = /* @__PURE__ */ g({
+	__name: "SChartBurnup",
+	props: {
+		points: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		goalValue: { default: 100 },
+		goalLabel: { default: "Цель" },
+		planLabel: { default: "План" },
+		factLabel: { default: "Факт" },
+		futureLabel: { default: "Этот день ещё не наступил" },
+		yStep: { default: 25 },
+		mirrorYAxis: {
+			type: Boolean,
+			default: !0
+		},
+		showTag: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		let n = b("chartRootRef"), i = b("chartCanvasRef"), a = f(() => e.loading ? J : e.points), c = f(() => !e.loading && e.points.length === 0 ? null : G({
+			points: a.value,
+			colorHostElement: n.value,
+			goalValue: e.goalValue,
+			goalLabel: e.goalLabel,
+			planLabel: e.planLabel,
+			factLabel: e.factLabel,
+			futureLabel: e.futureLabel,
+			yStep: e.yStep,
+			mirrorYAxis: e.mirrorYAxis,
+			showTag: e.showTag,
+			skeleton: e.loading
+		})), l = f(() => [
+			{
+				label: e.goalLabel,
+				cssVariable: r.burnupGoal
+			},
+			{
+				label: e.planLabel,
+				cssVariable: r.burnupPlan
+			},
+			{
+				label: e.factLabel,
+				cssVariable: r.burnupFact
+			}
+		].map((i) => ({
+			label: i.label.toLowerCase(),
+			color: t(e.loading ? r.skeletonSeries : i.cssVariable, n.value)
+		})));
+		return o({
+			canvasRef: i,
+			config: c,
+			enabled: f(() => e.loading || e.points.length > 0)
+		}), (t, r) => (v(), p("div", {
+			ref_key: "chartRootRef",
+			ref: n,
+			class: _(["s-ui-chart-burnup", { "s-ui-chart-burnup--skeleton": e.loading }])
+		}, [m("div", Y, [h(y(s), { loading: e.loading }, {
+			default: x(() => [m("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: i,
+				class: "s-ui-chart-burnup__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), h(y(d), {
+			items: l.value,
+			disabled: e.loading
+		}, null, 8, ["items", "disabled"])], 2));
+	}
+});
+//#endregion
+export { X as t };

package/dist/SChartBurnup-DhuCNXhU.cjs

@@ -0,0 +1 @@
+const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-CfM0zolj.cjs"),n=require("./createChartCrosshairPlugin-HfMMUP5O.cjs"),r=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),i=require("./SChartLegend-DXFXKXCm.cjs");let a=require("vue");var o=(e,n)=>({id:`sUiChartBurnupTodayLine`,beforeDatasetsDraw(r){if(e<0)return;let{ctx:i,chartArea:a}=r,o=r.scales.x;if(!a||!o)return;let s=t.S(t.g.burnupToday,n),c=o.getPixelForValue(e);i.save(),i.beginPath(),i.moveTo(c,a.top),i.lineTo(c,a.bottom),i.lineWidth=1,i.strokeStyle=s,i.stroke(),i.restore()}}),s=8,c=4,l=5,u=12,d=12,f=60,p=12,m=e=>{if(typeof window>`u`)return`500 10px sans-serif`;let t=e??document.documentElement;return`500 10px ${getComputedStyle(t).getPropertyValue(`--s-ui-font-family-label`).trim()||`sans-serif`}`},h=(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()},g=({tagLines:e,factDatasetIndex:n,todayIndex:r},i)=>({id:`sUiChartBurnupTag`,afterDatasetsDraw(a){if(r<0||e.length===0)return;let o=a.getDatasetMeta(n)?.data[r],{chartArea:g}=a;if(!o||!g)return;let _=t.S(t.g.burnupToday,i),v=t.S(t.g.burnupTagBackground,i),{ctx:y}=a;y.save(),y.font=m(i),y.textAlign=`center`,y.textBaseline=`middle`;let b=e.reduce((e,t)=>Math.max(e,y.measureText(t).width),0),x=Math.max(f,b+s*2),S=e.length*d+c+l,C=Math.min(Math.max(o.x-x/2,g.left),g.right-x),w=Math.max(o.y-p-S,g.top);h(y,C,w,x,S,u),y.fillStyle=v,y.fill(),y.lineWidth=1,y.strokeStyle=_,y.stroke(),y.fillStyle=_,e.forEach((e,t)=>{y.fillText(e,C+x/2,w+c+d*(t+.5))}),y.restore()}}),_=(e,t)=>t>=0&&e>t,v=({todayIndex:e,futureLabel:t})=>({title:t=>{let n=t[0];return!n||_(n.dataIndex,e)?``:`${n.label}`},label:n=>_(n.dataIndex,e)?t:`${n.dataset.label??``}: ${n.parsed.y??0}%`}),y=e=>t=>!_(t.dataIndex,e)||t.datasetIndex===0,b=1,x=1,S=2,C=[8,8],w=[9,9],T=2,E=25,D=e=>e.reduce((e,t,n)=>t.fact===null?e:n,-1),O=(e,t,n)=>{let r=e.reduce((e,t)=>Math.max(e,t.plan,t.fact??0),t);return Math.ceil(r/n)*n},k=({points:i,colorHostElement:a,goalValue:s=100,goalLabel:c=`Цель`,planLabel:l=`План`,factLabel:u=`Факт`,futureLabel:d=`Этот день ещё не наступил`,yStep:f=E,mirrorYAxis:p=!0,showTag:m=!0,skeleton:h=!1})=>{if(i.length===0)return null;let _=t.S(t.g.axisLabel,a),k=t.S(t.g.grid,a),A=t.S(t.g.tooltipBackground,a),j=t.S(t.g.tooltipText,a),M=t.S(t.g.skeletonSeries,a),N=h?M:t.S(t.g.burnupGoal,a),P=h?M:t.S(t.g.burnupPlan,a),F=h?M:t.S(t.g.burnupFact,a),I=t.S(t.g.burnupFactFillStart,a),L=t.S(t.g.burnupFactFillEnd,a),R=D(i),z=R>=0?i[R]:void 0,B=z?[`${u.toLowerCase()} ${z.fact}%`,`${l.toLowerCase()} ${z.plan}%`]:[];return{type:`line`,data:{labels:i.map(e=>e.label),datasets:[{label:c,data:i.map(()=>s),borderColor:N,backgroundColor:N,borderWidth:b,borderDash:C,fill:!1,pointRadius:0,pointHoverRadius:0,tension:0},{label:l,data:i.map(e=>e.plan),borderColor:P,backgroundColor:P,borderWidth:x,borderDash:w,fill:!1,pointRadius:0,pointHoverRadius:0,tension:.4},{label:u,data:i.map(e=>e.fact??null),borderColor:F,backgroundColor:h?F:t=>e.t(t,I,L),borderWidth:S,fill:!h,spanGaps:!1,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.i(h,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(h),backgroundColor:A,titleColor:j,bodyColor:j,displayColors:!1,position:t.u,yAlign:`bottom`,xAlign:`center`,caretPadding:8,filter:y(R),callbacks:v({todayIndex:R,futureLabel:d})}},scales:r.t({axisLabelColor:_,gridColor:k,yMin:0,yMax:O(i,s,f),yStep:f,mirrorYAxis:p,formatYAxisTick:e=>`${e}%`})},plugins:t.o(h,[n.t(a),o(R,a),...m?[g({tagLines:B,factDatasetIndex:T,todayIndex:R},a)]:[]])}},A=[8,15,23,31,38,46,54,62,69,77,85,92,96,100],j=[5,10,16,22,28,34,40,45,50,54,57,60,null,null],M=A.map((e,t)=>({label:`Д${t+1}`,plan:e,fact:j[t]})),N={class:`s-ui-chart-burnup__canvas-wrap`},P=(0,a.defineComponent)({__name:`SChartBurnup`,props:{points:{default:()=>[]},loading:{type:Boolean,default:!1},goalValue:{default:100},goalLabel:{default:`Цель`},planLabel:{default:`План`},factLabel:{default:`Факт`},futureLabel:{default:`Этот день ещё не наступил`},yStep:{default:25},mirrorYAxis:{type:Boolean,default:!0},showTag:{type:Boolean,default:!0}},setup(e){let n=(0,a.useTemplateRef)(`chartRootRef`),r=(0,a.useTemplateRef)(`chartCanvasRef`),o=(0,a.computed)(()=>e.loading?M:e.points),s=(0,a.computed)(()=>!e.loading&&e.points.length===0?null:k({points:o.value,colorHostElement:n.value,goalValue:e.goalValue,goalLabel:e.goalLabel,planLabel:e.planLabel,factLabel:e.factLabel,futureLabel:e.futureLabel,yStep:e.yStep,mirrorYAxis:e.mirrorYAxis,showTag:e.showTag,skeleton:e.loading})),c=(0,a.computed)(()=>[{label:e.goalLabel,cssVariable:t.g.burnupGoal},{label:e.planLabel,cssVariable:t.g.burnupPlan},{label:e.factLabel,cssVariable:t.g.burnupFact}].map(r=>({label:r.label.toLowerCase(),color:t.S(e.loading?t.g.skeletonSeries:r.cssVariable,n.value)})));return t.r({canvasRef:r,config:s,enabled:(0,a.computed)(()=>e.loading||e.points.length>0)}),(o,s)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:n,class:(0,a.normalizeClass)([`s-ui-chart-burnup`,{"s-ui-chart-burnup--skeleton":e.loading}])},[(0,a.createElementVNode)(`div`,N,[(0,a.createVNode)((0,a.unref)(t.t),{loading:e.loading},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:r,class:`s-ui-chart-burnup__canvas`},null,512)]),_:1},8,[`loading`])]),(0,a.createVNode)((0,a.unref)(i.t),{items:c.value,disabled:e.loading},null,8,[`items`,`disabled`])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});

package/dist/{SChartHorizontalBar-tfgmCHtk.cjs → SChartHorizontalBar-DMBzyz9x.cjs}

@@ -1 +1 @@
-const e=require("./SChartSkeletonHost-YmLC5zOX.cjs");let t=require("vue");var n=10,r=14,i=({axisLabelColor:e,categoryLabelColor:t,gridColor:i,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:i,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:n,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:r,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),a=(t,n,r)=>r?e.y(e.m.barHorizontalSkeletonFill,n):t?e.y(t,n):e.y(e.m.barHorizontalFillDefault,n),o=(e,t,n)=>{if(t)return t;let r=0;for(let t of e)r=Math.max(r,t.value);let i=Math.ceil(r/n)*n;return i>0?i:n*6},s=10,c=0,l=36,u=4,d=({items:t,colorHostElement:n,xMax:r,xMin:d=c,xStep:f=s,skeleton:p=!1})=>{if(t.length===0)return null;let m=e.y(e.m.axisLabel,n),h=e.y(e.m.grid,n),g=e.y(e.m.tooltipBackground,n),_=e.y(e.m.tooltipText,n),v=e.y(p?e.m.barHorizontalCategoryLabelSkeleton:e.m.barHorizontalCategoryLabel,n),y=o(t,r,f),b=t.map(e=>a(e.color,n,p));return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:b,hoverBackgroundColor:b,borderWidth:0,hoverBorderWidth:0,barThickness:l,borderRadius:{topRight:u,bottomRight:u}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,interaction:e.i(p,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(p),backgroundColor:g,titleColor:_,bodyColor:_}},scales:i({axisLabelColor:m,categoryLabelColor:v,gridColor:h,xMin:d,xMax:y,xStep:f})}}},f=e=>d(e),p=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],m={class:`s-ui-chart-horizontal-bar__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},setup(n){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.loading?p:n.items);return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.items.length===0?null:f({items:a.value,colorHostElement:r.value,xMax:n.loading?60:n.xMax,xMin:n.loading?0:n.xMin,xStep:n.loading?10:n.xStep,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.items.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,t.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+const e=require("./SChartSkeletonHost-CfM0zolj.cjs");let t=require("vue");var n=10,r=14,i=({axisLabelColor:e,categoryLabelColor:t,gridColor:i,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:i,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:n,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:r,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),a=(t,n,r)=>r?e.S(e.g.barHorizontalSkeletonFill,n):t?e.S(t,n):e.S(e.g.barHorizontalFillDefault,n),o=(e,t,n)=>{if(t)return t;let r=0;for(let t of e)r=Math.max(r,t.value);let i=Math.ceil(r/n)*n;return i>0?i:n*6},s=10,c=0,l=36,u=4,d=({items:t,colorHostElement:n,xMax:r,xMin:d=c,xStep:f=s,skeleton:p=!1})=>{if(t.length===0)return null;let m=e.S(e.g.axisLabel,n),h=e.S(e.g.grid,n),g=e.S(e.g.tooltipBackground,n),_=e.S(e.g.tooltipText,n),v=e.S(p?e.g.barHorizontalCategoryLabelSkeleton:e.g.barHorizontalCategoryLabel,n),y=o(t,r,f),b=t.map(e=>a(e.color,n,p));return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:b,hoverBackgroundColor:b,borderWidth:0,hoverBorderWidth:0,barThickness:l,borderRadius:{topRight:u,bottomRight:u}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,interaction:e.i(p,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(p),backgroundColor:g,titleColor:_,bodyColor:_}},scales:i({axisLabelColor:m,categoryLabelColor:v,gridColor:h,xMin:d,xMax:y,xStep:f})}}},f=e=>d(e),p=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],m={class:`s-ui-chart-horizontal-bar__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},setup(n){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.loading?p:n.items);return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.items.length===0?null:f({items:a.value,colorHostElement:r.value,xMax:n.loading?60:n.xMax,xMin:n.loading?0:n.xMin,xStep:n.loading?10:n.xStep,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.items.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,t.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/{SChartHorizontalBar-DIn1sVoi.js → SChartHorizontalBar-bm3Jexa3.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, m as n, r, t as i, y as a } from "./SChartSkeletonHost-CnfMevXX.js";
+import { S as e, a as t, g as n, i as r, r as i, t as a } from "./SChartSkeletonHost-CecfQ3Ye.js";
 import { computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, unref as p, useTemplateRef as m, withCtx as h } from "vue";
 //#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
 var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a }) => ({
@@ -35,21 +35,21 @@ var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 			autoSkip: !1
 		}
 	}
-}), y = (e, t, r) => a(r ? n.barHorizontalSkeletonFill : e || n.barHorizontalFillDefault, t), b = (e, t, n) => {
+}), y = (t, r, i) => e(i ? n.barHorizontalSkeletonFill : t || n.barHorizontalFillDefault, r), b = (e, t, n) => {
 	if (t) return t;
 	let r = 0;
 	for (let t of e) r = Math.max(r, t.value);
 	let i = Math.ceil(r / n) * n;
 	return i > 0 ? i : n * 6;
-}, x = 10, S = 0, C = 36, w = 4, T = ({ items: r, colorHostElement: i, xMax: o, xMin: s = S, xStep: c = x, skeleton: l = !1 }) => {
-	if (r.length === 0) return null;
-	let u = a(n.axisLabel, i), d = a(n.grid, i), f = a(n.tooltipBackground, i), p = a(n.tooltipText, i), m = a(l ? n.barHorizontalCategoryLabelSkeleton : n.barHorizontalCategoryLabel, i), h = b(r, o, c), g = r.map((e) => y(e.color, i, l));
+}, x = 10, S = 0, C = 36, w = 4, T = ({ items: i, colorHostElement: a, xMax: o, xMin: s = S, xStep: c = x, skeleton: l = !1 }) => {
+	if (i.length === 0) return null;
+	let u = e(n.axisLabel, a), d = e(n.grid, a), f = e(n.tooltipBackground, a), p = e(n.tooltipText, a), m = e(l ? n.barHorizontalCategoryLabelSkeleton : n.barHorizontalCategoryLabel, a), h = b(i, o, c), g = i.map((e) => y(e.color, a, l));
 	return {
 		type: "bar",
 		data: {
-			labels: r.map((e) => e.label),
+			labels: i.map((e) => e.label),
 			datasets: [{
-				data: r.map((e) => e.value),
+				data: i.map((e) => e.value),
 				backgroundColor: g,
 				hoverBackgroundColor: g,
 				borderWidth: 0,
@@ -65,14 +65,14 @@ var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 			indexAxis: "y",
 			responsive: !0,
 			maintainAspectRatio: !1,
-			interaction: t(l, {
+			interaction: r(l, {
 				mode: "index",
 				intersect: !1
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: e(l),
+					enabled: t(l),
 					backgroundColor: f,
 					titleColor: p,
 					bodyColor: p
@@ -126,11 +126,11 @@ var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 		xStep: {}
 	},
 	setup(e) {
-		let t = m("chartRootRef"), n = m("chartCanvasRef"), a = o(() => e.loading ? D : e.items);
-		return r({
+		let t = m("chartRootRef"), n = m("chartCanvasRef"), r = o(() => e.loading ? D : e.items);
+		return i({
 			canvasRef: n,
 			config: o(() => !e.loading && e.items.length === 0 ? null : E({
-				items: a.value,
+				items: r.value,
 				colorHostElement: t.value,
 				xMax: e.loading ? 60 : e.xMax,
 				xMin: e.loading ? 0 : e.xMin,
@@ -138,11 +138,11 @@ var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 				skeleton: e.loading
 			})),
 			enabled: o(() => e.loading || e.items.length > 0)
-		}), (r, a) => (f(), s("div", {
+		}), (r, i) => (f(), s("div", {
 			ref_key: "chartRootRef",
 			ref: t,
 			class: d(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": e.loading }])
-		}, [c("div", O, [l(p(i), { loading: e.loading }, {
+		}, [c("div", O, [l(p(a), { loading: e.loading }, {
 			default: h(() => [c("canvas", {
 				ref_key: "chartCanvasRef",
 				ref: n,

package/dist/SChartLegend-Chr0IZWN.js

@@ -0,0 +1,30 @@
+import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderList as s, toDisplayString as c } from "vue";
+//#region src/components/SChartLegend/SChartLegend.vue?vue&type=script&setup=true&lang.ts
+var l = {
+	class: "s-ui-chart-legend__swatch-slot",
+	"aria-hidden": "true"
+}, u = { class: "s-ui-chart-legend__label" }, d = /* @__PURE__ */ r({
+	__name: "SChartLegend",
+	props: {
+		items: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "row" }
+	},
+	setup(r) {
+		return (d, f) => (o(), t("ul", { class: i(["s-ui-chart-legend", {
+			"s-ui-chart-legend--disabled": r.disabled,
+			"s-ui-chart-legend--column": r.direction === "column"
+		}]) }, [(o(!0), t(e, null, s(r.items, (e) => (o(), t("li", {
+			key: e.label,
+			class: "s-ui-chart-legend__item"
+		}, [n("span", l, [n("span", {
+			class: "s-ui-chart-legend__swatch",
+			style: a({ backgroundColor: e.color })
+		}, null, 4)]), n("span", u, "— " + c(e.label), 1)]))), 128))], 2));
+	}
+});
+//#endregion
+export { d as t };

package/dist/SChartLegend-DXFXKXCm.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},n={class:`s-ui-chart-legend__label`},r=(0,e.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`}},setup(r){return(i,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`ul`,{class:(0,e.normalizeClass)([`s-ui-chart-legend`,{"s-ui-chart-legend--disabled":r.disabled,"s-ui-chart-legend--column":r.direction===`column`}])},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.items,r=>((0,e.openBlock)(),(0,e.createElementBlock)(`li`,{key:r.label,class:`s-ui-chart-legend__item`},[(0,e.createElementVNode)(`span`,t,[(0,e.createElementVNode)(`span`,{class:`s-ui-chart-legend__swatch`,style:(0,e.normalizeStyle)({backgroundColor:r.color})},null,4)]),(0,e.createElementVNode)(`span`,n,`— `+(0,e.toDisplayString)(r.label),1)]))),128))],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/SChartLine-CiREb4H_.js

@@ -0,0 +1,125 @@
+import { t as e } from "./createChartAreaFillGradient-BDmME9Gy.js";
+import { S as t, a as n, g as r, i, r as a, t as o } from "./SChartSkeletonHost-CecfQ3Ye.js";
+import { t as s } from "./buildCartesianChartScales-EofFq3ry.js";
+import { computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
+//#region src/utils/chart/css/readCssNumber.ts
+var v = (e, t, n = 1) => {
+	if (typeof window > "u") return n;
+	let r = t ?? document.documentElement, i = getComputedStyle(r).getPropertyValue(e).trim(), a = Number.parseFloat(i);
+	return Number.isNaN(a) ? n : a;
+}, y = 5, b = 5, x = (e, t, n) => {
+	if (t) return t;
+	let r = e.reduce((e, t) => Math.max(e, t.value), 0), i = Math.ceil(r / n) * n;
+	return i > 0 ? i : n * 5;
+}, S = (e, t) => !t || typeof e != "number" ? e : `${e}%`, C = ({ points: a, seriesLabel: o, colorHostElement: c, yMax: l, yMin: u, yStep: d = b, skeleton: f = !1 }) => {
+	let p = t(r.axisLabel, c), m = t(r.grid, c), h = t(f ? r.skeletonSeries : r.seriesPrimary, c), g = t(f ? r.skeletonFillStart : r.seriesFillStart, c), _ = t(f ? r.skeletonFillEnd : r.seriesFillEnd, c), C = t(r.tooltipBackground, c), w = t(r.tooltipText, c), T = v(f ? r.skeletonFillOpacity : r.seriesFillOpacity, c, .8), E = f && l ? l : x(a, l, d), D = f && u !== void 0 ? u : 0;
+	return {
+		type: "line",
+		data: {
+			labels: a.map((e) => e.label),
+			datasets: [{
+				label: o,
+				data: a.map((e) => e.value),
+				borderColor: h,
+				backgroundColor: (t) => e(t, g, _, T),
+				borderWidth: y,
+				fill: !0,
+				pointRadius: 0,
+				pointHoverRadius: 4,
+				tension: .4
+			}]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: i(f, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: n(f),
+					backgroundColor: C,
+					titleColor: w,
+					bodyColor: w,
+					displayColors: !1
+				}
+			},
+			scales: s({
+				axisLabelColor: p,
+				gridColor: m,
+				yMin: D,
+				yMax: E,
+				yStep: d,
+				formatYAxisTick: (e) => S(e, f)
+			})
+		}
+	};
+}, w = [
+	{
+		label: "ноябрь 2025",
+		value: 63
+	},
+	{
+		label: "декабрь 2025",
+		value: 77
+	},
+	{
+		label: "январь 2026",
+		value: 75
+	},
+	{
+		label: "февраль 2026",
+		value: 81
+	},
+	{
+		label: "март 2026",
+		value: 91
+	},
+	{
+		label: "апрель 2026",
+		value: 87
+	}
+], T = { class: "s-ui-chart-line__canvas-wrap" }, E = /* @__PURE__ */ f({
+	__name: "SChartLine",
+	props: {
+		points: { default: () => [] },
+		seriesLabel: { default: "Series" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {}
+	},
+	setup(e) {
+		let t = g("chartRootRef"), n = g("chartCanvasRef"), r = c(() => e.loading ? w : e.points);
+		return a({
+			canvasRef: n,
+			config: c(() => !e.loading && e.points.length === 0 ? null : C({
+				points: r.value,
+				seriesLabel: e.seriesLabel,
+				colorHostElement: t.value,
+				yMax: e.loading ? 100 : e.yMax,
+				yMin: e.loading ? 50 : void 0,
+				yStep: e.loading ? 10 : e.yStep,
+				skeleton: e.loading
+			})),
+			enabled: c(() => e.loading || e.points.length > 0)
+		}), (r, i) => (m(), l("div", {
+			ref_key: "chartRootRef",
+			ref: t,
+			class: p(["s-ui-chart-line", { "s-ui-chart-line--skeleton": e.loading }])
+		}, [u("div", T, [d(h(o), { loading: e.loading }, {
+			default: _(() => [u("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: n,
+				class: "s-ui-chart-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 2));
+	}
+});
+//#endregion
+export { E as t };

package/dist/SChartLine-P57XRR2o.cjs

@@ -0,0 +1 @@
+const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-CfM0zolj.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs");let r=require("vue");var i=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},a=5,o=5,s=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},c=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,l=({points:r,seriesLabel:l,colorHostElement:u,yMax:d,yMin:f,yStep:p=o,skeleton:m=!1})=>{let h=t.S(t.g.axisLabel,u),g=t.S(t.g.grid,u),_=t.S(m?t.g.skeletonSeries:t.g.seriesPrimary,u),v=t.S(m?t.g.skeletonFillStart:t.g.seriesFillStart,u),y=t.S(m?t.g.skeletonFillEnd:t.g.seriesFillEnd,u),b=t.S(t.g.tooltipBackground,u),x=t.S(t.g.tooltipText,u),S=i(m?t.g.skeletonFillOpacity:t.g.seriesFillOpacity,u,.8),C=m&&d?d:s(r,d,p),w=m&&f!==void 0?f:0;return{type:`line`,data:{labels:r.map(e=>e.label),datasets:[{label:l,data:r.map(e=>e.value),borderColor:_,backgroundColor:t=>e.t(t,v,y,S),borderWidth:a,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.i(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.a(m),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:n.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:p,formatYAxisTick:e=>c(e,m)})}}},u=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],d={class:`s-ui-chart-line__canvas-wrap`},f=(0,r.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(e){let n=(0,r.useTemplateRef)(`chartRootRef`),i=(0,r.useTemplateRef)(`chartCanvasRef`),a=(0,r.computed)(()=>e.loading?u:e.points);return t.r({canvasRef:i,config:(0,r.computed)(()=>!e.loading&&e.points.length===0?null:l({points:a.value,seriesLabel:e.seriesLabel,colorHostElement:n.value,yMax:e.loading?100:e.yMax,yMin:e.loading?50:void 0,yStep:e.loading?10:e.yStep,skeleton:e.loading})),enabled:(0,r.computed)(()=>e.loading||e.points.length>0)}),(a,o)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:n,class:(0,r.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":e.loading}])},[(0,r.createElementVNode)(`div`,d,[(0,r.createVNode)((0,r.unref)(t.t),{loading:e.loading},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});