vue-data-ui 3.20.10 → 3.21.0

package/dist/{vue-ui-quick-chart-BwD7IGYx.js → vue-ui-quick-chart-DJnhlEXi.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, B as n, Bt as r, Ct as i, Et as a, G as o, H as s, Rt as c, X as ee, d as l, h as u, i as d, k as f, nt as te, p as ne, pt as re, t as p, u as m, v as h, x as ie, xt as ae, y as oe } from "./lib-DUeYQsS0.js";
-import { t as se } from "./useTimeLabels-BmBRv27Y.js";
-import { t as ce } from "./useConfig-DnH7Pf_2.js";
-import { t as le } from "./usePrinter-C1Gqt_Sp.js";
-import { n as ue, t as de } from "./BaseScanner-Dr2a1Msy.js";
-import { t as fe } from "./useSvgExport-SVIsDot8.js";
-import { t as pe } from "./useNestedProp-CNcoy38D.js";
-import { t as me } from "./useThemeCheck-C43Tcqmk.js";
-import { t as he } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as ge } from "./img-1cKsci8e.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-C_Db-y7s.js";
-import { t as xe } from "./A11yDataTable-BCbtxMU6.js";
-import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ce } from "./Slicer-SHBj0VaV.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 { B as t, Bt as n, Ct as r, G as i, H as a, Ht as o, Mt as s, Ot as c, Tt as ee, X as l, d as u, h as d, ht as f, i as p, it as te, k as ne, p as re, t as ie, u as ae, v as m, x as oe, y as se } from "./lib-AJRHFE5U.js";
+import { t as ce } from "./useTimeLabels-BmBRv27Y.js";
+import { t as le } from "./useConfig-DnH7Pf_2.js";
+import { t as ue } from "./usePrinter-6n2MzVyV.js";
+import { n as de, t as fe } from "./BaseScanner-Dr2a1Msy.js";
+import { t as pe } from "./useSvgExport-SVIsDot8.js";
+import { t as me } from "./useNestedProp-DtcXIg7n.js";
+import { t as he } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as _e } from "./img-C_RNNswI.js";
+import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ye } from "./canvas-lib-BOP_HS11.js";
+import { t as be } from "./useResponsive-BfnK0KxU.js";
+import { t as xe } from "./BaseLegendToggle-BNRi408o.js";
+import { t as Se } from "./A11yDataTable-BCbtxMU6.js";
+import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
+import { t as we } from "./Slicer-GABgkLkB.js";
+import { t as Te } from "./vue_ui_quick_chart-mZBdml3Z.js";
+import { Fragment as h, Teleport as Ee, computed as g, createBlock as De, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as Oe, createVNode as ke, defineAsyncComponent as Ae, guardReactiveProps as b, mergeProps as je, nextTick as Me, normalizeClass as x, 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";
 //#region src/chartDetector.js
 var j = {
 	LINE: "LINE",
@@ -413,7 +413,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 }, bn = ["id"], xn = ["onClick", "onKeydown"], Sn = ["onClick", "onKeydown"], Cn = ["onClick", "onKeydown"], wn = {
 	key: 1,
 	class: "vue-ui-quick-chart-not-processable"
-}, Tn = /* @__PURE__ */ _e({
+}, Tn = /* @__PURE__ */ ve({
 	__name: "vue-ui-quick-chart",
 	props: {
 		config: {
@@ -439,13 +439,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-DfLoHNUj.js").then((e) => e.n)), He = ke(() => import("./PackageVersion-BbgWxFC4.js").then((e) => e.t)), We = ke(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ge = ke(() => import("./Tooltip-BENq327o.js")), Ke = ke(() => import("./UserOptions-C1NgoGu6.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(s()), 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);
+	setup(e, { expose: ve, emit: ze }) {
+		let Ve = Ae(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), He = Ae(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), We = Ae(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Ge = Ae(() => import("./Tooltip-979Ytd8R.js")), Ke = Ae(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), { vue_ui_quick_chart: qe } = le(), { isThemeValid: Je, warnInvalidTheme: Ye } = he(), N = e, P = T(null), Tn = T(null), En = T(null), Dn = T(null), F = T(a()), 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({
+		let B = T($n()), Bn = g(() => !!B.value.debug), Vn = g(() => B.value.useCursorPointer), V = T(null), Hn = T({
 			x: 0,
 			y: 0
-		}), H = T("pointer"), Un = T(!1), Wn = _(() => r({
+		}), H = T("pointer"), Un = T(!1), Wn = g(() => o({
 			dafaultConfig: {
 				backgroundColor: "#99999930",
 				customPalette: ["#BABABA"],
@@ -466,13 +466,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: Gn, manualLoading: Kn } = de({
 			...Ie(N),
 			FINAL_CONFIG: B,
 			prepareConfig: $n,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await je(), K.value === j.LINE && B.value.lineAnimated && !U.value && Lr({
+					await Me(), K.value === j.LINE && B.value.lineAnimated && !U.value && Lr({
 						pathDuration: 1e3,
 						pointDuration: 1200,
 						labelDuration: 1200
@@ -491,31 +491,31 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				55,
 				89
 			],
-			skeletonConfig: r({
+			skeletonConfig: o({
 				defaultConfig: B.value,
 				userConfig: Wn.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);
+		}), { svgRef: qn } = Ce({ config: { text: B.value.title } }), Jn = g(() => B.value.showUserOptionsOnChartHover), Yn = g(() => B.value.keepUserOptionsStateOnChartLeave), Xn = T(!B.value.showUserOptionsOnChartHover), Zn = T(!1);
 		function Qn(e = !1) {
 			Zn.value = e, Jn.value && (Xn.value = e);
 		}
 		function $n() {
-			let e = pe({
+			let e = me({
 				userConfig: N.config,
 				defaultConfig: qe
-			}), t = {}, n = e.theme;
-			if (n) if (!Je.value(e)) Ye(e), t = e;
+			}), t = {}, r = e.theme;
+			if (r) if (!Je.value(e)) Ye(e), t = e;
 			else {
-				let r = pe({
-					userConfig: we[n] || N.config,
+				let i = me({
+					userConfig: Te[r] || N.config,
 					defaultConfig: e
 				});
 				t = {
-					...pe({
+					...me({
 						userConfig: N.config,
-						defaultConfig: r
+						defaultConfig: i
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : c[n] || a
+					customPalette: e.customPalette.length ? e.customPalette : n[r] || c
 				};
 			}
 			else t = e;
@@ -528,10 +528,10 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		}, { deep: !0 }), Le(() => N.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (Kn.value = !1);
 		}, { immediate: !0 });
-		let er = _(() => ie(B.value.customPalette)), W = ze, tr = _(() => {
+		let er = g(() => oe(B.value.customPalette)), W = ze, tr = g(() => {
 			let e = Be({
 				debug: Bn.value,
-				dataset: t(Gn.value, [
+				dataset: s(Gn.value, [
 					"serie",
 					"series",
 					"data",
@@ -542,19 +542,19 @@ 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);
+		}), G = T(tr.value), nr = g(() => !!G.value), K = g(() => G.value ? G.value.type : null);
 		Le(() => K.value, (e) => {
-			e || ee({
+			e || l({
 				componentName: "VueUiQuickChart",
 				type: "dataset",
 				debug: Bn.value
 			});
 		}, { immediate: !0 });
-		let { isPrinting: rr, isImaging: ir, generatePdf: ar, generateImage: or } = le({
+		let { isPrinting: rr, isImaging: ir, generatePdf: ar, generateImage: or } = ue({
 			elementId: `${K.value}_${F.value}`,
 			fileName: B.value.title || K.value,
 			options: B.value.userOptionsPrint
-		}), sr = _(() => B.value.showUserOptions && !B.value.title), q = T({
+		}), sr = g(() => B.value.showUserOptions && !B.value.title), q = T({
 			width: B.value.width,
 			height: B.value.height
 		}), cr = T({ showTooltip: B.value.showTooltip });
@@ -566,9 +566,9 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			Pn.value = !0, dr();
 		});
 		function dr() {
-			if (i(N.dataset) || (Kn.value = B.value.loading), B.value.responsive) {
-				let e = ve(() => {
-					let { width: e, height: t } = ye({
+			if (ee(N.dataset) || (Kn.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,
@@ -587,7 +587,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		Ne(() => {
 			lr.value && (ur.value && lr.value.unobserve(ur.value), lr.value.disconnect());
 		});
-		let fr = _(() => {
+		let fr = g(() => {
 			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}`;
@@ -662,7 +662,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		function xr(e) {
 			J.value = e;
 		}
-		let Sr = _(() => B.value.donutThicknessRatio < .01 ? .01 : B.value.donutThicknessRatio > .4 ? .4 : B.value.donutThicknessRatio), Y = _(() => {
+		let Sr = g(() => B.value.donutThicknessRatio < .01 ? .01 : B.value.donutThicknessRatio > .4 ? .4 : B.value.donutThicknessRatio), Y = g(() => {
 			if (K.value !== j.DONUT) return null;
 			let e = G.value.dataset.map((e, t) => ({
 				...e,
@@ -671,11 +671,11 @@ 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] || a[t + B.value.paletteStartIndex] || a[(t + B.value.paletteStartIndex) % a.length],
+				color: e.COLOR ? se(e.COLOR) : er.value[t + B.value.paletteStartIndex] || c[t + B.value.paletteStartIndex] || c[(t + B.value.paletteStartIndex) % c.length],
 				immutableValue: e.value
 			}));
 			function t(e, t) {
-				return o({
+				return i({
 					v: isNaN(e.value / pr(t)) ? 0 : e.value / pr(t) * 100,
 					s: "%",
 					r: B.value.dataLabelRoundingPercentage
@@ -684,27 +684,27 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			function n(e) {
 				return e.proportion * 100 > B.value.donutHideLabelUnderPercentage;
 			}
-			function r(e, t) {
+			function a(e, t) {
 				let n = tr.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" }) {
+			function o({ datapoint: t, seriesIndex: n, triggerMode: r = "pointer" }) {
 				On.value = {
 					datapoint: t,
 					seriesIndex: n,
 					config: B.value,
 					dataset: e
 				}, L.value = t.id, V.value = n, H.value = r;
-				let i = B.value.tooltipCustomFormat;
+				let a = B.value.tooltipCustomFormat;
 				if (B.value.events.datapointEnter && B.value.events.datapointEnter({
 					datapoint: t,
 					seriesIndex: n
-				}), re(i) && te(() => i({
+				}), f(a) && te(() => a({
 					datapoint: t,
 					seriesIndex: n,
 					series: e,
 					config: B.value
-				}))) kn.value = i({
+				}))) kn.value = a({
 					datapoint: t,
 					seriesIndex: n,
 					series: e,
@@ -712,7 +712,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				});
 				else {
 					let e = "";
-					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e += `<b>${d(B.value.formatter, t.value, o({
+					e += `<div style="width:100%;text-align:center;border-bottom:1px solid ${B.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, e += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>`, e += `<b>${p(B.value.formatter, t.value, i({
 						p: B.value.valuePrefix,
 						v: t.value,
 						s: B.value.valueSuffix,
@@ -720,7 +720,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					}), {
 						datapoint: t,
 						seriesIndex: n
-					})}</b>`, e += `<span>(${o({
+					})}</b>`, e += `<span>(${i({
 						v: t.proportion * 100,
 						s: "%",
 						r: B.value.dataLabelRoundingPercentage
@@ -734,37 +734,37 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					seriesIndex: t
 				}), I.value = !1, L.value = null, J.value = null, V.value = null, H.value = "pointer";
 			}
-			function c({ datapoint: e, seriesIndex: t }) {
+			function ee({ datapoint: e, seriesIndex: t }) {
 				B.value.events.datapointClick && B.value.events.datapointClick({
 					datapoint: e,
 					seriesIndex: t
 				}), W("selectDatapoint", e);
 			}
-			let ee = {
+			let l = {
 				centerX: q.value.width / 2,
 				centerY: q.value.height / 2
-			}, l = e.filter((e) => !R.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), u = e.map((e, t) => ({
+			}, u = e.filter((e) => !R.value.includes(e.id)).map((e) => e.value || 0).reduce((e, t) => e + t, 0), d = e.map((e, t) => ({
 				...e,
-				proportion: (e.value || 0) / l,
+				proportion: (e.value || 0) / u,
 				value: e.value || 0,
 				absoluteValue: tr.value.dataset.find((t, n) => `donut_${n}` === e.id).VALUE,
 				shape: "circle"
-			})), f = q.value.width / 2, ne = q.value.height / 2, p = q.value.height * B.value.donutRadiusRatio;
+			})), ne = q.value.width / 2, re = q.value.height / 2, ie = q.value.height * B.value.donutRadiusRatio;
 			return {
-				dataset: u.filter((e) => !R.value.includes(e.id)),
-				legend: u,
-				drawingArea: ee,
+				dataset: d.filter((e) => !R.value.includes(e.id)),
+				legend: d,
+				drawingArea: l,
 				displayArcPercentage: t,
 				isArcBigEnough: n,
-				useTooltip: i,
+				useTooltip: o,
 				killTooltip: s,
-				selectDatapoint: c,
-				getSpaces: r,
-				total: l,
-				cx: f,
-				cy: ne,
-				radius: p,
-				chart: ae({ series: e.filter((e) => !R.value.includes(e.id)) }, f, ne, p, p, 1.99999, 2, 1, 360, 105.25, q.value.height * Sr.value)
+				selectDatapoint: ee,
+				getSpaces: a,
+				total: u,
+				cx: ne,
+				cy: re,
+				radius: ie,
+				chart: r({ series: e.filter((e) => !R.value.includes(e.id)) }, ne, re, ie, ie, 1.99999, 2, 1, 360, 105.25, q.value.height * Sr.value)
 			};
 		}), X = T({
 			start: 0,
@@ -775,7 +775,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		}
 		let wr = T(null);
 		async function Tr() {
-			await je(), await je();
+			await Me(), await Me();
 			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 = {
 				start: 0,
@@ -786,7 +786,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			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 = _(() => {
+		let Dr = g(() => {
 			if (!B.value.zoomMinimap.show || K.value === j.DONUT) return [];
 			let e = [];
 			M(G.value.dataset) && (e = G.value.dataset), Ue(G.value.dataset) && (e = G.value.dataset.map((e, t) => ({
@@ -806,7 +806,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				return n > e ? n : e;
 			}, 0)), e + 4;
 		}
-		let kr = T(0), Ar = ve((e) => {
+		let kr = T(0), Ar = ye((e) => {
 			kr.value = e;
 		}, 100);
 		Re((e) => {
@@ -819,10 +819,10 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		}), Ne(() => {
 			kr.value = 0;
 		});
-		let jr = _(() => {
+		let jr = g(() => {
 			let e = 0;
 			return z.value && (e = kr.value), 0 + e;
-		}), Z = _(() => {
+		}), Z = g(() => {
 			if (K.value !== j.LINE) return null;
 			let e = {
 				height: q.value.height,
@@ -845,7 +845,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				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] || a[B.value.paletteStartIndex],
+				color: er.value[B.value.paletteStartIndex] || c[B.value.paletteStartIndex],
 				id: "line_0"
 			}]), Ue(G.value.dataset) && (r = G.value.dataset.map((e, t) => ({
 				...e,
@@ -854,17 +854,17 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				id: `line_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || a[t + B.value.paletteStartIndex] || a[(t + B.value.paletteStartIndex) % a.length],
+				color: e.COLOR ? se(e.COLOR) : er.value[t + B.value.paletteStartIndex] || c[t + B.value.paletteStartIndex] || c[(t + B.value.paletteStartIndex) % c.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)
 			})));
-			let i = {
+			let a = {
 				max: Math.max(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)),
 				min: Math.min(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)),
 				maxSeries: Math.max(...r.map((e) => e.values.length))
-			}, s = i.max === i.min ? u(i.min, i.min + 1, B.value.xyScaleSegments) : u(i.min < 0 ? i.min : 0, i.max < 0 ? 0 : i.max, B.value.xyScaleSegments), c = i.min < 0 ? Math.abs(i.min) : 0, ee = i.max < 0 ? n.top : n.bottom - c / (s.max + c) * n.height, l = n.width / i.maxSeries, f = s.ticks.map((e) => ({
-				y: n.bottom - n.height * ((e + c) / (s.max + c)),
+			}, o = a.max === a.min ? d(a.min, a.min + 1, B.value.xyScaleSegments) : d(a.min < 0 ? a.min : 0, a.max < 0 ? 0 : a.max, B.value.xyScaleSegments), s = a.min < 0 ? Math.abs(a.min) : 0, ee = a.max < 0 ? n.top : n.bottom - s / (o.max + s) * n.height, l = n.width / a.maxSeries, u = o.ticks.map((e) => ({
+				y: n.bottom - n.height * ((e + s) / (o.max + s)),
 				x: n.left - 8,
 				value: e
 			})), ne = r.map((e, t) => ({
@@ -872,7 +872,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				shape: "circle",
 				coordinates: e.values.map((e, t) => ({
 					x: n.left + l * (t + 1) - l / 2,
-					y: n.bottom - (e + c) / (s.max + c) * n.height,
+					y: n.bottom - (e + s) / (o.max + s) * n.height,
 					value: e
 				}))
 			})).map((e) => {
@@ -884,32 +884,32 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					linePath: t.join(" ")
 				};
 			});
-			function p(e) {
+			function re(e) {
 				return r.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
 				})).filter((e) => !R.value.includes(e.id));
 			}
-			function m(e, t = "pointer") {
+			function ie(e, t = "pointer") {
 				L.value = e, J.value = e, V.value = e, H.value = t;
-				let n = p(e);
+				let n = re(e);
 				On.value = {
 					datapoint: n,
 					seriesIndex: e,
 					config: B.value,
 					dataset: r
 				};
-				let i = B.value.tooltipCustomFormat;
+				let a = B.value.tooltipCustomFormat;
 				if (B.value.events.datapointEnter && B.value.events.datapointEnter({
 					datapoint: n,
 					seriesIndex: e + X.value.start
-				}), re(i) && te(() => i({
+				}), f(a) && te(() => a({
 					datapoint: n,
 					seriesIndex: e,
 					series: r,
 					config: B.value
-				}))) kn.value = i({
+				}))) kn.value = a({
 					datapoint: n,
 					seriesIndex: e,
 					series: r,
@@ -922,7 +922,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg>
                         <span>${t.name}:</span>
-                        <b>${d(B.value.formatter, t.value, o({
+                        <b>${p(B.value.formatter, t.value, i({
 							p: B.value.valuePrefix,
 							v: t.value,
 							s: B.value.valueSuffix,
@@ -938,15 +938,15 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				}
 				I.value = !0;
 			}
-			function h(e) {
-				let t = p(e);
+			function ae(e) {
+				let t = re(e);
 				B.value.events.datapointLeave && B.value.events.datapointLeave({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), L.value = null, J.value = null, I.value = !1, V.value = null, H.value = "pointer";
 			}
-			function ie(e) {
-				let t = p(e);
+			function m(e) {
+				let t = re(e);
 				B.value.events.datapointClick && B.value.events.datapointClick({
 					datapoint: t,
 					seriesIndex: e + X.value.start
@@ -957,14 +957,14 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				dataset: ne.filter((e) => !R.value.includes(e.id)),
 				legend: ne,
 				drawingArea: n,
-				extremes: i,
+				extremes: a,
 				slotSize: l,
-				yLabels: f,
-				useTooltip: m,
-				killTooltip: h,
-				selectDatapoint: ie
+				yLabels: u,
+				useTooltip: ie,
+				killTooltip: ae,
+				selectDatapoint: m
 			};
-		}), Q = _(() => {
+		}), Q = g(() => {
 			if (K.value !== j.BAR) return null;
 			let e = {
 				height: q.value.height,
@@ -987,7 +987,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				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] || a[B.value.paletteStartIndex],
+				color: er.value[B.value.paletteStartIndex] || c[B.value.paletteStartIndex],
 				id: "bar_0"
 			}]), Ue(G.value.dataset) && (r = G.value.dataset.map((e, t) => ({
 				...e,
@@ -996,71 +996,71 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				id: `bar_${t}`
 			})).map((e, t) => ({
 				...e,
-				color: e.COLOR ? oe(e.COLOR) : er.value[t + B.value.paletteStartIndex] || a[t + B.value.paletteStartIndex] || a[(t + B.value.paletteStartIndex) % a.length],
+				color: e.COLOR ? se(e.COLOR) : er.value[t + B.value.paletteStartIndex] || c[t + B.value.paletteStartIndex] || c[(t + B.value.paletteStartIndex) % c.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)
 			})));
-			let i = {
+			let a = {
 				max: Math.max(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) < 0 ? 0 : Math.max(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) ?? 1,
 				min: Math.min(...r.filter((e) => !R.value.includes(e.id)).flatMap((e) => e.values)) ?? 0,
 				maxSeries: Math.max(...r.filter((e) => !R.value.includes(e.id)).map((e) => e.values.length)) ?? 0
-			}, s = i.min === i.max ? u(i.min, i.min + 1, B.value.xyScaleSegments) : u(i.min < 0 ? i.min : 0, i.max, B.value.xyScaleSegments), c = s.min < 0 ? Math.abs(s.min) : 0, ee = n.bottom - c / (s.max + c) * n.height, l = n.width / i.maxSeries, f = s.ticks.map((e) => ({
-				y: n.bottom - n.height * ((e + c) / (s.max + c)),
+			}, o = a.min === a.max ? d(a.min, a.min + 1, B.value.xyScaleSegments) : d(a.min < 0 ? a.min : 0, a.max, B.value.xyScaleSegments), s = o.min < 0 ? Math.abs(o.min) : 0, ee = n.bottom - s / (o.max + s) * n.height, l = n.width / a.maxSeries, u = o.ticks.map((e) => ({
+				y: n.bottom - n.height * ((e + s) / (o.max + s)),
 				x: n.left - 8,
 				value: e
 			})), ne = r.map((e, t) => ({
 				...e,
 				shape: "square",
-				coordinates: e.values.map((e, a) => {
-					let o = (e + c) / (i.max + c) * n.height, s = Math.abs(e) / Math.abs(i.min) * (n.height - ee), u = c / (i.max + c) * n.height, d = l / r.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / r.filter((e) => !R.value.includes(e.id)).length;
+				coordinates: e.values.map((e, i) => {
+					let o = (e + s) / (a.max + s) * n.height, c = Math.abs(e) / Math.abs(a.min) * (n.height - ee), u = s / (a.max + s) * n.height, d = l / r.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / r.filter((e) => !R.value.includes(e.id)).length;
 					return {
-						x: n.left + l * a + d * t + B.value.barGap / 2,
+						x: n.left + l * i + d * t + B.value.barGap / 2,
 						y: e > 0 ? n.bottom - o : ee,
-						height: e > 0 ? o - u : s,
+						height: e > 0 ? o - u : c,
 						value: e,
 						width: d
 					};
 				})
-			})), p = r.filter((e) => !R.value.includes(e.id)).map((e, t) => ({
+			})), re = r.filter((e) => !R.value.includes(e.id)).map((e, t) => ({
 				...e,
-				coordinates: e.values.map((e, a) => {
-					let o = (e + c) / (i.max + c) * n.height, s = Math.abs(e) / (i.max + c) * n.height, u = c / (i.max + c) * n.height, d = l / r.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / r.filter((e) => !R.value.includes(e.id)).length;
+				coordinates: e.values.map((e, i) => {
+					let o = (e + s) / (a.max + s) * n.height, c = Math.abs(e) / (a.max + s) * n.height, u = s / (a.max + s) * n.height, d = l / r.filter((e) => !R.value.includes(e.id)).length - B.value.barGap / r.filter((e) => !R.value.includes(e.id)).length;
 					return {
-						x: n.left + l * a + d * t + B.value.barGap / 2,
+						x: n.left + l * i + d * t + B.value.barGap / 2,
 						y: e > 0 ? n.bottom - o : ee,
-						height: e > 0 ? o - u : s,
+						height: e > 0 ? o - u : c,
 						value: e,
 						width: d
 					};
 				})
 			}));
-			function m(e) {
+			function ie(e) {
 				return r.map((t) => ({
 					...t,
 					value: t.values[e],
 					absoluteIndex: t.absoluteIndices[e]
 				})).filter((e) => !R.value.includes(e.id));
 			}
-			function h(e, t = "pointer") {
+			function ae(e, t = "pointer") {
 				L.value = e, J.value = e, V.value = e, H.value = t;
-				let n = m(e);
+				let n = ie(e);
 				On.value = {
 					datapoint: n,
 					seriesIndex: e,
 					config: B.value,
 					dataset: r
 				};
-				let i = B.value.tooltipCustomFormat;
+				let a = B.value.tooltipCustomFormat;
 				if (B.value.events.datapointEnter && B.value.events.datapointEnter({
 					datapoint: n,
 					seriesIndex: e + X.value.start
-				}), re(i) && te(() => i({
+				}), f(a) && te(() => a({
 					datapoint: n,
 					seriesIndex: e,
 					series: r,
 					config: B.value
-				}))) kn.value = i({
+				}))) kn.value = a({
 					point: n,
 					seriesIndex: e,
 					series: r,
@@ -1073,7 +1073,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${t.color}"/></svg>
                         <span>${t.name}:</span>
-                        <b>${d(B.value.formatter, t.value, o({
+                        <b>${p(B.value.formatter, t.value, i({
 							p: B.value.valuePrefix,
 							v: t.value,
 							s: B.value.valueSuffix,
@@ -1089,15 +1089,15 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				}
 				I.value = !0;
 			}
-			function ie(e) {
-				let t = m(e);
+			function m(e) {
+				let t = ie(e);
 				B.value.events.datapointLeave && B.value.events.datapointLeave({
 					datapoint: t,
 					seriesIndex: e + X.value.start
 				}), I.value = !1, L.value = null, J.value = null, V.value = null, H.value = "pointer";
 			}
-			function ae(e) {
-				let t = m(e);
+			function oe(e) {
+				let t = ie(e);
 				B.value.events.datapointClick && B.value.events.datapointClick({
 					datapoint: t,
 					seriesIndex: e + X.value.start
@@ -1105,16 +1105,16 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			}
 			return {
 				absoluteZero: ee,
-				dataset: p.filter((e) => !R.value.includes(e.id)),
-				absoluteDataset: p,
+				dataset: re.filter((e) => !R.value.includes(e.id)),
+				absoluteDataset: re,
 				legend: ne,
 				drawingArea: n,
-				extremes: i,
+				extremes: a,
 				slotSize: l,
-				yLabels: f,
-				useTooltip: h,
-				killTooltip: ie,
-				selectDatapoint: ae
+				yLabels: u,
+				useTooltip: ae,
+				killTooltip: m,
+				selectDatapoint: oe
 			};
 		});
 		function Mr(e) {
@@ -1162,25 +1162,25 @@ 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 ee = Array.isArray(Fn?.value) ? Fn.value : [Fn?.value].filter(Boolean), l = Array.isArray(In?.value) ? In.value : [In?.value].filter(Boolean), u = [...ee, ...l].filter(Boolean), d = P?.value || null, f = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-plot")) : [], te = d ? Array.from(d.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+			let ee = Array.isArray(Fn?.value) ? Fn.value : [Fn?.value].filter(Boolean), l = Array.isArray(In?.value) ? In.value : [In?.value].filter(Boolean), u = [...ee, ...l].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")) : [];
 			u.forEach(Mr), Nr(f, {
 				fromOpacity: "0",
 				fromScale: "0.75"
-			}), Nr(te, {
+			}), Nr(p, {
 				fromOpacity: "0",
 				fromScale: "0.98"
-			}), f.forEach((e) => e.classList.remove("quick-animation")), te.forEach((e) => e.classList.remove("quick-animation")), d && d.offsetWidth;
-			let ne = f.length ? Ir(f, Pr) : [], re = te.length ? Ir(te, Fr) : [];
+			}), 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) : [], ne = p.length ? Ir(p, Fr) : [];
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					u.forEach((n) => {
 						n.style.transition = `stroke-dashoffset ${e}ms ${t}`, n.style.strokeDashoffset = "0";
-					}), ne.forEach((e, t) => {
+					}), te.forEach((e, t) => {
 						e.items.forEach((e, r) => {
 							let a = i + t * o + r * c;
 							e.style.transition = `opacity ${n}ms ease-out ${a}ms, transform ${n}ms ease-out ${a}ms`, e.style.opacity = "1", e.style.transform = "scale(1)";
 						});
-					}), re.forEach((e, t) => {
+					}), ne.forEach((e, t) => {
 						e.items.forEach((e, n) => {
 							let i = a + t * s + n * c;
 							e.style.transition = `opacity ${r}ms ease-out ${i}ms, transform ${r}ms ease-out ${i}ms`, e.style.opacity = "1", e.style.transform = "scale(1)";
@@ -1189,7 +1189,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				});
 			});
 		}
-		let Rr = _(() => {
+		let Rr = g(() => {
 			if (K.value === j.LINE) return Z.value.legend.map((e) => (Math.min(...e.absoluteValues.map((e) => e ?? 0)), {
 				...e,
 				isVisible: !R.value.includes(e.id),
@@ -1206,7 +1206,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		Re(() => {
 			let e = ++zr;
 			(async () => {
-				let t = await se({
+				let t = await ce({
 					values: B.value.xyPeriods,
 					maxDatapoints: G.value.maxSeriesLength,
 					formatter: B.value.datetimeFormatter,
@@ -1216,7 +1216,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				e === zr && ($.value = t);
 			})();
 		});
-		let Br = _(() => {
+		let Br = g(() => {
 			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);
@@ -1232,7 +1232,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		}
 		async function Kr({ 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 +1247,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 qr = g(() => q.value.width), Jr = g(() => q.value.height);
+		ge({
 			timeLabelsEls: z,
 			timeLabels: $,
 			slicer: X,
@@ -1260,16 +1260,16 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			height: Jr.value,
 			width: qr.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 Yr = g(() => B.value.backgroundColor), Xr = g(() => K.value === j.DONUT ? Y.value.legend : K.value === j.LINE ? Z.value.legend : Q.value.legend), Zr = g(() => ({
 			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({
+		})), { exportSvg: Qr, getSvg: $r } = pe({
 			svg: qn,
-			title: _(() => ({
+			title: g(() => ({
 				text: B.value.title,
 				color: B.value.color,
 				fontSize: B.value.titleFontSize,
@@ -1316,7 +1316,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 		function ni(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);
+		let ri = g(() => 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;
 		}
@@ -1375,7 +1375,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			if (K.value === j.DONUT) {
 				let r = Y.value?.chart?.[e];
 				if (!r) return;
-				t = m(r, !0).x, n = l(r);
+				t = ae(r, !0).x, n = u(r);
 			}
 			if (K.value === j.LINE) {
 				let r = Z.value?.drawingArea, i = Z.value?.slotSize;
@@ -1393,7 +1393,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				y: r.top + n / q.value.height * r.height
 			};
 		}
-		let ci = _(() => {
+		let ci = g(() => {
 			if (K.value === j.DONUT) return {
 				headers: [
 					"Series",
@@ -1401,14 +1401,14 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					"Percentage"
 				],
 				rows: (Y.value?.dataset ?? []).map((e) => {
-					let t = Y.value?.total ? o({
+					let t = Y.value?.total ? i({
 						v: e.value / Y.value.total * 100,
 						s: "%",
 						r: B.value.dataLabelRoundingPercentage
 					}) : "0%";
 					return [
 						e.name,
-						d(B.value.formatter, e.value, o({
+						p(B.value.formatter, e.value, i({
 							p: B.value.valuePrefix,
 							v: e.value,
 							s: B.value.valueSuffix,
@@ -1424,7 +1424,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					headers: ["Index", ...e.map((e) => e.name)],
 					rows: Array.from({ length: t }, (t, n) => [$.value?.[n + X.value.start]?.text ?? String(n + X.value.start), ...e.map((e) => {
 						let t = e.values?.[n];
-						return d(B.value.formatter, t, o({
+						return p(B.value.formatter, t, i({
 							p: B.value.valuePrefix,
 							v: t,
 							s: B.value.valueSuffix,
@@ -1438,7 +1438,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				rows: []
 			};
 		});
-		return _e({
+		return ve({
 			getImage: Kr,
 			generatePdf: ar,
 			generateImage: or,
@@ -1447,25 +1447,25 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 			toggleAnnotator: Gr,
 			toggleFullscreen: Hr,
 			copyAlt: ti
-		}), (e, t) => nr.value ? (w(), y("div", {
+		}), (e, n) => nr.value ? (w(), v("div", {
 			key: 0,
 			id: `${K.value}_${F.value}`,
 			ref_key: "quickChart",
 			ref: P,
-			class: Me({
+			class: x({
 				"vue-data-ui-component": !0,
 				"vue-ui-quick-chart": !0,
 				"vue-data-ui-wrapper-fullscreen": Vr.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)
+			onMouseenter: n[2] ||= () => Qn(!0),
+			onMouseleave: n[3] ||= () => Qn(!1)
 		}, [
-			b("div", {
+			y("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, {
+			}, [y("p", null, O(B.value.a11y.translations.keyboardNavigation), 1)], 8, Ze),
+			ci.value.rows.length ? (w(), De(Se, {
 				key: 0,
 				uid: F.value,
 				head: ci.value.headers,
@@ -1478,8 +1478,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"body",
 				"notice",
 				"caption"
-			])) : v("", !0),
-			B.value.userOptionsButtons.annotator ? (w(), Ee(k(We), {
+			])) : _("", !0),
+			B.value.userOptionsButtons.annotator ? (w(), De(k(We), {
 				key: 1,
 				svgRef: k(qn),
 				backgroundColor: B.value.backgroundColor,
@@ -1489,11 +1489,11 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				onClose: Gr
 			}, {
 				"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-color": A(({ color: t }) => [D(e.$slots, "annotator-action-color", S(b({ color: t })), void 0, !0)]),
+				"annotator-action-draw": A(({ mode: t }) => [D(e.$slots, "annotator-action-draw", S(b({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": A(({ disabled: t }) => [D(e.$slots, "annotator-action-undo", S(b({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": A(({ disabled: t }) => [D(e.$slots, "annotator-action-redo", S(b({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": A(({ disabled: t }) => [D(e.$slots, "annotator-action-delete", S(b({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -1501,15 +1501,15 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : v("", !0),
-			sr.value ? (w(), y("div", {
+			])) : _("", !0),
+			sr.value ? (w(), v("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: jn,
 				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), {
+			}, null, 512)) : _("", !0),
+			B.value.showUserOptions && (Yn.value || Xn.value) ? (w(), De(k(Ke), {
 				ref: "details",
 				key: `user_option_${Mn.value}`,
 				backgroundColor: B.value.backgroundColor,
@@ -1542,10 +1542,10 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				onToggleAnnotator: Gr,
 				onCopyAlt: ti,
 				style: C({ visibility: Yn.value ? Xn.value ? "visible" : "hidden" : "visible" })
-			}, De({ _: 2 }, [
+			}, Oe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: A(({ isOpen: t, color: n }) => [D(e.$slots, "menuIcon", S(x({
+					fn: A(({ isOpen: t, color: n }) => [D(e.$slots, "menuIcon", S(b({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -1573,7 +1573,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: A(({ toggleFullscreen: t, isFullscreen: n }) => [D(e.$slots, "optionFullscreen", S(x({
+					fn: A(({ toggleFullscreen: t, isFullscreen: n }) => [D(e.$slots, "optionFullscreen", S(b({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1581,7 +1581,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: A(({ toggleAnnotator: t, isAnnotator: n }) => [D(e.$slots, "optionAnnotator", S(b({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1589,7 +1589,7 @@ 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: A(({ altCopy: t }) => [D(e.$slots, "optionAltCopy", S(b({ altCopy: t })), void 0, !0)]),
 					key: "7"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
@@ -1627,20 +1627,20 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				"onGeneratePdf",
 				"onGenerateImage",
 				"style"
-			])) : v("", !0),
-			B.value.title ? (w(), y("div", {
+			])) : _("", !0),
+			B.value.title ? (w(), v("div", {
 				key: 4,
 				ref_key: "quickChartTitle",
 				ref: Tn,
 				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", {
+			}, O(B.value.title), 5)) : _("", !0),
+			y("div", { id: `legend-top-${F.value}` }, null, 8, Qe),
+			y("div", $e, [K.value ? (w(), v("svg", {
 				key: 0,
 				ref_key: "svgRef",
 				ref: qn,
-				xmlns: k(p),
+				xmlns: k(ie),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				viewBox: fr.value,
 				style: C(`max-width:100%;overflow:visible;background:transparent;color:${B.value.color}`),
@@ -1649,58 +1649,58 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				onBlur: ai,
 				onKeydown: oi
 			}, [
-				Oe(k(He)),
-				e.$slots["chart-background"] && K.value === j.BAR ? (w(), y("foreignObject", {
+				ke(k(He)),
+				e.$slots["chart-background"] && K.value === j.BAR ? (w(), v("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", {
+				}, [D(e.$slots, "chart-background", {}, void 0, !0)], 8, tt)) : _("", !0),
+				e.$slots["chart-background"] && K.value === j.LINE ? (w(), v("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", {
+				}, [D(e.$slots, "chart-background", {}, void 0, !0)], 8, nt)) : _("", !0),
+				e.$slots["chart-background"] && K.value === j.DONUT ? (w(), v("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),
-				b("defs", null, [b("filter", {
+				}, [D(e.$slots, "chart-background", {}, void 0, !0)], 8, rt)) : _("", !0),
+				y("defs", null, [y("filter", {
 					id: `blur_${F.value}`,
 					x: "-50%",
 					y: "-50%",
 					width: "200%",
 					height: "200%"
-				}, [b("feGaussianBlur", {
+				}, [y("feGaussianBlur", {
 					in: "SourceGraphic",
 					stdDeviation: 2,
 					id: `blur_std_${F.value}`
-				}, null, 8, at), t[4] ||= b("feColorMatrix", {
+				}, null, 8, at), n[4] ||= y("feColorMatrix", {
 					type: "saturate",
 					values: "0"
-				}, null, -1)], 8, it), b("filter", {
+				}, null, -1)], 8, it), y("filter", {
 					id: `shadow_${F.value}`,
 					"color-interpolation-filters": "sRGB"
-				}, [b("feDropShadow", {
+				}, [y("feDropShadow", {
 					dx: "0",
 					dy: "0",
 					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", {
+				K.value === j.DONUT ? (w(), v(h, { key: 3 }, [
+					B.value.showDataLabels ? (w(), v("g", ct, [(w(!0), v(h, null, E(Y.value.chart, (e, t) => (w(), v(h, null, [Y.value.isArcBigEnough(e) ? (w(), v("path", {
 						key: 0,
-						d: k(ne)(e, {
+						d: k(re)(e, {
 							x: q.value.width / 2,
 							y: q.value.height / 2
 						}, 16, 16, !1, !1, q.value.height * Sr.value, 12, B.value.donutCurvedMarkers),
@@ -1710,21 +1710,21 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"stroke-linejoin": "round",
 						fill: "none",
 						filter: mr(e.id)
-					}, null, 8, lt)) : v("", !0)], 64))), 256))])) : v("", !0),
-					b("circle", {
+					}, null, 8, lt)) : _("", !0)], 64))), 256))])) : _("", !0),
+					y("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", {
+					y("g", dt, [(w(!0), v(h, null, E(Y.value.chart, (e, t) => (w(), v("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", {
+					}, null, 8, ft))), 256)), (w(!0), v(h, null, E(Y.value.chart, (e, t) => (w(), v("path", {
 						d: e.arcSlice,
 						fill: "transparent",
 						onMouseenter: (n) => Y.value.useTooltip({
@@ -1741,26 +1741,26 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							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", {
+					B.value.showDataLabels ? (w(), v("g", mt, [(w(!0), v(h, null, E(Y.value.chart, (e, t) => (w(), v(h, null, [
+						Y.value.isArcBigEnough(e) ? (w(), v("circle", {
 							key: 0,
-							cx: k(m)(e).x,
-							cy: k(l)(e) - 3.7,
+							cx: k(ae)(e).x,
+							cy: k(u)(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", {
+						}, null, 8, ht)) : _("", !0),
+						Y.value.isArcBigEnough(e) ? (w(), v("text", {
 							key: 1,
-							"text-anchor": k(m)(e, !0, 20).anchor,
-							x: k(m)(e, !0).x,
-							y: k(l)(e),
+							"text-anchor": k(ae)(e, !0, 20).anchor,
+							x: k(ae)(e, !0).x,
+							y: k(u)(e),
 							fill: B.value.color,
 							"font-size": B.value.dataLabelFontSize,
 							filter: mr(e.id)
-						}, O(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + O(k(d)(B.value.formatter, e.value, k(o)({
+						}, O(Y.value.displayArcPercentage(e, Y.value.chart)) + " (" + O(k(p)(B.value.formatter, e.value, k(i)({
 							p: B.value.valuePrefix,
 							v: e.value,
 							s: B.value.valueSuffix,
@@ -1768,38 +1768,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, gt)) : _("", !0),
+						Y.value.isArcBigEnough(e, !0, 20) ? (w(), v("text", {
 							key: 2,
-							"text-anchor": k(m)(e).anchor,
-							x: k(m)(e, !0).x,
-							y: k(l)(e) + B.value.dataLabelFontSize,
+							"text-anchor": k(ae)(e).anchor,
+							x: k(ae)(e, !0).x,
+							y: k(u)(e) + B.value.dataLabelFontSize,
 							fill: B.value.color,
 							"font-size": B.value.dataLabelFontSize,
 							filter: mr(e.id)
-						}, O(e.name), 9, _t)) : v("", !0)
-					], 64))), 256))])) : v("", !0),
-					B.value.donutShowTotal ? (w(), y("g", vt, [b("text", {
+						}, O(e.name), 9, _t)) : _("", !0)
+					], 64))), 256))])) : _("", !0),
+					B.value.donutShowTotal ? (w(), v("g", vt, [y("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", {
+					}, O(B.value.donutTotalLabelText), 9, yt), y("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(o)({
+					}, O(k(i)({
 						p: B.value.valuePrefix,
 						v: Y.value.total,
 						s: B.value.valueSuffix,
 						r: B.value.dataLabelRoundingValue
-					})), 9, bt)])) : 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", {
+					})), 9, bt)])) : _("", !0)
+				], 64)) : _("", !0),
+				K.value === j.LINE ? (w(), v(h, { key: 4 }, [
+					B.value.xyShowGrid ? (w(), v("g", xt, [(w(!0), v(h, null, E(Z.value.yLabels, (e) => (w(), v(h, null, [e.y <= Z.value.drawingArea.bottom ? (w(), v("line", {
 						key: 0,
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.right,
@@ -1808,7 +1808,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, St)) : _("", !0)], 64))), 256)), (w(!0), v(h, null, E(Z.value.extremes.maxSeries + 1, (e, t) => (w(), v("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 +1816,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, Ct))), 256))])) : _("", !0),
+					B.value.xyShowAxis ? (w(), v("g", wt, [y("line", {
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.left,
 						y1: Z.value.drawingArea.top,
@@ -1825,7 +1825,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, Tt), y("line", {
 						x1: Z.value.drawingArea.left,
 						x2: Z.value.drawingArea.right,
 						y1: isNaN(Z.value.absoluteZero) ? Z.value.drawingArea.bottom : Z.value.absoluteZero,
@@ -1833,13 +1833,13 @@ 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, Et)])) : _("", !0),
+					B.value.xyShowScale ? (w(), v("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", {
+					}, [(w(!0), v(h, null, E(Z.value.yLabels, (e, t) => (w(), v(h, null, [e.y <= Z.value.drawingArea.bottom ? (w(), v("line", {
 						key: 0,
 						x1: e.x + 4,
 						x2: Z.value.drawingArea.left,
@@ -1848,14 +1848,14 @@ 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, Dt)) : v("", !0), e.y <= Z.value.drawingArea.bottom ? (w(), y("text", {
+					}, null, 8, Dt)) : _("", !0), e.y <= Z.value.drawingArea.bottom ? (w(), v("text", {
 						key: 1,
 						x: e.x,
 						y: e.y + B.value.xyLabelsYFontSize / 3,
 						"text-anchor": "end",
 						"font-size": B.value.xyLabelsYFontSize,
 						fill: B.value.color
-					}, O(k(d)(B.value.formatter, e.value, k(o)({
+					}, O(k(p)(B.value.formatter, e.value, k(i)({
 						p: B.value.valuePrefix,
 						v: e.value,
 						s: B.value.valueSuffix,
@@ -1863,8 +1863,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", {
+					})), 9, Ot)) : _("", !0)], 64))), 256))], 512)) : _("", !0),
+					B.value.xyShowScale && B.value.xyPeriods.length ? (w(), v("g", kt, [(w(!0), v(h, null, E($.value.map((e) => e.text), (e, t) => (w(), v(h, 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(), v("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,60 +1873,60 @@ 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, At)) : _("", !0)], 64))), 256)), y("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", {
+					}, [(w(!0), v(h, null, E($.value.map((e) => e.text), (e, n) => (w(), v(h, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && n % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), v("g", jt, [String(e).includes("\n") ? (w(), v("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(n)({
+						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (n + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
+						innerHTML: k(t)({
 							content: String(e),
 							fontSize: B.value.xyLabelsXFontSize,
 							fill: B.value.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, Nt)) : (w(), y("text", {
+					}, null, 8, Nt)) : (w(), v("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", {
+						transform: `translate(${Z.value.drawingArea.left + Z.value.slotSize * (n + 1) - Z.value.slotSize / 2}, ${Z.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
+					}, O(e), 9, Mt))])) : _("", !0)], 64))), 256))], 512)])) : _("", !0),
+					y("g", Pt, [(w(!0), v(h, null, E(Z.value.dataset, (e, t) => (w(), v("g", Ft, [B.value.lineSmooth ? (w(), v(h, { key: 0 }, [y("path", {
 						ref_for: !0,
 						ref_key: "pathWrapper",
 						ref: Fn,
-						d: `M ${k(f)(e.coordinates)}`,
+						d: `M ${k(ne)(e.coordinates)}`,
 						stroke: B.value.backgroundColor,
 						"stroke-width": B.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
+						class: x({
 							"quick-animation": !k(U),
 							"vue-data-ui-line-animated": B.value.lineAnimated && !k(U)
 						}),
 						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, It), b("path", {
+					}, null, 14, It), y("path", {
 						ref_for: !0,
 						ref_key: "pathTop",
 						ref: In,
-						d: `M ${k(f)(e.coordinates)}`,
+						d: `M ${k(ne)(e.coordinates)}`,
 						stroke: e.color,
 						"stroke-width": B.value.lineStrokeWidth,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
+						class: x({
 							"quick-animation": !k(U),
 							"vue-data-ui-line-animated": B.value.lineAnimated && !k(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", {
+					}, null, 14, Lt)], 64)) : (w(), v(h, { key: 1 }, [y("path", {
 						ref_for: !0,
 						ref_key: "pathWrapper",
 						ref: Fn,
@@ -1935,12 +1935,12 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"stroke-width": B.value.lineStrokeWidth + 1,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
+						class: x({
 							"quick-animation": !k(U),
 							"vue-data-ui-line-animated": B.value.lineAnimated && !k(U)
 						}),
 						style: C({ transition: k(U) ? void 0 : "all 0.3s ease-in-out" })
-					}, null, 14, Rt), b("path", {
+					}, null, 14, Rt), y("path", {
 						ref_for: !0,
 						ref_key: "pathTop",
 						ref: In,
@@ -1949,45 +1949,45 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						"stroke-width": B.value.lineStrokeWidth,
 						"stroke-linecap": "round",
 						fill: "none",
-						class: Me({
+						class: x({
 							"quick-animation": !k(U),
 							"vue-data-ui-line-animated": B.value.lineAnimated && !k(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", {
+					}, null, 14, zt)], 64)), (w(!0), v(h, null, E(e.coordinates, (t, n) => (w(), v("circle", {
 						cx: t.x,
-						cy: k(h)(t.y),
+						cy: k(m)(t.y),
 						r: 3,
 						fill: e.color,
 						stroke: B.value.backgroundColor,
 						"stroke-width": "0.5",
-						class: Me({
+						class: x({
 							"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", {
+					B.value.showDataLabels ? (w(), v("g", Vt, [(w(!0), v(h, null, E(Z.value.dataset, (e, t) => (w(), v(h, null, [(w(!0), v(h, null, E(e.coordinates, (t, n) => (w(), v("text", {
 						"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({
+						y: k(m)(t.y) - B.value.dataLabelFontSize / 2,
+						class: x({
 							"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(d)(B.value.formatter, k(h)(t.value), k(o)({
+					}, O(k(p)(B.value.formatter, k(m)(t.value), k(i)({
 						p: B.value.valuePrefix,
-						v: k(h)(t.value),
+						v: k(m)(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, Ht))), 256))], 64))), 256))])) : _("", !0),
+					Zn.value ? (w(), v("g", Ut, [(w(!0), v(h, null, E(Z.value.extremes.maxSeries, (e, t) => (w(), v("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,
@@ -1997,10 +1997,10 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						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)
-				], 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", {
+					}, null, 44, Wt))), 256))])) : _("", !0)
+				], 64)) : _("", !0),
+				K.value === j.BAR ? (w(), v(h, { key: 5 }, [
+					B.value.xyShowGrid ? (w(), v("g", Gt, [(w(!0), v(h, null, E(Q.value.yLabels, (e) => (w(), v(h, null, [e.y <= Q.value.drawingArea.bottom ? (w(), v("line", {
 						key: 0,
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.right,
@@ -2009,7 +2009,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, Kt)) : _("", !0)], 64))), 256)), R.value.length < Q.value.legend.length ? (w(!0), v(h, { key: 0 }, E(Q.value.extremes.maxSeries + 1, (e, t) => (w(), v("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 +2017,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, qt))), 256)) : _("", !0)])) : _("", !0),
+					B.value.xyShowAxis ? (w(), v("g", Jt, [y("line", {
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.left,
 						y1: Q.value.drawingArea.top,
@@ -2026,7 +2026,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, Yt), y("line", {
 						x1: Q.value.drawingArea.left,
 						x2: Q.value.drawingArea.right,
 						y1: isNaN(Q.value.absoluteZero) ? Q.value.drawingArea.bottom : Q.value.absoluteZero,
@@ -2034,13 +2034,13 @@ 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, Xt)])) : _("", !0),
+					B.value.xyShowScale ? (w(), v("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", {
+					}, [(w(!0), v(h, null, E(Q.value.yLabels, (e, t) => (w(), v(h, null, [e.y <= Q.value.drawingArea.bottom ? (w(), v("line", {
 						key: 0,
 						x1: e.x + 4,
 						x2: Q.value.drawingArea.left,
@@ -2049,14 +2049,14 @@ 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, Zt)) : v("", !0), e.y <= Q.value.drawingArea.bottom ? (w(), y("text", {
+					}, null, 8, Zt)) : _("", !0), e.y <= Q.value.drawingArea.bottom ? (w(), v("text", {
 						key: 1,
 						x: e.x,
 						y: e.y + B.value.xyLabelsYFontSize / 3,
 						"text-anchor": "end",
 						"font-size": B.value.xyLabelsYFontSize,
 						fill: B.value.color
-					}, O(k(d)(B.value.formatter, e.value, k(o)({
+					}, O(k(p)(B.value.formatter, e.value, k(i)({
 						p: B.value.valuePrefix,
 						v: e.value,
 						s: B.value.valueSuffix,
@@ -2064,8 +2064,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", {
+					})), 9, Qt)) : _("", !0)], 64))), 256))], 512)) : _("", !0),
+					B.value.xyShowScale && B.value.xyPeriods.length ? (w(), v("g", $t, [(w(!0), v(h, null, E(B.value.xyPeriods.slice(X.value.start, X.value.end), (e, t) => (w(), v("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,71 +2073,71 @@ 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, en))), 256)), y("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", {
+					}, [(w(!0), v(h, null, E($.value.map((e) => e.text), (e, n) => (w(), v(h, null, [!B.value.xyPeriodsShowOnlyAtModulo || B.value.xyPeriodsShowOnlyAtModulo && n % Math.floor((X.value.end - X.value.start) / Br.value) === 0 || X.value.end - X.value.start <= Br.value ? (w(), v("g", tn, [String(e).includes("\n") ? (w(), v("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(n)({
+						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (n + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`,
+						innerHTML: k(t)({
 							content: String(e),
 							fontSize: B.value.xyLabelsXFontSize,
 							fill: B.value.color,
 							x: 0,
 							y: 0
 						})
-					}, null, 8, rn)) : (w(), y("text", {
+					}, null, 8, rn)) : (w(), v("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", {
+						transform: `translate(${Q.value.drawingArea.left + Q.value.slotSize * (n + 1) - Q.value.slotSize / 2}, ${Q.value.drawingArea.bottom + B.value.xyLabelsXFontSize + 6}), rotate(${B.value.xyPeriodLabelsRotation})`
+					}, O(e), 9, nn))])) : _("", !0)], 64))), 256))], 512)])) : _("", !0),
+					y("g", an, [(w(!0), v(h, null, E(Q.value.dataset, (e, t) => (w(), v(h, null, [(w(!0), v(h, null, E(e.coordinates, (t, n) => (w(), v("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: k(m)(t.height <= 0 ? 1e-5 : t.height),
+						y: k(m)(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: x({ "vue-data-ui-bar-animated": B.value.barAnimated && t.value < 0 && !k(U) })
+					}, [B.value.barAnimated && t.value > 0 && !k(rr) && !k(ir) ? (w(), v("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, sn)) : _("", !0), B.value.barAnimated && t.value > 0 && !k(rr) && !k(ir) ? (w(), v("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", {
+					}, null, 8, cn)) : _("", !0)], 10, on))), 256))], 64))), 256))]),
+					B.value.showDataLabels ? (w(), v("g", ln, [(w(!0), v(h, null, E(Q.value.dataset, (e, t) => (w(), v(h, null, [(w(!0), v(h, null, E(e.coordinates, (t, n) => (w(), v("text", {
 						x: t.x + t.width / 2,
-						y: k(h)(t.y) - B.value.dataLabelFontSize / 2,
+						y: k(m)(t.y) - B.value.dataLabelFontSize / 2,
 						"text-anchor": "middle",
 						"font-size": B.value.dataLabelFontSize,
 						fill: e.color,
 						class: "quick-animation"
-					}, O(k(d)(B.value.formatter, k(h)(t.value), k(o)({
+					}, O(k(p)(B.value.formatter, k(m)(t.value), k(i)({
 						p: B.value.valuePrefix,
-						v: k(h)(t.value),
+						v: k(m)(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, un))), 256))], 64))), 256))])) : _("", !0),
+					Zn.value && R.value.length < Q.value.legend.length ? (w(), v("g", dn, [(w(!0), v(h, null, E(Q.value.extremes.maxSeries, (e, t) => (w(), v("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,
@@ -2147,62 +2147,62 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 						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)
-				], 64)) : v("", !0),
-				[j.LINE, j.BAR].includes(K.value) ? (w(), y("g", pn, [
-					B.value.xAxisLabel && K.value === j.LINE ? (w(), y("g", {
+					}, null, 44, fn))), 256))])) : _("", !0)
+				], 64)) : _("", !0),
+				[j.LINE, j.BAR].includes(K.value) ? (w(), v("g", pn, [
+					B.value.xAxisLabel && K.value === j.LINE ? (w(), v("g", {
 						key: 0,
 						ref_key: "xAxisLabel",
 						ref: Rn
-					}, [b("text", {
+					}, [y("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", {
+					}, O(B.value.xAxisLabel), 9, mn)], 512)) : _("", !0),
+					B.value.xAxisLabel && K.value === j.BAR ? (w(), v("g", {
 						key: 1,
 						ref_key: "xAxisLabel",
 						ref: Rn
-					}, [b("text", {
+					}, [y("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", {
+					}, O(B.value.xAxisLabel), 9, hn)], 512)) : _("", !0),
+					B.value.yAxisLabel && K.value === j.LINE ? (w(), v("g", {
 						key: 2,
 						ref_key: "yAxisLabel",
 						ref: zn
-					}, [b("text", {
+					}, [y("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", {
+					}, O(B.value.yAxisLabel), 9, gn)], 512)) : _("", !0),
+					B.value.yAxisLabel && K.value === j.BAR ? (w(), v("g", {
 						key: 3,
 						ref_key: "yAxisLabel",
 						ref: zn
-					}, [b("text", {
+					}, [y("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)
-				])) : v("", !0)
-			], 44, et)) : v("", !0), e.$slots.hint ? (w(), y("div", vn, [D(e.$slots, "hint", S(x({
+					}, O(B.value.yAxisLabel), 9, _n)], 512)) : _("", !0)
+				])) : _("", !0)
+			], 44, et)) : _("", !0), e.$slots.hint ? (w(), v("div", vn, [D(e.$slots, "hint", S(b({
 				hint: B.value.a11y.translations.keyboardNavigation,
 				isVisible: Un.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", {
+			})), void 0, !0)])) : _("", !0)]),
+			e.$slots.watermark ? (w(), v("div", yn, [D(e.$slots, "watermark", S(b({ isPrinting: k(rr) || k(ir) })), void 0, !0)])) : _("", !0),
+			[j.BAR, j.LINE].includes(K.value) && B.value.zoomXy && G.value.maxSeriesLength > 1 ? (w(), v("div", {
 				key: `slicer_${Nn.value}`,
 				ref_key: "quickChartSlicer",
 				ref: Dn
-			}, [(w(), Ee(Ce, {
+			}, [(w(), De(we, {
 				ref_key: "slicerComponent",
 				ref: wr,
 				key: `slicer_${Nn.value}`,
@@ -2229,9 +2229,9 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				verticalHandles: B.value.zoomMinimap.verticalHandles,
 				minimapSelectedIndex: J.value,
 				start: X.value.start,
-				"onUpdate:start": t[0] ||= (e) => X.value.start = e,
+				"onUpdate:start": n[0] ||= (e) => X.value.start = e,
 				end: X.value.end,
-				"onUpdate:end": t[1] ||= (e) => X.value.end = e,
+				"onUpdate:end": n[1] ||= (e) => X.value.end = e,
 				refreshStartPoint: B.value.zoomStartIndex === null ? 0 : B.value.zoomStartIndex,
 				refreshEndPoint: B.value.zoomEndIndex === null ? G.value.maxSeriesLength : B.value.zoomEndIndex + 1,
 				enableRangeHandles: B.value.zoomEnableRangeHandles,
@@ -2253,21 +2253,21 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				onReset: Cr,
 				onTrapMouse: xr
 			}, {
-				"reset-action": A(({ reset: t }) => [D(e.$slots, "reset-action", S(x({ reset: t })), void 0, !0)]),
+				"reset-action": A(({ reset: t }) => [D(e.$slots, "reset-action", S(b({ 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, {
+			}, 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(".")))])) : _("", !0),
+			y("div", { id: `legend-bottom-${F.value}` }, null, 8, bn),
+			Pn.value && B.value.showLegend ? (w(), 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 ? (w(), v("div", {
 				key: 0,
 				ref_key: "quickChartLegend",
 				ref: En,
 				class: "vue-ui-quick-chart-legend",
 				style: C(`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 && !k(U) ? (w(), De(xe, {
 					key: 0,
 					backgroundColor: B.value.legendSelectAllToggleBackgroundColor,
 					color: B.value.legendSelectAllToggleColor,
@@ -2281,8 +2281,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					"fontSize",
 					"checked",
 					"isCursorPointer"
-				])) : v("", !0),
-				K.value === j.DONUT ? (w(!0), y(g, { key: 1 }, E(Y.value.legend, (t, n) => (w(), y("div", {
+				])) : _("", !0),
+				K.value === j.DONUT ? (w(!0), v(h, { key: 1 }, E(Y.value.legend, (t, n) => (w(), v("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"}`),
@@ -2293,7 +2293,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							br(t, Y.value.dataset);
 						});
 					}
-				}, [B.value.useCustomLegend ? D(e.$slots, "legend", Ae({
+				}, [B.value.useCustomLegend ? D(e.$slots, "legend", je({
 					key: 0,
 					ref_for: !0
 				}, { legend: {
@@ -2302,8 +2302,8 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					segregate: () => {
 						br(t, Y.value.dataset);
 					}
-				} }), void 0, !0) : (w(), y(g, { key: 1 }, [
-					Oe(k(Ve), {
+				} }), void 0, !0) : (w(), v(h, { key: 1 }, [
+					ke(k(Ve), {
 						name: B.value.legendIcon,
 						stroke: t.color,
 						size: B.value.legendIconSize
@@ -2312,8 +2312,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(d)(B.value.formatter, t.absoluteValue, k(o)({
+					y("span", { style: C(`font-size:${B.value.legendFontSize}px`) }, O(t.name), 5),
+					y("span", { style: C(`font-size:${B.value.legendFontSize}px;font-variant-numeric:tabular-nums`) }, O(R.value.includes(t.id) ? "-" : k(p)(B.value.formatter, t.absoluteValue, k(i)({
 						p: B.value.valuePrefix,
 						v: t.absoluteValue,
 						s: B.value.valueSuffix,
@@ -2322,22 +2322,22 @@ 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) ? (w(), v("span", {
 						key: 0,
 						style: C(`font-size:${B.value.legendFontSize}px`)
-					}, " ( - % ) ", 4)) : yr.value ? (w(), y("span", {
+					}, " ( - % ) ", 4)) : yr.value ? (w(), v("span", {
 						key: 1,
 						style: C(`font-size:${B.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " ( - % ) ", 4)) : (w(), y("span", {
+					}, " ( - % ) ", 4)) : (w(), v("span", {
 						key: 2,
 						style: C(`font-size:${B.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-					}, " (" + O(k(o)({
+					}, " (" + O(k(i)({
 						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, xn))), 256)) : _("", !0),
+				K.value === j.LINE ? (w(!0), v(h, { key: 2 }, E(Z.value.legend, (t, n) => (w(), v("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
 						gr(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
@@ -2350,7 +2350,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							gr(t.id, Z.value.legend.length - 1), W("selectLegend", Z.value.dataset);
 						});
 					}
-				}, [B.value.useCustomLegend ? D(e.$slots, "legend", Ae({
+				}, [B.value.useCustomLegend ? D(e.$slots, "legend", je({
 					key: 0,
 					ref_for: !0
 				}, { legend: {
@@ -2359,7 +2359,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					segregate: () => {
 						gr(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) : (w(), v(h, { key: 1 }, [ke(k(Ve), {
 					name: B.value.legendIcon,
 					stroke: t.color,
 					size: B.value.legendIconSize
@@ -2367,8 +2367,8 @@ 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", {
+				]), y("span", { style: C(`font-size:${B.value.legendFontSize}px`) }, O(t.name), 5)], 64))], 44, Sn))), 256)) : _("", !0),
+				K.value === j.BAR ? (w(!0), v(h, { key: 3 }, E(Q.value.legend, (t, n) => (w(), v("div", {
 					class: "vue-ui-quick-chart-legend-item",
 					onClick: (e) => {
 						gr(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
@@ -2381,7 +2381,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 							gr(t.id, Q.value.legend.length - 1), W("selectLegend", Q.value.dataset);
 						});
 					}
-				}, [B.value.useCustomLegend ? D(e.$slots, "legend", Ae({
+				}, [B.value.useCustomLegend ? D(e.$slots, "legend", je({
 					key: 0,
 					ref_for: !0
 				}, { legend: {
@@ -2390,7 +2390,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 					segregate: () => {
 						gr(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) : (w(), v(h, { key: 1 }, [ke(k(Ve), {
 					name: B.value.legendIcon,
 					stroke: t.color,
 					size: B.value.legendIconSize
@@ -2398,15 +2398,15 @@ 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)
-			], 4)) : v("", !0)], 8, ["to"])) : v("", !0),
-			e.$slots.source ? (w(), y("div", {
+				]), y("span", { style: C(`font-size:${B.value.legendFontSize}px`) }, O(t.name), 5)], 64))], 44, Cn))), 256)) : _("", !0)
+			], 4)) : _("", !0)], 8, ["to"])) : _("", !0),
+			e.$slots.source ? (w(), v("div", {
 				key: 8,
 				ref_key: "source",
 				ref: An,
 				dir: "auto"
-			}, [D(e.$slots, "source", {}, void 0, !0)], 512)) : v("", !0),
-			Oe(k(Ge), {
+			}, [D(e.$slots, "source", {}, void 0, !0)], 512)) : _("", !0),
+			ke(k(Ge), {
 				teleportTo: B.value.tooltipTeleportTo,
 				show: cr.value.showTooltip && I.value,
 				backgroundColor: B.value.backgroundColor,
@@ -2422,7 +2422,7 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				parent: P.value,
 				content: kn.value,
 				isFullscreen: Vr.value,
-				isCustom: k(re)(B.value.tooltipCustomFormat),
+				isCustom: k(f)(B.value.tooltipCustomFormat),
 				smooth: B.value.tooltipSmooth,
 				smoothForce: B.value.tooltipSmoothForce,
 				smoothSnapThreshold: B.value.tooltipSmoothSnapThreshold,
@@ -2430,9 +2430,9 @@ var P = /* @__PURE__ */ e({ default: () => Tn }), Xe = ["id"], Ze = ["id"], Qe =
 				isA11yMode: H.value === "keyboard",
 				a11yPosition: Hn.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": A(() => [D(e.$slots, "tooltip-before", S(b({ ...On.value })), void 0, !0)]),
+				tooltip: A(() => [D(e.$slots, "tooltip", S(b({ ...On.value })), void 0, !0)]),
+				"tooltip-after": A(() => [D(e.$slots, "tooltip-after", S(b({ ...On.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -2458,11 +2458,11 @@ 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), {
+			D(e.$slots, "skeleton", {}, () => [k(U) ? (w(), De(fe, { key: 0 })) : _("", !0)], !0)
+		], 46, Xe)) : (w(), v("div", wn, [ke(k(Ve), {
 			name: "circleCancel",
 			stroke: "red"
-		}), t[5] ||= b("span", null, "Dataset is not processable", -1)]));
+		}), n[5] ||= y("span", null, "Dataset is not processable", -1)]));
 	}
 }, [["__scopeId", "data-v-a78997c2"]]);
 //#endregion