vue-data-ui 3.24.1 → 3.25.1

package/dist/{vue-ui-xy-DqSbxddV.js → vue-ui-xy-niVzr1Ph.js}

@@ -1,8 +1,8 @@
-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-DfMn_3jf.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 C, q as w, rt as ee, t as te, v as T, yt as E } from "./lib-BFvp-Am_.js";
 import { t as D } from "./useTimeLabels-d2f-W1L4.js";
-import { t as O } from "./useConfig-DcMi9POF.js";
+import { t as O } from "./useConfig-CyCVHo81.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-CSapi1Tq.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-CSztrfpo.js";
 //#region src/svg/vue-ui-xy/create.js
 var { vue_ui_xy: z } = O();
 function re({ config: e = {}, dataset: t = [] } = {}) {
@@ -82,7 +82,7 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 	}) : 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 : [], ee = S.length ? S : o;
+	}, S = Array.isArray(c.customPalette) ? c.customPalette : [], C = S.length ? S : o;
 	return {
 		width: n,
 		height: r,
@@ -94,7 +94,7 @@ function ce({ dataset: e = [], config: t = {}, width: n = 1e3, height: r = 600,
 		xScale: g,
 		isContinuous: h,
 		series: e.map((e, t) => {
-			let n = (e.color ? d(e.color) : "") || ee[t % ee.length], r = (e.series || []).map((e, t) => {
+			let n = (e.color ? d(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 ve = C();
+var ve = w();
 function W(e) {
 	return ve;
 }
@@ -361,21 +361,21 @@ function je(e, t) {
 		...e,
 		width: i,
 		height: a
-	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = I(n, "chart.grid.labels.axis.xLabel", ""), m = I(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, g = gt(n) + k(I(n, "chart.labels.fontSize", 12), 12) * 1.1, _ = k(I(n, "chart.padding.top", 12), 12), v = k(I(n, "chart.padding.right", 12), 12), y = k(I(n, "chart.padding.bottom", 12), 12), b = k(I(n, "chart.padding.left", 12), 12), x = k(I(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), S = k(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), C = s.left, w = s.right, te = i - C - w - 6 - b - v, T = {
+	}, t) : { height: 0 }, d = l && c === "top" ? u.height : 0, f = l && c !== "top" ? u.height : 0, p = I(n, "chart.grid.labels.axis.xLabel", ""), m = I(n, "chart.grid.labels.xAxisLabels.show", !0) ? o.xAxis * 2 : 0, h = (p ? o.yAxis * 1.5 : 0) + m + o.xAxis, g = gt(n) + k(I(n, "chart.labels.fontSize", 12), 12) * 1.1, _ = k(I(n, "chart.padding.top", 12), 12), v = k(I(n, "chart.padding.right", 12), 12), y = k(I(n, "chart.padding.bottom", 12), 12), b = k(I(n, "chart.padding.left", 12), 12), x = k(I(n, "chart.grid.labels.axis.xLabelOffsetY", 0), 0), S = k(I(n, "chart.grid.labels.yAxis.crosshairSize", 0), 0), w = s.left, ee = s.right, te = i - w - ee - 6 - b - v, T = {
 		top: _ + g + d,
-		right: C + (J(n) ? 0 : S) + b + te,
+		right: w + (J(n) ? 0 : S) + b + te,
 		bottom: a - h - y - x - f,
-		left: C + (J(n) ? 0 : S) + b,
+		left: w + (J(n) ? 0 : S) + b,
 		width: Math.max(1, te),
 		height: 1,
-		scaleLabelX: C,
-		rightScaleLabelX: w,
+		scaleLabelX: w,
+		rightScaleLabelX: ee,
 		scaleLabelsOffset: s.scaleLabelsOffset,
 		yAxisLabelWidth: s.yAxisLabelWidth,
 		individualOffsetX: 36
 	};
 	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(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 ? C(t) : t, O = Math.max(1, D.length), ne = E ? k(I(n, "chart.grid.labels.yAxis.gap", 12), 12) : 0, A = ne * Math.max(0, O - 1), j = Math.max(1, T.height - A), N = V(n), P = me(n, t), F = Math.max(1, ...t.map((e) => M(e.plots).length));
 	function L(t, n) {
 		if (Z(e)) {
 			let n = Number(t.rawX);
@@ -745,14 +745,24 @@ async function qe(e, t) {
 	});
 }
 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({
-		values: I(n, "chart.grid.labels.xAxisLabels.values", []),
-		maxDatapoints: i,
+	let { config: n } = e, r = I(n, "chart.grid.labels.xAxisLabels", {}), i = M(I(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 qe(e, t), f = c ? Math.max(a, i.length, u) : a, p = await D({
+		values: i,
+		maxDatapoints: f,
 		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 y(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, Math.max(1, l || 1), s, c, k(e.slotStartIndex ?? e.startAbs, 0), e.selectedXIndex ?? null, i);
+		end: f
+	}), m = Math.max(1, Math.floor(k(r.modulo, 1))), h = d.length, g = p.length || f, _ = c && g > 0 && (l > 0 || u < g), v = m;
+	if (_ && h > 0) {
+		let e = Math.max(1, Math.ceil(g / m));
+		v = Math.max(1, Math.round(h / e));
+	}
+	let b = d.map((e) => e?.text ?? ""), x = p.map((e) => e?.text ?? ""), S = y(!!r.showOnlyFirstAndLast, !!r.showOnlyAtModulo, v, b, x, l, e.selectedXIndex ?? null, h);
+	if (!r.showFirstAndLast || !r.showOnlyAtModulo || r.showOnlyFirstAndLast || !S.length) return S;
+	let C = S.length - 1;
+	return S.map((e, t) => t !== 0 && t !== C ? e : {
+		...e,
+		text: b[t] ?? ""
+	});
 }
 async function Ye(e, t) {
 	return Z(e) ? Ke(e) : await Je(e, t);
@@ -768,30 +778,39 @@ async function Qe(e, t) {
 	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, r, c)}, ${i.bottom + a * 1.5}), rotate(${s})`;
-		return String(l).includes("\n") ? L("text", {
+	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, l) => {
+		let d = typeof t == "string" ? t : t?.text;
+		if (!d) return "";
+		let f = `translate(${Xe(e, t, l, c)}, ${i.bottom + a * 1.5}), rotate(${s})`;
+		return String(d).includes("\n") ? L("text", {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
 			"text-anchor": u,
 			"font-size": a,
+			stroke: I(r, "chart.backgroundColor", "#FFFFFF"),
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"paint-order": "stroke fill",
 			fill: o,
-			transform: d
+			transform: f
 		}, n({
-			content: String(l),
+			content: String(d),
 			fontSize: a,
 			fill: o,
+			stroke: I(r, "chart.backgroundColor", "#FFFFFF"),
 			x: 0,
 			y: 0
-		})) : R(l, {
+		})) : R(d, {
 			class: "vue-data-ui-time-label",
 			"data-cy": "time-label",
 			"text-anchor": u,
 			"font-size": a,
+			stroke: I(r, "chart.backgroundColor", "#FFFFFF"),
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"paint-order": "stroke fill",
 			fill: o,
-			transform: d
+			transform: f
 		});
 	}).join("");
 	return L("g", { "data-layer": "x-axis-labels" }, d);
@@ -1190,7 +1209,7 @@ function At(e, t, n, r, i, a) {
 			`color:${s.color || "#2A2A2A"}`,
 			`font-weight:${s.bold ? "bold" : "normal"}`
 		].join(";")
-	}, w(s.text)));
+	}, ee(s.text)));
 }
 function jt(e, t) {
 	let { config: n, drawingArea: r } = e, a = M(I(n, "chart.highlightArea", []));

package/package.json

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