@shtabapp/ui-kit 1.62.0 → 1.64.0

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## [@shtabapp/ui-kit-v1.64.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.63.0...@shtabapp/ui-kit@1.64.0) (2026-08-28)
+
+### Features
+
+- **s-table:** сжатие прокрутки, прогрессивная гидрация, гибкие колонки, sticky-футеры без моргания ([1905a03](https://gitlab.com/mstikharev/shtab-ui-kit/commit/1905a037ecaa9014e2b1b2d11e09a7e1e43a4999))
+- **s-table:** таблица с виртуализацией, деревьями и sticky-слоями ([732687a](https://gitlab.com/mstikharev/shtab-ui-kit/commit/732687ae3b31201b8b426f21661e47eb1c66f824))
+- stable rework wip ([4a0fc41](https://gitlab.com/mstikharev/shtab-ui-kit/commit/4a0fc41338a5d8d3ac985e92d077cc1b2e118bf2))
+
+### Bug Fixes
+
+- **s-table:** пустая строка в ячейке показывает плейсхолдер, ноль остаётся видимым ([e01d1dd](https://gitlab.com/mstikharev/shtab-ui-kit/commit/e01d1dde0d0fec083fcf1109711669f0be9972de))
+
+## [@shtabapp/ui-kit-v1.63.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.62.0...@shtabapp/ui-kit@1.63.0) (2026-08-14)
+
+### Features
+
+- schart chart fixes, fixes ([0e9bc5c](https://gitlab.com/mstikharev/shtab-ui-kit/commit/0e9bc5c27067b310891812bdf96c36771a0da170))
+- schartbar ([5a128f5](https://gitlab.com/mstikharev/shtab-ui-kit/commit/5a128f557e88e2b6a6aecea2570a4e44ff684315))
+
 ## [@shtabapp/ui-kit-v1.62.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.61.0...@shtabapp/ui-kit@1.62.0) (2026-08-08)
 
 ### Features

package/dist/SChartBar-BVgwPlYi.js

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

package/dist/SChartBar-CBU1uCuL.cjs

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

package/dist/SChartBurnup-Ch3UMa9w.cjs

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

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

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

package/dist/SChartHorizontalBar-Bv90SV6E.cjs

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

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

@@ -1,4 +1,4 @@
-import { a as e, i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-BT96eWSF.js";
+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 { 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,26 +36,26 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 			autoSkip: !1
 		}
 	}
-}), S = (e, t, n) => s(n ? o.barHorizontalSkeletonFill : e || o.barHorizontalFillDefault, t), C = (e, t, n) => {
+}), S = (e, n, i) => t(i ? r.barHorizontalSkeletonFill : e || r.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: t, colorHostElement: r, xMax: a, xMin: c = T, xStep: l = w, skeleton: u = !1, onBarClick: d }) => {
-	if (t.length === 0) return null;
-	let f = s(o.axisLabel, r), p = s(o.grid, r), m = s(o.tooltipBackground, r), h = s(o.tooltipText, r), g = s(u ? o.barHorizontalCategoryLabelSkeleton : o.barHorizontalCategoryLabel, r), _ = C(t, a, l), v = t.map((e) => S(e.color, r, u)), y = e({
+}, 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 }) => {
+	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({
 		kind: "element",
 		skeleton: u,
-		colorHostElement: r,
+		colorHostElement: a,
 		onIndexClick: d
 	});
 	return {
 		type: "bar",
 		data: {
-			labels: t.map((e) => e.label),
+			labels: e.map((e) => e.label),
 			datasets: [{
-				data: t.map((e) => e.value),
+				data: e.map((e) => e.value),
 				backgroundColor: v,
 				hoverBackgroundColor: v,
 				borderWidth: 0,
@@ -73,7 +73,7 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 			maintainAspectRatio: !1,
 			onHover: y.onHover,
 			onClick: y.onClick,
-			interaction: n(u, {
+			interaction: i(u, {
 				mode: "index",
 				axis: "y",
 				intersect: !1
@@ -81,7 +81,7 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: i(u),
+					enabled: n(u),
 					backgroundColor: m,
 					titleColor: h,
 					bodyColor: h
@@ -136,32 +136,32 @@ var y = 10, b = 14, x = ({ axisLabelColor: e, categoryLabelColor: t, gridColor:
 		xStep: {}
 	},
 	emits: ["barClick"],
-	setup(e, { expose: n, emit: i }) {
-		let o = i, s = _("chartRootRef"), p = _("chartCanvasRef"), y = l(() => e.loading ? A : e.items), b = (t) => {
-			let n = e.items[t];
-			n && o("barClick", t, n);
-		}, x = c("onBarClick"), { chartInstance: S } = t({
+	setup(t, { expose: n, emit: r }) {
+		let i = r, o = _("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({
 			canvasRef: p,
-			config: l(() => !e.loading && e.items.length === 0 ? null : k({
+			config: l(() => !t.loading && t.items.length === 0 ? null : k({
 				items: y.value,
-				colorHostElement: s.value,
-				xMax: e.loading ? 60 : e.xMax,
-				xMin: e.loading ? 0 : e.xMin,
-				xStep: e.loading ? 10 : e.xStep,
-				skeleton: e.loading,
+				colorHostElement: o.value,
+				xMax: t.loading ? 60 : t.xMax,
+				xMin: t.loading ? 0 : t.xMin,
+				xStep: t.loading ? 10 : t.xStep,
+				skeleton: t.loading,
 				onBarClick: x() ? b : void 0
 			})),
-			enabled: l(() => e.loading || e.items.length > 0)
-		}), { exportImage: C } = r({
+			enabled: l(() => t.loading || t.items.length > 0)
+		}), { exportImage: C } = s({
 			chartInstance: S,
 			canvasRef: p,
-			colorHostElement: s
+			colorHostElement: o
 		});
-		return n({ exportImage: C }), (t, n) => (h(), u("div", {
+		return n({ exportImage: C }), (n, r) => (h(), u("div", {
 			ref_key: "chartRootRef",
-			ref: s,
-			class: m(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": e.loading }])
-		}, [d("div", j, [f(g(a), { loading: e.loading }, {
+			ref: o,
+			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", {
 				ref_key: "chartCanvasRef",
 				ref: p,