@shtabapp/ui-kit 1.62.0 → 1.64.0

package/dist/{SChartSkeletonHost-BT96eWSF.js → useChartInteractivity-BATdT86l.js}

@@ -1,13 +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 te, CategoryScale as ne, Chart as g, Filler as re, LineController as ie, LineElement as ae, LinearScale as oe, PieController as _, PointElement as v, Tooltip as y } from "chart.js";
-//#region src/utils/chart/css/readCssColor.ts
-var b = (e, t) => {
+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";
+//#region src/components/SChartSkeletonHost/SChartSkeletonHost.types.ts
+var x = /* @__PURE__ */ function(e) {
+	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
+}({}), S = /* @__PURE__ */ n({
+	__name: "SChartSkeletonHost",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: () => x.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), {
+			key: 0,
+			type: r.value,
+			class: "s-ui-chart-skeleton-host"
+		}, {
+			default: ee(() => [o(e.$slots, "default")]),
+			_: 3
+		}, 8, ["type"])) : o(e.$slots, "default", { key: 1 });
+	}
+}), C = (e, t) => {
 	if (typeof window > "u") return "";
 	let n = t ?? document.documentElement;
 	return getComputedStyle(n).getPropertyValue(e).trim();
-}, x = {
+}, w = {
 	axisLabel: "--s-ui-chart-axis-label",
 	grid: "--s-ui-chart-grid",
 	crosshair: "--s-ui-chart-crosshair",
@@ -86,70 +108,70 @@ var b = (e, t) => {
 	burnupFactFillEnd: "--s-ui-chart-burnup-fact-fill-end",
 	burnupToday: "--s-ui-chart-burnup-today",
 	burnupTagBackground: "--s-ui-chart-burnup-tag-background"
-}, 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
+}, T = [
+	w.stackedPalette1,
+	w.stackedPalette2,
+	w.stackedPalette3,
+	w.stackedPalette4,
+	w.stackedPalette5,
+	w.stackedPalette6
 ], E = [
-	x.piePalette1,
-	x.piePalette2,
-	x.piePalette3,
-	x.piePalette4,
-	x.piePalette5,
-	x.piePalette6,
-	x.piePalette7,
-	x.piePalette8
+	w.skeletonPalette1,
+	w.skeletonPalette2,
+	w.skeletonPalette3,
+	w.skeletonPalette4,
+	w.skeletonPalette5,
+	w.skeletonPalette6
 ], D = [
-	x.pieSkeletonPalette1,
-	x.pieSkeletonPalette2,
-	x.pieSkeletonPalette3,
-	x.pieSkeletonPalette4,
-	x.pieSkeletonPalette5,
-	x.pieSkeletonPalette6,
-	x.pieSkeletonPalette7,
-	x.pieSkeletonPalette8
+	w.barStackedPalette1,
+	w.barStackedPalette2,
+	w.barStackedPalette3,
+	w.barStackedPalette4,
+	w.barStackedPalette5,
+	w.barStackedPalette6
 ], O = [
-	x.multiLinePalette1,
-	x.multiLinePalette2,
-	x.multiLinePalette3
-], k = (e) => "captions" in e, A = (e, t) => {
+	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) => {
 	let n = e.data.datasets[0];
-	if (!n || !k(n)) return;
+	if (!n || !M(n)) return;
 	let r = n.captions?.[t];
 	if (r) return r;
-}, j = () => ({
+}, P = () => ({
 	title: (e) => {
 		let t = e[0];
 		if (!t) return "";
-		let n = A(t.chart, t.dataIndex), r = [`${t.label}`];
+		let n = N(t.chart, t.dataIndex), r = [`${t.label}`];
 		return n && r.push(n), r;
 	},
 	label: (e) => `${e.dataset.label ?? ""} – ${e.parsed.y ?? 0}`
-}), M = "stackedBarTop", N = function(e, t) {
+}), F = "stackedBarTop", I = function(e, t) {
 	if (e.length === 0) return {
 		x: t.x,
 		y: t.y
@@ -167,13 +189,13 @@ var b = (e, t) => {
 		x: (r + i) / 2,
 		y: n
 	};
-}, P = () => ({
+}, L = () => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
 	},
 	label: (e) => `${e.dataset.label ?? ""}: ${e.parsed.y ?? 0}`
-}), F = "multiLineTop", I = function(e, t) {
+}), R = "multiLineTop", z = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -182,22 +204,22 @@ var b = (e, t) => {
 		x: t.x,
 		y: n.top
 	};
-}, L = "progressChartPoint", R = 1, z = (e, t) => {
-	let n = e.data.datasets[R]?.data[t];
+}, B = "progressChartPoint", V = 1, H = (e, t) => {
+	let n = e.data.datasets[V]?.data[t];
 	return typeof n == "number" ? n : null;
-}, B = function(e) {
-	let t = e.find((e) => e.datasetIndex === R) ?? e[0];
+}, U = function(e) {
+	let t = e.find((e) => e.datasetIndex === V) ?? e[0];
 	if (!t) return !1;
 	let n = this.chart.scales.y;
 	if (!n) return !1;
-	let r = z(this.chart, t.index);
+	let r = H(this.chart, t.index);
 	return r === null ? !1 : {
 		x: t.element.x,
 		y: n.getPixelForValue(r),
 		xAlign: "center",
 		yAlign: "bottom"
 	};
-}, V = ({ total: e } = {}) => ({
+}, W = ({ total: e } = {}) => ({
 	title: (e) => {
 		let t = e[0];
 		return t ? `${t.label}` : "";
@@ -207,7 +229,7 @@ var b = (e, t) => {
 		let n = t.reduce((e, t) => e + (t.parsed.y ?? 0), 0);
 		return e ? `${e} – ${n}` : `${n}`;
 	}
-}), H = "stackedAreaTop", U = function(e, t) {
+}), G = "stackedAreaTop", oe = function(e, t) {
 	let n = this.chart.chartArea;
 	return !n || e.length === 0 ? {
 		x: t.x,
@@ -216,34 +238,34 @@ var b = (e, t) => {
 		x: t.x,
 		y: n.top
 	};
-}, W = !1, se = !1, G = !1, K = !1, ce = !1, le = () => {
-	se ||= (y.positioners.stackedAreaTop = U, !0);
-}, ue = () => {
-	G ||= (y.positioners.stackedBarTop = N, !0);
+}, K = !1, q = !1, se = !1, ce = !1, le = !1, ue = () => {
+	q ||= (b.positioners.stackedAreaTop = oe, !0);
 }, de = () => {
-	K ||= (y.positioners.progressChartPoint = B, !0);
+	se ||= (b.positioners.stackedBarTop = I, !0);
 }, fe = () => {
-	ce ||= (y.positioners.multiLineTop = I, !0);
+	ce ||= (b.positioners.progressChartPoint = U, !0);
 }, pe = () => {
-	W ||= (g.register(ie, ae, v, h, te, _, m, oe, ne, y, re), le(), ue(), de(), fe(), !0);
-}, me = (e, t) => e ? {
+	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 ? {
 	mode: "nearest",
 	intersect: !1
-} : t, he = (e) => !e, ge = (e, t) => e ? [] : t, q = /* @__PURE__ */ new WeakMap(), _e = (e, t) => e === null ? null : typeof e == "number" ? t === "series" ? {
+} : t, ge = (e) => !e, _e = (e, t) => e ? [] : t, J = /* @__PURE__ */ new WeakMap(), ve = (e, t) => e === null ? null : typeof e == "number" ? t === "series" ? {
 	index: 0,
 	datasetIndex: e
 } : {
 	index: e,
 	datasetIndex: 0
-} : e, ve = (e, t) => e === null || t === null ? e === t : e.index === t.index && e.datasetIndex === t.datasetIndex, ye = (e, t, n) => {
+} : e, ye = (e, t) => e === null || t === null ? e === t : e.index === t.index && e.datasetIndex === t.datasetIndex, be = (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));
-}, J = (e, t, n) => Array.isArray(t) ? (e.data ?? []).map(() => n) : n, Y = {
-	element: ye,
+}, Y = (e, t, n) => Array.isArray(t) ? (e.data ?? []).map(() => n) : n, X = {
+	element: be,
 	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 = J(e, e.backgroundColor, i ? a : n)), o !== void 0 && !Array.isArray(o) && (e.borderColor = J(e, e.borderColor, i ? o : n));
+			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));
 		});
 	},
 	segment: (e, t, n) => {
@@ -252,58 +274,58 @@ var b = (e, t) => {
 			i === void 0 || Array.isArray(i) || (e.backgroundColor = (e.data ?? []).map((e, a) => t === null || r === t.datasetIndex && a === t.index ? i : n));
 		});
 	}
-}, X = (e, t, n, r, i = !1, a = "external") => {
-	let o = _e(n, t);
-	ve(q.get(e)?.hovered ?? null, o) || (q.set(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, {
 		hovered: o,
 		kind: t,
 		mutedColor: r,
 		source: a
-	}), Y[t](e, o, r), e.canvas.style.cursor = o !== null && i ? "pointer" : "", e.update());
-}, be = (e, t) => {
-	let n = q.get(e);
-	!n || n.hovered === null || t !== void 0 && n.source !== t || (q.set(e, {
+	}), X[t](e, o, r), e.canvas.style.cursor = o !== null && i ? "pointer" : "", e.update());
+}, xe = (e, t) => {
+	let n = J.get(e);
+	!n || n.hovered === null || t !== void 0 && n.source !== t || (J.set(e, {
 		...n,
 		hovered: null
-	}), Y[n.kind](e, null, n.mutedColor), e.canvas.style.cursor = "", e.update());
-}, xe = {
+	}), X[n.kind](e, null, n.mutedColor), e.canvas.style.cursor = "", e.update());
+}, Se = {
 	id: "sChartHoverDimReset",
-	beforeEvent: (e, t) => t.replay && q.get(e)?.source === "external" ? !1 : void 0,
+	beforeEvent: (e, t) => t.replay && J.get(e)?.source === "external" ? !1 : void 0,
 	afterEvent: (e, t) => {
-		t.event.type === "mouseout" && be(e, "canvas");
+		t.event.type === "mouseout" && xe(e, "canvas");
 	}
-}, Se = (e, t) => {
+}, Ce = (e, t) => {
 	let n = e[0];
 	return n ? t === "element" ? n.index : n.datasetIndex : null;
-}, Ce = (e) => {
+}, we = (e) => {
 	let t = e[0];
 	return t ? {
 		index: t.index,
 		datasetIndex: t.datasetIndex
 	} : null;
-}, we = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r, onElementIndexClick: i }) => {
+}, Q = ({ kind: e, skeleton: t, colorHostElement: n, onIndexClick: r, onElementIndexClick: i }) => {
 	if (t) return { plugins: [] };
-	let a = Z(n), o = !!(r || i), s = {
+	let a = $(n), o = !!(r || i), s = {
 		onHover: (t, n, r) => {
-			X(r, e, Ce(n), a, o, "canvas");
+			Z(r, e, we(n), a, o, "canvas");
 		},
-		plugins: [xe]
+		plugins: [Se]
 	};
 	return (r || i) && (s.onClick = (t, n) => {
 		if (r) {
-			let t = Se(n, e);
+			let t = Ce(n, e);
 			t !== null && r(t);
 		}
 		let a = n[0];
 		a && i && i(a.index, a.datasetIndex);
 	}), s;
-}, Z = (e) => b(x.fillMuted, e), Q = (e, t) => {
+}, $ = (e) => C(w.fillMuted, e), Te = (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");
-}, Te = ({ canvasRef: e, config: t, enabled: n }) => {
+	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 }) => {
 	let a = s(), o = () => {
 		a.value &&= (a.value.destroy(), void 0);
 	}, l = () => {
@@ -316,7 +338,7 @@ var b = (e, t) => {
 			o();
 			return;
 		}
-		pe(), a.value &&= (a.value.destroy(), void 0), a.value = new g(r, i);
+		me(), a.value &&= (a.value.destroy(), void 0), a.value = new _(r, i);
 	};
 	return i(() => {
 		l();
@@ -331,38 +353,16 @@ var b = (e, t) => {
 	}), r(() => {
 		o();
 	}), { chartInstance: a };
-}, Ee = ({ chartInstance: e, canvasRef: t, colorHostElement: n, legendDimKind: r = "series" }) => (u(e, () => {
+}, De = ({ 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 Q(e.value, c(n));
+		if (e.value) return Te(e.value, c(n));
 	},
 	handleLegendItemHover: (t) => {
-		e.value && X(e.value, r, t, Z(c(n)));
-	}
-}), $ = /* @__PURE__ */ function(e) {
-	return e.CARTESIAN = "cartesian", e.PIE = "pie", e;
-}({}), De = /* @__PURE__ */ n({
-	__name: "SChartSkeletonHost",
-	props: {
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		type: { default: () => $.CARTESIAN }
-	},
-	setup(n) {
-		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: ee(() => [o(e.$slots, "default")]),
-			_: 3
-		}, 8, ["type"])) : o(e.$slots, "default", { key: 1 });
+		e.value && Z(e.value, r, t, $(c(n)));
 	}
 });
 //#endregion
-export { S as C, C as S, w as _, we as a, D as b, ge as c, L as d, F as f, T as g, j as h, Te as i, H as l, M as m, $ as n, me as o, P as p, Ee as r, he as s, De as t, V as u, x as v, b as w, E as x, O as y };
+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 };

package/dist/useChartInteractivity-CXSdHPOw.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)=>{if(typeof window>`u`)return``;let n=t??document.documentElement;return getComputedStyle(n).getPropertyValue(e).trim()},s={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`},c=[s.stackedPalette1,s.stackedPalette2,s.stackedPalette3,s.stackedPalette4,s.stackedPalette5,s.stackedPalette6],l=[s.skeletonPalette1,s.skeletonPalette2,s.skeletonPalette3,s.skeletonPalette4,s.skeletonPalette5,s.skeletonPalette6],u=[s.barStackedPalette1,s.barStackedPalette2,s.barStackedPalette3,s.barStackedPalette4,s.barStackedPalette5,s.barStackedPalette6],d=[s.barSkeletonPalette1,s.barSkeletonPalette2,s.barSkeletonPalette3,s.barSkeletonPalette4,s.barSkeletonPalette5,s.barSkeletonPalette6],f=[s.piePalette1,s.piePalette2,s.piePalette3,s.piePalette4,s.piePalette5,s.piePalette6,s.piePalette7,s.piePalette8],p=[s.pieSkeletonPalette1,s.pieSkeletonPalette2,s.pieSkeletonPalette3,s.pieSkeletonPalette4,s.pieSkeletonPalette5,s.pieSkeletonPalette6,s.pieSkeletonPalette7,s.pieSkeletonPalette8],m=[s.multiLinePalette1,s.multiLinePalette2,s.multiLinePalette3],h=e=>`captions`in e,ee=(e,t)=>{let n=e.data.datasets[0];if(!n||!h(n))return;let r=n.captions?.[t];if(r)return r},g=()=>({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}`}),_=`stackedBarTop`,v=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}},y=()=>({title:e=>{let t=e[0];return t?`${t.label}`:``},label:e=>`${e.dataset.label??``}: ${e.parsed.y??0}`}),b=`multiLineTop`,x=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}},S=`progressChartPoint`,C=1,w=(e,t)=>{let n=e.data.datasets[C]?.data[t];return typeof n==`number`?n:null},T=function(e){let t=e.find(e=>e.datasetIndex===C)??e[0];if(!t)return!1;let n=this.chart.scales.y;if(!n)return!1;let r=w(this.chart,t.index);return r===null?!1:{x:t.element.x,y:n.getPixelForValue(r),xAlign:`center`,yAlign:`bottom`}},E=({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}`}}),D=`stackedAreaTop`,O=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}},k=!1,A=!1,j=!1,M=!1,N=!1,P=()=>{A||=(r.Tooltip.positioners.stackedAreaTop=O,!0)},te=()=>{j||=(r.Tooltip.positioners.stackedBarTop=v,!0)},F=()=>{M||=(r.Tooltip.positioners.progressChartPoint=T,!0)},I=()=>{N||=(r.Tooltip.positioners.multiLineTop=x,!0)},L=()=>{k||=(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),P(),te(),F(),I(),!0)},R=(e,t)=>e?{mode:`nearest`,intersect:!1}:t,z=e=>!e,B=(e,t)=>e?[]:t,V=new WeakMap,H=(e,t)=>e===null?null:typeof e==`number`?t===`series`?{index:0,datasetIndex:e}:{index:e,datasetIndex:0}:e,U=(e,t)=>e===null||t===null?e===t:e.index===t.index&&e.datasetIndex===t.datasetIndex,W=(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))},G=(e,t,n)=>Array.isArray(t)?(e.data??[]).map(()=>n):n,K={element:W,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=G(e,e.backgroundColor,i?a:n)),o!==void 0&&!Array.isArray(o)&&(e.borderColor=G(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))})}},q=(e,t,n,r,i=!1,a=`external`)=>{let o=H(n,t);U(V.get(e)?.hovered??null,o)||(V.set(e,{hovered:o,kind:t,mutedColor:r,source:a}),K[t](e,o,r),e.canvas.style.cursor=o!==null&&i?`pointer`:``,e.update())},J=(e,t)=>{let n=V.get(e);!n||n.hovered===null||t!==void 0&&n.source!==t||(V.set(e,{...n,hovered:null}),K[n.kind](e,null,n.mutedColor),e.canvas.style.cursor=``,e.update())},Y={id:`sChartHoverDimReset`,beforeEvent:(e,t)=>t.replay&&V.get(e)?.source===`external`?!1:void 0,afterEvent:(e,t)=>{t.event.type===`mouseout`&&J(e,`canvas`)}},X=(e,t)=>{let n=e[0];return n?t===`element`?n.index:n.datasetIndex:null},Z=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})=>{if(t)return{plugins:[]};let a=$(n),o=!!(r||i),s={onHover:(t,n,r)=>{q(r,e,Z(n),a,o,`canvas`)},plugins:[Y]};return(r||i)&&(s.onClick=(t,n)=>{if(r){let t=X(n,e);t!==null&&r(t)}let a=n[0];a&&i&&i(a.index,a.datasetIndex)}),s},$=e=>o(s.fillMuted,e),ne=(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=o(s.exportBackground,t)||`#ffffff`,r.fillRect(0,0,n.width,n.height),r.drawImage(e.canvas,0,0),n.toDataURL(`image/png`)},re=({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}},ie=({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 ne(t.value,(0,e.toValue)(r))},handleLegendItemHover:n=>{t.value&&q(t.value,i,n,$((0,e.toValue)(r)))}});Object.defineProperty(exports,"C",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"S",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"w",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return f}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.62.0",
+  "version": "1.64.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -188,6 +188,11 @@
       "import": "./dist/entries/chart-stacked-area.js",
       "require": "./dist/entries/chart-stacked-area.cjs"
     },
+    "./chart-bar": {
+      "types": "./dist/entries/chart-bar.d.ts",
+      "import": "./dist/entries/chart-bar.js",
+      "require": "./dist/entries/chart-bar.cjs"
+    },
     "./chart-stacked-bar": {
       "types": "./dist/entries/chart-stacked-bar.d.ts",
       "import": "./dist/entries/chart-stacked-bar.js",
@@ -253,6 +258,11 @@
       "import": "./dist/entries/separator.js",
       "require": "./dist/entries/separator.cjs"
     },
+    "./table": {
+      "types": "./dist/entries/table.d.ts",
+      "import": "./dist/entries/table.js",
+      "require": "./dist/entries/table.cjs"
+    },
     "./tokens": {
       "types": "./dist/entries/tokens.d.ts",
       "import": "./dist/entries/tokens.js",
@@ -264,10 +274,13 @@
   "dependencies": {
     "chart.js": "^4.5.0",
     "vue-i18n": "^9.14.5",
-    "@shtabapp/ui-kit-tokens": "^1.19.0",
-    "@shtabapp/ui-kit-primitives": "^1.28.0"
+    "@shtabapp/ui-kit-primitives": "^1.32.0",
+    "@shtabapp/ui-kit-tokens": "^1.20.0"
   },
   "devDependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.1.0",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.1.0",
     "@storybook/vue3-vite": "^10.4.1",
     "@tanstack/vue-virtual": "^3.13.25",
     "@vueuse/core": "^14.2.1",
@@ -277,6 +290,9 @@
     "@shtabapp/ui-kit-shared-config": "0.1.0"
   },
   "peerDependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.1.0",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^2.1.0",
     "@tanstack/vue-virtual": "^3.0.0",
     "@vueuse/core": "^14.0.0",
     "chart.js": "^4.4.0",

package/dist/SChartBurnup-C4x5kik6.cjs

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

package/dist/SChartHorizontalBar-4H-lgfO4.cjs

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

package/dist/SChartLine-BF6Klm4j.cjs

@@ -1 +0,0 @@
-const e=require("./createChartAreaFillGradient-BwsojVzU.cjs"),t=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),n=require("./buildCartesianChartScales-Dck5yBMo.cjs");let r=require("vue");var i=(e,t,n=1)=>{if(typeof window>`u`)return n;let r=t??document.documentElement,i=getComputedStyle(r).getPropertyValue(e).trim(),a=Number.parseFloat(i);return Number.isNaN(a)?n:a},a=5,o=5,s=(e,t,n)=>{if(t)return t;let r=e.reduce((e,t)=>Math.max(e,t.value),0),i=Math.ceil(r/n)*n;return i>0?i:n*5},c=(e,t)=>!t||typeof e!=`number`?e:`${e}%`,l=({points:r,seriesLabel:l,colorHostElement:u,yMax:d,yMin:f,yStep:p=o,skeleton:m=!1})=>{let h=t.w(t.v.axisLabel,u),g=t.w(t.v.grid,u),_=t.w(m?t.v.skeletonSeries:t.v.seriesPrimary,u),v=t.w(m?t.v.skeletonFillStart:t.v.seriesFillStart,u),y=t.w(m?t.v.skeletonFillEnd:t.v.seriesFillEnd,u),b=t.w(t.v.tooltipBackground,u),x=t.w(t.v.tooltipText,u),S=i(m?t.v.skeletonFillOpacity:t.v.seriesFillOpacity,u,.8),C=m&&d?d:s(r,d,p),w=m&&f!==void 0?f:0;return{type:`line`,data:{labels:r.map(e=>e.label),datasets:[{label:l,data:r.map(e=>e.value),borderColor:_,backgroundColor:t=>e.t(t,v,y,S),borderWidth:a,fill:!0,pointRadius:0,pointHoverRadius:4,tension:.4}]},options:{responsive:!0,maintainAspectRatio:!1,interaction:t.o(m,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:t.s(m),backgroundColor:b,titleColor:x,bodyColor:x,displayColors:!1}},scales:n.t({axisLabelColor:h,gridColor:g,yMin:w,yMax:C,yStep:p,formatYAxisTick:e=>c(e,m)})}}},u=[{label:`ноябрь 2025`,value:63},{label:`декабрь 2025`,value:77},{label:`январь 2026`,value:75},{label:`февраль 2026`,value:81},{label:`март 2026`,value:91},{label:`апрель 2026`,value:87}],d={class:`s-ui-chart-line__canvas-wrap`},f=(0,r.defineComponent)({__name:`SChartLine`,props:{points:{default:()=>[]},seriesLabel:{default:`Series`},loading:{type:Boolean,default:!1},yMax:{},yStep:{}},setup(e,{expose:n}){let i=(0,r.useTemplateRef)(`chartRootRef`),a=(0,r.useTemplateRef)(`chartCanvasRef`),o=(0,r.computed)(()=>e.loading?u:e.points),{chartInstance:s}=t.i({canvasRef:a,config:(0,r.computed)(()=>!e.loading&&e.points.length===0?null:l({points:o.value,seriesLabel:e.seriesLabel,colorHostElement:i.value,yMax:e.loading?100:e.yMax,yMin:e.loading?50:void 0,yStep:e.loading?10:e.yStep,skeleton:e.loading})),enabled:(0,r.computed)(()=>e.loading||e.points.length>0)}),{exportImage:c}=t.r({chartInstance:s,canvasRef:a,colorHostElement:i});return n({exportImage:c}),(n,o)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:i,class:(0,r.normalizeClass)([`s-ui-chart-line`,{"s-ui-chart-line--skeleton":e.loading}])},[(0,r.createElementVNode)(`div`,d,[(0,r.createVNode)((0,r.unref)(t.t),{loading:e.loading},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:a,class:`s-ui-chart-line__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});