vue-data-ui 3.25.8 → 3.25.10

package/dist/{vue-ui-donut-DHP_lm0m.js → vue-ui-donut-CP7ilveE.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Ft as i, K as a, Lt as o, Mt as s, Pt as c, S as l, Ut as u, Wt as ee, X as d, Yt as te, Zt as f, b as ne, f as p, h as re, ht as ie, i as m, j as ae, nt as oe, ot as se, p as ce, q as le, s as ue, st as de, t as fe, tt as pe, w as me } from "./lib-Dql7cqyA.js";
+import { $ as t, Ct as n, D as r, Ft as i, K as a, Lt as o, Mt as s, Pt as c, S as l, Ut as u, Wt as ee, X as d, Yt as te, Z as f, Zt as ne, b as re, f as p, h as ie, ht as ae, i as m, j as oe, nt as se, ot as ce, p as h, q as le, s as ue, st as de, t as fe, tt as pe, w as me } from "./lib-Dql7cqyA.js";
 import { n as he, t as ge } from "./useHints-Dq_w2E8B.js";
 import { t as _e } from "./useConfig-D32D002m.js";
-import { t as ve } from "./usePrinter-DISD7q5m.js";
-import { n as ye, t as be } from "./BaseScanner-DZvpgOjM.js";
+import { t as ve } from "./usePrinter-hohanNCX.js";
+import { n as ye, t as be } from "./BaseScanner-Dzc8VT3j.js";
 import { t as xe } from "./useNestedProp-Chvyfpl-.js";
 import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Ce } from "./useChartExport-iwOqiIWX.js";
-import { t as we } from "./img-DhGApYG0.js";
+import { t as we } from "./img-BkMKbWsI.js";
 import { n as Te } from "./Title-CPHi-evi.js";
 import { t as Ee } from "./Shape-CIqU-p2F.js";
 import { t as De } from "./_plugin-vue_export-helper-B3ysoDQm.js";
@@ -20,19 +20,19 @@ import { t as Pe } from "./useChartAccessibility-DYqac8yF.js";
 import { n as Fe, t as Ie } from "./labelUtils-BXX2NzRe.js";
 import { t as Le } from "./vue_ui_donut-BDGqG07h.js";
 import { t as Re } from "./Legend-X4kF4PvW.js";
-import { Fragment as h, Teleport as ze, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as Ue, guardReactiveProps as x, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as qe, onMounted as Je, openBlock as w, ref as T, renderList as E, renderSlot as D, resolveDynamicComponent as Ye, shallowRef as Xe, toDisplayString as O, toRefs as Ze, unref as k, useSlots as Qe, vShow as $e, watch as et, withCtx as A, withDirectives as tt } from "vue";
+import { Fragment as g, Teleport as ze, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as Ue, guardReactiveProps as S, mergeProps as We, nextTick as Ge, normalizeClass as Ke, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as qe, onMounted as Je, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as Ye, shallowRef as Xe, toDisplayString as k, toRefs as Ze, unref as A, useSlots as Qe, vShow as $e, watch as et, withCtx as j, withDirectives as tt } from "vue";
 //#region src/useSmallArcLayouts.js
 function nt(e) {
 	let { FINAL_CONFIG: t, noGhostDonut: n, svg: r, padding: i, labels_inline_fontSize: a, minSize: o, findArcMidpoint: s, calcMarkerOffsetX: c, calcMarkerOffsetY: l, animatingIndex: u, segregated: ee, isSmallArc: d } = e;
-	return { smallArcLayoutsClassic: g(() => {
+	return { smallArcLayoutsClassic: _(() => {
 		if (t.value.type !== "classic") return {};
 		let e = {}, te = n.value || [];
 		if (!te.length) return e;
-		let f = r.value.width / 2, ne = r.value.height / 2, p = i.value.top + 16, re = r.value.height - i.value.bottom - 16, ie = a.value, m = ie / 3, ae = ie * 1.5, oe = f - (o.value + 6), se = f + (o.value + 6), ce = !!t.value.style.chart.layout.curvedMarkers;
-		function le({ midX: e, midY: t, bandX: n, bandY: r }) {
+		let f = r.value.width / 2, ne = r.value.height / 2, re = i.value.top + 16, p = r.value.height - i.value.bottom - 16, ie = a.value, ae = ie / 3, m = ie * 1.5, oe = f - (o.value + 6), se = f + (o.value + 6), ce = !!t.value.style.chart.layout.curvedMarkers;
+		function h({ midX: e, midY: t, bandX: n, bandY: r }) {
 			if (!ce) return `M ${e} ${t} L ${e} ${r} L ${n} ${r}`;
 			let i = n < f ? -1 : 1, a = n - e, o = r - t, s = Math.sqrt(a * a + o * o) || 1, c = e - f, l = t - ne, u = Math.sqrt(c * c + l * l) || 1, ee = c / u, d = l / u, te = u + 9;
-			function p({ x: e, y: t }) {
+			function re({ x: e, y: t }) {
 				let n = e - f, r = t - ne, i = Math.sqrt(n * n + r * r) || 1;
 				if (i >= te) return {
 					x: e,
@@ -45,34 +45,34 @@ function nt(e) {
 				};
 			}
 			if (s < 56) {
-				let i = a / s, c = -(o / s), l = i, u = (e + n) * .5, te = (t + r) * .5, re = u + c, ie = te + l, m = (re - f) * (re - f) + (ie - ne) * (ie - ne), ae = u - c, oe = te - l;
-				(ae - f) * (ae - f) + (oe - ne) * (oe - ne) > m && (c = -c, l = -l);
-				let se = .78, ce = e + a * se, le = t + o * se, ue = Math.max(0, Math.min(1, (s - 18) / 44)), de = ue * ue * (3 - 2 * ue), fe = 2.5 + de * 4, pe = 1 + de * 2.5;
-				fe *= .9;
-				let me = p({
-					x: ce + c * fe + ee * pe,
-					y: le + l * fe + d * pe
+				let i = a / s, c = -(o / s), l = i, u = (e + n) * .5, te = (t + r) * .5, p = u + c, ie = te + l, ae = (p - f) * (p - f) + (ie - ne) * (ie - ne), m = u - c, oe = te - l;
+				(m - f) * (m - f) + (oe - ne) * (oe - ne) > ae && (c = -c, l = -l);
+				let se = .78, ce = e + a * se, h = t + o * se, le = Math.max(0, Math.min(1, (s - 18) / 44)), ue = le * le * (3 - 2 * le), de = 2.5 + ue * 4, fe = 1 + ue * 2.5;
+				de *= .9;
+				let pe = re({
+					x: ce + c * de + ee * fe,
+					y: h + l * de + d * fe
 				});
-				return `M ${e} ${t} Q ${me.x} ${me.y} ${n} ${r}`;
+				return `M ${e} ${t} Q ${pe.x} ${pe.y} ${n} ${r}`;
 			}
-			let re = s * .34;
-			re < 20 && (re = 20), re > 46 && (re = 46);
+			let p = s * .34;
+			p < 20 && (p = 20), p > 46 && (p = 46);
 			let ie = s * .46;
 			ie < 22 && (ie = 22), ie > 70 && (ie = 70);
-			let m = {
-				x: e + ee * re,
-				y: t + d * re
-			}, ae = f + i * Math.max(Math.abs(n - f), te), oe = {
-				x: n - i * Math.min(ie, Math.abs(ae - n) * .75),
+			let ae = {
+				x: e + ee * p,
+				y: t + d * p
+			}, m = f + i * Math.max(Math.abs(n - f), te), oe = {
+				x: n - i * Math.min(ie, Math.abs(m - n) * .75),
 				y: r
-			}, se = p(m), le = p(oe);
-			return `M ${e} ${t} C ${se.x} ${se.y} ${le.x} ${le.y} ${n} ${r}`;
+			}, se = re(ae), h = re(oe);
+			return `M ${e} ${t} C ${se.x} ${se.y} ${h.x} ${h.y} ${n} ${r}`;
 		}
-		function ue(e) {
+		function le(e) {
 			let t = String(e ?? "").split(/\n/g), n = Math.max(0, t.length - 1) * (ie * 1.2);
-			return ae + n;
+			return m + n;
 		}
-		function de({ arc: e, index: t }) {
+		function ue({ arc: e, index: t }) {
 			let { x: n, y: r } = s(e.path);
 			return {
 				arc: e,
@@ -81,47 +81,47 @@ function nt(e) {
 				midY: r,
 				inlineMarkerX: c(e).x,
 				inlineMarkerY: l(e) - 3.5,
-				labelHeight: ue(e.name)
+				labelHeight: le(e.name)
 			};
 		}
-		function fe(e) {
+		function de(e) {
 			let { arc: t } = e, n = t.seriesIndex ?? 0;
 			return u.value === n || ee.value.includes(n) ? !1 : d(t, n);
 		}
-		function pe(e) {
+		function fe(e) {
 			let t = e.inlineMarkerY < ne, n = e.inlineMarkerX < f;
 			return t && n ? "TL" : t && !n ? "TR" : !t && n ? "BL" : "BR";
 		}
-		function me(e, t) {
+		function pe(e, t) {
 			if (t.startsWith("T")) {
 				e.sort((e, t) => e.inlineMarkerY - t.inlineMarkerY || e.index - t.index);
 				return;
 			}
 			e.sort((e, t) => t.inlineMarkerY - e.inlineMarkerY || e.index - t.index);
 		}
-		function he({ side: e, markerX: t, markerY: n, labelY: r, connectorPath: i }) {
+		function me({ side: e, markerX: t, markerY: n, labelY: r, connectorPath: i }) {
 			return {
 				side: e,
 				labelX: e === "left" ? t - 8 : t + 8,
-				labelY: r + m,
+				labelY: r + ae,
 				textAnchor: e === "left" ? "end" : "start",
 				markerX: t,
 				markerY: n,
 				connectorPath: i
 			};
 		}
-		function ge({ candidateList: t, side: n, bandMarkerX: r, startY: i, direction: a }) {
+		function he({ candidateList: t, side: n, bandMarkerX: r, startY: i, direction: a }) {
 			let o = i;
 			t.forEach((t) => {
 				let { index: i, midX: s, midY: c, labelHeight: l } = t, u;
 				a === "down" ? (u = o, o += l) : (o -= l, u = o);
-				let ee = u, d = le({
+				let ee = u, d = h({
 					midX: s,
 					midY: c,
 					bandX: r,
 					bandY: ee
 				});
-				e[i] = he({
+				e[i] = me({
 					side: n,
 					markerX: r,
 					markerY: ee,
@@ -130,42 +130,42 @@ function nt(e) {
 				});
 			});
 		}
-		let _e = te.map((e, t) => de({
+		let ge = te.map((e, t) => ue({
 			arc: e,
 			index: t
-		})).filter(fe), ve = {
+		})).filter(de), _e = {
 			TL: [],
 			TR: [],
 			BL: [],
 			BR: []
 		};
-		return _e.forEach((e) => {
-			ve[pe(e)].push(e);
-		}), Object.keys(ve).forEach((e) => {
-			me(ve[e], e);
-		}), ge({
-			candidateList: ve.TL,
+		return ge.forEach((e) => {
+			_e[fe(e)].push(e);
+		}), Object.keys(_e).forEach((e) => {
+			pe(_e[e], e);
+		}), he({
+			candidateList: _e.TL,
 			side: "left",
 			bandMarkerX: oe,
-			startY: p,
+			startY: re,
 			direction: "down"
-		}), ge({
-			candidateList: ve.TR,
+		}), he({
+			candidateList: _e.TR,
 			side: "right",
 			bandMarkerX: se,
-			startY: p,
+			startY: re,
 			direction: "down"
-		}), ve.BL.length > 1 && ge({
-			candidateList: ve.BL,
+		}), _e.BL.length > 1 && he({
+			candidateList: _e.BL,
 			side: "left",
 			bandMarkerX: oe,
-			startY: re,
+			startY: p,
 			direction: "up"
-		}), ve.BR.length > 1 && ge({
-			candidateList: ve.BR,
+		}), _e.BR.length > 1 && he({
+			candidateList: _e.BR,
 			side: "right",
 			bandMarkerX: se,
-			startY: re,
+			startY: p,
 			direction: "up"
 		}), e;
 	}) };
@@ -401,29 +401,29 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 		"copyAlt"
 	],
 	setup(e, { expose: De, emit: rt }) {
-		let vn = Ue(() => import("./Tooltip-hhrkQ3Lk.js")), yn = Ue(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), bn = Ue(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), xn = Ue(() => import("./DataTable-oiM9uWrQ.js")), Sn = Ue(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), Cn = Ue(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), wn = Ue(() => import("./PackageVersion-ekRvV3aF.js").then((e) => e.t)), Tn = Ue(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_donut: En } = _e(), { isThemeValid: Dn, warnInvalidTheme: On } = Se(), kn = Qe(), j = e, An = g({
+		let vn = Ue(() => import("./Tooltip-hhrkQ3Lk.js")), yn = Ue(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), bn = Ue(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), xn = Ue(() => import("./DataTable-oiM9uWrQ.js")), Sn = Ue(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Cn = Ue(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), wn = Ue(() => import("./PackageVersion-CZZayD-D.js").then((e) => e.t)), Tn = Ue(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_donut: En } = _e(), { isThemeValid: Dn, warnInvalidTheme: On } = Se(), kn = Qe(), M = e, An = _({
 			get() {
-				return !!j.dataset && j.dataset.length;
+				return !!M.dataset && M.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), M = Xe(null), jn = T(null), Mn = T(null), Nn = T(null), Pn = Xe(null), Fn = Xe(null), In = Xe(null), Ln = Xe(null), Rn = Xe(null), zn = Xe(null), Bn = T(0), Vn = T(0), Hn = T(0), Un = T(!1), Wn = T(null), Gn = T(null), Kn = T(null), qn = T({
+		}), jn = Xe(null), Mn = E(null), Nn = E(null), Pn = E(null), Fn = Xe(null), In = Xe(null), Ln = Xe(null), Rn = Xe(null), zn = Xe(null), Bn = Xe(null), Vn = E(0), Hn = E(0), Un = E(0), Wn = E(!1), Gn = E(null), Kn = E(null), qn = E(null), Jn = E({
 			x: 0,
 			y: 0
-		}), Jn = T("pointer"), Yn = T(!1), Xn = g({
+		}), Yn = E("pointer"), Xn = E(!1), Zn = _({
 			get: () => I.value.style.chart.layout.labels.percentage.fontSize,
 			set: (e) => e
-		}), N = g({
+		}), N = _({
 			get: () => I.value.style.chart.layout.labels.name.fontSize,
 			set: (e) => e
-		}), Zn = g({
+		}), Qn = _({
 			get: () => I.value.style.chart.layout.labels.dataLabels.smallArcClusterFontSize,
 			set: (e) => e
-		}), Qn = !1, $n = () => {
-			!I.value.autoSize || Qn || (Qn = !0, requestAnimationFrame(() => {
-				Qn = !1;
-				let e = I.value, t = jn.value, n = V.value;
+		}), $n = !1, er = () => {
+			I.value.autoSize && !$n && ($n = !0, requestAnimationFrame(() => {
+				$n = !1;
+				let e = I.value, t = Mn.value, n = Sr.value;
 				if (!e.autoSize || !t || !n) return;
 				let [r, i, a, o] = n.getAttribute("viewBox").split(" ").map(Number), s = {
 					x: r,
@@ -435,7 +435,7 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 						selector: ".vue-data-ui-datalabel-value",
 						baseSize: L.value.percentage.fontSize,
 						minSize: L.value.percentage.minFontSize,
-						sizeRef: Xn
+						sizeRef: Zn
 					},
 					{
 						selector: ".vue-data-ui-datalabel-name",
@@ -447,7 +447,7 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 						selector: ".vue-data-ui-datalabel-inline",
 						baseSize: L.value.dataLabels.smallArcClusterFontSize,
 						minSize: L.value.name.minFontSize,
-						sizeRef: Zn
+						sizeRef: Qn
 					}
 				];
 				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,83 +465,83 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 			}));
 		};
 		Je(async () => {
-			Un.value = !0, nr(), requestAnimationFrame($n);
+			Wn.value = !0, rr(), requestAnimationFrame(er);
 		});
-		let er;
+		let tr;
 		Je(() => {
-			M.value && (er = new ResizeObserver((e) => {
+			jn.value && (tr = new ResizeObserver((e) => {
 				for (let t of e) {
 					let { width: e, height: n } = t.contentRect;
 					if (e > 0 && n > 0) {
-						$n();
+						er();
 						break;
 					}
 				}
-			}), er.observe(M.value.parentElement));
+			}), tr.observe(jn.value.parentElement));
 		}), qe(() => {
-			er?.disconnect();
+			tr?.disconnect();
 		}), qe(() => {
-			In.value && (Ln.value && In.value.unobserve(Ln.value), In.value.disconnect());
+			Ln.value && (Rn.value && Ln.value.unobserve(Rn.value), Ln.value.disconnect());
 		});
-		let tr = g(() => I.value.debug);
-		function nr() {
-			if (c(j.dataset) ? (oe({
+		let nr = _(() => I.value.debug);
+		function rr() {
+			if (c(M.dataset) ? (se({
 				componentName: "VueUiDonut",
 				type: "dataset",
-				debug: tr.value
-			}), An.value = !1, fr.value = !0) : (j.dataset.forEach((e, t) => {
-				ie({
+				debug: nr.value
+			}), An.value = !1, pr.value = !0) : (M.dataset.forEach((e, t) => {
+				ae({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					oe({
+					se({
 						componentName: "VueUiDonut",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: tr.value
-					}), An.value = !1, fr.value = !0;
+						debug: nr.value
+					}), An.value = !1, pr.value = !0;
 				});
-			}), tr.value && j.dataset.forEach((e, t) => {
-				(!e.name || e.name === "") && oe({
+			}), nr.value && M.dataset.forEach((e, t) => {
+				(!e.name || e.name === "") && se({
 					componentName: "VueUiDonut",
 					type: "datasetAttributeEmpty",
 					property: "name",
 					index: t
 				});
-			})), c(j.dataset) || (fr.value = I.value.loading), I.value.responsive) {
+			})), c(M.dataset) || (pr.value = I.value.loading), I.value.responsive) {
 				let e = Oe(() => {
 					let { width: e, height: t } = ke({
-						chart: M.value,
-						title: I.value.style.chart.title.text ? Pn.value : null,
-						legend: I.value.style.chart.legend.show ? Fn.value : null,
-						source: Rn.value,
-						noTitle: zn.value,
-						padding: I.value.autoSize ? void 0 : Cr.value
+						chart: jn.value,
+						title: I.value.style.chart.title.text ? Fn.value : null,
+						legend: I.value.style.chart.legend.show ? In.value : null,
+						source: zn.value,
+						noTitle: Bn.value,
+						padding: I.value.autoSize ? void 0 : Dr.value
 					});
 					requestAnimationFrame(() => {
-						U.value.width = e, U.value.height = t, $n();
+						H.value.width = e, H.value.height = t, er();
 					});
 				});
-				In.value && (Ln.value && In.value.unobserve(Ln.value), In.value.disconnect()), In.value = new ResizeObserver(e), Ln.value = M.value.parentNode, In.value.observe(Ln.value);
+				Ln.value && (Rn.value && Ln.value.unobserve(Rn.value), Ln.value.disconnect()), Ln.value = new ResizeObserver(e), Rn.value = jn.value.parentNode, Ln.value.observe(Rn.value);
 			}
 		}
-		let P = T(le()), rr = T(!1), ir = T(""), F = T(null), ar = T(0);
-		function or() {
+		let P = E(le()), ir = E(!1), ar = E(""), F = E(null), or = E(0);
+		function sr() {
 			let e = xe({
-				userConfig: j.config,
+				userConfig: M.config,
 				defaultConfig: En
 			}), t = {}, n = e.theme;
 			if (!n) t = e;
 			else if (!Dn.value(e)) On(e), t = e;
 			else {
 				let r = xe({
-					userConfig: Le[n] || j.config,
+					userConfig: Le[n] || M.config,
 					defaultConfig: e
 				});
 				t = {
 					...xe({
-						userConfig: j.config,
+						userConfig: M.config,
 						defaultConfig: r
 					}),
 					customPalette: e.customPalette.length ? e.customPalette : te[n] || o
@@ -549,10 +549,10 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 			}
 			return t;
 		}
-		let I = T(or()), L = g(() => I.value.style.chart.layout.labels), R = g(() => I.value.style.chart.layout.donut), sr = g(() => I.value.style.chart.layout), z = g(() => I.value.style.chart);
+		let I = E(sr()), L = _(() => I.value.style.chart.layout.labels), R = _(() => I.value.style.chart.layout.donut), cr = _(() => I.value.style.chart.layout), z = _(() => I.value.style.chart);
 		he({
 			config: () => I.value,
-			dataset: () => j.dataset,
+			dataset: () => M.dataset,
 			component: "VueUiDonut",
 			rules: [
 				ge.singleSeries,
@@ -571,7 +571,7 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				}
 			]
 		});
-		let cr = g(() => I.value.userOptions.useCursorPointer), lr = g(() => f({
+		let lr = _(() => I.value.userOptions.useCursorPointer), ur = _(() => ne({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -599,11 +599,11 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				} }
 			},
 			userConfig: I.value.skeletonConfig ?? {}
-		})), { loading: ur, FINAL_DATASET: dr, manualLoading: fr, skeletonDataset: pr } = ye({
-			...Ze(j),
+		})), { loading: dr, FINAL_DATASET: fr, manualLoading: pr, skeletonDataset: mr } = ye({
+			...Ze(M),
 			FINAL_CONFIG: I,
-			prepareConfig: or,
-			skeletonDataset: j.config?.skeletonDataset ?? [
+			prepareConfig: sr,
+			skeletonDataset: M.config?.skeletonDataset ?? [
 				{
 					name: "",
 					values: [3],
@@ -620,37 +620,49 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 					color: "#CACACA"
 				}
 			],
-			skeletonConfig: f({
+			skeletonConfig: ne({
 				defaultConfig: I.value,
-				userConfig: lr.value
+				userConfig: ur.value
 			})
-		}), B = T(!0), mr = T(0), hr = T(!1), gr = null;
-		function _r(e = 1e3) {
+		}), B = E(!0), hr = E(0), gr = E(!1), _r = null;
+		function vr(e = 1e3) {
 			return new Promise((t) => {
 				let n = performance.now();
 				function r(i) {
 					let a = i - n, o = Math.min(a / e, 1), s = pe(o);
-					mr.value = s, o < 1 ? gr = requestAnimationFrame(r) : (mr.value = 1, gr = null, t());
+					hr.value = s, o < 1 ? _r = requestAnimationFrame(r) : (hr.value = 1, _r = null, t());
 				}
-				gr !== null && cancelAnimationFrame(gr), mr.value = 0, gr = requestAnimationFrame(r);
+				_r !== null && cancelAnimationFrame(_r), hr.value = 0, _r = requestAnimationFrame(r);
 			});
 		}
-		et(() => ur.value, async (e) => {
-			if (e || hr.value) return;
-			let t = dr.value === pr, n = I.value.startAnimation?.show;
-			!t && n ? (hr.value = !0, await _r(I.value.startAnimation.durationMs || 1e3)) : mr.value = 1, B.value = !1;
+		et(() => dr.value, async (e) => {
+			if (e || gr.value) return;
+			let t = fr.value === mr, n = I.value.startAnimation?.show;
+			!t && n ? (gr.value = !0, await vr(I.value.startAnimation.durationMs || 1e3)) : hr.value = 1, B.value = !1;
 		}, { immediate: !0 });
-		let { userOptionsVisible: vr, setUserOptionsVisibility: yr, keepUserOptionState: br } = Ne({ config: I.value }), { svgRef: V } = Pe({ config: z.value.title });
-		function xr() {
-			yr(!0);
+		let { userOptionsVisible: yr, setUserOptionsVisibility: br, keepUserOptionState: xr } = Ne({ config: I.value }), { svgRef: Sr } = Pe({ config: z.value.title });
+		function Cr() {
+			br(!0);
+		}
+		function wr() {
+			br(!1);
 		}
-		function Sr() {
-			yr(!1);
+		function Tr(e) {
+			let t = f(e);
+			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
-		et(() => j.config, (e) => {
-			ur.value || (I.value = or()), vr.value = !I.value.userOptions.showOnChartHover, nr(), Bn.value += 1, Vn.value += 1, Hn.value += 1, H.value.dataLabels.show = L.value.dataLabels.show, H.value.showTable = I.value.table.show, H.value.showTooltip = z.value.tooltip.show, U.value.height = z.value.height, U.value.width = z.value.width;
+		let Er = Tr(M.config);
+		et(() => M.config, (e, t) => {
+			let n = Tr(e), r = n !== Er;
+			Er = n;
+			let i = sr();
+			if (!r) {
+				I.value.style.chart.tooltip = i.style.chart.tooltip, V.value.showTooltip = I.value.style.chart.tooltip.show;
+				return;
+			}
+			dr.value || (I.value = i), yr.value = !I.value.userOptions.showOnChartHover, rr(), Vn.value += 1, Hn.value += 1, Un.value += 1, V.value.dataLabels.show = L.value.dataLabels.show, V.value.showTable = I.value.table.show, V.value.showTooltip = z.value.tooltip.show, H.value.height = z.value.height, H.value.width = z.value.width;
 		}, { deep: !0 });
-		let Cr = g(() => {
+		let Dr = _(() => {
 			let { top: e, right: t, bottom: n, left: r } = z.value.padding;
 			return {
 				css: `padding:${e}px ${t}px ${n}px ${r}px`,
@@ -659,36 +671,36 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				bottom: n,
 				left: r
 			};
-		}), { isPrinting: wr, isImaging: Tr, generatePdf: Er, generateImage: Dr } = ve({
+		}), { isPrinting: Or, isImaging: kr, generatePdf: Ar, generateImage: jr } = ve({
 			elementId: `donut__${P.value}`,
 			fileName: z.value.title.text || "vue-ui-donut",
 			options: I.value.userOptions.print
-		}), Or = g(() => I.value.userOptions.show && !z.value.title.text), kr = g(() => me(I.value.customPalette)), H = T({
+		}), Mr = _(() => I.value.userOptions.show && !z.value.title.text), Nr = _(() => me(I.value.customPalette)), V = E({
 			dataLabels: { show: L.value.dataLabels.show },
 			showTable: I.value.table.show,
 			showTooltip: z.value.tooltip.show
 		});
 		et(I, () => {
-			H.value = {
+			V.value = {
 				dataLabels: { show: L.value.dataLabels.show },
 				showTable: I.value.table.show,
 				showTooltip: z.value.tooltip.show
 			};
 		}, { immediate: !0 });
-		let U = T({
+		let H = E({
 			height: z.value.height,
 			width: z.value.width
-		}), Ar = g(() => {
-			if (I.value.pie) return q.value;
-			let e = R.value.strokeWidth / 512, t = Math.min(U.value.width, U.value.height) * e, n = t > q.value ? q.value : t;
+		}), Pr = _(() => {
+			if (I.value.pie) return K.value;
+			let e = R.value.strokeWidth / 512, t = Math.min(H.value.width, H.value.height) * e, n = t > K.value ? K.value : t;
 			return Math.max(n, 12 * (1 + e));
-		}), jr = rt, W = g(() => dr.value.sort((e, t) => {
+		}), Fr = rt, U = _(() => fr.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) || kr.value[t] || o[t] || o[t % o.length],
-			value: ne(e.values.reduce((e, t) => e + t, 0)),
+			color: l(e.color) || Nr.value[t] || o[t] || o[t % o.length],
+			value: re(e.values.reduce((e, t) => e + t, 0)),
 			absoluteValues: e.values,
 			comment: e.comment || "",
 			patternIndex: t,
@@ -696,29 +708,29 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 			ghost: !1,
 			pattern: `pattern_${P.value}_${t}`
 		})));
-		et(() => j.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (fr.value = !1);
+		et(() => M.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (pr.value = !1);
 		}, { immediate: !0 });
-		let G = Xe(W.value);
-		et(() => W.value, (e) => {
-			G.value = e, requestAnimationFrame($n);
+		let W = Xe(U.value);
+		et(() => U.value, (e) => {
+			W.value = e, requestAnimationFrame(er);
 		});
-		function Mr() {
-			return W.value.map((e) => ({
+		function Ir() {
+			return U.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				value: e.value
 			}));
 		}
-		let K = T([]), Nr = T(!1), Pr = T(null);
-		function Fr() {
-			jr("selectLegend", Ur.value.map((e) => ({
+		let G = E([]), Lr = E(!1), Rr = E(null);
+		function zr() {
+			Fr("selectLegend", qr.value.map((e) => ({
 				name: e.name,
 				color: e.color,
 				value: e.value
 			})));
 		}
-		function Ir({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = pe }) {
+		function Br({ from: e, to: t, duration: n, onUpdate: r, onDone: i, easing: a = pe }) {
 			let o = performance.now();
 			function s(c) {
 				let l = Math.min((c - o) / n, 1), u = a(l);
@@ -726,84 +738,84 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 			}
 			requestAnimationFrame(s);
 		}
-		function Lr() {
-			K.value.length ? K.value = [] : Wr.value.forEach((e, t) => {
-				K.value.push(t);
-			}), Fr();
+		function Vr() {
+			G.value.length ? G.value = [] : Jr.value.forEach((e, t) => {
+				G.value.push(t);
+			}), zr();
 		}
-		function Rr(e) {
-			let t = W.value.find((t, n) => n === e), n = G.value.find((t, n) => n === e).value;
-			if (K.value.includes(e)) {
-				K.value = K.value.filter((t) => t !== e);
+		function Hr(e) {
+			let t = U.value.find((t, n) => n === e), n = W.value.find((t, n) => n === e).value;
+			if (G.value.includes(e)) {
+				G.value = G.value.filter((t) => t !== e);
 				let r = t.value;
 				function i() {
-					G.value = G.value.map((t, n) => e === n ? {
+					W.value = W.value.map((t, n) => e === n ? {
 						...t,
 						value: r
-					} : t), Fr();
+					} : t), zr();
 				}
 				function a() {
-					Nr.value = !0, Pr.value = e, Ir({
+					Lr.value = !0, Rr.value = e, Br({
 						from: n,
 						to: r,
 						duration: I.value.serieToggleAnimation.durationMs,
 						onUpdate: (t, n) => {
-							G.value = G.value.map((n, r) => e === r ? {
+							W.value = W.value.map((n, r) => e === r ? {
 								...n,
 								value: t
-							} : n), requestAnimationFrame($n);
+							} : n), requestAnimationFrame(er);
 						},
 						onDone: () => {
-							i(), Nr.value = !1, Pr.value = null;
+							i(), Lr.value = !1, Rr.value = null;
 						}
 					});
 				}
-				I.value.serieToggleAnimation.show && I.value.type === "classic" ? a() : (i(), requestAnimationFrame($n));
-			} else if (K.value.length < W.value.length - 1) {
+				I.value.serieToggleAnimation.show && I.value.type === "classic" ? a() : (i(), requestAnimationFrame(er));
+			} else if (G.value.length < U.value.length - 1) {
 				function t() {
-					K.value.push(e), G.value = G.value.map((t, n) => e === n ? {
+					G.value.push(e), W.value = W.value.map((t, n) => e === n ? {
 						...t,
 						value: 0
-					} : t), Fr();
+					} : t), zr();
 				}
 				function r() {
-					Nr.value = !0, Pr.value = e, Ir({
+					Lr.value = !0, Rr.value = e, Br({
 						from: n,
 						to: 0,
 						duration: I.value.serieToggleAnimation.durationMs,
 						onUpdate: (t, n) => {
-							G.value = G.value.map((n, r) => e === r ? {
+							W.value = W.value.map((n, r) => e === r ? {
 								...n,
 								value: t
-							} : n), requestAnimationFrame($n);
+							} : n), requestAnimationFrame(er);
 						},
 						onDone: () => {
-							t(), requestAnimationFrame($n), Nr.value = !1, Pr.value = null;
+							t(), requestAnimationFrame(er), Lr.value = !1, Rr.value = null;
 						}
 					});
 				}
 				I.value.serieToggleAnimation.show && I.value.type === "classic" ? r() : t();
 			}
 		}
-		function zr(e) {
-			return W.value.length ? W.value.find((t) => t.name === e) || (tr.value && console.warn(`VueUiDonut - Series name not found "${e}"`), null) : (tr.value && console.warn("VueUiDonut - There are no series to show."), null);
+		function Ur(e) {
+			return U.value.length ? U.value.find((t) => t.name === e) || (nr.value && console.warn(`VueUiDonut - Series name not found "${e}"`), null) : (nr.value && console.warn("VueUiDonut - There are no series to show."), null);
 		}
-		function Br(e) {
-			let t = zr(e);
-			t !== null && K.value.includes(t.seriesIndex) && Rr(t.seriesIndex);
+		function Wr(e) {
+			let t = Ur(e);
+			t !== null && G.value.includes(t.seriesIndex) && Hr(t.seriesIndex);
 		}
-		function Vr(e) {
-			let t = zr(e);
-			t !== null && (K.value.includes(t.seriesIndex) || Rr(t.seriesIndex));
+		function Gr(e) {
+			let t = Ur(e);
+			t !== null && (G.value.includes(t.seriesIndex) || Hr(t.seriesIndex));
 		}
-		let Hr = g(() => dr.value.reduce((e, t) => e + t.values.reduce((e, t) => e + t, 0), 0)), Ur = g(() => {
-			if (B.value && !ur.value) {
-				let e = mr.value, t = W.value.map((t) => ({
+		let Kr = _(() => fr.value.reduce((e, t) => e + t.values.reduce((e, t) => e + t, 0), 0)), qr = _(() => {
+			if (B.value && !dr.value) {
+				let e = hr.value, t = U.value.map((t) => ({
 					...t,
 					value: t.value * e,
 					color: t.color,
 					ghost: !1
-				})), n = Hr.value * (1 - e);
+				})), n = Kr.value * (1 - e);
 				return n > 0 && t.push({
 					name: "__ghost__",
 					value: n,
@@ -811,20 +823,20 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 					ghost: !0
 				}), t;
 			}
-			return G.value.forEach((e) => {
+			return W.value.forEach((e) => {
 				if ([null, void 0].includes(e.values)) return {
 					...e,
 					values: []
 				};
-			}), G.value.map((e, t) => ({
+			}), W.value.map((e, t) => ({
 				...e,
 				seriesIndex: t
-			})).filter((e, t) => !K.value.includes(t));
-		}), Wr = g(() => dr.value.map((e, t) => {
-			let n = (e.values || []).reduce((e, t) => e + t, 0), r = n / dr.value.map((e) => (e.values || []).reduce((e, t) => e + t, 0)).reduce((e, t) => e + t, 0);
+			})).filter((e, t) => !G.value.includes(t));
+		}), Jr = _(() => fr.value.map((e, t) => {
+			let n = (e.values || []).reduce((e, t) => e + t, 0), r = n / fr.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) || kr.value[t] || o[t] || o[t % o.length],
+				color: l(e.color) || Nr.value[t] || o[t] || o[t % o.length],
 				value: n,
 				shape: "circle",
 				patternIndex: t,
@@ -839,35 +851,35 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 			}), {
 				datapoint: e,
 				index: t
-			}), r = m(L.value.percentage.formatter, ti(e), d({
-				v: ti(e),
+			}), r = m(L.value.percentage.formatter, ai(e), d({
+				v: ai(e),
 				s: "%",
 				r: z.value.legend.roundingPercentage
-			})), i = vi({
+			})), i = xi({
 				val: n,
-				percentage: K.value.includes(t) ? `${_i(e.proportion * 100)}%` : r,
+				percentage: G.value.includes(t) ? `${bi(e.proportion * 100)}%` : r,
 				showVal: z.value.legend.showValue,
 				showPercentage: z.value.legend.showPercentage,
 				config: z.value.legend
 			});
 			return {
 				...e,
-				opacity: K.value.includes(t) ? .5 : 1,
-				segregate: () => !Nr.value && Rr(t),
-				isSegregated: K.value.includes(t),
+				opacity: G.value.includes(t) ? .5 : 1,
+				segregate: () => !Lr.value && Hr(t),
+				isSegregated: G.value.includes(t),
 				display: `${e.name}${z.value.legend.showPercentage || z.value.legend.showValue ? ": " : ""}${i}`
 			};
-		})), Gr = g(() => ({
+		})), Yr = _(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: z.value.legend.backgroundColor,
 			color: z.value.legend.color,
 			fontSize: z.value.legend.fontSize,
 			paddingBottom: 12,
 			fontWeight: z.value.legend.bold ? "bold" : ""
-		})), q = g(() => {
-			let e = R.value.radiusRatio, t = Math.max(.1, Math.min(.50001, e)), n = Math.min(U.value.width * t, U.value.height * t);
+		})), K = _(() => {
+			let e = R.value.radiusRatio, t = Math.max(.1, Math.min(.50001, e)), n = Math.min(H.value.width * t, H.value.height * t);
 			return Math.max(12, n);
-		}), J = g(() => s({ series: Ur.value }, U.value.width / 2, U.value.height / 2, q.value, q.value, 1.99999, 2, 1, 360, 105.25, Ar.value)), Kr = g(() => Math.abs(Ur.value.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0), qr = g(() => s({ series: [{
+		}), q = _(() => s({ series: qr.value }, H.value.width / 2, H.value.height / 2, K.value, K.value, 1.99999, 2, 1, 360, 105.25, Pr.value)), Xr = _(() => Math.abs(qr.value.map((e) => e.value).reduce((e, t) => e + t, 0)) > 0), Zr = _(() => s({ series: [{
 			value: 1,
 			color: R.value.emptyFill,
 			name: "_",
@@ -875,105 +887,105 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 			patternIndex: -1,
 			ghost: !1,
 			absoluteValues: [1]
-		}] }, U.value.width / 2, U.value.height / 2, q.value, q.value, 1.99999, 2, 1, 360, 105.25, Ar.value)), Y = g(() => J.value.filter((e) => !e.ghost)), X = g(() => {
-			let e = Math.max(...Ur.value.map((e) => e.value)), t = Ur.value.map((t) => t.value / e);
-			return ae({
+		}] }, H.value.width / 2, H.value.height / 2, K.value, K.value, 1.99999, 2, 1, 360, 105.25, Pr.value)), J = _(() => q.value.filter((e) => !e.ghost)), Y = _(() => {
+			let e = Math.max(...qr.value.map((e) => e.value)), t = qr.value.map((t) => t.value / e);
+			return oe({
 				series: t,
 				center: {
-					x: U.value.width / 2,
-					y: U.value.height / 2
+					x: H.value.width / 2,
+					y: H.value.height / 2
 				},
-				maxRadius: Math.min(U.value.width, U.value.height) / 3,
+				maxRadius: Math.min(H.value.width, H.value.height) / 3,
 				hasGhost: B.value
 			});
 		});
-		function Jr(e) {
-			return e.x > U.value.width / 2 + 6 ? "start" : e.x < U.value.width / 2 - 6 ? "end" : "middle";
+		function Qr(e) {
+			return e.x > H.value.width / 2 + 6 ? "start" : e.x < H.value.width / 2 - 6 ? "end" : "middle";
 		}
-		function Yr(e) {
-			return e.middlePoint.y > U.value.height / 2 ? i({
+		function $r(e) {
+			return e.middlePoint.y > H.value.height / 2 ? i({
 				initX: e.middlePoint.x,
 				initY: e.middlePoint.y,
 				offset: 100,
-				centerX: U.value.width / 2,
-				centerY: U.value.height / 2
+				centerX: H.value.width / 2,
+				centerY: H.value.height / 2
 			}).y : i({
 				initX: e.middlePoint.x,
 				initY: e.middlePoint.y,
 				offset: 0,
-				centerX: U.value.width / 2,
-				centerY: U.value.height / 2
+				centerX: H.value.width / 2,
+				centerY: H.value.height / 2
 			}).y - 100;
 		}
-		function Z(e) {
+		function X(e) {
 			return e.proportion * 100 > L.value.dataLabels.hideUnderValue;
 		}
-		function Xr(e, t) {
-			let n = L.value.dataLabels.hideUnderValue, r = L.value.dataLabels.smallArcClusterThreshold, i = ($r.value[t] ?? e.proportion ?? 0) * 100;
+		function ei(e, t) {
+			let n = L.value.dataLabels.hideUnderValue, r = L.value.dataLabels.smallArcClusterThreshold, i = (ri.value[t] ?? e.proportion ?? 0) * 100;
 			return i > n && i <= r;
 		}
-		let { smallArcLayoutsClassic: Q } = nt({
+		let { smallArcLayoutsClassic: Z } = nt({
 			FINAL_CONFIG: I,
-			noGhostDonut: Y,
-			svg: U,
-			padding: Cr,
-			labels_inline_fontSize: Zn,
-			minSize: q,
-			findArcMidpoint: se,
+			noGhostDonut: J,
+			svg: H,
+			padding: Dr,
+			labels_inline_fontSize: Qn,
+			minSize: K,
+			findArcMidpoint: ce,
 			calcMarkerOffsetX: p,
-			calcMarkerOffsetY: ce,
-			animatingIndex: Pr,
-			segregated: K,
-			isSmallArc: Xr
+			calcMarkerOffsetY: h,
+			animatingIndex: Rr,
+			segregated: G,
+			isSmallArc: ei
 		});
-		function Zr(e, t) {
-			let n = e.value / Qr(t);
+		function ti(e, t) {
+			let n = e.value / ni(t);
 			return isNaN(n) ? 0 : m(L.value.percentage.formatter, n * 100, d({
 				v: n * 100,
 				s: "%",
 				r: L.value.percentage.rounding
 			}), { datapoint: e });
 		}
-		function Qr(e) {
+		function ni(e) {
 			return [...e].map((e) => e.value).reduce((e, t) => e + t, 0);
 		}
-		let $ = g(() => Ur.value.map((e) => e.value).reduce((e, t) => e + t, 0)), $r = g(() => {
-			let e = W.value.reduce((e, t) => e + t.value, 0);
-			return e <= 0 ? [] : W.value.map((t) => t.value / e);
-		}), ei = g(() => $.value / Ur.value.length);
-		function ti(e) {
-			return Nr.value ? e.proportion * 100 : e.value / $.value * 100;
+		let Q = _(() => qr.value.map((e) => e.value).reduce((e, t) => e + t, 0)), ri = _(() => {
+			let e = U.value.reduce((e, t) => e + t.value, 0);
+			return e <= 0 ? [] : U.value.map((t) => t.value / e);
+		}), ii = _(() => Q.value / qr.value.length);
+		function ai(e) {
+			return Lr.value ? e.proportion * 100 : e.value / Q.value * 100;
 		}
-		let ni = T(null), ri = T(!1);
-		function ii({ datapoint: e, seriesIndex: t }) {
+		let oi = E(null), si = E(!1);
+		function ci({ datapoint: e, seriesIndex: t }) {
 			I.value.events.datapointLeave && I.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), rr.value = !1, F.value = null, Kn.value = null, Jn.value = "pointer";
+			}), ir.value = !1, F.value = null, qn.value = null, Yn.value = "pointer";
 		}
-		function ai({ datapoint: e, relativeIndex: t, seriesIndex: r, show: i = !1, triggerMode: a = "pointer" }) {
+		function $({ datapoint: e, relativeIndex: t, seriesIndex: r, show: i = !1, triggerMode: a = "pointer" }) {
 			I.value.events.datapointEnter && I.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: r
-			}), Jn.value = a, Kn.value = t, ni.value = {
+			}), Yn.value = a, qn.value = t, oi.value = {
 				datapoint: e,
 				seriesIndex: r,
 				config: I.value,
-				series: W.value
-			}, rr.value = i, F.value = t;
+				series: U.value
+			}, ir.value = i, F.value = t;
 			let o = "", s = z.value.tooltip.customFormat;
-			if (ri.value = !1, n(s)) try {
+			if (si.value = !1, n(s)) try {
 				let t = s({
 					seriesIndex: r,
 					datapoint: e,
-					series: W.value,
+					series: U.value,
 					config: I.value
 				});
-				typeof t == "string" && (ir.value = t, ri.value = !0);
+				typeof t == "string" && (ar.value = t, si.value = !0);
 			} catch {
-				console.warn("Custom format cannot be applied."), ri.value = !1;
+				console.warn("Custom format cannot be applied."), si.value = !1;
 			}
-			ri.value || (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.value.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, o += `<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}"/>${kn.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${P.value}_${r})"/>` : ""}</svg>`, o += `<b>${vi({
+			si.value || (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.value.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, o += `<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}"/>${kn.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${P.value}_${r})"/>` : ""}</svg>`, o += `<b>${xi({
 				showVal: z.value.tooltip.showValue,
 				showPercentage: z.value.tooltip.showPercentage,
 				val: `<span>${m(L.value.value.formatter, e.value, d({
@@ -996,10 +1008,10 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 					seriesIndex: r
 				}),
 				config: z.value.tooltip
-			})}</b></div>`, z.value.comments.showInTooltip && e.comment && (o += `<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>${o}</div>`);
+			})}</b></div>`, z.value.comments.showInTooltip && e.comment && (o += `<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>`), ar.value = `<div>${o}</div>`);
 		}
-		function oi(e, t) {
-			let n = Q.value[t];
+		function li(e, t) {
+			let n = Z.value[t];
 			if (n) return {
 				textAnchor: n.textAnchor,
 				x: n.labelX,
@@ -1009,15 +1021,15 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 			return {
 				textAnchor: r.anchor,
 				x: r.x,
-				y: ce(e)
+				y: h(e)
 			};
 		}
-		function si(e, t, n) {
-			let { textAnchor: r, x: i } = oi(e, t), a = yi(e), o = `
+		function ui(e, t, n) {
+			let { textAnchor: r, x: i } = li(e, t), a = Si(e), o = `
         <tspan
             class="vue-data-ui-datalabel-inline"
             fill="${L.value.percentage.color}"
-            font-size="${n ? Zn.value : Xn.value}px"
+            font-size="${n ? Qn.value : Zn.value}px"
             style="font-weight:${L.value.percentage.bold ? "bold" : ""}"
         >${a}</tspan>
     `, s = String(e.name ?? "").split(/\n/g), c = "";
@@ -1026,35 +1038,35 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
                 <tspan
                     class="${n ? "vue-data-ui-datalabel-inline" : "vue-data-ui-datalabel-name"}"
                     fill="${L.value.name.color}"
-                    font-size="${n ? Zn.value : N.value}px"
+                    font-size="${n ? Qn.value : N.value}px"
                     style="font-weight:${L.value.name.bold ? "bold" : ""}"
                 >${e}</tspan>
             ` : `
                 <tspan
                     class="${n ? "vue-data-ui-datalabel-inline" : "vue-data-ui-datalabel-name"}"
                     x="${i}"
-                    dy="${(n ? Zn.value : N.value) * 1.2}"
+                    dy="${(n ? Qn.value : N.value) * 1.2}"
                     fill="${L.value.name.color}"
-                    font-size="${n ? Zn.value : N.value}px"
+                    font-size="${n ? Qn.value : N.value}px"
                     style="font-weight:${L.value.name.bold ? "bold" : ""}"
                 >${e}</tspan>
             `;
 			}), r === "end" ? `${L.value.name.show ? c : ""}${o}` : `${o}${L.value.name.show ? c : ""}`;
 		}
-		function ci(e, t) {
-			let n = X.value[t].middlePoint, r = Jr(n), a = i({
+		function di(e, t) {
+			let n = Y.value[t].middlePoint, r = Qr(n), a = i({
 				initX: n.x,
 				initY: n.y,
 				offset: 42,
-				centerX: U.value.width / 2,
-				centerY: U.value.height / 2
+				centerX: H.value.width / 2,
+				centerY: H.value.height / 2
 			}), o = a.x;
 			a.y;
-			let s = yi(e), c = `
+			let s = Si(e), c = `
         <tspan
             class="vue-data-ui-datalabel-value"
             fill="${L.value.percentage.color}"
-            font-size="${Xn.value}px"
+            font-size="${Zn.value}px"
             style="font-weight:${L.value.percentage.bold ? "bold" : "normal"}"
         >${s}</tspan>
     `, l = String(e.name ?? "").split(/\n/g), u = "";
@@ -1078,27 +1090,27 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
             `;
 			}), r === "end" ? `${L.value.name.show ? u : ""}${c}` : `${c}${L.value.name.show ? u : ""}`;
 		}
-		function li(e) {
+		function fi(e) {
 			return I.value.useBlurOnHover && ![null, void 0].includes(F.value) && F.value !== e ? `url(#blur_${P.value})` : "";
 		}
-		function ui(e) {
-			if (!Nr.value || Pr.value === null || e.seriesIndex !== Pr.value) return 1;
+		function pi(e) {
+			if (!Lr.value || Rr.value === null || e.seriesIndex !== Rr.value) return 1;
 			let t = (e.proportion ?? 0) * 100, n = L.value.dataLabels.hideUnderValue, r = L.value.dataLabels.smallArcClusterThreshold + 2, i = n;
 			return t >= r ? 1 : t <= i ? 0 : (t - i) / (r - i);
 		}
-		let di = g(() => ({
-			head: Ur.value.map((e) => ({
+		let mi = _(() => ({
+			head: qr.value.map((e) => ({
 				name: e.name,
 				color: e.color
 			})),
-			body: Ur.value.map((e) => e.value)
+			body: qr.value.map((e) => e.value)
 		}));
-		function fi(e = null) {
+		function hi(e = null) {
 			Ge(() => {
-				let n = di.value.head.map((e, t) => [
+				let n = mi.value.head.map((e, t) => [
 					[e.name],
-					[di.value.body[t]],
-					[isNaN(di.value.body[t] / $.value) ? "-" : di.value.body[t] / $.value * 100]
+					[mi.value.body[t]],
+					[isNaN(mi.value.body[t] / Q.value) ? "-" : mi.value.body[t] / Q.value * 100]
 				]), i = [
 					[z.value.title.text],
 					[z.value.title.subtitle.text],
@@ -1114,23 +1126,23 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				});
 			});
 		}
-		let pi = g(() => {
+		let gi = _(() => {
 			let e = [
 				"__SUM__",
 				d({
 					p: L.value.dataLabels.prefix,
-					v: $.value,
+					v: Q.value,
 					s: L.value.dataLabels.suffix,
 					r: I.value.table.td.roundingValue
 				}),
 				"100%"
-			], t = di.value.head.map((e, t) => [
+			], t = mi.value.head.map((e, t) => [
 				{
 					color: e.color,
 					name: e.name || "-"
 				},
-				di.value.body[t],
-				isNaN(di.value.body[t] / $.value) ? "-" : (di.value.body[t] / $.value * 100).toFixed(I.value.table.td.roundingPercentage) + "%"
+				mi.value.body[t],
+				isNaN(mi.value.body[t] / Q.value) ? "-" : (mi.value.body[t] / Q.value * 100).toFixed(I.value.table.td.roundingPercentage) + "%"
 			]), n = t.map((e) => e.map((e, t) => t === 0 ? e.name : e)), r = {
 				th: {
 					backgroundColor: I.value.table.th.backgroundColor,
@@ -1155,18 +1167,18 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				a11yBody: n,
 				config: r
 			};
-		}), mi = T(!1);
-		function hi(e) {
-			mi.value = e, ar.value += 1;
+		}), _i = E(!1);
+		function vi(e) {
+			_i.value = e, or.value += 1;
 		}
-		let gi = g(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
-		function _i(e) {
+		let yi = _(() => /^((?!chrome|android).)*safari/i.test(navigator.userAgent));
+		function bi(e) {
 			return Fe({
 				num: e,
 				rounding: z.value.legend.roundingPercentage
 			});
 		}
-		function vi({ val: e, percentage: t, showVal: n, showPercentage: r, config: i }) {
+		function xi({ val: e, percentage: t, showVal: n, showPercentage: r, config: i }) {
 			return Ie({
 				config: i,
 				val: e,
@@ -1175,46 +1187,46 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				showPercentage: r
 			});
 		}
-		function yi(e) {
-			return vi({
+		function Si(e) {
+			return xi({
 				val: m(L.value.value.formatter, e.value, d({
 					p: L.value.dataLabels.prefix,
 					v: e.value,
 					s: L.value.dataLabels.suffix,
 					r: L.value.value.rounding
 				}), { datapoint: e }),
-				percentage: Zr(e, Y.value),
+				percentage: ti(e, J.value),
 				showVal: L.value.value.show,
 				showPercentage: L.value.percentage.show,
 				config: L.value.dataLabels
 			});
 		}
-		function bi(e, t) {
+		function Ci(e, t) {
 			I.value.events.datapointClick && I.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e.seriesIndex
-			}), jr("selectDatapoint", {
+			}), Fr("selectDatapoint", {
 				datapoint: e,
 				index: t
 			});
 		}
-		function xi() {
-			H.value.showTable = !H.value.showTable;
+		function wi() {
+			V.value.showTable = !V.value.showTable;
 		}
-		function Si() {
-			H.value.dataLabels.show = !H.value.dataLabels.show;
+		function Ti() {
+			V.value.dataLabels.show = !V.value.dataLabels.show;
 		}
-		function Ci() {
-			H.value.showTooltip = !H.value.showTooltip;
+		function Ei() {
+			V.value.showTooltip = !V.value.showTooltip;
 		}
-		let wi = T(!1);
-		function Ti() {
-			wi.value = !wi.value;
+		let Di = E(!1);
+		function Oi() {
+			Di.value = !Di.value;
 		}
-		async function Ei({ scale: e = 2 } = {}) {
-			if (!M.value) return;
-			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await we({
-				domElement: M.value,
+		async function ki({ scale: e = 2 } = {}) {
+			if (!jn.value) return;
+			let { width: t, height: n } = jn.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await we({
+				domElement: jn.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -1228,13 +1240,13 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				aspectRatio: r
 			};
 		}
-		function Di() {
-			if (!jn.value) return;
-			let { x: e, y: t, width: n, height: r } = jn.value.getBBox();
-			V.value && V.value.setAttribute("viewBox", `${e} ${t} ${n + Math.min(0, e)} ${r + Math.min(0, t)}`);
+		function Ai() {
+			if (!Mn.value) return;
+			let { x: e, y: t, width: n, height: r } = Mn.value.getBBox();
+			Sr.value && Sr.value.setAttribute("viewBox", `${e} ${t} ${n + Math.min(0, e)} ${r + Math.min(0, t)}`);
 		}
-		let Oi = g(() => {
-			let e = I.value.table.useDialog && !I.value.table.show, t = H.value.showTable;
+		let ji = _(() => {
+			let e = I.value.table.useDialog && !I.value.table.show, t = V.value.showTable;
 			return {
 				component: e ? Tn : bn,
 				title: `${z.value.title.text}${z.value.title.subtitle.text ? `: ${z.value.title.subtitle.text}` : ""}`,
@@ -1243,10 +1255,10 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 					color: I.value.table.th.color,
 					headerColor: I.value.table.th.color,
 					headerBg: I.value.table.th.backgroundColor,
-					isFullscreen: mi.value,
-					fullscreenParent: M.value,
+					isFullscreen: _i.value,
+					fullscreenParent: jn.value,
 					forcedWidth: Math.min(500, window.innerWidth * .8),
-					isCursorPointer: cr.value
+					isCursorPointer: lr.value
 				} : {
 					hideDetails: !0,
 					config: {
@@ -1264,62 +1276,62 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				}
 			};
 		});
-		et(() => H.value.showTable, (e) => {
-			I.value.table.show || (e && I.value.table.useDialog && Wn.value ? Wn.value.open() : "close" in Wn.value && Wn.value.close());
+		et(() => V.value.showTable, (e) => {
+			I.value.table.show || (e && I.value.table.useDialog && Gn.value ? Gn.value.open() : "close" in Gn.value && Gn.value.close());
 		});
-		function ki() {
-			H.value.showTable = !1, Gn.value && Gn.value.setTableIconState(!1);
+		function Mi() {
+			V.value.showTable = !1, Kn.value && Kn.value.setTableIconState(!1);
 		}
-		let Ai = g(() => Wr.value.map((e) => ({
+		let Ni = _(() => Jr.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), ji = g(() => z.value.backgroundColor), Mi = g(() => z.value.legend), Ni = g(() => z.value.title), { isCallbackImaging: Pi, isCallbackSvg: Fi, generateSvg: Ii, onGenerateImage: Li } = Ce({
-			svg: V,
-			title: Ni,
-			legend: Mi,
-			legendItems: Ai,
-			backgroundColor: ji,
+		}))), Pi = _(() => z.value.backgroundColor), Fi = _(() => z.value.legend), Ii = _(() => z.value.title), { isCallbackImaging: Li, isCallbackSvg: Ri, generateSvg: zi, onGenerateImage: Bi } = Ce({
+			svg: Sr,
+			title: Ii,
+			legend: Fi,
+			legendItems: Ni,
+			backgroundColor: Pi,
 			getSvgCallback: () => I.value.userOptions.callbacks.svg,
-			generateImage: Dr
+			generateImage: jr
 		});
-		async function Ri() {
-			if (jr("copyAlt", {
+		async function Vi() {
+			if (Fr("copyAlt", {
 				config: I.value,
-				dataset: G.value
+				dataset: W.value
 			}), !I.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
 			await Promise.resolve(I.value.userOptions.callbacks.altCopy({
 				config: I.value,
-				dataset: G.value
+				dataset: W.value
 			}));
 		}
-		function zi() {
-			Kn.value = null, Yn.value = !0;
+		function Hi() {
+			qn.value = null, Xn.value = !0;
 		}
-		function Bi() {
-			Kn.value = null, Jn.value = "pointer", rr.value = !1, F.value = null, Yn.value = !1;
+		function Ui() {
+			qn.value = null, Yn.value = "pointer", ir.value = !1, F.value = null, Xn.value = !1;
 		}
-		function Vi(e) {
-			if (!V.value || wi.value || document.activeElement !== V.value || !Y.value.length) return;
+		function Wi(e) {
+			if (!Sr.value || Di.value || document.activeElement !== Sr.value || !J.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, F.value = null;
+				qn.value = null, Yn.value = "pointer", ir.value = !1, F.value = null;
 				return;
 			}
 			if (r) {
-				if (Kn.value === null) return;
-				let e = Y.value[Kn.value];
+				if (qn.value === null) return;
+				let e = J.value[qn.value];
 				if (!e) return;
-				bi(e, Kn.value);
+				Ci(e, qn.value);
 				return;
 			}
-			let a = Kn.value, o = F.value, s = a !== null && a >= 0 && a < Y.value.length, c = o !== null && o >= 0 && o < Y.value.length;
-			s ? n ? (a += 1, a >= Y.value.length && (a = 0)) : t && (--a, a < 0 && (a = Y.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= Y.value.length && (a = 0), a < 0 && (a = Y.value.length - 1)) : a = n ? 0 : Y.value.length - 1;
-			let l = Y.value[a];
-			l && (Kn.value = a, Hi(a), ai({
+			let a = qn.value, o = F.value, s = a !== null && a >= 0 && a < J.value.length, c = o !== null && o >= 0 && o < J.value.length;
+			s ? n ? (a += 1, a >= J.value.length && (a = 0)) : t && (--a, a < 0 && (a = J.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= J.value.length && (a = 0), a < 0 && (a = J.value.length - 1)) : a = n ? 0 : J.value.length - 1;
+			let l = J.value[a];
+			l && (qn.value = a, Gi(a), $({
 				datapoint: l,
 				relativeIndex: a,
 				seriesIndex: l.seriesIndex,
@@ -1327,64 +1339,64 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				triggerMode: "keyboard"
 			}));
 		}
-		function Hi(e) {
-			if (!Number.isFinite(e) || !V.value) return;
-			let t = U.value.width / 2, n = U.value.height / 2;
+		function Gi(e) {
+			if (!Number.isFinite(e) || !Sr.value) return;
+			let t = H.value.width / 2, n = H.value.height / 2;
 			if (I.value.type === "classic") {
-				let r = Y.value[e];
+				let r = J.value[e];
 				if (!r?.arcSlice) return;
-				let i = se(r.arcSlice);
+				let i = ce(r.arcSlice);
 				if (!i) return;
 				t = i.x, n = i.y;
 			} else {
-				let r = X.value[e]?.middlePoint;
+				let r = Y.value[e]?.middlePoint;
 				if (!r) return;
 				t = r.x, n = r.y;
 			}
-			let r = V.value.getBoundingClientRect();
-			qn.value = {
-				x: r.left + t / U.value.width * r.width,
-				y: r.top + n / U.value.height * r.height
+			let r = Sr.value.getBoundingClientRect();
+			Jn.value = {
+				x: r.left + t / H.value.width * r.width,
+				y: r.top + n / H.value.height * r.height
 			};
 		}
-		let Ui = g(() => ({
-			headers: pi.value?.colNames ?? [],
-			rows: pi.value?.a11yBody ?? []
+		let Ki = _(() => ({
+			headers: gi.value?.colNames ?? [],
+			rows: gi.value?.a11yBody ?? []
 		}));
 		return De({
-			autoSize: Di,
-			getData: Mr,
-			getImage: Ei,
-			generatePdf: Er,
-			generateCsv: fi,
-			generateImage: Dr,
-			generateSvg: Ii,
-			hideSeries: Vr,
-			showSeries: Br,
-			toggleTable: xi,
-			toggleLabels: Si,
-			toggleTooltip: Ci,
-			toggleAnnotator: Ti,
-			toggleFullscreen: hi,
-			copyAlt: Ri
-		}), (t, n) => (w(), y("div", {
+			autoSize: Ai,
+			getData: Ir,
+			getImage: ki,
+			generatePdf: Ar,
+			generateCsv: hi,
+			generateImage: jr,
+			generateSvg: zi,
+			hideSeries: Gr,
+			showSeries: Wr,
+			toggleTable: wi,
+			toggleLabels: Ti,
+			toggleTooltip: Ei,
+			toggleAnnotator: Oi,
+			toggleFullscreen: vi,
+			copyAlt: Vi
+		}), (t, n) => (T(), b("div", {
 			ref_key: "donutChart",
-			ref: M,
-			class: Ke(`vue-data-ui-component vue-ui-donut ${mi.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${I.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			style: C(`font-family:${I.value.style.fontFamily};width:100%; ${I.value.responsive ? "height:100%;" : ""} text-align:center;background:${z.value.backgroundColor}`),
+			ref: jn,
+			class: Ke(`vue-data-ui-component vue-ui-donut ${_i.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${I.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			style: w(`font-family:${I.value.style.fontFamily};width:100%; ${I.value.responsive ? "height:100%;" : ""} text-align:center;background:${z.value.backgroundColor}`),
 			id: `donut__${P.value}`,
-			onMouseenter: xr,
-			onMouseleave: Sr
+			onMouseenter: Cr,
+			onMouseleave: wr
 		}, [
-			b("div", {
+			x("div", {
 				id: `chart-instructions-${P.value}`,
 				class: "sr-only"
-			}, [b("p", null, O(I.value.a11y.translations.keyboardNavigation), 1)], 8, at),
-			Ui.value?.rows?.length ? (w(), _(Me, {
+			}, [x("p", null, k(I.value.a11y.translations.keyboardNavigation), 1)], 8, at),
+			Ki.value?.rows?.length ? (T(), v(Me, {
 				key: 0,
 				uid: P.value,
-				head: Ui.value.headers,
-				body: Ui.value.rows,
+				head: Ki.value.headers,
+				body: Ki.value.rows,
 				notice: I.value.a11y.translations.tableAvailable,
 				caption: I.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1393,23 +1405,23 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				"body",
 				"notice",
 				"caption"
-			])) : v("", !0),
-			I.value.userOptions.buttons.annotator && k(V) ? (w(), _(k(Sn), {
+			])) : y("", !0),
+			I.value.userOptions.buttons.annotator && A(Sr) ? (T(), v(A(Sn), {
 				key: 1,
 				color: z.value.color,
 				backgroundColor: z.value.backgroundColor,
-				active: wi.value,
-				svgRef: k(V),
-				isCursorPointer: cr.value,
+				active: Di.value,
+				svgRef: A(Sr),
+				isCursorPointer: lr.value,
 				palette: I.value.userOptions.annotatorPalette,
-				onClose: Ti
+				onClose: Oi
 			}, {
-				"annotator-action-close": A(() => [D(t.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": A(({ color: e }) => [D(t.$slots, "annotator-action-color", S(x({ color: e })), void 0, !0)]),
-				"annotator-action-draw": A(({ mode: e }) => [D(t.$slots, "annotator-action-draw", S(x({ mode: e })), void 0, !0)]),
-				"annotator-action-undo": A(({ disabled: e }) => [D(t.$slots, "annotator-action-undo", S(x({ disabled: e })), void 0, !0)]),
-				"annotator-action-redo": A(({ disabled: e }) => [D(t.$slots, "annotator-action-redo", S(x({ disabled: e })), void 0, !0)]),
-				"annotator-action-delete": A(({ disabled: e }) => [D(t.$slots, "annotator-action-delete", S(x({ disabled: e })), void 0, !0)]),
+				"annotator-action-close": j(() => [O(t.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": j(({ color: e }) => [O(t.$slots, "annotator-action-color", C(S({ color: e })), void 0, !0)]),
+				"annotator-action-draw": j(({ mode: e }) => [O(t.$slots, "annotator-action-draw", C(S({ mode: e })), void 0, !0)]),
+				"annotator-action-undo": j(({ disabled: e }) => [O(t.$slots, "annotator-action-undo", C(S({ disabled: e })), void 0, !0)]),
+				"annotator-action-redo": j(({ disabled: e }) => [O(t.$slots, "annotator-action-redo", C(S({ disabled: e })), void 0, !0)]),
+				"annotator-action-delete": j(({ disabled: e }) => [O(t.$slots, "annotator-action-delete", C(S({ disabled: e })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"color",
@@ -1418,22 +1430,22 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				"svgRef",
 				"isCursorPointer",
 				"palette"
-			])) : v("", !0),
-			D(t.$slots, "userConfig", {}, void 0, !0),
-			Or.value ? (w(), y("div", {
+			])) : y("", !0),
+			O(t.$slots, "userConfig", {}, void 0, !0),
+			Mr.value ? (T(), b("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: zn,
+				ref: Bn,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : v("", !0),
-			z.value.title.text ? (w(), y("div", {
+			}, null, 512)) : y("", !0),
+			z.value.title.text ? (T(), b("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: Pn,
+				ref: Fn,
 				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(w(), _(Te, {
-				key: `title_${Bn.value}`,
+			}, [(T(), v(Te, {
+				key: `title_${Vn.value}`,
 				config: {
 					title: {
 						cy: "donut-div-title",
@@ -1444,16 +1456,16 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 						...z.value.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : v("", !0),
-			b("div", { id: `legend-top-${P.value}` }, null, 8, ot),
-			I.value.userOptions.show && An.value && (k(br) || k(vr)) ? (w(), _(k(Cn), {
+			}, null, 8, ["config"]))], 512)) : y("", !0),
+			x("div", { id: `legend-top-${P.value}` }, null, 8, ot),
+			I.value.userOptions.show && An.value && (A(xr) || A(yr)) ? (T(), v(A(Cn), {
 				ref_key: "userOptionsRef",
-				ref: Gn,
-				key: `user_option_${ar.value}`,
+				ref: Kn,
+				key: `user_option_${or.value}`,
 				backgroundColor: z.value.backgroundColor,
 				color: z.value.color,
-				isPrinting: k(wr),
-				isImaging: k(Tr),
+				isPrinting: A(Or),
+				isImaging: A(kr),
 				uid: P.value,
 				hasTooltip: z.value.tooltip.show && I.value.userOptions.buttons.tooltip,
 				hasPdf: I.value.userOptions.buttons.pdf,
@@ -1464,32 +1476,32 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				hasLabel: I.value.userOptions.buttons.labels,
 				hasFullscreen: I.value.userOptions.buttons.fullscreen,
 				hasAltCopy: I.value.userOptions.buttons.altCopy,
-				isFullscreen: mi.value,
-				chartElement: M.value,
+				isFullscreen: _i.value,
+				chartElement: jn.value,
 				position: I.value.userOptions.position,
 				callbacks: I.value.userOptions.callbacks,
-				isTooltip: H.value.showTooltip,
+				isTooltip: V.value.showTooltip,
 				titles: { ...I.value.userOptions.buttonTitles },
 				hasAnnotator: I.value.userOptions.buttons.annotator,
-				isAnnotation: wi.value,
+				isAnnotation: Di.value,
 				printScale: I.value.userOptions.print.scale,
 				tableDialog: I.value.table.useDialog,
-				isCursorPointer: cr.value,
-				onToggleFullscreen: hi,
-				onGeneratePdf: k(Er),
-				onGenerateCsv: fi,
-				onGenerateImage: k(Li),
-				onGenerateSvg: k(Ii),
-				onToggleTable: xi,
-				onToggleLabels: Si,
-				onToggleTooltip: Ci,
-				onToggleAnnotator: Ti,
-				onCopyAlt: Ri,
-				style: C({ visibility: k(br) ? k(vr) ? "visible" : "hidden" : "visible" })
+				isCursorPointer: lr.value,
+				onToggleFullscreen: vi,
+				onGeneratePdf: A(Ar),
+				onGenerateCsv: hi,
+				onGenerateImage: A(Bi),
+				onGenerateSvg: A(zi),
+				onToggleTable: wi,
+				onToggleLabels: Ti,
+				onToggleTooltip: Ei,
+				onToggleAnnotator: Oi,
+				onCopyAlt: Vi,
+				style: w({ visibility: A(xr) ? A(yr) ? "visible" : "hidden" : "visible" })
 			}, Be({ _: 2 }, [
 				t.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: A(({ isOpen: e, color: n }) => [D(t.$slots, "menuIcon", S(x({
+					fn: j(({ isOpen: e, color: n }) => [O(t.$slots, "menuIcon", C(S({
 						isOpen: e,
 						color: n
 					})), void 0, !0)]),
@@ -1497,42 +1509,42 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				} : void 0,
 				t.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: A(() => [D(t.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				t.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: A(() => [D(t.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				t.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: A(() => [D(t.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				t.$slots.optionImg ? {
 					name: "optionImg",
-					fn: A(() => [D(t.$slots, "optionImg", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				t.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: A(() => [D(t.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				t.$slots.optionTable ? {
 					name: "optionTable",
-					fn: A(() => [D(t.$slots, "optionTable", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				t.$slots.optionLabels ? {
 					name: "optionLabels",
-					fn: A(() => [D(t.$slots, "optionLabels", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "optionLabels", {}, void 0, !0)]),
 					key: "7"
 				} : void 0,
 				t.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: A(({ toggleFullscreen: e, isFullscreen: n }) => [D(t.$slots, "optionFullscreen", S(x({
+					fn: j(({ toggleFullscreen: e, isFullscreen: n }) => [O(t.$slots, "optionFullscreen", C(S({
 						toggleFullscreen: e,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1540,7 +1552,7 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				} : void 0,
 				t.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: A(({ toggleAnnotator: e, isAnnotator: n }) => [D(t.$slots, "optionAnnotator", S(x({
+					fn: j(({ toggleAnnotator: e, isAnnotator: n }) => [O(t.$slots, "optionAnnotator", C(S({
 						toggleAnnotator: e,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1548,91 +1560,91 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				} : void 0,
 				t.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: A(({ altCopy: e }) => [D(t.$slots, "optionAltCopy", S(x({ altCopy: e })), void 0, !0)]),
+					fn: j(({ altCopy: e }) => [O(t.$slots, "optionAltCopy", C(S({ altCopy: e })), void 0, !0)]),
 					key: "10"
 				} : void 0,
 				t.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: A(() => [D(t.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: j(() => [O(t.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "11"
 				} : void 0,
 				t.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: A(() => [D(t.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: j(() => [O(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.onGenerateImage.onGenerateSvg.style".split("."))) : v("", !0),
-			b("div", st, [(w(), y("svg", {
+			]), 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("."))) : y("", !0),
+			x("div", st, [(T(), b("svg", {
 				ref_key: "svgRef",
-				ref: V,
-				xmlns: k(fe),
+				ref: Sr,
+				xmlns: A(fe),
 				"aria-describedby": `chart-instructions-${P.value}`,
 				class: Ke({
-					"vue-data-ui-fullscreen--on": mi.value,
-					"vue-data-ui-fulscreen--off": !mi.value,
+					"vue-data-ui-fullscreen--on": _i.value,
+					"vue-data-ui-fulscreen--off": !_i.value,
 					"vue-data-ui-svg": !0
 				}),
-				viewBox: `0 0 ${U.value.width <= 0 ? 10 : U.value.width} ${U.value.height <= 0 ? 10 : U.value.height}`,
-				style: C(`max-width:100%; overflow: visible; background:transparent;color:${z.value.color};${Cr.value.css}`),
+				viewBox: `0 0 ${H.value.width <= 0 ? 10 : H.value.width} ${H.value.height <= 0 ? 10 : H.value.height}`,
+				style: w(`max-width:100%; overflow: visible; background:transparent;color:${z.value.color};${Dr.value.css}`),
 				tabindex: "0",
-				onFocus: zi,
-				onBlur: Bi,
-				onKeydown: Vi
-			}, [b("g", {
+				onFocus: Hi,
+				onBlur: Ui,
+				onKeydown: Wi
+			}, [x("g", {
 				ref_key: "G",
-				ref: jn,
+				ref: Mn,
 				class: "vue-data-ui-g"
 			}, [
-				He(k(wn)),
-				t.$slots["chart-background"] ? (w(), y("foreignObject", {
+				He(A(wn)),
+				t.$slots["chart-background"] ? (T(), b("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
-					width: U.value.width <= 0 ? 10 : U.value.width,
-					height: U.value.height <= 0 ? 10 : U.value.height,
+					width: H.value.width <= 0 ? 10 : H.value.width,
+					height: H.value.height <= 0 ? 10 : H.value.height,
 					style: { pointerEvents: "none" }
-				}, [D(t.$slots, "chart-background", {}, void 0, !0)], 8, lt)) : v("", !0),
-				I.value.type === "classic" && !isNaN(Ar.value / q.value) ? (w(), y("defs", ut, [z.value.useGradient ? (w(), _(Ae, {
+				}, [O(t.$slots, "chart-background", {}, void 0, !0)], 8, lt)) : y("", !0),
+				I.value.type === "classic" && !isNaN(Pr.value / K.value) ? (T(), b("defs", ut, [z.value.useGradient ? (T(), v(Ae, {
 					key: 0,
 					t: "radial",
 					id: `gradient_${P.value}`,
 					stops: [
 						[
 							"0%",
-							k(u)(z.value.backgroundColor, 0),
+							A(u)(z.value.backgroundColor, 0),
 							0
 						],
 						[
-							`${(1 - Ar.value / q.value) * 100}%`,
-							k(u)("#FFFFFF", 0),
+							`${(1 - Pr.value / K.value) * 100}%`,
+							A(u)("#FFFFFF", 0),
 							0
 						],
 						[
-							`${(1 - Ar.value / q.value / 2) * 100}%`,
-							k(u)("#FFFFFF", z.value.gradientIntensity),
+							`${(1 - Pr.value / K.value / 2) * 100}%`,
+							A(u)("#FFFFFF", z.value.gradientIntensity),
 							1
 						],
 						[
 							"100%",
-							k(u)(z.value.backgroundColor, 0),
+							A(u)(z.value.backgroundColor, 0),
 							0
 						]
 					]
-				}, null, 8, ["id", "stops"])) : v("", !0)])) : v("", !0),
-				I.value.type === "polar" ? (w(), y("defs", dt, [(w(!0), y(h, null, E(X.value, (e, t) => (w(), _(Ae, {
+				}, null, 8, ["id", "stops"])) : y("", !0)])) : y("", !0),
+				I.value.type === "polar" ? (T(), b("defs", dt, [(T(!0), b(g, null, D(Y.value, (e, t) => (T(), v(Ae, {
 					t: "radial",
 					id: `polar_gradient_${t}_${P.value}`,
 					key: `pg_${t}_${P.value}`,
-					cx: (isNaN(e.middlePoint.x / U.value.width * 100) ? 0 : e.middlePoint.x / U.value.width * 100) + "%",
-					cy: (isNaN(e.middlePoint.y / U.value.height * 100) ? 0 : e.middlePoint.y / U.value.height * 100) + "%",
+					cx: (isNaN(e.middlePoint.x / H.value.width * 100) ? 0 : e.middlePoint.x / H.value.width * 100) + "%",
+					cy: (isNaN(e.middlePoint.y / H.value.height * 100) ? 0 : e.middlePoint.y / H.value.height * 100) + "%",
 					r: "62%",
 					stops: [[
 						"0%",
-						k(ee)(J.value[t].color, .05),
+						A(ee)(q.value[t].color, .05),
 						z.value.gradientIntensity / 100
 					], [
 						"100%",
-						J.value[t].color,
+						q.value[t].color,
 						1
 					]]
 				}, null, 8, [
@@ -1640,40 +1652,40 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 					"cx",
 					"cy",
 					"stops"
-				]))), 128))])) : v("", !0),
-				b("defs", null, [
-					b("filter", {
+				]))), 128))])) : y("", !0),
+				x("defs", null, [
+					x("filter", {
 						id: `blur_${P.value}`,
 						x: "-50%",
 						y: "-50%",
 						width: "200%",
 						height: "200%"
-					}, [b("feGaussianBlur", {
+					}, [x("feGaussianBlur", {
 						in: "SourceGraphic",
 						stdDeviation: 2,
 						id: `blur_std_${P.value}`
-					}, null, 8, pt), n[5] ||= b("feColorMatrix", {
+					}, null, 8, pt), n[5] ||= x("feColorMatrix", {
 						type: "saturate",
 						values: "0"
 					}, null, -1)], 8, ft),
-					b("filter", {
+					x("filter", {
 						id: `shadow_${P.value}`,
 						"color-interpolation-filters": "sRGB"
-					}, [b("feDropShadow", {
+					}, [x("feDropShadow", {
 						dx: "0",
 						dy: "0",
 						stdDeviation: "10",
 						"flood-opacity": "0.5",
 						"flood-color": R.value.shadowColor
 					}, null, 8, ht)], 8, mt),
-					b("filter", {
+					x("filter", {
 						id: `drop_shadow_${P.value}`,
 						"color-interpolation-filters": "sRGB",
 						x: "-50%",
 						y: "-50%",
 						width: "200%",
 						height: "200%"
-					}, [b("feDropShadow", {
+					}, [x("feDropShadow", {
 						dx: "0",
 						dy: "0",
 						stdDeviation: "3",
@@ -1681,594 +1693,594 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 						"flood-color": R.value.shadowColor
 					}, null, 8, _t)], 8, gt)
 				]),
-				I.value.type === "classic" ? (w(!0), y(h, { key: 3 }, E(J.value.filter((e) => !e.ghost), (e, t) => (w(), y("g", null, [Z(e) && H.value.dataLabels.show ? (w(), y("path", {
+				I.value.type === "classic" ? (T(!0), b(g, { key: 3 }, D(q.value.filter((e) => !e.ghost), (e, t) => (T(), b("g", null, [X(e) && V.value.dataLabels.show ? (T(), b("path", {
 					key: 0,
-					d: k(Q)[t]?.connectorPath || k(re)(e, {
-						x: U.value.width / 2,
-						y: U.value.height / 2
-					}, 16, 16, !1, !1, Ar.value, 12, sr.value.curvedMarkers),
+					d: A(Z)[t]?.connectorPath || A(ie)(e, {
+						x: H.value.width / 2,
+						y: H.value.height / 2
+					}, 16, 16, !1, !1, Pr.value, 12, cr.value.curvedMarkers),
 					stroke: e.color,
 					"stroke-width": "1",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					filter: li(t)
-				}, null, 8, vt)) : v("", !0)]))), 256)) : v("", !0),
-				I.value.type === "polar" ? (w(!0), y(h, { key: 4 }, E(J.value.filter((e) => !e.ghost), (e, t) => (w(), y("g", null, [Z(e) && H.value.dataLabels.show ? (w(), y("path", {
+					filter: fi(t)
+				}, null, 8, vt)) : y("", !0)]))), 256)) : y("", !0),
+				I.value.type === "polar" ? (T(!0), b(g, { key: 4 }, D(q.value.filter((e) => !e.ghost), (e, t) => (T(), b("g", null, [X(e) && V.value.dataLabels.show ? (T(), b("path", {
 					key: 0,
-					d: `M ${k(i)({
-						initX: X.value[t].middlePoint.x,
-						initY: X.value[t].middlePoint.y,
+					d: `M ${A(i)({
+						initX: Y.value[t].middlePoint.x,
+						initY: Y.value[t].middlePoint.y,
 						offset: 24,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
-					}).x},${k(i)({
-						initX: X.value[t].middlePoint.x,
-						initY: X.value[t].middlePoint.y,
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
+					}).x},${A(i)({
+						initX: Y.value[t].middlePoint.x,
+						initY: Y.value[t].middlePoint.y,
 						offset: 24,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
-					}).y} ${X.value[t].middlePoint.x},${X.value[t].middlePoint.y}`,
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
+					}).y} ${Y.value[t].middlePoint.x},${Y.value[t].middlePoint.y}`,
 					stroke: e.color,
 					"stroke-width": "1",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					filter: li(t),
-					style: C({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
-				}, null, 12, yt)) : v("", !0)]))), 256)) : v("", !0),
-				I.value.type === "classic" && R.value.useShadow ? (w(), y("circle", {
+					filter: fi(t),
+					style: w({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
+				}, null, 12, yt)) : y("", !0)]))), 256)) : y("", !0),
+				I.value.type === "classic" && R.value.useShadow ? (T(), b("circle", {
 					key: 5,
-					cx: U.value.width / 2,
-					cy: U.value.height / 2,
-					r: q.value <= 0 ? 10 : q.value,
+					cx: H.value.width / 2,
+					cy: H.value.height / 2,
+					r: K.value <= 0 ? 10 : K.value,
 					fill: z.value.backgroundColor,
 					filter: `url(#shadow_${P.value})`
-				}, null, 8, bt)) : v("", !0),
-				t.$slots.pattern ? (w(), y("g", xt, [(w(!0), y(h, null, E(e.dataset, (e, n) => (w(), y("defs", { key: `pattern-${e.patternIndex}` }, [D(t.$slots, "pattern", We({ ref_for: !0 }, {
+				}, null, 8, bt)) : y("", !0),
+				t.$slots.pattern ? (T(), b("g", xt, [(T(!0), b(g, null, D(e.dataset, (e, n) => (T(), b("defs", { key: `pattern-${e.patternIndex}` }, [O(t.$slots, "pattern", We({ ref_for: !0 }, {
 					seriesIndex: n,
 					patternId: `pattern_${P.value}_${n}`
-				}), void 0, !0)]))), 128))])) : v("", !0),
-				$.value && I.value.type === "classic" ? (w(), y(h, { key: 7 }, [
-					(w(!0), y(h, null, E(Y.value, (e, t) => (w(), y("path", {
+				}), void 0, !0)]))), 128))])) : y("", !0),
+				Q.value && I.value.type === "classic" ? (T(), b(g, { key: 7 }, [
+					(T(!0), b(g, null, D(J.value, (e, t) => (T(), b("path", {
 						stroke: z.value.backgroundColor,
 						d: e.arcSlice,
 						fill: "#FFFFFF"
 					}, null, 8, St))), 256)),
-					(w(!0), y(h, null, E(Y.value, (e, t) => (w(), y("path", {
+					(T(!0), b(g, null, D(J.value, (e, t) => (T(), b("path", {
 						class: "vue-ui-donut-arc-path",
 						d: e.arcSlice,
 						fill: e.color,
 						stroke: R.value.borderColorAuto ? z.value.backgroundColor : R.value.borderColor,
 						"stroke-width": R.value.borderWidth,
-						filter: li(t)
+						filter: fi(t)
 					}, null, 8, Ct))), 256)),
-					t.$slots.pattern ? (w(), y("g", wt, [(w(!0), y(h, null, E(Y.value, (e, t) => (w(), y("path", {
+					t.$slots.pattern ? (T(), b("g", wt, [(T(!0), b(g, null, D(J.value, (e, t) => (T(), b("path", {
 						class: "vue-ui-donut-arc-path",
 						d: e.arcSlice,
 						fill: `url(#${e.pattern})`,
 						stroke: R.value.borderColorAuto ? z.value.backgroundColor : R.value.borderColor,
 						"stroke-width": R.value.borderWidth,
-						filter: li(t)
-					}, null, 8, Tt))), 256))])) : v("", !0)
-				], 64)) : v("", !0),
-				$.value && I.value.type === "polar" ? (w(), y(h, { key: 8 }, [J.value.length > 1 ? (w(), y("g", Et, [
-					(w(!0), y(h, null, E(Y.value, (e, t) => (w(), y("path", {
+						filter: fi(t)
+					}, null, 8, Tt))), 256))])) : y("", !0)
+				], 64)) : y("", !0),
+				Q.value && I.value.type === "polar" ? (T(), b(g, { key: 8 }, [q.value.length > 1 ? (T(), b("g", Et, [
+					(T(!0), b(g, null, D(J.value, (e, t) => (T(), b("path", {
 						stroke: R.value.borderColorAuto ? z.value.backgroundColor : R.value.borderColor,
-						d: X.value[t].path,
+						d: Y.value[t].path,
 						fill: "#FFFFFF",
-						style: C({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
+						style: w({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
 					}, null, 12, Dt))), 256)),
-					R.value.useShadow ? (w(), y("g", Ot, [(w(!0), y(h, null, E(Y.value, (e, t) => (w(), y("path", {
+					R.value.useShadow ? (T(), b("g", Ot, [(T(!0), b(g, null, D(J.value, (e, t) => (T(), b("path", {
 						class: "vue-ui-donut-arc-path",
-						d: X.value[t].path,
+						d: Y.value[t].path,
 						fill: "transparent",
-						stroke: R.value.borderColorAuto ? z.value.backgroundColor : sr.value.donut.borderColor,
+						stroke: R.value.borderColorAuto ? z.value.backgroundColor : cr.value.donut.borderColor,
 						"stroke-width": R.value.borderWidth,
 						filter: `url(#drop_shadow_${P.value})`,
-						style: C({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
-					}, null, 12, kt))), 256))])) : v("", !0),
-					t.$slots.pattern ? (w(), y("g", At, [(w(!0), y(h, null, E(Y.value, (e, t) => (w(), y("path", {
+						style: w({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
+					}, null, 12, kt))), 256))])) : y("", !0),
+					t.$slots.pattern ? (T(), b("g", At, [(T(!0), b(g, null, D(J.value, (e, t) => (T(), b("path", {
 						class: "vue-ui-donut-arc-path",
-						d: X.value[t].path,
+						d: Y.value[t].path,
 						fill: `url(#${e.pattern})`,
-						stroke: R.value.borderColorAuto ? z.value.backgroundColor : sr.value.donut.borderColor,
+						stroke: R.value.borderColorAuto ? z.value.backgroundColor : cr.value.donut.borderColor,
 						"stroke-width": R.value.borderWidth,
-						filter: li(t),
-						style: C({
+						filter: fi(t),
+						style: w({
 							transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out`,
 							transformOrigin: "center"
 						})
-					}, null, 12, jt))), 256))])) : v("", !0),
-					(w(!0), y(h, null, E(Y.value, (e, t) => (w(), y("path", {
+					}, null, 12, jt))), 256))])) : y("", !0),
+					(T(!0), b(g, null, D(J.value, (e, t) => (T(), b("path", {
 						class: "vue-ui-donut-arc-path",
-						d: X.value[t].path,
+						d: Y.value[t].path,
 						fill: z.value.useGradient ? `url(#polar_gradient_${t}_${P.value})` : e.color,
 						stroke: R.value.borderColorAuto ? z.value.backgroundColor : R.value.borderColor,
 						"stroke-width": R.value.borderWidth,
-						filter: li(t),
-						style: C({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
+						filter: fi(t),
+						style: w({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
 					}, null, 12, Mt))), 256))
-				])) : (w(), y("g", Nt, [t.$slots.pattern ? (w(), y("circle", {
+				])) : (T(), b("g", Nt, [t.$slots.pattern ? (T(), b("circle", {
 					key: 0,
-					cx: U.value.width / 2,
-					cy: U.value.height / 2,
-					r: q.value,
-					fill: `url(#pattern_${P.value}_${J.value[0].patternIndex})`,
+					cx: H.value.width / 2,
+					cy: H.value.height / 2,
+					r: K.value,
+					fill: `url(#pattern_${P.value}_${q.value[0].patternIndex})`,
 					stroke: z.value.backgroundColor,
 					"stroke-width": R.value.borderWidth
-				}, null, 8, Pt)) : v("", !0), b("circle", {
-					cx: U.value.width / 2,
-					cy: U.value.height / 2,
-					r: q.value,
-					fill: z.value.useGradient ? `url(#polar_gradient_0_${P.value})` : J.value[0].color,
+				}, null, 8, Pt)) : y("", !0), x("circle", {
+					cx: H.value.width / 2,
+					cy: H.value.height / 2,
+					r: K.value,
+					fill: z.value.useGradient ? `url(#polar_gradient_0_${P.value})` : q.value[0].color,
 					stroke: z.value.backgroundColor,
 					"stroke-width": R.value.borderWidth
-				}, null, 8, Ft)]))], 64)) : (w(), y(h, { key: 9 }, [I.value.type === "classic" && !Kr.value ? (w(), y("g", It, [(w(!0), y(h, null, E(qr.value, (e, t) => (w(), y("path", {
+				}, null, 8, Ft)]))], 64)) : (T(), b(g, { key: 9 }, [I.value.type === "classic" && !Xr.value ? (T(), b("g", It, [(T(!0), b(g, null, D(Zr.value, (e, t) => (T(), b("path", {
 					class: "vue-ui-donut-arc-path",
 					d: e.arcSlice,
 					fill: e.color,
 					stroke: z.value.backgroundColor,
 					"stroke-width": R.value.borderWidth
-				}, null, 8, Lt))), 256))])) : v("", !0), b("circle", {
-					cx: U.value.width / 2,
-					cy: U.value.height / 2,
-					r: q.value <= 0 ? 10 : q.value,
+				}, null, 8, Lt))), 256))])) : y("", !0), x("circle", {
+					cx: H.value.width / 2,
+					cy: H.value.height / 2,
+					r: K.value <= 0 ? 10 : K.value,
 					fill: "transparent",
 					stroke: z.value.backgroundColor
 				}, null, 8, Rt)], 64)),
-				z.value.useGradient && I.value.type === "classic" ? (w(), y("circle", {
+				z.value.useGradient && I.value.type === "classic" ? (T(), b("circle", {
 					key: 10,
-					cx: U.value.width / 2,
-					cy: U.value.height / 2,
-					r: q.value <= 0 ? 10 : q.value,
+					cx: H.value.width / 2,
+					cy: H.value.height / 2,
+					r: K.value <= 0 ? 10 : K.value,
 					fill: `url(#gradient_${P.value})`
-				}, null, 8, zt)) : v("", !0),
-				b("circle", {
+				}, null, 8, zt)) : y("", !0),
+				x("circle", {
 					ref_key: "circle_hollow",
-					ref: Nn,
+					ref: Pn,
 					style: { pointerEvents: "none" },
 					fill: "none",
-					cx: U.value.width / 2,
-					cy: U.value.height / 2,
-					r: Math.max(.1, Ar.value * 1.7)
+					cx: H.value.width / 2,
+					cy: H.value.height / 2,
+					r: Math.max(.1, Pr.value * 1.7)
 				}, null, 8, Bt),
-				$.value ? (w(), y(h, { key: 11 }, [J.value.length > 1 || I.value.type === "classic" ? (w(), y("g", Vt, [(w(!0), y(h, null, E(J.value.filter((e) => !e.ghost), (e, t) => (w(), y("path", {
-					d: I.value.type === "classic" ? e.arcSlice : X.value[t].path,
+				Q.value ? (T(), b(g, { key: 11 }, [q.value.length > 1 || I.value.type === "classic" ? (T(), b("g", Vt, [(T(!0), b(g, null, D(q.value.filter((e) => !e.ghost), (e, t) => (T(), b("path", {
+					d: I.value.type === "classic" ? e.arcSlice : Y.value[t].path,
 					stroke: R.value.borderColorAuto ? z.value.backgroundColor : R.value.borderColor,
 					fill: F.value === t ? R.value.selectedColor : "transparent",
-					onMouseenter: (n) => ai({
+					onMouseenter: (n) => $({
 						datapoint: e,
 						relativeIndex: t,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					onClick: (n) => bi(e, t)
-				}, null, 40, Ht))), 256))])) : (w(), y("g", Ut, [b("circle", {
-					cx: U.value.width / 2,
-					cy: U.value.height / 2,
-					r: q.value,
+					onClick: (n) => Ci(e, t)
+				}, null, 40, Ht))), 256))])) : (T(), b("g", Ut, [x("circle", {
+					cx: H.value.width / 2,
+					cy: H.value.height / 2,
+					r: K.value,
 					fill: "transparent",
-					onMouseenter: n[0] ||= (e) => ai({
-						datapoint: J.value[0],
+					onMouseenter: n[0] ||= (e) => $({
+						datapoint: q.value[0],
 						relativeIndex: 0,
-						seriesIndex: J.value[0].seriesIndex,
+						seriesIndex: q.value[0].seriesIndex,
 						show: !0
 					}),
-					onMouseleave: n[1] ||= (e) => ii({
-						datapoint: J.value[0],
-						seriesIndex: J.value[0].seriesIndex
+					onMouseleave: n[1] ||= (e) => ci({
+						datapoint: q.value[0],
+						seriesIndex: q.value[0].seriesIndex
 					}),
-					onClick: n[2] ||= (e) => bi(J.value[0], t.i)
-				}, null, 40, Wt)]))], 64)) : v("", !0),
-				I.value.type === "classic" ? (w(), y("g", {
+					onClick: n[2] ||= (e) => Ci(q.value[0], t.i)
+				}, null, 40, Wt)]))], 64)) : y("", !0),
+				I.value.type === "classic" ? (T(), b("g", {
 					key: 12,
 					ref_key: "G_hollow",
-					ref: Mn,
+					ref: Nn,
 					class: "vue-data-ui-donut-hollow-labels"
 				}, [
-					L.value.hollow.total.show ? (w(), y("text", {
+					L.value.hollow.total.show ? (T(), b("text", {
 						key: 0,
 						"text-anchor": "middle",
-						x: U.value.width / 2,
-						y: U.value.height / 2 - (L.value.hollow.average.show ? L.value.hollow.total.fontSize : 0) + L.value.hollow.total.offsetY,
+						x: H.value.width / 2,
+						y: H.value.height / 2 - (L.value.hollow.average.show ? L.value.hollow.total.fontSize : 0) + L.value.hollow.total.offsetY,
 						fill: L.value.hollow.total.color,
 						"font-size": L.value.hollow.total.fontSize,
-						style: C(`font-weight:${L.value.hollow.total.bold ? "bold" : ""}`)
-					}, O(L.value.hollow.total.text), 13, Gt)) : v("", !0),
-					L.value.hollow.total.show ? (w(), y("text", {
+						style: w(`font-weight:${L.value.hollow.total.bold ? "bold" : ""}`)
+					}, k(L.value.hollow.total.text), 13, Gt)) : y("", !0),
+					L.value.hollow.total.show ? (T(), b("text", {
 						key: 1,
 						"text-anchor": "middle",
-						x: U.value.width / 2,
-						y: U.value.height / 2 + L.value.hollow.total.fontSize - (L.value.hollow.average.show ? L.value.hollow.total.fontSize : 0) + L.value.hollow.total.value.offsetY,
+						x: H.value.width / 2,
+						y: H.value.height / 2 + L.value.hollow.total.fontSize - (L.value.hollow.average.show ? L.value.hollow.total.fontSize : 0) + L.value.hollow.total.value.offsetY,
 						fill: L.value.hollow.total.value.color,
 						"font-size": L.value.hollow.total.value.fontSize,
-						style: C(`font-weight:${L.value.hollow.total.value.bold ? "bold" : ""}`)
-					}, O(k(m)(L.value.hollow.total.value.formatter, $.value, k(d)({
+						style: w(`font-weight:${L.value.hollow.total.value.bold ? "bold" : ""}`)
+					}, k(A(m)(L.value.hollow.total.value.formatter, Q.value, A(d)({
 						p: L.value.hollow.total.value.prefix,
-						v: $.value,
+						v: Q.value,
 						s: L.value.hollow.total.value.suffix
-					}))), 13, Kt)) : v("", !0),
-					L.value.hollow.average.show ? (w(), y("text", {
+					}))), 13, Kt)) : y("", !0),
+					L.value.hollow.average.show ? (T(), b("text", {
 						key: 2,
 						"text-anchor": "middle",
-						x: U.value.width / 2,
-						y: U.value.height / 2 + (L.value.hollow.total.show ? L.value.hollow.average.fontSize : 0) + L.value.hollow.average.offsetY,
+						x: H.value.width / 2,
+						y: H.value.height / 2 + (L.value.hollow.total.show ? L.value.hollow.average.fontSize : 0) + L.value.hollow.average.offsetY,
 						fill: L.value.hollow.average.color,
 						"font-size": L.value.hollow.average.fontSize,
-						style: C(`font-weight:${L.value.hollow.average.bold ? "bold" : ""}`)
-					}, O(L.value.hollow.average.text), 13, qt)) : v("", !0),
-					L.value.hollow.average.show ? (w(), y("text", {
+						style: w(`font-weight:${L.value.hollow.average.bold ? "bold" : ""}`)
+					}, k(L.value.hollow.average.text), 13, qt)) : y("", !0),
+					L.value.hollow.average.show ? (T(), b("text", {
 						key: 3,
 						"text-anchor": "middle",
-						x: U.value.width / 2,
-						y: U.value.height / 2 + (L.value.hollow.total.show ? L.value.hollow.average.fontSize : 0) + L.value.hollow.average.fontSize + L.value.hollow.average.value.offsetY,
+						x: H.value.width / 2,
+						y: H.value.height / 2 + (L.value.hollow.total.show ? L.value.hollow.average.fontSize : 0) + L.value.hollow.average.fontSize + L.value.hollow.average.value.offsetY,
 						fill: L.value.hollow.average.value.color,
 						"font-size": L.value.hollow.average.value.fontSize,
-						style: C(`font-weight:${L.value.hollow.average.value.bold ? "bold" : ""}`)
-					}, O(Nr.value || B.value ? "--" : k(m)(L.value.hollow.average.value.formatter, k(de)(ei.value), k(d)({
+						style: w(`font-weight:${L.value.hollow.average.value.bold ? "bold" : ""}`)
+					}, k(Lr.value || B.value ? "--" : A(m)(L.value.hollow.average.value.formatter, A(de)(ii.value), A(d)({
 						p: L.value.hollow.average.value.prefix,
-						v: k(de)(ei.value),
+						v: A(de)(ii.value),
 						s: L.value.hollow.average.value.suffix,
 						r: L.value.hollow.average.value.rounding
-					}))), 13, Jt)) : v("", !0)
-				], 512)) : v("", !0),
-				(w(!0), y(h, null, E(Y.value.filter((e) => !e.ghost), (e, n) => (w(), y("g", {
-					filter: li(n),
+					}))), 13, Jt)) : y("", !0)
+				], 512)) : y("", !0),
+				(T(!0), b(g, null, D(J.value.filter((e) => !e.ghost), (e, n) => (T(), b("g", {
+					filter: fi(n),
 					key: e.seriesIndex,
-					opacity: ui(e)
-				}, [L.value.dataLabels.useLabelSlots ? (w(), y("g", Xt, [(w(), y("foreignObject", {
-					x: k(p)(e, !0).anchor === "end" ? k(p)(e).x - 120 : k(p)(e, !0).anchor === "middle" ? k(p)(e).x - 60 : k(p)(e).x,
-					y: k(ce)(e) - (gi.value ? 20 : 0),
+					opacity: pi(e)
+				}, [L.value.dataLabels.useLabelSlots ? (T(), b("g", Xt, [(T(), b("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(h)(e) - (yi.value ? 20 : 0),
 					width: "120",
 					height: "60",
 					style: { overflow: "visible" }
-				}, [b("div", null, [D(t.$slots, "dataLabel", We({ ref_for: !0 }, {
+				}, [x("div", null, [O(t.$slots, "dataLabel", We({ ref_for: !0 }, {
 					datapoint: e,
 					isBlur: !I.value.useBlurOnHover || [null, void 0].includes(F.value) || F.value === n,
-					isSafari: gi.value,
-					isVisible: Z(e) && H.value.dataLabels.show,
-					textAlign: k(p)(e, !0, 16, !0).anchor,
-					flexAlign: k(p)(e, !0, 16).anchor,
-					percentage: Zr(e, Y.value)
-				}), void 0, !0)])], 8, Zt))])) : (w(), y("g", Qt, [I.value.type === "classic" ? (w(), y(h, { key: 0 }, [Z(e) && H.value.dataLabels.show ? (w(), y("circle", {
+					isSafari: yi.value,
+					isVisible: X(e) && V.value.dataLabels.show,
+					textAlign: A(p)(e, !0, 16, !0).anchor,
+					flexAlign: A(p)(e, !0, 16).anchor,
+					percentage: ti(e, J.value)
+				}), void 0, !0)])], 8, Zt))])) : (T(), b("g", Qt, [I.value.type === "classic" ? (T(), b(g, { key: 0 }, [X(e) && V.value.dataLabels.show ? (T(), b("circle", {
 					key: 0,
-					cx: k(Q)[n]?.markerX ?? k(p)(e).x,
-					cy: k(Q)[n]?.markerY ?? k(ce)(e) - 3.5,
+					cx: A(Z)[n]?.markerX ?? A(p)(e).x,
+					cy: A(Z)[n]?.markerY ?? A(h)(e) - 3.5,
 					fill: e.color,
 					stroke: z.value.backgroundColor,
 					"stroke-width": 1,
 					r: 3,
 					filter: !I.value.useBlurOnHover || [null, void 0].includes(F.value) || F.value === n ? "" : `url(#blur_${P.value})`,
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					})
-				}, null, 40, $t)) : v("", !0), L.value.dataLabels.oneLine || k(Q)[n] ? tt((w(), y("text", {
+				}, null, 40, $t)) : y("", !0), L.value.dataLabels.oneLine || A(Z)[n] ? tt((T(), b("text", {
 					key: 1,
 					class: "vue-data-ui-datalabel-inline",
-					"text-anchor": k(Q)[n]?.textAnchor || k(p)(e, !0, 12).anchor,
-					x: k(Q)[n]?.labelX ?? k(p)(e, !0, 12).x,
-					y: k(Q)[n]?.labelY ?? k(ce)(e),
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					"text-anchor": A(Z)[n]?.textAnchor || A(p)(e, !0, 12).anchor,
+					x: A(Z)[n]?.labelX ?? A(p)(e, !0, 12).x,
+					y: A(Z)[n]?.labelY ?? A(h)(e),
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: si(e, n, !!k(Q)[n])
-				}, null, 40, en)), [[$e, Z(e) && H.value.dataLabels.show]]) : (w(), y(h, { key: 2 }, [tt(b("text", {
+					innerHTML: ui(e, n, !!A(Z)[n])
+				}, null, 40, en)), [[$e, X(e) && V.value.dataLabels.show]]) : (T(), b(g, { key: 2 }, [tt(x("text", {
 					class: "vue-data-ui-datalabel-value",
-					"text-anchor": k(Q)[n]?.textAnchor || k(p)(e, !0, 12).anchor,
-					x: k(Q)[n]?.labelX ?? k(p)(e, !0, 12).x,
-					y: k(Q)[n]?.labelY ?? k(ce)(e),
+					"text-anchor": A(Z)[n]?.textAnchor || A(p)(e, !0, 12).anchor,
+					x: A(Z)[n]?.labelX ?? A(p)(e, !0, 12).x,
+					y: A(Z)[n]?.labelY ?? A(h)(e),
 					fill: L.value.percentage.color,
-					"font-size": Xn.value + "px",
-					style: C(`font-weight:${L.value.percentage.bold ? "bold" : ""}`),
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					"font-size": Zn.value + "px",
+					style: w(`font-weight:${L.value.percentage.bold ? "bold" : ""}`),
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					})
-				}, O(yi(e)), 45, tn), [[$e, Z(e) && H.value.dataLabels.show]]), tt(b("text", {
+				}, k(Si(e)), 45, tn), [[$e, X(e) && V.value.dataLabels.show]]), tt(x("text", {
 					class: "vue-data-ui-datalabel-name",
-					"text-anchor": k(Q)[n]?.textAnchor || k(p)(e).anchor,
-					x: k(Q)[n]?.labelX ?? k(p)(e, !0, 12).x,
-					y: (k(Q)[n]?.labelY ?? k(ce)(e)) + N.value * 1.2,
+					"text-anchor": A(Z)[n]?.textAnchor || A(p)(e).anchor,
+					x: A(Z)[n]?.labelX ?? A(p)(e, !0, 12).x,
+					y: (A(Z)[n]?.labelY ?? A(h)(e)) + N.value * 1.2,
 					fill: L.value.name.color,
 					"font-size": N.value + "px",
-					style: C(`font-weight:${L.value.name.bold ? "bold" : ""}`),
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					style: w(`font-weight:${L.value.name.bold ? "bold" : ""}`),
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: k(a)({
+					innerHTML: A(a)({
 						content: e.name,
 						fontSize: N.value,
 						fill: L.value.name.color,
-						x: k(Q)[n]?.labelX ?? k(p)(e, !0, 12).x,
-						y: (k(Q)[n]?.labelY ?? k(ce)(e)) + N.value
+						x: A(Z)[n]?.labelX ?? A(p)(e, !0, 12).x,
+						y: (A(Z)[n]?.labelY ?? A(h)(e)) + N.value
 					})
-				}, null, 44, nn), [[$e, Z(e, !0, 12) && H.value.dataLabels.show && L.value.name.show]])], 64))], 64)) : v("", !0), I.value.type === "polar" ? (w(), y(h, { key: 1 }, [Z(e) && H.value.dataLabels.show ? (w(), y("circle", {
+				}, null, 44, nn), [[$e, X(e, !0, 12) && V.value.dataLabels.show && L.value.name.show]])], 64))], 64)) : y("", !0), I.value.type === "polar" ? (T(), b(g, { key: 1 }, [X(e) && V.value.dataLabels.show ? (T(), b("circle", {
 					key: 0,
-					cx: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					cx: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 24,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).x,
-					cy: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					cy: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 24,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).y,
 					fill: e.color,
 					stroke: z.value.backgroundColor,
 					"stroke-width": 1,
 					r: 3,
 					filter: !I.value.useBlurOnHover || [null, void 0].includes(F.value) || F.value === n ? "" : `url(#blur_${P.value})`,
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					style: C({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
-				}, null, 44, rn)) : v("", !0), L.value.dataLabels.oneLine ? tt((w(), y("text", {
+					style: w({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` })
+				}, null, 44, rn)) : y("", !0), L.value.dataLabels.oneLine ? tt((T(), b("text", {
 					key: 1,
 					class: "vue-data-ui-datalabel-inline",
-					"text-anchor": Jr(X.value[n].middlePoint),
-					x: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					"text-anchor": Qr(Y.value[n].middlePoint),
+					x: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).x,
-					y: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					y: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).y,
-					style: C({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` }),
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					style: w({ transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out` }),
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: ci(e, n)
-				}, null, 44, an)), [[$e, Z(e) && H.value.dataLabels.show]]) : (w(), y(h, { key: 2 }, [Z(e) && H.value.dataLabels.show ? (w(), y("text", {
+					innerHTML: di(e, n)
+				}, null, 44, an)), [[$e, X(e) && V.value.dataLabels.show]]) : (T(), b(g, { key: 2 }, [X(e) && V.value.dataLabels.show ? (T(), b("text", {
 					key: 0,
 					class: "vue-data-ui-datalabel-value",
-					"text-anchor": Jr(X.value[n].middlePoint),
-					x: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					"text-anchor": Qr(Y.value[n].middlePoint),
+					x: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).x,
-					y: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					y: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).y,
 					fill: L.value.percentage.color,
-					"font-size": Xn.value,
-					style: C({
+					"font-size": Zn.value,
+					style: w({
 						transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out`,
 						fontWeight: L.value.percentage.bold ? "bold" : "normal"
 					}),
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					})
-				}, O(yi(e)), 45, on)) : v("", !0), Z(e, !0, 12) && H.value.dataLabels.show && L.value.name.show ? (w(), y("text", {
+				}, k(Si(e)), 45, on)) : y("", !0), X(e, !0, 12) && V.value.dataLabels.show && L.value.name.show ? (T(), b("text", {
 					key: 1,
 					class: "vue-data-ui-datalabel-name",
-					"text-anchor": Jr(X.value[n].middlePoint),
-					x: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					"text-anchor": Qr(Y.value[n].middlePoint),
+					x: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).x,
-					y: k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					y: A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).y + N.value * 1.2,
 					fill: L.value.name.color,
 					"font-size": N.value,
-					style: C({
+					style: w({
 						transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out`,
 						fontWeight: L.value.name.bold ? "bold" : "normal"
 					}),
-					onClick: (t) => bi(e, n),
-					onMouseenter: (t) => ai({
+					onClick: (t) => Ci(e, n),
+					onMouseenter: (t) => $({
 						datapoint: e,
 						relativeIndex: n,
 						seriesIndex: e.seriesIndex,
 						show: !0
 					}),
-					onMouseleave: (t) => ii({
+					onMouseleave: (t) => ci({
 						datapoint: e,
 						seriesIndex: e.seriesIndex
 					}),
-					innerHTML: k(a)({
+					innerHTML: A(a)({
 						content: e.name,
 						fontSize: N.value,
 						fill: L.value.name.color,
-						x: k(i)({
-							initX: X.value[n].middlePoint.x,
-							initY: X.value[n].middlePoint.y,
+						x: A(i)({
+							initX: Y.value[n].middlePoint.x,
+							initY: Y.value[n].middlePoint.y,
 							offset: 42,
-							centerX: U.value.width / 2,
-							centerY: U.value.height / 2
+							centerX: H.value.width / 2,
+							centerY: H.value.height / 2
 						}).x,
-						y: k(i)({
-							initX: X.value[n].middlePoint.x,
-							initY: X.value[n].middlePoint.y,
+						y: A(i)({
+							initX: Y.value[n].middlePoint.x,
+							initY: Y.value[n].middlePoint.y,
 							offset: 42,
-							centerX: U.value.width / 2,
-							centerY: U.value.height / 2
+							centerX: H.value.width / 2,
+							centerY: H.value.height / 2
 						}).y + N.value * 1.2
 					})
-				}, null, 44, sn)) : v("", !0)], 64))], 64)) : v("", !0)])), H.value.dataLabels.show && z.value.comments.show && e.comment ? (w(), y("g", cn, [Z(e) && I.value.type === "classic" ? (w(), y("foreignObject", {
+				}, null, 44, sn)) : y("", !0)], 64))], 64)) : y("", !0)])), V.value.dataLabels.show && z.value.comments.show && e.comment ? (T(), b("g", cn, [X(e) && I.value.type === "classic" ? (T(), b("foreignObject", {
 					key: 0,
-					x: z.value.comments.offsetX + (k(p)(e, !0).anchor === "end" ? k(p)(e).x - z.value.comments.width : k(p)(e, !0).anchor === "middle" ? k(p)(e).x - z.value.comments.width / 2 : k(p)(e).x),
-					y: k(ce)(e) + 24 + z.value.comments.offsetY,
+					x: z.value.comments.offsetX + (A(p)(e, !0).anchor === "end" ? A(p)(e).x - z.value.comments.width : A(p)(e, !0).anchor === "middle" ? A(p)(e).x - z.value.comments.width / 2 : A(p)(e).x),
+					y: A(h)(e) + 24 + z.value.comments.offsetY,
 					width: z.value.comments.width,
 					height: "200",
 					style: {
 						overflow: "visible",
 						"pointer-events": "none"
 					}
-				}, [b("div", null, [D(t.$slots, "plot-comment", { plot: {
+				}, [x("div", null, [O(t.$slots, "plot-comment", { plot: {
 					...e,
-					textAlign: k(p)(e, !0, 16, !0).anchor,
-					flexAlign: k(p)(e, !0, 16).anchor,
+					textAlign: A(p)(e, !0, 16, !0).anchor,
+					flexAlign: A(p)(e, !0, 16).anchor,
 					isFirstLoad: B.value
-				} }, void 0, !0)])], 8, ln)) : v("", !0), Z(e) && I.value.type === "polar" ? (w(), y("foreignObject", {
+				} }, void 0, !0)])], 8, ln)) : y("", !0), X(e) && I.value.type === "polar" ? (T(), b("foreignObject", {
 					key: 1,
-					x: z.value.comments.offsetX + (Jr(X.value[n].middlePoint) === "end" ? k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+					x: z.value.comments.offsetX + (Qr(Y.value[n].middlePoint) === "end" ? A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
-					}).x - z.value.comments.width : Jr(X.value[n].middlePoint) === "middle" ? k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
+					}).x - z.value.comments.width : Qr(Y.value[n].middlePoint) === "middle" ? A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
-					}).x - z.value.comments.width / 2 : k(i)({
-						initX: X.value[n].middlePoint.x,
-						initY: X.value[n].middlePoint.y,
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
+					}).x - z.value.comments.width / 2 : A(i)({
+						initX: Y.value[n].middlePoint.x,
+						initY: Y.value[n].middlePoint.y,
 						offset: 42,
-						centerX: U.value.width / 2,
-						centerY: U.value.height / 2
+						centerX: H.value.width / 2,
+						centerY: H.value.height / 2
 					}).x),
-					y: Yr(X.value[n]) + z.value.comments.offsetY,
+					y: $r(Y.value[n]) + z.value.comments.offsetY,
 					width: z.value.comments.width,
 					height: "200",
-					style: C({
+					style: w({
 						transition: B.value || !I.value.serieToggleAnimation.show ? "none" : `all ${I.value.serieToggleAnimation.durationMs}ms ease-in-out`,
 						overflow: "visible",
 						pointerEvents: "none"
 					})
-				}, [b("div", null, [D(t.$slots, "plot-comment", { plot: {
+				}, [x("div", null, [O(t.$slots, "plot-comment", { plot: {
 					...e,
-					textAlign: Jr(X.value[n].middlePoint),
-					flexAlign: Jr(X.value[n].middlePoint),
+					textAlign: Qr(Y.value[n].middlePoint),
+					flexAlign: Qr(Y.value[n].middlePoint),
 					isFirstLoad: B.value
-				} }, void 0, !0)])], 12, un)) : v("", !0)])) : v("", !0)], 8, Yt))), 128)),
-				D(t.$slots, "svg", { svg: {
-					...U.value,
-					datapoints: J.value,
-					isPrintingImg: k(wr) || k(Tr) || k(Pi),
-					isPrintingSvg: k(Fi)
+				} }, void 0, !0)])], 12, un)) : y("", !0)])) : y("", !0)], 8, Yt))), 128)),
+				O(t.$slots, "svg", { svg: {
+					...H.value,
+					datapoints: q.value,
+					isPrintingImg: A(Or) || A(kr) || A(Li),
+					isPrintingSvg: A(Ri)
 				} }, void 0, !0)
-			], 512)], 46, ct)), t.$slots.hint ? (w(), y("div", dn, [D(t.$slots, "hint", S(x({
+			], 512)], 46, ct)), t.$slots.hint ? (T(), b("div", dn, [O(t.$slots, "hint", C(S({
 				hint: I.value.a11y.translations.keyboardNavigation,
-				isVisible: Yn.value
-			})), void 0, !0)])) : v("", !0)]),
-			t.$slots.watermark ? (w(), y("div", fn, [D(t.$slots, "watermark", S(x({ isPrinting: k(wr) || k(Tr) || k(Pi) || k(Fi) })), void 0, !0)])) : v("", !0),
-			b("div", { id: `legend-bottom-${P.value}` }, null, 8, pn),
-			Un.value && (z.value.legend.show || t.$slots.legend) ? (w(), _(ze, {
+				isVisible: Xn.value
+			})), void 0, !0)])) : y("", !0)]),
+			t.$slots.watermark ? (T(), b("div", fn, [O(t.$slots, "watermark", C(S({ isPrinting: A(Or) || A(kr) || A(Li) || A(Ri) })), void 0, !0)])) : y("", !0),
+			x("div", { id: `legend-bottom-${P.value}` }, null, 8, pn),
+			Wn.value && (z.value.legend.show || t.$slots.legend) ? (T(), v(ze, {
 				key: 6,
 				to: z.value.legend.position === "top" ? `#legend-top-${P.value}` : `#legend-bottom-${P.value}`
-			}, [b("div", {
+			}, [x("div", {
 				ref_key: "chartLegend",
-				ref: Fn
-			}, [D(t.$slots, "legend", { legend: Wr.value }, () => [z.value.legend.show ? (w(), _(Re, {
-				key: `legend_${Hn.value}`,
-				legendSet: Wr.value,
-				config: Gr.value,
-				onClickMarker: n[3] ||= ({ i: e }) => Rr(e),
-				isCursorPointer: cr.value
+				ref: In
+			}, [O(t.$slots, "legend", { legend: Jr.value }, () => [z.value.legend.show ? (T(), v(Re, {
+				key: `legend_${Un.value}`,
+				legendSet: Jr.value,
+				config: Yr.value,
+				onClickMarker: n[3] ||= ({ i: e }) => Hr(e),
+				isCursorPointer: lr.value
 			}, Be({
-				item: A(({ legend: e, index: t }) => [b("div", {
-					style: C(`opacity:${K.value.includes(t) ? .5 : 1}`),
+				item: j(({ legend: e, index: t }) => [x("div", {
+					style: w(`opacity:${G.value.includes(t) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
-				}, O(e.display), 13, mn)]),
-				legendToggle: A(() => [Wr.value.length > 2 && z.value.legend.selectAllToggle.show && !k(ur) ? (w(), _(je, {
+				}, k(e.display), 13, mn)]),
+				legendToggle: j(() => [Jr.value.length > 2 && z.value.legend.selectAllToggle.show && !A(dr) ? (T(), v(je, {
 					key: 0,
 					backgroundColor: z.value.legend.selectAllToggle.backgroundColor,
 					color: z.value.legend.selectAllToggle.color,
 					fontSize: z.value.legend.fontSize,
-					checked: K.value.length > 0,
-					isCursorPointer: cr.value,
-					onToggle: Lr
+					checked: G.value.length > 0,
+					isCursorPointer: lr.value,
+					onToggle: Vr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : v("", !0)]),
+				])) : y("", !0)]),
 				_: 2
 			}, [t.$slots.pattern ? {
 				name: "legend-pattern",
-				fn: A(({ legend: e, index: t }) => [He(Ee, {
+				fn: j(({ legend: e, index: t }) => [He(Ee, {
 					shape: e.shape,
 					radius: 30,
 					stroke: "none",
@@ -2283,22 +2295,22 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : v("", !0)], !0)], 512)], 8, ["to"])) : v("", !0),
-			t.$slots.source ? (w(), y("div", {
+			])) : y("", !0)], !0)], 512)], 8, ["to"])) : y("", !0),
+			t.$slots.source ? (T(), b("div", {
 				key: 7,
 				ref_key: "source",
-				ref: Rn,
+				ref: zn,
 				dir: "auto"
-			}, [D(t.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
-			t.$slots.hollow ? (w(), y("div", hn, [D(t.$slots, "hollow", S(x({
-				total: $.value,
-				average: ei.value,
-				dataset: W.value,
-				...U.value
-			})), void 0, !0)])) : v("", !0),
-			He(k(vn), {
+			}, [O(t.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
+			t.$slots.hollow ? (T(), b("div", hn, [O(t.$slots, "hollow", C(S({
+				total: Q.value,
+				average: ii.value,
+				dataset: U.value,
+				...H.value
+			})), void 0, !0)])) : y("", !0),
+			He(A(vn), {
 				teleportTo: z.value.tooltip.teleportTo,
-				show: H.value.showTooltip && rr.value,
+				show: V.value.showTooltip && ir.value,
 				backgroundColor: z.value.tooltip.backgroundColor,
 				color: z.value.tooltip.color,
 				fontSize: z.value.tooltip.fontSize,
@@ -2309,20 +2321,20 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				position: z.value.tooltip.position,
 				offsetX: z.value.tooltip.offsetX,
 				offsetY: z.value.tooltip.offsetY,
-				parent: M.value,
-				content: ir.value,
-				isCustom: ri.value,
-				isFullscreen: mi.value,
+				parent: jn.value,
+				content: ar.value,
+				isCustom: si.value,
+				isFullscreen: _i.value,
 				smooth: z.value.tooltip.smooth,
 				backdropFilter: z.value.tooltip.backdropFilter,
 				smoothForce: z.value.tooltip.smoothForce,
 				smoothSnapThreshold: z.value.tooltip.smoothSnapThrehsold,
-				isA11yMode: Jn.value === "keyboard",
-				a11yPosition: qn.value
+				isA11yMode: Yn.value === "keyboard",
+				a11yPosition: Jn.value
 			}, {
-				"tooltip-before": A(() => [D(t.$slots, "tooltip-before", S(x({ ...ni.value })), void 0, !0)]),
-				tooltip: A(() => [D(t.$slots, "tooltip", S(x({ ...ni.value })), void 0, !0)]),
-				"tooltip-after": A(() => [D(t.$slots, "tooltip-after", S(x({ ...ni.value })), void 0, !0)]),
+				"tooltip-before": j(() => [O(t.$slots, "tooltip-before", C(S({ ...oi.value })), void 0, !0)]),
+				tooltip: j(() => [O(t.$slots, "tooltip", C(S({ ...oi.value })), void 0, !0)]),
+				"tooltip-after": j(() => [O(t.$slots, "tooltip-after", C(S({ ...oi.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -2348,32 +2360,32 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			An.value && I.value.userOptions.buttons.table ? (w(), _(Ye(Oi.value.component), We({ key: 9 }, Oi.value.props, {
+			An.value && I.value.userOptions.buttons.table ? (T(), v(Ye(ji.value.component), We({ key: 9 }, ji.value.props, {
 				ref_key: "tableUnit",
-				ref: Wn,
-				onClose: ki
+				ref: Gn,
+				onClose: Mi
 			}), Be({
-				content: A(() => [(w(), _(k(xn), {
-					key: `table_${Vn.value}`,
-					colNames: pi.value.colNames,
-					head: pi.value.head,
-					body: pi.value.body,
-					config: pi.value.config,
-					title: I.value.table.useDialog ? "" : Oi.value.title,
+				content: j(() => [(T(), v(A(xn), {
+					key: `table_${Hn.value}`,
+					colNames: gi.value.colNames,
+					head: gi.value.head,
+					body: gi.value.body,
+					config: gi.value.config,
+					title: I.value.table.useDialog ? "" : ji.value.title,
 					withCloseButton: !I.value.table.useDialog,
-					isCursorPointer: cr.value,
-					onClose: ki
+					isCursorPointer: lr.value,
+					onClose: Mi
 				}, {
-					th: A(({ th: e }) => [e === "__SUM__" ? (w(), y("div", gn, [He(k(yn), {
+					th: j(({ th: e }) => [e === "__SUM__" ? (T(), b("div", gn, [He(A(yn), {
 						name: "sigma",
-						stroke: pi.value.config.th.color,
+						stroke: gi.value.config.th.color,
 						size: 16
-					}, null, 8, ["stroke"])])) : (w(), y("div", _n, O(e), 1))]),
-					td: A(({ td: e }) => [Ve(O(e.name ? e.name : isNaN(Number(e)) ? e.includes("%") ? e : k(m)(L.value.percentage.formatter, e, k(d)({
+					}, null, 8, ["stroke"])])) : (T(), b("div", _n, k(e), 1))]),
+					td: j(({ td: e }) => [Ve(k(e.name ? e.name : isNaN(Number(e)) ? e.includes("%") ? e : A(m)(L.value.percentage.formatter, e, A(d)({
 						v: e,
 						s: "%",
 						r: L.value.percentage.rounding
-					})) : k(m)(L.value.value.formatter, e, k(d)({
+					})) : A(m)(L.value.value.formatter, e, A(d)({
 						p: L.value.dataLabels.prefix,
 						v: e,
 						s: L.value.dataLabels.suffix,
@@ -2392,24 +2404,24 @@ var rt = /* @__PURE__ */ e({ default: () => vn }), it = ["id"], at = ["id"], ot
 				_: 2
 			}, [I.value.table.useDialog ? {
 				name: "title",
-				fn: A(() => [Ve(O(Oi.value.title), 1)]),
+				fn: j(() => [Ve(k(ji.value.title), 1)]),
 				key: "0"
 			} : void 0, I.value.table.useDialog ? {
 				name: "actions",
-				fn: A(() => [b("button", {
+				fn: j(() => [x("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[4] ||= (e) => fi(I.value.userOptions.callbacks.csv),
-					style: C({ cursor: cr.value ? "pointer" : "default" })
-				}, [He(k(yn), {
+					onClick: n[4] ||= (e) => hi(I.value.userOptions.callbacks.csv),
+					style: w({ cursor: lr.value ? "pointer" : "default" })
+				}, [He(A(yn), {
 					name: "fileCsv",
-					stroke: Oi.value.props.color
+					stroke: ji.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : v("", !0),
-			D(t.$slots, "skeleton", {}, () => [k(ur) ? (w(), _(be, { key: 0 })) : v("", !0)], !0)
+			} : void 0]), 1040)) : y("", !0),
+			O(t.$slots, "skeleton", {}, () => [A(dr) ? (T(), v(be, { key: 0 })) : y("", !0)], !0)
 		], 46, it));
 	}
-}, [["__scopeId", "data-v-b07d3e09"]]);
+}, [["__scopeId", "data-v-f5725be5"]]);
 //#endregion
 export { rt as n, vn as t };