@shtabapp/ui-kit 1.45.0 → 1.47.0

package/dist/{SChartSkeletonHost-CecfQ3Ye.js → SChartSkeletonHost-DSFyP_DN.js}

@@ -1,13 +1,13 @@
-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 ee } from "@vueuse/core";
-import { ArcElement as te, BarController as m, BarElement as h, CategoryScale as g, Chart as _, Filler as v, LineController as y, LineElement as b, LinearScale as x, PieController as S, PointElement as C, Tooltip as w } 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 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 te, BarElement as ne, CategoryScale as re, Chart as h, Filler as ie, LineController as ae, LineElement as oe, LinearScale as g, PieController as _, PointElement as v, Tooltip as y } from "chart.js";
 //#region src/utils/chart/css/readCssColor.ts
-var T = (e, t) => {
+var b = (e, t) => {
 	if (typeof window > "u") return "";
 	let n = t ?? document.documentElement;
 	return getComputedStyle(n).getPropertyValue(e).trim();
-}, E = {
+}, x = {
 	axisLabel: "--s-ui-chart-axis-label",
 	grid: "--s-ui-chart-grid",
 	crosshair: "--s-ui-chart-crosshair",
@@ -26,6 +26,8 @@ var T = (e, t) => {
 	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",
@@ -84,70 +86,70 @@ var T = (e, t) => {
 	burnupFactFillEnd: "--s-ui-chart-burnup-fact-fill-end",
 	burnupToday: "--s-ui-chart-burnup-today",
 	burnupTagBackground: "--s-ui-chart-burnup-tag-background"
-}, D = [
-	E.stackedPalette1,
-	E.stackedPalette2,
-	E.stackedPalette3,
-	E.stackedPalette4,
-	E.stackedPalette5,
-	E.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 = [
+	x.piePalette1,
+	x.piePalette2,
+	x.piePalette3,
+	x.piePalette4,
+	x.piePalette5,
+	x.piePalette6,
+	x.piePalette7,
+	x.piePalette8
+], D = [
+	x.pieSkeletonPalette1,
+	x.pieSkeletonPalette2,
+	x.pieSkeletonPalette3,
+	x.pieSkeletonPalette4,
+	x.pieSkeletonPalette5,
+	x.pieSkeletonPalette6,
+	x.pieSkeletonPalette7,
+	x.pieSkeletonPalette8
 ], O = [
-	E.skeletonPalette1,
-	E.skeletonPalette2,
-	E.skeletonPalette3,
-	E.skeletonPalette4,
-	E.skeletonPalette5,
-	E.skeletonPalette6
-], k = [
-	E.barStackedPalette1,
-	E.barStackedPalette2,
-	E.barStackedPalette3,
-	E.barStackedPalette4,
-	E.barStackedPalette5,
-	E.barStackedPalette6
-], A = [
-	E.barSkeletonPalette1,
-	E.barSkeletonPalette2,
-	E.barSkeletonPalette3,
-	E.barSkeletonPalette4,
-	E.barSkeletonPalette5,
-	E.barSkeletonPalette6
-], j = [
-	E.piePalette1,
-	E.piePalette2,
-	E.piePalette3,
-	E.piePalette4,
-	E.piePalette5,
-	E.piePalette6,
-	E.piePalette7,
-	E.piePalette8
-], M = [
-	E.pieSkeletonPalette1,
-	E.pieSkeletonPalette2,
-	E.pieSkeletonPalette3,
-	E.pieSkeletonPalette4,
-	E.pieSkeletonPalette5,
-	E.pieSkeletonPalette6,
-	E.pieSkeletonPalette7,
-	E.pieSkeletonPalette8
-], N = [
-	E.multiLinePalette1,
-	E.multiLinePalette2,
-	E.multiLinePalette3
-], P = (e) => "captions" in e, F = (e, t) => {
+	x.multiLinePalette1,
+	x.multiLinePalette2,
+	x.multiLinePalette3
+], k = (e) => "captions" in e, A = (e, t) => {
 	let n = e.data.datasets[0];
-	if (!n || !P(n)) return;
+	if (!n || !k(n)) return;
 	let r = n.captions?.[t];
 	if (r) return r;
-}, I = () => ({
+}, j = () => ({
 	title: (e) => {
 		let t = e[0];
 		if (!t) return "";
-		let n = F(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}`
-}), L = "stackedBarTop", ne = function(e, t) {
+}), M = "stackedBarTop", N = function(e, t) {
 	if (e.length === 0) return {
 		x: t.x,
 		y: t.y
@@ -165,13 +167,13 @@ var T = (e, t) => {
 		x: (r + i) / 2,
 		y: n
 	};
-}, R = () => ({
+}, P = () => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
 	},
 	label: (e) => `${e.dataset.label ?? ""}: ${e.parsed.y ?? 0}`
-}), z = "multiLineTop", B = function(e, t) {
+}), F = "multiLineTop", I = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -180,22 +182,22 @@ var T = (e, t) => {
 		x: t.x,
 		y: n.top
 	};
-}, V = "progressChartPoint", H = 1, U = (e, t) => {
-	let n = e.data.datasets[H]?.data[t];
+}, L = "progressChartPoint", R = 1, z = (e, t) => {
+	let n = e.data.datasets[R]?.data[t];
 	return typeof n == "number" ? n : null;
-}, W = function(e) {
-	let t = e.find((e) => e.datasetIndex === H) ?? e[0];
+}, se = 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 = U(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"
 	};
-}, G = ({ total: e } = {}) => ({
+}, B = ({ total: e } = {}) => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
@@ -205,7 +207,7 @@ var T = (e, t) => {
 		let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
 		return e ? `${e} – ${n}` : `${n}`;
 	}
-}), K = "stackedAreaTop", q = function(e, t) {
+}), V = "stackedAreaTop", H = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -214,20 +216,69 @@ var T = (e, t) => {
 		x: t.x,
 		y: n.top
 	};
-}, J = !1, Y = !1, X = !1, Z = !1, re = !1, ie = () => {
-	Y ||= (w.positioners.stackedAreaTop = q, !0);
-}, ae = () => {
-	X ||= (w.positioners.stackedBarTop = ne, !0);
-}, oe = () => {
-	Z ||= (w.positioners.progressChartPoint = W, !0);
-}, se = () => {
-	re ||= (w.positioners.multiLineTop = B, !0);
-}, Q = () => {
-	J ||= (_.register(y, b, C, m, h, S, te, x, g, w, v), ie(), ae(), oe(), se(), !0);
-}, ce = (e, t) => e ? {
+}, U = !1, W = !1, G = !1, K = !1, ce = !1, le = () => {
+	W ||= (y.positioners.stackedAreaTop = H, !0);
+}, ue = () => {
+	G ||= (y.positioners.stackedBarTop = N, !0);
+}, de = () => {
+	K ||= (y.positioners.progressChartPoint = se, !0);
+}, fe = () => {
+	ce ||= (y.positioners.multiLineTop = I, !0);
+}, pe = () => {
+	U ||= (h.register(ae, oe, v, te, ne, _, m, g, re, y, ie), le(), ue(), de(), fe(), !0);
+}, me = (e, t) => e ? {
 	mode: "nearest",
 	intersect: !1
-} : t, le = (e) => !e, ue = (e, t) => e ? [] : t, de = ({ canvasRef: e, config: t, enabled: n }) => {
+} : t, he = (e) => !e, ge = (e, t) => e ? [] : t, q = /* @__PURE__ */ new WeakMap(), J = {
+	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);
+		});
+	}
+}, Y = (e, t, n, r, i = !1) => {
+	(q.get(e)?.index ?? null) !== n && (q.set(e, {
+		index: n,
+		kind: t,
+		mutedColor: r
+	}), J[t](e, n, r), e.canvas.style.cursor = n !== null && i ? "pointer" : "", e.update());
+}, X = (e) => {
+	let t = q.get(e);
+	!t || t.index === null || (q.set(e, {
+		...t,
+		index: null
+	}), J[t.kind](e, null, t.mutedColor), e.canvas.style.cursor = "", e.update());
+}, _e = {
+	id: "sChartHoverDimReset",
+	afterEvent: (e, t) => {
+		t.event.type === "mouseout" && X(e);
+	}
+}, Z = (e, t) => {
+	let n = e[0];
+	return n ? t === "element" ? n.index : n.datasetIndex : null;
+}, ve = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r }) => {
+	if (t) return { plugins: [] };
+	let i = Q(n), a = !!r, o = {
+		onHover: (t, n, r) => {
+			Y(r, e, Z(n, e), i, a);
+		},
+		plugins: [_e]
+	};
+	return r && (o.onClick = (t, n) => {
+		let i = Z(n, e);
+		i !== null && r(i);
+	}), o;
+}, Q = (e) => b(x.fillMuted, e), ye = (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 = b(x.exportBackground, t) || "#ffffff", r.fillRect(0, 0, n.width, n.height), r.drawImage(e.canvas, 0, 0), n.toDataURL("image/png");
+}, be = ({ canvasRef: e, config: t, enabled: n }) => {
 	let a = s(), o = () => {
 		a.value &&= (a.value.destroy(), void 0);
 	}, l = () => {
@@ -240,7 +291,7 @@ var T = (e, t) => {
 			o();
 			return;
 		}
-		Q(), a.value &&= (a.value.destroy(), void 0), a.value = new _(r, i);
+		pe(), a.value &&= (a.value.destroy(), void 0), a.value = new h(r, i);
 	};
 	return i(() => {
 		l();
@@ -250,14 +301,24 @@ var T = (e, t) => {
 		c(t)
 	], () => {
 		l();
-	}, { deep: !0 }), ee(e, () => {
+	}, { deep: !0 }), p(e, () => {
 		a.value?.resize();
 	}), r(() => {
 		o();
 	}), { chartInstance: a };
-}, $ = /* @__PURE__ */ function(e) {
+}, xe = ({ 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 ye(e.value, c(n));
+	},
+	handleLegendItemHover: (t) => {
+		e.value && Y(e.value, r, t, Q(c(n)));
+	}
+}), $ = /* @__PURE__ */ function(e) {
 	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
-}({}), fe = /* @__PURE__ */ n({
+}({}), Se = /* @__PURE__ */ n({
 	__name: "SChartSkeletonHost",
 	props: {
 		loading: {
@@ -267,16 +328,16 @@ var T = (e, t) => {
 		type: { default: () => $.CARTESIAN }
 	},
 	setup(n) {
-		let r = e(() => n.type === $.PIE ? f.CHART_PIE : f.CHART_CARTESIAN);
-		return (e, i) => n.loading ? (a(), t(l(p), {
+		let r = e(() => n.type === $.PIE ? d.CHART_PIE : d.CHART_CARTESIAN);
+		return (e, i) => n.loading ? (a(), t(l(f), {
 			key: 0,
 			type: r.value,
 			class: "s-ui-chart-skeleton-host"
 		}, {
-			default: d(() => [o(e.$slots, "default")]),
+			default: ee(() => [o(e.$slots, "default")]),
 			_: 3
 		}, 8, ["type"])) : o(e.$slots, "default", { key: 1 });
 	}
 });
 //#endregion
-export { T as S, N as _, le as a, O as b, G as c, R as d, L as f, E as g, k as h, ce as i, V as l, A as m, $ as n, ue as o, I as p, de as r, K as s, fe as t, z as u, M as v, D as x, j as y };
+export { S as C, C as S, w as _, ve as a, D as b, ge as c, L as d, F as f, T as g, j as h, be as i, V as l, M as m, $ as n, me as o, P as p, xe as r, he as s, Se as t, B as u, x as v, b as w, E as x, O as y };

package/dist/SChartStackedArea-BR7W44h6.js

@@ -0,0 +1,254 @@
+import { C as e, S as t, a as n, c as r, i, l as a, o, r as s, s as c, t as l, u, v as d } from "./SChartSkeletonHost-DSFyP_DN.js";
+import { t as f } from "./buildCartesianChartScales-EofFq3ry.js";
+import { n as p, t as m } from "./buildChartSeriesPoints-D8Xpfwp7.js";
+import { t as h } from "./resolveStackedChartContext-BiIGZ2or.js";
+import { t as g } from "./createChartCrosshairPlugin-q3U4ePnf.js";
+import { t as _ } from "./resolveSeriesPaletteColor-fuhGbjFO.js";
+import { t as v } from "./SChartLegend-oZoF8XK7.js";
+import { t as y } from "./useHasListener-RSjlUyqH.js";
+import { computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createVNode as T, defineComponent as E, normalizeClass as D, openBlock as O, unref as k, useTemplateRef as A, withCtx as j } from "vue";
+//#region src/utils/chart/stacked/resolveStackedSeriesColor.ts
+var M = (n, r, i, a = !1) => _(n, r, i, a, {
+	palette: e,
+	paletteFallback: d.stackedPalette1,
+	skeletonPalette: t,
+	skeletonFallback: d.skeletonPalette1
+}), N = 20, P = "stack0", F = ({ seriesList: e, colorHostElement: t, yMax: i, yMin: s, yStep: l = N, skeleton: d = !1, totalLabel: p, onSeriesClick: m }) => {
+	let _ = h({
+		seriesList: e,
+		colorHostElement: t,
+		yMax: i,
+		yMin: s,
+		yStep: l,
+		skeleton: d
+	});
+	if (!_) return null;
+	let { axisLabelColor: v, gridColor: y, tooltipBackgroundColor: b, tooltipTextColor: x, resolvedYMax: S, resolvedYMin: C, chartLabels: w } = _, T = n({
+		kind: "series",
+		skeleton: d,
+		colorHostElement: t,
+		onIndexClick: m
+	});
+	return {
+		type: "line",
+		data: {
+			labels: w,
+			datasets: e.map((e, n) => {
+				let r = M(n, t, e.fillColor, d);
+				return {
+					label: e.label,
+					data: e.points.map((e) => e.value),
+					borderColor: r,
+					backgroundColor: r,
+					...d ? {} : {
+						hoverBorderColor: r,
+						hoverBackgroundColor: r
+					},
+					borderWidth: 0,
+					fill: !0,
+					pointRadius: 0,
+					pointHoverRadius: 0,
+					tension: 0,
+					stack: P
+				};
+			})
+		},
+		options: {
+			responsive: !0,
+			maintainAspectRatio: !1,
+			onHover: T.onHover,
+			onClick: T.onClick,
+			hover: d ? void 0 : {
+				mode: "nearest",
+				intersect: !1
+			},
+			interaction: o(d, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: c(d),
+					backgroundColor: b,
+					titleColor: x,
+					bodyColor: x,
+					footerColor: x,
+					displayColors: !1,
+					position: a,
+					yAlign: "bottom",
+					xAlign: "center",
+					caretPadding: 8,
+					callbacks: u({ total: p })
+				}
+			},
+			scales: f({
+				axisLabelColor: v,
+				gridColor: y,
+				yMin: C,
+				yMax: S,
+				yStep: l,
+				stacked: !0
+			})
+		},
+		plugins: r(d, [g(t), ...T.plugins])
+	};
+}, I = [
+	"24.02",
+	"28.02",
+	"04.03",
+	"08.03",
+	"12.03",
+	"16.03",
+	"20.03",
+	"24.03",
+	"28.03",
+	"01.04",
+	"05.04",
+	"09.04",
+	"13.04",
+	"17.04"
+], L = [
+	18,
+	22,
+	26,
+	30,
+	34,
+	38,
+	42,
+	44,
+	46,
+	48,
+	49,
+	50,
+	51,
+	52
+], R = [
+	6,
+	6,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7,
+	7
+], z = [
+	10,
+	11,
+	12,
+	12,
+	11,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10,
+	10
+], B = [
+	32,
+	30,
+	28,
+	26,
+	28,
+	30,
+	29,
+	28,
+	27,
+	26,
+	26,
+	27,
+	28,
+	28
+], V = [
+	"Готово",
+	"На ревью",
+	"В процессе",
+	"Бэклог"
+], H = [
+	{
+		label: V[0] ?? "Series 1",
+		points: m(I, L)
+	},
+	{
+		label: V[1] ?? "Series 2",
+		points: m(I, R)
+	},
+	{
+		label: V[2] ?? "Series 3",
+		points: m(I, z)
+	},
+	{
+		label: V[3] ?? "Series 4",
+		points: m(I, B)
+	}
+], U = { class: "s-ui-chart-stacked-area__canvas-wrap" }, W = /* @__PURE__ */ E({
+	__name: "SChartStackedArea",
+	props: {
+		series: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		yMax: {},
+		yStep: {},
+		totalLabel: {}
+	},
+	emits: ["seriesClick"],
+	setup(e, { expose: t, emit: n }) {
+		let r = n, a = A("chartRootRef"), o = A("chartCanvasRef"), c = b(() => e.loading ? H : e.series), u = (t) => {
+			let n = e.series[t];
+			n && r("seriesClick", t, n);
+		}, d = y("onSeriesClick"), f = b(() => !e.loading && e.series.length === 0 ? null : F({
+			seriesList: c.value,
+			colorHostElement: a.value,
+			yMax: e.loading ? 160 : e.yMax,
+			yMin: e.loading ? 0 : void 0,
+			yStep: e.loading ? 20 : e.yStep,
+			skeleton: e.loading,
+			totalLabel: e.totalLabel,
+			onSeriesClick: d() ? u : void 0
+		})), m = b(() => p(c.value, (t, n) => M(t, a.value, n, e.loading))), { chartInstance: h } = i({
+			canvasRef: o,
+			config: f,
+			enabled: b(() => e.loading || e.series.length > 0)
+		}), { exportImage: g, handleLegendItemHover: _ } = s({
+			chartInstance: h,
+			canvasRef: o,
+			colorHostElement: a
+		});
+		return t({ exportImage: g }), (t, n) => (O(), C("div", {
+			ref_key: "chartRootRef",
+			ref: a,
+			class: D(["s-ui-chart-stacked-area", { "s-ui-chart-stacked-area--skeleton": e.loading }])
+		}, [w("div", U, [T(k(l), { loading: e.loading }, {
+			default: j(() => [w("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: o,
+				class: "s-ui-chart-stacked-area__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])]), m.value.length ? (O(), x(k(v), {
+			key: 0,
+			items: m.value,
+			disabled: e.loading,
+			interactive: !e.loading,
+			onItemHover: k(_)
+		}, null, 8, [
+			"items",
+			"disabled",
+			"interactive",
+			"onItemHover"
+		])) : S("", !0)], 2));
+	}
+});
+//#endregion
+export { W as t };

package/dist/SChartStackedArea-DHSamqau.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-BlIYGj-7.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),r=require("./resolveStackedChartContext-Bp75eU_I.cjs"),i=require("./createChartCrosshairPlugin-DdLyEWI0.cjs"),a=require("./resolveSeriesPaletteColor-YACKW1NO.cjs"),o=require("./SChartLegend-DGtjd6zV.cjs"),s=require("./useHasListener-BPgtbbo6.cjs");let c=require("vue");var l=(t,n,r,i=!1)=>a.t(t,n,r,i,{palette:e.C,paletteFallback:e.v.stackedPalette1,skeletonPalette:e.S,skeletonFallback:e.v.skeletonPalette1}),u=20,d=`stack0`,f=({seriesList:n,colorHostElement:a,yMax:o,yMin:s,yStep:c=u,skeleton:f=!1,totalLabel:p,onSeriesClick:m})=>{let h=r.t({seriesList:n,colorHostElement:a,yMax:o,yMin:s,yStep:c,skeleton:f});if(!h)return null;let{axisLabelColor:g,gridColor:_,tooltipBackgroundColor:v,tooltipTextColor:y,resolvedYMax:b,resolvedYMin:x,chartLabels:S}=h,C=e.a({kind:`series`,skeleton:f,colorHostElement:a,onIndexClick:m});return{type:`line`,data:{labels:S,datasets:n.map((e,t)=>{let n=l(t,a,e.fillColor,f);return{label:e.label,data:e.points.map(e=>e.value),borderColor:n,backgroundColor:n,...f?{}:{hoverBorderColor:n,hoverBackgroundColor:n},borderWidth:0,fill:!0,pointRadius:0,pointHoverRadius:0,tension:0,stack:d}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:C.onHover,onClick:C.onClick,hover:f?void 0:{mode:`nearest`,intersect:!1},interaction:e.o(f,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(f),backgroundColor:v,titleColor:y,bodyColor:y,footerColor:y,displayColors:!1,position:e.l,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.u({total:p})}},scales:t.t({axisLabelColor:g,gridColor:_,yMin:x,yMax:b,yStep:c,stacked:!0})},plugins:e.c(f,[i.t(a),...C.plugins])}},p=[`24.02`,`28.02`,`04.03`,`08.03`,`12.03`,`16.03`,`20.03`,`24.03`,`28.03`,`01.04`,`05.04`,`09.04`,`13.04`,`17.04`],m=[18,22,26,30,34,38,42,44,46,48,49,50,51,52],h=[6,6,7,7,7,7,7,7,7,7,7,7,7,7],g=[10,11,12,12,11,10,10,10,10,10,10,10,10,10],_=[32,30,28,26,28,30,29,28,27,26,26,27,28,28],v=[`Готово`,`На ревью`,`В процессе`,`Бэклог`],y=[{label:v[0]??`Series 1`,points:n.t(p,m)},{label:v[1]??`Series 2`,points:n.t(p,h)},{label:v[2]??`Series 3`,points:n.t(p,g)},{label:v[3]??`Series 4`,points:n.t(p,_)}],b={class:`s-ui-chart-stacked-area__canvas-wrap`},x=(0,c.defineComponent)({__name:`SChartStackedArea`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{},totalLabel:{}},emits:[`seriesClick`],setup(t,{expose:r,emit:i}){let a=i,u=(0,c.useTemplateRef)(`chartRootRef`),d=(0,c.useTemplateRef)(`chartCanvasRef`),p=(0,c.computed)(()=>t.loading?y:t.series),m=e=>{let n=t.series[e];n&&a(`seriesClick`,e,n)},h=s.t(`onSeriesClick`),g=(0,c.computed)(()=>!t.loading&&t.series.length===0?null:f({seriesList:p.value,colorHostElement:u.value,yMax:t.loading?160:t.yMax,yMin:t.loading?0:void 0,yStep:t.loading?20:t.yStep,skeleton:t.loading,totalLabel:t.totalLabel,onSeriesClick:h()?m:void 0})),_=(0,c.computed)(()=>n.n(p.value,(e,n)=>l(e,u.value,n,t.loading))),{chartInstance:v}=e.i({canvasRef:d,config:g,enabled:(0,c.computed)(()=>t.loading||t.series.length>0)}),{exportImage:x,handleLegendItemHover:S}=e.r({chartInstance:v,canvasRef:d,colorHostElement:u});return r({exportImage:x}),(n,r)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,c.normalizeClass)([`s-ui-chart-stacked-area`,{"s-ui-chart-stacked-area--skeleton":t.loading}])},[(0,c.createElementVNode)(`div`,b,[(0,c.createVNode)((0,c.unref)(e.t),{loading:t.loading},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-area__canvas`},null,512)]),_:1},8,[`loading`])]),_.value.length?((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(o.t),{key:0,items:_.value,disabled:t.loading,interactive:!t.loading,onItemHover:(0,c.unref)(S)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,c.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});

package/dist/SChartStackedBar-B3HcO4UQ.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-BlIYGj-7.cjs"),t=require("./buildCartesianChartScales-Dck5yBMo.cjs"),n=require("./buildChartSeriesPoints-Bv3nXvSu.cjs"),r=require("./resolveStackedChartContext-Bp75eU_I.cjs"),i=require("./resolveSeriesPaletteColor-YACKW1NO.cjs"),a=require("./SChartLegend-DGtjd6zV.cjs"),o=require("./useHasListener-BPgtbbo6.cjs");let s=require("vue");var c=(t,n,r,a=!1)=>i.t(t,n,r,a,{palette:e._,paletteFallback:e.v.barStackedPalette1,skeletonPalette:e.g,skeletonFallback:e.v.barSkeletonPalette1}),l=3,u=4,d=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i),s=o;e.beginPath(),e.moveTo(t,n+i),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.lineTo(t+r-s,n),e.arcTo(t+r,n,t+r,n+s,s),e.lineTo(t+r,n+i),e.closePath(),e.stroke()},f=t=>({id:`stackedBarHoverOutline`,afterDatasetsDraw(n){let r=n.tooltip?.getActiveElements()??[];if(r.length===0)return;let i=1/0,a=1/0,o=-1/0,s=-1/0;for(let e of r){let{x:t,y:n,width:r,base:c}=e.element.getProps([`x`,`y`,`width`,`base`]),l=t-r/2,u=t+r/2,d=n,f=c;i=Math.min(i,l),o=Math.max(o,u),a=Math.min(a,d),s=Math.max(s,f)}let c=e.w(e.v.barHoverOutline,t),{ctx:f,chartArea:p}=n,m=l/2,h=p?.bottom??s,g=Math.min(s,h),_=i+m,v=a+m,y=o-i-l,b=g-a-l;if(y<=0||b<=0)return;let x=Math.max(0,u-m);f.save(),f.strokeStyle=c,f.lineWidth=l,d(f,_,v,y,b,x),f.restore()}}),p=5,m=`stack0`,h=36,g=4,_=12,v=({seriesList:n,colorHostElement:i,yMax:a,yMin:o,yStep:s=p,skeleton:l=!1,onSeriesClick:u})=>{let d=r.t({seriesList:n,colorHostElement:i,yMax:a,yMin:o,yStep:s,skeleton:l});if(!d)return null;let{axisLabelColor:v,gridColor:y,tooltipBackgroundColor:b,tooltipTextColor:x,resolvedYMax:S,resolvedYMin:C,chartLabels:w,pointCaptions:T,topSeriesIndex:E}=d,D=e.a({kind:`series`,skeleton:l,colorHostElement:i,onIndexClick:u});return{type:`bar`,data:{labels:w,datasets:n.map((e,t)=>{let n=c(t,i,e.fillColor,l);return{label:e.label,data:e.points.map(e=>e.value),backgroundColor:n,hoverBackgroundColor:n,borderWidth:0,hoverBorderWidth:0,stack:m,barThickness:h,borderRadius:t===E?{topLeft:g,topRight:g}:0,...t===0?{captions:T}:{}}})},options:{responsive:!0,maintainAspectRatio:!1,onHover:D.onHover,onClick:D.onClick,hover:l?void 0:{mode:`nearest`,intersect:!0},interaction:e.o(l,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.s(l),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1,position:e.m,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:e.h()}},scales:t.t({axisLabelColor:v,gridColor:y,yMin:C,yMax:S,yStep:s,stacked:!0,xTickFontSize:_})},plugins:e.c(l,[f(i),...D.plugins])}},y=[`5 неделя`,`6 неделя`,`7 неделя`,`8 неделя`,`9 неделя`,`10 неделя`,`11 неделя`,`12 неделя`,`13 неделя`,`14 неделя`,`15 неделя`,`16 неделя`],b=[12,14,15,16,18,17,16,15,14,13,12,11],x=[6,7,8,8,9,8,7,7,6,6,5,5],S=[4,5,5,6,6,5,5,4,4,3,3,3],C=[`Series 1`,`Series 2`,`Series 3`],w=[{label:C[0]??`Series 1`,points:n.t(y,b)},{label:C[1]??`Series 2`,points:n.t(y,x)},{label:C[2]??`Series 3`,points:n.t(y,S)}],T={class:`s-ui-chart-stacked-bar__canvas-wrap`},E=(0,s.defineComponent)({__name:`SChartStackedBar`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},emits:[`seriesClick`],setup(t,{expose:r,emit:i}){let l=i,u=(0,s.useTemplateRef)(`chartRootRef`),d=(0,s.useTemplateRef)(`chartCanvasRef`),f=(0,s.computed)(()=>t.loading?w:t.series),p=e=>{let n=t.series[e];n&&l(`seriesClick`,e,n)},m=o.t(`onSeriesClick`),h=(0,s.computed)(()=>!t.loading&&t.series.length===0?null:v({seriesList:f.value,colorHostElement:u.value,yMax:t.loading?50:t.yMax,yMin:t.loading?0:void 0,yStep:t.loading?5:t.yStep,skeleton:t.loading,onSeriesClick:m()?p:void 0})),g=(0,s.computed)(()=>n.n(f.value,(e,n)=>c(e,u.value,n,t.loading))),{chartInstance:_}=e.i({canvasRef:d,config:h,enabled:(0,s.computed)(()=>t.loading||t.series.length>0)}),{exportImage:y,handleLegendItemHover:b}=e.r({chartInstance:_,canvasRef:d,colorHostElement:u});return r({exportImage:y}),(n,r)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:u,class:(0,s.normalizeClass)([`s-ui-chart-stacked-bar`,{"s-ui-chart-stacked-bar--skeleton":t.loading}])},[(0,s.createElementVNode)(`div`,T,[(0,s.createVNode)((0,s.unref)(e.t),{loading:t.loading},{default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:d,class:`s-ui-chart-stacked-bar__canvas`},null,512)]),_:1},8,[`loading`])]),g.value.length?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,items:g.value,disabled:t.loading,interactive:!t.loading,onItemHover:(0,s.unref)(b)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,s.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});