@shtabapp/ui-kit 1.69.1 → 1.71.0

package/dist/{useChartInteractivity-BATdT86l.js → useChartInteractivity-Cl06JL4l.js}

@@ -1,35 +1,35 @@
-import { computed as e, createBlock as t, defineComponent as n, onBeforeUnmount as r, onMounted as i, openBlock as a, renderSlot as o, shallowRef as s, toValue as c, unref as l, watch as u, withCtx as ee } from "vue";
-import { ESSkeletonType as d, SSkeleton as f } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as p } from "@vueuse/core";
-import { ArcElement as m, BarController as h, BarElement as g, CategoryScale as te, Chart as _, Filler as ne, LineController as re, LineElement as ie, LinearScale as ae, PieController as v, PointElement as y, Tooltip as b } from "chart.js";
+import { computed as e, createBlock as t, defineComponent as n, onBeforeUnmount as r, onMounted as i, openBlock as a, renderSlot as o, shallowRef as s, toValue as c, unref as l, watch as u, withCtx as d } from "vue";
+import { ESSkeletonType as f, SSkeleton as p } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as m } from "@vueuse/core";
+import { ArcElement as ee, BarController as te, BarElement as ne, CategoryScale as re, Chart as h, Filler as g, LineController as ie, LineElement as ae, LinearScale as oe, PieController as se, PointElement as ce, Tooltip as _ } from "chart.js";
 //#region src/components/SChartSkeletonHost/SChartSkeletonHost.types.ts
-var x = /* @__PURE__ */ function(e) {
+var v = /* @__PURE__ */ function(e) {
 	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
-}({}), S = /* @__PURE__ */ n({
+}({}), le = /* @__PURE__ */ n({
 	__name: "SChartSkeletonHost",
 	props: {
 		loading: {
 			type: Boolean,
 			default: !1
 		},
-		type: { default: () => x.CARTESIAN }
+		type: { default: () => v.CARTESIAN }
 	},
 	setup(n) {
-		let r = e(() => n.type === x.PIE ? d.CHART_PIE : d.CHART_CARTESIAN);
-		return (e, i) => n.loading ? (a(), t(l(f), {
+		let r = e(() => n.type === v.PIE ? f.CHART_PIE : f.CHART_CARTESIAN);
+		return (e, i) => n.loading ? (a(), t(l(p), {
 			key: 0,
 			type: r.value,
 			class: "s-ui-chart-skeleton-host"
 		}, {
-			default: ee(() => [o(e.$slots, "default")]),
+			default: d(() => [o(e.$slots, "default")]),
 			_: 3
 		}, 8, ["type"])) : o(e.$slots, "default", { key: 1 });
 	}
-}), C = (e, t) => {
+}), y = (e, t) => !e || t >= 1 ? e : t <= 0 ? "transparent" : `color-mix(in srgb, ${e} ${Math.round(t * 100)}%, transparent)`, b = (e, t) => {
 	if (typeof window > "u") return "";
 	let n = t ?? document.documentElement;
 	return getComputedStyle(n).getPropertyValue(e).trim();
-}, w = {
+}, x = {
 	axisLabel: "--s-ui-chart-axis-label",
 	grid: "--s-ui-chart-grid",
 	crosshair: "--s-ui-chart-crosshair",
@@ -108,70 +108,70 @@ var x = /* @__PURE__ */ function(e) {
 	burnupFactFillEnd: "--s-ui-chart-burnup-fact-fill-end",
 	burnupToday: "--s-ui-chart-burnup-today",
 	burnupTagBackground: "--s-ui-chart-burnup-tag-background"
-}, T = [
-	w.stackedPalette1,
-	w.stackedPalette2,
-	w.stackedPalette3,
-	w.stackedPalette4,
-	w.stackedPalette5,
-	w.stackedPalette6
+}, S = [
+	x.stackedPalette1,
+	x.stackedPalette2,
+	x.stackedPalette3,
+	x.stackedPalette4,
+	x.stackedPalette5,
+	x.stackedPalette6
+], C = [
+	x.skeletonPalette1,
+	x.skeletonPalette2,
+	x.skeletonPalette3,
+	x.skeletonPalette4,
+	x.skeletonPalette5,
+	x.skeletonPalette6
+], w = [
+	x.barStackedPalette1,
+	x.barStackedPalette2,
+	x.barStackedPalette3,
+	x.barStackedPalette4,
+	x.barStackedPalette5,
+	x.barStackedPalette6
+], T = [
+	x.barSkeletonPalette1,
+	x.barSkeletonPalette2,
+	x.barSkeletonPalette3,
+	x.barSkeletonPalette4,
+	x.barSkeletonPalette5,
+	x.barSkeletonPalette6
 ], E = [
-	w.skeletonPalette1,
-	w.skeletonPalette2,
-	w.skeletonPalette3,
-	w.skeletonPalette4,
-	w.skeletonPalette5,
-	w.skeletonPalette6
+	x.piePalette1,
+	x.piePalette2,
+	x.piePalette3,
+	x.piePalette4,
+	x.piePalette5,
+	x.piePalette6,
+	x.piePalette7,
+	x.piePalette8
 ], D = [
-	w.barStackedPalette1,
-	w.barStackedPalette2,
-	w.barStackedPalette3,
-	w.barStackedPalette4,
-	w.barStackedPalette5,
-	w.barStackedPalette6
+	x.pieSkeletonPalette1,
+	x.pieSkeletonPalette2,
+	x.pieSkeletonPalette3,
+	x.pieSkeletonPalette4,
+	x.pieSkeletonPalette5,
+	x.pieSkeletonPalette6,
+	x.pieSkeletonPalette7,
+	x.pieSkeletonPalette8
 ], O = [
-	w.barSkeletonPalette1,
-	w.barSkeletonPalette2,
-	w.barSkeletonPalette3,
-	w.barSkeletonPalette4,
-	w.barSkeletonPalette5,
-	w.barSkeletonPalette6
-], k = [
-	w.piePalette1,
-	w.piePalette2,
-	w.piePalette3,
-	w.piePalette4,
-	w.piePalette5,
-	w.piePalette6,
-	w.piePalette7,
-	w.piePalette8
-], A = [
-	w.pieSkeletonPalette1,
-	w.pieSkeletonPalette2,
-	w.pieSkeletonPalette3,
-	w.pieSkeletonPalette4,
-	w.pieSkeletonPalette5,
-	w.pieSkeletonPalette6,
-	w.pieSkeletonPalette7,
-	w.pieSkeletonPalette8
-], j = [
-	w.multiLinePalette1,
-	w.multiLinePalette2,
-	w.multiLinePalette3
-], M = (e) => "captions" in e, N = (e, t) => {
+	x.multiLinePalette1,
+	x.multiLinePalette2,
+	x.multiLinePalette3
+], k = (e) => "captions" in e, A = (e, t) => {
 	let n = e.data.datasets[0];
-	if (!n || !M(n)) return;
+	if (!n || !k(n)) return;
 	let r = n.captions?.[t];
 	if (r) return r;
-}, P = () => ({
+}, j = () => ({
 	title: (e) => {
 		let t = e[0];
 		if (!t) return "";
-		let n = N(t.chart, t.dataIndex), r = [`${t.label}`];
+		let n = A(t.chart, t.dataIndex), r = [`${t.label}`];
 		return n && r.push(n), r;
 	},
 	label: (e) => `${e.dataset.label ?? ""} – ${e.parsed.y ?? 0}`
-}), F = "stackedBarTop", I = function(e, t) {
+}), M = "stackedBarTop", N = function(e, t) {
 	if (e.length === 0) return {
 		x: t.x,
 		y: t.y
@@ -189,13 +189,13 @@ var x = /* @__PURE__ */ function(e) {
 		x: (r + i) / 2,
 		y: n
 	};
-}, L = () => ({
+}, P = () => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
 	},
 	label: (e) => `${e.dataset.label ?? ""}: ${e.parsed.y ?? 0}`
-}), R = "multiLineTop", z = function(e, t) {
+}), F = "multiLineTop", I = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -204,22 +204,22 @@ var x = /* @__PURE__ */ function(e) {
 		x: t.x,
 		y: n.top
 	};
-}, B = "progressChartPoint", V = 1, H = (e, t) => {
-	let n = e.data.datasets[V]?.data[t];
+}, L = "progressChartPoint", R = 1, z = (e, t) => {
+	let n = e.data.datasets[R]?.data[t];
 	return typeof n == "number" ? n : null;
-}, U = function(e) {
-	let t = e.find((e) => e.datasetIndex === V) ?? e[0];
+}, B = function(e) {
+	let t = e.find((e) => e.datasetIndex === R) ?? e[0];
 	if (!t) return !1;
 	let n = this.chart.scales.y;
 	if (!n) return !1;
-	let r = H(this.chart, t.index);
+	let r = z(this.chart, t.index);
 	return r === null ? !1 : {
 		x: t.element.x,
 		y: n.getPixelForValue(r),
 		xAlign: "center",
 		yAlign: "bottom"
 	};
-}, W = ({ total: e } = {}) => ({
+}, V = ({ total: e } = {}) => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
@@ -229,7 +229,7 @@ var x = /* @__PURE__ */ function(e) {
 		let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
 		return e ? `${e} – ${n}` : `${n}`;
 	}
-}), G = "stackedAreaTop", oe = function(e, t) {
+}), H = "stackedAreaTop", U = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -238,34 +238,47 @@ var x = /* @__PURE__ */ function(e) {
 		x: t.x,
 		y: n.top
 	};
-}, K = !1, q = !1, se = !1, ce = !1, le = !1, ue = () => {
-	q ||= (b.positioners.stackedAreaTop = oe, !0);
-}, de = () => {
-	se ||= (b.positioners.stackedBarTop = I, !0);
-}, fe = () => {
-	ce ||= (b.positioners.progressChartPoint = U, !0);
-}, pe = () => {
-	le ||= (b.positioners.multiLineTop = z, !0);
-}, me = () => {
-	K ||= (_.register(re, ie, y, h, g, v, m, ae, te, b, ne), ue(), de(), fe(), pe(), !0);
-}, he = (e, t) => e ? {
+}, W = !1, ue = !1, de = !1, fe = !1, pe = !1, me = () => {
+	ue ||= (_.positioners.stackedAreaTop = U, !0);
+}, he = () => {
+	de ||= (_.positioners.stackedBarTop = N, !0);
+}, ge = () => {
+	fe ||= (_.positioners.progressChartPoint = B, !0);
+}, _e = () => {
+	pe ||= (_.positioners.multiLineTop = I, !0);
+}, ve = () => {
+	W ||= (h.register(ie, ae, ce, te, ne, se, ee, oe, re, _, g), me(), he(), ge(), _e(), !0);
+}, ye = (e, t) => e ? {
 	mode: "nearest",
 	intersect: !1
-} : t, ge = (e) => !e, _e = (e, t) => e ? [] : t, J = /* @__PURE__ */ new WeakMap(), ve = (e, t) => e === null ? null : typeof e == "number" ? t === "series" ? {
+} : t, be = (e) => !e, xe = (e, t) => e ? [] : t, G = .35, K = "transparent", Se = 172, Ce = .0643, we = .8972, Te = (e, t) => {
+	let n = e.right - e.left, r = e.bottom - e.top, i = (t - 90) * Math.PI / 180, a = Math.abs(n * Math.sin(i)) + Math.abs(r * Math.cos(i)), o = (e.left + e.right) / 2, s = (e.top + e.bottom) / 2, c = Math.cos(i) * a / 2, l = Math.sin(i) * a / 2;
+	return {
+		x0: o - c,
+		y0: s - l,
+		x1: o + c,
+		y1: s + l
+	};
+}, q = (e, t, n, r = 1) => {
+	let { chart: i } = e, { ctx: a, chartArea: o } = i;
+	if (!o) return t;
+	let s = y(t, r), c = y(n, r), { x0: l, y0: u, x1: d, y1: f } = Te(o, Se), p = a.createLinearGradient(l, u, d, f);
+	return p.addColorStop(0, s), p.addColorStop(Ce, s), p.addColorStop(we, c), p.addColorStop(1, c), p;
+}, J = /* @__PURE__ */ new WeakMap(), Ee = (e, t) => e === null ? null : typeof e == "number" ? t === "series" ? {
 	index: 0,
 	datasetIndex: e
 } : {
 	index: e,
 	datasetIndex: 0
-} : e, ye = (e, t) => e === null || t === null ? e === t : e.index === t.index && e.datasetIndex === t.datasetIndex, be = (e, t, n) => {
+} : e, De = (e, t) => e === null || t === null ? e === t : e.index === t.index && e.datasetIndex === t.datasetIndex, Oe = (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.index ? e : n));
-}, Y = (e, t, n) => Array.isArray(t) ? (e.data ?? []).map(() => n) : n, X = {
-	element: be,
+}, Y = (e, t, n) => Array.isArray(t) ? (e.data ?? []).map(() => n) : n, ke = (e, t) => typeof e == "function" ? (e) => q(e, t, K, G) : t, X = {
+	element: Oe,
 	series: (e, t, n) => {
 		e.data.datasets.forEach((e, r) => {
 			let i = t === null || r === t.datasetIndex, { hoverBackgroundColor: a, hoverBorderColor: o } = e;
-			a !== void 0 && !Array.isArray(a) && (e.backgroundColor = Y(e, e.backgroundColor, i ? a : n)), o !== void 0 && !Array.isArray(o) && (e.borderColor = Y(e, e.borderColor, i ? o : n));
+			a !== void 0 && !Array.isArray(a) && (e.backgroundColor = Y(e, e.backgroundColor, i ? a : ke(a, n))), o !== void 0 && !Array.isArray(o) && (e.borderColor = Y(e, e.borderColor, i ? o : n));
 		});
 	},
 	segment: (e, t, n) => {
@@ -275,57 +288,57 @@ var x = /* @__PURE__ */ function(e) {
 		});
 	}
 }, Z = (e, t, n, r, i = !1, a = "external") => {
-	let o = ve(n, t);
-	ye(J.get(e)?.hovered ?? null, o) || (J.set(e, {
+	let o = Ee(n, t);
+	De(J.get(e)?.hovered ?? null, o) || (J.set(e, {
 		hovered: o,
 		kind: t,
 		mutedColor: r,
 		source: a
 	}), X[t](e, o, r), e.canvas.style.cursor = o !== null && i ? "pointer" : "", e.update());
-}, xe = (e, t) => {
+}, Ae = (e, t) => {
 	let n = J.get(e);
 	!n || n.hovered === null || t !== void 0 && n.source !== t || (J.set(e, {
 		...n,
 		hovered: null
 	}), X[n.kind](e, null, n.mutedColor), e.canvas.style.cursor = "", e.update());
-}, Se = {
+}, je = {
 	id: "sChartHoverDimReset",
 	beforeEvent: (e, t) => t.replay && J.get(e)?.source === "external" ? !1 : void 0,
 	afterEvent: (e, t) => {
-		t.event.type === "mouseout" && xe(e, "canvas");
+		t.event.type === "mouseout" && Ae(e, "canvas");
 	}
-}, Ce = (e, t) => {
+}, Q = (e, t) => {
 	let n = e[0];
 	return n ? t === "element" ? n.index : n.datasetIndex : null;
-}, we = (e) => {
+}, Me = (e) => {
 	let t = e[0];
 	return t ? {
 		index: t.index,
 		datasetIndex: t.datasetIndex
 	} : null;
-}, Q = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r, onElementIndexClick: i }) => {
+}, Ne = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r, onElementIndexClick: i }) => {
 	if (t) return { plugins: [] };
 	let a = $(n), o = !!(r || i), s = {
 		onHover: (t, n, r) => {
-			Z(r, e, we(n), a, o, "canvas");
+			Z(r, e, Me(n), a, o, "canvas");
 		},
-		plugins: [Se]
+		plugins: [je]
 	};
 	return (r || i) && (s.onClick = (t, n) => {
 		if (r) {
-			let t = Ce(n, e);
+			let t = Q(n, e);
 			t !== null && r(t);
 		}
 		let a = n[0];
 		a && i && i(a.index, a.datasetIndex);
 	}), s;
-}, $ = (e) => C(w.fillMuted, e), Te = (e, t) => {
+}, $ = (e) => b(x.fillMuted, e), Pe = (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 = C(w.exportBackground, t) || "#ffffff", r.fillRect(0, 0, n.width, n.height), r.drawImage(e.canvas, 0, 0), n.toDataURL("image/png");
-}, Ee = ({ canvasRef: e, config: t, enabled: n }) => {
+	if (r) return r.fillStyle = b(x.exportBackground, t) || "#ffffff", r.fillRect(0, 0, n.width, n.height), r.drawImage(e.canvas, 0, 0), n.toDataURL("image/png");
+}, Fe = ({ canvasRef: e, config: t, enabled: n }) => {
 	let a = s(), o = () => {
 		a.value &&= (a.value.destroy(), void 0);
 	}, l = () => {
@@ -338,7 +351,7 @@ var x = /* @__PURE__ */ function(e) {
 			o();
 			return;
 		}
-		me(), a.value &&= (a.value.destroy(), void 0), a.value = new _(r, i);
+		ve(), a.value &&= (a.value.destroy(), void 0), a.value = new h(r, i);
 	};
 	return i(() => {
 		l();
@@ -348,21 +361,21 @@ var x = /* @__PURE__ */ function(e) {
 		c(t)
 	], () => {
 		l();
-	}, { deep: !0 }), p(e, () => {
+	}, { deep: !0 }), m(e, () => {
 		a.value?.resize();
 	}), r(() => {
 		o();
 	}), { chartInstance: a };
-}, De = ({ chartInstance: e, canvasRef: t, colorHostElement: n, legendDimKind: r = "series" }) => (u(e, () => {
+}, Ie = ({ chartInstance: e, canvasRef: t, colorHostElement: n, legendDimKind: r = "series" }) => (u(e, () => {
 	let e = c(t);
 	e?.style.cursor && (e.style.cursor = "");
 }), {
 	exportImage: () => {
-		if (e.value) return Te(e.value, c(n));
+		if (e.value) return Pe(e.value, c(n));
 	},
 	handleLegendItemHover: (t) => {
 		e.value && Z(e.value, r, t, $(c(n)));
 	}
 });
 //#endregion
-export { S as C, C as S, j as _, ge as a, E as b, W as c, L as d, F as f, w as g, D as h, he as i, B as l, O as m, Ee as n, _e as o, P as p, Q as r, G as s, De as t, R as u, A as v, x as w, T as x, k as y };
+export { C, v as D, le as E, E as S, b as T, T as _, G as a, O as b, be as c, V as d, L as f, j as g, M as h, K as i, xe as l, P as m, Fe as n, q as o, F as p, Ne as r, ye as s, Ie as t, H as u, w as v, S as w, D as x, x as y };

package/dist/useChartInteractivity-LbJiqlvI.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@shtabapp/ui-kit-primitives"),n=require("@vueuse/core"),r=require("chart.js");var i=function(e){return e.CARTESIAN=`cartesian`,e.PIE=`pie`,e}({}),a=(0,e.defineComponent)({__name:`SChartSkeletonHost`,props:{loading:{type:Boolean,default:!1},type:{default:()=>i.CARTESIAN}},setup(n){let r=(0,e.computed)(()=>n.type===i.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})}}),o=(e,t)=>!e||t>=1?e:t<=0?`transparent`:`color-mix(in srgb, ${e} ${Math.round(t*100)}%, transparent)`,s=(e,t)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},c={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`},l=[c.stackedPalette1,c.stackedPalette2,c.stackedPalette3,c.stackedPalette4,c.stackedPalette5,c.stackedPalette6],u=[c.skeletonPalette1,c.skeletonPalette2,c.skeletonPalette3,c.skeletonPalette4,c.skeletonPalette5,c.skeletonPalette6],d=[c.barStackedPalette1,c.barStackedPalette2,c.barStackedPalette3,c.barStackedPalette4,c.barStackedPalette5,c.barStackedPalette6],f=[c.barSkeletonPalette1,c.barSkeletonPalette2,c.barSkeletonPalette3,c.barSkeletonPalette4,c.barSkeletonPalette5,c.barSkeletonPalette6],p=[c.piePalette1,c.piePalette2,c.piePalette3,c.piePalette4,c.piePalette5,c.piePalette6,c.piePalette7,c.piePalette8],m=[c.pieSkeletonPalette1,c.pieSkeletonPalette2,c.pieSkeletonPalette3,c.pieSkeletonPalette4,c.pieSkeletonPalette5,c.pieSkeletonPalette6,c.pieSkeletonPalette7,c.pieSkeletonPalette8],h=[c.multiLinePalette1,c.multiLinePalette2,c.multiLinePalette3],g=e=>`captions`in e,ee=(e,t)=>{let n=e.data.datasets[0];if(!n||!g(n))return;let r=n.captions?.[t];if(r)return r},_=()=>({title:e=>{let t=e[0];if(!t)return``;let n=ee(t.chart,t.dataIndex),r=[`${t.label}`];return n&&r.push(n),r},label:e=>`${e.dataset.label??``} – ${e.parsed.y??0}`}),v=`stackedBarTop`,te=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}},ne=()=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``}: ${e.parsed.y??0}`}),re=`multiLineTop`,ie=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}},ae=`progressChartPoint`,y=1,b=(e,t)=>{let n=e.data.datasets[y]?.data[t];return typeof n==`number`?n:null},x=function(e){let t=e.find(e=>e.datasetIndex===y)??e[0];if(!t)return!1;let n=this.chart.scales.y;if(!n)return!1;let r=b(this.chart,t.index);return r===null?!1:{x:t.element.x,y:n.getPixelForValue(r),xAlign:`center`,yAlign:`bottom`}},S=({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}`}}),C=`stackedAreaTop`,w=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}},T=!1,E=!1,D=!1,O=!1,k=!1,A=()=>{E||=(r.Tooltip.positioners.stackedAreaTop=w,!0)},j=()=>{D||=(r.Tooltip.positioners.stackedBarTop=te,!0)},M=()=>{O||=(r.Tooltip.positioners.progressChartPoint=x,!0)},N=()=>{k||=(r.Tooltip.positioners.multiLineTop=ie,!0)},P=()=>{T||=(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),A(),j(),M(),N(),!0)},F=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,I=e=>!e,L=(e,t)=>e?[]:t,R=.35,z=`transparent`,B=172,V=.0643,H=.8972,U=(e,t)=>{let n=e.right-e.left,r=e.bottom-e.top,i=(t-90)*Math.PI/180,a=Math.abs(n*Math.sin(i))+Math.abs(r*Math.cos(i)),o=(e.left+e.right)/2,s=(e.top+e.bottom)/2,c=Math.cos(i)*a/2,l=Math.sin(i)*a/2;return{x0:o-c,y0:s-l,x1:o+c,y1:s+l}},W=(e,t,n,r=1)=>{let{chart:i}=e,{ctx:a,chartArea:s}=i;if(!s)return t;let c=o(t,r),l=o(n,r),{x0:u,y0:d,x1:f,y1:p}=U(s,B),m=a.createLinearGradient(u,d,f,p);return m.addColorStop(0,c),m.addColorStop(V,c),m.addColorStop(H,l),m.addColorStop(1,l),m},G=new WeakMap,K=(e,t)=>e===null?null:typeof e==`number`?t===`series`?{index:0,datasetIndex:e}:{index:e,datasetIndex:0}:e,q=(e,t)=>e===null||t===null?e===t:e.index===t.index&&e.datasetIndex===t.datasetIndex,J=(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.index?e:n))},Y=(e,t,n)=>Array.isArray(t)?(e.data??[]).map(()=>n):n,oe=(e,t)=>typeof e==`function`?e=>W(e,t,z,R):t,X={element:J,series:(e,t,n)=>{e.data.datasets.forEach((e,r)=>{let i=t===null||r===t.datasetIndex,{hoverBackgroundColor:a,hoverBorderColor:o}=e;a!==void 0&&!Array.isArray(a)&&(e.backgroundColor=Y(e,e.backgroundColor,i?a:oe(a,n))),o!==void 0&&!Array.isArray(o)&&(e.borderColor=Y(e,e.borderColor,i?o:n))})},segment:(e,t,n)=>{e.data.datasets.forEach((e,r)=>{let{hoverBackgroundColor:i}=e;i===void 0||Array.isArray(i)||(e.backgroundColor=(e.data??[]).map((e,a)=>t===null||r===t.datasetIndex&&a===t.index?i:n))})}},Z=(e,t,n,r,i=!1,a=`external`)=>{let o=K(n,t);q(G.get(e)?.hovered??null,o)||(G.set(e,{hovered:o,kind:t,mutedColor:r,source:a}),X[t](e,o,r),e.canvas.style.cursor=o!==null&&i?`pointer`:``,e.update())},se=(e,t)=>{let n=G.get(e);!n||n.hovered===null||t!==void 0&&n.source!==t||(G.set(e,{...n,hovered:null}),X[n.kind](e,null,n.mutedColor),e.canvas.style.cursor=``,e.update())},Q={id:`sChartHoverDimReset`,beforeEvent:(e,t)=>t.replay&&G.get(e)?.source===`external`?!1:void 0,afterEvent:(e,t)=>{t.event.type===`mouseout`&&se(e,`canvas`)}},ce=(e,t)=>{let n=e[0];return n?t===`element`?n.index:n.datasetIndex:null},le=e=>{let t=e[0];return t?{index:t.index,datasetIndex:t.datasetIndex}:null},ue=({kind:e,skeleton:t,colorHostElement:n,onIndexClick:r,onElementIndexClick:i})=>{if(t)return{plugins:[]};let a=$(n),o=!!(r||i),s={onHover:(t,n,r)=>{Z(r,e,le(n),a,o,`canvas`)},plugins:[Q]};return(r||i)&&(s.onClick=(t,n)=>{if(r){let t=ce(n,e);t!==null&&r(t)}let a=n[0];a&&i&&i(a.index,a.datasetIndex)}),s},$=e=>s(c.fillMuted,e),de=(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=s(c.exportBackground,t)||`#ffffff`,r.fillRect(0,0,n.width,n.height),r.drawImage(e.canvas,0,0),n.toDataURL(`image/png`)},fe=({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}P(),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}},pe=({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 de(t.value,(0,e.toValue)(r))},handleLegendItemHover:n=>{t.value&&Z(t.value,i,n,$((0,e.toValue)(r)))}});Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"D",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"E",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"T",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return fe}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return c}});

package/dist/utils/chart/chart.types.d.ts

@@ -16,5 +16,19 @@ export type TChartSeries = {
     label: string;
     points: TChartPoint[];
     fillColor?: string;
+    /** Пунктирная линия серии. */
+    dashed?: boolean;
+    /** Заливка под линией серии до нуля. */
+    area?: boolean;
+};
+export type TChartMarker = {
+    /** Индекс точки первой серии. */
+    index: number;
+    /** Подпись рядом с точкой. */
+    label?: string;
+    /** Цвет маркера и подписи: имя CSS-переменной (`--s-ui-…`) или готовый цвет. */
+    color?: string;
+    /** Рисовать подпись под точкой, а не над ней. */
+    below?: boolean;
 };
 //# sourceMappingURL=chart.types.d.ts.map

package/dist/utils/chart/chart.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chart.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"chart.types.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/chart.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}

package/dist/utils/chart/core/chartInteractivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartInteractivity.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartInteractivity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAKrE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE5D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAA;KAAE,CAAA;IAC9C,MAAM,EAAE,iBAAiB,CAAA;IACzB,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAA;AA4GnD,eAAO,MAAM,QAAQ,GACnB,OAAO,iBAAiB,EACxB,MAAM,aAAa,EACnB,cAAc,MAAM,GAAG,oBAAoB,GAAG,IAAI,EAClD,YAAY,MAAM,EAClB,qBAAmB,EACnB,SAAQ,eAA4B,SAYrC,CAAA;AAID,eAAO,MAAM,kBAAkB,GAAI,OAAO,iBAAiB,EAAE,SAAS,eAAe,SAUpF,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,CACX,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE;QAAE,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAC/C,OAAO,GAAG,SAAS,CAAA;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CAClF;AA6BD,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CACxE;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC1F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IAChE,OAAO,EAAE,sBAAsB,EAAE,CAAA;CAClC;AAED,eAAO,MAAM,wBAAwB,GAAI,0EAMtC,0BAA0B,KAAG,2BAgC/B,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,mBAAmB,OAAO,GAAG,IAAI,WACN,CAAA;AAE/D,eAAO,MAAM,gBAAgB,GAC3B,OAAO,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EACxC,mBAAmB,OAAO,GAAG,IAAI,KAChC,MAAM,GAAG,SAkBX,CAAA"}
+{"version":3,"file":"chartInteractivity.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/chartInteractivity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAqB,UAAU,EAAE,MAAM,UAAU,CAAA;AAUxF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE5D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,UAAU,wBAAwB;IAChC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE;QAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAA;KAAE,CAAA;IAC9C,MAAM,EAAE,iBAAiB,CAAA;IACzB,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACpC;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAA;AAyHnD,eAAO,MAAM,QAAQ,GACnB,OAAO,iBAAiB,EACxB,MAAM,aAAa,EACnB,cAAc,MAAM,GAAG,oBAAoB,GAAG,IAAI,EAClD,YAAY,MAAM,EAClB,qBAAmB,EACnB,SAAQ,eAA4B,SAYrC,CAAA;AAID,eAAO,MAAM,kBAAkB,GAAI,OAAO,iBAAiB,EAAE,SAAS,eAAe,SAUpF,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,EAAE,CACX,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE;QAAE,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAC/C,OAAO,GAAG,SAAS,CAAA;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CAClF;AA6BD,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,aAAa,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,mBAAmB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CACxE;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAC1F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,CAAA;IAChE,OAAO,EAAE,sBAAsB,EAAE,CAAA;CAClC;AAED,eAAO,MAAM,wBAAwB,GAAI,0EAMtC,0BAA0B,KAAG,2BAgC/B,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,mBAAmB,OAAO,GAAG,IAAI,WACN,CAAA;AAE/D,eAAO,MAAM,gBAAgB,GAC3B,OAAO,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EACxC,mBAAmB,OAAO,GAAG,IAAI,KAChC,MAAM,GAAG,SAkBX,CAAA"}

package/dist/utils/chart/core/createChartMarkersPlugin.d.ts

@@ -0,0 +1,8 @@
+import type { Plugin } from 'chart.js';
+import type { TChartMarker } from '../chart.types';
+export interface ICreateChartMarkersPluginOptions {
+    markers: TChartMarker[];
+    datasetIndex?: number;
+}
+export declare const createChartMarkersPlugin: ({ markers, datasetIndex }: ICreateChartMarkersPluginOptions, colorHostElement?: Element | null) => Plugin<"line">;
+//# sourceMappingURL=createChartMarkersPlugin.d.ts.map

package/dist/utils/chart/core/createChartMarkersPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createChartMarkersPlugin.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/createChartMarkersPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAS,MAAM,EAAE,MAAM,UAAU,CAAA;AAE7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAclD,MAAM,WAAW,gCAAgC;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAiGD,eAAO,MAAM,wBAAwB,GACnC,2BAA+B,gCAAgC,EAC/D,mBAAmB,OAAO,GAAG,IAAI,KAChC,MAAM,CAAC,MAAM,CAmEd,CAAA"}

package/dist/utils/chart/core/createZeroLinePlugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'chart.js';
+export declare const createZeroLinePlugin: (colorHostElement?: Element | null) => Plugin<"line">;
+//# sourceMappingURL=createZeroLinePlugin.d.ts.map

package/dist/utils/chart/core/createZeroLinePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createZeroLinePlugin.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/createZeroLinePlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAOtC,eAAO,MAAM,oBAAoB,GAAI,mBAAmB,OAAO,GAAG,IAAI,KAAG,MAAM,CAAC,MAAM,CAsBpF,CAAA"}

package/dist/utils/chart/core/resolveChartValueRange.d.ts

@@ -0,0 +1,11 @@
+export interface IResolveChartValueRangeOptions {
+    yMin?: number;
+    yMax?: number;
+    yStep: number;
+}
+export interface IChartValueRange {
+    min: number;
+    max: number;
+}
+export declare const resolveChartValueRange: (values: number[], { yMin, yMax, yStep }: IResolveChartValueRangeOptions) => IChartValueRange;
+//# sourceMappingURL=resolveChartValueRange.d.ts.map

package/dist/utils/chart/core/resolveChartValueRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveChartValueRange.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/core/resolveChartValueRange.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,8BAA8B;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAgBD,eAAO,MAAM,sBAAsB,GACjC,QAAQ,MAAM,EAAE,EAChB,uBAAuB,8BAA8B,KACpD,gBAUF,CAAA"}

package/dist/utils/chart/index.d.ts

@@ -6,8 +6,13 @@ export { CHART_CSS_VARIABLES, SKELETON_SERIES_PALETTE_CSS_VARIABLES, STACKED_SER
 export { ensureChartJsRegistered } from './core/registerChartJs';
 export { createChartSkeletonInteraction, createChartSkeletonTooltipEnabled, resolveChartSkeletonPlugins, } from './core/chartSkeletonConfig';
 export type { IChartInteractionOptions } from './core/chartSkeletonConfig';
-export type { TChartPoint, TChartSeries, TChartSlice } from './chart.types';
-export { createChartAreaFillGradient } from './line/createChartAreaFillGradient';
+export type { TChartMarker, TChartPoint, TChartSeries, TChartSlice } from './chart.types';
+export { resolveChartValueRange } from './core/resolveChartValueRange';
+export type { IChartValueRange, IResolveChartValueRangeOptions, } from './core/resolveChartValueRange';
+export { createZeroLinePlugin } from './core/createZeroLinePlugin';
+export { createChartMarkersPlugin } from './core/createChartMarkersPlugin';
+export type { ICreateChartMarkersPluginOptions } from './core/createChartMarkersPlugin';
+export { CHART_AREA_FILL_END_COLOR, CHART_AREA_FILL_OPACITY, createChartAreaFillGradient, } from './line/createChartAreaFillGradient';
 export { areChartSeriesAligned } from './stacked/areChartSeriesAligned';
 export { resolveStackedChartContext } from './stacked/resolveStackedChartContext';
 export type { IResolveStackedChartContextOptions, IStackedChartContext, } from './stacked/resolveStackedChartContext';

package/dist/utils/chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAC5E,OAAO,EACL,mBAAmB,EACnB,qCAAqC,EACrC,oCAAoC,GACrC,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EACL,8BAA8B,EAC9B,iCAAiC,EACjC,2BAA2B,GAC5B,MAAM,4BAA4B,CAAA;AACnC,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAC1E,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACjF,YAAY,EACV,kCAAkC,EAClC,oBAAoB,GACrB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAA;AACjF,OAAO,EACL,iCAAiC,EACjC,+BAA+B,EAC/B,4BAA4B,GAC7B,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAA;AACjF,OAAO,EACL,gCAAgC,EAChC,8BAA8B,EAC9B,2BAA2B,GAC5B,MAAM,wCAAwC,CAAA;AAC/C,OAAO,EAAE,kCAAkC,EAAE,MAAM,0CAA0C,CAAA;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAA;AAC7F,YAAY,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,gDAAgD,CAAA;AAChG,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,yCAAyC,CAAA;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AACvE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,GAC5B,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EAAE,iCAAiC,EAAE,MAAM,uCAAuC,CAAA;AAC9F,OAAO,EACL,+BAA+B,EAC/B,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAA;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AACtE,YAAY,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAA;AACnF,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/chart/index.ts"],"names":[],"mappings":"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"}

package/dist/utils/chart/line/createChartAreaFillGradient.d.ts

@@ -1,3 +1,5 @@
 import type { ScriptableContext } from 'chart.js';
+export declare const CHART_AREA_FILL_OPACITY = 0.35;
+export declare const CHART_AREA_FILL_END_COLOR = "transparent";
 export declare const createChartAreaFillGradient: (context: ScriptableContext<"line">, fillStartColor: string, fillEndColor: string, fillOpacity?: number) => string | CanvasGradient;
 //# sourceMappingURL=createChartAreaFillGradient.d.ts.map

package/dist/utils/chart/line/createChartAreaFillGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createChartAreaFillGradient.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/line/createChartAreaFillGradient.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AA8BjD,eAAO,MAAM,2BAA2B,GACtC,SAAS,iBAAiB,CAAC,MAAM,CAAC,EAClC,gBAAgB,MAAM,EACtB,cAAc,MAAM,EACpB,oBAAe,4BAkBhB,CAAA"}
+{"version":3,"file":"createChartAreaFillGradient.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/line/createChartAreaFillGradient.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAIjD,eAAO,MAAM,uBAAuB,OAAO,CAAA;AAC3C,eAAO,MAAM,yBAAyB,gBAAgB,CAAA;AA4BtD,eAAO,MAAM,2BAA2B,GACtC,SAAS,iBAAiB,CAAC,MAAM,CAAC,EAClC,gBAAgB,MAAM,EACtB,cAAc,MAAM,EACpB,oBAAe,4BAkBhB,CAAA"}

package/dist/utils/chart/pie/createPieSegmentBadgePlugin.d.ts

@@ -1,3 +1,3 @@
 import type { Plugin } from 'chart.js';
-export declare const createPieSegmentBadgePlugin: (colorHostElement: Element | null | undefined) => Plugin<"pie">;
+export declare const createPieSegmentBadgePlugin: (colorHostElement: Element | null | undefined, formatValue?: (value: number) => string) => Plugin<"pie">;
 //# sourceMappingURL=createPieSegmentBadgePlugin.d.ts.map

package/dist/utils/chart/pie/createPieSegmentBadgePlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPieSegmentBadgePlugin.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/pie/createPieSegmentBadgePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoC,MAAM,EAAE,MAAM,UAAU,CAAA;AA0CxE,eAAO,MAAM,2BAA2B,GACtC,kBAAkB,OAAO,GAAG,IAAI,GAAG,SAAS,KAC3C,MAAM,CAAC,KAAK,CAgDb,CAAA"}
+{"version":3,"file":"createPieSegmentBadgePlugin.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/pie/createPieSegmentBadgePlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoC,MAAM,EAAE,MAAM,UAAU,CAAA;AA0CxE,eAAO,MAAM,2BAA2B,GACtC,kBAAkB,OAAO,GAAG,IAAI,GAAG,SAAS,EAC5C,cAAc,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,KACtC,MAAM,CAAC,KAAK,CAgDb,CAAA"}

package/dist/utils/chart/pie/createPieTooltipCallbacks.d.ts

@@ -1,5 +1,5 @@
 import type { TooltipItem } from 'chart.js';
-export declare const createPieTooltipCallbacks: () => {
+export declare const createPieTooltipCallbacks: (formatValue?: (value: number) => string) => {
     title: () => string;
     label: (context: TooltipItem<"pie">) => string;
 };

package/dist/utils/chart/pie/createPieTooltipCallbacks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPieTooltipCallbacks.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/pie/createPieTooltipCallbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,yBAAyB;;qBAEnB,WAAW,CAAC,KAAK,CAAC;CAMnC,CAAA"}
+{"version":3,"file":"createPieTooltipCallbacks.d.ts","sourceRoot":"","sources":["../../../../src/utils/chart/pie/createPieTooltipCallbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,yBAAyB,GAAI,cAAc,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;;qBAE9D,WAAW,CAAC,KAAK,CAAC;CAOnC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.69.1",
+  "version": "1.71.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -274,8 +274,8 @@
   "dependencies": {
     "chart.js": "^4.5.0",
     "vue-i18n": "^9.14.5",
-    "@shtabapp/ui-kit-primitives": "^1.33.0",
-    "@shtabapp/ui-kit-tokens": "^1.20.0"
+    "@shtabapp/ui-kit-tokens": "^1.20.0",
+    "@shtabapp/ui-kit-primitives": "^1.33.0"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",