vue-data-ui 3.22.11 → 3.22.13

package/dist/{vue-ui-donut-evolution-MWDjQPQ5.js → vue-ui-donut-evolution-DHVi5rOn.js}

@@ -7,131 +7,128 @@ import { n as be, t as xe } from "./BaseScanner-DZvpgOjM.js";
 import { t as Se } from "./useSvgExport-Ba9qBr9M.js";
 import { t as Ce } from "./useNestedProp-BY6DNN3i.js";
 import { t as we } from "./useThemeCheck-C43Tcqmk.js";
-import { t as Te } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Ee } from "./img-Bikk1dGb.js";
-import { n as De } from "./Title-BuPs74IB.js";
-import { t as Oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as ke, t as Ae } from "./useResponsive-ZtArZtUf.js";
-import { t as je } from "./DefGrad-DVBqDjhO.js";
-import { t as Me } from "./BaseLegendToggle-DsWphmIb.js";
-import { t as Ne } from "./A11yDataTable-DdRsVULz.js";
-import { t as Pe } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ie } from "./Legend-C0xAnJdO.js";
-import { t as Le } from "./vue_ui_donut_evolution-D1yAAIHr.js";
-import { t as Re } from "./Slicer-C6qNUmZ4.js";
-import { Fragment as u, Teleport as ze, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Be, createTextVNode as Ve, createVNode as He, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Ue, nextTick as We, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Ge, onMounted as Ke, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as qe, shallowRef as Je, toDisplayString as T, toRefs as Ye, unref as E, watch as Xe, watchEffect as Ze, withCtx as D } from "vue";
+import { t as Te } from "./useMountedDelay-BAjrhRJb.js";
+import { t as Ee } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as De } from "./img-Bikk1dGb.js";
+import { n as Oe } from "./Title-BuPs74IB.js";
+import { t as ke } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Ae, t as je } from "./useResponsive-ZtArZtUf.js";
+import { t as Me } from "./DefGrad-DVBqDjhO.js";
+import { t as Ne } from "./BaseLegendToggle-DsWphmIb.js";
+import { t as Pe } from "./A11yDataTable-DdRsVULz.js";
+import { t as Fe } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Ie } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Le } from "./Legend-C0xAnJdO.js";
+import { t as Re } from "./vue_ui_donut_evolution-D1yAAIHr.js";
+import { t as ze } from "./Slicer-C6qNUmZ4.js";
+import { Fragment as u, Teleport as Be, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Ve, createTextVNode as He, createVNode as Ue, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as We, nextTick as Ge, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Ke, onMounted as qe, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Je, shallowRef as Ye, toDisplayString as T, toRefs as Xe, unref as E, watch as Ze, watchEffect as Qe, withCtx as D } from "vue";
 //#region src/components/vue-ui-donut-evolution.vue
-var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt = ["id"], nt = { style: { position: "relative" } }, rt = [
+var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt = ["id"], rt = { style: { position: "relative" } }, it = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], it = [
+], at = [
 	"x",
 	"y",
 	"width",
 	"height"
-], at = { key: 1 }, ot = [
+], ot = { key: 1 }, st = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], st = [
+], ct = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ct = { key: 0 }, lt = [
+], lt = { key: 0 }, ut = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ut = [
+], dt = [
 	"font-size",
 	"fill",
 	"transform"
-], dt = [
+], ft = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], ft = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
+], pt = [
+	"d",
 	"stroke",
 	"stroke-width"
-], pt = [
-	"x",
-	"y",
+], mt = [
+	"transform",
 	"font-size",
 	"text-anchor",
 	"fill",
 	"font-weight"
-], mt = { key: 0 }, ht = [
+], ht = { key: 0 }, gt = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform"
-], gt = [
+], _t = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML"
-], _t = [
+], vt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-width"
-], vt = { key: 1 }, yt = [
+], yt = { key: 1 }, bt = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], bt = { key: 0 }, xt = { key: 0 }, St = ["d", "stroke"], Ct = [
+], xt = { key: 0 }, St = { key: 0 }, Ct = ["d", "stroke"], wt = [
 	"text-anchor",
 	"x",
 	"y",
 	"fill"
-], wt = [
+], Tt = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], Tt = { key: 0 }, Et = [
+], Et = { key: 0 }, Dt = [
 	"cx",
 	"cy",
 	"fill"
-], Dt = { key: 1 }, Ot = [
+], Ot = { key: 1 }, kt = [
 	"d",
 	"fill",
 	"stroke"
-], kt = { key: 2 }, At = [
+], At = { key: 2 }, jt = [
 	"d",
 	"fill",
 	"stroke"
-], jt = [
+], Mt = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Mt = [
+], Nt = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], Nt = [
+], Pt = [
 	"x",
 	"y",
 	"width",
@@ -139,7 +136,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Pt = {
+], Ft = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -149,10 +146,10 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Ft = {
+}, It = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, It = ["id"], Lt = ["onClick"], Rt = { key: 0 }, zt = { key: 1 }, Bt = /*#__PURE__*/ Oe({
+}, Lt = ["id"], Rt = ["onClick"], zt = { key: 0 }, Bt = { key: 1 }, Vt = /*#__PURE__*/ ke({
 	__name: "vue-ui-donut-evolution",
 	props: {
 		config: {
@@ -169,18 +166,18 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 		}
 	},
 	emits: ["selectLegend", "copyAlt"],
-	setup(e, { expose: Oe, emit: Qe }) {
-		let Bt = g(() => import("./vue-ui-accordion-nNxnZTg9.js").then((e) => e.n)), Vt = g(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Ht = g(() => import("./DataTable-DzPEVvSo.js")), Ut = g(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), Wt = g(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Gt = g(() => import("./UserOptions-B69xBEVP.js").then((e) => e.n)), Kt = g(() => import("./vue-ui-donut-jXRV-3ON.js").then((e) => e.n)), qt = g(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_donut_evolution: Jt } = ve(), { isThemeValid: Yt, warnInvalidTheme: Xt } = we(), O = e, k = S(s()), A = S([]), j = S(null), M = S(null), Zt = S(!1), N = S(null), P = S(null), Qt = S(null), $t = S(0), en = S(0), tn = S(0), nn = S(0), rn = S(0), an = S(null), on = S(null), sn = S(null), cn = S(null), ln = S(!1), F = S(null), un = S(null), dn = S(!1), fn = S(!1), pn = S(null), mn = S(null), hn = S(null), gn = S(null), _n = S(null), vn = S(!1), I = Je(null), yn = Je(null), bn = S(null), L = S(null), xn = S(!1), Sn = Qe, Cn = d(() => !!O.dataset && O.dataset.length);
-		Ke(() => {
-			ln.value = !0, Tn();
+	setup(e, { expose: ke, emit: $e }) {
+		let Vt = g(() => import("./vue-ui-accordion-UA88lv4d.js").then((e) => e.n)), Ht = g(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Ut = g(() => import("./DataTable-DzPEVvSo.js")), Wt = g(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), Gt = g(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Kt = g(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), qt = g(() => import("./vue-ui-donut-ZIRebAWc.js").then((e) => e.n)), Jt = g(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_donut_evolution: Yt } = ve(), { isThemeValid: Xt, warnInvalidTheme: Zt } = we(), { isReady: Qt } = Te(300), O = e, k = S(s()), A = S([]), j = S(null), M = S(null), $t = S(!1), N = S(null), P = S(null), en = S(null), tn = S(0), nn = S(0), rn = S(0), an = S(0), on = S(0), sn = S(null), cn = S(null), ln = S(null), un = S(null), dn = S(!1), F = S(null), fn = S(null), pn = S(!1), mn = S(!1), hn = S(null), gn = S(null), _n = S(null), vn = S(null), yn = S(null), bn = S(!1), I = Ye(null), xn = Ye(null), Sn = S(null), L = S(null), Cn = S(!1), wn = $e, Tn = d(() => !!O.dataset && O.dataset.length);
+		qe(() => {
+			dn.value = !0, Dn();
 		});
-		let wn = d(() => !!R.value.debug);
-		function Tn() {
+		let En = d(() => !!R.value.debug);
+		function Dn() {
 			if (t(O.dataset) ? (oe({
 				componentName: "VueUiDonutEvolution",
 				type: "dataset",
-				debug: wn.value
-			}), kn.value = !0) : O.dataset.length && O.dataset.forEach((e, t) => {
+				debug: En.value
+			}), jn.value = !0) : O.dataset.length && O.dataset.forEach((e, t) => {
 				ce({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
@@ -190,31 +187,31 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: wn.value
-					}), kn.value = !0;
+						debug: En.value
+					}), jn.value = !0;
 				});
-			}), t(O.dataset) || (kn.value = R.value.loading), setTimeout(() => {
-				vn.value = !0;
-			}, 10), Mn(), R.value.responsive) {
-				let e = ke(() => {
-					vn.value = !1;
-					let { width: e, height: t } = Ae({
+			}), t(O.dataset) || (jn.value = R.value.loading), setTimeout(() => {
+				bn.value = !0;
+			}, 10), Pn(), R.value.responsive) {
+				let e = Ae(() => {
+					bn.value = !1;
+					let { width: e, height: t } = je({
 						chart: P.value,
-						title: R.value.style.chart.title.text ? pn.value : null,
-						legend: R.value.style.chart.legend.show ? mn.value : null,
-						slicer: R.value.style.chart.zoom.show && An.value > 1 ? _n.value : null,
-						source: hn.value
+						title: R.value.style.chart.title.text ? hn.value : null,
+						legend: R.value.style.chart.legend.show ? gn.value : null,
+						slicer: R.value.style.chart.zoom.show && Mn.value > 1 ? yn.value : null,
+						source: _n.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t - 12, clearTimeout(bn.value), bn.value = setTimeout(() => {
-							vn.value = !0;
+						B.value.width = e, B.value.height = t - 12, clearTimeout(Sn.value), Sn.value = setTimeout(() => {
+							bn.value = !0;
 						}, 10);
 					});
 				});
-				I.value && (yn.value && I.value.unobserve(yn.value), I.value.disconnect()), I.value = new ResizeObserver(e), yn.value = P.value.parentNode, I.value.observe(yn.value);
+				I.value && (xn.value && I.value.unobserve(xn.value), I.value.disconnect()), I.value = new ResizeObserver(e), xn.value = P.value.parentNode, I.value.observe(xn.value);
 			}
 		}
-		let R = S(Rn()), z = d(() => R.value.userOptions.useCursorPointer), En = d(() => fe({
+		let R = S(Bn()), z = d(() => R.value.userOptions.useCursorPointer), On = d(() => fe({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -252,13 +249,13 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				} }
 			},
 			userConfig: R.value.skeletonConfig ?? {}
-		})), { loading: Dn, FINAL_DATASET: On, manualLoading: kn } = be({
-			...Ye(O),
+		})), { loading: kn, FINAL_DATASET: An, manualLoading: jn } = be({
+			...Xe(O),
 			FINAL_CONFIG: R,
-			prepareConfig: Rn,
+			prepareConfig: Bn,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await Mn();
+					await Pn();
 				});
 			},
 			skeletonDataset: O.config?.skeletonDataset ?? [
@@ -301,43 +298,43 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			],
 			skeletonConfig: fe({
 				defaultConfig: R.value,
-				userConfig: En.value
+				userConfig: On.value
 			})
 		}), B = S({
 			width: R.value.style.chart.layout.width,
 			height: R.value.style.chart.layout.height
-		}), An = d(() => Math.max(...On.value.map((e) => e.values.length))), V = S({
+		}), Mn = d(() => Math.max(...An.value.map((e) => e.values.length))), V = S({
 			start: 0,
-			end: An.value
+			end: Mn.value
 		});
-		function jn() {
-			Mn();
+		function Nn() {
+			Pn();
 		}
-		async function Mn() {
-			await We(), await We();
-			let { startIndex: e, endIndex: t } = R.value.style.chart.zoom, n = gn.value;
+		async function Pn() {
+			await Ge(), await Ge();
+			let { startIndex: e, endIndex: t } = R.value.style.chart.zoom, n = vn.value;
 			V.value = {
 				start: 0,
 				max: q.value
-			}, (e != null || t != null) && n ? (e == null ? (V.value.start = 0, n.setStartValue(0)) : n.setStartValue(e), t == null ? (V.value.end = q.value, n.setEndValue(q.value)) : n.setEndValue(Nn(t + 1))) : (V.value = {
+			}, (e != null || t != null) && n ? (e == null ? (V.value.start = 0, n.setStartValue(0)) : n.setStartValue(e), t == null ? (V.value.end = q.value, n.setEndValue(q.value)) : n.setEndValue(Fn(t + 1))) : (V.value = {
 				start: 0,
 				end: q.value
-			}, en.value += 1);
+			}, nn.value += 1);
 		}
-		function Nn(e) {
+		function Fn(e) {
 			let t = q.value;
 			return e > t ? t : e < 0 || R.value.style.chart.zoom.startIndex !== null && e < R.value.style.chart.zoom.startIndex ? R.value.style.chart.zoom.startIndex === null ? 1 : R.value.style.chart.zoom.startIndex + 1 : e;
 		}
-		let { userOptionsVisible: Pn, setUserOptionsVisibility: Fn, keepUserOptionState: In } = Pe({ config: R.value }), { svgRef: Ln } = Fe({ config: R.value.style.chart.title });
-		function Rn() {
+		let { userOptionsVisible: In, setUserOptionsVisibility: Ln, keepUserOptionState: Rn } = Fe({ config: R.value }), { svgRef: zn } = Ie({ config: R.value.style.chart.title });
+		function Bn() {
 			let e = Ce({
 				userConfig: O.config,
-				defaultConfig: Jt
+				defaultConfig: Yt
 			}), t = {}, n = e.theme;
-			if (n) if (!Yt.value(e)) Xt(e), t = e;
+			if (n) if (!Xt.value(e)) Zt(e), t = e;
 			else {
 				let r = Ce({
-					userConfig: Le[n] || O.config,
+					userConfig: Re[n] || O.config,
 					defaultConfig: e
 				});
 				t = {
@@ -351,17 +348,17 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			else t = e;
 			return t;
 		}
-		Xe(() => O.config, (e) => {
-			Dn.value || (R.value = Rn()), Pn.value = !R.value.userOptions.showOnChartHover, Tn(), tn.value += 1, nn.value += 1, rn.value += 1, H.value.showTable = R.value.table.show;
-		}, { deep: !0 }), Xe(() => O.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (kn.value = !1), jn();
+		Ze(() => O.config, (e) => {
+			kn.value || (R.value = Bn()), In.value = !R.value.userOptions.showOnChartHover, Dn(), rn.value += 1, an.value += 1, on.value += 1, H.value.showTable = R.value.table.show;
+		}, { deep: !0 }), Ze(() => O.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (jn.value = !1), Nn();
 		}, { deep: !0 });
-		let { isPrinting: zn, isImaging: Bn, generatePdf: Vn, generateImage: Hn } = ye({
+		let { isPrinting: Vn, isImaging: Hn, generatePdf: Un, generateImage: Wn } = ye({
 			elementId: k.value,
 			fileName: R.value.style.chart.title.text || "vue-ui-donut-evolution",
 			options: R.value.userOptions.print
-		}), Un = d(() => R.value.userOptions.show && !R.value.style.chart.title.text), Wn = d(() => n(R.value.customPalette)), H = S({ showTable: R.value.table.show });
-		Xe(R, () => {
+		}), Gn = d(() => R.value.userOptions.show && !R.value.style.chart.title.text), Kn = d(() => n(R.value.customPalette)), H = S({ showTable: R.value.table.show });
+		Ze(R, () => {
 			H.value = { showTable: R.value.table.show };
 		}, { immediate: !0 });
 		let U = d(() => ({
@@ -370,13 +367,13 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			bottom: R.value.style.chart.layout.padding.bottom,
 			left: R.value.style.chart.layout.padding.left
 		})), W = d(() => R.value.style.chart.layout.grid.yAxis.position === "right");
-		function Gn() {
+		function qn() {
 			let e = 0;
-			an.value && (e = Array.from(an.value.querySelectorAll("text")).reduce((e, t) => {
+			sn.value && (e = Array.from(sn.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0));
-			let t = cn.value ? cn.value.getBoundingClientRect().width + R.value.style.chart.layout.grid.axis.yLabelOffsetX + R.value.style.chart.layout.grid.axis.fontSize : 0, n = e + t + 5;
+			let t = un.value ? un.value.getBoundingClientRect().width + R.value.style.chart.layout.grid.axis.yLabelOffsetX + R.value.style.chart.layout.grid.axis.fontSize : 0, n = e + t + 5;
 			return {
 				left: W.value ? 0 : n,
 				right: W.value ? n : 0,
@@ -385,31 +382,31 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				crosshair: 5
 			};
 		}
-		let Kn = S(0), qn = ke((e) => {
-			Kn.value = e;
+		let Jn = S(0), Yn = Ae((e) => {
+			Jn.value = e;
 		}, 100);
-		Ze((e) => {
-			let t = on.value;
+		Qe((e) => {
+			let t = cn.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				qn(e[0].contentRect.height);
+				Yn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Ge(() => {
-			Kn.value = 0;
+		}), Ke(() => {
+			Jn.value = 0;
 		});
-		let Jn = d(() => {
+		let Xn = d(() => {
 			let e = 0;
-			sn.value && (e = sn.value.getBBox().height);
+			ln.value && (e = ln.value.getBBox().height);
 			let t = 0;
-			return on.value && (t = Kn.value), e + t + R.value.style.chart.layout.grid.axis.fontSize + R.value.style.chart.layout.grid.xAxis.dataLabels.offsetY;
+			return cn.value && (t = Jn.value), e + t + R.value.style.chart.layout.grid.axis.fontSize + R.value.style.chart.layout.grid.xAxis.dataLabels.offsetY;
 		}), G = d(() => {
-			let e = Gn(), t = R.value.style.chart.layout.dataLabels.fontSize * 3, n = B.value.width, r = B.value.height, i = U.value.left + e.left, a = n - U.value.right - e.right, o = n - i - U.value.right - e.right, s = r - U.value.top - U.value.bottom - t - Jn.value, c = U.value.top + t;
+			let e = qn(), t = R.value.style.chart.layout.dataLabels.fontSize * 3, n = B.value.width, r = B.value.height, i = U.value.left + e.left, a = n - U.value.right - e.right, o = n - i - U.value.right - e.right, s = r - U.value.top - U.value.bottom - t - Xn.value, c = U.value.top + t;
 			return {
 				top: c,
 				left: i,
 				right: a,
-				bottom: r - U.value.bottom - Jn.value,
+				bottom: r - U.value.bottom - Xn.value,
 				absoluteHeight: r,
 				absoluteWidth: n,
 				centerX: i + Math.max(10, o) / 2,
@@ -420,32 +417,32 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				yAxisLabelWidth: e.yAxisLabelWidth,
 				crosshair: e.crosshair
 			};
-		}), K = d(() => (On.value.forEach((e, t) => {
+		}), K = d(() => (An.value.forEach((e, t) => {
 			[null, void 0].includes(e.name) && oe({
 				componentName: "VueUiDonutEvolution",
 				type: "datasetSerieAttribute",
 				property: "name",
 				index: t,
-				debug: wn.value
+				debug: En.value
 			}), [null, void 0].includes(e.values) && oe({
 				componentName: "VueUiDonutEvolution",
 				type: "datasetSerieAttribute",
 				property: "values",
 				index: t,
-				debug: wn.value
+				debug: En.value
 			});
-		}), On.value.map((e, t) => ({
+		}), An.value.map((e, t) => ({
 			...e,
 			values: c(e.values),
-			color: he(e.color) || Wn.value[t] || l[t] || l[t % l.length],
+			color: he(e.color) || Kn.value[t] || l[t] || l[t % l.length],
 			length: (e.values || []).length,
 			uid: s()
-		})))), Yn = d(() => K.value.filter((e) => !A.value.includes(e.uid)).map((e) => ({
+		})))), Zn = d(() => K.value.filter((e) => !A.value.includes(e.uid)).map((e) => ({
 			...e,
 			values: e.values.filter((e, t) => t >= V.value.start && t <= V.value.end)
-		}))), q = d(() => Math.max(...K.value.map((e) => e.length))), J = S([]), Xn = 0;
-		Ze(() => {
-			let e = ++Xn;
+		}))), q = d(() => Math.max(...K.value.map((e) => e.length))), J = S([]), Qn = 0;
+		Qe(() => {
+			let e = ++Qn;
 			(async () => {
 				let t = await _e({
 					values: R.value.style.chart.layout.grid.xAxis.dataLabels.values,
@@ -454,13 +451,13 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 					start: V.value.start,
 					end: V.value.end
 				});
-				e === Xn && (J.value = t);
+				e === Qn && (J.value = t);
 			})();
 		});
-		let Y = d(() => G.value.width / (V.value.end - V.value.start)), Zn = d(() => {
+		let Y = d(() => G.value.width / (V.value.end - V.value.start)), $n = d(() => {
 			let e = [];
 			for (let t = 0; t < V.value.end - V.value.start; t += 1) {
-				let n = Yn.value.map((e) => e.values[t] ?? null), r = n.filter((e) => [void 0, null].includes(e)).length === n.length, i = n.reduce((e, t) => e + t, 0), a = n.map((e) => e / i), o = G.value.left + Y.value * t + Y.value / 2;
+				let n = Zn.value.map((e) => e.values[t] ?? null), r = n.filter((e) => [void 0, null].includes(e)).length === n.length, i = n.reduce((e, t) => e + t, 0), a = n.map((e) => e / i), o = G.value.left + Y.value * t + Y.value / 2;
 				e.push({
 					index: t,
 					percentages: a,
@@ -470,26 +467,26 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				});
 			}
 			return e;
-		}), Qn = d(() => {
-			let e = Math.max(...Zn.value.map((e) => e.subtotal).filter((e) => r(e))) ?? 1, t = Math.min(...Zn.value.map((e) => e.subtotal).filter((e) => r(e))) ?? 0, n = Math.max(R.value.style.chart.layout.grid.yAxis.scaleMax ?? 0, e), i;
+		}), er = d(() => {
+			let e = Math.max(...$n.value.map((e) => e.subtotal).filter((e) => r(e))) ?? 1, t = Math.min(...$n.value.map((e) => e.subtotal).filter((e) => r(e))) ?? 0, n = Math.max(R.value.style.chart.layout.grid.yAxis.scaleMax ?? 0, e), i;
 			return i = R.value.style.chart.layout.grid.yAxis.scaleMin == null ? 0 : Math.min(t, R.value.style.chart.layout.grid.yAxis.scaleMin), R.value.style.chart.layout.grid.yAxis.autoScale && (i = t, n = e), i === n && (i = n / 2, n *= 1.5), {
 				max: n,
 				min: i
 			};
 		}), X = d(() => {
-			let e = Zn.value.length === 1 ? Qn.value.max * 2 : Qn.value.max;
-			return le(Qn.value.min, e, R.value.style.chart.layout.grid.yAxis.dataLabels.steps);
+			let e = $n.value.length === 1 ? er.value.max * 2 : er.value.max;
+			return le(er.value.min, e, R.value.style.chart.layout.grid.yAxis.dataLabels.steps);
 		});
-		function $n(e) {
+		function tr(e) {
 			return (e - X.value.min) / (X.value.max - X.value.min);
 		}
-		let er = d(() => X.value.ticks.map((e) => ({
-			y: G.value.bottom - G.value.height * $n(e),
+		let nr = d(() => X.value.ticks.map((e) => ({
+			y: G.value.bottom - G.value.height * tr(e),
 			value: e
 		}))), Z = d(() => {
-			let e = Zn.value, t = Math.max(...e.map((e) => e.subtotal));
+			let e = $n.value, t = Math.max(...e.map((e) => e.subtotal));
 			return e.length === 1 && t * 2, e.map((t, n) => {
-				let r = Math.min(G.value.width / 24, Y.value / 2 * .7), i = r > G.value.width / 16 ? G.value.width / 16 : r, a = j.value === t.index ? G.value.width / 16 : i, o = e.length > 4 ? r * 2 : r * 2 > Y.value / 2 * .7 ? Y.value / 2 * .7 : r * 2, s = G.value.bottom - G.value.height * $n(t.subtotal), c = Yn.value.map((e) => ({
+				let r = Math.min(G.value.width / 24, Y.value / 2 * .7), i = r > G.value.width / 16 ? G.value.width / 16 : r, a = j.value === t.index ? G.value.width / 16 : i, o = e.length > 4 ? r * 2 : r * 2 > Y.value / 2 * .7 ? Y.value / 2 * .7 : r * 2, s = G.value.bottom - G.value.height * tr(t.subtotal), c = Zn.value.map((e) => ({
 					color: e.color,
 					name: e.name,
 					value: e.values[n] ?? 0
@@ -506,7 +503,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				};
 			});
 		});
-		function tr(e, t, n) {
+		function rr(e, t, n) {
 			return ue(R.value.style.chart.layout.dataLabels.formatter, e, re({
 				p: R.value.style.chart.layout.dataLabels.prefix,
 				v: e,
@@ -517,29 +514,29 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				index: n
 			});
 		}
-		function nr(e, t) {
+		function ir(e, t) {
 			return isNaN(e.value / o(t, "value")) ? 0 : (e.value / o(t, "value") * 100).toFixed(0) + "%";
 		}
-		function rr(e) {
+		function ar(e) {
 			j.value = null, M.value = null, L.value = null, R.value.events.datapointLeave && R.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: e.seriesIndex + V.value.start
 			});
 		}
-		function ir(e) {
+		function or(e) {
 			R.value.events.datapointEnter && R.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: e.index + V.value.start
 			}), j.value = e.index, M.value = e, L.value = e.index;
 		}
-		let ar = S(null);
-		function or(e, t) {
+		let sr = S(null);
+		function cr(e, t) {
 			R.value.events.datapointClick && R.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e.index + V.value.start
-			}), !(!e.subtotal || !R.value.style.chart.dialog.show) && (M.value = null, j.value = null, Zt.value = !0, N.value = e, Tr(e), [null, void 0].includes(t) || (ar.value = t));
+			}), !(!e.subtotal || !R.value.style.chart.dialog.show) && (M.value = null, j.value = null, $t.value = !0, N.value = e, Dr(e), [null, void 0].includes(t) || (sr.value = t));
 		}
-		let sr = d(() => K.value.map((e, t) => ({
+		let lr = d(() => K.value.map((e, t) => ({
 			name: e.name,
 			value: e.values.slice(V.value.start, V.value.end).reduce((e, t) => e + t, 0),
 			shape: "circle",
@@ -548,7 +545,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 		})).sort((e, t) => t.value - e.value).map((e, t) => ({
 			...e,
 			opacity: A.value.includes(e.uid) ? .5 : 1,
-			segregate: () => dr(e.uid),
+			segregate: () => pr(e.uid),
 			isSegregated: A.value.includes(e.uid),
 			display: `${e.name}${R.value.style.chart.legend.showPercentage || R.value.style.chart.legend.showValue ? ": " : ""}${R.value.style.chart.legend.showValue ? ue(R.value.style.chart.layout.dataLabels.formatter, e.value, re({
 				p: R.value.style.chart.layout.dataLabels.prefix,
@@ -558,12 +555,12 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			}), {
 				datapoint: e,
 				seriesIndex: t
-			}) : ""}${R.value.style.chart.legend.showPercentage ? A.value.includes(e.uid) ? `${R.value.style.chart.legend.showValue ? " (" : ""}- %${R.value.style.chart.legend.showValue ? ")" : ""}` : `${R.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / cr.value) ? "-" : re({
-				v: e.value / cr.value * 100,
+			}) : ""}${R.value.style.chart.legend.showPercentage ? A.value.includes(e.uid) ? `${R.value.style.chart.legend.showValue ? " (" : ""}- %${R.value.style.chart.legend.showValue ? ")" : ""}` : `${R.value.style.chart.legend.showValue ? " (" : ""}${isNaN(e.value / ur.value) ? "-" : re({
+				v: e.value / ur.value * 100,
 				s: "%",
 				r: R.value.style.chart.legend.roundingPercentage
 			})}${R.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
-		}))), cr = d(() => Z.value.map((e) => e.subtotal).reduce((e, t) => e + t, 0)), lr = d(() => ({
+		}))), ur = d(() => Z.value.map((e) => e.subtotal).reduce((e, t) => e + t, 0)), dr = d(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: R.value.style.chart.legend.backgroundColor,
 			color: R.value.style.chart.legend.color,
@@ -571,29 +568,29 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			paddingBottom: 12,
 			fontWeight: R.value.style.chart.legend.bold ? "bold" : ""
 		}));
-		function ur() {
-			A.value.length ? A.value = [] : sr.value.forEach((e) => {
+		function fr() {
+			A.value.length ? A.value = [] : lr.value.forEach((e) => {
 				A.value.push(e.uid);
-			}), Sn("selectLegend", Yn.value);
+			}), wn("selectLegend", Zn.value);
 		}
-		function dr(e) {
-			if (A.value.includes(e)) A.value = A.value.filter((t) => t !== e), Sn("selectLegend", Yn.value);
+		function pr(e) {
+			if (A.value.includes(e)) A.value = A.value.filter((t) => t !== e), wn("selectLegend", Zn.value);
 			else {
 				if (A.value.length === K.value.length - 1) return;
-				A.value.push(e), Sn("selectLegend", Yn.value);
+				A.value.push(e), wn("selectLegend", Zn.value);
 			}
-			N.value && or(Z.value.find((e, t) => t === ar.value));
+			N.value && cr(Z.value.find((e, t) => t === sr.value));
 		}
-		function fr(e) {
+		function mr(e) {
 			return K.value.length ? K.value.find((t) => t.name === e) || (R.value.debug && console.warn(`VueUiDonutEvolution - Series name not found "${e}"`), null) : (R.value.debug && console.warn("VueUiDonutEvolution - There are no series to show."), null);
 		}
-		function pr(e) {
-			let t = fr(e);
-			t !== null && A.value.includes(t.uid) && dr(t.uid);
+		function hr(e) {
+			let t = mr(e);
+			t !== null && A.value.includes(t.uid) && pr(t.uid);
 		}
-		function mr(e) {
-			let t = fr(e);
-			t !== null && (A.value.includes(t.uid) || dr(t.uid));
+		function gr(e) {
+			let t = mr(e);
+			t !== null && (A.value.includes(t.uid) || pr(t.uid));
 		}
 		let Q = d(() => {
 			let e = [""].concat(K.value.filter((e) => !A.value.includes(e.uid)).map((e) => ({
@@ -610,7 +607,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			return {
 				head: e,
 				body: t,
-				bodyA11y: t.map((e) => e.map((t, n) => n === 0 || n === e.length - 1 ? t : `${tr(t.value ?? 0, null, n)} (${t.percentage.toFixed(1)}%)`)),
+				bodyA11y: t.map((e) => e.map((t, n) => n === 0 || n === e.length - 1 ? t : `${rr(t.value ?? 0, null, n)} (${t.percentage.toFixed(1)}%)`)),
 				config: {
 					th: {
 						backgroundColor: R.value.table.th.backgroundColor,
@@ -627,11 +624,11 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				colNames: [R.value.table.columnNames.period].concat(K.value.filter((e) => !A.value.includes(e.uid)).map((e) => e.name), R.value.table.columnNames.total)
 			};
 		});
-		function hr() {
+		function _r() {
 			return K.value;
 		}
-		function gr(e = null) {
-			We(() => {
+		function vr(e = null) {
+			Ge(() => {
 				let t = [
 					[R.value.style.chart.title.text],
 					[R.value.style.chart.title.subtitle.text],
@@ -644,34 +641,34 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			});
 		}
 		let $ = S(!1);
-		function _r(e) {
-			$.value = e, $t.value += 1;
+		function yr(e) {
+			$.value = e, tn.value += 1;
 		}
-		function vr() {
+		function br() {
 			H.value.showTable = !H.value.showTable;
 		}
-		let yr = S(!1);
-		function br() {
-			yr.value = !yr.value;
+		let xr = S(!1);
+		function Sr() {
+			xr.value = !xr.value;
 		}
-		function xr(e) {
+		function Cr(e) {
 			return e.proportion * 100 > R.value.style.chart.donuts.hover.hideLabelsUnderValue;
 		}
-		let Sr = S([]), Cr = S({}), wr = S(null);
-		function Tr(e) {
-			Sr.value = e.donut.map((e) => ({
+		let wr = S([]), Tr = S({}), Er = S(null);
+		function Dr(e) {
+			wr.value = e.donut.map((e) => ({
 				name: e.name,
 				values: [e.value],
 				color: e.color
-			})), Cr.value = ie({
+			})), Tr.value = ie({
 				...R.value.style.chart.dialog.donutChart,
 				responsive: !0,
 				theme: R.value.theme
-			}), wr.value && wr.value.open();
+			}), Er.value && Er.value.open();
 		}
-		async function Er({ scale: e = 2 } = {}) {
+		async function Or({ scale: e = 2 } = {}) {
 			if (!P.value) return;
-			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ee({
+			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await De({
 				domElement: P.value,
 				base64: !0,
 				img: !0,
@@ -686,8 +683,8 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				aspectRatio: r
 			};
 		}
-		Te({
-			timeLabelsEls: on,
+		Ee({
+			timeLabelsEls: cn,
 			timeLabels: J,
 			slicer: V,
 			configRef: R,
@@ -715,10 +712,10 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			height: d(() => B.value.height),
 			rotation: R.value.style.chart.layout.grid.xAxis.dataLabels.autoRotate.angle
 		});
-		let Dr = d(() => {
+		let kr = d(() => {
 			let e = R.value.table.useDialog && !R.value.table.show, t = H.value.showTable;
 			return {
-				component: e ? qt : Bt,
+				component: e ? Jt : Vt,
 				title: `${R.value.style.chart.title.text}${R.value.style.chart.title.subtitle.text ? `: ${R.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: R.value.table.th.backgroundColor,
@@ -746,51 +743,51 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				}
 			};
 		});
-		Xe(() => H.value.showTable, (e) => {
+		Ze(() => H.value.showTable, (e) => {
 			R.value.table.show || (e && R.value.table.useDialog && F.value ? F.value.open() : "close" in F.value && F.value.close());
 		});
-		function Or() {
-			H.value.showTable = !1, un.value && un.value.setTableIconState(!1);
+		function Ar() {
+			H.value.showTable = !1, fn.value && fn.value.setTableIconState(!1);
 		}
-		let kr = d(() => sr.value.map((e) => ({
+		let jr = d(() => lr.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Ar = d(() => R.value.style.chart.backgroundColor), jr = d(() => R.value.style.chart.legend), { exportSvg: Mr, getSvg: Nr } = Se({
-			svg: Ln,
+		}))), Mr = d(() => R.value.style.chart.backgroundColor), Nr = d(() => R.value.style.chart.legend), { exportSvg: Pr, getSvg: Fr } = Se({
+			svg: zn,
 			title: d(() => R.value.style.chart.title),
-			legend: jr,
-			legendItems: kr,
-			backgroundColor: Ar
+			legend: Nr,
+			legendItems: jr,
+			backgroundColor: Mr
 		});
-		async function Pr({ isCb: e }) {
-			fn.value = !0, await We();
+		async function Ir({ isCb: e }) {
+			mn.value = !0, await Ge();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Nr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Fr();
 					await Promise.resolve(R.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Mr());
+				} else await Promise.resolve(Pr());
 			} finally {
-				fn.value = !1;
+				mn.value = !1;
 			}
 		}
-		function Fr(e) {
+		function Lr(e) {
 			if (e?.stage === "start") {
-				dn.value = !0;
+				pn.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				dn.value = !1;
+				pn.value = !1;
 				return;
 			}
-			Hn();
+			Wn();
 		}
-		async function Ir() {
-			if (Sn("copyAlt", {
+		async function Rr() {
+			if (wn("copyAlt", {
 				config: R.value,
 				dataset: Z.value
 			}), !R.value.userOptions.callbacks.altCopy) {
@@ -802,14 +799,14 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				dataset: Z.value
 			}));
 		}
-		function Lr() {
-			L.value = null, xn.value = !0;
+		function zr() {
+			L.value = null, Cn.value = !0;
 		}
-		function Rr() {
-			L.value = null, j.value = null, M.value = null, xn.value = !1;
+		function Br() {
+			L.value = null, j.value = null, M.value = null, Cn.value = !1;
 		}
-		function zr(e) {
-			if (!Ln.value || yr.value || document.activeElement !== Ln.value || !Z.value.length) return;
+		function Vr(e) {
+			if (!zn.value || xr.value || document.activeElement !== zn.value || !Z.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
@@ -820,49 +817,49 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				if (L.value === null) return;
 				let e = Z.value[L.value];
 				if (!e) return;
-				or(e, L.value);
+				cr(e, L.value);
 				return;
 			}
 			let a = L.value, o = j.value, s = a !== null && a >= 0 && a < Z.value.length, c = o !== null && o >= 0 && o < Z.value.length;
 			s ? n ? (a += 1, a >= Z.value.length && (a = 0)) : t && (--a, a < 0 && (a = Z.value.length - 1)) : c ? (a = n ? o + 1 : o - 1, a >= Z.value.length && (a = 0), a < 0 && (a = Z.value.length - 1)) : a = n ? 0 : Z.value.length - 1;
 			let l = Z.value[a];
-			l && ir(l);
+			l && or(l);
 		}
-		let Br = d(() => ({
+		let Hr = d(() => ({
 			headers: Q.value?.colNames ?? [],
 			rows: Q.value?.bodyA11y ?? []
 		}));
-		return Oe({
-			getData: hr,
-			getImage: Er,
-			generatePdf: Vn,
-			generateCsv: gr,
-			generateImage: Hn,
-			generateSvg: Pr,
-			hideSeries: mr,
-			showSeries: pr,
-			toggleTable: vr,
-			toggleAnnotator: br,
-			toggleFullscreen: _r,
-			copyAlt: Ir
+		return ke({
+			getData: _r,
+			getImage: Or,
+			generatePdf: Un,
+			generateCsv: vr,
+			generateImage: Wn,
+			generateSvg: Ir,
+			hideSeries: gr,
+			showSeries: hr,
+			toggleTable: br,
+			toggleAnnotator: Sr,
+			toggleFullscreen: yr,
+			copyAlt: Rr
 		}), (e, t) => (x(), m("div", {
 			ref_key: "donutEvolutionChart",
 			ref: P,
 			class: v(`vue-data-ui-component vue-ui-donut-evolution ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${R.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: b(`font-family:${R.value.style.fontFamily};width:100%; text-align:center;background:${R.value.style.chart.backgroundColor}`),
 			id: k.value,
-			onMouseenter: t[5] ||= () => E(Fn)(!0),
-			onMouseleave: t[6] ||= () => E(Fn)(!1)
+			onMouseenter: t[5] ||= () => E(Ln)(!0),
+			onMouseleave: t[6] ||= () => E(Ln)(!1)
 		}, [
 			h("div", {
 				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
-			}, [h("p", null, T(R.value.a11y.translations.keyboardNavigation), 1)], 8, et),
-			Br.value?.rows?.length ? (x(), f(Ne, {
+			}, [h("p", null, T(R.value.a11y.translations.keyboardNavigation), 1)], 8, tt),
+			Hr.value?.rows?.length ? (x(), f(Pe, {
 				key: 0,
 				uid: k.value,
-				head: Br.value.headers,
-				body: Br.value.rows,
+				head: Hr.value.headers,
+				body: Hr.value.rows,
 				notice: R.value.a11y.translations.tableAvailable,
 				caption: R.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -872,14 +869,14 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				"notice",
 				"caption"
 			])) : p("", !0),
-			R.value.userOptions.buttons.annotator ? (x(), f(E(Wt), {
+			R.value.userOptions.buttons.annotator ? (x(), f(E(Gt), {
 				key: 1,
-				svgRef: E(Ln),
+				svgRef: E(zn),
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
-				active: yr.value,
+				active: xr.value,
 				isCursorPointer: z.value,
-				onClose: br
+				onClose: Sr
 			}, {
 				"annotator-action-close": D(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": D(({ color: t }) => [w(e.$slots, "annotator-action-color", y(_({ color: t })), void 0, !0)]),
@@ -895,21 +892,21 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				"active",
 				"isCursorPointer"
 			])) : p("", !0),
-			Un.value ? (x(), m("div", {
+			Gn.value ? (x(), m("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Qt,
+				ref: en,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : p("", !0),
 			R.value.style.chart.title.text ? (x(), m("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: pn,
+				ref: hn,
 				style: "width:100%;background:transparent;padding-bottom:24px",
-				onMouseleave: rr
-			}, [(x(), f(De, {
-				key: `title_${tn.value}`,
+				onMouseleave: ar
+			}, [(x(), f(Oe, {
+				key: `title_${rn.value}`,
 				config: {
 					title: {
 						cy: "donut-evolution-div-title",
@@ -921,15 +918,15 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 					}
 				}
 			}, null, 8, ["config"]))], 544)) : p("", !0),
-			h("div", { id: `legend-top-${k.value}` }, null, 8, tt),
-			R.value.userOptions.show && Cn.value && (E(In) || E(Pn)) ? (x(), f(E(Gt), {
+			h("div", { id: `legend-top-${k.value}` }, null, 8, nt),
+			R.value.userOptions.show && Tn.value && (E(Rn) || E(In)) ? (x(), f(E(Kt), {
 				ref_key: "userOptionsRef",
-				ref: un,
-				key: `user_options_${$t.value}`,
+				ref: fn,
+				key: `user_options_${tn.value}`,
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
-				isPrinting: E(zn),
-				isImaging: E(Bn),
+				isPrinting: E(Vn),
+				isImaging: E(Hn),
 				uid: k.value,
 				hasPdf: R.value.userOptions.buttons.pdf,
 				hasImg: R.value.userOptions.buttons.img,
@@ -943,21 +940,21 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				chartElement: P.value,
 				position: R.value.userOptions.position,
 				hasAnnotator: R.value.userOptions.buttons.annotator,
-				isAnnotation: yr.value,
+				isAnnotation: xr.value,
 				callbacks: R.value.userOptions.callbacks,
 				printScale: R.value.userOptions.print.scale,
 				tableDialog: R.value.table.useDialog,
 				isCursorPointer: z.value,
-				onToggleFullscreen: _r,
-				onGeneratePdf: E(Vn),
-				onGenerateCsv: gr,
-				onGenerateImage: Fr,
-				onGenerateSvg: Pr,
-				onToggleTable: vr,
-				onToggleAnnotator: br,
-				onCopyAlt: Ir,
-				style: b({ visibility: E(In) ? E(Pn) ? "visible" : "hidden" : "visible" })
-			}, Be({ _: 2 }, [
+				onToggleFullscreen: yr,
+				onGeneratePdf: E(Un),
+				onGenerateCsv: vr,
+				onGenerateImage: Lr,
+				onGenerateSvg: Ir,
+				onToggleTable: br,
+				onToggleAnnotator: Sr,
+				onCopyAlt: Rr,
+				style: b({ visibility: E(Rn) ? E(In) ? "visible" : "hidden" : "visible" })
+			}, Ve({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(_({
@@ -1048,9 +1045,9 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				"onGeneratePdf",
 				"style"
 			])) : p("", !0),
-			h("div", nt, [(x(), m("svg", {
+			h("div", rt, [(x(), m("svg", {
 				ref_key: "svgRef",
-				ref: Ln,
+				ref: zn,
 				xmlns: E(pe),
 				"aria-describedby": `chart-instructions-${k.value}`,
 				class: v({
@@ -1060,11 +1057,11 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				viewBox: `0 0 ${G.value.absoluteWidth} ${G.value.absoluteHeight}`,
 				style: b(`max-width:100%; overflow: visible; background:transparent;color:${R.value.style.chart.color};`),
 				tabindex: "0",
-				onFocus: Lr,
-				onBlur: Rr,
-				onKeydown: zr
+				onFocus: zr,
+				onBlur: Br,
+				onKeydown: Vr
 			}, [
-				He(E(Ut)),
+				Ue(E(Wt)),
 				e.$slots["chart-background"] ? (x(), m("foreignObject", {
 					key: 0,
 					x: G.value.left,
@@ -1072,8 +1069,8 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 					width: G.value.width,
 					height: G.value.height,
 					style: { pointerEvents: "none" }
-				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, it)) : p("", !0),
-				h("defs", null, [He(je, {
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, at)) : p("", !0),
+				h("defs", null, [Ue(Me, {
 					t: "linear",
 					id: `hover_${k.value}`,
 					x1: "0%",
@@ -1089,7 +1086,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						E(ge)(R.value.style.chart.layout.highlighter.color, R.value.style.chart.layout.highlighter.opacity),
 						1
 					]]
-				}, null, 8, ["id", "stops"]), He(je, {
+				}, null, 8, ["id", "stops"]), Ue(Me, {
 					t: "radial",
 					id: `focus_${k.value}`,
 					stops: [
@@ -1110,7 +1107,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						]
 					]
 				}, null, 8, ["id", "stops"])]),
-				R.value.style.chart.layout.grid.show ? (x(), m("g", at, [
+				R.value.style.chart.layout.grid.show ? (x(), m("g", ot, [
 					h("line", {
 						x1: W.value ? G.value.right : G.value.left,
 						x2: W.value ? G.value.right : G.value.left,
@@ -1119,7 +1116,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, ot),
+					}, null, 8, st),
 					h("line", {
 						x1: G.value.left,
 						x2: G.value.right,
@@ -1128,8 +1125,8 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, st),
-					R.value.style.chart.layout.grid.showVerticalLines ? (x(), m("g", ct, [(x(!0), m(u, null, C(V.value.end - V.value.start, (e, t) => (x(), m("line", {
+					}, null, 8, ct),
+					R.value.style.chart.layout.grid.showVerticalLines ? (x(), m("g", lt, [(x(!0), m(u, null, C(V.value.end - V.value.start, (e, t) => (x(), m("line", {
 						x1: G.value.left + (t + 1) * Y.value,
 						x2: G.value.left + (t + 1) * Y.value,
 						y1: G.value.top,
@@ -1137,47 +1134,46 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, lt))), 256))])) : p("", !0)
+					}, null, 8, ut))), 256))])) : p("", !0)
 				])) : p("", !0),
 				h("g", null, [R.value.style.chart.layout.grid.axis.yLabel ? (x(), m("text", {
 					key: 0,
 					ref_key: "yAxisLabel",
-					ref: cn,
+					ref: un,
 					"font-size": R.value.style.chart.layout.grid.axis.fontSize,
 					fill: R.value.style.chart.layout.grid.axis.color,
 					transform: `translate(${W.value ? G.value.absoluteWidth - R.value.style.chart.layout.grid.axis.fontSize / 2 - R.value.style.chart.layout.grid.axis.yLabelOffsetX : R.value.style.chart.layout.grid.axis.fontSize}, ${G.value.top + G.value.height / 2}) rotate(-90)`,
 					"text-anchor": "middle",
 					style: { transition: "none" }
-				}, T(R.value.style.chart.layout.grid.axis.yLabel), 9, ut)) : p("", !0), R.value.style.chart.layout.grid.axis.xLabel ? (x(), m("text", {
+				}, T(R.value.style.chart.layout.grid.axis.yLabel), 9, dt)) : p("", !0), R.value.style.chart.layout.grid.axis.xLabel ? (x(), m("text", {
 					key: 1,
 					ref_key: "xAxisLabel",
-					ref: sn,
+					ref: ln,
 					"text-anchor": "middle",
 					x: G.value.absoluteWidth / 2,
 					y: G.value.absoluteHeight - 3,
 					"font-size": R.value.style.chart.layout.grid.axis.fontSize,
 					fill: R.value.style.chart.layout.grid.axis.color
-				}, T(R.value.style.chart.layout.grid.axis.xLabel), 9, dt)) : p("", !0)]),
+				}, T(R.value.style.chart.layout.grid.axis.xLabel), 9, ft)) : p("", !0)]),
 				R.value.style.chart.layout.grid.yAxis.dataLabels.show ? (x(), m("g", {
 					key: 2,
 					ref_key: "scaleLabels",
-					ref: an,
+					ref: sn,
 					class: v({
 						"donut-opacity": !0,
 						"donut-behind": j.value !== null
 					})
-				}, [(x(!0), m(u, null, C(er.value, (e, t) => (x(), m("g", null, [e.value >= X.value.min && e.value <= X.value.max ? (x(), m("line", {
+				}, [(x(!0), m(u, null, C(nr.value, (e, t) => (x(), m("g", { key: `sl_${t}` }, [e.value >= X.value.min && e.value <= X.value.max ? (x(), m("path", {
 					key: 0,
-					x1: W.value ? G.value.right : G.value.left,
-					x2: W.value ? G.value.right + 5 : G.value.left - 5,
-					y1: e.y,
-					y2: e.y,
+					class: v({ "vue-data-ui-datalabel": E(Qt) }),
+					d: `M${W.value ? G.value.right : G.value.left},${e.y} ${W.value ? G.value.right + 5 : G.value.left - 5},${e.y}`,
 					stroke: R.value.style.chart.layout.grid.stroke,
-					"stroke-width": R.value.style.chart.layout.grid.strokeWidth
-				}, null, 8, ft)) : p("", !0), e.value >= X.value.min && e.value <= X.value.max ? (x(), m("text", {
+					"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
+					"stroke-linecap": "round"
+				}, null, 10, pt)) : p("", !0), e.value >= X.value.min && e.value <= X.value.max ? (x(), m("text", {
 					key: 1,
-					x: W.value ? G.value.right - R.value.style.chart.layout.grid.yAxis.dataLabels.offsetX + 7 : G.value.left + R.value.style.chart.layout.grid.yAxis.dataLabels.offsetX - 7,
-					y: e.y + R.value.style.chart.layout.grid.yAxis.dataLabels.fontSize / 3,
+					class: v({ "vue-data-ui-datalabel": E(Qt) }),
+					transform: `translate(${W.value ? G.value.right - R.value.style.chart.layout.grid.yAxis.dataLabels.offsetX + 7 : G.value.left + R.value.style.chart.layout.grid.yAxis.dataLabels.offsetX - 7}, ${e.y + R.value.style.chart.layout.grid.yAxis.dataLabels.fontSize / 3})`,
 					"font-size": R.value.style.chart.layout.grid.yAxis.dataLabels.fontSize,
 					"text-anchor": W.value ? "start" : "end",
 					fill: R.value.style.chart.layout.grid.yAxis.dataLabels.color,
@@ -1190,13 +1186,13 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				}) : ""), 9, pt)) : p("", !0)]))), 256))], 2)) : p("", !0),
+				}) : ""), 11, mt)) : p("", !0)]))), 128))], 2)) : p("", !0),
 				R.value.style.chart.layout.grid.xAxis.dataLabels.show ? (x(), m("g", {
 					key: 3,
 					ref_key: "timeLabelsEls",
-					ref: on,
+					ref: cn,
 					class: v({ "donut-opacity": !0 })
-				}, [(x(!0), m(u, null, C(V.value.end - V.value.start, (e, t) => (x(), m("g", null, [(R.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast && (t === 0 || t === q.value - 1) || !R.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast) && J.value[t] && J.value[t].text ? (x(), m("g", mt, [String(J.value[t].text).includes("\n") ? (x(), m("text", {
+				}, [(x(!0), m(u, null, C(V.value.end - V.value.start, (e, t) => (x(), m("g", null, [(R.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast && (t === 0 || t === q.value - 1) || !R.value.style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast) && J.value[t] && J.value[t].text ? (x(), m("g", ht, [String(J.value[t].text).includes("\n") ? (x(), m("text", {
 					key: 1,
 					class: "vue-data-ui-time-label",
 					"text-anchor": R.value.style.chart.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : R.value.style.chart.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
@@ -1210,14 +1206,14 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						x: 0,
 						y: 0
 					})
-				}, null, 8, gt)) : (x(), m("text", {
+				}, null, 8, _t)) : (x(), m("text", {
 					key: 0,
 					class: "vue-data-ui-time-label",
 					"text-anchor": R.value.style.chart.layout.grid.xAxis.dataLabels.rotation > 0 ? "start" : R.value.style.chart.layout.grid.xAxis.dataLabels.rotation < 0 ? "end" : "middle",
 					"font-size": R.value.style.chart.layout.grid.xAxis.dataLabels.fontSize,
 					fill: R.value.style.chart.layout.grid.xAxis.dataLabels.color,
 					transform: `translate(${G.value.left + Y.value * t + Y.value / 2}, ${G.value.bottom + R.value.style.chart.layout.grid.xAxis.dataLabels.fontSize + R.value.style.chart.layout.grid.xAxis.dataLabels.offsetY}), rotate(${R.value.style.chart.layout.grid.xAxis.dataLabels.rotation})`
-				}, T(J.value[t].text || ""), 9, ht))])) : p("", !0)]))), 256))], 512)) : p("", !0),
+				}, T(J.value[t].text || ""), 9, gt))])) : p("", !0)]))), 256))], 512)) : p("", !0),
 				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", null, [R.value.style.chart.layout.line.show && t < Z.value.length - 1 && ![e.subtotal, Z.value[t + 1].subtotal].includes(null) ? (x(), m("line", {
 					key: 0,
 					class: v({
@@ -1232,18 +1228,18 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 					"stroke-width": R.value.style.chart.layout.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 10, _t)) : p("", !0), e.subtotal === null ? p("", !0) : (x(), m("g", vt, [e.subtotal ? (x(), m("circle", {
+				}, null, 10, vt)) : p("", !0), e.subtotal === null ? p("", !0) : (x(), m("g", yt, [e.subtotal ? (x(), m("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
 					r: e.activeRadius,
 					fill: R.value.style.chart.backgroundColor
-				}, null, 8, yt)) : p("", !0)]))]))), 256)),
+				}, null, 8, bt)) : p("", !0)]))]))), 256)),
 				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
 					"donut-opacity": !0,
 					"donut-behind": t !== j.value && j.value !== null
-				}) }, [e.subtotal ? (x(), m("g", bt, [j.value !== null && j.value === t ? (x(), m("g", xt, [
-					(x(!0), m(u, null, C(e.donutHover, (t) => (x(), m("g", null, [xr(t) ? (x(), m("path", {
+				}) }, [e.subtotal ? (x(), m("g", xt, [j.value !== null && j.value === t ? (x(), m("g", St, [
+					(x(!0), m(u, null, C(e.donutHover, (t) => (x(), m("g", null, [Cr(t) ? (x(), m("path", {
 						key: 0,
 						d: E(de)(t, {
 							x: t.center.endX,
@@ -1257,8 +1253,8 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						fill: "none"
-					}, null, 8, St)) : p("", !0)]))), 256)),
-					(x(!0), m(u, null, C(e.donutHover, (t, n) => (x(), m("g", null, [xr(t) ? (x(), m("text", {
+					}, null, 8, Ct)) : p("", !0)]))), 256)),
+					(x(!0), m(u, null, C(e.donutHover, (t, n) => (x(), m("g", null, [Cr(t) ? (x(), m("text", {
 						key: 0,
 						"data-cy-hover-label": "",
 						"text-anchor": E(ae)(t, !0, 0).anchor,
@@ -1267,37 +1263,37 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 						fill: R.value.style.chart.layout.grid.yAxis.dataLabels.color,
 						"font-size": 8,
 						"font-weight": "bold"
-					}, T(t.name) + ": " + T(nr(t, e.donut)) + " (" + T(t.value === null ? "-" : tr(t.value, t, n)) + ") ", 9, Ct)) : p("", !0)]))), 256)),
+					}, T(t.name) + ": " + T(ir(t, e.donut)) + " (" + T(t.value === null ? "-" : rr(t.value, t, n)) + ") ", 9, wt)) : p("", !0)]))), 256)),
 					h("g", null, [h("circle", {
 						cx: e.x,
 						cy: e.y,
 						r: e.hoverRadius,
 						fill: R.value.style.chart.backgroundColor
-					}, null, 8, wt)])
+					}, null, 8, Tt)])
 				])) : p("", !0)])) : p("", !0)], 2))), 256)),
 				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
 					"donut-opacity": !0,
 					"donut-behind": t !== j.value && j.value !== null
-				}) }, [e.subtotal === null ? p("", !0) : (x(), m("g", Tt, [e.subtotal === 0 ? (x(), m("circle", {
+				}) }, [e.subtotal === null ? p("", !0) : (x(), m("g", Et, [e.subtotal === 0 ? (x(), m("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
 					r: 3,
 					fill: R.value.style.chart.color
-				}, null, 8, Et)) : j.value !== null && j.value === t ? (x(), m("g", Dt, [(x(!0), m(u, null, C(e.donutHover, (e, t) => (x(), m("path", {
+				}, null, 8, Dt)) : j.value !== null && j.value === t ? (x(), m("g", Ot, [(x(!0), m(u, null, C(e.donutHover, (e, t) => (x(), m("path", {
 					d: e.arcSlice,
 					fill: `${e.color}`,
 					"stroke-width": 1,
 					stroke: R.value.style.chart.backgroundColor
-				}, null, 8, Ot))), 256))])) : (x(), m("g", kt, [(x(!0), m(u, null, C(e.donut, (e, t) => (x(), m("path", {
+				}, null, 8, kt))), 256))])) : (x(), m("g", At, [(x(!0), m(u, null, C(e.donut, (e, t) => (x(), m("path", {
 					d: e.arcSlice,
 					fill: `${e.color}`,
 					"stroke-width": .5,
 					stroke: R.value.style.chart.backgroundColor
-				}, null, 8, At))), 256))]))]))], 2))), 256)),
+				}, null, 8, jt))), 256))]))]))], 2))), 256)),
 				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
 					"donut-opacity": !0,
-					"donut-behind": t !== j.value && j.value !== null || Zt.value && t !== N.value.index
+					"donut-behind": t !== j.value && j.value !== null || $t.value && t !== N.value.index
 				}) }, [e.subtotal !== null && R.value.style.chart.layout.dataLabels.show ? (x(), m("text", {
 					key: 0,
 					"text-anchor": "middle",
@@ -1306,16 +1302,16 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 					"font-size": R.value.style.chart.layout.dataLabels.fontSize,
 					"font-weight": "bold",
 					fill: R.value.style.chart.layout.dataLabels.color
-				}, T(tr(e.subtotal, e, t)), 9, jt)) : p("", !0)], 2))), 256)),
+				}, T(rr(e.subtotal, e, t)), 9, Mt)) : p("", !0)], 2))), 256)),
 				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("rect", {
 					x: G.value.left + t * Y.value,
 					y: G.value.top,
 					width: Y.value,
 					height: G.value.height,
-					fill: [j.value, ar.value].includes(e.index) ? `url(#hover_${k.value})` : "transparent",
-					class: v({ "donut-hover": z.value && e.subtotal && [j.value, ar.value].includes(e.index) }),
+					fill: [j.value, sr.value].includes(e.index) ? `url(#hover_${k.value})` : "transparent",
+					class: v({ "donut-hover": z.value && e.subtotal && [j.value, sr.value].includes(e.index) }),
 					style: { pointerEvents: "none" }
-				}, null, 10, Mt))), 256)),
+				}, null, 10, Nt))), 256)),
 				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("rect", {
 					"data-cy-trap": "",
 					x: G.value.left + t * Y.value,
@@ -1323,30 +1319,30 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 					width: Y.value,
 					height: G.value.height,
 					fill: "transparent",
-					onMouseenter: (t) => ir(e),
-					onMouseleave: (t) => rr(e),
-					onClick: (n) => or(e, t),
+					onMouseenter: (t) => or(e),
+					onMouseleave: (t) => ar(e),
+					onClick: (n) => cr(e, t),
 					class: v({ "donut-hover": z.value && j.value === e.index && e.subtotal })
-				}, null, 42, Nt))), 256)),
+				}, null, 42, Pt))), 256)),
 				w(e.$slots, "svg", { svg: {
 					...G.value,
-					isPrintingImg: E(zn) || E(Bn) || dn.value,
-					isPrintingSvg: fn.value
+					isPrintingImg: E(Vn) || E(Hn) || pn.value,
+					isPrintingSvg: mn.value
 				} }, void 0, !0)
-			], 46, rt)), e.$slots.hint ? (x(), m("div", Pt, [w(e.$slots, "hint", y(_({
+			], 46, it)), e.$slots.hint ? (x(), m("div", Ft, [w(e.$slots, "hint", y(_({
 				hint: R.value.a11y.translations.keyboardNavigation,
-				isVisible: xn.value
+				isVisible: Cn.value
 			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (x(), m("div", Ft, [w(e.$slots, "watermark", y(_({ isPrinting: E(zn) || E(Bn) || dn.value || fn.value })), void 0, !0)])) : p("", !0),
+			e.$slots.watermark ? (x(), m("div", It, [w(e.$slots, "watermark", y(_({ isPrinting: E(Vn) || E(Hn) || pn.value || mn.value })), void 0, !0)])) : p("", !0),
 			h("div", {
 				ref_key: "chartSlicer",
-				ref: _n,
+				ref: yn,
 				style: b(`width:100%;background:${R.value.style.chart.backgroundColor}`),
 				"data-dom-to-png-ignore": ""
-			}, [q.value > 1 && R.value.style.chart.zoom.show ? (x(), f(Re, {
+			}, [q.value > 1 && R.value.style.chart.zoom.show ? (x(), f(ze, {
 				ref_key: "slicerComponent",
-				ref: gn,
-				key: `slicer_${en.value}`,
+				ref: vn,
+				key: `slicer_${nn.value}`,
 				background: R.value.style.chart.zoom.color,
 				borderColor: R.value.style.chart.backgroundColor,
 				fontSize: R.value.style.chart.zoom.fontSize,
@@ -1372,7 +1368,7 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				focusRangeRatio: R.value.style.chart.zoom.focusRangeRatio,
 				isCursorPointer: z.value,
 				maxWidth: R.value.style.chart.zoom.maxWidth,
-				onReset: jn
+				onReset: Nn
 			}, {
 				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", y(_({ reset: t })), void 0, !0)]),
 				_: 3
@@ -1400,30 +1396,30 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				"isCursorPointer",
 				"maxWidth"
 			])) : p("", !0)], 4),
-			h("div", { id: `legend-bottom-${k.value}` }, null, 8, It),
-			ln.value && (R.value.style.chart.legend.show || e.$slots.legend) ? (x(), f(ze, {
+			h("div", { id: `legend-bottom-${k.value}` }, null, 8, Lt),
+			dn.value && (R.value.style.chart.legend.show || e.$slots.legend) ? (x(), f(Be, {
 				key: 6,
 				to: R.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
 			}, [h("div", {
 				ref_key: "chartLegend",
-				ref: mn
-			}, [w(e.$slots, "legend", { legend: sr.value }, () => [R.value.style.chart.legend.show ? (x(), f(Ie, {
-				key: `legend_${rn.value}`,
-				legendSet: sr.value,
-				config: lr.value,
-				onClickMarker: t[2] ||= ({ legend: e }) => dr(e.uid)
+				ref: gn
+			}, [w(e.$slots, "legend", { legend: lr.value }, () => [R.value.style.chart.legend.show ? (x(), f(Le, {
+				key: `legend_${on.value}`,
+				legendSet: lr.value,
+				config: dr.value,
+				onClickMarker: t[2] ||= ({ legend: e }) => pr(e.uid)
 			}, {
 				item: D(({ legend: e, index: t }) => [h("div", {
-					onClick: (t) => dr(e.uid),
+					onClick: (t) => pr(e.uid),
 					style: b(`opacity:${A.value.includes(e.uid) ? .5 : 1}`)
-				}, T(e.display), 13, Lt)]),
-				legendToggle: D(() => [sr.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !E(Dn) ? (x(), f(Me, {
+				}, T(e.display), 13, Rt)]),
+				legendToggle: D(() => [lr.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !E(kn) ? (x(), f(Ne, {
 					key: 0,
 					backgroundColor: R.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: R.value.style.chart.legend.selectAllToggle.color,
 					fontSize: R.value.style.chart.legend.fontSize,
 					checked: A.value.length > 0,
-					onToggle: ur
+					onToggle: fr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1435,27 +1431,27 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 			e.$slots.source ? (x(), m("div", {
 				key: 7,
 				ref_key: "source",
-				ref: hn,
+				ref: _n,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			Cn.value && R.value.userOptions.buttons.table ? (x(), f(qe(Dr.value.component), Ue({ key: 8 }, Dr.value.props, {
+			Tn.value && R.value.userOptions.buttons.table ? (x(), f(Je(kr.value.component), We({ key: 8 }, kr.value.props, {
 				ref_key: "tableUnit",
 				ref: F,
-				onClose: Or
-			}), Be({
-				content: D(() => [(x(), f(E(Ht), {
-					key: `table_${nn.value}`,
+				onClose: Ar
+			}), Ve({
+				content: D(() => [(x(), f(E(Ut), {
+					key: `table_${an.value}`,
 					colNames: Q.value.colNames,
 					head: Q.value.head,
 					body: Q.value.body,
 					config: Q.value.config,
-					title: R.value.table.useDialog ? "" : Dr.value.title,
+					title: R.value.table.useDialog ? "" : kr.value.title,
 					withCloseButton: !R.value.table.useDialog,
 					isCursorPointer: z.value,
-					onClose: Or
+					onClose: Ar
 				}, {
-					th: D(({ th: e }) => [Ve(T(e.name ?? e), 1)]),
-					td: D(({ td: e }) => [e.value === null ? (x(), m("span", Rt, "-")) : (x(), m("b", zt, T(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.prefix) + T(!isNaN(e.value) && e.value !== null ? Number(e.value.toFixed(R.value.table.td.roundingValue)).toLocaleString() : e) + T(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.suffix), 1)), h("span", null, T(e.percentage && !isNaN(e.percentage) ? `(${Number(e.percentage.toFixed(R.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)]),
+					th: D(({ th: e }) => [He(T(e.name ?? e), 1)]),
+					td: D(({ td: e }) => [e.value === null ? (x(), m("span", zt, "-")) : (x(), m("b", Bt, T(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.prefix) + T(!isNaN(e.value) && e.value !== null ? Number(e.value.toFixed(R.value.table.td.roundingValue)).toLocaleString() : e) + T(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.suffix), 1)), h("span", null, T(e.percentage && !isNaN(e.percentage) ? `(${Number(e.percentage.toFixed(R.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1469,27 +1465,27 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				_: 2
 			}, [R.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [Ve(T(Dr.value.title), 1)]),
+				fn: D(() => [He(T(kr.value.title), 1)]),
 				key: "0"
 			} : void 0, R.value.table.useDialog ? {
 				name: "actions",
 				fn: D(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[3] ||= (e) => gr(R.value.userOptions.callbacks.csv),
+					onClick: t[3] ||= (e) => vr(R.value.userOptions.callbacks.csv),
 					style: b({ cursor: z.value ? "cursor" : "default" })
-				}, [He(E(Vt), {
+				}, [Ue(E(Ht), {
 					name: "fileCsv",
-					stroke: Dr.value.props.color
+					stroke: kr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : p("", !0),
-			R.value.style.chart.dialog.show ? (x(), f(E(qt), {
+			R.value.style.chart.dialog.show ? (x(), f(E(Jt), {
 				key: 9,
 				ref_key: "dialog",
-				ref: wr,
+				ref: Er,
 				onClose: t[4] ||= (e) => {
-					N.value = null, Zt.value = !1, M.value = null, j.value = null, ar.value = null;
+					N.value = null, $t.value = !1, M.value = null, j.value = null, sr.value = null;
 				},
 				backgroundColor: R.value.style.chart.dialog.backgroundColor,
 				color: R.value.style.chart.dialog.color,
@@ -1498,11 +1494,11 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				isFullscreen: $.value,
 				fullscreenParent: P.value
 			}, {
-				title: D(() => [Ve(T(J.value[Number(N.value.index)] ? J.value[Number(N.value.index)].text : ""), 1)]),
-				content: D(() => [N.value ? (x(), f(E(Kt), {
+				title: D(() => [He(T(J.value[Number(N.value.index)] ? J.value[Number(N.value.index)].text : ""), 1)]),
+				content: D(() => [N.value ? (x(), f(E(qt), {
 					key: 0,
-					config: Cr.value,
-					dataset: Sr.value
+					config: Tr.value,
+					dataset: wr.value
 				}, null, 8, ["config", "dataset"])) : p("", !0)]),
 				_: 1
 			}, 8, [
@@ -1513,9 +1509,9 @@ var Qe = /* @__PURE__ */ e({ default: () => Bt }), $e = ["id"], et = ["id"], tt
 				"isFullscreen",
 				"fullscreenParent"
 			])) : p("", !0),
-			E(Dn) ? (x(), f(xe, { key: 10 })) : p("", !0)
-		], 46, $e));
+			E(kn) ? (x(), f(xe, { key: 10 })) : p("", !0)
+		], 46, et));
 	}
-}, [["__scopeId", "data-v-5ddd11b9"]]);
+}, [["__scopeId", "data-v-344b2cc9"]]);
 //#endregion
-export { Qe as n, Bt as t };
+export { $e as n, Vt as t };