vue-data-ui 3.23.10 → 3.23.12

package/dist/{vue-ui-donut-DLN9uPOi.js → vue-ui-donut-Ci2MsJLu.js}

@@ -1,28 +1,28 @@
-import { Bt as e, Jt as t, K as n, Kt as r, Mt as i, Pt as a, S as o, Vt as s, X as c, b as l, f as u, h as d, i as f, j as p, kt as m, nt as h, p as g, q as _, t as v } from "./lib-AT2PUyyh.js";
+import { Ht as e, It as t, Jt as n, K as r, Pt as i, S as a, Ut as o, X as s, Xt as c, b as l, f as u, h as d, i as f, j as p, jt as m, p as h, q as g, rt as _, t as v } from "./lib-Dqr_-I6Y.js";
 import { t as y } from "./useConfig-DwdGsXTx.js";
 import { t as b } from "./vue_ui_donut-BDGqG07h.js";
-import { _ as x, a as S, c as C, d as w, g as T, i as E, l as D, n as O, o as k, p as A, r as j, s as ee, t as te, u as M, v as N } from "./render-common-CqcoYfCA.js";
+import { _ as x, a as S, c as C, d as w, g as T, i as E, l as D, n as O, o as k, p as A, r as j, s as ee, t as te, u as M, v as N } from "./render-common-D9TESN6N.js";
 //#region src/svg/vue-ui-donut/create.js
 var { vue_ui_donut: ne } = y();
 function re({ config: e = {} } = {}) {
-	let n = e ?? {}, i = t({
-		userConfig: n,
+	let r = e ?? {}, i = c({
+		userConfig: r,
 		defaultConfig: ne
-	}), o = i.theme;
-	if (!o) return {
+	}), a = i.theme;
+	if (!a) return {
 		...i,
-		customPalette: i.customPalette?.length ? i.customPalette : a
+		customPalette: i.customPalette?.length ? i.customPalette : t
 	};
-	let s = t({
-		userConfig: b[o] || {},
+	let o = c({
+		userConfig: b[a] || {},
 		defaultConfig: i
-	}), c = t({
-		userConfig: n,
-		defaultConfig: s
+	}), s = c({
+		userConfig: r,
+		defaultConfig: o
 	});
 	return {
-		...c,
-		customPalette: c.customPalette?.length ? c.customPalette : r[o] || a
+		...s,
+		customPalette: s.customPalette?.length ? s.customPalette : n[a] || t
 	};
 }
 function P(e, t = 0) {
@@ -38,27 +38,27 @@ function ie(e) {
 function ae(e, t) {
 	return String(e?.name ?? e?.label ?? `Serie ${t + 1}`);
 }
-function oe(e = [], t) {
-	let n = Array.isArray(t.customPalette) ? t.customPalette : a;
+function oe(e = [], n) {
+	let r = Array.isArray(n.customPalette) ? n.customPalette : t;
 	return (Array.isArray(e) ? e : []).map((e, t) => ({
 		source: e,
 		sourceIndex: t,
 		value: ie(e)
 	})).filter((e) => Number.isFinite(e.value)).sort((e, t) => e.source?.ghost && !t.source?.ghost ? 1 : t.source?.ghost && !e.source?.ghost ? -1 : t.value - e.value).map((e, t) => {
-		let r = e.source, i = e.value, a = (r?.color ? o(r.color) : "") || n[t % n.length];
+		let n = e.source, i = e.value, o = (n?.color ? a(n.color) : "") || r[t % r.length];
 		return {
-			...r,
-			id: r?.id ?? `donut_serie_${t}`,
-			name: ae(r, t),
+			...n,
+			id: n?.id ?? `donut_serie_${t}`,
+			name: ae(n, t),
 			value: i,
 			absoluteValue: Math.abs(i),
-			absoluteValues: Array.isArray(r?.values) ? r.values : [i],
-			color: a,
+			absoluteValues: Array.isArray(n?.values) ? n.values : [i],
+			color: o,
 			index: t,
 			sourceIndex: e.sourceIndex,
-			patternIndex: r?.patternIndex ?? t,
-			seriesIndex: r?.seriesIndex ?? t,
-			ghost: !!r?.ghost
+			patternIndex: n?.patternIndex ?? t,
+			seriesIndex: n?.seriesIndex ?? t,
+			ghost: !!n?.ghost
 		};
 	}).filter((e) => Number.isFinite(e.absoluteValue));
 }
@@ -117,7 +117,7 @@ function le({ dataset: e = [], config: t = {}, width: n = 512, height: r = 512,
 }
 //#endregion
 //#region src/svg/vue-ui-donut/render.js
-var ue = _();
+var ue = g();
 function I() {
 	return ue;
 }
@@ -271,9 +271,9 @@ function ve(e) {
 	})), M("g", { "data-layer": "title" }, d.join(""));
 }
 function ye(t, n) {
-	let { config: r } = t, i = [], a = !!S(r, "useGradient", !1), o = !!S(r, "layout.donut.useShadow", !1);
+	let { config: r } = t, i = [], a = !!S(r, "useGradient", !1), s = !!S(r, "layout.donut.useShadow", !1);
 	if (a) {
-		let a = E(r, "type", "classic"), o = x(S(r, "gradientIntensity", 30), 30);
+		let a = E(r, "type", "classic"), s = x(S(r, "gradientIntensity", 30), 30);
 		if (a === "classic" && Number.isFinite(t.thickness / t.radius)) {
 			let n = V(r) ? 1 : t.thickness / t.radius;
 			i.push(M("radialGradient", { id: H(t) }, [
@@ -289,7 +289,7 @@ function ye(t, n) {
 				}),
 				w("stop", {
 					offset: `${(1 - n / 2) * 100}%`,
-					"stop-color": e("#FFFFFF", o)
+					"stop-color": e("#FFFFFF", s)
 				}),
 				w("stop", {
 					offset: "100%",
@@ -307,15 +307,15 @@ function ye(t, n) {
 				r: "62%"
 			}, [w("stop", {
 				offset: "0%",
-				"stop-color": s(e.color, .05),
-				"stop-opacity": o / 100
+				"stop-color": o(e.color, .05),
+				"stop-opacity": s / 100
 			}), w("stop", {
 				offset: "100%",
 				"stop-color": e.color
 			})].join("")));
 		});
 	}
-	if (o) {
+	if (s) {
 		let e = k(S(r, "layout.donut.shadowColor", "#000000"), "#000000"), n = x(S(r, "layout.donut.shadowOpacity", .2), .2), a = x(S(r, "layout.donut.shadowBlur", 6), 6), o = x(S(r, "layout.donut.shadowOffsetY", 3), 3);
 		i.push(M("filter", {
 			id: W(t),
@@ -388,16 +388,16 @@ function Ce(e, t, n) {
 	}), M("g", { "data-layer": "polar-slices" }, a.join(""));
 }
 function q(e, t, n = "layout.labels.value.rounding") {
-	let { config: r } = e, i = S(r, "layout.labels", {}), a = i.dataLabels ?? {}, o = i.value ?? {}, s = c({
+	let { config: r } = e, i = S(r, "layout.labels", {}), a = i.dataLabels ?? {}, o = i.value ?? {}, c = s({
 		p: a.prefix ?? "",
 		v: t.value,
 		s: a.suffix ?? "",
 		r: x(S(r, n, o.rounding ?? 0), o.rounding ?? 0)
 	});
-	return f(o.formatter, t.value, s, { datapoint: t });
+	return f(o.formatter, t.value, c, { datapoint: t });
 }
 function J(e, t) {
-	let { config: n } = e, r = S(n, "layout.labels.percentage", {}), i = x(t.proportion, 0) * 100, a = c({
+	let { config: n } = e, r = S(n, "layout.labels.percentage", {}), i = x(t.proportion, 0) * 100, a = s({
 		v: i,
 		s: "%",
 		r: x(r.rounding, 0)
@@ -434,7 +434,7 @@ function Q(e) {
 	return !!S(e.config, "layout.curvedMarkers", S(e.config, "layout.donut.curvedMarkers", !1));
 }
 function Ee(e, t) {
-	let n = S(e.config, "layout.labels.dataLabels", {}), r = {}, i = e.center.x, a = e.center.y, o = x(n.smallArcClusterFontSize ?? n.fontSize, 10), s = o / 3, c = o * 1.5, d = e.drawingArea.top + 16, f = e.drawingArea.bottom - 16, p = i - (e.radius + 6), m = i + (e.radius + 6), h = Q(e);
+	let n = S(e.config, "layout.labels.dataLabels", {}), r = {}, i = e.center.x, a = e.center.y, o = x(n.smallArcClusterFontSize ?? n.fontSize, 10), s = o / 3, c = o * 1.5, d = e.drawingArea.top + 16, f = e.drawingArea.bottom - 16, p = i - (e.radius + 6), m = i + (e.radius + 6), g = Q(e);
 	function _(e) {
 		return {
 			x: l(e.center?.endX ?? e.endX),
@@ -442,15 +442,15 @@ function Ee(e, t) {
 		};
 	}
 	function v({ midX: e, midY: t, bandX: n, bandY: r }) {
-		if (!h) return `M ${e} ${t} L ${e} ${r} L ${n} ${r}`;
-		let o = n < i ? -1 : 1, s = n - e, c = r - t, l = Math.sqrt(s * s + c * c) || 1, u = e - i, d = t - a, f = Math.sqrt(u * u + d * d) || 1, p = u / f, m = d / f, g = f + 9;
+		if (!g) return `M ${e} ${t} L ${e} ${r} L ${n} ${r}`;
+		let o = n < i ? -1 : 1, s = n - e, c = r - t, l = Math.sqrt(s * s + c * c) || 1, u = e - i, d = t - a, f = Math.sqrt(u * u + d * d) || 1, p = u / f, m = d / f, h = f + 9;
 		function _({ x: e, y: t }) {
 			let n = e - i, r = t - a, o = Math.sqrt(n * n + r * r) || 1;
-			if (o >= g) return {
+			if (o >= h) return {
 				x: e,
 				y: t
 			};
-			let s = g / o;
+			let s = h / o;
 			return {
 				x: i + n * s,
 				y: a + r * s
@@ -472,7 +472,7 @@ function Ee(e, t) {
 		let b = _({
 			x: e + p * v,
 			y: t + m * v
-		}), x = i + o * Math.max(Math.abs(n - i), g), S = _({
+		}), x = i + o * Math.max(Math.abs(n - i), h), S = _({
 			x: n - o * Math.min(y, Math.abs(x - n) * .75),
 			y: r
 		});
@@ -490,7 +490,7 @@ function Ee(e, t) {
 			midX: n.x,
 			midY: n.y,
 			inlineMarkerX: u(e).x,
-			inlineMarkerY: g(e) - 3.5,
+			inlineMarkerY: h(e) - 3.5,
 			labelHeight: y(e.name)
 		};
 	}
@@ -573,26 +573,26 @@ function Ee(e, t) {
 	}), r;
 }
 function De({ state: e, arc: t, arcIndex: n, smallArcLayout: r, fontSize: i }) {
-	let a = S(e.config, "layout.labels", {}), o = a.percentage ?? {}, s = a.name ?? {}, c = r?.labelX ?? u(t, !0, 12).x, l = r?.labelY ?? g(t), d = r?.textAnchor ?? u(t, !0, 12).anchor, { name: f } = Y(e, t), p = we(e, t), m = String(f).split(/\n/g), _ = f ? m.map((t, n) => M("tspan", {
+	let a = S(e.config, "layout.labels", {}), o = a.percentage ?? {}, s = a.name ?? {}, c = r?.labelX ?? u(t, !0, 12).x, l = r?.labelY ?? h(t), d = r?.textAnchor ?? u(t, !0, 12).anchor, { name: f } = Y(e, t), p = we(e, t), m = String(f).split(/\n/g), g = f ? m.map((t, n) => M("tspan", {
 		class: "vue-data-ui-datalabel-name",
 		x: n === 0 ? void 0 : c,
 		dy: n === 0 ? void 0 : i * 1.2,
 		fill: k(s.color, j(e.config)),
 		"font-size": i,
 		"font-weight": s.bold ? "700" : "400"
-	}, h(t + (n === m.length - 1 ? " " : "")))).join("") : "", v = p ? M("tspan", {
+	}, _(t + (n === m.length - 1 ? " " : "")))).join("") : "", v = p ? M("tspan", {
 		class: "vue-data-ui-datalabel-value",
 		fill: k(o.color, j(e.config)),
 		"font-size": i,
 		"font-weight": o.bold ? "700" : "400"
-	}, h(p)) : "";
+	}, _(p)) : "";
 	return M("text", {
 		"data-cy": `donut-label-inline-${n}`,
 		class: "vue-data-ui-datalabel-inline",
 		x: c,
 		y: l,
 		"text-anchor": d
-	}, `${_}${v}`);
+	}, `${g}${v}`);
 }
 function Oe(e, t) {
 	let n = S(e.config, "layout.labels", {}), r = n.dataLabels ?? {};
@@ -619,7 +619,7 @@ function Oe(e, t) {
 			arcIndex: n,
 			smallArcLayout: {
 				labelX: u(t, !1, a + i / 2).x,
-				labelY: g(t, a, a),
+				labelY: h(t, a, a),
 				textAnchor: u(t).anchor
 			},
 			fontSize: i
@@ -644,22 +644,22 @@ function je(e, t, n, r) {
 		fill: k(a.color, j(e.config)),
 		"font-size": s,
 		"font-weight": a.bold ? "700" : "400"
-	}, h(String(X(e, t).replace(/\n/g, " / ")))), u = o.show ? String(t.name ?? "").split(/\n/g).map((t, r) => M("tspan", {
+	}, _(String(X(e, t).replace(/\n/g, " / ")))), u = o.show ? String(t.name ?? "").split(/\n/g).map((t, r) => M("tspan", {
 		class: "vue-data-ui-datalabel-name",
 		x: r === 0 ? void 0 : n,
 		dy: r === 0 ? void 0 : c * 1.2,
 		fill: k(o.color, j(e.config)),
 		"font-size": c,
 		"font-weight": o.bold ? "700" : "400"
-	}, h(t))).join("") : "";
+	}, _(t))).join("") : "";
 	return r === "end" ? `${u}${l}` : `${l}${u}`;
 }
-function Me(e, t, r) {
+function Me(e, t, n) {
 	let i = S(e.config, "layout.labels", {}), a = i.dataLabels ?? {}, o = i.value ?? {}, s = i.percentage ?? {}, c = i.name ?? {};
 	if (!E(e.config, "dataLabels.show", a.show ?? !0) || !a.show) return "";
 	let l = !!a.oneLine, u = x(o.fontSize, a.fontSize ?? 12), d = x(c.fontSize, a.fontSize ?? 12), f = [];
 	return t.forEach((t, i) => {
-		let a = r[i];
+		let a = n[i];
 		if (!a || !Z(e, t)) return;
 		let o = ke(e, a, 42), p = Ae(e, o);
 		if (l) {
@@ -696,8 +696,8 @@ function Me(e, t, r) {
 			"font-weight": c.bold ? "700" : "400",
 			"text-anchor": p,
 			fill: k(c.color, j(e.config))
-		}, n({
-			content: h(String(t.name ?? "")),
+		}, r({
+			content: _(String(t.name ?? "")),
 			fontSize: d,
 			fill: k(c.color, j(e.config)),
 			x: o.x
@@ -727,7 +727,7 @@ function Pe(e, t) {
 		})), i.push(w("circle", {
 			"data-cy": `donut-label-marker-${a}`,
 			cx: o?.markerX ?? u(t).x,
-			cy: o?.markerY ?? g(t) - 3.5,
+			cy: o?.markerY ?? h(t) - 3.5,
 			r: x(n.markerRadius, 3),
 			fill: t.color,
 			stroke: L(e.config),
@@ -778,7 +778,7 @@ function Ie(e, t, n) {
 	if (E(e.config, "type", "classic") !== "classic" || V(e.config) || !t) return "";
 	let r = S(e.config, "layout.labels.hollow", {}), i = r.total ?? {}, a = r.average ?? {}, o = [];
 	if (i.show) {
-		let n = x(i.fontSize, 14), r = !!a.show, s = e.center.y - (r ? n : 0) + x(i.offsetY, 0), l = i.value ?? {}, u = x(l.fontSize, n), d = f(l.formatter, t, c({
+		let n = x(i.fontSize, 14), r = !!a.show, c = e.center.y - (r ? n : 0) + x(i.offsetY, 0), l = i.value ?? {}, u = x(l.fontSize, n), d = f(l.formatter, t, s({
 			p: l.prefix ?? "",
 			v: t,
 			s: l.suffix ?? "",
@@ -787,7 +787,7 @@ function Ie(e, t, n) {
 		o.push($(i.text ?? "", {
 			"data-cy": "hollow-total-name",
 			x: e.center.x,
-			y: s,
+			y: c,
 			fill: k(i.color, j(e.config)),
 			"font-size": n,
 			"font-weight": i.bold ? "700" : "400"
@@ -801,7 +801,7 @@ function Ie(e, t, n) {
 		}));
 	}
 	if (a.show) {
-		let r = x(a.fontSize, 14), s = !!i.show, l = t / Math.max(1, n.length), u = a.value ?? {}, d = x(u.fontSize, r), p = f(u.formatter, l, c({
+		let r = x(a.fontSize, 14), c = !!i.show, l = t / Math.max(1, n.length), u = a.value ?? {}, d = x(u.fontSize, r), p = f(u.formatter, l, s({
 			p: u.prefix ?? "",
 			v: l,
 			s: u.suffix ?? "",
@@ -810,14 +810,14 @@ function Ie(e, t, n) {
 		o.push($(a.text ?? "", {
 			"data-cy": "hollow-average-name",
 			x: e.center.x,
-			y: e.center.y + (s ? r : 0) + x(a.offsetY, 0),
+			y: e.center.y + (c ? r : 0) + x(a.offsetY, 0),
 			fill: k(a.color, j(e.config)),
 			"font-size": r,
 			"font-weight": a.bold ? "700" : "400"
 		})), o.push($(p, {
 			"data-cy": "hollow-average-value",
 			x: e.center.x,
-			y: e.center.y + (s ? r : 0) + r + x(u.offsetY, 0),
+			y: e.center.y + (c ? r : 0) + r + x(u.offsetY, 0),
 			fill: k(u.color, k(a.color, j(e.config))),
 			"font-size": d,
 			"font-weight": u.bold ? "700" : "400"
@@ -831,7 +831,7 @@ function Ie(e, t, n) {
 function Le(e, t) {
 	let { config: n, center: r } = e, i = S(n, "layout.donut.labels.total", S(n, "layout.labels.total", {}));
 	if (!i.show || !Number.isFinite(t) || t <= 0) return "";
-	let a = S(n, "layout.labels.dataLabels", {}), o = x(i.fontSize, 20), s = k(i.color, j(n)), l = f(i.formatter, t, c({
+	let a = S(n, "layout.labels.dataLabels", {}), o = x(i.fontSize, 20), c = k(i.color, j(n)), l = f(i.formatter, t, s({
 		p: a.prefix ?? "",
 		v: t,
 		s: a.suffix ?? "",
@@ -844,7 +844,7 @@ function Le(e, t) {
 		"font-size": o,
 		"font-weight": i.bold ? "700" : "400",
 		"text-anchor": "middle",
-		fill: s
+		fill: c
 	});
 }
 function Re(e, t) {
@@ -852,7 +852,7 @@ function Re(e, t) {
 	return n ? x(t.value, 0) / n * 100 : 0;
 }
 function ze(e, t) {
-	let n = S(e.config, "legend", {}), r = S(e.config, "layout.labels", {}), i = r.dataLabels ?? {}, a = r.value ?? {}, o = c({
+	let n = S(e.config, "legend", {}), r = S(e.config, "layout.labels", {}), i = r.dataLabels ?? {}, a = r.value ?? {}, o = s({
 		p: i.prefix ?? "",
 		v: t.value,
 		s: i.suffix ?? "",
@@ -864,7 +864,7 @@ function ze(e, t) {
 	});
 }
 function Be(e, t) {
-	let n = S(e.config, "legend", {}), r = S(e.config, "layout.labels", {}).percentage ?? {}, i = Re(e, t), a = c({
+	let n = S(e.config, "legend", {}), r = S(e.config, "layout.labels", {}).percentage ?? {}, i = Re(e, t), a = s({
 		v: i,
 		s: "%",
 		r: x(n.roundingPercentage, r.rounding ?? 0)
@@ -931,7 +931,7 @@ function We(e, t) {
 }
 function Ge(e, t, n) {
 	let r = `${E(e.config, "title.text", "Donut chart") || e.svgTitle || "Donut chart"}. ${t.length} series. Total ${l(n)}.`;
-	return M("title", {}, h(r));
+	return M("title", {}, _(r));
 }
 async function Ke(e) {
 	let t = e.config, n = x(e.width, S(t, "width", 512)), r = x(e.height, S(t, "height", 512)), i = R(e), a = z(i), o = me({