vue-data-ui 3.22.9 → 3.22.10

package/dist/{vue-ui-donut-BWDeVzLc.js → vue-ui-donut-DtQCrMKL.js}

@@ -1,28 +1,28 @@
-import { At as e, Dt as t, G as n, J as r, Kt as i, Mt as a, Rt as o, W as s, Wt as c, b as l, d as u, et as d, i as f, k as p, p as m, t as h, u as g, v as _, zt as v } from "./lib-JqW18y5I.js";
+import { A as e, Bt as t, G as n, Gt as r, K as i, Nt as a, Ot as o, Y as s, d as c, f as l, i as u, jt as d, m as f, qt as p, t as m, tt as h, x as g, y as _, zt as v } from "./lib-CnHx5WfV.js";
 import { t as y } from "./useConfig-DYM3f6EI.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-D18VrP0h.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-DJXFRGhU.js";
 //#region src/svg/vue-ui-donut/create.js
 var { vue_ui_donut: ne } = y();
 function re({ config: e = {} } = {}) {
-	let t = e ?? {}, n = i({
+	let t = e ?? {}, n = p({
 		userConfig: t,
 		defaultConfig: ne
-	}), r = n.theme;
-	if (!r) return {
+	}), i = n.theme;
+	if (!i) return {
 		...n,
 		customPalette: n.customPalette?.length ? n.customPalette : a
 	};
-	let o = i({
+	let o = p({
 		userConfig: t,
-		defaultConfig: i({
-			userConfig: b[r] || {},
+		defaultConfig: p({
+			userConfig: b[i] || {},
 			defaultConfig: n
 		})
 	});
 	return {
 		...o,
-		customPalette: o.customPalette?.length ? o.customPalette : c[r] || a
+		customPalette: o.customPalette?.length ? o.customPalette : r[i] || a
 	};
 }
 function P(e, t = 0) {
@@ -45,7 +45,7 @@ function oe(e = [], t) {
 		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 ? l(r.color) : "") || n[t % n.length];
+		let r = e.source, i = e.value, a = (r?.color ? g(r.color) : "") || n[t % n.length];
 		return {
 			...r,
 			id: r?.id ?? `donut_serie_${t}`,
@@ -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 = n();
+var ue = i();
 function I() {
 	return ue;
 }
@@ -209,24 +209,24 @@ function me(e, t) {
 		innerRadius: V(n) ? 0 : Math.max(0, T - A)
 	};
 }
-function he(e, n) {
-	let r = x(S(e.config, "layout.donut.rotation", 105.25), 105.25);
-	return t({ series: n }, e.center.x, e.center.y, e.radius, e.radius, 1.99999, 2, 1, 360, r, V(e.config) ? e.radius : e.thickness).map((e, t) => ({
+function he(e, t) {
+	let n = x(S(e.config, "layout.donut.rotation", 105.25), 105.25);
+	return o({ series: t }, e.center.x, e.center.y, e.radius, e.radius, 1.99999, 2, 1, 360, n, V(e.config) ? e.radius : e.thickness).map((e, n) => ({
 		...e,
-		index: t,
-		color: k(e.color, n[t]?.color),
+		index: n,
+		color: k(e.color, t[n]?.color),
 		value: x(e.value, 0),
-		name: String(e.name ?? n[t]?.name ?? `Serie ${t + 1}`),
-		patternIndex: e.patternIndex ?? n[t]?.patternIndex ?? t,
-		seriesIndex: e.seriesIndex ?? n[t]?.seriesIndex ?? t
+		name: String(e.name ?? t[n]?.name ?? `Serie ${n + 1}`),
+		patternIndex: e.patternIndex ?? t[n]?.patternIndex ?? n,
+		seriesIndex: e.seriesIndex ?? t[n]?.seriesIndex ?? n
 	}));
 }
-function ge(e, t) {
-	let n = Math.max(1, ...t.map((e) => Math.abs(x(e.value, 0))));
-	return p({
-		series: t.map((e) => Math.abs(x(e.value, 0)) / n),
-		center: e.center,
-		maxRadius: Math.min(e.drawingArea.width, e.drawingArea.height) / 3,
+function ge(t, n) {
+	let r = Math.max(1, ...n.map((e) => Math.abs(x(e.value, 0))));
+	return e({
+		series: n.map((e) => Math.abs(x(e.value, 0)) / r),
+		center: t.center,
+		maxRadius: Math.min(t.drawingArea.width, t.drawingArea.height) / 3,
 		hasGhost: !1
 	});
 }
@@ -270,54 +270,54 @@ function ve(e) {
 		fill: k(i.color || r.color, j(t))
 	})), M("g", { "data-layer": "title" }, d.join(""));
 }
-function ye(e, t) {
-	let { config: n } = e, r = [], i = !!S(n, "useGradient", !1), a = !!S(n, "layout.donut.useShadow", !1);
-	if (i) {
-		let i = E(n, "type", "classic"), a = x(S(n, "gradientIntensity", 30), 30);
-		if (i === "classic" && Number.isFinite(e.thickness / e.radius)) {
-			let t = V(n) ? 1 : e.thickness / e.radius;
-			r.push(M("radialGradient", { id: H(e) }, [
+function ye(e, n) {
+	let { config: r } = e, i = [], a = !!S(r, "useGradient", !1), o = !!S(r, "layout.donut.useShadow", !1);
+	if (a) {
+		let a = E(r, "type", "classic"), o = x(S(r, "gradientIntensity", 30), 30);
+		if (a === "classic" && Number.isFinite(e.thickness / e.radius)) {
+			let t = V(r) ? 1 : e.thickness / e.radius;
+			i.push(M("radialGradient", { id: H(e) }, [
 				w("stop", {
 					offset: "0%",
-					"stop-color": o(L(n), 0),
+					"stop-color": v(L(r), 0),
 					"stop-opacity": 0
 				}),
 				w("stop", {
 					offset: `${(1 - t) * 100}%`,
-					"stop-color": o("#FFFFFF", 0),
+					"stop-color": v("#FFFFFF", 0),
 					"stop-opacity": 0
 				}),
 				w("stop", {
 					offset: `${(1 - t / 2) * 100}%`,
-					"stop-color": o("#FFFFFF", a)
+					"stop-color": v("#FFFFFF", o)
 				}),
 				w("stop", {
 					offset: "100%",
-					"stop-color": o(L(n), 0),
+					"stop-color": v(L(r), 0),
 					"stop-opacity": 0
 				})
 			].join("")));
 		}
-		i === "polar" && t.forEach((t, n) => {
-			let i = e.polarAreas?.[n];
-			i?.middlePoint && r.push(M("radialGradient", {
-				id: U(e, n),
-				cx: `${_(i.middlePoint.x / e.width * 100)}%`,
-				cy: `${_(i.middlePoint.y / e.height * 100)}%`,
+		a === "polar" && n.forEach((n, r) => {
+			let a = e.polarAreas?.[r];
+			a?.middlePoint && i.push(M("radialGradient", {
+				id: U(e, r),
+				cx: `${_(a.middlePoint.x / e.width * 100)}%`,
+				cy: `${_(a.middlePoint.y / e.height * 100)}%`,
 				r: "62%"
 			}, [w("stop", {
 				offset: "0%",
-				"stop-color": v(t.color, .05),
-				"stop-opacity": a / 100
+				"stop-color": t(n.color, .05),
+				"stop-opacity": o / 100
 			}), w("stop", {
 				offset: "100%",
-				"stop-color": t.color
+				"stop-color": n.color
 			})].join("")));
 		});
 	}
-	if (a) {
-		let t = k(S(n, "layout.donut.shadowColor", "#000000"), "#000000"), i = x(S(n, "layout.donut.shadowOpacity", .2), .2), a = x(S(n, "layout.donut.shadowBlur", 6), 6), o = x(S(n, "layout.donut.shadowOffsetY", 3), 3);
-		r.push(M("filter", {
+	if (o) {
+		let t = 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(e),
 			x: "-50%",
 			y: "-50%",
@@ -328,10 +328,10 @@ function ye(e, t) {
 			dy: o,
 			stdDeviation: a,
 			"flood-color": t,
-			"flood-opacity": i
+			"flood-opacity": n
 		})].join("")));
 	}
-	return r.length ? M("defs", { "data-layer": "definitions" }, r.join("")) : "";
+	return i.length ? M("defs", { "data-layer": "definitions" }, i.join("")) : "";
 }
 function be(e, t) {
 	return t.color;
@@ -388,21 +388,21 @@ function Ce(e, t, n) {
 	}), M("g", { "data-layer": "polar-slices" }, a.join(""));
 }
 function q(e, t, n = "layout.labels.value.rounding") {
-	let { config: i } = e, a = S(i, "layout.labels", {}), o = a.dataLabels ?? {}, s = a.value ?? {}, c = r({
-		p: o.prefix ?? "",
+	let { config: r } = e, i = S(r, "layout.labels", {}), a = i.dataLabels ?? {}, o = i.value ?? {}, c = s({
+		p: a.prefix ?? "",
 		v: t.value,
-		s: o.suffix ?? "",
-		r: x(S(i, n, s.rounding ?? 0), s.rounding ?? 0)
+		s: a.suffix ?? "",
+		r: x(S(r, n, o.rounding ?? 0), o.rounding ?? 0)
 	});
-	return f(s.formatter, t.value, c, { datapoint: t });
+	return u(o.formatter, t.value, c, { datapoint: t });
 }
 function J(e, t) {
-	let { config: n } = e, i = S(n, "layout.labels.percentage", {}), a = x(t.proportion, 0) * 100, o = r({
-		v: a,
+	let { config: n } = e, r = S(n, "layout.labels.percentage", {}), i = x(t.proportion, 0) * 100, a = s({
+		v: i,
 		s: "%",
-		r: x(i.rounding, 0)
+		r: x(r.rounding, 0)
 	});
-	return f(i.formatter, a, o, { datapoint: t });
+	return u(r.formatter, i, a, { datapoint: t });
 }
 function Y(e, t) {
 	let n = S(e.config, "layout.labels", {}), r = !!n.name?.show, i = !!(n.value?.show ?? !0), a = !!(n.percentage?.show ?? !0);
@@ -434,16 +434,16 @@ 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, l = e.drawingArea.top + 16, d = e.drawingArea.bottom - 16, f = i - (e.radius + 6), p = i + (e.radius + 6), m = Q(e);
-	function h(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, u = 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);
+	function g(e) {
 		return {
 			x: _(e.center?.endX ?? e.endX),
 			y: _(e.center?.endY ?? e.endY)
 		};
 	}
 	function v({ midX: e, midY: t, bandX: n, bandY: r }) {
-		if (!m) 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, h = d / f, g = f + 9;
+		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;
 		function _({ x: e, y: t }) {
 			let n = e - i, r = t - a, o = Math.sqrt(n * n + r * r) || 1;
 			if (o >= g) return {
@@ -457,11 +457,11 @@ function Ee(e, t) {
 			};
 		}
 		if (l < 56) {
-			let o = s / l, u = -(c / l), d = o, f = (e + n) * .5, m = (t + r) * .5, g = (f + u - i) ** 2 + (m + d - a) ** 2;
-			(f - u - i) ** 2 + (m - d - a) ** 2 > g && (u = -u, d = -d);
+			let o = s / l, u = -(c / l), d = o, f = (e + n) * .5, h = (t + r) * .5, g = (f + u - i) ** 2 + (h + d - a) ** 2;
+			(f - u - i) ** 2 + (h - d - a) ** 2 > g && (u = -u, d = -d);
 			let v = Math.max(0, Math.min(1, (l - 18) / 44)), y = v * v * (3 - 2 * v), b = e + s * .78, x = t + c * .78, S = _({
 				x: b + u * (2.5 + y * 4) * .9 + p * (1 + y * 2.5),
-				y: x + d * (2.5 + y * 4) * .9 + h * (1 + y * 2.5)
+				y: x + d * (2.5 + y * 4) * .9 + m * (1 + y * 2.5)
 			});
 			return `M ${e} ${t} Q ${S.x} ${S.y} ${n} ${r}`;
 		}
@@ -471,7 +471,7 @@ function Ee(e, t) {
 		y < 22 && (y = 22), y > 70 && (y = 70);
 		let b = _({
 			x: e + p * v,
-			y: t + h * v
+			y: t + m * v
 		}), x = i + o * Math.max(Math.abs(n - i), g), S = _({
 			x: n - o * Math.min(y, Math.abs(x - n) * .75),
 			y: r
@@ -480,17 +480,17 @@ function Ee(e, t) {
 	}
 	function y(e) {
 		let t = String(e ?? "").split(/\n/g);
-		return c + Math.max(0, t.length - 1) * o * 1.2;
+		return u + Math.max(0, t.length - 1) * o * 1.2;
 	}
 	function b({ arc: e, index: t }) {
-		let n = h(e);
+		let n = g(e);
 		return {
 			arc: e,
 			index: t,
 			midX: n.x,
 			midY: n.y,
-			inlineMarkerX: g(e).x,
-			inlineMarkerY: u(e) - 3.5,
+			inlineMarkerX: c(e).x,
+			inlineMarkerY: l(e) - 3.5,
 			labelHeight: y(e.name)
 		};
 	}
@@ -549,48 +549,48 @@ function Ee(e, t) {
 	}), E({
 		candidateList: D.TL,
 		side: "left",
-		bandMarkerX: f,
-		startY: l,
+		bandMarkerX: p,
+		startY: d,
 		direction: "down"
 	}), E({
 		candidateList: D.TR,
 		side: "right",
-		bandMarkerX: p,
-		startY: l,
+		bandMarkerX: m,
+		startY: d,
 		direction: "down"
 	}), D.BL.length > 1 && E({
 		candidateList: D.BL,
 		side: "left",
-		bandMarkerX: f,
-		startY: d,
+		bandMarkerX: p,
+		startY: f,
 		direction: "up"
 	}), D.BR.length > 1 && E({
 		candidateList: D.BR,
 		side: "right",
-		bandMarkerX: p,
-		startY: d,
+		bandMarkerX: m,
+		startY: f,
 		direction: "up"
 	}), 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 ?? g(t, !0, 12).x, l = r?.labelY ?? u(t), f = r?.textAnchor ?? g(t, !0, 12).anchor, { name: p } = Y(e, t), m = we(e, t), h = String(p).split(/\n/g), _ = p ? h.map((t, n) => M("tspan", {
+	let a = S(e.config, "layout.labels", {}), o = a.percentage ?? {}, s = a.name ?? {}, u = r?.labelX ?? c(t, !0, 12).x, d = r?.labelY ?? l(t), f = r?.textAnchor ?? c(t, !0, 12).anchor, { name: p } = Y(e, t), m = we(e, t), g = String(p).split(/\n/g), _ = p ? g.map((t, n) => M("tspan", {
 		class: "vue-data-ui-datalabel-name",
-		x: n === 0 ? void 0 : c,
+		x: n === 0 ? void 0 : u,
 		dy: n === 0 ? void 0 : i * 1.2,
 		fill: k(s.color, j(e.config)),
 		"font-size": i,
 		"font-weight": s.bold ? "700" : "400"
-	}, d(t + (n === h.length - 1 ? " " : "")))).join("") : "", v = m ? M("tspan", {
+	}, h(t + (n === g.length - 1 ? " " : "")))).join("") : "", v = m ? M("tspan", {
 		class: "vue-data-ui-datalabel-value",
 		fill: k(o.color, j(e.config)),
 		"font-size": i,
 		"font-weight": o.bold ? "700" : "400"
-	}, d(m)) : "";
+	}, h(m)) : "";
 	return M("text", {
 		"data-cy": `donut-label-inline-${n}`,
 		class: "vue-data-ui-datalabel-inline",
-		x: c,
-		y: l,
+		x: u,
+		y: d,
 		"text-anchor": f
 	}, `${_}${v}`);
 }
@@ -602,13 +602,13 @@ function Oe(e, t) {
 	let a = x(r.offset, 16), o = Ee(e, t), s = [];
 	return t.forEach((t, n) => {
 		if (!Z(e, t)) return;
-		let c = o[n];
-		if (X(e, t), c) {
+		let u = o[n];
+		if (X(e, t), u) {
 			s.push(De({
 				state: e,
 				arc: t,
 				arcIndex: n,
-				smallArcLayout: c,
+				smallArcLayout: u,
 				fontSize: x(r.smallArcClusterFontSize, i)
 			}));
 			return;
@@ -618,21 +618,21 @@ function Oe(e, t) {
 			arc: t,
 			arcIndex: n,
 			smallArcLayout: {
-				labelX: g(t, !1, a + i / 2).x,
-				labelY: u(t, a, a),
-				textAnchor: g(t).anchor
+				labelX: c(t, !1, a + i / 2).x,
+				labelY: l(t, a, a),
+				textAnchor: c(t).anchor
 			},
 			fontSize: i
 		}));
 	}), s.length ? M("g", { "data-layer": "data-labels" }, s.join("")) : "";
 }
-function ke(t, n, r = 42) {
-	return e({
-		initX: n.middlePoint.x,
-		initY: n.middlePoint.y,
-		offset: r,
-		centerX: t.center.x,
-		centerY: t.center.y
+function ke(e, t, n = 42) {
+	return d({
+		initX: t.middlePoint.x,
+		initY: t.middlePoint.y,
+		offset: n,
+		centerX: e.center.x,
+		centerY: e.center.y
 	});
 }
 function Ae(e, t) {
@@ -644,70 +644,70 @@ function je(e, t, n, r) {
 		fill: k(a.color, j(e.config)),
 		"font-size": s,
 		"font-weight": a.bold ? "700" : "400"
-	}, d(String(X(e, t).replace(/\n/g, " / ")))), u = o.show ? String(t.name ?? "").split(/\n/g).map((t, r) => M("tspan", {
+	}, h(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"
-	}, d(t))).join("") : "";
+	}, h(t))).join("") : "";
 	return r === "end" ? `${u}${l}` : `${l}${u}`;
 }
-function Me(e, t, n) {
-	let r = S(e.config, "layout.labels", {}), i = r.dataLabels ?? {}, a = r.value ?? {}, o = r.percentage ?? {}, c = r.name ?? {};
-	if (!E(e.config, "dataLabels.show", i.show ?? !0) || !i.show) return "";
-	let l = !!i.oneLine, u = x(a.fontSize, i.fontSize ?? 12), f = x(c.fontSize, i.fontSize ?? 12), p = [];
-	return t.forEach((t, r) => {
-		let i = n[r];
-		if (!i || !Z(e, t)) return;
-		let a = ke(e, i, 42), m = Ae(e, a);
+function Me(e, t, r) {
+	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];
+		if (!a || !Z(e, t)) return;
+		let o = ke(e, a, 42), p = Ae(e, o);
 		if (l) {
-			p.push(M("text", {
+			f.push(M("text", {
 				"data-cy": "polar-label-inline",
 				class: "vue-data-ui-datalabel-inline",
-				x: a.x,
-				y: a.y,
-				"text-anchor": m
-			}, je(e, t, a.x, m)));
+				x: o.x,
+				y: o.y,
+				"text-anchor": p
+			}, je(e, t, o.x, p)));
 			return;
 		}
-		p.push(M("text", {
+		f.push(M("text", {
 			"data-cy": "polar-label-value",
 			class: "vue-data-ui-datalabel-value",
-			x: a.x,
-			y: a.y,
+			x: o.x,
+			y: o.y,
 			"font-size": u,
-			"font-weight": o.bold ? "700" : "400",
-			"text-anchor": m,
+			"font-weight": s.bold ? "700" : "400",
+			"text-anchor": p,
 			fill: valueFill
 		}, te({
 			content: X(e, t),
-			x: a.x,
+			x: o.x,
 			fontSize: u,
 			fill: valueFill,
-			textAnchor: m
-		}))), c.show && p.push(M("text", {
+			textAnchor: p
+		}))), c.show && f.push(M("text", {
 			"data-cy": "polar-label-name",
 			class: "vue-data-ui-datalabel-name",
-			x: a.x,
-			y: a.y + f * 1.2,
-			"font-size": f,
+			x: o.x,
+			y: o.y + d * 1.2,
+			"font-size": d,
 			"font-weight": c.bold ? "700" : "400",
-			"text-anchor": m,
+			"text-anchor": p,
 			fill: k(c.color, j(e.config))
-		}, s({
-			content: d(String(t.name ?? "")),
-			fontSize: f,
+		}, n({
+			content: h(String(t.name ?? "")),
+			fontSize: d,
 			fill: k(c.color, j(e.config)),
-			x: a.x
+			x: o.x
 		})));
-	}), p.length ? M("g", { "data-layer": "polar-data-labels" }, p.join("")) : "";
+	}), f.length ? M("g", { "data-layer": "polar-data-labels" }, f.join("")) : "";
 }
 function Ne(e, t, n = null) {
 	if (n?.connectorPath) return n.connectorPath;
 	let r = S(e.config, "layout.labels.dataLabels", {}), i = x(r.offset, 16);
-	return m(t, !1, i, i, !1, !1, 0, x(r.markerFlatLength, 12), Q(e));
+	return f(t, !1, i, i, !1, !1, 0, x(r.markerFlatLength, 12), Q(e));
 }
 function Pe(e, t) {
 	let n = S(e.config, "layout.labels.dataLabels", {});
@@ -726,8 +726,8 @@ function Pe(e, t) {
 			fill: "none"
 		})), i.push(w("circle", {
 			"data-cy": `donut-label-marker-${a}`,
-			cx: o?.markerX ?? g(t).x,
-			cy: o?.markerY ?? u(t) - 3.5,
+			cx: o?.markerX ?? c(t).x,
+			cy: o?.markerY ?? l(t) - 3.5,
 			r: x(n.markerRadius, 3),
 			fill: t.color,
 			stroke: L(e.config),
@@ -735,38 +735,38 @@ function Pe(e, t) {
 		})));
 	}), i.length ? M("g", { "data-layer": "label-markers" }, i.join("")) : "";
 }
-function Fe(t, n, r) {
-	let i = S(t.config, "layout.labels.dataLabels", {});
-	if (!E(t.config, "dataLabels.show", i.show ?? !0) || !i.show) return "";
-	let a = [];
-	return n.forEach((n, o) => {
-		let s = r[o];
-		if (!s?.middlePoint || !Z(t, n)) return;
-		let c = e({
-			initX: s.middlePoint.x,
-			initY: s.middlePoint.y,
+function Fe(e, t, n) {
+	let r = S(e.config, "layout.labels.dataLabels", {});
+	if (!E(e.config, "dataLabels.show", r.show ?? !0) || !r.show) return "";
+	let i = [];
+	return t.forEach((t, a) => {
+		let o = n[a];
+		if (!o?.middlePoint || !Z(e, t)) return;
+		let s = d({
+			initX: o.middlePoint.x,
+			initY: o.middlePoint.y,
 			offset: 24,
-			centerX: t.center.x,
-			centerY: t.center.y
+			centerX: e.center.x,
+			centerY: e.center.y
 		});
-		a.push(w("path", {
-			"data-cy": `polar-marker-${o}`,
-			d: `M ${c.x},${c.y} ${s.middlePoint.x},${s.middlePoint.y}`,
-			stroke: n.color,
-			"stroke-width": x(i.markerStrokeWidth, 1),
+		i.push(w("path", {
+			"data-cy": `polar-marker-${a}`,
+			d: `M ${s.x},${s.y} ${o.middlePoint.x},${o.middlePoint.y}`,
+			stroke: t.color,
+			"stroke-width": x(r.markerStrokeWidth, 1),
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			fill: "none"
-		})), a.push(w("circle", {
-			"data-cy": `polar-label-marker-${o}`,
-			cx: c.x,
-			cy: c.y,
-			r: x(i.markerRadius, 3),
-			fill: n.color,
-			stroke: L(t.config),
+		})), i.push(w("circle", {
+			"data-cy": `polar-label-marker-${a}`,
+			cx: s.x,
+			cy: s.y,
+			r: x(r.markerRadius, 3),
+			fill: t.color,
+			stroke: L(e.config),
 			"stroke-width": 1
 		}));
-	}), a.length ? M("g", { "data-layer": "polar-label-markers" }, a.join("")) : "";
+	}), i.length ? M("g", { "data-layer": "polar-label-markers" }, i.join("")) : "";
 }
 function $(e, t) {
 	return e == null || e === "" ? "" : N(e, {
@@ -776,73 +776,73 @@ function $(e, t) {
 }
 function Ie(e, t, n) {
 	if (E(e.config, "type", "classic") !== "classic" || V(e.config) || !t) return "";
-	let i = S(e.config, "layout.labels.hollow", {}), a = i.total ?? {}, o = i.average ?? {}, s = [];
-	if (a.show) {
-		let n = x(a.fontSize, 14), i = !!o.show, c = e.center.y - (i ? n : 0) + x(a.offsetY, 0), l = a.value ?? {}, u = x(l.fontSize, n), d = f(l.formatter, t, r({
+	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, c = e.center.y - (r ? n : 0) + x(i.offsetY, 0), l = i.value ?? {}, d = x(l.fontSize, n), f = u(l.formatter, t, s({
 			p: l.prefix ?? "",
 			v: t,
 			s: l.suffix ?? "",
 			r: x(l.rounding, 0)
 		}), { total: t });
-		s.push($(a.text ?? "", {
+		o.push($(i.text ?? "", {
 			"data-cy": "hollow-total-name",
 			x: e.center.x,
 			y: c,
-			fill: k(a.color, j(e.config)),
+			fill: k(i.color, j(e.config)),
 			"font-size": n,
-			"font-weight": a.bold ? "700" : "400"
-		})), s.push($(d, {
+			"font-weight": i.bold ? "700" : "400"
+		})), o.push($(f, {
 			"data-cy": "hollow-total-value",
 			x: e.center.x,
-			y: e.center.y + n - (i ? n : 0) + x(l.offsetY, 0),
-			fill: k(l.color, k(a.color, j(e.config))),
-			"font-size": u,
+			y: e.center.y + n - (r ? n : 0) + x(l.offsetY, 0),
+			fill: k(l.color, k(i.color, j(e.config))),
+			"font-size": d,
 			"font-weight": l.bold ? "700" : "400"
 		}));
 	}
-	if (o.show) {
-		let i = x(o.fontSize, 14), c = !!a.show, l = t / Math.max(1, n.length), u = o.value ?? {}, d = x(u.fontSize, i), p = f(u.formatter, l, r({
-			p: u.prefix ?? "",
+	if (a.show) {
+		let r = x(a.fontSize, 14), c = !!i.show, l = t / Math.max(1, n.length), d = a.value ?? {}, f = x(d.fontSize, r), p = u(d.formatter, l, s({
+			p: d.prefix ?? "",
 			v: l,
-			s: u.suffix ?? "",
-			r: x(u.rounding, 0)
+			s: d.suffix ?? "",
+			r: x(d.rounding, 0)
 		}), { average: l });
-		s.push($(o.text ?? "", {
+		o.push($(a.text ?? "", {
 			"data-cy": "hollow-average-name",
 			x: e.center.x,
-			y: e.center.y + (c ? i : 0) + x(o.offsetY, 0),
-			fill: k(o.color, j(e.config)),
-			"font-size": i,
-			"font-weight": o.bold ? "700" : "400"
-		})), s.push($(p, {
+			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 + (c ? i : 0) + i + x(u.offsetY, 0),
-			fill: k(u.color, k(o.color, j(e.config))),
-			"font-size": d,
-			"font-weight": u.bold ? "700" : "400"
+			y: e.center.y + (c ? r : 0) + r + x(d.offsetY, 0),
+			fill: k(d.color, k(a.color, j(e.config))),
+			"font-size": f,
+			"font-weight": d.bold ? "700" : "400"
 		}));
 	}
-	return s.filter(Boolean).length ? M("g", {
+	return o.filter(Boolean).length ? M("g", {
 		class: "vue-data-ui-donut-hollow-labels",
 		"data-layer": "hollow-labels"
-	}, s.join("")) : "";
+	}, o.join("")) : "";
 }
 function Le(e, t) {
-	let { config: n, center: i } = e, a = S(n, "layout.donut.labels.total", S(n, "layout.labels.total", {}));
-	if (!a.show || !Number.isFinite(t) || t <= 0) return "";
-	let o = S(n, "layout.labels.dataLabels", {}), s = x(a.fontSize, 20), c = k(a.color, j(n));
-	return N(f(a.formatter, t, r({
-		p: o.prefix ?? "",
+	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), c = k(i.color, j(n));
+	return N(u(i.formatter, t, s({
+		p: a.prefix ?? "",
 		v: t,
-		s: o.suffix ?? "",
-		r: x(a.rounding, 0)
+		s: a.suffix ?? "",
+		r: x(i.rounding, 0)
 	}), { total: t }), {
 		"data-cy": "donut-total",
-		x: i.x,
-		y: i.y + s / 3,
-		"font-size": s,
-		"font-weight": a.bold ? "700" : "400",
+		x: r.x,
+		y: r.y + o / 3,
+		"font-size": o,
+		"font-weight": i.bold ? "700" : "400",
 		"text-anchor": "middle",
 		fill: c
 	});
@@ -852,24 +852,24 @@ function Re(e, t) {
 	return n ? x(t.value, 0) / n * 100 : 0;
 }
 function ze(e, t) {
-	let n = S(e.config, "legend", {}), i = S(e.config, "layout.labels", {}), a = i.dataLabels ?? {}, o = i.value ?? {}, s = r({
-		p: a.prefix ?? "",
+	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: a.suffix ?? "",
-		r: x(n.roundingValue, o.rounding ?? 0)
+		s: i.suffix ?? "",
+		r: x(n.roundingValue, a.rounding ?? 0)
 	});
-	return f(o.formatter, t.value, s, {
+	return u(a.formatter, t.value, o, {
 		datapoint: t,
 		serie: t
 	});
 }
 function Be(e, t) {
-	let n = S(e.config, "legend", {}), i = S(e.config, "layout.labels", {}).percentage ?? {}, a = Re(e, t), o = r({
-		v: a,
+	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, i.rounding ?? 0)
+		r: x(n.roundingPercentage, r.rounding ?? 0)
 	});
-	return f(i.formatter, a, o, {
+	return u(r.formatter, i, a, {
 		datapoint: t,
 		serie: t
 	});
@@ -930,7 +930,7 @@ function We(e, t) {
 	}) ?? "" : n ?? "";
 }
 function Ge(e, t, n) {
-	return M("title", {}, d(`${E(e.config, "title.text", "Donut chart") || e.svgTitle || "Donut chart"}. ${t.length} series. Total ${_(n)}.`));
+	return M("title", {}, h(`${E(e.config, "title.text", "Donut chart") || e.svgTitle || "Donut chart"}. ${t.length} series. Total ${_(n)}.`));
 }
 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({
@@ -940,7 +940,7 @@ async function Ke(e) {
 	}, i), s = he(o, i), c = ge(o, i), l = E(t, "type", "classic"), u = a > 0 && s.some((e) => x(e.proportion, 0) > 0);
 	return `
 <svg
-    xmlns="${h}"
+    xmlns="${m}"
     width="100%"
     viewBox="0 0 ${n} ${r}"
     role="img"