@shtabapp/ui-kit 1.85.0 → 1.85.1

package/dist/SChartBar-DHjm1H0N.js

@@ -1,304 +0,0 @@
-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-9s2KNzCr.cjs

@@ -1 +0,0 @@
-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-B1KU1E5B.js

@@ -1,261 +0,0 @@
-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 = (e, r) => ({
-	id: "sUiChartBurnupTodayLine",
-	beforeDatasetsDraw(i) {
-		if (e < 0) return;
-		let { ctx: a, chartArea: o } = i, s = i.scales.x;
-		if (!o || !s) return;
-		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) => {
-	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();
-}, N = ({ tagLines: e, factDatasetIndex: r, todayIndex: i }, a) => ({
-	id: "sUiChartBurnupTag",
-	afterDatasetsDraw(o) {
-		if (i < 0 || e.length === 0) return;
-		let s = o.getDatasetMeta(r)?.data[i], { chartArea: c } = o;
-		if (!s || !c) return;
-		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 = 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();
-	}
-}), P = (e, t) => t >= 0 && e > t, F = ({ todayIndex: e, futureLabel: t, resolveTitle: n }) => ({
-	title: (t) => {
-		let r = t[0];
-		return !r || P(r.dataIndex, e) ? "" : n?.(r.dataIndex) ?? `${r.label}`;
-	},
-	label: (n) => P(n.dataIndex, e) ? t : `${n.dataset.label ?? ""}: ${n.parsed.y ?? 0}%`
-}), I = (e) => (t) => !P(t.dataIndex, e) || t.datasetIndex === 0, L = 1, R = 1, z = 2, B = [8, 8], V = [9, 9], H = 2, U = 25, W = (e) => e.reduce((e, t, n) => t.fact === null ? e : n, -1), G = (e, t) => e.goal ?? t, K = (e, t, n) => {
-	let r = e.reduce((e, n) => Math.max(e, n.plan, n.fact ?? 0, G(n, t)), t);
-	return Math.ceil(r / n) * n;
-}, q = (e, t) => t.some((e) => e.label === "") ? {
-	...e,
-	x: {
-		...e.x,
-		ticks: {
-			...e.x.ticks,
-			autoSkip: !1,
-			maxRotation: 0
-		}
-	}
-} : 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: e.map((e) => e.label),
-			datasets: [
-				{
-					label: u,
-					data: e.map((e) => G(e, c)),
-					borderColor: E,
-					backgroundColor: E,
-					borderWidth: L,
-					borderDash: B,
-					fill: !1,
-					pointRadius: 0,
-					pointHoverRadius: 0,
-					tension: 0
-				},
-				{
-					label: p,
-					data: e.map((e) => e.plan),
-					borderColor: D,
-					backgroundColor: D,
-					borderWidth: R,
-					borderDash: V,
-					fill: !1,
-					pointRadius: 0,
-					pointHoverRadius: 0,
-					tension: .4
-				},
-				{
-					label: m,
-					data: e.map((e) => e.fact ?? null),
-					borderColor: O,
-					backgroundColor: y ? O : (e) => r(e, k, A),
-					borderWidth: z,
-					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: s(y),
-					backgroundColor: S,
-					titleColor: w,
-					bodyColor: w,
-					displayColors: !1,
-					position: l,
-					yAlign: "bottom",
-					xAlign: "center",
-					caretPadding: 8,
-					filter: I(j),
-					callbacks: F({
-						todayIndex: j,
-						futureLabel: h,
-						resolveTitle: (t) => e[t]?.tooltipLabel
-					})
-				}
-			},
-			scales: q(f({
-				axisLabelColor: b,
-				gridColor: x,
-				yMin: 0,
-				yMax: K(e, c, g),
-				yStep: g,
-				mirrorYAxis: _,
-				formatYAxisTick: (e) => `${e}%`
-			}), e)
-		},
-		plugins: a(y, [
-			d(o),
-			C(j, o),
-			...v ? [N({
-				tagLines: P,
-				factDatasetIndex: H,
-				todayIndex: j
-			}, o)] : []
-		])
-	};
-}, Y = [
-	8,
-	15,
-	23,
-	31,
-	38,
-	46,
-	54,
-	62,
-	69,
-	77,
-	85,
-	92,
-	96,
-	100
-], X = [
-	5,
-	10,
-	16,
-	22,
-	28,
-	34,
-	40,
-	45,
-	50,
-	54,
-	57,
-	60,
-	null,
-	null
-], Z = Y.map((e, t) => ({
-	label: `Д${t + 1}`,
-	plan: e,
-	fact: X[t]
-})), Q = { class: "s-ui-chart-burnup__canvas-wrap" }, $ = /* @__PURE__ */ _({
-	__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(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: r.goalLabel,
-				cssVariable: t.burnupGoal
-			},
-			{
-				label: r.planLabel,
-				cssVariable: t.burnupPlan
-			},
-			{
-				label: r.factLabel,
-				cssVariable: t.burnupFact
-			}
-		].map((e) => ({
-			label: e.label.toLowerCase(),
-			color: n(r.loading ? t.skeletonSeries : e.cssVariable, a.value)
-		}))), { chartInstance: _ } = o({
-			canvasRef: s,
-			config: d,
-			enabled: p(() => r.loading || r.points.length > 0)
-		}), { exportImage: C } = c({
-			chartInstance: _,
-			canvasRef: s,
-			colorHostElement: a
-		});
-		return i({ exportImage: C }), (t, n) => (y(), m("div", {
-			ref_key: "chartRootRef",
-			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: s,
-				class: "s-ui-chart-burnup__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 8, ["loading"])]), g(b(u), {
-			items: f.value,
-			disabled: r.loading
-		}, null, 8, ["items", "disabled"])], 2));
-	}
-});
-//#endregion
-export { $ as t };

package/dist/SChartHorizontalBar-DwY63iRT.cjs

@@ -1 +0,0 @@
-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}});