vue-data-ui 3.22.5 → 3.22.6

package/dist/{vue-ui-xy-DpRqQ09J.js → vue-ui-xy-DJ8YKPgs.js}

@@ -1,40 +1,40 @@
-import { A as e, B as t, D as n, E as r, Gt as i, H as a, It as o, L as s, Lt as c, N as l, P as u, R as d, Rt as f, Ut as p, W as m, a as h, b as g, c as _, et as v, g as y, h as b, ht as x, i as S, j as ee, jt as C, q as w, s as te, t as T, z as E } from "./lib-CuwHGt1j.js";
+import { $ as e, A as t, At as n, B as r, D as i, E as a, Ft as o, H as s, Ht as c, It as l, L as u, Lt as d, N as f, P as p, R as m, W as h, Wt as g, a as _, b as v, c as y, g as b, h as x, i as S, j as ee, mt as C, q as w, s as te, t as T, z as E } from "./lib-DRBJCmHW.js";
 import { t as D } from "./useTimeLabels-BmBRv27Y.js";
-import { t as O } from "./useConfig-pVLia3dt.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-B80rr2N_.js";
+import { t as O } from "./useConfig-DYM3f6EI.js";
+import { t as k } from "./vue_ui_xy-BA3-_LCx.js";
+import { _ as A, d as j, f as M, g as N, h as P, l as ne, m as F, p as I, u as L, v as R } from "./render-common-CUAlQvAQ.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: z } = O();
 function re({ config: e = {}, dataset: t = [] } = {}) {
-	let n = e ?? {}, r = i({
-		userConfig: n,
+	let r = e ?? {}, i = g({
+		userConfig: r,
 		defaultConfig: z
 	});
-	x(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => i({
+	C(r, "chart.highlightArea") && (Array.isArray(r.chart.highlightArea) ? i.chart.highlightArea = r.chart.highlightArea.map((e) => g({
 		defaultConfig: z.chart.highlightArea,
 		userConfig: e
-	})) : r.chart.highlightArea = [i({
+	})) : i.chart.highlightArea = [g({
 		defaultConfig: z.chart.highlightArea,
-		userConfig: n.chart.highlightArea
-	})]), x(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => i({
+		userConfig: r.chart.highlightArea
+	})]), C(r, "chart.annotations") && Array.isArray(r.chart.annotations) && r.chart.annotations.length ? i.chart.annotations = r.chart.annotations.map((e) => g({
 		defaultConfig: z.chart.annotations[0],
 		userConfig: e
-	})) : r.chart.annotations = [], x(n, "chart.grid.position") && n.chart.grid.position === "start" && t.some((e) => e.type === "bar") && (r.chart.grid.position = "middle");
-	let a = r.theme;
+	})) : i.chart.annotations = [], C(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 {
-		...r,
-		customPalette: r.customPalette?.length ? r.customPalette : C
+		...i,
+		customPalette: i.customPalette?.length ? i.customPalette : n
 	};
-	let o = i({
-		userConfig: n,
-		defaultConfig: i({
-			userConfig: ne[a] || {},
-			defaultConfig: r
+	let o = g({
+		userConfig: r,
+		defaultConfig: g({
+			userConfig: k[a] || {},
+			defaultConfig: i
 		})
 	});
 	return {
 		...o,
-		customPalette: o.customPalette?.length ? o.customPalette : p[a] || C
+		customPalette: o.customPalette?.length ? o.customPalette : c[a] || n
 	};
 }
 function B(e) {
@@ -54,50 +54,50 @@ function oe({ dataset: e, config: t }) {
 		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 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 x(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 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;
 	return n.left + n.width * a;
 }
-function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600, selectedXIndex: i, additionalSvgContent: a = "", svgTitle: o = "" } = {}) {
-	let s = re({
+function ce({ dataset: e = [], config: t = {}, width: r = 1e3, height: i = 600, selectedXIndex: a, additionalSvgContent: o = "", svgTitle: s = "" } = {}) {
+	let c = re({
 		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
+	}), l = {
+		top: c.chart.padding.top,
+		left: c.chart.padding.left,
+		right: r - c.chart.padding.right,
+		bottom: i - c.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(B) : !1), f = d ? oe({
+	l.width = l.right - l.left, l.height = l.bottom - l.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 = x(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({
 		dataset: e,
-		config: s
-	}) : 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 ? B(e) ? se({
+		config: c
+	}) : null, m = Math.max(0, ...e.map((e) => e.series?.length || 0)), h = (e) => m <= 1 ? l.left + l.width / 2 : l.left + e / (m - 1) * l.width, g = (e, t) => f ? B(e) ? se({
 		xValue: e.x,
-		xScale: f,
-		drawingArea: c,
-		config: s
-	}) : null : m(t), _ = (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 : C;
+		xScale: p,
+		drawingArea: l,
+		config: c
+	}) : null : h(t), _ = (e) => {
+		let t = (Number(e) - d.min) / (d.max - d.min || 1);
+		return l.bottom - t * l.height;
+	}, y = Array.isArray(c.customPalette) ? c.customPalette : [], b = y.length ? y : n;
 	return {
-		width: n,
-		height: r,
-		selectedXIndex: i,
+		width: r,
+		height: i,
+		selectedXIndex: a,
 		dataset: e,
-		config: s,
-		drawingArea: c,
-		scale: u,
-		xScale: f,
-		isContinuous: d,
+		config: c,
+		drawingArea: l,
+		scale: d,
+		xScale: p,
+		isContinuous: f,
 		series: e.map((e, t) => {
-			let n = (e.color ? g(e.color) : "") || y[t % y.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? v(e.color) : "") || b[t % b.length], r = (e.series || []).map((e, t) => {
 				let n = e == null ? null : typeof e == "object" ? e.y ?? null : Number(e);
 				return {
-					x: h(e, t),
+					x: g(e, t),
 					y: n === null || !Number.isFinite(Number(n)) ? null : _(n),
 					value: n,
 					index: t,
@@ -112,8 +112,8 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 				plots: r
 			};
 		}),
-		additionalSvgContent: a,
-		svgTitle: o
+		additionalSvgContent: o,
+		svgTitle: s
 	};
 }
 //#endregion
@@ -125,17 +125,17 @@ function le(e) {
 	return String(e.scaleLabel ?? e.id ?? e.name ?? "");
 }
 function ue(e) {
-	return k(I(e, "chart.grid.labels.yAxis.labelWidth", 40), 40) + 36;
+	return A(I(e, "chart.grid.labels.yAxis.labelWidth", 40), 40) + 36;
 }
 function de(e) {
-	return M(e).flatMap((e) => M(e.plots)).map((e) => e?.value === null || e?.value === void 0 ? null : Number(e.value)).filter(Number.isFinite);
+	return N(e).flatMap((e) => N(e.plots)).map((e) => e?.value === null || e?.value === void 0 ? null : Number(e.value)).filter(Number.isFinite);
 }
 function fe(e, t, n) {
-	let r = de(n), i = I(e, "chart.grid.labels.yAxis.scaleMin", null), a = I(e, "chart.grid.labels.yAxis.scaleMax", null), o = X(i) ? Number(i) : Math.min(0, ...r), s = X(a) ? Number(a) : Math.max(1, ...r), c = k(I(e, "chart.grid.labels.yAxis.commonScaleSteps", 6), 6);
+	let r = de(n), i = I(e, "chart.grid.labels.yAxis.scaleMin", null), a = I(e, "chart.grid.labels.yAxis.scaleMax", null), o = X(i) ? Number(i) : Math.min(0, ...r), s = X(a) ? Number(a) : Math.max(1, ...r), c = A(I(e, "chart.grid.labels.yAxis.commonScaleSteps", 6), 6);
 	return !r.length && !X(i) && !X(a) ? t : Oe(e, o, s === o ? o + 1 : s, c);
 }
 function pe(e, t) {
-	let { drawingArea: n } = e, r = k(t.__yOffset, 0), i = k(t.__individualHeight, n.height);
+	let { drawingArea: n } = e, r = A(t.__yOffset, 0), i = A(t.__individualHeight, n.height);
 	return {
 		top: n.bottom - r - i,
 		bottom: n.bottom - r
@@ -150,8 +150,8 @@ function H(e, t, n, r) {
 }
 function me(e, t) {
 	let n = {};
-	return M(t).forEach((t, r) => {
-		let i = le(t) || `serie_${r}`, a = M(t.plots).map((e) => Number(e.value)).filter(Number.isFinite);
+	return N(t).forEach((t, r) => {
+		let i = le(t) || `serie_${r}`, a = N(t.plots).map((e) => Number(e.value)).filter(Number.isFinite);
 		n[i] || (n[i] = {
 			scaleLabel: i,
 			name: t.name ?? i,
@@ -162,7 +162,7 @@ function me(e, t) {
 	}), Object.values(n).forEach((t) => {
 		t.scale = ke(e, {
 			...t.series[0],
-			plots: t.series.flatMap((e) => M(e.plots))
+			plots: t.series.flatMap((e) => N(e.plots))
 		});
 	}), n;
 }
@@ -173,17 +173,17 @@ function ge(e) {
 	return e === "bar" || e === "line" || e === "plot" ? e : "line";
 }
 function _e(e) {
-	return M(e.series).map((e) => ({
+	return N(e.series).map((e) => ({
 		...e,
 		type: ge(e.type),
-		plots: M(e.plots).filter((e) => e && F(e.x))
+		plots: N(e.plots).filter((e) => e && F(e.x))
 	}));
 }
 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 = m();
+var ve = h();
 function W(e) {
 	return ve;
 }
@@ -208,7 +208,7 @@ function Ce(e, t, n) {
 }
 function we(e, t, n) {
 	let { config: r } = e;
-	return I(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : c(t.color, k(I(r, "line.area.opacity", 30), 30));
+	return I(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : l(t.color, A(I(r, "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;
@@ -221,34 +221,34 @@ function Te(e, t) {
 			x2: "0%",
 			y2: "100%"
 		}, [
-			A("stop", {
+			j("stop", {
 				offset: "0%",
-				"stop-color": g(t.color)
+				"stop-color": v(t.color)
 			}),
-			A("stop", {
+			j("stop", {
 				offset: "62%",
-				"stop-color": f(g(t.color), .02)
+				"stop-color": d(v(t.color), .02)
 			}),
-			A("stop", {
+			j("stop", {
 				offset: "100%",
-				"stop-color": f(g(t.color), .05)
+				"stop-color": d(v(t.color), .05)
 			})
 		].join(""))), r.push(L("linearGradient", {
 			id: G(e, n, "neg"),
 			x2: "0%",
 			y2: "100%"
 		}, [
-			A("stop", {
+			j("stop", {
 				offset: "0%",
-				"stop-color": f(g(t.color), .05)
+				"stop-color": d(v(t.color), .05)
 			}),
-			A("stop", {
+			j("stop", {
 				offset: "38%",
-				"stop-color": f(g(t.color), .02)
+				"stop-color": d(v(t.color), .02)
 			}),
-			A("stop", {
+			j("stop", {
 				offset: "100%",
-				"stop-color": g(t.color)
+				"stop-color": v(t.color)
 			})
 		].join("")));
 	}), t.filter((e) => e.type === "line").forEach((t, i) => {
@@ -259,18 +259,18 @@ function Te(e, t) {
 			r: "50%",
 			fx: "50%",
 			fy: "50%"
-		}, [A("stop", {
+		}, [j("stop", {
 			offset: "0%",
-			"stop-color": f(g(t.color), .05)
-		}), A("stop", {
+			"stop-color": d(v(t.color), .05)
+		}), j("stop", {
 			offset: "100%",
-			"stop-color": g(t.color)
+			"stop-color": v(t.color)
 		})].join(""))), t.temperatureColors && !t.isFlatTemperatureLine && r.push(L("linearGradient", {
 			id: be(e, i),
 			gradientTransform: "rotate(90)"
-		}, t.temperatureColors.map((e, n) => A("stop", {
+		}, t.temperatureColors.map((e, n) => j("stop", {
 			offset: o(n, t.temperatureColors.length),
-			"stop-color": g(e)
+			"stop-color": v(e)
 		})).join("")));
 	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
 		I(n, "plot.useGradient", !1) && r.push(L("radialGradient", {
@@ -280,18 +280,18 @@ function Te(e, t) {
 			r: "50%",
 			fx: "50%",
 			fy: "50%"
-		}, [A("stop", {
+		}, [j("stop", {
 			offset: "0%",
-			"stop-color": f(g(t.color), .05)
-		}), A("stop", {
+			"stop-color": d(v(t.color), .05)
+		}), j("stop", {
 			offset: "100%",
-			"stop-color": g(t.color)
+			"stop-color": v(t.color)
 		})].join("")));
 	}), r.length ? L("defs", { "data-layer": "gradients" }, r.join("")) : "";
 }
 function Ee(e) {
 	let t = I(e.config, "chart.backgroundColor", "#FFFFFF");
-	return A("rect", {
+	return j("rect", {
 		width: e.width,
 		height: e.height,
 		fill: t
@@ -299,9 +299,9 @@ function Ee(e) {
 }
 function q(e) {
 	return {
-		dataLabels: k(I(e, "chart.grid.labels.fontSize", 12), 12),
-		xAxis: k(I(e, "chart.grid.labels.xAxisLabels.fontSize", 12), 12),
-		yAxis: k(I(e, "chart.grid.labels.axis.fontSize", 12), 12)
+		dataLabels: A(I(e, "chart.grid.labels.fontSize", 12), 12),
+		xAxis: A(I(e, "chart.grid.labels.xAxisLabels.fontSize", 12), 12),
+		yAxis: A(I(e, "chart.grid.labels.axis.fontSize", 12), 12)
 	};
 }
 function J(e) {
@@ -323,11 +323,11 @@ 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) ? b(t, n, r) : y(t, n, r);
+	return I(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? x(t, n, r) : b(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);
-	return Oe(e, a, o === a ? a + 1 : o, k(t.scaleSteps ?? I(e, "chart.grid.labels.yAxis.commonScaleSteps", 6), 6));
+	let n = N(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);
+	return Oe(e, a, o === a ? a + 1 : o, A(t.scaleSteps ?? I(e, "chart.grid.labels.yAxis.commonScaleSteps", 6), 6));
 }
 function Ae(e, t, n = []) {
 	let r = q(e), i = Y(e), a = V(e), o = ue(e);
@@ -346,7 +346,7 @@ function Ae(e, t, n = []) {
 		scaleLabelsOffset: o,
 		yAxisLabelWidth: 0
 	};
-	let s = (i ? n.flatMap((t) => ke(e, t).ticks) : M(t.ticks)).reduce((t, n) => Math.max(t, j(De(n, e), r.dataLabels)), 0), c = I(e, "chart.grid.labels.axis.yLabel", "") ? r.yAxis * 2 + 24 + k(I(e, "chart.grid.labels.axis.yLabelOffsetX", 0), 0) + r.yAxis : 0, l = s + k(I(e, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0) + k(I(e, "chart.grid.labels.yAxis.crosshairSize", 0), 0);
+	let s = (i ? n.flatMap((t) => ke(e, t).ticks) : N(t.ticks)).reduce((t, n) => Math.max(t, M(De(n, e), r.dataLabels)), 0), c = I(e, "chart.grid.labels.axis.yLabel", "") ? r.yAxis * 2 + 24 + A(I(e, "chart.grid.labels.axis.yLabelOffsetX", 0), 0) + r.yAxis : 0, l = s + A(I(e, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0) + A(I(e, "chart.grid.labels.yAxis.crosshairSize", 0), 0);
 	return {
 		left: J(e) ? 0 : l + c,
 		right: J(e) ? l + c : 0,
@@ -361,10 +361,10 @@ 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, g = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, _ = 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, w = s.right, te = i - C - w - 6 - x - y, T = {
-		top: v + _ + d,
+	}, 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) + A(I(n, "chart.labels.fontSize", 12), 12) * 1.1, v = A(I(n, "chart.padding.top", 12), 12), y = A(I(n, "chart.padding.right", 12), 12), b = A(I(n, "chart.padding.bottom", 12), 12), x = A(I(n, "chart.padding.left", 12), 12), S = A(I(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), ee = A(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, w = s.right, te = i - C - w - 6 - x - y, T = {
+		top: v + g + d,
 		right: C + (J(n) ? 0 : ee) + x + te,
-		bottom: a - g - b - S - f,
+		bottom: a - h - b - S - f,
 		left: C + (J(n) ? 0 : ee) + x,
 		width: Math.max(1, te),
 		height: 1,
@@ -375,7 +375,7 @@ function je(e, t) {
 		individualOffsetX: 36
 	};
 	T.height = Math.max(1, T.bottom - T.top);
-	let E = Y(n), D = E ? h(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 ? _(t) : t, O = Math.max(1, D.length), k = E ? A(I(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, j = k * Math.max(0, O - 1), M = Math.max(1, T.height - j), P = V(n), ne = me(n, t), F = Math.max(1, ...t.map((e) => N(e.plots).length));
 	function L(t, n) {
 		if (Z(e)) {
 			let n = Number(t.rawX);
@@ -390,7 +390,7 @@ function je(e, t) {
 		}, t.index ?? n, F);
 	}
 	let R = t.map((e, t) => {
-		let i = e.id !== void 0 && e.id !== null ? D.find((t) => t.id === e.id) ?? D[t] ?? e : D[t] ?? e, a = he(n, e, P, r, N, 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 ? j * u + ne * l : 0, f = E ? j * s : T.height;
+		let i = e.id !== void 0 && e.id !== null ? D.find((t) => t.id === e.id) ?? D[t] ?? e : D[t] ?? e, a = he(n, e, ne, r, P, E), o = A(i.stackIndex, t), s = A(i.stackRatio, 1 / O), c = A(i.cumulatedStackRatio, s * (o + 1)), l = O - 1 - o, u = E ? 1 - c : 0, d = E ? M * u + k * l : 0, f = E ? M * s : T.height;
 		function p(e) {
 			let t = (e - a.min) / (a.max - a.min || 1);
 			return T.bottom - d - t * f;
@@ -402,7 +402,7 @@ function je(e, t) {
 			__yOffset: d,
 			__individualHeight: f,
 			__zeroY: m,
-			__scaleYLabels: M(a.ticks).map((t) => ({
+			__scaleYLabels: N(a.ticks).map((t) => ({
 				value: t,
 				y: p(t),
 				serie: e
@@ -422,8 +422,8 @@ function je(e, t) {
 		...e,
 		drawingArea: T,
 		series: R,
-		__scaleGroups: P,
-		__useIndividualScale: N
+		__scaleGroups: ne,
+		__useIndividualScale: P
 	};
 }
 function Me(e) {
@@ -431,7 +431,7 @@ function Me(e) {
 	if (!I(t, "chart.grid.labels.show", !0) || !I(t, "chart.grid.labels.yAxis.show", !0)) return "";
 	let a = V(t), o = Y(t);
 	if (a) return Ne(e);
-	let s = q(t), c = J(t), l = I(t, "chart.grid.labels.yAxis.showCrosshairs", !1), u = k(I(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), d = k(I(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), f = I(t, "chart.grid.labels.color", "#2A2A2A"), p = I(t, "chart.grid.stroke", "#CCCCCC"), m = o ? i.flatMap((e) => M(e.__scaleYLabels)) : M(r.ticks).map((e) => {
+	let s = q(t), c = J(t), l = I(t, "chart.grid.labels.yAxis.showCrosshairs", !1), u = A(I(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), d = A(I(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), f = I(t, "chart.grid.labels.color", "#2A2A2A"), p = I(t, "chart.grid.stroke", "#CCCCCC"), m = o ? i.flatMap((e) => N(e.__scaleYLabels)) : N(r.ticks).map((e) => {
 		let t = (e - r.min) / (r.max - r.min || 1);
 		return {
 			value: e,
@@ -439,7 +439,7 @@ function Me(e) {
 		};
 	}), h = [];
 	return m.forEach((e) => {
-		Number.isFinite(e.y) && (l && h.push(A("line", {
+		Number.isFinite(e.y) && (l && h.push(j("line", {
 			"data-cy": "axis-y-tick",
 			x1: c ? n.right : n.left,
 			x2: c ? n.right + u : n.left - u,
@@ -458,12 +458,12 @@ function Me(e) {
 	}), L("g", { "data-layer": "scale-labels" }, h.join(""));
 }
 function Ne(e) {
-	let { config: t, drawingArea: n, series: r } = e, i = q(t), a = J(t), o = Y(t), s = e.__scaleGroups ?? me(t, r), c = I(t, "chart.grid.labels.yAxis.showCrosshairs", !1), l = k(I(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), u = k(I(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), d = k(I(t, "chart.grid.labels.yAxis.labelWidth", 40), 40), f = k(n.individualOffsetX, 36), p = [], m = Object.values(s);
+	let { config: t, drawingArea: n, series: r } = e, i = q(t), a = J(t), o = Y(t), s = e.__scaleGroups ?? me(t, r), c = I(t, "chart.grid.labels.yAxis.showCrosshairs", !1), l = A(I(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), u = A(I(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), d = A(I(t, "chart.grid.labels.yAxis.labelWidth", 40), 40), f = A(n.individualOffsetX, 36), p = [], m = Object.values(s);
 	return m.forEach((e, s) => {
 		let h = r.find((t) => le(t) === e.scaleLabel) ?? r[s];
 		if (!h) return;
-		let g = o ? a ? n.right : n.left : a ? n.right + ue(t) * s : n.left - ue(t) * (m.length - s - 1), _ = k(h.__yOffset, 0), v = k(h.__individualHeight, n.height), y = o ? n.bottom - _ - v : n.top, b = o ? n.bottom - _ : n.bottom;
-		p.push(A("line", {
+		let g = o ? a ? n.right : n.left : a ? n.right + ue(t) * s : n.left - ue(t) * (m.length - s - 1), _ = A(h.__yOffset, 0), v = A(h.__individualHeight, n.height), y = o ? n.bottom - _ - v : n.top, b = o ? n.bottom - _ : n.bottom;
+		p.push(j("line", {
 			x1: o || a ? g : g - f,
 			x2: o || a ? g : g - f,
 			y1: y,
@@ -478,9 +478,9 @@ function Ne(e) {
 			"font-size": i.dataLabels * .8,
 			"text-anchor": "middle",
 			fill: e.color
-		})), M(e.scale.ticks).forEach((r) => {
+		})), N(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(A("line", {
+			Number.isFinite(s) && (c && p.push(j("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,
@@ -500,7 +500,7 @@ function Ne(e) {
 	}), L("g", { "data-layer": "individual-scale-labels" }, p.join(""));
 }
 function Pe(e) {
-	return [...new Set(e.flatMap((e) => M(e.plots)).map((e) => Number(e.x)).filter(Number.isFinite))].sort((e, t) => e - t);
+	return [...new Set(e.flatMap((e) => N(e.plots)).map((e) => Number(e.x)).filter(Number.isFinite))].sort((e, t) => e - t);
 }
 function Fe(e, t, n = 1) {
 	let { drawingArea: r, config: i } = e, a = Pe(t), o = r.width * .05;
@@ -508,19 +508,19 @@ function Fe(e, t, n = 1) {
 	let s = a.slice(1).reduce((e, t, n) => {
 		let r = a[n], i = Math.abs(t - r);
 		return i > 0 ? Math.min(e, i) : e;
-	}, Infinity), c = k(I(i, "bar.periodGap", .2), .2), l = Number.isFinite(s) && s > 0 ? s * (1 - c) : o;
+	}, Infinity), c = A(I(i, "bar.periodGap", .2), .2), l = Number.isFinite(s) && s > 0 ? s * (1 - c) : o;
 	return Math.max(1e-5, l / Math.max(1, n));
 }
 function Ie(e, t, n) {
-	let { config: r } = e, i = k(I(r, "bar.innerGap", .05), .05), a = I(r, "bar.borderRadius", 0), o = [];
+	let { config: r } = e, i = A(I(r, "bar.innerGap", .05), .05), a = I(r, "bar.borderRadius", 0), o = [];
 	if (n) {
 		let n = Fe(e, t, 1), r = n * Math.min(Math.abs(i), .95), s = Math.max(1e-5, n - r);
 		return t.forEach((t, n) => {
 			let r = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : U(e);
-			M(t.plots).forEach((i) => {
+			N(t.plots).forEach((i) => {
 				if (!i || i.value === null || i.value === void 0 || !Number.isFinite(Number(i.value)) || !Number.isFinite(Number(i.x)) || !Number.isFinite(Number(i.y))) return;
 				let c = i.x - s / 2, { y: l, height: u } = H(e, t, i, r);
-				i.__barLabelX = i.x, o.push(A("rect", {
+				i.__barLabelX = i.x, o.push(j("rect", {
 					"data-cy": "datapoint-bar",
 					x: c,
 					y: l,
@@ -536,10 +536,10 @@ function Ie(e, t, n) {
 	let s = Math.max(1, t.length), c = Fe(e, t, s), l = c * Math.min(Math.abs(i), .95), u = Math.max(1e-5, c - l), d = c * s;
 	return t.forEach((t, n) => {
 		let r = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : U(e);
-		M(t.plots).forEach((i) => {
+		N(t.plots).forEach((i) => {
 			if (!i || i.value === null || i.value === void 0 || !Number.isFinite(Number(i.value)) || !Number.isFinite(Number(i.x)) || !Number.isFinite(Number(i.y))) return;
 			let s = i.x - d / 2 + c * n + l / 2, { y: f, height: p } = H(e, t, i, r);
-			i.__barLabelX = s + u / 2, o.push(A("rect", {
+			i.__barLabelX = s + u / 2, o.push(j("rect", {
 				"data-cy": "datapoint-bar",
 				x: s,
 				y: f,
@@ -556,15 +556,15 @@ function Le(e, t) {
 	let { config: n, drawingArea: r } = e, i = Y(n), a = t.filter((e) => e.type === "bar");
 	if (!a.length) return "";
 	if (Z(e)) return Ie(e, a, i);
-	let o = Math.max(1, ...t.map((e) => M(e.plots).length)), s = r.width / o, c = k(I(n, "bar.periodGap", .2), .2), l = k(I(n, "bar.innerGap", .05), .05), u = I(n, "bar.borderRadius", 0), d = [];
+	let o = Math.max(1, ...t.map((e) => N(e.plots).length)), s = r.width / o, c = A(I(n, "bar.periodGap", .2), .2), l = A(I(n, "bar.innerGap", .05), .05), u = I(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) : U(e);
-			M(i.plots).forEach((c, l) => {
+			N(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 } = H(e, i, c, o);
-				c.__barLabelX = f + Math.max(1e-5, t - n) / 2, d.push(A("rect", {
+				c.__barLabelX = f + Math.max(1e-5, t - n) / 2, d.push(j("rect", {
 					"data-cy": "datapoint-bar",
 					x: f,
 					y: p,
@@ -580,10 +580,10 @@ function Le(e, t) {
 	let f = s * (1 - c), p = f / Math.max(1, a.length), m = p * Math.min(Math.abs(l), .95);
 	return U(e), a.forEach((t, n) => {
 		let i = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : U(e);
-		M(t.plots).forEach((a, o) => {
+		N(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 } = H(e, t, a, i);
-			a.__barLabelX = c + Math.max(1e-5, p - m) / 2, d.push(A("rect", {
+			a.__barLabelX = c + Math.max(1e-5, p - m) / 2, d.push(j("rect", {
 				"data-cy": "datapoint-bar",
 				x: c,
 				y: l,
@@ -598,7 +598,7 @@ function Le(e, t) {
 }
 function Re(e) {
 	let { config: t, drawingArea: n, scale: r, series: i } = e;
-	return V(t) || Y(t) ? i.flatMap((e) => M(e.__scaleYLabels)) : M(r.ticks).map((e) => {
+	return V(t) || Y(t) ? i.flatMap((e) => N(e.__scaleYLabels)) : N(r.ticks).map((e) => {
 		let t = (e - r.min) / (r.max - r.min || 1);
 		return {
 			value: e,
@@ -611,9 +611,9 @@ function ze(e, t, n) {
 	return r.left + i * t;
 }
 function Be(e, t) {
-	let { config: n, drawingArea: r } = e, i = Math.max(1, ...t.map((e) => M(e.plots).length)), a = r.top, o = r.bottom;
+	let { config: n, drawingArea: r } = e, i = Math.max(1, ...t.map((e) => N(e.plots).length)), a = r.top, o = r.bottom;
 	if (Z(e)) {
-		let e = [...new Set(t.flatMap((e) => M(e.plots)).map((e) => Number(e.x)).filter(Number.isFinite))].sort((e, t) => e - t);
+		let e = [...new Set(t.flatMap((e) => N(e.plots)).map((e) => Number(e.x)).filter(Number.isFinite))].sort((e, t) => e - t);
 		return e.length ? I(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;
@@ -627,9 +627,9 @@ function Be(e, t) {
 	}).join(" ");
 }
 function Ve(e) {
-	let { config: t, drawingArea: n, scale: r, series: i } = e, a = I(t, "chart.grid.show", !0), o = I(t, "chart.grid.showHorizontalLines", !0), s = I(t, "chart.grid.showVerticalLines", !1), c = I(t, "chart.grid.stroke", "#CCCCCC"), l = k(I(t, "chart.grid.strokeWidth", .5), .5), u = [];
+	let { config: t, drawingArea: n, scale: r, series: i } = e, a = I(t, "chart.grid.show", !0), o = I(t, "chart.grid.showHorizontalLines", !0), s = I(t, "chart.grid.showVerticalLines", !1), c = I(t, "chart.grid.stroke", "#CCCCCC"), l = A(I(t, "chart.grid.strokeWidth", .5), .5), u = [];
 	if (a && o && Re(e).forEach((e) => {
-		Number.isFinite(Number(e.y)) && u.push(A("line", {
+		Number.isFinite(Number(e.y)) && u.push(j("line", {
 			"data-cy": "xy-grid-horizontal-line",
 			x1: n.left,
 			x2: n.right,
@@ -641,7 +641,7 @@ function Ve(e) {
 		}));
 	}), a && s) {
 		let t = Be(e, i);
-		t && u.push(A("path", {
+		t && u.push(j("path", {
 			"data-cy": "xy-grid-vertical-line",
 			d: t,
 			stroke: c,
@@ -649,7 +649,7 @@ function Ve(e) {
 			"stroke-linecap": "round"
 		}));
 	}
-	u.push(A("line", {
+	u.push(j("line", {
 		x1: n.left,
 		y1: n.bottom,
 		x2: n.right,
@@ -659,7 +659,7 @@ function Ve(e) {
 		"stroke-linecap": "round"
 	}));
 	let d = J(t) ? n.right : n.left;
-	return u.push(A("line", {
+	return u.push(j("line", {
 		x1: d,
 		y1: n.top,
 		x2: d,
@@ -667,7 +667,7 @@ function Ve(e) {
 		stroke: c,
 		"stroke-width": l,
 		"stroke-linecap": "round"
-	})), r.min < 0 && r.max > 0 && u.push(A("line", {
+	})), r.min < 0 && r.max > 0 && u.push(j("line", {
 		x1: n.left,
 		y1: U(e),
 		x2: n.right,
@@ -682,14 +682,14 @@ function He(e) {
 	return e && typeof e == "object" && Number.isFinite(Number(e.x)) && Number.isFinite(Number(e.y));
 }
 function Z(e) {
-	return e.isContinuous ? !0 : M(e.series).some((e) => M(e.series).some(He));
+	return e.isContinuous ? !0 : N(e.series).some((e) => N(e.series).some(He));
 }
 function Ue(e) {
 	if (e.xScale && Number.isFinite(Number(e.xScale.min)) && Number.isFinite(Number(e.xScale.max))) return {
 		min: Number(e.xScale.min),
 		max: Number(e.xScale.max)
 	};
-	let t = M(e.series).flatMap((e) => M(e.series)).filter(He).map((e) => Number(e.x));
+	let t = N(e.series).flatMap((e) => N(e.series)).filter(He).map((e) => Number(e.x));
 	if (!t.length) return {
 		min: 0,
 		max: 1
@@ -720,7 +720,7 @@ function Ge(e, t, n) {
 	});
 }
 function Ke(e) {
-	let { xScale: t, config: n } = e, r = M(t?.ticks);
+	let { xScale: t, config: n } = e, r = N(t?.ticks);
 	return (I(n, "chart.grid.labels.xAxis.reverse", !1) ? [...r].reverse() : r).map((t, n) => ({
 		id: `continuous_x_label_${n}`,
 		text: Ge(e, t, n),
@@ -735,24 +735,24 @@ function Q(e, t, n) {
 	return a === "middle" ? r.left + s / 2 + s * t : r.left + s * t;
 }
 async function qe(e, t) {
-	let { config: n } = e, r = Math.max(0, ...t.map((e) => M(e.plots).length));
+	let { config: n } = e, r = Math.max(0, ...t.map((e) => N(e.plots).length));
 	return await D({
 		values: I(n, "chart.grid.labels.xAxisLabels.values", []),
 		maxDatapoints: r,
 		formatter: I(n, "chart.grid.labels.xAxisLabels.datetimeFormatter", null),
-		start: k(e.slotStartIndex ?? e.startAbs, 0),
-		end: k(e.slotEndIndex ?? e.endAbs, r)
+		start: A(e.slotStartIndex ?? e.startAbs, 0),
+		end: A(e.slotEndIndex ?? e.endAbs, r)
 	});
 }
 async function Je(e, t) {
-	let { config: n } = e, r = I(n, "chart.grid.labels.xAxisLabels", {}), i = Math.max(0, ...t.map((e) => M(e.plots).length)), a = await qe(e, t), o = await D({
+	let { config: n } = e, r = I(n, "chart.grid.labels.xAxisLabels", {}), i = Math.max(0, ...t.map((e) => N(e.plots).length)), a = await qe(e, t), o = await D({
 		values: I(n, "chart.grid.labels.xAxisLabels.values", []),
 		maxDatapoints: i,
 		formatter: I(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(k(r.modulo, 1), Math.max(1, new Set(s).size));
-	return te(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
+	}), s = a.map((e) => e?.text ?? ""), c = o.map((e) => e?.text ?? ""), l = Math.min(A(r.modulo, 1), Math.max(1, new Set(s).size));
+	return te(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, A(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
 }
 async function Ye(e, t) {
 	return Z(e) ? Ke(e) : await Je(e, t);
@@ -761,28 +761,28 @@ function Xe(e, t, n, r) {
 	return Z(e) ? t.x : Q(e, n, r);
 }
 function Ze(e) {
-	return x(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);
+	return C(e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {}, "chart.grid.labels.xAxisLabels.rotation") ? A(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? A(I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : A(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
 }
 async function Qe(e, t) {
 	let { config: n, drawingArea: r } = 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), 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";
+	let i = A(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), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = o > 0 ? "start" : o < 0 ? "end" : "middle";
 	return L("g", { "data-layer": "x-axis-labels" }, l.map((t, n) => {
 		let l = typeof t == "string" ? t : t?.text;
 		if (!l) return "";
-		let d = `translate(${Xe(e, t, n, c)}, ${r.bottom + i * 1.5}), rotate(${s})`;
+		let d = `translate(${Xe(e, t, n, c)}, ${r.bottom + i * 1.5}), rotate(${o})`;
 		return String(l).includes("\n") ? L("text", {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
 			"text-anchor": u,
 			"font-size": i,
-			fill: o,
+			fill: a,
 			transform: d
-		}, a({
+		}, s({
 			content: String(l),
 			fontSize: i,
-			fill: o,
+			fill: a,
 			x: 0,
 			y: 0
 		})) : R(l, {
@@ -790,13 +790,13 @@ async function Qe(e, t) {
 			"data-cy": "time-label",
 			"text-anchor": u,
 			"font-size": i,
-			fill: o,
+			fill: a,
 			transform: d
 		});
 	}).join(""));
 }
 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 = [];
+	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 = A(I(t, "chart.grid.labels.axis.yLabelOffsetX", 0), 0), l = A(I(t, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), u = A(I(t, "chart.grid.labels.yAxis.crosshairSize", 0), 0), d = A(I(t, "chart.grid.labels.yAxis.scaleValueOffsetX", 0), 0), f = A(I(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),
@@ -819,12 +819,12 @@ function $e(e) {
 async function et(e, t) {
 	let { config: n, drawingArea: r } = e, i = I(n, "chart.grid.labels.xAxisLabels.show", !0), a = I(n, "chart.grid.labels.xAxis.showCrosshairs", !1);
 	if (!i || !a || !t[0]) return "";
-	let o = k(I(n, "chart.grid.labels.xAxis.crosshairSize", 6), 6), s = !!I(n, "chart.grid.labels.xAxis.crosshairsAlwaysAtZero", !1), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = U(e), d = l.map((t, n) => {
+	let o = A(I(n, "chart.grid.labels.xAxis.crosshairSize", 6), 6), s = !!I(n, "chart.grid.labels.xAxis.crosshairsAlwaysAtZero", !1), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = U(e), d = l.map((t, n) => {
 		if (!(typeof t == "string" ? t : t?.text)) return "";
 		let i = Z(e) ? t.x : Q(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 ? L("g", { "data-layer": "x-axis-ticks" }, A("path", {
+	return d ? L("g", { "data-layer": "x-axis-ticks" }, j("path", {
 		d,
 		stroke: I(n, "chart.grid.stroke", "#CCCCCC"),
 		"stroke-width": 1,
@@ -833,9 +833,9 @@ async function et(e, t) {
 	})) : "";
 }
 function tt(e, t) {
-	let { config: n, width: r } = e, i = I(n, "chart.legend", {}), a = k(i.fontSize, 12), o = k(i.markerSize, 10), s = k(i.itemGap, 16), c = k(i.rowGap, 8), l = k(i.padding, 8), u = Math.max(1, r - l * 2), d = [], f = [], p = 0;
+	let { config: n, width: r } = e, i = I(n, "chart.legend", {}), a = A(i.fontSize, 12), o = A(i.markerSize, 10), s = A(i.itemGap, 16), c = A(i.rowGap, 8), l = A(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 + j(t, a) + s;
+		let t = String(e.name ?? ""), n = o + 6 + M(t, a) + s;
 		f.length && p + n > u && (d.push({
 			items: f,
 			width: p
@@ -864,7 +864,7 @@ function nt(e, t) {
 	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(A("rect", {
+			d.push(j("rect", {
 				x: n,
 				y: i - c.markerSize / 2,
 				width: c.markerSize,
@@ -887,32 +887,32 @@ function rt(e, t) {
 function it(e, t) {
 	let { config: n } = e;
 	if (!I(n, "line.area.useGradient", !1)) return "";
-	let r = k(I(n, "line.area.opacity", 30), 30), i = t.filter((e) => e.type === "line" && e.useArea).map((t, n) => L("linearGradient", {
+	let r = A(I(n, "line.area.opacity", 30), 30), i = t.filter((e) => e.type === "line" && e.useArea).map((t, n) => L("linearGradient", {
 		id: rt(e, n),
 		x1: "0%",
 		x2: "0%",
 		y1: "0%",
 		y2: "100%"
-	}, [A("stop", {
+	}, [j("stop", {
 		offset: "0%",
-		"stop-color": c(f(g(t.color), .03), r),
+		"stop-color": l(d(v(t.color), .03), r),
 		"stop-opacity": 1
-	}), A("stop", {
+	}), j("stop", {
 		offset: "100%",
 		"stop-color": t.color,
 		"stop-opacity": 0
 	})].join(""))).join("");
 	return i ? L("defs", {}, i) : "";
 }
-function at(t, i) {
-	let { config: a } = t, o = !!I(a, "line.cutNullValues", !1), c = [];
-	return i.filter((e) => e.type === "line" && e.useArea).forEach((i, a) => {
-		let l = M(i.plots), u = l.filter((e) => e && e.value !== null);
-		if (u.length < 2) return;
-		let d = Number.isFinite(Number(i.__zeroY)) ? Number(i.__zeroY) : U(t), f = we(t, i, a);
-		if (i.smooth && !i.useStepper) {
-			e(o ? l : u, d, o).forEach((e) => {
-				e && c.push(A("path", {
+function at(e, n) {
+	let { config: r } = e, o = !!I(r, "line.cutNullValues", !1), s = [];
+	return n.filter((e) => e.type === "line" && e.useArea).forEach((n, r) => {
+		let c = N(n.plots), l = c.filter((e) => e && e.value !== null);
+		if (l.length < 2) return;
+		let d = Number.isFinite(Number(n.__zeroY)) ? Number(n.__zeroY) : U(e), f = we(e, n, r);
+		if (n.smooth && !n.useStepper) {
+			t(o ? c : l, d, o).forEach((e) => {
+				e && s.push(j("path", {
 					d: e,
 					fill: f,
 					"data-cy": "datapoint-line-area-smooth"
@@ -920,22 +920,22 @@ function at(t, i) {
 			});
 			return;
 		}
-		(i.useStepper ? s(o ? l : u, d) : o ? n(l, d) : r(u, d)).split(";").filter(Boolean).forEach((e) => {
-			c.push(A("path", {
+		(n.useStepper ? u(o ? c : l, d) : o ? i(c, d) : a(l, d)).split(";").filter(Boolean).forEach((e) => {
+			s.push(j("path", {
 				d: `M${e}Z`,
 				fill: f,
 				"data-cy": "datapoint-line-area-straight"
 			}));
 		});
-	}), L("g", { "data-layer": "line-areas" }, c.join(""));
+	}), L("g", { "data-layer": "line-areas" }, s.join(""));
 }
 function ot(e, t) {
-	let n = k(t.slotStartIndex ?? t.startAbs, 0);
-	return M(e.dashIndices).map((e) => Number(e) - n).filter(Number.isFinite);
+	let n = A(t.slotStartIndex ?? t.startAbs, 0);
+	return N(e.dashIndices).map((e) => Number(e) - n).filter(Number.isFinite);
 }
 function st(e, t, n, r, i) {
-	let { config: a } = e, o = k(t.strokeWidth || I(a, "line.strokeWidth", 2), 2);
-	return A("path", {
+	let { config: a } = e, o = A(t.strokeWidth || I(a, "line.strokeWidth", 2), 2);
+	return j("path", {
 		d: `M${r}`,
 		fill: "none",
 		stroke: xe(e, t, n),
@@ -945,20 +945,20 @@ function st(e, t, n, r, i) {
 		"stroke-dasharray": i ? o * 2 : 0
 	});
 }
-function ct(e, n) {
-	let { config: r } = e, i = n.filter((e) => e.type === "line"), a = !!I(r, "line.cutNullValues", !1), o = [];
-	return i.forEach((n, i) => {
-		let c = a ? M(n.plots) : M(n.plots).filter((e) => e.value !== null), f = c.filter((e) => e.value !== null);
-		if (!(f.length < 2)) {
-			if (M(n.dashIndices).length > 0 && !n.useStepper) {
-				let a = ot(n, e);
-				(n.smooth || I(r, "line.smooth", !1) ? u(c, a) : t(c, a)).forEach((t) => {
-					t?.path && o.push(st(e, n, i, t.path, !!t.dashed));
+function ct(e, t) {
+	let { config: n } = e, i = t.filter((e) => e.type === "line"), a = !!I(n, "line.cutNullValues", !1), o = [];
+	return i.forEach((t, i) => {
+		let s = a ? N(t.plots) : N(t.plots).filter((e) => e.value !== null), c = s.filter((e) => e.value !== null);
+		if (!(c.length < 2)) {
+			if (N(t.dashIndices).length > 0 && !t.useStepper) {
+				let a = ot(t, e);
+				(t.smooth || I(n, "line.smooth", !1) ? p(s, a) : r(s, a)).forEach((n) => {
+					n?.path && o.push(st(e, t, i, n.path, !!n.dashed));
 				});
 				return;
 			}
-			(n.useStepper ? s(c).split(";").filter(Boolean) : [n.smooth || I(r, "line.smooth", !1) ? a ? l(c) : ee(f) : a ? E(c) : d(f, !1, !0)]).forEach((t) => {
-				t && o.push(st(e, n, i, t, !!n.dashed));
+			(t.useStepper ? u(s).split(";").filter(Boolean) : [t.smooth || I(n, "line.smooth", !1) ? a ? f(s) : ee(c) : a ? E(s) : m(c, !1, !0)]).forEach((n) => {
+				n && o.push(st(e, t, i, n, !!t.dashed));
 			});
 		}
 	}), L("g", { "data-layer": "lines" }, o.join(""));
@@ -971,14 +971,14 @@ function $(e, t) {
 	let n = I(e.config, "bar.border", {});
 	return {
 		stroke: n.useSerieColor ? t.color : n.stroke,
-		"stroke-width": k(n.strokeWidth, 0)
+		"stroke-width": A(n.strokeWidth, 0)
 	};
 }
 function ut(e, t) {
 	let { config: n } = e, r = t.filter((e) => e.type === "plot"), i = I(n, "plot.radius", 4), a = I(n, "plot.dot.strokeWidth", 2), o = I(n, "chart.backgroundColor", "#FFFFFF"), s = [];
 	return r.forEach((t, r) => {
 		t.plots.forEach((c, l) => {
-			F(c.value) && s.push(N({
+			F(c.value) && s.push(P({
 				dataCy: `xy-plot-${r}-${l}`,
 				shape: t.shape,
 				plot: c,
@@ -1006,15 +1006,15 @@ function ft(e, t, n) {
 function pt(e, t, n, r, i) {
 	let { config: a } = e;
 	if (!n || !dt(n.value)) return !1;
-	if (!(i > k(I(a, "line.dot.hideAboveMaxSerieLength", Infinity), Infinity))) return !0;
+	if (!(i > A(I(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 || ft(t.plots, r, a);
 }
 function mt(e, t) {
-	let { config: n } = e, r = t.filter((e) => e.type === "line"), i = Math.max(0, ...r.map((e) => M(e.plots).length)), a = I(n, "line.radius", 4), o = I(n, "line.dot.strokeWidth", 2), s = I(n, "chart.backgroundColor", "#FFFFFF"), c = [];
+	let { config: n } = e, r = t.filter((e) => e.type === "line"), i = Math.max(0, ...r.map((e) => N(e.plots).length)), a = I(n, "line.radius", 4), o = I(n, "line.dot.strokeWidth", 2), s = I(n, "chart.backgroundColor", "#FFFFFF"), c = [];
 	return r.forEach((t, r) => {
 		t.plots.forEach((l, u) => {
-			pt(e, t, l, u, i) && c.push(N({
+			pt(e, t, l, u, i) && c.push(P({
 				dataCy: "datapoint-line-plot",
 				shape: t.shape,
 				plot: l,
@@ -1029,18 +1029,18 @@ function mt(e, t) {
 function ht(e, t) {
 	let { config: n } = e;
 	if (Y(n)) return "";
-	let r = I(n, "line.interLine", {}), i = M(r.pairs), a = M(r.colors);
+	let r = I(n, "line.interLine", {}), i = N(r.pairs), a = N(r.colors);
 	if (!i.length) return "";
-	let o = t.filter((e) => e.type === "line"), s = k(r.fillOpacity, .2), c = !!I(n, "line.cutNullValues", !1), l = [];
+	let o = t.filter((e) => e.type === "line"), s = A(r.fillOpacity, .2), c = !!I(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;
-		_({
-			lineA: M(i.plots),
-			lineB: M(u.plots),
+		y({
+			lineA: N(i.plots),
+			lineB: N(u.plots),
 			smoothA: !!i.smooth,
 			smoothB: !!u.smooth,
 			colorLineA: d,
@@ -1048,7 +1048,7 @@ function ht(e, t) {
 			sampleStepPx: 2,
 			cutNullValues: c
 		}).forEach((e, i) => {
-			l.push(A("path", {
+			l.push(j("path", {
 				"data-cy": "interline-area",
 				d: e.d,
 				fill: e.color,
@@ -1063,13 +1063,13 @@ function ht(e, t) {
 function gt(e) {
 	let t = I(e, "chart.title", {}), n = I(t, "subtitle", {});
 	if (!t.show) return 0;
-	let r = k(t.fontSize, 20), i = n.text ? k(n.fontSize, 14) : 0, a = k(t.paddingTop, 12), o = k(t.paddingBottom, 6);
+	let r = A(t.fontSize, 20), i = n.text ? A(n.fontSize, 14) : 0, a = A(t.paddingTop, 12), o = A(t.paddingBottom, 6);
 	return a + r + (n.text ? i + 4 : 0) + o;
 }
 function _t(e) {
 	let { config: t, width: n } = e, r = I(t, "chart.title", {}), i = I(r, "subtitle", {});
 	if (!r.show || !r.text) return "";
-	let a = r.textAlign || "center", o = a === "left" ? k(r.paddingLeft, 12) : a === "right" ? n - k(r.paddingRight, 12) : n / 2, s = a === "left" ? "start" : a === "right" ? "end" : "middle", c = k(r.fontSize, 20), l = k(i.fontSize, 14), u = k(r.paddingTop, 12) + c, d = [R(r.text, {
+	let a = r.textAlign || "center", o = a === "left" ? A(r.paddingLeft, 12) : a === "right" ? n - A(r.paddingRight, 12) : n / 2, s = a === "left" ? "start" : a === "right" ? "end" : "middle", c = A(r.fontSize, 20), l = A(i.fontSize, 14), u = A(r.paddingTop, 12) + c, d = [R(r.text, {
 		"data-cy": "xy-div-title",
 		x: o,
 		y: u,
@@ -1095,13 +1095,13 @@ 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, o = k(I(i, `${r}.labels.fontSize`, I(i, "chart.labels.fontSize", 12)), 12), s = I(i, `${r}.labels.color`, I(i, "chart.color", "#2A2A2A")), c = w({
+	let { config: i } = e, a = A(I(i, `${r}.labels.fontSize`, I(i, "chart.labels.fontSize", 12)), 12), o = I(i, `${r}.labels.color`, I(i, "chart.color", "#2A2A2A")), c = w({
 		p: t.prefix || I(i, "chart.labels.prefix", ""),
 		v: n.value,
 		s: t.suffix || I(i, "chart.labels.suffix", ""),
 		r: I(i, `${r}.labels.rounding`, 0)
 	});
-	return a({
+	return s({
 		content: Z(e) && Number.isFinite(Number(n.x)) ? `x: ${w({
 			v: n.x,
 			r: I(i, "chart.grid.labels.xAxis.rounding", 0)
@@ -1109,28 +1109,28 @@ function bt(e, t, n, r) {
 			datapoint: n,
 			serie: t
 		}),
-		fontSize: o,
-		fill: s,
+		fontSize: a,
+		fill: o,
 		x: 0,
 		y: 0
 	});
 }
 function xt(e, t, n) {
 	let r = I(e.config, `${n}.labels.textAnchor`, null);
-	return r === null ? k(I(e.config, `${n}.labels.rotation`, 0), 0) === 0 ? "middle" : I(e.config, `${n}.labels.alwaysOnTop`, !1) || t.value >= 0 ? "start" : "end" : r;
+	return r === null ? A(I(e.config, `${n}.labels.rotation`, 0), 0) === 0 ? "middle" : I(e.config, `${n}.labels.alwaysOnTop`, !1) || t.value >= 0 ? "start" : "end" : r;
 }
 function St(e, t, n) {
-	let r = k(I(e.config, `${n}.labels.offsetX`, 0), 0), i = k(I(e.config, `${n}.labels.offsetY`, -12), -12), a = k(I(e.config, `${n}.labels.rotation`, 0), 0), o = !!I(e.config, `${n}.labels.alwaysOnTop`, !1);
+	let r = A(I(e.config, `${n}.labels.offsetX`, 0), 0), i = A(I(e.config, `${n}.labels.offsetY`, -12), -12), a = A(I(e.config, `${n}.labels.rotation`, 0), 0), o = !!I(e.config, `${n}.labels.alwaysOnTop`, !1);
 	return `translate(${t.x + r}, ${t.y + (o || t.value >= 0 ? i : -i * 3)}) rotate(${a})`;
 }
 function Ct(e, t, n) {
-	let r = k(I(e.config, "bar.labels.offsetX", 0), 0), i = k(I(e.config, "bar.labels.offsetY", -6), -6), a = k(I(e.config, "bar.labels.rotation", 0), 0), o = !!I(e.config, "bar.labels.alwaysOnTop", !1), s = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : U(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);
+	let r = A(I(e.config, "bar.labels.offsetX", 0), 0), i = A(I(e.config, "bar.labels.offsetY", -6), -6), a = A(I(e.config, "bar.labels.rotation", 0), 0), o = !!I(e.config, "bar.labels.alwaysOnTop", !1), s = Number.isFinite(Number(t.__zeroY)) ? Number(t.__zeroY) : U(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 wt(e, t) {
-	let { config: n } = e, r = k(I(n, "chart.labels.fontSize", 12), 12), i = I(n, "chart.backgroundColor", "#FFFFFF"), a = [];
+	let { config: n } = e, r = A(I(n, "chart.labels.fontSize", 12), 12), i = I(n, "chart.backgroundColor", "#FFFFFF"), a = [];
 	return t.forEach((t) => {
-		M(t.plots).forEach((o, s) => {
+		N(t.plots).forEach((o, s) => {
 			let c = t.type;
 			[
 				"line",
@@ -1149,11 +1149,11 @@ function wt(e, t) {
 	}), L("g", { "data-layer": "datapoint-labels" }, a.join(""));
 }
 function Tt(e) {
-	return k(e.slotStartIndex ?? e.startAbs, 0);
+	return A(e.slotStartIndex ?? e.startAbs, 0);
 }
 function Et(e, t) {
-	let n = Math.max(0, ...t.map((e) => M(e.plots).length));
-	return k(e.slotEndIndex ?? e.endAbs, n);
+	let n = Math.max(0, ...t.map((e) => N(e.plots).length));
+	return A(e.slotEndIndex ?? e.endAbs, n);
 }
 function Dt(e, t) {
 	let { drawingArea: n, config: r } = e;
@@ -1166,54 +1166,54 @@ function Ot(e, t, n) {
 function kt(e, t) {
 	return Dt(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 : k(s.width, c), u = Ot(e, r, a) - (s.width === "auto" ? 0 : l / 2 - c / 2), d = o.top + k(s.offsetY, 0);
+function At(t, n, r, i, a, o) {
+	let { drawingArea: s } = t, c = n.caption ?? {};
+	if (!c.text) return "";
+	let l = kt(t, o) * a, u = c.width === "auto" ? l : A(c.width, l), d = Ot(t, i, o) - (c.width === "auto" ? 0 : u / 2 - l / 2), f = s.top + A(c.offsetY, 0);
 	return L("foreignObject", {
-		"data-key": `highlight_area_caption_${n}`,
-		x: u,
-		y: d,
-		width: l,
+		"data-key": `highlight_area_caption_${r}`,
+		x: d,
+		y: f,
+		width: u,
 		height: 1,
 		overflow: "visible"
 	}, L("div", {
 		xmlns: "http://www.w3.org/1999/xhtml",
 		"data-cy": "highlight-area-caption",
 		style: [
-			`padding:${k(s.padding, 0)}px`,
-			`text-align:${s.textAlign || "center"}`,
-			`font-size:${k(s.fontSize, 12)}px`,
-			`color:${s.color || "#2A2A2A"}`,
-			`font-weight:${s.bold ? "bold" : "normal"}`
+			`padding:${A(c.padding, 0)}px`,
+			`text-align:${c.textAlign || "center"}`,
+			`font-size:${A(c.fontSize, 12)}px`,
+			`color:${c.color || "#2A2A2A"}`,
+			`font-weight:${c.bold ? "bold" : "normal"}`
 		].join(";")
-	}, v(s.text)));
+	}, e(c.text)));
 }
 function jt(e, t) {
-	let { config: n, drawingArea: r } = e, i = M(I(n, "chart.highlightArea", []));
+	let { config: n, drawingArea: r } = e, i = N(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), l = [];
+	let a = Math.max(1, ...t.map((e) => N(e.plots).length)), o = Tt(e), s = Et(e, t), c = [];
 	return i.forEach((t, n) => {
 		if (!t?.show) return;
-		let i = k(t.from, 0), u = Math.min(k(t.to, i), a - 1);
+		let i = A(t.from, 0), u = Math.min(A(t.to, i), a - 1);
 		if (u < i) return;
 		for (let d = i; d <= u; d += 1) {
 			if (d < o || d > s - 1) continue;
 			let i = d - o;
-			l.push(A("rect", {
+			c.push(j("rect", {
 				"data-cy": "highlight-area",
 				"data-key": `highlight_area_${n}_${d}`,
 				x: Ot(e, i, a),
 				y: r.top,
 				width: kt(e, a),
 				height: Math.max(1, r.height),
-				fill: c(t.color, k(t.opacity, 20)),
+				fill: l(t.color, A(t.opacity, 20)),
 				"pointer-events": "none"
 			}));
 		}
 		let d = Math.max(i, o);
-		d <= Math.min(u, s - 1) && l.push(At(e, t, n, d - o, u - i + 1, a));
-	}), l.length ? L("g", { "data-layer": "highlight-areas" }, l.join("")) : "";
+		d <= Math.min(u, s - 1) && c.push(At(e, t, n, d - o, u - i + 1, a));
+	}), c.length ? L("g", { "data-layer": "highlight-areas" }, c.join("")) : "";
 }
 function Mt(e, t) {
 	if (t == null) return null;
@@ -1221,15 +1221,15 @@ function Mt(e, t) {
 	return i - (Number(t) - 0) / a * n.height;
 }
 function Nt(e) {
-	return j(e.text, k(e.fontSize, 12));
+	return M(e.text, A(e.fontSize, 12));
 }
 function Pt(e, t, n) {
-	let r = k(e.fontSize, 12), i = e.padding ?? {}, a = e.border ?? {}, o = Nt(e), s = r, c;
-	return c = e.textAnchor === "middle" ? t - o / 2 - k(i.left, 0) : e.textAnchor === "end" ? t - o - k(i.right, 0) : t - k(i.left, 0), {
+	let r = A(e.fontSize, 12), i = e.padding ?? {}, a = e.border ?? {}, o = Nt(e), s = r, c;
+	return c = e.textAnchor === "middle" ? t - o / 2 - A(i.left, 0) : e.textAnchor === "end" ? t - o - A(i.right, 0) : t - A(i.left, 0), {
 		x: c,
-		y: n - s * .75 - k(i.top, 0),
-		width: o + k(i.left, 0) + k(i.right, 0),
-		height: s + k(i.top, 0) + k(i.bottom, 0),
+		y: n - s * .75 - A(i.top, 0),
+		width: o + A(i.left, 0) + A(i.right, 0),
+		height: s + A(i.top, 0) + A(i.bottom, 0),
 		fill: e.backgroundColor,
 		stroke: a.stroke,
 		rx: a.rx,
@@ -1240,14 +1240,14 @@ function Pt(e, t, n) {
 function Ft(e) {
 	let { config: t, drawingArea: n } = 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));
+	let r = N(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 ?? {}, l = a.area ?? {}, u = a.yTop, d = a.yBottom, f = u != null && d != null && u !== d, p = Mt(e, u), m = Mt(e, d), h = Number.isFinite(p), g = Number.isFinite(m);
+		let a = t.yAxis ?? {}, o = a.label ?? {}, s = a.line ?? {}, c = a.area ?? {}, u = a.yTop, d = a.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", {
+		if (h && _.push(j("line", {
 			x1: n.left,
 			y1: p,
 			x2: n.right,
@@ -1257,7 +1257,7 @@ function Ft(e) {
 			"stroke-dasharray": s.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-top-line"
-		})), g && _.push(A("line", {
+		})), g && _.push(j("line", {
 			x1: n.left,
 			y1: m,
 			x2: n.right,
@@ -1267,17 +1267,17 @@ function Ft(e) {
 			"stroke-dasharray": s.strokeDasharray,
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-bottom-line"
-		})), f && h && g && _.push(A("rect", {
+		})), f && h && g && _.push(j("rect", {
 			x: n.left,
 			y: Math.min(p, m),
 			width: n.width,
 			height: Math.abs(p - m),
-			fill: c(l.fill, k(l.opacity, 20)),
+			fill: l(c.fill, A(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 = Pt(o, r, i);
-			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(A("rect", {
+			let e = o.padding ?? {}, t = h && g ? Math.min(p, m) : h ? p : m, r = (o.position === "start" ? n.left + A(e.left, 0) : n.right - A(e.right, 0)) + A(o.offsetX, 0), i = t - A(o.fontSize, 12) / 3 + A(o.offsetY, 0) - A(e.top, 0), a = Pt(o, r, i);
+			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(j("rect", {
 				class: "vue-ui-xy-annotation-label-box",
 				...a,
 				"data-cy": "xy-annotation-label-box"
@@ -1307,12 +1307,12 @@ function It(e, t) {
 		config: e.config,
 		series: t.map((e) => ({
 			...e,
-			plots: M(e.plots).map((e) => ({ ...e }))
+			plots: N(e.plots).map((e) => ({ ...e }))
 		}))
 	}) ?? "" : n ?? "";
 }
 async function Lt(e) {
-	let t = e.config, n = k(e.width, t.chart.width ?? 1e3), r = k(e.height, t.chart.height ?? 600), i = _e({
+	let t = e.config, n = A(e.width, t.chart.width ?? 1e3), r = A(e.height, t.chart.height ?? 600), i = _e({
 		...e,
 		config: t,
 		width: n,
@@ -1331,7 +1331,7 @@ async function Lt(e) {
     viewBox="0 0 ${n} ${r}"
     role="img"
 >
-    ${P()}
+    ${ne()}
     ${vt(a)}
     ${it(a, o)}
     ${Te(a, o)}