vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-xy-BRITAMZZ.js → vue-ui-xy-CVDNhnDY.js}

@@ -1,40 +1,40 @@
-import { B as e, Bt as t, F as n, Ft as r, G as i, H as a, Ht as o, I as s, L as c, M as l, Nt as u, O as d, Ot as f, Pt as p, Q as m, R as h, T as g, a as _, c as v, g as y, h as b, i as x, j as ee, k as te, pt as S, s as ne, t as C, w, y as T } from "./lib-AJRHFE5U.js";
+import { B as e, F as t, Ft as n, G as r, H as i, I as a, It as o, L as s, M as c, O as l, Pt as u, Q as d, R as f, T as p, Ut as m, Vt as h, a as g, c as _, g as v, h as y, i as b, j as x, k as ee, kt as S, pt as C, s as te, t as ne, w, y as T } from "./lib-CXicicWN.js";
 import { t as E } from "./useTimeLabels-BmBRv27Y.js";
-import { t as D } from "./useConfig-Br1uzq_L.js";
+import { t as D } from "./useConfig-Bf_EBbe3.js";
 import { t as re } from "./vue_ui_xy-BA3-_LCx.js";
-import { _ as O, d as k, f as A, g as j, h as M, l as ie, m as ae, p as N, u as P, v as F } from "./render-common-DSiH7qj-.js";
+import { _ as O, d as k, f as A, g as j, h as M, l as ie, m as ae, p as N, u as P, v as F } from "./render-common-bMAFQ_qf.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: I } = D();
-function oe({ config: e = {}, dataset: n = [] } = {}) {
-	let r = e ?? {}, i = o({
-		userConfig: r,
+function oe({ config: e = {}, dataset: t = [] } = {}) {
+	let n = e ?? {}, r = m({
+		userConfig: n,
 		defaultConfig: I
 	});
-	S(r, "chart.highlightArea") && (Array.isArray(r.chart.highlightArea) ? i.chart.highlightArea = r.chart.highlightArea.map((e) => o({
+	C(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => m({
 		defaultConfig: I.chart.highlightArea,
 		userConfig: e
-	})) : i.chart.highlightArea = [o({
+	})) : r.chart.highlightArea = [m({
 		defaultConfig: I.chart.highlightArea,
-		userConfig: r.chart.highlightArea
-	})]), S(r, "chart.annotations") && Array.isArray(r.chart.annotations) && r.chart.annotations.length ? i.chart.annotations = r.chart.annotations.map((e) => o({
+		userConfig: n.chart.highlightArea
+	})]), C(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => m({
 		defaultConfig: I.chart.annotations[0],
 		userConfig: e
-	})) : i.chart.annotations = [], S(r, "chart.grid.position") && r.chart.grid.position === "start" && n.some((e) => e.type === "bar") && (i.chart.grid.position = "middle");
-	let a = i.theme;
-	if (!a) return {
-		...i,
-		customPalette: i.customPalette?.length ? i.customPalette : f
+	})) : r.chart.annotations = [], C(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 : S
 	};
-	let s = o({
-		userConfig: r,
-		defaultConfig: o({
-			userConfig: re[a] || {},
-			defaultConfig: i
+	let a = m({
+		userConfig: n,
+		defaultConfig: m({
+			userConfig: re[i] || {},
+			defaultConfig: r
 		})
 	});
 	return {
-		...s,
-		customPalette: s.customPalette?.length ? s.customPalette : t[a] || f
+		...a,
+		customPalette: a.customPalette?.length ? a.customPalette : h[i] || S
 	};
 }
 function L(e) {
@@ -54,7 +54,7 @@ function le({ dataset: e, config: t }) {
 		ticks: [0, 1]
 	};
 	let r = t?.chart?.grid?.labels?.xAxis?.scaleMin, i = t?.chart?.grid?.labels?.xAxis?.scaleMax, a = se(r) ? Number(r) : Math.min(...n), o = se(i) ? Number(i) : Math.max(...n);
-	return b(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);
+	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);
 }
 function ue({ 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 de({ 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 l = e.flatMap((e) => Array.isArray(e.series) ? e.series.map((e) => Number(typeof e == "object" && e ? e.y : e)) : []).filter(Number.isFinite), u = b(Math.min(0, ...l), Math.max(1, ...l), 6), d = e.some((e) => Array.isArray(e.series) ? e.series.some(L) : !1), p = d ? le({
+	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 = y(Math.min(0, ...l), Math.max(1, ...l), 6), d = e.some((e) => Array.isArray(e.series) ? e.series.some(L) : !1), f = d ? le({
 		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) => d ? L(e) ? ue({
+	}) : null, p = Math.max(0, ...e.map((e) => e.series?.length || 0)), m = (e) => p <= 1 ? c.left + c.width / 2 : c.left + e / (p - 1) * c.width, h = (e, t) => d ? L(e) ? ue({
 		xValue: e.x,
-		xScale: p,
+		xScale: f,
 		drawingArea: c,
 		config: s
-	}) : null : h(t), _ = (e) => {
+	}) : null : m(t), g = (e) => {
 		let t = (Number(e) - u.min) / (u.max - u.min || 1);
 		return c.bottom - t * c.height;
-	}, v = Array.isArray(s.customPalette) ? s.customPalette : [], y = v.length ? v : f;
+	}, _ = Array.isArray(s.customPalette) ? s.customPalette : [], v = _.length ? _ : S;
 	return {
 		width: n,
 		height: r,
@@ -91,14 +91,14 @@ function de({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 		config: s,
 		drawingArea: c,
 		scale: u,
-		xScale: p,
+		xScale: f,
 		isContinuous: d,
 		series: e.map((e, t) => {
-			let n = (e.color ? T(e.color) : "") || y[t % y.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? T(e.color) : "") || v[t % v.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: h(e, t),
+					y: n === null || !Number.isFinite(Number(n)) ? null : g(n),
 					value: n,
 					index: t,
 					rawX: L(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 = a();
+var ve = i();
 function W(e) {
 	return ve;
 }
@@ -206,17 +206,17 @@ function Ce(e, t, n) {
 	let { config: r } = e;
 	return N(r, "line.useGradient", !1) ? `url(#${ye(e, n)})` : N(r, "line.dot.useSerieColor", !0) ? t.color : N(r, "line.dot.fill", "#FFFFFF");
 }
-function we(e, t, n) {
-	let { config: r } = e;
-	return N(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : p(t.color, O(N(r, "line.area.opacity", 30), 30));
+function we(e, t, r) {
+	let { config: i } = e;
+	return N(i, "line.area.useGradient", !1) ? `url(#${rt(e, r)})` : n(t.color, O(N(i, "line.area.opacity", 30), 30));
 }
 function K(e, t, n, r) {
 	return N(e.config, "bar.useGradient", !1) ? r >= 0 ? `url(#${G(e, n, "pos")})` : `url(#${G(e, n, "neg")})` : t.color;
 }
 function Te(e, t) {
-	let { config: n } = e, i = [];
+	let { config: n } = e, r = [];
 	return N(n, "bar.useGradient", !1) && t.filter((e) => e.type === "bar").forEach((t, n) => {
-		i.push(P("linearGradient", {
+		r.push(P("linearGradient", {
 			id: G(e, n, "pos"),
 			x2: "0%",
 			y2: "100%"
@@ -227,33 +227,33 @@ function Te(e, t) {
 			}),
 			k("stop", {
 				offset: "62%",
-				"stop-color": r(T(t.color), .02)
+				"stop-color": o(T(t.color), .02)
 			}),
 			k("stop", {
 				offset: "100%",
-				"stop-color": r(T(t.color), .05)
+				"stop-color": o(T(t.color), .05)
 			})
-		].join(""))), i.push(P("linearGradient", {
+		].join(""))), r.push(P("linearGradient", {
 			id: G(e, n, "neg"),
 			x2: "0%",
 			y2: "100%"
 		}, [
 			k("stop", {
 				offset: "0%",
-				"stop-color": r(T(t.color), .05)
+				"stop-color": o(T(t.color), .05)
 			}),
 			k("stop", {
 				offset: "38%",
-				"stop-color": r(T(t.color), .02)
+				"stop-color": o(T(t.color), .02)
 			}),
 			k("stop", {
 				offset: "100%",
 				"stop-color": T(t.color)
 			})
 		].join("")));
-	}), t.filter((e) => e.type === "line").forEach((t, a) => {
-		N(n, "line.useGradient", !1) && i.push(P("radialGradient", {
-			id: ye(e, a),
+	}), t.filter((e) => e.type === "line").forEach((t, i) => {
+		N(n, "line.useGradient", !1) && r.push(P("radialGradient", {
+			id: ye(e, i),
 			cx: "50%",
 			cy: "50%",
 			r: "50%",
@@ -261,20 +261,20 @@ function Te(e, t) {
 			fy: "50%"
 		}, [k("stop", {
 			offset: "0%",
-			"stop-color": r(T(t.color), .05)
+			"stop-color": o(T(t.color), .05)
 		}), k("stop", {
 			offset: "100%",
 			"stop-color": T(t.color)
-		})].join(""))), t.temperatureColors && !t.isFlatTemperatureLine && i.push(P("linearGradient", {
-			id: be(e, a),
+		})].join(""))), t.temperatureColors && !t.isFlatTemperatureLine && r.push(P("linearGradient", {
+			id: be(e, i),
 			gradientTransform: "rotate(90)"
 		}, t.temperatureColors.map((e, n) => k("stop", {
 			offset: u(n, t.temperatureColors.length),
 			"stop-color": T(e)
 		})).join("")));
-	}), t.filter((e) => e.type === "plot").forEach((t, a) => {
-		N(n, "plot.useGradient", !1) && i.push(P("radialGradient", {
-			id: Se(e, a),
+	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
+		N(n, "plot.useGradient", !1) && r.push(P("radialGradient", {
+			id: Se(e, i),
 			cx: "50%",
 			cy: "50%",
 			r: "50%",
@@ -282,12 +282,12 @@ function Te(e, t) {
 			fy: "50%"
 		}, [k("stop", {
 			offset: "0%",
-			"stop-color": r(T(t.color), .05)
+			"stop-color": o(T(t.color), .05)
 		}), k("stop", {
 			offset: "100%",
 			"stop-color": T(t.color)
 		})].join("")));
-	}), i.length ? P("defs", { "data-layer": "gradients" }, i.join("")) : "";
+	}), r.length ? P("defs", { "data-layer": "gradients" }, r.join("")) : "";
 }
 function Ee(e) {
 	let t = N(e.config, "chart.backgroundColor", "#FFFFFF");
@@ -308,13 +308,13 @@ function J(e) {
 	return N(e, "chart.grid.labels.yAxis.position", "left") === "right";
 }
 function De(e, t) {
-	let n = i({
+	let n = r({
 		p: N(t, "chart.labels.prefix", ""),
 		v: e,
 		s: N(t, "chart.labels.suffix", ""),
 		r: N(t, "chart.grid.labels.yAxis.rounding", 0)
 	});
-	return x(N(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
+	return b(N(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
 }
 function Y(e) {
 	return !!N(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 N(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? b(t, n, r) : y(t, n, r);
+	return N(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? y(t, n, r) : v(t, n, r);
 }
 function ke(e, t) {
 	let n = j(t.plots).map((e) => Number(e.value)).filter(Number.isFinite), r = N(e, "chart.grid.labels.yAxis.scaleMin", null), i = N(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 = N(n, "chart.grid.labels.axis.xLabel", ""), m = N(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, g = gt(n) + O(N(n, "chart.labels.fontSize", 12), 12) * 1.1, v = O(N(n, "chart.padding.top", 12), 12), y = O(N(n, "chart.padding.right", 12), 12), b = O(N(n, "chart.padding.bottom", 12), 12), x = O(N(n, "chart.padding.left", 12), 12), ee = O(N(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), te = O(N(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), S = s.left, ne = s.right, C = i - S - ne - 6 - x - y, w = {
-		top: v + g + d,
-		right: S + (J(n) ? 0 : te) + x + C,
+	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = N(n, "chart.grid.labels.axis.xLabel", ""), m = N(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, _ = gt(n) + O(N(n, "chart.labels.fontSize", 12), 12) * 1.1, v = O(N(n, "chart.padding.top", 12), 12), y = O(N(n, "chart.padding.right", 12), 12), b = O(N(n, "chart.padding.bottom", 12), 12), x = O(N(n, "chart.padding.left", 12), 12), ee = O(N(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), S = O(N(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, te = s.right, ne = i - C - te - 6 - x - y, w = {
+		top: v + _ + d,
+		right: C + (J(n) ? 0 : S) + x + ne,
 		bottom: a - h - b - ee - f,
-		left: S + (J(n) ? 0 : te) + x,
-		width: Math.max(1, C),
+		left: C + (J(n) ? 0 : S) + x,
+		width: Math.max(1, ne),
 		height: 1,
-		scaleLabelX: S,
-		rightScaleLabelX: ne,
+		scaleLabelX: C,
+		rightScaleLabelX: te,
 		scaleLabelsOffset: s.scaleLabelsOffset,
 		yAxisLabelWidth: s.yAxisLabelWidth,
 		individualOffsetX: 36
 	};
 	w.height = Math.max(1, w.bottom - w.top);
-	let T = Y(n), E = T ? _(t) : t, D = Math.max(1, E.length), re = T ? O(N(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, k = re * Math.max(0, D - 1), A = Math.max(1, w.height - k), M = R(n), ie = H(n, t), ae = Math.max(1, ...t.map((e) => j(e.plots).length));
+	let T = Y(n), E = T ? g(t) : t, D = Math.max(1, E.length), re = T ? O(N(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, k = re * Math.max(0, D - 1), A = Math.max(1, w.height - k), M = R(n), ie = H(n, t), ae = Math.max(1, ...t.map((e) => j(e.plots).length));
 	function P(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, a = i({
+	let { config: i } = e, a = r({
 		v: t,
-		p: N(r, "chart.labels.prefix", ""),
-		s: N(r, "chart.labels.suffix", ""),
-		r: N(r, "chart.grid.labels.xAxis.rounding", 0)
+		p: N(i, "chart.labels.prefix", ""),
+		s: N(i, "chart.labels.suffix", ""),
+		r: N(i, "chart.grid.labels.xAxis.rounding", 0)
 	});
-	return x(N(r, "chart.grid.labels.xAxis.formatter", null), t, a, {
+	return b(N(i, "chart.grid.labels.xAxis.formatter", null), t, a, {
 		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(O(r.modulo, 1), Math.max(1, new Set(s).size));
-	return ne(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, O(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
+	return te(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, O(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
 }
 async function Ye(e, t) {
 	return Z(e) ? Ke(e) : await Je(e, t);
@@ -761,7 +761,7 @@ function Xe(e, t, n, r) {
 	return Z(e) ? t.x : Q(e, n, r);
 }
 function Ze(e) {
-	return S(e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {}, "chart.grid.labels.xAxisLabels.rotation") ? O(N(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : N(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? O(N(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : O(N(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
+	return C(e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {}, "chart.grid.labels.xAxisLabels.rotation") ? O(N(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : N(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? O(N(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : O(N(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
 }
 async function Qe(t, n) {
 	let { config: r, drawingArea: i } = t;
@@ -885,17 +885,17 @@ function rt(e, t) {
 	return `areaGradient_${t}_${W()}`;
 }
 function it(e, t) {
-	let { config: n } = e;
-	if (!N(n, "line.area.useGradient", !1)) return "";
-	let i = O(N(n, "line.area.opacity", 30), 30), a = t.filter((e) => e.type === "line" && e.useArea).map((t, n) => P("linearGradient", {
-		id: rt(e, n),
+	let { config: r } = e;
+	if (!N(r, "line.area.useGradient", !1)) return "";
+	let i = O(N(r, "line.area.opacity", 30), 30), a = t.filter((e) => e.type === "line" && e.useArea).map((t, r) => P("linearGradient", {
+		id: rt(e, r),
 		x1: "0%",
 		x2: "0%",
 		y1: "0%",
 		y2: "100%"
 	}, [k("stop", {
 		offset: "0%",
-		"stop-color": p(r(T(t.color), .03), i),
+		"stop-color": n(o(T(t.color), .03), i),
 		"stop-opacity": 1
 	}), k("stop", {
 		offset: "100%",
@@ -904,26 +904,26 @@ function it(e, t) {
 	})].join(""))).join("");
 	return a ? P("defs", {}, a) : "";
 }
-function at(e, t) {
+function at(e, n) {
 	let { config: r } = e, i = !!N(r, "line.cutNullValues", !1), a = [];
-	return t.filter((e) => e.type === "line" && e.useArea).forEach((t, r) => {
-		let o = j(t.plots), s = o.filter((e) => e && e.value !== null);
+	return n.filter((e) => e.type === "line" && e.useArea).forEach((n, r) => {
+		let o = j(n.plots), s = o.filter((e) => e && e.value !== null);
 		if (s.length < 2) return;
-		let c = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : U(e), l = we(e, t, r);
-		if (t.smooth && !t.useStepper) {
-			d(i ? o : s, c, i).forEach((e) => {
+		let c = Number.isFinite(Number(n.__zeroY)) ? Number(n.__zeroY) : U(e), u = we(e, n, r);
+		if (n.smooth && !n.useStepper) {
+			l(i ? o : s, c, i).forEach((e) => {
 				e && a.push(k("path", {
 					d: e,
-					fill: l,
+					fill: u,
 					"data-cy": "datapoint-line-area-smooth"
 				}));
 			});
 			return;
 		}
-		(t.useStepper ? n(i ? o : s, c) : i ? g(o, c) : w(s, c)).split(";").filter(Boolean).forEach((e) => {
+		(n.useStepper ? t(i ? o : s, c) : i ? p(o, c) : w(s, c)).split(";").filter(Boolean).forEach((e) => {
 			a.push(k("path", {
 				d: `M${e}Z`,
-				fill: l,
+				fill: u,
 				"data-cy": "datapoint-line-area-straight"
 			}));
 		});
@@ -945,23 +945,23 @@ function st(e, t, n, r, i) {
 		"stroke-dasharray": i ? o * 2 : 0
 	});
 }
-function ct(e, t) {
-	let { config: r } = e, i = t.filter((e) => e.type === "line"), a = !!N(r, "line.cutNullValues", !1), o = [];
-	return i.forEach((t, i) => {
-		let u = a ? j(t.plots) : j(t.plots).filter((e) => e.value !== null), d = u.filter((e) => e.value !== null);
+function ct(e, n) {
+	let { config: r } = e, i = n.filter((e) => e.type === "line"), o = !!N(r, "line.cutNullValues", !1), l = [];
+	return i.forEach((n, i) => {
+		let u = o ? j(n.plots) : j(n.plots).filter((e) => e.value !== null), d = u.filter((e) => e.value !== null);
 		if (!(d.length < 2)) {
-			if (j(t.dashIndices).length > 0 && !t.useStepper) {
-				let n = ot(t, e);
-				(t.smooth || N(r, "line.smooth", !1) ? l(u, n) : h(u, n)).forEach((n) => {
-					n?.path && o.push(st(e, t, i, n.path, !!n.dashed));
+			if (j(n.dashIndices).length > 0 && !n.useStepper) {
+				let t = ot(n, e);
+				(n.smooth || N(r, "line.smooth", !1) ? c(u, t) : f(u, t)).forEach((t) => {
+					t?.path && l.push(st(e, n, i, t.path, !!t.dashed));
 				});
 				return;
 			}
-			(t.useStepper ? n(u).split(";").filter(Boolean) : [t.smooth || N(r, "line.smooth", !1) ? a ? ee(u) : te(d) : a ? c(u) : s(d, !1, !0)]).forEach((n) => {
-				n && o.push(st(e, t, i, n, !!t.dashed));
+			(n.useStepper ? t(u).split(";").filter(Boolean) : [n.smooth || N(r, "line.smooth", !1) ? o ? x(u) : ee(d) : o ? s(u) : a(d, !1, !0)]).forEach((t) => {
+				t && l.push(st(e, n, i, t, !!n.dashed));
 			});
 		}
-	}), P("g", { "data-layer": "lines" }, o.join(""));
+	}), P("g", { "data-layer": "lines" }, l.join(""));
 }
 function lt(e, t, n) {
 	let { config: r } = e;
@@ -1038,7 +1038,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({
+		_({
 			lineA: j(i.plots),
 			lineB: j(u.plots),
 			smoothA: !!i.smooth,
@@ -1094,19 +1094,19 @@ function vt(e) {
 function yt(e, t, n, r, i) {
 	return !n || n.value === null || n.value === void 0 || !Number.isFinite(Number(n.value)) || !N(e.config, "dataLabels.show", !0) || !N(e.config, `${i}.labels.show`, !1) ? !1 : !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || e.selectedSerieIndex === r || e.selectedMinimapIndex === r;
 }
-function bt(t, n, r, a) {
-	let { config: o } = t, s = O(N(o, `${a}.labels.fontSize`, N(o, "chart.labels.fontSize", 12)), 12), c = N(o, `${a}.labels.color`, N(o, "chart.color", "#2A2A2A")), l = i({
+function bt(t, n, i, a) {
+	let { config: o } = t, s = O(N(o, `${a}.labels.fontSize`, N(o, "chart.labels.fontSize", 12)), 12), c = N(o, `${a}.labels.color`, N(o, "chart.color", "#2A2A2A")), l = r({
 		p: n.prefix || N(o, "chart.labels.prefix", ""),
-		v: r.value,
+		v: i.value,
 		s: n.suffix || N(o, "chart.labels.suffix", ""),
 		r: N(o, `${a}.labels.rounding`, 0)
 	});
 	return e({
-		content: Z(t) && Number.isFinite(Number(r.x)) ? `x: ${i({
-			v: r.x,
+		content: Z(t) && Number.isFinite(Number(i.x)) ? `x: ${r({
+			v: i.x,
 			r: N(o, "chart.grid.labels.xAxis.rounding", 0)
-		})}\ny: ${l}` : x(N(o, `${a}.labels.formatter`, null), r.value, l, {
-			datapoint: r,
+		})}\ny: ${l}` : b(N(o, `${a}.labels.formatter`, null), i.value, l, {
+			datapoint: i,
 			serie: n
 		}),
 		fontSize: s,
@@ -1169,11 +1169,11 @@ function kt(e, t) {
 function At(e, t, n, r, i, a) {
 	let { drawingArea: o } = e, s = t.caption ?? {};
 	if (!s.text) return "";
-	let c = kt(e, a) * i, l = s.width === "auto" ? c : O(s.width, c), u = Ot(e, r, a) - (s.width === "auto" ? 0 : l / 2 - c / 2), d = o.top + O(s.offsetY, 0);
+	let c = kt(e, a) * i, l = s.width === "auto" ? c : O(s.width, c), u = Ot(e, r, a) - (s.width === "auto" ? 0 : l / 2 - c / 2), f = o.top + O(s.offsetY, 0);
 	return P("foreignObject", {
 		"data-key": `highlight_area_caption_${n}`,
 		x: u,
-		y: d,
+		y: f,
 		width: l,
 		height: 1,
 		overflow: "visible"
@@ -1187,33 +1187,33 @@ function At(e, t, n, r, i, a) {
 			`color:${s.color || "#2A2A2A"}`,
 			`font-weight:${s.bold ? "bold" : "normal"}`
 		].join(";")
-	}, m(s.text)));
+	}, d(s.text)));
 }
 function jt(e, t) {
-	let { config: n, drawingArea: r } = e, i = j(N(n, "chart.highlightArea", []));
-	if (!i.length) return "";
-	let a = Math.max(1, ...t.map((e) => j(e.plots).length)), o = Tt(e), s = Et(e, t), c = [];
-	return i.forEach((t, n) => {
+	let { config: r, drawingArea: i } = e, a = j(N(r, "chart.highlightArea", []));
+	if (!a.length) return "";
+	let o = Math.max(1, ...t.map((e) => j(e.plots).length)), s = Tt(e), c = Et(e, t), l = [];
+	return a.forEach((t, r) => {
 		if (!t?.show) return;
-		let i = O(t.from, 0), l = Math.min(O(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(k("rect", {
+		let a = O(t.from, 0), u = Math.min(O(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(k("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: p(t.color, O(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, O(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 ? P("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 ? P("g", { "data-layer": "highlight-areas" }, l.join("")) : "";
 }
 function Mt(e, t) {
 	if (t == null) return null;
@@ -1238,64 +1238,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 = j(N(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), m = Mt(e, u), h = Number.isFinite(f), g = Number.isFinite(m);
+	let i = j(N(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(k("line", {
-			x1: n.left,
-			y1: f,
-			x2: n.right,
-			y2: f,
-			stroke: s.stroke,
-			"stroke-width": s.strokeWidth,
-			"stroke-dasharray": s.strokeDasharray,
+			x1: r.left,
+			y1: p,
+			x2: r.right,
+			y2: p,
+			stroke: c.stroke,
+			"stroke-width": c.strokeWidth,
+			"stroke-dasharray": c.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-top-line"
 		})), g && _.push(k("line", {
-			x1: n.left,
+			x1: r.left,
 			y1: m,
-			x2: n.right,
+			x2: r.right,
 			y2: m,
-			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-bottom-line"
-		})), d && h && g && _.push(k("rect", {
-			x: n.left,
-			y: Math.min(f, m),
-			width: n.width,
-			height: Math.abs(f - m),
-			fill: p(c.fill, O(c.opacity, 20)),
+		})), f && h && g && _.push(k("rect", {
+			x: r.left,
+			y: Math.min(p, m),
+			width: r.width,
+			height: Math.abs(p - m),
+			fill: n(l.fill, O(l.opacity, 20)),
 			"data-cy": "xy-annotation-y-area",
 			"pointer-events": "none"
-		})), o.text) {
-			let e = o.padding ?? {}, t = h && g ? Math.min(f, m) : h ? f : m, r = (o.position === "start" ? n.left + O(e.left, 0) : n.right - O(e.right, 0)) + O(o.offsetX, 0), i = t - O(o.fontSize, 12) / 3 + O(o.offsetY, 0) - O(e.top, 0), a = Pt(o, r, i);
+		})), s.text) {
+			let e = s.padding ?? {}, t = h && g ? Math.min(p, m) : h ? p : m, n = (s.position === "start" ? r.left + O(e.left, 0) : r.right - O(e.right, 0)) + O(s.offsetX, 0), i = t - O(s.fontSize, 12) / 3 + O(s.offsetY, 0) - O(e.top, 0), a = Pt(s, n, i);
 			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(k("rect", {
 				class: "vue-ui-xy-annotation-label-box",
 				...a,
 				"data-cy": "xy-annotation-label-box"
-			})), _.push(F(o.text, {
+			})), _.push(F(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(P("g", {
+		a.push(P("g", {
 			"data-layer": "annotation",
-			"data-key": `annotation_y_${r}`
+			"data-key": `annotation_y_${i}`
 		}, _.join("")));
-	}), i.length ? P("g", { "data-layer": "annotations" }, i.join("")) : "";
+	}), a.length ? P("g", { "data-layer": "annotations" }, a.join("")) : "";
 }
 function It(e, t) {
 	let n = e.additionalSvgContent;
@@ -1326,7 +1326,7 @@ async function Lt(e) {
 	}, i), o = a.series;
 	return `
 <svg
-    xmlns="${C}"
+    xmlns="${ne}"
     width="100%"
     viewBox="0 0 ${n} ${r}"
     role="img"