vue-data-ui 3.22.14 → 3.23.1

package/dist/{vue-ui-xy-B8XBn08L.js → vue-ui-xy-gyNS0yH0.js}

@@ -1,40 +1,40 @@
-import { B as e, Bt as t, F as n, Gt as r, H as i, I as a, K as o, M as s, N as c, Nt as l, O as u, Rt as d, V as f, W as p, Y as m, _ as h, _t as g, a as _, c as v, g as y, i as b, k as x, qt as S, s as ee, t as C, tt as te, x as w, z as T, zt as E } from "./lib-C-QGo8GG.js";
-import { t as D } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as O } from "./useConfig-C0V0eG7L.js";
+import { A as e, B as t, Bt as n, G as r, H as i, I as a, Jt as o, Kt as s, L as c, N as l, P as u, Pt as d, S as f, U as p, V as m, Vt as h, X as g, _, c as v, i as y, k as b, l as x, nt as S, o as ee, q as C, t as w, v as te, vt as T, zt as E } from "./lib-Bttd6u5E.js";
+import { t as D } from "./useTimeLabels-d2f-W1L4.js";
+import { t as O } from "./useConfig-D3scuR88.js";
 import { t as ne } from "./vue_ui_xy-BA3-_LCx.js";
-import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-DasqIYp9.js";
+import { _ as k, d as A, f as j, g as M, h as N, l as P, m as F, p as I, u as L, v as R } from "./render-common-oDYGTc5P.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: z } = O();
 function re({ config: e = {}, dataset: t = [] } = {}) {
-	let n = e ?? {}, i = S({
+	let n = e ?? {}, r = o({
 		userConfig: n,
 		defaultConfig: z
 	});
-	g(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? i.chart.highlightArea = n.chart.highlightArea.map((e) => S({
+	T(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => o({
 		defaultConfig: z.chart.highlightArea,
 		userConfig: e
-	})) : i.chart.highlightArea = [S({
+	})) : r.chart.highlightArea = [o({
 		defaultConfig: z.chart.highlightArea,
 		userConfig: n.chart.highlightArea
-	})]), g(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? i.chart.annotations = n.chart.annotations.map((e) => S({
+	})]), T(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => o({
 		defaultConfig: z.chart.annotations[0],
 		userConfig: e
-	})) : i.chart.annotations = [], g(n, "chart.grid.position") && n.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 : l
+	})) : r.chart.annotations = [], T(n, "chart.grid.position") && n.chart.grid.position === "start" && t.some((e) => e.type === "bar") && (r.chart.grid.position = "middle");
+	let i = r.theme;
+	if (!i) return {
+		...r,
+		customPalette: r.customPalette?.length ? r.customPalette : d
 	};
-	let o = S({
+	let a = o({
+		userConfig: ne[i] || {},
+		defaultConfig: r
+	}), c = o({
 		userConfig: n,
-		defaultConfig: S({
-			userConfig: ne[a] || {},
-			defaultConfig: i
-		})
+		defaultConfig: a
 	});
 	return {
-		...o,
-		customPalette: o.customPalette?.length ? o.customPalette : r[a] || l
+		...c,
+		customPalette: c.customPalette?.length ? c.customPalette : s[i] || d
 	};
 }
 function B(e) {
@@ -53,8 +53,8 @@ function oe({ dataset: e, config: t }) {
 		max: 1,
 		ticks: [0, 1]
 	};
-	let r = t?.chart?.grid?.labels?.xAxis?.scaleMin, i = t?.chart?.grid?.labels?.xAxis?.scaleMax, a = ie(r) ? Number(r) : Math.min(...n), o = ie(i) ? Number(i) : Math.max(...n);
-	return y(a === o ? a - 1 : a, a === o ? o + 1 : o, Number.isFinite(Number(t?.chart?.grid?.labels?.xAxis?.scaleSteps)) ? Number(t.chart.grid.labels.xAxis.scaleSteps) : 6);
+	let r = t?.chart?.grid?.labels?.xAxis?.scaleMin, i = t?.chart?.grid?.labels?.xAxis?.scaleMax, a = ie(r) ? Number(r) : Math.min(...n), o = ie(i) ? Number(i) : Math.max(...n), s = a === o ? a - 1 : a, c = a === o ? o + 1 : o, l = Number.isFinite(Number(t?.chart?.grid?.labels?.xAxis?.scaleSteps)) ? Number(t.chart.grid.labels.xAxis.scaleSteps) : 6;
+	return _(s, c, l);
 }
 function se({ xValue: e, xScale: t, drawingArea: n, config: r }) {
 	let i = (Number(e) - t.min) / (t.max - t.min || 1), a = r?.chart?.grid?.labels?.xAxis?.reverse ? 1 - i : i;
@@ -71,18 +71,18 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 		bottom: r - s.chart.padding.bottom
 	};
 	c.width = c.right - c.left, c.height = c.bottom - c.top;
-	let u = e.flatMap((e) => Array.isArray(e.series) ? e.series.map((e) => Number(typeof e == "object" && e ? e.y : e)) : []).filter(Number.isFinite), d = y(Math.min(0, ...u), Math.max(1, ...u), 6), f = e.some((e) => Array.isArray(e.series) ? e.series.some(B) : !1), p = f ? oe({
+	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 = Math.min(0, ...l), p = Math.max(1, ...l), m = _(u, p, 6), h = e.some((e) => Array.isArray(e.series) ? e.series.some(B) : !1), g = h ? oe({
 		dataset: e,
 		config: s
-	}) : null, m = Math.max(0, ...e.map((e) => e.series?.length || 0)), h = (e) => m <= 1 ? c.left + c.width / 2 : c.left + e / (m - 1) * c.width, g = (e, t) => f ? B(e) ? se({
+	}) : null, v = Math.max(0, ...e.map((e) => e.series?.length || 0)), y = (e) => v <= 1 ? c.left + c.width / 2 : c.left + e / (v - 1) * c.width, b = (e, t) => h ? B(e) ? se({
 		xValue: e.x,
-		xScale: p,
+		xScale: g,
 		drawingArea: c,
 		config: s
-	}) : null : h(t), _ = (e) => {
-		let t = (Number(e) - d.min) / (d.max - d.min || 1);
+	}) : null : y(t), x = (e) => {
+		let t = (Number(e) - m.min) / (m.max - m.min || 1);
 		return c.bottom - t * c.height;
-	}, v = Array.isArray(s.customPalette) ? s.customPalette : [], b = v.length ? v : l;
+	}, S = Array.isArray(s.customPalette) ? s.customPalette : [], ee = S.length ? S : d;
 	return {
 		width: n,
 		height: r,
@@ -90,15 +90,15 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 		dataset: e,
 		config: s,
 		drawingArea: c,
-		scale: d,
-		xScale: p,
-		isContinuous: f,
+		scale: m,
+		xScale: g,
+		isContinuous: h,
 		series: e.map((e, t) => {
-			let n = (e.color ? w(e.color) : "") || b[t % b.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? f(e.color) : "") || ee[t % ee.length], r = (e.series || []).map((e, t) => {
 				let n = e == null ? null : typeof e == "object" ? e.y ?? null : Number(e);
 				return {
-					x: g(e, t),
-					y: n === null || !Number.isFinite(Number(n)) ? null : _(n),
+					x: b(e, t),
+					y: n === null || !Number.isFinite(Number(n)) ? null : x(n),
 					value: n,
 					index: t,
 					rawX: B(e) ? Number(e.x) : null,
@@ -183,7 +183,7 @@ function U(e) {
 	let { drawingArea: t, scale: n } = e, r = (0 - n.min) / (n.max - n.min || 1);
 	return t.bottom - r * t.height;
 }
-var ve = o();
+var ve = C();
 function W(e) {
 	return ve;
 }
@@ -206,54 +206,54 @@ function Ce(e, t, n) {
 	let { config: r } = e;
 	return I(r, "line.useGradient", !1) ? `url(#${ye(e, n)})` : I(r, "line.dot.useSerieColor", !0) ? t.color : I(r, "line.dot.fill", "#FFFFFF");
 }
-function we(e, t, n) {
-	let { config: r } = e;
-	return I(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : E(t.color, k(I(r, "line.area.opacity", 30), 30));
+function we(e, t, r) {
+	let { config: i } = e;
+	return I(i, "line.area.useGradient", !1) ? `url(#${rt(e, r)})` : n(t.color, k(I(i, "line.area.opacity", 30), 30));
 }
 function K(e, t, n, r) {
 	return I(e.config, "bar.useGradient", !1) ? r >= 0 ? `url(#${G(e, n, "pos")})` : `url(#${G(e, n, "neg")})` : t.color;
 }
-function Te(e, n) {
-	let { config: r } = e, i = [];
-	return I(r, "bar.useGradient", !1) && n.filter((e) => e.type === "bar").forEach((n, r) => {
-		i.push(L("linearGradient", {
-			id: G(e, r, "pos"),
+function Te(e, t) {
+	let { config: n } = e, r = [];
+	return I(n, "bar.useGradient", !1) && t.filter((e) => e.type === "bar").forEach((t, n) => {
+		r.push(L("linearGradient", {
+			id: G(e, n, "pos"),
 			x2: "0%",
 			y2: "100%"
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": w(n.color)
+				"stop-color": f(t.color)
 			}),
 			A("stop", {
 				offset: "62%",
-				"stop-color": t(w(n.color), .02)
+				"stop-color": h(f(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": t(w(n.color), .05)
+				"stop-color": h(f(t.color), .05)
 			})
-		].join(""))), i.push(L("linearGradient", {
-			id: G(e, r, "neg"),
+		].join(""))), r.push(L("linearGradient", {
+			id: G(e, n, "neg"),
 			x2: "0%",
 			y2: "100%"
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": t(w(n.color), .05)
+				"stop-color": h(f(t.color), .05)
 			}),
 			A("stop", {
 				offset: "38%",
-				"stop-color": t(w(n.color), .02)
+				"stop-color": h(f(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": w(n.color)
+				"stop-color": f(t.color)
 			})
 		].join("")));
-	}), n.filter((e) => e.type === "line").forEach((n, a) => {
-		I(r, "line.useGradient", !1) && i.push(L("radialGradient", {
-			id: ye(e, a),
+	}), t.filter((e) => e.type === "line").forEach((t, i) => {
+		I(n, "line.useGradient", !1) && r.push(L("radialGradient", {
+			id: ye(e, i),
 			cx: "50%",
 			cy: "50%",
 			r: "50%",
@@ -261,20 +261,20 @@ function Te(e, n) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": t(w(n.color), .05)
+			"stop-color": h(f(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": w(n.color)
-		})].join(""))), n.temperatureColors && !n.isFlatTemperatureLine && i.push(L("linearGradient", {
-			id: be(e, a),
+			"stop-color": f(t.color)
+		})].join(""))), t.temperatureColors && !t.isFlatTemperatureLine && r.push(L("linearGradient", {
+			id: be(e, i),
 			gradientTransform: "rotate(90)"
-		}, n.temperatureColors.map((e, t) => A("stop", {
-			offset: d(t, n.temperatureColors.length),
-			"stop-color": w(e)
+		}, t.temperatureColors.map((e, n) => A("stop", {
+			offset: E(n, t.temperatureColors.length),
+			"stop-color": f(e)
 		})).join("")));
-	}), n.filter((e) => e.type === "plot").forEach((n, a) => {
-		I(r, "plot.useGradient", !1) && i.push(L("radialGradient", {
-			id: Se(e, a),
+	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
+		I(n, "plot.useGradient", !1) && r.push(L("radialGradient", {
+			id: Se(e, i),
 			cx: "50%",
 			cy: "50%",
 			r: "50%",
@@ -282,12 +282,12 @@ function Te(e, n) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": t(w(n.color), .05)
+			"stop-color": h(f(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": w(n.color)
+			"stop-color": f(t.color)
 		})].join("")));
-	}), i.length ? L("defs", { "data-layer": "gradients" }, i.join("")) : "";
+	}), r.length ? L("defs", { "data-layer": "gradients" }, r.join("")) : "";
 }
 function Ee(e) {
 	let t = I(e.config, "chart.backgroundColor", "#FFFFFF");
@@ -308,13 +308,13 @@ function J(e) {
 	return I(e, "chart.grid.labels.yAxis.position", "left") === "right";
 }
 function De(e, t) {
-	let n = m({
+	let n = g({
 		p: I(t, "chart.labels.prefix", ""),
 		v: e,
 		s: I(t, "chart.labels.suffix", ""),
 		r: I(t, "chart.grid.labels.yAxis.rounding", 0)
 	});
-	return b(I(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
+	return y(I(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
 }
 function Y(e) {
 	return !!I(e, "chart.grid.labels.yAxis.stacked", !1);
@@ -323,7 +323,7 @@ function X(e) {
 	return e != null && Number.isFinite(Number(e));
 }
 function Oe(e, t, n, r) {
-	return I(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? y(t, n, r) : h(t, n, r);
+	return I(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? _(t, n, r) : te(t, n, r);
 }
 function ke(e, t) {
 	let n = M(t.plots).map((e) => Number(e.value)).filter(Number.isFinite), r = I(e, "chart.grid.labels.yAxis.scaleMin", null), i = I(e, "chart.grid.labels.yAxis.scaleMax", null), a = X(r) ? Number(r) : X(t.scaleMin) ? Number(t.scaleMin) : Math.min(0, ...n), o = X(i) ? Number(i) : X(t.scaleMax) ? Number(t.scaleMax) : Math.max(1, ...n);
@@ -361,21 +361,21 @@ function je(e, t) {
 		...e,
 		width: i,
 		height: a
-	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = I(n, "chart.grid.labels.axis.xLabel", ""), m = I(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, g = gt(n) + k(I(n, "chart.labels.fontSize", 12), 12) * 1.1, v = k(I(n, "chart.padding.top", 12), 12), y = k(I(n, "chart.padding.right", 12), 12), b = k(I(n, "chart.padding.bottom", 12), 12), x = k(I(n, "chart.padding.left", 12), 12), S = k(I(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), ee = k(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, te = s.right, w = i - C - te - 6 - x - y, T = {
-		top: v + g + d,
-		right: C + (J(n) ? 0 : ee) + x + w,
-		bottom: a - h - b - S - f,
-		left: C + (J(n) ? 0 : ee) + x,
-		width: Math.max(1, w),
+	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = I(n, "chart.grid.labels.axis.xLabel", ""), m = I(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, g = gt(n) + k(I(n, "chart.labels.fontSize", 12), 12) * 1.1, _ = k(I(n, "chart.padding.top", 12), 12), v = k(I(n, "chart.padding.right", 12), 12), y = k(I(n, "chart.padding.bottom", 12), 12), b = k(I(n, "chart.padding.left", 12), 12), x = k(I(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), S = k(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, w = s.right, te = i - C - w - 6 - b - v, T = {
+		top: _ + g + d,
+		right: C + (J(n) ? 0 : S) + b + te,
+		bottom: a - h - y - x - f,
+		left: C + (J(n) ? 0 : S) + b,
+		width: Math.max(1, te),
 		height: 1,
 		scaleLabelX: C,
-		rightScaleLabelX: te,
+		rightScaleLabelX: w,
 		scaleLabelsOffset: s.scaleLabelsOffset,
 		yAxisLabelWidth: s.yAxisLabelWidth,
 		individualOffsetX: 36
 	};
 	T.height = Math.max(1, T.bottom - T.top);
-	let E = Y(n), D = E ? _(t) : t, O = Math.max(1, D.length), ne = E ? k(I(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, A = ne * Math.max(0, O - 1), j = Math.max(1, T.height - A), N = V(n), P = me(n, t), F = Math.max(1, ...t.map((e) => M(e.plots).length));
+	let E = Y(n), D = E ? ee(t) : t, O = Math.max(1, D.length), ne = E ? k(I(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, A = ne * Math.max(0, O - 1), j = Math.max(1, T.height - A), N = V(n), P = me(n, t), F = Math.max(1, ...t.map((e) => M(e.plots).length));
 	function L(t, n) {
 		if (Z(e)) {
 			let n = Number(t.rawX);
@@ -708,13 +708,13 @@ function We(e, t) {
 	return n.left + n.width * o;
 }
 function Ge(e, t, n) {
-	let { config: r } = e, i = m({
+	let { config: r } = e, i = g({
 		v: t,
 		p: I(r, "chart.labels.prefix", ""),
 		s: I(r, "chart.labels.suffix", ""),
 		r: I(r, "chart.grid.labels.xAxis.rounding", 0)
 	});
-	return b(I(r, "chart.grid.labels.xAxis.formatter", null), t, i, {
+	return y(I(r, "chart.grid.labels.xAxis.formatter", null), t, i, {
 		datapoint: t,
 		seriesIndex: null
 	});
@@ -752,7 +752,7 @@ async function Je(e, t) {
 		start: 0,
 		end: i
 	}), s = a.map((e) => e?.text ?? ""), c = o.map((e) => e?.text ?? ""), l = Math.min(k(r.modulo, 1), Math.max(1, new Set(s).size));
-	return ee(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
+	return v(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
 }
 async function Ye(e, t) {
 	return Z(e) ? Ke(e) : await Je(e, t);
@@ -761,39 +761,40 @@ function Xe(e, t, n, r) {
 	return Z(e) ? t.x : Q(e, n, r);
 }
 function Ze(e) {
-	return g(e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {}, "chart.grid.labels.xAxisLabels.rotation") ? k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? k(I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
+	let t = e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {};
+	return T(t, "chart.grid.labels.xAxisLabels.rotation") ? k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? k(I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
 }
 async function Qe(e, t) {
-	let { config: n, drawingArea: r } = e;
+	let { config: n, drawingArea: i } = e;
 	if (!t[0] || !I(n, "chart.grid.labels.xAxisLabels.show", !0)) return "";
 	I(n, "chart.grid.labels.xAxisLabels", {});
-	let i = k(I(n, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), a = I(n, "chart.grid.labels.xAxisLabels.color", I(n, "chart.grid.labels.color", "#2A2A2A")), o = Ze(e), s = Math.max(1, t[0].plots.length), c = await Ye(e, t), l = o > 0 ? "start" : o < 0 ? "end" : "middle";
-	return L("g", { "data-layer": "x-axis-labels" }, c.map((t, n) => {
-		let c = typeof t == "string" ? t : t?.text;
-		if (!c) return "";
-		let u = `translate(${Xe(e, t, n, s)}, ${r.bottom + i * 1.5}), rotate(${o})`;
-		return String(c).includes("\n") ? L("text", {
+	let a = k(I(n, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), o = I(n, "chart.grid.labels.xAxisLabels.color", I(n, "chart.grid.labels.color", "#2A2A2A")), s = Ze(e), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = s > 0 ? "start" : s < 0 ? "end" : "middle", d = l.map((t, n) => {
+		let l = typeof t == "string" ? t : t?.text;
+		if (!l) return "";
+		let d = `translate(${Xe(e, t, n, c)}, ${i.bottom + a * 1.5}), rotate(${s})`;
+		return String(l).includes("\n") ? L("text", {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
-			"text-anchor": l,
-			"font-size": i,
-			fill: a,
-			transform: u
-		}, p({
-			content: String(c),
-			fontSize: i,
-			fill: a,
+			"text-anchor": u,
+			"font-size": a,
+			fill: o,
+			transform: d
+		}, r({
+			content: String(l),
+			fontSize: a,
+			fill: o,
 			x: 0,
 			y: 0
-		})) : R(c, {
+		})) : R(l, {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
-			"text-anchor": l,
-			"font-size": i,
-			fill: a,
-			transform: u
+			"text-anchor": u,
+			"font-size": a,
+			fill: o,
+			transform: d
 		});
-	}).join(""));
+	}).join("");
+	return L("g", { "data-layer": "x-axis-labels" }, d);
 }
 function $e(e) {
 	let { config: t, drawingArea: n, height: r } = e, i = q(t), a = I(t, "chart.grid.labels.axis.xLabel", ""), o = I(t, "chart.grid.labels.axis.yLabel", ""), s = I(t, "chart.grid.labels.axis.color", I(t, "chart.grid.labels.color", "#2A2A2A")), c = k(I(t, "chart.grid.labels.axis.yLabelOffsetX", 0), 0), l = k(I(t, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), u = k(I(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), d = k(I(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), f = k(I(t, "chart.grid.labels.yAxis.labelWidth", 0), 0), p = J(t), m = [];
@@ -884,10 +885,10 @@ function nt(e, t) {
 function rt(e, t) {
 	return `areaGradient_${t}_${W()}`;
 }
-function it(e, n) {
+function it(e, t) {
 	let { config: r } = e;
 	if (!I(r, "line.area.useGradient", !1)) return "";
-	let i = k(I(r, "line.area.opacity", 30), 30), a = n.filter((e) => e.type === "line" && e.useArea).map((n, r) => L("linearGradient", {
+	let i = k(I(r, "line.area.opacity", 30), 30), a = t.filter((e) => e.type === "line" && e.useArea).map((t, r) => L("linearGradient", {
 		id: rt(e, r),
 		x1: "0%",
 		x2: "0%",
@@ -895,39 +896,39 @@ function it(e, n) {
 		y2: "100%"
 	}, [A("stop", {
 		offset: "0%",
-		"stop-color": E(t(w(n.color), .03), i),
+		"stop-color": n(h(f(t.color), .03), i),
 		"stop-opacity": 1
 	}), A("stop", {
 		offset: "100%",
-		"stop-color": n.color,
+		"stop-color": t.color,
 		"stop-opacity": 0
 	})].join(""))).join("");
 	return a ? L("defs", {}, a) : "";
 }
-function at(e, t) {
-	let { config: n } = e, r = !!I(n, "line.cutNullValues", !1), i = [];
-	return t.filter((e) => e.type === "line" && e.useArea).forEach((t, n) => {
-		let a = M(t.plots), o = a.filter((e) => e && e.value !== null);
-		if (o.length < 2) return;
-		let c = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : U(e), l = we(e, t, n);
-		if (t.smooth && !t.useStepper) {
-			s(r ? a : o, c, r).forEach((e) => {
-				e && i.push(A("path", {
+function at(n, r) {
+	let { config: i } = n, a = !!I(i, "line.cutNullValues", !1), o = [];
+	return r.filter((e) => e.type === "line" && e.useArea).forEach((r, i) => {
+		let s = M(r.plots), c = s.filter((e) => e && e.value !== null);
+		if (c.length < 2) return;
+		let u = Number.isFinite(Number(r.__zeroY)) ? Number(r.__zeroY) : U(n), d = we(n, r, i);
+		if (r.smooth && !r.useStepper) {
+			l(a ? s : c, u, a).forEach((e) => {
+				e && o.push(A("path", {
 					d: e,
-					fill: l,
+					fill: d,
 					"data-cy": "datapoint-line-area-smooth"
 				}));
 			});
 			return;
 		}
-		(t.useStepper ? T(r ? a : o, c) : r ? x(a, c) : u(o, c)).split(";").filter(Boolean).forEach((e) => {
-			i.push(A("path", {
+		(r.useStepper ? t(a ? s : c, u) : a ? e(s, u) : b(c, u)).split(";").filter(Boolean).forEach((e) => {
+			o.push(A("path", {
 				d: `M${e}Z`,
-				fill: l,
+				fill: d,
 				"data-cy": "datapoint-line-area-straight"
 			}));
 		});
-	}), L("g", { "data-layer": "line-areas" }, i.join(""));
+	}), L("g", { "data-layer": "line-areas" }, o.join(""));
 }
 function ot(e, t) {
 	let n = k(t.slotStartIndex ?? t.startAbs, 0);
@@ -945,23 +946,23 @@ function st(e, t, n, r, i) {
 		"stroke-dasharray": i ? o * 2 : 0
 	});
 }
-function ct(t, r) {
-	let { config: o } = t, s = r.filter((e) => e.type === "line"), l = !!I(o, "line.cutNullValues", !1), u = [];
-	return s.forEach((r, s) => {
-		let d = l ? M(r.plots) : M(r.plots).filter((e) => e.value !== null), p = d.filter((e) => e.value !== null);
-		if (!(p.length < 2)) {
-			if (M(r.dashIndices).length > 0 && !r.useStepper) {
-				let e = ot(r, t);
-				(r.smooth || I(o, "line.smooth", !1) ? a(d, e) : i(d, e)).forEach((e) => {
-					e?.path && u.push(st(t, r, s, e.path, !!e.dashed));
+function ct(e, n) {
+	let { config: r } = e, o = n.filter((e) => e.type === "line"), s = !!I(r, "line.cutNullValues", !1), l = [];
+	return o.forEach((n, o) => {
+		let d = s ? M(n.plots) : M(n.plots).filter((e) => e.value !== null), f = d.filter((e) => e.value !== null);
+		if (!(f.length < 2)) {
+			if (M(n.dashIndices).length > 0 && !n.useStepper) {
+				let t = ot(n, e);
+				(n.smooth || I(r, "line.smooth", !1) ? c(d, t) : p(d, t)).forEach((t) => {
+					t?.path && l.push(st(e, n, o, t.path, !!t.dashed));
 				});
 				return;
 			}
-			(r.useStepper ? T(d).split(";").filter(Boolean) : [r.smooth || I(o, "line.smooth", !1) ? l ? n(d) : c(p) : l ? f(d) : e(p, !1, !0)]).forEach((e) => {
-				e && u.push(st(t, r, s, e, !!r.dashed));
+			(n.useStepper ? t(d).split(";").filter(Boolean) : [n.smooth || I(r, "line.smooth", !1) ? s ? a(d) : u(f) : s ? i(d) : m(f, !1, !0)]).forEach((t) => {
+				t && l.push(st(e, n, o, t, !!n.dashed));
 			});
 		}
-	}), L("g", { "data-layer": "lines" }, u.join(""));
+	}), L("g", { "data-layer": "lines" }, l.join(""));
 }
 function lt(e, t, n) {
 	let { config: r } = e;
@@ -1038,7 +1039,7 @@ function ht(e, t) {
 		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;
-		v({
+		x({
 			lineA: M(i.plots),
 			lineB: M(u.plots),
 			smoothA: !!i.smooth,
@@ -1089,28 +1090,30 @@ function _t(e) {
 	})), L("g", { "data-layer": "title" }, d.join(""));
 }
 function vt(e) {
-	return e.svgTitle ? L("desc", { "aria-hidden": "true" }, [e.svgTitle].join("")) : "";
+	if (!e.svgTitle) return "";
+	let t = [e.svgTitle];
+	return L("desc", { "aria-hidden": "true" }, t.join(""));
 }
 function yt(e, t, n, r, i) {
 	return !n || n.value === null || n.value === void 0 || !Number.isFinite(Number(n.value)) || !I(e.config, "dataLabels.show", !0) || !I(e.config, `${i}.labels.show`, !1) ? !1 : !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || e.selectedSerieIndex === r || e.selectedMinimapIndex === r;
 }
-function bt(e, t, n, r) {
-	let { config: i } = e, a = k(I(i, `${r}.labels.fontSize`, I(i, "chart.labels.fontSize", 12)), 12), o = I(i, `${r}.labels.color`, I(i, "chart.color", "#2A2A2A")), s = m({
-		p: t.prefix || I(i, "chart.labels.prefix", ""),
+function bt(e, t, n, i) {
+	let { config: a } = e, o = k(I(a, `${i}.labels.fontSize`, I(a, "chart.labels.fontSize", 12)), 12), s = I(a, `${i}.labels.color`, I(a, "chart.color", "#2A2A2A")), c = g({
+		p: t.prefix || I(a, "chart.labels.prefix", ""),
 		v: n.value,
-		s: t.suffix || I(i, "chart.labels.suffix", ""),
-		r: I(i, `${r}.labels.rounding`, 0)
+		s: t.suffix || I(a, "chart.labels.suffix", ""),
+		r: I(a, `${i}.labels.rounding`, 0)
+	}), l = Z(e) && Number.isFinite(Number(n.x)) ? `x: ${g({
+		v: n.x,
+		r: I(a, "chart.grid.labels.xAxis.rounding", 0)
+	})}\ny: ${c}` : y(I(a, `${i}.labels.formatter`, null), n.value, c, {
+		datapoint: n,
+		serie: t
 	});
-	return p({
-		content: Z(e) && Number.isFinite(Number(n.x)) ? `x: ${m({
-			v: n.x,
-			r: I(i, "chart.grid.labels.xAxis.rounding", 0)
-		})}\ny: ${s}` : b(I(i, `${r}.labels.formatter`, null), n.value, s, {
-			datapoint: n,
-			serie: t
-		}),
-		fontSize: a,
-		fill: o,
+	return r({
+		content: l,
+		fontSize: o,
+		fill: s,
 		x: 0,
 		y: 0
 	});
@@ -1187,33 +1190,33 @@ function At(e, t, n, r, i, a) {
 			`color:${s.color || "#2A2A2A"}`,
 			`font-weight:${s.bold ? "bold" : "normal"}`
 		].join(";")
-	}, te(s.text)));
+	}, S(s.text)));
 }
 function jt(e, t) {
-	let { config: n, drawingArea: r } = e, i = M(I(n, "chart.highlightArea", []));
-	if (!i.length) return "";
-	let a = Math.max(1, ...t.map((e) => M(e.plots).length)), o = Tt(e), s = Et(e, t), c = [];
-	return i.forEach((t, n) => {
+	let { config: r, drawingArea: i } = e, a = M(I(r, "chart.highlightArea", []));
+	if (!a.length) return "";
+	let o = Math.max(1, ...t.map((e) => M(e.plots).length)), s = Tt(e), c = Et(e, t), l = [];
+	return a.forEach((t, r) => {
 		if (!t?.show) return;
-		let i = k(t.from, 0), l = Math.min(k(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(A("rect", {
+		let a = k(t.from, 0), u = Math.min(k(t.to, a), o - 1);
+		if (u < a) return;
+		for (let d = a; d <= u; d += 1) {
+			if (d < s || d > c - 1) continue;
+			let a = d - s;
+			l.push(A("rect", {
 				"data-cy": "highlight-area",
-				"data-key": `highlight_area_${n}_${u}`,
-				x: Ot(e, i, a),
-				y: r.top,
-				width: kt(e, a),
-				height: Math.max(1, r.height),
-				fill: E(t.color, k(t.opacity, 20)),
+				"data-key": `highlight_area_${r}_${d}`,
+				x: Ot(e, a, o),
+				y: i.top,
+				width: kt(e, o),
+				height: Math.max(1, i.height),
+				fill: n(t.color, k(t.opacity, 20)),
 				"pointer-events": "none"
 			}));
 		}
-		let u = Math.max(i, o);
-		u <= Math.min(l, s - 1) && c.push(At(e, t, n, u - o, l - i + 1, a));
-	}), c.length ? L("g", { "data-layer": "highlight-areas" }, c.join("")) : "";
+		let d = Math.max(a, s);
+		d <= Math.min(u, c - 1) && l.push(At(e, t, r, d - s, u - a + 1, o));
+	}), l.length ? L("g", { "data-layer": "highlight-areas" }, l.join("")) : "";
 }
 function Mt(e, t) {
 	if (t == null) return null;
@@ -1238,64 +1241,64 @@ function Pt(e, t, n) {
 	};
 }
 function Ft(e) {
-	let { config: t, drawingArea: n } = e;
+	let { config: t, drawingArea: r } = e;
 	if (Y(t)) return "";
-	let r = M(I(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((t, r) => {
-		let a = t.yAxis ?? {}, o = a.label ?? {}, s = a.line ?? {}, c = a.area ?? {}, l = a.yTop, u = a.yBottom, d = l != null && u != null && l !== u, f = Mt(e, l), p = Mt(e, u), m = Number.isFinite(f), h = Number.isFinite(p);
-		if (!m && !h) return;
-		let g = [];
-		if (m && g.push(A("line", {
-			x1: n.left,
-			y1: f,
-			x2: n.right,
-			y2: f,
-			stroke: s.stroke,
-			"stroke-width": s.strokeWidth,
-			"stroke-dasharray": s.strokeDasharray,
-			"stroke-linecap": "round",
-			"data-cy": "xy-annotation-y-top-line"
-		})), h && g.push(A("line", {
-			x1: n.left,
+	let i = M(I(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 (!i.length) return "";
+	let a = [];
+	return i.forEach((t, i) => {
+		let o = t.yAxis ?? {}, s = o.label ?? {}, c = o.line ?? {}, l = o.area ?? {}, u = o.yTop, d = o.yBottom, f = u != null && d != null && u !== d, p = Mt(e, u), m = Mt(e, d), h = Number.isFinite(p), g = Number.isFinite(m);
+		if (!h && !g) return;
+		let _ = [];
+		if (h && _.push(A("line", {
+			x1: r.left,
 			y1: p,
-			x2: n.right,
+			x2: r.right,
 			y2: p,
-			stroke: s.stroke,
-			"stroke-width": s.strokeWidth,
-			"stroke-dasharray": s.strokeDasharray,
+			stroke: c.stroke,
+			"stroke-width": c.strokeWidth,
+			"stroke-dasharray": c.strokeDasharray,
+			"stroke-linecap": "round",
+			"data-cy": "xy-annotation-y-top-line"
+		})), g && _.push(A("line", {
+			x1: r.left,
+			y1: m,
+			x2: r.right,
+			y2: m,
+			stroke: c.stroke,
+			"stroke-width": c.strokeWidth,
+			"stroke-dasharray": c.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-bottom-line"
-		})), d && m && h && g.push(A("rect", {
-			x: n.left,
-			y: Math.min(f, p),
-			width: n.width,
-			height: Math.abs(f - p),
-			fill: E(c.fill, k(c.opacity, 20)),
+		})), f && h && g && _.push(A("rect", {
+			x: r.left,
+			y: Math.min(p, m),
+			width: r.width,
+			height: Math.abs(p - m),
+			fill: n(l.fill, k(l.opacity, 20)),
 			"data-cy": "xy-annotation-y-area",
 			"pointer-events": "none"
-		})), o.text) {
-			let e = o.padding ?? {}, t = m && h ? Math.min(f, p) : m ? f : p, r = (o.position === "start" ? n.left + k(e.left, 0) : n.right - k(e.right, 0)) + k(o.offsetX, 0), i = t - k(o.fontSize, 12) / 3 + k(o.offsetY, 0) - k(e.top, 0), a = Pt(o, r, i);
-			Number.isFinite(a.y) && Number.isFinite(i) && (g.push(A("rect", {
+		})), s.text) {
+			let e = s.padding ?? {}, t = h && g ? Math.min(p, m) : h ? p : m, n = (s.position === "start" ? r.left + k(e.left, 0) : r.right - k(e.right, 0)) + k(s.offsetX, 0), i = t - k(s.fontSize, 12) / 3 + k(s.offsetY, 0) - k(e.top, 0), a = Pt(s, n, i);
+			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(A("rect", {
 				class: "vue-ui-xy-annotation-label-box",
 				...a,
 				"data-cy": "xy-annotation-label-box"
-			})), g.push(R(o.text, {
+			})), _.push(R(s.text, {
 				class: "vue-ui-xy-annotation-label",
-				x: r,
+				x: n,
 				y: i,
-				"font-size": o.fontSize,
-				fill: o.color,
-				"text-anchor": o.textAnchor,
+				"font-size": s.fontSize,
+				fill: s.color,
+				"text-anchor": s.textAnchor,
 				"data-cy": "xy-annotation-label"
 			})));
 		}
-		i.push(L("g", {
+		a.push(L("g", {
 			"data-layer": "annotation",
-			"data-key": `annotation_y_${r}`
-		}, g.join("")));
-	}), i.length ? L("g", { "data-layer": "annotations" }, i.join("")) : "";
+			"data-key": `annotation_y_${i}`
+		}, _.join("")));
+	}), a.length ? L("g", { "data-layer": "annotations" }, a.join("")) : "";
 }
 function It(e, t) {
 	let n = e.additionalSvgContent;
@@ -1326,7 +1329,7 @@ async function Lt(e) {
 	}, i), o = a.series;
 	return `
 <svg
-    xmlns="${C}"
+    xmlns="${w}"
     width="100%"
     viewBox="0 0 ${n} ${r}"
     role="img"