vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-xy-CbgQs7yW.js → vue-ui-xy-ClCV7xA5.js}

@@ -1,40 +1,40 @@
-import { A as e, B as t, G as n, H as r, Ht as i, I as a, L as o, Lt as s, N as c, P as l, S as u, U as d, Ut as f, V as p, Wt as m, X as h, Yt as g, Zt as _, _ as v, bt as y, c as b, ft as x, i as S, k as C, l as ee, o as te, q as ne, rt as w, t as T, v as E } from "./lib-Dql7cqyA.js";
-import { t as D } from "./useTimeLabels-d2f-W1L4.js";
-import { t as O } from "./useConfig-D32D002m.js";
+import { $ as e, $t as t, A as n, Ct as r, G as i, I as a, J as o, Jt as s, Kt as c, L as l, N as u, P as d, S as f, U as p, V as m, Vt as h, W as g, X as _, _ as v, c as y, ht as b, i as x, k as S, l as C, o as ee, ot as te, qt as w, t as T, tn as E, v as D } from "./lib-DOpaUOQx.js";
+import { t as O } from "./useTimeLabels-d2f-W1L4.js";
+import { t as ne } from "./useConfig-C2uy4ltq.js";
 import { t as re } from "./vue_ui_xy-BA3-_LCx.js";
-import { _ as k, d as A, f as j, g as M, h as N, l as ie, m as ae, p as P, u as F, v as I } from "./render-common-CZ6-MONw.js";
+import { _ as k, d as A, f as j, g as M, h as N, l as ie, m as ae, p as P, u as F, v as I } from "./render-common-CG1wuHZY.js";
 //#region src/svg/vue-ui-xy/create.js
-var { vue_ui_xy: L } = O();
-function oe({ config: e = {}, dataset: t = [] } = {}) {
-	let n = e ?? {}, r = _({
-		userConfig: n,
+var { vue_ui_xy: L } = ne();
+function oe({ config: e = {}, dataset: n = [] } = {}) {
+	let i = e ?? {}, a = E({
+		userConfig: i,
 		defaultConfig: L
 	});
-	y(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => _({
+	r(i, "chart.highlightArea") && (Array.isArray(i.chart.highlightArea) ? a.chart.highlightArea = i.chart.highlightArea.map((e) => E({
 		defaultConfig: L.chart.highlightArea,
 		userConfig: e
-	})) : r.chart.highlightArea = [_({
+	})) : a.chart.highlightArea = [E({
 		defaultConfig: L.chart.highlightArea,
-		userConfig: n.chart.highlightArea
-	})]), y(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => _({
+		userConfig: i.chart.highlightArea
+	})]), r(i, "chart.annotations") && Array.isArray(i.chart.annotations) && i.chart.annotations.length ? a.chart.annotations = i.chart.annotations.map((e) => E({
 		defaultConfig: L.chart.annotations[0],
 		userConfig: e
-	})) : r.chart.annotations = [], y(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
+	})) : a.chart.annotations = [], r(i, "chart.grid.position") && i.chart.grid.position === "start" && n.some((e) => e.type === "bar") && (a.chart.grid.position = "middle");
+	let o = a.theme;
+	if (!o) return {
+		...a,
+		customPalette: a.customPalette?.length ? a.customPalette : h
 	};
-	let a = _({
-		userConfig: re[i] || {},
-		defaultConfig: r
-	}), o = _({
-		userConfig: n,
+	let s = E({
+		userConfig: re[o] || {},
 		defaultConfig: a
+	}), c = E({
+		userConfig: i,
+		defaultConfig: s
 	});
 	return {
-		...o,
-		customPalette: o.customPalette?.length ? o.customPalette : g[i] || s
+		...c,
+		customPalette: c.customPalette?.length ? c.customPalette : t[o] || h
 	};
 }
 function R(e) {
@@ -61,40 +61,40 @@ function ue({ xValue: e, xScale: t, drawingArea: n, config: r }) {
 	return n.left + n.width * a;
 }
 function de({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600, selectedXIndex: i, additionalSvgContent: a = "", svgTitle: o = "" } = {}) {
-	let c = oe({
+	let s = oe({
 		config: t,
 		dataset: e
-	}), l = {
-		top: c.chart.padding.top,
-		left: c.chart.padding.left,
-		right: n - c.chart.padding.right,
-		bottom: r - c.chart.padding.bottom
+	}), c = {
+		top: s.chart.padding.top,
+		left: s.chart.padding.left,
+		right: n - s.chart.padding.right,
+		bottom: r - s.chart.padding.bottom
 	};
-	l.width = l.right - l.left, l.height = l.bottom - l.top;
-	let d = e.flatMap((e) => Array.isArray(e.series) ? e.series.map((e) => Number(typeof e == "object" && e ? e.y : e)) : []).filter(Number.isFinite), f = Math.min(0, ...d), p = Math.max(1, ...d), m = v(f, p, 6), h = e.some((e) => Array.isArray(e.series) ? e.series.some(R) : !1), g = h ? le({
+	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 = Math.min(0, ...l), d = Math.max(1, ...l), p = v(u, d, 6), m = e.some((e) => Array.isArray(e.series) ? e.series.some(R) : !1), g = m ? le({
 		dataset: e,
-		config: c
-	}) : null, _ = Math.max(0, ...e.map((e) => e.series?.length || 0)), y = (e) => _ <= 1 ? l.left + l.width / 2 : l.left + e / (_ - 1) * l.width, b = (e, t) => h ? R(e) ? ue({
+		config: s
+	}) : null, _ = Math.max(0, ...e.map((e) => e.series?.length || 0)), y = (e) => _ <= 1 ? c.left + c.width / 2 : c.left + e / (_ - 1) * c.width, b = (e, t) => m ? R(e) ? ue({
 		xValue: e.x,
 		xScale: g,
-		drawingArea: l,
-		config: c
+		drawingArea: c,
+		config: s
 	}) : null : y(t), x = (e) => {
-		let t = (Number(e) - m.min) / (m.max - m.min || 1);
-		return l.bottom - t * l.height;
-	}, S = Array.isArray(c.customPalette) ? c.customPalette : [], C = S.length ? S : s;
+		let t = (Number(e) - p.min) / (p.max - p.min || 1);
+		return c.bottom - t * c.height;
+	}, S = Array.isArray(s.customPalette) ? s.customPalette : [], C = S.length ? S : h;
 	return {
 		width: n,
 		height: r,
 		selectedXIndex: i,
 		dataset: e,
-		config: c,
-		drawingArea: l,
-		scale: m,
+		config: s,
+		drawingArea: c,
+		scale: p,
 		xScale: g,
-		isContinuous: h,
+		isContinuous: m,
 		series: e.map((e, t) => {
-			let n = (e.color ? u(e.color) : "") || C[t % C.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? f(e.color) : "") || C[t % C.length], r = (e.series || []).map((e, t) => {
 				let n = e == null ? null : typeof e == "object" ? e.y ?? null : Number(e);
 				return {
 					x: b(e, t),
@@ -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 ye = ne();
+var ye = _();
 function W(e) {
 	return ye;
 }
@@ -208,7 +208,7 @@ function we(e, t, n) {
 }
 function Te(e, t, n) {
 	let { config: r } = e;
-	return P(r, "line.area.useGradient", !1) ? `url(#${it(e, n)})` : f(t.color, k(P(r, "line.area.opacity", 30), 30));
+	return P(r, "line.area.useGradient", !1) ? `url(#${it(e, n)})` : w(t.color, k(P(r, "line.area.opacity", 30), 30));
 }
 function K(e, t, n, r) {
 	return P(e.config, "bar.useGradient", !1) ? r >= 0 ? `url(#${G(e, n, "pos")})` : `url(#${G(e, n, "neg")})` : t.color;
@@ -223,15 +223,15 @@ function Ee(e, t) {
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": u(t.color)
+				"stop-color": f(t.color)
 			}),
 			A("stop", {
 				offset: "62%",
-				"stop-color": m(u(t.color), .02)
+				"stop-color": s(f(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": m(u(t.color), .05)
+				"stop-color": s(f(t.color), .05)
 			})
 		].join(""))), r.push(F("linearGradient", {
 			id: G(e, n, "neg"),
@@ -240,20 +240,20 @@ function Ee(e, t) {
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": m(u(t.color), .05)
+				"stop-color": s(f(t.color), .05)
 			}),
 			A("stop", {
 				offset: "38%",
-				"stop-color": m(u(t.color), .02)
+				"stop-color": s(f(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": u(t.color)
+				"stop-color": f(t.color)
 			})
 		].join("")));
-	}), t.filter((e) => e.type === "line").forEach((t, a) => {
+	}), t.filter((e) => e.type === "line").forEach((t, i) => {
 		P(n, "line.useGradient", !1) && r.push(F("radialGradient", {
-			id: be(e, a),
+			id: be(e, i),
 			cx: "50%",
 			cy: "50%",
 			r: "50%",
@@ -261,16 +261,16 @@ function Ee(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": m(u(t.color), .05)
+			"stop-color": s(f(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": u(t.color)
+			"stop-color": f(t.color)
 		})].join(""))), t.temperatureColors && !t.isFlatTemperatureLine && r.push(F("linearGradient", {
-			id: xe(e, a),
+			id: xe(e, i),
 			gradientTransform: "rotate(90)"
 		}, t.temperatureColors.map((e, n) => A("stop", {
-			offset: i(n, t.temperatureColors.length),
-			"stop-color": u(e)
+			offset: c(n, t.temperatureColors.length),
+			"stop-color": f(e)
 		})).join("")));
 	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
 		P(n, "plot.useGradient", !1) && r.push(F("radialGradient", {
@@ -282,10 +282,10 @@ function Ee(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": m(u(t.color), .05)
+			"stop-color": s(f(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": u(t.color)
+			"stop-color": f(t.color)
 		})].join("")));
 	}), r.length ? F("defs", { "data-layer": "gradients" }, r.join("")) : "";
 }
@@ -307,14 +307,14 @@ function q(e) {
 function J(e) {
 	return P(e, "chart.grid.labels.yAxis.position", "left") === "right";
 }
-function Oe(e, t) {
-	let n = h({
-		p: P(t, "chart.labels.prefix", ""),
-		v: e,
-		s: P(t, "chart.labels.suffix", ""),
-		r: P(t, "chart.grid.labels.yAxis.rounding", 0)
+function Oe(t, n) {
+	let r = e({
+		p: P(n, "chart.labels.prefix", ""),
+		v: t,
+		s: P(n, "chart.labels.suffix", ""),
+		r: P(n, "chart.grid.labels.yAxis.rounding", 0)
 	});
-	return S(P(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
+	return x(P(n, "chart.grid.labels.yAxis.formatter", null), t, r, n);
 }
 function Y(e) {
 	return !!P(e, "chart.grid.labels.yAxis.stacked", !1);
@@ -323,7 +323,7 @@ function X(e) {
 	return e != null && Number.isFinite(Number(e));
 }
 function ke(e, t, n, r) {
-	return P(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? v(t, n, r) : E(t, n, r);
+	return P(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? v(t, n, r) : D(t, n, r);
 }
 function Ae(e, t) {
 	let n = M(t.plots).map((e) => Number(e.value)).filter(Number.isFinite), r = P(e, "chart.grid.labels.yAxis.scaleMin", null), i = P(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,39 +361,39 @@ function Me(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 = P(n, "chart.grid.labels.axis.xLabel", ""), m = P(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, g = _t(n) + k(P(n, "chart.labels.fontSize", 12), 12) * 1.1, _ = k(P(n, "chart.padding.top", 12), 12), v = k(P(n, "chart.padding.right", 12), 12), y = k(P(n, "chart.padding.bottom", 12), 12), b = k(P(n, "chart.padding.left", 12), 12), x = k(P(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), S = k(P(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, ee = s.right, ne = i - C - ee - 6 - b - v, w = {
+	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = P(n, "chart.grid.labels.axis.xLabel", ""), m = P(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, g = _t(n) + k(P(n, "chart.labels.fontSize", 12), 12) * 1.1, _ = k(P(n, "chart.padding.top", 12), 12), v = k(P(n, "chart.padding.right", 12), 12), y = k(P(n, "chart.padding.bottom", 12), 12), b = k(P(n, "chart.padding.left", 12), 12), x = k(P(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), S = k(P(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, te = s.right, w = i - C - te - 6 - b - v, T = {
 		top: _ + g + d,
-		right: C + (J(n) ? 0 : S) + b + ne,
+		right: C + (J(n) ? 0 : S) + b + w,
 		bottom: a - h - y - x - f,
 		left: C + (J(n) ? 0 : S) + b,
-		width: Math.max(1, ne),
+		width: Math.max(1, w),
 		height: 1,
 		scaleLabelX: C,
-		rightScaleLabelX: ee,
+		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 ? te(t) : t, D = Math.max(1, E.length), O = T ? k(P(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, re = O * Math.max(0, D - 1), A = Math.max(1, w.height - re), j = z(n), N = he(n, t), ie = Math.max(1, ...t.map((e) => M(e.plots).length));
+	T.height = Math.max(1, T.bottom - T.top);
+	let E = Y(n), D = E ? ee(t) : t, O = Math.max(1, D.length), ne = E ? k(P(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, re = ne * Math.max(0, O - 1), A = Math.max(1, T.height - re), j = z(n), N = he(n, t), ie = Math.max(1, ...t.map((e) => M(e.plots).length));
 	function ae(t, n) {
 		if (Z(e)) {
 			let n = Number(t.rawX);
 			return Number.isFinite(n) ? Ge({
 				...e,
-				drawingArea: w
+				drawingArea: T
 			}, n) : null;
 		}
 		return Q({
 			...e,
-			drawingArea: w
+			drawingArea: T
 		}, t.index ?? n, ie);
 	}
 	let F = t.map((e, t) => {
-		let i = e.id !== void 0 && e.id !== null ? E.find((t) => t.id === e.id) ?? E[t] ?? e : E[t] ?? e, a = ge(n, e, N, r, j, T), o = k(i.stackIndex, t), s = k(i.stackRatio, 1 / D), c = k(i.cumulatedStackRatio, s * (o + 1)), l = D - 1 - o, u = T ? 1 - c : 0, d = T ? A * u + O * l : 0, f = T ? A * s : w.height;
+		let i = e.id !== void 0 && e.id !== null ? D.find((t) => t.id === e.id) ?? D[t] ?? e : D[t] ?? e, a = ge(n, e, N, r, j, E), o = k(i.stackIndex, t), s = k(i.stackRatio, 1 / O), c = k(i.cumulatedStackRatio, s * (o + 1)), l = O - 1 - o, u = E ? 1 - c : 0, d = E ? A * u + ne * l : 0, f = E ? A * s : T.height;
 		function p(e) {
 			let t = (e - a.min) / (a.max - a.min || 1);
-			return w.bottom - d - t * f;
+			return T.bottom - d - t * f;
 		}
 		let m = p(0);
 		return {
@@ -420,7 +420,7 @@ function Me(e, t) {
 	});
 	return {
 		...e,
-		drawingArea: w,
+		drawingArea: T,
 		series: F,
 		__scaleGroups: N,
 		__useIndividualScale: j
@@ -707,15 +707,15 @@ function Ge(e, t) {
 	let { drawingArea: n, config: r } = e, i = We(e), a = (Number(t) - i.min) / (i.max - i.min || 1), o = P(r, "chart.grid.labels.xAxis.reverse", !1) ? 1 - a : a;
 	return n.left + n.width * o;
 }
-function Ke(e, t, n) {
-	let { config: r } = e, i = h({
-		v: t,
-		p: P(r, "chart.labels.prefix", ""),
-		s: P(r, "chart.labels.suffix", ""),
-		r: P(r, "chart.grid.labels.xAxis.rounding", 0)
+function Ke(t, n, r) {
+	let { config: i } = t, a = e({
+		v: n,
+		p: P(i, "chart.labels.prefix", ""),
+		s: P(i, "chart.labels.suffix", ""),
+		r: P(i, "chart.grid.labels.xAxis.rounding", 0)
 	});
-	return S(P(r, "chart.grid.labels.xAxis.formatter", null), t, i, {
-		datapoint: t,
+	return x(P(i, "chart.grid.labels.xAxis.formatter", null), n, a, {
+		datapoint: n,
 		seriesIndex: null
 	});
 }
@@ -736,7 +736,7 @@ function Q(e, t, n) {
 }
 async function Je(e, t) {
 	let { config: n } = e, r = Math.max(0, ...t.map((e) => M(e.plots).length));
-	return await D({
+	return await O({
 		values: P(n, "chart.grid.labels.xAxisLabels.values", []),
 		maxDatapoints: r,
 		formatter: P(n, "chart.grid.labels.xAxisLabels.datetimeFormatter", null),
@@ -745,22 +745,22 @@ async function Je(e, t) {
 	});
 }
 async function Ye(e, t) {
-	let { config: n } = e, r = P(n, "chart.grid.labels.xAxisLabels", {}), i = M(P(n, "chart.grid.labels.xAxisLabels.values", [])), a = Math.max(0, ...t.map((e) => M(e.plots).length)), o = e.slotStartIndex !== void 0 || e.startAbs !== void 0, s = e.slotEndIndex !== void 0 || e.endAbs !== void 0, c = o || s, l = Math.max(0, Math.floor(k(e.slotStartIndex ?? e.startAbs, 0))), u = Math.max(l, Math.floor(k(e.slotEndIndex ?? e.endAbs, l + a))), d = await Je(e, t), f = c ? Math.max(a, i.length, u) : a, p = await D({
+	let { config: n } = e, r = P(n, "chart.grid.labels.xAxisLabels", {}), i = M(P(n, "chart.grid.labels.xAxisLabels.values", [])), a = Math.max(0, ...t.map((e) => M(e.plots).length)), o = e.slotStartIndex !== void 0 || e.startAbs !== void 0, s = e.slotEndIndex !== void 0 || e.endAbs !== void 0, c = o || s, l = Math.max(0, Math.floor(k(e.slotStartIndex ?? e.startAbs, 0))), u = Math.max(l, Math.floor(k(e.slotEndIndex ?? e.endAbs, l + a))), d = await Je(e, t), f = c ? Math.max(a, i.length, u) : a, p = await O({
 		values: i,
 		maxDatapoints: f,
 		formatter: P(n, "chart.grid.labels.xAxisLabels.datetimeFormatter", null),
 		start: 0,
 		end: f
-	}), m = d.map((e) => e?.text ?? ""), h = p.map((e) => e?.text ?? ""), g = Math.max(1, Math.floor(k(r.modulo, 1))), _ = p.length || f, v = x({
+	}), m = d.map((e) => e?.text ?? ""), h = p.map((e) => e?.text ?? ""), g = Math.max(1, Math.floor(k(r.modulo, 1))), _ = p.length || f, v = b({
 		configuredModulo: g,
 		visibleTexts: m,
 		allTexts: h,
 		startAbs: l,
 		isZoomed: c && _ > 0 && (l > 0 || u < _)
-	}), y = b(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, v, m, h, l, e.selectedXIndex ?? null, m.length);
-	if (!r.showFirstAndLast || r.showOnlyFirstAndLast || !y.length) return y;
-	let S = y.length - 1;
-	return y.map((e, t) => t !== 0 && t !== S ? e : {
+	}), x = y(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, v, m, h, l, e.selectedXIndex ?? null, m.length);
+	if (!r.showFirstAndLast || r.showOnlyFirstAndLast || !x.length) return x;
+	let S = x.length - 1;
+	return x.map((e, t) => t !== 0 && t !== S ? e : {
 		...e,
 		text: m[t] ?? ""
 	});
@@ -773,44 +773,44 @@ function Ze(e, t, n, r) {
 }
 function Qe(e) {
 	let t = e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {};
-	return y(t, "chart.grid.labels.xAxisLabels.rotation") ? k(P(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : P(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? k(P(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : k(P(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
+	return r(t, "chart.grid.labels.xAxisLabels.rotation") ? k(P(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : P(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? k(P(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : k(P(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
 }
 async function $e(e, t) {
-	let { config: r, drawingArea: i } = e;
-	if (!t[0] || !P(r, "chart.grid.labels.xAxisLabels.show", !0)) return "";
-	P(r, "chart.grid.labels.xAxisLabels", {});
-	let a = k(P(r, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), o = P(r, "chart.grid.labels.xAxisLabels.color", P(r, "chart.grid.labels.color", "#2A2A2A")), s = Qe(e), c = Math.max(1, t[0].plots.length), l = await Xe(e, t), u = s > 0 ? "start" : s < 0 ? "end" : "middle", d = l.map((t, l) => {
+	let { config: n, drawingArea: r } = e;
+	if (!t[0] || !P(n, "chart.grid.labels.xAxisLabels.show", !0)) return "";
+	P(n, "chart.grid.labels.xAxisLabels", {});
+	let i = k(P(n, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), a = P(n, "chart.grid.labels.xAxisLabels.color", P(n, "chart.grid.labels.color", "#2A2A2A")), s = Qe(e), c = Math.max(1, t[0].plots.length), l = await Xe(e, t), u = s > 0 ? "start" : s < 0 ? "end" : "middle", d = l.map((t, l) => {
 		let d = typeof t == "string" ? t : t?.text;
 		if (!d) return "";
-		let f = `translate(${Ze(e, t, l, c)}, ${i.bottom + a * 1.5}), rotate(${s})`;
+		let f = `translate(${Ze(e, t, l, c)}, ${r.bottom + i * 1.5}), rotate(${s})`;
 		return String(d).includes("\n") ? F("text", {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
 			"text-anchor": u,
-			"font-size": a,
-			stroke: P(r, "chart.backgroundColor", "#FFFFFF"),
+			"font-size": i,
+			stroke: P(n, "chart.backgroundColor", "#FFFFFF"),
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"paint-order": "stroke fill",
-			fill: o,
+			fill: a,
 			transform: f
-		}, n({
+		}, o({
 			content: String(d),
-			fontSize: a,
-			fill: o,
-			stroke: P(r, "chart.backgroundColor", "#FFFFFF"),
+			fontSize: i,
+			fill: a,
+			stroke: P(n, "chart.backgroundColor", "#FFFFFF"),
 			x: 0,
 			y: 0
 		})) : I(d, {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
 			"text-anchor": u,
-			"font-size": a,
-			stroke: P(r, "chart.backgroundColor", "#FFFFFF"),
+			"font-size": i,
+			stroke: P(n, "chart.backgroundColor", "#FFFFFF"),
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"paint-order": "stroke fill",
-			fill: o,
+			fill: a,
 			transform: f
 		});
 	}).join("");
@@ -916,7 +916,7 @@ function at(e, t) {
 		y2: "100%"
 	}, [A("stop", {
 		offset: "0%",
-		"stop-color": f(m(u(t.color), .03), r),
+		"stop-color": w(s(f(t.color), .03), r),
 		"stop-opacity": 1
 	}), A("stop", {
 		offset: "100%",
@@ -925,30 +925,30 @@ function at(e, t) {
 	})].join(""))).join("");
 	return i ? F("defs", {}, i) : "";
 }
-function ot(n, r) {
-	let { config: i } = n, a = !!P(i, "line.cutNullValues", !1), o = [];
-	return r.filter((e) => e.type === "line" && e.useArea).forEach((r, i) => {
-		let s = M(r.plots), l = s.filter((e) => e && e.value !== null);
-		if (l.length < 2) return;
-		let u = Number.isFinite(Number(r.__zeroY)) ? Number(r.__zeroY) : U(n), d = Te(n, r, i);
-		if (r.smooth && !r.useStepper) {
-			c(a ? s : l, u, a).forEach((e) => {
-				e && o.push(A("path", {
+function ot(e, t) {
+	let { config: r } = e, i = !!P(r, "line.cutNullValues", !1), a = [];
+	return t.filter((e) => e.type === "line" && e.useArea).forEach((t, r) => {
+		let o = M(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) : U(e), l = Te(e, t, r);
+		if (t.smooth && !t.useStepper) {
+			u(i ? o : s, c, i).forEach((e) => {
+				e && a.push(A("path", {
 					d: e,
-					fill: d,
+					fill: l,
 					"data-cy": "datapoint-line-area-smooth"
 				}));
 			});
 			return;
 		}
-		(r.useStepper ? t(a ? s : l, u) : a ? e(s, u) : C(l, u)).split(";").filter(Boolean).forEach((e) => {
-			o.push(A("path", {
+		(t.useStepper ? m(i ? o : s, c) : i ? n(o, c) : S(s, c)).split(";").filter(Boolean).forEach((e) => {
+			a.push(A("path", {
 				d: `M${e}Z`,
-				fill: d,
+				fill: l,
 				"data-cy": "datapoint-line-area-straight"
 			}));
 		});
-	}), F("g", { "data-layer": "line-areas" }, o.join(""));
+	}), F("g", { "data-layer": "line-areas" }, a.join(""));
 }
 function st(e, t) {
 	let n = k(t.slotStartIndex ?? t.startAbs, 0);
@@ -966,23 +966,23 @@ function ct(e, t, n, r, i) {
 		"stroke-dasharray": i ? o * 2 : 0
 	});
 }
-function lt(e, n) {
-	let { config: i } = e, s = n.filter((e) => e.type === "line"), c = !!P(i, "line.cutNullValues", !1), u = [];
-	return s.forEach((n, s) => {
-		let f = c ? M(n.plots) : M(n.plots).filter((e) => e.value !== null), m = f.filter((e) => e.value !== null);
-		if (!(m.length < 2)) {
-			if (M(n.dashIndices).length > 0 && !n.useStepper) {
-				let t = st(n, e);
-				(n.smooth || P(i, "line.smooth", !1) ? o(f, t) : d(f, t)).forEach((t) => {
-					t?.path && u.push(ct(e, n, s, t.path, !!t.dashed));
+function lt(e, t) {
+	let { config: n } = e, r = t.filter((e) => e.type === "line"), o = !!P(n, "line.cutNullValues", !1), s = [];
+	return r.forEach((t, r) => {
+		let c = o ? M(t.plots) : M(t.plots).filter((e) => e.value !== null), u = c.filter((e) => e.value !== null);
+		if (!(u.length < 2)) {
+			if (M(t.dashIndices).length > 0 && !t.useStepper) {
+				let a = st(t, e);
+				(t.smooth || P(n, "line.smooth", !1) ? l(c, a) : i(c, a)).forEach((n) => {
+					n?.path && s.push(ct(e, t, r, n.path, !!n.dashed));
 				});
 				return;
 			}
-			(n.useStepper ? t(f).split(";").filter(Boolean) : [n.smooth || P(i, "line.smooth", !1) ? c ? a(f) : l(m) : c ? r(f) : p(m, !1, !0)]).forEach((t) => {
-				t && u.push(ct(e, n, s, t, !!n.dashed));
+			(t.useStepper ? m(c).split(";").filter(Boolean) : [t.smooth || P(n, "line.smooth", !1) ? o ? a(c) : d(u) : o ? g(c) : p(u, !1, !0)]).forEach((n) => {
+				n && s.push(ct(e, t, r, n, !!t.dashed));
 			});
 		}
-	}), F("g", { "data-layer": "lines" }, u.join(""));
+	}), F("g", { "data-layer": "lines" }, s.join(""));
 }
 function ut(e, t, n) {
 	let { config: r } = e;
@@ -1059,7 +1059,7 @@ function gt(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;
-		ee({
+		C({
 			lineA: M(i.plots),
 			lineB: M(u.plots),
 			smoothA: !!i.smooth,
@@ -1117,23 +1117,23 @@ function yt(e) {
 function bt(e, t, n, r, i) {
 	return !n || n.value === null || n.value === void 0 || !Number.isFinite(Number(n.value)) || !P(e.config, "dataLabels.show", !0) || !P(e.config, `${i}.labels.show`, !1) ? !1 : !Object.hasOwn(t, "dataLabels") || t.dataLabels === !0 || e.selectedSerieIndex === r || e.selectedMinimapIndex === r;
 }
-function xt(e, t, r, i) {
-	let { config: a } = e, o = k(P(a, `${i}.labels.fontSize`, P(a, "chart.labels.fontSize", 12)), 12), s = P(a, `${i}.labels.color`, P(a, "chart.color", "#2A2A2A")), c = h({
-		p: t.prefix || P(a, "chart.labels.prefix", ""),
+function xt(t, n, r, i) {
+	let { config: a } = t, s = k(P(a, `${i}.labels.fontSize`, P(a, "chart.labels.fontSize", 12)), 12), c = P(a, `${i}.labels.color`, P(a, "chart.color", "#2A2A2A")), l = e({
+		p: n.prefix || P(a, "chart.labels.prefix", ""),
 		v: r.value,
-		s: t.suffix || P(a, "chart.labels.suffix", ""),
+		s: n.suffix || P(a, "chart.labels.suffix", ""),
 		r: P(a, `${i}.labels.rounding`, 0)
-	}), l = Z(e) && Number.isFinite(Number(r.x)) ? `x: ${h({
+	}), u = Z(t) && Number.isFinite(Number(r.x)) ? `x: ${e({
 		v: r.x,
 		r: P(a, "chart.grid.labels.xAxis.rounding", 0)
-	})}\ny: ${c}` : S(P(a, `${i}.labels.formatter`, null), r.value, c, {
+	})}\ny: ${l}` : x(P(a, `${i}.labels.formatter`, null), r.value, l, {
 		datapoint: r,
-		serie: t
+		serie: n
 	});
-	return n({
-		content: l,
-		fontSize: o,
-		fill: s,
+	return o({
+		content: u,
+		fontSize: s,
+		fill: c,
 		x: 0,
 		y: 0
 	});
@@ -1210,7 +1210,7 @@ function jt(e, t, n, r, i, a) {
 			`color:${s.color || "#2A2A2A"}`,
 			`font-weight:${s.bold ? "bold" : "normal"}`
 		].join(";")
-	}, w(s.text)));
+	}, te(s.text)));
 }
 function Mt(e, t) {
 	let { config: n, drawingArea: r } = e, i = M(P(n, "chart.highlightArea", []));
@@ -1230,7 +1230,7 @@ function Mt(e, t) {
 				y: r.top,
 				width: At(e, a),
 				height: Math.max(1, r.height),
-				fill: f(t.color, k(t.opacity, 20)),
+				fill: w(t.color, k(t.opacity, 20)),
 				"pointer-events": "none"
 			}));
 		}
@@ -1267,44 +1267,44 @@ function It(e) {
 	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, p = Nt(e, l), m = Nt(e, u), h = Number.isFinite(p), g = Number.isFinite(m);
-		if (!h && !g) return;
-		let _ = [];
-		if (h && _.push(A("line", {
+		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 = Nt(e, l), p = Nt(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: p,
+			y1: f,
 			x2: n.right,
-			y2: p,
+			y2: f,
 			stroke: s.stroke,
 			"stroke-width": s.strokeWidth,
 			"stroke-dasharray": s.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-top-line"
-		})), g && _.push(A("line", {
+		})), h && g.push(A("line", {
 			x1: n.left,
-			y1: m,
+			y1: p,
 			x2: n.right,
-			y2: m,
+			y2: p,
 			stroke: s.stroke,
 			"stroke-width": s.strokeWidth,
 			"stroke-dasharray": s.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-bottom-line"
-		})), d && h && g && _.push(A("rect", {
+		})), d && m && h && g.push(A("rect", {
 			x: n.left,
-			y: Math.min(p, m),
+			y: Math.min(f, p),
 			width: n.width,
-			height: Math.abs(p - m),
-			fill: f(c.fill, k(c.opacity, 20)),
+			height: Math.abs(f - p),
+			fill: w(c.fill, k(c.opacity, 20)),
 			"data-cy": "xy-annotation-y-area",
 			"pointer-events": "none"
 		})), o.text) {
-			let e = o.padding ?? {}, t = h && g ? Math.min(p, m) : h ? p : m, 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 = Ft(o, r, i);
-			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(A("rect", {
+			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 = Ft(o, r, i);
+			Number.isFinite(a.y) && Number.isFinite(i) && (g.push(A("rect", {
 				class: "vue-ui-xy-annotation-label-box",
 				...a,
 				"data-cy": "xy-annotation-label-box"
-			})), _.push(I(o.text, {
+			})), g.push(I(o.text, {
 				class: "vue-ui-xy-annotation-label",
 				x: r,
 				y: i,
@@ -1317,7 +1317,7 @@ function It(e) {
 		i.push(F("g", {
 			"data-layer": "annotation",
 			"data-key": `annotation_y_${r}`
-		}, _.join("")));
+		}, g.join("")));
 	}), i.length ? F("g", { "data-layer": "annotations" }, i.join("")) : "";
 }
 function Lt(e, t) {