@shtabapp/ui-kit 1.69.0 → 1.70.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [@shtabapp/ui-kit-v1.70.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.69.1...@shtabapp/ui-kit@1.70.0) (2026-09-03)
+
+### Features
+
+- charts calendar improvements ([8a2bc57](https://gitlab.com/mstikharev/shtab-ui-kit/commit/8a2bc57d77a078cd1e1bd1aa2a7f5a8cad16e111))
+- hover multiline fix ([a945305](https://gitlab.com/mstikharev/shtab-ui-kit/commit/a9453059ea9e66d3925fae38af36d50428636954))
+
+## [@shtabapp/ui-kit-v1.69.1](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.69.0...@shtabapp/ui-kit@1.69.1) (2026-09-02)
+
+### Bug Fixes
+
+- **components:** s-table group rows receive rowStyle inline style ([e9c9dd0](https://gitlab.com/mstikharev/shtab-ui-kit/commit/e9c9dd0ce466e6805738085d0a94a2c4a3839f2b))
+
 ## [@shtabapp/ui-kit-v1.69.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.68.0...@shtabapp/ui-kit@1.69.0) (2026-09-02)
 
 ### Features

package/dist/SChartBar-CUAibXox.js

@@ -0,0 +1,215 @@
+import { t as e } from "./SChartLegend-oZoF8XK7.js";
+import { E as t, T as n, c as r, l as i, n as a, r as o, s, t as c, y as l } from "./useChartInteractivity-Cl06JL4l.js";
+import { t as u } from "./buildCartesianChartScales-EofFq3ry.js";
+import { t as d } from "./resolveChartValueRange-DZybnmaX.js";
+import { t as f } from "./resolveBarStackedSeriesColor-DM7Ax0-s.js";
+import { n as p, t as m } from "./buildChartSeriesPoints-BTyOpkin.js";
+import { t as h } from "./useHasListener-RSjlUyqH.js";
+import { computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createVNode as x, defineComponent as S, normalizeClass as C, openBlock as w, unref as T, useTemplateRef as E, withCtx as D } from "vue";
+//#region src/components/SChartBar/utils/createBarTargetLinePlugin.ts
+var O = 1, k = [4, 4], A = "500 10px var(--s-ui-font-family-label)", j = 4, M = (e) => e.length > 0 && new Set(e).size === 1, N = ({ target: e, colorHostElement: t, rightAxisId: r }) => ({
+	id: "barTargetLine",
+	afterDatasetsDraw(i) {
+		if (!e || e.values.length === 0) return;
+		let a = e.axis === "right" ? r : "y", o = i.scales[a], s = i.scales.x;
+		if (!o || !s) return;
+		let { ctx: c, chartArea: u } = i, d = e.color ? n(e.color, t) || e.color : n(l.grid, t);
+		c.save(), c.strokeStyle = d, c.lineWidth = O, c.setLineDash(k);
+		let [f] = e.values;
+		if (f !== void 0 && M(e.values)) {
+			let t = o.getPixelForValue(f);
+			c.beginPath(), c.moveTo(u.left, t), c.lineTo(u.right, t), c.stroke(), e.label && (c.setLineDash([]), c.fillStyle = d, c.font = A, c.textAlign = "left", c.fillText(e.label, u.left, t - j));
+		} else {
+			let t = (u.right - u.left) / e.values.length;
+			e.values.forEach((e, n) => {
+				if (e <= 0) return;
+				let r = o.getPixelForValue(e);
+				c.beginPath(), c.moveTo(u.left + t * n, r), c.lineTo(u.left + t * (n + 1), r), c.stroke();
+			});
+		}
+		c.restore();
+	}
+}), P = 5, F = 4, I = 12, L = "yRight", R = "yMirror", z = 1.05, B = (e, t, n, r) => d(e.flatMap((e) => e.points.map((e) => e.value * z)), {
+	yMin: t,
+	yMax: n,
+	yStep: r
+}), V = ({ seriesList: e, colorHostElement: t, yMax: a, yMin: c, yStep: d = P, rightYMax: p, rightYStep: m = P, mirrorYAxis: h = !1, target: g, skeleton: _ = !1, onPointClick: v }) => {
+	if (e.length === 0) return null;
+	let y = e.filter((e) => e.axis !== "right"), b = e.filter((e) => e.axis === "right"), x = n(l.axisLabel, t), S = n(l.grid, t), C = n(l.tooltipBackground, t), w = n(l.tooltipText, t), T = B(y, c, a, d), E = B(b, void 0, p, m), D = u({
+		axisLabelColor: x,
+		gridColor: S,
+		yMin: T.min,
+		yMax: T.max,
+		yStep: d,
+		xTickFontSize: I
+	}), O = (e, t) => ({
+		type: "linear",
+		position: "right",
+		min: e,
+		max: t,
+		border: { display: !1 },
+		grid: { drawOnChartArea: !1 },
+		ticks: D.y.ticks
+	}), k = b.length > 0 ? { [L]: O(E.min, E.max) } : h ? { [R]: O(T.min, T.max) } : {}, A = {
+		...D,
+		...k
+	}, j = o({
+		kind: "segment",
+		skeleton: _,
+		colorHostElement: t,
+		onElementIndexClick: v
+	});
+	return {
+		type: "bar",
+		data: {
+			labels: e[0]?.points.map((e) => e.label) ?? [],
+			datasets: e.map((e, r) => {
+				let i = f(r, t, e.fillColor, _), a = e.points.map((e) => e.fillColor ? n(e.fillColor, t) || e.fillColor : i);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					backgroundColor: a,
+					hoverBackgroundColor: a,
+					borderWidth: 0,
+					hoverBorderWidth: 0,
+					borderRadius: F,
+					yAxisID: e.axis === "right" ? L : "y",
+					captions: e.points.map((e) => e.caption)
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			onHover: j.onHover,
+			onClick: j.onClick,
+			hover: _ ? void 0 : {
+				mode: "nearest",
+				intersect: !0
+			},
+			interaction: s(_, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: r(_),
+					backgroundColor: C,
+					titleColor: w,
+					bodyColor: w,
+					displayColors: !1
+				}
+			},
+			scales: A
+		},
+		plugins: i(_, [N({
+			target: g,
+			colorHostElement: t,
+			rightAxisId: L
+		}), ...j.plugins])
+	};
+}, H = [
+	"5 неделя",
+	"6 неделя",
+	"7 неделя",
+	"8 неделя",
+	"9 неделя",
+	"10 неделя"
+], U = [{
+	label: "Series 1",
+	points: m(H, [
+		28,
+		34,
+		24,
+		42,
+		30,
+		36
+	])
+}, {
+	label: "Series 2",
+	points: m(H, [
+		18,
+		22,
+		16,
+		28,
+		20,
+		24
+	])
+}], W = { class: "s-ui-chart-bar__canvas-wrap" }, G = /* @__PURE__ */ S({
+	__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
+		}
+	},
+	emits: ["pointClick"],
+	setup(n, { expose: r, emit: i }) {
+		let o = i, s = E("chartRootRef"), l = E("chartCanvasRef"), u = g(() => n.loading ? U : n.mode === "single" ? n.series.slice(0, 1) : n.series), d = (e, t) => {
+			let n = u.value[t], r = n?.points[e];
+			n && r && o("pointClick", e, t, r, n);
+		}, m = h("onPointClick"), S = g(() => !n.loading && n.series.length === 0 ? null : V({
+			seriesList: u.value,
+			colorHostElement: s.value,
+			yMax: n.loading ? 50 : n.yMax,
+			yMin: n.loading ? void 0 : n.yMin,
+			yStep: n.loading ? 10 : n.yStep,
+			rightYMax: n.rightYMax,
+			rightYStep: n.rightYStep,
+			mirrorYAxis: n.mirrorYAxis,
+			target: n.loading ? void 0 : n.target,
+			skeleton: n.loading,
+			onPointClick: m() ? d : void 0
+		})), O = g(() => p(u.value, (e, t) => f(e, s.value, t, n.loading))), { chartInstance: k } = a({
+			canvasRef: l,
+			config: S,
+			enabled: g(() => n.loading || n.series.length > 0)
+		}), { exportImage: A, handleLegendItemHover: j } = c({
+			chartInstance: k,
+			canvasRef: l,
+			colorHostElement: s
+		});
+		return r({ exportImage: A }), (r, i) => (w(), y("div", {
+			ref_key: "chartRootRef",
+			ref: s,
+			class: C(["s-ui-chart-bar", { "s-ui-chart-bar--skeleton": n.loading }])
+		}, [b("div", W, [x(T(t), { loading: n.loading }, {
+			default: D(() => [b("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: l,
+				class: "s-ui-chart-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), n.showLegend && O.value.length ? (w(), _(T(e), {
+			key: 0,
+			items: O.value,
+			disabled: n.loading,
+			interactive: !n.loading,
+			onItemHover: T(j)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : v("", !0)], 2));
+	}
+});
+//#endregion
+export { G as t };

package/dist/SChartBar-xzw8oxXl.cjs

@@ -0,0 +1 @@
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-LbJiqlvI.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs"),r=require("./resolveChartValueRange-DBCYLCXs.cjs"),i=require("./resolveBarStackedSeriesColor-z3NP5vAS.cjs"),a=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=1,l=[4,4],u=`500 10px var(--s-ui-font-family-label)`,d=4,f=e=>e.length>0&&new Set(e).size===1,p=({target:e,colorHostElement:n,rightAxisId:r})=>({id:`barTargetLine`,afterDatasetsDraw(i){if(!e||e.values.length===0)return;let a=e.axis===`right`?r:`y`,o=i.scales[a],s=i.scales.x;if(!o||!s)return;let{ctx:p,chartArea:m}=i,h=e.color?t.T(e.color,n)||e.color:t.T(t.y.grid,n);p.save(),p.strokeStyle=h,p.lineWidth=c,p.setLineDash(l);let[g]=e.values;if(g!==void 0&&f(e.values)){let t=o.getPixelForValue(g);p.beginPath(),p.moveTo(m.left,t),p.lineTo(m.right,t),p.stroke(),e.label&&(p.setLineDash([]),p.fillStyle=h,p.font=u,p.textAlign=`left`,p.fillText(e.label,m.left,t-d))}else{let t=(m.right-m.left)/e.values.length;e.values.forEach((e,n)=>{if(e<=0)return;let r=o.getPixelForValue(e);p.beginPath(),p.moveTo(m.left+t*n,r),p.lineTo(m.left+t*(n+1),r),p.stroke()})}p.restore()}}),m=5,h=4,g=12,_=`yRight`,v=`yMirror`,y=1.05,b=(e,t,n,i)=>r.t(e.flatMap(e=>e.points.map(e=>e.value*y)),{yMin:t,yMax:n,yStep:i}),x=({seriesList:e,colorHostElement:r,yMax:a,yMin:o,yStep:s=m,rightYMax:c,rightYStep:l=m,mirrorYAxis:u=!1,target:d,skeleton:f=!1,onPointClick:y})=>{if(e.length===0)return null;let x=e.filter(e=>e.axis!==`right`),S=e.filter(e=>e.axis===`right`),C=t.T(t.y.axisLabel,r),w=t.T(t.y.grid,r),T=t.T(t.y.tooltipBackground,r),E=t.T(t.y.tooltipText,r),D=b(x,o,a,s),O=b(S,void 0,c,l),k=n.t({axisLabelColor:C,gridColor:w,yMin:D.min,yMax:D.max,yStep:s,xTickFontSize:g}),A=(e,t)=>({type:`linear`,position:`right`,min:e,max:t,border:{display:!1},grid:{drawOnChartArea:!1},ticks:k.y.ticks}),j=S.length>0?{[_]:A(O.min,O.max)}:u?{[v]:A(D.min,D.max)}:{},M={...k,...j},N=t.r({kind:`segment`,skeleton:f,colorHostElement:r,onElementIndexClick:y});return{type:`bar`,data:{labels:e[0]?.points.map(e=>e.label)??[],datasets:e.map((e,n)=>{let a=i.t(n,r,e.fillColor,f),o=e.points.map(e=>e.fillColor?t.T(e.fillColor,r)||e.fillColor:a);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:o,hoverBackgroundColor:o,borderWidth:0,hoverBorderWidth:0,borderRadius:h,yAxisID:e.axis===`right`?_:`y`,captions:e.points.map(e=>e.caption)}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:N.onHover,onClick:N.onClick,hover:f?void 0:{mode:`nearest`,intersect:!0},interaction:t.s(f,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:t.c(f),backgroundColor:T,titleColor:E,bodyColor:E,displayColors:!1}},scales:M},plugins:t.l(f,[p({target:d,colorHostElement:r,rightAxisId:_}),...N.plugins])}},S=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`],C=[{label:`Series 1`,points:a.t(S,[28,34,24,42,30,36])},{label:`Series 2`,points:a.t(S,[18,22,16,28,20,24])}],w={class:`s-ui-chart-bar__canvas-wrap`},T=(0,s.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}},emits:[`pointClick`],setup(n,{expose:r,emit:c}){let l=c,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>n.loading?C:n.mode===`single`?n.series.slice(0,1):n.series),p=(e,t)=>{let n=f.value[t],r=n?.points[e];n&&r&&l(`pointClick`,e,t,r,n)},m=o.t(`onPointClick`),h=(0,s.computed)(()=>!n.loading&&n.series.length===0?null:x({seriesList:f.value,colorHostElement:u.value,yMax:n.loading?50:n.yMax,yMin:n.loading?void 0:n.yMin,yStep:n.loading?10:n.yStep,rightYMax:n.rightYMax,rightYStep:n.rightYStep,mirrorYAxis:n.mirrorYAxis,target:n.loading?void 0:n.target,skeleton:n.loading,onPointClick:m()?p:void 0})),g=(0,s.computed)(()=>a.n(f.value,(e,t)=>i.t(e,u.value,t,n.loading))),{chartInstance:_}=t.n({canvasRef:d,config:h,enabled:(0,s.computed)(()=>n.loading||n.series.length>0)}),{exportImage:v,handleLegendItemHover:y}=t.t({chartInstance:_,canvasRef:d,colorHostElement:u});return r({exportImage:v}),(r,i)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-bar`,{"s-ui-chart-bar--skeleton":n.loading}])},[(0,s.createElementVNode)(`div`,w,[(0,s.createVNode)((0,s.unref)(t.E),{loading:n.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-bar__canvas`},null,512)]),_:1},8,[`loading`])]),n.showLegend&&g.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(e.t),{key:0,items:g.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,s.unref)(y)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});

package/dist/{SChartBurnup-DyJHdRlf.js → SChartBurnup-C5Z7UDi-.js}

@@ -1,7 +1,6 @@
 import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { C as t, S as n, a as r, g as i, i as a, n as o, o as s, t as c, u as l } from "./useChartInteractivity-BATdT86l.js";
-import { t as u } from "./createChartAreaFillGradient-BDmME9Gy.js";
-import { t as d } from "./createChartCrosshairPlugin-DU5grSok.js";
+import { E as t, T as n, c as r, l as i, n as a, o, p as s, s as c, t as l, y as u } from "./useChartInteractivity-Cl06JL4l.js";
+import { t as d } from "./createChartCrosshairPlugin-C2NUAO5s.js";
 import { t as f } from "./buildMultiLineChartScales-CFZ8YVeJ.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
@@ -9,10 +8,10 @@ var C = (e, t) => ({
 	id: "sUiChartBurnupTodayLine",
 	beforeDatasetsDraw(r) {
 		if (e < 0) return;
-		let { ctx: a, chartArea: o } = r, s = r.scales.x;
-		if (!o || !s) return;
-		let c = n(i.burnupToday, t), 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();
+		let { ctx: i, chartArea: a } = r, o = r.scales.x;
+		if (!a || !o) return;
+		let s = n(u.burnupToday, t), 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();
 	}
 }), 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";
@@ -21,16 +20,16 @@ var C = (e, t) => ({
 }, 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: t, todayIndex: r }, a) => ({
+}, N = ({ tagLines: e, factDatasetIndex: t, todayIndex: r }, i) => ({
 	id: "sUiChartBurnupTag",
-	afterDatasetsDraw(o) {
+	afterDatasetsDraw(a) {
 		if (r < 0 || e.length === 0) return;
-		let s = o.getDatasetMeta(t)?.data[r], { chartArea: c } = o;
-		if (!s || !c) return;
-		let l = n(i.burnupToday, a), u = n(i.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) => {
+		let o = a.getDatasetMeta(t)?.data[r], { chartArea: s } = a;
+		if (!o || !s) return;
+		let c = n(u.burnupToday, i), l = n(u.burnupTagBackground, i), { ctx: d } = a;
+		d.save(), d.font = j(i), 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(o.x - p / 2, s.left), s.right - p), g = Math.max(o.y - A - m, s.top);
+		M(d, h, g, p, m, D), d.fillStyle = l, d.fill(), d.lineWidth = 1, d.strokeStyle = c, d.stroke(), d.fillStyle = c, e.forEach((e, t) => {
 			d.fillText(e, h + p / 2, g + T + O * (t + .5));
 		}), d.restore();
 	}
@@ -43,17 +42,17 @@ var C = (e, t) => ({
 }), 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, n) => {
 	let r = e.reduce((e, t) => Math.max(e, t.plan, t.fact ?? 0), t);
 	return Math.ceil(r / n) * n;
-}, K = ({ points: e, colorHostElement: t, goalValue: o = 100, goalLabel: c = "Цель", planLabel: p = "План", factLabel: m = "Факт", futureLabel: h = "Этот день ещё не наступил", yStep: g = U, mirrorYAxis: _ = !0, showTag: v = !0, skeleton: y = !1 }) => {
+}, K = ({ points: e, colorHostElement: t, goalValue: a = 100, goalLabel: l = "Цель", 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(i.axisLabel, t), x = n(i.grid, t), S = n(i.tooltipBackground, t), w = n(i.tooltipText, t), T = n(i.skeletonSeries, t), E = y ? T : n(i.burnupGoal, t), D = y ? T : n(i.burnupPlan, t), O = y ? T : n(i.burnupFact, t), k = n(i.burnupFactFillStart, t), A = n(i.burnupFactFillEnd, t), j = W(e), M = j >= 0 ? e[j] : void 0, P = M ? [`${m.toLowerCase()} ${M.fact}%`, `${p.toLowerCase()} ${M.plan}%`] : [];
+	let b = n(u.axisLabel, t), x = n(u.grid, t), S = n(u.tooltipBackground, t), w = n(u.tooltipText, t), T = n(u.skeletonSeries, t), E = y ? T : n(u.burnupGoal, t), D = y ? T : n(u.burnupPlan, t), O = y ? T : n(u.burnupFact, t), k = n(u.burnupFactFillStart, t), A = n(u.burnupFactFillEnd, t), 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: c,
-					data: e.map(() => o),
+					label: l,
+					data: e.map(() => a),
 					borderColor: E,
 					backgroundColor: E,
 					borderWidth: L,
@@ -79,7 +78,7 @@ var C = (e, t) => ({
 					label: m,
 					data: e.map((e) => e.fact ?? null),
 					borderColor: O,
-					backgroundColor: y ? O : (e) => u(e, k, A),
+					backgroundColor: y ? O : (e) => o(e, k, A),
 					borderWidth: z,
 					fill: !y,
 					spanGaps: !1,
@@ -92,7 +91,7 @@ var C = (e, t) => ({
 		options: {
 			responsive: !0,
 			maintainAspectRatio: !1,
-			interaction: a(y, {
+			interaction: c(y, {
 				mode: "index",
 				intersect: !1
 			}),
@@ -104,7 +103,7 @@ var C = (e, t) => ({
 					titleColor: w,
 					bodyColor: w,
 					displayColors: !1,
-					position: l,
+					position: s,
 					yAlign: "bottom",
 					xAlign: "center",
 					caretPadding: 8,
@@ -119,13 +118,13 @@ var C = (e, t) => ({
 				axisLabelColor: b,
 				gridColor: x,
 				yMin: 0,
-				yMax: G(e, o, g),
+				yMax: G(e, a, g),
 				yStep: g,
 				mirrorYAxis: _,
 				formatYAxisTick: (e) => `${e}%`
 			})
 		},
-		plugins: s(y, [
+		plugins: i(y, [
 			d(t),
 			C(j, t),
 			...v ? [N({
@@ -192,10 +191,10 @@ var C = (e, t) => ({
 			default: !0
 		}
 	},
-	setup(r, { expose: a }) {
-		let s = x("chartRootRef"), l = x("chartCanvasRef"), u = p(() => r.loading ? Y : r.points), d = p(() => !r.loading && r.points.length === 0 ? null : K({
-			points: u.value,
-			colorHostElement: s.value,
+	setup(r, { expose: i }) {
+		let o = x("chartRootRef"), s = x("chartCanvasRef"), c = p(() => r.loading ? Y : r.points), d = p(() => !r.loading && r.points.length === 0 ? null : K({
+			points: c.value,
+			colorHostElement: o.value,
 			goalValue: r.goalValue,
 			goalLabel: r.goalLabel,
 			planLabel: r.planLabel,
@@ -208,36 +207,36 @@ var C = (e, t) => ({
 		})), f = p(() => [
 			{
 				label: r.goalLabel,
-				cssVariable: i.burnupGoal
+				cssVariable: u.burnupGoal
 			},
 			{
 				label: r.planLabel,
-				cssVariable: i.burnupPlan
+				cssVariable: u.burnupPlan
 			},
 			{
 				label: r.factLabel,
-				cssVariable: i.burnupFact
+				cssVariable: u.burnupFact
 			}
 		].map((e) => ({
 			label: e.label.toLowerCase(),
-			color: n(r.loading ? i.skeletonSeries : e.cssVariable, s.value)
-		}))), { chartInstance: _ } = o({
-			canvasRef: l,
+			color: n(r.loading ? u.skeletonSeries : e.cssVariable, o.value)
+		}))), { chartInstance: _ } = a({
+			canvasRef: s,
 			config: d,
 			enabled: p(() => r.loading || r.points.length > 0)
-		}), { exportImage: C } = c({
+		}), { exportImage: C } = l({
 			chartInstance: _,
-			canvasRef: l,
-			colorHostElement: s
+			canvasRef: s,
+			colorHostElement: o
 		});
-		return a({ exportImage: C }), (n, i) => (y(), m("div", {
+		return i({ exportImage: C }), (n, i) => (y(), m("div", {
 			ref_key: "chartRootRef",
-			ref: s,
+			ref: o,
 			class: v(["s-ui-chart-burnup", { "s-ui-chart-burnup--skeleton": r.loading }])
 		}, [h("div", X, [g(b(t), { loading: r.loading }, {
 			default: S(() => [h("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: l,
+				ref: s,
 				class: "s-ui-chart-burnup__canvas"
 			}, null, 512)]),
 			_: 1

package/dist/SChartBurnup-CWSJUoA_.cjs

@@ -0,0 +1 @@
+const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-LbJiqlvI.cjs"),n=require("./createChartCrosshairPlugin-B4e8d8OF.cjs"),r=require("./buildMultiLineChartScales-7mcIfRVG.cjs");let i=require("vue");var a=(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.T(t.y.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()}}),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:e,factDatasetIndex:n,todayIndex:r},i)=>({id:`sUiChartBurnupTag`,afterDatasetsDraw(a){if(r<0||e.length===0)return;let h=a.getDatasetMeta(n)?.data[r],{chartArea:g}=a;if(!h||!g)return;let _=t.T(t.y.burnupToday,i),v=t.T(t.y.burnupTagBackground,i),{ctx:y}=a;y.save(),y.font=p(i),y.textAlign=`center`,y.textBaseline=`middle`;let b=e.reduce((e,t)=>Math.max(e,y.measureText(t).width),0),x=Math.max(d,b+o*2),S=e.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=_,e.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})=>({title:t=>{let n=t[0];return!n||g(n.dataIndex,e)?``:`${n.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,n)=>{let r=e.reduce((e,t)=>Math.max(e,t.plan,t.fact??0),t);return Math.ceil(r/n)*n},O=({points:e,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(e.length===0)return null;let g=t.T(t.y.axisLabel,i),O=t.T(t.y.grid,i),k=t.T(t.y.tooltipBackground,i),A=t.T(t.y.tooltipText,i),j=t.T(t.y.skeletonSeries,i),M=m?j:t.T(t.y.burnupGoal,i),N=m?j:t.T(t.y.burnupPlan,i),P=m?j:t.T(t.y.burnupFact,i),F=t.T(t.y.burnupFactFillStart,i),I=t.T(t.y.burnupFactFillEnd,i),L=E(e),R=L>=0?e[L]:void 0,z=R?[`${l.toLowerCase()} ${R.fact}%`,`${c.toLowerCase()} ${R.plan}%`]:[];return{type:`line`,data:{labels:e.map(e=>e.label),datasets:[{label:s,data:e.map(()=>o),borderColor:M,backgroundColor:M,borderWidth:y,borderDash:S,fill:!1,pointRadius:0,pointHoverRadius:0,tension:0},{label:c,data:e.map(e=>e.plan),borderColor:N,backgroundColor:N,borderWidth:b,borderDash:C,fill:!1,pointRadius:0,pointHoverRadius:0,tension:.4},{label:l,data:e.map(e=>e.fact??null),borderColor:P,backgroundColor:m?P:e=>t.o(e,F,I),borderWidth:x,fill:!m,spanGaps:!1,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.s(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.c(m),backgroundColor:k,titleColor:A,bodyColor:A,displayColors:!1,position:t.p,yAlign:`bottom`,xAlign:`center`,caretPadding:8,filter:v(L),callbacks:_({todayIndex:L,futureLabel:u})}},scales:r.t({axisLabelColor:g,gridColor:O,yMin:0,yMax:D(e,o,d),yStep:d,mirrorYAxis:f,formatYAxisTick:e=>`${e}%`})},plugins:t.l(m,[n.t(i),a(L,i),...p?[h({tagLines:z,factDatasetIndex:w,todayIndex:L},i)]:[]])}},k=[8,15,23,31,38,46,54,62,69,77,85,92,96,100],A=[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:A[t]})),M={class:`s-ui-chart-burnup__canvas-wrap`},N=(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?j:n.points),c=(0,i.computed)(()=>!n.loading&&n.points.length===0?null:O({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:t.y.burnupGoal},{label:n.planLabel,cssVariable:t.y.burnupPlan},{label:n.factLabel,cssVariable:t.y.burnupFact}].map(e=>({label:e.label.toLowerCase(),color:t.T(n.loading?t.y.skeletonSeries:e.cssVariable,a.value)}))),{chartInstance:u}=t.n({canvasRef:o,config:c,enabled:(0,i.computed)(()=>n.loading||n.points.length>0)}),{exportImage:d}=t.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`,M,[(0,i.createVNode)((0,i.unref)(t.E),{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)(e.t),{items:l.value,disabled:n.loading},null,8,[`items`,`disabled`])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}});

package/dist/{SChartHorizontalBar-Bv90SV6E.cjs → SChartHorizontalBar-0RpJa5EJ.cjs}

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

package/dist/{SChartHorizontalBar-DDo6TfE8.js → SChartHorizontalBar-B9SWFvdN.js}

@@ -1,4 +1,4 @@
-import { C as e, S as t, a as n, g as r, i, n as a, r as o, t as s } from "./useChartInteractivity-BATdT86l.js";
+import { E as e, T as t, c as n, n as r, r as i, s as a, t as o, y as s } from "./useChartInteractivity-Cl06JL4l.js";
 import { t as c } from "./useHasListener-RSjlUyqH.js";
 import { computed as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, unref as g, useTemplateRef as _, withCtx as v } from "vue";
 //#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
@@ -36,18 +36,18 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 			autoSkip: !1
 		}
 	}
-}), S = (e, n, i) => t(i ? r.barHorizontalSkeletonFill : e || r.barHorizontalFillDefault, n), C = (e, t, n) => {
+}), S = (e, n, r) => t(r ? s.barHorizontalSkeletonFill : e || s.barHorizontalFillDefault, n), C = (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;
-}, w = 10, T = 0, E = 36, D = 4, O = ({ items: e, colorHostElement: a, xMax: s, xMin: c = T, xStep: l = w, skeleton: u = !1, onBarClick: d }) => {
+}, w = 10, T = 0, E = 36, D = 4, O = ({ items: e, colorHostElement: r, xMax: o, xMin: c = T, xStep: l = w, skeleton: u = !1, onBarClick: d }) => {
 	if (e.length === 0) return null;
-	let f = t(r.axisLabel, a), p = t(r.grid, a), m = t(r.tooltipBackground, a), h = t(r.tooltipText, a), g = t(u ? r.barHorizontalCategoryLabelSkeleton : r.barHorizontalCategoryLabel, a), _ = C(e, s, l), v = e.map((e) => S(e.color, a, u)), y = o({
+	let f = t(s.axisLabel, r), p = t(s.grid, r), m = t(s.tooltipBackground, r), h = t(s.tooltipText, r), g = t(u ? s.barHorizontalCategoryLabelSkeleton : s.barHorizontalCategoryLabel, r), _ = C(e, o, l), v = e.map((e) => S(e.color, r, u)), y = i({
 		kind: "element",
 		skeleton: u,
-		colorHostElement: a,
+		colorHostElement: r,
 		onIndexClick: d
 	});
 	return {
@@ -73,7 +73,7 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 			maintainAspectRatio: !1,
 			onHover: y.onHover,
 			onClick: y.onClick,
-			interaction: i(u, {
+			interaction: a(u, {
 				mode: "index",
 				axis: "y",
 				intersect: !1
@@ -136,15 +136,15 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 		xStep: {}
 	},
 	emits: ["barClick"],
-	setup(t, { expose: n, emit: r }) {
-		let i = r, o = _("chartRootRef"), p = _("chartCanvasRef"), y = l(() => t.loading ? A : t.items), b = (e) => {
+	setup(t, { expose: n, emit: i }) {
+		let a = i, s = _("chartRootRef"), p = _("chartCanvasRef"), y = l(() => t.loading ? A : t.items), b = (e) => {
 			let n = t.items[e];
-			n && i("barClick", e, n);
-		}, x = c("onBarClick"), { chartInstance: S } = a({
+			n && a("barClick", e, n);
+		}, x = c("onBarClick"), { chartInstance: S } = r({
 			canvasRef: p,
 			config: l(() => !t.loading && t.items.length === 0 ? null : k({
 				items: y.value,
-				colorHostElement: o.value,
+				colorHostElement: s.value,
 				xMax: t.loading ? 60 : t.xMax,
 				xMin: t.loading ? 0 : t.xMin,
 				xStep: t.loading ? 10 : t.xStep,
@@ -152,14 +152,14 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 				onBarClick: x() ? b : void 0
 			})),
 			enabled: l(() => t.loading || t.items.length > 0)
-		}), { exportImage: C } = s({
+		}), { exportImage: C } = o({
 			chartInstance: S,
 			canvasRef: p,
-			colorHostElement: o
+			colorHostElement: s
 		});
 		return n({ exportImage: C }), (n, r) => (h(), u("div", {
 			ref_key: "chartRootRef",
-			ref: o,
+			ref: s,
 			class: m(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": t.loading }])
 		}, [d("div", j, [f(g(e), { loading: t.loading }, {
 			default: v(() => [d("canvas", {