vue-data-ui 3.20.10 → 3.21.0

package/dist/ssr.js

@@ -0,0 +1,1366 @@
+import { $ as e, B as t, Bt as n, D as r, F as i, Ft as a, G as o, Ht as s, I as c, L as l, M as u, Nt as d, O as f, Ot as p, P as m, Pt as h, Q as g, R as _, T as v, a as y, c as b, g as ee, h as x, i as S, j as te, k as C, pt as w, s as T, w as E, y as D } from "./lib-AJRHFE5U.js";
+import { t as O } from "./useTimeLabels-BmBRv27Y.js";
+import { t as k } from "./useConfig-DnH7Pf_2.js";
+import { t as A } from "./vue_ui_xy-BA3-_LCx.js";
+//#region src/svg/vue-ui-xy/create.js
+var { vue_ui_xy: j } = k();
+function ne({ config: e = {}, dataset: t = [] } = {}) {
+	let r = e ?? {}, i = s({
+		userConfig: r,
+		defaultConfig: j
+	});
+	w(r, "chart.highlightArea") && (Array.isArray(r.chart.highlightArea) ? i.chart.highlightArea = r.chart.highlightArea.map((e) => s({
+		defaultConfig: j.chart.highlightArea,
+		userConfig: e
+	})) : i.chart.highlightArea = [s({
+		defaultConfig: j.chart.highlightArea,
+		userConfig: r.chart.highlightArea
+	})]), w(r, "chart.annotations") && Array.isArray(r.chart.annotations) && r.chart.annotations.length ? i.chart.annotations = r.chart.annotations.map((e) => s({
+		defaultConfig: j.chart.annotations[0],
+		userConfig: e
+	})) : i.chart.annotations = [], w(r, "chart.grid.position") && r.chart.grid.position === "start" && t.some((e) => e.type === "bar") && (i.chart.grid.position = "middle");
+	let a = i.theme;
+	if (!a) return {
+		...i,
+		customPalette: i.customPalette?.length ? i.customPalette : p
+	};
+	let o = s({
+		userConfig: r,
+		defaultConfig: s({
+			userConfig: A[a] || {},
+			defaultConfig: i
+		})
+	});
+	return {
+		...o,
+		customPalette: o.customPalette?.length ? o.customPalette : n[a] || p
+	};
+}
+function M({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600, selectedXIndex: i, additionalSvgContent: a = "", svgTitle: o = "" } = {}) {
+	let s = ne({
+		config: t,
+		dataset: e
+	}), c = {
+		top: s.chart.padding.top,
+		left: s.chart.padding.left,
+		right: n - s.chart.padding.right,
+		bottom: r - s.chart.padding.bottom
+	};
+	c.width = c.right - c.left, c.height = c.bottom - c.top;
+	let l = e.flatMap((e) => Array.isArray(e.series) ? e.series.map((e) => Number(typeof e == "object" && e ? e.y : e)) : []).filter(Number.isFinite), u = x(Math.min(0, ...l), Math.max(1, ...l), 6), d = Math.max(0, ...e.map((e) => e.series?.length || 0)), f = (e) => d <= 1 ? c.left + c.width / 2 : c.left + e / (d - 1) * c.width, m = (e) => {
+		let t = (Number(e) - u.min) / (u.max - u.min || 1);
+		return c.bottom - t * c.height;
+	}, h = Array.isArray(s.customPalette) ? s.customPalette : [], g = h.length ? h : p;
+	return {
+		width: n,
+		height: r,
+		selectedXIndex: i,
+		dataset: e,
+		config: s,
+		drawingArea: c,
+		scale: u,
+		series: e.map((e, t) => {
+			let n = (e.color ? D(e.color) : "") || g[t % g.length], r = (e.series || []).map((e, t) => {
+				let n = e == null ? null : typeof e == "object" ? e.y ?? null : Number(e);
+				return {
+					x: f(t),
+					y: n === null || !Number.isFinite(Number(n)) ? null : m(n),
+					value: n,
+					index: t,
+					label: e?.name ?? e?.x ?? String(t)
+				};
+			});
+			return {
+				...e,
+				color: n,
+				type: e.type || "line",
+				plots: r
+			};
+		}),
+		additionalSvgContent: a,
+		svgTitle: o
+	};
+}
+//#endregion
+//#region src/svg/utils/index.js
+function N(e, t = 0) {
+	let n = Number(e);
+	return Number.isFinite(n) ? n : t;
+}
+function P(e) {
+	return Array.isArray(e) ? e : [];
+}
+function F(e) {
+	return Number.isFinite(Number(e));
+}
+function I(t, n = {}, r = "") {
+	let i = Object.entries(n).filter(([, e]) => e != null && e !== !1).map(([t, n]) => `${t}="${e(n)}"`).join(" ");
+	return `<${t}${i ? ` ${i}` : ""}>${r}</${t}>`;
+}
+function L(t, n = {}) {
+	let r = Object.entries(n).filter(([, e]) => e != null && e !== !1).map(([t, n]) => `${t}="${e(n)}"`).join(" ");
+	return `<${t}${r ? ` ${r}` : ""}/>`;
+}
+function R(e, t = {}) {
+	return I("text", t, g(e ?? ""));
+}
+function re(e) {
+	return [
+		"triangle",
+		"square",
+		"diamond",
+		"pentagon",
+		"hexagon",
+		"star"
+	].includes(e) ? e : "circle";
+}
+function ie({ dataCy: e, shape: t, plot: n, radius: i, fill: a, stroke: o, strokeWidth: s }) {
+	let c = re(t), l = N(n.x, 0), u = N(n.y, 0), d = N(i, 4);
+	if (c === "circle") return L("circle", {
+		"data-cy": e,
+		cx: l,
+		cy: u,
+		r: d,
+		fill: a,
+		stroke: o,
+		"stroke-width": s
+	});
+	if (c === "star") return L("polygon", {
+		"data-cy": e,
+		points: m({
+			plot: {
+				x: l,
+				y: u
+			},
+			radius: d
+		}),
+		fill: a,
+		stroke: o,
+		"stroke-width": s
+	});
+	let f = {
+		triangle: {
+			sides: 3,
+			rotation: .52
+		},
+		square: {
+			sides: 4,
+			rotation: .8
+		},
+		diamond: {
+			sides: 4,
+			rotation: 0
+		},
+		pentagon: {
+			sides: 5,
+			rotation: .95
+		},
+		hexagon: {
+			sides: 6,
+			rotation: 0
+		}
+	}[c];
+	return L("path", {
+		"data-cy": e,
+		d: r({
+			plot: {
+				x: l,
+				y: u
+			},
+			radius: d,
+			sides: f.sides,
+			rotation: f.rotation
+		}).path,
+		fill: a,
+		stroke: o,
+		"stroke-width": s
+	});
+}
+function z(e, t, n) {
+	let r = e;
+	for (let e of t.split(".")) {
+		if (!r || typeof r != "object" || !(e in r)) return n;
+		r = r[e];
+	}
+	return r ?? n;
+}
+function ae(e, t) {
+	return String(e ?? "").length * t * .58;
+}
+//#endregion
+//#region src/svg/vue-ui-xy/render.js
+function B(e) {
+	return !!z(e, "chart.grid.labels.yAxis.useIndividualScale", !1);
+}
+function V(e) {
+	return String(e.scaleLabel ?? e.id ?? e.name ?? "");
+}
+function H(e) {
+	return N(z(e, "chart.grid.labels.yAxis.labelWidth", 40), 40) + 36;
+}
+function oe(e) {
+	return P(e).flatMap((e) => P(e.plots)).map((e) => e?.value === null || e?.value === void 0 ? null : Number(e.value)).filter(Number.isFinite);
+}
+function se(e, t, n) {
+	let r = oe(n), i = z(e, "chart.grid.labels.yAxis.scaleMin", null), a = z(e, "chart.grid.labels.yAxis.scaleMax", null), o = Z(i) ? Number(i) : Math.min(0, ...r), s = Z(a) ? Number(a) : Math.max(1, ...r), c = N(z(e, "chart.grid.labels.yAxis.commonScaleSteps", 6), 6);
+	return !r.length && !Z(i) && !Z(a) ? t : Se(e, o, s === o ? o + 1 : s, c);
+}
+function ce(e, t) {
+	let { drawingArea: n } = e, r = N(t.__yOffset, 0), i = N(t.__individualHeight, n.height);
+	return {
+		top: n.bottom - r - i,
+		bottom: n.bottom - r
+	};
+}
+function le(e, t, n, r) {
+	let i = ce(e, t), a = Math.min(n.y, r), o = Math.max(n.y, r), s = Math.max(i.top, a), c = Math.min(i.bottom, o);
+	return {
+		y: s,
+		height: Math.max(1e-5, c - s)
+	};
+}
+function U(e, t) {
+	let n = {};
+	return P(t).forEach((t, r) => {
+		let i = V(t) || `serie_${r}`, a = P(t.plots).map((e) => Number(e.value)).filter(Number.isFinite);
+		n[i] || (n[i] = {
+			scaleLabel: i,
+			name: t.name ?? i,
+			color: z(e, "chart.grid.labels.yAxis.groupColor", null) || t.color,
+			series: [],
+			values: []
+		}), n[i].series.push(t), n[i].values.push(...a);
+	}), Object.values(n).forEach((t) => {
+		t.scale = Ce(e, {
+			...t.series[0],
+			plots: t.series.flatMap((e) => P(e.plots))
+		});
+	}), n;
+}
+function ue(e, t, n, r, i, a) {
+	return !i && !a ? r : n[V(t)]?.scale ?? Ce(e, t);
+}
+function de(e) {
+	return e === "bar" || e === "line" || e === "plot" ? e : "line";
+}
+function fe(e) {
+	return P(e.series).map((e) => ({
+		...e,
+		type: de(e.type),
+		plots: P(e.plots).filter((e) => e && F(e.x))
+	}));
+}
+function W(e) {
+	let { drawingArea: t, scale: n } = e, r = (0 - n.min) / (n.max - n.min || 1);
+	return t.bottom - r * t.height;
+}
+function G(e) {
+	return e.uniqueId ?? "ssr";
+}
+function K(e, t, n) {
+	return `rectGradient_${n}_${t}_${G(e)}`;
+}
+function pe(e, t) {
+	return `lineGradient_${t}_${G(e)}`;
+}
+function me(e, t) {
+	return `temperature_grad_line_${t}_${G(e)}`;
+}
+function he(e, t, n) {
+	return t.temperatureColors && !t.isFlatTemperatureLine ? `url(#${me(e, n)})` : t.color;
+}
+function ge(e, t) {
+	return `plotGradient_${t}_${G(e)}`;
+}
+function _e(e, t, n) {
+	let { config: r } = e;
+	return z(r, "line.useGradient", !1) ? `url(#${pe(e, n)})` : z(r, "line.dot.useSerieColor", !0) ? t.color : z(r, "line.dot.fill", "#FFFFFF");
+}
+function ve(e, t, n) {
+	let { config: r } = e;
+	return z(r, "line.area.useGradient", !1) ? `url(#${Je(e, n)})` : h(t.color, N(z(r, "line.area.opacity", 30), 30));
+}
+function ye(e, t, n, r) {
+	return z(e.config, "bar.useGradient", !1) ? r >= 0 ? `url(#${K(e, n, "pos")})` : `url(#${K(e, n, "neg")})` : t.color;
+}
+function be(e, t) {
+	let { config: n } = e, r = [];
+	return z(n, "bar.useGradient", !1) && t.filter((e) => e.type === "bar").forEach((t, n) => {
+		r.push(I("linearGradient", {
+			id: K(e, n, "pos"),
+			x2: "0%",
+			y2: "100%"
+		}, [
+			L("stop", {
+				offset: "0%",
+				"stop-color": D(t.color)
+			}),
+			L("stop", {
+				offset: "62%",
+				"stop-color": a(D(t.color), .02)
+			}),
+			L("stop", {
+				offset: "100%",
+				"stop-color": a(D(t.color), .05)
+			})
+		].join(""))), r.push(I("linearGradient", {
+			id: K(e, n, "neg"),
+			x2: "0%",
+			y2: "100%"
+		}, [
+			L("stop", {
+				offset: "0%",
+				"stop-color": a(D(t.color), .05)
+			}),
+			L("stop", {
+				offset: "38%",
+				"stop-color": a(D(t.color), .02)
+			}),
+			L("stop", {
+				offset: "100%",
+				"stop-color": D(t.color)
+			})
+		].join("")));
+	}), t.filter((e) => e.type === "line").forEach((t, i) => {
+		z(n, "line.useGradient", !1) && r.push(I("radialGradient", {
+			id: pe(e, i),
+			cx: "50%",
+			cy: "50%",
+			r: "50%",
+			fx: "50%",
+			fy: "50%"
+		}, [L("stop", {
+			offset: "0%",
+			"stop-color": a(D(t.color), .05)
+		}), L("stop", {
+			offset: "100%",
+			"stop-color": D(t.color)
+		})].join(""))), t.temperatureColors && !t.isFlatTemperatureLine && r.push(I("linearGradient", {
+			id: me(e, i),
+			gradientTransform: "rotate(90)"
+		}, t.temperatureColors.map((e, n) => L("stop", {
+			offset: d(n, t.temperatureColors.length),
+			"stop-color": D(e)
+		})).join("")));
+	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
+		z(n, "plot.useGradient", !1) && r.push(I("radialGradient", {
+			id: ge(e, i),
+			cx: "50%",
+			cy: "50%",
+			r: "50%",
+			fx: "50%",
+			fy: "50%"
+		}, [L("stop", {
+			offset: "0%",
+			"stop-color": a(D(t.color), .05)
+		}), L("stop", {
+			offset: "100%",
+			"stop-color": D(t.color)
+		})].join("")));
+	}), r.length ? I("defs", { "data-layer": "gradients" }, r.join("")) : "";
+}
+function xe(e) {
+	let t = z(e.config, "chart.backgroundColor", "#FFFFFF");
+	return L("rect", {
+		width: e.width,
+		height: e.height,
+		fill: t
+	});
+}
+function q(e) {
+	return {
+		dataLabels: N(z(e, "chart.grid.labels.fontSize", 12), 12),
+		xAxis: N(z(e, "chart.grid.labels.xAxisLabels.fontSize", 12), 12),
+		yAxis: N(z(e, "chart.grid.labels.axis.fontSize", 12), 12)
+	};
+}
+function J(e) {
+	return z(e, "chart.grid.labels.yAxis.position", "left") === "right";
+}
+function Y(e, t) {
+	let n = o({
+		p: z(t, "chart.labels.prefix", ""),
+		v: e,
+		s: z(t, "chart.labels.suffix", ""),
+		r: z(t, "chart.grid.labels.yAxis.rounding", 0)
+	});
+	return S(z(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
+}
+function X(e) {
+	return !!z(e, "chart.grid.labels.yAxis.stacked", !1);
+}
+function Z(e) {
+	return e != null && Number.isFinite(Number(e));
+}
+function Se(e, t, n, r) {
+	return z(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? x(t, n, r) : ee(t, n, r);
+}
+function Ce(e, t) {
+	let n = P(t.plots).map((e) => Number(e.value)).filter(Number.isFinite), r = z(e, "chart.grid.labels.yAxis.scaleMin", null), i = z(e, "chart.grid.labels.yAxis.scaleMax", null), a = Z(r) ? Number(r) : Z(t.scaleMin) ? Number(t.scaleMin) : Math.min(0, ...n), o = Z(i) ? Number(i) : Z(t.scaleMax) ? Number(t.scaleMax) : Math.max(1, ...n);
+	return Se(e, a, o === a ? a + 1 : o, N(t.scaleSteps ?? z(e, "chart.grid.labels.yAxis.commonScaleSteps", 6), 6));
+}
+function we(e, t, n = []) {
+	let r = q(e), i = X(e), a = B(e), o = H(e);
+	if (a && !i) {
+		let t = Object.keys(U(e, n)).length;
+		return {
+			left: J(e) ? 0 : t * o,
+			right: J(e) ? t * o : 0,
+			scaleLabelsOffset: t * o,
+			yAxisLabelWidth: 0
+		};
+	}
+	if (a && i) return {
+		left: J(e) ? 0 : o,
+		right: J(e) ? o : 0,
+		scaleLabelsOffset: o,
+		yAxisLabelWidth: 0
+	};
+	let s = (i ? n.flatMap((t) => Ce(e, t).ticks) : P(t.ticks)).reduce((t, n) => Math.max(t, ae(Y(n, e), r.dataLabels)), 0), c = z(e, "chart.grid.labels.axis.yLabel", "") ? r.yAxis * 2 + 24 + N(z(e, "chart.grid.labels.axis.yLabelOffsetX", 0), 0) + r.yAxis : 0, l = s + N(z(e, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0) + N(z(e, "chart.grid.labels.yAxis.crosshairSize", 0), 0);
+	return {
+		left: J(e) ? 0 : l + c,
+		right: J(e) ? l + c : 0,
+		scaleLabelsOffset: l,
+		yAxisLabelWidth: c
+	};
+}
+function Te(e, t) {
+	let { config: n, scale: r, width: i, height: a } = e, o = q(n), s = e.drawingArea, c = we(n, r, t), l = z(n, "chart.legend.position", "bottom"), u = z(n, "chart.legend.show", !0), d = u ? Ke({
+		...e,
+		width: i,
+		height: a
+	}, t) : { height: 0 }, f = u && l === "top" ? d.height : 0, p = u && l !== "top" ? d.height : 0, m = z(n, "chart.grid.labels.axis.xLabel", ""), h = z(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, g = (m ? o.yAxis * 1.5 : 0) + h + o.xAxis, _ = ct(n) + N(z(n, "chart.labels.fontSize", 12), 12) * 1.1, v = N(z(n, "chart.padding.top", 12), 12), b = N(z(n, "chart.padding.right", 12), 12), ee = N(z(n, "chart.padding.bottom", 12), 12), x = N(z(n, "chart.padding.left", 12), 12), S = N(z(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), te = N(z(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = c.left, w = c.right, T = i - C - w - 6 - x - b, E = {
+		top: v + _ + f,
+		right: C + (J(n) ? 0 : te) + x + T,
+		bottom: a - g - ee - S - p,
+		left: C + (J(n) ? 0 : te) + x,
+		width: Math.max(1, T),
+		height: 1,
+		scaleLabelX: C,
+		rightScaleLabelX: w,
+		scaleLabelsOffset: c.scaleLabelsOffset,
+		yAxisLabelWidth: c.yAxisLabelWidth,
+		individualOffsetX: 36
+	};
+	E.height = Math.max(1, E.bottom - E.top);
+	function D(e) {
+		let t = (e - s.left) / (s.width || 1);
+		return E.left + t * E.width;
+	}
+	let O = X(n), k = O ? y(t) : t, A = Math.max(1, k.length), j = O ? N(z(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, ne = j * Math.max(0, A - 1), M = Math.max(1, E.height - ne), F = B(n), I = U(n, t), L = Math.max(1, ...t.map((e) => P(e.plots).length));
+	function R(t, n) {
+		return Q(e) ? D(t.x) : $({
+			...e,
+			drawingArea: E
+		}, t.index ?? n, L);
+	}
+	let re = t.map((e, t) => {
+		let i = e.id !== void 0 && e.id !== null ? k.find((t) => t.id === e.id) ?? k[t] ?? e : k[t] ?? e, a = ue(n, e, I, r, F, O), o = N(i.stackIndex, t), s = N(i.stackRatio, 1 / A), c = N(i.cumulatedStackRatio, s * (o + 1)), l = A - 1 - o, u = O ? 1 - c : 0, d = O ? M * u + j * l : 0, f = O ? M * s : E.height;
+		function p(e) {
+			let t = (e - a.min) / (a.max - a.min || 1);
+			return E.bottom - d - t * f;
+		}
+		let m = p(0);
+		return {
+			...e,
+			__scale: a,
+			__yOffset: d,
+			__individualHeight: f,
+			__zeroY: m,
+			__scaleYLabels: P(a.ticks).map((t) => ({
+				value: t,
+				y: p(t),
+				serie: e
+			})),
+			plots: e.plots.map((e, t) => {
+				let n = e.value === null || e.value === void 0 ? null : Number(e.value);
+				return {
+					...e,
+					value: n,
+					x: R(e, t),
+					y: n === null || !Number.isFinite(n) ? null : p(n)
+				};
+			})
+		};
+	});
+	return {
+		...e,
+		drawingArea: E,
+		series: re,
+		__scaleGroups: I,
+		__useIndividualScale: F
+	};
+}
+function Ee(e) {
+	let { config: t, drawingArea: n, scale: r, series: i } = e;
+	if (!z(t, "chart.grid.labels.show", !0) || !z(t, "chart.grid.labels.yAxis.show", !0)) return "";
+	let a = B(t), o = X(t);
+	if (a) return De(e);
+	let s = q(t), c = J(t), l = z(t, "chart.grid.labels.yAxis.showCrosshairs", !1), u = N(z(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), d = N(z(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), f = z(t, "chart.grid.labels.color", "#2A2A2A"), p = z(t, "chart.grid.stroke", "#CCCCCC"), m = o ? i.flatMap((e) => P(e.__scaleYLabels)) : P(r.ticks).map((e) => {
+		let t = (e - r.min) / (r.max - r.min || 1);
+		return {
+			value: e,
+			y: n.bottom - t * n.height
+		};
+	}), h = [];
+	return m.forEach((e) => {
+		Number.isFinite(e.y) && (l && h.push(L("line", {
+			"data-cy": "axis-y-tick",
+			x1: c ? n.right : n.left,
+			x2: c ? n.right + u : n.left - u,
+			y1: e.y,
+			y2: e.y,
+			stroke: p,
+			"stroke-width": 1,
+			"stroke-linecap": "round"
+		})), h.push(R(Y(e.value, t), {
+			"data-cy": "axis-y-label",
+			transform: `translate(${c ? n.right + u + d + 5 : n.scaleLabelX - u}, ${e.y + s.dataLabels / 3})`,
+			"font-size": s.dataLabels,
+			"text-anchor": c ? "start" : "end",
+			fill: o && e.serie?.color ? z(t, "chart.grid.labels.yAxis.groupColor", null) || e.serie.color : f
+		})));
+	}), I("g", { "data-layer": "scale-labels" }, h.join(""));
+}
+function De(e) {
+	let { config: t, drawingArea: n, series: r } = e, i = q(t), a = J(t), o = X(t), s = e.__scaleGroups ?? U(t, r), c = z(t, "chart.grid.labels.yAxis.showCrosshairs", !1), l = N(z(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), u = N(z(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), d = N(z(t, "chart.grid.labels.yAxis.labelWidth", 40), 40), f = N(n.individualOffsetX, 36), p = [], m = Object.values(s);
+	return m.forEach((e, s) => {
+		let h = r.find((t) => V(t) === e.scaleLabel) ?? r[s];
+		if (!h) return;
+		let g = o ? a ? n.right : n.left : a ? n.right + H(t) * s : n.left - H(t) * (m.length - s - 1), _ = N(h.__yOffset, 0), v = N(h.__individualHeight, n.height), y = o ? n.bottom - _ - v : n.top, b = o ? n.bottom - _ : n.bottom;
+		p.push(L("line", {
+			x1: o || a ? g : g - f,
+			x2: o || a ? g : g - f,
+			y1: y,
+			y2: b,
+			stroke: e.color,
+			"stroke-width": z(t, "chart.grid.strokeWidth", 1),
+			"stroke-linecap": "round"
+		}));
+		let ee = o ? a ? n.right + l + u + 5 + d + f : n.left - l - u - d : a ? g + l + u + 5 + d : g - i.dataLabels / 2;
+		p.push(R(e.name, {
+			transform: `translate(${ee}, ${y + (b - y) / 2}) rotate(-90)`,
+			"font-size": i.dataLabels * .8,
+			"text-anchor": "middle",
+			fill: e.color
+		})), P(e.scale.ticks).forEach((r) => {
+			let s = b - (r - e.scale.min) / (e.scale.max - e.scale.min || 1) * (b - y);
+			Number.isFinite(s) && (c && p.push(L("line", {
+				"data-cy": "axis-y-tick",
+				x1: o || a ? g : g + 3 - l - f,
+				x2: o ? a ? g + l : g - l : a ? g + l : g - f,
+				y1: s,
+				y2: s,
+				stroke: e.color,
+				"stroke-width": 1,
+				"stroke-linecap": "round"
+			})), p.push(R(Y(r, t), {
+				"data-cy": "axis-y-label",
+				transform: `translate(${o ? a ? n.right + l + u + 5 : n.left - l - u - 5 : a ? g + l + u + 5 : g - 5 - f}, ${s + i.dataLabels / 3})`,
+				"font-size": i.dataLabels,
+				"text-anchor": a ? "start" : "end",
+				fill: e.color
+			})));
+		});
+	}), I("g", { "data-layer": "individual-scale-labels" }, p.join(""));
+}
+function Oe(e, t) {
+	let { config: n, drawingArea: r } = e, i = X(n), a = t.filter((e) => e.type === "bar");
+	if (!a.length) return "";
+	let o = Math.max(1, ...t.map((e) => P(e.plots).length)), s = r.width / o, c = N(z(n, "bar.periodGap", .2), .2), l = N(z(n, "bar.innerGap", .05), .05), u = z(n, "bar.borderRadius", 0), d = [];
+	if (i) {
+		let t = Math.max(1e-5, s * .9), n = t * Math.min(Math.abs(l), .95);
+		return a.forEach((i, a) => {
+			let o = Number.isFinite(Number(i.__zeroY)) ? Number(i.__zeroY) : W(e);
+			P(i.plots).forEach((c, l) => {
+				if (!c || c.value === null || c.value === void 0 || !Number.isFinite(Number(c.value)) || !Number.isFinite(Number(c.y))) return;
+				let f = r.left + s * l + s * .05 + n / 2, { y: p, height: m } = le(e, i, c, o);
+				c.__barLabelX = f + Math.max(1e-5, t - n) / 2, d.push(L("rect", {
+					"data-cy": "datapoint-bar",
+					x: f,
+					y: p,
+					width: Math.max(1e-5, t - n),
+					height: m,
+					rx: u,
+					fill: ye(e, i, a, Number(c.value)),
+					...tt(e, i)
+				}));
+			});
+		}), I("g", { "data-layer": "bars" }, d.join(""));
+	}
+	let f = s * (1 - c), p = f / Math.max(1, a.length), m = p * Math.min(Math.abs(l), .95);
+	return W(e), a.forEach((t, n) => {
+		let i = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : W(e);
+		P(t.plots).forEach((a, o) => {
+			if (!a || a.value === null || a.value === void 0 || !Number.isFinite(Number(a.value)) || !Number.isFinite(Number(a.y))) return;
+			let c = r.left + s * o + (s - f) / 2 + p * n + m / 2, { y: l, height: h } = le(e, t, a, i);
+			a.__barLabelX = c + Math.max(1e-5, p - m) / 2, d.push(L("rect", {
+				"data-cy": "datapoint-bar",
+				x: c,
+				y: l,
+				width: Math.max(1e-5, p - m),
+				height: h,
+				rx: u,
+				fill: ye(e, t, n, Number(a.value)),
+				...tt(e, t)
+			}));
+		});
+	}), I("g", { "data-layer": "bars" }, d.join(""));
+}
+function ke(e) {
+	let { config: t, drawingArea: n, scale: r, series: i } = e;
+	return B(t) || X(t) ? i.flatMap((e) => P(e.__scaleYLabels)) : P(r.ticks).map((e) => {
+		let t = (e - r.min) / (r.max - r.min || 1);
+		return {
+			value: e,
+			y: n.bottom - t * n.height
+		};
+	});
+}
+function Ae(e, t, n) {
+	let { drawingArea: r } = e, i = r.width / Math.max(1, n);
+	return r.left + i * t;
+}
+function je(e, t) {
+	let { config: n, drawingArea: r } = e, i = Math.max(1, ...t.map((e) => P(e.plots).length)), a = r.top, o = r.bottom;
+	if (Q(e)) {
+		let e = [...new Set(t.flatMap((e) => P(e.plots)).map((e) => Number(e.x)).filter(Number.isFinite))].sort((e, t) => e - t);
+		return e.length ? z(n, "chart.grid.position", "middle") === "middle" ? e.map((e, t, n) => {
+			if (t === 0) return null;
+			let r = n[t - 1], i = r + (e - r) / 2;
+			return `M${i},${a} L${i},${o}`;
+		}).filter(Boolean).join(" ") : e.map((e) => `M${e},${a} L${e},${o}`).join(" ") : "";
+	}
+	let s = i + +(z(n, "chart.grid.position", "middle") === "middle");
+	return Array.from({ length: s }).map((t, r) => {
+		let s = z(n, "chart.grid.position", "middle") === "middle" ? Ae(e, r, i) : $(e, r, i);
+		return `M${s},${a} L${s},${o}`;
+	}).join(" ");
+}
+function Me(e) {
+	let { config: t, drawingArea: n, scale: r, series: i } = e, a = z(t, "chart.grid.show", !0), o = z(t, "chart.grid.showHorizontalLines", !0), s = z(t, "chart.grid.showVerticalLines", !1), c = z(t, "chart.grid.stroke", "#CCCCCC"), l = N(z(t, "chart.grid.strokeWidth", .5), .5), u = [];
+	if (a && o && ke(e).forEach((e) => {
+		Number.isFinite(Number(e.y)) && u.push(L("line", {
+			"data-cy": "xy-grid-horizontal-line",
+			x1: n.left,
+			x2: n.right,
+			y1: e.y,
+			y2: e.y,
+			stroke: c,
+			"stroke-width": l,
+			"stroke-linecap": "round"
+		}));
+	}), a && s) {
+		let t = je(e, i);
+		t && u.push(L("path", {
+			"data-cy": "xy-grid-vertical-line",
+			d: t,
+			stroke: c,
+			"stroke-width": l,
+			"stroke-linecap": "round"
+		}));
+	}
+	u.push(L("line", {
+		x1: n.left,
+		y1: n.bottom,
+		x2: n.right,
+		y2: n.bottom,
+		stroke: c,
+		"stroke-width": l,
+		"stroke-linecap": "round"
+	}));
+	let d = J(t) ? n.right : n.left;
+	return u.push(L("line", {
+		x1: d,
+		y1: n.top,
+		x2: d,
+		y2: n.bottom,
+		stroke: c,
+		"stroke-width": l,
+		"stroke-linecap": "round"
+	})), r.min < 0 && r.max > 0 && u.push(L("line", {
+		x1: n.left,
+		y1: W(e),
+		x2: n.right,
+		y2: W(e),
+		stroke: c,
+		"stroke-width": l,
+		"stroke-dasharray": 4,
+		"stroke-linecap": "round"
+	})), I("g", { "data-layer": "grid" }, u.join(""));
+}
+function Ne(e) {
+	return e && typeof e == "object" && Number.isFinite(Number(e.x)) && Number.isFinite(Number(e.y));
+}
+function Q(e) {
+	return P(e.series).some((e) => P(e.series).some(Ne));
+}
+function $(e, t, n) {
+	let { drawingArea: r, config: i } = e, a = z(i, "chart.grid.position", "middle"), o = r.width, s = a === "middle" ? o / Math.max(1, n) : o / Math.max(1, n - 1);
+	return a === "middle" ? r.left + s / 2 + s * t : r.left + s * t;
+}
+function Pe(e) {
+	let t = P(e.series).flatMap((e) => P(e.series)).filter(Ne).map((e) => Number(e.x));
+	if (!t.length) return {
+		min: 0,
+		max: 1
+	};
+	let n = Math.min(...t), r = Math.max(...t);
+	return n === r ? {
+		min: n - 1,
+		max: r + 1
+	} : {
+		min: n,
+		max: r
+	};
+}
+function Fe(e, t) {
+	let { drawingArea: n, config: r } = e, i = Pe(e), a = (Number(t) - i.min) / (i.max - i.min || 1), o = z(r, "chart.grid.labels.xAxis.reverse", !1) ? 1 - a : a;
+	return n.left + n.width * o;
+}
+function Ie(e, t, n) {
+	let { config: r } = e;
+	return o({
+		v: t,
+		s: z(r, "chart.labels.prefix", ""),
+		p: z(r, "chart.labels.suffix", ""),
+		r: z(r, "chart.grid.labels.xAxis.rounding", 0)
+	});
+}
+function Le(e) {
+	let { scale: t, config: n } = e, r = P(t?.ticks);
+	return (z(n, "chart.grid.labels.xAxis.reverse", !1) ? [...r].reverse() : r).map((t, n) => ({
+		id: `continuous_x_label_${n}`,
+		text: Ie(e, t, n),
+		value: t,
+		x: Fe(e, t),
+		index: n,
+		absoluteIndex: n
+	}));
+}
+async function Re(e, t) {
+	let { config: n } = e, r = Math.max(0, ...t.map((e) => P(e.plots).length));
+	return await O({
+		values: z(n, "chart.grid.labels.xAxisLabels.values", []),
+		maxDatapoints: r,
+		formatter: z(n, "chart.grid.labels.xAxisLabels.datetimeFormatter", null),
+		start: N(e.slotStartIndex ?? e.startAbs, 0),
+		end: N(e.slotEndIndex ?? e.endAbs, r)
+	});
+}
+async function ze(e, t) {
+	let { config: n } = e, r = z(n, "chart.grid.labels.xAxisLabels", {}), i = Math.max(0, ...t.map((e) => P(e.plots).length)), a = await Re(e, t), o = await O({
+		values: z(n, "chart.grid.labels.xAxisLabels.values", []),
+		maxDatapoints: i,
+		formatter: z(n, "chart.grid.labels.xAxisLabels.datetimeFormatter", null),
+		start: 0,
+		end: i
+	}), s = a.map((e) => e?.text ?? ""), c = o.map((e) => e?.text ?? ""), l = Math.min(N(r.modulo, 1), Math.max(1, new Set(s).size));
+	return T(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, N(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
+}
+async function Be(e, t) {
+	return Q(e) ? Le(e) : await ze(e, t);
+}
+function Ve(e, t, n, r) {
+	return Q(e) ? t.x : $(e, n, r);
+}
+function He(e) {
+	return w(e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {}, "chart.grid.labels.xAxisLabels.rotation") ? N(z(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : z(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? N(z(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : N(z(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
+}
+async function Ue(e, n) {
+	let { config: r, drawingArea: i } = e;
+	if (!n[0] || !z(r, "chart.grid.labels.xAxisLabels.show", !0)) return "";
+	z(r, "chart.grid.labels.xAxisLabels", {});
+	let a = N(z(r, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), o = z(r, "chart.grid.labels.xAxisLabels.color", z(r, "chart.grid.labels.color", "#2A2A2A")), s = He(e), c = Math.max(1, n[0].plots.length), l = await Be(e, n), u = s > 0 ? "start" : s < 0 ? "end" : "middle";
+	return I("g", { "data-layer": "x-axis-labels" }, l.map((n, r) => {
+		let l = typeof n == "string" ? n : n?.text;
+		if (!l) return "";
+		let d = `translate(${Ve(e, n, r, c)}, ${i.bottom + a * 1.5}), rotate(${s})`;
+		return String(l).includes("\n") ? I("text", {
+			class: "vue-data-ui-time-label",
+			"data-cy": "time-label",
+			"text-anchor": u,
+			"font-size": a,
+			fill: o,
+			transform: d
+		}, t({
+			content: String(l),
+			fontSize: a,
+			fill: o,
+			x: 0,
+			y: 0
+		})) : R(l, {
+			class: "vue-data-ui-time-label",
+			"data-cy": "time-label",
+			"text-anchor": u,
+			"font-size": a,
+			fill: o,
+			transform: d
+		});
+	}).join(""));
+}
+function We(e) {
+	let { config: t, drawingArea: n, height: r } = e, i = q(t), a = z(t, "chart.grid.labels.axis.xLabel", ""), o = z(t, "chart.grid.labels.axis.yLabel", ""), s = z(t, "chart.grid.labels.axis.color", z(t, "chart.grid.labels.color", "#2A2A2A")), c = N(z(t, "chart.grid.labels.axis.yLabelOffsetX", 0), 0), l = N(z(t, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), u = N(z(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), d = N(z(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), f = N(z(t, "chart.grid.labels.yAxis.labelWidth", 0), 0), p = J(t), m = [];
+	if (a && m.push(R(a, {
+		x: n.left + n.width / 2,
+		y: Math.min(r - 4, n.bottom + i.xAxis * 3 + l),
+		"font-size": i.yAxis,
+		"text-anchor": "middle",
+		fill: s
+	})), o) {
+		let e = p ? n.right + u + d + 5 + f + c : n.scaleLabelX - u - d - f - c, t = n.top + n.height / 2;
+		m.push(R(o, {
+			x: e,
+			y: t,
+			transform: `rotate(-90 ${e} ${t})`,
+			"font-size": i.yAxis,
+			"text-anchor": "middle",
+			fill: s
+		}));
+	}
+	return I("g", { "data-layer": "axis-labels" }, m.join(""));
+}
+async function Ge(e, t) {
+	let { config: n, drawingArea: r } = e, i = z(n, "chart.grid.labels.xAxisLabels.show", !0), a = z(n, "chart.grid.labels.xAxis.showCrosshairs", !1);
+	if (!i || !a || !t[0]) return "";
+	let o = N(z(n, "chart.grid.labels.xAxis.crosshairSize", 6), 6), s = !!z(n, "chart.grid.labels.xAxis.crosshairsAlwaysAtZero", !1), c = Math.max(1, t[0].plots.length), l = await Be(e, t), u = W(e), d = l.map((t, n) => {
+		if (!(typeof t == "string" ? t : t?.text)) return "";
+		let i = Q(e) ? t.x : $(e, n, c);
+		return `M${i},${s ? u - (u === r.bottom ? 0 : o / 2) : r.bottom} L${i},${s ? u + o / (u === r.bottom ? 1 : 2) : r.bottom + o}`;
+	}).filter(Boolean).join(" ");
+	return d ? I("g", { "data-layer": "x-axis-ticks" }, L("path", {
+		d,
+		stroke: z(n, "chart.grid.stroke", "#CCCCCC"),
+		"stroke-width": 1,
+		"stroke-linecap": "round",
+		"data-cy": "axis-x-tick"
+	})) : "";
+}
+function Ke(e, t) {
+	let { config: n, width: r } = e, i = z(n, "chart.legend", {}), a = N(i.fontSize, 12), o = N(i.markerSize, 10), s = N(i.itemGap, 16), c = N(i.rowGap, 8), l = N(i.padding, 8), u = Math.max(1, r - l * 2), d = [], f = [], p = 0;
+	return t.forEach((e) => {
+		let t = String(e.name ?? ""), n = o + 6 + ae(t, a) + s;
+		f.length && p + n > u && (d.push({
+			items: f,
+			width: p
+		}), f = [], p = 0), f.push({
+			serie: e,
+			label: t,
+			itemWidth: n
+		}), p += n;
+	}), f.length && d.push({
+		items: f,
+		width: p
+	}), {
+		rows: d,
+		fontSize: a,
+		markerSize: o,
+		itemGap: s,
+		rowGap: c,
+		padding: l,
+		height: d.length * Math.max(o, a) + Math.max(0, d.length - 1) * c + l * 2
+	};
+}
+function qe(e, t) {
+	let { config: n, width: r, height: i } = e;
+	if (!z(n, "chart.legend.show", !0) || !t.length) return "";
+	let a = z(n, "chart.legend", {}), o = a.position || "bottom", s = a.color || z(n, "chart.color", "#2A2A2A"), c = Ke(e, t), l = Math.max(c.markerSize, c.fontSize), u = o === "top" ? c.padding + l : i - c.height + c.padding + l, d = [];
+	return c.rows.forEach((e, t) => {
+		let n = Math.max(c.padding, r / 2 - e.width / 2), i = u + t * (l + c.rowGap);
+		e.items.forEach(({ serie: e, label: t, itemWidth: r }) => {
+			d.push(L("rect", {
+				x: n,
+				y: i - c.markerSize / 2,
+				width: c.markerSize,
+				height: c.markerSize,
+				rx: 2,
+				fill: e.color
+			})), d.push(R(t, {
+				x: n + c.markerSize + 6,
+				y: i + 2,
+				"font-size": c.fontSize,
+				"dominant-baseline": "middle",
+				fill: s
+			})), n += r;
+		});
+	}), I("g", { "data-layer": "legend" }, d.join(""));
+}
+function Je(e, t) {
+	return `areaGradient_${t}_${e.uniqueId ?? "ssr"}`;
+}
+function Ye(e, t) {
+	let { config: n } = e;
+	if (!z(n, "line.area.useGradient", !1)) return "";
+	let r = N(z(n, "line.area.opacity", 30), 30), i = t.filter((e) => e.type === "line" && e.useArea).map((t, n) => I("linearGradient", {
+		id: Je(e, n),
+		x1: "0%",
+		x2: "0%",
+		y1: "0%",
+		y2: "100%"
+	}, [L("stop", {
+		offset: "0%",
+		"stop-color": h(a(D(t.color), .03), r),
+		"stop-opacity": 1
+	}), L("stop", {
+		offset: "100%",
+		"stop-color": t.color,
+		"stop-opacity": 0
+	})].join(""))).join("");
+	return i ? I("defs", {}, i) : "";
+}
+function Xe(e, t) {
+	let { config: n } = e, r = !!z(n, "line.cutNullValues", !1), a = [];
+	return t.filter((e) => e.type === "line" && e.useArea).forEach((t, n) => {
+		let o = P(t.plots), s = o.filter((e) => e && e.value !== null);
+		if (s.length < 2) return;
+		let c = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : W(e), l = ve(e, t, n);
+		if (t.smooth && !t.useStepper) {
+			f(r ? o : s, c, r).forEach((e) => {
+				e && a.push(L("path", {
+					d: e,
+					fill: l,
+					"data-cy": "datapoint-line-area-smooth"
+				}));
+			});
+			return;
+		}
+		(t.useStepper ? i(r ? o : s, c) : r ? v(o, c) : E(s, c)).split(";").filter(Boolean).forEach((e) => {
+			a.push(L("path", {
+				d: `M${e}Z`,
+				fill: l,
+				"data-cy": "datapoint-line-area-straight"
+			}));
+		});
+	}), I("g", { "data-layer": "line-areas" }, a.join(""));
+}
+function Ze(e, t) {
+	let n = N(t.slotStartIndex ?? t.startAbs, 0);
+	return P(e.dashIndices).map((e) => Number(e) - n).filter(Number.isFinite);
+}
+function Qe(e, t, n, r, i) {
+	let { config: a } = e, o = N(t.strokeWidth || z(a, "line.strokeWidth", 2), 2);
+	return L("path", {
+		d: `M${r}`,
+		fill: "none",
+		stroke: he(e, t, n),
+		"stroke-width": o,
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-dasharray": i ? o * 2 : 0
+	});
+}
+function $e(e, t) {
+	let { config: n } = e, r = t.filter((e) => e.type === "line"), a = !!z(n, "line.cutNullValues", !1), o = [];
+	return r.forEach((t, r) => {
+		let s = a ? P(t.plots) : P(t.plots).filter((e) => e.value !== null), d = s.filter((e) => e.value !== null);
+		if (!(d.length < 2)) {
+			if (P(t.dashIndices).length > 0 && !t.useStepper) {
+				let i = Ze(t, e);
+				(t.smooth || z(n, "line.smooth", !1) ? u(s, i) : _(s, i)).forEach((n) => {
+					n?.path && o.push(Qe(e, t, r, n.path, !!n.dashed));
+				});
+				return;
+			}
+			(t.useStepper ? i(s).split(";").filter(Boolean) : [t.smooth || z(n, "line.smooth", !1) ? a ? te(s) : C(d) : a ? l(s) : c(d, !1, !0)]).forEach((n) => {
+				n && o.push(Qe(e, t, r, n, !!t.dashed));
+			});
+		}
+	}), I("g", { "data-layer": "lines" }, o.join(""));
+}
+function et(e, t, n) {
+	let { config: r } = e;
+	return z(r, "plot.useGradient", !1) ? `url(#${ge(e, n)})` : z(r, "plot.dot.useSerieColor", !0) ? t.color : z(r, "plot.dot.fill", t.color);
+}
+function tt(e, t) {
+	let n = z(e.config, "bar.border", {});
+	return {
+		stroke: n.useSerieColor ? t.color : n.stroke,
+		"stroke-width": N(n.strokeWidth, 0)
+	};
+}
+function nt(e, t) {
+	let { config: n } = e, r = t.filter((e) => e.type === "plot"), i = z(n, "plot.radius", 4), a = z(n, "plot.dot.strokeWidth", 2), o = z(n, "chart.backgroundColor", "#FFFFFF"), s = [];
+	return r.forEach((t, r) => {
+		t.plots.forEach((c, l) => {
+			F(c.value) && s.push(ie({
+				dataCy: `xy-plot-${r}-${l}`,
+				shape: t.shape,
+				plot: c,
+				radius: t.radius || i,
+				fill: et(e, t, r),
+				stroke: z(n, "plot.dot.useSerieColor", !0) ? o : t.color,
+				strokeWidth: a
+			}));
+		});
+	}), I("g", { "data-layer": "plots" }, s.join(""));
+}
+function rt(e) {
+	return ![
+		null,
+		void 0,
+		NaN,
+		Infinity,
+		-Infinity
+	].includes(e);
+}
+function it(e, t, n) {
+	let r = e[t - 1], i = e[t + 1], a = !!r && !!i && r.value == null && i.value == null || !r && !!i && i.value == null || !!r && !i && r.value == null;
+	return rt(e[t]?.value) && a && !!z(n, "line.cutNullValues", !1);
+}
+function at(e, t, n, r, i) {
+	let { config: a } = e;
+	if (!n || !rt(n.value)) return !1;
+	if (!(i > N(z(a, "line.dot.hideAboveMaxSerieLength", Infinity), Infinity))) return !0;
+	let o = e.selectedSerieIndex ?? null, s = e.selectedMinimapIndex ?? null;
+	return o !== null && o === r || s !== null && s === r || it(t.plots, r, a);
+}
+function ot(e, t) {
+	let { config: n } = e, r = t.filter((e) => e.type === "line"), i = Math.max(0, ...r.map((e) => P(e.plots).length)), a = z(n, "line.radius", 4), o = z(n, "line.dot.strokeWidth", 2), s = z(n, "chart.backgroundColor", "#FFFFFF"), c = [];
+	return r.forEach((t, r) => {
+		t.plots.forEach((l, u) => {
+			at(e, t, l, u, i) && c.push(ie({
+				dataCy: "datapoint-line-plot",
+				shape: t.shape,
+				plot: l,
+				radius: t.radius || a,
+				fill: _e(e, t, r),
+				stroke: z(n, "line.dot.useSerieColor", !0) ? s : t.color,
+				strokeWidth: o
+			}));
+		});
+	}), I("g", { "data-layer": "line-dots" }, c.join(""));
+}
+function st(e, t) {
+	let { config: n } = e;
+	if (X(n)) return "";
+	let r = z(n, "line.interLine", {}), i = P(r.pairs), a = P(r.colors);
+	if (!i.length) return "";
+	let o = t.filter((e) => e.type === "line"), s = N(r.fillOpacity, .2), c = !!z(n, "line.cutNullValues", !1), l = [];
+	return i.forEach((e, t) => {
+		let [n, r] = Array.isArray(e) ? e : [e?.a, e?.b];
+		if (!n || !r) return;
+		let i = o.find((e) => e.name === n), u = o.find((e) => e.name === r);
+		if (!i || !u) return;
+		let d = a?.[t]?.[0] ?? i.color, f = a?.[t]?.[1] ?? u.color;
+		b({
+			lineA: P(i.plots),
+			lineB: P(u.plots),
+			smoothA: !!i.smooth,
+			smoothB: !!u.smooth,
+			colorLineA: d,
+			colorLineB: f,
+			sampleStepPx: 2,
+			cutNullValues: c
+		}).forEach((e, i) => {
+			l.push(L("path", {
+				"data-cy": "interline-area",
+				d: e.d,
+				fill: e.color,
+				"fill-opacity": s,
+				stroke: "none",
+				"pointer-events": "none",
+				"data-key": `inter_${n}_${r}_${t}_${i}`
+			}));
+		});
+	}), l.length ? I("g", { "data-layer": "interline-areas" }, l.join("")) : "";
+}
+function ct(e) {
+	let t = z(e, "chart.title", {}), n = z(t, "subtitle", {});
+	if (!t.show) return 0;
+	let r = N(t.fontSize, 20), i = n.text ? N(n.fontSize, 14) : 0, a = N(t.paddingTop, 12), o = N(t.paddingBottom, 6);
+	return a + r + (n.text ? i + 4 : 0) + o;
+}
+function lt(e) {
+	let { config: t, width: n } = e, r = z(t, "chart.title", {}), i = z(r, "subtitle", {});
+	if (!r.show || !r.text) return "";
+	let a = r.textAlign || "center", o = a === "left" ? N(r.paddingLeft, 12) : a === "right" ? n - N(r.paddingRight, 12) : n / 2, s = a === "left" ? "start" : a === "right" ? "end" : "middle", c = N(r.fontSize, 20), l = N(i.fontSize, 14), u = N(r.paddingTop, 12) + c, d = [R(r.text, {
+		"data-cy": "xy-div-title",
+		x: o,
+		y: u,
+		"font-size": c,
+		"font-weight": r.bold ? "700" : "400",
+		"text-anchor": s,
+		fill: r.color || z(t, "chart.color", "#2A2A2A")
+	})];
+	return i.text && d.push(R(i.text, {
+		"data-cy": "xy-div-subtitle",
+		x: o,
+		y: u + l + 4,
+		"font-size": l,
+		"font-weight": i.bold ? "700" : "400",
+		"text-anchor": s,
+		fill: i.color || r.color || z(t, "chart.color", "#2A2A2A")
+	})), I("g", { "data-layer": "title" }, d.join(""));
+}
+function ut(e) {
+	return e.svgTitle ? I("desc", { "aria-hidden": "true" }, [e.svgTitle].join("")) : "";
+}
+function dt(e, t, n, r, i) {
+	return !n || n.value === null || n.value === void 0 || !Number.isFinite(Number(n.value)) || !z(e.config, "dataLabels.show", !0) || !z(e.config, `${i}.labels.show`, !1) ? !1 : !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || e.selectedSerieIndex === r || e.selectedMinimapIndex === r;
+}
+function ft(e, n, r, i) {
+	let { config: a } = e, s = N(z(a, `${i}.labels.fontSize`, z(a, "chart.labels.fontSize", 12)), 12), c = z(a, `${i}.labels.color`, z(a, "chart.color", "#2A2A2A")), l = o({
+		p: n.prefix || z(a, "chart.labels.prefix", ""),
+		v: r.value,
+		s: n.suffix || z(a, "chart.labels.suffix", ""),
+		r: z(a, `${i}.labels.rounding`, 0)
+	});
+	return t({
+		content: Q(e) && Number.isFinite(Number(r.x)) ? `x: ${o({
+			v: r.x,
+			r: z(a, "chart.grid.labels.xAxis.rounding", 0)
+		})}\ny: ${l}` : S(z(a, `${i}.labels.formatter`, null), r.value, l, {
+			datapoint: r,
+			serie: n
+		}),
+		fontSize: s,
+		fill: c,
+		x: 0,
+		y: 0
+	});
+}
+function pt(e, t, n) {
+	let r = z(e.config, `${n}.labels.textAnchor`, null);
+	return r === null ? N(z(e.config, `${n}.labels.rotation`, 0), 0) === 0 ? "middle" : z(e.config, `${n}.labels.alwaysOnTop`, !1) || t.value >= 0 ? "start" : "end" : r;
+}
+function mt(e, t, n) {
+	let r = N(z(e.config, `${n}.labels.offsetX`, 0), 0), i = N(z(e.config, `${n}.labels.offsetY`, -12), -12), a = N(z(e.config, `${n}.labels.rotation`, 0), 0), o = !!z(e.config, `${n}.labels.alwaysOnTop`, !1);
+	return `translate(${t.x + r}, ${t.y + (o || t.value >= 0 ? i : -i * 3)}) rotate(${a})`;
+}
+function ht(e, t, n) {
+	let r = N(z(e.config, "bar.labels.offsetX", 0), 0), i = N(z(e.config, "bar.labels.offsetY", -6), -6), a = N(z(e.config, "bar.labels.rotation", 0), 0), o = !!z(e.config, "bar.labels.alwaysOnTop", !1), s = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : W(e), c = Math.abs(s - n.y), l = n.__barLabelX ?? n.x, u = n.y + (o ? i - (n.value < 0 ? c : 0) : n.value >= 0 ? i : -i * 3);
+	return `translate(${l + r}, ${u}) rotate(${a})`;
+}
+function gt(e, t) {
+	let { config: n } = e, r = N(z(n, "chart.labels.fontSize", 12), 12), i = z(n, "chart.backgroundColor", "#FFFFFF"), a = [];
+	return t.forEach((t) => {
+		P(t.plots).forEach((o, s) => {
+			let c = t.type;
+			[
+				"line",
+				"bar",
+				"plot"
+			].includes(c) && dt(e, t, o, s, c) && a.push(I("text", {
+				"data-cy": `datapoint-${c}-label`,
+				transform: c === "bar" ? ht(e, t, o) : mt(e, o, c),
+				"text-anchor": pt(e, o, c),
+				"font-size": z(n, `${c}.labels.fontSize`, r),
+				fill: z(n, `${c}.labels.color`, z(n, "chart.color", "#2A2A2A")),
+				stroke: i,
+				"paint-order": "stroke"
+			}, ft(e, t, o, c)));
+		});
+	}), I("g", { "data-layer": "datapoint-labels" }, a.join(""));
+}
+function _t(e) {
+	return N(e.slotStartIndex ?? e.startAbs, 0);
+}
+function vt(e, t) {
+	let n = Math.max(0, ...t.map((e) => P(e.plots).length));
+	return N(e.slotEndIndex ?? e.endAbs, n);
+}
+function yt(e, t) {
+	let { drawingArea: n, config: r } = e;
+	return z(r, "chart.grid.position", "middle") === "middle" ? n.width / Math.max(1, t) : n.width / Math.max(1, t - 1);
+}
+function bt(e, t, n) {
+	let { drawingArea: r, config: i } = e, a = yt(e, n);
+	return z(i, "chart.grid.position", "middle") === "middle" ? r.left + a * t : r.left + a * t - a / 2;
+}
+function xt(e, t) {
+	return yt(e, t);
+}
+function St(e, t, n, r, i, a) {
+	let { drawingArea: o } = e, s = t.caption ?? {};
+	if (!s.text) return "";
+	let c = xt(e, a) * i, l = s.width === "auto" ? c : N(s.width, c), u = bt(e, r, a) - (s.width === "auto" ? 0 : l / 2 - c / 2), d = o.top + N(s.offsetY, 0);
+	return I("foreignObject", {
+		"data-key": `highlight_area_caption_${n}`,
+		x: u,
+		y: d,
+		width: l,
+		height: 1,
+		overflow: "visible"
+	}, I("div", {
+		xmlns: "http://www.w3.org/1999/xhtml",
+		"data-cy": "highlight-area-caption",
+		style: [
+			`padding:${N(s.padding, 0)}px`,
+			`text-align:${s.textAlign || "center"}`,
+			`font-size:${N(s.fontSize, 12)}px`,
+			`color:${s.color || "#2A2A2A"}`,
+			`font-weight:${s.bold ? "bold" : "normal"}`
+		].join(";")
+	}, g(s.text)));
+}
+function Ct(e, t) {
+	let { config: n, drawingArea: r } = e, i = P(z(n, "chart.highlightArea", []));
+	if (!i.length) return "";
+	let a = Math.max(1, ...t.map((e) => P(e.plots).length)), o = _t(e), s = vt(e, t), c = [];
+	return i.forEach((t, n) => {
+		if (!t?.show) return;
+		let i = N(t.from, 0), l = Math.min(N(t.to, i), a - 1);
+		if (l < i) return;
+		for (let u = i; u <= l; u += 1) {
+			if (u < o || u > s - 1) continue;
+			let i = u - o;
+			c.push(L("rect", {
+				"data-cy": "highlight-area",
+				"data-key": `highlight_area_${n}_${u}`,
+				x: bt(e, i, a),
+				y: r.top,
+				width: xt(e, a),
+				height: Math.max(1, r.height),
+				fill: h(t.color, N(t.opacity, 20)),
+				"pointer-events": "none"
+			}));
+		}
+		let u = Math.max(i, o);
+		u <= Math.min(l, s - 1) && c.push(St(e, t, n, u - o, l - i + 1, a));
+	}), c.length ? I("g", { "data-layer": "highlight-areas" }, c.join("")) : "";
+}
+function wt(e, t) {
+	let { drawingArea: n, scale: r } = e, i = (Number(t) - r.min) / (r.max - r.min || 1);
+	return n.bottom - i * n.height;
+}
+function Tt(e) {
+	return ae(e.text, N(e.fontSize, 12));
+}
+function Et(e, t, n) {
+	let r = N(e.fontSize, 12), i = e.padding ?? {}, a = e.border ?? {}, o = Tt(e), s = r, c;
+	return c = e.textAnchor === "middle" ? t - o / 2 - N(i.left, 0) : e.textAnchor === "end" ? t - o - N(i.right, 0) : t - N(i.left, 0), {
+		x: c,
+		y: n - s * .75 - N(i.top, 0),
+		width: o + N(i.left, 0) + N(i.right, 0),
+		height: s + N(i.top, 0) + N(i.bottom, 0),
+		fill: e.backgroundColor,
+		stroke: a.stroke,
+		rx: a.rx,
+		ry: a.ry,
+		"stroke-width": a.strokeWidth
+	};
+}
+function Dt(e) {
+	let { config: t, drawingArea: n } = e;
+	if (X(t)) return "";
+	let r = P(z(t, "chart.annotations", [])).filter((e) => e?.show && (e.yAxis?.yTop !== null || e.yAxis?.yBottom !== null) && (e.yAxis?.yTop !== void 0 || e.yAxis?.yBottom !== void 0));
+	if (!r.length) return "";
+	let i = [];
+	return r.forEach((r, a) => {
+		let o = r.yAxis ?? {}, s = o.label ?? {}, c = o.line ?? {}, l = o.area ?? {}, u = o.yTop !== null && o.yTop !== void 0, d = o.yBottom !== null && o.yBottom !== void 0, f = u ? wt(e, o.yTop) : null, p = d ? wt(e, o.yBottom) : null, m = Number.isFinite(Number(f)), g = Number.isFinite(Number(p));
+		if (!m && !g) return;
+		let _ = [];
+		if (m && _.push(L("line", {
+			x1: n.left,
+			y1: f,
+			x2: n.right,
+			y2: f,
+			stroke: c.stroke,
+			"stroke-width": c.strokeWidth,
+			"stroke-dasharray": c.strokeDasharray,
+			"stroke-linecap": "round",
+			"data-cy": "xy-annotation-y-top-line"
+		})), g && _.push(L("line", {
+			x1: n.left,
+			y1: p,
+			x2: n.right,
+			y2: p,
+			stroke: c.stroke,
+			"stroke-width": c.strokeWidth,
+			"stroke-dasharray": c.strokeDasharray,
+			"stroke-linecap": "round",
+			"data-cy": "xy-annotation-y-bottom-line"
+		})), m && g && f !== p && _.push(L("rect", {
+			x: n.left,
+			y: Math.min(f, p),
+			width: n.width,
+			height: Math.abs(f - p),
+			fill: h(l.fill || c.stroke || z(t, "chart.color", "#2A2A2A"), N(l.opacity, 20)),
+			"data-cy": "xy-annotation-y-area",
+			"pointer-events": "none"
+		})), s.text) {
+			let e = s.padding ?? {}, t = m && g ? Math.min(f, p) : m ? f : p, r = (s.position === "start" ? n.left + N(e.left, 0) : n.right - N(e.right, 0)) + N(s.offsetX, 0), i = t - N(s.fontSize, 12) / 3 + N(s.offsetY, 0) - N(e.top, 0), a = Et(s, r, i);
+			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(L("rect", {
+				class: "vue-ui-xy-annotation-label-box",
+				...a,
+				"data-cy": "xy-annotation-label-box"
+			})), _.push(R(s.text, {
+				class: "vue-ui-xy-annotation-label",
+				x: r,
+				y: i,
+				"font-size": s.fontSize,
+				fill: s.color,
+				"text-anchor": s.textAnchor,
+				"data-cy": "xy-annotation-label"
+			})));
+		}
+		i.push(I("g", {
+			"data-layer": "annotation",
+			"data-key": `annotation_y_${a}`
+		}, _.join("")));
+	}), i.length ? I("g", { "data-layer": "annotations" }, i.join("")) : "";
+}
+function Ot(e, t) {
+	let n = e.additionalSvgContent;
+	return typeof n == "function" ? n({
+		width: e.width,
+		height: e.height,
+		drawingArea: e.drawingArea,
+		scale: e.scale,
+		config: e.config,
+		series: t.map((e) => ({
+			...e,
+			plots: P(e.plots).map((e) => ({ ...e }))
+		}))
+	}) ?? "" : n ?? "";
+}
+async function kt(e) {
+	let t = e.config, n = N(e.width, t.chart.width ?? 1e3), r = N(e.height, t.chart.height ?? 600), i = fe({
+		...e,
+		config: t,
+		width: n,
+		height: r
+	}), a = Te({
+		...e,
+		config: t,
+		width: n,
+		height: r,
+		scale: se(t, e.scale, i)
+	}, i), o = a.series;
+	return `
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="100%"
+    viewBox="0 0 ${n} ${r}"
+    role="img"
+>
+    ${ut(a)}
+    ${Ye(a, o)}
+    ${be(a, o)}
+    ${xe(a)}
+    ${lt(a)}
+    ${Ct(a, o)}
+    ${Dt(a)}
+    ${Me(a)}
+    ${await Ge(a, o)}
+    ${Ee(a)}
+    ${We(a)}
+    ${await Ue(a, o)}
+    ${Oe(a, o)}
+    ${st(a, o)}
+    ${Xe(a, o)}
+    ${$e(a, o)}
+    ${nt(a, o)}
+    ${ot(a, o)}
+    ${gt(a, o)}
+    ${qe(a, o)}
+    ${Ot(a, o)}
+</svg>`.trim();
+}
+//#endregion
+//#region src/svg/vue-ui-xy/index.js
+async function At(e = {}) {
+	return await kt(M(e));
+}
+//#endregion
+export { At as createStaticVueUiXy };