vue-data-ui 3.22.13 → 3.23.0

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

@@ -1,134 +1,136 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, C as n, Ct as r, E as i, Gt as a, Ht as o, K as s, Lt as c, Nt as l, Ot as ee, Q as te, W as ne, Y as re, Z as ie, d as ae, et as oe, f as se, ft as ce, g as le, i as ue, m as de, qt as fe, t as pe, v as me, x as he, zt as ge } from "./lib-CFm_J26b.js";
-import { t as _e } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as ve } from "./useConfig-C0V0eG7L.js";
-import { t as ye } from "./usePrinter-BH-xle1O.js";
-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 "./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";
+import { $ as t, Bt as n, D as r, G as i, Jt as a, Kt as o, Pt as s, Q as c, Rt as ee, S as te, Ut as ne, X as re, _ as ie, f as ae, h as oe, i as se, jt as ce, kt as le, p as ue, pt as de, q as fe, t as pe, tt as me, w as he, wt as ge, y as _e } from "./lib-BuMGJ_a0.js";
+import { n as ve, t as ye } from "./useHints-Dq_w2E8B.js";
+import { t as be } from "./useTimeLabels-B9CEuiLZ.js";
+import { t as xe } from "./useConfig-BilxnBNr.js";
+import { t as Se } from "./usePrinter-BFvi4jVy.js";
+import { n as Ce, t as we } from "./BaseScanner-DZvpgOjM.js";
+import { t as Te } from "./useSvgExport-Ba9qBr9M.js";
+import { t as Ee } from "./useNestedProp--NSEmhOH.js";
+import { t as De } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Oe } from "./useTransitions-g_zBREk2.js";
+import { t as ke } from "./useStableElementSize-C7KADDKj.js";
+import { t as Ae } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as je } from "./img-DIQG5q8T.js";
+import { n as Me } from "./Title-BODtwViI.js";
+import { t as Ne } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Pe, t as Fe } from "./useResponsive-ZtArZtUf.js";
+import { t as Ie } from "./DefGrad-DVBqDjhO.js";
+import { t as Le } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Re } from "./A11yDataTable-DdRsVULz.js";
+import { t as ze } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Be } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ve } from "./Legend-CQTRlzK-.js";
+import { t as He } from "./vue_ui_donut_evolution-D1yAAIHr.js";
+import { t as Ue } from "./Slicer-5yIrdoJv.js";
+import { Fragment as l, Teleport as We, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Ge, createTextVNode as Ke, createVNode as qe, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Je, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Ye, onMounted as Xe, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Ze, shallowRef as Qe, toDisplayString as T, toRefs as $e, unref as E, watch as et, watchEffect as tt, withCtx as D } from "vue";
 //#region src/components/vue-ui-donut-evolution.vue
-var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt = ["id"], rt = { style: { position: "relative" } }, it = [
+var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at = ["id"], ot = { style: { position: "relative" } }, st = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], at = [
+], ct = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ot = { key: 1 }, st = [
+], lt = { key: 1 }, ut = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ct = [
+], dt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], lt = { key: 0 }, ut = [
+], ft = { key: 0 }, pt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], dt = [
+], mt = [
 	"font-size",
 	"fill",
 	"transform"
-], ft = [
+], ht = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], pt = [
+], gt = [
 	"d",
 	"stroke",
 	"stroke-width"
-], mt = [
+], _t = [
 	"transform",
 	"font-size",
 	"text-anchor",
 	"fill",
 	"font-weight"
-], ht = { key: 0 }, gt = [
+], vt = { key: 0 }, yt = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform"
-], _t = [
+], bt = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML"
-], vt = [
+], xt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-width"
-], yt = { key: 1 }, bt = [
+], St = { key: 1 }, Ct = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], xt = { key: 0 }, St = { key: 0 }, Ct = ["d", "stroke"], wt = [
+], wt = { key: 0 }, Tt = { key: 0 }, Et = ["d", "stroke"], Dt = [
 	"text-anchor",
 	"x",
 	"y",
 	"fill"
-], Tt = [
+], Ot = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], Et = { key: 0 }, Dt = [
+], kt = { key: 0 }, At = [
 	"cx",
 	"cy",
 	"fill"
-], Ot = { key: 1 }, kt = [
+], jt = { key: 1 }, Mt = [
 	"d",
 	"fill",
 	"stroke"
-], At = { key: 2 }, jt = [
+], Nt = { key: 2 }, Pt = [
 	"d",
 	"fill",
 	"stroke"
-], Mt = [
+], Ft = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Nt = [
+], It = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], Pt = [
+], Lt = [
 	"x",
 	"y",
 	"width",
@@ -136,7 +138,7 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Ft = {
+], Rt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -146,10 +148,10 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, It = {
+}, zt = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Lt = ["id"], Rt = ["onClick"], zt = { key: 0 }, Bt = { key: 1 }, Vt = /*#__PURE__*/ ke({
+}, Bt = ["id"], Vt = ["onClick"], Ht = { key: 0 }, Ut = { key: 1 }, Wt = /*#__PURE__*/ Ne({
 	__name: "vue-ui-donut-evolution",
 	props: {
 		config: {
@@ -166,52 +168,126 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 		}
 	},
 	emits: ["selectLegend", "copyAlt"],
-	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();
+	setup(e, { expose: Ne, emit: nt }) {
+		let Wt = h(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), Gt = h(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Kt = h(() => import("./DataTable-D4tM9s5Y.js")), qt = h(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Jt = h(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), Yt = h(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Xt = h(() => import("./vue-ui-donut-B_n6wF6B.js").then((e) => e.n)), Zt = h(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_donut_evolution: Qt } = xe(), { isThemeValid: $t, warnInvalidTheme: en } = De(), O = e, k = S(fe()), A = S([]), j = S(null), M = S(null), tn = S(!1), N = S(null), P = S(null), nn = S(null), rn = S(0), an = S(0), on = S(0), sn = S(0), cn = S(0), ln = S(null), un = S(null), dn = S(null), fn = S(null), pn = S(!1), mn = S(null), hn = S(null), gn = S(!1), _n = S(!1), vn = Qe(null), yn = S(0), bn = S(0), xn = S(!1);
+		function Sn() {
+			vn.value = P.value?.parentNode ?? null;
+		}
+		function Cn() {
+			return new Promise((e) => {
+				requestAnimationFrame(() => {
+					requestAnimationFrame(e);
+				});
+			});
+		}
+		async function wn() {
+			let e = ++bn.value;
+			await _(), await Cn(), await Cn(), e === bn.value && (yn.value += 1);
+		}
+		function Tn() {
+			xn.value || (xn.value = !0, _(() => {
+				xn.value = !1, Sn(), wn();
+			}));
+		}
+		let En = ke({
+			elementRef: vn,
+			minimumWidth: 2,
+			minimumHeight: 2,
+			stableFramesRequired: 2,
+			once: !1,
+			onSizeAccepted: () => {
+				wn();
+			}
+		}), Dn = S(null), On = S(null), kn = S(null), An = S(null), jn = S(null), Mn = S(!1), F = Qe(null), I = Qe(null), Nn = S(null), L = S(null), Pn = S(!1), Fn = nt, In = u(() => !!O.dataset && O.dataset.length);
+		Xe(() => {
+			pn.value = !0, Sn(), En.start(), Rn(), wn();
 		});
-		let En = d(() => !!R.value.debug);
-		function Dn() {
-			if (t(O.dataset) ? (oe({
+		let Ln = u(() => !!R.value.debug);
+		function Rn() {
+			if (ce(O.dataset) ? (me({
 				componentName: "VueUiDonutEvolution",
 				type: "dataset",
-				debug: En.value
-			}), jn.value = !0) : O.dataset.length && O.dataset.forEach((e, t) => {
-				ce({
+				debug: Ln.value
+			}), Un.value = !0) : O.dataset.length && O.dataset.forEach((e, t) => {
+				de({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					oe({
+					me({
 						componentName: "VueUiDonutEvolution",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: En.value
-					}), jn.value = !0;
+						debug: Ln.value
+					}), Un.value = !0;
 				});
-			}), 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({
+			}), ce(O.dataset) || (Un.value = R.value.loading), setTimeout(() => {
+				Mn.value = !0;
+			}, 10), Kn(), R.value.responsive) {
+				let e = Pe(() => {
+					Mn.value = !1;
+					let { width: e, height: t } = Fe({
 						chart: P.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
+						title: R.value.style.chart.title.text ? Dn.value : null,
+						legend: R.value.style.chart.legend.show ? On.value : null,
+						slicer: R.value.style.chart.zoom.show && Wn.value > 1 ? jn.value : null,
+						source: kn.value
 					});
 					requestAnimationFrame(() => {
-						B.value.width = e, B.value.height = t - 12, clearTimeout(Sn.value), Sn.value = setTimeout(() => {
-							bn.value = !0;
+						B.value.width = e, B.value.height = t - 12, Tn(), clearTimeout(Nn.value), Nn.value = setTimeout(() => {
+							Mn.value = !0;
 						}, 10);
 					});
 				});
-				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);
+				F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect()), F.value = new ResizeObserver(e), I.value = P.value.parentNode, F.value.observe(I.value);
 			}
+			Tn();
 		}
-		let R = S(Bn()), z = d(() => R.value.userOptions.useCursorPointer), On = d(() => fe({
+		let R = S(Qn());
+		ve({
+			config: () => R.value,
+			dataset: () => O.dataset,
+			component: "VueUiDonutEvolution",
+			rules: [
+				ye.emptyArray,
+				{
+					test: (e) => e.length === 1,
+					message: [
+						"👀 There is only a single series in your dataset. Consider:",
+						"",
+						"▶️ Using VueUiXy instead, for a regular line chart."
+					]
+				},
+				{
+					test: (e) => e.length > 6,
+					message: [
+						"👀 The number of series is > 6, which makes donuts hard to read. Consider:",
+						"",
+						"▶️ Grouping small values dynamically into a single \"Other\" series.",
+						"",
+						"▶️ Using filters to let users choose a maximum number of series to display.",
+						"",
+						"▶️ Using VueUiHorizontalBar instead to make the dataset breakdown easier to read."
+					]
+				},
+				{
+					test: (e) => e.some((e) => e.values.length > 24),
+					message: [
+						"👀 Some series have a number of data points > 24, which can make the chart and donuts hard to read. Consider:",
+						"",
+						"▶️ Using larger time scales, or aggregated values.",
+						"",
+						"▶️ Filtering the time range by adding date intputs in your UI.",
+						"",
+						"▶️ Using VueUiXy to show longer series in a more comfortable display."
+					]
+				}
+			]
+		});
+		let { transitionEnabled: zn } = Oe({
+			config: () => R.value.transitions,
+			dataset: () => O.dataset
+		}), z = u(() => R.value.userOptions.useCursorPointer), Bn = u(() => a({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -249,13 +325,13 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				} }
 			},
 			userConfig: R.value.skeletonConfig ?? {}
-		})), { loading: kn, FINAL_DATASET: An, manualLoading: jn } = be({
-			...Xe(O),
+		})), { loading: Vn, FINAL_DATASET: Hn, manualLoading: Un } = Ce({
+			...$e(O),
 			FINAL_CONFIG: R,
-			prepareConfig: Bn,
+			prepareConfig: Qn,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await Pn();
+					await Kn();
 				});
 			},
 			skeletonDataset: O.config?.skeletonDataset ?? [
@@ -296,84 +372,84 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 					color: "#CACACA"
 				}
 			],
-			skeletonConfig: fe({
+			skeletonConfig: a({
 				defaultConfig: R.value,
-				userConfig: On.value
+				userConfig: Bn.value
 			})
 		}), B = S({
 			width: R.value.style.chart.layout.width,
 			height: R.value.style.chart.layout.height
-		}), Mn = d(() => Math.max(...An.value.map((e) => e.values.length))), V = S({
+		}), Wn = u(() => Math.max(...Hn.value.map((e) => e.values.length))), V = S({
 			start: 0,
-			end: Mn.value
+			end: Wn.value
 		});
-		function Nn() {
-			Pn();
+		function Gn() {
+			Kn();
 		}
-		async function Pn() {
-			await Ge(), await Ge();
-			let { startIndex: e, endIndex: t } = R.value.style.chart.zoom, n = vn.value;
+		async function Kn() {
+			await _(), await _();
+			let { startIndex: e, endIndex: t } = R.value.style.chart.zoom, n = An.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(Fn(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(qn(t + 1))) : (V.value = {
 				start: 0,
 				end: q.value
-			}, nn.value += 1);
+			}, an.value += 1), Tn();
 		}
-		function Fn(e) {
+		function qn(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: In, setUserOptionsVisibility: Ln, keepUserOptionState: Rn } = Fe({ config: R.value }), { svgRef: zn } = Ie({ config: R.value.style.chart.title });
-		function Bn() {
-			let e = Ce({
+		let { userOptionsVisible: Jn, setUserOptionsVisibility: Yn, keepUserOptionState: Xn } = ze({ config: R.value }), { svgRef: Zn } = Be({ config: R.value.style.chart.title });
+		function Qn() {
+			let e = Ee({
 				userConfig: O.config,
-				defaultConfig: Yt
+				defaultConfig: Qt
 			}), t = {}, n = e.theme;
-			if (n) if (!Xt.value(e)) Zt(e), t = e;
+			if (n) if (!$t.value(e)) en(e), t = e;
 			else {
-				let r = Ce({
-					userConfig: Re[n] || O.config,
+				let r = Ee({
+					userConfig: He[n] || O.config,
 					defaultConfig: e
 				});
 				t = {
-					...Ce({
+					...Ee({
 						userConfig: O.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette ? e.customPalette : a[n] || l
+					customPalette: e.customPalette ? e.customPalette : o[n] || s
 				};
 			}
 			else t = e;
 			return t;
 		}
-		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();
+		et(() => O.config, (e) => {
+			Vn.value || (R.value = Qn()), Jn.value = !R.value.userOptions.showOnChartHover, Rn(), on.value += 1, sn.value += 1, cn.value += 1, H.value.showTable = R.value.table.show;
+		}, { deep: !0 }), et(() => O.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (Un.value = !1), Gn();
 		}, { deep: !0 });
-		let { isPrinting: Vn, isImaging: Hn, generatePdf: Un, generateImage: Wn } = ye({
+		let { isPrinting: $n, isImaging: er, generatePdf: tr, generateImage: nr } = Se({
 			elementId: k.value,
 			fileName: R.value.style.chart.title.text || "vue-ui-donut-evolution",
 			options: R.value.userOptions.print
-		}), 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, () => {
+		}), rr = u(() => R.value.userOptions.show && !R.value.style.chart.title.text), ir = u(() => he(R.value.customPalette)), H = S({ showTable: R.value.table.show });
+		et(R, () => {
 			H.value = { showTable: R.value.table.show };
 		}, { immediate: !0 });
-		let U = d(() => ({
+		let U = u(() => ({
 			top: R.value.style.chart.layout.padding.top,
 			right: R.value.style.chart.layout.padding.right,
 			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 qn() {
+		})), W = u(() => R.value.style.chart.layout.grid.yAxis.position === "right");
+		function ar() {
 			let e = 0;
-			sn.value && (e = Array.from(sn.value.querySelectorAll("text")).reduce((e, t) => {
+			ln.value && (e = Array.from(ln.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0));
-			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;
+			let t = fn.value ? fn.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,
@@ -382,31 +458,32 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				crosshair: 5
 			};
 		}
-		let Jn = S(0), Yn = Ae((e) => {
-			Jn.value = e;
+		let or = S(0), sr = Pe((e) => {
+			or.value = e;
 		}, 100);
-		Qe((e) => {
-			let t = cn.value;
+		tt((e) => {
+			let t = un.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				Yn(e[0].contentRect.height);
+				sr(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Ke(() => {
-			Jn.value = 0;
+		}), Ye(() => {
+			or.value = 0, En.stop(), clearTimeout(Nn.value), F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect(), F.value = null, I.value = null);
 		});
-		let Xn = d(() => {
+		let cr = u(() => {
 			let e = 0;
-			ln.value && (e = ln.value.getBBox().height);
+			dn.value && (e = dn.value.getBBox().height);
 			let t = 0;
-			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 = 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 un.value && (t = or.value), e + t + R.value.style.chart.layout.grid.axis.fontSize + R.value.style.chart.layout.grid.xAxis.dataLabels.offsetY;
+		}), G = u(() => {
+			yn.value;
+			let e = ar(), 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 - cr.value, c = U.value.top + t;
 			return {
 				top: c,
 				left: i,
 				right: a,
-				bottom: r - U.value.bottom - Xn.value,
+				bottom: r - U.value.bottom - cr.value,
 				absoluteHeight: r,
 				absoluteWidth: n,
 				centerX: i + Math.max(10, o) / 2,
@@ -417,47 +494,47 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				yAxisLabelWidth: e.yAxisLabelWidth,
 				crosshair: e.crosshair
 			};
-		}), K = d(() => (An.value.forEach((e, t) => {
-			[null, void 0].includes(e.name) && oe({
+		}), K = u(() => (Hn.value.forEach((e, t) => {
+			[null, void 0].includes(e.name) && me({
 				componentName: "VueUiDonutEvolution",
 				type: "datasetSerieAttribute",
 				property: "name",
 				index: t,
-				debug: En.value
-			}), [null, void 0].includes(e.values) && oe({
+				debug: Ln.value
+			}), [null, void 0].includes(e.values) && me({
 				componentName: "VueUiDonutEvolution",
 				type: "datasetSerieAttribute",
 				property: "values",
 				index: t,
-				debug: En.value
+				debug: Ln.value
 			});
-		}), An.value.map((e, t) => ({
+		}), Hn.value.map((e, t) => ({
 			...e,
-			values: c(e.values),
-			color: he(e.color) || Kn.value[t] || l[t] || l[t % l.length],
+			values: ee(e.values),
+			color: te(e.color) || ir.value[t] || s[t] || s[t % s.length],
 			length: (e.values || []).length,
-			uid: s()
-		})))), Zn = d(() => K.value.filter((e) => !A.value.includes(e.uid)).map((e) => ({
+			uid: fe()
+		})))), lr = u(() => 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([]), Qn = 0;
-		Qe(() => {
-			let e = ++Qn;
+		}))), q = u(() => Math.max(...K.value.map((e) => e.length))), J = S([]), ur = 0;
+		tt(() => {
+			let e = ++ur;
 			(async () => {
-				let t = await _e({
+				let t = await be({
 					values: R.value.style.chart.layout.grid.xAxis.dataLabels.values,
 					maxDatapoints: q.value,
 					formatter: R.value.style.chart.layout.grid.xAxis.dataLabels.datetimeFormatter,
 					start: V.value.start,
 					end: V.value.end
 				});
-				e === Qn && (J.value = t);
+				e === ur && (J.value = t);
 			})();
 		});
-		let Y = d(() => G.value.width / (V.value.end - V.value.start)), $n = d(() => {
+		let Y = u(() => G.value.width / (V.value.end - V.value.start)), dr = u(() => {
 			let e = [];
 			for (let t = 0; t < V.value.end - V.value.start; t += 1) {
-				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;
+				let n = lr.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,
@@ -467,26 +544,29 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				});
 			}
 			return e;
-		}), 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), {
+		}), fr = u(() => {
+			let e = Math.max(...dr.value.map((e) => e.subtotal).filter((e) => ge(e))) ?? 1, t = Math.min(...dr.value.map((e) => e.subtotal).filter((e) => ge(e))) ?? 0, n = Math.max(R.value.style.chart.layout.grid.yAxis.scaleMax ?? 0, e), r;
+			return r = 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 && (r = t, n = e), r === n && (r = n / 2, n *= 1.5), {
 				max: n,
-				min: i
+				min: r
 			};
-		}), X = d(() => {
-			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);
+		}), X = u(() => {
+			let e = dr.value.length === 1 ? fr.value.max * 2 : fr.value.max;
+			return ie(fr.value.min, e, R.value.style.chart.layout.grid.yAxis.dataLabels.steps);
 		});
-		function tr(e) {
+		et(() => X.value.ticks.join("|"), () => {
+			Tn();
+		}, { flush: "post" });
+		function pr(e) {
 			return (e - X.value.min) / (X.value.max - X.value.min);
 		}
-		let nr = d(() => X.value.ticks.map((e) => ({
-			y: G.value.bottom - G.value.height * tr(e),
+		let mr = u(() => X.value.ticks.map((e) => ({
+			y: G.value.bottom - G.value.height * pr(e),
 			value: e
-		}))), Z = d(() => {
-			let e = $n.value, t = Math.max(...e.map((e) => e.subtotal));
+		}))), Z = u(() => {
+			let e = dr.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 * tr(t.subtotal), c = Zn.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 * pr(t.subtotal), c = lr.value.map((e) => ({
 					color: e.color,
 					name: e.name,
 					value: e.values[n] ?? 0
@@ -497,14 +577,14 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 					radius: i,
 					activeRadius: a,
 					hoverRadius: o,
-					donut: ee({ series: c }, t.x, s, i, i, 1.99999, 2, 1, 360, 105.25, i / 2),
-					donutHover: ee({ series: c }, t.x, s, o, o, 1.99999, 2, 1, 360, 105.25, o / 2),
-					donutFocus: ee({ series: c }, G.value.centerX, G.value.centerY, G.value.height / 3.6, G.value.height / 3.6, 1.99999, 2, 1, 360, 105.25, G.value.height / 6)
+					donut: le({ series: c }, t.x, s, i, i, 1.99999, 2, 1, 360, 105.25, i / 2),
+					donutHover: le({ series: c }, t.x, s, o, o, 1.99999, 2, 1, 360, 105.25, o / 2),
+					donutFocus: le({ series: c }, G.value.centerX, G.value.centerY, G.value.height / 3.6, G.value.height / 3.6, 1.99999, 2, 1, 360, 105.25, G.value.height / 6)
 				};
 			});
 		});
-		function rr(e, t, n) {
-			return ue(R.value.style.chart.layout.dataLabels.formatter, e, re({
+		function hr(e, t, n) {
+			return se(R.value.style.chart.layout.dataLabels.formatter, e, re({
 				p: R.value.style.chart.layout.dataLabels.prefix,
 				v: e,
 				s: R.value.style.chart.layout.dataLabels.suffix,
@@ -514,29 +594,29 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				index: n
 			});
 		}
-		function ir(e, t) {
-			return isNaN(e.value / o(t, "value")) ? 0 : (e.value / o(t, "value") * 100).toFixed(0) + "%";
+		function gr(e, t) {
+			return isNaN(e.value / ne(t, "value")) ? 0 : (e.value / ne(t, "value") * 100).toFixed(0) + "%";
 		}
-		function ar(e) {
+		function _r(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 or(e) {
+		function vr(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 sr = S(null);
-		function cr(e, t) {
+		let yr = S(null);
+		function br(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, $t.value = !0, N.value = e, Dr(e), [null, void 0].includes(t) || (sr.value = t));
+			}), !(!e.subtotal || !R.value.style.chart.dialog.show) && (M.value = null, j.value = null, tn.value = !0, N.value = e, zr(e), [null, void 0].includes(t) || (yr.value = t));
 		}
-		let lr = d(() => K.value.map((e, t) => ({
+		let xr = u(() => 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",
@@ -545,9 +625,9 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 		})).sort((e, t) => t.value - e.value).map((e, t) => ({
 			...e,
 			opacity: A.value.includes(e.uid) ? .5 : 1,
-			segregate: () => pr(e.uid),
+			segregate: () => Tr(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({
+			display: `${e.name}${R.value.style.chart.legend.showPercentage || R.value.style.chart.legend.showValue ? ": " : ""}${R.value.style.chart.legend.showValue ? se(R.value.style.chart.layout.dataLabels.formatter, e.value, re({
 				p: R.value.style.chart.layout.dataLabels.prefix,
 				v: e.value,
 				s: R.value.style.chart.layout.dataLabels.suffix,
@@ -555,12 +635,12 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 			}), {
 				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 / ur.value) ? "-" : re({
-				v: e.value / ur.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 / Sr.value) ? "-" : re({
+				v: e.value / Sr.value * 100,
 				s: "%",
 				r: R.value.style.chart.legend.roundingPercentage
 			})}${R.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
-		}))), ur = d(() => Z.value.map((e) => e.subtotal).reduce((e, t) => e + t, 0)), dr = d(() => ({
+		}))), Sr = u(() => Z.value.map((e) => e.subtotal).reduce((e, t) => e + t, 0)), Cr = u(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: R.value.style.chart.legend.backgroundColor,
 			color: R.value.style.chart.legend.color,
@@ -568,31 +648,31 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 			paddingBottom: 12,
 			fontWeight: R.value.style.chart.legend.bold ? "bold" : ""
 		}));
-		function fr() {
-			A.value.length ? A.value = [] : lr.value.forEach((e) => {
+		function wr() {
+			A.value.length ? A.value = [] : xr.value.forEach((e) => {
 				A.value.push(e.uid);
-			}), wn("selectLegend", Zn.value);
+			}), Fn("selectLegend", lr.value);
 		}
-		function pr(e) {
-			if (A.value.includes(e)) A.value = A.value.filter((t) => t !== e), wn("selectLegend", Zn.value);
+		function Tr(e) {
+			if (A.value.includes(e)) A.value = A.value.filter((t) => t !== e), Fn("selectLegend", lr.value);
 			else {
 				if (A.value.length === K.value.length - 1) return;
-				A.value.push(e), wn("selectLegend", Zn.value);
+				A.value.push(e), Fn("selectLegend", lr.value);
 			}
-			N.value && cr(Z.value.find((e, t) => t === sr.value));
+			N.value && br(Z.value.find((e, t) => t === yr.value));
 		}
-		function mr(e) {
+		function Er(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 hr(e) {
-			let t = mr(e);
-			t !== null && A.value.includes(t.uid) && pr(t.uid);
+		function Dr(e) {
+			let t = Er(e);
+			t !== null && A.value.includes(t.uid) && Tr(t.uid);
 		}
-		function gr(e) {
-			let t = mr(e);
-			t !== null && (A.value.includes(t.uid) || pr(t.uid));
+		function Or(e) {
+			let t = Er(e);
+			t !== null && (A.value.includes(t.uid) || Tr(t.uid));
 		}
-		let Q = d(() => {
+		let Q = u(() => {
 			let e = [""].concat(K.value.filter((e) => !A.value.includes(e.uid)).map((e) => ({
 				name: e.name,
 				color: e.color
@@ -607,7 +687,7 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 			return {
 				head: e,
 				body: t,
-				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)}%)`)),
+				bodyA11y: t.map((e) => e.map((t, n) => n === 0 || n === e.length - 1 ? t : `${hr(t.value ?? 0, null, n)} (${t.percentage.toFixed(1)}%)`)),
 				config: {
 					th: {
 						backgroundColor: R.value.table.th.backgroundColor,
@@ -624,51 +704,51 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				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 _r() {
+		function kr() {
 			return K.value;
 		}
-		function vr(e = null) {
-			Ge(() => {
-				let t = [
+		function Ar(e = null) {
+			_(() => {
+				let n = [
 					[R.value.style.chart.title.text],
 					[R.value.style.chart.title.subtitle.text],
 					[""]
-				], n = [...Q.value.head.map((e) => e.name ?? e)], r = [...Q.value.body.map((e) => e.map((e) => e.value ?? e))], a = i(t.concat([n]).concat(r));
-				e ? e(a) : te({
-					csvContent: a,
+				], i = [...Q.value.head.map((e) => e.name ?? e)], a = [...Q.value.body.map((e) => e.map((e) => e.value ?? e))], o = r(n.concat([i]).concat(a));
+				e ? e(o) : t({
+					csvContent: o,
 					title: R.value.style.chart.title.text || "vue-ui-donut-evolution"
 				});
 			});
 		}
 		let $ = S(!1);
-		function yr(e) {
-			$.value = e, tn.value += 1;
+		function jr(e) {
+			$.value = e, rn.value += 1;
 		}
-		function br() {
+		function Mr() {
 			H.value.showTable = !H.value.showTable;
 		}
-		let xr = S(!1);
-		function Sr() {
-			xr.value = !xr.value;
+		let Nr = S(!1);
+		function Pr() {
+			Nr.value = !Nr.value;
 		}
-		function Cr(e) {
+		function Fr(e) {
 			return e.proportion * 100 > R.value.style.chart.donuts.hover.hideLabelsUnderValue;
 		}
-		let wr = S([]), Tr = S({}), Er = S(null);
-		function Dr(e) {
-			wr.value = e.donut.map((e) => ({
+		let Ir = S([]), Lr = S({}), Rr = S(null);
+		function zr(e) {
+			Ir.value = e.donut.map((e) => ({
 				name: e.name,
 				values: [e.value],
 				color: e.color
-			})), Tr.value = ie({
+			})), Lr.value = c({
 				...R.value.style.chart.dialog.donutChart,
 				responsive: !0,
 				theme: R.value.theme
-			}), Er.value && Er.value.open();
+			}), Rr.value && Rr.value.open();
 		}
-		async function Or({ scale: e = 2 } = {}) {
+		async function Br({ scale: e = 2 } = {}) {
 			if (!P.value) return;
-			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await De({
+			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await je({
 				domElement: P.value,
 				base64: !0,
 				img: !0,
@@ -683,8 +763,8 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				aspectRatio: r
 			};
 		}
-		Ee({
-			timeLabelsEls: cn,
+		Ae({
+			timeLabelsEls: un,
 			timeLabels: J,
 			slicer: V,
 			configRef: R,
@@ -708,14 +788,14 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				"enable"
 			],
 			isAutoSize: !1,
-			width: d(() => B.value.width),
-			height: d(() => B.value.height),
+			width: u(() => B.value.width),
+			height: u(() => B.value.height),
 			rotation: R.value.style.chart.layout.grid.xAxis.dataLabels.autoRotate.angle
 		});
-		let kr = d(() => {
+		let Vr = u(() => {
 			let e = R.value.table.useDialog && !R.value.table.show, t = H.value.showTable;
 			return {
-				component: e ? Jt : Vt,
+				component: e ? Zt : Wt,
 				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,
@@ -743,51 +823,51 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				}
 			};
 		});
-		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());
+		et(() => H.value.showTable, (e) => {
+			R.value.table.show || (e && R.value.table.useDialog && mn.value ? mn.value.open() : "close" in mn.value && mn.value.close());
 		});
-		function Ar() {
-			H.value.showTable = !1, fn.value && fn.value.setTableIconState(!1);
+		function Hr() {
+			H.value.showTable = !1, hn.value && hn.value.setTableIconState(!1);
 		}
-		let jr = d(() => lr.value.map((e) => ({
+		let Ur = u(() => xr.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), 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: Nr,
-			legendItems: jr,
-			backgroundColor: Mr
+		}))), Wr = u(() => R.value.style.chart.backgroundColor), Gr = u(() => R.value.style.chart.legend), { exportSvg: Kr, getSvg: qr } = Te({
+			svg: Zn,
+			title: u(() => R.value.style.chart.title),
+			legend: Gr,
+			legendItems: Ur,
+			backgroundColor: Wr
 		});
-		async function Ir({ isCb: e }) {
-			mn.value = !0, await Ge();
+		async function Jr({ isCb: e }) {
+			_n.value = !0, await _();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Fr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await qr();
 					await Promise.resolve(R.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Pr());
+				} else await Promise.resolve(Kr());
 			} finally {
-				mn.value = !1;
+				_n.value = !1;
 			}
 		}
-		function Lr(e) {
+		function Yr(e) {
 			if (e?.stage === "start") {
-				pn.value = !0;
+				gn.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				pn.value = !1;
+				gn.value = !1;
 				return;
 			}
-			Wn();
+			nr();
 		}
-		async function Rr() {
-			if (wn("copyAlt", {
+		async function Xr() {
+			if (Fn("copyAlt", {
 				config: R.value,
 				dataset: Z.value
 			}), !R.value.userOptions.callbacks.altCopy) {
@@ -799,14 +879,14 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				dataset: Z.value
 			}));
 		}
-		function zr() {
-			L.value = null, Cn.value = !0;
+		function Zr() {
+			L.value = null, Pn.value = !0;
 		}
-		function Br() {
-			L.value = null, j.value = null, M.value = null, Cn.value = !1;
+		function Qr() {
+			L.value = null, j.value = null, M.value = null, Pn.value = !1;
 		}
-		function Vr(e) {
-			if (!zn.value || xr.value || document.activeElement !== zn.value || !Z.value.length) return;
+		function $r(e) {
+			if (!Zn.value || Nr.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) {
@@ -817,49 +897,49 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				if (L.value === null) return;
 				let e = Z.value[L.value];
 				if (!e) return;
-				cr(e, L.value);
+				br(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 && or(l);
+			let ee = Z.value[a];
+			ee && vr(ee);
 		}
-		let Hr = d(() => ({
+		let ei = u(() => ({
 			headers: Q.value?.colNames ?? [],
 			rows: Q.value?.bodyA11y ?? []
 		}));
-		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", {
+		return Ne({
+			getData: kr,
+			getImage: Br,
+			generatePdf: tr,
+			generateCsv: Ar,
+			generateImage: nr,
+			generateSvg: Jr,
+			hideSeries: Or,
+			showSeries: Dr,
+			toggleTable: Mr,
+			toggleAnnotator: Pr,
+			toggleFullscreen: jr,
+			copyAlt: Xr
+		}), (e, t) => (x(), p("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(Ln)(!0),
-			onMouseleave: t[6] ||= () => E(Ln)(!1)
+			onMouseenter: t[5] ||= () => E(Yn)(!0),
+			onMouseleave: t[6] ||= () => E(Yn)(!1)
 		}, [
-			h("div", {
+			m("div", {
 				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
-			}, [h("p", null, T(R.value.a11y.translations.keyboardNavigation), 1)], 8, tt),
-			Hr.value?.rows?.length ? (x(), f(Pe, {
+			}, [m("p", null, T(R.value.a11y.translations.keyboardNavigation), 1)], 8, it),
+			ei.value?.rows?.length ? (x(), d(Re, {
 				key: 0,
 				uid: k.value,
-				head: Hr.value.headers,
-				body: Hr.value.rows,
+				head: ei.value.headers,
+				body: ei.value.rows,
 				notice: R.value.a11y.translations.tableAvailable,
 				caption: R.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -868,22 +948,22 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				"body",
 				"notice",
 				"caption"
-			])) : p("", !0),
-			R.value.userOptions.buttons.annotator ? (x(), f(E(Gt), {
+			])) : f("", !0),
+			R.value.userOptions.buttons.annotator ? (x(), d(E(Jt), {
 				key: 1,
-				svgRef: E(zn),
+				svgRef: E(Zn),
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
-				active: xr.value,
+				active: Nr.value,
 				isCursorPointer: z.value,
-				onClose: Sr
+				onClose: Pr
 			}, {
 				"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)]),
-				"annotator-action-draw": D(({ mode: t }) => [w(e.$slots, "annotator-action-draw", y(_({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", y(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", y(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": D(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", y(_({ disabled: t })), void 0, !0)]),
+				"annotator-action-color": D(({ color: t }) => [w(e.$slots, "annotator-action-color", y(g({ color: t })), void 0, !0)]),
+				"annotator-action-draw": D(({ mode: t }) => [w(e.$slots, "annotator-action-draw", y(g({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", y(g({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", y(g({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": D(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", y(g({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -891,22 +971,22 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : p("", !0),
-			Gn.value ? (x(), m("div", {
+			])) : f("", !0),
+			rr.value ? (x(), p("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: en,
+				ref: nn,
 				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", {
+			}, null, 512)) : f("", !0),
+			R.value.style.chart.title.text ? (x(), p("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: hn,
+				ref: Dn,
 				style: "width:100%;background:transparent;padding-bottom:24px",
-				onMouseleave: ar
-			}, [(x(), f(Oe, {
-				key: `title_${rn.value}`,
+				onMouseleave: _r
+			}, [(x(), d(Me, {
+				key: `title_${on.value}`,
 				config: {
 					title: {
 						cy: "donut-evolution-div-title",
@@ -917,16 +997,16 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 						...R.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 544)) : p("", !0),
-			h("div", { id: `legend-top-${k.value}` }, null, 8, nt),
-			R.value.userOptions.show && Tn.value && (E(Rn) || E(In)) ? (x(), f(E(Kt), {
+			}, null, 8, ["config"]))], 544)) : f("", !0),
+			m("div", { id: `legend-top-${k.value}` }, null, 8, at),
+			R.value.userOptions.show && In.value && (E(Xn) || E(Jn)) ? (x(), d(E(Yt), {
 				ref_key: "userOptionsRef",
-				ref: fn,
-				key: `user_options_${tn.value}`,
+				ref: hn,
+				key: `user_options_${rn.value}`,
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
-				isPrinting: E(Vn),
-				isImaging: E(Hn),
+				isPrinting: E($n),
+				isImaging: E(er),
 				uid: k.value,
 				hasPdf: R.value.userOptions.buttons.pdf,
 				hasImg: R.value.userOptions.buttons.img,
@@ -940,24 +1020,24 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				chartElement: P.value,
 				position: R.value.userOptions.position,
 				hasAnnotator: R.value.userOptions.buttons.annotator,
-				isAnnotation: xr.value,
+				isAnnotation: Nr.value,
 				callbacks: R.value.userOptions.callbacks,
 				printScale: R.value.userOptions.print.scale,
 				tableDialog: R.value.table.useDialog,
 				isCursorPointer: z.value,
-				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 }, [
+				onToggleFullscreen: jr,
+				onGeneratePdf: E(tr),
+				onGenerateCsv: Ar,
+				onGenerateImage: Yr,
+				onGenerateSvg: Jr,
+				onToggleTable: Mr,
+				onToggleAnnotator: Pr,
+				onCopyAlt: Xr,
+				style: b({ visibility: E(Xn) ? E(Jn) ? "visible" : "hidden" : "visible" })
+			}, Ge({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(_({
+					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(g({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -990,7 +1070,7 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", y(_({
+					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", y(g({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -998,7 +1078,7 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", y(_({
+					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", y(g({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1006,7 +1086,7 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", y(_({ altCopy: t })), void 0, !0)]),
+					fn: D(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", y(g({ altCopy: t })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
@@ -1044,33 +1124,34 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				"isCursorPointer",
 				"onGeneratePdf",
 				"style"
-			])) : p("", !0),
-			h("div", rt, [(x(), m("svg", {
+			])) : f("", !0),
+			m("div", ot, [(x(), p("svg", {
 				ref_key: "svgRef",
-				ref: zn,
+				ref: Zn,
 				xmlns: E(pe),
 				"aria-describedby": `chart-instructions-${k.value}`,
 				class: v({
 					"vue-data-ui-fullscreen--on": $.value,
-					"vue-data-ui-fulscreen--off": !$.value
+					"vue-data-ui-fulscreen--off": !$.value,
+					"vue-data-ui-no-transition": !E(zn)
 				}),
 				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: zr,
-				onBlur: Br,
-				onKeydown: Vr
+				onFocus: Zr,
+				onBlur: Qr,
+				onKeydown: $r
 			}, [
-				Ue(E(Wt)),
-				e.$slots["chart-background"] ? (x(), m("foreignObject", {
+				qe(E(qt)),
+				e.$slots["chart-background"] ? (x(), p("foreignObject", {
 					key: 0,
 					x: G.value.left,
 					y: G.value.top,
 					width: G.value.width,
 					height: G.value.height,
 					style: { pointerEvents: "none" }
-				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, at)) : p("", !0),
-				h("defs", null, [Ue(Me, {
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, ct)) : f("", !0),
+				m("defs", null, [qe(Ie, {
 					t: "linear",
 					id: `hover_${k.value}`,
 					x1: "0%",
@@ -1079,36 +1160,36 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 					y2: "100%",
 					stops: [[
 						"0%",
-						E(ge)(R.value.style.chart.backgroundColor, R.value.style.chart.layout.highlighter.opacity),
+						E(n)(R.value.style.chart.backgroundColor, R.value.style.chart.layout.highlighter.opacity),
 						1
 					], [
 						"100%",
-						E(ge)(R.value.style.chart.layout.highlighter.color, R.value.style.chart.layout.highlighter.opacity),
+						E(n)(R.value.style.chart.layout.highlighter.color, R.value.style.chart.layout.highlighter.opacity),
 						1
 					]]
-				}, null, 8, ["id", "stops"]), Ue(Me, {
+				}, null, 8, ["id", "stops"]), qe(Ie, {
 					t: "radial",
 					id: `focus_${k.value}`,
 					stops: [
 						[
 							"0%",
-							E(ge)(E(he)(R.value.style.chart.backgroundColor), 0),
+							E(n)(E(te)(R.value.style.chart.backgroundColor), 0),
 							1
 						],
 						[
 							"77%",
-							E(ge)("#FFFFFF", 30),
+							E(n)("#FFFFFF", 30),
 							1
 						],
 						[
 							"100%",
-							E(ge)(E(he)(R.value.style.chart.backgroundColor), 0),
+							E(n)(E(te)(R.value.style.chart.backgroundColor), 0),
 							1
 						]
 					]
 				}, null, 8, ["id", "stops"])]),
-				R.value.style.chart.layout.grid.show ? (x(), m("g", ot, [
-					h("line", {
+				R.value.style.chart.layout.grid.show ? (x(), p("g", lt, [
+					m("line", {
 						x1: W.value ? G.value.right : G.value.left,
 						x2: W.value ? G.value.right : G.value.left,
 						y1: G.value.top,
@@ -1116,8 +1197,8 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, st),
-					h("line", {
+					}, null, 8, ut),
+					m("line", {
 						x1: G.value.left,
 						x2: G.value.right,
 						y1: G.value.bottom,
@@ -1125,8 +1206,8 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, 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", {
+					}, null, 8, dt),
+					R.value.style.chart.layout.grid.showVerticalLines ? (x(), p("g", ft, [(x(!0), p(l, null, C(V.value.end - V.value.start, (e, t) => (x(), p("line", {
 						x1: G.value.left + (t + 1) * Y.value,
 						x2: G.value.left + (t + 1) * Y.value,
 						y1: G.value.top,
@@ -1134,51 +1215,51 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, ut))), 256))])) : p("", !0)
-				])) : p("", !0),
-				h("g", null, [R.value.style.chart.layout.grid.axis.yLabel ? (x(), m("text", {
+					}, null, 8, pt))), 256))])) : f("", !0)
+				])) : f("", !0),
+				m("g", null, [R.value.style.chart.layout.grid.axis.yLabel ? (x(), p("text", {
 					key: 0,
 					ref_key: "yAxisLabel",
-					ref: un,
+					ref: fn,
 					"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, dt)) : p("", !0), R.value.style.chart.layout.grid.axis.xLabel ? (x(), m("text", {
+				}, T(R.value.style.chart.layout.grid.axis.yLabel), 9, mt)) : f("", !0), R.value.style.chart.layout.grid.axis.xLabel ? (x(), p("text", {
 					key: 1,
 					ref_key: "xAxisLabel",
-					ref: ln,
+					ref: dn,
 					"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, ft)) : p("", !0)]),
-				R.value.style.chart.layout.grid.yAxis.dataLabels.show ? (x(), m("g", {
+				}, T(R.value.style.chart.layout.grid.axis.xLabel), 9, ht)) : f("", !0)]),
+				R.value.style.chart.layout.grid.yAxis.dataLabels.show ? (x(), p("g", {
 					key: 2,
 					ref_key: "scaleLabels",
-					ref: sn,
+					ref: ln,
 					class: v({
 						"donut-opacity": !0,
 						"donut-behind": j.value !== null
 					})
-				}, [(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", {
+				}, [(x(!0), p(l, null, C(mr.value, (e, t) => (x(), p("g", { key: `sl_${t}` }, [e.value >= X.value.min && e.value <= X.value.max ? (x(), p("path", {
 					key: 0,
-					class: v({ "vue-data-ui-datalabel": E(Qt) }),
+					class: v({ "vue-data-ui-transition": E(zn) }),
 					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,
 					"stroke-linecap": "round"
-				}, null, 10, pt)) : p("", !0), e.value >= X.value.min && e.value <= X.value.max ? (x(), m("text", {
+				}, null, 10, gt)) : f("", !0), e.value >= X.value.min && e.value <= X.value.max ? (x(), p("text", {
 					key: 1,
-					class: v({ "vue-data-ui-datalabel": E(Qt) }),
+					class: v({ "vue-data-ui-transition": E(zn) }),
 					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,
 					"font-weight": R.value.style.chart.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-				}, T(E(me)(e.value) ? E(ue)(R.value.style.chart.layout.dataLabels.formatter, e.value, E(re)({
+				}, T(E(_e)(e.value) ? E(se)(R.value.style.chart.layout.dataLabels.formatter, e.value, E(re)({
 					p: R.value.style.chart.layout.dataLabels.prefix,
 					v: e.value,
 					s: R.value.style.chart.layout.dataLabels.suffix,
@@ -1186,35 +1267,35 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				}) : ""), 11, mt)) : p("", !0)]))), 128))], 2)) : p("", !0),
-				R.value.style.chart.layout.grid.xAxis.dataLabels.show ? (x(), m("g", {
+				}) : ""), 11, _t)) : f("", !0)]))), 128))], 2)) : f("", !0),
+				R.value.style.chart.layout.grid.xAxis.dataLabels.show ? (x(), p("g", {
 					key: 3,
 					ref_key: "timeLabelsEls",
-					ref: cn,
+					ref: un,
 					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", ht, [String(J.value[t].text).includes("\n") ? (x(), m("text", {
+				}, [(x(!0), p(l, null, C(V.value.end - V.value.start, (e, t) => (x(), p("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(), p("g", vt, [String(J.value[t].text).includes("\n") ? (x(), p("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",
 					"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})`,
-					innerHTML: E(ne)({
+					innerHTML: E(i)({
 						content: String(J.value[t].text),
 						fontSize: R.value.style.chart.layout.grid.xAxis.dataLabels.fontSize,
 						fill: R.value.style.chart.layout.grid.xAxis.dataLabels.color,
 						x: 0,
 						y: 0
 					})
-				}, null, 8, _t)) : (x(), m("text", {
+				}, null, 8, bt)) : (x(), p("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, 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", {
+				}, T(J.value[t].text || ""), 9, yt))])) : f("", !0)]))), 256))], 512)) : f("", !0),
+				(x(!0), p(l, null, C(Z.value, (e, t) => (x(), p("g", null, [R.value.style.chart.layout.line.show && t < Z.value.length - 1 && ![e.subtotal, Z.value[t + 1].subtotal].includes(null) ? (x(), p("line", {
 					key: 0,
 					class: v({
 						"donut-opacity": !0,
@@ -1228,20 +1309,20 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 					"stroke-width": R.value.style.chart.layout.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 10, vt)) : p("", !0), e.subtotal === null ? p("", !0) : (x(), m("g", yt, [e.subtotal ? (x(), m("circle", {
+				}, null, 10, xt)) : f("", !0), e.subtotal === null ? f("", !0) : (x(), p("g", St, [e.subtotal ? (x(), p("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
 					r: e.activeRadius,
 					fill: R.value.style.chart.backgroundColor
-				}, null, 8, bt)) : p("", !0)]))]))), 256)),
-				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
+				}, null, 8, Ct)) : f("", !0)]))]))), 256)),
+				(x(!0), p(l, null, C(Z.value, (e, t) => (x(), p("g", { class: v({
 					"donut-opacity": !0,
 					"donut-behind": t !== j.value && j.value !== null
-				}) }, [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", {
+				}) }, [e.subtotal ? (x(), p("g", wt, [j.value !== null && j.value === t ? (x(), p("g", Tt, [
+					(x(!0), p(l, null, C(e.donutHover, (t) => (x(), p("g", null, [Fr(t) ? (x(), p("path", {
 						key: 0,
-						d: E(de)(t, {
+						d: E(oe)(t, {
 							x: t.center.endX,
 							y: t.center.endY
 						}, 12, 12, {
@@ -1253,48 +1334,48 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						fill: "none"
-					}, 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", {
+					}, null, 8, Et)) : f("", !0)]))), 256)),
+					(x(!0), p(l, null, C(e.donutHover, (t, n) => (x(), p("g", null, [Fr(t) ? (x(), p("text", {
 						key: 0,
 						"data-cy-hover-label": "",
 						"text-anchor": E(ae)(t, !0, 0).anchor,
 						x: E(ae)(t, !0, 9).x,
-						y: E(se)(t, 14, 10),
+						y: E(ue)(t, 14, 10),
 						fill: R.value.style.chart.layout.grid.yAxis.dataLabels.color,
 						"font-size": 8,
 						"font-weight": "bold"
-					}, 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", {
+					}, T(t.name) + ": " + T(gr(t, e.donut)) + " (" + T(t.value === null ? "-" : hr(t.value, t, n)) + ") ", 9, Dt)) : f("", !0)]))), 256)),
+					m("g", null, [m("circle", {
 						cx: e.x,
 						cy: e.y,
 						r: e.hoverRadius,
 						fill: R.value.style.chart.backgroundColor
-					}, null, 8, Tt)])
-				])) : p("", !0)])) : p("", !0)], 2))), 256)),
-				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
+					}, null, 8, Ot)])
+				])) : f("", !0)])) : f("", !0)], 2))), 256)),
+				(x(!0), p(l, null, C(Z.value, (e, t) => (x(), p("g", { class: v({
 					"donut-opacity": !0,
 					"donut-behind": t !== j.value && j.value !== null
-				}) }, [e.subtotal === null ? p("", !0) : (x(), m("g", Et, [e.subtotal === 0 ? (x(), m("circle", {
+				}) }, [e.subtotal === null ? f("", !0) : (x(), p("g", kt, [e.subtotal === 0 ? (x(), p("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
 					r: 3,
 					fill: R.value.style.chart.color
-				}, 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", {
+				}, null, 8, At)) : j.value !== null && j.value === t ? (x(), p("g", jt, [(x(!0), p(l, null, C(e.donutHover, (e, t) => (x(), p("path", {
 					d: e.arcSlice,
 					fill: `${e.color}`,
 					"stroke-width": 1,
 					stroke: R.value.style.chart.backgroundColor
-				}, null, 8, kt))), 256))])) : (x(), m("g", At, [(x(!0), m(u, null, C(e.donut, (e, t) => (x(), m("path", {
+				}, null, 8, Mt))), 256))])) : (x(), p("g", Nt, [(x(!0), p(l, null, C(e.donut, (e, t) => (x(), p("path", {
 					d: e.arcSlice,
 					fill: `${e.color}`,
 					"stroke-width": .5,
 					stroke: R.value.style.chart.backgroundColor
-				}, null, 8, jt))), 256))]))]))], 2))), 256)),
-				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
+				}, null, 8, Pt))), 256))]))]))], 2))), 256)),
+				(x(!0), p(l, null, C(Z.value, (e, t) => (x(), p("g", { class: v({
 					"donut-opacity": !0,
-					"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", {
+					"donut-behind": t !== j.value && j.value !== null || tn.value && t !== N.value.index
+				}) }, [e.subtotal !== null && R.value.style.chart.layout.dataLabels.show ? (x(), p("text", {
 					key: 0,
 					"text-anchor": "middle",
 					x: e.x,
@@ -1302,47 +1383,47 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 					"font-size": R.value.style.chart.layout.dataLabels.fontSize,
 					"font-weight": "bold",
 					fill: R.value.style.chart.layout.dataLabels.color
-				}, 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", {
+				}, T(hr(e.subtotal, e, t)), 9, Ft)) : f("", !0)], 2))), 256)),
+				(x(!0), p(l, null, C(Z.value, (e, t) => (x(), p("rect", {
 					x: G.value.left + t * Y.value,
 					y: G.value.top,
 					width: Y.value,
 					height: G.value.height,
-					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) }),
+					fill: [j.value, yr.value].includes(e.index) ? `url(#hover_${k.value})` : "transparent",
+					class: v({ "donut-hover": z.value && e.subtotal && [j.value, yr.value].includes(e.index) }),
 					style: { pointerEvents: "none" }
-				}, null, 10, Nt))), 256)),
-				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("rect", {
+				}, null, 10, It))), 256)),
+				(x(!0), p(l, null, C(Z.value, (e, t) => (x(), p("rect", {
 					"data-cy-trap": "",
 					x: G.value.left + t * Y.value,
 					y: G.value.top,
 					width: Y.value,
 					height: G.value.height,
 					fill: "transparent",
-					onMouseenter: (t) => or(e),
-					onMouseleave: (t) => ar(e),
-					onClick: (n) => cr(e, t),
+					onMouseenter: (t) => vr(e),
+					onMouseleave: (t) => _r(e),
+					onClick: (n) => br(e, t),
 					class: v({ "donut-hover": z.value && j.value === e.index && e.subtotal })
-				}, null, 42, Pt))), 256)),
+				}, null, 42, Lt))), 256)),
 				w(e.$slots, "svg", { svg: {
 					...G.value,
-					isPrintingImg: E(Vn) || E(Hn) || pn.value,
-					isPrintingSvg: mn.value
+					isPrintingImg: E($n) || E(er) || gn.value,
+					isPrintingSvg: _n.value
 				} }, void 0, !0)
-			], 46, it)), e.$slots.hint ? (x(), m("div", Ft, [w(e.$slots, "hint", y(_({
+			], 46, st)), e.$slots.hint ? (x(), p("div", Rt, [w(e.$slots, "hint", y(g({
 				hint: R.value.a11y.translations.keyboardNavigation,
-				isVisible: Cn.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", {
+				isVisible: Pn.value
+			})), void 0, !0)])) : f("", !0)]),
+			e.$slots.watermark ? (x(), p("div", zt, [w(e.$slots, "watermark", y(g({ isPrinting: E($n) || E(er) || gn.value || _n.value })), void 0, !0)])) : f("", !0),
+			m("div", {
 				ref_key: "chartSlicer",
-				ref: yn,
+				ref: jn,
 				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(ze, {
+			}, [q.value > 1 && R.value.style.chart.zoom.show ? (x(), d(Ue, {
 				ref_key: "slicerComponent",
-				ref: vn,
-				key: `slicer_${nn.value}`,
+				ref: An,
+				key: `slicer_${an.value}`,
 				background: R.value.style.chart.zoom.color,
 				borderColor: R.value.style.chart.backgroundColor,
 				fontSize: R.value.style.chart.zoom.fontSize,
@@ -1368,9 +1449,9 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				focusRangeRatio: R.value.style.chart.zoom.focusRangeRatio,
 				isCursorPointer: z.value,
 				maxWidth: R.value.style.chart.zoom.maxWidth,
-				onReset: Nn
+				onReset: Gn
 			}, {
-				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", y(_({ reset: t })), void 0, !0)]),
+				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", y(g({ reset: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"background",
@@ -1395,63 +1476,63 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				"focusRangeRatio",
 				"isCursorPointer",
 				"maxWidth"
-			])) : p("", !0)], 4),
-			h("div", { id: `legend-bottom-${k.value}` }, null, 8, Lt),
-			dn.value && (R.value.style.chart.legend.show || e.$slots.legend) ? (x(), f(Be, {
+			])) : f("", !0)], 4),
+			m("div", { id: `legend-bottom-${k.value}` }, null, 8, Bt),
+			pn.value && (R.value.style.chart.legend.show || e.$slots.legend) ? (x(), d(We, {
 				key: 6,
 				to: R.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
-			}, [h("div", {
+			}, [m("div", {
 				ref_key: "chartLegend",
-				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)
+				ref: On
+			}, [w(e.$slots, "legend", { legend: xr.value }, () => [R.value.style.chart.legend.show ? (x(), d(Ve, {
+				key: `legend_${cn.value}`,
+				legendSet: xr.value,
+				config: Cr.value,
+				onClickMarker: t[2] ||= ({ legend: e }) => Tr(e.uid)
 			}, {
-				item: D(({ legend: e, index: t }) => [h("div", {
-					onClick: (t) => pr(e.uid),
+				item: D(({ legend: e, index: t }) => [m("div", {
+					onClick: (t) => Tr(e.uid),
 					style: b(`opacity:${A.value.includes(e.uid) ? .5 : 1}`)
-				}, T(e.display), 13, Rt)]),
-				legendToggle: D(() => [lr.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !E(kn) ? (x(), f(Ne, {
+				}, T(e.display), 13, Vt)]),
+				legendToggle: D(() => [xr.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !E(Vn) ? (x(), d(Le, {
 					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: fr
+					onToggle: wr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
 					"fontSize",
 					"checked"
-				])) : p("", !0)]),
+				])) : f("", !0)]),
 				_: 1
-			}, 8, ["legendSet", "config"])) : p("", !0)], !0)], 512)], 8, ["to"])) : p("", !0),
-			e.$slots.source ? (x(), m("div", {
+			}, 8, ["legendSet", "config"])) : f("", !0)], !0)], 512)], 8, ["to"])) : f("", !0),
+			e.$slots.source ? (x(), p("div", {
 				key: 7,
 				ref_key: "source",
-				ref: _n,
+				ref: kn,
 				dir: "auto"
-			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			Tn.value && R.value.userOptions.buttons.table ? (x(), f(Je(kr.value.component), We({ key: 8 }, kr.value.props, {
+			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
+			In.value && R.value.userOptions.buttons.table ? (x(), d(Ze(Vr.value.component), Je({ key: 8 }, Vr.value.props, {
 				ref_key: "tableUnit",
-				ref: F,
-				onClose: Ar
-			}), Ve({
-				content: D(() => [(x(), f(E(Ut), {
-					key: `table_${an.value}`,
+				ref: mn,
+				onClose: Hr
+			}), Ge({
+				content: D(() => [(x(), d(E(Kt), {
+					key: `table_${sn.value}`,
 					colNames: Q.value.colNames,
 					head: Q.value.head,
 					body: Q.value.body,
 					config: Q.value.config,
-					title: R.value.table.useDialog ? "" : kr.value.title,
+					title: R.value.table.useDialog ? "" : Vr.value.title,
 					withCloseButton: !R.value.table.useDialog,
 					isCursorPointer: z.value,
-					onClose: Ar
+					onClose: Hr
 				}, {
-					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)]),
+					th: D(({ th: e }) => [Ke(T(e.name ?? e), 1)]),
+					td: D(({ td: e }) => [e.value === null ? (x(), p("span", Ht, "-")) : (x(), p("b", Ut, 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)), m("span", null, T(e.percentage && !isNaN(e.percentage) ? `(${Number(e.percentage.toFixed(R.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1465,27 +1546,27 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				_: 2
 			}, [R.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [He(T(kr.value.title), 1)]),
+				fn: D(() => [Ke(T(Vr.value.title), 1)]),
 				key: "0"
 			} : void 0, R.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [h("button", {
+				fn: D(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[3] ||= (e) => vr(R.value.userOptions.callbacks.csv),
+					onClick: t[3] ||= (e) => Ar(R.value.userOptions.callbacks.csv),
 					style: b({ cursor: z.value ? "cursor" : "default" })
-				}, [Ue(E(Ht), {
+				}, [qe(E(Gt), {
 					name: "fileCsv",
-					stroke: kr.value.props.color
+					stroke: Vr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : p("", !0),
-			R.value.style.chart.dialog.show ? (x(), f(E(Jt), {
+			} : void 0]), 1040)) : f("", !0),
+			R.value.style.chart.dialog.show ? (x(), d(E(Zt), {
 				key: 9,
 				ref_key: "dialog",
-				ref: Er,
+				ref: Rr,
 				onClose: t[4] ||= (e) => {
-					N.value = null, $t.value = !1, M.value = null, j.value = null, sr.value = null;
+					N.value = null, tn.value = !1, M.value = null, j.value = null, yr.value = null;
 				},
 				backgroundColor: R.value.style.chart.dialog.backgroundColor,
 				color: R.value.style.chart.dialog.color,
@@ -1494,12 +1575,12 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				isFullscreen: $.value,
 				fullscreenParent: P.value
 			}, {
-				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), {
+				title: D(() => [Ke(T(J.value[Number(N.value.index)] ? J.value[Number(N.value.index)].text : ""), 1)]),
+				content: D(() => [N.value ? (x(), d(E(Xt), {
 					key: 0,
-					config: Tr.value,
-					dataset: wr.value
-				}, null, 8, ["config", "dataset"])) : p("", !0)]),
+					config: Lr.value,
+					dataset: Ir.value
+				}, null, 8, ["config", "dataset"])) : f("", !0)]),
 				_: 1
 			}, 8, [
 				"backgroundColor",
@@ -1508,10 +1589,10 @@ var $e = /* @__PURE__ */ e({ default: () => Vt }), et = ["id"], tt = ["id"], nt
 				"headerColor",
 				"isFullscreen",
 				"fullscreenParent"
-			])) : p("", !0),
-			E(kn) ? (x(), f(xe, { key: 10 })) : p("", !0)
-		], 46, et));
+			])) : f("", !0),
+			E(Vn) ? (x(), d(we, { key: 10 })) : f("", !0)
+		], 46, rt));
 	}
-}, [["__scopeId", "data-v-344b2cc9"]]);
+}, [["__scopeId", "data-v-54b0bf03"]]);
 //#endregion
-export { $e as n, Vt as t };
+export { nt as n, Wt as t };