@shtabapp/ui-kit 1.74.0 → 1.75.0

package/dist/SChartMultiLine-CG6dKmWm.js

@@ -1,244 +0,0 @@
-import { t as e } from "./SChartLegend-oZoF8XK7.js";
-import { C as t, E as n, T as r, a as i, b as a, c as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, y as g } from "./useChartInteractivity-Cl06JL4l.js";
-import { t as _ } from "./resolveChartValueRange-DZybnmaX.js";
-import { n as v, t as y } from "./createChartMarkersPlugin-DkXituwE.js";
-import { t as b } from "./areChartSeriesAligned-DjonrIMm.js";
-import { t as x } from "./createChartCrosshairPlugin-C2NUAO5s.js";
-import { t as S } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
-import { t as C } from "./buildMultiLineChartScales-CFZ8YVeJ.js";
-import { n as w, t as T } from "./buildChartSeriesPoints-BTyOpkin.js";
-import { t as E } from "./useHasListener-RSjlUyqH.js";
-import { computed as D, createBlock as O, createCommentVNode as k, createElementBlock as A, createElementVNode as j, createVNode as M, defineComponent as N, normalizeClass as P, normalizeStyle as F, openBlock as I, unref as L, useTemplateRef as R, withCtx as z } from "vue";
-//#region src/utils/chart/multiLine/resolveMultiLineSeriesColor.ts
-var B = (e, n, r, i = !1) => S(e, n, r, i, {
-	palette: a,
-	paletteFallback: g.multiLinePalette1,
-	skeletonPalette: t,
-	skeletonFallback: g.skeletonPalette1
-}), V = 3, H = .4, U = 4, W = 5, G = [8, 8], K = 16, q = "--s-ui-chart-multi-line-danger-fill", J = (e, t, n, r, i) => {
-	let a = e.flatMap((e) => e.points.map((e) => e.value));
-	return i ? {
-		min: t ?? 0,
-		max: n ?? _(a, { yStep: r }).max
-	} : _(a, {
-		yMin: t,
-		yMax: n,
-		yStep: r
-	});
-}, Y = (e, t, n) => t ? {
-	target: { value: 0 },
-	...e ? {} : { above: s },
-	below: n
-} : e ? "origin" : !1, X = ({ seriesList: e, colorHostElement: t, yMax: n, yMin: a, yStep: u = W, mirrorYAxis: h = !0, straightSegments: _ = !1, zeroLine: S = !1, dangerBelowZero: w = !1, markers: T = [], skeleton: E = !1, onSeriesClick: D }) => {
-	if (!b(e)) return null;
-	let O = r(g.axisLabel, t), k = r(g.grid, t), A = r(q, t), j = r(g.tooltipBackground, t), M = r(g.tooltipText, t), N = J(e, a, n, u, E), P = e[0]?.points.map((e) => e.label) ?? [], F = p({
-		kind: "series",
-		skeleton: E,
-		colorHostElement: t,
-		onIndexClick: D
-	});
-	return {
-		type: "line",
-		data: {
-			labels: P,
-			datasets: e.map((e, n) => {
-				let r = B(n, t, e.fillColor, E), a = !!e.area && !E, o = w && n === 0 && !E, c = a ? (e) => d(e, r, s, i) : r;
-				return {
-					label: e.label,
-					data: e.points.map((e) => e.value),
-					borderColor: r,
-					backgroundColor: c,
-					pointBackgroundColor: r,
-					pointHoverBackgroundColor: r,
-					...E ? {} : {
-						hoverBorderColor: r,
-						hoverBackgroundColor: c
-					},
-					borderWidth: U,
-					...e.dashed && !E ? { borderDash: G } : {},
-					fill: Y(a, o, A),
-					pointRadius: _ && !E ? V : 0,
-					pointHoverRadius: 4,
-					tension: _ ? 0 : H
-				};
-			})
-		},
-		options: {
-			responsive: !0,
-			maintainAspectRatio: !1,
-			layout: { padding: { top: T.length > 0 ? K : 0 } },
-			onHover: F.onHover,
-			onClick: F.onClick,
-			interaction: m(E, {
-				mode: "index",
-				intersect: !1
-			}),
-			hover: E ? void 0 : {
-				mode: "nearest",
-				intersect: !1
-			},
-			plugins: {
-				legend: { display: !1 },
-				tooltip: {
-					enabled: o(E),
-					backgroundColor: j,
-					titleColor: M,
-					bodyColor: M,
-					footerColor: M,
-					displayColors: !1,
-					position: f,
-					yAlign: "bottom",
-					xAlign: "center",
-					caretPadding: 8,
-					callbacks: l()
-				}
-			},
-			scales: C({
-				axisLabelColor: O,
-				gridColor: k,
-				yMin: N.min,
-				yMax: N.max,
-				yStep: u,
-				mirrorYAxis: h
-			})
-		},
-		plugins: c(E, [
-			...S ? [v(t)] : [],
-			x(t),
-			...T.length > 0 ? [y({ markers: T }, t)] : [],
-			...F.plugins
-		])
-	};
-}, Z = [
-	"26.01",
-	"2.02",
-	"9.02",
-	"16.02",
-	"23.02",
-	"2.03",
-	"9.03",
-	"16.03",
-	"23.03",
-	"30.03",
-	"6.04"
-], Q = [{
-	label: "Series 1",
-	points: T(Z, [
-		30,
-		34,
-		38,
-		44,
-		46,
-		50,
-		54,
-		56,
-		58,
-		60,
-		62
-	])
-}, {
-	label: "Series 2",
-	points: T(Z, [
-		22,
-		24,
-		26,
-		28,
-		30,
-		32,
-		33,
-		35,
-		36,
-		38,
-		40
-	])
-}], $ = { class: "s-ui-chart-multi-line__canvas-wrap" }, ee = /* @__PURE__ */ N({
-	__name: "SChartMultiLine",
-	props: {
-		series: { default: () => [] },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		yMax: {},
-		yMin: {},
-		yStep: {},
-		mirrorYAxis: {
-			type: Boolean,
-			default: !0
-		},
-		straightSegments: {
-			type: Boolean,
-			default: !1
-		},
-		zeroLine: {
-			type: Boolean,
-			default: !1
-		},
-		dangerBelowZero: {
-			type: Boolean,
-			default: !1
-		},
-		markers: { default: () => [] },
-		showLegend: {
-			type: Boolean,
-			default: !0
-		},
-		height: {}
-	},
-	emits: ["seriesClick"],
-	setup(t, { expose: r, emit: i }) {
-		let a = i, o = R("chartRootRef"), s = R("chartCanvasRef"), c = D(() => t.loading ? Q : t.series), l = (e) => {
-			let n = t.series[e];
-			n && a("seriesClick", e, n);
-		}, d = E("onSeriesClick"), f = D(() => {
-			if (t.height !== void 0) return { "--s-ui-chart-multi-line-viewport-height": typeof t.height == "number" ? `${t.height}px` : t.height };
-		}), p = D(() => !t.loading && t.series.length === 0 ? null : X({
-			seriesList: c.value,
-			colorHostElement: o.value,
-			yMax: t.yMax,
-			yMin: t.yMin,
-			yStep: t.yStep,
-			mirrorYAxis: t.mirrorYAxis,
-			straightSegments: t.straightSegments,
-			zeroLine: t.zeroLine,
-			dangerBelowZero: t.dangerBelowZero,
-			markers: t.markers,
-			skeleton: t.loading,
-			onSeriesClick: d() ? l : void 0
-		})), m = D(() => w(c.value, (e, n) => B(e, o.value, n, t.loading))), { chartInstance: g } = u({
-			canvasRef: s,
-			config: p,
-			enabled: D(() => t.loading || t.series.length > 0)
-		}), { exportImage: _, handleLegendItemHover: v } = h({
-			chartInstance: g,
-			canvasRef: s,
-			colorHostElement: o
-		});
-		return r({ exportImage: _ }), (r, i) => (I(), A("div", {
-			ref_key: "chartRootRef",
-			ref: o,
-			class: P(["s-ui-chart-multi-line", { "s-ui-chart-multi-line--skeleton": t.loading }]),
-			style: F(f.value)
-		}, [j("div", $, [M(L(n), { loading: t.loading }, {
-			default: z(() => [j("canvas", {
-				ref_key: "chartCanvasRef",
-				ref: s,
-				class: "s-ui-chart-multi-line__canvas"
-			}, null, 512)]),
-			_: 1
-		}, 8, ["loading"])]), t.showLegend && m.value.length ? (I(), O(L(e), {
-			key: 0,
-			items: m.value,
-			disabled: t.loading,
-			interactive: !t.loading,
-			onItemHover: L(v)
-		}, null, 8, [
-			"items",
-			"disabled",
-			"interactive",
-			"onItemHover"
-		])) : k("", !0)], 6));
-	}
-});
-//#endregion
-export { ee as t };

package/dist/SChartMultiLine-vz7JdyA3.cjs

@@ -1 +0,0 @@
-const e=require("./SChartLegend-DGtjd6zV.cjs"),t=require("./useChartInteractivity-LbJiqlvI.cjs"),n=require("./resolveChartValueRange-DBCYLCXs.cjs"),r=require("./createChartMarkersPlugin-Cg1yGzxW.cjs"),i=require("./areChartSeriesAligned-DiBX3TTk.cjs"),a=require("./createChartCrosshairPlugin-B4e8d8OF.cjs"),o=require("./resolveSeriesPaletteColor-D0XlU5vT.cjs"),s=require("./buildMultiLineChartScales-7mcIfRVG.cjs"),c=require("./buildChartSeriesPoints-Cqo2ed-n.cjs"),l=require("./useHasListener-BPgtbbo6.cjs");let u=require("vue");var d=(e,n,r,i=!1)=>o.t(e,n,r,i,{palette:t.b,paletteFallback:t.y.multiLinePalette1,skeletonPalette:t.C,skeletonFallback:t.y.skeletonPalette1}),f=3,p=.4,m=4,h=5,g=[8,8],_=16,v=`--s-ui-chart-multi-line-danger-fill`,y=(e,t,r,i,a)=>{let o=e.flatMap(e=>e.points.map(e=>e.value));return a?{min:t??0,max:r??n.t(o,{yStep:i}).max}:n.t(o,{yMin:t,yMax:r,yStep:i})},b=(e,n,r)=>n?{target:{value:0},...e?{}:{above:t.i},below:r}:e?`origin`:!1,x=({seriesList:e,colorHostElement:n,yMax:o,yMin:c,yStep:l=h,mirrorYAxis:u=!0,straightSegments:x=!1,zeroLine:S=!1,dangerBelowZero:C=!1,markers:w=[],skeleton:T=!1,onSeriesClick:E})=>{if(!i.t(e))return null;let D=t.T(t.y.axisLabel,n),O=t.T(t.y.grid,n),k=t.T(v,n),A=t.T(t.y.tooltipBackground,n),j=t.T(t.y.tooltipText,n),M=y(e,c,o,l,T),N=e[0]?.points.map(e=>e.label)??[],P=t.r({kind:`series`,skeleton:T,colorHostElement:n,onIndexClick:E});return{type:`line`,data:{labels:N,datasets:e.map((e,r)=>{let i=d(r,n,e.fillColor,T),a=!!e.area&&!T,o=C&&r===0&&!T,s=a?e=>t.o(e,i,t.i,t.a):i;return{label:e.label,data:e.points.map(e=>e.value),borderColor:i,backgroundColor:s,pointBackgroundColor:i,pointHoverBackgroundColor:i,...T?{}:{hoverBorderColor:i,hoverBackgroundColor:s},borderWidth:m,...e.dashed&&!T?{borderDash:g}:{},fill:b(a,o,k),pointRadius:x&&!T?f:0,pointHoverRadius:4,tension:x?0:p}})},options:{responsive:!0,maintainAspectRatio:!1,layout:{padding:{top:w.length>0?_:0}},onHover:P.onHover,onClick:P.onClick,interaction:t.s(T,{mode:`index`,intersect:!1}),hover:T?void 0:{mode:`nearest`,intersect:!1},plugins:{legend:{display:!1},tooltip:{enabled:t.c(T),backgroundColor:A,titleColor:j,bodyColor:j,footerColor:j,displayColors:!1,position:t.p,yAlign:`bottom`,xAlign:`center`,caretPadding:8,callbacks:t.m()}},scales:s.t({axisLabelColor:D,gridColor:O,yMin:M.min,yMax:M.max,yStep:l,mirrorYAxis:u})},plugins:t.l(T,[...S?[r.n(n)]:[],a.t(n),...w.length>0?[r.t({markers:w},n)]:[],...P.plugins])}},S=[`26.01`,`2.02`,`9.02`,`16.02`,`23.02`,`2.03`,`9.03`,`16.03`,`23.03`,`30.03`,`6.04`],C=[{label:`Series 1`,points:c.t(S,[30,34,38,44,46,50,54,56,58,60,62])},{label:`Series 2`,points:c.t(S,[22,24,26,28,30,32,33,35,36,38,40])}],w={class:`s-ui-chart-multi-line__canvas-wrap`},T=(0,u.defineComponent)({__name:`SChartMultiLine`,props:{series:{default:()=>[]},loading:{type:Boolean,default:!1},yMax:{},yMin:{},yStep:{},mirrorYAxis:{type:Boolean,default:!0},straightSegments:{type:Boolean,default:!1},zeroLine:{type:Boolean,default:!1},dangerBelowZero:{type:Boolean,default:!1},markers:{default:()=>[]},showLegend:{type:Boolean,default:!0},height:{}},emits:[`seriesClick`],setup(n,{expose:r,emit:i}){let a=i,o=(0,u.useTemplateRef)(`chartRootRef`),s=(0,u.useTemplateRef)(`chartCanvasRef`),f=(0,u.computed)(()=>n.loading?C:n.series),p=e=>{let t=n.series[e];t&&a(`seriesClick`,e,t)},m=l.t(`onSeriesClick`),h=(0,u.computed)(()=>{if(n.height!==void 0)return{"--s-ui-chart-multi-line-viewport-height":typeof n.height==`number`?`${n.height}px`:n.height}}),g=(0,u.computed)(()=>!n.loading&&n.series.length===0?null:x({seriesList:f.value,colorHostElement:o.value,yMax:n.yMax,yMin:n.yMin,yStep:n.yStep,mirrorYAxis:n.mirrorYAxis,straightSegments:n.straightSegments,zeroLine:n.zeroLine,dangerBelowZero:n.dangerBelowZero,markers:n.markers,skeleton:n.loading,onSeriesClick:m()?p:void 0})),_=(0,u.computed)(()=>c.n(f.value,(e,t)=>d(e,o.value,t,n.loading))),{chartInstance:v}=t.n({canvasRef:s,config:g,enabled:(0,u.computed)(()=>n.loading||n.series.length>0)}),{exportImage:y,handleLegendItemHover:b}=t.t({chartInstance:v,canvasRef:s,colorHostElement:o});return r({exportImage:y}),(r,i)=>((0,u.openBlock)(),(0,u.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:o,class:(0,u.normalizeClass)([`s-ui-chart-multi-line`,{"s-ui-chart-multi-line--skeleton":n.loading}]),style:(0,u.normalizeStyle)(h.value)},[(0,u.createElementVNode)(`div`,w,[(0,u.createVNode)((0,u.unref)(t.E),{loading:n.loading},{default:(0,u.withCtx)(()=>[(0,u.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:s,class:`s-ui-chart-multi-line__canvas`},null,512)]),_:1},8,[`loading`])]),n.showLegend&&_.value.length?((0,u.openBlock)(),(0,u.createBlock)((0,u.unref)(e.t),{key:0,items:_.value,disabled:n.loading,interactive:!n.loading,onItemHover:(0,u.unref)(b)},null,8,[`items`,`disabled`,`interactive`,`onItemHover`])):(0,u.createCommentVNode)(``,!0)],6))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});

package/dist/SChartPie-0ugeo2fO.js

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

package/dist/SChartPie-QpnxLQYv.cjs

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

package/dist/buildMultiLineChartScales-7mcIfRVG.cjs

@@ -1 +0,0 @@
-const e=require("./buildCartesianChartScales-Dck5yBMo.cjs");var t=`yMirror`,n=({mirrorYAxis:n=!0,...r})=>{let i=e.t(r);return n?{...i,[t]:{type:`linear`,position:`right`,min:r.yMin,max:r.yMax,border:{display:!1},grid:{drawOnChartArea:!1},ticks:i.y.ticks}}:i};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/buildMultiLineChartScales-CFZ8YVeJ.js

@@ -1,19 +0,0 @@
-import { t as e } from "./buildCartesianChartScales-EofFq3ry.js";
-//#region src/utils/chart/multiLine/buildMultiLineChartScales.ts
-var t = "yMirror", n = ({ mirrorYAxis: n = !0, ...r }) => {
-	let i = e(r);
-	return n ? {
-		...i,
-		[t]: {
-			type: "linear",
-			position: "right",
-			min: r.yMin,
-			max: r.yMax,
-			border: { display: !1 },
-			grid: { drawOnChartArea: !1 },
-			ticks: i.y.ticks
-		}
-	} : i;
-};
-//#endregion
-export { n as t };

package/dist/createChartMarkersPlugin-Cg1yGzxW.cjs

@@ -1 +0,0 @@
-const e=require("./useChartInteractivity-LbJiqlvI.cjs");var t=[4,4],n=n=>({id:`sUiChartZeroLine`,beforeDatasetsDraw(r){let{ctx:i,chartArea:a}=r,o=r.scales.y;if(!a||!o||o.min>=0||o.max<=0)return;let s=o.getPixelForValue(0);i.save(),i.beginPath(),i.setLineDash(t),i.moveTo(a.left,s),i.lineTo(a.right,s),i.lineWidth=1,i.strokeStyle=e.T(e.y.axisLabel,n),i.stroke(),i.restore()}}),r=3.5,i=1.5,a=8,o=6,s=6,c=`--s-ui-color-surface-primary`,l=`--s-ui-color-text-surface-secondary`,u=`--`,d=/^var\(\s*(--[^,)]+)\s*\)$/,f=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`}`},p=(t,n,r)=>{if(!t)return r;let i=t.startsWith(u)?t:d.exec(t)?.[1];return i?e.T(i,n)||r:t},m=(e,t,n,r,i,a)=>{let s=t===0,c=t===n-1,l=i===`aside`?11.5:o,u=c?e-l-r:s||i===`aside`?e+l:e-r/2;return Math.min(Math.max(u,a.left),a.right-r)},h=(e,t,n,i)=>{let o=e.y-r-a,c=e.y+r+a,l=o-s>=i.top,u=c+s<=i.bottom,d=t.every(t=>t.y>=e.y),f=t.every(t=>t.y<=e.y);return n||f&&!d?u?`below`:l&&!f?`above`:`aside`:l?`above`:d?`aside`:u?`below`:`aside`},g=(e,t)=>t===`above`?e.y-r-a:t===`below`?e.y+r+a:e.y,_=({markers:t,datasetIndex:n=0},a)=>({id:`sUiChartMarkers`,afterDatasetsDraw(o){if(t.length===0)return;let s=o.getDatasetMeta(n),{ctx:u,chartArea:d}=o;if(!s||!d)return;let _=e.T(e.y.seriesPrimary,a),v=e.T(c,a),y=e.T(l,a),b=s.data.length;u.save(),u.font=f(a),u.textAlign=`left`,u.textBaseline=`middle`,t.forEach(e=>{let t=s.data[e.index];if(!t)return;let n=p(e.color,a,_);if(u.beginPath(),u.arc(t.x,t.y,r,0,Math.PI*2),u.fillStyle=n,u.fill(),u.lineWidth=i,u.strokeStyle=v,u.stroke(),!e.label)return;let o=u.measureText(e.label).width,c=h(t,[s.data[e.index-1],s.data[e.index+1]].filter(e=>e!==void 0),!!e.below,d),l=m(t.x,e.index,b,o,c,d),f=g(t,c);u.fillStyle=e.color?n:y,u.fillText(e.label,l,f)}),u.restore()}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/dist/resolveBarStackedSeriesColor-DM7Ax0-s.js

@@ -1,11 +0,0 @@
-import { _ as e, v as t, y as n } from "./useChartInteractivity-Cl06JL4l.js";
-import { t as r } from "./resolveSeriesPaletteColor-B7wHDj1L.js";
-//#region src/utils/chart/bar/resolveBarStackedSeriesColor.ts
-var i = (i, a, o, s = !1) => r(i, a, o, s, {
-	palette: t,
-	paletteFallback: n.barStackedPalette1,
-	skeletonPalette: e,
-	skeletonFallback: n.barSkeletonPalette1
-});
-//#endregion
-export { i as t };

package/dist/resolveBarStackedSeriesColor-z3NP5vAS.cjs

@@ -1 +0,0 @@
-const e=require("./useChartInteractivity-LbJiqlvI.cjs"),t=require("./resolveSeriesPaletteColor-D0XlU5vT.cjs");var n=(n,r,i,a=!1)=>t.t(n,r,i,a,{palette:e.v,paletteFallback:e.y.barStackedPalette1,skeletonPalette:e._,skeletonFallback:e.y.barSkeletonPalette1});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/resolveSeriesPaletteColor-D0XlU5vT.cjs

@@ -1 +0,0 @@
-const e=require("./useChartInteractivity-LbJiqlvI.cjs");var t=(t,n)=>t.startsWith(`--`)?e.T(t,n):t,n=(n,r,i,a,o)=>{if(i)return t(i,r);let s=a?o.skeletonPalette:o.palette,c=a?o.skeletonFallback:o.paletteFallback;return e.T(s[n%s.length]??c,r)};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});

package/dist/useChartInteractivity-LbJiqlvI.cjs

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