vue-data-ui 3.23.10 → 3.23.11

package/dist/{vue-ui-mood-radar-Bj3KTWYj.js → vue-ui-mood-radar-BPp7L6OP.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, At as n, Bt as r, D as i, Jt as a, M as ee, Vt as te, X as o, i as ne, jt as re, q as ie, t as ae, tt as oe } from "./lib-AT2PUyyh.js";
+import { $ as t, D as n, Ht as r, M as i, Mt as a, Nt as ee, Ut as te, X as o, Xt as ne, i as re, nt as ie, q as ae, t as oe } from "./lib-Dqr_-I6Y.js";
 import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
 import { t as le } from "./useConfig-DwdGsXTx.js";
-import { t as ue } from "./usePrinter-BFS7d6eb.js";
+import { t as ue } from "./usePrinter-CEiH1b6R.js";
 import { n as de, t as fe } from "./BaseScanner-DZvpgOjM.js";
-import { t as s } from "./useNestedProp-CW0vJS1B.js";
+import { t as s } from "./useNestedProp-CulPqtou.js";
 import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as me } from "./useChartExport-DNiwdPmb.js";
-import { t as he } from "./img-tU9mMt9W.js";
-import { n as ge } from "./Title-BGLPsoA9.js";
+import { t as he } from "./img-Bkzj3lDD.js";
+import { n as ge } from "./Title-CaVA8EIw.js";
 import { t as _e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ve, t as ye } from "./useResponsive-ZtArZtUf.js";
 import { t as be } from "./DefGrad-DVBqDjhO.js";
 import { t as xe } from "./A11yDataTable-DdRsVULz.js";
 import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as we } from "./Legend-DWEFXq9E.js";
+import { t as we } from "./Legend-BJtY2RA9.js";
 import { t as Te } from "./vue_ui_mood_radar-BA6LAKhk.js";
 import { Fragment as Ee, Teleport as De, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as Oe, createTextVNode as ke, createVNode as p, defineAsyncComponent as m, guardReactiveProps as h, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as g, normalizeStyle as _, onMounted as Ne, openBlock as v, ref as y, renderList as Pe, renderSlot as b, resolveDynamicComponent as Fe, toDisplayString as x, toRefs as Ie, unref as S, watch as Le, withCtx as C } from "vue";
 //#region src/components/vue-ui-mood-radar.vue
@@ -95,14 +95,14 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: _e, emit: Re }) {
-		let w = m(() => import("./BaseIcon-B4n7br_R.js").then((e) => e.n)), bt = m(() => import("./vue-ui-accordion-DJNjilyy.js").then((e) => e.n)), xt = m(() => import("./DataTable-DMsScfkx.js")), St = m(() => import("./PenAndPaper-DJ607Hx6.js").then((e) => e.t)), Ct = m(() => import("./UserOptions-HQyukyl2.js").then((e) => e.n)), wt = m(() => import("./PackageVersion-DNTJUKh1.js").then((e) => e.t)), Tt = m(() => import("./BaseDraggableDialog-DBVHlhQZ.js").then((e) => e.n)), { vue_ui_mood_radar: Et } = le(), { isThemeValid: Dt, warnInvalidTheme: Ot } = pe(), T = e, kt = Re, E = y(ie()), D = y(null), O = y(null), At = y(null), jt = y(0), Mt = y(0), Nt = y(0), Pt = y(null), Ft = y(null), k = y(null), A = y(null), It = y(null), Lt = y(!1), j = y(null), Rt = y(null), M = y(null), zt = y(!1), Bt = c(() => !!T.dataset && Object.keys(T.dataset).length), N = y(Jt());
+		let w = m(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), bt = m(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), xt = m(() => import("./DataTable-CmyEubtT.js")), St = m(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), Ct = m(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), wt = m(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), Tt = m(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_mood_radar: Et } = le(), { isThemeValid: Dt, warnInvalidTheme: Ot } = pe(), T = e, kt = Re, E = y(ae()), D = y(null), O = y(null), At = y(null), jt = y(0), Mt = y(0), Nt = y(0), Pt = y(null), Ft = y(null), k = y(null), A = y(null), It = y(null), Lt = y(!1), j = y(null), Rt = y(null), M = y(null), zt = y(!1), Bt = c(() => !!T.dataset && Object.keys(T.dataset).length), N = y(Jt());
 		se({
 			config: () => N.value,
 			dataset: () => T.dataset,
 			component: "VueUiMoodRadar",
 			rules: [ce.noHint]
 		});
-		let P = c(() => N.value.userOptions.useCursorPointer), Vt = c(() => a({
+		let P = c(() => N.value.userOptions.useCursorPointer), Vt = c(() => ne({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -145,7 +145,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 				4: 1,
 				5: 1
 			},
-			skeletonConfig: a({
+			skeletonConfig: ne({
 				defaultConfig: N.value,
 				userConfig: Vt.value
 			})
@@ -155,7 +155,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 		});
 		let Ut = c(() => N.value.debug);
 		function Wt() {
-			if (re(T.dataset) && oe({
+			if (ee(T.dataset) && ie({
 				componentName: "VueUiMoodRadar",
 				type: "dataset",
 				debug: Ut.value
@@ -236,7 +236,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 			let t = $t[e], n = en.value[e] || t;
 			return `translate(${n.x - t.x}, ${n.y - t.y})`;
 		}
-		let tn = c(() => ee({
+		let tn = c(() => i({
 			plot: {
 				x: z.value.width / 2,
 				y: z.value.height / 2
@@ -267,7 +267,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 			onSelect: () => U(e.key)
 		})).sort((e, t) => t.key - e.key)), an = c(() => H.value.map((e, t) => ({
 			...e,
-			display: `${ne(N.value.style.chart.layout.dataLabel.formatter, e.value, o({
+			display: `${re(N.value.style.chart.layout.dataLabel.formatter, e.value, o({
 				p: N.value.style.chart.layout.dataLabel.prefix,
 				v: e.value,
 				s: N.value.style.chart.layout.dataLabel.suffix,
@@ -284,7 +284,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 			"4",
 			"5"
 		].forEach((e) => {
-			[null, void 0].includes(F.value[e]) && oe({
+			[null, void 0].includes(F.value[e]) && ie({
 				componentName: "VueUiMoodRadar",
 				type: "datasetAttribute",
 				property: e,
@@ -348,11 +348,11 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 		}));
 		function cn(e = null) {
 			je(() => {
-				let n = q.value.head.map((e, t) => [
+				let r = q.value.head.map((e, t) => [
 					[e.name],
 					[q.value.body[t]],
 					[isNaN(q.value.body[t] / V.value) ? "-" : q.value.body[t] / V.value * 100]
-				]), r = [
+				]), i = [
 					[N.value.style.chart.title.text],
 					[N.value.style.chart.title.subtitle.text],
 					[
@@ -360,7 +360,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 						["val"],
 						["%"]
 					]
-				].concat(n), a = i(r);
+				].concat(r), a = n(i);
 				e ? e(a) : t({
 					csvContent: a,
 					title: N.value.style.chart.title.text || "vue-ui-mood-radar"
@@ -505,7 +505,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 			return H.value.find((t) => String(t.key) === String(e));
 		}
 		function Dn(e, t, n) {
-			return ne(N.value.style.chart.layout.dataLabel.formatter, e, o({
+			return re(N.value.style.chart.layout.dataLabel.formatter, e, o({
 				p: N.value.style.chart.layout.dataLabel.prefix,
 				v: e,
 				s: N.value.style.chart.layout.dataLabel.suffix,
@@ -760,7 +760,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 			f("div", He, [(v(), d("svg", {
 				ref_key: "svgRef",
 				ref: I,
-				xmlns: S(ae),
+				xmlns: S(oe),
 				"aria-describedby": `chart-instructions-${E.value}`,
 				viewBox: `0 0 ${z.value.width} ${z.value.height}`,
 				class: Me({
@@ -903,7 +903,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 					onClick: t[14] ||= (e) => K("1")
 				}, null, 40, st)], 8, at),
 				f("path", {
-					d: S(n)(on.value.map((e) => e.plots)),
+					d: S(a)(on.value.map((e) => e.plots)),
 					stroke: N.value.style.chart.layout.dataPolygon.stroke,
 					"stroke-width": N.value.style.chart.layout.dataPolygon.strokeWidth,
 					"stroke-linecap": "round",
@@ -944,7 +944,7 @@ var Re = /* @__PURE__ */ e({ default: () => w }), ze = ["id"], Be = ["id"], Ve =
 						"font-size": "12",
 						"text-anchor": "middle",
 						"font-weight": N.value.style.chart.layout.dataLabel.bold ? "bold" : "normal"
-					}, x(S(ne)(N.value.style.chart.layout.dataLabel.formatter, e.value, S(o)({
+					}, x(S(re)(N.value.style.chart.layout.dataLabel.formatter, e.value, S(o)({
 						p: N.value.style.chart.layout.dataLabel.prefix,
 						v: e.value,
 						s: N.value.style.chart.layout.dataLabel.suffix,

package/dist/{vue-ui-nested-donuts-83Wh2w6z.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-AT2PUyyh.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-BFS7d6eb.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-CW0vJS1B.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-tU9mMt9W.js";
-import { n as Ce } from "./Title-BGLPsoA9.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-wRhcG_-q.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-C_lMnQRs.js";
-import { t as Ne } from "./Legend-DWEFXq9E.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
@@ -110,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-DO4-MVhc.js")), kt = v(() => import("./BaseIcon-B4n7br_R.js").then((e) => e.n)), At = v(() => import("./vue-ui-accordion-DJNjilyy.js").then((e) => e.n)), jt = v(() => import("./DataTable-DMsScfkx.js")), Mt = v(() => import("./UserOptions-HQyukyl2.js").then((e) => e.n)), Nt = v(() => import("./PenAndPaper-DJ607Hx6.js").then((e) => e.t)), Pt = v(() => import("./PackageVersion-DNTJUKh1.js").then((e) => e.t)), Ft = v(() => import("./BaseDraggableDialog-DBVHlhQZ.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);
@@ -182,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 },
@@ -213,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
 			})
@@ -234,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;
@@ -253,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}`,
@@ -275,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,
@@ -300,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
 					};
@@ -315,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
@@ -343,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
@@ -368,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",
@@ -414,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 || []
 					};
 				})
 			}));
@@ -465,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) => ({
@@ -494,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) => {
@@ -539,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
@@ -552,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 }) {
@@ -587,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,
@@ -620,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,
@@ -640,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,
@@ -670,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)
@@ -1156,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,
@@ -1195,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
 						],
 						[
@@ -1289,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,
@@ -1361,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,