vue-data-ui 3.22.4 → 3.22.6

package/dist/{vue-ui-nested-donuts-DFsLZEqx.js → vue-ui-nested-donuts-wfesrzle.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, Ft as n, Gt as r, Lt as i, Mt as a, Ot as o, Q as s, S as c, Ut as l, W as ee, X as te, Z as ne, b as re, d as ie, i as ae, jt as oe, n as se, ot as ce, q as u, t as le, u as ue, v as de, vt as fe, w as pe } from "./lib-CuwHGt1j.js";
-import { t as me } from "./useConfig-pVLia3dt.js";
-import { t as he } from "./usePrinter-C0wAS8yc.js";
+import { At as t, Dt as n, Ht as r, It as i, Pt as a, Q as o, S as s, Tt as c, W as l, Wt as ee, X as te, Z as ne, _t as re, at as ie, b as ae, d as oe, i as se, jt as ce, n as le, q as u, t as ue, u as de, v as fe, w as pe } from "./lib-DRBJCmHW.js";
+import { t as me } from "./useConfig-DYM3f6EI.js";
+import { t as he } from "./usePrinter-CRp5IW3v.js";
 import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
 import { t as ve } from "./useSvgExport-SVIsDot8.js";
-import { t as ye } from "./useNestedProp-BjkuFaz1.js";
+import { t as ye } from "./useNestedProp-BEo2N1Db.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
-import { t as xe } from "./img-B29J8tV5.js";
-import { n as Se } from "./Title-DDEEO-Nr.js";
+import { t as xe } from "./img-B_y5qDdm.js";
+import { n as Se } from "./Title-C-p0ilWB.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as we } from "./canvas-lib-BOP_HS11.js";
 import { t as Te } from "./useResponsive-BfnK0KxU.js";
-import { t as Ee } from "./BaseLegendToggle-C4Usj0LI.js";
+import { t as Ee } from "./BaseLegendToggle-DFwIY5bE.js";
 import { t as De } from "./A11yDataTable-DdRsVULz.js";
 import { t as Oe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ae } from "./labelUtils-BFcL_t-A.js";
-import { t as je } from "./Legend-DXOzbXb-.js";
+import { t as Ae } from "./labelUtils-CyVwqXSh.js";
+import { t as je } from "./Legend-D-635Kag.js";
 import { t as Me } from "./vue_ui_nested_donuts-B8csIoVO.js";
 import { Fragment as d, Teleport as Ne, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Pe, createTextVNode as Fe, createVNode as Ie, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Le, nextTick as Re, normalizeClass as y, normalizeProps as b, normalizeStyle as ze, onBeforeUnmount as Be, onMounted as Ve, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as He, shallowRef as Ue, toDisplayString as T, toRefs as We, unref as E, vShow as Ge, watch as Ke, withCtx as D, withDirectives as qe } from "vue";
 //#region src/components/vue-ui-nested-donuts.vue
@@ -106,14 +106,14 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 		"copyAlt"
 	],
 	setup(e, { expose: Ce, emit: Je }) {
-		let Ot = _(() => import("./Tooltip-BhKov422.js")), kt = _(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), jt = _(() => import("./DataTable-PidUPOit.js")), Mt = _(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Nt = _(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), Pt = _(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_nested_donuts: It } = me(), { isThemeValid: Lt, warnInvalidTheme: Rt } = be(), O = e, zt = f({
+		let Ot = _(() => import("./Tooltip-YabpoXo1.js")), kt = _(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), jt = _(() => import("./DataTable-CXfvIulC.js")), Mt = _(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Nt = _(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Pt = _(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_nested_donuts: It } = me(), { isThemeValid: Lt, warnInvalidTheme: Rt } = be(), O = e, zt = f({
 			get() {
 				return !!O.dataset && O.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), k = S(ee()), Bt = S(!1), Vt = S(""), Ht = S(null), Ut = S(0), A = S(null), Wt = S(null), Gt = S(null), Kt = S(null), qt = S(null), Jt = S(0), Yt = S(0), Xt = S(0), j = S(!0), M = S([]), Zt = S([]), Qt = S(!1), $t = S(null), en = S(null), tn = S(!1), nn = S(!1), N = S(null), rn = S({
+		}), k = S(l()), Bt = S(!1), Vt = S(""), Ht = S(null), Ut = S(0), A = S(null), Wt = S(null), Gt = S(null), Kt = S(null), qt = S(null), Jt = S(0), Yt = S(0), Xt = S(0), j = S(!0), M = S([]), Zt = S([]), Qt = S(!1), $t = S(null), en = S(null), tn = S(!1), nn = S(!1), N = S(null), rn = S({
 			x: 0,
 			y: 0
 		}), an = S("pointer"), on = S(!1), P = S(!1);
@@ -139,7 +139,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 					color: "#CACACA"
 				}
 			]
-		}, ln = f(() => r({
+		}, ln = f(() => ee({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -170,7 +170,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 				});
 			},
 			skeletonDataset: O.config?.skeletonDataset ?? [cn, cn],
-			skeletonConfig: r({
+			skeletonConfig: ee({
 				defaultConfig: F.value,
 				userConfig: ln.value
 			})
@@ -179,23 +179,23 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 			let e = ye({
 				userConfig: O.config,
 				defaultConfig: It
-			}), t = {}, n = e.theme;
-			if (n) if (!Lt.value(e)) Rt(e), t = e;
+			}), n = {}, i = e.theme;
+			if (i) if (!Lt.value(e)) Rt(e), n = e;
 			else {
-				let r = ye({
-					userConfig: Me[n] || O.config,
+				let a = ye({
+					userConfig: Me[i] || O.config,
 					defaultConfig: e
 				});
-				t = {
+				n = {
 					...ye({
 						userConfig: O.config,
-						defaultConfig: r
+						defaultConfig: a
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : l[n] || oe
+					customPalette: e.customPalette.length ? e.customPalette : r[i] || t
 				};
 			}
-			else t = e;
-			return t;
+			else n = e;
+			return n;
 		}
 		Ke(() => O.config, (e) => {
 			un.value || (F.value = hn()), fn.value = !F.value.userOptions.showOnChartHover, bn(), Jt.value += 1, Yt.value += 1, Xt.value += 1, V.value.dataLabels.show = F.value.style.chart.layout.labels.dataLabels.show, V.value.showTable = F.value.table.show, V.value.showTooltip = F.value.style.chart.tooltip.show, H.value.width = F.value.style.chart.width, H.value.height = F.value.style.chart.height;
@@ -210,21 +210,21 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 				left: r
 			};
 		});
-		function _n(e, t = 1e3, r = 50) {
-			return new Promise((i) => {
-				let a = e.length;
-				M.value = Array(a).fill(0), Zt.value = [];
+		function _n(e, t = 1e3, n = 50) {
+			return new Promise((r) => {
+				let i = e.length;
+				M.value = Array(i).fill(0), Zt.value = [];
 				let o = 0;
 				e.forEach((e, s) => {
 					setTimeout(() => {
-						let r = performance.now();
+						let n = performance.now();
 						function c(l) {
-							let ee = Math.min((l - r) / t, 1), te = e * ne(ee);
+							let ee = Math.min((l - n) / t, 1), te = e * ne(ee);
 							M.value[s] = te, M.value = [...M.value];
 							let re = [], ie = 0;
 							O.dataset.forEach((e, t) => {
-								let r = de(e.series.reduce((e, t) => e + de(n(t.values).reduce((e, t) => e + t, 0)), 0)) - de(M.value.slice(ie, ie + e.series.length).reduce((e, t) => e + t, 0));
-								r > Number.MIN_VALUE && re.push({
+								let n = fe(e.series.reduce((e, t) => e + fe(a(t.values).reduce((e, t) => e + t, 0)), 0)) - fe(M.value.slice(ie, ie + e.series.length).reduce((e, t) => e + t, 0));
+								n > Number.MIN_VALUE && re.push({
 									name: "__ghost__",
 									arcOf: e.name,
 									arcOfId: `${k.value}_${t}`,
@@ -232,23 +232,23 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 									seriesIndex: -1,
 									datasetIndex: t,
 									color: "transparent",
-									value: r,
-									fullValue: r,
+									value: n,
+									fullValue: n,
 									absoluteValues: [],
 									ghost: !0
 								}), ie += e.series.length;
-							}), Zt.value = re, ee < 1 ? requestAnimationFrame(c) : (o += 1, o === a && i());
+							}), Zt.value = re, ee < 1 ? requestAnimationFrame(c) : (o += 1, o === i && r());
 						}
 						requestAnimationFrame(c);
-					}, s * r);
+					}, s * n);
 				});
 			});
 		}
 		async function vn() {
 			if (F.value.startAnimation?.show) {
-				let e = L.value.flatMap((e) => e.series).map((e) => n(e.values).reduce((e, t) => e + t, 0));
+				let e = L.value.flatMap((e) => e.series).map((e) => a(e.values).reduce((e, t) => e + t, 0));
 				M.value = e.map(() => 0), j.value = !0, Zt.value = L.value.map((e, t) => {
-					let r = e.series.reduce((e, t) => e + n(t.values).reduce((e, t) => e + t, 0), 0);
+					let n = e.series.reduce((e, t) => e + a(t.values).reduce((e, t) => e + t, 0), 0);
 					return {
 						name: "__ghost__",
 						arcOf: e.name,
@@ -257,8 +257,8 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 						seriesIndex: -1,
 						datasetIndex: t,
 						color: "transparent",
-						value: r,
-						fullValue: r,
+						value: n,
+						fullValue: n,
 						absoluteValues: [],
 						ghost: !0
 					};
@@ -272,7 +272,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 		});
 		let z = Ue(null), B = Ue(null), yn = f(() => !!F.value.debug);
 		function bn() {
-			if (o(O.dataset) ? (s({
+			if (n(O.dataset) ? (o({
 				componentName: "VueUiNestedDonuts",
 				type: "dataset",
 				debug: yn.value
@@ -300,7 +300,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 			elementId: `nested_donuts_${k.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-nested-donuts",
 			options: F.value.userOptions.print
-		}), Tn = f(() => F.value.userOptions.show && !F.value.style.chart.title.text), En = f(() => c(F.value.customPalette)), V = S({
+		}), Tn = f(() => F.value.userOptions.show && !F.value.style.chart.title.text), En = f(() => s(F.value.customPalette)), V = S({
 			dataLabels: { show: F.value.style.chart.layout.labels.dataLabels.show },
 			showTable: F.value.table.show,
 			showTooltip: F.value.style.chart.tooltip.show
@@ -335,32 +335,32 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 		}
 		let W = S([]), G = f(() => {
 			un.value, L.value.forEach((e, t) => {
-				[null, void 0].includes(e.name) && s({
+				[null, void 0].includes(e.name) && o({
 					componentName: "VueUiNestedDonuts",
 					type: "datasetSerieAttribute",
 					property: "name",
 					index: t,
 					debug: yn.value
-				}), [null, void 0].includes(e.series) ? s({
+				}), [null, void 0].includes(e.series) ? o({
 					componentName: "VueUiNestedDonuts",
 					type: "datasetSerieAttribute",
 					property: "series",
 					index: t,
 					debug: yn.value
-				}) : e.series.length === 0 ? s({
+				}) : e.series.length === 0 ? o({
 					componentName: "VueUiNestedDonuts",
 					type: "datasetAttributeEmpty",
 					property: `series at index ${t}`,
 					debug: yn.value
 				}) : e.series.forEach((e, t) => {
-					[null, void 0].includes(e.name) && s({
+					[null, void 0].includes(e.name) && o({
 						componentName: "VueUiNestedDonuts",
 						type: "datasetSerieAttribute",
 						property: "name",
 						index: t,
 						key: "serie",
 						debug: yn.value
-					}), [null, void 0].includes(e.values) && s({
+					}), [null, void 0].includes(e.values) && o({
 						componentName: "VueUiNestedDonuts",
 						type: "datasetSerieAttribute",
 						property: "values",
@@ -371,22 +371,22 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 				});
 			});
 			let e = 0;
-			return L.value.map((t, r) => ({
-				...t,
-				total: t.series.filter((e) => !W.value.includes(e.id)).map((e) => n(e.values).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
+			return L.value.map((n, r) => ({
+				...n,
+				total: n.series.filter((e) => !W.value.includes(e.id)).map((e) => a(e.values).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
 				datasetIndex: r,
 				id: `${k.value}_${r}`,
-				series: t.series.map((i, a) => {
-					let o = n(i.values).reduce((e, t) => e + t, 0);
+				series: n.series.map((i, o) => {
+					let s = a(i.values).reduce((e, t) => e + t, 0);
 					return {
 						name: i.name,
-						arcOf: t.name,
+						arcOf: n.name,
 						arcOfId: `${k.value}_${r}`,
-						id: `${k.value}_${r}_${a}`,
-						seriesIndex: a,
+						id: `${k.value}_${r}_${o}`,
+						seriesIndex: o,
 						datasetIndex: r,
-						color: re(i.color) || En.value[a] || oe[a % oe.length],
-						value: j.value ? M.value[e++] ?? 0 : o,
+						color: ae(i.color) || En.value[o] || t[o % t.length],
+						value: j.value ? M.value[e++] ?? 0 : s,
 						absoluteValues: i.values || []
 					};
 				})
@@ -422,18 +422,18 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 			U("selectLegend", q.value);
 		}
 		function Y(e) {
-			let t = O.dataset.flatMap((e, t) => e.series.map((e, r) => ({
-				value: n(e.values).reduce((e, t) => e + t, 0),
-				id: `${k.value}_${t}_${r}`,
+			let t = O.dataset.flatMap((e, t) => e.series.map((e, n) => ({
+				value: a(e.values).reduce((e, t) => e + t, 0),
+				id: `${k.value}_${t}_${n}`,
 				arcOfId: `${k.value}_${t}`
 			}))).find((t) => t.id === e.id);
 			if (!t) return;
-			let r = G.value.flatMap((e) => e.series).find((t) => t.id === e.id)?.value ?? 0, i = J.value.flatMap((e) => e.series).find((t) => t.id === e.id), a = i ? i.value : 0, o = G.value.find((e) => e.id === t.arcOfId);
+			let n = G.value.flatMap((e) => e.series).find((t) => t.id === e.id)?.value ?? 0, r = J.value.flatMap((e) => e.series).find((t) => t.id === e.id), i = r ? r.value : 0, o = G.value.find((e) => e.id === t.arcOfId);
 			if (!o) return;
 			let s = o.series.map((e) => e.id), c = kn(s, s.length - 1, W.value);
 			W.value.includes(e.id) ? (W.value = W.value.filter((t) => t !== e.id), F.value.serieToggleAnimation.show ? On({
-				from: a,
-				to: r,
+				from: i,
+				to: n,
 				duration: F.value.serieToggleAnimation.durationMs,
 				onUpdate: (t) => {
 					J.value = J.value.map((n) => ({
@@ -451,10 +451,10 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 				...t,
 				series: t.series.map((t) => t.id === e.id ? {
 					...t,
-					value: r
+					value: n
 				} : t)
 			})), U("selectLegend", q.value))) : c && (F.value.serieToggleAnimation.show ? On({
-				from: a,
+				from: i,
 				to: 0,
 				duration: F.value.serieToggleAnimation.durationMs,
 				onUpdate: (t) => {
@@ -492,30 +492,30 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 				W.value.includes(e.id) || Y({ id: e.id });
 			}) : W.value.includes(t.id) || Y({ id: t.id }));
 		}
-		let Pn = f(() => K.value / G.value.length * F.value.style.chart.layout.donut.spacingRatio), Fn = f(() => J.value.map((e, t) => K.value - t * K.value / G.value.length)), X = f(() => J.value.map((e, n) => {
-			let r = Math.abs(e.series.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0, i = K.value - n * K.value / J.value.length, a = j.value ? Zt.value.find((e) => e.datasetIndex === n) : null, o = [...e.series, ...a ? [a] : []].map((e) => ({
+		let Pn = f(() => K.value / G.value.length * F.value.style.chart.layout.donut.spacingRatio), Fn = f(() => J.value.map((e, t) => K.value - t * K.value / G.value.length)), X = f(() => J.value.map((e, t) => {
+			let n = Math.abs(e.series.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0, r = K.value - t * K.value / J.value.length, i = j.value ? Zt.value.find((e) => e.datasetIndex === t) : null, a = [...e.series, ...i ? [i] : []].map((e) => ({
 				...e,
 				value: e.value < 1e-11 ? Number.MIN_VALUE : e.value
-			})), s = t({ series: [{
+			})), o = c({ series: [{
 				name: "_",
 				color: F.value.style.chart.layout.donut.emptyFill,
 				value: 1
-			}] }, H.value.width / 2, H.value.height / 2, i, i, 1.99999, 2, 1, 360, 105.25, Pn.value), c = `M ${H.value.width / 2},${H.value.height / 2 + i}
-            a ${i},${i} 0 1,1 0,${-2 * i}
-            a ${i},${i} 0 1,1 0,${2 * i}`;
+			}] }, H.value.width / 2, H.value.height / 2, r, r, 1.99999, 2, 1, 360, 105.25, Pn.value), s = `M ${H.value.width / 2},${H.value.height / 2 + r}
+            a ${r},${r} 0 1,1 0,${-2 * r}
+            a ${r},${r} 0 1,1 0,${2 * r}`;
 			return {
 				...e,
-				hasData: r,
-				radius: i,
-				skeleton: s,
-				fullCirclePath: c,
-				donut: t({ series: o }, H.value.width / 2, H.value.height / 2, i, i, 1.99999, 2, 1, 360, 105.25, Pn.value)
+				hasData: n,
+				radius: r,
+				skeleton: o,
+				fullCirclePath: s,
+				donut: c({ series: a }, H.value.width / 2, H.value.height / 2, r, r, 1.99999, 2, 1, 360, 105.25, Pn.value)
 			};
-		})), In = f(() => [...G.value].map((e, n) => {
-			let r = n * K.value / G.value.length;
+		})), In = f(() => [...G.value].map((e, t) => {
+			let n = t * K.value / G.value.length;
 			return {
-				sizeRatio: r,
-				donut: t({ series: [{ value: 1 }] }, H.value.width / 2, H.value.height / 2, K.value - r, K.value - r, 1.99999, 2, 1, 360, 105.25, K.value / G.value.length * F.value.style.chart.layout.donut.spacingRatio)[0]
+				sizeRatio: n,
+				donut: c({ series: [{ value: 1 }] }, H.value.width / 2, H.value.height / 2, K.value - n, K.value - n, 1.99999, 2, 1, 360, 105.25, K.value / G.value.length * F.value.style.chart.layout.donut.spacingRatio)[0]
 			};
 		})), Ln = S(null), Rn = S(null), Z = S(null), zn = S(null);
 		function Bn({ datapoint: e, seriesIndex: t }) {
@@ -544,7 +544,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 				config: F.value
 			};
 			let i = F.value.style.chart.tooltip.customFormat;
-			if (fe(i) && ce(() => i({
+			if (re(i) && ie(() => i({
 				seriesIndex: n,
 				datapoint: e,
 				series: J.value,
@@ -577,7 +577,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 							config: F.value.style.chart.tooltip,
 							showVal: F.value.style.chart.tooltip.showValue,
 							showPercentage: F.value.style.chart.tooltip.showPercentage,
-							val: ae(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, u({
+							val: se(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, u({
 								p: F.value.style.chart.layout.labels.dataLabels.prefix,
 								v: e.value,
 								s: F.value.style.chart.layout.labels.dataLabels.suffix,
@@ -597,7 +597,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
                     </div>
                 `;
 					});
-				} else t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.arcOf ?? ""} - ${e.name}</div>`, t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.color}"/></svg>`, F.value.style.chart.tooltip.showValue && (t += `<b>${ae(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, u({
+				} else t += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.arcOf ?? ""} - ${e.name}</div>`, t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.color}"/></svg>`, F.value.style.chart.tooltip.showValue && (t += `<b>${se(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, u({
 					p: F.value.style.chart.layout.labels.dataLabels.prefix,
 					v: e.value,
 					s: F.value.style.chart.layout.labels.dataLabels.suffix,
@@ -627,23 +627,23 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 			if (!F.value.style.chart.tooltip.showAllItemsAtIndex || W.value.length) return [null, void 0].includes(Rn.value) || Rn.value === e.id ? "" : `url(#blur_${k.value})`;
 		}
 		let Gn = f(() => G.value.map((e, t) => {
-			let r = e.series.filter((e) => !W.value.includes(e.id)), i = j.value ? r.map((e) => {
-				let r = L.value[t].series.findIndex((t) => t.name === e.name);
-				return n(L.value[t].series[r].values).reduce((e, t) => e + t, 0);
-			}).reduce((e, t) => e + t, 0) : r.map((e) => e.value).reduce((e, t) => e + t, 0);
-			return e.series.map((e, r) => {
-				let a = n(L.value[t].series[r].values).reduce((e, t) => e + t, 0), o = j.value ? a : e.value, s = Vn({
-					val: ae(F.value.style.chart.layout.labels.dataLabels.formatter, o, u({
+			let n = e.series.filter((e) => !W.value.includes(e.id)), r = j.value ? n.map((e) => {
+				let n = L.value[t].series.findIndex((t) => t.name === e.name);
+				return a(L.value[t].series[n].values).reduce((e, t) => e + t, 0);
+			}).reduce((e, t) => e + t, 0) : n.map((e) => e.value).reduce((e, t) => e + t, 0);
+			return e.series.map((e, n) => {
+				let i = a(L.value[t].series[n].values).reduce((e, t) => e + t, 0), o = j.value ? i : e.value, s = Vn({
+					val: se(F.value.style.chart.layout.labels.dataLabels.formatter, o, u({
 						p: F.value.style.chart.layout.labels.dataLabels.prefix,
 						v: o,
 						s: F.value.style.chart.layout.labels.dataLabels.suffix,
 						r: F.value.style.chart.legend.roundingValue
 					}), {
 						datapoint: e,
-						seriesIndex: r
+						seriesIndex: n
 					}),
-					percentage: isNaN(o / i) || W.value.includes(e.id) ? "-" : u({
-						v: o / i * 100,
+					percentage: isNaN(o / r) || W.value.includes(e.id) ? "-" : u({
+						v: o / r * 100,
 						s: "%",
 						r: F.value.style.chart.legend.roundingPercentage
 					}),
@@ -660,9 +660,9 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 					shape: "circle",
 					arcOf: e.arcOf,
 					id: e.id,
-					seriesIndex: r,
+					seriesIndex: n,
 					datasetIndex: t,
-					total: i,
+					total: r,
 					opacity: W.value.includes(e.id) ? .5 : 1,
 					segregate: () => Y(e),
 					isSegregated: W.value.includes(e.id)
@@ -1138,7 +1138,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 			g("div", Qe, [(x(), h("svg", {
 				ref_key: "svgRef",
 				ref: R,
-				xmlns: E(le),
+				xmlns: E(ue),
 				"aria-describedby": `chart-instructions-${k.value}`,
 				class: y({
 					"vue-data-ui-fullscreen--on": P.value,
@@ -1250,7 +1250,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 					"text-anchor": "middle",
 					method: "align",
 					spacing: "auto"
-				}, T(F.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? E(se)({
+				}, T(F.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? E(le)({
 					source: e.name,
 					length: F.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
 				}) : e.name), 9, ht)], 10, mt)) : m("", !0)]))), 256))]))), 256)) : (x(!0), h(d, { key: 1 }, C(X.value, (e, t) => (x(), h("g", null, [(x(!0), h(d, null, C(e.donut, (t, n) => (x(), h("g", null, [n === 0 && H.value.width && H.value.height ? (x(), h("text", {
@@ -1262,33 +1262,33 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 					"font-size": F.value.style.chart.layout.labels.dataLabels.fontSize,
 					"font-weight": F.value.style.chart.layout.labels.dataLabels.boldDonutName ? "bold" : "normal",
 					fill: F.value.style.chart.layout.labels.dataLabels.color
-				}, T(F.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? E(se)({
+				}, T(F.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? E(le)({
 					source: e.name,
 					length: F.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
 				}) : e.name), 11, gt)) : m("", !0)]))), 256))]))), 256))])) : m("", !0),
 				F.value.style.chart.layout.labels.dataLabels.show ? (x(), h("g", _t, [(x(!0), h(d, null, C(X.value, (e, t) => (x(), h("g", null, [(x(!0), h(d, null, C(e.donut.filter((e) => !e.ghost), (e, n) => (x(), h("g", { filter: Wn(e, n) }, [qe(g("text", {
 					class: y({ animated: F.value.useCssAnimation }),
 					opacity: +!!Un(e),
-					"text-anchor": E(ue)(e, !0).anchor,
-					x: E(ue)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
-					y: E(ie)(e, F.value.style.chart.layout.labels.dataLabels.offsetY, F.value.style.chart.layout.labels.dataLabels.offsetY) + (F.value.style.chart.layout.labels.dataLabels.showValueFirst && F.value.style.chart.layout.labels.dataLabels.showValue ? F.value.style.chart.layout.labels.dataLabels.fontSize : 0),
+					"text-anchor": E(de)(e, !0).anchor,
+					x: E(de)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
+					y: E(oe)(e, F.value.style.chart.layout.labels.dataLabels.offsetY, F.value.style.chart.layout.labels.dataLabels.offsetY) + (F.value.style.chart.layout.labels.dataLabels.showValueFirst && F.value.style.chart.layout.labels.dataLabels.showValue ? F.value.style.chart.layout.labels.dataLabels.fontSize : 0),
 					fill: F.value.style.chart.layout.labels.dataLabels.useSerieColor ? e.color : F.value.style.chart.layout.labels.dataLabels.color,
 					"font-size": F.value.style.chart.layout.labels.dataLabels.fontSize,
 					"font-weight": F.value.style.chart.layout.labels.dataLabels.boldPercentage ? "bold" : "normal"
-				}, T(E(a)(E(u)({
+				}, T(E(ce)(E(u)({
 					v: e.proportion * 100,
 					s: "%",
 					r: F.value.style.chart.layout.labels.dataLabels.roundingPercentage
 				}), F.value.style.chart.layout.labels.dataLabels.usePercentageParens ? "(" : "", F.value.style.chart.layout.labels.dataLabels.usePercentageParens ? ")" : "")), 11, yt), [[Ge, V.value.dataLabels.show && F.value.style.chart.layout.labels.dataLabels.showPercentage]]), qe(g("text", {
 					class: y({ animated: F.value.useCssAnimation }),
 					opacity: +!!Un(e),
-					"text-anchor": E(ue)(e, !0).anchor,
-					x: E(ue)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
-					y: E(ie)(e, F.value.style.chart.layout.labels.dataLabels.offsetY, F.value.style.chart.layout.labels.dataLabels.offsetY) + (F.value.style.chart.layout.labels.dataLabels.showValueFirst || !F.value.style.chart.layout.labels.dataLabels.showPercentage ? 0 : F.value.style.chart.layout.labels.dataLabels.fontSize),
+					"text-anchor": E(de)(e, !0).anchor,
+					x: E(de)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
+					y: E(oe)(e, F.value.style.chart.layout.labels.dataLabels.offsetY, F.value.style.chart.layout.labels.dataLabels.offsetY) + (F.value.style.chart.layout.labels.dataLabels.showValueFirst || !F.value.style.chart.layout.labels.dataLabels.showPercentage ? 0 : F.value.style.chart.layout.labels.dataLabels.fontSize),
 					fill: F.value.style.chart.layout.labels.dataLabels.useSerieColor ? e.color : F.value.style.chart.layout.labels.dataLabels.color,
 					"font-size": F.value.style.chart.layout.labels.dataLabels.fontSize,
 					"font-weight": F.value.style.chart.layout.labels.dataLabels.boldValue ? "bold" : "normal"
-				}, T(E(a)(E(ae)(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, E(u)({
+				}, T(E(ce)(E(se)(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, E(u)({
 					p: F.value.style.chart.layout.labels.dataLabels.prefix,
 					v: e.value,
 					s: F.value.style.chart.layout.labels.dataLabels.suffix,
@@ -1342,7 +1342,7 @@ var Je = /* @__PURE__ */ e({ default: () => Ot }), Ye = ["id"], Xe = ["id"], Ze
 				parent: A.value,
 				content: Vt.value,
 				isFullscreen: P.value,
-				isCustom: E(fe)(F.value.style.chart.tooltip.customFormat),
+				isCustom: E(re)(F.value.style.chart.tooltip.customFormat),
 				smooth: F.value.style.chart.tooltip.smooth,
 				backdropFilter: F.value.style.chart.tooltip.backdropFilter,
 				smoothForce: F.value.style.chart.tooltip.smoothForce,