vue-data-ui 3.25.2 → 3.25.4

package/dist/{vue-ui-donut-DEn7HF5c.js → vue-ui-donut-DcgUuefk.js}

@@ -1,28 +1,28 @@
-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-BPg41jWd.js";
+import { Ft as e, K as t, Lt as n, Mt as r, S as i, Ut as a, Wt as o, X as s, Yt as c, Zt as l, b as u, f as d, h as f, i as p, j as m, p as h, q as g, rt as _, t as v } from "./lib-Dql7cqyA.js";
 import { t as y } from "./useConfig-CyCVHo81.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-BEWzwi32.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-zoPh9a78.js";
 //#region src/svg/vue-ui-donut/create.js
 var { vue_ui_donut: ne } = y();
 function re({ config: e = {} } = {}) {
-	let r = e ?? {}, i = c({
-		userConfig: r,
+	let t = e ?? {}, r = l({
+		userConfig: t,
 		defaultConfig: ne
-	}), a = i.theme;
-	if (!a) return {
-		...i,
-		customPalette: i.customPalette?.length ? i.customPalette : t
+	}), i = r.theme;
+	if (!i) return {
+		...r,
+		customPalette: r.customPalette?.length ? r.customPalette : n
 	};
-	let o = c({
-		userConfig: b[a] || {},
-		defaultConfig: i
-	}), s = c({
-		userConfig: r,
-		defaultConfig: o
+	let a = l({
+		userConfig: b[i] || {},
+		defaultConfig: r
+	}), o = l({
+		userConfig: t,
+		defaultConfig: a
 	});
 	return {
-		...s,
-		customPalette: s.customPalette?.length ? s.customPalette : n[a] || t
+		...o,
+		customPalette: o.customPalette?.length ? o.customPalette : c[i] || n
 	};
 }
 function P(e, t = 0) {
@@ -38,21 +38,21 @@ function ie(e) {
 function ae(e, t) {
 	return String(e?.name ?? e?.label ?? `Serie ${t + 1}`);
 }
-function oe(e = [], n) {
-	let r = Array.isArray(n.customPalette) ? n.customPalette : t;
+function oe(e = [], t) {
+	let r = Array.isArray(t.customPalette) ? t.customPalette : n;
 	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 n = e.source, i = e.value, o = (n?.color ? a(n.color) : "") || r[t % r.length];
+		let n = e.source, a = e.value, o = (n?.color ? i(n.color) : "") || r[t % r.length];
 		return {
 			...n,
 			id: n?.id ?? `donut_serie_${t}`,
 			name: ae(n, t),
-			value: i,
-			absoluteValue: Math.abs(i),
-			absoluteValues: Array.isArray(n?.values) ? n.values : [i],
+			value: a,
+			absoluteValue: Math.abs(a),
+			absoluteValues: Array.isArray(n?.values) ? n.values : [a],
 			color: o,
 			index: t,
 			sourceIndex: e.sourceIndex,
@@ -211,7 +211,7 @@ function me(e, t) {
 }
 function he(e, t) {
 	let n = x(S(e.config, "layout.donut.rotation", 105.25), 105.25);
-	return m({ 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) => ({
+	return r({ 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: n,
 		color: k(e.color, t[n]?.color),
@@ -223,7 +223,7 @@ function he(e, t) {
 }
 function ge(e, t) {
 	let n = Math.max(1, ...t.map((e) => Math.abs(x(e.value, 0)))), r = t.map((e) => Math.abs(x(e.value, 0)) / n);
-	return p({
+	return m({
 		series: r,
 		center: e.center,
 		maxRadius: Math.min(e.drawingArea.width, e.drawingArea.height) / 3,
@@ -270,55 +270,55 @@ function ve(e) {
 		fill: k(i.color || r.color, j(t))
 	})), M("g", { "data-layer": "title" }, d.join(""));
 }
-function ye(t, n) {
-	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"), 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) }, [
+function ye(e, t) {
+	let { config: n } = e, r = [], i = !!S(n, "useGradient", !1), s = !!S(n, "layout.donut.useShadow", !1);
+	if (i) {
+		let i = E(n, "type", "classic"), s = 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) }, [
 				w("stop", {
 					offset: "0%",
-					"stop-color": e(L(r), 0),
+					"stop-color": a(L(n), 0),
 					"stop-opacity": 0
 				}),
 				w("stop", {
-					offset: `${(1 - n) * 100}%`,
-					"stop-color": e("#FFFFFF", 0),
+					offset: `${(1 - t) * 100}%`,
+					"stop-color": a("#FFFFFF", 0),
 					"stop-opacity": 0
 				}),
 				w("stop", {
-					offset: `${(1 - n / 2) * 100}%`,
-					"stop-color": e("#FFFFFF", s)
+					offset: `${(1 - t / 2) * 100}%`,
+					"stop-color": a("#FFFFFF", s)
 				}),
 				w("stop", {
 					offset: "100%",
-					"stop-color": e(L(r), 0),
+					"stop-color": a(L(n), 0),
 					"stop-opacity": 0
 				})
 			].join("")));
 		}
-		a === "polar" && n.forEach((e, n) => {
-			let r = t.polarAreas?.[n];
-			r?.middlePoint && i.push(M("radialGradient", {
-				id: U(t, n),
-				cx: `${l(r.middlePoint.x / t.width * 100)}%`,
-				cy: `${l(r.middlePoint.y / t.height * 100)}%`,
+		i === "polar" && t.forEach((t, n) => {
+			let i = e.polarAreas?.[n];
+			i?.middlePoint && r.push(M("radialGradient", {
+				id: U(e, n),
+				cx: `${u(i.middlePoint.x / e.width * 100)}%`,
+				cy: `${u(i.middlePoint.y / e.height * 100)}%`,
 				r: "62%"
 			}, [w("stop", {
 				offset: "0%",
-				"stop-color": o(e.color, .05),
+				"stop-color": o(t.color, .05),
 				"stop-opacity": s / 100
 			}), w("stop", {
 				offset: "100%",
-				"stop-color": e.color
+				"stop-color": t.color
 			})].join("")));
 		});
 	}
 	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),
+		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", {
+			id: W(e),
 			x: "-50%",
 			y: "-50%",
 			width: "200%",
@@ -327,11 +327,11 @@ function ye(t, n) {
 			dx: 0,
 			dy: o,
 			stdDeviation: a,
-			"flood-color": e,
-			"flood-opacity": n
+			"flood-color": t,
+			"flood-opacity": i
 		})].join("")));
 	}
-	return i.length ? M("defs", { "data-layer": "definitions" }, i.join("")) : "";
+	return r.length ? M("defs", { "data-layer": "definitions" }, r.join("")) : "";
 }
 function be(e, t) {
 	return t.color;
@@ -394,7 +394,7 @@ function q(e, t, n = "layout.labels.value.rounding") {
 		s: a.suffix ?? "",
 		r: x(S(r, n, o.rounding ?? 0), o.rounding ?? 0)
 	});
-	return f(o.formatter, t.value, c, { datapoint: t });
+	return p(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 = s({
@@ -402,7 +402,7 @@ function J(e, t) {
 		s: "%",
 		r: x(r.rounding, 0)
 	});
-	return f(r.formatter, i, a, { datapoint: t });
+	return p(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,11 +434,11 @@ 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), g = 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, l = 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),
-			y: l(e.center?.endY ?? e.endY)
+			x: u(e.center?.endX ?? e.endX),
+			y: u(e.center?.endY ?? e.endY)
 		};
 	}
 	function v({ midX: e, midY: t, bandX: n, bandY: r }) {
@@ -489,7 +489,7 @@ function Ee(e, t) {
 			index: t,
 			midX: n.x,
 			midY: n.y,
-			inlineMarkerX: u(e).x,
+			inlineMarkerX: d(e).x,
 			inlineMarkerY: h(e) - 3.5,
 			labelHeight: y(e.name)
 		};
@@ -550,13 +550,13 @@ function Ee(e, t) {
 		candidateList: D.TL,
 		side: "left",
 		bandMarkerX: p,
-		startY: d,
+		startY: l,
 		direction: "down"
 	}), E({
 		candidateList: D.TR,
 		side: "right",
 		bandMarkerX: m,
-		startY: d,
+		startY: l,
 		direction: "down"
 	}), D.BL.length > 1 && E({
 		candidateList: D.BL,
@@ -573,7 +573,7 @@ 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 ?? 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", {
+	let a = S(e.config, "layout.labels", {}), o = a.percentage ?? {}, s = a.name ?? {}, c = r?.labelX ?? d(t, !0, 12).x, l = r?.labelY ?? h(t), u = r?.textAnchor ?? d(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,
@@ -591,7 +591,7 @@ function De({ state: e, arc: t, arcIndex: n, smallArcLayout: r, fontSize: i }) {
 		class: "vue-data-ui-datalabel-inline",
 		x: c,
 		y: l,
-		"text-anchor": d
+		"text-anchor": u
 	}, `${g}${v}`);
 }
 function Oe(e, t) {
@@ -618,21 +618,21 @@ function Oe(e, t) {
 			arc: t,
 			arcIndex: n,
 			smallArcLayout: {
-				labelX: u(t, !1, a + i / 2).x,
+				labelX: d(t, !1, a + i / 2).x,
 				labelY: h(t, a, a),
-				textAnchor: u(t).anchor
+				textAnchor: d(t).anchor
 			},
 			fontSize: i
 		}));
 	}), s.length ? M("g", { "data-layer": "data-labels" }, s.join("")) : "";
 }
-function ke(e, t, n = 42) {
-	return i({
-		initX: t.middlePoint.x,
-		initY: t.middlePoint.y,
-		offset: n,
-		centerX: e.center.x,
-		centerY: e.center.y
+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 Ae(e, t) {
@@ -654,13 +654,13 @@ function je(e, t, n, r) {
 	}, _(t))).join("") : "";
 	return r === "end" ? `${u}${l}` : `${l}${u}`;
 }
-function Me(e, t, n) {
+function Me(e, n, 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 = n[i];
-		if (!a || !Z(e, t)) return;
+	return n.forEach((n, i) => {
+		let a = r[i];
+		if (!a || !Z(e, n)) return;
 		let o = ke(e, a, 42), p = Ae(e, o);
 		if (l) {
 			f.push(M("text", {
@@ -669,7 +669,7 @@ function Me(e, t, n) {
 				x: o.x,
 				y: o.y,
 				"text-anchor": p
-			}, je(e, t, o.x, p)));
+			}, je(e, n, o.x, p)));
 			return;
 		}
 		f.push(M("text", {
@@ -682,7 +682,7 @@ function Me(e, t, n) {
 			"text-anchor": p,
 			fill: valueFill
 		}, te({
-			content: X(e, t),
+			content: X(e, n),
 			x: o.x,
 			fontSize: u,
 			fill: valueFill,
@@ -696,8 +696,8 @@ function Me(e, t, n) {
 			"font-weight": c.bold ? "700" : "400",
 			"text-anchor": p,
 			fill: k(c.color, j(e.config))
-		}, r({
-			content: _(String(t.name ?? "")),
+		}, t({
+			content: _(String(n.name ?? "")),
 			fontSize: d,
 			fill: k(c.color, j(e.config)),
 			x: o.x
@@ -707,7 +707,7 @@ function Me(e, t, n) {
 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), a = x(r.markerFlatLength, 12), o = Q(e);
-	return d(t, !1, i, i, !1, !1, 0, a, o);
+	return f(t, !1, i, i, !1, !1, 0, a, o);
 }
 function Pe(e, t) {
 	let n = S(e.config, "layout.labels.dataLabels", {});
@@ -726,7 +726,7 @@ function Pe(e, t) {
 			fill: "none"
 		})), i.push(w("circle", {
 			"data-cy": `donut-label-marker-${a}`,
-			cx: o?.markerX ?? u(t).x,
+			cx: o?.markerX ?? d(t).x,
 			cy: o?.markerY ?? h(t) - 3.5,
 			r: x(n.markerRadius, 3),
 			fill: t.color,
@@ -735,25 +735,25 @@ function Pe(e, t) {
 		})));
 	}), i.length ? M("g", { "data-layer": "label-markers" }, i.join("")) : "";
 }
-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 "";
+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 t.forEach((t, o) => {
-		let s = n[o];
-		if (!s?.middlePoint || !Z(e, t)) return;
-		let c = i({
+	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,
 			offset: 24,
-			centerX: e.center.x,
-			centerY: e.center.y
+			centerX: t.center.x,
+			centerY: t.center.y
 		});
 		a.push(w("path", {
 			"data-cy": `polar-marker-${o}`,
 			d: `M ${c.x},${c.y} ${s.middlePoint.x},${s.middlePoint.y}`,
-			stroke: t.color,
-			"stroke-width": x(r.markerStrokeWidth, 1),
+			stroke: n.color,
+			"stroke-width": x(i.markerStrokeWidth, 1),
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			fill: "none"
@@ -761,9 +761,9 @@ function Fe(e, t, n) {
 			"data-cy": `polar-label-marker-${o}`,
 			cx: c.x,
 			cy: c.y,
-			r: x(r.markerRadius, 3),
-			fill: t.color,
-			stroke: L(e.config),
+			r: x(i.markerRadius, 3),
+			fill: n.color,
+			stroke: L(t.config),
 			"stroke-width": 1
 		}));
 	}), a.length ? M("g", { "data-layer": "polar-label-markers" }, a.join("")) : "";
@@ -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, 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({
+		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 = p(l.formatter, t, s({
 			p: l.prefix ?? "",
 			v: t,
 			s: l.suffix ?? "",
@@ -801,7 +801,7 @@ function Ie(e, t, n) {
 		}));
 	}
 	if (a.show) {
-		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({
+		let r = x(a.fontSize, 14), c = !!i.show, l = t / Math.max(1, n.length), u = a.value ?? {}, d = x(u.fontSize, r), f = p(u.formatter, l, s({
 			p: u.prefix ?? "",
 			v: l,
 			s: u.suffix ?? "",
@@ -814,7 +814,7 @@ function Ie(e, t, n) {
 			fill: k(a.color, j(e.config)),
 			"font-size": r,
 			"font-weight": a.bold ? "700" : "400"
-		})), o.push($(p, {
+		})), o.push($(f, {
 			"data-cy": "hollow-average-value",
 			x: e.center.x,
 			y: e.center.y + (c ? r : 0) + r + x(u.offsetY, 0),
@@ -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), c = k(i.color, j(n)), l = f(i.formatter, t, s({
+	let a = S(n, "layout.labels.dataLabels", {}), o = x(i.fontSize, 20), c = k(i.color, j(n)), l = p(i.formatter, t, s({
 		p: a.prefix ?? "",
 		v: t,
 		s: a.suffix ?? "",
@@ -858,7 +858,7 @@ function ze(e, t) {
 		s: i.suffix ?? "",
 		r: x(n.roundingValue, a.rounding ?? 0)
 	});
-	return f(a.formatter, t.value, o, {
+	return p(a.formatter, t.value, o, {
 		datapoint: t,
 		serie: t
 	});
@@ -869,7 +869,7 @@ function Be(e, t) {
 		s: "%",
 		r: x(n.roundingPercentage, r.rounding ?? 0)
 	});
-	return f(r.formatter, i, a, {
+	return p(r.formatter, i, a, {
 		datapoint: t,
 		serie: t
 	});
@@ -930,7 +930,7 @@ function We(e, t) {
 	}) ?? "" : n ?? "";
 }
 function Ge(e, t, n) {
-	let r = `${E(e.config, "title.text", "Donut chart") || e.svgTitle || "Donut chart"}. ${t.length} series. Total ${l(n)}.`;
+	let r = `${E(e.config, "title.text", "Donut chart") || e.svgTitle || "Donut chart"}. ${t.length} series. Total ${u(n)}.`;
 	return M("title", {}, _(r));
 }
 async function Ke(e) {