vue-data-ui 3.22.10 → 3.22.12

package/dist/{vue-ui-quick-chart-B3LF2ViM.js → vue-ui-quick-chart-BF5fKxY2.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, C as n, Gt as r, K as i, Lt as a, N as o, Nt as s, Ot as c, W as l, Y as u, bt as ee, d, et as f, f as p, g as te, i as m, m as ne, qt as re, st as ie, t as ae, x as oe, y as h } from "./lib-CnHx5WfV.js";
-import { t as se } from "./useTimeLabels-BmBRv27Y.js";
-import { t as ce } from "./useConfig-DYM3f6EI.js";
-import { t as le } from "./usePrinter-B-X_Pub0.js";
+import { At as t, C as n, Gt as r, K as i, Lt as a, N as o, Nt as s, Ot as c, W as l, Y as u, bt as ee, d, et as f, f as p, g as te, i as m, m as ne, qt as re, st as ie, t as ae, x as oe, y as h } from "./lib-CFm_J26b.js";
+import { t as se } from "./useTimeLabels-B9CEuiLZ.js";
+import { t as ce } from "./useConfig-C0V0eG7L.js";
+import { t as le } from "./usePrinter-BH-xle1O.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useSvgExport-SVIsDot8.js";
-import { t as pe } from "./useNestedProp-D8NuRneO.js";
+import { t as fe } from "./useSvgExport-Ba9qBr9M.js";
+import { t as pe } from "./useNestedProp-BY6DNN3i.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
-import { t as he } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as ge } from "./img-CNdXiUfZ.js";
-import { t as _e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as ve } from "./canvas-lib-BOP_HS11.js";
-import { t as ye } from "./useResponsive-BfnK0KxU.js";
-import { t as be } from "./BaseLegendToggle-BrQ2OlzI.js";
-import { t as xe } from "./A11yDataTable-DdRsVULz.js";
-import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ce } from "./Slicer-WsWTQPKt.js";
-import { t as we } from "./vue_ui_quick_chart-mZBdml3Z.js";
-import { Fragment as g, Teleport as Te, computed as _, createBlock as Ee, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as De, createVNode as Oe, defineAsyncComponent as ke, guardReactiveProps as x, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as S, normalizeStyle as C, onBeforeUnmount as Ne, onMounted as Pe, openBlock as w, ref as T, renderList as E, renderSlot as D, shallowRef as Fe, toDisplayString as O, toRefs as Ie, unref as k, watch as Le, watchEffect as Re, withCtx as A } from "vue";
+import { t as he } from "./useMountedDelay-BAjrhRJb.js";
+import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as _e } from "./img-Bikk1dGb.js";
+import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
+import { t as xe } from "./BaseLegendToggle-DsWphmIb.js";
+import { t as Se } from "./A11yDataTable-DdRsVULz.js";
+import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
+import { t as we } from "./Slicer-C6qNUmZ4.js";
+import { t as Te } from "./vue_ui_quick_chart-mZBdml3Z.js";
+import { Fragment as g, Teleport as Ee, computed as _, createBlock as De, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createSlots as Oe, createVNode as ke, defineAsyncComponent as Ae, guardReactiveProps as x, mergeProps as je, nextTick as Me, normalizeClass as S, normalizeProps as C, normalizeStyle as w, onBeforeUnmount as Ne, onMounted as Pe, openBlock as T, ref as E, renderList as D, renderSlot as O, shallowRef as Fe, toDisplayString as k, toRefs as Ie, unref as A, watch as Le, watchEffect as Re, withCtx as j } from "vue";
 //#region src/chartDetector.js
-var j = {
+var M = {
 	LINE: "LINE",
 	BAR: "BAR",
 	DONUT: "DONUT"
@@ -33,14 +33,14 @@ var j = {
 ];
 function Be({ 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`), He(e) && (M(e) && (r = e.length < t ? j.BAR : j.LINE, i = e, a = e.length), Ue(e))) {
-		if (!Ge(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`), He(e) && (Ue(e) && (r = e.length < t ? M.BAR : M.LINE, i = e, a = e.length), We(e))) {
+		if (!Ke(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]), s = Object.values(e[0]);
-		if (!o.some((e) => Ke(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(s, (e) => typeof e == "number") && (r = j.DONUT, i = e), qe(s, (e) => Array.isArray(e) && M(e)) && (r = Je(e) > t ? j.LINE : j.BAR, a = Je(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;
+		Je(s, (e) => typeof e == "number") && (r = M.DONUT, i = e), Je(s, (e) => Array.isArray(e) && Ue(e)) && (r = Ye(e) > t ? M.LINE : M.BAR, a = Ye(e), i = e.map((e) => ({
 			...e,
-			data: Ye(e, (e) => M(e))
-		}))), e = e.map((e) => N(e)), i = i.map((e) => N(e));
+			data: Xe(e, (e) => Ue(e))
+		}))), e = e.map((e) => Ze(e)), i = i.map((e) => Ze(e));
 	}
 	return {
 		dataset: e,
@@ -55,15 +55,15 @@ function Ve(e) {
 function He(e) {
 	return Array.isArray(e);
 }
-function M(e) {
+function Ue(e) {
 	if (!He(e) || Ve(e)) return !1;
 	let t = e.map((e) => Number(e));
 	return ![...new Set(t.flatMap((e) => typeof e == "number" && !isNaN(e)))].includes(!1);
 }
-function Ue(e) {
+function We(e) {
 	return !He(e) || Ve(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 We(e, t) {
+function Ge(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) {
@@ -72,179 +72,171 @@ function We(e, t) {
 	}
 	return !0;
 }
-function Ge(e) {
+function Ke(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 (!We(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 (!Ge(e[t], e[n])) return !1;
 	return !0;
 }
-function Ke(e) {
+function qe(e) {
 	return ze.includes(e.toUpperCase());
 }
-function qe(e, t) {
+function Je(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length; r += 1) n.push(t(e[r]));
 	return n.includes(!0);
 }
-function Je(e) {
-	return Math.max(...[...e].flatMap((e) => Object.values(e).filter((e) => M(e)).map((e) => e.length)));
+function Ye(e) {
+	return Math.max(...[...e].flatMap((e) => Object.values(e).filter((e) => Ue(e)).map((e) => e.length)));
 }
-function Ye(e, t) {
+function Xe(e, t) {
 	return Object.values(e).filter((e) => t(e))[0];
 }
-function N(e) {
+function Ze(e) {
 	let t = {};
 	for (let n in e) e.hasOwnProperty(n) && (t[n.toUpperCase()] = e[n]);
 	return t;
 }
 //#endregion
 //#region src/components/vue-ui-quick-chart.vue
-var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe = ["id"], $e = { style: { position: "relative" } }, et = [
+var N = /* @__PURE__ */ e({ default: () => P }), Qe = ["id"], $e = ["id"], et = ["id"], tt = { style: { position: "relative" } }, nt = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], tt = [
+], rt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], nt = [
+], it = [
 	"x",
 	"y",
 	"width",
 	"height"
-], rt = ["width", "height"], it = ["id"], at = ["id"], ot = ["id"], st = ["flood-color"], ct = {
+], at = ["width", "height"], ot = ["id"], st = ["id"], ct = ["id"], lt = ["flood-color"], ut = {
 	key: 0,
 	class: "donut-label-connectors"
-}, lt = [
+}, dt = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"filter"
-], ut = [
+], ft = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"filter"
-], dt = { class: "donut" }, ft = [
+], pt = { class: "donut" }, mt = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width",
 	"filter"
-], pt = [
+], ht = [
 	"d",
 	"onMouseenter",
 	"onMouseout",
 	"onClick"
-], mt = {
+], gt = {
 	key: 1,
 	class: "donut-labels quick-animation"
-}, ht = [
+}, _t = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke",
 	"filter"
-], gt = [
+], vt = [
 	"text-anchor",
 	"x",
 	"y",
 	"fill",
 	"font-size",
 	"filter"
-], _t = [
+], yt = [
 	"text-anchor",
 	"x",
 	"y",
 	"fill",
 	"font-size",
 	"filter"
-], vt = {
+], bt = {
 	key: 2,
 	class: "donut-hollow quick-animation"
-}, yt = [
+}, xt = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], bt = [
+], St = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], xt = {
+], Ct = {
 	key: 0,
 	class: "line-grid"
-}, St = [
+}, wt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Ct = [
+], Tt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], wt = {
+], Et = {
 	key: 1,
 	class: "line-axis"
-}, Tt = [
+}, Dt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Et = [
+], Ot = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Dt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
+], kt = [
+	"d",
 	"stroke",
 	"stroke-width"
-], Ot = [
-	"x",
-	"y",
+], At = [
+	"transform",
 	"font-size",
 	"fill"
-], kt = {
+], jt = {
 	key: 3,
 	class: "periodLabels"
-}, At = [
+}, Mt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], jt = { key: 0 }, Mt = [
+], Nt = { key: 0 }, Pt = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform"
-], Nt = [
+], Ft = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform",
 	"innerHTML"
-], Pt = { class: "plots" }, Ft = { class: "line-plot-series" }, It = [
-	"d",
-	"stroke",
-	"stroke-width"
-], Lt = [
+], It = { class: "plots" }, Lt = [
 	"d",
 	"stroke",
 	"stroke-width"
@@ -257,22 +249,25 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 	"stroke",
 	"stroke-width"
 ], Bt = [
+	"d",
+	"stroke",
+	"stroke-width"
+], Vt = [
 	"cx",
 	"cy",
 	"fill",
 	"stroke"
-], Vt = {
+], Ht = {
 	key: 4,
 	class: "dataLabels"
-}, Ht = [
+}, Ut = [
 	"font-size",
 	"fill",
-	"x",
-	"y"
-], Ut = {
+	"transform"
+], Wt = {
 	key: 5,
 	class: "tooltip-traps"
-}, Wt = [
+}, Gt = [
 	"x",
 	"y",
 	"height",
@@ -281,34 +276,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Gt = {
+], Kt = {
 	key: 0,
 	class: "line-grid"
-}, Kt = [
+}, qt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], qt = [
+], Jt = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Jt = {
+], Yt = {
 	key: 1,
 	class: "line-axis"
-}, Yt = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width"
-], Xt = [
+}, Xt = [
 	"x1",
 	"x2",
 	"y1",
@@ -323,32 +311,35 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 	"stroke",
 	"stroke-width"
 ], Qt = [
-	"x",
-	"y",
+	"d",
+	"stroke",
+	"stroke-width"
+], $t = [
+	"transform",
 	"font-size",
 	"fill"
-], $t = {
+], en = {
 	key: 3,
 	class: "periodLabels"
-}, en = [
+}, tn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], tn = { key: 0 }, nn = [
+], nn = { key: 0 }, rn = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform"
-], rn = [
+], an = [
 	"font-size",
 	"text-anchor",
 	"fill",
 	"transform",
 	"innerHTML"
-], an = { class: "plots" }, on = [
+], on = { class: "plots" }, sn = [
 	"x",
 	"width",
 	"height",
@@ -356,18 +347,17 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 	"fill",
 	"stroke",
 	"stroke-width"
-], sn = ["to"], cn = ["from", "to"], ln = {
+], cn = ["to"], ln = ["from", "to"], un = {
 	key: 4,
 	class: "dataLabels"
-}, un = [
-	"x",
-	"y",
+}, dn = [
+	"transform",
 	"font-size",
 	"fill"
-], dn = {
+], fn = {
 	key: 5,
 	class: "tooltip-traps"
-}, fn = [
+}, pn = [
 	"x",
 	"y",
 	"height",
@@ -376,28 +366,28 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], pn = {
+], mn = {
 	key: 6,
 	class: "axis-labels"
-}, mn = [
+}, hn = [
 	"font-size",
 	"fill",
 	"x",
 	"y"
-], hn = [
+], gn = [
 	"font-size",
 	"fill",
 	"x",
 	"y"
-], gn = [
+], _n = [
 	"font-size",
 	"fill",
 	"transform"
-], _n = [
+], vn = [
 	"font-size",
 	"fill",
 	"transform"
-], vn = {
+], yn = {
 	key: 1,
 	style: {
 		position: "absolute",
@@ -407,13 +397,13 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, yn = {
+}, bn = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, bn = ["id"], xn = ["onClick", "onKeydown"], Sn = ["onClick", "onKeydown"], Cn = ["onClick", "onKeydown"], wn = {
+}, xn = ["id"], Sn = ["onClick", "onKeydown"], Cn = ["onClick", "onKeydown"], wn = ["onClick", "onKeydown"], Tn = {
 	key: 1,
 	class: "vue-ui-quick-chart-not-processable"
-}, Tn = /*#__PURE__*/ _e({
+}, P = /*#__PURE__*/ ve({
 	__name: "vue-ui-quick-chart",
 	props: {
 		config: {
@@ -439,13 +429,13 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: _e, emit: ze }) {
-		let Ve = ke(() => import("./BaseIcon-CDTIUIKV.js").then((e) => e.n)), He = ke(() => import("./PackageVersion-BoTvk0i5.js").then((e) => e.t)), We = ke(() => import("./PenAndPaper-CLaZJl6K.js").then((e) => e.t)), Ge = ke(() => import("./Tooltip-CDbLl3TD.js")), Ke = ke(() => import("./UserOptions-BUQOnoPR.js").then((e) => e.n)), { vue_ui_quick_chart: qe } = ce(), { isThemeValid: Je, warnInvalidTheme: Ye } = me(), N = e, P = T(null), Tn = T(null), En = T(null), Dn = T(null), F = T(i()), I = T(!1), On = T(null), kn = T(""), L = T(null), An = T(null), jn = T(null), R = T([]), Mn = T(0), Nn = T(0), Pn = T(!1), Fn = T(null), In = T(null), z = T(null), Ln = T(null), Rn = T(null), zn = T(null);
-		T("#FFFFFF");
-		let B = T($n()), Bn = _(() => !!B.value.debug), Vn = _(() => B.value.useCursorPointer), V = T(null), Hn = T({
+	setup(e, { expose: ve, emit: ze }) {
+		let Ve = Ae(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), He = Ae(() => import("./PackageVersion-Di3tpYst.js").then((e) => e.t)), Ge = Ae(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Ke = Ae(() => import("./Tooltip-CA1rtSyl.js")), qe = Ae(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), { vue_ui_quick_chart: Je } = ce(), { isThemeValid: Ye, warnInvalidTheme: Xe } = me(), { isReady: Ze } = he(300), N = e, P = E(null), En = E(null), Dn = E(null), On = E(null), F = E(i()), I = E(!1), kn = E(null), An = E(""), L = E(null), jn = E(null), Mn = E(null), R = E([]), Nn = E(0), Pn = E(0), Fn = E(!1), In = E(null), Ln = E(null), z = E(null), Rn = E(null), zn = E(null), Bn = E(null);
+		E("#FFFFFF");
+		let B = E(er()), Vn = _(() => !!B.value.debug), Hn = _(() => B.value.useCursorPointer), V = E(null), Un = E({
 			x: 0,
 			y: 0
-		}), H = T("pointer"), Un = T(!1), Wn = _(() => re({
+		}), H = E("pointer"), Wn = E(!1), Gn = _(() => re({
 			dafaultConfig: {
 				backgroundColor: "#99999930",
 				customPalette: ["#BABABA"],
@@ -466,13 +456,13 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				zoomEndIndex: null
 			},
 			userConfig: B.value.skeletonConfig ?? {}
-		})), { loading: U, FINAL_DATASET: Gn, manualLoading: Kn } = ue({
+		})), { loading: U, FINAL_DATASET: Kn, manualLoading: qn } = ue({
 			...Ie(N),
 			FINAL_CONFIG: B,
-			prepareConfig: $n,
+			prepareConfig: er,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await je(), K.value === j.LINE && B.value.lineAnimated && !U.value && Lr({
+					await Me(), K.value === M.LINE && B.value.lineAnimated && !U.value && Rr({
 						pathDuration: 1e3,
 						pointDuration: 1200,
 						labelDuration: 1200
@@ -493,21 +483,21 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			],
 			skeletonConfig: re({
 				defaultConfig: B.value,
-				userConfig: Wn.value
+				userConfig: Gn.value
 			})
-		}), { svgRef: qn } = Se({ config: { text: B.value.title } }), Jn = _(() => B.value.showUserOptionsOnChartHover), Yn = _(() => B.value.keepUserOptionsStateOnChartLeave), Xn = T(!B.value.showUserOptionsOnChartHover), Zn = T(!1);
-		function Qn(e = !1) {
-			Zn.value = e, Jn.value && (Xn.value = e);
+		}), { svgRef: Jn } = Ce({ config: { text: B.value.title } }), Yn = _(() => B.value.showUserOptionsOnChartHover), Xn = _(() => B.value.keepUserOptionsStateOnChartLeave), Zn = E(!B.value.showUserOptionsOnChartHover), Qn = E(!1);
+		function $n(e = !1) {
+			Qn.value = e, Yn.value && (Zn.value = e);
 		}
-		function $n() {
+		function er() {
 			let e = pe({
 				userConfig: N.config,
-				defaultConfig: qe
+				defaultConfig: Je
 			}), t = {}, n = e.theme;
-			if (n) if (!Je.value(e)) Ye(e), t = e;
+			if (n) if (!Ye.value(e)) Xe(e), t = e;
 			else {
 				let i = pe({
-					userConfig: we[n] || N.config,
+					userConfig: Te[n] || N.config,
 					defaultConfig: e
 				});
 				t = {
@@ -522,16 +512,16 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			return t;
 		}
 		Le(() => N.config, (e) => {
-			U.value || (B.value = $n()), q.value.width = B.value.width, q.value.height = B.value.height, Xn.value = !B.value.showUserOptionsOnChartHover, dr(), cr.value.showTooltip = B.value.showTooltip;
+			U.value || (B.value = er()), q.value.width = B.value.width, q.value.height = B.value.height, Zn.value = !B.value.showUserOptionsOnChartHover, fr(), lr.value.showTooltip = B.value.showTooltip;
 		}, { deep: !0 }), Le(() => N.dataset, (e) => {
-			G.value = tr.value, X.value.start = 0, X.value.end = G.value.maxSeriesLength, Nn.value += 1;
+			G.value = nr.value, X.value.start = 0, X.value.end = G.value.maxSeriesLength, Pn.value += 1;
 		}, { deep: !0 }), Le(() => N.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Kn.value = !1);
+			Array.isArray(e) && e.length > 0 && (qn.value = !1);
 		}, { immediate: !0 });
-		let er = _(() => n(B.value.customPalette)), W = ze, tr = _(() => {
+		let tr = _(() => n(B.value.customPalette)), W = ze, nr = _(() => {
 			let e = Be({
-				debug: Bn.value,
-				dataset: a(Gn.value, [
+				debug: Vn.value,
+				dataset: a(Kn.value, [
 					"serie",
 					"series",
 					"data",
@@ -541,86 +531,86 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				]),
 				barLineSwitch: B.value.chartIsBarUnderDatasetLength
 			});
-			return !e && Bn.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
-		}), G = T(tr.value), nr = _(() => !!G.value), K = _(() => G.value ? G.value.type : null);
+			return !e && Vn.value && console.error("VueUiQuickChart : Dataset is not processable"), e;
+		}), G = E(nr.value), rr = _(() => !!G.value), K = _(() => G.value ? G.value.type : null);
 		Le(() => K.value, (e) => {
 			e || f({
 				componentName: "VueUiQuickChart",
 				type: "dataset",
-				debug: Bn.value
+				debug: Vn.value
 			});
 		}, { immediate: !0 });
-		let { isPrinting: rr, isImaging: ir, generatePdf: ar, generateImage: or } = le({
+		let { isPrinting: ir, isImaging: ar, generatePdf: or, generateImage: sr } = le({
 			elementId: `${K.value}_${F.value}`,
 			fileName: B.value.title || K.value,
 			options: B.value.userOptionsPrint
-		}), sr = _(() => B.value.showUserOptions && !B.value.title), q = T({
+		}), cr = _(() => B.value.showUserOptions && !B.value.title), q = E({
 			width: B.value.width,
 			height: B.value.height
-		}), cr = T({ showTooltip: B.value.showTooltip });
+		}), lr = E({ showTooltip: B.value.showTooltip });
 		Le(B, () => {
-			cr.value = { showTooltip: B.value.showTooltip };
+			lr.value = { showTooltip: B.value.showTooltip };
 		}, { immediate: !0 });
-		let lr = Fe(null), ur = Fe(null);
+		let ur = Fe(null), dr = Fe(null);
 		Pe(async () => {
-			Pn.value = !0, dr();
+			Fn.value = !0, fr();
 		});
-		function dr() {
-			if (t(N.dataset) || (Kn.value = B.value.loading), B.value.responsive) {
-				let e = ve(() => {
-					let { width: e, height: t } = ye({
+		function fr() {
+			if (t(N.dataset) || (qn.value = B.value.loading), B.value.responsive) {
+				let e = ye(() => {
+					let { width: e, height: t } = be({
 						chart: P.value,
-						title: B.value.title ? Tn.value : null,
-						legend: B.value.showLegend ? En.value : null,
-						slicer: [j.BAR, j.LINE].includes(K.value) && B.value.zoomXy && G.value.maxSeriesLength > 1 ? Dn.value : null,
-						source: An.value,
-						noTitle: jn.value
+						title: B.value.title ? En.value : null,
+						legend: B.value.showLegend ? Dn.value : null,
+						slicer: [M.BAR, M.LINE].includes(K.value) && B.value.zoomXy && G.value.maxSeriesLength > 1 ? On.value : null,
+						source: jn.value,
+						noTitle: Mn.value
 					});
 					requestAnimationFrame(() => {
 						q.value.width = e, q.value.height = t;
 					});
 				});
-				lr.value && (ur.value && lr.value.unobserve(ur.value), lr.value.disconnect()), lr.value = new ResizeObserver(e), ur.value = P.value.parentNode, lr.value.observe(ur.value);
+				ur.value && (dr.value && ur.value.unobserve(dr.value), ur.value.disconnect()), ur.value = new ResizeObserver(e), dr.value = P.value.parentNode, ur.value.observe(dr.value);
 			}
-			Tr();
+			Er();
 		}
 		Ne(() => {
-			lr.value && (ur.value && lr.value.unobserve(ur.value), lr.value.disconnect());
+			ur.value && (dr.value && ur.value.unobserve(dr.value), ur.value.disconnect());
 		});
-		let fr = _(() => {
+		let pr = _(() => {
 			switch (K.value) {
-				case j.LINE: return `0 0 ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`;
-				case j.BAR: return `0 0 ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`;
-				case j.DONUT: return `0 0 ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`;
+				case M.LINE: return `0 0 ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`;
+				case M.BAR: return `0 0 ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`;
+				case M.DONUT: return `0 0 ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`;
 				default: return `0 0 ${q.value.width <= 0 ? 10 : q.value.width} ${q.value.height <= 0 ? 10 : q.value.height}`;
 			}
 		});
-		function pr(e) {
+		function mr(e) {
 			return [...e].map((e) => e.value).reduce((e, t) => e + t, 0);
 		}
-		function mr(e) {
+		function hr(e) {
 			return B.value.blurOnHover && ![null, void 0].includes(L.value) && L.value !== e ? `url(#blur_${F.value})` : "";
 		}
-		function hr() {
-			R.value.length ? R.value = [] : K.value === j.DONUT ? Y.value.legend.forEach((e) => {
+		function gr() {
+			R.value.length ? R.value = [] : K.value === M.DONUT ? Y.value.legend.forEach((e) => {
 				R.value.push(e.id);
-			}) : K.value === j.LINE ? Z.value.legend.forEach((e) => {
+			}) : K.value === M.LINE ? Z.value.legend.forEach((e) => {
 				R.value.push(e.id);
-			}) : K.value === j.BAR && Q.value.legend.forEach((e) => {
+			}) : K.value === M.BAR && Q.value.legend.forEach((e) => {
 				R.value.push(e.id);
-			}), K.value === j.DONUT ? W("selectLegend", Y.value.dataset) : K.value === j.LINE ? W("selectLegend", Z.value.dataset) : K.value === j.BAR && W("selectLegend", Q.value.dataset);
+			}), K.value === M.DONUT ? W("selectLegend", Y.value.dataset) : K.value === M.LINE ? W("selectLegend", Z.value.dataset) : K.value === M.BAR && W("selectLegend", Q.value.dataset);
 		}
-		function gr(e, t) {
+		function _r(e, t) {
 			R.value.includes(e) ? R.value = R.value.filter((t) => t !== e) : R.value.length < t && R.value.push(e);
 		}
-		let _r = T(null), vr = T(null), yr = T(!1);
-		function br(e, t) {
-			yr.value = !0;
-			let n = e.value, r = tr.value.dataset.find((t, n) => e.id === `donut_${n}`).VALUE;
+		let vr = E(null), yr = E(null), br = E(!1);
+		function xr(e, t) {
+			br.value = !0;
+			let n = e.value, r = nr.value.dataset.find((t, n) => e.id === `donut_${n}`).VALUE;
 			if (R.value.includes(e.id)) {
 				R.value = R.value.filter((t) => t !== e.id);
 				function t() {
-					n > r ? (yr.value = !1, cancelAnimationFrame(vr.value), G.value = {
+					n > r ? (br.value = !1, cancelAnimationFrame(yr.value), G.value = {
 						...G.value,
 						dataset: G.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
 							...t,
@@ -634,12 +624,12 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							value: n,
 							VALUE: n
 						} : t)
-					}, vr.value = requestAnimationFrame(t));
+					}, yr.value = requestAnimationFrame(t));
 				}
 				t();
 			} else if (t.length > 1) {
 				function t() {
-					n < r / 100 ? (yr.value = !1, cancelAnimationFrame(_r.value), R.value.push(e.id), G.value = {
+					n < r / 100 ? (br.value = !1, cancelAnimationFrame(vr.value), R.value.push(e.id), G.value = {
 						...G.value,
 						dataset: G.value.dataset.map((t, n) => e.id === `donut_${n}` ? {
 							...t,
@@ -653,17 +643,17 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							value: n,
 							VALUE: n
 						} : t)
-					}, _r.value = requestAnimationFrame(t));
+					}, vr.value = requestAnimationFrame(t));
 				}
 				t();
 			} else W("selectLegend", Y.value.dataset);
 		}
-		let J = T(null);
-		function xr(e) {
+		let J = E(null);
+		function Sr(e) {
 			J.value = e;
 		}
-		let Sr = _(() => B.value.donutThicknessRatio < .01 ? .01 : B.value.donutThicknessRatio > .4 ? .4 : B.value.donutThicknessRatio), Y = _(() => {
-			if (K.value !== j.DONUT) return null;
+		let Cr = _(() => B.value.donutThicknessRatio < .01 ? .01 : B.value.donutThicknessRatio > .4 ? .4 : B.value.donutThicknessRatio), Y = _(() => {
+			if (K.value !== M.DONUT) return null;
 			let e = G.value.dataset.map((e, t) => ({
 				...e,
 				value: e.VALUE || e.DATA || e.SERIE || e.VALUES || e.NUM || 0,
@@ -671,12 +661,12 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				id: `donut_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || s[t + B.value.paletteStartIndex] || s[(t + B.value.paletteStartIndex) % s.length],
+				color: e.COLOR ? oe(e.COLOR) : tr.value[t + B.value.paletteStartIndex] || s[t + B.value.paletteStartIndex] || s[(t + B.value.paletteStartIndex) % s.length],
 				immutableValue: e.value
 			}));
 			function t(e, t) {
 				return u({
-					v: isNaN(e.value / pr(t)) ? 0 : e.value / pr(t) * 100,
+					v: isNaN(e.value / mr(t)) ? 0 : e.value / mr(t) * 100,
 					s: "%",
 					r: B.value.dataLabelRoundingPercentage
 				});
@@ -685,11 +675,11 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				return e.proportion * 100 > B.value.donutHideLabelUnderPercentage;
 			}
 			function r(e, t) {
-				let n = tr.value.dataset.find((t, n) => `donut_${n}` === e).VALUE;
+				let n = nr.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 i({ datapoint: t, seriesIndex: n, triggerMode: r = "pointer" }) {
-				On.value = {
+				kn.value = {
 					datapoint: t,
 					seriesIndex: n,
 					config: B.value,
@@ -704,7 +694,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					seriesIndex: n,
 					series: e,
 					config: B.value
-				}))) kn.value = i({
+				}))) An.value = i({
 					datapoint: t,
 					seriesIndex: n,
 					series: e,
@@ -724,7 +714,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						v: t.proportion * 100,
 						s: "%",
 						r: B.value.dataLabelRoundingPercentage
-					})})</span></div>`, kn.value = `<div>${e}</div>`;
+					})})</span></div>`, An.value = `<div>${e}</div>`;
 				}
 				I.value = !0;
 			}
@@ -747,7 +737,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				...e,
 				proportion: (e.value || 0) / d,
 				value: e.value || 0,
-				absoluteValue: tr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
+				absoluteValue: nr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
 				shape: "circle"
 			})), p = q.value.width / 2, te = q.value.height / 2, ne = q.value.height * B.value.donutRadiusRatio;
 			return {
@@ -764,70 +754,70 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				cx: p,
 				cy: te,
 				radius: ne,
-				chart: c({ series: e.filter((e) => !R.value.includes(e.id)) }, p, te, ne, ne, 1.99999, 2, 1, 360, 105.25, q.value.height * Sr.value)
+				chart: c({ series: e.filter((e) => !R.value.includes(e.id)) }, p, te, ne, ne, 1.99999, 2, 1, 360, 105.25, q.value.height * Cr.value)
 			};
-		}), X = T({
+		}), X = E({
 			start: 0,
 			end: G.value.maxSeriesLength
 		});
-		function Cr() {
-			Tr();
+		function wr() {
+			Er();
 		}
-		let wr = T(null);
-		async function Tr() {
-			await je(), await je();
-			let { zoomStartIndex: e, zoomEndIndex: t } = B.value, n = wr.value;
-			(e != null || t != null) && n ? (e != null && n.setStartValue(e), t != null && n.setEndValue(Er(t + 1))) : (X.value = {
+		let Tr = E(null);
+		async function Er() {
+			await Me(), await Me();
+			let { zoomStartIndex: e, zoomEndIndex: t } = B.value, n = Tr.value;
+			(e != null || t != null) && n ? (e != null && n.setStartValue(e), t != null && n.setEndValue(Dr(t + 1))) : (X.value = {
 				start: 0,
 				end: G.value.maxSeriesLength
-			}, Nn.value += 1);
+			}, Pn.value += 1);
 		}
-		function Er(e) {
+		function Dr(e) {
 			let t = G.value.maxSeriesLength;
 			return e > t ? t : e < 0 || B.value.zoomStartIndex !== null && e < B.value.zoomStartIndex ? B.value.zoomStartIndex === null ? 1 : B.value.zoomStartIndex + 1 : e;
 		}
-		let Dr = _(() => {
-			if (!B.value.zoomMinimap.show || K.value === j.DONUT) return [];
+		let Or = _(() => {
+			if (!B.value.zoomMinimap.show || K.value === M.DONUT) return [];
 			let e = [];
-			M(G.value.dataset) && (e = G.value.dataset), Ue(G.value.dataset) && (e = G.value.dataset.map((e, t) => ({
+			Ue(G.value.dataset) && (e = G.value.dataset), We(G.value.dataset) && (e = G.value.dataset.map((e, t) => ({
 				values: e.VALUE || e.DATA || e.SERIE || e.SERIES || e.VALUES || e.NUM || 0,
-				id: K.value === j.LINE ? `line_${t}` : `bar_${t}`
+				id: K.value === M.LINE ? `line_${t}` : `bar_${t}`
 			})).filter((e) => !R.value.includes(e.id)));
-			let t = M(e) ? e.length : Math.max(...e.map((e) => e.values.length)), n = [];
-			if (M(e)) n = e;
+			let t = Ue(e) ? e.length : Math.max(...e.map((e) => e.values.length)), n = [];
+			if (Ue(e)) n = e;
 			else for (let r = 0; r < t; r += 1) n.push(e.map((e) => e.values[r] || 0).reduce((e, t) => (e || 0) + (t || 0), 0));
 			let r = Math.min(...n);
 			return n.map((e) => e + (r < 0 ? Math.abs(r) : 0));
 		});
-		function Or() {
+		function kr() {
 			let e = 0;
-			return Ln.value && (e = Array.from(Ln.value.querySelectorAll("text")).reduce((e, t) => {
+			return Rn.value && (e = Array.from(Rn.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e + 4;
 		}
-		let kr = T(0), Ar = ve((e) => {
-			kr.value = e;
+		let Ar = E(0), jr = ye((e) => {
+			Ar.value = e;
 		}, 100);
 		Re((e) => {
 			let t = z.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				Ar(e[0].contentRect.height);
+				jr(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		}), Ne(() => {
-			kr.value = 0;
+			Ar.value = 0;
 		});
-		let jr = _(() => {
+		let Mr = _(() => {
 			let e = 0;
-			return z.value && (e = kr.value), 0 + e;
+			return z.value && (e = Ar.value), 0 + e;
 		}), Z = _(() => {
-			if (K.value !== j.LINE) return null;
+			if (K.value !== M.LINE) return null;
 			let e = {
 				height: q.value.height,
 				width: q.value.width
-			}, t = Or();
+			}, t = kr();
 			if (z.value) {
 				let e = z.value.getBBox().x;
 				e < 0 && (t += Math.abs(e));
@@ -836,25 +826,25 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				left: t + B.value.xyPaddingLeft,
 				top: B.value.xyPaddingTop,
 				right: e.width - B.value.xyPaddingRight,
-				bottom: e.height - B.value.xyPaddingBottom - jr.value,
+				bottom: e.height - B.value.xyPaddingBottom - Mr.value,
 				width: Math.max(10, e.width - B.value.xyPaddingLeft - B.value.xyPaddingRight - t),
-				height: Math.max(10, e.height - B.value.xyPaddingTop - B.value.xyPaddingBottom - jr.value)
+				height: Math.max(10, e.height - B.value.xyPaddingTop - B.value.xyPaddingBottom - Mr.value)
 			}, r = [];
-			M(G.value.dataset) && (r = [{
+			Ue(G.value.dataset) && (r = [{
 				values: G.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: G.value.dataset,
 				absoluteIndices: G.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: B.value.title,
-				color: er.value[B.value.paletteStartIndex] || s[B.value.paletteStartIndex],
+				color: tr.value[B.value.paletteStartIndex] || s[B.value.paletteStartIndex],
 				id: "line_0"
-			}]), Ue(G.value.dataset) && (r = G.value.dataset.map((e, t) => ({
+			}]), We(G.value.dataset) && (r = G.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 ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || s[t + B.value.paletteStartIndex] || s[(t + B.value.paletteStartIndex) % s.length],
+				color: e.COLOR ? oe(e.COLOR) : tr.value[t + B.value.paletteStartIndex] || s[t + B.value.paletteStartIndex] || s[(t + B.value.paletteStartIndex) % s.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)
@@ -894,7 +884,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			function ne(e, t = "pointer") {
 				L.value = e, J.value = e, V.value = e, H.value = t;
 				let n = p(e);
-				On.value = {
+				kn.value = {
 					datapoint: n,
 					seriesIndex: e,
 					config: B.value,
@@ -909,7 +899,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					seriesIndex: e,
 					series: r,
 					config: B.value
-				}))) kn.value = i({
+				}))) An.value = i({
 					datapoint: n,
 					seriesIndex: e,
 					series: r,
@@ -934,7 +924,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
                         </b>
                     </div>
                 `;
-					}), kn.value = e;
+					}), An.value = e;
 				}
 				I.value = !0;
 			}
@@ -965,11 +955,11 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				selectDatapoint: ae
 			};
 		}), Q = _(() => {
-			if (K.value !== j.BAR) return null;
+			if (K.value !== M.BAR) return null;
 			let e = {
 				height: q.value.height,
 				width: q.value.width
-			}, t = Or();
+			}, t = kr();
 			if (z.value) {
 				let e = z.value.getBBox().x;
 				e < 0 && (t += Math.abs(e));
@@ -978,25 +968,25 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				left: t + B.value.xyPaddingLeft,
 				top: B.value.xyPaddingTop,
 				right: e.width - B.value.xyPaddingRight,
-				bottom: e.height - B.value.xyPaddingBottom - jr.value,
+				bottom: e.height - B.value.xyPaddingBottom - Mr.value,
 				width: Math.max(10, e.width - B.value.xyPaddingLeft - B.value.xyPaddingRight - t),
-				height: Math.max(10, e.height - B.value.xyPaddingTop - B.value.xyPaddingBottom - jr.value)
+				height: Math.max(10, e.height - B.value.xyPaddingTop - B.value.xyPaddingBottom - Mr.value)
 			}, r = [];
-			M(G.value.dataset) && (r = [{
+			Ue(G.value.dataset) && (r = [{
 				values: G.value.dataset.slice(X.value.start, X.value.end),
 				absoluteValues: G.value.dataset,
 				absoluteIndices: G.value.dataset.map((e, t) => t).slice(X.value.start, X.value.end),
 				name: B.value.title,
-				color: er.value[B.value.paletteStartIndex] || s[B.value.paletteStartIndex],
+				color: tr.value[B.value.paletteStartIndex] || s[B.value.paletteStartIndex],
 				id: "bar_0"
-			}]), Ue(G.value.dataset) && (r = G.value.dataset.map((e, t) => ({
+			}]), We(G.value.dataset) && (r = G.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 ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || s[t + B.value.paletteStartIndex] || s[(t + B.value.paletteStartIndex) % s.length],
+				color: e.COLOR ? oe(e.COLOR) : tr.value[t + B.value.paletteStartIndex] || s[t + B.value.paletteStartIndex] || s[(t + B.value.paletteStartIndex) % s.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)
@@ -1045,7 +1035,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			function re(e, t = "pointer") {
 				L.value = e, J.value = e, V.value = e, H.value = t;
 				let n = ne(e);
-				On.value = {
+				kn.value = {
 					datapoint: n,
 					seriesIndex: e,
 					config: B.value,
@@ -1060,7 +1050,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					seriesIndex: e,
 					series: r,
 					config: B.value
-				}))) kn.value = i({
+				}))) An.value = i({
 					point: n,
 					seriesIndex: e,
 					series: r,
@@ -1085,7 +1075,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
                         </b>
                     </div>
                 `;
-					}), kn.value = e;
+					}), An.value = e;
 				}
 				I.value = !0;
 			}
@@ -1117,26 +1107,26 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				selectDatapoint: h
 			};
 		});
-		function Mr(e) {
+		function Nr(e) {
 			if (!e) return;
 			let t = e.getTotalLength();
 			e.style.transition = "none", e.style.strokeDasharray = `${t}`, e.style.strokeDashoffset = `${t}`;
 		}
-		function Nr(e, { fromOpacity: t = "0", fromScale: n = "0.85" } = {}) {
+		function Pr(e, { fromOpacity: t = "0", fromScale: n = "0.85" } = {}) {
 			e.forEach((e) => {
 				e.style.animation = "none", e.style.transition = "none", e.style.opacity = t, e.style.transform = `scale(${n})`, e.style.transformBox = "fill-box", e.style.transformOrigin = "50% 50%";
 			});
 		}
-		function Pr(e) {
+		function Fr(e) {
 			return e.cx?.baseVal?.value ?? parseFloat(e.getAttribute("cx"));
 		}
-		function Fr(e) {
+		function Ir(e) {
 			let t = e.getAttribute("x");
 			if (t != null) return parseFloat(t);
 			let n = e.getCTM?.();
 			return n ? n.e : 0;
 		}
-		function Ir(e, t) {
+		function Lr(e, t) {
 			if (!e.length) return [];
 			let n = e.map((e) => ({
 				el: e,
@@ -1161,16 +1151,16 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			}
 			return a.push(o), a;
 		}
-		function Lr({ pathDuration: e, pathEasing: t = "ease-in-out", pointDuration: n, labelDuration: r, pointDelay: i = 0, labelDelay: a = 0, pointStep: o = 0, labelStep: s = 0, intraSeriesStep: c = 0 } = {}) {
-			let l = Array.isArray(Fn?.value) ? Fn.value : [Fn?.value].filter(Boolean), u = Array.isArray(In?.value) ? In.value : [In?.value].filter(Boolean), ee = [...l, ...u].filter(Boolean), d = P?.value || null, f = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-plot")) : [], p = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-label")) : [];
-			ee.forEach(Mr), Nr(f, {
+		function Rr({ pathDuration: e, pathEasing: t = "ease-in-out", pointDuration: n, labelDuration: r, pointDelay: i = 0, labelDelay: a = 0, pointStep: o = 0, labelStep: s = 0, intraSeriesStep: c = 0 } = {}) {
+			let l = Array.isArray(In?.value) ? In.value : [In?.value].filter(Boolean), u = Array.isArray(Ln?.value) ? Ln.value : [Ln?.value].filter(Boolean), ee = [...l, ...u].filter(Boolean), d = P?.value || null, f = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-plot")) : [], p = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+			ee.forEach(Nr), Pr(f, {
 				fromOpacity: "0",
 				fromScale: "0.75"
-			}), Nr(p, {
+			}), Pr(p, {
 				fromOpacity: "0",
 				fromScale: "0.98"
 			}), f.forEach((e) => e.classList.remove("quick-animation")), p.forEach((e) => e.classList.remove("quick-animation")), d && d.offsetWidth;
-			let te = f.length ? Ir(f, Pr) : [], m = p.length ? Ir(p, Fr) : [];
+			let te = f.length ? Lr(f, Fr) : [], m = p.length ? Lr(p, Ir) : [];
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					ee.forEach((n) => {
@@ -1189,22 +1179,22 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				});
 			});
 		}
-		let Rr = _(() => {
-			if (K.value === j.LINE) return Z.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
+		let zr = _(() => {
+			if (K.value === M.LINE) return Z.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
 				...e,
 				isVisible: !R.value.includes(e.id),
 				type: "line",
 				series: e.absoluteValues
 			}));
-			if (K.value === j.BAR) return Q.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
+			if (K.value === M.BAR) return Q.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
 				...e,
 				isVisible: !R.value.includes(e.id),
 				type: "bar",
 				series: e.absoluteValues
 			}));
-		}), $ = T([]), zr = 0;
+		}), $ = E([]), Br = 0;
 		Re(() => {
-			let e = ++zr;
+			let e = ++Br;
 			(async () => {
 				let t = await se({
 					values: B.value.xyPeriods,
@@ -1213,26 +1203,26 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					start: X.value.start,
 					end: X.value.end
 				});
-				e === zr && ($.value = t);
+				e === Br && ($.value = t);
 			})();
 		});
-		let Br = _(() => {
+		let Vr = _(() => {
 			let e = B.value.xyPeriodsModulo;
 			return B.value.xyPeriods.length ? Math.min(e, [...new Set($.value.map((e) => e.text))].length) : e;
-		}), Vr = T(!1);
-		function Hr(e) {
-			Vr.value = e, Mn.value += 1;
+		}), Hr = E(!1);
+		function Ur(e) {
+			Hr.value = e, Nn.value += 1;
 		}
-		function Ur() {
-			cr.value.showTooltip = !cr.value.showTooltip;
+		function Wr() {
+			lr.value.showTooltip = !lr.value.showTooltip;
 		}
-		let Wr = T(!1);
-		function Gr() {
-			Wr.value = !Wr.value;
+		let Gr = E(!1);
+		function Kr() {
+			Gr.value = !Gr.value;
 		}
-		async function Kr({ scale: e = 2 } = {}) {
+		async function qr({ scale: e = 2 } = {}) {
 			if (!P.value) return;
-			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ge({
+			let { width: t, height: n } = P.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await _e({
 				domElement: P.value,
 				base64: !0,
 				img: !0,
@@ -1247,8 +1237,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				aspectRatio: r
 			};
 		}
-		let qr = _(() => q.value.width), Jr = _(() => q.value.height);
-		he({
+		let Jr = _(() => q.value.width), Yr = _(() => q.value.height);
+		ge({
 			timeLabelsEls: z,
 			timeLabels: $,
 			slicer: X,
@@ -1257,18 +1247,18 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			autoRotatePath: ["xyPeriodLabelsAutoRotate", "enable"],
 			isAutoSize: !1,
 			rotation: B.value.xyPeriodLabelsAutoRotate.angle,
-			height: Jr.value,
-			width: qr.value
+			height: Yr.value,
+			width: Jr.value
 		});
-		let Yr = _(() => B.value.backgroundColor), Xr = _(() => K.value === j.DONUT ? Y.value.legend : K.value === j.LINE ? Z.value.legend : Q.value.legend), Zr = _(() => ({
+		let Xr = _(() => B.value.backgroundColor), Zr = _(() => K.value === M.DONUT ? Y.value.legend : K.value === M.LINE ? Z.value.legend : Q.value.legend), Qr = _(() => ({
 			show: B.value.showLegend,
 			bold: !1,
 			backgroundColor: B.value.backgroundColor,
 			color: B.value.color,
 			fontSize: B.value.legendFontSize,
 			position: B.value.legendPosition
-		})), { exportSvg: Qr, getSvg: $r } = fe({
-			svg: qn,
+		})), { exportSvg: $r, getSvg: ei } = fe({
+			svg: Jn,
 			title: _(() => ({
 				text: B.value.title,
 				color: B.value.color,
@@ -1277,22 +1267,22 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				textAlign: B.value.titleTextAlign,
 				subtitle: { text: "" }
 			})),
-			legend: Zr,
-			legendItems: Xr,
-			backgroundColor: Yr
+			legend: Qr,
+			legendItems: Zr,
+			backgroundColor: Xr
 		});
-		async function ei({ isCb: e }) {
+		async function ti({ isCb: e }) {
 			if (e) {
-				let { blob: e, url: t, text: n, dataUrl: r } = await $r();
+				let { blob: e, url: t, text: n, dataUrl: r } = await ei();
 				B.value.userOptionsCallbacks.svg({
 					blob: e,
 					url: t,
 					text: n,
 					dataUrl: r
 				});
-			} else Qr();
+			} else $r();
 		}
-		async function ti() {
+		async function ni() {
 			if (W("copyAlt", {
 				config: B.value,
 				dataset: {
@@ -1313,18 +1303,18 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				}
 			}));
 		}
-		function ni(e, t) {
+		function ri(e, t) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 		}
-		let ri = _(() => K.value === j.DONUT ? Y.value?.chart?.length ?? 0 : K.value === j.LINE ? Z.value?.extremes?.maxSeries ?? 0 : K.value === j.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
-		function ii() {
-			V.value = null, Un.value = !0;
-		}
+		let ii = _(() => K.value === M.DONUT ? Y.value?.chart?.length ?? 0 : K.value === M.LINE ? Z.value?.extremes?.maxSeries ?? 0 : K.value === M.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
 		function ai() {
-			V.value = null, H.value = "pointer", I.value = !1, L.value = null, J.value = null, Un.value = !1;
+			V.value = null, Wn.value = !0;
 		}
-		function oi(e) {
-			if (!qn.value || Wr.value || document.activeElement !== qn.value || !ri.value) return;
+		function oi() {
+			V.value = null, H.value = "pointer", I.value = !1, L.value = null, J.value = null, Wn.value = !1;
+		}
+		function si(e) {
+			if (!Jn.value || Gr.value || document.activeElement !== Jn.value || !ii.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) {
@@ -1333,7 +1323,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			}
 			if (r) {
 				if (V.value === null) return;
-				if (K.value === j.DONUT) {
+				if (K.value === M.DONUT) {
 					let e = Y.value?.chart?.[V.value];
 					if (!e) return;
 					Y.value.selectDatapoint({
@@ -1342,59 +1332,59 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					});
 					return;
 				}
-				if (K.value === j.LINE) {
+				if (K.value === M.LINE) {
 					Z.value?.selectDatapoint(V.value);
 					return;
 				}
-				if (K.value === j.BAR) {
+				if (K.value === M.BAR) {
 					Q.value?.selectDatapoint(V.value);
 					return;
 				}
 				return;
 			}
-			let a = V.value, o = J.value, s = a !== null && a >= 0 && a < ri.value, c = o !== null && o >= 0 && o < ri.value;
-			if (s ? n ? (a += 1, a >= ri.value && (a = 0)) : t && (--a, a < 0 && (a = ri.value - 1)) : c ? (a = n ? o + 1 : o - 1, a >= ri.value && (a = 0), a < 0 && (a = ri.value - 1)) : a = n ? 0 : ri.value - 1, K.value === j.DONUT) {
+			let a = V.value, o = J.value, s = a !== null && a >= 0 && a < ii.value, c = o !== null && o >= 0 && o < ii.value;
+			if (s ? n ? (a += 1, a >= ii.value && (a = 0)) : t && (--a, a < 0 && (a = ii.value - 1)) : c ? (a = n ? o + 1 : o - 1, a >= ii.value && (a = 0), a < 0 && (a = ii.value - 1)) : a = n ? 0 : ii.value - 1, K.value === M.DONUT) {
 				let e = Y.value?.chart?.[a];
 				if (!e) return;
-				si(a), Y.value.useTooltip({
+				ci(a), Y.value.useTooltip({
 					datapoint: e,
 					seriesIndex: a,
 					triggerMode: "keyboard"
 				});
 				return;
 			}
-			if (K.value === j.LINE) {
-				si(a), Z.value?.useTooltip(a, "keyboard");
+			if (K.value === M.LINE) {
+				ci(a), Z.value?.useTooltip(a, "keyboard");
 				return;
 			}
-			K.value === j.BAR && (si(a), Q.value?.useTooltip(a, "keyboard"));
+			K.value === M.BAR && (ci(a), Q.value?.useTooltip(a, "keyboard"));
 		}
-		function si(e) {
-			if (!Number.isFinite(e) || !qn.value) return;
+		function ci(e) {
+			if (!Number.isFinite(e) || !Jn.value) return;
 			let t = 0, n = 0;
-			if (K.value === j.DONUT) {
+			if (K.value === M.DONUT) {
 				let r = Y.value?.chart?.[e];
 				if (!r) return;
 				t = d(r, !0).x, n = p(r);
 			}
-			if (K.value === j.LINE) {
+			if (K.value === M.LINE) {
 				let r = Z.value?.drawingArea, i = Z.value?.slotSize;
 				if (!r || !i) return;
 				t = r.left + i * (e + 1) - i / 2, n = r.top + r.height / 2;
 			}
-			if (K.value === j.BAR) {
+			if (K.value === M.BAR) {
 				let r = Q.value?.drawingArea, i = Q.value?.slotSize;
 				if (!r || !i) return;
 				t = r.left + i * (e + 1) - i / 2, n = r.top + r.height / 2;
 			}
-			let r = qn.value.getBoundingClientRect();
-			Hn.value = {
+			let r = Jn.value.getBoundingClientRect();
+			Un.value = {
 				x: r.left + t / q.value.width * r.width,
 				y: r.top + n / q.value.height * r.height
 			};
 		}
-		let ci = _(() => {
-			if (K.value === j.DONUT) return {
+		let li = _(() => {
+			if (K.value === M.DONUT) return {
 				headers: [
 					"Series",
 					"Value",
@@ -1418,8 +1408,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					];
 				})
 			};
-			if (K.value === j.LINE || K.value === j.BAR) {
-				let e = K.value === j.LINE ? Z.value?.dataset ?? [] : Q.value?.dataset ?? [], t = K.value === j.LINE ? Z.value?.extremes?.maxSeries ?? 0 : Q.value?.extremes?.maxSeries ?? 0;
+			if (K.value === M.LINE || K.value === M.BAR) {
+				let e = K.value === M.LINE ? Z.value?.dataset ?? [] : Q.value?.dataset ?? [], t = K.value === M.LINE ? Z.value?.extremes?.maxSeries ?? 0 : Q.value?.extremes?.maxSeries ?? 0;
 				return {
 					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) => {
@@ -1438,38 +1428,38 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				rows: []
 			};
 		});
-		return _e({
-			getImage: Kr,
-			generatePdf: ar,
-			generateImage: or,
-			generateSvg: ei,
-			toggleTooltip: Ur,
-			toggleAnnotator: Gr,
-			toggleFullscreen: Hr,
-			copyAlt: ti
-		}), (e, t) => nr.value ? (w(), y("div", {
+		return ve({
+			getImage: qr,
+			generatePdf: or,
+			generateImage: sr,
+			generateSvg: ti,
+			toggleTooltip: Wr,
+			toggleAnnotator: Kr,
+			toggleFullscreen: Ur,
+			copyAlt: ni
+		}), (e, t) => rr.value ? (T(), y("div", {
 			key: 0,
 			id: `${K.value}_${F.value}`,
 			ref_key: "quickChart",
 			ref: P,
-			class: Me({
+			class: S({
 				"vue-data-ui-component": !0,
 				"vue-ui-quick-chart": !0,
-				"vue-data-ui-wrapper-fullscreen": Vr.value
+				"vue-data-ui-wrapper-fullscreen": Hr.value
 			}),
-			style: C(`background:${B.value.backgroundColor};color:${B.value.color};font-family:${B.value.fontFamily}; position: relative; ${B.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: t[2] ||= () => Qn(!0),
-			onMouseleave: t[3] ||= () => Qn(!1)
+			style: w(`background:${B.value.backgroundColor};color:${B.value.color};font-family:${B.value.fontFamily}; position: relative; ${B.value.responsive ? "height: 100%" : ""}`),
+			onMouseenter: t[2] ||= () => $n(!0),
+			onMouseleave: t[3] ||= () => $n(!1)
 		}, [
 			b("div", {
 				id: `chart-instructions-${F.value}`,
 				class: "sr-only"
-			}, [b("p", null, O(B.value.a11y.translations.keyboardNavigation), 1)], 8, Ze),
-			ci.value.rows.length ? (w(), Ee(xe, {
+			}, [b("p", null, k(B.value.a11y.translations.keyboardNavigation), 1)], 8, $e),
+			li.value.rows.length ? (T(), De(Se, {
 				key: 0,
 				uid: F.value,
-				head: ci.value.headers,
-				body: ci.value.rows,
+				head: li.value.headers,
+				body: li.value.rows,
 				notice: B.value.a11y.translations.tableAvailable,
 				caption: B.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1479,21 +1469,21 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"notice",
 				"caption"
 			])) : v("", !0),
-			B.value.userOptionsButtons.annotator ? (w(), Ee(k(We), {
+			B.value.userOptionsButtons.annotator ? (T(), De(A(Ge), {
 				key: 1,
-				svgRef: k(qn),
+				svgRef: A(Jn),
 				backgroundColor: B.value.backgroundColor,
 				color: B.value.color,
-				active: Wr.value,
-				isCursorPointer: Vn.value,
-				onClose: Gr
+				active: Gr.value,
+				isCursorPointer: Hn.value,
+				onClose: Kr
 			}, {
-				"annotator-action-close": A(() => [D(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": A(({ color: t }) => [D(e.$slots, "annotator-action-color", S(x({ color: t })), void 0, !0)]),
-				"annotator-action-draw": A(({ mode: t }) => [D(e.$slots, "annotator-action-draw", S(x({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": A(({ disabled: t }) => [D(e.$slots, "annotator-action-undo", S(x({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": A(({ disabled: t }) => [D(e.$slots, "annotator-action-redo", S(x({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": A(({ disabled: t }) => [D(e.$slots, "annotator-action-delete", S(x({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": j(() => [O(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": j(({ color: t }) => [O(e.$slots, "annotator-action-color", C(x({ color: t })), void 0, !0)]),
+				"annotator-action-draw": j(({ mode: t }) => [O(e.$slots, "annotator-action-draw", C(x({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": j(({ disabled: t }) => [O(e.$slots, "annotator-action-undo", C(x({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": j(({ disabled: t }) => [O(e.$slots, "annotator-action-redo", C(x({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": j(({ disabled: t }) => [O(e.$slots, "annotator-action-delete", C(x({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -1502,20 +1492,20 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"active",
 				"isCursorPointer"
 			])) : v("", !0),
-			sr.value ? (w(), y("div", {
+			cr.value ? (T(), y("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: jn,
+				ref: Mn,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : v("", !0),
-			B.value.showUserOptions && (Yn.value || Xn.value) ? (w(), Ee(k(Ke), {
+			B.value.showUserOptions && (Xn.value || Zn.value) ? (T(), De(A(qe), {
 				ref: "details",
-				key: `user_option_${Mn.value}`,
+				key: `user_option_${Nn.value}`,
 				backgroundColor: B.value.backgroundColor,
 				color: B.value.color,
-				isPrinting: k(rr),
-				isImaging: k(ir),
+				isPrinting: A(ir),
+				isImaging: A(ar),
 				uid: F.value,
 				hasTooltip: B.value.userOptionsButtons.tooltip && B.value.showTooltip,
 				hasPdf: B.value.userOptionsButtons.pdf,
@@ -1524,28 +1514,28 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				hasFullscreen: B.value.userOptionsButtons.fullscreen,
 				hasAltCopy: B.value.userOptionsButtons.altCopy,
 				hasXls: !1,
-				isTooltip: cr.value.showTooltip,
-				isFullscreen: Vr.value,
+				isTooltip: lr.value.showTooltip,
+				isFullscreen: Hr.value,
 				titles: { ...B.value.userOptionsButtonTitles },
 				chartElement: P.value,
 				position: B.value.userOptionsPosition,
 				hasAnnotator: B.value.userOptionsButtons.annotator,
-				isAnnotation: Wr.value,
+				isAnnotation: Gr.value,
 				callbacks: B.value.userOptionsCallbacks,
 				printScale: B.value.userOptionsPrint.scale,
-				isCursorPointer: Vn.value,
-				onToggleFullscreen: Hr,
-				onGeneratePdf: k(ar),
-				onGenerateImage: k(or),
-				onGenerateSvg: ei,
-				onToggleTooltip: Ur,
-				onToggleAnnotator: Gr,
-				onCopyAlt: ti,
-				style: C({ visibility: Yn.value ? Xn.value ? "visible" : "hidden" : "visible" })
-			}, De({ _: 2 }, [
+				isCursorPointer: Hn.value,
+				onToggleFullscreen: Ur,
+				onGeneratePdf: A(or),
+				onGenerateImage: A(sr),
+				onGenerateSvg: ti,
+				onToggleTooltip: Wr,
+				onToggleAnnotator: Kr,
+				onCopyAlt: ni,
+				style: w({ visibility: Xn.value ? Zn.value ? "visible" : "hidden" : "visible" })
+			}, Oe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: A(({ isOpen: t, color: n }) => [D(e.$slots, "menuIcon", S(x({
+					fn: j(({ isOpen: t, color: n }) => [O(e.$slots, "menuIcon", C(x({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1553,27 +1543,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: A(() => [D(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: j(() => [O(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: A(() => [D(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: j(() => [O(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: A(() => [D(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: j(() => [O(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: A(() => [D(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: j(() => [O(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: A(({ toggleFullscreen: t, isFullscreen: n }) => [D(e.$slots, "optionFullscreen", S(x({
+					fn: j(({ toggleFullscreen: t, isFullscreen: n }) => [O(e.$slots, "optionFullscreen", C(x({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1581,7 +1571,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: A(({ toggleAnnotator: t, isAnnotator: n }) => [D(e.$slots, "optionAnnotator", S(x({
+					fn: j(({ toggleAnnotator: t, isAnnotator: n }) => [O(e.$slots, "optionAnnotator", C(x({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1589,17 +1579,17 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: A(({ altCopy: t }) => [D(e.$slots, "optionAltCopy", S(x({ altCopy: t })), void 0, !0)]),
+					fn: j(({ altCopy: t }) => [O(e.$slots, "optionAltCopy", C(x({ altCopy: t })), void 0, !0)]),
 					key: "7"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: A(() => [D(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: j(() => [O(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: A(() => [D(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: j(() => [O(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "9"
 				} : void 0
 			]), 1032, [
@@ -1628,52 +1618,52 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"onGenerateImage",
 				"style"
 			])) : v("", !0),
-			B.value.title ? (w(), y("div", {
+			B.value.title ? (T(), y("div", {
 				key: 4,
 				ref_key: "quickChartTitle",
-				ref: Tn,
+				ref: En,
 				class: "vue-ui-quick-chart-title",
-				style: C(`background:transparent;color:${B.value.color};font-size:${B.value.titleFontSize}px;font-weight:${B.value.titleBold ? "bold" : "normal"};text-align:${B.value.titleTextAlign}`)
-			}, O(B.value.title), 5)) : v("", !0),
-			b("div", { id: `legend-top-${F.value}` }, null, 8, Qe),
-			b("div", $e, [K.value ? (w(), y("svg", {
+				style: w(`background:transparent;color:${B.value.color};font-size:${B.value.titleFontSize}px;font-weight:${B.value.titleBold ? "bold" : "normal"};text-align:${B.value.titleTextAlign}`)
+			}, k(B.value.title), 5)) : v("", !0),
+			b("div", { id: `legend-top-${F.value}` }, null, 8, et),
+			b("div", tt, [K.value ? (T(), y("svg", {
 				key: 0,
 				ref_key: "svgRef",
-				ref: qn,
-				xmlns: k(ae),
+				ref: Jn,
+				xmlns: A(ae),
 				"aria-describedby": `chart-instructions-${F.value}`,
-				viewBox: fr.value,
-				style: C(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color}`),
+				viewBox: pr.value,
+				style: w(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color}`),
 				tabindex: "0",
-				onFocus: ii,
-				onBlur: ai,
-				onKeydown: oi
+				onFocus: ai,
+				onBlur: oi,
+				onKeydown: si
 			}, [
-				Oe(k(He)),
-				e.$slots["chart-background"] && K.value === j.BAR ? (w(), y("foreignObject", {
+				ke(A(He)),
+				e.$slots["chart-background"] && K.value === M.BAR ? (T(), y("foreignObject", {
 					key: 0,
 					x: Q.value.drawingArea.left,
 					y: Q.value.drawingArea.top,
 					width: Q.value.drawingArea.width,
 					height: Q.value.drawingArea.height,
 					style: { pointerEvents: "none" }
-				}, [D(e.$slots, "chart-background", {}, void 0, !0)], 8, tt)) : v("", !0),
-				e.$slots["chart-background"] && K.value === j.LINE ? (w(), y("foreignObject", {
+				}, [O(e.$slots, "chart-background", {}, void 0, !0)], 8, rt)) : v("", !0),
+				e.$slots["chart-background"] && K.value === M.LINE ? (T(), y("foreignObject", {
 					key: 1,
 					x: Z.value.drawingArea.left,
 					y: Z.value.drawingArea.top,
 					width: Z.value.drawingArea.width,
 					height: Z.value.drawingArea.height,
 					style: { pointerEvents: "none" }
-				}, [D(e.$slots, "chart-background", {}, void 0, !0)], 8, nt)) : v("", !0),
-				e.$slots["chart-background"] && K.value === j.DONUT ? (w(), y("foreignObject", {
+				}, [O(e.$slots, "chart-background", {}, void 0, !0)], 8, it)) : v("", !0),
+				e.$slots["chart-background"] && K.value === M.DONUT ? (T(), y("foreignObject", {
 					key: 2,
 					x: 0,
 					y: 0,
 					width: q.value.width,
 					height: q.value.height,
 					style: { pointerEvents: "none" }
-				}, [D(e.$slots, "chart-background", {}, void 0, !0)], 8, rt)) : v("", !0),
+				}, [O(e.$slots, "chart-background", {}, void 0, !0)], 8, at)) : v("", !0),
 				b("defs", null, [b("filter", {
 					id: `blur_${F.value}`,
 					x: "-50%",
@@ -1684,10 +1674,10 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${F.value}`
-				}, null, 8, at), t[4] ||= b("feColorMatrix", {
+				}, null, 8, st), t[4] ||= b("feColorMatrix", {
 					type: "saturate",
 					values: "0"
-				}, null, -1)], 8, it), b("filter", {
+				}, null, -1)], 8, ot), b("filter", {
 					id: `shadow_${F.value}`,
 					"color-interpolation-filters": "sRGB"
 				}, [b("feDropShadow", {
@@ -1696,35 +1686,35 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					stdDeviation: "10",
 					"flood-opacity": "0.5",
 					"flood-color": B.value.donutShadowColor
-				}, null, 8, st)], 8, ot)]),
-				K.value === j.DONUT ? (w(), y(g, { key: 3 }, [
-					B.value.showDataLabels ? (w(), y("g", ct, [(w(!0), y(g, null, E(Y.value.chart, (e, t) => (w(), y(g, null, [Y.value.isArcBigEnough(e) ? (w(), y("path", {
+				}, null, 8, lt)], 8, ct)]),
+				K.value === M.DONUT ? (T(), y(g, { key: 3 }, [
+					B.value.showDataLabels ? (T(), y("g", ut, [(T(!0), y(g, null, D(Y.value.chart, (e, t) => (T(), y(g, null, [Y.value.isArcBigEnough(e) ? (T(), y("path", {
 						key: 0,
-						d: k(ne)(e, {
+						d: A(ne)(e, {
 							x: q.value.width / 2,
 							y: q.value.height / 2
-						}, 16, 16, !1, !1, q.value.height * Sr.value, 12, B.value.donutCurvedMarkers),
+						}, 16, 16, !1, !1, q.value.height * Cr.value, 12, B.value.donutCurvedMarkers),
 						stroke: e.color,
 						"stroke-width": B.value.donutLabelMarkerStrokeWidth,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
 						fill: "none",
-						filter: mr(e.id)
-					}, null, 8, lt)) : v("", !0)], 64))), 256))])) : v("", !0),
+						filter: hr(e.id)
+					}, null, 8, dt)) : v("", !0)], 64))), 256))])) : v("", !0),
 					b("circle", {
 						cx: Y.value.cx,
 						cy: Y.value.cy,
 						r: Y.value.radius,
 						fill: B.value.backgroundColor,
 						filter: B.value.donutUseShadow ? `url(#shadow_${F.value})` : ""
-					}, null, 8, ut),
-					b("g", dt, [(w(!0), y(g, null, E(Y.value.chart, (e, t) => (w(), y("path", {
+					}, null, 8, ft),
+					b("g", pt, [(T(!0), y(g, null, D(Y.value.chart, (e, t) => (T(), y("path", {
 						d: e.arcSlice,
 						fill: e.color,
 						stroke: B.value.donutStroke || B.value.backgroundColor,
 						"stroke-width": B.value.donutStrokeWidth,
-						filter: mr(e.id)
-					}, null, 8, ft))), 256)), (w(!0), y(g, null, E(Y.value.chart, (e, t) => (w(), y("path", {
+						filter: hr(e.id)
+					}, null, 8, mt))), 256)), (T(!0), y(g, null, D(Y.value.chart, (e, t) => (T(), y("path", {
 						d: e.arcSlice,
 						fill: "transparent",
 						onMouseenter: (n) => Y.value.useTooltip({
@@ -1740,27 +1730,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							datapoint: e,
 							seriesIndex: t
 						})
-					}, null, 40, pt))), 256))]),
-					B.value.showDataLabels ? (w(), y("g", mt, [(w(!0), y(g, null, E(Y.value.chart, (e, t) => (w(), y(g, null, [
-						Y.value.isArcBigEnough(e) ? (w(), y("circle", {
+					}, null, 40, ht))), 256))]),
+					B.value.showDataLabels ? (T(), y("g", gt, [(T(!0), y(g, null, D(Y.value.chart, (e, t) => (T(), y(g, null, [
+						Y.value.isArcBigEnough(e) ? (T(), y("circle", {
 							key: 0,
-							cx: k(d)(e).x,
-							cy: k(p)(e) - 3.7,
+							cx: A(d)(e).x,
+							cy: A(p)(e) - 3.7,
 							fill: e.color,
 							stroke: B.value.backgroundColor,
 							"stroke-width": 1,
 							r: 3,
-							filter: mr(e.id)
-						}, null, 8, ht)) : v("", !0),
-						Y.value.isArcBigEnough(e) ? (w(), y("text", {
+							filter: hr(e.id)
+						}, null, 8, _t)) : v("", !0),
+						Y.value.isArcBigEnough(e) ? (T(), y("text", {
 							key: 1,
-							"text-anchor": k(d)(e, !0, 20).anchor,
-							x: k(d)(e, !0).x,
-							y: k(p)(e),
+							"text-anchor": A(d)(e, !0, 20).anchor,
+							x: A(d)(e, !0).x,
+							y: A(p)(e),
 							fill: B.value.color,
 							"font-size": B.value.dataLabelFontSize,
-							filter: mr(e.id)
-						}, O(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + O(k(m)(B.value.formatter, e.value, k(u)({
+							filter: hr(e.id)
+						}, k(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + k(A(m)(B.value.formatter, e.value, A(u)({
 							p: B.value.valuePrefix,
 							v: e.value,
 							s: B.value.valueSuffix,
@@ -1768,38 +1758,38 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						}), {
 							datapoint: e,
 							seriesIndex: t
-						})) + ") ", 9, gt)) : v("", !0),
-						Y.value.isArcBigEnough(e, !0, 20) ? (w(), y("text", {
+						})) + ") ", 9, vt)) : v("", !0),
+						Y.value.isArcBigEnough(e, !0, 20) ? (T(), y("text", {
 							key: 2,
-							"text-anchor": k(d)(e).anchor,
-							x: k(d)(e, !0).x,
-							y: k(p)(e) + B.value.dataLabelFontSize,
+							"text-anchor": A(d)(e).anchor,
+							x: A(d)(e, !0).x,
+							y: A(p)(e) + B.value.dataLabelFontSize,
 							fill: B.value.color,
 							"font-size": B.value.dataLabelFontSize,
-							filter: mr(e.id)
-						}, O(e.name), 9, _t)) : v("", !0)
+							filter: hr(e.id)
+						}, k(e.name), 9, yt)) : v("", !0)
 					], 64))), 256))])) : v("", !0),
-					B.value.donutShowTotal ? (w(), y("g", vt, [b("text", {
+					B.value.donutShowTotal ? (T(), y("g", bt, [b("text", {
 						"text-anchor": "middle",
 						x: Y.value.drawingArea.centerX,
 						y: Y.value.drawingArea.centerY - B.value.donutTotalLabelFontSize / 2,
 						"font-size": B.value.donutTotalLabelFontSize,
 						fill: B.value.color
-					}, O(B.value.donutTotalLabelText), 9, yt), b("text", {
+					}, k(B.value.donutTotalLabelText), 9, xt), b("text", {
 						"text-anchor": "middle",
 						x: Y.value.drawingArea.centerX,
 						y: Y.value.drawingArea.centerY + B.value.donutTotalLabelFontSize,
 						"font-size": B.value.donutTotalLabelFontSize,
 						fill: B.value.color
-					}, O(k(u)({
+					}, k(A(u)({
 						p: B.value.valuePrefix,
 						v: Y.value.total,
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
-					})), 9, bt)])) : v("", !0)
+					})), 9, St)])) : v("", !0)
 				], 64)) : v("", !0),
-				K.value === j.LINE ? (w(), y(g, { key: 4 }, [
-					B.value.xyShowGrid ? (w(), y("g", xt, [(w(!0), y(g, null, E(Z.value.yLabels, (e) => (w(), y(g, null, [e.y <= Z.value.drawingArea.bottom ? (w(), y("line", {
+				K.value === M.LINE ? (T(), y(g, { key: 4 }, [
+					B.value.xyShowGrid ? (T(), y("g", Ct, [(T(!0), y(g, null, D(Z.value.yLabels, (e) => (T(), y(g, null, [e.y <= Z.value.drawingArea.bottom ? (T(), y("line", {
 						key: 0,
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.right,
@@ -1808,7 +1798,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyGridStroke,
 						"stroke-width": B.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, St)) : v("", !0)], 64))), 256)), (w(!0), y(g, null, E(Z.value.extremes.maxSeries + 1, (e, t) => (w(), y("line", {
+					}, null, 8, wt)) : v("", !0)], 64))), 256)), (T(!0), y(g, null, D(Z.value.extremes.maxSeries + 1, (e, t) => (T(), y("line", {
 						x1: Z.value.drawingArea.left + Z.value.slotSize * t,
 						x2: Z.value.drawingArea.left + Z.value.slotSize * t,
 						y1: Z.value.drawingArea.top,
@@ -1816,8 +1806,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyGridStroke,
 						"stroke-width": B.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Ct))), 256))])) : v("", !0),
-					B.value.xyShowAxis ? (w(), y("g", wt, [b("line", {
+					}, null, 8, Tt))), 256))])) : v("", !0),
+					B.value.xyShowAxis ? (T(), y("g", Et, [b("line", {
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.left,
 						y1: Z.value.drawingArea.top,
@@ -1825,7 +1815,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Tt), b("line", {
+					}, null, 8, Dt), b("line", {
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.right,
 						y1: isNaN(Z.value.absoluteZero) ? Z.value.drawingArea.bottom : Z.value.absoluteZero,
@@ -1833,29 +1823,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Et)])) : v("", !0),
-					B.value.xyShowScale ? (w(), y("g", {
+					}, null, 8, Ot)])) : v("", !0),
+					B.value.xyShowScale ? (T(), y("g", {
 						key: 2,
 						class: "yLabels",
 						ref_key: "scaleLabels",
-						ref: Ln
-					}, [(w(!0), y(g, null, E(Z.value.yLabels, (e, t) => (w(), y(g, null, [e.y <= Z.value.drawingArea.bottom ? (w(), y("line", {
+						ref: Rn
+					}, [(T(!0), y(g, null, D(Z.value.yLabels, (e, t) => (T(), y(g, { key: `sl_${t}` }, [e.y <= Z.value.drawingArea.bottom ? (T(), y("path", {
 						key: 0,
-						x1: e.x + 4,
-						x2: Z.value.drawingArea.left,
-						y1: e.y,
-						y2: e.y,
+						class: S({ "vue-data-ui-datalabel": A(Ze) }),
+						d: `M${e.x + 4},${e.y} ${Z.value.drawingArea.left},${e.y}`,
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Dt)) : v("", !0), e.y <= Z.value.drawingArea.bottom ? (w(), y("text", {
+					}, null, 10, kt)) : v("", !0), e.y <= Z.value.drawingArea.bottom ? (T(), y("text", {
 						key: 1,
-						x: e.x,
-						y: e.y + B.value.xyLabelsYFontSize / 3,
+						class: S({ "vue-data-ui-datalabel": A(Ze) }),
+						transform: `translate(${e.x}, ${e.y + B.value.xyLabelsYFontSize / 3})`,
 						"text-anchor": "end",
 						"font-size": B.value.xyLabelsYFontSize,
 						fill: B.value.color
-					}, O(k(m)(B.value.formatter, e.value, k(u)({
+					}, k(A(m)(B.value.formatter, e.value, A(u)({
 						p: B.value.valuePrefix,
 						v: e.value,
 						s: B.value.valueSuffix,
@@ -1863,8 +1851,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					}), {
 						datapoint: e,
 						seriesIndex: t
-					})), 9, Ot)) : v("", !0)], 64))), 256))], 512)) : v("", !0),
-					B.value.xyShowScale && B.value.xyPeriods.length ? (w(), y("g", kt, [(w(!0), y(g, null, E($.value.map((e) => e.text), (e, t) => (w(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), y("line", {
+					})), 11, At)) : v("", !0)], 64))), 128))], 512)) : v("", !0),
+					B.value.xyShowScale && B.value.xyPeriods.length ? (T(), y("g", jt, [(T(!0), y(g, null, D($.value.map((e) => e.text), (e, t) => (T(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Vr.value) === 0 || X.value.end - X.value.start <= Vr.value ? (T(), y("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,
@@ -1873,134 +1861,132 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, At)) : v("", !0)], 64))), 256)), b("g", {
+					}, null, 8, Mt)) : v("", !0)], 64))), 256)), b("g", {
 						ref_key: "timeLabelsEls",
 						ref: z
-					}, [(w(!0), y(g, null, E($.value.map((e) => e.text), (e, t) => (w(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), y("g", jt, [String(e).includes("\n") ? (w(), y("text", {
+					}, [(T(!0), y(g, null, D($.value.map((e) => e.text), (e, t) => (T(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Vr.value) === 0 || X.value.end - X.value.start <= Vr.value ? (T(), y("g", Nt, [String(e).includes("\n") ? (T(), y("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
 						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
-						innerHTML: k(l)({
+						innerHTML: A(l)({
 							content: String(e),
 							fontSize: B.value.xyLabelsXFontSize,
 							fill: B.value.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Nt)) : (w(), y("text", {
+					}, null, 8, Ft)) : (T(), y("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
 						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (t + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
-					}, O(e), 9, Mt))])) : v("", !0)], 64))), 256))], 512)])) : v("", !0),
-					b("g", Pt, [(w(!0), y(g, null, E(Z.value.dataset, (e, t) => (w(), y("g", Ft, [B.value.lineSmooth ? (w(), y(g, { key: 0 }, [b("path", {
+					}, k(e), 9, Pt))])) : v("", !0)], 64))), 256))], 512)])) : v("", !0),
+					b("g", It, [(T(!0), y(g, null, D(Z.value.dataset, (e, t) => (T(), y("g", {
+						key: `serie_${e.id}`,
+						class: "line-plot-series"
+					}, [B.value.lineSmooth ? (T(), y(g, { key: 0 }, [b("path", {
 						ref_for: !0,
 						ref_key: "pathWrapper",
-						ref: Fn,
-						d: `M ${k(o)(e.coordinates)}`,
+						ref: In,
+						d: `M ${A(o)(e.coordinates)}`,
 						stroke: B.value.backgroundColor,
 						"stroke-width": B.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
-							"quick-animation": !k(U),
-							"vue-data-ui-line-animated": B.value.lineAnimated && !k(U)
+						class: S({
+							"quick-animation": !A(U),
+							"vue-data-ui-line-animated": B.value.lineAnimated && !A(U)
 						}),
-						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, It), b("path", {
+						style: w({ transition: A(U) ? void 0 : "all 0.2s ease-in-out" })
+					}, null, 14, Lt), b("path", {
 						ref_for: !0,
 						ref_key: "pathTop",
-						ref: In,
-						d: `M ${k(o)(e.coordinates)}`,
+						ref: Ln,
+						d: `M ${A(o)(e.coordinates)}`,
 						stroke: e.color,
 						"stroke-width": B.value.lineStrokeWidth,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
-							"quick-animation": !k(U),
-							"vue-data-ui-line-animated": B.value.lineAnimated && !k(U)
+						class: S({
+							"quick-animation": !A(U),
+							"vue-data-ui-line-animated": B.value.lineAnimated && !A(U)
 						}),
-						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Lt)], 64)) : (w(), y(g, { key: 1 }, [b("path", {
+						style: w({ transition: A(U) ? void 0 : "all 0.2s ease-in-out" })
+					}, null, 14, Rt)], 64)) : (T(), y(g, { key: 1 }, [b("path", {
 						ref_for: !0,
 						ref_key: "pathWrapper",
-						ref: Fn,
+						ref: In,
 						d: `M ${e.linePath}`,
 						stroke: B.value.backgroundColor,
 						"stroke-width": B.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
-							"quick-animation": !k(U),
-							"vue-data-ui-line-animated": B.value.lineAnimated && !k(U)
+						class: S({
+							"quick-animation": !A(U),
+							"vue-data-ui-line-animated": B.value.lineAnimated && !A(U)
 						}),
-						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Rt), b("path", {
+						style: w({ transition: A(U) ? void 0 : "all 0.2s ease-in-out" })
+					}, null, 14, zt), b("path", {
 						ref_for: !0,
 						ref_key: "pathTop",
-						ref: In,
+						ref: Ln,
 						d: `M ${e.linePath}`,
 						stroke: e.color,
 						"stroke-width": B.value.lineStrokeWidth,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
-							"quick-animation": !k(U),
-							"vue-data-ui-line-animated": B.value.lineAnimated && !k(U)
+						class: S({
+							"quick-animation": !A(U),
+							"vue-data-ui-line-animated": B.value.lineAnimated && !A(U)
 						}),
-						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, zt)], 64)), (w(!0), y(g, null, E(e.coordinates, (t, n) => (w(), y("circle", {
+						style: w({ transition: A(U) ? void 0 : "all 0.2s ease-in-out" })
+					}, null, 14, Bt)], 64)), (T(!0), y(g, null, D(e.coordinates, (t, n) => (T(), y("circle", {
+						key: `dp_${e.id}_${n + X.value.start}`,
 						cx: t.x,
-						cy: k(h)(t.y),
+						cy: A(h)(t.y),
 						r: 3,
 						fill: e.color,
 						stroke: B.value.backgroundColor,
 						"stroke-width": "0.5",
-						class: Me({
-							"vue-ui-quick-chart-plot": !0,
-							"quick-animation": !k(U)
-						}),
-						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Bt))), 256))]))), 256))]),
-					B.value.showDataLabels ? (w(), y("g", Vt, [(w(!0), y(g, null, E(Z.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, n) => (w(), y("text", {
+						class: S({ "vue-ui-quick-chart-plot": !0 }),
+						style: w({ transition: A(U) ? void 0 : "all 0.2s ease-in-out" })
+					}, null, 12, Vt))), 128))]))), 128))]),
+					B.value.showDataLabels ? (T(), y("g", Ht, [(T(!0), y(g, null, D(Z.value.dataset, (e, t) => (T(), y(g, { key: `ds_${e.id}` }, [(T(!0), y(g, null, D(e.coordinates, (t, n) => (T(), y("text", {
+						class: S(["vue-ui-quick-chart-label", { "vue-data-ui-datalabel": A(Ze) }]),
+						key: `plot_${e.id}_${n + X.value.start}`,
 						"text-anchor": "middle",
 						"font-size": B.value.dataLabelFontSize,
 						fill: e.color,
-						x: t.x,
-						y: k(h)(t.y) - B.value.dataLabelFontSize / 2,
-						class: Me({
-							"vue-ui-quick-chart-label": !0,
-							"quick-animation": !k(U)
-						}),
-						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, O(k(m)(B.value.formatter, k(h)(t.value), k(u)({
+						transform: `translate(${t.x}, ${A(h)(t.y) - B.value.dataLabelFontSize / 2})`,
+						style: w({ transition: A(U) ? void 0 : "all 0.2s ease-in-out" })
+					}, k(A(m)(B.value.formatter, A(h)(t.value), A(u)({
 						p: B.value.valuePrefix,
-						v: k(h)(t.value),
+						v: A(h)(t.value),
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
 						seriesIndex: n
-					})), 15, Ht))), 256))], 64))), 256))])) : v("", !0),
-					Zn.value ? (w(), y("g", Ut, [(w(!0), y(g, null, E(Z.value.extremes.maxSeries, (e, t) => (w(), y("rect", {
+					})), 15, Ut))), 128))], 64))), 128))])) : v("", !0),
+					Qn.value ? (T(), y("g", Wt, [(T(!0), y(g, null, D(Z.value.extremes.maxSeries, (e, t) => (T(), y("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,
 						width: Z.value.slotSize <= 0 ? 1e-5 : Z.value.slotSize,
 						fill: [L.value, J.value].includes(t) ? B.value.xyHighlighterColor : "transparent",
-						style: C(`opacity:${B.value.xyHighlighterOpacity}`),
+						style: w(`opacity:${B.value.xyHighlighterOpacity}`),
 						onMouseenter: (e) => Z.value.useTooltip(t, "pointer"),
 						onMouseleave: (e) => Z.value.killTooltip(t),
 						onClick: (e) => Z.value.selectDatapoint(t)
-					}, null, 44, Wt))), 256))])) : v("", !0)
+					}, null, 44, Gt))), 256))])) : v("", !0)
 				], 64)) : v("", !0),
-				K.value === j.BAR ? (w(), y(g, { key: 5 }, [
-					B.value.xyShowGrid ? (w(), y("g", Gt, [(w(!0), y(g, null, E(Q.value.yLabels, (e) => (w(), y(g, null, [e.y <= Q.value.drawingArea.bottom ? (w(), y("line", {
+				K.value === M.BAR ? (T(), y(g, { key: 5 }, [
+					B.value.xyShowGrid ? (T(), y("g", Kt, [(T(!0), y(g, null, D(Q.value.yLabels, (e) => (T(), y(g, null, [e.y <= Q.value.drawingArea.bottom ? (T(), y("line", {
 						key: 0,
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.right,
@@ -2009,7 +1995,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyGridStroke,
 						"stroke-width": B.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Kt)) : v("", !0)], 64))), 256)), R.value.length < Q.value.legend.length ? (w(!0), y(g, { key: 0 }, E(Q.value.extremes.maxSeries + 1, (e, t) => (w(), y("line", {
+					}, null, 8, qt)) : v("", !0)], 64))), 256)), R.value.length < Q.value.legend.length ? (T(!0), y(g, { key: 0 }, D(Q.value.extremes.maxSeries + 1, (e, t) => (T(), y("line", {
 						x1: Q.value.drawingArea.left + Q.value.slotSize * t,
 						x2: Q.value.drawingArea.left + Q.value.slotSize * t,
 						y1: Q.value.drawingArea.top,
@@ -2017,8 +2003,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyGridStroke,
 						"stroke-width": B.value.xyGridStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, qt))), 256)) : v("", !0)])) : v("", !0),
-					B.value.xyShowAxis ? (w(), y("g", Jt, [b("line", {
+					}, null, 8, Jt))), 256)) : v("", !0)])) : v("", !0),
+					B.value.xyShowAxis ? (T(), y("g", Yt, [b("line", {
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.left,
 						y1: Q.value.drawingArea.top,
@@ -2026,7 +2012,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Yt), b("line", {
+					}, null, 8, Xt), b("line", {
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.right,
 						y1: isNaN(Q.value.absoluteZero) ? Q.value.drawingArea.bottom : Q.value.absoluteZero,
@@ -2034,29 +2020,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Xt)])) : v("", !0),
-					B.value.xyShowScale ? (w(), y("g", {
+					}, null, 8, Zt)])) : v("", !0),
+					B.value.xyShowScale ? (T(), y("g", {
 						key: 2,
 						class: "yLabels",
 						ref_key: "scaleLabels",
-						ref: Ln
-					}, [(w(!0), y(g, null, E(Q.value.yLabels, (e, t) => (w(), y(g, null, [e.y <= Q.value.drawingArea.bottom ? (w(), y("line", {
+						ref: Rn
+					}, [(T(!0), y(g, null, D(Q.value.yLabels, (e, t) => (T(), y(g, { key: `sl_${t}` }, [e.y <= Q.value.drawingArea.bottom ? (T(), y("path", {
 						key: 0,
-						x1: e.x + 4,
-						x2: Q.value.drawingArea.left,
-						y1: e.y,
-						y2: e.y,
+						class: S({ "vue-data-ui-datalabel": A(Ze) }),
+						d: `M${e.x + 4},${e.y} ${Q.value.drawingArea.left},${e.y}`,
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Zt)) : v("", !0), e.y <= Q.value.drawingArea.bottom ? (w(), y("text", {
+					}, null, 10, Qt)) : v("", !0), e.y <= Q.value.drawingArea.bottom ? (T(), y("text", {
 						key: 1,
-						x: e.x,
-						y: e.y + B.value.xyLabelsYFontSize / 3,
+						class: S({ "vue-data-ui-datalabel": A(Ze) }),
+						transform: `translate(${e.x}, ${e.y + B.value.xyLabelsYFontSize / 3})`,
 						"text-anchor": "end",
 						"font-size": B.value.xyLabelsYFontSize,
 						fill: B.value.color
-					}, O(k(m)(B.value.formatter, e.value, k(u)({
+					}, k(A(m)(B.value.formatter, e.value, A(u)({
 						p: B.value.valuePrefix,
 						v: e.value,
 						s: B.value.valueSuffix,
@@ -2064,8 +2048,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					}), {
 						datapoint: e,
 						seriesIndex: t
-					})), 9, Qt)) : v("", !0)], 64))), 256))], 512)) : v("", !0),
-					B.value.xyShowScale && B.value.xyPeriods.length ? (w(), y("g", $t, [(w(!0), y(g, null, E(B.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (w(), y("line", {
+					})), 11, $t)) : v("", !0)], 64))), 128))], 512)) : v("", !0),
+					B.value.xyShowScale && B.value.xyPeriods.length ? (T(), y("g", en, [(T(!0), y(g, null, D(B.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (T(), y("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,
@@ -2073,139 +2057,138 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						stroke: B.value.xyAxisStroke,
 						"stroke-width": B.value.xyAxisStrokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, en))), 256)), b("g", {
+					}, null, 8, tn))), 256)), b("g", {
 						ref_key: "timeLabelsEls",
 						ref: z
-					}, [(w(!0), y(g, null, E($.value.map((e) => e.text), (e, t) => (w(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), y("g", tn, [String(e).includes("\n") ? (w(), y("text", {
+					}, [(T(!0), y(g, null, D($.value.map((e) => e.text), (e, t) => (T(), y(g, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && t % Math.floor((X.value.end - X.value.start) / Vr.value) === 0 || X.value.end - X.value.start <= Vr.value ? (T(), y("g", nn, [String(e).includes("\n") ? (T(), y("text", {
 						key: 1,
 						class: "vue-data-ui-time-label",
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
 						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
-						innerHTML: k(l)({
+						innerHTML: A(l)({
 							content: String(e),
 							fontSize: B.value.xyLabelsXFontSize,
 							fill: B.value.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, rn)) : (w(), y("text", {
+					}, null, 8, an)) : (T(), y("text", {
 						key: 0,
 						class: "vue-data-ui-time-label",
 						"font-size": B.value.xyLabelsXFontSize,
 						"text-anchor": B.value.xyPeriodLabelsRotation > 0 ? "start" : B.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
 						fill: B.value.color,
 						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (t + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
-					}, O(e), 9, nn))])) : v("", !0)], 64))), 256))], 512)])) : v("", !0),
-					b("g", an, [(w(!0), y(g, null, E(Q.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, n) => (w(), y("rect", {
+					}, k(e), 9, rn))])) : v("", !0)], 64))), 256))], 512)])) : v("", !0),
+					b("g", on, [(T(!0), y(g, null, D(Q.value.dataset, (e, t) => (T(), y(g, null, [(T(!0), y(g, null, D(e.coordinates, (t, n) => (T(), y("rect", {
 						x: t.x,
 						width: t.width <= 0 ? 1e-5 : t.width,
-						height: k(h)(t.height <= 0 ? 1e-5 : t.height),
-						y: k(h)(t.y),
+						height: A(h)(t.height <= 0 ? 1e-5 : t.height),
+						y: A(h)(t.y),
 						fill: e.color,
 						stroke: B.value.backgroundColor,
 						"stroke-width": B.value.barStrokeWidth,
 						"stroke-linecap": "round",
-						class: Me({ "vue-data-ui-bar-animated": B.value.barAnimated && t.value < 0 && !k(U) })
-					}, [B.value.barAnimated && t.value > 0 && !k(rr) && !k(ir) ? (w(), y("animate", {
+						class: S({ "vue-data-ui-bar-animated": B.value.barAnimated && t.value < 0 && !A(U) })
+					}, [B.value.barAnimated && t.value > 0 && !A(ir) && !A(ar) ? (T(), y("animate", {
 						key: 0,
 						attributeName: "height",
 						from: 0,
 						to: t.height,
 						dur: "0.5s"
-					}, null, 8, sn)) : v("", !0), B.value.barAnimated && t.value > 0 && !k(rr) && !k(ir) ? (w(), y("animate", {
+					}, null, 8, cn)) : v("", !0), B.value.barAnimated && t.value > 0 && !A(ir) && !A(ar) ? (T(), y("animate", {
 						key: 1,
 						attributeName: "y",
 						from: Q.value.absoluteZero,
 						to: Q.value.absoluteZero - t.height,
 						dur: "0.5s"
-					}, null, 8, cn)) : v("", !0)], 10, on))), 256))], 64))), 256))]),
-					B.value.showDataLabels ? (w(), y("g", ln, [(w(!0), y(g, null, E(Q.value.dataset, (e, t) => (w(), y(g, null, [(w(!0), y(g, null, E(e.coordinates, (t, n) => (w(), y("text", {
-						x: t.x + t.width / 2,
-						y: k(h)(t.y) - B.value.dataLabelFontSize / 2,
+					}, null, 8, ln)) : v("", !0)], 10, sn))), 256))], 64))), 256))]),
+					B.value.showDataLabels ? (T(), y("g", un, [(T(!0), y(g, null, D(Q.value.dataset, (e, t) => (T(), y(g, { key: `ds_${e.id}` }, [(T(!0), y(g, null, D(e.coordinates, (t, n) => (T(), y("text", {
+						key: `plot_${n + X.value.start}`,
+						transform: `translate(${t.x + t.width / 2}, ${A(h)(t.y) - B.value.dataLabelFontSize / 2})`,
 						"text-anchor": "middle",
 						"font-size": B.value.dataLabelFontSize,
-						fill: e.color,
-						class: "quick-animation"
-					}, O(k(m)(B.value.formatter, k(h)(t.value), k(u)({
+						fill: e.color
+					}, k(A(m)(B.value.formatter, A(h)(t.value), A(u)({
 						p: B.value.valuePrefix,
-						v: k(h)(t.value),
+						v: A(h)(t.value),
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
 					}), {
 						datapoint: t,
 						seriesIndex: n
-					})), 9, un))), 256))], 64))), 256))])) : v("", !0),
-					Zn.value && R.value.length < Q.value.legend.length ? (w(), y("g", dn, [(w(!0), y(g, null, E(Q.value.extremes.maxSeries, (e, t) => (w(), y("rect", {
+					})), 9, dn))), 128))], 64))), 128))])) : v("", !0),
+					Qn.value && R.value.length < Q.value.legend.length ? (T(), y("g", fn, [(T(!0), y(g, null, D(Q.value.extremes.maxSeries, (e, t) => (T(), y("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,
 						width: Q.value.slotSize <= 0 ? 1e-5 : Q.value.slotSize,
 						fill: [L.value, J.value].includes(t) ? B.value.xyHighlighterColor : "transparent",
-						style: C(`opacity:${B.value.xyHighlighterOpacity}`),
+						style: w(`opacity:${B.value.xyHighlighterOpacity}`),
 						onMouseenter: (e) => Q.value.useTooltip(t, "pointer"),
 						onMouseleave: (e) => Q.value.killTooltip(t),
 						onClick: (e) => Q.value.selectDatapoint(t)
-					}, null, 44, fn))), 256))])) : v("", !0)
+					}, null, 44, pn))), 256))])) : v("", !0)
 				], 64)) : v("", !0),
-				[j.LINE, j.BAR].includes(K.value) ? (w(), y("g", pn, [
-					B.value.xAxisLabel && K.value === j.LINE ? (w(), y("g", {
+				[M.LINE, M.BAR].includes(K.value) ? (T(), y("g", mn, [
+					B.value.xAxisLabel && K.value === M.LINE ? (T(), y("g", {
 						key: 0,
 						ref_key: "xAxisLabel",
-						ref: Rn
+						ref: zn
 					}, [b("text", {
 						"font-size": B.value.axisLabelsFontSize,
 						fill: B.value.color,
 						"text-anchor": "middle",
 						x: Z.value.drawingArea.left + Z.value.drawingArea.width / 2,
 						y: q.value.height - B.value.axisLabelsFontSize / 3
-					}, O(B.value.xAxisLabel), 9, mn)], 512)) : v("", !0),
-					B.value.xAxisLabel && K.value === j.BAR ? (w(), y("g", {
+					}, k(B.value.xAxisLabel), 9, hn)], 512)) : v("", !0),
+					B.value.xAxisLabel && K.value === M.BAR ? (T(), y("g", {
 						key: 1,
 						ref_key: "xAxisLabel",
-						ref: Rn
+						ref: zn
 					}, [b("text", {
 						"font-size": B.value.axisLabelsFontSize,
 						fill: B.value.color,
 						"text-anchor": "middle",
 						x: Q.value.drawingArea.left + Q.value.drawingArea.width / 2,
 						y: q.value.height - B.value.axisLabelsFontSize / 3
-					}, O(B.value.xAxisLabel), 9, hn)], 512)) : v("", !0),
-					B.value.yAxisLabel && K.value === j.LINE ? (w(), y("g", {
+					}, k(B.value.xAxisLabel), 9, gn)], 512)) : v("", !0),
+					B.value.yAxisLabel && K.value === M.LINE ? (T(), y("g", {
 						key: 2,
 						ref_key: "yAxisLabel",
-						ref: zn
+						ref: Bn
 					}, [b("text", {
 						"font-size": B.value.axisLabelsFontSize,
 						fill: B.value.color,
 						transform: `translate(${B.value.axisLabelsFontSize}, ${Z.value.drawingArea.top + Z.value.drawingArea.height / 2}) rotate(-90)`,
 						"text-anchor": "middle"
-					}, O(B.value.yAxisLabel), 9, gn)], 512)) : v("", !0),
-					B.value.yAxisLabel && K.value === j.BAR ? (w(), y("g", {
+					}, k(B.value.yAxisLabel), 9, _n)], 512)) : v("", !0),
+					B.value.yAxisLabel && K.value === M.BAR ? (T(), y("g", {
 						key: 3,
 						ref_key: "yAxisLabel",
-						ref: zn
+						ref: Bn
 					}, [b("text", {
 						"font-size": B.value.axisLabelsFontSize,
 						fill: B.value.color,
 						transform: `translate(${B.value.axisLabelsFontSize}, ${Q.value.drawingArea.top + Q.value.drawingArea.height / 2}) rotate(-90)`,
 						"text-anchor": "middle"
-					}, O(B.value.yAxisLabel), 9, _n)], 512)) : v("", !0)
+					}, k(B.value.yAxisLabel), 9, vn)], 512)) : v("", !0)
 				])) : v("", !0)
-			], 44, et)) : v("", !0), e.$slots.hint ? (w(), y("div", vn, [D(e.$slots, "hint", S(x({
+			], 44, nt)) : v("", !0), e.$slots.hint ? (T(), y("div", yn, [O(e.$slots, "hint", C(x({
 				hint: B.value.a11y.translations.keyboardNavigation,
-				isVisible: Un.value
+				isVisible: Wn.value
 			})), void 0, !0)])) : v("", !0)]),
-			e.$slots.watermark ? (w(), y("div", yn, [D(e.$slots, "watermark", S(x({ isPrinting: k(rr) || k(ir) })), void 0, !0)])) : v("", !0),
-			[j.BAR, j.LINE].includes(K.value) && B.value.zoomXy && G.value.maxSeriesLength > 1 ? (w(), y("div", {
-				key: `slicer_${Nn.value}`,
+			e.$slots.watermark ? (T(), y("div", bn, [O(e.$slots, "watermark", C(x({ isPrinting: A(ir) || A(ar) })), void 0, !0)])) : v("", !0),
+			[M.BAR, M.LINE].includes(K.value) && B.value.zoomXy && G.value.maxSeriesLength > 1 ? (T(), y("div", {
+				key: `slicer_${Pn.value}`,
 				ref_key: "quickChartSlicer",
-				ref: Dn
-			}, [(w(), Ee(Ce, {
+				ref: On
+			}, [(T(), De(we, {
 				ref_key: "slicerComponent",
-				ref: wr,
-				key: `slicer_${Nn.value}`,
+				ref: Tr,
+				key: `slicer_${Pn.value}`,
 				background: B.value.zoomColor,
 				borderColor: B.value.backgroundColor,
 				fontSize: B.value.zoomFontSize,
@@ -2224,7 +2207,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				minimapSelectedColorOpacity: B.value.zoomMinimap.selectedColorOpacity,
 				minimapSelectionRadius: B.value.zoomMinimap.selectionRadius,
 				minimapLineColor: B.value.zoomMinimap.lineColor,
-				minimap: Dr.value,
+				minimap: Or.value,
 				minimapIndicatorColor: B.value.zoomMinimap.indicatorColor,
 				verticalHandles: B.value.zoomMinimap.verticalHandles,
 				minimapSelectedIndex: J.value,
@@ -2238,7 +2221,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				enableSelectionDrag: B.value.zoomEnableSelectionDrag,
 				minimapCompact: B.value.zoomMinimap.compact,
 				minimapMerged: B.value.zoomMinimap.merged,
-				allMinimaps: Rr.value,
+				allMinimaps: zr.value,
 				minimapFrameColor: B.value.zoomMinimap.frameColor,
 				additionalMinimapHeight: B.value.zoomMinimap.additionalHeight,
 				handleType: B.value.zoomMinimap.handleType,
@@ -2250,31 +2233,31 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				focusOnDrag: B.value.zoomFocusOnDrag,
 				focusRangeRatio: B.value.zoomFocusRangeRatio,
 				maxWidth: B.value.zoomMaxWidth,
-				onReset: Cr,
-				onTrapMouse: xr
+				onReset: wr,
+				onTrapMouse: Sr
 			}, {
-				"reset-action": A(({ reset: t }) => [D(e.$slots, "reset-action", S(x({ reset: t })), void 0, !0)]),
+				"reset-action": j(({ reset: t }) => [O(e.$slots, "reset-action", C(x({ reset: t })), void 0, !0)]),
 				_: 3
 			}, 8, /* @__PURE__ */ "background.borderColor.fontSize.useResetSlot.labelLeft.labelRight.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".split(".")))])) : v("", !0),
-			b("div", { id: `legend-bottom-${F.value}` }, null, 8, bn),
-			Pn.value && B.value.showLegend ? (w(), Ee(Te, {
+			b("div", { id: `legend-bottom-${F.value}` }, null, 8, xn),
+			Fn.value && B.value.showLegend ? (T(), De(Ee, {
 				key: 7,
 				to: B.value.legendPosition === "top" ? `#legend-top-${F.value}` : `#legend-bottom-${F.value}`
-			}, [B.value.showLegend ? (w(), y("div", {
+			}, [B.value.showLegend ? (T(), y("div", {
 				key: 0,
 				ref_key: "quickChartLegend",
-				ref: En,
+				ref: Dn,
 				class: "vue-ui-quick-chart-legend",
-				style: C(`background:transparent;color:${B.value.color}`)
+				style: w(`background:transparent;color:${B.value.color}`)
 			}, [
-				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && B.value.showLegendSelectAllToggle && !k(U) ? (w(), Ee(be, {
+				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && B.value.showLegendSelectAllToggle && !A(U) ? (T(), De(xe, {
 					key: 0,
 					backgroundColor: B.value.legendSelectAllToggleBackgroundColor,
 					color: B.value.legendSelectAllToggleColor,
 					fontSize: B.value.legendFontSize,
 					checked: R.value.length > 0,
-					isCursorPointer: Vn.value,
-					onToggle: hr
+					isCursorPointer: Hn.value,
+					onToggle: gr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -2282,28 +2265,25 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					"checked",
 					"isCursorPointer"
 				])) : v("", !0),
-				K.value === j.DONUT ? (w(!0), y(g, { key: 1 }, E(Y.value.legend, (t, n) => (w(), y("div", {
+				K.value === M.DONUT ? (T(!0), y(g, { key: 1 }, D(Y.value.legend, (t, n) => (T(), y("div", {
 					class: "vue-ui-quick-chart-legend-item",
-					onClick: (e) => br(t, Y.value.dataset),
-					style: C(`cursor: ${Y.value.legend.length > 1 && Vn.value ? "pointer" : "default"}; opacity:${R.value.includes(t.id) ? "0.5" : "1"}`),
+					onClick: (e) => xr(t, Y.value.dataset),
+					style: w(`cursor: ${Y.value.legend.length > 1 && Hn.value ? "pointer" : "default"}; opacity:${R.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						ni(e, () => {
-							br(t, Y.value.dataset);
+						ri(e, () => {
+							xr(t, Y.value.dataset);
 						});
 					}
-				}, [B.value.useCustomLegend ? D(e.$slots, "legend", Ae({
-					key: 0,
-					ref_for: !0
-				}, { legend: {
+				}, [B.value.useCustomLegend ? O(e.$slots, "legend", je({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: R.value.includes(t.id),
 					segregate: () => {
-						br(t, Y.value.dataset);
+						xr(t, Y.value.dataset);
 					}
-				} }), void 0, !0) : (w(), y(g, { key: 1 }, [
-					Oe(k(Ve), {
+				} }), void 0, !0, 0) : (T(), y(g, { key: 1 }, [
+					ke(A(Ve), {
 						name: B.value.legendIcon,
 						stroke: t.color,
 						size: B.value.legendIconSize
@@ -2312,8 +2292,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"stroke",
 						"size"
 					]),
-					b("span", { style: C(`font-size:${B.value.legendFontSize}px`) }, O(t.name), 5),
-					b("span", { style: C(`font-size:${B.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, O(R.value.includes(t.id) ? "-" : k(m)(B.value.formatter, t.absoluteValue, k(u)({
+					b("span", { style: w(`font-size:${B.value.legendFontSize}px`) }, k(t.name), 5),
+					b("span", { style: w(`font-size:${B.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, k(R.value.includes(t.id) ? "-" : A(m)(B.value.formatter, t.absoluteValue, A(u)({
 						p: B.value.valuePrefix,
 						v: t.absoluteValue,
 						s: B.value.valueSuffix,
@@ -2322,44 +2302,41 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						datapoint: t,
 						seriesIndex: n
 					})), 5),
-					R.value.includes(t.id) ? (w(), y("span", {
+					R.value.includes(t.id) ? (T(), y("span", {
 						key: 0,
-						style: C(`font-size:${B.value.legendFontSize}px`)
-					}, " ( - % ) ", 4)) : yr.value ? (w(), y("span", {
+						style: w(`font-size:${B.value.legendFontSize}px`)
+					}, " ( - % ) ", 4)) : br.value ? (T(), y("span", {
 						key: 1,
-						style: C(`font-size:${B.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " ( - % ) ", 4)) : (w(), y("span", {
+						style: w(`font-size:${B.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+					}, " ( - % ) ", 4)) : (T(), y("span", {
 						key: 2,
-						style: C(`font-size:${B.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " (" + O(k(u)({
+						style: w(`font-size:${B.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+					}, " (" + k(A(u)({
 						v: t.value / Y.value.total * 100,
 						s: "%",
 						r: B.value.dataLabelRoundingPercentage
 					})) + ") ", 5))
-				], 64))], 44, xn))), 256)) : v("", !0),
-				K.value === j.LINE ? (w(!0), y(g, { key: 2 }, E(Z.value.legend, (t, n) => (w(), y("div", {
+				], 64))], 44, Sn))), 256)) : v("", !0),
+				K.value === M.LINE ? (T(!0), y(g, { key: 2 }, D(Z.value.legend, (t, n) => (T(), y("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
-						gr(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
+						_r(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
 					},
-					style: C(`cursor: ${Z.value.legend.length > 1 && Vn.value ? "pointer" : "default"}; opacity:${R.value.includes(t.id) ? "0.5" : "1"}`),
+					style: w(`cursor: ${Z.value.legend.length > 1 && Hn.value ? "pointer" : "default"}; opacity:${R.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						ni(e, () => {
-							gr(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
+						ri(e, () => {
+							_r(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
 						});
 					}
-				}, [B.value.useCustomLegend ? D(e.$slots, "legend", Ae({
-					key: 0,
-					ref_for: !0
-				}, { legend: {
+				}, [B.value.useCustomLegend ? O(e.$slots, "legend", je({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: R.value.includes(t.id),
 					segregate: () => {
-						gr(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
+						_r(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
 					}
-				} }), void 0, !0) : (w(), y(g, { key: 1 }, [Oe(k(Ve), {
+				} }), void 0, !0, 0) : (T(), y(g, { key: 1 }, [ke(A(Ve), {
 					name: B.value.legendIcon,
 					stroke: t.color,
 					size: B.value.legendIconSize
@@ -2367,30 +2344,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					"name",
 					"stroke",
 					"size"
-				]), b("span", { style: C(`font-size:${B.value.legendFontSize}px`) }, O(t.name), 5)], 64))], 44, Sn))), 256)) : v("", !0),
-				K.value === j.BAR ? (w(!0), y(g, { key: 3 }, E(Q.value.legend, (t, n) => (w(), y("div", {
+				]), b("span", { style: w(`font-size:${B.value.legendFontSize}px`) }, k(t.name), 5)], 64))], 44, Cn))), 256)) : v("", !0),
+				K.value === M.BAR ? (T(!0), y(g, { key: 3 }, D(Q.value.legend, (t, n) => (T(), y("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
-						gr(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
+						_r(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
 					},
-					style: C(`cursor: ${Q.value.legend.length > 1 && Vn.value ? "pointer" : "default"}; opacity:${R.value.includes(t.id) ? "0.5" : "1"}`),
+					style: w(`cursor: ${Q.value.legend.length > 1 && Hn.value ? "pointer" : "default"}; opacity:${R.value.includes(t.id) ? "0.5" : "1"}`),
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						ni(e, () => {
-							gr(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
+						ri(e, () => {
+							_r(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
 						});
 					}
-				}, [B.value.useCustomLegend ? D(e.$slots, "legend", Ae({
-					key: 0,
-					ref_for: !0
-				}, { legend: {
+				}, [B.value.useCustomLegend ? O(e.$slots, "legend", je({ ref_for: !0 }, { legend: {
 					...t,
 					isSegregated: R.value.includes(t.id),
 					segregate: () => {
-						gr(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
+						_r(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
 					}
-				} }), void 0, !0) : (w(), y(g, { key: 1 }, [Oe(k(Ve), {
+				} }), void 0, !0, 0) : (T(), y(g, { key: 1 }, [ke(A(Ve), {
 					name: B.value.legendIcon,
 					stroke: t.color,
 					size: B.value.legendIconSize
@@ -2398,17 +2372,17 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					"name",
 					"stroke",
 					"size"
-				]), b("span", { style: C(`font-size:${B.value.legendFontSize}px`) }, O(t.name), 5)], 64))], 44, Cn))), 256)) : v("", !0)
+				]), b("span", { style: w(`font-size:${B.value.legendFontSize}px`) }, k(t.name), 5)], 64))], 44, wn))), 256)) : v("", !0)
 			], 4)) : v("", !0)], 8, ["to"])) : v("", !0),
-			e.$slots.source ? (w(), y("div", {
+			e.$slots.source ? (T(), y("div", {
 				key: 8,
 				ref_key: "source",
-				ref: An,
+				ref: jn,
 				dir: "auto"
-			}, [D(e.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
-			Oe(k(Ge), {
+			}, [O(e.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
+			ke(A(Ke), {
 				teleportTo: B.value.tooltipTeleportTo,
-				show: cr.value.showTooltip && I.value,
+				show: lr.value.showTooltip && I.value,
 				backgroundColor: B.value.backgroundColor,
 				color: B.value.color,
 				borderRadius: B.value.tooltipBorderRadius,
@@ -2420,19 +2394,19 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				offsetX: B.value.tooltipOffsetX,
 				offsetY: B.value.tooltipOffsetY,
 				parent: P.value,
-				content: kn.value,
-				isFullscreen: Vr.value,
-				isCustom: k(ee)(B.value.tooltipCustomFormat),
+				content: An.value,
+				isFullscreen: Hr.value,
+				isCustom: A(ee)(B.value.tooltipCustomFormat),
 				smooth: B.value.tooltipSmooth,
 				smoothForce: B.value.tooltipSmoothForce,
 				smoothSnapThreshold: B.value.tooltipSmoothSnapThreshold,
 				backdropFilter: B.value.tooltipBackdropFilter,
 				isA11yMode: H.value === "keyboard",
-				a11yPosition: Hn.value
+				a11yPosition: Un.value
 			}, {
-				"tooltip-before": A(() => [D(e.$slots, "tooltip-before", S(x({ ...On.value })), void 0, !0)]),
-				tooltip: A(() => [D(e.$slots, "tooltip", S(x({ ...On.value })), void 0, !0)]),
-				"tooltip-after": A(() => [D(e.$slots, "tooltip-after", S(x({ ...On.value })), void 0, !0)]),
+				"tooltip-before": j(() => [O(e.$slots, "tooltip-before", C(x({ ...kn.value })), void 0, !0)]),
+				tooltip: j(() => [O(e.$slots, "tooltip", C(x({ ...kn.value })), void 0, !0)]),
+				"tooltip-after": j(() => [O(e.$slots, "tooltip-after", C(x({ ...kn.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -2458,12 +2432,12 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			D(e.$slots, "skeleton", {}, () => [k(U) ? (w(), Ee(de, { key: 0 })) : v("", !0)], !0)
-		], 46, Xe)) : (w(), y("div", wn, [Oe(k(Ve), {
+			O(e.$slots, "skeleton", {}, () => [A(U) ? (T(), De(de, { key: 0 })) : v("", !0)], !0)
+		], 46, Qe)) : (T(), y("div", Tn, [ke(A(Ve), {
 			name: "circleCancel",
 			stroke: "red"
 		}), t[5] ||= b("span", null, "Dataset is not processable", -1)]));
 	}
-}, [["__scopeId", "data-v-a78997c2"]]);
+}, [["__scopeId", "data-v-b3c8ddac"]]);
 //#endregion
-export { P as n, Tn as t };
+export { N as n, P as t };