vue-data-ui 3.25.3 → 3.25.5

package/dist/{vue-ui-donut-evolution-DQn-87Ak.js → vue-ui-donut-evolution-DckruxZ9.js}

@@ -1,136 +1,136 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, G as i, Gt as a, Ht as o, It as s, Jt as c, Nt as ee, Q as te, S as ne, Tt as re, X as ie, Xt as ae, _ as oe, f as se, h as ce, i as le, jt as ue, mt as de, nt as fe, p as pe, q as me, t as he, w as ge, y as _e } from "./lib-C7t_vY8w.js";
-import { n as ve, t as ye } from "./useHints-Dq_w2E8B.js";
-import { t as be } from "./useTimeLabels-d2f-W1L4.js";
-import { t as xe } from "./useConfig-CyCVHo81.js";
-import { t as Se } from "./usePrinter-VVTuFI6H.js";
-import { n as Ce, t as we } from "./BaseScanner-DZvpgOjM.js";
-import { t as Te } from "./useNestedProp-BfTgFMXF.js";
-import { t as Ee } from "./useThemeCheck-C43Tcqmk.js";
-import { t as De } from "./useChartExport-iwOqiIWX.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-IjqD_xWl.js";
-import { n as Me } from "./Title-DIf1lG-_.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 "./SlicerPreview-W4PWXK69.js";
-import { t as Re } from "./BaseLegendToggle-BF-thEu0.js";
-import { t as ze } from "./A11yDataTable-DdRsVULz.js";
-import { t as Be } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Ve } from "./useChartAccessibility-DYqac8yF.js";
-import { t as He } from "./Legend-DmitJZi5.js";
-import { t as Ue } from "./vue_ui_donut_evolution-D1yAAIHr.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 Ye, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Xe, onMounted as Ze, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Qe, shallowRef as $e, toDisplayString as w, toRefs as et, unref as T, watch as tt, watchEffect as nt, withCtx as E } from "vue";
+import { $ as t, D as n, Et as r, G as i, Kt as a, Lt as o, Mt as s, Pt as c, Q as l, S as ee, Ut as te, Vt as ne, X as re, Yt as ie, Zt as ae, _ as oe, f as se, h as ce, ht as le, i as ue, nt as de, p as fe, q as pe, t as me, w as he, y as ge } from "./lib-Dql7cqyA.js";
+import { n as _e, t as ve } from "./useHints-Dq_w2E8B.js";
+import { t as ye } from "./useTimeLabels-d2f-W1L4.js";
+import { t as be } from "./useConfig-C_mX5pOZ.js";
+import { t as xe } from "./usePrinter-DISD7q5m.js";
+import { n as Se, t as Ce } from "./BaseScanner-DZvpgOjM.js";
+import { t as we } from "./useNestedProp-Chvyfpl-.js";
+import { t as Te } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Ee } from "./useChartExport-iwOqiIWX.js";
+import { t as De } from "./useTransitions-g_zBREk2.js";
+import { t as Oe } from "./useStableElementSize-C7KADDKj.js";
+import { t as ke } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as Ae } from "./img-DhGApYG0.js";
+import { n as je } from "./Title-CPHi-evi.js";
+import { t as Me } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Ne, t as Pe } from "./useResponsive-ZtArZtUf.js";
+import { t as Fe } from "./DefGrad-DVBqDjhO.js";
+import { t as Ie } from "./SlicerPreview-GvsdvE-h.js";
+import { t as Le } from "./BaseLegendToggle-__JnV08B.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-X4kF4PvW.js";
+import { t as He } from "./vue_ui_donut_evolution-D1yAAIHr.js";
+import { Fragment as u, Teleport as Ue, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as We, createTextVNode as Ge, createVNode as Ke, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as qe, nextTick as Je, 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 rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot = ["id"], st = { style: { position: "relative" } }, ct = [
+var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at = ["id"], ot = { style: { position: "relative" } }, st = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], lt = [
+], ct = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ut = { key: 1 }, dt = [
+], lt = { key: 1 }, ut = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ft = [
+], dt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], pt = { key: 0 }, mt = [
+], ft = { key: 0 }, pt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ht = [
+], mt = [
 	"font-size",
 	"fill",
 	"transform"
-], gt = [
+], ht = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], _t = [
+], gt = [
 	"d",
 	"stroke",
 	"stroke-width"
-], vt = [
+], _t = [
 	"transform",
 	"font-size",
 	"text-anchor",
 	"fill",
 	"font-weight"
-], yt = { key: 0 }, bt = [
+], vt = { key: 0 }, yt = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform"
-], xt = [
+], bt = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML"
-], St = [
+], xt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Ct = { key: 1 }, wt = [
+], St = { key: 1 }, Ct = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], Tt = { key: 0 }, Et = { key: 0 }, Dt = ["d", "stroke"], Ot = [
+], wt = { key: 0 }, Tt = { key: 0 }, Et = ["d", "stroke"], Dt = [
 	"text-anchor",
 	"x",
 	"y",
 	"fill"
-], kt = [
+], Ot = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], At = { key: 0 }, jt = [
+], kt = { key: 0 }, At = [
 	"cx",
 	"cy",
 	"fill"
-], Mt = { key: 1 }, Nt = [
+], jt = { key: 1 }, Mt = [
 	"d",
 	"fill",
 	"stroke"
-], Pt = { key: 2 }, Ft = [
+], Nt = { key: 2 }, Pt = [
 	"d",
 	"fill",
 	"stroke"
-], It = [
+], Ft = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Lt = [
+], It = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], Rt = [
+], Lt = [
 	"x",
 	"y",
 	"width",
@@ -138,7 +138,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], zt = {
+], Rt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -148,10 +148,10 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Bt = {
+}, zt = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Vt = ["id"], Ht = ["onClick"], Ut = { key: 0 }, Wt = { key: 1 }, Gt = /*#__PURE__*/ Ne({
+}, Bt = ["id"], Vt = ["onClick"], Ht = { key: 0 }, Ut = { key: 1 }, Wt = /*#__PURE__*/ Me({
 	__name: "vue-ui-donut-evolution",
 	props: {
 		config: {
@@ -168,10 +168,10 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 		}
 	},
 	emits: ["selectLegend", "copyAlt"],
-	setup(e, { expose: Ne, emit: rt }) {
-		let Gt = h(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)), Kt = h(() => import("./BaseIcon-CVrQHhw1.js").then((e) => e.n)), qt = h(() => import("./DataTable-BBpTEQY5.js")), Jt = h(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), Yt = h(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), Xt = h(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), Zt = h(() => import("./vue-ui-donut-CaMaNvIF.js").then((e) => e.n)), Qt = h(() => import("./BaseDraggableDialog-BCQY4Tir.js").then((e) => e.n)), { vue_ui_donut_evolution: $t } = xe(), { isThemeValid: en, warnInvalidTheme: tn } = Ee(), D = e, O = x(me()), k = x([]), A = x(null), j = x(null), nn = x(!1), M = x(null), N = x(null), rn = x(null), an = x(0), on = x(0), sn = x(0), cn = x(0), ln = x(0), un = x(null), dn = x(null), fn = x(null), pn = x(null), mn = x(!1), P = x(null), hn = x(null), gn = $e(null), _n = x(0), vn = x(0), yn = x(!1);
+	setup(e, { expose: Me, emit: nt }) {
+		let Wt = g(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)), Gt = g(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), Kt = g(() => import("./DataTable-COIO9gi4.js")), qt = g(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), Jt = g(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), Yt = g(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), Xt = g(() => import("./vue-ui-donut-CuQVKuZa.js").then((e) => e.n)), Zt = g(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), { vue_ui_donut_evolution: Qt } = be(), { isThemeValid: $t, warnInvalidTheme: en } = Te(), O = e, k = S(pe()), 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 = Qe(null), _n = S(0), vn = S(0), yn = S(!1);
 		function bn() {
-			gn.value = N.value?.parentNode ?? null;
+			gn.value = P.value?.parentNode ?? null;
 		}
 		function xn() {
 			return new Promise((e) => {
@@ -182,14 +182,14 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 		}
 		async function Sn() {
 			let e = ++vn.value;
-			await Ye(), await xn(), await xn(), e === vn.value && (_n.value += 1);
+			await Je(), await xn(), await xn(), e === vn.value && (_n.value += 1);
 		}
 		function Cn() {
-			yn.value || (yn.value = !0, Ye(() => {
+			yn.value || (yn.value = !0, Je(() => {
 				yn.value = !1, bn(), Sn();
 			}));
 		}
-		let wn = ke({
+		let wn = Oe({
 			elementRef: gn,
 			minimumWidth: 2,
 			minimumHeight: 2,
@@ -198,22 +198,22 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			onSizeAccepted: () => {
 				Sn();
 			}
-		}), Tn = x(null), En = x(null), Dn = x(null), On = x(null), kn = x(null), An = x(!1), F = $e(null), I = $e(null), jn = x(null), L = x(null), Mn = x(!1), Nn = rt, Pn = u(() => !!D.dataset && D.dataset.length);
-		Ze(() => {
-			mn.value = !0, bn(), wn.start(), In(), Sn();
+		}), Tn = S(null), En = S(null), Dn = S(null), On = S(null), kn = S(null), An = S(!1), F = Qe(null), I = Qe(null), jn = S(null), L = S(null), Mn = S(!1), Nn = nt, Pn = d(() => !!O.dataset && O.dataset.length);
+		Xe(() => {
+			pn.value = !0, bn(), wn.start(), In(), Sn();
 		});
-		let Fn = u(() => R.value.debug);
+		let Fn = d(() => R.value.debug);
 		function In() {
-			if (ee(D.dataset) ? (fe({
+			if (c(O.dataset) ? (de({
 				componentName: "VueUiDonutEvolution",
 				type: "dataset",
 				debug: Fn.value
-			}), Vn.value = !0) : D.dataset.length && D.dataset.forEach((e, t) => {
-				de({
+			}), Vn.value = !0) : O.dataset.length && O.dataset.forEach((e, t) => {
+				le({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					fe({
+					de({
 						componentName: "VueUiDonutEvolution",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -221,13 +221,13 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 						debug: Fn.value
 					}), Vn.value = !0;
 				});
-			}), ee(D.dataset) || (Vn.value = R.value.loading), setTimeout(() => {
+			}), c(O.dataset) || (Vn.value = R.value.loading), setTimeout(() => {
 				An.value = !0;
 			}, 10), Wn(), R.value.responsive) {
-				let e = Pe(() => {
+				let e = Ne(() => {
 					An.value = !1;
-					let { width: e, height: t } = Fe({
-						chart: N.value,
+					let { width: e, height: t } = Pe({
+						chart: P.value,
 						title: R.value.style.chart.title.text ? Tn.value : null,
 						legend: R.value.style.chart.legend.show ? En.value : null,
 						slicer: R.value.style.chart.zoom.show && Hn.value > 1 ? kn.value : null,
@@ -239,17 +239,17 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 						}, 10);
 					});
 				});
-				F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect()), F.value = new ResizeObserver(e), I.value = N.value.parentNode, F.value.observe(I.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);
 			}
 			Cn();
 		}
-		let R = x(Xn());
-		ve({
+		let R = S(Xn());
+		_e({
 			config: () => R.value,
-			dataset: () => D.dataset,
+			dataset: () => O.dataset,
 			component: "VueUiDonutEvolution",
 			rules: [
-				ye.emptyArray,
+				ve.emptyArray,
 				{
 					test: (e) => e.length === 1,
 					message: [
@@ -284,10 +284,10 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				}
 			]
 		});
-		let { transitionEnabled: Ln } = Oe({
+		let { transitionEnabled: Ln } = De({
 			config: () => R.value.transitions,
-			dataset: () => D.dataset
-		}), z = u(() => R.value.userOptions.useCursorPointer), Rn = u(() => ae({
+			dataset: () => O.dataset
+		}), z = d(() => R.value.userOptions.useCursorPointer), Rn = d(() => ae({
 			defaultConfig: {
 				useCssAnimation: !1,
 				table: { show: !1 },
@@ -325,8 +325,8 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				} }
 			},
 			userConfig: R.value.skeletonConfig ?? {}
-		})), { loading: zn, FINAL_DATASET: Bn, manualLoading: Vn } = Ce({
-			...et(D),
+		})), { loading: zn, FINAL_DATASET: Bn, manualLoading: Vn } = Se({
+			...$e(O),
 			FINAL_CONFIG: R,
 			prepareConfig: Xn,
 			callback: () => {
@@ -334,7 +334,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 					await Wn();
 				});
 			},
-			skeletonDataset: D.config?.skeletonDataset ?? [
+			skeletonDataset: O.config?.skeletonDataset ?? [
 				{
 					name: "",
 					values: [
@@ -376,10 +376,10 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				defaultConfig: R.value,
 				userConfig: Rn.value
 			})
-		}), B = x({
+		}), B = S({
 			width: R.value.style.chart.layout.width,
 			height: R.value.style.chart.layout.height
-		}), Hn = u(() => Math.max(...Bn.value.map((e) => e.values.length))), V = x({
+		}), Hn = d(() => Math.max(...Bn.value.map((e) => e.values.length))), V = S({
 			start: 0,
 			end: Hn.value
 		});
@@ -387,7 +387,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			Wn();
 		}
 		async function Wn() {
-			await Ye(), await Ye();
+			await Je(), await Je();
 			let { startIndex: e, endIndex: t } = R.value.style.chart.zoom, n = On.value;
 			V.value = {
 				start: 0,
@@ -395,62 +395,62 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			}, (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(Gn(t + 1))) : (V.value = {
 				start: 0,
 				end: q.value
-			}, on.value += 1), Cn();
+			}, an.value += 1), Cn();
 		}
 		function Gn(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: Kn, setUserOptionsVisibility: qn, keepUserOptionState: Jn } = Be({ config: R.value }), { svgRef: Yn } = Ve({ config: R.value.style.chart.title });
+		let { userOptionsVisible: Kn, setUserOptionsVisibility: qn, keepUserOptionState: Jn } = ze({ config: R.value }), { svgRef: Yn } = Be({ config: R.value.style.chart.title });
 		function Xn() {
-			let e = Te({
-				userConfig: D.config,
-				defaultConfig: $t
+			let e = we({
+				userConfig: O.config,
+				defaultConfig: Qt
 			}), t = {}, n = e.theme;
 			if (n) {
-				if (!en.value(e)) tn(e), t = e;
+				if (!$t.value(e)) en(e), t = e;
 				else {
-					let r = Te({
-						userConfig: Ue[n] || D.config,
+					let r = we({
+						userConfig: He[n] || O.config,
 						defaultConfig: e
 					});
 					t = {
-						...Te({
-							userConfig: D.config,
+						...we({
+							userConfig: O.config,
 							defaultConfig: r
 						}),
-						customPalette: e.customPalette ? e.customPalette : c[n] || s
+						customPalette: e.customPalette ? e.customPalette : ie[n] || o
 					};
 				}
 			} else t = e;
 			return t;
 		}
-		tt(() => D.config, (e) => {
-			zn.value || (R.value = Xn()), Kn.value = !R.value.userOptions.showOnChartHover, In(), sn.value += 1, cn.value += 1, ln.value += 1, H.value.showTable = R.value.table.show;
-		}, { deep: !0 }), tt(() => D.dataset, (e) => {
+		et(() => O.config, (e) => {
+			zn.value || (R.value = Xn()), Kn.value = !R.value.userOptions.showOnChartHover, In(), 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 && (Vn.value = !1), Un();
 		}, { deep: !0 });
-		let { isPrinting: Zn, isImaging: Qn, generatePdf: $n, generateImage: er } = Se({
-			elementId: O.value,
+		let { isPrinting: Zn, isImaging: Qn, generatePdf: $n, generateImage: er } = xe({
+			elementId: k.value,
 			fileName: R.value.style.chart.title.text || "vue-ui-donut-evolution",
 			options: R.value.userOptions.print
-		}), tr = u(() => R.value.userOptions.show && !R.value.style.chart.title.text), nr = u(() => ge(R.value.customPalette)), H = x({ showTable: R.value.table.show });
-		tt(R, () => {
+		}), tr = d(() => R.value.userOptions.show && !R.value.style.chart.title.text), nr = d(() => he(R.value.customPalette)), H = S({ showTable: R.value.table.show });
+		et(R, () => {
 			H.value = { showTable: R.value.table.show };
 		}, { immediate: !0 });
-		let U = u(() => ({
+		let U = d(() => ({
 			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 = u(() => R.value.style.chart.layout.grid.yAxis.position === "right");
+		})), W = d(() => R.value.style.chart.layout.grid.yAxis.position === "right");
 		function rr() {
 			let e = 0;
-			un.value && (e = Array.from(un.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 = pn.value ? pn.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,
@@ -459,25 +459,25 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				crosshair: 5
 			};
 		}
-		let ir = x(0), ar = Pe((e) => {
+		let ir = S(0), ar = Ne((e) => {
 			ir.value = e;
 		}, 100);
-		nt((e) => {
-			let t = dn.value;
+		tt((e) => {
+			let t = un.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
 				ar(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Xe(() => {
+		}), Ye(() => {
 			ir.value = 0, wn.stop(), clearTimeout(jn.value), F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect(), F.value = null, I.value = null);
 		});
-		let or = u(() => {
+		let or = d(() => {
 			let e = 0;
-			fn.value && (e = fn.value.getBBox().height);
+			dn.value && (e = dn.value.getBBox().height);
 			let t = 0;
-			return dn.value && (t = ir.value), e + t + R.value.style.chart.layout.grid.axis.fontSize + R.value.style.chart.layout.grid.xAxis.dataLabels.offsetY;
-		}), G = u(() => {
+			return un.value && (t = ir.value), e + t + R.value.style.chart.layout.grid.axis.fontSize + R.value.style.chart.layout.grid.xAxis.dataLabels.offsetY;
+		}), G = d(() => {
 			_n.value;
 			let e = rr(), 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 - or.value, c = U.value.top + t;
 			return {
@@ -495,13 +495,13 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				yAxisLabelWidth: e.yAxisLabelWidth,
 				crosshair: e.crosshair
 			};
-		}), K = u(() => (Fn.value && Bn.value.forEach((e, t) => {
-			[null, void 0].includes(e.name) && fe({
+		}), K = d(() => (Fn.value && Bn.value.forEach((e, t) => {
+			[null, void 0].includes(e.name) && de({
 				componentName: "VueUiDonutEvolution",
 				type: "datasetSerieAttribute",
 				property: "name",
 				index: t
-			}), [null, void 0].includes(e.values) && fe({
+			}), [null, void 0].includes(e.values) && de({
 				componentName: "VueUiDonutEvolution",
 				type: "datasetSerieAttribute",
 				property: "values",
@@ -509,18 +509,18 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			});
 		}), Bn.value.map((e, t) => ({
 			...e,
-			values: n(e.values),
-			color: ne(e.color) || nr.value[t] || s[t] || s[t % s.length],
+			values: ne(e.values),
+			color: ee(e.color) || nr.value[t] || o[t] || o[t % o.length],
 			length: (e.values || []).length,
-			uid: me()
-		})))), sr = u(() => K.value.filter((e) => !k.value.includes(e.uid)).map((e) => ({
+			uid: pe()
+		})))), sr = 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 = u(() => Math.max(...K.value.map((e) => e.length))), J = x([]), cr = 0;
-		nt(() => {
+		}))), q = d(() => Math.max(...K.value.map((e) => e.length))), J = S([]), cr = 0;
+		tt(() => {
 			let e = ++cr;
 			(async () => {
-				let t = await be({
+				let t = await ye({
 					values: R.value.style.chart.layout.grid.xAxis.dataLabels.values,
 					maxDatapoints: q.value,
 					formatter: R.value.style.chart.layout.grid.xAxis.dataLabels.datetimeFormatter,
@@ -530,7 +530,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				e === cr && (J.value = t);
 			})();
 		});
-		let Y = u(() => G.value.width / (V.value.end - V.value.start)), lr = u(() => {
+		let Y = d(() => G.value.width / (V.value.end - V.value.start)), lr = d(() => {
 			let e = [];
 			for (let t = 0; t < V.value.end - V.value.start; t += 1) {
 				let n = sr.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;
@@ -543,47 +543,47 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				});
 			}
 			return e;
-		}), ur = u(() => {
-			let e = Math.max(...lr.value.map((e) => e.subtotal).filter((e) => re(e))) ?? 1, t = Math.min(...lr.value.map((e) => e.subtotal).filter((e) => re(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), {
+		}), ur = d(() => {
+			let e = Math.max(...lr.value.map((e) => e.subtotal).filter((e) => r(e))) ?? 1, t = Math.min(...lr.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: r
+				min: i
 			};
-		}), X = u(() => {
+		}), X = d(() => {
 			let e = lr.value.length === 1 ? ur.value.max * 2 : ur.value.max;
 			return oe(ur.value.min, e, R.value.style.chart.layout.grid.yAxis.dataLabels.steps);
 		});
-		tt(() => X.value.ticks.join("|"), () => {
+		et(() => X.value.ticks.join("|"), () => {
 			Cn();
 		}, { flush: "post" });
 		function dr(e) {
 			return (e - X.value.min) / (X.value.max - X.value.min);
 		}
-		let fr = u(() => X.value.ticks.map((e) => ({
+		let fr = d(() => X.value.ticks.map((e) => ({
 			y: G.value.bottom - G.value.height * dr(e),
 			value: e
-		}))), Z = u(() => {
+		}))), Z = d(() => {
 			let e = lr.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 = A.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 * dr(t.subtotal), c = sr.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, c = G.value.bottom - G.value.height * dr(t.subtotal), l = sr.value.map((e) => ({
 					color: e.color,
 					name: e.name,
 					value: e.values[n] ?? 0
 				})).toSorted((e, t) => t.value - e.value);
 				return {
 					...t,
-					y: s,
+					y: c,
 					radius: i,
 					activeRadius: a,
 					hoverRadius: o,
-					donut: ue({ series: c }, t.x, s, i, i, 1.99999, 2, 1, 360, 105.25, i / 2),
-					donutHover: ue({ series: c }, t.x, s, o, o, 1.99999, 2, 1, 360, 105.25, o / 2),
-					donutFocus: ue({ 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: s({ series: l }, t.x, c, i, i, 1.99999, 2, 1, 360, 105.25, i / 2),
+					donutHover: s({ series: l }, t.x, c, o, o, 1.99999, 2, 1, 360, 105.25, o / 2),
+					donutFocus: s({ series: l }, 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 pr(e, t, n) {
-			return le(R.value.style.chart.layout.dataLabels.formatter, e, ie({
+			return ue(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,
@@ -597,7 +597,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			return isNaN(e.value / a(t, "value")) ? 0 : (e.value / a(t, "value") * 100).toFixed(0) + "%";
 		}
 		function hr(e) {
-			A.value = null, j.value = null, L.value = null, R.value.events.datapointLeave && R.value.events.datapointLeave({
+			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
 			});
@@ -606,16 +606,16 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			R.value.events.datapointEnter && R.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: e.index + V.value.start
-			}), A.value = e.index, j.value = e, L.value = e.index;
+			}), j.value = e.index, M.value = e, L.value = e.index;
 		}
-		let _r = x(null);
+		let _r = S(null);
 		function vr(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) && (j.value = null, A.value = null, nn.value = !0, M.value = e, Lr(e), [null, void 0].includes(t) || (_r.value = t));
+			}), !(!e.subtotal || !R.value.style.chart.dialog.show) && (M.value = null, j.value = null, tn.value = !0, N.value = e, Lr(e), [null, void 0].includes(t) || (_r.value = t));
 		}
-		let yr = u(() => K.value.map((e, t) => ({
+		let yr = 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",
@@ -623,10 +623,10 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			color: e.color
 		})).sort((e, t) => t.value - e.value).map((e, t) => ({
 			...e,
-			opacity: k.value.includes(e.uid) ? .5 : 1,
+			opacity: A.value.includes(e.uid) ? .5 : 1,
 			segregate: () => Cr(e.uid),
-			isSegregated: k.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 ? le(R.value.style.chart.layout.dataLabels.formatter, e.value, ie({
+			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,
 				v: e.value,
 				s: R.value.style.chart.layout.dataLabels.suffix,
@@ -634,12 +634,12 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			}), {
 				datapoint: e,
 				seriesIndex: t
-			}) : ""}${R.value.style.chart.legend.showPercentage ? k.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 / br.value) ? "-" : ie({
+			}) : ""}${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 / br.value) ? "-" : re({
 				v: e.value / br.value * 100,
 				s: "%",
 				r: R.value.style.chart.legend.roundingPercentage
 			})}${R.value.style.chart.legend.showValue ? ")" : ""}` : ""}`
-		}))), br = u(() => Z.value.map((e) => e.subtotal).reduce((e, t) => e + t, 0)), xr = u(() => ({
+		}))), br = d(() => Z.value.map((e) => e.subtotal).reduce((e, t) => e + t, 0)), xr = d(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: R.value.style.chart.legend.backgroundColor,
 			color: R.value.style.chart.legend.color,
@@ -648,37 +648,37 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			fontWeight: R.value.style.chart.legend.bold ? "bold" : ""
 		}));
 		function Sr() {
-			k.value.length ? k.value = [] : yr.value.forEach((e) => {
-				k.value.push(e.uid);
+			A.value.length ? A.value = [] : yr.value.forEach((e) => {
+				A.value.push(e.uid);
 			}), Nn("selectLegend", sr.value);
 		}
 		function Cr(e) {
-			if (k.value.includes(e)) k.value = k.value.filter((t) => t !== e), Nn("selectLegend", sr.value);
+			if (A.value.includes(e)) A.value = A.value.filter((t) => t !== e), Nn("selectLegend", sr.value);
 			else {
-				if (k.value.length === K.value.length - 1) return;
-				k.value.push(e), Nn("selectLegend", sr.value);
+				if (A.value.length === K.value.length - 1) return;
+				A.value.push(e), Nn("selectLegend", sr.value);
 			}
-			M.value && vr(Z.value.find((e, t) => t === _r.value));
+			N.value && vr(Z.value.find((e, t) => t === _r.value));
 		}
 		function wr(e) {
 			return K.value.length ? K.value.find((t) => t.name === e) || (Fn.value && console.warn(`VueUiDonutEvolution - Series name not found "${e}"`), null) : (Fn.value && console.warn("VueUiDonutEvolution - There are no series to show."), null);
 		}
 		function Tr(e) {
 			let t = wr(e);
-			t !== null && k.value.includes(t.uid) && Cr(t.uid);
+			t !== null && A.value.includes(t.uid) && Cr(t.uid);
 		}
 		function Er(e) {
 			let t = wr(e);
-			t !== null && (k.value.includes(t.uid) || Cr(t.uid));
+			t !== null && (A.value.includes(t.uid) || Cr(t.uid));
 		}
-		let Q = u(() => {
-			let e = [""].concat(K.value.filter((e) => !k.value.includes(e.uid)).map((e) => ({
+		let Q = d(() => {
+			let e = [""].concat(K.value.filter((e) => !A.value.includes(e.uid)).map((e) => ({
 				name: e.name,
 				color: e.color
 			})), ["Σ"]), t = [];
 			for (let e = 0; e < q.value; e += 1) {
-				let n = K.value.filter((e) => !k.value.includes(e.uid)).map((t) => t.values[e] ?? 0).reduce((e, t) => e + t, 0);
-				t.push([J.value[e] ? J.value[e].text : "-"].concat(K.value.filter((e) => !k.value.includes(e.uid)).map((t) => ({
+				let n = K.value.filter((e) => !A.value.includes(e.uid)).map((t) => t.values[e] ?? 0).reduce((e, t) => e + t, 0);
+				t.push([J.value[e] ? J.value[e].text : "-"].concat(K.value.filter((e) => !A.value.includes(e.uid)).map((t) => ({
 					value: t.values[e] ?? 0,
 					percentage: t.values[e] ? t.values[e] / n * 100 : 0
 				})), [`${R.value.style.chart.layout.dataLabels.prefix}${Number(n.toFixed(R.value.table.td.roundingValue))}${R.value.style.chart.layout.dataLabels.suffix}`]));
@@ -700,55 +700,55 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 					},
 					breakpoint: R.value.table.responsiveBreakpoint
 				},
-				colNames: [R.value.table.columnNames.period].concat(K.value.filter((e) => !k.value.includes(e.uid)).map((e) => e.name), R.value.table.columnNames.total)
+				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 Dr() {
 			return K.value;
 		}
 		function Or(e = null) {
-			Ye(() => {
-				let n = [
+			Je(() => {
+				let r = [
 					[R.value.style.chart.title.text],
 					[R.value.style.chart.title.subtitle.text],
 					[""]
-				], i = [...Q.value.head.map((e) => e.name ?? e)], a = [...Q.value.body.map((e) => e.map((e) => e.value ?? e))], o = n.concat([i]).concat(a), s = r(o);
+				], i = [...Q.value.head.map((e) => e.name ?? e)], a = [...Q.value.body.map((e) => e.map((e) => e.value ?? e))], o = r.concat([i]).concat(a), s = n(o);
 				e ? e(s) : t({
 					csvContent: s,
 					title: R.value.style.chart.title.text || "vue-ui-donut-evolution"
 				});
 			});
 		}
-		let $ = x(!1);
+		let $ = S(!1);
 		function kr(e) {
-			$.value = e, an.value += 1;
+			$.value = e, rn.value += 1;
 		}
 		function Ar() {
 			H.value.showTable = !H.value.showTable;
 		}
-		let jr = x(!1);
+		let jr = S(!1);
 		function Mr() {
 			jr.value = !jr.value;
 		}
 		function Nr(e) {
 			return e.proportion * 100 > R.value.style.chart.donuts.hover.hideLabelsUnderValue;
 		}
-		let Pr = x([]), Fr = x({}), Ir = x(null);
+		let Pr = S([]), Fr = S({}), Ir = S(null);
 		function Lr(e) {
 			Pr.value = e.donut.map((e) => ({
 				name: e.name,
 				values: [e.value],
 				color: e.color
-			})), Fr.value = te({
+			})), Fr.value = l({
 				...R.value.style.chart.dialog.donutChart,
 				responsive: !0,
 				theme: R.value.theme
 			}), Ir.value && Ir.value.open();
 		}
 		async function Rr({ scale: e = 2 } = {}) {
-			if (!N.value) return;
-			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await je({
-				domElement: N.value,
+			if (!P.value) return;
+			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ae({
+				domElement: P.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -762,9 +762,9 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				aspectRatio: r
 			};
 		}
-		let zr = u(() => B.value.width), Br = u(() => B.value.height);
-		Ae({
-			timeLabelsEls: dn,
+		let zr = d(() => B.value.width), Br = d(() => B.value.height);
+		ke({
+			timeLabelsEls: un,
 			timeLabels: J,
 			slicer: V,
 			configRef: R,
@@ -792,10 +792,10 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			height: Br,
 			rotation: R.value.style.chart.layout.grid.xAxis.dataLabels.autoRotate.angle
 		});
-		let Vr = u(() => {
+		let Vr = d(() => {
 			let e = R.value.table.useDialog && !R.value.table.show, t = H.value.showTable;
 			return {
-				component: e ? Qt : Gt,
+				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,
@@ -803,7 +803,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 					headerColor: R.value.table.th.color,
 					headerBg: R.value.table.th.backgroundColor,
 					isFullscreen: $.value,
-					fullscreenParent: N.value,
+					fullscreenParent: P.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: z.value
 				} : {
@@ -823,16 +823,16 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				}
 			};
 		});
-		tt(() => H.value.showTable, (e) => {
-			R.value.table.show || (e && R.value.table.useDialog && P.value ? P.value.open() : "close" in P.value && P.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 Hr() {
 			H.value.showTable = !1, hn.value && hn.value.setTableIconState(!1);
 		}
-		let Ur = u(() => yr.value.map((e) => ({
+		let Ur = d(() => yr.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Wr = u(() => R.value.style.chart.backgroundColor), Gr = u(() => R.value.style.chart.legend), Kr = u(() => R.value.style.chart.title), { isCallbackImaging: qr, isCallbackSvg: Jr, generateSvg: Yr, onGenerateImage: Xr } = De({
+		}))), Wr = d(() => R.value.style.chart.backgroundColor), Gr = d(() => R.value.style.chart.legend), Kr = d(() => R.value.style.chart.title), { isCallbackImaging: qr, isCallbackSvg: Jr, generateSvg: Yr, onGenerateImage: Xr } = Ee({
 			svg: Yn,
 			title: Kr,
 			legend: Gr,
@@ -858,14 +858,14 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			L.value = null, Mn.value = !0;
 		}
 		function $r() {
-			L.value = null, A.value = null, j.value = null, Mn.value = !1;
+			L.value = null, j.value = null, M.value = null, Mn.value = !1;
 		}
 		function ei(e) {
 			if (!Yn.value || jr.value || document.activeElement !== Yn.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) {
-				L.value = null, A.value = null, j.value = null;
+				L.value = null, j.value = null, M.value = null;
 				return;
 			}
 			if (r) {
@@ -875,16 +875,16 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				vr(e, L.value);
 				return;
 			}
-			let a = L.value, o = A.value, s = a !== null && a >= 0 && a < Z.value.length, c = o !== null && o >= 0 && o < Z.value.length;
+			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 ee = Z.value[a];
-			ee && gr(ee);
+			let l = Z.value[a];
+			l && gr(l);
 		}
-		let ti = u(() => ({
+		let ti = d(() => ({
 			headers: Q.value?.colNames ?? [],
 			rows: Q.value?.bodyA11y ?? []
 		}));
-		return Ne({
+		return Me({
 			getData: Dr,
 			getImage: Rr,
 			generatePdf: $n,
@@ -897,22 +897,22 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 			toggleAnnotator: Mr,
 			toggleFullscreen: kr,
 			copyAlt: Zr
-		}), (e, t) => (b(), p("div", {
+		}), (e, t) => (x(), m("div", {
 			ref_key: "donutEvolutionChart",
-			ref: N,
-			class: _(`vue-data-ui-component vue-ui-donut-evolution ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${R.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-			style: y(`font-family:${R.value.style.fontFamily};width:100%; text-align:center;background:${R.value.style.chart.backgroundColor}`),
-			id: O.value,
-			onMouseenter: t[5] ||= () => T(qn)(!0),
-			onMouseleave: t[6] ||= () => T(qn)(!1)
+			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(qn)(!0),
+			onMouseleave: t[6] ||= () => E(qn)(!1)
 		}, [
-			m("div", {
-				id: `chart-instructions-${O.value}`,
+			h("div", {
+				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
-			}, [m("p", null, w(R.value.a11y.translations.keyboardNavigation), 1)], 8, at),
-			ti.value?.rows?.length ? (b(), d(ze, {
+			}, [h("p", null, T(R.value.a11y.translations.keyboardNavigation), 1)], 8, it),
+			ti.value?.rows?.length ? (x(), f(Re, {
 				key: 0,
-				uid: O.value,
+				uid: k.value,
 				head: ti.value.headers,
 				body: ti.value.rows,
 				notice: R.value.a11y.translations.tableAvailable,
@@ -923,45 +923,47 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				"body",
 				"notice",
 				"caption"
-			])) : f("", !0),
-			R.value.userOptions.buttons.annotator ? (b(), d(T(Yt), {
+			])) : p("", !0),
+			R.value.userOptions.buttons.annotator ? (x(), f(E(Jt), {
 				key: 1,
-				svgRef: T(Yn),
+				svgRef: E(Yn),
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
 				active: jr.value,
 				isCursorPointer: z.value,
+				palette: R.value.userOptions.annotatorPalette,
 				onClose: Mr
 			}, {
-				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", v(g({ color: t })), void 0, !0)]),
-				"annotator-action-draw": E(({ mode: t }) => [C(e.$slots, "annotator-action-draw", v(g({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", v(g({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", v(g({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": E(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", v(g({ disabled: t })), void 0, !0)]),
+				"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)]),
 				_: 3
 			}, 8, [
 				"svgRef",
 				"backgroundColor",
 				"color",
 				"active",
-				"isCursorPointer"
-			])) : f("", !0),
-			tr.value ? (b(), p("div", {
+				"isCursorPointer",
+				"palette"
+			])) : p("", !0),
+			tr.value ? (x(), m("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: rn,
+				ref: nn,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : f("", !0),
-			R.value.style.chart.title.text ? (b(), p("div", {
+			}, null, 512)) : p("", !0),
+			R.value.style.chart.title.text ? (x(), m("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Tn,
 				style: "width:100%;background:transparent;padding-bottom:24px",
 				onMouseleave: hr
-			}, [(b(), d(Me, {
-				key: `title_${sn.value}`,
+			}, [(x(), f(je, {
+				key: `title_${on.value}`,
 				config: {
 					title: {
 						cy: "donut-evolution-div-title",
@@ -972,17 +974,17 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 						...R.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 544)) : f("", !0),
-			m("div", { id: `legend-top-${O.value}` }, null, 8, ot),
-			R.value.userOptions.show && Pn.value && (T(Jn) || T(Kn)) ? (b(), d(T(Xt), {
+			}, null, 8, ["config"]))], 544)) : p("", !0),
+			h("div", { id: `legend-top-${k.value}` }, null, 8, at),
+			R.value.userOptions.show && Pn.value && (E(Jn) || E(Kn)) ? (x(), f(E(Yt), {
 				ref_key: "userOptionsRef",
 				ref: hn,
-				key: `user_options_${an.value}`,
+				key: `user_options_${rn.value}`,
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
-				isPrinting: T(Zn),
-				isImaging: T(Qn),
-				uid: O.value,
+				isPrinting: E(Zn),
+				isImaging: E(Qn),
+				uid: k.value,
 				hasPdf: R.value.userOptions.buttons.pdf,
 				hasImg: R.value.userOptions.buttons.img,
 				hasSvg: R.value.userOptions.buttons.svg,
@@ -992,7 +994,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				hasAltCopy: R.value.userOptions.buttons.altCopy,
 				isFullscreen: $.value,
 				titles: { ...R.value.userOptions.buttonTitles },
-				chartElement: N.value,
+				chartElement: P.value,
 				position: R.value.userOptions.position,
 				hasAnnotator: R.value.userOptions.buttons.annotator,
 				isAnnotation: jr.value,
@@ -1001,18 +1003,18 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				tableDialog: R.value.table.useDialog,
 				isCursorPointer: z.value,
 				onToggleFullscreen: kr,
-				onGeneratePdf: T($n),
+				onGeneratePdf: E($n),
 				onGenerateCsv: Or,
-				onGenerateImage: T(Xr),
-				onGenerateSvg: T(Yr),
+				onGenerateImage: E(Xr),
+				onGenerateSvg: E(Yr),
 				onToggleTable: Ar,
 				onToggleAnnotator: Mr,
 				onCopyAlt: Zr,
-				style: y({ visibility: T(Jn) ? T(Kn) ? "visible" : "hidden" : "visible" })
-			}, Ge({ _: 2 }, [
+				style: b({ visibility: E(Jn) ? E(Kn) ? "visible" : "hidden" : "visible" })
+			}, We({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: E(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", v(g({
+					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(_({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1020,32 +1022,32 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: E(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: E(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: E(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: E(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: E(() => [C(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", v(g({
+					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", y(_({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1053,7 +1055,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", v(g({
+					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", y(_({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1061,85 +1063,85 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: E(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", v(g({ altCopy: t })), void 0, !0)]),
+					fn: D(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", y(_({ altCopy: t })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: E(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: E(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: D(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "10"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : f("", !0),
-			m("div", st, [(b(), p("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : p("", !0),
+			h("div", ot, [(x(), m("svg", {
 				ref_key: "svgRef",
 				ref: Yn,
-				xmlns: T(he),
-				"aria-describedby": `chart-instructions-${O.value}`,
-				class: _({
+				xmlns: E(me),
+				"aria-describedby": `chart-instructions-${k.value}`,
+				class: v({
 					"vue-data-ui-fullscreen--on": $.value,
 					"vue-data-ui-fulscreen--off": !$.value,
-					"vue-data-ui-no-transition": !T(Ln)
+					"vue-data-ui-no-transition": !E(Ln)
 				}),
 				viewBox: `0 0 ${G.value.absoluteWidth} ${G.value.absoluteHeight}`,
-				style: y(`max-width:100%; overflow: visible; background:transparent;color:${R.value.style.chart.color};`),
+				style: b(`max-width:100%; overflow: visible; background:transparent;color:${R.value.style.chart.color};`),
 				tabindex: "0",
 				onFocus: Qr,
 				onBlur: $r,
 				onKeydown: ei
 			}, [
-				qe(T(Jt)),
-				e.$slots["chart-background"] ? (b(), p("foreignObject", {
+				Ke(E(qt)),
+				e.$slots["chart-background"] ? (x(), m("foreignObject", {
 					key: 0,
 					x: G.value.left,
 					y: G.value.top,
 					width: G.value.width,
 					height: G.value.height,
 					style: { pointerEvents: "none" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, lt)) : f("", !0),
-				m("defs", null, [qe(Ie, {
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, ct)) : p("", !0),
+				h("defs", null, [Ke(Fe, {
 					t: "linear",
-					id: `hover_${O.value}`,
+					id: `hover_${k.value}`,
 					x1: "0%",
 					y1: "0%",
 					x2: "0%",
 					y2: "100%",
 					stops: [[
 						"0%",
-						T(o)(R.value.style.chart.backgroundColor, R.value.style.chart.layout.highlighter.opacity),
+						E(te)(R.value.style.chart.backgroundColor, R.value.style.chart.layout.highlighter.opacity),
 						1
 					], [
 						"100%",
-						T(o)(R.value.style.chart.layout.highlighter.color, R.value.style.chart.layout.highlighter.opacity),
+						E(te)(R.value.style.chart.layout.highlighter.color, R.value.style.chart.layout.highlighter.opacity),
 						1
 					]]
-				}, null, 8, ["id", "stops"]), qe(Ie, {
+				}, null, 8, ["id", "stops"]), Ke(Fe, {
 					t: "radial",
-					id: `focus_${O.value}`,
+					id: `focus_${k.value}`,
 					stops: [
 						[
 							"0%",
-							T(o)(T(ne)(R.value.style.chart.backgroundColor), 0),
+							E(te)(E(ee)(R.value.style.chart.backgroundColor), 0),
 							1
 						],
 						[
 							"77%",
-							T(o)("#FFFFFF", 30),
+							E(te)("#FFFFFF", 30),
 							1
 						],
 						[
 							"100%",
-							T(o)(T(ne)(R.value.style.chart.backgroundColor), 0),
+							E(te)(E(ee)(R.value.style.chart.backgroundColor), 0),
 							1
 						]
 					]
 				}, null, 8, ["id", "stops"])]),
-				R.value.style.chart.layout.grid.show ? (b(), p("g", ut, [
-					m("line", {
+				R.value.style.chart.layout.grid.show ? (x(), m("g", lt, [
+					h("line", {
 						x1: W.value ? G.value.right : G.value.left,
 						x2: W.value ? G.value.right : G.value.left,
 						y1: G.value.top,
@@ -1147,8 +1149,8 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, dt),
-					m("line", {
+					}, null, 8, ut),
+					h("line", {
 						x1: G.value.left,
 						x2: G.value.right,
 						y1: G.value.bottom,
@@ -1156,8 +1158,8 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, ft),
-					R.value.style.chart.layout.grid.showVerticalLines ? (b(), p("g", pt, [(b(!0), p(l, null, S(V.value.end - V.value.start, (e, t) => (b(), p("line", {
+					}, null, 8, dt),
+					R.value.style.chart.layout.grid.showVerticalLines ? (x(), m("g", ft, [(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,
@@ -1165,51 +1167,51 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 						stroke: R.value.style.chart.layout.grid.stroke,
 						"stroke-width": R.value.style.chart.layout.grid.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, mt))), 256))])) : f("", !0)
-				])) : f("", !0),
-				m("g", null, [R.value.style.chart.layout.grid.axis.yLabel ? (b(), p("text", {
+					}, null, 8, pt))), 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: pn,
+					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" }
-				}, w(R.value.style.chart.layout.grid.axis.yLabel), 9, ht)) : f("", !0), R.value.style.chart.layout.grid.axis.xLabel ? (b(), p("text", {
+				}, T(R.value.style.chart.layout.grid.axis.yLabel), 9, mt)) : p("", !0), R.value.style.chart.layout.grid.axis.xLabel ? (x(), m("text", {
 					key: 1,
 					ref_key: "xAxisLabel",
-					ref: fn,
+					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
-				}, w(R.value.style.chart.layout.grid.axis.xLabel), 9, gt)) : f("", !0)]),
-				R.value.style.chart.layout.grid.yAxis.dataLabels.show ? (b(), p("g", {
+				}, T(R.value.style.chart.layout.grid.axis.xLabel), 9, ht)) : p("", !0)]),
+				R.value.style.chart.layout.grid.yAxis.dataLabels.show ? (x(), m("g", {
 					key: 2,
 					ref_key: "scaleLabels",
-					ref: un,
-					class: _({
+					ref: ln,
+					class: v({
 						"donut-opacity": !0,
-						"donut-behind": A.value !== null
+						"donut-behind": j.value !== null
 					})
-				}, [(b(!0), p(l, null, S(fr.value, (e, t) => (b(), p("g", { key: `sl_${t}` }, [e.value >= X.value.min && e.value <= X.value.max ? (b(), p("path", {
+				}, [(x(!0), m(u, null, C(fr.value, (e, t) => (x(), m("g", { key: `sl_${t}` }, [e.value >= X.value.min && e.value <= X.value.max ? (x(), m("path", {
 					key: 0,
-					class: _({ "vue-data-ui-transition": T(Ln) }),
+					class: v({ "vue-data-ui-transition": E(Ln) }),
 					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, _t)) : f("", !0), e.value >= X.value.min && e.value <= X.value.max ? (b(), p("text", {
+				}, null, 10, gt)) : p("", !0), e.value >= X.value.min && e.value <= X.value.max ? (x(), m("text", {
 					key: 1,
-					class: _({ "vue-data-ui-transition": T(Ln) }),
+					class: v({ "vue-data-ui-transition": E(Ln) }),
 					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"
-				}, w(T(_e)(e.value) ? T(le)(R.value.style.chart.layout.dataLabels.formatter, e.value, T(ie)({
+				}, T(E(ge)(e.value) ? E(ue)(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,
@@ -1217,39 +1219,39 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				}) : ""), 11, vt)) : f("", !0)]))), 128))], 2)) : f("", !0),
-				R.value.style.chart.layout.grid.xAxis.dataLabels.show ? (b(), p("g", {
+				}) : ""), 11, _t)) : p("", !0)]))), 128))], 2)) : p("", !0),
+				R.value.style.chart.layout.grid.xAxis.dataLabels.show ? (x(), m("g", {
 					key: 3,
 					ref_key: "timeLabelsEls",
-					ref: dn,
-					class: _({ "donut-opacity": !0 })
-				}, [(b(!0), p(l, null, S(V.value.end - V.value.start, (e, t) => (b(), 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 ? (b(), p("g", yt, [String(J.value[t].text).includes("\n") ? (b(), p("text", {
+					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", vt, [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",
 					"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: T(i)({
+					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, xt)) : (b(), p("text", {
+				}, null, 8, bt)) : (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})`
-				}, w(J.value[t].text || ""), 9, bt))])) : f("", !0)]))), 256))], 512)) : f("", !0),
-				(b(!0), p(l, null, S(Z.value, (e, t) => (b(), p("g", null, [R.value.style.chart.layout.line.show && t < Z.value.length - 1 && ![e.subtotal, Z.value[t + 1].subtotal].includes(null) ? (b(), p("line", {
+				}, T(J.value[t].text || ""), 9, yt))])) : 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: _({
+					class: v({
 						"donut-opacity": !0,
-						"donut-behind": A.value !== null
+						"donut-behind": j.value !== null
 					}),
 					x1: e.x,
 					y1: e.y,
@@ -1259,20 +1261,20 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 					"stroke-width": R.value.style.chart.layout.line.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 10, St)) : f("", !0), e.subtotal === null ? f("", !0) : (b(), p("g", Ct, [e.subtotal ? (b(), p("circle", {
+				}, null, 10, xt)) : p("", !0), e.subtotal === null ? p("", !0) : (x(), m("g", St, [e.subtotal ? (x(), m("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
 					r: e.activeRadius,
 					fill: R.value.style.chart.backgroundColor
-				}, null, 8, wt)) : f("", !0)]))]))), 256)),
-				(b(!0), p(l, null, S(Z.value, (e, t) => (b(), p("g", { class: _({
+				}, null, 8, Ct)) : p("", !0)]))]))), 256)),
+				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
 					"donut-opacity": !0,
-					"donut-behind": t !== A.value && A.value !== null
-				}) }, [e.subtotal ? (b(), p("g", Tt, [A.value !== null && A.value === t ? (b(), p("g", Et, [
-					(b(!0), p(l, null, S(e.donutHover, (t) => (b(), p("g", null, [Nr(t) ? (b(), p("path", {
+					"donut-behind": t !== j.value && j.value !== null
+				}) }, [e.subtotal ? (x(), m("g", wt, [j.value !== null && j.value === t ? (x(), m("g", Tt, [
+					(x(!0), m(u, null, C(e.donutHover, (t) => (x(), m("g", null, [Nr(t) ? (x(), m("path", {
 						key: 0,
-						d: T(ce)(t, {
+						d: E(ce)(t, {
 							x: t.center.endX,
 							y: t.center.endY
 						}, 12, 12, {
@@ -1284,66 +1286,66 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						fill: "none"
-					}, null, 8, Dt)) : f("", !0)]))), 256)),
-					(b(!0), p(l, null, S(e.donutHover, (t, n) => (b(), p("g", null, [Nr(t) ? (b(), p("text", {
+					}, null, 8, Et)) : p("", !0)]))), 256)),
+					(x(!0), m(u, null, C(e.donutHover, (t, n) => (x(), m("g", null, [Nr(t) ? (x(), m("text", {
 						key: 0,
 						"data-cy-hover-label": "",
-						"text-anchor": T(se)(t, !0, 0).anchor,
-						x: T(se)(t, !0, 9).x,
-						y: T(pe)(t, 14, 10),
+						"text-anchor": E(se)(t, !0, 0).anchor,
+						x: E(se)(t, !0, 9).x,
+						y: E(fe)(t, 14, 10),
 						fill: R.value.style.chart.layout.grid.yAxis.dataLabels.color,
 						"font-size": 8,
 						"font-weight": "bold"
-					}, w(t.name) + ": " + w(mr(t, e.donut)) + " (" + w(t.value === null ? "-" : pr(t.value, t, n)) + ") ", 9, Ot)) : f("", !0)]))), 256)),
-					m("g", null, [m("circle", {
+					}, T(t.name) + ": " + T(mr(t, e.donut)) + " (" + T(t.value === null ? "-" : pr(t.value, t, n)) + ") ", 9, Dt)) : 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, kt)])
-				])) : f("", !0)])) : f("", !0)], 2))), 256)),
-				(b(!0), p(l, null, S(Z.value, (e, t) => (b(), p("g", { class: _({
+					}, null, 8, Ot)])
+				])) : 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 !== A.value && A.value !== null
-				}) }, [e.subtotal === null ? f("", !0) : (b(), p("g", At, [e.subtotal === 0 ? (b(), p("circle", {
+					"donut-behind": t !== j.value && j.value !== null
+				}) }, [e.subtotal === null ? p("", !0) : (x(), m("g", kt, [e.subtotal === 0 ? (x(), m("circle", {
 					key: 0,
 					cx: e.x,
 					cy: e.y,
 					r: 3,
 					fill: R.value.style.chart.color
-				}, null, 8, jt)) : A.value !== null && A.value === t ? (b(), p("g", Mt, [(b(!0), p(l, null, S(e.donutHover, (e, t) => (b(), p("path", {
+				}, null, 8, At)) : j.value !== null && j.value === t ? (x(), m("g", jt, [(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, Nt))), 256))])) : (b(), p("g", Pt, [(b(!0), p(l, null, S(e.donut, (e, t) => (b(), p("path", {
+				}, null, 8, Mt))), 256))])) : (x(), m("g", Nt, [(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, Ft))), 256))]))]))], 2))), 256)),
-				(b(!0), p(l, null, S(Z.value, (e, t) => (b(), p("g", { class: _({
+				}, null, 8, Pt))), 256))]))]))], 2))), 256)),
+				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("g", { class: v({
 					"donut-opacity": !0,
-					"donut-behind": t !== A.value && A.value !== null || nn.value && t !== M.value.index
-				}) }, [e.subtotal !== null && R.value.style.chart.layout.dataLabels.show ? (b(), p("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(), m("text", {
 					key: 0,
 					"text-anchor": "middle",
 					x: e.x,
-					y: A.value === e.index && e.subtotal ? e.y + R.value.style.chart.layout.dataLabels.fontSize / 3 : e.y - e.radius - R.value.style.chart.layout.dataLabels.fontSize + R.value.style.chart.layout.dataLabels.offsetY,
+					y: j.value === e.index && e.subtotal ? e.y + R.value.style.chart.layout.dataLabels.fontSize / 3 : e.y - e.radius - R.value.style.chart.layout.dataLabels.fontSize + R.value.style.chart.layout.dataLabels.offsetY,
 					"font-size": R.value.style.chart.layout.dataLabels.fontSize,
 					"font-weight": "bold",
 					fill: R.value.style.chart.layout.dataLabels.color
-				}, w(pr(e.subtotal, e, t)), 9, It)) : f("", !0)], 2))), 256)),
-				(b(!0), p(l, null, S(Z.value, (e, t) => (b(), p("rect", {
+				}, T(pr(e.subtotal, e, t)), 9, Ft)) : 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: [A.value, _r.value].includes(e.index) ? `url(#hover_${O.value})` : "transparent",
-					class: _({ "donut-hover": z.value && e.subtotal && [A.value, _r.value].includes(e.index) }),
+					fill: [j.value, _r.value].includes(e.index) ? `url(#hover_${k.value})` : "transparent",
+					class: v({ "donut-hover": z.value && e.subtotal && [j.value, _r.value].includes(e.index) }),
 					style: { pointerEvents: "none" }
-				}, null, 10, Lt))), 256)),
-				(b(!0), p(l, null, S(Z.value, (e, t) => (b(), p("rect", {
+				}, null, 10, It))), 256)),
+				(x(!0), m(u, null, C(Z.value, (e, t) => (x(), m("rect", {
 					"data-cy-trap": "",
 					x: G.value.left + t * Y.value,
 					y: G.value.top,
@@ -1353,27 +1355,27 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 					onMouseenter: (t) => gr(e),
 					onMouseleave: (t) => hr(e),
 					onClick: (n) => vr(e, t),
-					class: _({ "donut-hover": z.value && A.value === e.index && e.subtotal })
-				}, null, 42, Rt))), 256)),
-				C(e.$slots, "svg", { svg: {
+					class: v({ "donut-hover": z.value && j.value === e.index && e.subtotal })
+				}, null, 42, Lt))), 256)),
+				w(e.$slots, "svg", { svg: {
 					...G.value,
-					isPrintingImg: T(Zn) || T(Qn) || T(qr),
-					isPrintingSvg: T(Jr)
+					isPrintingImg: E(Zn) || E(Qn) || E(qr),
+					isPrintingSvg: E(Jr)
 				} }, void 0, !0)
-			], 46, ct)), e.$slots.hint ? (b(), p("div", zt, [C(e.$slots, "hint", v(g({
+			], 46, st)), e.$slots.hint ? (x(), m("div", Rt, [w(e.$slots, "hint", y(_({
 				hint: R.value.a11y.translations.keyboardNavigation,
 				isVisible: Mn.value
-			})), void 0, !0)])) : f("", !0)]),
-			e.$slots.watermark ? (b(), p("div", Bt, [C(e.$slots, "watermark", v(g({ isPrinting: T(Zn) || T(Qn) || T(qr) || T(Jr) })), void 0, !0)])) : f("", !0),
-			m("div", {
+			})), void 0, !0)])) : p("", !0)]),
+			e.$slots.watermark ? (x(), m("div", zt, [w(e.$slots, "watermark", y(_({ isPrinting: E(Zn) || E(Qn) || E(qr) || E(Jr) })), void 0, !0)])) : p("", !0),
+			h("div", {
 				ref_key: "chartSlicer",
 				ref: kn,
-				style: y(`width:100%;background:${R.value.style.chart.backgroundColor}`),
+				style: b(`width:100%;background:${R.value.style.chart.backgroundColor}`),
 				"data-dom-to-png-ignore": ""
-			}, [q.value > 1 && R.value.style.chart.zoom.show ? (b(), d(Le, {
+			}, [q.value > 1 && R.value.style.chart.zoom.show ? (x(), f(Ie, {
 				ref_key: "slicerComponent",
 				ref: On,
-				key: `slicer_${on.value}`,
+				key: `slicer_${an.value}`,
 				background: R.value.style.chart.zoom.color,
 				borderColor: R.value.style.chart.backgroundColor,
 				fontSize: R.value.style.chart.zoom.fontSize,
@@ -1402,7 +1404,7 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				minimapRightInsetRatio: G.value.absoluteWidth > 0 && R.value.style.chart.zoom.autoFit ? (G.value.absoluteWidth - G.value.right) / G.value.absoluteWidth : null,
 				onReset: Un
 			}, {
-				"reset-action": E(({ reset: t }) => [C(e.$slots, "reset-action", v(g({ reset: t })), void 0, !0)]),
+				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", y(_({ reset: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"background",
@@ -1428,52 +1430,52 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				"maxWidth",
 				"minimapLeftInsetRatio",
 				"minimapRightInsetRatio"
-			])) : f("", !0)], 4),
-			m("div", { id: `legend-bottom-${O.value}` }, null, 8, Vt),
-			mn.value && (R.value.style.chart.legend.show || e.$slots.legend) ? (b(), d(We, {
+			])) : p("", !0)], 4),
+			h("div", { id: `legend-bottom-${k.value}` }, null, 8, Bt),
+			pn.value && (R.value.style.chart.legend.show || e.$slots.legend) ? (x(), f(Ue, {
 				key: 6,
-				to: R.value.style.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
-			}, [m("div", {
+				to: R.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
+			}, [h("div", {
 				ref_key: "chartLegend",
 				ref: En
-			}, [C(e.$slots, "legend", { legend: yr.value }, () => [R.value.style.chart.legend.show ? (b(), d(He, {
-				key: `legend_${ln.value}`,
+			}, [w(e.$slots, "legend", { legend: yr.value }, () => [R.value.style.chart.legend.show ? (x(), f(Ve, {
+				key: `legend_${cn.value}`,
 				legendSet: yr.value,
 				config: xr.value,
 				onClickMarker: t[2] ||= ({ legend: e }) => Cr(e.uid)
 			}, {
-				item: E(({ legend: e, index: t }) => [m("div", {
+				item: D(({ legend: e, index: t }) => [h("div", {
 					onClick: (t) => Cr(e.uid),
-					style: y(`opacity:${k.value.includes(e.uid) ? .5 : 1}`)
-				}, w(e.display), 13, Ht)]),
-				legendToggle: E(() => [yr.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !T(zn) ? (b(), d(Re, {
+					style: b(`opacity:${A.value.includes(e.uid) ? .5 : 1}`)
+				}, T(e.display), 13, Vt)]),
+				legendToggle: D(() => [yr.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !E(zn) ? (x(), f(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: k.value.length > 0,
+					checked: A.value.length > 0,
 					onToggle: Sr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
 					"fontSize",
 					"checked"
-				])) : f("", !0)]),
+				])) : p("", !0)]),
 				_: 1
-			}, 8, ["legendSet", "config"])) : f("", !0)], !0)], 512)], 8, ["to"])) : f("", !0),
-			e.$slots.source ? (b(), p("div", {
+			}, 8, ["legendSet", "config"])) : p("", !0)], !0)], 512)], 8, ["to"])) : p("", !0),
+			e.$slots.source ? (x(), m("div", {
 				key: 7,
 				ref_key: "source",
 				ref: Dn,
 				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
-			Pn.value && R.value.userOptions.buttons.table ? (b(), d(Qe(Vr.value.component), Je({ key: 8 }, Vr.value.props, {
+			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
+			Pn.value && R.value.userOptions.buttons.table ? (x(), f(Ze(Vr.value.component), qe({ key: 8 }, Vr.value.props, {
 				ref_key: "tableUnit",
-				ref: P,
+				ref: mn,
 				onClose: Hr
-			}), Ge({
-				content: E(() => [(b(), d(T(qt), {
-					key: `table_${cn.value}`,
+			}), We({
+				content: D(() => [(x(), f(E(Kt), {
+					key: `table_${sn.value}`,
 					colNames: Q.value.colNames,
 					head: Q.value.head,
 					body: Q.value.body,
@@ -1483,8 +1485,8 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 					isCursorPointer: z.value,
 					onClose: Hr
 				}, {
-					th: E(({ th: e }) => [Ke(w(e.name ?? e), 1)]),
-					td: E(({ td: e }) => [e.value === null ? (b(), p("span", Ut, "-")) : (b(), p("b", Wt, w(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.prefix) + w(!isNaN(e.value) && e.value !== null ? Number(e.value.toFixed(R.value.table.td.roundingValue)).toLocaleString() : e) + w(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.suffix), 1)), m("span", null, w(e.percentage && !isNaN(e.percentage) ? `(${Number(e.percentage.toFixed(R.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)]),
+					th: D(({ th: e }) => [Ge(T(e.name ?? e), 1)]),
+					td: D(({ td: e }) => [e.value === null ? (x(), m("span", Ht, "-")) : (x(), m("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)), h("span", null, T(e.percentage && !isNaN(e.percentage) ? `(${Number(e.percentage.toFixed(R.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1498,41 +1500,41 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				_: 2
 			}, [R.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Ke(w(Vr.value.title), 1)]),
+				fn: D(() => [Ge(T(Vr.value.title), 1)]),
 				key: "0"
 			} : void 0, R.value.table.useDialog ? {
 				name: "actions",
-				fn: E(() => [m("button", {
+				fn: D(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[3] ||= (e) => Or(R.value.userOptions.callbacks.csv),
-					style: y({ cursor: z.value ? "cursor" : "default" })
-				}, [qe(T(Kt), {
+					style: b({ cursor: z.value ? "cursor" : "default" })
+				}, [Ke(E(Gt), {
 					name: "fileCsv",
 					stroke: Vr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : f("", !0),
-			R.value.style.chart.dialog.show ? (b(), d(T(Qt), {
+			} : void 0]), 1040)) : p("", !0),
+			R.value.style.chart.dialog.show ? (x(), f(E(Zt), {
 				key: 9,
 				ref_key: "dialog",
 				ref: Ir,
 				onClose: t[4] ||= (e) => {
-					M.value = null, nn.value = !1, j.value = null, A.value = null, _r.value = null;
+					N.value = null, tn.value = !1, M.value = null, j.value = null, _r.value = null;
 				},
 				backgroundColor: R.value.style.chart.dialog.backgroundColor,
 				color: R.value.style.chart.dialog.color,
 				headerBg: R.value.style.chart.dialog.header.backgroundColor,
 				headerColor: R.value.style.chart.dialog.header.color,
 				isFullscreen: $.value,
-				fullscreenParent: N.value
+				fullscreenParent: P.value
 			}, {
-				title: E(() => [Ke(w(J.value[Number(M.value.index)] ? J.value[Number(M.value.index)].text : ""), 1)]),
-				content: E(() => [M.value ? (b(), d(T(Zt), {
+				title: D(() => [Ge(T(J.value[Number(N.value.index)] ? J.value[Number(N.value.index)].text : ""), 1)]),
+				content: D(() => [N.value ? (x(), f(E(Xt), {
 					key: 0,
 					config: Fr.value,
 					dataset: Pr.value
-				}, null, 8, ["config", "dataset"])) : f("", !0)]),
+				}, null, 8, ["config", "dataset"])) : p("", !0)]),
 				_: 1
 			}, 8, [
 				"backgroundColor",
@@ -1541,10 +1543,10 @@ var rt = /* @__PURE__ */ e({ default: () => Gt }), it = ["id"], at = ["id"], ot
 				"headerColor",
 				"isFullscreen",
 				"fullscreenParent"
-			])) : f("", !0),
-			T(zn) ? (b(), d(we, { key: 10 })) : f("", !0)
-		], 46, it));
+			])) : p("", !0),
+			E(zn) ? (x(), f(Ce, { key: 10 })) : p("", !0)
+		], 46, rt));
 	}
-}, [["__scopeId", "data-v-9711e76c"]]);
+}, [["__scopeId", "data-v-c21c6903"]]);
 //#endregion
-export { rt as n, Gt as t };
+export { nt as n, Wt as t };