vue-data-ui 3.23.9 → 3.23.11

package/dist/{vue-ui-nested-donuts-Bbub_wCe.js → vue-ui-nested-donuts-CX5ut2yp.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Ft as i, Jt as a, Kt as o, Pt as s, Rt as c, S as l, X as u, b as ee, ct as te, et as ne, f as re, i as d, jt as ie, kt as ae, n as oe, p as se, q as ce, t as le, tt as ue, w as de, xt as fe } from "./lib-Bttd6u5E.js";
+import { $ as t, Bt as n, D as r, Ht as i, It as a, Jt as o, Lt as s, Nt as c, S as l, St as ee, X as u, Xt as te, b as ne, f as d, i as re, jt as ie, lt as ae, n as oe, nt as se, p as ce, q as le, t as ue, tt as de, w as fe } from "./lib-Dqr_-I6Y.js";
 import { n as pe, t as me } from "./useHints-Dq_w2E8B.js";
 import { t as he } from "./useConfig-DwdGsXTx.js";
-import { t as ge } from "./usePrinter-DN5bYhTG.js";
+import { t as ge } from "./usePrinter-CEiH1b6R.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useNestedProp-vPNvh7rV.js";
+import { t as ye } from "./useNestedProp-CulPqtou.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./useChartExport-DNiwdPmb.js";
-import { t as Se } from "./img-Bnokohej.js";
-import { n as Ce } from "./Title-BE3qg9xl.js";
+import { t as Se } from "./img-Bkzj3lDD.js";
+import { n as Ce } from "./Title-CaVA8EIw.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
 import { t as De } from "./DefGrad-DVBqDjhO.js";
-import { t as Oe } from "./BaseLegendToggle-DZVucLnv.js";
+import { t as Oe } from "./BaseLegendToggle-CtEdLr4R.js";
 import { t as ke } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
 import { t as je } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Me } from "./labelUtils-BeVpDvTJ.js";
-import { t as Ne } from "./Legend-CQxUgOd-.js";
+import { t as Me } from "./labelUtils-iX76cA2-.js";
+import { t as Ne } from "./Legend-BJtY2RA9.js";
 import { t as Pe } from "./vue_ui_nested_donuts-B8csIoVO.js";
 import { Fragment as f, Teleport as Fe, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as Ie, createTextVNode as Le, createVNode as Re, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as ze, nextTick as Be, normalizeClass as Ve, normalizeProps as b, normalizeStyle as He, onBeforeUnmount as Ue, onMounted as We, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Ge, shallowRef as Ke, toDisplayString as T, toRefs as qe, unref as E, vShow as Je, watch as Ye, withCtx as D, withDirectives as Xe } from "vue";
 //#region src/components/vue-ui-nested-donuts.vue
@@ -85,7 +85,10 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 }, wt = ["id"], Tt = {
 	key: 0,
 	class: "vue-ui-nested-donuts-legend-title"
-}, Et = ["onClick"], Dt = ["innerHTML"], Ot = /*#__PURE__*/ we({
+}, Et = ["onClick"], Dt = { style: {
+	display: "flex",
+	"align-items": "center"
+} }, Ot = /*#__PURE__*/ we({
 	__name: "vue-ui-nested-donuts",
 	props: {
 		config: {
@@ -107,14 +110,14 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: Ze }) {
-		let Ot = v(() => import("./Tooltip-DhjyfHwz.js")), kt = v(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), At = v(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), jt = v(() => import("./DataTable-BbKgJ5UI.js")), Mt = v(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Nt = v(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), Pt = v(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), Ft = v(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_nested_donuts: It } = he(), { isThemeValid: Lt, warnInvalidTheme: Rt } = be(), O = e, zt = p({
+		let Ot = v(() => import("./Tooltip-CVxJe3UW.js")), kt = v(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), At = v(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), jt = v(() => import("./DataTable-CmyEubtT.js")), Mt = v(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Nt = v(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), Pt = v(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), Ft = v(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_nested_donuts: It } = he(), { isThemeValid: Lt, warnInvalidTheme: Rt } = be(), O = e, zt = p({
 			get() {
 				return !!O.dataset && O.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), k = S(ce()), 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), N = S(null), tn = S({
+		}), k = S(le()), 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), N = S(null), tn = S({
 			x: 0,
 			y: 0
 		}), nn = S("pointer"), rn = S(!1), P = S(!1);
@@ -179,7 +182,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 					color: "#CACACA"
 				}
 			]
-		}, sn = p(() => a({
+		}, sn = p(() => te({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -210,7 +213,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				});
 			},
 			skeletonDataset: O.config?.skeletonDataset ?? [on, on],
-			skeletonConfig: a({
+			skeletonConfig: te({
 				defaultConfig: F.value,
 				userConfig: sn.value
 			})
@@ -231,7 +234,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 						userConfig: O.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : o[n] || s
+					customPalette: e.customPalette.length ? e.customPalette : o[n] || a
 				};
 			}
 			else t = e;
@@ -250,21 +253,21 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				left: r
 			};
 		});
-		function hn(e, t = 1e3, n = 50) {
-			return new Promise((r) => {
-				let i = e.length;
-				M.value = Array(i).fill(0), Zt.value = [];
-				let a = 0;
-				e.forEach((e, o) => {
+		function hn(e, t = 1e3, r = 50) {
+			return new Promise((i) => {
+				let a = e.length;
+				M.value = Array(a).fill(0), Zt.value = [];
+				let o = 0;
+				e.forEach((e, s) => {
 					setTimeout(() => {
-						let n = performance.now();
-						function s(l) {
-							let u = Math.min((l - n) / t, 1), te = e * ne(u);
-							M.value[o] = te, M.value = [...M.value];
-							let re = [], d = 0;
+						let r = performance.now();
+						function c(l) {
+							let ee = Math.min((l - r) / t, 1), u = e * de(ee);
+							M.value[s] = u, M.value = [...M.value];
+							let te = [], d = 0;
 							O.dataset.forEach((e, t) => {
-								let n = ee(e.series.reduce((e, t) => e + ee(c(t.values).reduce((e, t) => e + t, 0)), 0)) - ee(M.value.slice(d, d + e.series.length).reduce((e, t) => e + t, 0));
-								n > Number.MIN_VALUE && re.push({
+								let r = ne(e.series.reduce((e, t) => e + ne(n(t.values).reduce((e, t) => e + t, 0)), 0)) - ne(M.value.slice(d, d + e.series.length).reduce((e, t) => e + t, 0));
+								r > Number.MIN_VALUE && te.push({
 									name: "__ghost__",
 									arcOf: e.name,
 									arcOfId: `${k.value}_${t}`,
@@ -272,23 +275,23 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 									seriesIndex: -1,
 									datasetIndex: t,
 									color: "transparent",
-									value: n,
-									fullValue: n,
+									value: r,
+									fullValue: r,
 									absoluteValues: [],
 									ghost: !0
 								}), d += e.series.length;
-							}), Zt.value = re, u < 1 ? requestAnimationFrame(s) : (a += 1, a === i && r());
+							}), Zt.value = te, ee < 1 ? requestAnimationFrame(c) : (o += 1, o === a && i());
 						}
-						requestAnimationFrame(s);
-					}, o * n);
+						requestAnimationFrame(c);
+					}, s * r);
 				});
 			});
 		}
 		async function gn() {
 			if (F.value.startAnimation?.show) {
-				let e = L.value.flatMap((e) => e.series).map((e) => c(e.values).reduce((e, t) => e + t, 0));
+				let e = L.value.flatMap((e) => e.series).map((e) => n(e.values).reduce((e, t) => e + t, 0));
 				M.value = e.map(() => 0), j.value = !0, Zt.value = L.value.map((e, t) => {
-					let n = e.series.reduce((e, t) => e + c(t.values).reduce((e, t) => e + t, 0), 0);
+					let r = e.series.reduce((e, t) => e + n(t.values).reduce((e, t) => e + t, 0), 0);
 					return {
 						name: "__ghost__",
 						arcOf: e.name,
@@ -297,8 +300,8 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 						seriesIndex: -1,
 						datasetIndex: t,
 						color: "transparent",
-						value: n,
-						fullValue: n,
+						value: r,
+						fullValue: r,
 						absoluteValues: [],
 						ghost: !0
 					};
@@ -312,7 +315,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 		});
 		let z = Ke(null), _n = Ke(null), B = p(() => F.value.debug);
 		function vn() {
-			if (ie(O.dataset) ? (ue({
+			if (c(O.dataset) ? (se({
 				componentName: "VueUiNestedDonuts",
 				type: "dataset",
 				debug: B.value
@@ -340,7 +343,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 			elementId: `nested_donuts_${k.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-nested-donuts",
 			options: F.value.userOptions.print
-		}), Cn = p(() => F.value.userOptions.show && !F.value.style.chart.title.text), wn = p(() => de(F.value.customPalette)), V = S({
+		}), Cn = p(() => F.value.userOptions.show && !F.value.style.chart.title.text), wn = p(() => fe(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
@@ -365,42 +368,42 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				index: t
 			});
 		}
-		function En({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = ne }) {
+		function En({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = de }) {
 			let o = performance.now();
 			function s(c) {
-				let l = Math.min((c - o) / n, 1), u = a(l);
-				r(e + (t - e) * u, l), l < 1 ? requestAnimationFrame(s) : (r(t, 1), i && i());
+				let l = Math.min((c - o) / n, 1), ee = a(l);
+				r(e + (t - e) * ee, l), l < 1 ? requestAnimationFrame(s) : (r(t, 1), i && i());
 			}
 			requestAnimationFrame(s);
 		}
 		let W = S([]), G = p(() => {
 			cn.value, L.value.forEach((e, t) => {
-				[null, void 0].includes(e.name) && ue({
+				[null, void 0].includes(e.name) && se({
 					componentName: "VueUiNestedDonuts",
 					type: "datasetSerieAttribute",
 					property: "name",
 					index: t,
 					debug: B.value
-				}), [null, void 0].includes(e.series) ? ue({
+				}), [null, void 0].includes(e.series) ? se({
 					componentName: "VueUiNestedDonuts",
 					type: "datasetSerieAttribute",
 					property: "series",
 					index: t,
 					debug: B.value
-				}) : e.series.length === 0 ? ue({
+				}) : e.series.length === 0 ? se({
 					componentName: "VueUiNestedDonuts",
 					type: "datasetAttributeEmpty",
 					property: `series at index ${t}`,
 					debug: B.value
 				}) : e.series.forEach((e, t) => {
-					[null, void 0].includes(e.name) && ue({
+					[null, void 0].includes(e.name) && se({
 						componentName: "VueUiNestedDonuts",
 						type: "datasetSerieAttribute",
 						property: "name",
 						index: t,
 						key: "serie",
 						debug: B.value
-					}), [null, void 0].includes(e.values) && ue({
+					}), [null, void 0].includes(e.values) && se({
 						componentName: "VueUiNestedDonuts",
 						type: "datasetSerieAttribute",
 						property: "values",
@@ -411,23 +414,23 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				});
 			});
 			let e = 0;
-			return L.value.map((t, n) => ({
+			return L.value.map((t, r) => ({
 				...t,
-				total: t.series.filter((e) => !W.value.includes(e.id)).map((e) => c(e.values).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0),
-				datasetIndex: n,
-				id: `${k.value}_${n}`,
-				series: t.series.map((r, i) => {
-					let a = c(r.values).reduce((e, t) => e + t, 0);
+				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),
+				datasetIndex: r,
+				id: `${k.value}_${r}`,
+				series: t.series.map((i, o) => {
+					let s = n(i.values).reduce((e, t) => e + t, 0);
 					return {
-						name: r.name,
+						name: i.name,
 						arcOf: t.name,
-						arcOfId: `${k.value}_${n}`,
-						id: `${k.value}_${n}_${i}`,
-						seriesIndex: i,
-						datasetIndex: n,
-						color: l(r.color) || wn.value[i] || s[i % s.length],
-						value: j.value ? M.value[e++] ?? 0 : a,
-						absoluteValues: r.values || []
+						arcOfId: `${k.value}_${r}`,
+						id: `${k.value}_${r}_${o}`,
+						seriesIndex: o,
+						datasetIndex: r,
+						color: l(i.color) || wn.value[o] || a[o % a.length],
+						value: j.value ? M.value[e++] ?? 0 : s,
+						absoluteValues: i.values || []
 					};
 				})
 			}));
@@ -462,18 +465,18 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 			U("selectLegend", q.value);
 		}
 		function Y(e) {
-			let t = O.dataset.flatMap((e, t) => e.series.map((e, n) => ({
-				value: c(e.values).reduce((e, t) => e + t, 0),
-				id: `${k.value}_${t}_${n}`,
+			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}`,
 				arcOfId: `${k.value}_${t}`
 			}))).find((t) => t.id === e.id);
 			if (!t) return;
-			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, a = G.value.find((e) => e.id === t.arcOfId);
-			if (!a) return;
-			let o = a.series.map((e) => e.id), s = Dn(o, o.length - 1, W.value);
+			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);
+			if (!o) return;
+			let s = o.series.map((e) => e.id), c = Dn(s, s.length - 1, W.value);
 			W.value.includes(e.id) ? (W.value = W.value.filter((t) => t !== e.id), F.value.serieToggleAnimation.show ? En({
-				from: i,
-				to: n,
+				from: a,
+				to: r,
 				duration: F.value.serieToggleAnimation.durationMs,
 				onUpdate: (t) => {
 					J.value = J.value.map((n) => ({
@@ -491,10 +494,10 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				...t,
 				series: t.series.map((t) => t.id === e.id ? {
 					...t,
-					value: n
+					value: r
 				} : t)
-			})), U("selectLegend", q.value))) : s && (F.value.serieToggleAnimation.show ? En({
-				from: i,
+			})), U("selectLegend", q.value))) : c && (F.value.serieToggleAnimation.show ? En({
+				from: a,
 				to: 0,
 				duration: F.value.serieToggleAnimation.durationMs,
 				onUpdate: (t) => {
@@ -536,7 +539,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 			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
-			})), o = ae({ series: [{
+			})), o = ie({ series: [{
 				name: "_",
 				color: F.value.style.chart.layout.donut.emptyFill,
 				value: 1
@@ -549,13 +552,13 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				radius: r,
 				skeleton: o,
 				fullCirclePath: s,
-				donut: ae({ series: a }, H.value.width / 2, H.value.height / 2, r, r, 1.99999, 2, 1, 360, 105.25, Mn.value)
+				donut: ie({ series: a }, H.value.width / 2, H.value.height / 2, r, r, 1.99999, 2, 1, 360, 105.25, Mn.value)
 			};
 		})), Pn = p(() => [...G.value].map((e, t) => {
 			let n = t * K.value / G.value.length;
 			return {
 				sizeRatio: n,
-				donut: ae({ 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]
+				donut: ie({ 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]
 			};
 		})), Fn = S(null), In = S(null), Z = S(null), Ln = S(null);
 		function Rn({ datapoint: e, seriesIndex: t }) {
@@ -584,7 +587,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				config: F.value
 			};
 			let i = F.value.style.chart.tooltip.customFormat;
-			if (fe(i) && te(() => i({
+			if (ee(i) && ae(() => i({
 				seriesIndex: n,
 				datapoint: e,
 				series: J.value,
@@ -617,7 +620,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 							config: F.value.style.chart.tooltip,
 							showVal: F.value.style.chart.tooltip.showValue,
 							showPercentage: F.value.style.chart.tooltip.showPercentage,
-							val: d(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, u({
+							val: re(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,
@@ -637,7 +640,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
                     </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>${d(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>${re(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,
@@ -667,42 +670,42 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 			if (!F.value.style.chart.tooltip.showAllItemsAtIndex || W.value.length) return [null, void 0].includes(In.value) || In.value === e.id ? "" : `url(#blur_${k.value})`;
 		}
 		let Un = p(() => G.value.map((e, t) => {
-			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 c(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 = c(L.value[t].series[n].values).reduce((e, t) => e + t, 0), a = j.value ? i : e.value, o = zn({
-					val: d(F.value.style.chart.layout.labels.dataLabels.formatter, a, u({
+			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 = zn({
+					val: re(F.value.style.chart.layout.labels.dataLabels.formatter, o, u({
 						p: F.value.style.chart.layout.labels.dataLabels.prefix,
-						v: a,
+						v: o,
 						s: F.value.style.chart.layout.labels.dataLabels.suffix,
 						r: F.value.style.chart.legend.roundingValue
 					}), {
 						datapoint: e,
-						seriesIndex: n
+						seriesIndex: r
 					}),
-					percentage: isNaN(a / r) || W.value.includes(e.id) ? "-" : u({
-						v: a / r * 100,
+					percentage: isNaN(o / i) || W.value.includes(e.id) ? "-" : u({
+						v: o / i * 100,
 						s: "%",
 						r: F.value.style.chart.legend.roundingPercentage
 					}),
 					showVal: F.value.style.chart.legend.showValue,
 					showPercentage: F.value.style.chart.legend.showPercentage,
 					config: F.value.style.chart.legend
-				}), s = `${e.name}${F.value.style.chart.legend.showPercentage || F.value.style.chart.legend.showValue ? ": " : ""}${o}`;
+				}), c = `${e.name}${F.value.style.chart.legend.showPercentage || F.value.style.chart.legend.showValue ? ": " : ""}${s}`;
 				return {
 					name: e.name,
 					color: e.color,
-					value: a,
-					display: s,
-					svgDisplay: `${e.arcOf ? `${e.arcOf} - ` : ""}${s}`,
+					value: o,
+					display: c,
+					svgDisplay: `${e.arcOf ? `${e.arcOf} - ` : ""}${c}`,
 					shape: "circle",
 					arcOf: e.arcOf,
 					id: e.id,
-					seriesIndex: n,
+					seriesIndex: r,
 					datasetIndex: t,
-					total: r,
+					total: i,
 					opacity: W.value.includes(e.id) ? .5 : 1,
 					segregate: () => Y(e),
 					isSegregated: W.value.includes(e.id)
@@ -1153,7 +1156,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 			_("div", tt, [(x(), g("svg", {
 				ref_key: "svgRef",
 				ref: R,
-				xmlns: E(le),
+				xmlns: E(ue),
 				"aria-describedby": `chart-instructions-${k.value}`,
 				class: Ve({
 					"vue-data-ui-fullscreen--on": P.value,
@@ -1192,7 +1195,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 						],
 						[
 							`${(1 - Mn.value / Nn.value[t]) * 100}%`,
-							E(n)("#FFFFFF", 0),
+							E(i)("#FFFFFF", 0),
 							0
 						],
 						[
@@ -1286,25 +1289,25 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				}) : e.name), 9, gt)) : h("", !0)]))), 256))]))), 256))])) : h("", !0),
 				F.value.style.chart.layout.labels.dataLabels.show ? (x(), g("g", _t, [(x(!0), g(f, null, C(X.value, (e, t) => (x(), g("g", null, [(x(!0), g(f, null, C(e.donut.filter((e) => !e.ghost), (e, n) => (x(), g("g", { filter: Hn(e, n) }, [Xe(_("text", {
 					opacity: +!!Vn(e),
-					"text-anchor": E(re)(e, !0).anchor,
-					x: E(re)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
-					y: E(se)(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(d)(e, !0).anchor,
+					x: E(d)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
+					y: E(ce)(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(i)(E(u)({
+				}, T(E(s)(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 ? ")" : "")), 9, yt), [[Je, V.value.dataLabels.show && F.value.style.chart.layout.labels.dataLabels.showPercentage]]), Xe(_("text", {
 					opacity: +!!Vn(e),
-					"text-anchor": E(re)(e, !0).anchor,
-					x: E(re)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
-					y: E(se)(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(d)(e, !0).anchor,
+					x: E(d)(e, !1, F.value.style.chart.layout.labels.dataLabels.offsetX).x || 0,
+					y: E(ce)(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(i)(E(d)(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, E(u)({
+				}, T(E(s)(E(re)(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,
@@ -1358,7 +1361,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 				parent: A.value,
 				content: Vt.value,
 				isFullscreen: P.value,
-				isCustom: E(fe)(F.value.style.chart.tooltip.customFormat),
+				isCustom: E(ee)(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,
@@ -1459,13 +1462,7 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 					isCursorPointer: I.value,
 					onClose: rr
 				}, {
-					th: D(({ th: e }) => [_("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, Dt)]),
+					th: D(({ th: e }) => [_("div", Dt, T(e), 1)]),
 					td: D(({ td: e }) => [Le(T(e.name || e), 1)]),
 					_: 1
 				}, 8, [
@@ -1498,6 +1495,6 @@ var Ze = /* @__PURE__ */ e({ default: () => Ot }), Qe = ["id"], $e = ["id"], et
 			w(e.$slots, "skeleton", {}, () => [E(cn) ? (x(), m(ve, { key: 0 })) : h("", !0)], !0)
 		], 46, Qe));
 	}
-}, [["__scopeId", "data-v-d80ff98e"]]);
+}, [["__scopeId", "data-v-bbf98f8b"]]);
 //#endregion
 export { Ze as n, Ot as t };