vue-data-ui 3.23.1 → 3.23.2

package/dist/{vue-ui-ridgeline-BCaGcyfk.js → vue-ui-ridgeline-BbrnXvBo.js}

@@ -2,12 +2,12 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { $ as t, D as n, G as r, Ht as i, Jt as a, Kt as o, N as s, P as ee, Pt as c, Q as te, S as ne, V as re, X as l, ht as ie, i as u, jt as ae, pt as oe, q as se, r as ce, t as le, tt as ue, w as de } from "./lib-Bttd6u5E.js";
 import { n as fe, t as pe } from "./useHints-Dq_w2E8B.js";
 import { t as me } from "./useTimeLabels-d2f-W1L4.js";
-import { t as he } from "./useConfig-D3scuR88.js";
+import { t as he } from "./useConfig-DlNpz6P8.js";
 import { t as ge } from "./usePrinter-DN5bYhTG.js";
 import { n as _e, t as ve } from "./BaseScanner-DZvpgOjM.js";
-import { t as ye } from "./useSvgExport-DH-FfcqQ.js";
-import { t as be } from "./useNestedProp-vPNvh7rV.js";
-import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ye } from "./useNestedProp-vPNvh7rV.js";
+import { t as be } from "./useThemeCheck-C43Tcqmk.js";
+import { t as xe } from "./useChartExport-DNiwdPmb.js";
 import { t as Se } from "./useTimeLabelCollider-AEcY4Ioe.js";
 import { t as Ce } from "./img-Bnokohej.js";
 import { n as we } from "./Title-BE3qg9xl.js";
@@ -138,25 +138,25 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 		"copyAlt"
 	],
 	setup(e, { expose: Ee, emit: qe }) {
-		let _t = _(() => import("./vue-ui-xy-7ZT9IRD8.js").then((e) => e.n)), vt = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), yt = _(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), bt = _(() => import("./DataTable-BbKgJ5UI.js")), xt = _(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), St = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Ct = _(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), wt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_ridgeline: Tt } = he(), { isThemeValid: Et, warnInvalidTheme: Dt } = xe(), k = e, Ot = f({
+		let _t = _(() => import("./vue-ui-xy-CJcdttNL.js").then((e) => e.n)), vt = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), yt = _(() => import("./vue-ui-accordion-DegI2lzR.js").then((e) => e.n)), bt = _(() => import("./DataTable-BbKgJ5UI.js")), xt = _(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), St = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Ct = _(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), wt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_ridgeline: Tt } = he(), { isThemeValid: Et, warnInvalidTheme: Dt } = be(), k = e, Ot = f({
 			get() {
 				return Array.isArray(B.value) && B.value.length > 0;
 			},
 			set(e) {
 				return e;
 			}
-		}), A = qe, j = S(null), kt = S(null), At = S(null), M = We(null), N = We(null), jt = S(null), Mt = S(null), Nt = S(0), Pt = S(0), Ft = S(0), P = S(se()), It = S(0), Lt = S(0), Rt = S(512), F = S(null), I = S(null), zt = S(null), Bt = S(0), Vt = S(null), Ht = S(null), Ut = S(null), Wt = S(!1), Gt = S(!1), L = S(null), Kt = S(!1);
-		function qt() {
-			let e = be({
+		}), kt = qe, A = S(null), At = S(null), jt = S(null), j = We(null), M = We(null), Mt = S(null), Nt = S(null), Pt = S(0), Ft = S(0), It = S(0), N = S(se()), Lt = S(0), Rt = S(0), zt = S(512), P = S(null), F = S(null), Bt = S(null), Vt = S(0), Ht = S(null), I = S(null), Ut = S(null), L = S(null), Wt = S(!1);
+		function Gt() {
+			let e = ye({
 				userConfig: k.config,
 				defaultConfig: Tt
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Et.value(e)) return Dt(e), e;
-			let n = be({
+			let n = ye({
 				userConfig: Fe[t] || k.config,
 				defaultConfig: e
-			}), r = be({
+			}), r = ye({
 				userConfig: k.config,
 				defaultConfig: n
 			});
@@ -165,7 +165,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				customPalette: r.customPalette.length ? r.customPalette : o[t] || c
 			};
 		}
-		let R = S(qt());
+		let R = S(Gt());
 		fe({
 			config: () => R.value,
 			dataset: () => k.dataset,
@@ -202,7 +202,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				}
 			]
 		});
-		let z = f(() => R.value.userOptions.useCursorPointer), Jt = f(() => a({
+		let z = f(() => R.value.userOptions.useCursorPointer), Kt = f(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -224,10 +224,10 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				} }
 			},
 			userConfig: R.value.skeletonConfig ?? {}
-		})), { loading: Yt, FINAL_DATASET: B, manualLoading: Xt } = _e({
+		})), { loading: qt, FINAL_DATASET: B, manualLoading: Jt } = _e({
 			...Ge(k),
 			FINAL_CONFIG: R,
-			prepareConfig: qt,
+			prepareConfig: Gt,
 			skeletonDataset: k.config?.skeletonDataset ?? [
 				{
 					name: "_",
@@ -460,17 +460,17 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 			],
 			skeletonConfig: a({
 				defaultConfig: R.value,
-				userConfig: Jt.value
+				userConfig: Kt.value
 			})
-		}), V = S(Math.min(R.value.style.chart.areas.height, R.value.style.chart.areas.rowHeight)), { userOptionsVisible: Zt, setUserOptionsVisibility: Qt, keepUserOptionState: $t } = Me({ config: R.value }), { svgRef: H } = Ne({ config: R.value.style.chart.title }), en = f(() => !!R.value.debug);
-		function tn() {
+		}), V = S(Math.min(R.value.style.chart.areas.height, R.value.style.chart.areas.rowHeight)), { userOptionsVisible: Yt, setUserOptionsVisibility: Xt, keepUserOptionState: Zt } = Me({ config: R.value }), { svgRef: H } = Ne({ config: R.value.style.chart.title }), Qt = f(() => R.value.debug);
+		function $t() {
 			let e = B.value || [];
 			if (!Array.isArray(e) || e.length === 0) {
 				ue({
 					componentName: "VueUiRidgeline",
 					type: "dataset",
-					debug: en.value
-				}), Xt.value = !0;
+					debug: Qt.value
+				}), Jt.value = !0;
 				return;
 			}
 			if (e.forEach((e, t) => {
@@ -483,7 +483,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: en.value
+						debug: Qt.value
 					});
 				}), Array.isArray(e.datapoints) && e.datapoints.length && e.datapoints.forEach((e, n) => {
 					oe({
@@ -495,180 +495,180 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 							type: "datasetSerieAttribute",
 							property: `datapoint.${e}`,
 							index: `${t}-${n}`,
-							debug: en.value
+							debug: Qt.value
 						});
 					});
 				});
-			}), Lt.value = e.length, V.value = Math.min(R.value.style.chart.areas.height, R.value.style.chart.areas.rowHeight), ae(k.dataset) || (Xt.value = R.value.loading), R.value.responsive) {
+			}), Rt.value = e.length, V.value = Math.min(R.value.style.chart.areas.height, R.value.style.chart.areas.rowHeight), ae(k.dataset) || (Jt.value = R.value.loading), R.value.responsive) {
 				let t = De(() => {
 					let { width: t, height: n } = Oe({
-						chart: j.value,
-						title: R.value.style.chart.title.text ? kt.value : null,
-						legend: R.value.style.chart.legend.show ? At.value : null,
-						source: jt.value,
-						noTitle: Mt.value,
+						chart: A.value,
+						title: R.value.style.chart.title.text ? At.value : null,
+						legend: R.value.style.chart.legend.show ? jt.value : null,
+						source: Mt.value,
+						noTitle: Nt.value,
 						padding: R.value.style.chart.padding
 					});
 					requestAnimationFrame(() => {
-						Rt.value = t, V.value = e.length ? n / e.length : 0, Bt.value = n - 12;
+						zt.value = t, V.value = e.length ? n / e.length : 0, Vt.value = n - 12;
 					});
 				});
-				M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect()), M.value = new ResizeObserver(t), N.value = j.value?.parentNode || null, N.value && M.value.observe(N.value);
+				j.value && (M.value && j.value.unobserve(M.value), j.value.disconnect()), j.value = new ResizeObserver(t), M.value = A.value?.parentNode || null, M.value && j.value.observe(M.value);
 			}
 		}
 		He(() => {
-			M.value && (N.value && M.value.unobserve(N.value), M.value.disconnect());
+			j.value && (M.value && j.value.unobserve(M.value), j.value.disconnect());
 		});
-		let { isPrinting: nn, isImaging: rn, generatePdf: an, generateImage: on } = ge({
-			elementId: `vue-ui-ridgeline_${P.value}`,
+		let { isPrinting: en, isImaging: tn, generatePdf: nn, generateImage: rn } = ge({
+			elementId: `vue-ui-ridgeline_${N.value}`,
 			fileName: R.value.style.chart.title.text || "vue-ui-ridgeline",
 			options: R.value.userOptions.print
-		}), sn = f(() => R.value.userOptions.show && !R.value.style.chart.title.text), cn = f(() => de(R.value.customPalette)), U = S({ showTable: R.value.table.show });
+		}), an = f(() => R.value.userOptions.show && !R.value.style.chart.title.text), on = f(() => de(R.value.customPalette)), U = S({ showTable: R.value.table.show });
 		D(() => B.value, async (e) => {
-			Array.isArray(e) && e.length && (Zt.value = !R.value.userOptions.showOnChartHover, await Be(), tn(), Nt.value += 1, Ft.value += 1, U.value.showTable = R.value.table.show);
+			Array.isArray(e) && e.length && (Yt.value = !R.value.userOptions.showOnChartHover, await Be(), $t(), Pt.value += 1, It.value += 1, U.value.showTable = R.value.table.show);
 		}, {
 			deep: !0,
 			immediate: !0
 		}), D(() => k.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Xt.value = !1);
-		}, { deep: !0 }), D(() => Yt.value, async (e) => {
-			e || (await Be(), tn());
+			Array.isArray(e) && e.length > 0 && (Jt.value = !1);
+		}, { deep: !0 }), D(() => qt.value, async (e) => {
+			e || (await Be(), $t());
 		}, { immediate: !0 }), D(() => k.config, () => {
-			R.value = qt(B.value || null), Zt.value = !R.value.userOptions.showOnChartHover, V.value = Math.min(R.value.style.chart.areas.height, R.value.style.chart.areas.rowHeight), U.value.showTable = R.value.table.show, Nt.value += 1, Ft.value += 1;
+			R.value = Gt(B.value || null), Yt.value = !R.value.userOptions.showOnChartHover, V.value = Math.min(R.value.style.chart.areas.height, R.value.style.chart.areas.rowHeight), U.value.showTable = R.value.table.show, Pt.value += 1, It.value += 1;
 		}, { deep: !0 });
-		let ln = f(() => R.value.style.chart.areas.height / R.value.style.chart.areas.rowHeight);
-		function un() {
+		let sn = f(() => R.value.style.chart.areas.height / R.value.style.chart.areas.rowHeight);
+		function cn() {
 			X.value.length ? X.value = [] : Z.value.forEach((e) => {
 				X.value.push(e.id);
-			}), A("selectLegend", Y.value);
+			}), kt("selectLegend", Y.value);
 		}
-		function dn(e) {
-			X.value.includes(e) ? X.value = X.value.filter((t) => t !== e) : X.value.push(e), A("selectLegend", Y.value);
+		function ln(e) {
+			X.value.includes(e) ? X.value = X.value.filter((t) => t !== e) : X.value.push(e), kt("selectLegend", Y.value);
 		}
-		function fn(e) {
-			return Z.value.length ? Z.value.find((t) => t.name === e) || (R.value.debug && console.warn(`VueUiRidgeline - Series name not found "${e}"`), null) : (R.value.debug && console.warn("VueUiRidgeline - There are no series to show."), null);
+		function un(e) {
+			return Z.value.length ? Z.value.find((t) => t.name === e) || (Qt.value && console.warn(`VueUiRidgeline - Series name not found "${e}"`), null) : (Qt.value && console.warn("VueUiRidgeline - There are no series to show."), null);
 		}
-		function pn(e) {
-			let t = fn(e);
-			t !== null && X.value.includes(t.id) && dn(t.id);
+		function dn(e) {
+			let t = un(e);
+			t !== null && X.value.includes(t.id) && ln(t.id);
 		}
-		function mn(e) {
-			let t = fn(e);
-			t !== null && (X.value.includes(t.id) || dn(t.id));
+		function fn(e) {
+			let t = un(e);
+			t !== null && (X.value.includes(t.id) || ln(t.id));
 		}
 		let W = f(() => Ot.value ? (B.value || []).map((e) => ({
 			...e,
-			labelLen: On(e.name, R.value.style.chart.yAxis.labels.fontSize),
+			labelLen: En(e.name, R.value.style.chart.yAxis.labels.fontSize),
 			uid: se(),
 			datapoints: e.datapoints.map((e, t) => {
-				let n = e.color ? ne(e.color) : cn.value[t] || c[t] || c[t % c.length], r = i(e.name);
+				let n = e.color ? ne(e.color) : on.value[t] || c[t] || c[t % c.length], r = i(e.name);
 				return {
 					...e,
 					color: n,
 					id: r
 				};
 			})
-		})) : []), hn = f(() => R.value.style.chart.padding.top + V.value * (B.value || []).length + V.value * ln.value + R.value.style.chart.padding.bottom), G = f(() => {
+		})) : []), pn = f(() => R.value.style.chart.padding.top + V.value * (B.value || []).length + V.value * sn.value + R.value.style.chart.padding.bottom), G = f(() => {
 			let e = R.value.style.chart.padding;
 			return {
-				width: Rt.value,
-				height: hn.value,
+				width: zt.value,
+				height: pn.value,
 				padding: e
 			};
-		}), gn = f(() => G.value.width), _n = f(() => G.value.height), vn = S(0), yn = De((e) => {
-			vn.value = e;
+		}), mn = f(() => G.value.width), hn = f(() => G.value.height), gn = S(0), _n = De((e) => {
+			gn.value = e;
 		}, 100);
 		Ke((e) => {
-			let t = Vt.value;
+			let t = Ht.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				yn(e[0].contentRect.height);
+				_n(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		}), He(() => {
-			vn.value = 0;
+			gn.value = 0;
 		});
 		let K = f(() => ({
-			fullHeight: G.value.height + vn.value,
+			fullHeight: G.value.height + gn.value,
 			top: G.value.padding.top,
 			left: G.value.padding.left,
 			right: G.value.width - G.value.padding.right,
 			bottom: G.value.height - R.value.style.chart.padding.bottom,
 			width: G.value.width - (G.value.padding.left + G.value.padding.right)
-		})), bn = f(() => Math.max(...W.value.flatMap((e) => e.datapoints.map((e) => e.values.length)))), q = S([]), xn = 0;
+		})), vn = f(() => Math.max(...W.value.flatMap((e) => e.datapoints.map((e) => e.values.length)))), q = S([]), yn = 0;
 		Ke(() => {
-			let e = ++xn;
+			let e = ++yn;
 			(async () => {
 				let t = await me({
 					values: R.value.style.chart.xAxis.labels.values,
-					maxDatapoints: bn.value,
+					maxDatapoints: vn.value,
 					formatter: R.value.style.chart.xAxis.labels.datetimeFormatter,
 					start: 0,
 					end: R.value.style.chart.xAxis.labels.values.length
 				});
-				e === xn && (q.value = t);
+				e === yn && (q.value = t);
 			})();
 		});
 		let J = f(() => {
-			let e = Math.max(...W.value.map((e) => e.labelLen)), t = G.value.padding.left + e + 16 + R.value.style.chart.yAxis.labels.offsetX, n = (K.value.width - t) / bn.value, r = [];
-			for (let e = 0; e < bn.value; e += 1) r.push({
+			let e = Math.max(...W.value.map((e) => e.labelLen)), t = G.value.padding.left + e + 16 + R.value.style.chart.yAxis.labels.offsetX, n = (K.value.width - t) / vn.value, r = [];
+			for (let e = 0; e < vn.value; e += 1) r.push({
 				selectorX: t + n * e,
 				x: t + n * e - n / 2,
 				y: K.value.top,
 				label: R.value.style.chart.xAxis.labels.values[e] ? q.value[e]?.text ?? "" : "",
 				index: e,
 				width: n,
-				height: hn.value
+				height: pn.value
 			});
 			return r;
 		});
-		function Sn(e) {
+		function bn(e) {
 			return W.value.map((t) => t.datapoints.map((t) => ({
 				dp: t,
 				selected: t.values[e.index]
 			})));
 		}
-		function Cn(e) {
-			F.value = e;
-			let t = Sn(e);
+		function xn(e) {
+			P.value = e;
+			let t = bn(e);
 			R.value.events.datapointEnter && R.value.events.datapointEnter({
 				datapoint: t,
 				seriesIndex: e.index
 			});
 		}
-		function wn(e) {
-			F.value = null;
-			let t = Sn(e);
+		function Sn(e) {
+			P.value = null;
+			let t = bn(e);
 			R.value.events.datapointLeave && R.value.events.datapointLeave({
 				datapoint: t,
 				seriesIndex: e.index
 			});
 		}
-		function Tn(e) {
-			let t = Sn(e);
+		function Cn(e) {
+			let t = bn(e);
 			R.value.events.datapointClick && R.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: e.index
-			}), A("selectX", t);
+			}), kt("selectX", t);
 		}
-		function En(e, t) {
+		function wn(e, t) {
 			return e.length * t / 2 + t;
 		}
-		function Dn(e, t, n) {
-			return e + En(t, n) > K.value.right;
+		function Tn(e, t, n) {
+			return e + wn(t, n) > K.value.right;
 		}
-		function On(e, t, n = "sans-serif") {
+		function En(e, t, n = "sans-serif") {
 			let r = document.createElement("canvas").getContext("2d");
 			return r.font = `${typeof t == "number" ? `${t}px` : t} ${n}`, r.measureText(e).width;
 		}
 		let Y = f(() => {
 			V.value;
-			let e = Math.max(...W.value.map((e) => e.labelLen)), t = Math.max(...W.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), n = Math.min(...W.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), r = G.value.padding.left + e + 16 + R.value.style.chart.yAxis.labels.offsetX, i = (K.value.width - r) / bn.value, a = Math.abs(Math.min(n, 0)), o = t + a;
+			let e = Math.max(...W.value.map((e) => e.labelLen)), t = Math.max(...W.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), n = Math.min(...W.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), r = G.value.padding.left + e + 16 + R.value.style.chart.yAxis.labels.offsetX, i = (K.value.width - r) / vn.value, a = Math.abs(Math.min(n, 0)), o = t + a;
 			function c(e) {
 				return isNaN(e / o) ? 0 : e / o;
 			}
 			return W.value.map((e, t) => {
-				let n = K.value.top + V.value * t, o = K.value.top + n + V.value * ln.value * (1 - c(a));
+				let n = K.value.top + V.value * t, o = K.value.top + n + V.value * sn.value * (1 - c(a));
 				return {
 					...e,
 					label: {
@@ -687,7 +687,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 							].includes(t) ? 0 : t || 0;
 							return {
 								x: r + i * s,
-								y: K.value.top + n + V.value * ln.value * (1 - c(ee + a)),
+								y: K.value.top + n + V.value * sn.value * (1 - c(ee + a)),
 								value: t,
 								isMaxPoint: t === Math.max(...e.values),
 								zero: o
@@ -708,7 +708,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				};
 			});
 		}), X = S([]);
-		function kn(e) {
+		function Dn(e) {
 			let t = /* @__PURE__ */ new Map();
 			return e.forEach((e) => {
 				e.datapoints.forEach((e, n) => {
@@ -718,14 +718,14 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 						name: e.name,
 						color: e.color,
 						shape: "circle",
-						segregate: () => dn(r),
+						segregate: () => ln(r),
 						isSegregated: X.value.includes(r),
 						opacity: X.value.includes(r) ? .5 : 1
 					});
 				});
 			}), Array.from(t.values());
 		}
-		let Z = f(() => kn(W.value)), An = f(() => ({
+		let Z = f(() => Dn(W.value)), On = f(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: R.value.style.chart.legend.backgroundColor,
 			color: R.value.style.chart.legend.color,
@@ -733,19 +733,19 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 			paddingBottom: 12,
 			fontWeight: R.value.style.chart.legend.bold ? "bold" : ""
 		})), Q = S(!1);
-		function jn(e) {
-			Q.value = e, It.value += 1;
+		function kn(e) {
+			Q.value = e, Lt.value += 1;
 		}
-		let Mn = S({}), Nn = S([]);
-		function Pn(e) {
-			A("selectDatapoint", e), R.value.style.chart.dialog.show && (Nn.value = e.datapoints.map((e) => ({
+		let An = S({}), jn = S([]);
+		function Mn(e) {
+			kt("selectDatapoint", e), R.value.style.chart.dialog.show && (jn.value = e.datapoints.map((e) => ({
 				name: e.name,
 				color: e.color,
 				type: "line",
 				useArea: !0,
 				smooth: R.value.style.chart.areas.smooth,
 				series: e.values
-			})), I.value = e, Mn.value = te({
+			})), F.value = e, An.value = te({
 				...R.value.style.chart.dialog.xyChart,
 				responsive: !0,
 				chart: {
@@ -782,23 +782,23 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 						useCursorPointer: R.value.userOptions.useCursorPointer
 					}
 				}
-			}), zt.value && zt.value.open());
+			}), Bt.value && Bt.value.open());
+		}
+		let Nn = S(null);
+		function Pn(e) {
+			Nn.value = e;
 		}
-		let Fn = S(null);
-		function In(e) {
-			Fn.value = e;
+		function Fn() {
+			Nn.value = null;
 		}
+		let In = S(!1);
 		function Ln() {
-			Fn.value = null;
-		}
-		let Rn = S(!1);
-		function zn() {
-			Rn.value = !Rn.value;
+			In.value = !In.value;
 		}
-		function Bn() {
+		function Rn() {
 			U.value.showTable = !U.value.showTable;
 		}
-		let Vn = f(() => ({ body: Y.value.flatMap((e) => e.datapoints.flatMap((t) => ({
+		let zn = f(() => ({ body: Y.value.flatMap((e) => e.datapoints.flatMap((t) => ({
 			...t,
 			rowName: `${e.name}: ${t.name}`
 		}))).map((e) => [{
@@ -821,26 +821,26 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 			return {
 				colNames: [R.value.table.columnNames.series, ...q.value.map((e) => e.text)],
 				head: e,
-				body: Vn.value.body,
+				body: zn.value.body,
 				config: t
 			};
 		});
-		function Hn(e = null) {
+		function Bn(e = null) {
 			Be(() => {
-				let r = [[R.value.table.columnNames.series, ...q.map((e) => [e.text])], ...Vn.value.body.map((e, t) => [e[0].name, ...e.slice(1)])], i = [[R.value.style.chart.title.text], [R.value.style.chart.title.subtitle.text]].concat(r), a = n(i);
+				let r = [[R.value.table.columnNames.series, ...q.map((e) => [e.text])], ...zn.value.body.map((e, t) => [e[0].name, ...e.slice(1)])], i = [[R.value.style.chart.title.text], [R.value.style.chart.title.subtitle.text]].concat(r), a = n(i);
 				e ? e(a) : t({
 					csvContent: a,
 					title: R.value.style.chart.title.text || "vue-ui-ridgeline"
 				});
 			});
 		}
-		function Un() {
+		function Vn() {
 			return Y.value;
 		}
-		async function Wn({ scale: e = 2 } = {}) {
-			if (!j.value) return;
-			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ce({
-				domElement: j.value,
+		async function Hn({ scale: e = 2 } = {}) {
+			if (!A.value) return;
+			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Ce({
+				domElement: A.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -854,14 +854,14 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				aspectRatio: r
 			};
 		}
-		let Gn = f(() => ({
+		let Un = f(() => ({
 			min: 0,
-			max: bn.value
+			max: vn.value
 		}));
 		Se({
-			timeLabelsEls: Vt,
+			timeLabelsEls: Ht,
 			timeLabels: q,
-			slicer: Gn,
+			slicer: Un,
 			configRef: R,
 			rotationPath: [
 				"style",
@@ -879,12 +879,12 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				"enable"
 			],
 			isAutoSize: !1,
-			width: gn,
-			height: _n,
+			width: mn,
+			height: hn,
 			targetClass: ".vue-ui-ridgeline-x-axis-label",
 			angle: R.value.style.chart.xAxis.labels.autoRotate.angle
 		});
-		let Kn = f(() => {
+		let Wn = f(() => {
 			let e = R.value.table.useDialog && !R.value.table.show, t = U.value.showTable;
 			return {
 				component: e ? wt : yt,
@@ -895,7 +895,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					headerColor: R.value.table.th.color,
 					headerBg: R.value.table.th.backgroundColor,
 					isFullscreen: Q.value,
-					fullscreenParent: j.value,
+					fullscreenParent: A.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: z.value
 				} : {
@@ -916,135 +916,110 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 			};
 		});
 		D(() => U.value.showTable, (e) => {
-			R.value.table.show || (e && R.value.table.useDialog && Ht.value ? Ht.value.open() : "close" in Ht.value && Ht.value.close());
+			R.value.table.show || (e && R.value.table.useDialog && I.value ? I.value.open() : "close" in I.value && I.value.close());
 		});
-		function qn() {
+		function Gn() {
 			U.value.showTable = !1, Ut.value && Ut.value.setTableIconState(!1);
 		}
-		let Jn = f(() => R.value.style.chart.backgroundColor), Yn = f(() => ({
+		let Kn = f(() => R.value.style.chart.backgroundColor), qn = f(() => ({
 			...R.value.style.chart.legend,
 			position: "bottom"
-		})), Xn = f(() => R.value.style.chart.title), { exportSvg: Zn, getSvg: Qn } = ye({
+		})), Jn = f(() => R.value.style.chart.title), { isCallbackImaging: Yn, isCallbackSvg: Xn, generateSvg: Zn, onGenerateImage: Qn } = xe({
 			svg: H,
-			title: Xn,
-			legend: Yn,
+			title: Jn,
+			legend: qn,
 			legendItems: Z,
-			backgroundColor: Jn
+			backgroundColor: Kn,
+			getSvgCallback: () => R.value.userOptions.callbacks.svg,
+			generateImage: rn
 		});
-		async function $n({ isCb: e }) {
-			Gt.value = !0, await Be();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Qn();
-					await Promise.resolve(R.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(Zn());
-			} finally {
-				Gt.value = !1;
-			}
+		function $n(e) {
+			er("xy-zoom", e.dataset, e.config);
 		}
-		function er(e) {
-			if (e?.stage === "start") {
-				Wt.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				Wt.value = !1;
-				return;
-			}
-			on();
-		}
-		function tr(e) {
-			nr("xy-zoom", e.dataset, e.config);
-		}
-		async function nr(e = "main-chart", t = null, n = null) {
-			if (A("copyAlt", {
+		async function er(e = "main-chart", t = null, n = null) {
+			if (kt("copyAlt", {
 				source: e,
-				config: e === "main-chart" ? R.value : Mn.value,
-				dataset: e === "main-chart" ? Y.value : Nn.value
+				config: e === "main-chart" ? R.value : An.value,
+				dataset: e === "main-chart" ? Y.value : jn.value
 			}), !R.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
 			await Promise.resolve(R.value.userOptions.callbacks.altCopy({
 				source: e,
-				config: e === "main-chart" ? R.value : Mn.value,
-				dataset: e === "main-chart" ? Y.value : Nn.value
+				config: e === "main-chart" ? R.value : An.value,
+				dataset: e === "main-chart" ? Y.value : jn.value
 			}));
 		}
-		function rr() {
-			L.value = null, Kt.value = !0;
+		function tr() {
+			L.value = null, Wt.value = !0;
 		}
-		function ir() {
-			cr(), Kt.value = !1;
+		function nr() {
+			or(), Wt.value = !1;
 		}
-		function ar(e) {
-			if (!H.value || Rn.value || document.activeElement !== H.value || !Y.value.length) return;
+		function rr(e) {
+			if (!H.value || In.value || document.activeElement !== H.value || !Y.value.length) return;
 			let t = e.key === "ArrowUp", n = e.key === "ArrowDown", r = e.key === "ArrowLeft", i = e.key === "ArrowRight", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), o) {
-				cr();
+				or();
 				return;
 			}
 			if (a) {
 				if (L.value !== null) {
 					let e = Y.value[L.value];
-					e && Pn(e);
+					e && Mn(e);
 					return;
 				}
-				F.value && Tn(F.value);
+				P.value && Cn(P.value);
 				return;
 			}
 			if (t || n) {
 				let e = L.value;
-				e = e === null ? n ? 0 : Y.value.length - 1 : or(e + (n ? 1 : -1)), L.value = e, Fn.value = e;
+				e = e === null ? n ? 0 : Y.value.length - 1 : ir(e + (n ? 1 : -1)), L.value = e, Nn.value = e;
 				return;
 			}
 			if (!J.value.length) return;
-			let s = F.value?.index ?? null;
-			s = s === null ? i ? 0 : J.value.length - 1 : sr(s + (i ? 1 : -1));
+			let s = P.value?.index ?? null;
+			s = s === null ? i ? 0 : J.value.length - 1 : ar(s + (i ? 1 : -1));
 			let ee = J.value[s];
-			ee && Cn(ee);
+			ee && xn(ee);
 		}
-		function or(e) {
+		function ir(e) {
 			let t = Y.value.length;
 			return t ? (e % t + t) % t : null;
 		}
-		function sr(e) {
+		function ar(e) {
 			let t = J.value.length;
 			return t ? (e % t + t) % t : null;
 		}
-		function cr() {
-			L.value = null, Fn.value = null, F.value ? wn(F.value) : F.value = null;
+		function or() {
+			L.value = null, Nn.value = null, P.value ? Sn(P.value) : P.value = null;
 		}
-		let lr = f(() => ({
+		let sr = f(() => ({
 			head: $.value.head,
 			body: $.value.body.map((e) => [e[0]?.name ?? "", ...e.slice(1)]),
 			caption: R.value.a11y.translations.tableCaption,
 			notice: R.value.a11y.translations.tableAvailable
 		}));
 		return Ee({
-			getData: Un,
-			getImage: Wn,
-			generateImage: on,
-			generateSvg: $n,
-			generatePdf: an,
-			generateCsv: Hn,
-			hideSeries: mn,
-			showSeries: pn,
-			toggleAnnotator: zn,
-			toggleTable: Bn,
-			toggleFullscreen: jn,
-			copyAlt: nr
+			getData: Vn,
+			getImage: Hn,
+			generateImage: rn,
+			generateSvg: Zn,
+			generatePdf: nn,
+			generateCsv: Bn,
+			hideSeries: fn,
+			showSeries: dn,
+			toggleAnnotator: Ln,
+			toggleTable: Rn,
+			toggleFullscreen: kn,
+			copyAlt: er
 		}), (e, t) => (x(), h("div", {
 			ref_key: "ridgelineChart",
-			ref: j,
+			ref: A,
 			class: Ve(`vue-data-ui-component vue-ui-ridgeline ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			id: `vue-ui-ridgeline_${P.value}`,
+			id: `vue-ui-ridgeline_${N.value}`,
 			style: b({
 				fontFamily: R.value.style.fontFamily,
 				width: "100%",
@@ -1052,20 +1027,20 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				background: R.value.style.chart.backgroundColor,
 				height: R.value.responsive ? "100%" : void 0
 			}),
-			onMouseenter: t[3] ||= () => E(Qt)(!0),
-			onMouseleave: t[4] ||= () => E(Qt)(!1)
+			onMouseenter: t[3] ||= () => E(Xt)(!0),
+			onMouseleave: t[4] ||= () => E(Xt)(!1)
 		}, [
 			g("div", {
-				id: `chart-instructions-${P.value}`,
+				id: `chart-instructions-${N.value}`,
 				class: "sr-only"
 			}, [g("p", null, T(R.value.a11y.translations.keyboardNavigation), 1)], 8, Ye),
-			lr.value.body.length ? (x(), p(je, {
+			sr.value.body.length ? (x(), p(je, {
 				key: 0,
-				uid: P.value,
-				head: lr.value.head,
-				body: lr.value.body,
-				caption: lr.value.caption,
-				notice: lr.value.notice
+				uid: N.value,
+				head: sr.value.head,
+				body: sr.value.body,
+				caption: sr.value.caption,
+				notice: sr.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
@@ -1077,10 +1052,10 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				key: 1,
 				color: R.value.style.chart.color,
 				backgroundColor: R.value.style.chart.backgroundColor,
-				active: Rn.value,
+				active: In.value,
 				svgRef: E(H),
 				isCursorPointer: z.value,
-				onClose: zn
+				onClose: Ln
 			}, {
 				"annotator-action-close": O(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": O(({ color: t }) => [w(e.$slots, "annotator-action-color", y(v({ color: t })), void 0, !0)]),
@@ -1097,20 +1072,20 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				"isCursorPointer"
 			])) : m("", !0),
 			w(e.$slots, "userConfig", {}, void 0, !0),
-			sn.value ? (x(), h("div", {
+			an.value ? (x(), h("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Mt,
+				ref: Nt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : m("", !0),
 			R.value.style.chart.title.text ? (x(), h("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: kt,
+				ref: At,
 				style: "width:100%;background:transparent;padding-bottom:24px"
 			}, [(x(), p(we, {
-				key: `title_${Nt.value}`,
+				key: `title_${Pt.value}`,
 				config: {
 					title: {
 						cy: "ridgeline-div-title",
@@ -1122,15 +1097,15 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : m("", !0),
-			R.value.userOptions.show && Ot.value && (E($t) || E(Zt)) ? (x(), p(E(St), {
+			R.value.userOptions.show && Ot.value && (E(Zt) || E(Yt)) ? (x(), p(E(St), {
 				ref_key: "userOptionsRef",
 				ref: Ut,
-				key: `user_option_${It.value}`,
+				key: `user_option_${Lt.value}`,
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
-				isPrinting: E(nn),
-				isImaging: E(rn),
-				uid: P.value,
+				isPrinting: E(en),
+				isImaging: E(tn),
+				uid: N.value,
 				hasTooltip: !1,
 				callbacks: R.value.userOptions.callbacks,
 				hasPdf: R.value.userOptions.buttons.pdf,
@@ -1143,23 +1118,23 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				hasAltCopy: R.value.userOptions.buttons.altCopy,
 				isFullscreen: Q.value,
 				printScale: R.value.userOptions.print.scale,
-				chartElement: j.value,
+				chartElement: A.value,
 				position: R.value.userOptions.position,
 				isTooltip: !1,
 				titles: { ...R.value.userOptions.buttonTitles },
 				hasAnnotator: R.value.userOptions.buttons.annotator,
-				isAnnotation: Rn.value,
+				isAnnotation: In.value,
 				tableDialog: R.value.table.useDialog,
-				style: b({ visibility: E($t) ? E(Zt) ? "visible" : "hidden" : "visible" }),
+				style: b({ visibility: E(Zt) ? E(Yt) ? "visible" : "hidden" : "visible" }),
 				isCursorPointer: z.value,
-				onToggleFullscreen: jn,
-				onGeneratePdf: E(an),
-				onGenerateCsv: Hn,
-				onGenerateImage: er,
-				onGenerateSvg: $n,
-				onToggleTable: Bn,
-				onToggleAnnotator: zn,
-				onCopyAlt: nr
+				onToggleFullscreen: kn,
+				onGeneratePdf: E(nn),
+				onGenerateCsv: Bn,
+				onGenerateImage: E(Qn),
+				onGenerateSvg: E(Zn),
+				onToggleTable: Rn,
+				onToggleAnnotator: Ln,
+				onCopyAlt: er
 			}, Ie({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -1230,53 +1205,28 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					fn: O(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "11"
 				} : void 0
-			]), 1032, [
-				"backgroundColor",
-				"color",
-				"isPrinting",
-				"isImaging",
-				"uid",
-				"callbacks",
-				"hasPdf",
-				"hasImg",
-				"hasSvg",
-				"hasXls",
-				"hasTable",
-				"hasFullscreen",
-				"hasAltCopy",
-				"isFullscreen",
-				"printScale",
-				"chartElement",
-				"position",
-				"titles",
-				"hasAnnotator",
-				"isAnnotation",
-				"tableDialog",
-				"style",
-				"isCursorPointer",
-				"onGeneratePdf"
-			])) : m("", !0),
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.callbacks.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasFullscreen.hasAltCopy.isFullscreen.printScale.chartElement.position.titles.hasAnnotator.isAnnotation.tableDialog.style.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg".split("."))) : m("", !0),
 			g("div", Xe, [(x(), h("svg", {
 				ref_key: "svgRef",
 				ref: H,
 				xmlns: E(le),
-				"aria-describedby": `chart-instructions-${P.value}`,
+				"aria-describedby": `chart-instructions-${N.value}`,
 				class: Ve({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value
 				}),
 				viewBox: `0 0 ${G.value.width <= 0 ? 10 : G.value.width} ${K.value.fullHeight <= 0 ? 10 : K.value.fullHeight}`,
-				style: b(`max-width:100%;overflow:visible;background:transparent;color:${R.value.style.chart.color};${R.value.responsive ? `height: ${Bt.value}px; width: 100%;` : ""}`),
+				style: b(`max-width:100%;overflow:visible;background:transparent;color:${R.value.style.chart.color};${R.value.responsive ? `height: ${Vt.value}px; width: 100%;` : ""}`),
 				tabindex: "0",
-				onFocus: rr,
-				onBlur: ir,
-				onKeydown: ar
+				onFocus: tr,
+				onBlur: nr,
+				onKeydown: rr
 			}, [
 				Re(E(Ct)),
 				g("defs", null, [(x(!0), h(d, null, C(Z.value, (e, t) => (x(), p(ke, {
 					t: "linear",
-					id: `gradient-${e.id}-${P.value}`,
-					key: `gradient-${e.id}-${P.value}`,
+					id: `gradient-${e.id}-${N.value}`,
+					key: `gradient-${e.id}-${N.value}`,
 					x1: "50%",
 					y1: "0%",
 					x2: "50%",
@@ -1306,7 +1256,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				}, null, 8, ["id", "stops"]))), 128)), (x(!0), h(d, null, C(Y.value, (e, t) => (x(), h(d, null, [(x(!0), h(d, null, C(e.datapoints, (e, t) => (x(), p(ke, {
 					t: "linear",
 					key: `grad${e.id}`,
-					id: `gradient-single-${P.value}-${e.uid}`,
+					id: `gradient-single-${N.value}-${e.uid}`,
 					x1: "50%",
 					y1: "0%",
 					x2: "50%",
@@ -1338,10 +1288,10 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					e.$slots.pattern ? (x(), h("g", Qe, [g("defs", null, [w(e.$slots, "pattern", ze({ ref_for: !0 }, {
 						datapointIndex: n,
 						seriesIndex: r,
-						patternId: `pattern_${P.value}_${t.uid}`
+						patternId: `pattern_${N.value}_${t.uid}`
 					}), void 0, !0)])])) : m("", !0),
 					g("path", {
-						fill: e.$slots.pattern ? `url(#pattern_${P.value}_${t.uid})` : R.value.style.chart.backgroundColor,
+						fill: e.$slots.pattern ? `url(#pattern_${N.value}_${t.uid})` : R.value.style.chart.backgroundColor,
 						stroke: "none",
 						"stroke-linecap": "round",
 						d: R.value.style.chart.areas.smooth ? t.smoothPath : t.straightPath,
@@ -1360,7 +1310,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 						})
 					}, null, 12, et),
 					g("path", {
-						fill: R.value.style.chart.areas.useGradient ? R.value.style.chart.areas.useCommonColor ? `url(#gradient-${t.id}-${P.value})` : `url(#gradient-single-${P.value}-${t.uid})` : t.color,
+						fill: R.value.style.chart.areas.useGradient ? R.value.style.chart.areas.useCommonColor ? `url(#gradient-${t.id}-${N.value})` : `url(#gradient-single-${N.value}-${t.uid})` : t.color,
 						stroke: "none",
 						d: R.value.style.chart.areas.smooth ? t.smoothPath : t.straightPath,
 						"stroke-linecap": "round",
@@ -1407,17 +1357,17 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					"font-weight": R.value.style.chart.yAxis.labels.bold ? "bold" : "normal",
 					fill: R.value.style.chart.yAxis.labels.color,
 					style: b({ cursor: R.value.style.chart.dialog.show && z.value ? "pointer" : "default" }),
-					"text-decoration": R.value.style.chart.dialog.show && (Fn.value === n || I.value && t.uid === I.value.uid || L.value === n) ? "underline" : "",
-					onMouseenter: (e) => In(n),
-					onMouseleave: Ln,
-					onClick: (e) => Pn(t)
+					"text-decoration": R.value.style.chart.dialog.show && (Nn.value === n || F.value && t.uid === F.value.uid || L.value === n) ? "underline" : "",
+					onMouseenter: (e) => Pn(n),
+					onMouseleave: Fn,
+					onClick: (e) => Mn(t)
 				}, T(t.name), 45, at)]))), 128)),
 				R.value.style.chart.xAxis.labels.values.length ? (x(), h("g", {
 					key: 0,
 					ref_key: "timeLabelsEls",
-					ref: Vt
+					ref: Ht
 				}, [(x(!0), h(d, null, C(J.value, (t, n) => w(e.$slots, "time-label", ze({ ref_for: !0 }, {
-					show: t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !R.value.style.chart.xAxis.labels.showOnlyAtModulo || t && R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (n === 0 || n === J.value.length - 1) || t && F.value && F.value.index === n || t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && R.value.style.chart.xAxis.labels.showOnlyAtModulo && n % Math.floor(J.value.length / R.value.style.chart.xAxis.labels.modulo) === 0,
+					show: t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !R.value.style.chart.xAxis.labels.showOnlyAtModulo || t && R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (n === 0 || n === J.value.length - 1) || t && P.value && P.value.index === n || t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && R.value.style.chart.xAxis.labels.showOnlyAtModulo && n % Math.floor(J.value.length / R.value.style.chart.xAxis.labels.modulo) === 0,
 					fontSize: R.value.style.chart.xAxis.labels.fontSize,
 					content: t.label,
 					textAnchor: R.value.style.chart.xAxis.labels.rotation > 0 ? "start" : R.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
@@ -1425,7 +1375,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					transform: `translate(${t.selectorX}, ${K.value.top + t.height + R.value.style.chart.xAxis.labels.offsetY}), rotate(${R.value.style.chart.xAxis.labels.rotation})`,
 					x: t.selectorX,
 					y: K.value.bottom + R.value.style.chart.xAxis.labels.offsetY
-				}), () => [t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !R.value.style.chart.xAxis.labels.showOnlyAtModulo || t && R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (n === 0 || n === J.value.length - 1) || t && F.value && F.value.index === n || t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && R.value.style.chart.xAxis.labels.showOnlyAtModulo && n % Math.floor(J.value.length / R.value.style.chart.xAxis.labels.modulo) === 0 ? (x(), h("g", ot, [String(t.label).includes("\n") ? (x(), h("text", {
+				}), () => [t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !R.value.style.chart.xAxis.labels.showOnlyAtModulo || t && R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (n === 0 || n === J.value.length - 1) || t && P.value && P.value.index === n || t && !R.value.style.chart.xAxis.labels.showOnlyFirstAndLast && R.value.style.chart.xAxis.labels.showOnlyAtModulo && n % Math.floor(J.value.length / R.value.style.chart.xAxis.labels.modulo) === 0 ? (x(), h("g", ot, [String(t.label).includes("\n") ? (x(), h("text", {
 					key: 1,
 					class: "vue-ui-ridgeline-x-axis-label",
 					"font-size": R.value.style.chart.xAxis.labels.fontSize,
@@ -1433,7 +1383,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					"font-weight": R.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
 					transform: `translate(${t.selectorX}, ${K.value.bottom + R.value.style.chart.xAxis.labels.offsetY}), rotate(${R.value.style.chart.xAxis.labels.rotation})`,
 					"text-anchor": R.value.style.chart.xAxis.labels.rotation > 0 ? "start" : R.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-					style: b({ opacity: F.value ? F.value.index === n ? 1 : .2 : 1 }),
+					style: b({ opacity: P.value ? P.value.index === n ? 1 : .2 : 1 }),
 					innerHTML: E(r)({
 						content: String(t.label),
 						fontSize: R.value.style.chart.xAxis.labels.fontSize,
@@ -1449,7 +1399,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 					"font-weight": R.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
 					transform: `translate(${t.selectorX}, ${K.value.bottom + R.value.style.chart.xAxis.labels.offsetY}), rotate(${R.value.style.chart.xAxis.labels.rotation})`,
 					"text-anchor": R.value.style.chart.xAxis.labels.rotation > 0 ? "start" : R.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-					style: b({ opacity: F.value ? F.value.index === n ? 1 : .2 : 1 })
+					style: b({ opacity: P.value ? P.value.index === n ? 1 : .2 : 1 })
 				}, T(t.label), 13, st))])) : m("", !0)], !0)), 256))], 512)) : m("", !0),
 				g("g", null, [
 					(x(!0), h(d, null, C(J.value, (e, t) => (x(), h("rect", {
@@ -1458,23 +1408,23 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 						width: e.width < 0 ? .1 : e.width,
 						height: e.height < 0 ? .1 : e.height,
 						fill: "transparent",
-						onMouseenter: (t) => Cn(e),
-						onMouseleave: (t) => wn(e),
-						onClick: () => Tn(e)
+						onMouseenter: (t) => xn(e),
+						onMouseleave: (t) => Sn(e),
+						onClick: () => Cn(e)
 					}, null, 40, lt))), 256)),
-					R.value.style.chart.selector.show && F.value ? (x(), h("line", {
+					R.value.style.chart.selector.show && P.value ? (x(), h("line", {
 						key: 0,
-						x1: F.value.selectorX,
-						x2: F.value.selectorX,
-						y1: F.value.y,
-						y2: F.value.y + F.value.height - V.value / 2,
+						x1: P.value.selectorX,
+						x2: P.value.selectorX,
+						y1: P.value.y,
+						y2: P.value.y + P.value.height - V.value / 2,
 						stroke: R.value.style.chart.selector.stroke,
 						"stroke-width": R.value.style.chart.selector.strokeWidth,
 						"stroke-dasharray": R.value.style.chart.selector.strokeDasharray,
 						"stroke-linecap": "round",
 						style: { pointerEvents: "none" }
 					}, null, 8, ut)) : m("", !0),
-					F.value ? (x(!0), h(d, { key: 1 }, C(Y.value, (e) => (x(), h(d, null, [(x(!0), h(d, null, C(e.datapoints, (e) => (x(), h(d, null, [(x(!0), h(d, null, C(e.plots, (t, n) => (x(), h(d, null, [F.value && F.value.index === n ? (x(), h("circle", {
+					P.value ? (x(!0), h(d, { key: 1 }, C(Y.value, (e) => (x(), h(d, null, [(x(!0), h(d, null, C(e.datapoints, (e) => (x(), h(d, null, [(x(!0), h(d, null, C(e.plots, (t, n) => (x(), h(d, null, [P.value && P.value.index === n ? (x(), h("circle", {
 						key: 0,
 						cx: t.x,
 						cy: t.y,
@@ -1483,16 +1433,16 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 						r: R.value.style.chart.selector.dot.radius,
 						fill: R.value.style.chart.selector.dot.useDatapointColor ? e.color : R.value.style.chart.selector.dot.fill,
 						style: { pointerEvents: "none" }
-					}, null, 8, dt)) : m("", !0), F.value && F.value.index === n ? (x(), h("text", {
+					}, null, 8, dt)) : m("", !0), P.value && P.value.index === n ? (x(), h("text", {
 						key: 1,
-						x: Dn(t.x, E(u)(R.value.style.chart.selector.labels.formatter, t.value, E(l)({
+						x: Tn(t.x, E(u)(R.value.style.chart.selector.labels.formatter, t.value, E(l)({
 							p: R.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
 							s: R.value.style.chart.xAxis.labels.suffix,
 							r: R.value.style.chart.selector.labels.rounding
 						})), R.value.style.chart.selector.labels.fontSize) ? t.x - R.value.style.chart.selector.labels.fontSize / 2 : t.x + R.value.style.chart.selector.labels.fontSize / 2,
 						y: t.y + R.value.style.chart.selector.labels.fontSize / 3,
-						"text-anchor": Dn(t.x, E(u)(R.value.style.chart.selector.labels.formatter, t.value, E(l)({
+						"text-anchor": Tn(t.x, E(u)(R.value.style.chart.selector.labels.formatter, t.value, E(l)({
 							p: R.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
 							s: R.value.style.chart.xAxis.labels.suffix,
@@ -1511,37 +1461,37 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				w(e.$slots, "svg", { svg: {
 					...G.value,
 					drawingArea: K.value,
-					isPrintingImg: E(nn) || E(rn) || Wt.value,
-					isPrintingSvg: Gt.value
+					isPrintingImg: E(en) || E(tn) || E(Yn),
+					isPrintingSvg: E(Xn)
 				} }, void 0, !0)
 			], 46, Ze)), e.$slots.hint ? (x(), h("div", pt, [w(e.$slots, "hint", y(v({
 				hint: R.value.a11y.translations.keyboardNavigation,
-				isVisible: Kt.value
+				isVisible: Wt.value
 			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (x(), h("div", mt, [w(e.$slots, "watermark", y(v({ isPrinting: E(nn) || E(rn) || Wt.value || Gt.value })), void 0, !0)])) : m("", !0),
+			e.$slots.watermark ? (x(), h("div", mt, [w(e.$slots, "watermark", y(v({ isPrinting: E(en) || E(tn) || E(Yn) || E(Xn) })), void 0, !0)])) : m("", !0),
 			g("div", {
 				ref_key: "chartLegend",
-				ref: At
+				ref: jt
 			}, [w(e.$slots, "legend", { legend: Z.value }, () => [R.value.style.chart.legend.show ? (x(), p(Pe, {
-				key: `legend_${Ft.value}`,
+				key: `legend_${It.value}`,
 				legendSet: Z.value,
-				config: An.value,
+				config: On.value,
 				isCursorPointer: z.value,
-				onClickMarker: t[0] ||= ({ legend: e }) => dn(e.id)
+				onClickMarker: t[0] ||= ({ legend: e }) => ln(e.id)
 			}, Ie({
-				item: O(({ legend: e }) => [E(Yt) ? m("", !0) : (x(), h("div", {
+				item: O(({ legend: e }) => [E(qt) ? m("", !0) : (x(), h("div", {
 					key: 0,
 					style: b(`opacity:${X.value.includes(e.id) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
 				}, T(e.name), 13, ht))]),
-				legendToggle: O(() => [Z.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !E(Yt) ? (x(), p(Ae, {
+				legendToggle: O(() => [Z.value.length > 2 && R.value.style.chart.legend.selectAllToggle.show && !E(qt) ? (x(), p(Ae, {
 					key: 0,
 					backgroundColor: R.value.style.chart.legend.selectAllToggle.backgroundColor,
 					color: R.value.style.chart.legend.selectAllToggle.color,
 					fontSize: R.value.style.chart.legend.fontSize,
 					checked: X.value.length > 0,
 					isCursorPointer: z.value,
-					onToggle: un
+					onToggle: cn
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1560,7 +1510,7 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 						x: 30,
 						y: 30
 					},
-					fill: `url(#pattern_${P.value}_${t})`
+					fill: `url(#pattern_${N.value}_${t})`
 				}, null, 8, ["shape", "fill"])]),
 				key: "0"
 			} : void 0]), 1032, [
@@ -1571,24 +1521,24 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 			e.$slots.source ? (x(), h("div", {
 				key: 6,
 				ref_key: "source",
-				ref: jt,
+				ref: Mt,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			Ot.value && R.value.userOptions.buttons.table ? (x(), p(Ue(Kn.value.component), ze({ key: 7 }, Kn.value.props, {
+			Ot.value && R.value.userOptions.buttons.table ? (x(), p(Ue(Wn.value.component), ze({ key: 7 }, Wn.value.props, {
 				ref_key: "tableUnit",
-				ref: Ht,
-				onClose: qn
+				ref: I,
+				onClose: Gn
 			}), Ie({
 				content: O(() => [(x(), p(E(bt), {
-					key: `table_${Pt.value}`,
+					key: `table_${Ft.value}`,
 					colNames: $.value.colNames,
 					head: $.value.head,
 					body: $.value.body,
 					config: $.value.config,
-					title: R.value.table.useDialog ? "" : Kn.value.title,
+					title: R.value.table.useDialog ? "" : Wn.value.title,
 					withCloseButton: !R.value.table.useDialog,
 					isCursorPointer: z.value,
-					onClose: qn
+					onClose: Gn
 				}, {
 					th: O(({ th: e }) => [g("div", { innerHTML: e }, null, 8, gt)]),
 					td: O(({ td: e }) => [Le(T(e.name ? e.name : E(u)(R.value.style.chart.selector.labels.formatter, e, E(l)({
@@ -1610,41 +1560,41 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				_: 2
 			}, [R.value.table.useDialog ? {
 				name: "title",
-				fn: O(() => [Le(T(Kn.value.title), 1)]),
+				fn: O(() => [Le(T(Wn.value.title), 1)]),
 				key: "0"
 			} : void 0, R.value.table.useDialog ? {
 				name: "actions",
 				fn: O(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Hn(R.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => Bn(R.value.userOptions.callbacks.csv),
 					style: b({ cursor: z.value ? "pointer" : "default" })
 				}, [Re(E(vt), {
 					name: "fileCsv",
-					stroke: Kn.value.props.color
+					stroke: Wn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : m("", !0),
 			R.value.style.chart.dialog.show ? (x(), p(E(wt), {
 				key: 8,
 				ref_key: "dialog",
-				ref: zt,
-				onClose: t[2] ||= (e) => I.value = null,
+				ref: Bt,
+				onClose: t[2] ||= (e) => F.value = null,
 				backgroundColor: R.value.style.chart.dialog.backgroundColor,
 				color: R.value.style.chart.dialog.color,
 				headerBg: R.value.style.chart.dialog.header.backgroundColor,
 				headerColor: R.value.style.chart.dialog.header.color,
 				isFullscreen: Q.value,
-				fullscreenParent: j.value,
+				fullscreenParent: A.value,
 				isCursorPointer: z.value,
 				withPadding: ""
 			}, {
-				title: O(() => [Le(T(I.value.name), 1)]),
-				content: O(() => [I.value ? (x(), p(E(_t), {
+				title: O(() => [Le(T(F.value.name), 1)]),
+				content: O(() => [F.value ? (x(), p(E(_t), {
 					key: 0,
-					config: Mn.value,
-					dataset: Nn.value,
-					onCopyAlt: tr
+					config: An.value,
+					dataset: jn.value,
+					onCopyAlt: $n
 				}, null, 8, ["config", "dataset"])) : m("", !0)]),
 				_: 1
 			}, 8, [
@@ -1656,9 +1606,9 @@ var qe = /* @__PURE__ */ e({ default: () => _t }), Je = ["id"], Ye = ["id"], Xe
 				"fullscreenParent",
 				"isCursorPointer"
 			])) : m("", !0),
-			w(e.$slots, "skeleton", {}, () => [E(Yt) ? (x(), p(ve, { key: 0 })) : m("", !0)], !0)
+			w(e.$slots, "skeleton", {}, () => [E(qt) ? (x(), p(ve, { key: 0 })) : m("", !0)], !0)
 		], 46, Je));
 	}
-}, [["__scopeId", "data-v-4c5cf631"]]);
+}, [["__scopeId", "data-v-861273fd"]]);
 //#endregion
 export { qe as n, _t as t };