vue-data-ui 3.23.0 → 3.23.2

package/dist/{vue-ui-donut-B_n6wF6B.js → vue-ui-donut-BZUT7QYt.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Jt as i, K as a, Kt as o, Mt as s, Pt as c, S as l, Vt as u, X as d, at as ee, b as te, et as f, f as p, h as ne, i as m, j as h, jt as re, kt as ie, ot as ae, p as g, pt as oe, q as se, s as ce, t as le, tt as ue, w as de, xt as fe } from "./lib-BuMGJ_a0.js";
+import { $ as t, Bt as n, D as r, Jt as i, K as a, Kt as o, Mt as s, Pt as c, S as l, Vt as u, X as d, at as ee, b as te, et as f, f as p, h as ne, i as m, j as h, jt as re, kt as ie, ot as ae, p as g, pt as oe, q as se, s as ce, t as le, tt as ue, w as de, xt as fe } from "./lib-Bttd6u5E.js";
 import { n as pe, t as me } from "./useHints-Dq_w2E8B.js";
-import { t as he } from "./useConfig-BilxnBNr.js";
-import { t as ge } from "./usePrinter-BFvi4jVy.js";
+import { t as he } from "./useConfig-DlNpz6P8.js";
+import { t as ge } from "./usePrinter-DN5bYhTG.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useSvgExport-Ba9qBr9M.js";
-import { t as be } from "./useNestedProp--NSEmhOH.js";
-import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Se } from "./img-DIQG5q8T.js";
-import { n as Ce } from "./Title-BODtwViI.js";
-import { t as we } from "./Shape-BPMV94Ij.js";
+import { t as ye } from "./useNestedProp-vPNvh7rV.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 we } from "./Shape-C21CMlWS.js";
 import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Ee, t as De } from "./useResponsive-ZtArZtUf.js";
 import { t as Oe } from "./DefGrad-DVBqDjhO.js";
-import { t as ke } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as ke } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as Ae } from "./A11yDataTable-DdRsVULz.js";
 import { t as je } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Me } from "./useChartAccessibility-DYqac8yF.js";
-import { n as Ne, t as Pe } from "./labelUtils-C5lnc_xc.js";
+import { n as Ne, t as Pe } from "./labelUtils-BeVpDvTJ.js";
 import { t as Fe } from "./vue_ui_donut-BDGqG07h.js";
-import { t as Ie } from "./Legend-CQTRlzK-.js";
+import { t as Ie } from "./Legend-CQxUgOd-.js";
 import { Fragment as _, Teleport as Le, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as Re, createTextVNode as ze, createVNode as Be, defineAsyncComponent as Ve, guardReactiveProps as C, mergeProps as He, nextTick as Ue, normalizeClass as We, normalizeProps as w, normalizeStyle as T, onBeforeUnmount as Ge, onMounted as Ke, openBlock as E, ref as D, renderList as O, renderSlot as k, resolveDynamicComponent as qe, shallowRef as Je, toDisplayString as Ye, toRefs as Xe, unref as A, useSlots as Ze, vShow as Qe, watch as $e, withCtx as j, withDirectives as et } from "vue";
 //#region src/useSmallArcLayouts.js
 function tt(e) {
@@ -401,28 +401,28 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 		"copyAlt"
 	],
 	setup(e, { expose: Te, emit: nt }) {
-		let gn = Ve(() => import("./Tooltip-CMTGxeYO.js")), _n = Ve(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), vn = Ve(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), yn = Ve(() => import("./DataTable-D4tM9s5Y.js")), bn = Ve(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), xn = Ve(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Sn = Ve(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Cn = Ve(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_donut: wn } = he(), { isThemeValid: Tn, warnInvalidTheme: En } = xe(), Dn = Ze(), M = e, On = v({
+		let gn = Ve(() => import("./Tooltip-DhjyfHwz.js")), _n = Ve(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), vn = Ve(() => import("./vue-ui-accordion-DegI2lzR.js").then((e) => e.n)), yn = Ve(() => import("./DataTable-BbKgJ5UI.js")), bn = Ve(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), xn = Ve(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Sn = Ve(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), Cn = Ve(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_donut: wn } = he(), { isThemeValid: Tn, warnInvalidTheme: En } = be(), Dn = Ze(), M = e, On = v({
 			get() {
 				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), N = Je(null), kn = D(null), An = D(null), jn = D(null), Mn = Je(null), Nn = Je(null), Pn = Je(null), Fn = Je(null), In = Je(null), Ln = Je(null), Rn = D(0), zn = D(0), Bn = D(0), Vn = D(!1), Hn = D(null), Un = D(null), Wn = D(!1), Gn = D(!1), Kn = D(null), qn = D({
+		}), N = Je(null), kn = D(null), An = D(null), jn = D(null), Mn = Je(null), Nn = Je(null), Pn = Je(null), Fn = Je(null), In = Je(null), Ln = Je(null), Rn = D(0), zn = D(0), Bn = D(0), Vn = D(!1), Hn = D(null), Un = D(null), Wn = D(null), Gn = D({
 			x: 0,
 			y: 0
-		}), Jn = D("pointer"), Yn = D(!1), Xn = v({
+		}), Kn = D("pointer"), qn = D(!1), Jn = v({
 			get: () => L.value.style.chart.layout.labels.percentage.fontSize,
 			set: (e) => e
 		}), P = v({
 			get: () => L.value.style.chart.layout.labels.name.fontSize,
 			set: (e) => e
-		}), Zn = v({
+		}), Yn = v({
 			get: () => L.value.style.chart.layout.labels.dataLabels.smallArcClusterFontSize,
 			set: (e) => e
-		}), Qn = !1, $n = () => {
-			!L.value.autoSize || Qn || (Qn = !0, requestAnimationFrame(() => {
-				Qn = !1;
+		}), Xn = !1, Zn = () => {
+			!L.value.autoSize || Xn || (Xn = !0, requestAnimationFrame(() => {
+				Xn = !1;
 				let e = L.value, t = kn.value, n = z.value;
 				if (!e.autoSize || !t || !n) return;
 				let [r, i, a, o] = n.getAttribute("viewBox").split(" ").map(Number), s = {
@@ -435,7 +435,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						selector: ".vue-data-ui-datalabel-value",
 						baseSize: e.style.chart.layout.labels.percentage.fontSize,
 						minSize: e.style.chart.layout.labels.percentage.minFontSize,
-						sizeRef: Xn
+						sizeRef: Jn
 					},
 					{
 						selector: ".vue-data-ui-datalabel-name",
@@ -447,7 +447,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						selector: ".vue-data-ui-datalabel-inline",
 						baseSize: e.style.chart.layout.labels.dataLabels.smallArcClusterFontSize,
 						minSize: e.style.chart.layout.labels.name.minFontSize,
-						sizeRef: Zn
+						sizeRef: Yn
 					}
 				];
 				c.map((e) => t.querySelectorAll(e.selector).length).reduce((e, t) => e + t, 0) !== 0 && c.forEach(({ selector: e, baseSize: n, minSize: r, sizeRef: i }) => {
@@ -465,31 +465,31 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			}));
 		};
 		Ke(async () => {
-			Vn.value = !0, nr(), requestAnimationFrame($n);
+			Vn.value = !0, er(), requestAnimationFrame(Zn);
 		});
-		let er;
+		let Qn;
 		Ke(() => {
-			N.value && (er = new ResizeObserver((e) => {
+			N.value && (Qn = new ResizeObserver((e) => {
 				for (let t of e) {
 					let { width: e, height: n } = t.contentRect;
 					if (e > 0 && n > 0) {
-						$n();
+						Zn();
 						break;
 					}
 				}
-			}), er.observe(N.value.parentElement));
+			}), Qn.observe(N.value.parentElement));
 		}), Ge(() => {
-			er?.disconnect();
+			Qn?.disconnect();
 		}), Ge(() => {
 			Pn.value && (Fn.value && Pn.value.unobserve(Fn.value), Pn.value.disconnect());
 		});
-		let tr = v(() => !!L.value.debug);
-		function nr() {
+		let $n = v(() => L.value.debug);
+		function er() {
 			if (re(M.dataset) ? (ue({
 				componentName: "VueUiDonut",
 				type: "dataset",
-				debug: tr.value
-			}), On.value = !1, dr.value = !0) : (M.dataset.forEach((e, t) => {
+				debug: $n.value
+			}), On.value = !1, lr.value = !0) : (M.dataset.forEach((e, t) => {
 				oe({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
@@ -499,18 +499,17 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: tr.value
-					}), On.value = !1, dr.value = !0;
+						debug: $n.value
+					}), On.value = !1, lr.value = !0;
 				});
-			}), M.dataset.forEach((e, t) => {
+			}), $n.value && M.dataset.forEach((e, t) => {
 				(!e.name || e.name === "") && ue({
 					componentName: "VueUiDonut",
 					type: "datasetAttributeEmpty",
 					property: "name",
-					index: t,
-					debug: tr.value
+					index: t
 				});
-			})), re(M.dataset) || (dr.value = L.value.loading), L.value.responsive) {
+			})), re(M.dataset) || (lr.value = L.value.loading), L.value.responsive) {
 				let e = Ee(() => {
 					let { width: e, height: t } = De({
 						chart: N.value,
@@ -518,30 +517,30 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						legend: L.value.style.chart.legend.show ? Nn.value : null,
 						source: In.value,
 						noTitle: Ln.value,
-						padding: L.value.autoSize ? void 0 : Sr.value
+						padding: L.value.autoSize ? void 0 : br.value
 					});
 					requestAnimationFrame(() => {
-						V.value.width = e, V.value.height = t, $n();
+						V.value.width = e, V.value.height = t, Zn();
 					});
 				});
 				Pn.value && (Fn.value && Pn.value.unobserve(Fn.value), Pn.value.disconnect()), Pn.value = new ResizeObserver(e), Fn.value = N.value.parentNode, Pn.value.observe(Fn.value);
 			}
 		}
-		let F = D(se()), rr = D(!1), ir = D(""), I = D(null), ar = D(0);
-		function or() {
-			let e = be({
+		let F = D(se()), tr = D(!1), nr = D(""), I = D(null), rr = D(0);
+		function ir() {
+			let e = ye({
 				userConfig: M.config,
 				defaultConfig: wn
 			}), t = {}, n = e.theme;
 			if (!n) t = e;
 			else if (!Tn.value(e)) En(e), t = e;
 			else {
-				let r = be({
+				let r = ye({
 					userConfig: Fe[n] || M.config,
 					defaultConfig: e
 				});
 				t = {
-					...be({
+					...ye({
 						userConfig: M.config,
 						defaultConfig: r
 					}),
@@ -550,7 +549,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			}
 			return t;
 		}
-		let L = D(or());
+		let L = D(ir());
 		pe({
 			config: () => L.value,
 			dataset: () => M.dataset,
@@ -572,7 +571,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				}
 			]
 		});
-		let sr = v(() => L.value.userOptions.useCursorPointer), cr = v(() => i({
+		let ar = v(() => L.value.userOptions.useCursorPointer), or = v(() => i({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -600,10 +599,10 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				} }
 			},
 			userConfig: L.value.skeletonConfig ?? {}
-		})), { loading: lr, FINAL_DATASET: ur, manualLoading: dr, skeletonDataset: fr } = _e({
+		})), { loading: sr, FINAL_DATASET: cr, manualLoading: lr, skeletonDataset: ur } = _e({
 			...Xe(M),
 			FINAL_CONFIG: L,
-			prepareConfig: or,
+			prepareConfig: ir,
 			skeletonDataset: M.config?.skeletonDataset ?? [
 				{
 					name: "",
@@ -623,35 +622,35 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			],
 			skeletonConfig: i({
 				defaultConfig: L.value,
-				userConfig: cr.value
+				userConfig: or.value
 			})
-		}), R = D(!0), pr = D(0), mr = D(!1), hr = null;
-		function gr(e = 1e3) {
+		}), R = D(!0), dr = D(0), fr = D(!1), pr = null;
+		function mr(e = 1e3) {
 			return new Promise((t) => {
 				let n = performance.now();
 				function r(i) {
 					let a = i - n, o = Math.min(a / e, 1), s = f(o);
-					pr.value = s, o < 1 ? hr = requestAnimationFrame(r) : (pr.value = 1, hr = null, t());
+					dr.value = s, o < 1 ? pr = requestAnimationFrame(r) : (dr.value = 1, pr = null, t());
 				}
-				hr !== null && cancelAnimationFrame(hr), pr.value = 0, hr = requestAnimationFrame(r);
+				pr !== null && cancelAnimationFrame(pr), dr.value = 0, pr = requestAnimationFrame(r);
 			});
 		}
-		$e(() => lr.value, async (e) => {
-			if (e || mr.value) return;
-			let t = ur.value === fr, n = L.value.startAnimation?.show;
-			!t && n ? (mr.value = !0, await gr(L.value.startAnimation.durationMs || 1e3)) : pr.value = 1, R.value = !1;
+		$e(() => sr.value, async (e) => {
+			if (e || fr.value) return;
+			let t = cr.value === ur, n = L.value.startAnimation?.show;
+			!t && n ? (fr.value = !0, await mr(L.value.startAnimation.durationMs || 1e3)) : dr.value = 1, R.value = !1;
 		}, { immediate: !0 });
-		let { userOptionsVisible: _r, setUserOptionsVisibility: vr, keepUserOptionState: yr } = je({ config: L.value }), { svgRef: z } = Me({ config: L.value.style.chart.title });
-		function br() {
-			vr(!0);
+		let { userOptionsVisible: hr, setUserOptionsVisibility: gr, keepUserOptionState: _r } = je({ config: L.value }), { svgRef: z } = Me({ config: L.value.style.chart.title });
+		function vr() {
+			gr(!0);
 		}
-		function xr() {
-			vr(!1);
+		function yr() {
+			gr(!1);
 		}
 		$e(() => M.config, (e) => {
-			lr.value || (L.value = or()), _r.value = !L.value.userOptions.showOnChartHover, nr(), Rn.value += 1, zn.value += 1, Bn.value += 1, B.value.dataLabels.show = L.value.style.chart.layout.labels.dataLabels.show, B.value.showTable = L.value.table.show, B.value.showTooltip = L.value.style.chart.tooltip.show, V.value.height = L.value.style.chart.height, V.value.width = L.value.style.chart.width;
+			sr.value || (L.value = ir()), hr.value = !L.value.userOptions.showOnChartHover, er(), Rn.value += 1, zn.value += 1, Bn.value += 1, B.value.dataLabels.show = L.value.style.chart.layout.labels.dataLabels.show, B.value.showTable = L.value.table.show, B.value.showTooltip = L.value.style.chart.tooltip.show, V.value.height = L.value.style.chart.height, V.value.width = L.value.style.chart.width;
 		}, { deep: !0 });
-		let Sr = v(() => {
+		let br = v(() => {
 			let { top: e, right: t, bottom: n, left: r } = L.value.style.chart.padding;
 			return {
 				css: `padding:${e}px ${t}px ${n}px ${r}px`,
@@ -660,11 +659,11 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				bottom: n,
 				left: r
 			};
-		}), { isPrinting: Cr, isImaging: wr, generatePdf: Tr, generateImage: Er } = ge({
+		}), { isPrinting: xr, isImaging: Sr, generatePdf: Cr, generateImage: wr } = ge({
 			elementId: `donut__${F.value}`,
 			fileName: L.value.style.chart.title.text || "vue-ui-donut",
 			options: L.value.userOptions.print
-		}), Dr = v(() => L.value.userOptions.show && !L.value.style.chart.title.text), Or = v(() => de(L.value.customPalette)), B = D({
+		}), Tr = v(() => L.value.userOptions.show && !L.value.style.chart.title.text), Er = v(() => de(L.value.customPalette)), B = D({
 			dataLabels: { show: L.value.style.chart.layout.labels.dataLabels.show },
 			showTable: L.value.table.show,
 			showTooltip: L.value.style.chart.tooltip.show
@@ -679,16 +678,16 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 		let V = D({
 			height: L.value.style.chart.height,
 			width: L.value.style.chart.width
-		}), kr = v(() => {
+		}), Dr = v(() => {
 			if (L.value.pie) return G.value;
 			let e = L.value.style.chart.layout.donut.strokeWidth / 512, t = Math.min(V.value.width, V.value.height) * e, n = t > G.value ? G.value : t;
 			return Math.max(n, 12 * (1 + e));
-		}), Ar = nt, H = v(() => ur.value.sort((e, t) => {
+		}), Or = nt, H = v(() => cr.value.sort((e, t) => {
 			let n = Array.isArray(e.values) ? e.values.reduce((e, t) => e + t, 0) : e.value ?? 0, r = Array.isArray(t.values) ? t.values.reduce((e, t) => e + t, 0) : t.value ?? 0;
 			return e.ghost && !t.ghost ? 1 : t.ghost && !e.ghost ? -1 : r - n;
 		}).map((e, t) => ({
 			name: e.name,
-			color: l(e.color) || Or.value[t] || c[t] || c[t % c.length],
+			color: l(e.color) || Er.value[t] || c[t] || c[t % c.length],
 			value: te(e.values.reduce((e, t) => e + t, 0)),
 			absoluteValues: e.values,
 			comment: e.comment || "",
@@ -698,28 +697,28 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			pattern: `pattern_${F.value}_${t}`
 		})));
 		$e(() => M.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (dr.value = !1);
+			Array.isArray(e) && e.length > 0 && (lr.value = !1);
 		}, { immediate: !0 });
 		let U = Je(H.value);
 		$e(() => H.value, (e) => {
-			U.value = e, requestAnimationFrame($n);
+			U.value = e, requestAnimationFrame(Zn);
 		});
-		function jr() {
+		function kr() {
 			return H.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				value: e.value
 			}));
 		}
-		let W = D([]), Mr = D(!1), Nr = D(null);
-		function Pr() {
-			Ar("selectLegend", Hr.value.map((e) => ({
+		let W = D([]), Ar = D(!1), jr = D(null);
+		function Mr() {
+			Or("selectLegend", Br.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				value: e.value
 			})));
 		}
-		function Fr({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = f }) {
+		function Nr({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = f }) {
 			let o = performance.now();
 			function s(c) {
 				let l = Math.min((c - o) / n, 1), u = a(l);
@@ -727,12 +726,12 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			}
 			requestAnimationFrame(s);
 		}
-		function Ir() {
-			W.value.length ? W.value = [] : Ur.value.forEach((e, t) => {
+		function Pr() {
+			W.value.length ? W.value = [] : Vr.value.forEach((e, t) => {
 				W.value.push(t);
-			}), Pr();
+			}), Mr();
 		}
-		function Lr(e) {
+		function Fr(e) {
 			let t = H.value.find((t, n) => n === e), n = U.value.find((t, n) => n === e).value;
 			if (W.value.includes(e)) {
 				W.value = W.value.filter((t) => t !== e);
@@ -741,10 +740,10 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					U.value = U.value.map((t, n) => e === n ? {
 						...t,
 						value: r
-					} : t), Pr();
+					} : t), Mr();
 				}
 				function a() {
-					Mr.value = !0, Nr.value = e, Fr({
+					Ar.value = !0, jr.value = e, Nr({
 						from: n,
 						to: r,
 						duration: L.value.serieToggleAnimation.durationMs,
@@ -752,23 +751,23 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 							U.value = U.value.map((n, r) => e === r ? {
 								...n,
 								value: t
-							} : n), requestAnimationFrame($n);
+							} : n), requestAnimationFrame(Zn);
 						},
 						onDone: () => {
-							i(), Mr.value = !1, Nr.value = null;
+							i(), Ar.value = !1, jr.value = null;
 						}
 					});
 				}
-				L.value.serieToggleAnimation.show && L.value.type === "classic" ? a() : (i(), requestAnimationFrame($n));
+				L.value.serieToggleAnimation.show && L.value.type === "classic" ? a() : (i(), requestAnimationFrame(Zn));
 			} else if (W.value.length < H.value.length - 1) {
 				function t() {
 					W.value.push(e), U.value = U.value.map((t, n) => e === n ? {
 						...t,
 						value: 0
-					} : t), Pr();
+					} : t), Mr();
 				}
 				function r() {
-					Mr.value = !0, Nr.value = e, Fr({
+					Ar.value = !0, jr.value = e, Nr({
 						from: n,
 						to: 0,
 						duration: L.value.serieToggleAnimation.durationMs,
@@ -776,42 +775,43 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 							U.value = U.value.map((n, r) => e === r ? {
 								...n,
 								value: t
-							} : n), requestAnimationFrame($n);
+							} : n), requestAnimationFrame(Zn);
 						},
 						onDone: () => {
-							t(), requestAnimationFrame($n), Mr.value = !1, Nr.value = null;
+							t(), requestAnimationFrame(Zn), Ar.value = !1, jr.value = null;
 						}
 					});
 				}
 				L.value.serieToggleAnimation.show && L.value.type === "classic" ? r() : t();
 			}
 		}
-		function Rr(e) {
-			return H.value.length ? H.value.find((t) => t.name === e) || (L.value.debug && console.warn(`VueUiDonut - Series name not found "${e}"`), null) : (L.value.debug && console.warn("VueUiDonut - There are no series to show."), null);
+		function Ir(e) {
+			return H.value.length ? H.value.find((t) => t.name === e) || ($n.value && console.warn(`VueUiDonut - Series name not found "${e}"`), null) : ($n.value && console.warn("VueUiDonut - There are no series to show."), null);
 		}
-		function zr(e) {
-			let t = Rr(e);
-			t !== null && W.value.includes(t.seriesIndex) && Lr(t.seriesIndex);
+		function Lr(e) {
+			let t = Ir(e);
+			t !== null && W.value.includes(t.seriesIndex) && Fr(t.seriesIndex);
 		}
-		function Br(e) {
-			let t = Rr(e);
-			t !== null && (W.value.includes(t.seriesIndex) || Lr(t.seriesIndex));
+		function Rr(e) {
+			let t = Ir(e);
+			t !== null && (W.value.includes(t.seriesIndex) || Fr(t.seriesIndex));
 		}
-		let Vr = v(() => ur.value.reduce((e, t) => e + t.values.reduce((e, t) => e + t, 0), 0)), Hr = v(() => {
-			if (R.value && !lr.value) {
-				let e = pr.value, t = H.value.map((t) => ({
+		let zr = v(() => cr.value.reduce((e, t) => e + t.values.reduce((e, t) => e + t, 0), 0)), Br = v(() => {
+			if (R.value && !sr.value) {
+				let e = dr.value, t = H.value.map((t) => ({
 					...t,
 					value: t.value * e,
 					color: t.color,
 					ghost: !1
-				})), n = Vr.value * (1 - e);
+				})), n = zr.value * (1 - e);
 				return n > 0 && t.push({
 					name: "__ghost__",
 					value: n,
 					color: "transparent",
 					ghost: !0
 				}), t;
-			} else return U.value.forEach((e) => {
+			}
+			return U.value.forEach((e) => {
 				if ([null, void 0].includes(e.values)) return {
 					...e,
 					values: []
@@ -820,11 +820,11 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				...e,
 				seriesIndex: t
 			})).filter((e, t) => !W.value.includes(t));
-		}), Ur = v(() => ur.value.map((e, t) => {
-			let n = (e.values || []).reduce((e, t) => e + t, 0), r = n / ur.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0);
+		}), Vr = v(() => cr.value.map((e, t) => {
+			let n = (e.values || []).reduce((e, t) => e + t, 0), r = n / cr.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0);
 			return {
 				name: e.name,
-				color: l(e.color) || Or.value[t] || c[t] || c[t % c.length],
+				color: l(e.color) || Er.value[t] || c[t] || c[t % c.length],
 				value: n,
 				shape: "circle",
 				patternIndex: t,
@@ -839,13 +839,13 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			}), {
 				datapoint: e,
 				index: t
-			}), r = m(L.value.style.chart.layout.labels.percentage.formatter, ei(e), d({
-				v: ei(e),
+			}), r = m(L.value.style.chart.layout.labels.percentage.formatter, Qr(e), d({
+				v: Qr(e),
 				s: "%",
 				r: L.value.style.chart.legend.roundingPercentage
-			})), i = gi({
+			})), i = mi({
 				val: n,
-				percentage: W.value.includes(t) ? `${hi(e.proportion * 100)}%` : r,
+				percentage: W.value.includes(t) ? `${pi(e.proportion * 100)}%` : r,
 				showVal: L.value.style.chart.legend.showValue,
 				showPercentage: L.value.style.chart.legend.showPercentage,
 				config: L.value.style.chart.legend
@@ -853,11 +853,11 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			return {
 				...e,
 				opacity: W.value.includes(t) ? .5 : 1,
-				segregate: () => !Mr.value && Lr(t),
+				segregate: () => !Ar.value && Fr(t),
 				isSegregated: W.value.includes(t),
 				display: `${e.name}${L.value.style.chart.legend.showPercentage || L.value.style.chart.legend.showValue ? ": " : ""}${i}`
 			};
-		})), Wr = v(() => ({
+		})), Hr = v(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: L.value.style.chart.legend.backgroundColor,
 			color: L.value.style.chart.legend.color,
@@ -867,7 +867,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 		})), G = v(() => {
 			let e = L.value.style.chart.layout.donut.radiusRatio, t = Math.max(.1, Math.min(.50001, e)), n = Math.min(V.value.width * t, V.value.height * t);
 			return Math.max(12, n);
-		}), K = v(() => ie({ series: Hr.value }, V.value.width / 2, V.value.height / 2, G.value, G.value, 1.99999, 2, 1, 360, 105.25, kr.value)), Gr = v(() => Math.abs(Hr.value.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0), Kr = v(() => ie({ series: [{
+		}), K = v(() => ie({ series: Br.value }, V.value.width / 2, V.value.height / 2, G.value, G.value, 1.99999, 2, 1, 360, 105.25, Dr.value)), Ur = v(() => Math.abs(Br.value.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0), Wr = v(() => ie({ series: [{
 			value: 1,
 			color: L.value.style.chart.layout.donut.emptyFill,
 			name: "_",
@@ -875,10 +875,10 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			patternIndex: -1,
 			ghost: !1,
 			absoluteValues: [1]
-		}] }, V.value.width / 2, V.value.height / 2, G.value, G.value, 1.99999, 2, 1, 360, 105.25, kr.value)), q = v(() => K.value.filter((e) => !e.ghost)), J = v(() => {
-			let e = Math.max(...Hr.value.map((e) => e.value));
+		}] }, V.value.width / 2, V.value.height / 2, G.value, G.value, 1.99999, 2, 1, 360, 105.25, Dr.value)), q = v(() => K.value.filter((e) => !e.ghost)), J = v(() => {
+			let e = Math.max(...Br.value.map((e) => e.value)), t = Br.value.map((t) => t.value / e);
 			return h({
-				series: Hr.value.map((t) => t.value / e),
+				series: t,
 				center: {
 					x: V.value.width / 2,
 					y: V.value.height / 2
@@ -887,10 +887,10 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				hasGhost: R.value
 			});
 		});
-		function qr(e) {
+		function Gr(e) {
 			return e.x > V.value.width / 2 + 6 ? "start" : e.x < V.value.width / 2 - 6 ? "end" : "middle";
 		}
-		function Jr(e) {
+		function Kr(e) {
 			return e.middlePoint.y > V.value.height / 2 ? s({
 				initX: e.middlePoint.x,
 				initY: e.middlePoint.y,
@@ -908,72 +908,72 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 		function Y(e) {
 			return e.proportion * 100 > L.value.style.chart.layout.labels.dataLabels.hideUnderValue;
 		}
-		function Yr(e, t) {
-			let n = L.value.style.chart.layout.labels.dataLabels.hideUnderValue, r = L.value.style.chart.layout.labels.dataLabels.smallArcClusterThreshold, i = (Qr.value[t] ?? e.proportion ?? 0) * 100;
+		function qr(e, t) {
+			let n = L.value.style.chart.layout.labels.dataLabels.hideUnderValue, r = L.value.style.chart.layout.labels.dataLabels.smallArcClusterThreshold, i = (Xr.value[t] ?? e.proportion ?? 0) * 100;
 			return i > n && i <= r;
 		}
 		let { smallArcLayoutsClassic: X } = tt({
 			FINAL_CONFIG: L,
 			noGhostDonut: q,
 			svg: V,
-			padding: Sr,
-			labels_inline_fontSize: Zn,
+			padding: br,
+			labels_inline_fontSize: Yn,
 			minSize: G,
 			findArcMidpoint: ee,
 			calcMarkerOffsetX: p,
 			calcMarkerOffsetY: g,
-			animatingIndex: Nr,
+			animatingIndex: jr,
 			segregated: W,
-			isSmallArc: Yr
+			isSmallArc: qr
 		});
-		function Xr(e, t) {
-			let n = e.value / Zr(t);
+		function Jr(e, t) {
+			let n = e.value / Yr(t);
 			return isNaN(n) ? 0 : m(L.value.style.chart.layout.labels.percentage.formatter, n * 100, d({
 				v: n * 100,
 				s: "%",
 				r: L.value.style.chart.layout.labels.percentage.rounding
 			}), { datapoint: e });
 		}
-		function Zr(e) {
+		function Yr(e) {
 			return [...e].map((e) => e.value).reduce((e, t) => e + t, 0);
 		}
-		let Z = v(() => Hr.value.map((e) => e.value).reduce((e, t) => e + t, 0)), Qr = v(() => {
+		let Z = v(() => Br.value.map((e) => e.value).reduce((e, t) => e + t, 0)), Xr = v(() => {
 			let e = H.value.reduce((e, t) => e + t.value, 0);
 			return e <= 0 ? [] : H.value.map((t) => t.value / e);
-		}), $r = v(() => Z.value / Hr.value.length);
-		function ei(e) {
-			return Mr.value ? e.proportion * 100 : e.value / Z.value * 100;
+		}), Zr = v(() => Z.value / Br.value.length);
+		function Qr(e) {
+			return Ar.value ? e.proportion * 100 : e.value / Z.value * 100;
 		}
-		let ti = D(null), ni = D(!1);
-		function ri({ datapoint: e, seriesIndex: t }) {
+		let $r = D(null), ei = D(!1);
+		function ti({ datapoint: e, seriesIndex: t }) {
 			L.value.events.datapointLeave && L.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), rr.value = !1, I.value = null, Kn.value = null, Jn.value = "pointer";
+			}), tr.value = !1, I.value = null, Wn.value = null, Kn.value = "pointer";
 		}
 		function Q({ datapoint: e, relativeIndex: t, seriesIndex: n, show: r = !1, triggerMode: i = "pointer" }) {
 			L.value.events.datapointEnter && L.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: n
-			}), Jn.value = i, Kn.value = t, ti.value = {
+			}), Kn.value = i, Wn.value = t, $r.value = {
 				datapoint: e,
 				seriesIndex: n,
 				config: L.value,
 				series: H.value
-			}, rr.value = r, I.value = t;
+			}, tr.value = r, I.value = t;
 			let a = "", o = L.value.style.chart.tooltip.customFormat;
-			if (ni.value = !1, fe(o)) try {
+			if (ei.value = !1, fe(o)) try {
 				let t = o({
 					seriesIndex: n,
 					datapoint: e,
 					series: H.value,
 					config: L.value
 				});
-				typeof t == "string" && (ir.value = t, ni.value = !0);
+				typeof t == "string" && (nr.value = t, ei.value = !0);
 			} catch {
-				console.warn("Custom format cannot be applied."), ni.value = !1;
+				console.warn("Custom format cannot be applied."), ei.value = !1;
 			}
-			ni.value || (a += `<div style="width:100%;text-align:center;border-bottom:1px solid ${L.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, a += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${e.color}"/>${Dn.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${F.value}_${n})"/>` : ""}</svg>`, a += `<b>${gi({
+			ei.value || (a += `<div style="width:100%;text-align:center;border-bottom:1px solid ${L.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, a += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${e.color}"/>${Dn.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${F.value}_${n})"/>` : ""}</svg>`, a += `<b>${mi({
 				showVal: L.value.style.chart.tooltip.showValue,
 				showPercentage: L.value.style.chart.tooltip.showPercentage,
 				val: `<span>${m(L.value.style.chart.layout.labels.value.formatter, e.value, d({
@@ -996,9 +996,9 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					seriesIndex: n
 				}),
 				config: L.value.style.chart.tooltip
-			})}</b></div>`, L.value.style.chart.comments.showInTooltip && e.comment && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${e.color}20; padding: 6px; margin-bottom: 6px; margin-top:6px; border-left: 1px solid ${e.color}">${e.comment}</div>`), ir.value = `<div>${a}</div>`);
+			})}</b></div>`, L.value.style.chart.comments.showInTooltip && e.comment && (a += `<div class="vue-data-ui-tooltip-comment" style="background:${e.color}20; padding: 6px; margin-bottom: 6px; margin-top:6px; border-left: 1px solid ${e.color}">${e.comment}</div>`), nr.value = `<div>${a}</div>`);
 		}
-		function ii(e, t) {
+		function ni(e, t) {
 			let n = X.value[t];
 			if (n) return {
 				textAnchor: n.textAnchor,
@@ -1012,37 +1012,37 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				y: g(e)
 			};
 		}
-		function ai(e, t, n) {
-			let { textAnchor: r, x: i } = ii(e, t), a = _i(e), o = `
+		function ri(e, t, n) {
+			let { textAnchor: r, x: i } = ni(e, t), a = hi(e), o = `
         <tspan
             class="vue-data-ui-datalabel-inline"
             fill="${L.value.style.chart.layout.labels.percentage.color}"
-            font-size="${n ? Zn.value : Xn.value}px"
+            font-size="${n ? Yn.value : Jn.value}px"
             style="font-weight:${L.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}"
         >${a}</tspan>
     `, s = String(e.name ?? "").split(/\n/g), c = "";
 			return s.forEach((e, t) => {
-				t === 0 ? c += `
+				c += t === 0 ? `
                 <tspan
                     class="${n ? "vue-data-ui-datalabel-inline" : "vue-data-ui-datalabel-name"}"
                     fill="${L.value.style.chart.layout.labels.name.color}"
-                    font-size="${n ? Zn.value : P.value}px"
+                    font-size="${n ? Yn.value : P.value}px"
                     style="font-weight:${L.value.style.chart.layout.labels.name.bold ? "bold" : ""}"
                 >${e}</tspan>
-            ` : c += `
+            ` : `
                 <tspan
                     class="${n ? "vue-data-ui-datalabel-inline" : "vue-data-ui-datalabel-name"}"
                     x="${i}"
-                    dy="${(n ? Zn.value : P.value) * 1.2}"
+                    dy="${(n ? Yn.value : P.value) * 1.2}"
                     fill="${L.value.style.chart.layout.labels.name.color}"
-                    font-size="${n ? Zn.value : P.value}px"
+                    font-size="${n ? Yn.value : P.value}px"
                     style="font-weight:${L.value.style.chart.layout.labels.name.bold ? "bold" : ""}"
                 >${e}</tspan>
             `;
 			}), r === "end" ? `${L.value.style.chart.layout.labels.name.show ? c : ""}${o}` : `${o}${L.value.style.chart.layout.labels.name.show ? c : ""}`;
 		}
-		function oi(e, t) {
-			let n = J.value[t].middlePoint, r = qr(n), i = s({
+		function ii(e, t) {
+			let n = J.value[t].middlePoint, r = Gr(n), i = s({
 				initX: n.x,
 				initY: n.y,
 				offset: 42,
@@ -1050,23 +1050,23 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				centerY: V.value.height / 2
 			}), a = i.x;
 			i.y;
-			let o = _i(e), c = `
+			let o = hi(e), c = `
         <tspan
             class="vue-data-ui-datalabel-value"
             fill="${L.value.style.chart.layout.labels.percentage.color}"
-            font-size="${Xn.value}px"
+            font-size="${Jn.value}px"
             style="font-weight:${L.value.style.chart.layout.labels.percentage.bold ? "bold" : "normal"}"
         >${o}</tspan>
     `, l = String(e.name ?? "").split(/\n/g), u = "";
 			return l.forEach((e, t) => {
-				t === 0 ? u += `
+				u += t === 0 ? `
                 <tspan
                     class="vue-data-ui-datalabel-name"
                     fill="${L.value.style.chart.layout.labels.name.color}"
                     font-size="${P.value}px"
                     style="font-weight:${L.value.style.chart.layout.labels.name.bold ? "bold" : "normal"}"
                 >${e}</tspan>
-            ` : u += `
+            ` : `
                 <tspan
                     class="vue-data-ui-datalabel-name"
                     x="${a}"
@@ -1078,28 +1078,28 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
             `;
 			}), r === "end" ? `${L.value.style.chart.layout.labels.name.show ? u : ""}${c}` : `${c}${L.value.style.chart.layout.labels.name.show ? u : ""}`;
 		}
-		function si(e) {
+		function ai(e) {
 			return L.value.useBlurOnHover && ![null, void 0].includes(I.value) && I.value !== e ? `url(#blur_${F.value})` : "";
 		}
-		function ci(e) {
-			if (!Mr.value || Nr.value === null || e.seriesIndex !== Nr.value) return 1;
+		function oi(e) {
+			if (!Ar.value || jr.value === null || e.seriesIndex !== jr.value) return 1;
 			let t = (e.proportion ?? 0) * 100, n = L.value.style.chart.layout.labels.dataLabels.hideUnderValue, r = L.value.style.chart.layout.labels.dataLabels.smallArcClusterThreshold + 2, i = n;
 			return t >= r ? 1 : t <= i ? 0 : (t - i) / (r - i);
 		}
-		let li = v(() => ({
-			head: Hr.value.map((e) => ({
+		let si = v(() => ({
+			head: Br.value.map((e) => ({
 				name: e.name,
 				color: e.color
 			})),
-			body: Hr.value.map((e) => e.value)
+			body: Br.value.map((e) => e.value)
 		}));
-		function ui(e = null) {
+		function ci(e = null) {
 			Ue(() => {
-				let n = li.value.head.map((e, t) => [
+				let n = si.value.head.map((e, t) => [
 					[e.name],
-					[li.value.body[t]],
-					[isNaN(li.value.body[t] / Z.value) ? "-" : li.value.body[t] / Z.value * 100]
-				]), i = r([
+					[si.value.body[t]],
+					[isNaN(si.value.body[t] / Z.value) ? "-" : si.value.body[t] / Z.value * 100]
+				]), i = [
 					[L.value.style.chart.title.text],
 					[L.value.style.chart.title.subtitle.text],
 					[
@@ -1107,14 +1107,14 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						["val"],
 						["%"]
 					]
-				].concat(n));
-				e ? e(i) : t({
-					csvContent: i,
+				].concat(n), a = r(i);
+				e ? e(a) : t({
+					csvContent: a,
 					title: L.value.style.chart.title.text || "vue-ui-donut"
 				});
 			});
 		}
-		let di = v(() => {
+		let li = v(() => {
 			let e = [
 				" <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2\" /></svg>",
 				d({
@@ -1124,13 +1124,13 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					r: L.value.table.td.roundingValue
 				}),
 				"100%"
-			], t = li.value.head.map((e, t) => [
+			], t = si.value.head.map((e, t) => [
 				{
 					color: e.color,
 					name: e.name || "-"
 				},
-				li.value.body[t],
-				isNaN(li.value.body[t] / Z.value) ? "-" : (li.value.body[t] / Z.value * 100).toFixed(L.value.table.td.roundingPercentage) + "%"
+				si.value.body[t],
+				isNaN(si.value.body[t] / Z.value) ? "-" : (si.value.body[t] / Z.value * 100).toFixed(L.value.table.td.roundingPercentage) + "%"
 			]), n = t.map((e) => e.map((e, t) => t === 0 ? e.name : e)), r = {
 				th: {
 					backgroundColor: L.value.table.th.backgroundColor,
@@ -1155,18 +1155,18 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				a11yBody: n,
 				config: r
 			};
-		}), fi = D(!1);
-		function pi(e) {
-			fi.value = e, ar.value += 1;
+		}), ui = D(!1);
+		function di(e) {
+			ui.value = e, rr.value += 1;
 		}
-		let mi = v(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
-		function hi(e) {
+		let fi = v(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
+		function pi(e) {
 			return Ne({
 				num: e,
 				rounding: L.value.style.chart.legend.roundingPercentage
 			});
 		}
-		function gi({ val: e, percentage: t, showVal: n, showPercentage: r, config: i }) {
+		function mi({ val: e, percentage: t, showVal: n, showPercentage: r, config: i }) {
 			return Pe({
 				config: i,
 				val: e,
@@ -1175,15 +1175,15 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				showPercentage: r
 			});
 		}
-		function _i(e) {
-			return gi({
+		function hi(e) {
+			return mi({
 				val: m(L.value.style.chart.layout.labels.value.formatter, e.value, d({
 					p: L.value.style.chart.layout.labels.dataLabels.prefix,
 					v: e.value,
 					s: L.value.style.chart.layout.labels.dataLabels.suffix,
 					r: L.value.style.chart.layout.labels.value.rounding
 				}), { datapoint: e }),
-				percentage: Xr(e, q.value),
+				percentage: Jr(e, q.value),
 				showVal: L.value.style.chart.layout.labels.value.show,
 				showPercentage: L.value.style.chart.layout.labels.percentage.show,
 				config: L.value.style.chart.layout.labels.dataLabels
@@ -1193,25 +1193,25 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			L.value.events.datapointClick && L.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e.seriesIndex
-			}), Ar("selectDatapoint", {
+			}), Or("selectDatapoint", {
 				datapoint: e,
 				index: t
 			});
 		}
-		function vi() {
+		function gi() {
 			B.value.showTable = !B.value.showTable;
 		}
-		function yi() {
+		function _i() {
 			B.value.dataLabels.show = !B.value.dataLabels.show;
 		}
-		function bi() {
+		function vi() {
 			B.value.showTooltip = !B.value.showTooltip;
 		}
-		let xi = D(!1);
-		function Si() {
-			xi.value = !xi.value;
+		let yi = D(!1);
+		function bi() {
+			yi.value = !yi.value;
 		}
-		async function Ci({ scale: e = 2 } = {}) {
+		async function xi({ scale: e = 2 } = {}) {
 			if (!N.value) return;
 			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
 				domElement: N.value,
@@ -1228,12 +1228,12 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				aspectRatio: r
 			};
 		}
-		function wi() {
+		function Si() {
 			if (!kn.value) return;
 			let { x: e, y: t, width: n, height: r } = kn.value.getBBox();
 			z.value && z.value.setAttribute("viewBox", `${e} ${t} ${n + Math.min(0, e)} ${r + Math.min(0, t)}`);
 		}
-		let Ti = v(() => {
+		let Ci = v(() => {
 			let e = L.value.table.useDialog && !L.value.table.show, t = B.value.showTable;
 			return {
 				component: e ? Cn : vn,
@@ -1243,10 +1243,10 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					color: L.value.table.th.color,
 					headerColor: L.value.table.th.color,
 					headerBg: L.value.table.th.backgroundColor,
-					isFullscreen: fi.value,
+					isFullscreen: ui.value,
 					fullscreenParent: N.value,
 					forcedWidth: Math.min(500, window.innerWidth * .8),
-					isCursorPointer: sr.value
+					isCursorPointer: ar.value
 				} : {
 					hideDetails: !0,
 					config: {
@@ -1267,48 +1267,23 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 		$e(() => B.value.showTable, (e) => {
 			L.value.table.show || (e && L.value.table.useDialog && Hn.value ? Hn.value.open() : "close" in Hn.value && Hn.value.close());
 		});
-		function Ei() {
+		function wi() {
 			B.value.showTable = !1, Un.value && Un.value.setTableIconState(!1);
 		}
-		let Di = v(() => Ur.value.map((e) => ({
+		let Ti = v(() => Vr.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Oi = v(() => L.value.style.chart.backgroundColor), ki = v(() => L.value.style.chart.legend), { exportSvg: Ai, getSvg: ji } = ye({
+		}))), Ei = v(() => L.value.style.chart.backgroundColor), Di = v(() => L.value.style.chart.legend), Oi = v(() => L.value.style.chart.title), { isCallbackImaging: ki, isCallbackSvg: Ai, generateSvg: ji, onGenerateImage: Mi } = xe({
 			svg: z,
-			title: v(() => L.value.style.chart.title),
-			legend: ki,
-			legendItems: Di,
-			backgroundColor: Oi
+			title: Oi,
+			legend: Di,
+			legendItems: Ti,
+			backgroundColor: Ei,
+			getSvgCallback: () => L.value.userOptions.callbacks.svg,
+			generateImage: wr
 		});
-		async function Mi({ isCb: e }) {
-			Gn.value = !0, await Ue();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await ji();
-					await Promise.resolve(L.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(Ai());
-			} finally {
-				Gn.value = !1;
-			}
-		}
-		function Ni(e) {
-			if (e?.stage === "start") {
-				Wn.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				Wn.value = !1;
-				return;
-			}
-			Er();
-		}
-		async function Pi() {
-			if (Ar("copyAlt", {
+		async function Ni() {
+			if (Or("copyAlt", {
 				config: L.value,
 				dataset: U.value
 			}), !L.value.userOptions.callbacks.altCopy) {
@@ -1320,31 +1295,31 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				dataset: U.value
 			}));
 		}
-		function Fi() {
-			Kn.value = null, Yn.value = !0;
+		function Pi() {
+			Wn.value = null, qn.value = !0;
 		}
-		function Ii() {
-			Kn.value = null, Jn.value = "pointer", rr.value = !1, I.value = null, Yn.value = !1;
+		function Fi() {
+			Wn.value = null, Kn.value = "pointer", tr.value = !1, I.value = null, qn.value = !1;
 		}
-		function Li(e) {
-			if (!z.value || xi.value || document.activeElement !== z.value || !q.value.length) return;
+		function Ii(e) {
+			if (!z.value || yi.value || document.activeElement !== z.value || !q.value.length) return;
 			let t = ["ArrowLeft", "ArrowUp"].includes(e.key), n = ["ArrowRight", "ArrowDown"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				Kn.value = null, Jn.value = "pointer", rr.value = !1, I.value = null;
+				Wn.value = null, Kn.value = "pointer", tr.value = !1, I.value = null;
 				return;
 			}
 			if (r) {
-				if (Kn.value === null) return;
-				let e = q.value[Kn.value];
+				if (Wn.value === null) return;
+				let e = q.value[Wn.value];
 				if (!e) return;
-				$(e, Kn.value);
+				$(e, Wn.value);
 				return;
 			}
-			let a = Kn.value, o = I.value, s = a !== null && a >= 0 && a < q.value.length, c = o !== null && o >= 0 && o < q.value.length;
+			let a = Wn.value, o = I.value, s = a !== null && a >= 0 && a < q.value.length, c = o !== null && o >= 0 && o < q.value.length;
 			s ? n ? (a += 1, a >= q.value.length && (a = 0)) : t && (--a, a < 0 && (a = q.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= q.value.length && (a = 0), a < 0 && (a = q.value.length - 1)) : a = n ? 0 : q.value.length - 1;
 			let l = q.value[a];
-			l && (Kn.value = a, Ri(a), Q({
+			l && (Wn.value = a, Li(a), Q({
 				datapoint: l,
 				relativeIndex: a,
 				seriesIndex: l.seriesIndex,
@@ -1352,7 +1327,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				triggerMode: "keyboard"
 			}));
 		}
-		function Ri(e) {
+		function Li(e) {
 			if (!Number.isFinite(e) || !z.value) return;
 			let t = V.value.width / 2, n = V.value.height / 2;
 			if (L.value.type === "classic") {
@@ -1367,49 +1342,49 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				t = r.x, n = r.y;
 			}
 			let r = z.value.getBoundingClientRect();
-			qn.value = {
+			Gn.value = {
 				x: r.left + t / V.value.width * r.width,
 				y: r.top + n / V.value.height * r.height
 			};
 		}
-		let zi = v(() => ({
-			headers: di.value?.colNames ?? [],
-			rows: di.value?.a11yBody ?? []
+		let Ri = v(() => ({
+			headers: li.value?.colNames ?? [],
+			rows: li.value?.a11yBody ?? []
 		}));
 		return Te({
-			autoSize: wi,
-			getData: jr,
-			getImage: Ci,
-			generatePdf: Tr,
-			generateCsv: ui,
-			generateImage: Er,
-			generateSvg: Mi,
-			hideSeries: Br,
-			showSeries: zr,
-			toggleTable: vi,
-			toggleLabels: yi,
-			toggleTooltip: bi,
-			toggleAnnotator: Si,
-			toggleFullscreen: pi,
-			copyAlt: Pi
+			autoSize: Si,
+			getData: kr,
+			getImage: xi,
+			generatePdf: Cr,
+			generateCsv: ci,
+			generateImage: wr,
+			generateSvg: ji,
+			hideSeries: Rr,
+			showSeries: Lr,
+			toggleTable: gi,
+			toggleLabels: _i,
+			toggleTooltip: vi,
+			toggleAnnotator: bi,
+			toggleFullscreen: di,
+			copyAlt: Ni
 		}), (t, r) => (E(), x("div", {
 			ref_key: "donutChart",
 			ref: N,
-			class: We(`vue-data-ui-component vue-ui-donut ${fi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${L.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: We(`vue-data-ui-component vue-ui-donut ${ui.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${L.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: T(`font-family:${L.value.style.fontFamily};width:100%; ${L.value.responsive ? "height:100%;" : ""} text-align:center;background:${L.value.style.chart.backgroundColor}`),
 			id: `donut__${F.value}`,
-			onMouseenter: br,
-			onMouseleave: xr
+			onMouseenter: vr,
+			onMouseleave: yr
 		}, [
 			S("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
 			}, [S("p", null, Ye(L.value.a11y.translations.keyboardNavigation), 1)], 8, it),
-			zi.value?.rows?.length ? (E(), y(Ae, {
+			Ri.value?.rows?.length ? (E(), y(Ae, {
 				key: 0,
 				uid: F.value,
-				head: zi.value.headers,
-				body: zi.value.rows,
+				head: Ri.value.headers,
+				body: Ri.value.rows,
 				notice: L.value.a11y.translations.tableAvailable,
 				caption: L.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1423,10 +1398,10 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				key: 1,
 				color: L.value.style.chart.color,
 				backgroundColor: L.value.style.chart.backgroundColor,
-				active: xi.value,
+				active: yi.value,
 				svgRef: A(z),
-				isCursorPointer: sr.value,
-				onClose: Si
+				isCursorPointer: ar.value,
+				onClose: bi
 			}, {
 				"annotator-action-close": j(() => [k(t.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": j(({ color: e }) => [k(t.$slots, "annotator-action-color", w(C({ color: e })), void 0, !0)]),
@@ -1443,7 +1418,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				"isCursorPointer"
 			])) : b("", !0),
 			k(t.$slots, "userConfig", {}, void 0, !0),
-			Dr.value ? (E(), x("div", {
+			Tr.value ? (E(), x("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Ln,
@@ -1469,14 +1444,14 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				}
 			}, null, 8, ["config"]))], 512)) : b("", !0),
 			S("div", { id: `legend-top-${F.value}` }, null, 8, at),
-			L.value.userOptions.show && On.value && (A(yr) || A(_r)) ? (E(), y(A(xn), {
+			L.value.userOptions.show && On.value && (A(_r) || A(hr)) ? (E(), y(A(xn), {
 				ref_key: "userOptionsRef",
 				ref: Un,
-				key: `user_option_${ar.value}`,
+				key: `user_option_${rr.value}`,
 				backgroundColor: L.value.style.chart.backgroundColor,
 				color: L.value.style.chart.color,
-				isPrinting: A(Cr),
-				isImaging: A(wr),
+				isPrinting: A(xr),
+				isImaging: A(Sr),
 				uid: F.value,
 				hasTooltip: L.value.style.chart.tooltip.show && L.value.userOptions.buttons.tooltip,
 				hasPdf: L.value.userOptions.buttons.pdf,
@@ -1487,28 +1462,28 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				hasLabel: L.value.userOptions.buttons.labels,
 				hasFullscreen: L.value.userOptions.buttons.fullscreen,
 				hasAltCopy: L.value.userOptions.buttons.altCopy,
-				isFullscreen: fi.value,
+				isFullscreen: ui.value,
 				chartElement: N.value,
 				position: L.value.userOptions.position,
 				callbacks: L.value.userOptions.callbacks,
 				isTooltip: B.value.showTooltip,
 				titles: { ...L.value.userOptions.buttonTitles },
 				hasAnnotator: L.value.userOptions.buttons.annotator,
-				isAnnotation: xi.value,
+				isAnnotation: yi.value,
 				printScale: L.value.userOptions.print.scale,
 				tableDialog: L.value.table.useDialog,
-				isCursorPointer: sr.value,
-				onToggleFullscreen: pi,
-				onGeneratePdf: A(Tr),
-				onGenerateCsv: ui,
-				onGenerateImage: Ni,
-				onGenerateSvg: Mi,
-				onToggleTable: vi,
-				onToggleLabels: yi,
-				onToggleTooltip: bi,
-				onToggleAnnotator: Si,
-				onCopyAlt: Pi,
-				style: T({ visibility: A(yr) ? A(_r) ? "visible" : "hidden" : "visible" })
+				isCursorPointer: ar.value,
+				onToggleFullscreen: di,
+				onGeneratePdf: A(Cr),
+				onGenerateCsv: ci,
+				onGenerateImage: A(Mi),
+				onGenerateSvg: A(ji),
+				onToggleTable: gi,
+				onToggleLabels: _i,
+				onToggleTooltip: vi,
+				onToggleAnnotator: bi,
+				onCopyAlt: Ni,
+				style: T({ visibility: A(_r) ? A(hr) ? "visible" : "hidden" : "visible" })
 			}, Re({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -1584,23 +1559,23 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					fn: j(() => [k(t.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "12"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.callbacks.isTooltip.titles.hasAnnotator.isAnnotation.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : b("", !0),
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.callbacks.isTooltip.titles.hasAnnotator.isAnnotation.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : b("", !0),
 			S("div", ot, [(E(), x("svg", {
 				ref_key: "svgRef",
 				ref: z,
 				xmlns: A(le),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				class: We({
-					"vue-data-ui-fullscreen--on": fi.value,
-					"vue-data-ui-fulscreen--off": !fi.value,
+					"vue-data-ui-fullscreen--on": ui.value,
+					"vue-data-ui-fulscreen--off": !ui.value,
 					"vue-data-ui-svg": !0
 				}),
 				viewBox: `0 0 ${V.value.width <= 0 ? 10 : V.value.width} ${V.value.height <= 0 ? 10 : V.value.height}`,
-				style: T(`max-width:100%; overflow: visible; background:transparent;color:${L.value.style.chart.color};${Sr.value.css}`),
+				style: T(`max-width:100%; overflow: visible; background:transparent;color:${L.value.style.chart.color};${br.value.css}`),
 				tabindex: "0",
-				onFocus: Fi,
-				onBlur: Ii,
-				onKeydown: Li
+				onFocus: Pi,
+				onBlur: Fi,
+				onKeydown: Ii
 			}, [S("g", {
 				ref_key: "G",
 				ref: kn,
@@ -1615,7 +1590,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					height: V.value.height <= 0 ? 10 : V.value.height,
 					style: { pointerEvents: "none" }
 				}, [k(t.$slots, "chart-background", {}, void 0, !0)], 8, ct)) : b("", !0),
-				L.value.type === "classic" && !isNaN(kr.value / G.value) ? (E(), x("defs", lt, [L.value.style.chart.useGradient ? (E(), y(Oe, {
+				L.value.type === "classic" && !isNaN(Dr.value / G.value) ? (E(), x("defs", lt, [L.value.style.chart.useGradient ? (E(), y(Oe, {
 					key: 0,
 					t: "radial",
 					id: `gradient_${F.value}`,
@@ -1626,12 +1601,12 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 							0
 						],
 						[
-							`${(1 - kr.value / G.value) * 100}%`,
+							`${(1 - Dr.value / G.value) * 100}%`,
 							A(n)("#FFFFFF", 0),
 							0
 						],
 						[
-							`${(1 - kr.value / G.value / 2) * 100}%`,
+							`${(1 - Dr.value / G.value / 2) * 100}%`,
 							A(n)("#FFFFFF", L.value.style.chart.gradientIntensity),
 							1
 						],
@@ -1709,13 +1684,13 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					d: A(X)[t]?.connectorPath || A(ne)(e, {
 						x: V.value.width / 2,
 						y: V.value.height / 2
-					}, 16, 16, !1, !1, kr.value, 12, L.value.style.chart.layout.curvedMarkers),
+					}, 16, 16, !1, !1, Dr.value, 12, L.value.style.chart.layout.curvedMarkers),
 					stroke: e.color,
 					"stroke-width": "1",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					filter: si(t)
+					filter: ai(t)
 				}, null, 8, _t)) : b("", !0)]))), 256)) : b("", !0),
 				L.value.type === "polar" ? (E(!0), x(_, { key: 4 }, O(K.value.filter((e) => !e.ghost), (e, t) => (E(), x("g", null, [Y(e) && B.value.dataLabels.show ? (E(), x("path", {
 					key: 0,
@@ -1737,7 +1712,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					filter: si(t),
+					filter: ai(t),
 					style: T({ transition: R.value || !L.value.serieToggleAnimation.show ? "none" : `all ${L.value.serieToggleAnimation.durationMs}ms ease-in-out` })
 				}, null, 12, vt)) : b("", !0)]))), 256)) : b("", !0),
 				L.value.type === "classic" && L.value.style.chart.layout.donut.useShadow ? (E(), x("circle", {
@@ -1764,7 +1739,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						fill: e.color,
 						stroke: L.value.style.chart.layout.donut.borderColorAuto ? L.value.style.chart.backgroundColor : L.value.style.chart.layout.donut.borderColor,
 						"stroke-width": L.value.style.chart.layout.donut.borderWidth,
-						filter: si(t)
+						filter: ai(t)
 					}, null, 8, St))), 256)),
 					t.$slots.pattern ? (E(), x("g", Ct, [(E(!0), x(_, null, O(q.value, (e, t) => (E(), x("path", {
 						class: "vue-ui-donut-arc-path",
@@ -1772,7 +1747,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						fill: `url(#${e.pattern})`,
 						stroke: L.value.style.chart.layout.donut.borderColorAuto ? L.value.style.chart.backgroundColor : L.value.style.chart.layout.donut.borderColor,
 						"stroke-width": L.value.style.chart.layout.donut.borderWidth,
-						filter: si(t)
+						filter: ai(t)
 					}, null, 8, wt))), 256))])) : b("", !0)
 				], 64)) : b("", !0),
 				Z.value && L.value.type === "polar" ? (E(), x(_, { key: 8 }, [K.value.length > 1 ? (E(), x("g", Tt, [
@@ -1797,7 +1772,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						fill: `url(#${e.pattern})`,
 						stroke: L.value.style.chart.layout.donut.borderColorAuto ? L.value.style.chart.backgroundColor : L.value.style.chart.layout.donut.borderColor,
 						"stroke-width": L.value.style.chart.layout.donut.borderWidth,
-						filter: si(t),
+						filter: ai(t),
 						style: T({
 							transition: R.value || !L.value.serieToggleAnimation.show ? "none" : `all ${L.value.serieToggleAnimation.durationMs}ms ease-in-out`,
 							transformOrigin: "center"
@@ -1809,7 +1784,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						fill: L.value.style.chart.useGradient ? `url(#polar_gradient_${t}_${F.value})` : e.color,
 						stroke: L.value.style.chart.layout.donut.borderColorAuto ? L.value.style.chart.backgroundColor : L.value.style.chart.layout.donut.borderColor,
 						"stroke-width": L.value.style.chart.layout.donut.borderWidth,
-						filter: si(t),
+						filter: ai(t),
 						style: T({ transition: R.value || !L.value.serieToggleAnimation.show ? "none" : `all ${L.value.serieToggleAnimation.durationMs}ms ease-in-out` })
 					}, null, 12, jt))), 256))
 				])) : (E(), x("g", Mt, [t.$slots.pattern ? (E(), x("circle", {
@@ -1827,7 +1802,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					fill: L.value.style.chart.useGradient ? `url(#polar_gradient_0_${F.value})` : K.value[0].color,
 					stroke: L.value.style.chart.backgroundColor,
 					"stroke-width": L.value.style.chart.layout.donut.borderWidth
-				}, null, 8, Pt)]))], 64)) : (E(), x(_, { key: 9 }, [L.value.type === "classic" && !Gr.value ? (E(), x("g", Ft, [(E(!0), x(_, null, O(Kr.value, (e, t) => (E(), x("path", {
+				}, null, 8, Pt)]))], 64)) : (E(), x(_, { key: 9 }, [L.value.type === "classic" && !Ur.value ? (E(), x("g", Ft, [(E(!0), x(_, null, O(Wr.value, (e, t) => (E(), x("path", {
 					class: "vue-ui-donut-arc-path",
 					d: e.arcSlice,
 					fill: e.color,
@@ -1854,7 +1829,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					fill: "none",
 					cx: V.value.width / 2,
 					cy: V.value.height / 2,
-					r: Math.max(.1, kr.value * 1.7)
+					r: Math.max(.1, Dr.value * 1.7)
 				}, null, 8, zt),
 				Z.value ? (E(), x(_, { key: 11 }, [K.value.length > 1 || L.value.type === "classic" ? (E(), x("g", Bt, [(E(!0), x(_, null, O(K.value.filter((e) => !e.ghost), (e, t) => (E(), x("path", {
 					d: L.value.type === "classic" ? e.arcSlice : J.value[t].path,
@@ -1866,7 +1841,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
@@ -1882,7 +1857,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: K.value[0].seriesIndex,
 						show: !0
 					}),
-					onMouseleave: r[1] ||= (e) => ri({
+					onMouseleave: r[1] ||= (e) => ti({
 						datapoint: K.value[0],
 						seriesIndex: K.value[0].seriesIndex
 					}),
@@ -1933,31 +1908,31 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						fill: L.value.style.chart.layout.labels.hollow.average.value.color,
 						"font-size": L.value.style.chart.layout.labels.hollow.average.value.fontSize,
 						style: T(`font-weight:${L.value.style.chart.layout.labels.hollow.average.value.bold ? "bold" : ""}`)
-					}, Ye(Mr.value || R.value ? "--" : A(m)(L.value.style.chart.layout.labels.hollow.average.value.formatter, A(ae)($r.value), A(d)({
+					}, Ye(Ar.value || R.value ? "--" : A(m)(L.value.style.chart.layout.labels.hollow.average.value.formatter, A(ae)(Zr.value), A(d)({
 						p: L.value.style.chart.layout.labels.hollow.average.value.prefix,
-						v: A(ae)($r.value),
+						v: A(ae)(Zr.value),
 						s: L.value.style.chart.layout.labels.hollow.average.value.suffix,
 						r: L.value.style.chart.layout.labels.hollow.average.value.rounding
 					}))), 13, qt)) : b("", !0)
 				], 512)) : b("", !0),
 				(E(!0), x(_, null, O(q.value.filter((e) => !e.ghost), (e, n) => (E(), x("g", {
-					filter: si(n),
+					filter: ai(n),
 					key: e.seriesIndex,
-					opacity: ci(e)
+					opacity: oi(e)
 				}, [L.value.style.chart.layout.labels.dataLabels.useLabelSlots ? (E(), x("g", Yt, [(E(), x("foreignObject", {
 					x: A(p)(e, !0).anchor === "end" ? A(p)(e).x - 120 : A(p)(e, !0).anchor === "middle" ? A(p)(e).x - 60 : A(p)(e).x,
-					y: A(g)(e) - (mi.value ? 20 : 0),
+					y: A(g)(e) - (fi.value ? 20 : 0),
 					width: "120",
 					height: "60",
 					style: { overflow: "visible" }
 				}, [S("div", null, [k(t.$slots, "dataLabel", He({ ref_for: !0 }, {
 					datapoint: e,
 					isBlur: !L.value.useBlurOnHover || [null, void 0].includes(I.value) || I.value === n,
-					isSafari: mi.value,
+					isSafari: fi.value,
 					isVisible: Y(e) && B.value.dataLabels.show,
 					textAlign: A(p)(e, !0, 16, !0).anchor,
 					flexAlign: A(p)(e, !0, 16).anchor,
-					percentage: Xr(e, q.value)
+					percentage: Jr(e, q.value)
 				}), void 0, !0)])], 8, Xt))])) : (E(), x("g", Zt, [L.value.type === "classic" ? (E(), x(_, { key: 0 }, [Y(e) && B.value.dataLabels.show ? (E(), x("circle", {
 					key: 0,
 					cx: A(X)[n]?.markerX ?? A(p)(e).x,
@@ -1974,7 +1949,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					})
@@ -1991,18 +1966,18 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: ai(e, n, !!A(X)[n])
+					innerHTML: ri(e, n, !!A(X)[n])
 				}, null, 40, $t)), [[Qe, Y(e) && B.value.dataLabels.show]]) : (E(), x(_, { key: 2 }, [et(S("text", {
 					class: "vue-data-ui-datalabel-value",
 					"text-anchor": A(X)[n]?.textAnchor || A(p)(e, !0, 12).anchor,
 					x: A(X)[n]?.labelX ?? A(p)(e, !0, 12).x,
 					y: A(X)[n]?.labelY ?? A(g)(e),
 					fill: L.value.style.chart.layout.labels.percentage.color,
-					"font-size": Xn.value + "px",
+					"font-size": Jn.value + "px",
 					style: T(`font-weight:${L.value.style.chart.layout.labels.percentage.bold ? "bold" : ""}`),
 					onClick: (t) => $(e, n),
 					onMouseenter: (t) => Q({
@@ -2011,11 +1986,11 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					})
-				}, Ye(_i(e)), 45, en), [[Qe, Y(e) && B.value.dataLabels.show]]), et(S("text", {
+				}, Ye(hi(e)), 45, en), [[Qe, Y(e) && B.value.dataLabels.show]]), et(S("text", {
 					class: "vue-data-ui-datalabel-name",
 					"text-anchor": A(X)[n]?.textAnchor || A(p)(e).anchor,
 					x: A(X)[n]?.labelX ?? A(p)(e, !0, 12).x,
@@ -2030,7 +2005,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
@@ -2069,7 +2044,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
@@ -2077,7 +2052,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				}, null, 44, nn)) : b("", !0), L.value.style.chart.layout.labels.dataLabels.oneLine ? et((E(), x("text", {
 					key: 1,
 					class: "vue-data-ui-datalabel-inline",
-					"text-anchor": qr(J.value[n].middlePoint),
+					"text-anchor": Gr(J.value[n].middlePoint),
 					x: A(s)({
 						initX: J.value[n].middlePoint.x,
 						initY: J.value[n].middlePoint.y,
@@ -2100,15 +2075,15 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: oi(e, n)
+					innerHTML: ii(e, n)
 				}, null, 44, rn)), [[Qe, Y(e) && B.value.dataLabels.show]]) : (E(), x(_, { key: 2 }, [Y(e) && B.value.dataLabels.show ? (E(), x("text", {
 					key: 0,
 					class: "vue-data-ui-datalabel-value",
-					"text-anchor": qr(J.value[n].middlePoint),
+					"text-anchor": Gr(J.value[n].middlePoint),
 					x: A(s)({
 						initX: J.value[n].middlePoint.x,
 						initY: J.value[n].middlePoint.y,
@@ -2124,7 +2099,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						centerY: V.value.height / 2
 					}).y,
 					fill: L.value.style.chart.layout.labels.percentage.color,
-					"font-size": Xn.value,
+					"font-size": Jn.value,
 					style: T({
 						transition: R.value || !L.value.serieToggleAnimation.show ? "none" : `all ${L.value.serieToggleAnimation.durationMs}ms ease-in-out`,
 						fontWeight: L.value.style.chart.layout.labels.percentage.bold ? "bold" : "normal"
@@ -2136,14 +2111,14 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					})
-				}, Ye(_i(e)), 45, an)) : b("", !0), Y(e, !0, 12) && B.value.dataLabels.show && L.value.style.chart.layout.labels.name.show ? (E(), x("text", {
+				}, Ye(hi(e)), 45, an)) : b("", !0), Y(e, !0, 12) && B.value.dataLabels.show && L.value.style.chart.layout.labels.name.show ? (E(), x("text", {
 					key: 1,
 					class: "vue-data-ui-datalabel-name",
-					"text-anchor": qr(J.value[n].middlePoint),
+					"text-anchor": Gr(J.value[n].middlePoint),
 					x: A(s)({
 						initX: J.value[n].middlePoint.x,
 						initY: J.value[n].middlePoint.y,
@@ -2171,7 +2146,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ri({
+					onMouseleave: (t) => ti({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
@@ -2211,13 +2186,13 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					isFirstLoad: R.value
 				} }, void 0, !0)])], 8, cn)) : b("", !0), Y(e) && L.value.type === "polar" ? (E(), x("foreignObject", {
 					key: 1,
-					x: L.value.style.chart.comments.offsetX + (qr(J.value[n].middlePoint) === "end" ? A(s)({
+					x: L.value.style.chart.comments.offsetX + (Gr(J.value[n].middlePoint) === "end" ? A(s)({
 						initX: J.value[n].middlePoint.x,
 						initY: J.value[n].middlePoint.y,
 						offset: 42,
 						centerX: V.value.width / 2,
 						centerY: V.value.height / 2
-					}).x - L.value.style.chart.comments.width : qr(J.value[n].middlePoint) === "middle" ? A(s)({
+					}).x - L.value.style.chart.comments.width : Gr(J.value[n].middlePoint) === "middle" ? A(s)({
 						initX: J.value[n].middlePoint.x,
 						initY: J.value[n].middlePoint.y,
 						offset: 42,
@@ -2230,7 +2205,7 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 						centerX: V.value.width / 2,
 						centerY: V.value.height / 2
 					}).x),
-					y: Jr(J.value[n]) + L.value.style.chart.comments.offsetY,
+					y: Kr(J.value[n]) + L.value.style.chart.comments.offsetY,
 					width: L.value.style.chart.comments.width,
 					height: "200",
 					style: T({
@@ -2240,21 +2215,21 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 					})
 				}, [S("div", null, [k(t.$slots, "plot-comment", { plot: {
 					...e,
-					textAlign: qr(J.value[n].middlePoint),
-					flexAlign: qr(J.value[n].middlePoint),
+					textAlign: Gr(J.value[n].middlePoint),
+					flexAlign: Gr(J.value[n].middlePoint),
 					isFirstLoad: R.value
 				} }, void 0, !0)])], 12, ln)) : b("", !0)])) : b("", !0)], 8, Jt))), 128)),
 				k(t.$slots, "svg", { svg: {
 					...V.value,
 					datapoints: K.value,
-					isPrintingImg: A(Cr) || A(wr) || Wn.value,
-					isPrintingSvg: Gn.value
+					isPrintingImg: A(xr) || A(Sr) || A(ki),
+					isPrintingSvg: A(Ai)
 				} }, void 0, !0)
 			], 512)], 46, st)), t.$slots.hint ? (E(), x("div", un, [k(t.$slots, "hint", w(C({
 				hint: L.value.a11y.translations.keyboardNavigation,
-				isVisible: Yn.value
+				isVisible: qn.value
 			})), void 0, !0)])) : b("", !0)]),
-			t.$slots.watermark ? (E(), x("div", dn, [k(t.$slots, "watermark", w(C({ isPrinting: A(Cr) || A(wr) || Wn.value || Gn.value })), void 0, !0)])) : b("", !0),
+			t.$slots.watermark ? (E(), x("div", dn, [k(t.$slots, "watermark", w(C({ isPrinting: A(xr) || A(Sr) || A(ki) || A(Ai) })), void 0, !0)])) : b("", !0),
 			S("div", { id: `legend-bottom-${F.value}` }, null, 8, fn),
 			Vn.value && (L.value.style.chart.legend.show || t.$slots.legend) ? (E(), y(Le, {
 				key: 6,
@@ -2262,25 +2237,25 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			}, [S("div", {
 				ref_key: "chartLegend",
 				ref: Nn
-			}, [k(t.$slots, "legend", { legend: Ur.value }, () => [L.value.style.chart.legend.show ? (E(), y(Ie, {
+			}, [k(t.$slots, "legend", { legend: Vr.value }, () => [L.value.style.chart.legend.show ? (E(), y(Ie, {
 				key: `legend_${Bn.value}`,
-				legendSet: Ur.value,
-				config: Wr.value,
-				onClickMarker: r[3] ||= ({ i: e }) => Lr(e),
-				isCursorPointer: sr.value
+				legendSet: Vr.value,
+				config: Hr.value,
+				onClickMarker: r[3] ||= ({ i: e }) => Fr(e),
+				isCursorPointer: ar.value
 			}, Re({
 				item: j(({ legend: e, index: t }) => [S("div", {
 					style: T(`opacity:${W.value.includes(t) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
 				}, Ye(e.display), 13, pn)]),
-				legendToggle: j(() => [Ur.value.length > 2 && L.value.style.chart.legend.selectAllToggle.show && !A(lr) ? (E(), y(ke, {
+				legendToggle: j(() => [Vr.value.length > 2 && L.value.style.chart.legend.selectAllToggle.show && !A(sr) ? (E(), y(ke, {
 					key: 0,
 					backgroundColor: L.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: L.value.style.chart.legend.selectAllToggle.color,
 					fontSize: L.value.style.chart.legend.fontSize,
 					checked: W.value.length > 0,
-					isCursorPointer: sr.value,
-					onToggle: Ir
+					isCursorPointer: ar.value,
+					onToggle: Pr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -2315,13 +2290,13 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 			}, [k(t.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
 			t.$slots.hollow ? (E(), x("div", mn, [k(t.$slots, "hollow", w(C({
 				total: Z.value,
-				average: $r.value,
+				average: Zr.value,
 				dataset: H.value,
 				...V.value
 			})), void 0, !0)])) : b("", !0),
 			Be(A(gn), {
 				teleportTo: L.value.style.chart.tooltip.teleportTo,
-				show: B.value.showTooltip && rr.value,
+				show: B.value.showTooltip && tr.value,
 				backgroundColor: L.value.style.chart.tooltip.backgroundColor,
 				color: L.value.style.chart.tooltip.color,
 				fontSize: L.value.style.chart.tooltip.fontSize,
@@ -2333,19 +2308,19 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				offsetX: L.value.style.chart.tooltip.offsetX,
 				offsetY: L.value.style.chart.tooltip.offsetY,
 				parent: N.value,
-				content: ir.value,
-				isCustom: ni.value,
-				isFullscreen: fi.value,
+				content: nr.value,
+				isCustom: ei.value,
+				isFullscreen: ui.value,
 				smooth: L.value.style.chart.tooltip.smooth,
 				backdropFilter: L.value.style.chart.tooltip.backdropFilter,
 				smoothForce: L.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: L.value.style.chart.tooltip.smoothSnapThrehsold,
-				isA11yMode: Jn.value === "keyboard",
-				a11yPosition: qn.value
+				isA11yMode: Kn.value === "keyboard",
+				a11yPosition: Gn.value
 			}, {
-				"tooltip-before": j(() => [k(t.$slots, "tooltip-before", w(C({ ...ti.value })), void 0, !0)]),
-				tooltip: j(() => [k(t.$slots, "tooltip", w(C({ ...ti.value })), void 0, !0)]),
-				"tooltip-after": j(() => [k(t.$slots, "tooltip-after", w(C({ ...ti.value })), void 0, !0)]),
+				"tooltip-before": j(() => [k(t.$slots, "tooltip-before", w(C({ ...$r.value })), void 0, !0)]),
+				tooltip: j(() => [k(t.$slots, "tooltip", w(C({ ...$r.value })), void 0, !0)]),
+				"tooltip-after": j(() => [k(t.$slots, "tooltip-after", w(C({ ...$r.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -2371,21 +2346,21 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			On.value && L.value.userOptions.buttons.table ? (E(), y(qe(Ti.value.component), He({ key: 9 }, Ti.value.props, {
+			On.value && L.value.userOptions.buttons.table ? (E(), y(qe(Ci.value.component), He({ key: 9 }, Ci.value.props, {
 				ref_key: "tableUnit",
 				ref: Hn,
-				onClose: Ei
+				onClose: wi
 			}), Re({
 				content: j(() => [(E(), y(A(yn), {
 					key: `table_${zn.value}`,
-					colNames: di.value.colNames,
-					head: di.value.head,
-					body: di.value.body,
-					config: di.value.config,
-					title: L.value.table.useDialog ? "" : Ti.value.title,
+					colNames: li.value.colNames,
+					head: li.value.head,
+					body: li.value.body,
+					config: li.value.config,
+					title: L.value.table.useDialog ? "" : Ci.value.title,
 					withCloseButton: !L.value.table.useDialog,
-					isCursorPointer: sr.value,
-					onClose: Ei
+					isCursorPointer: ar.value,
+					onClose: wi
 				}, {
 					th: j(({ th: e }) => [S("div", {
 						innerHTML: e,
@@ -2417,24 +2392,24 @@ var nt = /* @__PURE__ */ e({ default: () => gn }), rt = ["id"], it = ["id"], at
 				_: 2
 			}, [L.value.table.useDialog ? {
 				name: "title",
-				fn: j(() => [ze(Ye(Ti.value.title), 1)]),
+				fn: j(() => [ze(Ye(Ci.value.title), 1)]),
 				key: "0"
 			} : void 0, L.value.table.useDialog ? {
 				name: "actions",
 				fn: j(() => [S("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[4] ||= (e) => ui(L.value.userOptions.callbacks.csv),
-					style: T({ cursor: sr.value ? "pointer" : "default" })
+					onClick: r[4] ||= (e) => ci(L.value.userOptions.callbacks.csv),
+					style: T({ cursor: ar.value ? "pointer" : "default" })
 				}, [Be(A(_n), {
 					name: "fileCsv",
-					stroke: Ti.value.props.color
+					stroke: Ci.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : b("", !0),
-			k(t.$slots, "skeleton", {}, () => [A(lr) ? (E(), y(ve, { key: 0 })) : b("", !0)], !0)
+			k(t.$slots, "skeleton", {}, () => [A(sr) ? (E(), y(ve, { key: 0 })) : b("", !0)], !0)
 		], 46, rt));
 	}
-}, [["__scopeId", "data-v-f2bbb030"]]);
+}, [["__scopeId", "data-v-593004f0"]]);
 //#endregion
 export { nt as n, gn as t };