@shtabapp/ui-kit 1.77.0 → 1.78.2

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [@shtabapp/ui-kit-v1.78.2](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.78.1...@shtabapp/ui-kit@1.78.2) (2026-10-21)
+
+### Bug Fixes
+
+* **checkbox:** не менять высоту строки при включении чекбокса ([197c2d3](https://gitlab.com/mstikharev/shtab-ui-kit/commit/197c2d35a482af34e9e677ba4245b9b2877f3d53))
+
+## [@shtabapp/ui-kit-v1.78.1](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.78.0...@shtabapp/ui-kit@1.78.1) (2026-10-20)
+
+### Bug Fixes
+
+* **charts:** totalLabel в SChartStackedArea подписывает сумму в тултипе, а не в легенде ([de818cb](https://gitlab.com/mstikharev/shtab-ui-kit/commit/de818cbd88597ce093ac1491c45cb092abddd4b2))
+
+## [@shtabapp/ui-kit-v1.78.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.77.0...@shtabapp/ui-kit@1.78.0) (2026-10-20)
+
+### Features
+
+* **charts:** высота SChartLine и SChartMultiLine в токенах — переопределяется с обёртки ([5401772](https://gitlab.com/mstikharev/shtab-ui-kit/commit/5401772085e26766e8a94eac7887d4b98b1b125d))
+
 ## [@shtabapp/ui-kit-v1.77.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.76.0...@shtabapp/ui-kit@1.77.0) (2026-10-18)
 
 ### Features

package/dist/SChartBar-BAO2FtIO.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./SChartLegend-DQMLr6yV.cjs"),n=require("./resolveCssColorValue-D3fS-cK8.cjs"),r=require("./buildCartesianChartScales-Dck5yBMo.cjs"),i=require("./resolveChartValueRange-DBCYLCXs.cjs"),a=require("./resolveBarStackedSeriesColor-BDJ7XBIB.cjs"),o=require("./buildChartMirrorScale-CBUIRPYX.cjs"),s=require("./resolveChartLabelFont-D_Pxt-gs.cjs"),c=require("./applyChartHighlightedYTick-CKsVe7PW.cjs"),l=require("./splitChartAxisLabel-DAmQOJn6.cjs"),u=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),d=require("./useHasListener-BPgtbbo6.cjs");let f=require("vue");var p=1,m=[4,4],h=`500 10px var(--s-ui-font-family-label)`,g=4,_=e=>e.length>0&&new Set(e).size===1,v=({target:t,colorHostElement:r,rightAxisId:i})=>({id:`barTargetLine`,afterDatasetsDraw(a){if(!t||t.values.length===0)return;let o=t.axis===`right`?i:`y`,s=a.scales[o],c=a.scales.x;if(!s||!c)return;let{ctx:l,chartArea:u}=a,d=t.color?n.t(t.color,r):e.S(e.D.grid,r);l.save(),l.strokeStyle=d,l.lineWidth=p,l.setLineDash(t.solid?[]:m);let[f]=t.values;if(f!==void 0&&_(t.values)){let e=s.getPixelForValue(f);l.beginPath(),l.moveTo(u.left,e),l.lineTo(u.right,e),l.stroke(),t.label&&(l.setLineDash([]),l.fillStyle=d,l.font=h,l.textAlign=`left`,l.fillText(t.label,u.left,e-g))}else{let e=(u.right-u.left)/t.values.length;t.values.forEach((t,n)=>{if(t<=0)return;let r=s.getPixelForValue(t);l.beginPath(),l.moveTo(u.left+e*n,r),l.lineTo(u.left+e*(n+1),r),l.stroke()})}l.restore()}}),y=4,b=10,x=500,S=({colorHostElement:t,formatValue:n})=>({id:`barValueLabel`,afterDatasetsDraw(r){let i=e.S(e.D.barValueLabel,t),a=e.S(e.D.barValueLabelMuted,t),{ctx:o}=r;o.save(),o.font=s.t({size:b,weight:x,colorHostElement:t}),o.textAlign=`center`,r.data.datasets.forEach((t,s)=>{r.isDatasetVisible(s)&&r.getDatasetMeta(s).data.forEach((c,l)=>{let u=t.data[l];if(typeof u!=`number`)return;let d=u<0;o.fillStyle=e.o(r,s,l)?a:i,o.textBaseline=d?`top`:`bottom`,o.fillText(n?n(u):String(u),c.x,d?c.y+y:c.y-y)})}),o.restore()}}),C=5,w=4,T=12,E=`yRight`,D=1.05,O=16,k=.92,A=1,j=(e,t,n,r)=>i.t(e.flatMap(e=>e.points.map(e=>e.value*D)),{yMin:t,yMax:n,yStep:r}),M=({seriesList:t,colorHostElement:i,yMax:s,yMin:u,yStep:d=C,rightYMax:f,rightYStep:p=C,mirrorYAxis:m=!1,target:h,skeleton:g=!1,showValues:_=!1,formatValue:y,formatYTick:b,mode:x=`grouped`,categories:D=[],highlightedYTick:M,maxBarThickness:N,formatTooltip:P,onPointClick:F})=>{if(t.length===0)return null;let I=t.filter(e=>e.axis!==`right`),L=t.filter(e=>e.axis===`right`),R=e.S(e.D.axisLabel,i),z=e.S(e.D.grid,i),B=e.S(e.D.tooltipBackground,i),V=e.S(e.D.tooltipText,i),H=e.S(e.D.barAxisLabelMuted,i),U=j(I,u,s,d),W=j(L,void 0,f,p),G=x===`histogram`,K=D.map(e=>n.t(e.color,i)),q=r.t({axisLabelColor:R,gridColor:z,yMin:U.min,yMax:U.max,yStep:d,xTickFontSize:T,...b?{formatYAxisTick:e=>typeof e==`number`?b(e):e}:{}}),J=M&&!g?c.t(q.y.ticks,{highlightedTick:M,yStep:d,axisLabelColor:R,colorHostElement:i}):{ticks:q.y.ticks},Y=G?{...q.y,display:!1}:{...q.y,...J},X=(e,t)=>o.n({min:e,max:t,tickOptions:J}),Z=L.length>0?{[E]:X(W.min,W.max)}:m&&!G?{[o.t]:X(U.min,U.max)}:{},Q={x:{...q.x,...G?{border:{display:!0,color:z}}:{},ticks:{...q.x.ticks,color:({chart:t,index:n})=>e.i(t,n)?H:R}},y:Y,...Z},$=e.r({kind:`segment`,skeleton:g,colorHostElement:i,onElementIndexClick:F});return{type:`bar`,data:{labels:t[0]?.points.map(e=>l.t(e.label))??[],datasets:t.map((e,t)=>{let r=a.t(t,i,e.fillColor,g),o=e.points.map(e=>e.fillColor?n.t(e.fillColor,i):(e.category===void 0?void 0:K[e.category])??r);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:o,hoverBackgroundColor:o,borderWidth:0,hoverBorderWidth:0,borderRadius:w,yAxisID:e.axis===`right`?E:`y`,...N?{maxBarThickness:N}:{},captions:e.points.map(e=>e.caption),categories:e.points.map(e=>e.category),...G?{barPercentage:k,categoryPercentage:A}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,layout:_?{padding:{top:O}}:void 0,onHover:$.onHover,onClick:$.onClick,hover:g?void 0:{mode:`nearest`,intersect:!0},interaction:e.f(g,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.p(g),backgroundColor:B,titleColor:V,bodyColor:V,displayColors:!1,...P?{callbacks:{title:()=>[],label:e=>P(e.dataIndex,e.datasetIndex)}}:{}}},scales:Q},plugins:e.m(g,[v({target:h,colorHostElement:i,rightAxisId:E}),..._?[S({colorHostElement:i,formatValue:y})]:[],...$.plugins])}},N=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`],P=[{label:`Series 1`,points:u.t(N,[28,34,24,42,30,36])},{label:`Series 2`,points:u.t(N,[18,22,16,28,20,24])}],F={class:`s-ui-chart-bar__canvas-wrap`},I=(0,f.defineComponent)({__name:`SChartBar`,props:{series:{default:()=>[]},mode:{default:`grouped`},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},rightYMax:{},rightYStep:{},mirrorYAxis:{type:Boolean,default:!1},target:{},showLegend:{type:Boolean,default:!0},showValues:{type:Boolean,default:!1},formatValue:{type:Function},formatYTick:{type:Function},categories:{default:()=>[]},highlightedYTick:{},legendSize:{},maxBarThickness:{},formatTooltip:{type:Function}},emits:[`pointClick`],setup(r,{expose:i,emit:o}){let s=o,c=(0,f.useTemplateRef)(`chartRootRef`),l=(0,f.useTemplateRef)(`chartCanvasRef`),p=(0,f.computed)(()=>r.loading?P:r.mode===`grouped`?r.series:r.series.slice(0,1)),m=(e,t)=>{let n=p.value[t],r=n?.points[e];n&&r&&s(`pointClick`,e,t,r,n)},h=d.t(`onPointClick`),g=(0,f.computed)(()=>!r.loading&&r.series.length===0?null:M({seriesList:p.value,colorHostElement:c.value,yMax:r.loading?50:r.yMax,yMin:r.loading?void 0:r.yMin,yStep:r.loading?10:r.yStep,rightYMax:r.rightYMax,rightYStep:r.rightYStep,mirrorYAxis:r.mirrorYAxis,target:r.loading?void 0:r.target,skeleton:r.loading,showValues:r.showValues,formatValue:r.formatValue,formatYTick:r.formatYTick,mode:r.mode,categories:r.categories,highlightedYTick:r.highlightedYTick,maxBarThickness:r.maxBarThickness,formatTooltip:r.formatTooltip,onPointClick:h()?m:void 0})),_=(0,f.computed)(()=>!r.loading&&r.categories.length>0),v=(0,f.computed)(()=>_.value?r.categories.map(e=>({label:e.label,color:n.t(e.color,c.value)})):u.n(p.value,(e,t)=>a.t(e,c.value,t,r.loading))),y=(0,f.computed)(()=>r.loading||!r.target?.legendLabel?[]:[{label:r.target.legendLabel,color:r.target.color?n.t(r.target.color,c.value):e.S(e.D.grid,c.value),marker:`line`}]),b=(0,f.computed)(()=>[...v.value,...y.value]),{chartInstance:x}=e.n({canvasRef:l,config:g,enabled:(0,f.computed)(()=>r.loading||r.series.length>0)}),{exportImage:S,handleLegendItemHover:C}=e.t({chartInstance:x,canvasRef:l,colorHostElement:c,legendDimKind:()=>_.value?`category`:`series`}),w=e=>{C(e!==null&&e<v.value.length?e:null)};return i({exportImage:S}),(n,i)=>((0,f.openBlock)(),(0,f.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:c,class:(0,f.normalizeClass)([`s-ui-chart-bar`,{"s-ui-chart-bar--skeleton":r.loading}])},[(0,f.createElementVNode)(`div`,F,[(0,f.createVNode)((0,f.unref)(e.C),{loading:r.loading},{default:(0,f.withCtx)(()=>[(0,f.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:l,class:`s-ui-chart-bar__canvas`},null,512)]),_:1},8,[`loading`])]),r.showLegend&&b.value.length?((0,f.openBlock)(),(0,f.createBlock)((0,f.unref)(t.t),{key:0,items:b.value,size:r.legendSize,disabled:r.loading,interactive:!r.loading,onItemHover:w},null,8,[`items`,`size`,`disabled`,`interactive`])):(0,f.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});

package/dist/SChartBar-DHjm1H0N.js

@@ -0,0 +1,304 @@
+import { C as e, D as t, S as n, f as r, i, m as a, n as o, o as s, p as c, r as l, t as u } from "./useChartInteractivity-sgbPZgcH.js";
+import { t as d } from "./SChartLegend-At0mMO09.js";
+import { t as f } from "./resolveCssColorValue-BBK7CTmP.js";
+import { t as p } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as m } from "./resolveChartValueRange-DZybnmaX.js";
+import { t as h } from "./resolveBarStackedSeriesColor-zEV1Ps7h.js";
+import { n as g, t as _ } from "./buildChartMirrorScale-_PhGNiFR.js";
+import { t as v } from "./resolveChartLabelFont-WtZd0pFD.js";
+import { t as y } from "./applyChartHighlightedYTick-DOxlsWPd.js";
+import { t as b } from "./splitChartAxisLabel-D-IFyucJ.js";
+import { n as x, t as S } from "./buildChartSeriesPoints-BTyOpkin.js";
+import { t as C } from "./useHasListener-RSjlUyqH.js";
+import { computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createVNode as k, defineComponent as A, normalizeClass as j, openBlock as M, unref as N, useTemplateRef as P, withCtx as F } from "vue";
+//#region src/components/SChartBar/utils/createBarTargetLinePlugin.ts
+var I = 1, L = [4, 4], R = "500 10px var(--s-ui-font-family-label)", z = 4, B = (e) => e.length > 0 && new Set(e).size === 1, ee = ({ target: e, colorHostElement: r, rightAxisId: i }) => ({
+	id: "barTargetLine",
+	afterDatasetsDraw(a) {
+		if (!e || e.values.length === 0) return;
+		let o = e.axis === "right" ? i : "y", s = a.scales[o], c = a.scales.x;
+		if (!s || !c) return;
+		let { ctx: l, chartArea: u } = a, d = e.color ? f(e.color, r) : n(t.grid, r);
+		l.save(), l.strokeStyle = d, l.lineWidth = I, l.setLineDash(e.solid ? [] : L);
+		let [p] = e.values;
+		if (p !== void 0 && B(e.values)) {
+			let t = s.getPixelForValue(p);
+			l.beginPath(), l.moveTo(u.left, t), l.lineTo(u.right, t), l.stroke(), e.label && (l.setLineDash([]), l.fillStyle = d, l.font = R, l.textAlign = "left", l.fillText(e.label, u.left, t - z));
+		} else {
+			let t = (u.right - u.left) / e.values.length;
+			e.values.forEach((e, n) => {
+				if (e <= 0) return;
+				let r = s.getPixelForValue(e);
+				l.beginPath(), l.moveTo(u.left + t * n, r), l.lineTo(u.left + t * (n + 1), r), l.stroke();
+			});
+		}
+		l.restore();
+	}
+}), V = 4, H = 10, U = 500, te = ({ colorHostElement: e, formatValue: r }) => ({
+	id: "barValueLabel",
+	afterDatasetsDraw(i) {
+		let a = n(t.barValueLabel, e), o = n(t.barValueLabelMuted, e), { ctx: c } = i;
+		c.save(), c.font = v({
+			size: H,
+			weight: U,
+			colorHostElement: e
+		}), c.textAlign = "center", i.data.datasets.forEach((e, t) => {
+			i.isDatasetVisible(t) && i.getDatasetMeta(t).data.forEach((n, l) => {
+				let u = e.data[l];
+				if (typeof u != "number") return;
+				let d = u < 0;
+				c.fillStyle = s(i, t, l) ? o : a, c.textBaseline = d ? "top" : "bottom", c.fillText(r ? r(u) : String(u), n.x, d ? n.y + V : n.y - V);
+			});
+		}), c.restore();
+	}
+}), W = 5, ne = 4, re = 12, G = "yRight", K = 1.05, ie = 16, ae = .92, oe = 1, q = (e, t, n, r) => m(e.flatMap((e) => e.points.map((e) => e.value * K)), {
+	yMin: t,
+	yMax: n,
+	yStep: r
+}), J = ({ seriesList: e, colorHostElement: o, yMax: s, yMin: u, yStep: d = W, rightYMax: m, rightYStep: v = W, mirrorYAxis: x = !1, target: S, skeleton: C = !1, showValues: w = !1, formatValue: T, formatYTick: E, mode: D = "grouped", categories: O = [], highlightedYTick: k, maxBarThickness: A, formatTooltip: j, onPointClick: M }) => {
+	if (e.length === 0) return null;
+	let N = e.filter((e) => e.axis !== "right"), P = e.filter((e) => e.axis === "right"), F = n(t.axisLabel, o), I = n(t.grid, o), L = n(t.tooltipBackground, o), R = n(t.tooltipText, o), z = n(t.barAxisLabelMuted, o), B = q(N, u, s, d), V = q(P, void 0, m, v), H = D === "histogram", U = O.map((e) => f(e.color, o)), K = p({
+		axisLabelColor: F,
+		gridColor: I,
+		yMin: B.min,
+		yMax: B.max,
+		yStep: d,
+		xTickFontSize: re,
+		...E ? { formatYAxisTick: (e) => typeof e == "number" ? E(e) : e } : {}
+	}), J = k && !C ? y(K.y.ticks, {
+		highlightedTick: k,
+		yStep: d,
+		axisLabelColor: F,
+		colorHostElement: o
+	}) : { ticks: K.y.ticks }, Y = H ? {
+		...K.y,
+		display: !1
+	} : {
+		...K.y,
+		...J
+	}, X = (e, t) => g({
+		min: e,
+		max: t,
+		tickOptions: J
+	}), Z = P.length > 0 ? { [G]: X(V.min, V.max) } : x && !H ? { [_]: X(B.min, B.max) } : {}, Q = {
+		x: {
+			...K.x,
+			...H ? { border: {
+				display: !0,
+				color: I
+			} } : {},
+			ticks: {
+				...K.x.ticks,
+				color: ({ chart: e, index: t }) => i(e, t) ? z : F
+			}
+		},
+		y: Y,
+		...Z
+	}, $ = l({
+		kind: "segment",
+		skeleton: C,
+		colorHostElement: o,
+		onElementIndexClick: M
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: e[0]?.points.map((e) => b(e.label)) ?? [],
+			datasets: e.map((e, t) => {
+				let n = h(t, o, e.fillColor, C), r = e.points.map((e) => e.fillColor ? f(e.fillColor, o) : (e.category === void 0 ? void 0 : U[e.category]) ?? n);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					backgroundColor: r,
+					hoverBackgroundColor: r,
+					borderWidth: 0,
+					hoverBorderWidth: 0,
+					borderRadius: ne,
+					yAxisID: e.axis === "right" ? G : "y",
+					...A ? { maxBarThickness: A } : {},
+					captions: e.points.map((e) => e.caption),
+					categories: e.points.map((e) => e.category),
+					...H ? {
+						barPercentage: ae,
+						categoryPercentage: oe
+					} : {}
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			layout: w ? { padding: { top: ie } } : void 0,
+			onHover: $.onHover,
+			onClick: $.onClick,
+			hover: C ? void 0 : {
+				mode: "nearest",
+				intersect: !0
+			},
+			interaction: r(C, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: c(C),
+					backgroundColor: L,
+					titleColor: R,
+					bodyColor: R,
+					displayColors: !1,
+					...j ? { callbacks: {
+						title: () => [],
+						label: (e) => j(e.dataIndex, e.datasetIndex)
+					} } : {}
+				}
+			},
+			scales: Q
+		},
+		plugins: a(C, [
+			ee({
+				target: S,
+				colorHostElement: o,
+				rightAxisId: G
+			}),
+			...w ? [te({
+				colorHostElement: o,
+				formatValue: T
+			})] : [],
+			...$.plugins
+		])
+	};
+}, Y = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя"
+], X = [{
+	label: "Series 1",
+	points: S(Y, [
+		28,
+		34,
+		24,
+		42,
+		30,
+		36
+	])
+}, {
+	label: "Series 2",
+	points: S(Y, [
+		18,
+		22,
+		16,
+		28,
+		20,
+		24
+	])
+}], Z = { class: "s-ui-chart-bar__canvas-wrap" }, Q = /* @__PURE__ */ A({
+	__name: "SChartBar",
+	props: {
+		series: { default: () => [] },
+		mode: { default: "grouped" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yMin: {},
+		yStep: {},
+		rightYMax: {},
+		rightYStep: {},
+		mirrorYAxis: {
+			type: Boolean,
+			default: !1
+		},
+		target: {},
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showValues: {
+			type: Boolean,
+			default: !1
+		},
+		formatValue: { type: Function },
+		formatYTick: { type: Function },
+		categories: { default: () => [] },
+		highlightedYTick: {},
+		legendSize: {},
+		maxBarThickness: {},
+		formatTooltip: { type: Function }
+	},
+	emits: ["pointClick"],
+	setup(r, { expose: i, emit: a }) {
+		let s = a, c = P("chartRootRef"), l = P("chartCanvasRef"), p = w(() => r.loading ? X : r.mode === "grouped" ? r.series : r.series.slice(0, 1)), m = (e, t) => {
+			let n = p.value[t], r = n?.points[e];
+			n && r && s("pointClick", e, t, r, n);
+		}, g = C("onPointClick"), _ = w(() => !r.loading && r.series.length === 0 ? null : J({
+			seriesList: p.value,
+			colorHostElement: c.value,
+			yMax: r.loading ? 50 : r.yMax,
+			yMin: r.loading ? void 0 : r.yMin,
+			yStep: r.loading ? 10 : r.yStep,
+			rightYMax: r.rightYMax,
+			rightYStep: r.rightYStep,
+			mirrorYAxis: r.mirrorYAxis,
+			target: r.loading ? void 0 : r.target,
+			skeleton: r.loading,
+			showValues: r.showValues,
+			formatValue: r.formatValue,
+			formatYTick: r.formatYTick,
+			mode: r.mode,
+			categories: r.categories,
+			highlightedYTick: r.highlightedYTick,
+			maxBarThickness: r.maxBarThickness,
+			formatTooltip: r.formatTooltip,
+			onPointClick: g() ? m : void 0
+		})), v = w(() => !r.loading && r.categories.length > 0), y = w(() => v.value ? r.categories.map((e) => ({
+			label: e.label,
+			color: f(e.color, c.value)
+		})) : x(p.value, (e, t) => h(e, c.value, t, r.loading))), b = w(() => r.loading || !r.target?.legendLabel ? [] : [{
+			label: r.target.legendLabel,
+			color: r.target.color ? f(r.target.color, c.value) : n(t.grid, c.value),
+			marker: "line"
+		}]), S = w(() => [...y.value, ...b.value]), { chartInstance: A } = o({
+			canvasRef: l,
+			config: _,
+			enabled: w(() => r.loading || r.series.length > 0)
+		}), { exportImage: I, handleLegendItemHover: L } = u({
+			chartInstance: A,
+			canvasRef: l,
+			colorHostElement: c,
+			legendDimKind: () => v.value ? "category" : "series"
+		}), R = (e) => {
+			L(e !== null && e < y.value.length ? e : null);
+		};
+		return i({ exportImage: I }), (t, n) => (M(), D("div", {
+			ref_key: "chartRootRef",
+			ref: c,
+			class: j(["s-ui-chart-bar", { "s-ui-chart-bar--skeleton": r.loading }])
+		}, [O("div", Z, [k(N(e), { loading: r.loading }, {
+			default: F(() => [O("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: l,
+				class: "s-ui-chart-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), r.showLegend && S.value.length ? (M(), T(N(d), {
+			key: 0,
+			items: S.value,
+			size: r.legendSize,
+			disabled: r.loading,
+			interactive: !r.loading,
+			onItemHover: R
+		}, null, 8, [
+			"items",
+			"size",
+			"disabled",
+			"interactive"
+		])) : E("", !0)], 2));
+	}
+});
+//#endregion
+export { Q as t };

package/dist/{SChartBurnup-joKIDLFb.cjs → SChartBurnup-9s2KNzCr.cjs}

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

package/dist/{SChartBurnup-BeQWgnGT.js → SChartBurnup-B1KU1E5B.js}

@@ -1,16 +1,16 @@
-import { T as e, b as t, d as n, f as r, g as i, l as a, n as o, t as s, u as c, x as l } from "./useChartInteractivity-DygkiRA1.js";
-import { t as u } from "./SChartLegend-dDqLhvIj.js";
-import { t as d } from "./createChartCrosshairPlugin-EqMlaexu.js";
-import { t as f } from "./buildMultiLineChartScales-Di-yTvEB.js";
+import { C as e, D as t, S as n, d as r, f as i, m as a, n as o, p as s, t as c, v as l } from "./useChartInteractivity-sgbPZgcH.js";
+import { t as u } from "./SChartLegend-At0mMO09.js";
+import { t as d } from "./createChartCrosshairPlugin-B4LrgKjG.js";
+import { t as f } from "./buildMultiLineChartScales-DbRe2UFD.js";
 import { computed as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, unref as b, useTemplateRef as x, withCtx as S } from "vue";
 //#region src/utils/chart/burnup/createBurnupTodayLinePlugin.ts
-var C = (n, r) => ({
+var C = (e, r) => ({
 	id: "sUiChartBurnupTodayLine",
 	beforeDatasetsDraw(i) {
-		if (n < 0) return;
+		if (e < 0) return;
 		let { ctx: a, chartArea: o } = i, s = i.scales.x;
 		if (!o || !s) return;
-		let c = t(e.burnupToday, r), l = s.getPixelForValue(n);
+		let c = n(t.burnupToday, r), 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();
 	}
 }), w = 8, T = 4, E = 5, D = 12, O = 12, k = 60, A = 12, j = (e) => {
@@ -20,16 +20,16 @@ var C = (n, r) => ({
 }, M = (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();
-}, N = ({ tagLines: n, factDatasetIndex: r, todayIndex: i }, a) => ({
+}, N = ({ tagLines: e, factDatasetIndex: r, todayIndex: i }, a) => ({
 	id: "sUiChartBurnupTag",
 	afterDatasetsDraw(o) {
-		if (i < 0 || n.length === 0) return;
+		if (i < 0 || e.length === 0) return;
 		let s = o.getDatasetMeta(r)?.data[i], { chartArea: c } = o;
 		if (!s || !c) return;
-		let l = t(e.burnupToday, a), u = t(e.burnupTagBackground, a), { ctx: d } = o;
+		let l = n(t.burnupToday, a), u = n(t.burnupTagBackground, a), { ctx: d } = o;
 		d.save(), d.font = j(a), d.textAlign = "center", d.textBaseline = "middle";
-		let f = n.reduce((e, t) => Math.max(e, d.measureText(t).width), 0), p = Math.max(k, f + w * 2), m = n.length * O + T + E, h = Math.min(Math.max(s.x - p / 2, c.left), c.right - p), g = Math.max(s.y - A - m, c.top);
-		M(d, h, g, p, m, D), d.fillStyle = u, d.fill(), d.lineWidth = 1, d.strokeStyle = l, d.stroke(), d.fillStyle = l, n.forEach((e, t) => {
+		let f = e.reduce((e, t) => Math.max(e, d.measureText(t).width), 0), p = Math.max(k, f + w * 2), m = e.length * O + T + E, h = Math.min(Math.max(s.x - p / 2, c.left), c.right - p), g = Math.max(s.y - A - m, c.top);
+		M(d, h, g, p, m, D), 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 + T + O * (t + .5));
 		}), d.restore();
 	}
@@ -52,17 +52,17 @@ var C = (n, r) => ({
 			maxRotation: 0
 		}
 	}
-} : e, J = ({ points: o, colorHostElement: s, goalValue: l = 100, goalLabel: u = "Цель", planLabel: p = "План", factLabel: m = "Факт", futureLabel: h = "Этот день ещё не наступил", yStep: g = U, mirrorYAxis: _ = !0, showTag: v = !0, skeleton: y = !1 }) => {
-	if (o.length === 0) return null;
-	let b = t(e.axisLabel, s), x = t(e.grid, s), S = t(e.tooltipBackground, s), w = t(e.tooltipText, s), T = t(e.skeletonSeries, s), E = y ? T : t(e.burnupGoal, s), D = y ? T : t(e.burnupPlan, s), O = y ? T : t(e.burnupFact, s), k = t(e.burnupFactFillStart, s), A = t(e.burnupFactFillEnd, s), j = W(o), M = j >= 0 ? o[j] : void 0, P = M ? [`${m.toLowerCase()} ${M.fact}%`, `${p.toLowerCase()} ${M.plan}%`] : [];
+} : e, J = ({ points: e, colorHostElement: o, goalValue: c = 100, goalLabel: u = "Цель", planLabel: p = "План", factLabel: m = "Факт", futureLabel: h = "Этот день ещё не наступил", yStep: g = U, mirrorYAxis: _ = !0, showTag: v = !0, skeleton: y = !1 }) => {
+	if (e.length === 0) return null;
+	let b = n(t.axisLabel, o), x = n(t.grid, o), S = n(t.tooltipBackground, o), w = n(t.tooltipText, o), T = n(t.skeletonSeries, o), E = y ? T : n(t.burnupGoal, o), D = y ? T : n(t.burnupPlan, o), O = y ? T : n(t.burnupFact, o), k = n(t.burnupFactFillStart, o), A = n(t.burnupFactFillEnd, o), j = W(e), M = j >= 0 ? e[j] : void 0, P = M ? [`${m.toLowerCase()} ${M.fact}%`, `${p.toLowerCase()} ${M.plan}%`] : [];
 	return {
 		type: "line",
 		data: {
-			labels: o.map((e) => e.label),
+			labels: e.map((e) => e.label),
 			datasets: [
 				{
 					label: u,
-					data: o.map((e) => G(e, l)),
+					data: e.map((e) => G(e, c)),
 					borderColor: E,
 					backgroundColor: E,
 					borderWidth: L,
@@ -74,7 +74,7 @@ var C = (n, r) => ({
 				},
 				{
 					label: p,
-					data: o.map((e) => e.plan),
+					data: e.map((e) => e.plan),
 					borderColor: D,
 					backgroundColor: D,
 					borderWidth: R,
@@ -86,9 +86,9 @@ var C = (n, r) => ({
 				},
 				{
 					label: m,
-					data: o.map((e) => e.fact ?? null),
+					data: e.map((e) => e.fact ?? null),
 					borderColor: O,
-					backgroundColor: y ? O : (e) => a(e, k, A),
+					backgroundColor: y ? O : (e) => r(e, k, A),
 					borderWidth: z,
 					fill: !y,
 					spanGaps: !1,
@@ -101,19 +101,19 @@ var C = (n, r) => ({
 		options: {
 			responsive: !0,
 			maintainAspectRatio: !1,
-			interaction: c(y, {
+			interaction: i(y, {
 				mode: "index",
 				intersect: !1
 			}),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: n(y),
+					enabled: s(y),
 					backgroundColor: S,
 					titleColor: w,
 					bodyColor: w,
 					displayColors: !1,
-					position: i,
+					position: l,
 					yAlign: "bottom",
 					xAlign: "center",
 					caretPadding: 8,
@@ -121,7 +121,7 @@ var C = (n, r) => ({
 					callbacks: F({
 						todayIndex: j,
 						futureLabel: h,
-						resolveTitle: (e) => o[e]?.tooltipLabel
+						resolveTitle: (t) => e[t]?.tooltipLabel
 					})
 				}
 			},
@@ -129,20 +129,20 @@ var C = (n, r) => ({
 				axisLabelColor: b,
 				gridColor: x,
 				yMin: 0,
-				yMax: K(o, l, g),
+				yMax: K(e, c, g),
 				yStep: g,
 				mirrorYAxis: _,
 				formatYAxisTick: (e) => `${e}%`
-			}), o)
+			}), e)
 		},
-		plugins: r(y, [
-			d(s),
-			C(j, s),
+		plugins: a(y, [
+			d(o),
+			C(j, o),
 			...v ? [N({
 				tagLines: P,
 				factDatasetIndex: H,
 				todayIndex: j
-			}, s)] : []
+			}, o)] : []
 		])
 	};
 }, Y = [
@@ -202,58 +202,58 @@ var C = (n, r) => ({
 			default: !0
 		}
 	},
-	setup(n, { expose: r }) {
-		let i = x("chartRootRef"), a = x("chartCanvasRef"), c = p(() => n.loading ? Z : n.points), d = p(() => !n.loading && n.points.length === 0 ? null : J({
-			points: c.value,
-			colorHostElement: i.value,
-			goalValue: n.goalValue,
-			goalLabel: n.goalLabel,
-			planLabel: n.planLabel,
-			factLabel: n.factLabel,
-			futureLabel: n.futureLabel,
-			yStep: n.yStep,
-			mirrorYAxis: n.mirrorYAxis,
-			showTag: n.showTag,
-			skeleton: n.loading
+	setup(r, { expose: i }) {
+		let a = x("chartRootRef"), s = x("chartCanvasRef"), l = p(() => r.loading ? Z : r.points), d = p(() => !r.loading && r.points.length === 0 ? null : J({
+			points: l.value,
+			colorHostElement: a.value,
+			goalValue: r.goalValue,
+			goalLabel: r.goalLabel,
+			planLabel: r.planLabel,
+			factLabel: r.factLabel,
+			futureLabel: r.futureLabel,
+			yStep: r.yStep,
+			mirrorYAxis: r.mirrorYAxis,
+			showTag: r.showTag,
+			skeleton: r.loading
 		})), f = p(() => [
 			{
-				label: n.goalLabel,
-				cssVariable: e.burnupGoal
+				label: r.goalLabel,
+				cssVariable: t.burnupGoal
 			},
 			{
-				label: n.planLabel,
-				cssVariable: e.burnupPlan
+				label: r.planLabel,
+				cssVariable: t.burnupPlan
 			},
 			{
-				label: n.factLabel,
-				cssVariable: e.burnupFact
+				label: r.factLabel,
+				cssVariable: t.burnupFact
 			}
-		].map((r) => ({
-			label: r.label.toLowerCase(),
-			color: t(n.loading ? e.skeletonSeries : r.cssVariable, i.value)
+		].map((e) => ({
+			label: e.label.toLowerCase(),
+			color: n(r.loading ? t.skeletonSeries : e.cssVariable, a.value)
 		}))), { chartInstance: _ } = o({
-			canvasRef: a,
+			canvasRef: s,
 			config: d,
-			enabled: p(() => n.loading || n.points.length > 0)
-		}), { exportImage: C } = s({
+			enabled: p(() => r.loading || r.points.length > 0)
+		}), { exportImage: C } = c({
 			chartInstance: _,
-			canvasRef: a,
-			colorHostElement: i
+			canvasRef: s,
+			colorHostElement: a
 		});
-		return r({ exportImage: C }), (e, t) => (y(), m("div", {
+		return i({ exportImage: C }), (t, n) => (y(), m("div", {
 			ref_key: "chartRootRef",
-			ref: i,
-			class: v(["s-ui-chart-burnup", { "s-ui-chart-burnup--skeleton": n.loading }])
-		}, [h("div", Q, [g(b(l), { loading: n.loading }, {
+			ref: a,
+			class: v(["s-ui-chart-burnup", { "s-ui-chart-burnup--skeleton": r.loading }])
+		}, [h("div", Q, [g(b(e), { loading: r.loading }, {
 			default: S(() => [h("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: a,
+				ref: s,
 				class: "s-ui-chart-burnup__canvas"
 			}, null, 512)]),
 			_: 1
 		}, 8, ["loading"])]), g(b(u), {
 			items: f.value,
-			disabled: n.loading
+			disabled: r.loading
 		}, null, 8, ["items", "disabled"])], 2));
 	}
 });

package/dist/SChartHorizontalBar-DwY63iRT.cjs

@@ -0,0 +1 @@
+const e=require("./useChartInteractivity-Yk7qEYgl.cjs"),t=require("./resolveCssColorValue-D3fS-cK8.cjs"),n=require("./buildChartMirrorScale-CBUIRPYX.cjs"),r=require("./resolveChartLabelFont-D_Pxt-gs.cjs"),i=require("./useHasListener-BPgtbbo6.cjs");let a=require("vue");var o=10,s=14,c=`xMirror`,l=({axisLabelColor:e,categoryLabelColor:t,gridColor:r,xMin:i,xMax:a,xStep:l,mirrorXAxis:u=!1,formatXTick:d})=>{let f={color:e,stepSize:l,font:{size:o,weight:500},padding:8,...d?{callback:e=>typeof e==`number`?d(e):e}:{}};return{...u?{[c]:n.n({min:i,max:a,tickOptions:{ticks:f},position:`top`,hideTickMarks:!0})}:{},x:{type:`linear`,min:i,max:a,border:{display:!1},grid:{color:r,drawTicks:!1},ticks:f},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:s,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}},u=8,d=12,f=500,p=64,m=(e,t)=>t?t(e):String(e),h=e=>r.t({size:d,weight:f,colorHostElement:e}),g=({values:e,colorHostElement:t,formatValue:n})=>{let r=typeof document>`u`?null:document.createElement(`canvas`).getContext(`2d`);if(!r)return p;r.font=h(t);let i=e.reduce((e,t)=>Math.max(e,r.measureText(m(t,n)).width),0);return Math.ceil(i)+u},_=({colorHostElement:t,formatValue:n})=>({id:`horizontalBarValueLabel`,afterDatasetsDraw(r){let i=e.S(e.D.barValueLabel,t),a=e.S(e.D.barValueLabelMuted,t),{ctx:o}=r;o.save(),o.font=h(t),o.textAlign=`left`,o.textBaseline=`middle`,r.data.datasets.forEach((t,s)=>{r.isDatasetVisible(s)&&r.getDatasetMeta(s).data.forEach((c,l)=>{let d=t.data[l];typeof d==`number`&&(o.fillStyle=e.o(r,s,l)?a:i,o.fillText(m(d,n),c.x+u,c.y))})}),o.restore()}}),v=(n,r,i)=>i?e.S(e.D.barHorizontalSkeletonFill,r):n?t.t(n,r):e.S(e.D.barHorizontalFillDefault,r),y=(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},b=10,x=0,S=36,C=4,w=({items:t,colorHostElement:n,xMax:r,xMin:i=x,xStep:a=b,skeleton:o=!1,barThickness:s=S,mirrorXAxis:c=!1,showValues:u=!1,formatValue:d,formatXTick:f,formatTooltip:p,onBarClick:m})=>{if(t.length===0)return null;let h=e.S(e.D.axisLabel,n),w=e.S(e.D.grid,n),T=e.S(e.D.tooltipBackground,n),E=e.S(e.D.tooltipText,n),D=e.S(o?e.D.barHorizontalCategoryLabelSkeleton:e.D.barHorizontalCategoryLabel,n),O=y(t,r,a),k=t.map(e=>v(e.color,n,o)),A=e.r({kind:`element`,skeleton:o,colorHostElement:n,onIndexClick:m});return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:k,hoverBackgroundColor:k,borderWidth:0,hoverBorderWidth:0,barThickness:s,borderRadius:{topRight:C,bottomRight:C}}]},options:{indexAxis:`y`,responsive:!0,layout:u&&!o?{padding:{right:g({values:t.map(e=>e.value),colorHostElement:n,formatValue:d})}}:void 0,maintainAspectRatio:!1,onHover:A.onHover,onClick:A.onClick,interaction:e.f(o,{mode:`index`,axis:`y`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.p(o),backgroundColor:T,titleColor:E,bodyColor:E,...p?{displayColors:!1,callbacks:{title:()=>[],label:e=>p(e.dataIndex)}}:{}}},scales:l({axisLabelColor:h,categoryLabelColor:D,gridColor:w,xMin:i,xMax:O,xStep:a,mirrorXAxis:c,formatXTick:f})},plugins:u&&!o?[...A.plugins,_({colorHostElement:n,formatValue:d})]:A.plugins}},T=e=>w(e),E=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],D={class:`s-ui-chart-horizontal-bar__canvas-wrap`},O=(0,a.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{},barThickness:{},mirrorXAxis:{type:Boolean,default:!1},showValues:{type:Boolean,default:!1},formatValue:{type:Function},formatXTick:{type:Function},formatTooltip:{type:Function}},emits:[`barClick`],setup(t,{expose:n,emit:r}){let o=r,s=(0,a.useTemplateRef)(`chartRootRef`),c=(0,a.useTemplateRef)(`chartCanvasRef`),l=(0,a.computed)(()=>t.loading?E:t.items),u=e=>{let n=t.items[e];n&&o(`barClick`,e,n)},d=i.t(`onBarClick`),{chartInstance:f}=e.n({canvasRef:c,config:(0,a.computed)(()=>!t.loading&&t.items.length===0?null:T({items:l.value,colorHostElement:s.value,xMax:t.loading?60:t.xMax,xMin:t.loading?0:t.xMin,xStep:t.loading?10:t.xStep,skeleton:t.loading,barThickness:t.barThickness,mirrorXAxis:t.loading?!1:t.mirrorXAxis,showValues:t.showValues,formatValue:t.loading?void 0:t.formatValue,formatXTick:t.loading?void 0:t.formatXTick,formatTooltip:t.loading?void 0:t.formatTooltip,onBarClick:d()?u:void 0})),enabled:(0,a.computed)(()=>t.loading||t.items.length>0)}),{exportImage:p}=e.t({chartInstance:f,canvasRef:c,colorHostElement:s});return n({exportImage:p}),(n,r)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:s,class:(0,a.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":t.loading}])},[(0,a.createElementVNode)(`div`,D,[(0,a.createVNode)((0,a.unref)(e.C),{loading:t.loading},{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:c,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return O}});