vue-data-ui 3.22.6 → 3.22.7

package/dist/{vue-ui-donut-DlVRnVr_.js → vue-ui-donut-Dp6GW0dw.js}

@@ -1,28 +1,28 @@
-import { $ as e, At as t, Ht as n, It as r, Lt as i, O as a, Ot as o, Tt as s, U as c, W as l, Wt as u, b as d, d as f, i as p, p as m, q as h, t as g, u as _, v } from "./lib-DRBJCmHW.js";
+import { $ as e, Et as t, Gt as n, Lt as r, O as i, Rt as a, U as o, Ut as s, W as c, b as l, d as u, i as d, jt as f, kt as p, p as m, q as h, t as g, u as _, v } from "./lib-EAmk-PgA.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-CUAlQvAQ.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-DMai0gHB.js";
 //#region src/svg/vue-ui-donut/create.js
 var { vue_ui_donut: ne } = y();
 function re({ config: e = {} } = {}) {
-	let r = e ?? {}, i = u({
-		userConfig: r,
+	let t = e ?? {}, r = n({
+		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 : f
 	};
-	let o = u({
-		userConfig: r,
-		defaultConfig: u({
-			userConfig: b[a] || {},
-			defaultConfig: i
+	let a = n({
+		userConfig: t,
+		defaultConfig: n({
+			userConfig: b[i] || {},
+			defaultConfig: r
 		})
 	});
 	return {
-		...o,
-		customPalette: o.customPalette?.length ? o.customPalette : n[a] || t
+		...a,
+		customPalette: a.customPalette?.length ? a.customPalette : s[i] || f
 	};
 }
 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 = [], n) {
-	let r = Array.isArray(n.customPalette) ? n.customPalette : t;
+function oe(e = [], t) {
+	let n = Array.isArray(t.customPalette) ? t.customPalette : f;
 	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, a = (n?.color ? d(n.color) : "") || r[t % r.length];
+		let r = e.source, i = e.value, a = (r?.color ? l(r.color) : "") || n[t % n.length];
 		return {
-			...n,
-			id: n?.id ?? `donut_serie_${t}`,
-			name: ae(n, t),
+			...r,
+			id: r?.id ?? `donut_serie_${t}`,
+			name: ae(r, t),
 			value: i,
 			absoluteValue: Math.abs(i),
-			absoluteValues: Array.isArray(n?.values) ? n.values : [i],
+			absoluteValues: Array.isArray(r?.values) ? r.values : [i],
 			color: a,
 			index: t,
 			sourceIndex: e.sourceIndex,
-			patternIndex: n?.patternIndex ?? t,
-			seriesIndex: n?.seriesIndex ?? t,
-			ghost: !!n?.ghost
+			patternIndex: r?.patternIndex ?? t,
+			seriesIndex: r?.seriesIndex ?? t,
+			ghost: !!r?.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 = l();
+var ue = c();
 function I() {
 	return ue;
 }
@@ -209,21 +209,21 @@ function me(e, t) {
 		innerRadius: V(n) ? 0 : Math.max(0, T - A)
 	};
 }
-function he(e, t) {
-	let n = x(S(e.config, "layout.donut.rotation", 105.25), 105.25);
-	return s({ 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) => ({
+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) => ({
 		...e,
-		index: n,
-		color: k(e.color, t[n]?.color),
+		index: t,
+		color: k(e.color, n[t]?.color),
 		value: x(e.value, 0),
-		name: String(e.name ?? t[n]?.name ?? `Serie ${n + 1}`),
-		patternIndex: e.patternIndex ?? t[n]?.patternIndex ?? n,
-		seriesIndex: e.seriesIndex ?? t[n]?.seriesIndex ?? n
+		name: String(e.name ?? n[t]?.name ?? `Serie ${t + 1}`),
+		patternIndex: e.patternIndex ?? n[t]?.patternIndex ?? t,
+		seriesIndex: e.seriesIndex ?? n[t]?.seriesIndex ?? t
 	}));
 }
 function ge(e, t) {
 	let n = Math.max(1, ...t.map((e) => Math.abs(x(e.value, 0))));
-	return a({
+	return i({
 		series: t.map((e) => Math.abs(x(e.value, 0)) / n),
 		center: e.center,
 		maxRadius: Math.min(e.drawingArea.width, e.drawingArea.height) / 3,
@@ -271,12 +271,12 @@ function ve(e) {
 	})), M("g", { "data-layer": "title" }, d.join(""));
 }
 function ye(e, t) {
-	let { config: n } = e, a = [], o = !!S(n, "useGradient", !1), s = !!S(n, "layout.donut.useShadow", !1);
+	let { config: n } = e, i = [], o = !!S(n, "useGradient", !1), s = !!S(n, "layout.donut.useShadow", !1);
 	if (o) {
 		let o = E(n, "type", "classic"), s = x(S(n, "gradientIntensity", 30), 30);
 		if (o === "classic" && Number.isFinite(e.thickness / e.radius)) {
 			let t = V(n) ? 1 : e.thickness / e.radius;
-			a.push(M("radialGradient", { id: H(e) }, [
+			i.push(M("radialGradient", { id: H(e) }, [
 				w("stop", {
 					offset: "0%",
 					"stop-color": r(L(n), 0),
@@ -300,14 +300,14 @@ function ye(e, t) {
 		}
 		o === "polar" && t.forEach((t, n) => {
 			let r = e.polarAreas?.[n];
-			r?.middlePoint && a.push(M("radialGradient", {
+			r?.middlePoint && i.push(M("radialGradient", {
 				id: U(e, n),
 				cx: `${v(r.middlePoint.x / e.width * 100)}%`,
 				cy: `${v(r.middlePoint.y / e.height * 100)}%`,
 				r: "62%"
 			}, [w("stop", {
 				offset: "0%",
-				"stop-color": i(t.color, .05),
+				"stop-color": a(t.color, .05),
 				"stop-opacity": s / 100
 			}), w("stop", {
 				offset: "100%",
@@ -316,8 +316,8 @@ function ye(e, t) {
 		});
 	}
 	if (s) {
-		let t = k(S(n, "layout.donut.shadowColor", "#000000"), "#000000"), r = x(S(n, "layout.donut.shadowOpacity", .2), .2), i = x(S(n, "layout.donut.shadowBlur", 6), 6), o = x(S(n, "layout.donut.shadowOffsetY", 3), 3);
-		a.push(M("filter", {
+		let t = k(S(n, "layout.donut.shadowColor", "#000000"), "#000000"), r = 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);
+		i.push(M("filter", {
 			id: W(e),
 			x: "-50%",
 			y: "-50%",
@@ -326,12 +326,12 @@ function ye(e, t) {
 		}, [w("feDropShadow", {
 			dx: 0,
 			dy: o,
-			stdDeviation: i,
+			stdDeviation: a,
 			"flood-color": t,
 			"flood-opacity": r
 		})].join("")));
 	}
-	return a.length ? M("defs", { "data-layer": "definitions" }, a.join("")) : "";
+	return i.length ? M("defs", { "data-layer": "definitions" }, i.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 p(o.formatter, t.value, s, { datapoint: t });
+	return d(o.formatter, t.value, s, { datapoint: t });
 }
 function J(e, t) {
 	let { config: n } = e, r = S(n, "layout.labels.percentage", {}), i = x(t.proportion, 0) * 100, a = h({
@@ -402,7 +402,7 @@ function J(e, t) {
 		s: "%",
 		r: x(r.rounding, 0)
 	});
-	return p(r.formatter, i, a, { datapoint: t });
+	return d(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,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, l = e.drawingArea.top + 16, u = e.drawingArea.bottom - 16, d = i - (e.radius + 6), p = i + (e.radius + 6), m = 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, d = e.drawingArea.bottom - 16, f = i - (e.radius + 6), p = i + (e.radius + 6), m = Q(e);
 	function h(e) {
 		return {
 			x: v(e.center?.endX ?? e.endX),
@@ -490,7 +490,7 @@ function Ee(e, t) {
 			midX: n.x,
 			midY: n.y,
 			inlineMarkerX: _(e).x,
-			inlineMarkerY: f(e) - 3.5,
+			inlineMarkerY: u(e) - 3.5,
 			labelHeight: y(e.name)
 		};
 	}
@@ -549,7 +549,7 @@ function Ee(e, t) {
 	}), E({
 		candidateList: D.TL,
 		side: "left",
-		bandMarkerX: d,
+		bandMarkerX: f,
 		startY: l,
 		direction: "down"
 	}), E({
@@ -561,19 +561,19 @@ function Ee(e, t) {
 	}), D.BL.length > 1 && E({
 		candidateList: D.BL,
 		side: "left",
-		bandMarkerX: d,
-		startY: u,
+		bandMarkerX: f,
+		startY: d,
 		direction: "up"
 	}), D.BR.length > 1 && E({
 		candidateList: D.BR,
 		side: "right",
 		bandMarkerX: p,
-		startY: u,
+		startY: d,
 		direction: "up"
 	}), r;
 }
 function De({ state: t, arc: n, arcIndex: r, smallArcLayout: i, fontSize: a }) {
-	let o = S(t.config, "layout.labels", {}), s = o.percentage ?? {}, c = o.name ?? {}, l = i?.labelX ?? _(n, !0, 12).x, u = i?.labelY ?? f(n), d = i?.textAnchor ?? _(n, !0, 12).anchor, { name: p } = Y(t, n), m = we(t, n), h = String(p).split(/\n/g), g = p ? h.map((n, r) => M("tspan", {
+	let o = S(t.config, "layout.labels", {}), s = o.percentage ?? {}, c = o.name ?? {}, l = i?.labelX ?? _(n, !0, 12).x, d = i?.labelY ?? u(n), f = i?.textAnchor ?? _(n, !0, 12).anchor, { name: p } = Y(t, n), m = we(t, n), h = String(p).split(/\n/g), g = p ? h.map((n, r) => M("tspan", {
 		class: "vue-data-ui-datalabel-name",
 		x: r === 0 ? void 0 : l,
 		dy: r === 0 ? void 0 : a * 1.2,
@@ -590,8 +590,8 @@ function De({ state: t, arc: n, arcIndex: r, smallArcLayout: i, fontSize: a }) {
 		"data-cy": `donut-label-inline-${r}`,
 		class: "vue-data-ui-datalabel-inline",
 		x: l,
-		y: u,
-		"text-anchor": d
+		y: d,
+		"text-anchor": f
 	}, `${g}${v}`);
 }
 function Oe(e, t) {
@@ -619,7 +619,7 @@ function Oe(e, t) {
 			arcIndex: n,
 			smallArcLayout: {
 				labelX: _(t, !1, a + i / 2).x,
-				labelY: f(t, a, a),
+				labelY: u(t, a, a),
 				textAnchor: _(t).anchor
 			},
 			fontSize: i
@@ -627,7 +627,7 @@ function Oe(e, t) {
 	}), s.length ? M("g", { "data-layer": "data-labels" }, s.join("")) : "";
 }
 function ke(e, t, n = 42) {
-	return o({
+	return p({
 		initX: t.middlePoint.x,
 		initY: t.middlePoint.y,
 		offset: n,
@@ -655,52 +655,52 @@ function je(t, n, r, i) {
 	return i === "end" ? `${d}${u}` : `${u}${d}`;
 }
 function Me(t, n, r) {
-	let i = S(t.config, "layout.labels", {}), a = i.dataLabels ?? {}, o = i.value ?? {}, s = i.percentage ?? {}, l = i.name ?? {};
+	let i = S(t.config, "layout.labels", {}), a = i.dataLabels ?? {}, s = i.value ?? {}, c = i.percentage ?? {}, l = i.name ?? {};
 	if (!E(t.config, "dataLabels.show", a.show ?? !0) || !a.show) return "";
-	let u = !!a.oneLine, d = x(o.fontSize, a.fontSize ?? 12), f = x(l.fontSize, a.fontSize ?? 12), p = [];
+	let u = !!a.oneLine, d = x(s.fontSize, a.fontSize ?? 12), f = x(l.fontSize, a.fontSize ?? 12), p = [];
 	return n.forEach((n, i) => {
 		let a = r[i];
 		if (!a || !Z(t, n)) return;
-		let o = ke(t, a, 42), m = Ae(t, o);
+		let s = ke(t, a, 42), m = Ae(t, s);
 		if (u) {
 			p.push(M("text", {
 				"data-cy": "polar-label-inline",
 				class: "vue-data-ui-datalabel-inline",
-				x: o.x,
-				y: o.y,
+				x: s.x,
+				y: s.y,
 				"text-anchor": m
-			}, je(t, n, o.x, m)));
+			}, je(t, n, s.x, m)));
 			return;
 		}
 		p.push(M("text", {
 			"data-cy": "polar-label-value",
 			class: "vue-data-ui-datalabel-value",
-			x: o.x,
-			y: o.y,
+			x: s.x,
+			y: s.y,
 			"font-size": d,
-			"font-weight": s.bold ? "700" : "400",
+			"font-weight": c.bold ? "700" : "400",
 			"text-anchor": m,
 			fill: valueFill
 		}, te({
 			content: X(t, n),
-			x: o.x,
+			x: s.x,
 			fontSize: d,
 			fill: valueFill,
 			textAnchor: m
 		}))), l.show && p.push(M("text", {
 			"data-cy": "polar-label-name",
 			class: "vue-data-ui-datalabel-name",
-			x: o.x,
-			y: o.y + f * 1.2,
+			x: s.x,
+			y: s.y + f * 1.2,
 			"font-size": f,
 			"font-weight": l.bold ? "700" : "400",
 			"text-anchor": m,
 			fill: k(l.color, j(t.config))
-		}, c({
+		}, o({
 			content: e(String(n.name ?? "")),
 			fontSize: f,
 			fill: k(l.color, j(t.config)),
-			x: o.x
+			x: s.x
 		})));
 	}), p.length ? M("g", { "data-layer": "polar-data-labels" }, p.join("")) : "";
 }
@@ -727,7 +727,7 @@ function Pe(e, t) {
 		})), i.push(w("circle", {
 			"data-cy": `donut-label-marker-${a}`,
 			cx: o?.markerX ?? _(t).x,
-			cy: o?.markerY ?? f(t) - 3.5,
+			cy: o?.markerY ?? u(t) - 3.5,
 			r: x(n.markerRadius, 3),
 			fill: t.color,
 			stroke: L(e.config),
@@ -740,18 +740,18 @@ function Fe(e, t, n) {
 	if (!E(e.config, "dataLabels.show", r.show ?? !0) || !r.show) return "";
 	let i = [];
 	return t.forEach((t, a) => {
-		let s = n[a];
-		if (!s?.middlePoint || !Z(e, t)) return;
-		let c = o({
-			initX: s.middlePoint.x,
-			initY: s.middlePoint.y,
+		let o = n[a];
+		if (!o?.middlePoint || !Z(e, t)) return;
+		let s = p({
+			initX: o.middlePoint.x,
+			initY: o.middlePoint.y,
 			offset: 24,
 			centerX: e.center.x,
 			centerY: e.center.y
 		});
 		i.push(w("path", {
 			"data-cy": `polar-marker-${a}`,
-			d: `M ${c.x},${c.y} ${s.middlePoint.x},${s.middlePoint.y}`,
+			d: `M ${s.x},${s.y} ${o.middlePoint.x},${o.middlePoint.y}`,
 			stroke: t.color,
 			"stroke-width": x(r.markerStrokeWidth, 1),
 			"stroke-linecap": "round",
@@ -759,8 +759,8 @@ function Fe(e, t, n) {
 			fill: "none"
 		})), i.push(w("circle", {
 			"data-cy": `polar-label-marker-${a}`,
-			cx: c.x,
-			cy: c.y,
+			cx: s.x,
+			cy: s.y,
 			r: x(r.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), c = i.value ?? {}, l = x(c.fontSize, n), u = p(c.formatter, t, h({
+		let n = x(i.fontSize, 14), r = !!a.show, s = e.center.y - (r ? n : 0) + x(i.offsetY, 0), c = i.value ?? {}, l = x(c.fontSize, n), u = d(c.formatter, t, h({
 			p: c.prefix ?? "",
 			v: t,
 			s: c.suffix ?? "",
@@ -801,7 +801,7 @@ function Ie(e, t, n) {
 		}));
 	}
 	if (a.show) {
-		let r = x(a.fontSize, 14), s = !!i.show, c = t / Math.max(1, n.length), l = a.value ?? {}, u = x(l.fontSize, r), d = p(l.formatter, c, h({
+		let r = x(a.fontSize, 14), s = !!i.show, c = t / Math.max(1, n.length), l = a.value ?? {}, u = x(l.fontSize, r), f = d(l.formatter, c, h({
 			p: l.prefix ?? "",
 			v: c,
 			s: l.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($(d, {
+		})), o.push($(f, {
 			"data-cy": "hollow-average-value",
 			x: e.center.x,
 			y: e.center.y + (s ? r : 0) + r + x(l.offsetY, 0),
@@ -832,7 +832,7 @@ 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));
-	return N(p(i.formatter, t, h({
+	return N(d(i.formatter, t, h({
 		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 p(a.formatter, t.value, o, {
+	return d(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 p(r.formatter, i, a, {
+	return d(r.formatter, i, a, {
 		datapoint: t,
 		serie: t
 	});