vue-data-ui 3.23.1 → 3.23.2

package/dist/{vue-ui-history-plot-BwnlC1mx.js → vue-ui-history-plot-FEIwXlsz.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { $ as t, D as n, G as r, Gt as i, Jt as a, Kt as o, Ot as s, Pt as c, S as ee, T as te, X as l, Y as ne, _ as re, bt as ie, i as u, jt as ae, pt as oe, q as se, qt as d, r as ce, t as le, tt as ue, w as de, xt as fe, zt as pe } from "./lib-Bttd6u5E.js";
 import { n as me, t as he } from "./useHints-Dq_w2E8B.js";
-import { t as ge } from "./useConfig-D3scuR88.js";
+import { t as ge } from "./useConfig-DlNpz6P8.js";
 import { t as _e } from "./usePrinter-DN5bYhTG.js";
 import { n as ve, t as ye } from "./BaseScanner-DZvpgOjM.js";
-import { t as be } from "./useSvgExport-DH-FfcqQ.js";
-import { t as xe } from "./useNestedProp-vPNvh7rV.js";
-import { t as Se } from "./useThemeCheck-C43Tcqmk.js";
+import { t as be } from "./useNestedProp-vPNvh7rV.js";
+import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Se } from "./useChartExport-DNiwdPmb.js";
 import { t as Ce } from "./useTransitions-g_zBREk2.js";
 import { t as we } from "./useTimeLabelCollider-AEcY4Ioe.js";
 import { t as Te } from "./img-Bnokohej.js";
@@ -178,43 +178,43 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 		"copyAlt"
 	],
 	setup(e, { expose: De, emit: Xe }) {
-		let Ft = v(() => import("./Tooltip-DhjyfHwz.js")), It = v(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Lt = v(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), Rt = v(() => import("./DataTable-BbKgJ5UI.js")), zt = v(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Bt = v(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Vt = v(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), Ht = v(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_history_plot: Ut } = ge(), { isThemeValid: Wt, warnInvalidTheme: Gt } = Se(), A = e, j = w(null), Kt = w(null), qt = w(0), Jt = w(null), Yt = w(0), Xt = w(0), Zt = w(0), M = Ke(null), N = Ke(null), Qt = w(null), P = w(se()), $t = w(!1), en = w(""), F = w([]), I = w(!1), L = w(null), tn = w(!1), nn = w(null), rn = w(!1), R = w(null), an = w(null), on = w(!1), sn = w(!1), cn = w(null), ln = w(null), un = w(null), dn = w(null), z = w(null), B = w(null), fn = w({
+		let Ft = v(() => import("./Tooltip-DhjyfHwz.js")), It = v(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Lt = v(() => import("./vue-ui-accordion-DegI2lzR.js").then((e) => e.n)), Rt = v(() => import("./DataTable-BbKgJ5UI.js")), zt = v(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Bt = v(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Vt = v(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), Ht = v(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_history_plot: Ut } = ge(), { isThemeValid: Wt, warnInvalidTheme: Gt } = xe(), A = e, j = w(null), Kt = w(null), qt = w(0), Jt = w(null), Yt = w(0), Xt = w(0), Zt = w(0), M = Ke(null), N = Ke(null), Qt = w(null), P = w(se()), $t = w(!1), en = w(""), F = w([]), I = w(!1), L = w(null), R = w(!1), tn = w(null), nn = w(!1), rn = w(null), an = w(null), on = w(null), sn = w(null), cn = w(null), ln = w(null), z = w(null), B = w(null), un = w({
 			x: 0,
 			y: 0
-		}), pn = w("pointer"), mn = w(!1), hn = p({
+		}), dn = w("pointer"), fn = w(!1), pn = p({
 			get: () => !!A.dataset && A.dataset.length,
 			set: (e) => e
-		}), gn = Xe;
+		}), mn = Xe;
 		We(() => {
-			rn.value = !0, vn();
+			nn.value = !0, gn();
 		});
-		let _n = p(() => !!V.value.debug);
-		function vn() {
+		let hn = p(() => V.value.debug);
+		function gn() {
 			if (ae(A.dataset) ? (ue({
 				componentName: "VueUiHistoryPlot",
 				type: "dataset",
-				debug: _n.value
-			}), Cn.value = !0) : A.dataset.forEach((e, t) => {
+				debug: hn.value
+			}), xn.value = !0) : A.dataset.forEach((e, t) => {
 				oe({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					hn.value = !1, ue({
+					pn.value = !1, ue({
 						componentName: "VueUiHistoryPlot",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: _n.value
+						debug: hn.value
 					});
 				});
-			}), ae(A.dataset) || (Cn.value = V.value.loading), V.value.responsive) {
+			}), ae(A.dataset) || (xn.value = V.value.loading), V.value.responsive) {
 				let e = Oe(() => {
 					let { width: e, height: t } = ke({
 						chart: j.value,
 						title: V.value.style.chart.title.text ? Kt.value : null,
 						noTitle: Qt.value,
 						legend: V.value.style.chart.legend.show ? Jt.value : null,
-						source: nn.value
+						source: tn.value
 					});
 					requestAnimationFrame(() => {
 						K.value.width = e, K.value.height = t, V.value.responsiveProportionalSizing ? (J.value.plots = d({
@@ -268,19 +268,19 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 		Ue(() => {
 			M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect());
 		});
-		function yn() {
-			let e = xe({
+		function _n() {
+			let e = be({
 				userConfig: A.config,
 				defaultConfig: Ut
 			}), t = {}, n = e.theme;
 			if (n) if (!Wt.value(e)) Gt(e), t = e;
 			else {
-				let r = xe({
+				let r = be({
 					userConfig: Ie[n] || A.config,
 					defaultConfig: e
 				});
 				t = {
-					...xe({
+					...be({
 						userConfig: A.config,
 						defaultConfig: r
 					}),
@@ -290,7 +290,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			else t = e;
 			return t;
 		}
-		let V = w(yn());
+		let V = w(_n());
 		me({
 			config: () => V.value,
 			dataset: () => A.dataset,
@@ -307,7 +307,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 		let { transitionEnabled: H } = Ce({
 			config: () => V.value.transitions,
 			dataset: () => A.dataset
-		}), U = p(() => V.value.userOptions.useCursorPointer), bn = p(() => a({
+		}), U = p(() => V.value.userOptions.useCursorPointer), vn = p(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -346,10 +346,10 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				} }
 			},
 			userConfig: V.value.skeletonConfig ?? {}
-		})), { loading: xn, FINAL_DATASET: Sn, manualLoading: Cn } = ve({
+		})), { loading: yn, FINAL_DATASET: bn, manualLoading: xn } = ve({
 			...qe(A),
 			FINAL_CONFIG: V,
-			prepareConfig: yn,
+			prepareConfig: _n,
 			skeletonDataset: A.config?.skeletonDataset ?? [{
 				name: "",
 				color: "#CACACA",
@@ -378,19 +378,19 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			}],
 			skeletonConfig: a({
 				defaultConfig: V.value,
-				userConfig: bn.value
+				userConfig: vn.value
 			})
-		}), { userOptionsVisible: wn, setUserOptionsVisibility: Tn, keepUserOptionState: En } = Ne({ config: V.value }), { svgRef: W } = Pe({ config: V.value.style.chart.title });
+		}), { userOptionsVisible: Sn, setUserOptionsVisibility: Cn, keepUserOptionState: wn } = Ne({ config: V.value }), { svgRef: W } = Pe({ config: V.value.style.chart.title });
 		Je(() => A.config, (e) => {
-			xn.value || (V.value = yn()), wn.value = !V.value.userOptions.showOnChartHover, vn(), qt.value += 1, Xt.value += 1, Yt.value += 1, K.value.height = V.value.style.chart.height, K.value.width = V.value.style.chart.width, J.value.plots = V.value.style.chart.plots.radius, J.value.indexLabels = V.value.style.chart.plots.indexLabels.fontSize, J.value.labels = V.value.style.chart.plots.labels.fontSize, J.value.xAxisLabels = V.value.style.chart.axes.x.labels.fontSize, J.value.xAxisName = V.value.style.chart.axes.x.name.fontSize, J.value.yAxisLabels = V.value.style.chart.axes.y.labels.fontSize, J.value.yAxisName = V.value.style.chart.axes.y.name.fontSize, G.value.showTable = V.value.table.show, G.value.showTooltip = V.value.style.chart.tooltip.show;
+			yn.value || (V.value = _n()), Sn.value = !V.value.userOptions.showOnChartHover, gn(), qt.value += 1, Xt.value += 1, Yt.value += 1, K.value.height = V.value.style.chart.height, K.value.width = V.value.style.chart.width, J.value.plots = V.value.style.chart.plots.radius, J.value.indexLabels = V.value.style.chart.plots.indexLabels.fontSize, J.value.labels = V.value.style.chart.plots.labels.fontSize, J.value.xAxisLabels = V.value.style.chart.axes.x.labels.fontSize, J.value.xAxisName = V.value.style.chart.axes.x.name.fontSize, J.value.yAxisLabels = V.value.style.chart.axes.y.labels.fontSize, J.value.yAxisName = V.value.style.chart.axes.y.name.fontSize, G.value.showTable = V.value.table.show, G.value.showTooltip = V.value.style.chart.tooltip.show;
 		}, { deep: !0 }), Je(() => A.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Cn.value = !1);
+			Array.isArray(e) && e.length > 0 && (xn.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Dn, isImaging: On, generatePdf: kn, generateImage: An } = _e({
+		let { isPrinting: Tn, isImaging: En, generatePdf: Dn, generateImage: On } = _e({
 			elementId: `history_plot_${P.value}`,
 			fileName: V.value.style.chart.title.text || "vue-ui-history-plot",
 			options: V.value.userOptions.print
-		}), jn = p(() => V.value.userOptions.show && !V.value.style.chart.title.text), Mn = p(() => de(V.value.customPalette)), G = w({
+		}), kn = p(() => V.value.userOptions.show && !V.value.style.chart.title.text), An = p(() => de(V.value.customPalette)), G = w({
 			showTable: V.value.table.show,
 			showTooltip: V.value.style.chart.tooltip.show
 		});
@@ -403,41 +403,41 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 		let K = w({
 			height: V.value.style.chart.height,
 			width: V.value.style.chart.width
-		}), Nn = p(() => K.value.width), Pn = p(() => K.value.height);
-		function Fn() {
+		}), jn = p(() => K.value.width), Mn = p(() => K.value.height);
+		function Nn() {
 			let e = 0;
-			dn.value && (e = Array.from(dn.value.querySelectorAll("text")).reduce((e, t) => {
+			ln.value && (e = Array.from(ln.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0));
-			let t = ln.value ? ln.value.getBoundingClientRect().width : 0;
+			let t = sn.value ? sn.value.getBoundingClientRect().width : 0;
 			return e + t + (t ? 24 : 0);
 		}
-		let In = w(0), Ln = Oe((e) => {
-			In.value = e;
+		let Pn = w(0), Fn = Oe((e) => {
+			Pn.value = e;
 		});
 		Ye((e) => {
-			let t = un.value;
+			let t = cn.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				Ln(e[0].contentRect.height);
+				Fn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		});
-		let Rn = p(() => {
+		let In = p(() => {
 			let e = 0;
-			cn.value && (e = cn.value.getBBox().height + J.value.xAxisName / 2);
+			on.value && (e = on.value.getBBox().height + J.value.xAxisName / 2);
 			let t = 0;
-			return un.value && (t = In.value), e + t;
+			return cn.value && (t = Pn.value), e + t;
 		}), q = p(() => {
-			let e = V.value.style.chart.padding.left, t = V.value.style.chart.padding.top, n = Fn(), r = V.value.style.chart.plots.radius;
+			let e = V.value.style.chart.padding.left, t = V.value.style.chart.padding.top, n = Nn(), r = V.value.style.chart.plots.radius;
 			return {
 				left: e + n + V.value.style.chart.axes.y.name.offsetX,
 				top: t + r,
 				right: K.value.width - V.value.style.chart.padding.right - r - V.value.style.chart.axes.y.name.offsetX,
-				bottom: K.value.height - V.value.style.chart.padding.bottom - Rn.value - r - V.value.style.chart.axes.x.name.offsetY,
+				bottom: K.value.height - V.value.style.chart.padding.bottom - In.value - r - V.value.style.chart.axes.x.name.offsetY,
 				width: K.value.width - e - V.value.style.chart.padding.right - n - r - V.value.style.chart.axes.y.name.offsetX,
-				height: K.value.height - t - V.value.style.chart.padding.bottom - Rn.value - r * 2 - V.value.style.chart.axes.x.name.offsetY
+				height: K.value.height - t - V.value.style.chart.padding.bottom - In.value - r * 2 - V.value.style.chart.axes.x.name.offsetY
 			};
 		}), J = w({
 			plots: V.value.style.chart.plots.radius,
@@ -447,30 +447,30 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			xAxisName: V.value.style.chart.axes.x.name.fontSize,
 			yAxisLabels: V.value.style.chart.axes.y.labels.fontSize,
 			yAxisName: V.value.style.chart.axes.y.name.fontSize
-		}), Y = p(() => Sn.value.map((e, t) => {
+		}), Y = p(() => bn.value.map((e, t) => {
 			let n = Array.isArray(e.temperatureColors) && e.temperatureColors.length ? e.temperatureColors.map((e) => ee(e)) : void 0;
 			return {
 				...e,
-				color: e.color ? ee(e.color) : Mn.value[t] || c[t] || c[t % c.length],
+				color: e.color ? ee(e.color) : An.value[t] || c[t] || c[t % c.length],
 				temperatureColors: n,
-				temperatureAngle: zn(e.temperatureAngle),
+				temperatureAngle: Ln(e.temperatureAngle),
 				temperatureIndependant: e.temperatureIndependant === !0,
 				usePlotTemperatureColors: e.usePlotTemperatureColors !== !1,
 				seriesIndex: t
 			};
 		}));
-		function zn(e = 0) {
+		function Ln(e = 0) {
 			let t = Number(e);
 			return Number.isFinite(t) ? (t % 360 + 360) % 360 : 0;
 		}
-		let Bn = p(() => Math.max(...Y.value.filter((e) => !F.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.x)))), Vn = p(() => {
+		let Rn = p(() => Math.max(...Y.value.filter((e) => !F.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.x)))), zn = p(() => {
 			let e = Math.min(...Y.value.filter((e) => !F.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.x)));
 			return e < 0 ? e : 0;
-		}), Hn = p(() => Math.max(...Y.value.filter((e) => !F.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.y)))), Un = p(() => {
+		}), Bn = p(() => Math.max(...Y.value.filter((e) => !F.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.y)))), Vn = p(() => {
 			let e = Math.min(...Y.value.filter((e) => !F.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.y)));
 			return e < 0 ? e : 0;
 		}), X = p(() => {
-			let e = re(V.value.style.chart.axes.x.scaleMin ?? Vn.value, V.value.style.chart.axes.x.scaleMax ?? Bn.value, V.value.style.chart.axes.x.ticks), t = re(V.value.style.chart.axes.y.scaleMin ?? Un.value, V.value.style.chart.axes.y.scaleMax ?? Hn.value, V.value.style.chart.axes.y.ticks);
+			let e = re(V.value.style.chart.axes.x.scaleMin ?? zn.value, V.value.style.chart.axes.x.scaleMax ?? Rn.value, V.value.style.chart.axes.x.ticks), t = re(V.value.style.chart.axes.y.scaleMin ?? Vn.value, V.value.style.chart.axes.y.scaleMax ?? Bn.value, V.value.style.chart.axes.y.ticks);
 			return {
 				x: e,
 				y: t,
@@ -488,11 +488,11 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				}))
 			};
 		});
-		function Wn(e) {
+		function Hn(e) {
 			let t = X.value.x.min < 0 ? Math.abs(X.value.x.min) : X.value.x.min > 0 ? -X.value.x.min : 0;
 			return q.value.left + ((e || 0) + t) / (X.value.x.max + t) * q.value.width;
 		}
-		function Gn(e) {
+		function Un(e) {
 			let t = X.value.y.min < 0 ? Math.abs(X.value.y.min) : X.value.y.min > 0 ? -X.value.y.min : 0;
 			return q.value.bottom - ((e || 0) + t) / (X.value.y.max + t) * q.value.height;
 		}
@@ -501,8 +501,8 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				valueX: t.x,
 				valueY: t.y,
 				label: t.label,
-				x: Wn(t.x),
-				y: Gn(t.y),
+				x: Hn(t.x),
+				y: Un(t.y),
 				color: e.color,
 				seriesName: e.name,
 				id: se()
@@ -513,7 +513,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				plots: n,
 				path: `M${r}`
 			};
-		})), Kn = p(() => {
+		})), Wn = p(() => {
 			if (L.value === null || z.value === null) return Z.value;
 			let e = Z.value.findIndex((e) => e.seriesIndex === z.value);
 			if (e === -1) return Z.value;
@@ -523,14 +523,14 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				...Z.value.slice(e + 1),
 				t
 			];
-		}), qn = p(() => Z.value.some((e) => Jn(e)));
-		function Jn(e) {
+		}), Gn = p(() => Z.value.some((e) => Kn(e)));
+		function Kn(e) {
 			return Array.isArray(e?.temperatureColors) && e.temperatureColors.length;
 		}
-		function Yn(e) {
-			return Jn(e) && e.usePlotTemperatureColors;
+		function qn(e) {
+			return Kn(e) && e.usePlotTemperatureColors;
 		}
-		function Xn(e) {
+		function Jn(e) {
 			let t = Array.isArray(e?.plots) ? e.plots : [];
 			if (!t.length) return {
 				minX: 0,
@@ -550,7 +550,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				height: s - o
 			};
 		}
-		function Zn() {
+		function Yn() {
 			let e = q.value;
 			return {
 				minX: e.left,
@@ -561,11 +561,11 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				height: e.height
 			};
 		}
-		function Qn(e) {
-			return e?.temperatureIndependant ? Xn(e) : Zn();
+		function Xn(e) {
+			return e?.temperatureIndependant ? Jn(e) : Yn();
 		}
-		function $n(e) {
-			let t = zn(e?.temperatureAngle) * Math.PI / 180, n = Math.sin(t), r = Math.cos(t), i = Qn(e), a = i.minX + i.width / 2, o = i.minY + i.height / 2, s = (Math.abs(n) * i.width + Math.abs(r) * i.height) / 2 || 1;
+		function Zn(e) {
+			let t = Ln(e?.temperatureAngle) * Math.PI / 180, n = Math.sin(t), r = Math.cos(t), i = Xn(e), a = i.minX + i.width / 2, o = i.minY + i.height / 2, s = (Math.abs(n) * i.width + Math.abs(r) * i.height) / 2 || 1;
 			return {
 				x1: a - n * s,
 				y1: o - r * s,
@@ -573,8 +573,8 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				y2: o + r * s
 			};
 		}
-		function er(e, t) {
-			let { x1: n, y1: r, x2: i, y2: a } = $n(e), o = i - n, s = a - r, c = o * o + s * s;
+		function Qn(e, t) {
+			let { x1: n, y1: r, x2: i, y2: a } = Zn(e), o = i - n, s = a - r, c = o * o + s * s;
 			if (!c) return 0;
 			let ee = ((t.x - n) * o + (t.y - r) * s) / c;
 			return Math.min(1, Math.max(0, ee));
@@ -582,63 +582,63 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 		function Q(e, t) {
 			return ie({
 				colors: e.temperatureColors,
-				ratio: er(e, t)
+				ratio: Qn(e, t)
 			});
 		}
-		function tr(e, t) {
+		function $n(e, t) {
 			return `temperature_plot_grad_history_${e.seriesIndex}_${t.id}_${P.value}`;
 		}
-		function nr(e, t, n) {
-			return Yn(e) ? V.value.style.chart.plots.gradient.show ? `url(#${tr(e, t)})` : Q(e, t) : V.value.style.chart.plots.gradient.show ? `url(#gradient_${n}_${P.value})` : t.color;
+		function er(e, t, n) {
+			return qn(e) ? V.value.style.chart.plots.gradient.show ? `url(#${$n(e, t)})` : Q(e, t) : V.value.style.chart.plots.gradient.show ? `url(#gradient_${n}_${P.value})` : t.color;
 		}
-		function rr(e, t) {
-			return Yn(e) ? Q(e, t) : e.color;
+		function tr(e, t) {
+			return qn(e) ? Q(e, t) : e.color;
 		}
-		function ir(e, t) {
-			return V.value.style.chart.plots.indexLabels.adaptColorToBackground ? ce(rr(e, t)) : V.value.style.chart.plots.indexLabels.color;
+		function nr(e, t) {
+			return V.value.style.chart.plots.indexLabels.adaptColorToBackground ? ce(tr(e, t)) : V.value.style.chart.plots.indexLabels.color;
 		}
-		function ar(e, t) {
+		function rr(e, t) {
 			let n = Z.value.find((t) => t.seriesIndex === e);
-			return n && Yn(n) ? Q(n, t) : t.color;
+			return n && qn(n) ? Q(n, t) : t.color;
 		}
-		function or(e) {
-			return Jn(e) ? `url(#temperature_grad_history_${e.seriesIndex}_${P.value})` : V.value.style.chart.paths.useSerieColor ? e.color : V.value.style.chart.paths.stroke;
+		function ir(e) {
+			return Kn(e) ? `url(#temperature_grad_history_${e.seriesIndex}_${P.value})` : V.value.style.chart.paths.useSerieColor ? e.color : V.value.style.chart.paths.stroke;
 		}
-		function sr(e) {
+		function ar(e) {
 			return L.value === null || z.value === e ? 1 : Math.min(1, V.value.style.chart.plots.unselectedOpacity);
 		}
 		p(() => L.value !== null && z.value !== null);
-		let cr = w(!1);
-		function lr() {
-			F.value.length ? F.value = [] : mr.value.forEach((e) => {
+		let or = w(!1);
+		function sr() {
+			F.value.length ? F.value = [] : fr.value.forEach((e) => {
 				F.value.push(e.seriesIndex);
-			}), gn("selectLegend", Z.value);
+			}), mn("selectLegend", Z.value);
 		}
-		function ur(e) {
-			F.value.includes(e) ? F.value = F.value.filter((t) => t !== e) : F.value.push(e), gn("selectLegend", Z.value);
+		function cr(e) {
+			F.value.includes(e) ? F.value = F.value.filter((t) => t !== e) : F.value.push(e), mn("selectLegend", Z.value);
 		}
-		function dr(e) {
-			return Y.value.length ? Y.value.find((t) => t.name === e) || (V.value.debug && console.warn(`VueUiHistoryPlot - Series name not found "${e}"`), null) : (V.value.debug && console.warn("VueUiHistoryPlot - There are no series to show."), null);
+		function lr(e) {
+			return Y.value.length ? Y.value.find((t) => t.name === e) || (hn.value && console.warn(`VueUiHistoryPlot - Series name not found "${e}"`), null) : (hn.value && console.warn("VueUiHistoryPlot - There are no series to show."), null);
 		}
-		function fr(e) {
-			let t = dr(e);
-			t !== null && F.value.includes(t.seriesIndex) && ur(t.seriesIndex);
+		function ur(e) {
+			let t = lr(e);
+			t !== null && F.value.includes(t.seriesIndex) && cr(t.seriesIndex);
 		}
-		function pr(e) {
-			let t = dr(e);
-			t !== null && (F.value.includes(t.seriesIndex) || ur(t.seriesIndex));
+		function dr(e) {
+			let t = lr(e);
+			t !== null && (F.value.includes(t.seriesIndex) || cr(t.seriesIndex));
 		}
-		let mr = p(() => Y.value.map((e) => {
-			let t = Jn(e) ? e.temperatureColors : null;
+		let fr = p(() => Y.value.map((e) => {
+			let t = Kn(e) ? e.temperatureColors : null;
 			return {
 				...e,
 				gradientColors: t,
 				opacity: F.value.includes(e.seriesIndex) ? .5 : 1,
-				segregate: () => ur(e.seriesIndex),
+				segregate: () => cr(e.seriesIndex),
 				isSegregated: F.value.includes(e.seriesIndex),
 				shape: t ? "gradient" : "circle"
 			};
-		})), hr = p(() => ({
+		})), pr = p(() => ({
 			cy: "history-plot-div-legend",
 			backgroundColor: V.value.style.chart.legend.backgroundColor,
 			color: V.value.style.chart.legend.color,
@@ -646,7 +646,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			paddingBottom: 12,
 			fontWeight: V.value.style.chart.legend.bold ? "bold" : ""
 		}));
-		function gr({ datapoint: e, plotIndex: t, seriesIndex: n }) {
+		function mr({ datapoint: e, plotIndex: t, seriesIndex: n }) {
 			V.value.events.datapointClick && V.value.events.datapointClick({
 				datapoint: {
 					...e,
@@ -654,13 +654,13 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					seriesIndex: n
 				},
 				seriesIndex: n
-			}), gn("selectDatapoint", e);
+			}), mn("selectDatapoint", e);
 		}
-		function _r(e) {
+		function hr(e) {
 			I.value = e, Zt.value += 1;
 		}
-		let vr = w(null);
-		function yr({ datapoint: e, plotIndex: t, seriesIndex: n }) {
+		let gr = w(null);
+		function _r({ datapoint: e, plotIndex: t, seriesIndex: n }) {
 			V.value.events.datapointLeave && V.value.events.datapointLeave({
 				datapoint: {
 					...e,
@@ -668,18 +668,18 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					seriesIndex: n
 				},
 				seriesIndex: n
-			}), (pn.value !== "keyboard" || z.value !== n || B.value !== t) && ($t.value = !1, L.value = null);
+			}), (dn.value !== "keyboard" || z.value !== n || B.value !== t) && ($t.value = !1, L.value = null);
 		}
-		function br(e, t) {
+		function vr(e, t) {
 			if (!W.value) return;
 			let n = Z.value.find((t) => t.seriesIndex === e);
 			if (!n) return;
 			let r = n.plots[t];
 			if (!r) return;
 			let a = i(r.x, r.y, W.value);
-			a && (fn.value = a);
+			a && (un.value = a);
 		}
-		function xr({ datapoint: e, plotIndex: t, seriesIndex: n, triggerMode: r = "pointer" }) {
+		function yr({ datapoint: e, plotIndex: t, seriesIndex: n, triggerMode: r = "pointer" }) {
 			V.value.events.datapointEnter && V.value.events.datapointEnter({
 				datapoint: {
 					...e,
@@ -687,12 +687,12 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					seriesIndex: n
 				},
 				seriesIndex: n
-			}), z.value = n, B.value = t, pn.value = r, cr.value = !0;
-			let i = ar(n, e), a = {
+			}), z.value = n, B.value = t, dn.value = r, or.value = !0;
+			let i = rr(n, e), a = {
 				...e,
 				color: i
 			};
-			vr.value = {
+			gr.value = {
 				datapoint: a,
 				color: i,
 				seriesIndex: n,
@@ -701,7 +701,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				series: Y.value
 			}, L.value = e;
 			let o = V.value.style.chart.tooltip.customFormat;
-			if (tn.value = !1, fe(o)) try {
+			if (R.value = !1, fe(o)) try {
 				let e = o({
 					seriesIndex: n,
 					datapoint: a,
@@ -710,11 +710,11 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					series: Y.value,
 					config: V.value
 				});
-				typeof e == "string" && (en.value = e, tn.value = !0);
+				typeof e == "string" && (en.value = e, R.value = !0);
 			} catch {
-				console.warn("Custom format cannot be applied."), tn.value = !1;
+				console.warn("Custom format cannot be applied."), R.value = !1;
 			}
-			if (!tn.value) {
+			if (!R.value) {
 				let t = "";
 				t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;border-bottom:1px solid ${V.value.style.chart.tooltip.borderColor};margin-bottom:3px;padding-bottom:6px;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${i}"/></svg><span>${e.seriesName}</span></div>`, t += `<div>${e.label}</div>`, t += `<div>${V.value.style.chart.axes.x.name.text || "x"}: ${u(V.value.style.chart.axes.x.labels.formatter, e.valueX, l({
 					p: V.value.style.chart.axes.x.labels.prefix,
@@ -729,7 +729,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				}))}</div>`, en.value = `<div>${t}</div>`;
 			}
 			$t.value = !0, r === "keyboard" && He(() => {
-				br(n, t);
+				vr(n, t);
 			});
 		}
 		p(() => ({ head: Z.value.map((e) => ({
@@ -780,7 +780,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				colNames: e
 			};
 		});
-		function Sr(e = null) {
+		function br(e = null) {
 			He(() => {
 				let r = [
 					[V.value.table.columnNames.series],
@@ -803,20 +803,20 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				});
 			});
 		}
-		let Cr = w(!1);
-		function wr() {
-			Cr.value = !Cr.value;
+		let xr = w(!1);
+		function Sr() {
+			xr.value = !xr.value;
 		}
-		function Tr() {
+		function Cr() {
 			G.value.showTable = !G.value.showTable;
 		}
-		function Er() {
+		function wr() {
 			G.value.showTooltip = !G.value.showTooltip;
 		}
-		function Dr() {
+		function Tr() {
 			return Z.value;
 		}
-		async function Or({ scale: e = 2 } = {}) {
+		async function Er({ scale: e = 2 } = {}) {
 			if (!j.value) return;
 			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Te({
 				domElement: j.value,
@@ -833,14 +833,14 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				aspectRatio: r
 			};
 		}
-		let kr = p(() => X.value.tickX), Ar = p(() => ({
+		let Dr = p(() => X.value.tickX), Or = p(() => ({
 			start: 0,
 			end: X.value.tickX.length
 		}));
 		we({
-			timeLabelsEls: un,
-			timeLabels: kr,
-			slicer: Ar,
+			timeLabelsEls: cn,
+			timeLabels: Dr,
+			slicer: Or,
 			configRef: V,
 			rotationPath: [
 				"style",
@@ -860,12 +860,12 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				"enable"
 			],
 			isAutoSize: !1,
-			width: Nn,
-			height: Pn,
+			width: jn,
+			height: Mn,
 			targetClass: ".vue-ui-history-plot-x-axis-scale",
 			rotation: V.value.style.chart.axes.x.labels.autoRotate.angle
 		});
-		let jr = p(() => {
+		let kr = p(() => {
 			let e = V.value.table.useDialog && !V.value.table.show, t = G.value.showTable;
 			return {
 				component: e ? Ht : Lt,
@@ -896,47 +896,22 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			};
 		});
 		Je(() => G.value.showTable, (e) => {
-			V.value.table.show || (e && V.value.table.useDialog && R.value ? R.value.open() : "close" in R.value && R.value.close());
+			V.value.table.show || (e && V.value.table.useDialog && rn.value ? rn.value.open() : "close" in rn.value && rn.value.close());
 		});
-		function Mr() {
+		function Ar() {
 			G.value.showTable = !1, an.value && an.value.setTableIconState(!1);
 		}
-		let Nr = p(() => V.value.style.chart.backgroundColor), Pr = p(() => V.value.style.chart.legend), Fr = p(() => V.value.style.chart.title), { exportSvg: Ir, getSvg: Lr } = be({
+		let jr = p(() => V.value.style.chart.backgroundColor), Mr = p(() => V.value.style.chart.legend), Nr = p(() => V.value.style.chart.title), { isCallbackImaging: Pr, isCallbackSvg: Fr, generateSvg: Ir, onGenerateImage: Lr } = Se({
 			svg: W,
-			title: Fr,
-			legend: Pr,
-			legendItems: mr,
-			backgroundColor: Nr
+			title: Nr,
+			legend: Mr,
+			legendItems: fr,
+			backgroundColor: jr,
+			getSvgCallback: () => V.value.userOptions.callbacks.svg,
+			generateImage: On
 		});
-		async function Rr({ isCb: e }) {
-			sn.value = !0, await He();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Lr();
-					await Promise.resolve(V.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(Ir());
-			} finally {
-				sn.value = !1;
-			}
-		}
-		function zr(e) {
-			if (e?.stage === "start") {
-				on.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				on.value = !1;
-				return;
-			}
-			An();
-		}
-		async function Br() {
-			if (gn("copyAlt", {
+		async function Rr() {
+			if (mn("copyAlt", {
 				config: V.value,
 				dataset: Z.value
 			}), !V.value.userOptions.callbacks.altCopy) {
@@ -948,7 +923,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				dataset: Z.value
 			}));
 		}
-		let Vr = p(() => ({
+		let zr = p(() => ({
 			head: $.value.head,
 			body: $.value.body.map((e) => [
 				e[0]?.name || "",
@@ -959,39 +934,39 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			caption: V.value.a11y.translations.tableCaption,
 			notice: V.value.a11y.translations.tableAvailable
 		}));
-		function Hr(e) {
+		function Br(e) {
 			return Z.value.findIndex((t) => t.seriesIndex === e);
 		}
-		function Ur() {
+		function Vr() {
 			if (z.value !== null && B.value !== null) {
 				let e = Z.value.find((e) => e.seriesIndex === z.value)?.plots?.[B.value];
-				e && yr({
+				e && _r({
 					datapoint: e,
 					plotIndex: B.value,
 					seriesIndex: z.value
 				});
 			}
-			z.value = null, B.value = null, pn.value = "pointer", $t.value = !1, L.value = null;
+			z.value = null, B.value = null, dn.value = "pointer", $t.value = !1, L.value = null;
 		}
-		function Wr() {
-			z.value = null, B.value = null, mn.value = !0;
+		function Hr() {
+			z.value = null, B.value = null, fn.value = !0;
 		}
-		function Gr() {
-			Ur(), mn.value = !1;
+		function Ur() {
+			Vr(), fn.value = !1;
 		}
-		function Kr(e, t) {
+		function Wr(e, t) {
 			if (!e?.plots?.length) return null;
 			let n = e.plots.length;
 			return (t % n + n) % n;
 		}
-		function qr({ seriesIndex: e, plotIndex: t, direction: n }) {
+		function Gr({ seriesIndex: e, plotIndex: t, direction: n }) {
 			if (!Z.value.length) return null;
-			let r = Hr(e);
+			let r = Br(e);
 			if (r === -1) return null;
 			if (n === "up" || n === "down") {
 				let e = Z.value[r];
 				if (!e?.plots?.length) return null;
-				let i = Kr(e, t + (n === "up" ? -1 : 1));
+				let i = Wr(e, t + (n === "up" ? -1 : 1));
 				return {
 					seriesIndex: e.seriesIndex,
 					plotIndex: i
@@ -1008,19 +983,19 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			}
 			return null;
 		}
-		function Jr(e) {
-			if (!W.value || Cr.value || document.activeElement !== W.value || !Z.value.length) return;
+		function Kr(e) {
+			if (!W.value || xr.value || document.activeElement !== W.value || !Z.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), o) {
-				Ur();
+				Vr();
 				return;
 			}
 			if (a) {
 				if (z.value === null || B.value === null) return;
 				let e = Z.value.find((e) => e.seriesIndex === z.value)?.plots?.[B.value];
 				if (!e) return;
-				gr({
+				mr({
 					datapoint: e,
 					plotIndex: B.value,
 					seriesIndex: z.value
@@ -1035,26 +1010,26 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					seriesIndex: e.seriesIndex,
 					plotIndex: 0
 				};
-			} else r ? s = qr({
+			} else r ? s = Gr({
 				seriesIndex: z.value,
 				plotIndex: B.value,
 				direction: "up"
-			}) : i ? s = qr({
+			}) : i ? s = Gr({
 				seriesIndex: z.value,
 				plotIndex: B.value,
 				direction: "down"
-			}) : t ? s = qr({
+			}) : t ? s = Gr({
 				seriesIndex: z.value,
 				plotIndex: B.value,
 				direction: "left"
-			}) : n && (s = qr({
+			}) : n && (s = Gr({
 				seriesIndex: z.value,
 				plotIndex: B.value,
 				direction: "right"
 			}));
 			if (!s) return;
 			let c = Z.value.find((e) => e.seriesIndex === s.seriesIndex)?.plots?.[s.plotIndex];
-			c && xr({
+			c && yr({
 				datapoint: c,
 				plotIndex: s.plotIndex,
 				seriesIndex: s.seriesIndex,
@@ -1062,19 +1037,19 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			});
 		}
 		return De({
-			getData: Dr,
-			getImage: Or,
-			generatePdf: kn,
-			generateCsv: Sr,
-			generateImage: An,
-			generateSvg: Rr,
-			hideSeries: pr,
-			showSeries: fr,
-			toggleTable: Tr,
-			toggleTooltip: Er,
-			toggleAnnotator: wr,
-			toggleFullscreen: _r,
-			copyAlt: Br
+			getData: Tr,
+			getImage: Er,
+			generatePdf: Dn,
+			generateCsv: br,
+			generateImage: On,
+			generateSvg: Ir,
+			hideSeries: dr,
+			showSeries: ur,
+			toggleTable: Cr,
+			toggleTooltip: wr,
+			toggleAnnotator: Sr,
+			toggleFullscreen: hr,
+			copyAlt: Rr
 		}), (e, t) => (C(), g("div", {
 			id: `history_plot_${P.value}`,
 			ref_key: "historyPlotChart",
@@ -1085,20 +1060,20 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				"vue-data-ui-wrapper-fullscreen": I.value
 			}),
 			style: S(`background:${V.value.style.chart.backgroundColor};color:${V.value.style.chart.color};font-family:${V.value.style.fontFamily}; position: relative; ${V.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: t[2] ||= () => O(Tn)(!0),
-			onMouseleave: t[3] ||= () => O(Tn)(!1)
+			onMouseenter: t[2] ||= () => O(Cn)(!0),
+			onMouseleave: t[3] ||= () => O(Cn)(!1)
 		}, [
 			_("div", {
 				id: `chart-instructions-${P.value}`,
 				class: "sr-only"
 			}, [_("p", null, D(V.value.a11y.translations.keyboardNavigation), 1)], 8, Qe),
-			Vr.value.body.length ? (C(), m(Me, {
+			zr.value.body.length ? (C(), m(Me, {
 				key: 0,
 				uid: P.value,
-				head: Vr.value.head,
-				body: Vr.value.body,
-				caption: Vr.value.caption,
-				notice: Vr.value.notice
+				head: zr.value.head,
+				body: zr.value.body,
+				caption: zr.value.caption,
+				notice: zr.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
@@ -1112,9 +1087,9 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				svgRef: O(W),
 				backgroundColor: V.value.style.chart.backgroundColor,
 				color: V.value.style.chart.color,
-				active: Cr.value,
+				active: xr.value,
 				isCursorPointer: U.value,
-				onClose: wr
+				onClose: Sr
 			}, {
 				"annotator-action-close": k(() => [E(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": k(({ color: t }) => [E(e.$slots, "annotator-action-color", x(y({ color: t })), void 0, !0)]),
@@ -1130,7 +1105,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				"active",
 				"isCursorPointer"
 			])) : h("", !0),
-			jn.value ? (C(), g("div", {
+			kn.value ? (C(), g("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Qt,
@@ -1157,14 +1132,14 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				}
 			}, null, 8, ["config"]))], 4)) : h("", !0),
 			_("div", { id: `legend-top-${P.value}` }, null, 8, $e),
-			V.value.userOptions.show && hn.value && (O(En) || O(wn)) ? (C(), m(O(Bt), {
+			V.value.userOptions.show && pn.value && (O(wn) || O(Sn)) ? (C(), m(O(Bt), {
 				ref_key: "userOptionsRef",
 				ref: an,
 				key: `user_option_${Zt.value}`,
 				backgroundColor: V.value.style.chart.backgroundColor,
 				color: V.value.style.chart.color,
-				isPrinting: O(Dn),
-				isImaging: O(On),
+				isPrinting: O(Tn),
+				isImaging: O(En),
 				uid: P.value,
 				hasTooltip: V.value.style.chart.tooltip.show && V.value.userOptions.buttons.tooltip,
 				hasPdf: V.value.userOptions.buttons.pdf,
@@ -1181,21 +1156,21 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				isTooltip: G.value.showTooltip,
 				titles: { ...V.value.userOptions.buttonTitles },
 				hasAnnotator: V.value.userOptions.buttons.annotator,
-				isAnnotation: Cr.value,
+				isAnnotation: xr.value,
 				callbacks: V.value.userOptions.callbacks,
 				printScale: V.value.userOptions.print.scale,
 				tableDialog: V.value.table.useDialog,
 				isCursorPointer: U.value,
-				onToggleFullscreen: _r,
-				onGeneratePdf: O(kn),
-				onGenerateCsv: Sr,
-				onGenerateImage: zr,
-				onGenerateSvg: Rr,
-				onToggleTable: Tr,
-				onToggleTooltip: Er,
-				onToggleAnnotator: wr,
-				onCopyAlt: Br,
-				style: S({ visibility: O(En) ? O(wn) ? "visible" : "hidden" : "visible" })
+				onToggleFullscreen: hr,
+				onGeneratePdf: O(Dn),
+				onGenerateCsv: br,
+				onGenerateImage: O(Lr),
+				onGenerateSvg: O(Ir),
+				onToggleTable: Cr,
+				onToggleTooltip: wr,
+				onToggleAnnotator: Sr,
+				onCopyAlt: Rr,
+				style: S({ visibility: O(wn) ? O(Sn) ? "visible" : "hidden" : "visible" })
 			}, Re({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -1266,7 +1241,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					fn: k(() => [E(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "11"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : h("", !0),
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.chartElement.position.isTooltip.titles.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : h("", !0),
 			_("div", et, [(C(), g("svg", {
 				ref_key: "svgRef",
 				ref: W,
@@ -1275,9 +1250,9 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				style: S(`max-width:100%;overflow:visible;background:transparent;color:${V.value.style.chart.color}`),
 				"aria-describedby": `chart-instructions-${P.value}`,
 				tabindex: "0",
-				onFocus: Wr,
-				onBlur: Gr,
-				onKeydown: Jr
+				onFocus: Hr,
+				onBlur: Ur,
+				onKeydown: Kr
 			}, [
 				Be(O(Vt)),
 				e.$slots["chart-background"] ? (C(), g("foreignObject", {
@@ -1288,7 +1263,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					height: q.value.height <= 0 ? 10 : q.value.height,
 					style: { pointerEvents: "none" }
 				}, [E(e.$slots, "chart-background", {}, void 0, !0)], 8, nt)) : h("", !0),
-				V.value.style.chart.plots.gradient.show || qn.value ? (C(), g("defs", rt, [V.value.style.chart.plots.gradient.show ? (C(!0), g(f, { key: 0 }, T(Z.value, (e, t) => (C(), m(Ae, {
+				V.value.style.chart.plots.gradient.show || Gn.value ? (C(), g("defs", rt, [V.value.style.chart.plots.gradient.show ? (C(!0), g(f, { key: 0 }, T(Z.value, (e, t) => (C(), m(Ae, {
 					t: "radial",
 					key: `gradient_${t}_${P.value}`,
 					id: `gradient_${t}_${P.value}`,
@@ -1310,10 +1285,10 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 							1
 						]
 					]
-				}, null, 8, ["id", "stops"]))), 128)) : h("", !0), (C(!0), g(f, null, T(Z.value, (e) => (C(), g(f, { key: `temperature_grad_history_template_${e.seriesIndex}_${P.value}` }, [V.value.style.chart.plots.gradient.show && Yn(e) ? (C(!0), g(f, { key: 0 }, T(e.plots, (t) => (C(), m(Ae, {
+				}, null, 8, ["id", "stops"]))), 128)) : h("", !0), (C(!0), g(f, null, T(Z.value, (e) => (C(), g(f, { key: `temperature_grad_history_template_${e.seriesIndex}_${P.value}` }, [V.value.style.chart.plots.gradient.show && qn(e) ? (C(!0), g(f, { key: 0 }, T(e.plots, (t) => (C(), m(Ae, {
 					t: "radial",
 					key: `temperature_plot_grad_history_${e.seriesIndex}_${t.id}_${P.value}`,
-					id: tr(e, t),
+					id: $n(e, t),
 					fy: "30%",
 					stops: [
 						[
@@ -1332,14 +1307,14 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 							1
 						]
 					]
-				}, null, 8, ["id", "stops"]))), 128)) : h("", !0), Jn(e) ? (C(), g("linearGradient", {
+				}, null, 8, ["id", "stops"]))), 128)) : h("", !0), Kn(e) ? (C(), g("linearGradient", {
 					key: 1,
 					id: `temperature_grad_history_${e.seriesIndex}_${P.value}`,
 					gradientUnits: "userSpaceOnUse",
-					x1: $n(e).x1,
-					y1: $n(e).y1,
-					x2: $n(e).x2,
-					y2: $n(e).y2
+					x1: Zn(e).x1,
+					y1: Zn(e).y1,
+					x2: Zn(e).x2,
+					y2: Zn(e).y2
 				}, [(C(!0), g(f, null, T(e.temperatureColors, (t, n) => (C(), g("stop", {
 					key: `temperature_grad_history_stop_${e.seriesIndex}_${n}_${P.value}`,
 					"stop-color": t,
@@ -1366,7 +1341,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				V.value.style.chart.axes.y.labels.show ? (C(), g("g", {
 					key: 4,
 					ref_key: "yAxisScales",
-					ref: dn
+					ref: ln
 				}, [(C(!0), g(f, null, T(X.value.tickY, (e) => (C(), g("text", {
 					x: q.value.left + V.value.style.chart.axes.y.labels.offsetX - 4 - V.value.style.chart.plots.radius,
 					y: e.y + J.value.yAxisLabels / 3,
@@ -1382,7 +1357,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				V.value.style.chart.axes.y.name.text ? (C(), g("text", {
 					key: 5,
 					ref_key: "yAxisLabel",
-					ref: ln,
+					ref: sn,
 					transform: `translate(${J.value.yAxisName}, ${K.value.height / 2 + V.value.style.chart.axes.y.name.offsetY}), rotate(-90)`,
 					"font-size": J.value.yAxisName,
 					fill: V.value.style.chart.axes.y.name.color,
@@ -1410,7 +1385,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				V.value.style.chart.axes.x.labels.show ? (C(), g("g", {
 					key: 8,
 					ref_key: "xAxisScales",
-					ref: un
+					ref: cn
 				}, [(C(!0), g(f, null, T(X.value.tickX, (e) => (C(), g("text", {
 					class: "vue-ui-history-plot-x-axis-scale",
 					transform: `translate(${e.x}, ${q.value.bottom + V.value.style.chart.axes.x.labels.offsetY + J.value.xAxisLabels + V.value.style.chart.plots.radius}), rotate(${V.value.style.chart.axes.x.labels.rotation})`,
@@ -1426,7 +1401,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				V.value.style.chart.axes.x.name.text ? (C(), g("text", {
 					key: 9,
 					ref_key: "xAxisLabel",
-					ref: cn,
+					ref: on,
 					x: K.value.width / 2 + V.value.style.chart.axes.x.name.offsetX,
 					y: K.value.height,
 					"font-size": J.value.xAxisName,
@@ -1454,10 +1429,10 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					"stroke-width": V.value.style.chart.grid.yAxis.strokeWidth,
 					"stroke-linecap": "round"
 				}, null, 8, yt)) : h("", !0),
-				(C(!0), g(f, null, T(Kn.value, (e) => (C(), g("g", { key: `history_plot_serie_${e.seriesIndex}_${P.value}` }, [
+				(C(!0), g(f, null, T(Wn.value, (e) => (C(), g("g", { key: `history_plot_serie_${e.seriesIndex}_${P.value}` }, [
 					V.value.style.chart.paths.show ? (C(), g("g", {
 						key: 0,
-						style: S({ opacity: sr(e.seriesIndex) })
+						style: S({ opacity: ar(e.seriesIndex) })
 					}, [_("path", {
 						class: b({ "vue-data-ui-transition": O(H) }),
 						d: e.path,
@@ -1469,7 +1444,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					}, null, 10, bt), _("path", {
 						class: b({ "vue-data-ui-transition": O(H) }),
 						d: e.path,
-						stroke: or(e),
+						stroke: ir(e),
 						"stroke-width": V.value.style.chart.paths.strokeWidth,
 						fill: "none",
 						"stroke-linecap": "round",
@@ -1486,12 +1461,12 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					(C(!0), g(f, null, T(e.plots, (t) => (C(), g("circle", {
 						cx: t.x,
 						cy: t.y,
-						fill: nr(e, t, e.gradientIndex),
+						fill: er(e, t, e.gradientIndex),
 						r: J.value.plots,
 						stroke: V.value.style.chart.plots.stroke,
 						"stroke-width": V.value.style.chart.plots.strokeWidth,
 						class: b({ "vue-data-ui-transition": O(H) }),
-						style: S({ opacity: sr(e.seriesIndex) })
+						style: S({ opacity: ar(e.seriesIndex) })
 					}, null, 14, Ct))), 256)),
 					V.value.style.chart.plots.labels.show ? (C(), g("g", wt, [(C(!0), g(f, null, T(e.plots, (t, n) => (C(), g("g", { key: `plab_${n}` }, [String(t.label).includes("\n") ? (C(), g("text", {
 						key: 1,
@@ -1501,7 +1476,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 						fill: V.value.style.chart.plots.labels.color,
 						"font-weight": V.value.style.chart.plots.labels.bold ? "bold" : "normal",
 						"text-anchor": "middle",
-						style: S({ opacity: sr(e.seriesIndex) }),
+						style: S({ opacity: ar(e.seriesIndex) }),
 						innerHTML: O(r)({
 							content: String(t.label),
 							fontSize: J.value.labels,
@@ -1517,7 +1492,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 						fill: V.value.style.chart.plots.labels.color,
 						"font-weight": V.value.style.chart.plots.labels.bold ? "bold" : "normal",
 						"text-anchor": "middle",
-						style: S({ opacity: sr(e.seriesIndex) })
+						style: S({ opacity: ar(e.seriesIndex) })
 					}, D(t.label), 15, Tt))]))), 128))])) : h("", !0),
 					V.value.style.chart.plots.indexLabels.show ? (C(), g("g", Dt, [(C(!0), g(f, null, T(e.plots, (t, n) => (C(), g("text", {
 						key: `lab_${n}`,
@@ -1525,29 +1500,29 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 						transform: `translate(${t.x + V.value.style.chart.plots.indexLabels.offsetX}, ${t.y + V.value.style.chart.plots.indexLabels.offsetY + J.value.indexLabels / 3})`,
 						"font-size": J.value.indexLabels,
 						"font-weight": V.value.style.chart.plots.indexLabels.bold ? "bold" : "normal",
-						fill: ir(e, t),
+						fill: nr(e, t),
 						"text-anchor": "middle",
-						style: S({ opacity: sr(e.seriesIndex) })
+						style: S({ opacity: ar(e.seriesIndex) })
 					}, D(V.value.style.chart.plots.indexLabels.startAtZero ? n : n + 1), 15, Ot))), 128))])) : h("", !0)
 				]))), 128)),
-				(C(!0), g(f, null, T(Kn.value, (e) => (C(), g("g", { key: `history_plot_trap_serie_${e.seriesIndex}_${P.value}` }, [(C(!0), g(f, null, T(e.plots, (t, n) => (C(), g("circle", {
+				(C(!0), g(f, null, T(Wn.value, (e) => (C(), g("g", { key: `history_plot_trap_serie_${e.seriesIndex}_${P.value}` }, [(C(!0), g(f, null, T(e.plots, (t, n) => (C(), g("circle", {
 					cx: t.x,
 					cy: t.y,
 					fill: "transparent",
 					r: J.value.plots,
 					stroke: "none",
-					onMouseenter: (r) => xr({
+					onMouseenter: (r) => yr({
 						datapoint: t,
 						plotIndex: n,
 						seriesIndex: e.seriesIndex,
 						triggerMode: "pointer"
 					}),
-					onMouseleave: (r) => yr({
+					onMouseleave: (r) => _r({
 						datapoint: t,
 						plotIndex: n,
 						seriesIndex: e.seriesIndex
 					}),
-					onClick: (r) => gr({
+					onClick: (r) => mr({
 						datapoint: t,
 						plotIndex: n,
 						seriesIndex: e.seriesIndex
@@ -1556,42 +1531,42 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				E(e.$slots, "svg", { svg: {
 					...K.value,
 					drawingArea: q.value,
-					isPrintingImg: O(Dn) || O(On) || on.value,
-					isPrintingSvg: sn.value
+					isPrintingImg: O(Tn) || O(En) || O(Pr),
+					isPrintingSvg: O(Fr)
 				} }, void 0, !0)
 			], 44, tt)), e.$slots.hint ? (C(), g("div", At, [E(e.$slots, "hint", x(y({
 				hint: V.value.a11y.translations.keyboardNavigation,
-				isVisible: mn.value
+				isVisible: fn.value
 			})), void 0, !0)])) : h("", !0)]),
-			e.$slots.watermark ? (C(), g("div", jt, [E(e.$slots, "watermark", x(y({ isPrinting: O(Dn) || O(On) || on.value || sn.value })), void 0, !0)])) : h("", !0),
+			e.$slots.watermark ? (C(), g("div", jt, [E(e.$slots, "watermark", x(y({ isPrinting: O(Tn) || O(En) || O(Pr) || O(Fr) })), void 0, !0)])) : h("", !0),
 			_("div", { id: `legend-bottom-${P.value}` }, null, 8, Mt),
-			rn.value && (V.value.style.chart.legend.show || e.$slots.legend) ? (C(), m(Le, {
+			nn.value && (V.value.style.chart.legend.show || e.$slots.legend) ? (C(), m(Le, {
 				key: 6,
 				to: V.value.style.chart.legend.position === "top" ? `#legend-top-${P.value}` : `#legend-bottom-${P.value}`
 			}, [_("div", {
 				ref_key: "chartLegend",
 				ref: Jt
-			}, [E(e.$slots, "legend", { legend: mr.value }, () => [V.value.style.chart.legend.show && hn.value ? (C(), m(Fe, {
+			}, [E(e.$slots, "legend", { legend: fr.value }, () => [V.value.style.chart.legend.show && pn.value ? (C(), m(Fe, {
 				key: `legend_${Yt.value}`,
-				legendSet: mr.value,
-				config: hr.value,
+				legendSet: fr.value,
+				config: pr.value,
 				isCursorPointer: U.value,
 				onClickMarker: t[0] ||= ({ legend: e }) => {
-					ur(e.seriesIndex);
+					cr(e.seriesIndex);
 				}
 			}, {
 				item: k(({ legend: e, index: t }) => [_("div", {
 					onClick: (t) => e.segregate(),
 					style: S(`opacity:${F.value.includes(e.seriesIndex) ? .5 : 1}`)
 				}, D(e.name), 13, Nt)]),
-				legendToggle: k(() => [mr.value.length > 2 && V.value.style.chart.legend.selectAllToggle.show && !O(xn) ? (C(), m(je, {
+				legendToggle: k(() => [fr.value.length > 2 && V.value.style.chart.legend.selectAllToggle.show && !O(yn) ? (C(), m(je, {
 					key: 0,
 					backgroundColor: V.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: V.value.style.chart.legend.selectAllToggle.color,
 					fontSize: V.value.style.chart.legend.fontSize,
 					checked: F.value.length > 0,
 					isCursorPointer: U.value,
-					onToggle: lr
+					onToggle: sr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1608,7 +1583,7 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 			e.$slots.source ? (C(), g("div", {
 				key: 7,
 				ref_key: "source",
-				ref: nn,
+				ref: tn,
 				dir: "auto"
 			}, [E(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
 			Be(O(Ft), {
@@ -1626,18 +1601,18 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				offsetY: V.value.style.chart.tooltip.offsetY,
 				parent: j.value,
 				content: en.value,
-				isCustom: tn.value,
+				isCustom: R.value,
 				isFullscreen: I.value,
 				smooth: V.value.style.chart.tooltip.smooth,
 				backdropFilter: V.value.style.chart.tooltip.backdropFilter,
 				smoothForce: V.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: V.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: pn.value === "keyboard",
-				a11yPosition: fn.value
+				isA11yMode: dn.value === "keyboard",
+				a11yPosition: un.value
 			}, {
-				"tooltip-before": k(() => [E(e.$slots, "tooltip-before", x(y({ ...vr.value })), void 0, !0)]),
-				tooltip: k(() => [E(e.$slots, "tooltip", x(y({ ...vr.value })), void 0, !0)]),
-				"tooltip-after": k(() => [E(e.$slots, "tooltip-after", x(y({ ...vr.value })), void 0, !0)]),
+				"tooltip-before": k(() => [E(e.$slots, "tooltip-before", x(y({ ...gr.value })), void 0, !0)]),
+				tooltip: k(() => [E(e.$slots, "tooltip", x(y({ ...gr.value })), void 0, !0)]),
+				"tooltip-after": k(() => [E(e.$slots, "tooltip-after", x(y({ ...gr.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1663,10 +1638,10 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			hn.value && V.value.userOptions.buttons.table ? (C(), m(Ge(jr.value.component), Ve({ key: 8 }, jr.value.props, {
+			pn.value && V.value.userOptions.buttons.table ? (C(), m(Ge(kr.value.component), Ve({ key: 8 }, kr.value.props, {
 				ref_key: "tableUnit",
-				ref: R,
-				onClose: Mr
+				ref: rn,
+				onClose: Ar
 			}), Re({
 				content: k(() => [(C(), m(O(Rt), {
 					key: `table_${Xt.value}`,
@@ -1674,10 +1649,10 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 					head: $.value.head,
 					body: $.value.body,
 					config: $.value.config,
-					title: V.value.table.useDialog ? "" : jr.value.title,
+					title: V.value.table.useDialog ? "" : kr.value.title,
 					withCloseButton: !V.value.table.useDialog,
 					isCursorPointer: U.value,
-					onClose: Mr
+					onClose: Ar
 				}, {
 					th: k(({ th: e }) => [_("div", {
 						innerHTML: e,
@@ -1700,24 +1675,24 @@ var Xe = /* @__PURE__ */ e({ default: () => Ft }), Ze = ["id"], Qe = ["id"], $e
 				_: 2
 			}, [V.value.table.useDialog ? {
 				name: "title",
-				fn: k(() => [ze(D(jr.value.title), 1)]),
+				fn: k(() => [ze(D(kr.value.title), 1)]),
 				key: "0"
 			} : void 0, V.value.table.useDialog ? {
 				name: "actions",
 				fn: k(() => [_("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Sr(V.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => br(V.value.userOptions.callbacks.csv),
 					style: S({ cursor: U.value ? "pointer" : "default" })
 				}, [Be(O(It), {
 					name: "fileCsv",
-					stroke: jr.value.props.color
+					stroke: kr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : h("", !0),
-			E(e.$slots, "skeleton", {}, () => [O(xn) ? (C(), m(ye, { key: 0 })) : h("", !0)], !0)
+			E(e.$slots, "skeleton", {}, () => [O(yn) ? (C(), m(ye, { key: 0 })) : h("", !0)], !0)
 		], 46, Ze));
 	}
-}, [["__scopeId", "data-v-ec22280b"]]);
+}, [["__scopeId", "data-v-03e4e523"]]);
 //#endregion
 export { Xe as n, Ft as t };