@shtabapp/ui-kit 1.45.0 → 1.46.0

package/dist/SChartMultiLine-CPEglksk.js

@@ -0,0 +1,198 @@
+import { S as e, a as t, c as n, f as r, i, o as a, p as o, r as s, s as c, t as l, v as u, w as d, y as f } from "./SChartSkeletonHost-DSFyP_DN.js";
+import { n as p, r as m, t as h } from "./buildChartSeriesPoints-D8Xpfwp7.js";
+import { t as g } from "./createChartCrosshairPlugin-q3U4ePnf.js";
+import { t as _ } from "./resolveSeriesPaletteColor-fuhGbjFO.js";
+import { t as v } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
+import { t as y } from "./SChartLegend-oZoF8XK7.js";
+import { t as b } from "./useHasListener-RSjlUyqH.js";
+import { computed as x, createBlock as S, createCommentVNode as C, createElementBlock as w, createElementVNode as T, createVNode as E, defineComponent as D, normalizeClass as O, openBlock as k, unref as A, useTemplateRef as j, withCtx as M } from "vue";
+//#region src/utils/chart/multiLine/resolveMultiLineSeriesColor.ts
+var N = (t, n, r, i = !1) => _(t, n, r, i, {
+	palette: f,
+	paletteFallback: u.multiLinePalette1,
+	skeletonPalette: e,
+	skeletonFallback: u.skeletonPalette1
+}), P = (e, t, n) => {
+	if (t) return t;
+	let r = e.reduce((e, t) => {
+		let n = t.points.reduce((e, t) => Math.max(e, t.value), 0);
+		return Math.max(e, n);
+	}, 0), i = Math.ceil(r / n) * n;
+	return i > 0 ? i : n * 5;
+}, F = 4, I = 5, L = ({ seriesList: e, colorHostElement: i, yMax: s, yMin: l, yStep: f = I, mirrorYAxis: p = !0, skeleton: h = !1, onSeriesClick: _ }) => {
+	if (!m(e)) return null;
+	let y = d(u.axisLabel, i), b = d(u.grid, i), x = d(u.tooltipBackground, i), S = d(u.tooltipText, i), C = h && s ? s : P(e, s, f), w = h && l !== void 0 ? l : 0, T = e[0]?.points.map((e) => e.label) ?? [], E = t({
+		kind: "series",
+		skeleton: h,
+		colorHostElement: i,
+		onIndexClick: _
+	});
+	return {
+		type: "line",
+		data: {
+			labels: T,
+			datasets: e.map((e, t) => {
+				let n = N(t, i, e.fillColor, h);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					borderColor: n,
+					backgroundColor: n,
+					...h ? {} : {
+						hoverBorderColor: n,
+						hoverBackgroundColor: n
+					},
+					borderWidth: F,
+					fill: !1,
+					pointRadius: 0,
+					pointHoverRadius: 4,
+					tension: .4
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			onHover: E.onHover,
+			onClick: E.onClick,
+			interaction: a(h, {
+				mode: "index",
+				intersect: !1
+			}),
+			hover: h ? void 0 : {
+				mode: "nearest",
+				intersect: !1
+			},
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: c(h),
+					backgroundColor: x,
+					titleColor: S,
+					bodyColor: S,
+					footerColor: S,
+					displayColors: !1,
+					position: r,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: o()
+				}
+			},
+			scales: v({
+				axisLabelColor: y,
+				gridColor: b,
+				yMin: w,
+				yMax: C,
+				yStep: f,
+				mirrorYAxis: p
+			})
+		},
+		plugins: n(h, [g(i), ...E.plugins])
+	};
+}, R = [
+	"26.01",
+	"2.02",
+	"9.02",
+	"16.02",
+	"23.02",
+	"2.03",
+	"9.03",
+	"16.03",
+	"23.03",
+	"30.03",
+	"6.04"
+], z = [{
+	label: "Series 1",
+	points: h(R, [
+		30,
+		34,
+		38,
+		44,
+		46,
+		50,
+		54,
+		56,
+		58,
+		60,
+		62
+	])
+}, {
+	label: "Series 2",
+	points: h(R, [
+		22,
+		24,
+		26,
+		28,
+		30,
+		32,
+		33,
+		35,
+		36,
+		38,
+		40
+	])
+}], B = { class: "s-ui-chart-multi-line__canvas-wrap" }, V = /* @__PURE__ */ D({
+	__name: "SChartMultiLine",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {},
+		mirrorYAxis: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["seriesClick"],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, a = j("chartRootRef"), o = j("chartCanvasRef"), c = x(() => e.loading ? z : e.series), u = (t) => {
+			let n = e.series[t];
+			n && r("seriesClick", t, n);
+		}, d = b("onSeriesClick"), f = x(() => !e.loading && e.series.length === 0 ? null : L({
+			seriesList: c.value,
+			colorHostElement: a.value,
+			yMax: e.yMax,
+			yStep: e.yStep,
+			mirrorYAxis: e.mirrorYAxis,
+			skeleton: e.loading,
+			onSeriesClick: d() ? u : void 0
+		})), m = x(() => p(c.value, (t, n) => N(t, a.value, n, e.loading))), { chartInstance: h } = i({
+			canvasRef: o,
+			config: f,
+			enabled: x(() => e.loading || e.series.length > 0)
+		}), { exportImage: g, handleLegendItemHover: _ } = s({
+			chartInstance: h,
+			canvasRef: o,
+			colorHostElement: a
+		});
+		return t({ exportImage: g }), (t, n) => (k(), w("div", {
+			ref_key: "chartRootRef",
+			ref: a,
+			class: O(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": e.loading }])
+		}, [T("div", B, [E(A(l), { loading: e.loading }, {
+			default: M(() => [T("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: o,
+				class: "s-ui-chart-multi-line__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), m.value.length ? (k(), S(A(y), {
+			key: 0,
+			items: m.value,
+			disabled: e.loading,
+			interactive: !e.loading,
+			onItemHover: A(_)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : C("", !0)], 2));
+	}
+});
+//#endregion
+export { V as t };

package/dist/SChartPie-CQyENNM6.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-BlIYGj-7.cjs"),t=require("./resolveSeriesPaletteColor-YACKW1NO.cjs"),n=require("./SChartLegend-DGtjd6zV.cjs"),r=require("./useHasListener-BPgtbbo6.cjs");let i=require("vue");var a=(n,r,i,a=!1)=>t.t(n,r,i,a,{palette:e.x,paletteFallback:e.v.piePalette1,skeletonPalette:e.b,skeletonFallback:e.v.pieSkeletonPalette1}),o=()=>({title:()=>``,label:e=>`${e.label??``} – ${e.parsed??0}`}),s=4,c=4,l=1,u=`400 12px var(--s-ui-font-family-label)`,d=(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()},f=e=>!(`getCenterPoint`in e)||typeof e.getCenterPoint!=`function`?null:e.getCenterPoint(!1),p=t=>({id:`pieSegmentBadge`,afterDatasetsDraw(n){let r=n.getDatasetMeta(0);if(!r)return;let i=e.w(e.v.pieBadgeBackground,t),a=e.w(e.v.pieBadgeBorder,t),o=e.w(e.v.pieBadgeText,t),{ctx:p}=n;p.save(),p.font=u,p.textAlign=`center`,p.textBaseline=`middle`;for(let e=0;e<r.data.length;e+=1){let t=r.data[e],u=n.data.datasets[0]?.data[e],m=t?f(t):null;if(t&&typeof u==`number`&&u>0&&m){let e=`${u}`,t=p.measureText(e).width+s*2;d(p,m.x-t/2,m.y-20/2,t,20,c),p.fillStyle=i,p.fill(),p.lineWidth=l,p.strokeStyle=a,p.stroke(),p.fillStyle=o,p.fillText(e,m.x,m.y)}}p.restore()}}),m=({sliceList:t,colorHostElement:n,skeleton:r=!1,onSliceClick:i})=>{if(t.length===0)return null;let s=e.w(e.v.pieSegmentBorder,n),c=e.w(e.v.tooltipBackground,n),l=e.w(e.v.tooltipText,n),u=t.map((e,t)=>a(t,n,e.fillColor,r)),d=e.a({kind:`element`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`pie`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:u,hoverBackgroundColor:u,borderColor:s,hoverBorderColor:s,borderWidth:4,hoverBorderWidth:4,hoverOffset:26,spacing:0,borderRadius:8}]},options:{responsive:!0,maintainAspectRatio:!0,cutout:`58%`,rotation:115,layout:{padding:26},onHover:d.onHover,onClick:d.onClick,interaction:e.o(r,{mode:`nearest`,intersect:!0}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(r),backgroundColor:c,titleColor:l,bodyColor:l,displayColors:!1,callbacks:o()}}},plugins:e.c(r,[p(n),...d.plugins])}},h=[`Series 1`,`Series 2`,`Series 3`,`Series 4`,`Series 5`,`Series 6`,`Series 7`,`Series 8`],g=[4,1,1,1,1,1,1,1],_=h.map((e,t)=>({label:e,value:g[t]??1})),v={class:`s-ui-chart-pie__canvas-wrap`},y=(0,i.defineComponent)({__name:`SChartPie`,props:{slices:{default:()=>[]},loading:{type:Boolean,default:!1}},emits:[`sliceClick`],setup(t,{expose:o,emit:s}){let c=s,l=e.n,u=(0,i.useTemplateRef)(`chartRootRef`),d=(0,i.useTemplateRef)(`chartCanvasRef`),f=(0,i.computed)(()=>t.loading?_:t.slices),p=e=>{let n=t.slices[e];n&&c(`sliceClick`,e,n)},h=r.t(`onSliceClick`),g=(0,i.computed)(()=>!t.loading&&t.slices.length===0?null:m({sliceList:f.value,colorHostElement:u.value,skeleton:t.loading,onSliceClick:h()?p:void 0})),y=(0,i.computed)(()=>f.value.map((e,n)=>({label:e.label,color:a(n,u.value,e.fillColor,t.loading)}))),{chartInstance:b}=e.i({canvasRef:d,config:g,enabled:(0,i.computed)(()=>t.loading||t.slices.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.r({chartInstance:b,canvasRef:d,colorHostElement:u,legendDimKind:`element`});return o({exportImage:x}),(r,a)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,i.normalizeClass)([`s-ui-chart-pie`,{"s-ui-chart-pie--skeleton":t.loading}])},[(0,i.createElementVNode)(`div`,v,[(0,i.createVNode)((0,i.unref)(e.t),{loading:t.loading,type:(0,i.unref)(l).PIE},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-pie__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),y.value.length?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(n.t),{key:0,items:y.value,disabled:t.loading,interactive:!t.loading,direction:`column`,onItemHover:(0,i.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,i.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/dist/SChartPie-DXHCXNEs.js

@@ -0,0 +1,168 @@
+import { a as e, b as t, c as n, i as r, n as i, o as a, r as o, s, t as c, v as l, w as u, x as d } from "./SChartSkeletonHost-DSFyP_DN.js";
+import { t as f } from "./resolveSeriesPaletteColor-fuhGbjFO.js";
+import { t as p } from "./SChartLegend-oZoF8XK7.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/utils/chart/pie/resolvePieSliceColor.ts
+var D = (e, n, r, i = !1) => f(e, n, r, i, {
+	palette: d,
+	paletteFallback: l.piePalette1,
+	skeletonPalette: t,
+	skeletonFallback: l.pieSkeletonPalette1
+}), O = () => ({
+	title: () => "",
+	label: (e) => `${e.label ?? ""} – ${e.parsed ?? 0}`
+}), k = 4, A = 4, j = 1, M = "400 12px var(--s-ui-font-family-label)", N = (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();
+}, P = (e) => !("getCenterPoint" in e) || typeof e.getCenterPoint != "function" ? null : e.getCenterPoint(!1), F = (e) => ({
+	id: "pieSegmentBadge",
+	afterDatasetsDraw(t) {
+		let n = t.getDatasetMeta(0);
+		if (!n) return;
+		let r = u(l.pieBadgeBackground, e), i = u(l.pieBadgeBorder, e), a = u(l.pieBadgeText, e), { ctx: o } = t;
+		o.save(), o.font = M, o.textAlign = "center", o.textBaseline = "middle";
+		for (let e = 0; e < n.data.length; e += 1) {
+			let s = n.data[e], c = t.data.datasets[0]?.data[e], l = s ? P(s) : null;
+			if (s && typeof c == "number" && c > 0 && l) {
+				let e = `${c}`, t = o.measureText(e).width + k * 2;
+				N(o, l.x - t / 2, l.y - 20 / 2, t, 20, A), o.fillStyle = r, o.fill(), o.lineWidth = j, o.strokeStyle = i, o.stroke(), o.fillStyle = a, o.fillText(e, l.x, l.y);
+			}
+		}
+		o.restore();
+	}
+}), I = ({ sliceList: t, colorHostElement: r, skeleton: i = !1, onSliceClick: o }) => {
+	if (t.length === 0) return null;
+	let c = u(l.pieSegmentBorder, r), d = u(l.tooltipBackground, r), f = u(l.tooltipText, r), p = t.map((e, t) => D(t, r, e.fillColor, i)), m = e({
+		kind: "element",
+		skeleton: i,
+		colorHostElement: r,
+		onIndexClick: o
+	});
+	return {
+		type: "pie",
+		data: {
+			labels: t.map((e) => e.label),
+			datasets: [{
+				data: t.map((e) => e.value),
+				backgroundColor: p,
+				hoverBackgroundColor: p,
+				borderColor: c,
+				hoverBorderColor: c,
+				borderWidth: 4,
+				hoverBorderWidth: 4,
+				hoverOffset: 26,
+				spacing: 0,
+				borderRadius: 8
+			}]
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !0,
+			cutout: "58%",
+			rotation: 115,
+			layout: { padding: 26 },
+			onHover: m.onHover,
+			onClick: m.onClick,
+			interaction: a(i, {
+				mode: "nearest",
+				intersect: !0
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: s(i),
+					backgroundColor: d,
+					titleColor: f,
+					bodyColor: f,
+					displayColors: !1,
+					callbacks: O()
+				}
+			}
+		},
+		plugins: n(i, [F(r), ...m.plugins])
+	};
+}, L = [
+	"Series 1",
+	"Series 2",
+	"Series 3",
+	"Series 4",
+	"Series 5",
+	"Series 6",
+	"Series 7",
+	"Series 8"
+], R = [
+	4,
+	1,
+	1,
+	1,
+	1,
+	1,
+	1,
+	1
+], z = L.map((e, t) => ({
+	label: e,
+	value: R[t] ?? 1
+})), B = { class: "s-ui-chart-pie__canvas-wrap" }, V = /* @__PURE__ */ x({
+	__name: "SChartPie",
+	props: {
+		slices: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["sliceClick"],
+	setup(e, { expose: t, emit: n }) {
+		let a = n, s = i, l = T("chartRootRef"), u = T("chartCanvasRef"), d = h(() => e.loading ? z : e.slices), f = (t) => {
+			let n = e.slices[t];
+			n && a("sliceClick", t, n);
+		}, x = m("onSliceClick"), O = h(() => !e.loading && e.slices.length === 0 ? null : I({
+			sliceList: d.value,
+			colorHostElement: l.value,
+			skeleton: e.loading,
+			onSliceClick: x() ? f : void 0
+		})), k = h(() => d.value.map((t, n) => ({
+			label: t.label,
+			color: D(n, l.value, t.fillColor, e.loading)
+		}))), { chartInstance: A } = r({
+			canvasRef: u,
+			config: O,
+			enabled: h(() => e.loading || e.slices.length > 0)
+		}), { exportImage: j, handleLegendItemHover: M } = o({
+			chartInstance: A,
+			canvasRef: u,
+			colorHostElement: l,
+			legendDimKind: "element"
+		});
+		return t({ exportImage: j }), (t, n) => (C(), v("div", {
+			ref_key: "chartRootRef",
+			ref: l,
+			class: S(["s-ui-chart-pie", { "s-ui-chart-pie--skeleton": e.loading }])
+		}, [y("div", B, [b(w(c), {
+			loading: e.loading,
+			type: w(s).PIE
+		}, {
+			default: E(() => [y("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: u,
+				class: "s-ui-chart-pie__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading", "type"])]), k.value.length ? (C(), g(w(p), {
+			key: 0,
+			items: k.value,
+			disabled: e.loading,
+			interactive: !e.loading,
+			direction: "column",
+			onItemHover: w(M)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : _("", !0)], 2));
+	}
+});
+//#endregion
+export { V as t };

package/dist/{SChartProgress-Zdphet8I.js → SChartProgress-BwDuidgB.js}

@@ -1,27 +1,27 @@
-import { S as e, a as t, g as n, i as r, l as i, r as a, t as o } from "./SChartSkeletonHost-CecfQ3Ye.js";
-import { computed as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, unref as m, useTemplateRef as h, withCtx as g } from "vue";
-var _ = 4, v = 12, y = 24, b = (e) => {
+import { d as e, i as t, o as n, r, s as i, t as a, v as o, w as s } from "./SChartSkeletonHost-DSFyP_DN.js";
+import { computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, unref as h, useTemplateRef as g, withCtx as _ } from "vue";
+var v = 4, y = 12, b = 24, x = (e) => {
 	let t = e <= 15;
 	return {
-		pointRadius: t ? _ : 0,
-		pointHoverRadius: _,
-		pointHitRadius: t ? v : y
+		pointRadius: t ? v : 0,
+		pointHoverRadius: v,
+		pointHitRadius: t ? y : b
 	};
-}, x = (e) => e <= 15 ? {
+}, S = (e) => e <= 15 ? {
 	mode: "nearest",
 	intersect: !0
 } : {
 	mode: "nearest",
 	axis: "x",
 	intersect: !1
-}, S = .3, C = 1, w = ({ labels: a, progressValues: o, referenceValues: s, seriesLabel: c, valuePrefix: l, minValue: u, maxValue: d, stepSize: f, progressSnapshotCount: p, colorHostElement: m, skeleton: h = !1 }) => {
-	let g = e(n.axisLabel, m), _ = e(n.grid, m), v = e(h ? n.skeletonSeries : n.progressLine, m), y = e(h ? n.skeletonFillStart : n.referenceFill, m), w = e(n.tooltipBackground, m), T = e(n.tooltipText, m), E = S, D = b(p), O = x(p);
+}, C = .3, w = 1, T = ({ labels: t, progressValues: r, referenceValues: a, seriesLabel: c, valuePrefix: l, minValue: u, maxValue: d, stepSize: f, progressSnapshotCount: p, colorHostElement: m, skeleton: h = !1 }) => {
+	let g = s(o.axisLabel, m), _ = s(o.grid, m), v = s(h ? o.skeletonSeries : o.progressLine, m), y = s(h ? o.skeletonFillStart : o.referenceFill, m), b = s(o.tooltipBackground, m), T = s(o.tooltipText, m), E = C, D = x(p), O = S(p);
 	return {
 		type: "line",
 		data: {
-			labels: a,
+			labels: t,
 			datasets: [{
-				data: s,
+				data: a,
 				borderColor: "transparent",
 				backgroundColor: y,
 				pointRadius: 0,
@@ -31,7 +31,7 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 				order: 0
 			}, {
 				label: c,
-				data: o,
+				data: r,
 				borderColor: v,
 				backgroundColor: v,
 				tension: E,
@@ -47,16 +47,16 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 		options: {
 			responsive: !0,
 			maintainAspectRatio: !1,
-			interaction: r(h, O),
+			interaction: n(h, O),
 			plugins: {
 				legend: { display: !1 },
 				tooltip: {
-					enabled: t(h),
-					backgroundColor: w,
+					enabled: i(h),
+					backgroundColor: b,
 					titleColor: T,
 					bodyColor: T,
-					position: i,
-					filter: (e) => e.datasetIndex === C,
+					position: e,
+					filter: (e) => e.datasetIndex === w,
 					callbacks: { label: (e) => {
 						let t = e.parsed.y;
 						return t === null ? "" : `${t}${l}`;
@@ -105,11 +105,11 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 			}
 		}
 	};
-}, T = (e) => {
+}, E = (e) => {
 	let t = e.match(/^(\d{4})-(\d{2})-(\d{2})/);
 	return t ? `${t[3]}.${t[2]}.${t[1]}` : e;
-}, E = (e) => Math.round(e * 10) / 10, D = ({ progressSnapshots: e, deadline: t = null, minValue: n = 0, maxValue: r = 100 }) => {
-	let i = e.map((e) => T(e.date)), a = e.map((e) => e.progress), o = t ? T(t) : null, s = a.length === 1 ? [
+}, D = (e) => Math.round(e * 10) / 10, O = ({ progressSnapshots: e, deadline: t = null, minValue: n = 0, maxValue: r = 100 }) => {
+	let i = e.map((e) => E(e.date)), a = e.map((e) => e.progress), o = t ? E(t) : null, s = a.length === 1 ? [
 		"",
 		i[0] ?? "",
 		""
@@ -121,13 +121,13 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 	return {
 		labels: s,
 		progressValues: c,
-		referenceValues: l === 0 ? [] : l === 1 ? [n] : Array.from({ length: l }, (e, t) => E(n + t * ((r - n) / (l - 1)))),
+		referenceValues: l === 0 ? [] : l === 1 ? [n] : Array.from({ length: l }, (e, t) => D(n + t * ((r - n) / (l - 1)))),
 		minValue: n,
 		maxValue: r,
-		stepSize: E((r - n) / 4),
+		stepSize: D((r - n) / 4),
 		progressSnapshotCount: e.length
 	};
-}, O = [
+}, k = [
 	{
 		date: "2025-11-01",
 		progress: 20
@@ -152,7 +152,7 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 		date: "2026-04-01",
 		progress: 84
 	}
-], k = { class: "s-ui-chart-progress__canvas-wrap" }, A = /* @__PURE__ */ d({
+], A = { class: "s-ui-chart-progress__canvas-wrap" }, j = /* @__PURE__ */ f({
 	__name: "SChartProgress",
 	props: {
 		progressSnapshots: { default: () => [] },
@@ -166,37 +166,41 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 			default: !1
 		}
 	},
-	setup(e) {
-		let t = h("chartRootRef"), n = h("chartCanvasRef"), r = s(() => e.minValue ?? 0), i = s(() => e.maxValue ?? 100), d = s(() => e.prefix ?? "%"), _ = s(() => e.loading ? O : e.progressSnapshots), v = s(() => D({
-			progressSnapshots: _.value,
+	setup(e, { expose: n }) {
+		let i = g("chartRootRef"), o = g("chartCanvasRef"), s = c(() => e.minValue ?? 0), f = c(() => e.maxValue ?? 100), v = c(() => e.prefix ?? "%"), y = c(() => e.loading ? k : e.progressSnapshots), b = c(() => O({
+			progressSnapshots: y.value,
 			deadline: e.loading ? "2026-06-28" : e.deadline,
-			minValue: e.loading ? 0 : r.value,
-			maxValue: e.loading ? 100 : i.value
-		}));
-		return a({
-			canvasRef: n,
-			config: s(() => !e.loading && e.progressSnapshots.length === 0 ? null : w({
-				labels: v.value.labels,
-				progressValues: v.value.progressValues,
-				referenceValues: v.value.referenceValues,
+			minValue: e.loading ? 0 : s.value,
+			maxValue: e.loading ? 100 : f.value
+		})), { chartInstance: x } = t({
+			canvasRef: o,
+			config: c(() => !e.loading && e.progressSnapshots.length === 0 ? null : T({
+				labels: b.value.labels,
+				progressValues: b.value.progressValues,
+				referenceValues: b.value.referenceValues,
 				seriesLabel: e.seriesLabel,
-				valuePrefix: d.value,
-				minValue: v.value.minValue,
-				maxValue: v.value.maxValue,
-				stepSize: e.loading ? 25 : v.value.stepSize,
-				progressSnapshotCount: v.value.progressSnapshotCount,
-				colorHostElement: t.value,
+				valuePrefix: v.value,
+				minValue: b.value.minValue,
+				maxValue: b.value.maxValue,
+				stepSize: e.loading ? 25 : b.value.stepSize,
+				progressSnapshotCount: b.value.progressSnapshotCount,
+				colorHostElement: i.value,
 				skeleton: e.loading
 			})),
-			enabled: s(() => e.loading || e.progressSnapshots.length > 0)
-		}), (r, i) => (p(), c("div", {
+			enabled: c(() => e.loading || e.progressSnapshots.length > 0)
+		}), { exportImage: S } = r({
+			chartInstance: x,
+			canvasRef: o,
+			colorHostElement: i
+		});
+		return n({ exportImage: S }), (t, n) => (m(), l("div", {
 			ref_key: "chartRootRef",
-			ref: t,
-			class: f(["s-ui-chart-progress", { "s-ui-chart-progress--skeleton": e.loading }])
-		}, [l("div", k, [u(m(o), { loading: e.loading }, {
-			default: g(() => [l("canvas", {
+			ref: i,
+			class: p(["s-ui-chart-progress", { "s-ui-chart-progress--skeleton": e.loading }])
+		}, [u("div", A, [d(h(a), { loading: e.loading }, {
+			default: _(() => [u("canvas", {
 				ref_key: "chartCanvasRef",
-				ref: n,
+				ref: o,
 				class: "s-ui-chart-progress__canvas"
 			}, null, 512)]),
 			_: 1
@@ -204,4 +208,4 @@ var _ = 4, v = 12, y = 24, b = (e) => {
 	}
 });
 //#endregion
-export { A as t };
+export { j as t };

package/dist/{SChartProgress-QsGTZ8kT.cjs → SChartProgress-CMcM6yvT.cjs}

@@ -1 +1 @@
-const e=require("./SChartSkeletonHost-CfM0zolj.cjs");let t=require("vue");var n=4,r=12,i=24,a=e=>{let t=e<=15;return{pointRadius:t?n:0,pointHoverRadius:n,pointHitRadius:t?r:i}},o=e=>e<=15?{mode:`nearest`,intersect:!0}:{mode:`nearest`,axis:`x`,intersect:!1},s=.3,c=1,l=({labels:t,progressValues:n,referenceValues:r,seriesLabel:i,valuePrefix:l,minValue:u,maxValue:d,stepSize:f,progressSnapshotCount:p,colorHostElement:m,skeleton:h=!1})=>{let g=e.S(e.g.axisLabel,m),_=e.S(e.g.grid,m),v=e.S(h?e.g.skeletonSeries:e.g.progressLine,m),y=e.S(h?e.g.skeletonFillStart:e.g.referenceFill,m),b=e.S(e.g.tooltipBackground,m),x=e.S(e.g.tooltipText,m),S=s,C=a(p),w=o(p);return{type:`line`,data:{labels:t,datasets:[{data:r,borderColor:`transparent`,backgroundColor:y,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,fill:`start`,order:0},{label:i,data:n,borderColor:v,backgroundColor:v,tension:S,pointRadius:C.pointRadius,pointHoverRadius:C.pointHoverRadius,pointHitRadius:C.pointHitRadius,pointBackgroundColor:v,pointBorderColor:v,fill:!1,order:1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.i(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.a(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e.l,filter:e=>e.datasetIndex===c,callbacks:{label:e=>{let t=e.parsed.y;return t===null?``:`${t}${l}`}}}},scales:{x:{type:`category`,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}},y:{type:`linear`,min:u,max:d,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,stepSize:f,callback:e=>`${e}${l}`,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}}}}}},u=e=>{let t=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return t?`${t[3]}.${t[2]}.${t[1]}`:e},d=e=>Math.round(e*10)/10,f=({progressSnapshots:e,deadline:t=null,minValue:n=0,maxValue:r=100})=>{let i=e.map(e=>u(e.date)),a=e.map(e=>e.progress),o=t?u(t):null,s=a.length===1?[``,i[0]??``,``]:o?[...i,o]:i,c=a.length===1?[null,a[0]??null,null]:o?[...a,null]:a,l=s.length;return{labels:s,progressValues:c,referenceValues:l===0?[]:l===1?[n]:Array.from({length:l},(e,t)=>d(n+t*((r-n)/(l-1)))),minValue:n,maxValue:r,stepSize:d((r-n)/4),progressSnapshotCount:e.length}},p=[{date:`2025-11-01`,progress:20},{date:`2025-12-01`,progress:35},{date:`2026-01-01`,progress:42},{date:`2026-02-01`,progress:58},{date:`2026-03-01`,progress:71},{date:`2026-04-01`,progress:84}],m={class:`s-ui-chart-progress__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartProgress`,props:{progressSnapshots:{default:()=>[]},deadline:{default:null},minValue:{},maxValue:{},prefix:{},seriesLabel:{default:`Progress`},loading:{type:Boolean,default:!1}},setup(n){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.minValue??0),o=(0,t.computed)(()=>n.maxValue??100),s=(0,t.computed)(()=>n.prefix??`%`),c=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),u=(0,t.computed)(()=>f({progressSnapshots:c.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:a.value,maxValue:n.loading?100:o.value}));return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:u.value.labels,progressValues:u.value.progressValues,referenceValues:u.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:s.value,minValue:u.value.minValue,maxValue:u.value.maxValue,stepSize:n.loading?25:u.value.stepSize,progressSnapshotCount:u.value.progressSnapshotCount,colorHostElement:r.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,t.normalizeClass)([`s-ui-chart-progress`,{"s-ui-chart-progress--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+const e=require("./SChartSkeletonHost-BlIYGj-7.cjs");let t=require("vue");var n=4,r=12,i=24,a=e=>{let t=e<=15;return{pointRadius:t?n:0,pointHoverRadius:n,pointHitRadius:t?r:i}},o=e=>e<=15?{mode:`nearest`,intersect:!0}:{mode:`nearest`,axis:`x`,intersect:!1},s=.3,c=1,l=({labels:t,progressValues:n,referenceValues:r,seriesLabel:i,valuePrefix:l,minValue:u,maxValue:d,stepSize:f,progressSnapshotCount:p,colorHostElement:m,skeleton:h=!1})=>{let g=e.w(e.v.axisLabel,m),_=e.w(e.v.grid,m),v=e.w(h?e.v.skeletonSeries:e.v.progressLine,m),y=e.w(h?e.v.skeletonFillStart:e.v.referenceFill,m),b=e.w(e.v.tooltipBackground,m),x=e.w(e.v.tooltipText,m),S=s,C=a(p),w=o(p);return{type:`line`,data:{labels:t,datasets:[{data:r,borderColor:`transparent`,backgroundColor:y,pointRadius:0,pointHoverRadius:0,pointHitRadius:0,fill:`start`,order:0},{label:i,data:n,borderColor:v,backgroundColor:v,tension:S,pointRadius:C.pointRadius,pointHoverRadius:C.pointHoverRadius,pointHitRadius:C.pointHitRadius,pointBackgroundColor:v,pointBorderColor:v,fill:!1,order:1}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:e.o(h,w),plugins:{legend:{display:!1},tooltip:{enabled:e.s(h),backgroundColor:b,titleColor:x,bodyColor:x,position:e.d,filter:e=>e.datasetIndex===c,callbacks:{label:e=>{let t=e.parsed.y;return t===null?``:`${t}${l}`}}}},scales:{x:{type:`category`,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}},y:{type:`linear`,min:u,max:d,border:{display:!1},grid:{color:_,drawTicks:!0},ticks:{color:g,stepSize:f,callback:e=>`${e}${l}`,font:{family:`var(--s-ui-font-family-label)`,size:10,weight:500},padding:8}}}}}},u=e=>{let t=e.match(/^(\d{4})-(\d{2})-(\d{2})/);return t?`${t[3]}.${t[2]}.${t[1]}`:e},d=e=>Math.round(e*10)/10,f=({progressSnapshots:e,deadline:t=null,minValue:n=0,maxValue:r=100})=>{let i=e.map(e=>u(e.date)),a=e.map(e=>e.progress),o=t?u(t):null,s=a.length===1?[``,i[0]??``,``]:o?[...i,o]:i,c=a.length===1?[null,a[0]??null,null]:o?[...a,null]:a,l=s.length;return{labels:s,progressValues:c,referenceValues:l===0?[]:l===1?[n]:Array.from({length:l},(e,t)=>d(n+t*((r-n)/(l-1)))),minValue:n,maxValue:r,stepSize:d((r-n)/4),progressSnapshotCount:e.length}},p=[{date:`2025-11-01`,progress:20},{date:`2025-12-01`,progress:35},{date:`2026-01-01`,progress:42},{date:`2026-02-01`,progress:58},{date:`2026-03-01`,progress:71},{date:`2026-04-01`,progress:84}],m={class:`s-ui-chart-progress__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartProgress`,props:{progressSnapshots:{default:()=>[]},deadline:{default:null},minValue:{},maxValue:{},prefix:{},seriesLabel:{default:`Progress`},loading:{type:Boolean,default:!1}},setup(n,{expose:r}){let i=(0,t.useTemplateRef)(`chartRootRef`),a=(0,t.useTemplateRef)(`chartCanvasRef`),o=(0,t.computed)(()=>n.minValue??0),s=(0,t.computed)(()=>n.maxValue??100),c=(0,t.computed)(()=>n.prefix??`%`),u=(0,t.computed)(()=>n.loading?p:n.progressSnapshots),d=(0,t.computed)(()=>f({progressSnapshots:u.value,deadline:n.loading?`2026-06-28`:n.deadline,minValue:n.loading?0:o.value,maxValue:n.loading?100:s.value})),{chartInstance:h}=e.i({canvasRef:a,config:(0,t.computed)(()=>!n.loading&&n.progressSnapshots.length===0?null:l({labels:d.value.labels,progressValues:d.value.progressValues,referenceValues:d.value.referenceValues,seriesLabel:n.seriesLabel,valuePrefix:c.value,minValue:d.value.minValue,maxValue:d.value.maxValue,stepSize:n.loading?25:d.value.stepSize,progressSnapshotCount:d.value.progressSnapshotCount,colorHostElement:i.value,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.progressSnapshots.length>0)}),{exportImage:g}=e.r({chartInstance:h,canvasRef:a,colorHostElement:i});return r({exportImage:g}),(r,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,t.normalizeClass)([`s-ui-chart-progress`,{"s-ui-chart-progress--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-progress__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SChartSkeletonHost-BlIYGj-7.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@shtabapp/ui-kit-primitives"),n=require("@vueuse/core"),r=require("chart.js");var i=(e,t)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},a={axisLabel:`--s-ui-chart-axis-label`,grid:`--s-ui-chart-grid`,crosshair:`--s-ui-chart-crosshair`,legendLabel:`--s-ui-chart-legend-label`,seriesPrimary:`--s-ui-chart-series-primary`,seriesFillStart:`--s-ui-chart-series-fill-start`,seriesFillEnd:`--s-ui-chart-series-fill-end`,seriesFillOpacity:`--s-ui-chart-series-fill-opacity`,skeletonSeries:`--s-ui-chart-skeleton-series`,skeletonPalette1:`--s-ui-chart-skeleton-palette-1`,skeletonPalette2:`--s-ui-chart-skeleton-palette-2`,skeletonPalette3:`--s-ui-chart-skeleton-palette-3`,skeletonPalette4:`--s-ui-chart-skeleton-palette-4`,skeletonPalette5:`--s-ui-chart-skeleton-palette-5`,skeletonPalette6:`--s-ui-chart-skeleton-palette-6`,skeletonFillStart:`--s-ui-chart-skeleton-fill-start`,skeletonFillEnd:`--s-ui-chart-skeleton-fill-end`,skeletonFillOpacity:`--s-ui-chart-skeleton-fill-opacity`,fillMuted:`--s-ui-chart-fill-muted`,exportBackground:`--s-ui-chart-export-background`,tooltipBackground:`--s-ui-chart-tooltip-background`,tooltipText:`--s-ui-chart-tooltip-text`,stackedPalette1:`--s-ui-chart-stacked-palette-1`,stackedPalette2:`--s-ui-chart-stacked-palette-2`,stackedPalette3:`--s-ui-chart-stacked-palette-3`,stackedPalette4:`--s-ui-chart-stacked-palette-4`,stackedPalette5:`--s-ui-chart-stacked-palette-5`,stackedPalette6:`--s-ui-chart-stacked-palette-6`,barStackedPalette1:`--s-ui-chart-bar-stacked-palette-1`,barStackedPalette2:`--s-ui-chart-bar-stacked-palette-2`,barStackedPalette3:`--s-ui-chart-bar-stacked-palette-3`,barStackedPalette4:`--s-ui-chart-bar-stacked-palette-4`,barStackedPalette5:`--s-ui-chart-bar-stacked-palette-5`,barStackedPalette6:`--s-ui-chart-bar-stacked-palette-6`,barHoverOutline:`--s-ui-chart-bar-hover-outline`,barSkeletonPalette1:`--s-ui-chart-bar-skeleton-palette-1`,barSkeletonPalette2:`--s-ui-chart-bar-skeleton-palette-2`,barSkeletonPalette3:`--s-ui-chart-bar-skeleton-palette-3`,barSkeletonPalette4:`--s-ui-chart-bar-skeleton-palette-4`,barSkeletonPalette5:`--s-ui-chart-bar-skeleton-palette-5`,barSkeletonPalette6:`--s-ui-chart-bar-skeleton-palette-6`,piePalette1:`--s-ui-chart-pie-palette-1`,piePalette2:`--s-ui-chart-pie-palette-2`,piePalette3:`--s-ui-chart-pie-palette-3`,piePalette4:`--s-ui-chart-pie-palette-4`,piePalette5:`--s-ui-chart-pie-palette-5`,piePalette6:`--s-ui-chart-pie-palette-6`,piePalette7:`--s-ui-chart-pie-palette-7`,piePalette8:`--s-ui-chart-pie-palette-8`,pieSegmentBorder:`--s-ui-chart-pie-segment-border`,pieBadgeBackground:`--s-ui-chart-pie-badge-background`,pieBadgeBorder:`--s-ui-chart-pie-badge-border`,pieBadgeText:`--s-ui-chart-pie-badge-text`,pieHoverShadow:`--s-ui-chart-pie-hover-shadow`,pieSkeletonPalette1:`--s-ui-chart-pie-skeleton-palette-1`,pieSkeletonPalette2:`--s-ui-chart-pie-skeleton-palette-2`,pieSkeletonPalette3:`--s-ui-chart-pie-skeleton-palette-3`,pieSkeletonPalette4:`--s-ui-chart-pie-skeleton-palette-4`,pieSkeletonPalette5:`--s-ui-chart-pie-skeleton-palette-5`,pieSkeletonPalette6:`--s-ui-chart-pie-skeleton-palette-6`,pieSkeletonPalette7:`--s-ui-chart-pie-skeleton-palette-7`,pieSkeletonPalette8:`--s-ui-chart-pie-skeleton-palette-8`,barHorizontalFillDefault:`--s-ui-chart-bar-horizontal-fill-default`,barHorizontalSkeletonFill:`--s-ui-chart-bar-horizontal-skeleton-fill`,barHorizontalCategoryLabel:`--s-ui-chart-bar-horizontal-category-label`,barHorizontalCategoryLabelSkeleton:`--s-ui-chart-bar-horizontal-category-label-skeleton`,progressLine:`--s-ui-chart-progress-line`,referenceFill:`--s-ui-chart-reference-fill`,multiLinePalette1:`--s-ui-chart-multi-line-palette-1`,multiLinePalette2:`--s-ui-chart-multi-line-palette-2`,multiLinePalette3:`--s-ui-chart-multi-line-palette-3`,burnupGoal:`--s-ui-chart-burnup-goal`,burnupPlan:`--s-ui-chart-burnup-plan`,burnupFact:`--s-ui-chart-burnup-fact`,burnupFactFillStart:`--s-ui-chart-burnup-fact-fill-start`,burnupFactFillEnd:`--s-ui-chart-burnup-fact-fill-end`,burnupToday:`--s-ui-chart-burnup-today`,burnupTagBackground:`--s-ui-chart-burnup-tag-background`},o=[a.stackedPalette1,a.stackedPalette2,a.stackedPalette3,a.stackedPalette4,a.stackedPalette5,a.stackedPalette6],s=[a.skeletonPalette1,a.skeletonPalette2,a.skeletonPalette3,a.skeletonPalette4,a.skeletonPalette5,a.skeletonPalette6],c=[a.barStackedPalette1,a.barStackedPalette2,a.barStackedPalette3,a.barStackedPalette4,a.barStackedPalette5,a.barStackedPalette6],l=[a.barSkeletonPalette1,a.barSkeletonPalette2,a.barSkeletonPalette3,a.barSkeletonPalette4,a.barSkeletonPalette5,a.barSkeletonPalette6],u=[a.piePalette1,a.piePalette2,a.piePalette3,a.piePalette4,a.piePalette5,a.piePalette6,a.piePalette7,a.piePalette8],d=[a.pieSkeletonPalette1,a.pieSkeletonPalette2,a.pieSkeletonPalette3,a.pieSkeletonPalette4,a.pieSkeletonPalette5,a.pieSkeletonPalette6,a.pieSkeletonPalette7,a.pieSkeletonPalette8],f=[a.multiLinePalette1,a.multiLinePalette2,a.multiLinePalette3],p=e=>`captions`in e,m=(e,t)=>{let n=e.data.datasets[0];if(!n||!p(n))return;let r=n.captions?.[t];if(r)return r},h=()=>({title:e=>{let t=e[0];if(!t)return``;let n=m(t.chart,t.dataIndex),r=[`${t.label}`];return n&&r.push(n),r},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`}),g=`stackedBarTop`,_=function(e,t){if(e.length===0)return{x:t.x,y:t.y};let n=1/0,r=1/0,i=-1/0;for(let t of e){let{x:e,y:a,width:o}=t.element.getProps([`x`,`y`,`width`]);n=Math.min(n,a),r=Math.min(r,e-o/2),i=Math.max(i,e+o/2)}return{x:(r+i)/2,y:n}},v=()=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``}: ${e.parsed.y??0}`}),y=`multiLineTop`,b=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},x=`progressChartPoint`,S=1,C=(e,t)=>{let n=e.data.datasets[S]?.data[t];return typeof n==`number`?n:null},w=function(e){let t=e.find(e=>e.datasetIndex===S)??e[0];if(!t)return!1;let n=this.chart.scales.y;if(!n)return!1;let r=C(this.chart,t.index);return r===null?!1:{x:t.element.x,y:n.getPixelForValue(r),xAlign:`center`,yAlign:`bottom`}},T=({total:e}={})=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`,footer:t=>{let n=t.reduce((e,t)=>e+(t.parsed.y??0),0);return e?`${e} – ${n}`:`${n}`}}),E=`stackedAreaTop`,D=function(e,t){let n=this.chart.chartArea;return!n||e.length===0?{x:t.x,y:t.y}:{x:t.x,y:n.top}},O=!1,k=!1,A=!1,j=!1,M=!1,N=()=>{k||=(r.Tooltip.positioners.stackedAreaTop=D,!0)},P=()=>{A||=(r.Tooltip.positioners.stackedBarTop=_,!0)},F=()=>{j||=(r.Tooltip.positioners.progressChartPoint=w,!0)},I=()=>{M||=(r.Tooltip.positioners.multiLineTop=b,!0)},L=()=>{O||=(r.Chart.register(r.LineController,r.LineElement,r.PointElement,r.BarController,r.BarElement,r.PieController,r.ArcElement,r.LinearScale,r.CategoryScale,r.Tooltip,r.Filler),N(),P(),F(),I(),!0)},R=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,z=e=>!e,B=(e,t)=>e?[]:t,V=new WeakMap,H={element:(e,t,n)=>{let r=e.data.datasets[0],i=r?.hoverBackgroundColor;!r||!Array.isArray(i)||(r.backgroundColor=t===null?[...i]:i.map((e,r)=>r===t?e:n))},series:(e,t,n)=>{e.data.datasets.forEach((e,r)=>{let i=t===null||r===t,{hoverBackgroundColor:a,hoverBorderColor:o}=e;a!==void 0&&!Array.isArray(a)&&(e.backgroundColor=i?a:n),o!==void 0&&!Array.isArray(o)&&(e.borderColor=i?o:n)})}},U=(e,t,n,r,i=!1)=>{(V.get(e)?.index??null)!==n&&(V.set(e,{index:n,kind:t,mutedColor:r}),H[t](e,n,r),e.canvas.style.cursor=n!==null&&i?`pointer`:``,e.update())},W=e=>{let t=V.get(e);!t||t.index===null||(V.set(e,{...t,index:null}),H[t.kind](e,null,t.mutedColor),e.canvas.style.cursor=``,e.update())},G={id:`sChartHoverDimReset`,afterEvent:(e,t)=>{t.event.type===`mouseout`&&W(e)}},K=(e,t)=>{let n=e[0];return n?t===`element`?n.index:n.datasetIndex:null},q=({kind:e,skeleton:t,colorHostElement:n,onIndexClick:r})=>{if(t)return{plugins:[]};let i=J(n),a=!!r,o={onHover:(t,n,r)=>{U(r,e,K(n,e),i,a)},plugins:[G]};return r&&(o.onClick=(t,n)=>{let i=K(n,e);i!==null&&r(i)}),o},J=e=>i(a.fillMuted,e),Y=(e,t)=>{if(!e.canvas.width||!e.canvas.height)return;let n=document.createElement(`canvas`);n.width=e.canvas.width,n.height=e.canvas.height;let r=n.getContext(`2d`);if(r)return r.fillStyle=i(a.exportBackground,t)||`#ffffff`,r.fillRect(0,0,n.width,n.height),r.drawImage(e.canvas,0,0),n.toDataURL(`image/png`)},X=({canvasRef:t,config:i,enabled:a})=>{let o=(0,e.shallowRef)(),s=()=>{o.value&&=(o.value.destroy(),void 0)},c=()=>{if(!(0,e.toValue)(a)){s();return}let n=(0,e.toValue)(t),c=(0,e.toValue)(i);if(!n||!c){s();return}L(),o.value&&=(o.value.destroy(),void 0),o.value=new r.Chart(n,c)};return(0,e.onMounted)(()=>{c()}),(0,e.watch)(()=>[(0,e.toValue)(a),(0,e.toValue)(t),(0,e.toValue)(i)],()=>{c()},{deep:!0}),(0,n.useResizeObserver)(t,()=>{o.value?.resize()}),(0,e.onBeforeUnmount)(()=>{s()}),{chartInstance:o}},Z=({chartInstance:t,canvasRef:n,colorHostElement:r,legendDimKind:i=`series`})=>((0,e.watch)(t,()=>{let t=(0,e.toValue)(n);t?.style.cursor&&(t.style.cursor=``)}),{exportImage:()=>{if(t.value)return Y(t.value,(0,e.toValue)(r))},handleLegendItemHover:n=>{t.value&&U(t.value,i,n,J((0,e.toValue)(r)))}}),Q=function(e){return e.CARTESIAN=`cartesian`,e.PIE=`pie`,e}({}),$=(0,e.defineComponent)({__name:`SChartSkeletonHost`,props:{loading:{type:Boolean,default:!1},type:{default:()=>Q.CARTESIAN}},setup(n){let r=(0,e.computed)(()=>n.type===Q.PIE?t.ESSkeletonType.CHART_PIE:t.ESSkeletonType.CHART_CARTESIAN);return(i,a)=>n.loading?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SSkeleton),{key:0,type:r.value,class:`s-ui-chart-skeleton-host`},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,`default`)]),_:3},8,[`type`])):(0,e.renderSlot)(i.$slots,`default`,{key:1})}});Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return f}});