vue-data-ui 3.23.10 → 3.23.11

package/dist/{vue-ui-xy-DmJDCl3c.js → vue-ui-xy-ua_mFu_a.js}

@@ -1,40 +1,40 @@
-import { A as e, B as t, Bt as n, G as r, H as i, I as a, Jt as o, Kt as s, L as c, N as l, P as u, Pt as d, S as f, U as p, V as m, Vt as h, X as g, _, c as v, i as y, k as b, l as x, nt as S, o as ee, q as C, t as w, v as te, vt as T, zt as E } from "./lib-AT2PUyyh.js";
+import { A as e, B as t, G as n, H as r, Ht as i, I as a, It as o, Jt as s, L as c, N as l, P as u, S as d, U as f, Ut as p, V as m, Vt as h, X as g, Xt as _, _ as v, c as y, i as b, k as x, l as S, o as ee, q as C, rt as w, t as te, v as T, yt as E } from "./lib-Dqr_-I6Y.js";
 import { t as D } from "./useTimeLabels-d2f-W1L4.js";
 import { t as O } from "./useConfig-DwdGsXTx.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-CqcoYfCA.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-B0f5NTO9.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 = o({
+	let n = e ?? {}, r = _({
 		userConfig: n,
 		defaultConfig: z
 	});
-	T(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => o({
+	E(n, "chart.highlightArea") && (Array.isArray(n.chart.highlightArea) ? r.chart.highlightArea = n.chart.highlightArea.map((e) => _({
 		defaultConfig: z.chart.highlightArea,
 		userConfig: e
-	})) : r.chart.highlightArea = [o({
+	})) : r.chart.highlightArea = [_({
 		defaultConfig: z.chart.highlightArea,
 		userConfig: n.chart.highlightArea
-	})]), T(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => o({
+	})]), E(n, "chart.annotations") && Array.isArray(n.chart.annotations) && n.chart.annotations.length ? r.chart.annotations = n.chart.annotations.map((e) => _({
 		defaultConfig: z.chart.annotations[0],
 		userConfig: e
-	})) : r.chart.annotations = [], T(n, "chart.grid.position") && n.chart.grid.position === "start" && t.some((e) => e.type === "bar") && (r.chart.grid.position = "middle");
+	})) : r.chart.annotations = [], E(n, "chart.grid.position") && n.chart.grid.position === "start" && t.some((e) => e.type === "bar") && (r.chart.grid.position = "middle");
 	let i = r.theme;
 	if (!i) return {
 		...r,
-		customPalette: r.customPalette?.length ? r.customPalette : d
+		customPalette: r.customPalette?.length ? r.customPalette : o
 	};
-	let a = o({
+	let a = _({
 		userConfig: ne[i] || {},
 		defaultConfig: r
-	}), c = o({
+	}), c = _({
 		userConfig: n,
 		defaultConfig: a
 	});
 	return {
 		...c,
-		customPalette: c.customPalette?.length ? c.customPalette : s[i] || d
+		customPalette: c.customPalette?.length ? c.customPalette : s[i] || o
 	};
 }
 function B(e) {
@@ -54,47 +54,47 @@ 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), s = a === o ? a - 1 : a, c = a === o ? o + 1 : o, l = Number.isFinite(Number(t?.chart?.grid?.labels?.xAxis?.scaleSteps)) ? Number(t.chart.grid.labels.xAxis.scaleSteps) : 6;
-	return _(s, c, l);
+	return v(s, c, l);
 }
 function se({ xValue: e, xScale: t, drawingArea: n, config: r }) {
 	let i = (Number(e) - t.min) / (t.max - t.min || 1), a = r?.chart?.grid?.labels?.xAxis?.reverse ? 1 - i : i;
 	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: n = 1e3, height: r = 600, selectedXIndex: i, additionalSvgContent: a = "", 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: n - c.chart.padding.right,
+		bottom: r - 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 = Math.min(0, ...l), p = Math.max(1, ...l), m = _(u, p, 6), h = e.some((e) => Array.isArray(e.series) ? e.series.some(B) : !1), g = h ? oe({
+	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), f = Math.min(0, ...u), p = Math.max(1, ...u), m = v(f, p, 6), h = e.some((e) => Array.isArray(e.series) ? e.series.some(B) : !1), g = h ? oe({
 		dataset: e,
-		config: s
-	}) : null, v = Math.max(0, ...e.map((e) => e.series?.length || 0)), y = (e) => v <= 1 ? c.left + c.width / 2 : c.left + e / (v - 1) * c.width, b = (e, t) => h ? B(e) ? se({
+		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 ? B(e) ? se({
 		xValue: e.x,
 		xScale: g,
-		drawingArea: c,
-		config: s
+		drawingArea: l,
+		config: c
 	}) : null : y(t), x = (e) => {
 		let t = (Number(e) - m.min) / (m.max - m.min || 1);
-		return c.bottom - t * c.height;
-	}, S = Array.isArray(s.customPalette) ? s.customPalette : [], ee = S.length ? S : d;
+		return l.bottom - t * l.height;
+	}, S = Array.isArray(c.customPalette) ? c.customPalette : [], ee = S.length ? S : o;
 	return {
 		width: n,
 		height: r,
 		selectedXIndex: i,
 		dataset: e,
-		config: s,
-		drawingArea: c,
+		config: c,
+		drawingArea: l,
 		scale: m,
 		xScale: g,
 		isContinuous: h,
 		series: e.map((e, t) => {
-			let n = (e.color ? f(e.color) : "") || ee[t % ee.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? d(e.color) : "") || ee[t % ee.length], r = (e.series || []).map((e, t) => {
 				let n = e == null ? null : typeof e == "object" ? e.y ?? null : Number(e);
 				return {
 					x: b(e, t),
@@ -113,7 +113,7 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 			};
 		}),
 		additionalSvgContent: a,
-		svgTitle: o
+		svgTitle: s
 	};
 }
 //#endregion
@@ -206,9 +206,9 @@ function Ce(e, t, n) {
 	let { config: r } = e;
 	return I(r, "line.useGradient", !1) ? `url(#${ye(e, n)})` : I(r, "line.dot.useSerieColor", !0) ? t.color : I(r, "line.dot.fill", "#FFFFFF");
 }
-function we(e, t, r) {
-	let { config: i } = e;
-	return I(i, "line.area.useGradient", !1) ? `url(#${rt(e, r)})` : n(t.color, k(I(i, "line.area.opacity", 30), 30));
+function we(e, t, n) {
+	let { config: r } = e;
+	return I(r, "line.area.useGradient", !1) ? `url(#${rt(e, n)})` : i(t.color, k(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;
@@ -223,15 +223,15 @@ function Te(e, t) {
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": f(t.color)
+				"stop-color": d(t.color)
 			}),
 			A("stop", {
 				offset: "62%",
-				"stop-color": h(f(t.color), .02)
+				"stop-color": p(d(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": h(f(t.color), .05)
+				"stop-color": p(d(t.color), .05)
 			})
 		].join(""))), r.push(L("linearGradient", {
 			id: G(e, n, "neg"),
@@ -240,15 +240,15 @@ function Te(e, t) {
 		}, [
 			A("stop", {
 				offset: "0%",
-				"stop-color": h(f(t.color), .05)
+				"stop-color": p(d(t.color), .05)
 			}),
 			A("stop", {
 				offset: "38%",
-				"stop-color": h(f(t.color), .02)
+				"stop-color": p(d(t.color), .02)
 			}),
 			A("stop", {
 				offset: "100%",
-				"stop-color": f(t.color)
+				"stop-color": d(t.color)
 			})
 		].join("")));
 	}), t.filter((e) => e.type === "line").forEach((t, i) => {
@@ -261,16 +261,16 @@ function Te(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": h(f(t.color), .05)
+			"stop-color": p(d(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": f(t.color)
+			"stop-color": d(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", {
-			offset: E(n, t.temperatureColors.length),
-			"stop-color": f(e)
+			offset: h(n, t.temperatureColors.length),
+			"stop-color": d(e)
 		})).join("")));
 	}), t.filter((e) => e.type === "plot").forEach((t, i) => {
 		I(n, "plot.useGradient", !1) && r.push(L("radialGradient", {
@@ -282,10 +282,10 @@ function Te(e, t) {
 			fy: "50%"
 		}, [A("stop", {
 			offset: "0%",
-			"stop-color": h(f(t.color), .05)
+			"stop-color": p(d(t.color), .05)
 		}), A("stop", {
 			offset: "100%",
-			"stop-color": f(t.color)
+			"stop-color": d(t.color)
 		})].join("")));
 	}), r.length ? L("defs", { "data-layer": "gradients" }, r.join("")) : "";
 }
@@ -314,7 +314,7 @@ function De(e, t) {
 		s: I(t, "chart.labels.suffix", ""),
 		r: I(t, "chart.grid.labels.yAxis.rounding", 0)
 	});
-	return y(I(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
+	return b(I(t, "chart.grid.labels.yAxis.formatter", null), e, n, t);
 }
 function Y(e) {
 	return !!I(e, "chart.grid.labels.yAxis.stacked", !1);
@@ -323,7 +323,7 @@ function X(e) {
 	return e != null && Number.isFinite(Number(e));
 }
 function Oe(e, t, n, r) {
-	return I(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? _(t, n, r) : te(t, n, r);
+	return I(e, "chart.grid.labels.yAxis.useNiceScale", !0) ? v(t, n, r) : T(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);
@@ -714,7 +714,7 @@ function Ge(e, t, n) {
 		s: I(r, "chart.labels.suffix", ""),
 		r: I(r, "chart.grid.labels.xAxis.rounding", 0)
 	});
-	return y(I(r, "chart.grid.labels.xAxis.formatter", null), t, i, {
+	return b(I(r, "chart.grid.labels.xAxis.formatter", null), t, i, {
 		datapoint: t,
 		seriesIndex: null
 	});
@@ -752,7 +752,7 @@ async function Je(e, t) {
 		start: 0,
 		end: i
 	}), s = a.map((e) => e?.text ?? ""), c = o.map((e) => e?.text ?? ""), l = Math.min(k(r.modulo, 1), Math.max(1, new Set(s).size));
-	return v(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
+	return y(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
 }
 async function Ye(e, t) {
 	return Z(e) ? Ke(e) : await Je(e, t);
@@ -762,16 +762,16 @@ function Xe(e, t, n, r) {
 }
 function Ze(e) {
 	let t = e.userConfig ?? e.sourceConfig ?? e.props?.config ?? {};
-	return T(t, "chart.grid.labels.xAxisLabels.rotation") ? k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? k(I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
+	return E(t, "chart.grid.labels.xAxisLabels.rotation") ? k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0) : I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.enable", !1) ? k(I(e.config, "chart.grid.labels.xAxisLabels.autoRotate.angle", 0), 0) : k(I(e.config, "chart.grid.labels.xAxisLabels.rotation", 0), 0);
 }
 async function Qe(e, t) {
-	let { config: n, drawingArea: i } = e;
-	if (!t[0] || !I(n, "chart.grid.labels.xAxisLabels.show", !0)) return "";
-	I(n, "chart.grid.labels.xAxisLabels", {});
-	let a = k(I(n, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), o = I(n, "chart.grid.labels.xAxisLabels.color", I(n, "chart.grid.labels.color", "#2A2A2A")), s = Ze(e), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = s > 0 ? "start" : s < 0 ? "end" : "middle", d = l.map((t, n) => {
+	let { config: r, drawingArea: i } = e;
+	if (!t[0] || !I(r, "chart.grid.labels.xAxisLabels.show", !0)) return "";
+	I(r, "chart.grid.labels.xAxisLabels", {});
+	let a = k(I(r, "chart.grid.labels.xAxisLabels.fontSize", 12), 12), o = I(r, "chart.grid.labels.xAxisLabels.color", I(r, "chart.grid.labels.color", "#2A2A2A")), s = Ze(e), c = Math.max(1, t[0].plots.length), l = await Ye(e, t), u = s > 0 ? "start" : s < 0 ? "end" : "middle", d = l.map((t, r) => {
 		let l = typeof t == "string" ? t : t?.text;
 		if (!l) return "";
-		let d = `translate(${Xe(e, t, n, c)}, ${i.bottom + a * 1.5}), rotate(${s})`;
+		let d = `translate(${Xe(e, t, r, c)}, ${i.bottom + a * 1.5}), rotate(${s})`;
 		return String(l).includes("\n") ? L("text", {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
@@ -779,7 +779,7 @@ async function Qe(e, t) {
 			"font-size": a,
 			fill: o,
 			transform: d
-		}, r({
+		}, n({
 			content: String(l),
 			fontSize: a,
 			fill: o,
@@ -886,17 +886,17 @@ function rt(e, t) {
 	return `areaGradient_${t}_${W()}`;
 }
 function it(e, t) {
-	let { config: r } = e;
-	if (!I(r, "line.area.useGradient", !1)) return "";
-	let i = k(I(r, "line.area.opacity", 30), 30), a = t.filter((e) => e.type === "line" && e.useArea).map((t, r) => L("linearGradient", {
-		id: rt(e, r),
+	let { config: n } = e;
+	if (!I(n, "line.area.useGradient", !1)) return "";
+	let r = k(I(n, "line.area.opacity", 30), 30), a = 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", {
 		offset: "0%",
-		"stop-color": n(h(f(t.color), .03), i),
+		"stop-color": i(p(d(t.color), .03), r),
 		"stop-opacity": 1
 	}), A("stop", {
 		offset: "100%",
@@ -921,7 +921,7 @@ function at(n, r) {
 			});
 			return;
 		}
-		(r.useStepper ? t(a ? s : c, u) : a ? e(s, u) : b(c, u)).split(";").filter(Boolean).forEach((e) => {
+		(r.useStepper ? t(a ? s : c, u) : a ? e(s, u) : x(c, u)).split(";").filter(Boolean).forEach((e) => {
 			o.push(A("path", {
 				d: `M${e}Z`,
 				fill: d,
@@ -947,18 +947,18 @@ function st(e, t, n, r, i) {
 	});
 }
 function ct(e, n) {
-	let { config: r } = e, o = n.filter((e) => e.type === "line"), s = !!I(r, "line.cutNullValues", !1), l = [];
+	let { config: i } = e, o = n.filter((e) => e.type === "line"), s = !!I(i, "line.cutNullValues", !1), l = [];
 	return o.forEach((n, o) => {
-		let d = s ? M(n.plots) : M(n.plots).filter((e) => e.value !== null), f = d.filter((e) => e.value !== null);
-		if (!(f.length < 2)) {
+		let d = s ? M(n.plots) : M(n.plots).filter((e) => e.value !== null), p = d.filter((e) => e.value !== null);
+		if (!(p.length < 2)) {
 			if (M(n.dashIndices).length > 0 && !n.useStepper) {
 				let t = ot(n, e);
-				(n.smooth || I(r, "line.smooth", !1) ? c(d, t) : p(d, t)).forEach((t) => {
+				(n.smooth || I(i, "line.smooth", !1) ? c(d, t) : f(d, t)).forEach((t) => {
 					t?.path && l.push(st(e, n, o, t.path, !!t.dashed));
 				});
 				return;
 			}
-			(n.useStepper ? t(d).split(";").filter(Boolean) : [n.smooth || I(r, "line.smooth", !1) ? s ? a(d) : u(f) : s ? i(d) : m(f, !1, !0)]).forEach((t) => {
+			(n.useStepper ? t(d).split(";").filter(Boolean) : [n.smooth || I(i, "line.smooth", !1) ? s ? a(d) : u(p) : s ? r(d) : m(p, !1, !0)]).forEach((t) => {
 				t && l.push(st(e, n, o, t, !!n.dashed));
 			});
 		}
@@ -1039,7 +1039,7 @@ function ht(e, t) {
 		let i = o.find((e) => e.name === n), u = o.find((e) => e.name === r);
 		if (!i || !u) return;
 		let d = a?.[t]?.[0] ?? i.color, f = a?.[t]?.[1] ?? u.color;
-		x({
+		S({
 			lineA: M(i.plots),
 			lineB: M(u.plots),
 			smoothA: !!i.smooth,
@@ -1097,20 +1097,20 @@ function vt(e) {
 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, i) {
+function bt(e, t, r, i) {
 	let { config: a } = e, o = k(I(a, `${i}.labels.fontSize`, I(a, "chart.labels.fontSize", 12)), 12), s = I(a, `${i}.labels.color`, I(a, "chart.color", "#2A2A2A")), c = g({
 		p: t.prefix || I(a, "chart.labels.prefix", ""),
-		v: n.value,
+		v: r.value,
 		s: t.suffix || I(a, "chart.labels.suffix", ""),
 		r: I(a, `${i}.labels.rounding`, 0)
-	}), l = Z(e) && Number.isFinite(Number(n.x)) ? `x: ${g({
-		v: n.x,
+	}), l = Z(e) && Number.isFinite(Number(r.x)) ? `x: ${g({
+		v: r.x,
 		r: I(a, "chart.grid.labels.xAxis.rounding", 0)
-	})}\ny: ${c}` : y(I(a, `${i}.labels.formatter`, null), n.value, c, {
-		datapoint: n,
+	})}\ny: ${c}` : b(I(a, `${i}.labels.formatter`, null), r.value, c, {
+		datapoint: r,
 		serie: t
 	});
-	return r({
+	return n({
 		content: l,
 		fontSize: o,
 		fill: s,
@@ -1190,13 +1190,13 @@ function At(e, t, n, r, i, a) {
 			`color:${s.color || "#2A2A2A"}`,
 			`font-weight:${s.bold ? "bold" : "normal"}`
 		].join(";")
-	}, S(s.text)));
+	}, w(s.text)));
 }
 function jt(e, t) {
-	let { config: r, drawingArea: i } = e, a = M(I(r, "chart.highlightArea", []));
+	let { config: n, drawingArea: r } = e, a = M(I(n, "chart.highlightArea", []));
 	if (!a.length) return "";
 	let o = Math.max(1, ...t.map((e) => M(e.plots).length)), s = Tt(e), c = Et(e, t), l = [];
-	return a.forEach((t, r) => {
+	return a.forEach((t, n) => {
 		if (!t?.show) return;
 		let a = k(t.from, 0), u = Math.min(k(t.to, a), o - 1);
 		if (u < a) return;
@@ -1205,17 +1205,17 @@ function jt(e, t) {
 			let a = d - s;
 			l.push(A("rect", {
 				"data-cy": "highlight-area",
-				"data-key": `highlight_area_${r}_${d}`,
+				"data-key": `highlight_area_${n}_${d}`,
 				x: Ot(e, a, o),
-				y: i.top,
+				y: r.top,
 				width: kt(e, o),
-				height: Math.max(1, i.height),
-				fill: n(t.color, k(t.opacity, 20)),
+				height: Math.max(1, r.height),
+				fill: i(t.color, k(t.opacity, 20)),
 				"pointer-events": "none"
 			}));
 		}
 		let d = Math.max(a, s);
-		d <= Math.min(u, c - 1) && l.push(At(e, t, r, d - s, u - a + 1, o));
+		d <= Math.min(u, c - 1) && l.push(At(e, t, n, d - s, u - a + 1, o));
 	}), l.length ? L("g", { "data-layer": "highlight-areas" }, l.join("")) : "";
 }
 function Mt(e, t) {
@@ -1241,19 +1241,19 @@ function Pt(e, t, n) {
 	};
 }
 function Ft(e) {
-	let { config: t, drawingArea: r } = e;
+	let { config: t, drawingArea: n } = e;
 	if (Y(t)) return "";
-	let i = M(I(t, "chart.annotations", [])).filter((e) => e?.show && (e.yAxis?.yTop !== null || e.yAxis?.yBottom !== null) && (e.yAxis?.yTop !== void 0 || e.yAxis?.yBottom !== void 0));
-	if (!i.length) return "";
+	let r = M(I(t, "chart.annotations", [])).filter((e) => e?.show && (e.yAxis?.yTop !== null || e.yAxis?.yBottom !== null) && (e.yAxis?.yTop !== void 0 || e.yAxis?.yBottom !== void 0));
+	if (!r.length) return "";
 	let a = [];
-	return i.forEach((t, i) => {
+	return r.forEach((t, r) => {
 		let o = t.yAxis ?? {}, s = o.label ?? {}, c = o.line ?? {}, l = o.area ?? {}, u = o.yTop, d = o.yBottom, f = u != null && d != null && u !== d, p = Mt(e, u), m = Mt(e, d), h = Number.isFinite(p), g = Number.isFinite(m);
 		if (!h && !g) return;
 		let _ = [];
 		if (h && _.push(A("line", {
-			x1: r.left,
+			x1: n.left,
 			y1: p,
-			x2: r.right,
+			x2: n.right,
 			y2: p,
 			stroke: c.stroke,
 			"stroke-width": c.strokeWidth,
@@ -1261,9 +1261,9 @@ function Ft(e) {
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-top-line"
 		})), g && _.push(A("line", {
-			x1: r.left,
+			x1: n.left,
 			y1: m,
-			x2: r.right,
+			x2: n.right,
 			y2: m,
 			stroke: c.stroke,
 			"stroke-width": c.strokeWidth,
@@ -1271,22 +1271,22 @@ function Ft(e) {
 			"stroke-linecap": "round",
 			"data-cy": "xy-annotation-y-bottom-line"
 		})), f && h && g && _.push(A("rect", {
-			x: r.left,
+			x: n.left,
 			y: Math.min(p, m),
-			width: r.width,
+			width: n.width,
 			height: Math.abs(p - m),
-			fill: n(l.fill, k(l.opacity, 20)),
+			fill: i(l.fill, k(l.opacity, 20)),
 			"data-cy": "xy-annotation-y-area",
 			"pointer-events": "none"
 		})), s.text) {
-			let e = s.padding ?? {}, t = h && g ? Math.min(p, m) : h ? p : m, n = (s.position === "start" ? r.left + k(e.left, 0) : r.right - k(e.right, 0)) + k(s.offsetX, 0), i = t - k(s.fontSize, 12) / 3 + k(s.offsetY, 0) - k(e.top, 0), a = Pt(s, n, i);
+			let e = s.padding ?? {}, t = h && g ? Math.min(p, m) : h ? p : m, r = (s.position === "start" ? n.left + k(e.left, 0) : n.right - k(e.right, 0)) + k(s.offsetX, 0), i = t - k(s.fontSize, 12) / 3 + k(s.offsetY, 0) - k(e.top, 0), a = Pt(s, r, i);
 			Number.isFinite(a.y) && Number.isFinite(i) && (_.push(A("rect", {
 				class: "vue-ui-xy-annotation-label-box",
 				...a,
 				"data-cy": "xy-annotation-label-box"
 			})), _.push(R(s.text, {
 				class: "vue-ui-xy-annotation-label",
-				x: n,
+				x: r,
 				y: i,
 				"font-size": s.fontSize,
 				fill: s.color,
@@ -1296,7 +1296,7 @@ function Ft(e) {
 		}
 		a.push(L("g", {
 			"data-layer": "annotation",
-			"data-key": `annotation_y_${i}`
+			"data-key": `annotation_y_${r}`
 		}, _.join("")));
 	}), a.length ? L("g", { "data-layer": "annotations" }, a.join("")) : "";
 }
@@ -1329,7 +1329,7 @@ async function Lt(e) {
 	}, i), o = a.series;
 	return `
 <svg
-    xmlns="${w}"
+    xmlns="${te}"
     width="100%"
     viewBox="0 0 ${n} ${r}"
     role="img"

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "vue-data-ui",
     "private": false,
-    "version": "3.23.10",
+    "version": "3.23.11",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [

package/dist/exposedLib-vfRiIvq_.js

@@ -1,28 +0,0 @@
-import { Jt as e, Ot as t, S as n, Vt as r, Y as i, m as a, u as o } from "./lib-AT2PUyyh.js";
-//#region src/exposedLib.js
-function s(e, r) {
-	let i = n(e);
-	return t(i, r);
-}
-function c(e, t) {
-	let r = n(e);
-	return i(r, t);
-}
-function l(e, t) {
-	let i = n(e);
-	return r(i, t);
-}
-function u({ defaultConfig: t, userConfig: n }) {
-	return e({
-		defaultConfig: t,
-		userConfig: n
-	});
-}
-function d(e) {
-	return o(e);
-}
-function f(e) {
-	return a(e);
-}
-//#endregion
-export { u as a, f as i, c as n, l as o, s as r, d as t };