vue-data-ui 3.25.8 → 3.25.10

package/dist/{vue-ui-quick-chart-DQ_rhjqc.js → vue-ui-quick-chart-Cb8x00-X.js}

@@ -1,31 +1,31 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, G as n, Lt as r, Mt as i, P as a, Pt as o, S as ee, Vt as s, X as c, Yt as l, Zt as te, _ as ne, b as u, f as d, h as re, i as f, lt as ie, nt as ae, p, q as oe, t as se, w as ce } from "./lib-Dql7cqyA.js";
-import { n as le, t as ue } from "./useHints-Dq_w2E8B.js";
-import { t as de } from "./useTimeLabels-d2f-W1L4.js";
-import { t as fe } from "./useConfig-D32D002m.js";
-import { t as pe } from "./usePrinter-DISD7q5m.js";
-import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
-import { t as ge } from "./useNestedProp-Chvyfpl-.js";
-import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ve } from "./useChartExport-iwOqiIWX.js";
-import { t as ye } from "./useTransitions-g_zBREk2.js";
-import { t as be } from "./useStableElementSize-C7KADDKj.js";
-import { t as xe } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Se } from "./img-DhGApYG0.js";
-import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as we, t as Te } from "./useResponsive-ZtArZtUf.js";
-import { t as Ee } from "./SlicerPreview-B6iHOC9L.js";
-import { t as De } from "./BaseLegendToggle-CXQrLjd-.js";
-import { t as Oe } from "./A11yDataTable-DdRsVULz.js";
-import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ae } from "./vue_ui_quick_chart-mZBdml3Z.js";
-import { Fragment as m, Teleport as je, computed as h, createBlock as Me, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as Ne, createVNode as Pe, defineAsyncComponent as Fe, guardReactiveProps as y, mergeProps as Ie, nextTick as Le, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as Re, onMounted as ze, openBlock as C, ref as w, renderList as T, renderSlot as E, shallowRef as Be, toDisplayString as D, toRefs as Ve, unref as O, watch as He, watchEffect as Ue, withCtx as k } from "vue";
+import { Ct as t, G as n, Lt as r, Mt as i, P as a, Pt as o, S as ee, Vt as s, X as c, Yt as l, Z as te, Zt as u, _ as ne, b as d, f, h as re, i as p, lt as ie, nt as ae, p as oe, q as se, t as ce, w as le } from "./lib-Dql7cqyA.js";
+import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
+import { t as fe } from "./useTimeLabels-d2f-W1L4.js";
+import { t as pe } from "./useConfig-D32D002m.js";
+import { t as me } from "./usePrinter-hohanNCX.js";
+import { n as he, t as ge } from "./BaseScanner-Dzc8VT3j.js";
+import { t as _e } from "./useNestedProp-Chvyfpl-.js";
+import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ye } from "./useChartExport-iwOqiIWX.js";
+import { t as be } from "./useTransitions-g_zBREk2.js";
+import { t as xe } from "./useStableElementSize-C7KADDKj.js";
+import { t as Se } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as Ce } from "./img-BkMKbWsI.js";
+import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
+import { t as De } from "./SlicerPreview-Ccss7Vsq.js";
+import { t as Oe } from "./BaseLegendToggle-CXQrLjd-.js";
+import { t as ke } from "./A11yDataTable-DdRsVULz.js";
+import { t as Ae } from "./useChartAccessibility-DYqac8yF.js";
+import { t as je } from "./vue_ui_quick_chart-mZBdml3Z.js";
+import { Fragment as m, Teleport as Me, computed as h, createBlock as Ne, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as Pe, createVNode as Fe, defineAsyncComponent as Ie, guardReactiveProps as y, mergeProps as Le, nextTick as Re, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as ze, onMounted as Be, openBlock as C, ref as w, renderList as T, renderSlot as E, shallowRef as Ve, toDisplayString as D, toRefs as He, unref as O, watch as Ue, watchEffect as We, withCtx as k } from "vue";
 //#region src/chartDetector.js
 var A = {
 	LINE: "LINE",
 	BAR: "BAR",
 	DONUT: "DONUT"
-}, We = [
+}, Ge = [
 	"SERIE",
 	"SERIES",
 	"DATA",
@@ -33,15 +33,15 @@ var A = {
 	"VALUES",
 	"NUM"
 ];
-function Ge({ dataset: e, barLineSwitch: t = 6, debug: n = !0 }) {
+function Ke({ dataset: e, barLineSwitch: t = 6, debug: n = !0 }) {
 	let r = null, i = null, a = 0;
-	if ((typeof e == "number" || typeof e == "string") && n && console.warn(`The provided dataset (${e}) is not sufficient to build a chart`), qe(e) && (j(e) && (r = e.length < t ? A.BAR : A.LINE, i = e, a = e.length), Je(e))) {
-		if (!Xe(e)) return n && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
+	if ((typeof e == "number" || typeof e == "string") && n && console.warn(`The provided dataset (${e}) is not sufficient to build a chart`), Je(e) && (j(e) && (r = e.length < t ? A.BAR : A.LINE, i = e, a = e.length), Ye(e))) {
+		if (!Ze(e)) return n && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
 		let o = Object.keys(e[0]), ee = Object.values(e[0]);
-		if (!o.some((e) => Ze(e))) return n && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-		Qe(ee, (e) => typeof e == "number") && (r = A.DONUT, i = e), Qe(ee, (e) => Array.isArray(e) && j(e)) && (r = $e(e) > t ? A.LINE : A.BAR, a = $e(e), i = e.map((e) => ({
+		if (!o.some((e) => Qe(e))) return n && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
+		$e(ee, (e) => typeof e == "number") && (r = A.DONUT, i = e), $e(ee, (e) => Array.isArray(e) && j(e)) && (r = et(e) > t ? A.LINE : A.BAR, a = et(e), i = e.map((e) => ({
 			...e,
-			data: et(e, (e) => j(e))
+			data: tt(e, (e) => j(e))
 		}))), e = e.map((e) => M(e)), i = i.map((e) => M(e));
 	}
 	return {
@@ -51,21 +51,21 @@ function Ge({ dataset: e, barLineSwitch: t = 6, debug: n = !0 }) {
 		maxSeriesLength: a
 	};
 }
-function Ke(e) {
-	return !e || qe(e) && !e.length;
-}
 function qe(e) {
+	return !e || Je(e) && !e.length;
+}
+function Je(e) {
 	return Array.isArray(e);
 }
 function j(e) {
-	if (!qe(e) || Ke(e)) return !1;
+	if (!Je(e) || qe(e)) return !1;
 	let t = e.map((e) => Number(e));
 	return ![...new Set(t.flatMap((e) => typeof e == "number" && !isNaN(e)))].includes(!1);
 }
-function Je(e) {
-	return !qe(e) || Ke(e) || [...new Set(e.flatMap((e) => typeof e == "object" && !Array.isArray(e)))].includes(!1) ? !1 : !e.map((e) => Object.keys(e).length > 0).includes(!1);
+function Ye(e) {
+	return !Je(e) || qe(e) || [...new Set(e.flatMap((e) => typeof e == "object" && !Array.isArray(e)))].includes(!1) ? !1 : !e.map((e) => Object.keys(e).length > 0).includes(!1);
 }
-function Ye(e, t) {
+function Xe(e, t) {
 	let n = Object.keys(e).sort(), r = Object.keys(t).sort();
 	if (n.length !== r.length) return !1;
 	for (let i = 0; i < n.length; i += 1) {
@@ -74,23 +74,23 @@ function Ye(e, t) {
 	}
 	return !0;
 }
-function Xe(e) {
+function Ze(e) {
 	if (e.length <= 1) return !0;
-	for (let t = 0; t < e.length; t += 1) for (let n = t + 1; n < e.length; n += 1) if (!Ye(e[t], e[n])) return !1;
+	for (let t = 0; t < e.length; t += 1) for (let n = t + 1; n < e.length; n += 1) if (!Xe(e[t], e[n])) return !1;
 	return !0;
 }
-function Ze(e) {
-	return We.includes(e.toUpperCase());
+function Qe(e) {
+	return Ge.includes(e.toUpperCase());
 }
-function Qe(e, t) {
+function $e(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length; r += 1) n.push(t(e[r]));
 	return n.includes(!0);
 }
-function $e(e) {
+function et(e) {
 	return Math.max(...[...e].flatMap((e) => Object.values(e).filter((e) => j(e)).map((e) => e.length)));
 }
-function et(e, t) {
+function tt(e, t) {
 	return Object.values(e).filter((e) => t(e))[0];
 }
 function M(e) {
@@ -100,149 +100,145 @@ function M(e) {
 }
 //#endregion
 //#region src/components/vue-ui-quick-chart.vue
-var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt = ["id"], it = { style: { position: "relative" } }, at = [
+var N = /* @__PURE__ */ e({ default: () => On }), nt = ["id"], rt = ["id"], it = ["id"], at = { style: { position: "relative" } }, ot = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], ot = [
+], st = [
 	"x",
 	"y",
 	"width",
 	"height"
-], st = [
+], ct = [
 	"x",
 	"y",
 	"width",
 	"height"
-], ct = ["width", "height"], lt = ["id"], ut = ["id"], dt = ["id"], ft = ["flood-color"], pt = {
+], lt = ["width", "height"], ut = ["id"], dt = ["id"], ft = ["id"], pt = ["flood-color"], mt = {
 	key: 0,
 	class: "donut-label-connectors"
-}, mt = [
+}, ht = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"filter"
-], ht = [
+], gt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"filter"
-], gt = { class: "donut" }, _t = [
+], _t = { class: "donut" }, vt = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], vt = [
+], yt = [
 	"d",
 	"onMouseenter",
 	"onMouseout",
 	"onClick"
-], yt = {
+], bt = {
 	key: 1,
 	class: "donut-labels"
-}, bt = [
+}, xt = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke",
 	"filter"
-], xt = [
+], St = [
 	"text-anchor",
 	"x",
 	"y",
 	"fill",
 	"font-size",
 	"filter"
-], St = [
+], Ct = [
 	"text-anchor",
 	"x",
 	"y",
 	"fill",
 	"font-size",
 	"filter"
-], Ct = {
+], wt = {
 	key: 2,
 	class: "donut-hollow"
-}, wt = [
+}, Tt = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Tt = [
+], Et = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Et = {
+], Dt = {
 	key: 0,
 	class: "line-grid"
-}, Dt = [
+}, Ot = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Ot = [
+], kt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], kt = {
+], At = {
 	key: 1,
 	class: "line-axis"
-}, At = [
+}, jt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], jt = [
+], Mt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Mt = [
+], Nt = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Nt = [
+], Pt = [
 	"transform",
 	"font-size",
 	"fill"
-], Pt = {
+], Ft = {
 	key: 3,
 	class: "periodLabels"
-}, Ft = [
+}, It = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], It = { key: 0 }, Lt = [
+], Lt = { key: 0 }, Rt = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform"
-], Rt = [
+], zt = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform",
 	"innerHTML"
-], zt = { class: "plots" }, Bt = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Vt = [
+], Bt = { class: "plots" }, Vt = [
 	"d",
 	"stroke",
 	"stroke-width"
@@ -255,21 +251,25 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 	"stroke",
 	"stroke-width"
 ], Wt = [
+	"d",
+	"stroke",
+	"stroke-width"
+], Gt = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], Gt = {
+], Kt = {
 	key: 4,
 	class: "dataLabels"
-}, Kt = [
+}, qt = [
 	"font-size",
 	"fill",
 	"transform"
-], qt = {
+], Jt = {
 	key: 5,
 	class: "tooltip-traps"
-}, Jt = [
+}, Yt = [
 	"x",
 	"y",
 	"height",
@@ -278,70 +278,70 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Yt = {
+], Xt = {
 	key: 0,
 	class: "line-grid"
-}, Xt = [
+}, Zt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Zt = [
+], Qt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Qt = {
+], $t = {
 	key: 1,
 	class: "line-axis"
-}, $t = [
+}, en = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], en = [
+], tn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], tn = [
+], nn = [
 	"d",
 	"stroke",
 	"stroke-width"
-], nn = [
+], rn = [
 	"transform",
 	"font-size",
 	"fill"
-], rn = {
+], an = {
 	key: 3,
 	class: "periodLabels"
-}, an = [
+}, on = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], on = { key: 0 }, sn = [
+], sn = { key: 0 }, cn = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform"
-], cn = [
+], ln = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform",
 	"innerHTML"
-], ln = { class: "plots" }, un = [
+], un = { class: "plots" }, dn = [
 	"x",
 	"width",
 	"height",
@@ -349,17 +349,17 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 	"fill",
 	"stroke",
 	"stroke-width"
-], dn = {
+], fn = {
 	key: 4,
 	class: "dataLabels"
-}, fn = [
+}, pn = [
 	"transform",
 	"font-size",
 	"fill"
-], pn = {
+], mn = {
 	key: 5,
 	class: "tooltip-traps"
-}, mn = [
+}, hn = [
 	"x",
 	"y",
 	"height",
@@ -368,28 +368,28 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], hn = {
+], gn = {
 	key: 6,
 	class: "axis-labels"
-}, gn = [
+}, _n = [
 	"font-size",
 	"fill",
 	"x",
 	"y"
-], _n = [
+], vn = [
 	"font-size",
 	"fill",
 	"x",
 	"y"
-], vn = [
+], yn = [
 	"font-size",
 	"fill",
 	"transform"
-], yn = [
+], bn = [
 	"font-size",
 	"fill",
 	"transform"
-], bn = {
+], xn = {
 	key: 1,
 	style: {
 		position: "absolute",
@@ -399,13 +399,13 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, xn = {
+}, Sn = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Sn = ["id"], Cn = ["onClick", "onKeydown"], wn = ["onClick", "onKeydown"], Tn = ["onClick", "onKeydown"], En = {
+}, Cn = ["id"], wn = ["onClick", "onKeydown"], Tn = ["onClick", "onKeydown"], En = ["onClick", "onKeydown"], Dn = {
 	key: 1,
 	class: "vue-ui-quick-chart-not-processable"
-}, Dn = /*#__PURE__*/ Ce({
+}, On = /*#__PURE__*/ we({
 	__name: "vue-ui-quick-chart",
 	props: {
 		config: {
@@ -431,44 +431,44 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: Ce, emit: We }) {
-		let Ke = Fe(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), qe = Fe(() => import("./PackageVersion-ekRvV3aF.js").then((e) => e.t)), Ye = Fe(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), Xe = Fe(() => import("./Tooltip-hhrkQ3Lk.js")), Ze = Fe(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), { vue_ui_quick_chart: Qe } = fe(), { isThemeValid: $e, warnInvalidTheme: et } = _e(), M = e, N = w(null), Dn = w(null), On = w(null), kn = w(null), P = w(oe()), F = w(!1), An = w(null), jn = w(""), I = w(null), Mn = w(null), Nn = w(null), L = w([]), Pn = w(0), Fn = w(0), In = w(!1), Ln = w(null), Rn = w(null), R = w(null), zn = w(null), Bn = w(null), Vn = w(null), Hn = Be(null), Un = w(!1), Wn = w(0), Gn = w(0), Kn = w(!1);
-		function qn() {
-			Hn.value = N.value?.parentNode ?? null;
-		}
+	setup(e, { expose: we, emit: Ge }) {
+		let qe = Ie(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), Je = Ie(() => import("./PackageVersion-CZZayD-D.js").then((e) => e.t)), Xe = Ie(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Ze = Ie(() => import("./Tooltip-hhrkQ3Lk.js")), Qe = Ie(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), { vue_ui_quick_chart: $e } = pe(), { isThemeValid: et, warnInvalidTheme: tt } = ve(), M = e, N = w(null), On = w(null), kn = w(null), An = w(null), P = w(se()), F = w(!1), jn = w(null), Mn = w(""), I = w(null), Nn = w(null), Pn = w(null), L = w([]), Fn = w(0), In = w(0), Ln = w(!1), Rn = w(null), zn = w(null), R = w(null), Bn = w(null), Vn = w(null), Hn = w(null), Un = Ve(null), Wn = w(!1), Gn = w(0), Kn = w(0), qn = w(!1);
 		function Jn() {
+			Un.value = N.value?.parentNode ?? null;
+		}
+		function Yn() {
 			return new Promise((e) => {
 				requestAnimationFrame(() => {
 					requestAnimationFrame(e);
 				});
 			});
 		}
-		async function Yn() {
-			let e = ++Gn.value;
-			Un.value = !1, await Le(), await Jn(), await Jn(), e === Gn.value && (Wn.value += 1, Un.value = !0);
+		async function Xn() {
+			let e = ++Kn.value;
+			Wn.value = !1, await Re(), await Yn(), await Yn(), e === Kn.value && (Gn.value += 1, Wn.value = !0);
 		}
-		function Xn() {
-			Kn.value || (Kn.value = !0, Le(() => {
-				Kn.value = !1, qn(), Yn();
+		function Zn() {
+			qn.value || (qn.value = !0, Re(() => {
+				qn.value = !1, Jn(), Xn();
 			}));
 		}
-		let Zn = be({
-			elementRef: Hn,
+		let Qn = xe({
+			elementRef: Un,
 			minimumWidth: 2,
 			minimumHeight: 2,
 			stableFramesRequired: 2,
 			once: !1,
 			onSizeAccepted: () => {
-				Yn();
+				Xn();
 			}
 		});
 		w("#FFFFFF");
-		let z = w(fr());
-		le({
+		let z = w(pr());
+		ue({
 			config: () => z.value,
 			dataset: () => M.dataset,
 			component: "VueUiQuickChart",
-			rules: [ue.emptyArray, {
+			rules: [de.emptyArray, {
 				test: () => !0,
 				message: [
 					"👀 This is a swiss-knife component. If you need more control, consider using dedicated components:",
@@ -479,13 +479,13 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				]
 			}]
 		});
-		let { transitionEnabled: B } = ye({
+		let { transitionEnabled: B } = be({
 			config: () => z.value.transitions,
 			dataset: () => M.dataset
-		}), Qn = h(() => z.value.debug), $n = h(() => z.value.useCursorPointer), V = w(null), er = w({
+		}), $n = h(() => z.value.debug), er = h(() => z.value.useCursorPointer), V = w(null), tr = w({
 			x: 0,
 			y: 0
-		}), H = w("pointer"), tr = w(!1), nr = h(() => te({
+		}), H = w("pointer"), nr = w(!1), rr = h(() => u({
 			dafaultConfig: {
 				backgroundColor: "#99999930",
 				customPalette: ["#BABABA"],
@@ -506,10 +506,10 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				zoomEndIndex: null
 			},
 			userConfig: z.value.skeletonConfig ?? {}
-		})), { loading: rr, FINAL_DATASET: ir, manualLoading: ar } = me({
-			...Ve(M),
+		})), { loading: ir, FINAL_DATASET: ar, manualLoading: or } = he({
+			...He(M),
 			FINAL_CONFIG: z,
-			prepareConfig: fr,
+			prepareConfig: pr,
 			skeletonDataset: M.config?.skeletonDataset ?? [
 				1,
 				2,
@@ -522,28 +522,28 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				55,
 				89
 			],
-			skeletonConfig: te({
+			skeletonConfig: u({
 				defaultConfig: z.value,
-				userConfig: nr.value
+				userConfig: rr.value
 			})
-		}), { svgRef: or } = ke({ config: { text: z.value.title } }), sr = h(() => z.value.showUserOptionsOnChartHover), cr = h(() => z.value.keepUserOptionsStateOnChartLeave), lr = w(!z.value.showUserOptionsOnChartHover), ur = w(!1);
-		function dr(e = !1) {
-			ur.value = e, sr.value && (lr.value = e);
+		}), { svgRef: sr } = Ae({ config: { text: z.value.title } }), cr = h(() => z.value.showUserOptionsOnChartHover), lr = h(() => z.value.keepUserOptionsStateOnChartLeave), ur = w(!z.value.showUserOptionsOnChartHover), dr = w(!1);
+		function fr(e = !1) {
+			dr.value = e, cr.value && (ur.value = e);
 		}
-		function fr() {
-			let e = ge({
+		function pr() {
+			let e = _e({
 				userConfig: M.config,
-				defaultConfig: Qe
+				defaultConfig: $e
 			}), t = {}, n = e.theme;
 			if (n) {
-				if (!$e.value(e)) et(e), t = e;
+				if (!et.value(e)) tt(e), t = e;
 				else {
-					let i = ge({
-						userConfig: Ae[n] || M.config,
+					let i = _e({
+						userConfig: je[n] || M.config,
 						defaultConfig: e
 					});
 					t = {
-						...ge({
+						..._e({
 							userConfig: M.config,
 							defaultConfig: i
 						}),
@@ -553,17 +553,29 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			} else t = e;
 			return t;
 		}
-		He(() => M.config, (e) => {
-			rr.value || (z.value = fr()), K.value.width = z.value.width, K.value.height = z.value.height, lr.value = !z.value.showUserOptionsOnChartHover, Cr(), xr.value.showTooltip = z.value.showTooltip;
-		}, { deep: !0 }), He(() => M.dataset, (e) => {
-			W.value = mr.value, X.value.start = 0, X.value.end = W.value.maxSeriesLength, Fn.value += 1, Xn();
-		}, { deep: !0 }), He(() => M.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (ar.value = !1);
+		function mr(e) {
+			let t = te(e);
+			return t?.tooltipPosition && delete t.tooltipPosition, JSON.stringify(t);
+		}
+		let hr = mr(M.config);
+		Ue(() => M.config, (e, t) => {
+			let n = mr(e), r = n !== hr;
+			hr = n;
+			let i = pr();
+			if (!r) {
+				z.value.tooltipPosition = i.tooltipPosition, wr.value.showTooltip = z.value.showTooltip;
+				return;
+			}
+			ir.value || (z.value = i), K.value.width = z.value.width, K.value.height = z.value.height, ur.value = !z.value.showUserOptionsOnChartHover, Er(), wr.value.showTooltip = z.value.showTooltip;
+		}, { deep: !0 }), Ue(() => M.dataset, (e) => {
+			W.value = _r.value, X.value.start = 0, X.value.end = W.value.maxSeriesLength, In.value += 1, Zn();
+		}, { deep: !0 }), Ue(() => M.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (or.value = !1);
 		}, { immediate: !0 });
-		let pr = h(() => ce(z.value.customPalette)), U = We, mr = h(() => {
-			let e = Ge({
-				debug: Qn.value,
-				dataset: s(ir.value, [
+		let gr = h(() => le(z.value.customPalette)), U = Ge, _r = h(() => {
+			let e = Ke({
+				debug: $n.value,
+				dataset: s(ar.value, [
 					"serie",
 					"series",
 					"data",
@@ -573,53 +585,53 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				]),
 				barLineSwitch: z.value.chartIsBarUnderDatasetLength
 			});
-			return !e && Qn.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
-		}), W = w(mr.value), hr = h(() => !!W.value), G = h(() => W.value ? W.value.type : null);
-		He(() => G.value, (e) => {
+			return !e && $n.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
+		}), W = w(_r.value), vr = h(() => !!W.value), G = h(() => W.value ? W.value.type : null);
+		Ue(() => G.value, (e) => {
 			e || ae({
 				componentName: "VueUiQuickChart",
 				type: "dataset",
-				debug: Qn.value
+				debug: $n.value
 			});
 		}, { immediate: !0 });
-		let { isPrinting: gr, isImaging: _r, generatePdf: vr, generateImage: yr } = pe({
+		let { isPrinting: yr, isImaging: br, generatePdf: xr, generateImage: Sr } = me({
 			elementId: `${G.value}_${P.value}`,
 			fileName: z.value.title || G.value,
 			options: z.value.userOptionsPrint
-		}), br = h(() => z.value.showUserOptions && !z.value.title), K = w({
+		}), Cr = h(() => z.value.showUserOptions && !z.value.title), K = w({
 			width: z.value.width,
 			height: z.value.height
-		}), xr = w({ showTooltip: z.value.showTooltip });
-		He(z, () => {
-			xr.value = { showTooltip: z.value.showTooltip };
+		}), wr = w({ showTooltip: z.value.showTooltip });
+		Ue(z, () => {
+			wr.value = { showTooltip: z.value.showTooltip };
 		}, { immediate: !0 });
-		let q = Be(null), Sr = Be(null);
-		ze(() => {
-			In.value = !0, qn(), Zn.start(), Cr(), Yn();
+		let q = Ve(null), Tr = Ve(null);
+		Be(() => {
+			Ln.value = !0, Jn(), Qn.start(), Er(), Xn();
 		});
-		function Cr() {
-			if (o(M.dataset) || (ar.value = z.value.loading), z.value.responsive) {
-				let e = we(() => {
-					let { width: e, height: t } = Te({
+		function Er() {
+			if (o(M.dataset) || (or.value = z.value.loading), z.value.responsive) {
+				let e = Te(() => {
+					let { width: e, height: t } = Ee({
 						chart: N.value,
-						title: z.value.title ? Dn.value : null,
-						legend: z.value.showLegend ? On.value : null,
-						slicer: [A.BAR, A.LINE].includes(G.value) && z.value.zoomXy && W.value.maxSeriesLength > 1 ? kn.value : null,
-						source: Mn.value,
-						noTitle: Nn.value
+						title: z.value.title ? On.value : null,
+						legend: z.value.showLegend ? kn.value : null,
+						slicer: [A.BAR, A.LINE].includes(G.value) && z.value.zoomXy && W.value.maxSeriesLength > 1 ? An.value : null,
+						source: Nn.value,
+						noTitle: Pn.value
 					});
 					requestAnimationFrame(() => {
-						K.value.width = e, K.value.height = t, Xn();
+						K.value.width = e, K.value.height = t, Zn();
 					});
 				});
-				q.value && (Sr.value && q.value.unobserve(Sr.value), q.value.disconnect()), q.value = new ResizeObserver(e), Sr.value = N.value.parentNode, q.value.observe(Sr.value);
+				q.value && (Tr.value && q.value.unobserve(Tr.value), q.value.disconnect()), q.value = new ResizeObserver(e), Tr.value = N.value.parentNode, q.value.observe(Tr.value);
 			}
-			Lr(), Xn();
+			Br(), Zn();
 		}
-		Re(() => {
-			Zn.stop(), q.value && (Sr.value && q.value.unobserve(Sr.value), q.value.disconnect(), q.value = null, Sr.value = null);
+		ze(() => {
+			Qn.stop(), q.value && (Tr.value && q.value.unobserve(Tr.value), q.value.disconnect(), q.value = null, Tr.value = null);
 		});
-		let wr = h(() => {
+		let Dr = h(() => {
 			switch (G.value) {
 				case A.LINE: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
 				case A.BAR: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
@@ -627,13 +639,13 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				default: return `0 0 ${K.value.width <= 0 ? 10 : K.value.width} ${K.value.height <= 0 ? 10 : K.value.height}`;
 			}
 		});
-		function Tr(e) {
+		function Or(e) {
 			return [...e].map((e) => e.value).reduce((e, t) => e + t, 0);
 		}
-		function Er(e) {
+		function kr(e) {
 			return z.value.blurOnHover && ![null, void 0].includes(I.value) && I.value !== e ? `url(#blur_${P.value})` : "";
 		}
-		function Dr() {
+		function Ar() {
 			L.value.length ? L.value = [] : G.value === A.DONUT ? Y.value.legend.forEach((e) => {
 				L.value.push(e.id);
 			}) : G.value === A.LINE ? Z.value.legend.forEach((e) => {
@@ -642,17 +654,17 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				L.value.push(e.id);
 			}), G.value === A.DONUT ? U("selectLegend", Y.value.dataset) : G.value === A.LINE ? U("selectLegend", Z.value.dataset) : G.value === A.BAR && U("selectLegend", Q.value.dataset);
 		}
-		function Or(e, t) {
+		function jr(e, t) {
 			L.value.includes(e) ? L.value = L.value.filter((t) => t !== e) : L.value.length < t && L.value.push(e);
 		}
-		let kr = w(null), Ar = w(null), jr = w(!1);
-		function Mr(e, t) {
-			jr.value = !0;
-			let n = e.value, r = mr.value.dataset.find((t, n) => e.id === `donut_${n}`).VALUE;
+		let Mr = w(null), Nr = w(null), Pr = w(!1);
+		function Fr(e, t) {
+			Pr.value = !0;
+			let n = e.value, r = _r.value.dataset.find((t, n) => e.id === `donut_${n}`).VALUE;
 			if (L.value.includes(e.id)) {
 				L.value = L.value.filter((t) => t !== e.id);
 				function t() {
-					n > r ? (jr.value = !1, cancelAnimationFrame(Ar.value), W.value = {
+					n > r ? (Pr.value = !1, cancelAnimationFrame(Nr.value), W.value = {
 						...W.value,
 						dataset: W.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
 							...t,
@@ -666,12 +678,12 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 							value: n,
 							VALUE: n
 						} : t)
-					}, Ar.value = requestAnimationFrame(t));
+					}, Nr.value = requestAnimationFrame(t));
 				}
 				t();
 			} else if (t.length > 1) {
 				function t() {
-					n < r / 100 ? (jr.value = !1, cancelAnimationFrame(kr.value), L.value.push(e.id), W.value = {
+					n < r / 100 ? (Pr.value = !1, cancelAnimationFrame(Mr.value), L.value.push(e.id), W.value = {
 						...W.value,
 						dataset: W.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
 							...t,
@@ -685,16 +697,16 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 							value: n,
 							VALUE: n
 						} : t)
-					}, kr.value = requestAnimationFrame(t));
+					}, Mr.value = requestAnimationFrame(t));
 				}
 				t();
 			} else U("selectLegend", Y.value.dataset);
 		}
 		let J = w(null);
-		function Nr(e) {
+		function Ir(e) {
 			J.value = e;
 		}
-		let Pr = h(() => z.value.donutThicknessRatio < .01 ? .01 : z.value.donutThicknessRatio > .4 ? .4 : z.value.donutThicknessRatio), Y = h(() => {
+		let Lr = h(() => z.value.donutThicknessRatio < .01 ? .01 : z.value.donutThicknessRatio > .4 ? .4 : z.value.donutThicknessRatio), Y = h(() => {
 			if (G.value !== A.DONUT) return null;
 			let e = W.value.dataset.map((e, t) => ({
 				...e,
@@ -703,12 +715,12 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				id: `donut_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : pr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
+				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
 				immutableValue: e.value
 			}));
 			function n(e, t) {
 				return c({
-					v: isNaN(e.value / Tr(t)) ? 0 : e.value / Tr(t) * 100,
+					v: isNaN(e.value / Or(t)) ? 0 : e.value / Or(t) * 100,
 					s: "%",
 					r: z.value.dataLabelRoundingPercentage
 				});
@@ -717,11 +729,11 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				return e.proportion * 100 > z.value.donutHideLabelUnderPercentage;
 			}
 			function o(e, t) {
-				let n = mr.value.dataset.find((t, n) => `donut_${n}` === e).VALUE;
+				let n = _r.value.dataset.find((t, n) => `donut_${n}` === e).VALUE;
 				return Math.abs(String(Number(n.toFixed(0))).length - String(Number(t.toFixed(0))).length);
 			}
 			function s({ datapoint: n, seriesIndex: r, triggerMode: i = "pointer" }) {
-				An.value = {
+				jn.value = {
 					datapoint: n,
 					seriesIndex: r,
 					config: z.value,
@@ -736,7 +748,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					seriesIndex: r,
 					series: e,
 					config: z.value
-				}))) jn.value = a({
+				}))) Mn.value = a({
 					datapoint: n,
 					seriesIndex: r,
 					series: e,
@@ -744,7 +756,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				});
 				else {
 					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${n.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${n.color}"/></svg>`, e += `<b>${f(z.value.formatter, n.value, c({
+					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${z.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${n.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${n.color}"/></svg>`, e += `<b>${p(z.value.formatter, n.value, c({
 						p: z.value.valuePrefix,
 						v: n.value,
 						s: z.value.valueSuffix,
@@ -756,7 +768,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						v: n.proportion * 100,
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
-					})})</span></div>`, jn.value = `<div>${e}</div>`;
+					})})</span></div>`, Mn.value = `<div>${e}</div>`;
 				}
 				F.value = !0;
 			}
@@ -772,56 +784,56 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					seriesIndex: t
 				}), U("selectDatapoint", e);
 			}
-			let ne = {
+			let u = {
 				centerX: K.value.width / 2,
 				centerY: K.value.height / 2
-			}, u = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), d = e.map((e, t) => ({
+			}, ne = e.filter((e) => !L.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), d = e.map((e, t) => ({
 				...e,
-				proportion: (e.value || 0) / u,
+				proportion: (e.value || 0) / ne,
 				value: e.value || 0,
-				absoluteValue: mr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
+				absoluteValue: _r.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
 				shape: "circle"
-			})), re = K.value.width / 2, ae = K.value.height / 2, p = K.value.height * z.value.donutRadiusRatio;
+			})), f = K.value.width / 2, re = K.value.height / 2, ae = K.value.height * z.value.donutRadiusRatio;
 			return {
 				dataset: d.filter((e) => !L.value.includes(e.id)),
 				legend: d,
-				drawingArea: ne,
+				drawingArea: u,
 				displayArcPercentage: n,
 				isArcBigEnough: a,
 				useTooltip: s,
 				killTooltip: l,
 				selectDatapoint: te,
 				getSpaces: o,
-				total: u,
-				cx: re,
-				cy: ae,
-				radius: p,
-				chart: i({ series: e.filter((e) => !L.value.includes(e.id)) }, re, ae, p, p, 1.99999, 2, 1, 360, 105.25, K.value.height * Pr.value)
+				total: ne,
+				cx: f,
+				cy: re,
+				radius: ae,
+				chart: i({ series: e.filter((e) => !L.value.includes(e.id)) }, f, re, ae, ae, 1.99999, 2, 1, 360, 105.25, K.value.height * Lr.value)
 			};
 		}), X = w({
 			start: 0,
 			end: W.value.maxSeriesLength
 		});
-		function Fr() {
-			Lr();
+		function Rr() {
+			Br();
 		}
-		let Ir = w(null);
-		async function Lr() {
-			await Le(), await Le();
-			let { zoomStartIndex: e, zoomEndIndex: t } = z.value, n = Ir.value;
-			(e != null || t != null) && n ? (e != null && n.setStartValue(e), t != null && n.setEndValue(Rr(t + 1))) : (X.value = {
+		let zr = w(null);
+		async function Br() {
+			await Re(), await Re();
+			let { zoomStartIndex: e, zoomEndIndex: t } = z.value, n = zr.value;
+			(e != null || t != null) && n ? (e != null && n.setStartValue(e), t != null && n.setEndValue(Vr(t + 1))) : (X.value = {
 				start: 0,
 				end: W.value.maxSeriesLength
-			}, Fn.value += 1), Xn();
+			}, In.value += 1), Zn();
 		}
-		function Rr(e) {
+		function Vr(e) {
 			let t = W.value.maxSeriesLength;
 			return e > t ? t : e < 0 || z.value.zoomStartIndex !== null && e < z.value.zoomStartIndex ? z.value.zoomStartIndex === null ? 1 : z.value.zoomStartIndex + 1 : e;
 		}
-		let zr = h(() => {
+		let Hr = h(() => {
 			if (!z.value.zoomMinimap.show || G.value === A.DONUT) return [];
 			let e = [];
-			j(W.value.dataset) && (e = W.value.dataset), Je(W.value.dataset) && (e = W.value.dataset.map((e, t) => ({
+			j(W.value.dataset) && (e = W.value.dataset), Ye(W.value.dataset) && (e = W.value.dataset.map((e, t) => ({
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
 				id: G.value === A.LINE ? `line_${t}` : `bar_${t}`
 			})).filter((e) => !L.value.includes(e.id)));
@@ -831,36 +843,36 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			let r = Math.min(...n);
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
 		});
-		function Br() {
+		function Ur() {
 			let e = 0;
-			return zn.value && (e = Array.from(zn.value.querySelectorAll("text")).reduce((e, t) => {
+			return Bn.value && (e = Array.from(Bn.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e + 4;
 		}
-		let Vr = w(0), Hr = we((e) => {
-			Vr.value = e;
+		let Wr = w(0), Gr = Te((e) => {
+			Wr.value = e;
 		}, 100);
-		Ue((e) => {
+		We((e) => {
 			let t = R.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				Hr(e[0].contentRect.height);
+				Gr(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Re(() => {
-			Vr.value = 0;
+		}), ze(() => {
+			Wr.value = 0;
 		});
-		let Ur = h(() => {
+		let Kr = h(() => {
 			let e = 0;
-			return R.value && (e = Vr.value), 0 + e;
+			return R.value && (e = Wr.value), 0 + e;
 		}), Z = h(() => {
 			if (G.value !== A.LINE) return null;
-			Wn.value;
+			Gn.value;
 			let e = {
 				height: K.value.height,
 				width: K.value.width
-			}, n = Br();
+			}, n = Ur();
 			if (R.value) {
 				let e = R.value.getBBox().x;
 				e < 0 && (n += Math.abs(e));
@@ -869,25 +881,25 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				left: n + z.value.xyPaddingLeft,
 				top: z.value.xyPaddingTop,
 				right: e.width - z.value.xyPaddingRight,
-				bottom: e.height - z.value.xyPaddingBottom - Ur.value,
+				bottom: e.height - z.value.xyPaddingBottom - Kr.value,
 				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - n),
-				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - Ur.value)
+				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - Kr.value)
 			}, a = [];
 			j(W.value.dataset) && (a = [{
 				values: W.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: W.value.dataset,
 				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: z.value.title,
-				color: pr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
+				color: gr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
 				id: "line_0"
-			}]), Je(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
+			}]), Ye(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
 				...e,
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
 				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
 				id: `line_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : pr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
+				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
 				values: e.values.slice(X.value.start, X.value.end),
 				absoluteValues: e.values,
 				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
@@ -900,7 +912,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				y: i.bottom - i.height * ((e + l) / (s.max + l)),
 				x: i.left - 8,
 				value: e
-			})), re = a.map((e, t) => ({
+			})), f = a.map((e, t) => ({
 				...e,
 				shape: "circle",
 				coordinates: e.values.map((e, t) => ({
@@ -917,17 +929,17 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					linePath: t.join(" ")
 				};
 			});
-			function ae(e) {
+			function re(e) {
 				return a.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
 				})).filter((e) => !L.value.includes(e.id));
 			}
-			function p(e, n = "pointer") {
+			function ae(e, n = "pointer") {
 				I.value = e, J.value = e, V.value = e, H.value = n;
-				let r = ae(e);
-				An.value = {
+				let r = re(e);
+				jn.value = {
 					datapoint: r,
 					seriesIndex: e,
 					config: z.value,
@@ -942,7 +954,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					seriesIndex: e,
 					series: a,
 					config: z.value
-				}))) jn.value = i({
+				}))) Mn.value = i({
 					datapoint: r,
 					seriesIndex: e,
 					series: a,
@@ -955,7 +967,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>
                         <span>${t.name}:</span>
-                        <b>${f(z.value.formatter, t.value, c({
+                        <b>${p(z.value.formatter, t.value, c({
 							p: z.value.valuePrefix,
 							v: t.value,
 							s: z.value.valueSuffix,
@@ -967,19 +979,19 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
                         </b>
                     </div>
                 `;
-					}), jn.value = e;
+					}), Mn.value = e;
 				}
 				F.value = !0;
 			}
 			function oe(e) {
-				let t = ae(e);
+				let t = re(e);
 				z.value.events.datapointLeave && z.value.events.datapointLeave({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), I.value = null, J.value = null, F.value = !1, V.value = null, H.value = "pointer";
 			}
 			function se(e) {
-				let t = ae(e);
+				let t = re(e);
 				z.value.events.datapointClick && z.value.events.datapointClick({
 					datapoint: t,
 					seriesIndex: e + X.value.start
@@ -987,23 +999,23 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			}
 			return {
 				absoluteZero: te,
-				dataset: re.filter((e) => !L.value.includes(e.id)),
-				legend: re,
+				dataset: f.filter((e) => !L.value.includes(e.id)),
+				legend: f,
 				drawingArea: i,
 				extremes: o,
 				slotSize: u,
 				yLabels: d,
-				useTooltip: p,
+				useTooltip: ae,
 				killTooltip: oe,
 				selectDatapoint: se
 			};
 		}), Q = h(() => {
 			if (G.value !== A.BAR) return null;
-			Wn.value;
+			Gn.value;
 			let e = {
 				height: K.value.height,
 				width: K.value.width
-			}, n = Br();
+			}, n = Ur();
 			if (R.value) {
 				let e = R.value.getBBox().x;
 				e < 0 && (n += Math.abs(e));
@@ -1012,25 +1024,25 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				left: n + z.value.xyPaddingLeft,
 				top: z.value.xyPaddingTop,
 				right: e.width - z.value.xyPaddingRight,
-				bottom: e.height - z.value.xyPaddingBottom - Ur.value,
+				bottom: e.height - z.value.xyPaddingBottom - Kr.value,
 				width: Math.max(10, e.width - z.value.xyPaddingLeft - z.value.xyPaddingRight - n),
-				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - Ur.value)
+				height: Math.max(10, e.height - z.value.xyPaddingTop - z.value.xyPaddingBottom - Kr.value)
 			}, a = [];
 			j(W.value.dataset) && (a = [{
 				values: W.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: W.value.dataset,
 				absoluteIndices: W.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: z.value.title,
-				color: pr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
+				color: gr.value[z.value.paletteStartIndex] || r[z.value.paletteStartIndex],
 				id: "bar_0"
-			}]), Je(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
+			}]), Ye(W.value.dataset) && (a = W.value.dataset.map((e, t) => ({
 				...e,
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
 				name: e.NAME || e.DESCRIPTION || e.TITLE || e.LABEL || `Serie ${t}`,
 				id: `bar_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? ee(e.COLOR) : pr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
+				color: e.COLOR ? ee(e.COLOR) : gr.value[t + z.value.paletteStartIndex] || r[t + z.value.paletteStartIndex] || r[(t + z.value.paletteStartIndex) % r.length],
 				values: e.values.slice(X.value.start, X.value.end),
 				absoluteValues: e.values,
 				absoluteIndices: e.values.map((e, t) => t).slice(X.value.start, X.value.end)
@@ -1043,7 +1055,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				y: i.bottom - i.height * ((e + l) / (s.max + l)),
 				x: i.left - 8,
 				value: e
-			})), re = a.map((e, t) => ({
+			})), f = a.map((e, t) => ({
 				...e,
 				shape: "square",
 				coordinates: e.values.map((e, n) => {
@@ -1056,7 +1068,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						width: c
 					};
 				})
-			})), ae = a.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
+			})), re = a.filter((e) => !L.value.includes(e.id)).map((e, t) => ({
 				...e,
 				coordinates: e.values.map((e, n) => {
 					let r = (e + l) / (o.max + l) * i.height, ee = Math.abs(e) / (o.max + l) * i.height, s = l / (o.max + l) * i.height, c = u / a.filter((e) => !L.value.includes(e.id)).length - z.value.barGap / a.filter((e) => !L.value.includes(e.id)).length;
@@ -1069,7 +1081,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					};
 				})
 			}));
-			function p(e) {
+			function ae(e) {
 				return a.map((t) => ({
 					...t,
 					value: t.values[e],
@@ -1078,8 +1090,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			}
 			function oe(e, n = "pointer") {
 				I.value = e, J.value = e, V.value = e, H.value = n;
-				let r = p(e);
-				An.value = {
+				let r = ae(e);
+				jn.value = {
 					datapoint: r,
 					seriesIndex: e,
 					config: z.value,
@@ -1094,7 +1106,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					seriesIndex: e,
 					series: a,
 					config: z.value
-				}))) jn.value = i({
+				}))) Mn.value = i({
 					point: r,
 					seriesIndex: e,
 					series: a,
@@ -1107,7 +1119,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${t.color}"/></svg>
                         <span>${t.name}:</span>
-                        <b>${f(z.value.formatter, t.value, c({
+                        <b>${p(z.value.formatter, t.value, c({
 							p: z.value.valuePrefix,
 							v: t.value,
 							s: z.value.valueSuffix,
@@ -1119,19 +1131,19 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
                         </b>
                     </div>
                 `;
-					}), jn.value = e;
+					}), Mn.value = e;
 				}
 				F.value = !0;
 			}
 			function se(e) {
-				let t = p(e);
+				let t = ae(e);
 				z.value.events.datapointLeave && z.value.events.datapointLeave({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), F.value = !1, I.value = null, J.value = null, V.value = null, H.value = "pointer";
 			}
 			function ce(e) {
-				let t = p(e);
+				let t = ae(e);
 				z.value.events.datapointClick && z.value.events.datapointClick({
 					datapoint: t,
 					seriesIndex: e + X.value.start
@@ -1139,9 +1151,9 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			}
 			return {
 				absoluteZero: te,
-				dataset: ae.filter((e) => !L.value.includes(e.id)),
-				absoluteDataset: ae,
-				legend: re,
+				dataset: re.filter((e) => !L.value.includes(e.id)),
+				absoluteDataset: re,
+				legend: f,
 				drawingArea: i,
 				extremes: o,
 				slotSize: u,
@@ -1150,13 +1162,13 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				killTooltip: se,
 				selectDatapoint: ce
 			};
-		}), Wr = h(() => G.value === A.LINE ? Z.value?.drawingArea ?? null : G.value === A.BAR ? Q.value?.drawingArea ?? null : null), Gr = h(() => {
-			let e = Wr.value, t = K.value.width;
+		}), qr = h(() => G.value === A.LINE ? Z.value?.drawingArea ?? null : G.value === A.BAR ? Q.value?.drawingArea ?? null : null), Jr = h(() => {
+			let e = qr.value, t = K.value.width;
 			return !e || t <= 0 || !z.value.zoomXyAutoFit ? null : e.left / t;
-		}), Kr = h(() => {
-			let e = Wr.value, t = K.value.width;
+		}), Yr = h(() => {
+			let e = qr.value, t = K.value.width;
 			return !e || t <= 0 || !z.value.zoomXyAutoFit ? null : (t - e.right) / t;
-		}), qr = h(() => {
+		}), Xr = h(() => {
 			if (G.value === A.LINE) return Z.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
 				...e,
 				isVisible: !L.value.includes(e.id),
@@ -1169,37 +1181,37 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				type: "bar",
 				series: e.absoluteValues
 			}));
-		}), $ = w([]), Jr = 0;
-		Ue(() => {
-			let e = ++Jr;
+		}), $ = w([]), Zr = 0;
+		We(() => {
+			let e = ++Zr;
 			(async () => {
-				let t = await de({
+				let t = await fe({
 					values: z.value.xyPeriods,
 					maxDatapoints: W.value.maxSeriesLength,
 					formatter: z.value.datetimeFormatter,
 					start: X.value.start,
 					end: X.value.end
 				});
-				e === Jr && ($.value = t);
+				e === Zr && ($.value = t);
 			})();
 		});
-		let Yr = h(() => {
+		let Qr = h(() => {
 			let e = z.value.xyPeriodsModulo;
 			return z.value.xyPeriods.length ? Math.min(e, [...new Set($.value.map((e) => e.text))].length) : e;
-		}), Xr = w(!1);
-		function Zr(e) {
-			Xr.value = e, Pn.value += 1;
+		}), $r = w(!1);
+		function ei(e) {
+			$r.value = e, Fn.value += 1;
 		}
-		function Qr() {
-			xr.value.showTooltip = !xr.value.showTooltip;
+		function ti() {
+			wr.value.showTooltip = !wr.value.showTooltip;
 		}
-		let $r = w(!1);
-		function ei() {
-			$r.value = !$r.value;
+		let ni = w(!1);
+		function ri() {
+			ni.value = !ni.value;
 		}
-		async function ti({ scale: e = 2 } = {}) {
+		async function ii({ scale: e = 2 } = {}) {
 			if (!N.value) return;
-			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
+			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ce({
 				domElement: N.value,
 				base64: !0,
 				img: !0,
@@ -1214,8 +1226,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				aspectRatio: r
 			};
 		}
-		let ni = h(() => K.value.width), ri = h(() => K.value.height);
-		xe({
+		let ai = h(() => K.value.width), oi = h(() => K.value.height);
+		Se({
 			timeLabelsEls: R,
 			timeLabels: $,
 			slicer: X,
@@ -1224,33 +1236,33 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
 			isAutoSize: !1,
 			rotation: z.value.xyPeriodLabelsAutoRotate.angle,
-			height: ri.value,
-			width: ni.value
+			height: oi.value,
+			width: ai.value
 		});
-		let ii = h(() => z.value.backgroundColor), ai = h(() => G.value === A.DONUT ? Y.value.legend : G.value === A.LINE ? Z.value.legend : Q.value.legend), oi = h(() => ({
+		let si = h(() => z.value.backgroundColor), ci = h(() => G.value === A.DONUT ? Y.value.legend : G.value === A.LINE ? Z.value.legend : Q.value.legend), li = h(() => ({
 			show: z.value.showLegend,
 			bold: !1,
 			backgroundColor: z.value.backgroundColor,
 			color: z.value.color,
 			fontSize: z.value.legendFontSize,
 			position: z.value.legendPosition
-		})), si = h(() => ({
+		})), ui = h(() => ({
 			text: z.value.title,
 			color: z.value.color,
 			fontSize: z.value.titleFontSize,
 			bold: z.value.titleBold,
 			textAlign: z.value.titleTextAlign,
 			subtitle: { text: "" }
-		})), { generateSvg: ci, onGenerateImage: li } = ve({
-			svg: or,
-			title: si,
-			legend: oi,
-			legendItems: ai,
-			backgroundColor: ii,
+		})), { generateSvg: di, onGenerateImage: fi } = ye({
+			svg: sr,
+			title: ui,
+			legend: li,
+			legendItems: ci,
+			backgroundColor: si,
 			getSvgCallback: () => z.value.userOptionsCallbacks.svg,
-			generateImage: yr
+			generateImage: Sr
 		});
-		async function ui() {
+		async function pi() {
 			if (U("copyAlt", {
 				config: z.value,
 				dataset: {
@@ -1271,18 +1283,18 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				}
 			}));
 		}
-		function di(e, t) {
+		function mi(e, t) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 		}
-		let fi = h(() => G.value === A.DONUT ? Y.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
-		function pi() {
-			V.value = null, tr.value = !0;
+		let hi = h(() => G.value === A.DONUT ? Y.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
+		function gi() {
+			V.value = null, nr.value = !0;
 		}
-		function mi() {
-			V.value = null, H.value = "pointer", F.value = !1, I.value = null, J.value = null, tr.value = !1;
+		function _i() {
+			V.value = null, H.value = "pointer", F.value = !1, I.value = null, J.value = null, nr.value = !1;
 		}
-		function hi(e) {
-			if (!or.value || $r.value || document.activeElement !== or.value || !fi.value) return;
+		function vi(e) {
+			if (!sr.value || ni.value || document.activeElement !== sr.value || !hi.value) 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) {
@@ -1310,11 +1322,11 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				}
 				return;
 			}
-			let a = V.value, o = J.value, ee = a !== null && a >= 0 && a < fi.value, s = o !== null && o >= 0 && o < fi.value;
-			if (ee ? n ? (a += 1, a >= fi.value && (a = 0)) : t && (--a, a < 0 && (a = fi.value - 1)) : s ? (a = n ? o + 1 : o - 1, a >= fi.value && (a = 0), a < 0 && (a = fi.value - 1)) : a = n ? 0 : fi.value - 1, G.value === A.DONUT) {
+			let a = V.value, o = J.value, ee = a !== null && a >= 0 && a < hi.value, s = o !== null && o >= 0 && o < hi.value;
+			if (ee ? n ? (a += 1, a >= hi.value && (a = 0)) : t && (--a, a < 0 && (a = hi.value - 1)) : s ? (a = n ? o + 1 : o - 1, a >= hi.value && (a = 0), a < 0 && (a = hi.value - 1)) : a = n ? 0 : hi.value - 1, G.value === A.DONUT) {
 				let e = Y.value?.chart?.[a];
 				if (!e) return;
-				gi(a), Y.value.useTooltip({
+				yi(a), Y.value.useTooltip({
 					datapoint: e,
 					seriesIndex: a,
 					triggerMode: "keyboard"
@@ -1322,18 +1334,18 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				return;
 			}
 			if (G.value === A.LINE) {
-				gi(a), Z.value?.useTooltip(a, "keyboard");
+				yi(a), Z.value?.useTooltip(a, "keyboard");
 				return;
 			}
-			G.value === A.BAR && (gi(a), Q.value?.useTooltip(a, "keyboard"));
+			G.value === A.BAR && (yi(a), Q.value?.useTooltip(a, "keyboard"));
 		}
-		function gi(e) {
-			if (!Number.isFinite(e) || !or.value) return;
+		function yi(e) {
+			if (!Number.isFinite(e) || !sr.value) return;
 			let t = 0, n = 0;
 			if (G.value === A.DONUT) {
 				let r = Y.value?.chart?.[e];
 				if (!r) return;
-				t = d(r, !0).x, n = p(r);
+				t = f(r, !0).x, n = oe(r);
 			}
 			if (G.value === A.LINE) {
 				let r = Z.value?.drawingArea, i = Z.value?.slotSize;
@@ -1345,13 +1357,13 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				if (!r || !i) return;
 				t = r.left + i * (e + 1) - i / 2, n = r.top + r.height / 2;
 			}
-			let r = or.value.getBoundingClientRect();
-			er.value = {
+			let r = sr.value.getBoundingClientRect();
+			tr.value = {
 				x: r.left + t / K.value.width * r.width,
 				y: r.top + n / K.value.height * r.height
 			};
 		}
-		let _i = h(() => {
+		let bi = h(() => {
 			if (G.value === A.DONUT) return {
 				headers: [
 					"Series",
@@ -1366,7 +1378,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					}) : "0%";
 					return [
 						e.name,
-						f(z.value.formatter, e.value, c({
+						p(z.value.formatter, e.value, c({
 							p: z.value.valuePrefix,
 							v: e.value,
 							s: z.value.valueSuffix,
@@ -1382,7 +1394,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					headers: ["Index", ...e.map((e) => e.name)],
 					rows: Array.from({ length: t }, (t, n) => [$.value?.[n + X.value.start]?.text ?? String(n + X.value.start), ...e.map((e) => {
 						let t = e.values?.[n];
-						return f(z.value.formatter, t, c({
+						return p(z.value.formatter, t, c({
 							p: z.value.valuePrefix,
 							v: t,
 							s: z.value.valueSuffix,
@@ -1396,16 +1408,16 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				rows: []
 			};
 		});
-		return Ce({
-			getImage: ti,
-			generatePdf: vr,
-			generateImage: yr,
-			generateSvg: ci,
-			toggleTooltip: Qr,
-			toggleAnnotator: ei,
-			toggleFullscreen: Zr,
-			copyAlt: ui
-		}), (e, r) => hr.value ? (C(), _("div", {
+		return we({
+			getImage: ii,
+			generatePdf: xr,
+			generateImage: Sr,
+			generateSvg: di,
+			toggleTooltip: ti,
+			toggleAnnotator: ri,
+			toggleFullscreen: ei,
+			copyAlt: pi
+		}), (e, r) => vr.value ? (C(), _("div", {
 			key: 0,
 			id: `${G.value}_${P.value}`,
 			ref_key: "quickChart",
@@ -1413,21 +1425,21 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			class: b({
 				"vue-data-ui-component": !0,
 				"vue-ui-quick-chart": !0,
-				"vue-data-ui-wrapper-fullscreen": Xr.value
+				"vue-data-ui-wrapper-fullscreen": $r.value
 			}),
 			style: S(`background:${z.value.backgroundColor};color:${z.value.color};font-family:${z.value.fontFamily}; position: relative; ${z.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: r[2] ||= () => dr(!0),
-			onMouseleave: r[3] ||= () => dr(!1)
+			onMouseenter: r[2] ||= () => fr(!0),
+			onMouseleave: r[3] ||= () => fr(!1)
 		}, [
 			v("div", {
 				id: `chart-instructions-${P.value}`,
 				class: "sr-only"
-			}, [v("p", null, D(z.value.a11y.translations.keyboardNavigation), 1)], 8, nt),
-			_i.value.rows.length ? (C(), Me(Oe, {
+			}, [v("p", null, D(z.value.a11y.translations.keyboardNavigation), 1)], 8, rt),
+			bi.value.rows.length ? (C(), Ne(ke, {
 				key: 0,
 				uid: P.value,
-				head: _i.value.headers,
-				body: _i.value.rows,
+				head: bi.value.headers,
+				body: bi.value.rows,
 				notice: z.value.a11y.translations.tableAvailable,
 				caption: z.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1437,15 +1449,15 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				"notice",
 				"caption"
 			])) : g("", !0),
-			z.value.userOptionsButtons.annotator ? (C(), Me(O(Ye), {
+			z.value.userOptionsButtons.annotator ? (C(), Ne(O(Xe), {
 				key: 1,
-				svgRef: O(or),
+				svgRef: O(sr),
 				backgroundColor: z.value.backgroundColor,
 				color: z.value.color,
-				active: $r.value,
-				isCursorPointer: $n.value,
+				active: ni.value,
+				isCursorPointer: er.value,
 				palette: z.value.annotatorPalette,
-				onClose: ei
+				onClose: ri
 			}, {
 				"annotator-action-close": k(() => [E(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": k(({ color: t }) => [E(e.$slots, "annotator-action-color", x(y({ color: t })), void 0, !0)]),
@@ -1462,20 +1474,20 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				"isCursorPointer",
 				"palette"
 			])) : g("", !0),
-			br.value ? (C(), _("div", {
+			Cr.value ? (C(), _("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Nn,
+				ref: Pn,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : g("", !0),
-			z.value.showUserOptions && (cr.value || lr.value) ? (C(), Me(O(Ze), {
+			z.value.showUserOptions && (lr.value || ur.value) ? (C(), Ne(O(Qe), {
 				ref: "details",
-				key: `user_option_${Pn.value}`,
+				key: `user_option_${Fn.value}`,
 				backgroundColor: z.value.backgroundColor,
 				color: z.value.color,
-				isPrinting: O(gr),
-				isImaging: O(_r),
+				isPrinting: O(yr),
+				isImaging: O(br),
 				uid: P.value,
 				hasTooltip: z.value.userOptionsButtons.tooltip && z.value.showTooltip,
 				hasPdf: z.value.userOptionsButtons.pdf,
@@ -1484,25 +1496,25 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				hasFullscreen: z.value.userOptionsButtons.fullscreen,
 				hasAltCopy: z.value.userOptionsButtons.altCopy,
 				hasXls: !1,
-				isTooltip: xr.value.showTooltip,
-				isFullscreen: Xr.value,
+				isTooltip: wr.value.showTooltip,
+				isFullscreen: $r.value,
 				titles: { ...z.value.userOptionsButtonTitles },
 				chartElement: N.value,
 				position: z.value.userOptionsPosition,
 				hasAnnotator: z.value.userOptionsButtons.annotator,
-				isAnnotation: $r.value,
+				isAnnotation: ni.value,
 				callbacks: z.value.userOptionsCallbacks,
 				printScale: z.value.userOptionsPrint.scale,
-				isCursorPointer: $n.value,
-				onToggleFullscreen: Zr,
-				onGeneratePdf: O(vr),
-				onGenerateImage: O(li),
-				onGenerateSvg: O(ci),
-				onToggleTooltip: Qr,
-				onToggleAnnotator: ei,
-				onCopyAlt: ui,
-				style: S({ visibility: cr.value ? lr.value ? "visible" : "hidden" : "visible" })
-			}, Ne({ _: 2 }, [
+				isCursorPointer: er.value,
+				onToggleFullscreen: ei,
+				onGeneratePdf: O(xr),
+				onGenerateImage: O(fi),
+				onGenerateSvg: O(di),
+				onToggleTooltip: ti,
+				onToggleAnnotator: ri,
+				onCopyAlt: pi,
+				style: S({ visibility: lr.value ? ur.value ? "visible" : "hidden" : "visible" })
+			}, Pe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: k(({ isOpen: t, color: n }) => [E(e.$slots, "menuIcon", x(y({
@@ -1592,26 +1604,26 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			z.value.title ? (C(), _("div", {
 				key: 4,
 				ref_key: "quickChartTitle",
-				ref: Dn,
+				ref: On,
 				class: "vue-ui-quick-chart-title",
 				style: S(`background:transparent;color:${z.value.color};font-size:${z.value.titleFontSize}px;font-weight:${z.value.titleBold ? "bold" : "normal"};text-align:${z.value.titleTextAlign}`)
 			}, D(z.value.title), 5)) : g("", !0),
-			v("div", { id: `legend-top-${P.value}` }, null, 8, rt),
-			v("div", it, [G.value ? (C(), _("svg", {
+			v("div", { id: `legend-top-${P.value}` }, null, 8, it),
+			v("div", at, [G.value ? (C(), _("svg", {
 				key: 0,
 				ref_key: "svgRef",
-				ref: or,
-				xmlns: O(se),
+				ref: sr,
+				xmlns: O(ce),
 				"aria-describedby": `chart-instructions-${P.value}`,
-				viewBox: wr.value,
+				viewBox: Dr.value,
 				style: S(`max-width:100%;overflow:visible;background:transparent;color:${z.value.color}`),
 				class: b({ "vue-data-ui-no-transition": !O(B) }),
 				tabindex: "0",
-				onFocus: pi,
-				onBlur: mi,
-				onKeydown: hi
+				onFocus: gi,
+				onBlur: _i,
+				onKeydown: vi
 			}, [
-				Pe(O(qe)),
+				Fe(O(Je)),
 				e.$slots["chart-background"] && G.value === A.BAR ? (C(), _("foreignObject", {
 					key: 0,
 					x: Q.value.drawingArea.left,
@@ -1619,7 +1631,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					width: Q.value.drawingArea.width,
 					height: Q.value.drawingArea.height,
 					style: { pointerEvents: "none" }
-				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, ot)) : g("", !0),
+				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, st)) : g("", !0),
 				e.$slots["chart-background"] && G.value === A.LINE ? (C(), _("foreignObject", {
 					key: 1,
 					x: Z.value.drawingArea.left,
@@ -1627,7 +1639,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					width: Z.value.drawingArea.width,
 					height: Z.value.drawingArea.height,
 					style: { pointerEvents: "none" }
-				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, st)) : g("", !0),
+				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, ct)) : g("", !0),
 				e.$slots["chart-background"] && G.value === A.DONUT ? (C(), _("foreignObject", {
 					key: 2,
 					x: 0,
@@ -1635,7 +1647,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					width: K.value.width,
 					height: K.value.height,
 					style: { pointerEvents: "none" }
-				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, ct)) : g("", !0),
+				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, lt)) : g("", !0),
 				v("defs", null, [v("filter", {
 					id: `blur_${P.value}`,
 					x: "-50%",
@@ -1646,10 +1658,10 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${P.value}`
-				}, null, 8, ut), r[4] ||= v("feColorMatrix", {
+				}, null, 8, dt), r[4] ||= v("feColorMatrix", {
 					type: "saturate",
 					values: "0"
-				}, null, -1)], 8, lt), v("filter", {
+				}, null, -1)], 8, ut), v("filter", {
 					id: `shadow_${P.value}`,
 					"color-interpolation-filters": "sRGB"
 				}, [v("feDropShadow", {
@@ -1658,35 +1670,35 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					stdDeviation: "10",
 					"flood-opacity": "0.5",
 					"flood-color": z.value.donutShadowColor
-				}, null, 8, ft)], 8, dt)]),
+				}, null, 8, pt)], 8, ft)]),
 				G.value === A.DONUT ? (C(), _(m, { key: 3 }, [
-					z.value.showDataLabels ? (C(), _("g", pt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [Y.value.isArcBigEnough(e) ? (C(), _("path", {
+					z.value.showDataLabels ? (C(), _("g", mt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [Y.value.isArcBigEnough(e) ? (C(), _("path", {
 						key: 0,
 						d: O(re)(e, {
 							x: K.value.width / 2,
 							y: K.value.height / 2
-						}, 16, 16, !1, !1, K.value.height * Pr.value, 12, z.value.donutCurvedMarkers),
+						}, 16, 16, !1, !1, K.value.height * Lr.value, 12, z.value.donutCurvedMarkers),
 						stroke: e.color,
 						"stroke-width": z.value.donutLabelMarkerStrokeWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						fill: "none",
-						filter: Er(e.id)
-					}, null, 8, mt)) : g("", !0)], 64))), 256))])) : g("", !0),
+						filter: kr(e.id)
+					}, null, 8, ht)) : g("", !0)], 64))), 256))])) : g("", !0),
 					v("circle", {
 						cx: Y.value.cx,
 						cy: Y.value.cy,
 						r: Y.value.radius,
 						fill: z.value.backgroundColor,
 						filter: z.value.donutUseShadow ? `url(#shadow_${P.value})` : ""
-					}, null, 8, ht),
-					v("g", gt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _("path", {
+					}, null, 8, gt),
+					v("g", _t, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _("path", {
 						d: e.arcSlice,
 						fill: e.color,
 						stroke: z.value.donutStroke || z.value.backgroundColor,
 						"stroke-width": z.value.donutStrokeWidth,
-						filter: Er(e.id)
-					}, null, 8, _t))), 256)), (C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _("path", {
+						filter: kr(e.id)
+					}, null, 8, vt))), 256)), (C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _("path", {
 						d: e.arcSlice,
 						fill: "transparent",
 						onMouseenter: (n) => Y.value.useTooltip({
@@ -1702,27 +1714,27 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 							datapoint: e,
 							seriesIndex: t
 						})
-					}, null, 40, vt))), 256))]),
-					z.value.showDataLabels ? (C(), _("g", yt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [
+					}, null, 40, yt))), 256))]),
+					z.value.showDataLabels ? (C(), _("g", bt, [(C(!0), _(m, null, T(Y.value.chart, (e, t) => (C(), _(m, null, [
 						Y.value.isArcBigEnough(e) ? (C(), _("circle", {
 							key: 0,
-							cx: O(d)(e).x,
-							cy: O(p)(e) - 3.7,
+							cx: O(f)(e).x,
+							cy: O(oe)(e) - 3.7,
 							fill: e.color,
 							stroke: z.value.backgroundColor,
 							"stroke-width": 1,
 							r: 3,
-							filter: Er(e.id)
-						}, null, 8, bt)) : g("", !0),
+							filter: kr(e.id)
+						}, null, 8, xt)) : g("", !0),
 						Y.value.isArcBigEnough(e) ? (C(), _("text", {
 							key: 1,
-							"text-anchor": O(d)(e, !0, 20).anchor,
-							x: O(d)(e, !0).x,
-							y: O(p)(e),
+							"text-anchor": O(f)(e, !0, 20).anchor,
+							x: O(f)(e, !0).x,
+							y: O(oe)(e),
 							fill: z.value.color,
 							"font-size": z.value.dataLabelFontSize,
-							filter: Er(e.id)
-						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(f)(z.value.formatter, e.value, O(c)({
+							filter: kr(e.id)
+						}, D(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + D(O(p)(z.value.formatter, e.value, O(c)({
 							p: z.value.valuePrefix,
 							v: e.value,
 							s: z.value.valueSuffix,
@@ -1730,24 +1742,24 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						}), {
 							datapoint: e,
 							seriesIndex: t
-						})) + ") ", 9, xt)) : g("", !0),
+						})) + ") ", 9, St)) : g("", !0),
 						Y.value.isArcBigEnough(e, !0, 20) ? (C(), _("text", {
 							key: 2,
-							"text-anchor": O(d)(e).anchor,
-							x: O(d)(e, !0).x,
-							y: O(p)(e) + z.value.dataLabelFontSize,
+							"text-anchor": O(f)(e).anchor,
+							x: O(f)(e, !0).x,
+							y: O(oe)(e) + z.value.dataLabelFontSize,
 							fill: z.value.color,
 							"font-size": z.value.dataLabelFontSize,
-							filter: Er(e.id)
-						}, D(e.name), 9, St)) : g("", !0)
+							filter: kr(e.id)
+						}, D(e.name), 9, Ct)) : g("", !0)
 					], 64))), 256))])) : g("", !0),
-					z.value.donutShowTotal ? (C(), _("g", Ct, [v("text", {
+					z.value.donutShowTotal ? (C(), _("g", wt, [v("text", {
 						"text-anchor": "middle",
 						x: Y.value.drawingArea.centerX,
 						y: Y.value.drawingArea.centerY - z.value.donutTotalLabelFontSize / 2,
 						"font-size": z.value.donutTotalLabelFontSize,
 						fill: z.value.color
-					}, D(z.value.donutTotalLabelText), 9, wt), v("text", {
+					}, D(z.value.donutTotalLabelText), 9, Tt), v("text", {
 						"text-anchor": "middle",
 						x: Y.value.drawingArea.centerX,
 						y: Y.value.drawingArea.centerY + z.value.donutTotalLabelFontSize,
@@ -1758,10 +1770,10 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						v: Y.value.total,
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
-					})), 9, Tt)])) : g("", !0)
+					})), 9, Et)])) : g("", !0)
 				], 64)) : g("", !0),
 				G.value === A.LINE ? (C(), _(m, { key: 4 }, [
-					z.value.xyShowGrid ? (C(), _("g", Et, [(C(!0), _(m, null, T(Z.value.yLabels, (e) => (C(), _(m, null, [e.y <= Z.value.drawingArea.bottom ? (C(), _("line", {
+					z.value.xyShowGrid ? (C(), _("g", Dt, [(C(!0), _(m, null, T(Z.value.yLabels, (e) => (C(), _(m, null, [e.y <= Z.value.drawingArea.bottom ? (C(), _("line", {
 						key: 0,
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.right,
@@ -1770,7 +1782,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyGridStroke,
 						"stroke-width": z.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Dt)) : g("", !0)], 64))), 256)), (C(!0), _(m, null, T(Z.value.extremes.maxSeries + 1, (e, t) => (C(), _("line", {
+					}, null, 8, Ot)) : g("", !0)], 64))), 256)), (C(!0), _(m, null, T(Z.value.extremes.maxSeries + 1, (e, t) => (C(), _("line", {
 						x1: Z.value.drawingArea.left + Z.value.slotSize * t,
 						x2: Z.value.drawingArea.left + Z.value.slotSize * t,
 						y1: Z.value.drawingArea.top,
@@ -1778,8 +1790,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyGridStroke,
 						"stroke-width": z.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Ot))), 256))])) : g("", !0),
-					z.value.xyShowAxis ? (C(), _("g", kt, [v("line", {
+					}, null, 8, kt))), 256))])) : g("", !0),
+					z.value.xyShowAxis ? (C(), _("g", At, [v("line", {
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.left,
 						y1: Z.value.drawingArea.top,
@@ -1787,7 +1799,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, At), v("line", {
+					}, null, 8, jt), v("line", {
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.right,
 						y1: isNaN(Z.value.absoluteZero) ? Z.value.drawingArea.bottom : Z.value.absoluteZero,
@@ -1795,12 +1807,12 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, jt)])) : g("", !0),
+					}, null, 8, Mt)])) : g("", !0),
 					z.value.xyShowScale ? (C(), _("g", {
 						key: 2,
 						class: "yLabels",
 						ref_key: "scaleLabels",
-						ref: zn
+						ref: Bn
 					}, [(C(!0), _(m, null, T(Z.value.yLabels, (e, t) => (C(), _(m, { key: `sl_${t}` }, [e.y <= Z.value.drawingArea.bottom ? (C(), _("path", {
 						key: 0,
 						class: b({ "vue-data-ui-transition": O(B) }),
@@ -1808,14 +1820,14 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 10, Mt)) : g("", !0), e.y <= Z.value.drawingArea.bottom ? (C(), _("text", {
+					}, null, 10, Nt)) : g("", !0), e.y <= Z.value.drawingArea.bottom ? (C(), _("text", {
 						key: 1,
 						class: b({ "vue-data-ui-transition": O(B) }),
 						transform: `translate(${e.x}, ${e.y + z.value.xyLabelsYFontSize / 3})`,
 						"text-anchor": "end",
 						"font-size": z.value.xyLabelsYFontSize,
 						fill: z.value.color
-					}, D(O(f)(z.value.formatter, e.value, O(c)({
+					}, D(O(p)(z.value.formatter, e.value, O(c)({
 						p: z.value.valuePrefix,
 						v: e.value,
 						s: z.value.valueSuffix,
@@ -1823,8 +1835,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					}), {
 						datapoint: e,
 						seriesIndex: t
-					})), 11, Nt)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
-					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), _("g", Pt, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Yr.value) === 0 || X.value.end - X.value.start <= Yr.value ? (C(), _("line", {
+					})), 11, Pt)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
+					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), _("g", Ft, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Qr.value) === 0 || X.value.end - X.value.start <= Qr.value ? (C(), _("line", {
 						key: 0,
 						x1: Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2,
 						x2: Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2,
@@ -1833,10 +1845,10 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Ft)) : g("", !0)], 64))), 256)), v("g", {
+					}, null, 8, It)) : g("", !0)], 64))), 256)), v("g", {
 						ref_key: "timeLabelsEls",
 						ref: R
-					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Yr.value) === 0 || X.value.end - X.value.start <= Yr.value ? (C(), _("g", It, [String(e).includes("\n") ? (C(), _("text", {
+					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Qr.value) === 0 || X.value.end - X.value.start <= Qr.value ? (C(), _("g", Lt, [String(e).includes("\n") ? (C(), _("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": z.value.xyLabelsXFontSize,
@@ -1850,62 +1862,62 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Rt)) : (C(), _("text", {
+					}, null, 8, zt)) : (C(), _("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"font-size": z.value.xyLabelsXFontSize,
 						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: z.value.color,
 						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`
-					}, D(e), 9, Lt))])) : g("", !0)], 64))), 256))], 512)])) : g("", !0),
-					v("g", zt, [(C(!0), _(m, null, T(Z.value.dataset, (e, t) => (C(), _("g", {
+					}, D(e), 9, Rt))])) : g("", !0)], 64))), 256))], 512)])) : g("", !0),
+					v("g", Bt, [(C(!0), _(m, null, T(Z.value.dataset, (e, t) => (C(), _("g", {
 						key: `serie_${e.id}`,
 						class: "line-plot-series"
 					}, [z.value.lineSmooth ? (C(), _(m, { key: 0 }, [v("path", {
 						ref_for: !0,
 						ref_key: "pathWrapper",
-						ref: Ln,
+						ref: Rn,
 						d: `M ${O(a)(e.coordinates)}`,
 						stroke: z.value.backgroundColor,
 						"stroke-width": z.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
 						fill: "none",
 						class: b({ "vue-data-ui-transition": O(B) })
-					}, null, 10, Bt), v("path", {
+					}, null, 10, Vt), v("path", {
 						ref_for: !0,
 						ref_key: "pathTop",
-						ref: Rn,
+						ref: zn,
 						d: `M ${O(a)(e.coordinates)}`,
 						stroke: e.color,
 						"stroke-width": z.value.lineStrokeWidth,
 						"stroke-linecap": "round",
 						fill: "none",
 						class: b({ "vue-data-ui-transition": O(B) }),
-						style: S({ transition: O(rr) ? void 0 : "all 0.2s ease-in-out" })
-					}, null, 14, Vt)], 64)) : (C(), _(m, { key: 1 }, [v("path", {
+						style: S({ transition: O(ir) ? void 0 : "all 0.2s ease-in-out" })
+					}, null, 14, Ht)], 64)) : (C(), _(m, { key: 1 }, [v("path", {
 						ref_for: !0,
 						ref_key: "pathWrapper",
-						ref: Ln,
+						ref: Rn,
 						d: `M ${e.linePath}`,
 						stroke: z.value.backgroundColor,
 						"stroke-width": z.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
 						fill: "none",
 						class: b({ "vue-data-ui-transition": O(B) })
-					}, null, 10, Ht), v("path", {
+					}, null, 10, Ut), v("path", {
 						ref_for: !0,
 						ref_key: "pathTop",
-						ref: Rn,
+						ref: zn,
 						d: `M ${e.linePath}`,
 						stroke: e.color,
 						"stroke-width": z.value.lineStrokeWidth,
 						"stroke-linecap": "round",
 						fill: "none",
 						class: b({ "vue-data-ui-transition": O(B) })
-					}, null, 10, Ut)], 64)), (C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("circle", {
+					}, null, 10, Wt)], 64)), (C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("circle", {
 						key: `dp_${e.id}_${n + X.value.start}`,
 						cx: t.x,
-						cy: O(u)(t.y),
+						cy: O(d)(t.y),
 						r: 3,
 						fill: e.color,
 						stroke: z.value.backgroundColor,
@@ -1914,24 +1926,24 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 							"vue-ui-quick-chart-plot": !0,
 							"vue-data-ui-transition": O(B)
 						})
-					}, null, 10, Wt))), 128))]))), 128))]),
-					z.value.showDataLabels ? (C(), _("g", Gt, [(C(!0), _(m, null, T(Z.value.dataset, (e, t) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("text", {
+					}, null, 10, Gt))), 128))]))), 128))]),
+					z.value.showDataLabels ? (C(), _("g", Kt, [(C(!0), _(m, null, T(Z.value.dataset, (e, t) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("text", {
 						class: b(["vue-ui-quick-chart-label", { "vue-data-ui-transition": O(B) }]),
 						key: `plot_${e.id}_${n + X.value.start}`,
 						"text-anchor": "middle",
 						"font-size": z.value.dataLabelFontSize,
 						fill: e.color,
-						transform: `translate(${t.x}, ${O(u)(t.y) - z.value.dataLabelFontSize / 2})`
-					}, D(O(f)(z.value.formatter, O(u)(t.value), O(c)({
+						transform: `translate(${t.x}, ${O(d)(t.y) - z.value.dataLabelFontSize / 2})`
+					}, D(O(p)(z.value.formatter, O(d)(t.value), O(c)({
 						p: z.value.valuePrefix,
-						v: O(u)(t.value),
+						v: O(d)(t.value),
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
 						seriesIndex: n
-					})), 11, Kt))), 128))], 64))), 128))])) : g("", !0),
-					ur.value ? (C(), _("g", qt, [(C(!0), _(m, null, T(Z.value.extremes.maxSeries, (e, t) => (C(), _("rect", {
+					})), 11, qt))), 128))], 64))), 128))])) : g("", !0),
+					dr.value ? (C(), _("g", Jt, [(C(!0), _(m, null, T(Z.value.extremes.maxSeries, (e, t) => (C(), _("rect", {
 						x: Z.value.drawingArea.left + t * Z.value.slotSize,
 						y: Z.value.drawingArea.top,
 						height: Z.value.drawingArea.height <= 0 ? 1e-5 : Z.value.drawingArea.height,
@@ -1941,10 +1953,10 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						onMouseenter: (e) => Z.value.useTooltip(t, "pointer"),
 						onMouseleave: (e) => Z.value.killTooltip(t),
 						onClick: (e) => Z.value.selectDatapoint(t)
-					}, null, 44, Jt))), 256))])) : g("", !0)
+					}, null, 44, Yt))), 256))])) : g("", !0)
 				], 64)) : g("", !0),
 				G.value === A.BAR ? (C(), _(m, { key: 5 }, [
-					z.value.xyShowGrid ? (C(), _("g", Yt, [(C(!0), _(m, null, T(Q.value.yLabels, (e) => (C(), _(m, null, [e.y <= Q.value.drawingArea.bottom ? (C(), _("line", {
+					z.value.xyShowGrid ? (C(), _("g", Xt, [(C(!0), _(m, null, T(Q.value.yLabels, (e) => (C(), _(m, null, [e.y <= Q.value.drawingArea.bottom ? (C(), _("line", {
 						key: 0,
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.right,
@@ -1953,7 +1965,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyGridStroke,
 						"stroke-width": z.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Xt)) : g("", !0)], 64))), 256)), L.value.length < Q.value.legend.length ? (C(!0), _(m, { key: 0 }, T(Q.value.extremes.maxSeries + 1, (e, t) => (C(), _("line", {
+					}, null, 8, Zt)) : g("", !0)], 64))), 256)), L.value.length < Q.value.legend.length ? (C(!0), _(m, { key: 0 }, T(Q.value.extremes.maxSeries + 1, (e, t) => (C(), _("line", {
 						x1: Q.value.drawingArea.left + Q.value.slotSize * t,
 						x2: Q.value.drawingArea.left + Q.value.slotSize * t,
 						y1: Q.value.drawingArea.top,
@@ -1961,8 +1973,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyGridStroke,
 						"stroke-width": z.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Zt))), 256)) : g("", !0)])) : g("", !0),
-					z.value.xyShowAxis ? (C(), _("g", Qt, [v("line", {
+					}, null, 8, Qt))), 256)) : g("", !0)])) : g("", !0),
+					z.value.xyShowAxis ? (C(), _("g", $t, [v("line", {
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.left,
 						y1: Q.value.drawingArea.top,
@@ -1970,7 +1982,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, $t), v("line", {
+					}, null, 8, en), v("line", {
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.right,
 						y1: isNaN(Q.value.absoluteZero) ? Q.value.drawingArea.bottom : Q.value.absoluteZero,
@@ -1978,12 +1990,12 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, en)])) : g("", !0),
+					}, null, 8, tn)])) : g("", !0),
 					z.value.xyShowScale ? (C(), _("g", {
 						key: 2,
 						class: "yLabels",
 						ref_key: "scaleLabels",
-						ref: zn
+						ref: Bn
 					}, [(C(!0), _(m, null, T(Q.value.yLabels, (e, t) => (C(), _(m, { key: `sl_${t}` }, [e.y <= Q.value.drawingArea.bottom ? (C(), _("path", {
 						key: 0,
 						class: b({ "vue-data-ui-transition": O(B) }),
@@ -1991,14 +2003,14 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 10, tn)) : g("", !0), e.y <= Q.value.drawingArea.bottom ? (C(), _("text", {
+					}, null, 10, nn)) : g("", !0), e.y <= Q.value.drawingArea.bottom ? (C(), _("text", {
 						key: 1,
 						class: b({ "vue-data-ui-transition": O(B) }),
 						transform: `translate(${e.x}, ${e.y + z.value.xyLabelsYFontSize / 3})`,
 						"text-anchor": "end",
 						"font-size": z.value.xyLabelsYFontSize,
 						fill: z.value.color
-					}, D(O(f)(z.value.formatter, e.value, O(c)({
+					}, D(O(p)(z.value.formatter, e.value, O(c)({
 						p: z.value.valuePrefix,
 						v: e.value,
 						s: z.value.valueSuffix,
@@ -2006,8 +2018,8 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					}), {
 						datapoint: e,
 						seriesIndex: t
-					})), 11, nn)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
-					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), _("g", rn, [(C(!0), _(m, null, T(z.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (C(), _("line", {
+					})), 11, rn)) : g("", !0)], 64))), 128))], 512)) : g("", !0),
+					z.value.xyShowScale && z.value.xyPeriods.length ? (C(), _("g", an, [(C(!0), _(m, null, T(z.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (C(), _("line", {
 						x1: Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2,
 						x2: Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2,
 						y1: Q.value.drawingArea.bottom,
@@ -2015,10 +2027,10 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						stroke: z.value.xyAxisStroke,
 						"stroke-width": z.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, an))), 256)), v("g", {
+					}, null, 8, on))), 256)), v("g", {
 						ref_key: "timeLabelsEls",
 						ref: R
-					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Yr.value) === 0 || X.value.end - X.value.start <= Yr.value ? (C(), _("g", on, [String(e).includes("\n") ? (C(), _("text", {
+					}, [(C(!0), _(m, null, T($.value.map((e) => e.text), (e, t) => (C(), _(m, null, [!z.value.xyPeriodsShowOnlyAtModulo || z.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Qr.value) === 0 || X.value.end - X.value.start <= Qr.value ? (C(), _("g", sn, [String(e).includes("\n") ? (C(), _("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": z.value.xyLabelsXFontSize,
@@ -2032,42 +2044,42 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 							x: 0,
 							y: 0
 						})
-					}, null, 8, cn)) : (C(), _("text", {
+					}, null, 8, ln)) : (C(), _("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"font-size": z.value.xyLabelsXFontSize,
 						"text-anchor": z.value.xyPeriodLabelsRotation > 0 ? "start" : z.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: z.value.color,
 						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + z.value.xyLabelsXFontSize + 6}), rotate(${z.value.xyPeriodLabelsRotation})`
-					}, D(e), 9, sn))])) : g("", !0)], 64))), 256))], 512)])) : g("", !0),
-					v("g", ln, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, null, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("rect", {
+					}, D(e), 9, cn))])) : g("", !0)], 64))), 256))], 512)])) : g("", !0),
+					v("g", un, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, null, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("rect", {
 						x: t.x,
 						width: t.width <= 0 ? 1e-5 : t.width,
-						height: O(u)(t.height <= 0 ? 1e-5 : t.height),
-						y: O(u)(t.y),
+						height: O(d)(t.height <= 0 ? 1e-5 : t.height),
+						y: O(d)(t.y),
 						fill: e.color,
 						stroke: z.value.backgroundColor,
 						"stroke-width": z.value.barStrokeWidth,
 						"stroke-linecap": "round",
 						class: b({ "vue-data-ui-transition": O(B) })
-					}, null, 10, un))), 256))], 64))), 256))]),
-					z.value.showDataLabels ? (C(), _("g", dn, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("text", {
+					}, null, 10, dn))), 256))], 64))), 256))]),
+					z.value.showDataLabels ? (C(), _("g", fn, [(C(!0), _(m, null, T(Q.value.dataset, (e, t) => (C(), _(m, { key: `ds_${e.id}` }, [(C(!0), _(m, null, T(e.coordinates, (t, n) => (C(), _("text", {
 						class: b({ "vue-data-ui-transition": O(B) }),
 						key: `plot_${n + X.value.start}`,
-						transform: `translate(${t.x + t.width / 2}, ${O(u)(t.y) - z.value.dataLabelFontSize / 2})`,
+						transform: `translate(${t.x + t.width / 2}, ${O(d)(t.y) - z.value.dataLabelFontSize / 2})`,
 						"text-anchor": "middle",
 						"font-size": z.value.dataLabelFontSize,
 						fill: e.color
-					}, D(O(f)(z.value.formatter, O(u)(t.value), O(c)({
+					}, D(O(p)(z.value.formatter, O(d)(t.value), O(c)({
 						p: z.value.valuePrefix,
-						v: O(u)(t.value),
+						v: O(d)(t.value),
 						s: z.value.valueSuffix,
 						r: z.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
 						seriesIndex: n
-					})), 11, fn))), 128))], 64))), 128))])) : g("", !0),
-					ur.value && L.value.length < Q.value.legend.length ? (C(), _("g", pn, [(C(!0), _(m, null, T(Q.value.extremes.maxSeries, (e, t) => (C(), _("rect", {
+					})), 11, pn))), 128))], 64))), 128))])) : g("", !0),
+					dr.value && L.value.length < Q.value.legend.length ? (C(), _("g", mn, [(C(!0), _(m, null, T(Q.value.extremes.maxSeries, (e, t) => (C(), _("rect", {
 						x: Q.value.drawingArea.left + t * Q.value.slotSize,
 						y: Q.value.drawingArea.top,
 						height: Q.value.drawingArea.height <= 0 ? 1e-5 : Q.value.drawingArea.height,
@@ -2077,65 +2089,65 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						onMouseenter: (e) => Q.value.useTooltip(t, "pointer"),
 						onMouseleave: (e) => Q.value.killTooltip(t),
 						onClick: (e) => Q.value.selectDatapoint(t)
-					}, null, 44, mn))), 256))])) : g("", !0)
+					}, null, 44, hn))), 256))])) : g("", !0)
 				], 64)) : g("", !0),
-				[A.LINE, A.BAR].includes(G.value) ? (C(), _("g", hn, [
+				[A.LINE, A.BAR].includes(G.value) ? (C(), _("g", gn, [
 					z.value.xAxisLabel && G.value === A.LINE ? (C(), _("g", {
 						key: 0,
 						ref_key: "xAxisLabel",
-						ref: Bn
+						ref: Vn
 					}, [v("text", {
 						"font-size": z.value.axisLabelsFontSize,
 						fill: z.value.color,
 						"text-anchor": "middle",
 						x: Z.value.drawingArea.left + Z.value.drawingArea.width / 2,
 						y: K.value.height - z.value.axisLabelsFontSize / 3
-					}, D(z.value.xAxisLabel), 9, gn)], 512)) : g("", !0),
+					}, D(z.value.xAxisLabel), 9, _n)], 512)) : g("", !0),
 					z.value.xAxisLabel && G.value === A.BAR ? (C(), _("g", {
 						key: 1,
 						ref_key: "xAxisLabel",
-						ref: Bn
+						ref: Vn
 					}, [v("text", {
 						"font-size": z.value.axisLabelsFontSize,
 						fill: z.value.color,
 						"text-anchor": "middle",
 						x: Q.value.drawingArea.left + Q.value.drawingArea.width / 2,
 						y: K.value.height - z.value.axisLabelsFontSize / 3
-					}, D(z.value.xAxisLabel), 9, _n)], 512)) : g("", !0),
+					}, D(z.value.xAxisLabel), 9, vn)], 512)) : g("", !0),
 					z.value.yAxisLabel && G.value === A.LINE ? (C(), _("g", {
 						key: 2,
 						ref_key: "yAxisLabel",
-						ref: Vn
+						ref: Hn
 					}, [v("text", {
 						"font-size": z.value.axisLabelsFontSize,
 						fill: z.value.color,
 						transform: `translate(${z.value.axisLabelsFontSize}, ${Z.value.drawingArea.top + Z.value.drawingArea.height / 2}) rotate(-90)`,
 						"text-anchor": "middle"
-					}, D(z.value.yAxisLabel), 9, vn)], 512)) : g("", !0),
+					}, D(z.value.yAxisLabel), 9, yn)], 512)) : g("", !0),
 					z.value.yAxisLabel && G.value === A.BAR ? (C(), _("g", {
 						key: 3,
 						ref_key: "yAxisLabel",
-						ref: Vn
+						ref: Hn
 					}, [v("text", {
 						"font-size": z.value.axisLabelsFontSize,
 						fill: z.value.color,
 						transform: `translate(${z.value.axisLabelsFontSize}, ${Q.value.drawingArea.top + Q.value.drawingArea.height / 2}) rotate(-90)`,
 						"text-anchor": "middle"
-					}, D(z.value.yAxisLabel), 9, yn)], 512)) : g("", !0)
+					}, D(z.value.yAxisLabel), 9, bn)], 512)) : g("", !0)
 				])) : g("", !0)
-			], 46, at)) : g("", !0), e.$slots.hint ? (C(), _("div", bn, [E(e.$slots, "hint", x(y({
+			], 46, ot)) : g("", !0), e.$slots.hint ? (C(), _("div", xn, [E(e.$slots, "hint", x(y({
 				hint: z.value.a11y.translations.keyboardNavigation,
-				isVisible: tr.value
+				isVisible: nr.value
 			})), void 0, !0)])) : g("", !0)]),
-			e.$slots.watermark ? (C(), _("div", xn, [E(e.$slots, "watermark", x(y({ isPrinting: O(gr) || O(_r) })), void 0, !0)])) : g("", !0),
+			e.$slots.watermark ? (C(), _("div", Sn, [E(e.$slots, "watermark", x(y({ isPrinting: O(yr) || O(br) })), void 0, !0)])) : g("", !0),
 			[A.BAR, A.LINE].includes(G.value) && z.value.zoomXy && W.value.maxSeriesLength > 1 ? (C(), _("div", {
-				key: `slicer_${Fn.value}`,
+				key: `slicer_${In.value}`,
 				ref_key: "quickChartSlicer",
-				ref: kn
-			}, [(C(), Me(Ee, {
+				ref: An
+			}, [(C(), Ne(De, {
 				ref_key: "slicerComponent",
-				ref: Ir,
-				key: `slicer_${Fn.value}`,
+				ref: zr,
+				key: `slicer_${In.value}`,
 				timeLabels: $.value,
 				background: z.value.zoomColor,
 				borderColor: z.value.backgroundColor,
@@ -2153,7 +2165,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				minimapSelectedColorOpacity: z.value.zoomMinimap.selectedColorOpacity,
 				minimapSelectionRadius: z.value.zoomMinimap.selectionRadius,
 				minimapLineColor: z.value.zoomMinimap.lineColor,
-				minimap: zr.value,
+				minimap: Hr.value,
 				minimapIndicatorColor: z.value.zoomMinimap.indicatorColor,
 				verticalHandles: z.value.zoomMinimap.verticalHandles,
 				minimapSelectedIndex: J.value,
@@ -2167,7 +2179,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				enableSelectionDrag: z.value.zoomEnableSelectionDrag,
 				minimapCompact: z.value.zoomMinimap.compact,
 				minimapMerged: z.value.zoomMinimap.merged,
-				allMinimaps: qr.value,
+				allMinimaps: Xr.value,
 				minimapFrameColor: z.value.zoomMinimap.frameColor,
 				additionalMinimapHeight: z.value.zoomMinimap.additionalHeight,
 				handleType: z.value.zoomMinimap.handleType,
@@ -2179,33 +2191,33 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				focusOnDrag: z.value.zoomFocusOnDrag,
 				focusRangeRatio: z.value.zoomFocusRangeRatio,
 				maxWidth: z.value.zoomMaxWidth,
-				minimapLeftInsetRatio: Gr.value,
-				minimapRightInsetRatio: Kr.value,
-				onReset: Fr,
-				onTrapMouse: Nr
+				minimapLeftInsetRatio: Jr.value,
+				minimapRightInsetRatio: Yr.value,
+				onReset: Rr,
+				onTrapMouse: Ir
 			}, {
 				"reset-action": k(({ reset: t }) => [E(e.$slots, "reset-action", x(y({ reset: t })), void 0, !0)]),
 				_: 3
 			}, 8, /* @__PURE__ */ "timeLabels.background.borderColor.fontSize.useResetSlot.textColor.inputColor.selectColor.max.valueStart.valueEnd.smoothMinimap.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectionRadius.minimapLineColor.minimap.minimapIndicatorColor.verticalHandles.minimapSelectedIndex.start.end.refreshStartPoint.refreshEndPoint.enableRangeHandles.enableSelectionDrag.minimapCompact.minimapMerged.allMinimaps.minimapFrameColor.additionalMinimapHeight.handleType.handleWidth.handleBorderWidth.handleIconColor.handleBorderColor.handleFill.focusOnDrag.focusRangeRatio.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio".split(".")))])) : g("", !0),
-			v("div", { id: `legend-bottom-${P.value}` }, null, 8, Sn),
-			In.value && z.value.showLegend ? (C(), Me(je, {
+			v("div", { id: `legend-bottom-${P.value}` }, null, 8, Cn),
+			Ln.value && z.value.showLegend ? (C(), Ne(Me, {
 				key: 7,
 				to: z.value.legendPosition === "top" ? `#legend-top-${P.value}` : `#legend-bottom-${P.value}`
 			}, [z.value.showLegend ? (C(), _("div", {
 				key: 0,
 				ref_key: "quickChartLegend",
-				ref: On,
+				ref: kn,
 				class: "vue-ui-quick-chart-legend",
 				style: S(`background:transparent;color:${z.value.color}`)
 			}, [
-				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && z.value.showLegendSelectAllToggle && !O(rr) ? (C(), Me(De, {
+				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && z.value.showLegendSelectAllToggle && !O(ir) ? (C(), Ne(Oe, {
 					key: 0,
 					backgroundColor: z.value.legendSelectAllToggleBackgroundColor,
 					color: z.value.legendSelectAllToggleColor,
 					fontSize: z.value.legendFontSize,
 					checked: L.value.length > 0,
-					isCursorPointer: $n.value,
-					onToggle: Dr
+					isCursorPointer: er.value,
+					onToggle: Ar
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -2215,23 +2227,23 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				])) : g("", !0),
 				G.value === A.DONUT ? (C(!0), _(m, { key: 1 }, T(Y.value.legend, (t, n) => (C(), _("div", {
 					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => Mr(t, Y.value.dataset),
-					style: S(`cursor: ${Y.value.legend.length > 1 && $n.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
+					onClick: (e) => Fr(t, Y.value.dataset),
+					style: S(`cursor: ${Y.value.legend.length > 1 && er.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						di(e, () => {
-							Mr(t, Y.value.dataset);
+						mi(e, () => {
+							Fr(t, Y.value.dataset);
 						});
 					}
-				}, [z.value.useCustomLegend ? E(e.$slots, "legend", Ie({ ref_for: !0 }, { legend: {
+				}, [z.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: L.value.includes(t.id),
 					segregate: () => {
-						Mr(t, Y.value.dataset);
+						Fr(t, Y.value.dataset);
 					}
 				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [
-					Pe(O(Ke), {
+					Fe(O(qe), {
 						name: z.value.legendIcon,
 						stroke: t.color,
 						size: z.value.legendIconSize
@@ -2241,7 +2253,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						"size"
 					]),
 					v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5),
-					v("span", { style: S(`font-size:${z.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(t.id) ? "-" : O(f)(z.value.formatter, t.absoluteValue, O(c)({
+					v("span", { style: S(`font-size:${z.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, D(L.value.includes(t.id) ? "-" : O(p)(z.value.formatter, t.absoluteValue, O(c)({
 						p: z.value.valuePrefix,
 						v: t.absoluteValue,
 						s: z.value.valueSuffix,
@@ -2253,7 +2265,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					L.value.includes(t.id) ? (C(), _("span", {
 						key: 0,
 						style: S(`font-size:${z.value.legendFontSize}px`)
-					}, " ( - % ) ", 4)) : jr.value ? (C(), _("span", {
+					}, " ( - % ) ", 4)) : Pr.value ? (C(), _("span", {
 						key: 1,
 						style: S(`font-size:${z.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
 					}, " ( - % ) ", 4)) : (C(), _("span", {
@@ -2264,27 +2276,27 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 						s: "%",
 						r: z.value.dataLabelRoundingPercentage
 					})) + ") ", 5))
-				], 64))], 44, Cn))), 256)) : g("", !0),
+				], 64))], 44, wn))), 256)) : g("", !0),
 				G.value === A.LINE ? (C(!0), _(m, { key: 2 }, T(Z.value.legend, (t, n) => (C(), _("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
-						Or(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
+						jr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
 					},
-					style: S(`cursor: ${Z.value.legend.length > 1 && $n.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
+					style: S(`cursor: ${Z.value.legend.length > 1 && er.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						di(e, () => {
-							Or(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
+						mi(e, () => {
+							jr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
 						});
 					}
-				}, [z.value.useCustomLegend ? E(e.$slots, "legend", Ie({ ref_for: !0 }, { legend: {
+				}, [z.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: L.value.includes(t.id),
 					segregate: () => {
-						Or(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
+						jr(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
 					}
-				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Pe(O(Ke), {
+				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Fe(O(qe), {
 					name: z.value.legendIcon,
 					stroke: t.color,
 					size: z.value.legendIconSize
@@ -2292,27 +2304,27 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					"name",
 					"stroke",
 					"size"
-				]), v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, wn))), 256)) : g("", !0),
+				]), v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, Tn))), 256)) : g("", !0),
 				G.value === A.BAR ? (C(!0), _(m, { key: 3 }, T(Q.value.legend, (t, n) => (C(), _("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
-						Or(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
+						jr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
 					},
-					style: S(`cursor: ${Q.value.legend.length > 1 && $n.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
+					style: S(`cursor: ${Q.value.legend.length > 1 && er.value ? "pointer" : "default"}; opacity:${L.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						di(e, () => {
-							Or(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
+						mi(e, () => {
+							jr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
 						});
 					}
-				}, [z.value.useCustomLegend ? E(e.$slots, "legend", Ie({ ref_for: !0 }, { legend: {
+				}, [z.value.useCustomLegend ? E(e.$slots, "legend", Le({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: L.value.includes(t.id),
 					segregate: () => {
-						Or(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
+						jr(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
 					}
-				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Pe(O(Ke), {
+				} }), void 0, !0, 0) : (C(), _(m, { key: 1 }, [Fe(O(qe), {
 					name: z.value.legendIcon,
 					stroke: t.color,
 					size: z.value.legendIconSize
@@ -2320,17 +2332,17 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					"name",
 					"stroke",
 					"size"
-				]), v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, Tn))), 256)) : g("", !0)
+				]), v("span", { style: S(`font-size:${z.value.legendFontSize}px`) }, D(t.name), 5)], 64))], 44, En))), 256)) : g("", !0)
 			], 4)) : g("", !0)], 8, ["to"])) : g("", !0),
 			e.$slots.source ? (C(), _("div", {
 				key: 8,
 				ref_key: "source",
-				ref: Mn,
+				ref: Nn,
 				dir: "auto"
 			}, [E(e.$slots, "source", {}, void 0, !0)], 512)) : g("", !0),
-			Pe(O(Xe), {
+			Fe(O(Ze), {
 				teleportTo: z.value.tooltipTeleportTo,
-				show: xr.value.showTooltip && F.value,
+				show: wr.value.showTooltip && F.value,
 				backgroundColor: z.value.backgroundColor,
 				color: z.value.color,
 				borderRadius: z.value.tooltipBorderRadius,
@@ -2342,19 +2354,19 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				offsetX: z.value.tooltipOffsetX,
 				offsetY: z.value.tooltipOffsetY,
 				parent: N.value,
-				content: jn.value,
-				isFullscreen: Xr.value,
+				content: Mn.value,
+				isFullscreen: $r.value,
 				isCustom: O(t)(z.value.tooltipCustomFormat),
 				smooth: z.value.tooltipSmooth,
 				smoothForce: z.value.tooltipSmoothForce,
 				smoothSnapThreshold: z.value.tooltipSmoothSnapThreshold,
 				backdropFilter: z.value.tooltipBackdropFilter,
 				isA11yMode: H.value === "keyboard",
-				a11yPosition: er.value
+				a11yPosition: tr.value
 			}, {
-				"tooltip-before": k(() => [E(e.$slots, "tooltip-before", x(y({ ...An.value })), void 0, !0)]),
-				tooltip: k(() => [E(e.$slots, "tooltip", x(y({ ...An.value })), void 0, !0)]),
-				"tooltip-after": k(() => [E(e.$slots, "tooltip-after", x(y({ ...An.value })), void 0, !0)]),
+				"tooltip-before": k(() => [E(e.$slots, "tooltip-before", x(y({ ...jn.value })), void 0, !0)]),
+				tooltip: k(() => [E(e.$slots, "tooltip", x(y({ ...jn.value })), void 0, !0)]),
+				"tooltip-after": k(() => [E(e.$slots, "tooltip-after", x(y({ ...jn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -2380,12 +2392,12 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			E(e.$slots, "skeleton", {}, () => [O(rr) ? (C(), Me(he, { key: 0 })) : g("", !0)], !0)
-		], 46, tt)) : (C(), _("div", En, [Pe(O(Ke), {
+			E(e.$slots, "skeleton", {}, () => [O(ir) ? (C(), Ne(ge, { key: 0 })) : g("", !0)], !0)
+		], 46, nt)) : (C(), _("div", Dn, [Fe(O(qe), {
 			name: "circleCancel",
 			stroke: "red"
 		}), r[5] ||= v("span", null, "Dataset is not processable", -1)]));
 	}
-}, [["__scopeId", "data-v-5e1b0e8a"]]);
+}, [["__scopeId", "data-v-0c7f3834"]]);
 //#endregion
-export { N as n, Dn as t };
+export { N as n, On as t };