vue-data-ui 3.22.2 → 3.22.4

package/dist/{vue-ui-ridgeline-Cq8z57xB.js → vue-ui-ridgeline-Kw50zROq.js}

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Et as n, G as r, H as i, I as a, J as ee, Lt as o, O as te, S as s, Ut as ne, Vt as re, X as ie, ct as ae, i as c, k as oe, kt as l, q as se, r as ce, t as le, ut as ue, x as de, y as fe } from "./lib-CXicicWN.js";
+import { A as t, Gt as n, H as r, Ot as i, Q as a, R as ee, S as o, Ut as s, W as te, X as ne, Y as re, b as ie, ft as ae, i as oe, j as se, jt as c, q as l, r as ce, t as le, ut as ue, w as de, zt as fe } from "./lib-CuwHGt1j.js";
 import { t as pe } from "./useTimeLabels-BmBRv27Y.js";
-import { t as me } from "./useConfig-Bf_EBbe3.js";
-import { t as he } from "./usePrinter-Dng0UK-G.js";
+import { t as me } from "./useConfig-pVLia3dt.js";
+import { t as he } from "./usePrinter-C0wAS8yc.js";
 import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
 import { t as ve } from "./useSvgExport-SVIsDot8.js";
-import { t as ye } from "./useNestedProp-APyFoLCQ.js";
+import { t as ye } from "./useNestedProp-BjkuFaz1.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Se } from "./img-BCAOkqfM.js";
-import { n as Ce } from "./Title-CVYf1f8m.js";
-import { t as we } from "./Shape-C5OvuwII.js";
+import { t as Se } from "./img-B29J8tV5.js";
+import { n as Ce } from "./Title-DDEEO-Nr.js";
+import { t as we } from "./Shape-BnF9aMPX.js";
 import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Ee } from "./canvas-lib-BOP_HS11.js";
 import { t as De } from "./useResponsive-BfnK0KxU.js";
-import { t as Oe } from "./BaseLegendToggle-B-lM0iV1.js";
+import { t as Oe } from "./BaseLegendToggle-C4Usj0LI.js";
 import { t as ke } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
 import { t as je } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Me } from "./Legend-BVDhEEsC.js";
+import { t as Me } from "./Legend-DXOzbXb-.js";
 import { t as Ne } from "./vue_ui_ridgeline-VM8_mx4J.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Pe, createTextVNode as Fe, createVNode as Ie, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Le, nextTick as Re, normalizeClass as ze, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Be, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Ve, shallowRef as He, toDisplayString as w, toRefs as Ue, unref as T, watch as We, watchEffect as Ge, withCtx as E } from "vue";
 //#region src/components/vue-ui-ridgeline.vue
@@ -137,15 +137,15 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 		"copyAlt"
 	],
 	setup(e, { expose: Te, emit: Ke }) {
-		let Et = g(() => import("./vue-ui-xy-DuwLRfr4.js").then((e) => e.n)), Dt = g(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), Ot = g(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), kt = g(() => import("./DataTable-DJZgdnIn.js")), At = g(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), jt = g(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Mt = g(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), Nt = g(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_ridgeline: Pt } = me(), { isThemeValid: Ft, warnInvalidTheme: It } = be(), D = e, O = d({
+		let Et = g(() => import("./vue-ui-xy-Dg0wxSeC.js").then((e) => e.n)), Dt = g(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), Ot = g(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), kt = g(() => import("./DataTable-PidUPOit.js")), At = g(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), jt = g(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Mt = g(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), Nt = g(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_ridgeline: Pt } = me(), { isThemeValid: Ft, warnInvalidTheme: It } = be(), D = e, Lt = d({
 			get() {
-				return Array.isArray(z.value) && z.value.length > 0;
+				return Array.isArray(R.value) && R.value.length > 0;
 			},
 			set(e) {
 				return e;
 			}
-		}), Lt = Ke, k = x(null), Rt = x(null), zt = x(null), A = He(null), j = He(null), Bt = x(null), Vt = x(null), Ht = x(0), Ut = x(0), Wt = x(0), M = x(i()), Gt = x(0), Kt = x(0), qt = x(512), N = x(null), P = x(null), Jt = x(null), Yt = x(0), Xt = x(null), Zt = x(null), Qt = x(null), $t = x(!1), en = x(!1), F = x(null), tn = x(!1);
-		function nn() {
+		}), Rt = Ke, O = x(null), zt = x(null), Bt = x(null), k = He(null), A = He(null), Vt = x(null), Ht = x(null), Ut = x(0), Wt = x(0), Gt = x(0), j = x(te()), Kt = x(0), qt = x(0), Jt = x(512), M = x(null), N = x(null), Yt = x(null), Xt = x(0), Zt = x(null), Qt = x(null), $t = x(null), en = x(!1), tn = x(!1), P = x(null), nn = x(!1);
+		function rn() {
 			let e = ye({
 				userConfig: D.config,
 				defaultConfig: Pt
@@ -161,10 +161,10 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : re[t] || l
+				customPalette: r.customPalette.length ? r.customPalette : s[t] || c
 			};
 		}
-		let I = x(nn()), L = d(() => I.value.userOptions.useCursorPointer), rn = d(() => ne({
+		let F = x(rn()), I = d(() => F.value.userOptions.useCursorPointer), an = d(() => n({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -185,11 +185,11 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 					zeroLine: { show: !1 }
 				} }
 			},
-			userConfig: I.value.skeletonConfig ?? {}
-		})), { loading: R, FINAL_DATASET: z, manualLoading: an } = ge({
+			userConfig: F.value.skeletonConfig ?? {}
+		})), { loading: L, FINAL_DATASET: R, manualLoading: on } = ge({
 			...Ue(D),
-			FINAL_CONFIG: I,
-			prepareConfig: nn,
+			FINAL_CONFIG: F,
+			prepareConfig: rn,
 			skeletonDataset: D.config?.skeletonDataset ?? [
 				{
 					name: "_",
@@ -420,226 +420,226 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 					}]
 				}
 			],
-			skeletonConfig: ne({
-				defaultConfig: I.value,
-				userConfig: rn.value
+			skeletonConfig: n({
+				defaultConfig: F.value,
+				userConfig: an.value
 			})
-		}), B = x(Math.min(I.value.style.chart.areas.height, I.value.style.chart.areas.rowHeight)), { userOptionsVisible: on, setUserOptionsVisibility: sn, keepUserOptionState: cn } = Ae({ config: I.value }), { svgRef: V } = je({ config: I.value.style.chart.title }), ln = d(() => !!I.value.debug);
-		function un() {
-			let e = z.value || [];
+		}), z = x(Math.min(F.value.style.chart.areas.height, F.value.style.chart.areas.rowHeight)), { userOptionsVisible: sn, setUserOptionsVisibility: cn, keepUserOptionState: ln } = Ae({ config: F.value }), { svgRef: B } = je({ config: F.value.style.chart.title }), un = d(() => !!F.value.debug);
+		function dn() {
+			let e = R.value || [];
 			if (!Array.isArray(e) || e.length === 0) {
-				ie({
+				a({
 					componentName: "VueUiRidgeline",
 					type: "dataset",
-					debug: ln.value
-				}), an.value = !0;
+					debug: un.value
+				}), on.value = !0;
 				return;
 			}
 			if (e.forEach((e, t) => {
-				ae({
+				ue({
 					datasetObject: e,
 					requiredAttributes: ["name", "datapoints"]
 				}).forEach((e) => {
-					O.value = !1, ie({
+					Lt.value = !1, a({
 						componentName: "VueUiRidgeline",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: ln.value
+						debug: un.value
 					});
 				}), Array.isArray(e.datapoints) && e.datapoints.length && e.datapoints.forEach((e, n) => {
-					ae({
+					ue({
 						datasetObject: e,
 						requiredAttributes: ["name", "values"]
 					}).forEach((e) => {
-						O.value = !1, ie({
+						Lt.value = !1, a({
 							componentName: "VueUiRidgeline",
 							type: "datasetSerieAttribute",
 							property: `datapoint.${e}`,
 							index: `${t}-${n}`,
-							debug: ln.value
+							debug: un.value
 						});
 					});
 				});
-			}), Kt.value = e.length, B.value = Math.min(I.value.style.chart.areas.height, I.value.style.chart.areas.rowHeight), n(D.dataset) || (an.value = I.value.loading), I.value.responsive) {
+			}), qt.value = e.length, z.value = Math.min(F.value.style.chart.areas.height, F.value.style.chart.areas.rowHeight), i(D.dataset) || (on.value = F.value.loading), F.value.responsive) {
 				let t = Ee(() => {
 					let { width: t, height: n } = De({
-						chart: k.value,
-						title: I.value.style.chart.title.text ? Rt.value : null,
-						legend: I.value.style.chart.legend.show ? zt.value : null,
-						source: Bt.value,
-						noTitle: Vt.value,
-						padding: I.value.style.chart.padding
+						chart: O.value,
+						title: F.value.style.chart.title.text ? zt.value : null,
+						legend: F.value.style.chart.legend.show ? Bt.value : null,
+						source: Vt.value,
+						noTitle: Ht.value,
+						padding: F.value.style.chart.padding
 					});
 					requestAnimationFrame(() => {
-						qt.value = t, B.value = e.length ? n / e.length : 0, Yt.value = n - 12;
+						Jt.value = t, z.value = e.length ? n / e.length : 0, Xt.value = n - 12;
 					});
 				});
-				A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect()), A.value = new ResizeObserver(t), j.value = k.value?.parentNode || null, j.value && A.value.observe(j.value);
+				k.value && (A.value && k.value.unobserve(A.value), k.value.disconnect()), k.value = new ResizeObserver(t), A.value = O.value?.parentNode || null, A.value && k.value.observe(A.value);
 			}
 		}
 		Be(() => {
-			A.value && (j.value && A.value.unobserve(j.value), A.value.disconnect());
+			k.value && (A.value && k.value.unobserve(A.value), k.value.disconnect());
 		});
-		let { isPrinting: dn, isImaging: fn, generatePdf: pn, generateImage: mn } = he({
-			elementId: `vue-ui-ridgeline_${M.value}`,
-			fileName: I.value.style.chart.title.text || "vue-ui-ridgeline",
-			options: I.value.userOptions.print
-		}), hn = d(() => I.value.userOptions.show && !I.value.style.chart.title.text), gn = d(() => de(I.value.customPalette)), H = x({ showTable: I.value.table.show });
-		We(() => z.value, async (e) => {
-			Array.isArray(e) && e.length && (on.value = !I.value.userOptions.showOnChartHover, await Re(), un(), Ht.value += 1, Wt.value += 1, H.value.showTable = I.value.table.show);
+		let { isPrinting: fn, isImaging: pn, generatePdf: mn, generateImage: hn } = he({
+			elementId: `vue-ui-ridgeline_${j.value}`,
+			fileName: F.value.style.chart.title.text || "vue-ui-ridgeline",
+			options: F.value.userOptions.print
+		}), gn = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), _n = d(() => o(F.value.customPalette)), V = x({ showTable: F.value.table.show });
+		We(() => R.value, async (e) => {
+			Array.isArray(e) && e.length && (sn.value = !F.value.userOptions.showOnChartHover, await Re(), dn(), Ut.value += 1, Gt.value += 1, V.value.showTable = F.value.table.show);
 		}, {
 			deep: !0,
 			immediate: !0
 		}), We(() => D.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (an.value = !1);
-		}, { deep: !0 }), We(() => R.value, async (e) => {
-			e || (await Re(), un());
+			Array.isArray(e) && e.length > 0 && (on.value = !1);
+		}, { deep: !0 }), We(() => L.value, async (e) => {
+			e || (await Re(), dn());
 		}, { immediate: !0 }), We(() => D.config, () => {
-			I.value = nn(z.value || null), on.value = !I.value.userOptions.showOnChartHover, B.value = Math.min(I.value.style.chart.areas.height, I.value.style.chart.areas.rowHeight), H.value.showTable = I.value.table.show, Ht.value += 1, Wt.value += 1;
+			F.value = rn(R.value || null), sn.value = !F.value.userOptions.showOnChartHover, z.value = Math.min(F.value.style.chart.areas.height, F.value.style.chart.areas.rowHeight), V.value.showTable = F.value.table.show, Ut.value += 1, Gt.value += 1;
 		}, { deep: !0 });
-		let _n = d(() => I.value.style.chart.areas.height / I.value.style.chart.areas.rowHeight);
-		function vn() {
-			Y.value.length ? Y.value = [] : X.value.forEach((e) => {
-				Y.value.push(e.id);
-			}), Lt("selectLegend", J.value);
-		}
-		function yn(e) {
-			Y.value.includes(e) ? Y.value = Y.value.filter((t) => t !== e) : Y.value.push(e), Lt("selectLegend", J.value);
+		let vn = d(() => F.value.style.chart.areas.height / F.value.style.chart.areas.rowHeight);
+		function yn() {
+			J.value.length ? J.value = [] : Y.value.forEach((e) => {
+				J.value.push(e.id);
+			}), Rt("selectLegend", q.value);
 		}
 		function bn(e) {
-			return X.value.length ? X.value.find((t) => t.name === e) || (I.value.debug && console.warn(`VueUiRidgeline - Series name not found "${e}"`), null) : (I.value.debug && console.warn("VueUiRidgeline - There are no series to show."), null);
+			J.value.includes(e) ? J.value = J.value.filter((t) => t !== e) : J.value.push(e), Rt("selectLegend", q.value);
 		}
 		function xn(e) {
-			let t = bn(e);
-			t !== null && Y.value.includes(t.id) && yn(t.id);
+			return Y.value.length ? Y.value.find((t) => t.name === e) || (F.value.debug && console.warn(`VueUiRidgeline - Series name not found "${e}"`), null) : (F.value.debug && console.warn("VueUiRidgeline - There are no series to show."), null);
 		}
 		function Sn(e) {
-			let t = bn(e);
-			t !== null && (Y.value.includes(t.id) || yn(t.id));
+			let t = xn(e);
+			t !== null && J.value.includes(t.id) && bn(t.id);
+		}
+		function Cn(e) {
+			let t = xn(e);
+			t !== null && (J.value.includes(t.id) || bn(t.id));
 		}
-		let U = d(() => O.value ? (z.value || []).map((e) => ({
+		let H = d(() => Lt.value ? (R.value || []).map((e) => ({
 			...e,
-			labelLen: In(e.name, I.value.style.chart.yAxis.labels.fontSize),
-			uid: i(),
+			labelLen: Ln(e.name, F.value.style.chart.yAxis.labels.fontSize),
+			uid: te(),
 			datapoints: e.datapoints.map((e, t) => {
-				let n = e.color ? fe(e.color) : gn.value[t] || l[t] || l[t % l.length], r = o(e.name);
+				let n = e.color ? ie(e.color) : _n.value[t] || c[t] || c[t % c.length], r = fe(e.name);
 				return {
 					...e,
 					color: n,
 					id: r
 				};
 			})
-		})) : []), Cn = d(() => I.value.style.chart.padding.top + B.value * (z.value || []).length + B.value * _n.value + I.value.style.chart.padding.bottom), W = d(() => {
-			let e = I.value.style.chart.padding;
+		})) : []), wn = d(() => F.value.style.chart.padding.top + z.value * (R.value || []).length + z.value * vn.value + F.value.style.chart.padding.bottom), U = d(() => {
+			let e = F.value.style.chart.padding;
 			return {
-				width: qt.value,
-				height: Cn.value,
+				width: Jt.value,
+				height: wn.value,
 				padding: e
 			};
-		}), wn = d(() => W.value.width), Tn = d(() => W.value.height), En = x(0), Dn = Ee((e) => {
-			En.value = e;
+		}), Tn = d(() => U.value.width), En = d(() => U.value.height), Dn = x(0), On = Ee((e) => {
+			Dn.value = e;
 		}, 100);
 		Ge((e) => {
-			let t = Xt.value;
+			let t = Zt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				Dn(e[0].contentRect.height);
+				On(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		}), Be(() => {
-			En.value = 0;
+			Dn.value = 0;
 		});
-		let G = d(() => ({
-			fullHeight: W.value.height + En.value,
-			top: W.value.padding.top,
-			left: W.value.padding.left,
-			right: W.value.width - W.value.padding.right,
-			bottom: W.value.height - I.value.style.chart.padding.bottom,
-			width: W.value.width - (W.value.padding.left + W.value.padding.right)
-		})), On = d(() => Math.max(...U.value.flatMap((e) => e.datapoints.map((e) => e.values.length)))), K = x([]), kn = 0;
+		let W = d(() => ({
+			fullHeight: U.value.height + Dn.value,
+			top: U.value.padding.top,
+			left: U.value.padding.left,
+			right: U.value.width - U.value.padding.right,
+			bottom: U.value.height - F.value.style.chart.padding.bottom,
+			width: U.value.width - (U.value.padding.left + U.value.padding.right)
+		})), kn = d(() => Math.max(...H.value.flatMap((e) => e.datapoints.map((e) => e.values.length)))), G = x([]), An = 0;
 		Ge(() => {
-			let e = ++kn;
+			let e = ++An;
 			(async () => {
 				let t = await pe({
-					values: I.value.style.chart.xAxis.labels.values,
-					maxDatapoints: On.value,
-					formatter: I.value.style.chart.xAxis.labels.datetimeFormatter,
+					values: F.value.style.chart.xAxis.labels.values,
+					maxDatapoints: kn.value,
+					formatter: F.value.style.chart.xAxis.labels.datetimeFormatter,
 					start: 0,
-					end: I.value.style.chart.xAxis.labels.values.length
+					end: F.value.style.chart.xAxis.labels.values.length
 				});
-				e === kn && (K.value = t);
+				e === An && (G.value = t);
 			})();
 		});
-		let q = d(() => {
-			let e = Math.max(...U.value.map((e) => e.labelLen)), t = W.value.padding.left + e + 16 + I.value.style.chart.yAxis.labels.offsetX, n = (G.value.width - t) / On.value, r = [];
-			for (let e = 0; e < On.value; e += 1) r.push({
+		let K = d(() => {
+			let e = Math.max(...H.value.map((e) => e.labelLen)), t = U.value.padding.left + e + 16 + F.value.style.chart.yAxis.labels.offsetX, n = (W.value.width - t) / kn.value, r = [];
+			for (let e = 0; e < kn.value; e += 1) r.push({
 				selectorX: t + n * e,
 				x: t + n * e - n / 2,
-				y: G.value.top,
-				label: I.value.style.chart.xAxis.labels.values[e] ? K.value[e]?.text ?? "" : "",
+				y: W.value.top,
+				label: F.value.style.chart.xAxis.labels.values[e] ? G.value[e]?.text ?? "" : "",
 				index: e,
 				width: n,
-				height: Cn.value
+				height: wn.value
 			});
 			return r;
 		});
-		function An(e) {
-			return U.value.map((t) => t.datapoints.map((t) => ({
+		function jn(e) {
+			return H.value.map((t) => t.datapoints.map((t) => ({
 				dp: t,
 				selected: t.values[e.index]
 			})));
 		}
-		function jn(e) {
-			N.value = e;
-			let t = An(e);
-			I.value.events.datapointEnter && I.value.events.datapointEnter({
+		function Mn(e) {
+			M.value = e;
+			let t = jn(e);
+			F.value.events.datapointEnter && F.value.events.datapointEnter({
 				datapoint: t,
 				seriesIndex: e.index
 			});
 		}
-		function Mn(e) {
-			N.value = null;
-			let t = An(e);
-			I.value.events.datapointLeave && I.value.events.datapointLeave({
+		function Nn(e) {
+			M.value = null;
+			let t = jn(e);
+			F.value.events.datapointLeave && F.value.events.datapointLeave({
 				datapoint: t,
 				seriesIndex: e.index
 			});
 		}
-		function Nn(e) {
-			let t = An(e);
-			I.value.events.datapointClick && I.value.events.datapointClick({
+		function Pn(e) {
+			let t = jn(e);
+			F.value.events.datapointClick && F.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: e.index
-			}), Lt("selectX", t);
+			}), Rt("selectX", t);
 		}
-		function Pn(e, t) {
+		function Fn(e, t) {
 			return e.length * t / 2 + t;
 		}
-		function Fn(e, t, n) {
-			return e + Pn(t, n) > G.value.right;
+		function In(e, t, n) {
+			return e + Fn(t, n) > W.value.right;
 		}
-		function In(e, t, n = "sans-serif") {
+		function Ln(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 J = d(() => {
-			B.value;
-			let e = Math.max(...U.value.map((e) => e.labelLen)), t = Math.max(...U.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), n = Math.min(...U.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), r = W.value.padding.left + e + 16 + I.value.style.chart.yAxis.labels.offsetX, ee = (G.value.width - r) / On.value, o = Math.abs(Math.min(n, 0)), s = t + o;
+		let q = d(() => {
+			z.value;
+			let e = Math.max(...H.value.map((e) => e.labelLen)), n = Math.max(...H.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), r = Math.min(...H.value.flatMap((e) => e.datapoints.flatMap((e) => e.values))), i = U.value.padding.left + e + 16 + F.value.style.chart.yAxis.labels.offsetX, a = (W.value.width - i) / kn.value, o = Math.abs(Math.min(r, 0)), s = n + o;
 			function ne(e) {
 				return isNaN(e / s) ? 0 : e / s;
 			}
-			return U.value.map((e, t) => {
-				let n = G.value.top + B.value * t, s = G.value.top + n + B.value * _n.value * (1 - ne(o));
+			return H.value.map((e, n) => {
+				let r = W.value.top + z.value * n, s = W.value.top + r + z.value * vn.value * (1 - ne(o));
 				return {
 					...e,
 					label: {
-						x: r - I.value.style.chart.yAxis.labels.fontSize,
+						x: i - F.value.style.chart.yAxis.labels.fontSize,
 						y: s
 					},
 					datapoints: e.datapoints.map((e) => {
-						let t = e.values.map((t, i) => {
-							let a = isNaN(t) || [
+						let n = e.values.map((t, n) => {
+							let ee = isNaN(t) || [
 								void 0,
 								null,
 								"NaN",
@@ -648,140 +648,140 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 								-Infinity
 							].includes(t) ? 0 : t || 0;
 							return {
-								x: r + ee * i,
-								y: G.value.top + n + B.value * _n.value * (1 - ne(a + o)),
+								x: i + a * n,
+								y: W.value.top + r + z.value * vn.value * (1 - ne(ee + o)),
 								value: t,
 								isMaxPoint: t === Math.max(...e.values),
 								zero: s
 							};
-						}), re = `${te(t, s, !1, !1)}`, ie = `M ${r},${s} ${a(t)} ${t.at(-1).x},${s}`, ae = `M ${r},${s} ${t.at(-1).x},${s}`, c = `M ${oe(t)}`, l = `M ${a(t)}`, se = ue(I.value.style.chart.areas.smooth ? c : l);
+						}), re = `${t(n, s, !1, !1)}`, ie = `M ${i},${s} ${ee(n)} ${n.at(-1).x},${s}`, oe = `M ${i},${s} ${n.at(-1).x},${s}`, c = `M ${se(n)}`, l = `M ${ee(n)}`, ce = ae(F.value.style.chart.areas.smooth ? c : l);
 						return {
 							...e,
-							uid: i(),
-							plots: t,
+							uid: te(),
+							plots: n,
 							smoothPath: re,
 							straightPath: ie,
-							zeroPath: ae,
-							pathLength: se,
+							zeroPath: oe,
+							pathLength: ce,
 							smoothPathRidge: c,
 							straightPathRidge: l
 						};
-					}).filter((e) => !Y.value.includes(e.id))
+					}).filter((e) => !J.value.includes(e.id))
 				};
 			});
-		}), Y = x([]);
-		function Ln(e) {
+		}), J = x([]);
+		function Rn(e) {
 			let t = /* @__PURE__ */ new Map();
 			return e.forEach((e) => {
 				e.datapoints.forEach((e, n) => {
-					let r = o(e.name);
+					let r = fe(e.name);
 					t.has(r) || t.set(r, {
 						id: r,
 						name: e.name,
 						color: e.color,
 						shape: "circle",
-						segregate: () => yn(r),
-						isSegregated: Y.value.includes(r),
-						opacity: Y.value.includes(r) ? .5 : 1
+						segregate: () => bn(r),
+						isSegregated: J.value.includes(r),
+						opacity: J.value.includes(r) ? .5 : 1
 					});
 				});
 			}), Array.from(t.values());
 		}
-		let X = d(() => Ln(U.value)), Rn = d(() => ({
+		let Y = d(() => Rn(H.value)), zn = d(() => ({
 			cy: "donut-div-legend",
-			backgroundColor: I.value.style.chart.legend.backgroundColor,
-			color: I.value.style.chart.legend.color,
-			fontSize: I.value.style.chart.legend.fontSize,
+			backgroundColor: F.value.style.chart.legend.backgroundColor,
+			color: F.value.style.chart.legend.color,
+			fontSize: F.value.style.chart.legend.fontSize,
 			paddingBottom: 12,
-			fontWeight: I.value.style.chart.legend.bold ? "bold" : ""
-		})), Z = x(!1);
-		function zn(e) {
-			Z.value = e, Gt.value += 1;
+			fontWeight: F.value.style.chart.legend.bold ? "bold" : ""
+		})), X = x(!1);
+		function Bn(e) {
+			X.value = e, Kt.value += 1;
 		}
-		let Bn = x({}), Vn = x([]);
-		function Hn(e) {
-			Lt("selectDatapoint", e), I.value.style.chart.dialog.show && (Vn.value = e.datapoints.map((e) => ({
+		let Vn = x({}), Hn = x([]);
+		function Un(e) {
+			Rt("selectDatapoint", e), F.value.style.chart.dialog.show && (Hn.value = e.datapoints.map((e) => ({
 				name: e.name,
 				color: e.color,
 				type: "line",
 				useArea: !0,
-				smooth: I.value.style.chart.areas.smooth,
+				smooth: F.value.style.chart.areas.smooth,
 				series: e.values
-			})), P.value = e, Bn.value = se({
-				...I.value.style.chart.dialog.xyChart,
+			})), N.value = e, Vn.value = re({
+				...F.value.style.chart.dialog.xyChart,
 				responsive: !0,
 				chart: {
-					...I.value.style.chart.dialog.xyChart.chart,
+					...F.value.style.chart.dialog.xyChart.chart,
 					grid: {
-						...I.value.style.chart.dialog.xyChart.chart.grid,
+						...F.value.style.chart.dialog.xyChart.chart.grid,
 						labels: {
-							...I.value.style.chart.dialog.xyChart.chart.grid.labels,
+							...F.value.style.chart.dialog.xyChart.chart.grid.labels,
 							xAxisLabels: {
-								...I.value.style.chart.dialog.xyChart.chart.grid.labels.xAxisLabels,
-								values: I.value.style.chart.xAxis.labels.values,
+								...F.value.style.chart.dialog.xyChart.chart.grid.labels.xAxisLabels,
+								values: F.value.style.chart.xAxis.labels.values,
 								autoRotate: {
 									enable: !0,
-									angle: I.value.style.chart.dialog.xyChart.chart.grid.labels.xAxisLabels.autoRotate.angle
+									angle: F.value.style.chart.dialog.xyChart.chart.grid.labels.xAxisLabels.autoRotate.angle
 								},
-								datetimeFormatter: I.value.style.chart.xAxis.labels.datetimeFormatter
+								datetimeFormatter: F.value.style.chart.xAxis.labels.datetimeFormatter
 							}
 						}
 					},
 					tooltip: {
-						...I.value.style.chart.dialog.xyChart.chart.tooltip,
-						showTimeLabel: I.value.style.chart.xAxis.labels.values.length > 0
+						...F.value.style.chart.dialog.xyChart.chart.tooltip,
+						showTimeLabel: F.value.style.chart.xAxis.labels.values.length > 0
 					},
 					userOptions: {
-						...I.value.style.chart.dialog.xyChart.chart.userOptions,
+						...F.value.style.chart.dialog.xyChart.chart.userOptions,
 						buttons: {
-							...I.value.style.chart.dialog.xyChart.chart.userOptions.buttons,
-							altCopy: I.value.userOptions.buttons.altCopy
+							...F.value.style.chart.dialog.xyChart.chart.userOptions.buttons,
+							altCopy: F.value.userOptions.buttons.altCopy
 						},
 						callbacks: {
-							...I.value.style.chart.dialog.xyChart.chart.userOptions.callbacks,
+							...F.value.style.chart.dialog.xyChart.chart.userOptions.callbacks,
 							altCopy: () => {}
 						},
-						useCursorPointer: I.value.userOptions.useCursorPointer
+						useCursorPointer: F.value.userOptions.useCursorPointer
 					}
 				}
-			}), Jt.value && Jt.value.open());
+			}), Yt.value && Yt.value.open());
 		}
-		let Un = x(null);
+		let Z = x(null);
 		function Wn(e) {
-			Un.value = e;
+			Z.value = e;
 		}
 		function Gn() {
-			Un.value = null;
+			Z.value = null;
 		}
 		let Kn = x(!1);
 		function qn() {
 			Kn.value = !Kn.value;
 		}
 		function Jn() {
-			H.value.showTable = !H.value.showTable;
+			V.value.showTable = !V.value.showTable;
 		}
-		let Yn = d(() => ({ body: J.value.flatMap((e) => e.datapoints.flatMap((t) => ({
+		let Yn = d(() => ({ body: q.value.flatMap((e) => e.datapoints.flatMap((t) => ({
 			...t,
 			rowName: `${e.name}: ${t.name}`
 		}))).map((e) => [{
 			name: e.rowName,
 			color: e.color
 		}, ...e.values]) })), Q = d(() => {
-			let e = [I.value.table.columnNames.series, ...K.value.map((e) => e.text)], t = {
+			let e = [F.value.table.columnNames.series, ...G.value.map((e) => e.text)], t = {
 				th: {
-					backgroundColor: I.value.table.th.backgroundColor,
-					color: I.value.table.th.color,
-					outline: I.value.table.th.outline
+					backgroundColor: F.value.table.th.backgroundColor,
+					color: F.value.table.th.color,
+					outline: F.value.table.th.outline
 				},
 				td: {
-					backgroundColor: I.value.table.td.backgroundColor,
-					color: I.value.table.td.color,
-					outline: I.value.table.td.outline
+					backgroundColor: F.value.table.td.backgroundColor,
+					color: F.value.table.td.color,
+					outline: F.value.table.td.outline
 				},
-				breakpoint: I.value.table.responsiveBreakpoint
+				breakpoint: F.value.table.responsiveBreakpoint
 			};
 			return {
-				colNames: [I.value.table.columnNames.series, ...K.value.map((e) => e.text)],
+				colNames: [F.value.table.columnNames.series, ...G.value.map((e) => e.text)],
 				head: e,
 				body: Yn.value.body,
 				config: t
@@ -789,20 +789,20 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 		});
 		function Xn(e = null) {
 			Re(() => {
-				let t = [[I.value.table.columnNames.series, ...K.map((e) => [e.text])], ...Yn.value.body.map((e, t) => [e[0].name, ...e.slice(1)])], n = s([[I.value.style.chart.title.text], [I.value.style.chart.title.subtitle.text]].concat(t));
-				e ? e(n) : ee({
+				let t = [[F.value.table.columnNames.series, ...G.map((e) => [e.text])], ...Yn.value.body.map((e, t) => [e[0].name, ...e.slice(1)])], n = de([[F.value.style.chart.title.text], [F.value.style.chart.title.subtitle.text]].concat(t));
+				e ? e(n) : ne({
 					csvContent: n,
-					title: I.value.style.chart.title.text || "vue-ui-ridgeline"
+					title: F.value.style.chart.title.text || "vue-ui-ridgeline"
 				});
 			});
 		}
 		function Zn() {
-			return J.value;
+			return q.value;
 		}
 		async function Qn({ scale: e = 2 } = {}) {
-			if (!k.value) return;
-			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
-				domElement: k.value,
+			if (!O.value) return;
+			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
+				domElement: O.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -810,20 +810,20 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			return {
 				imageUri: i,
 				base64: a,
-				title: I.value.style.chart.title.text,
+				title: F.value.style.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
 		xe({
-			timeLabelsEls: Xt,
-			timeLabels: K,
+			timeLabelsEls: Zt,
+			timeLabels: G,
 			slicer: d(() => ({
 				min: 0,
-				max: On.value
+				max: kn.value
 			})),
-			configRef: I,
+			configRef: F,
 			rotationPath: [
 				"style",
 				"chart",
@@ -840,64 +840,64 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				"enable"
 			],
 			isAutoSize: !1,
-			width: wn,
-			height: Tn,
+			width: Tn,
+			height: En,
 			targetClass: ".vue-ui-ridgeline-x-axis-label",
-			angle: I.value.style.chart.xAxis.labels.autoRotate.angle
+			angle: F.value.style.chart.xAxis.labels.autoRotate.angle
 		});
 		let $n = d(() => {
-			let e = I.value.table.useDialog && !I.value.table.show, t = H.value.showTable;
+			let e = F.value.table.useDialog && !F.value.table.show, t = V.value.showTable;
 			return {
 				component: e ? Nt : Ot,
-				title: `${I.value.style.chart.title.text}${I.value.style.chart.title.subtitle.text ? `: ${I.value.style.chart.title.subtitle.text}` : ""}`,
+				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
-					backgroundColor: I.value.table.th.backgroundColor,
-					color: I.value.table.th.color,
-					headerColor: I.value.table.th.color,
-					headerBg: I.value.table.th.backgroundColor,
-					isFullscreen: Z.value,
-					fullscreenParent: k.value,
+					backgroundColor: F.value.table.th.backgroundColor,
+					color: F.value.table.th.color,
+					headerColor: F.value.table.th.color,
+					headerBg: F.value.table.th.backgroundColor,
+					isFullscreen: X.value,
+					fullscreenParent: O.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: L.value
+					isCursorPointer: I.value
 				} : {
 					hideDetails: !0,
 					config: {
 						open: t,
 						maxHeight: 1e4,
 						body: {
-							backgroundColor: I.value.style.chart.backgroundColor,
-							color: I.value.style.chart.color
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
 						},
 						head: {
-							backgroundColor: I.value.style.chart.backgroundColor,
-							color: I.value.style.chart.color
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
 						}
 					}
 				}
 			};
 		});
-		We(() => H.value.showTable, (e) => {
-			I.value.table.show || (e && I.value.table.useDialog && Zt.value ? Zt.value.open() : "close" in Zt.value && Zt.value.close());
+		We(() => V.value.showTable, (e) => {
+			F.value.table.show || (e && F.value.table.useDialog && Qt.value ? Qt.value.open() : "close" in Qt.value && Qt.value.close());
 		});
 		function er() {
-			H.value.showTable = !1, Qt.value && Qt.value.setTableIconState(!1);
+			V.value.showTable = !1, $t.value && $t.value.setTableIconState(!1);
 		}
-		let tr = d(() => I.value.style.chart.backgroundColor), nr = d(() => ({
-			...I.value.style.chart.legend,
+		let tr = d(() => F.value.style.chart.backgroundColor), nr = d(() => ({
+			...F.value.style.chart.legend,
 			position: "bottom"
 		})), { exportSvg: rr, getSvg: ir } = ve({
-			svg: V,
-			title: d(() => I.value.style.chart.title),
+			svg: B,
+			title: d(() => F.value.style.chart.title),
 			legend: nr,
-			legendItems: X,
+			legendItems: Y,
 			backgroundColor: tr
 		});
 		async function ar({ isCb: e }) {
-			en.value = !0, await Re();
+			tn.value = !0, await Re();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await ir();
-					await Promise.resolve(I.value.userOptions.callbacks.svg({
+					await Promise.resolve(F.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
@@ -905,46 +905,46 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 					}));
 				} else await Promise.resolve(rr());
 			} finally {
-				en.value = !1;
+				tn.value = !1;
 			}
 		}
 		function or(e) {
 			if (e?.stage === "start") {
-				$t.value = !0;
+				en.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				$t.value = !1;
+				en.value = !1;
 				return;
 			}
-			mn();
+			hn();
 		}
 		function sr(e) {
 			cr("xy-zoom", e.dataset, e.config);
 		}
 		async function cr(e = "main-chart", t = null, n = null) {
-			if (Lt("copyAlt", {
+			if (Rt("copyAlt", {
 				source: e,
-				config: e === "main-chart" ? I.value : Bn.value,
-				dataset: e === "main-chart" ? J.value : Vn.value
-			}), !I.value.userOptions.callbacks.altCopy) {
+				config: e === "main-chart" ? F.value : Vn.value,
+				dataset: e === "main-chart" ? q.value : Hn.value
+			}), !F.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(I.value.userOptions.callbacks.altCopy({
+			await Promise.resolve(F.value.userOptions.callbacks.altCopy({
 				source: e,
-				config: e === "main-chart" ? I.value : Bn.value,
-				dataset: e === "main-chart" ? J.value : Vn.value
+				config: e === "main-chart" ? F.value : Vn.value,
+				dataset: e === "main-chart" ? q.value : Hn.value
 			}));
 		}
 		function lr() {
-			F.value = null, tn.value = !0;
+			P.value = null, nn.value = !0;
 		}
 		function ur() {
-			mr(), tn.value = !1;
+			mr(), nn.value = !1;
 		}
 		function dr(e) {
-			if (!V.value || Kn.value || document.activeElement !== V.value || !J.value.length) return;
+			if (!B.value || Kn.value || document.activeElement !== B.value || !q.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 === " ", ee = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !ee) return;
 			if (e.preventDefault(), e.stopPropagation(), ee) {
@@ -952,77 +952,77 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				return;
 			}
 			if (a) {
-				if (F.value !== null) {
-					let e = J.value[F.value];
-					e && Hn(e);
+				if (P.value !== null) {
+					let e = q.value[P.value];
+					e && Un(e);
 					return;
 				}
-				N.value && Nn(N.value);
+				M.value && Pn(M.value);
 				return;
 			}
 			if (t || n) {
-				let e = F.value;
-				e = e === null ? n ? 0 : J.value.length - 1 : fr(e + (n ? 1 : -1)), F.value = e, Un.value = e;
+				let e = P.value;
+				e = e === null ? n ? 0 : q.value.length - 1 : fr(e + (n ? 1 : -1)), P.value = e, Z.value = e;
 				return;
 			}
-			if (!q.value.length) return;
-			let o = N.value?.index ?? null;
-			o = o === null ? i ? 0 : q.value.length - 1 : pr(o + (i ? 1 : -1));
-			let te = q.value[o];
-			te && jn(te);
+			if (!K.value.length) return;
+			let o = M.value?.index ?? null;
+			o = o === null ? i ? 0 : K.value.length - 1 : pr(o + (i ? 1 : -1));
+			let s = K.value[o];
+			s && Mn(s);
 		}
 		function fr(e) {
-			let t = J.value.length;
+			let t = q.value.length;
 			return t ? (e % t + t) % t : null;
 		}
 		function pr(e) {
-			let t = q.value.length;
+			let t = K.value.length;
 			return t ? (e % t + t) % t : null;
 		}
 		function mr() {
-			F.value = null, Un.value = null, N.value ? Mn(N.value) : N.value = null;
+			P.value = null, Z.value = null, M.value ? Nn(M.value) : M.value = null;
 		}
 		let $ = d(() => ({
 			head: Q.value.head,
 			body: Q.value.body.map((e) => [e[0]?.name ?? "", ...e.slice(1)]),
-			caption: I.value.a11y.translations.tableCaption,
-			notice: I.value.a11y.translations.tableAvailable
+			caption: F.value.a11y.translations.tableCaption,
+			notice: F.value.a11y.translations.tableAvailable
 		}));
 		return Te({
 			getData: Zn,
 			getImage: Qn,
-			generateImage: mn,
+			generateImage: hn,
 			generateSvg: ar,
-			generatePdf: pn,
+			generatePdf: mn,
 			generateCsv: Xn,
-			hideSeries: Sn,
-			showSeries: xn,
+			hideSeries: Cn,
+			showSeries: Sn,
 			toggleAnnotator: qn,
 			toggleTable: Jn,
-			toggleFullscreen: zn,
+			toggleFullscreen: Bn,
 			copyAlt: cr
-		}), (e, n) => (b(), m("div", {
+		}), (e, t) => (b(), m("div", {
 			ref_key: "ridgelineChart",
-			ref: k,
-			class: ze(`vue-data-ui-component vue-ui-ridgeline ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			id: `vue-ui-ridgeline_${M.value}`,
+			ref: O,
+			class: ze(`vue-data-ui-component vue-ui-ridgeline ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			id: `vue-ui-ridgeline_${j.value}`,
 			style: y({
-				fontFamily: I.value.style.fontFamily,
+				fontFamily: F.value.style.fontFamily,
 				width: "100%",
 				textAlign: "center",
-				background: I.value.style.chart.backgroundColor,
-				height: I.value.responsive ? "100%" : void 0
+				background: F.value.style.chart.backgroundColor,
+				height: F.value.responsive ? "100%" : void 0
 			}),
-			onMouseenter: n[3] ||= () => T(sn)(!0),
-			onMouseleave: n[4] ||= () => T(sn)(!1)
+			onMouseenter: t[3] ||= () => T(cn)(!0),
+			onMouseleave: t[4] ||= () => T(cn)(!1)
 		}, [
 			h("div", {
-				id: `chart-instructions-${M.value}`,
+				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
-			}, [h("p", null, w(I.value.a11y.translations.keyboardNavigation), 1)], 8, Je),
+			}, [h("p", null, w(F.value.a11y.translations.keyboardNavigation), 1)], 8, Je),
 			$.value.body.length ? (b(), f(ke, {
 				key: 0,
-				uid: M.value,
+				uid: j.value,
 				head: $.value.head,
 				body: $.value.body,
 				caption: $.value.caption,
@@ -1034,13 +1034,13 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				"caption",
 				"notice"
 			])) : p("", !0),
-			I.value.userOptions.buttons.annotator && T(V) ? (b(), f(T(At), {
+			F.value.userOptions.buttons.annotator && T(B) ? (b(), f(T(At), {
 				key: 1,
-				color: I.value.style.chart.color,
-				backgroundColor: I.value.style.chart.backgroundColor,
+				color: F.value.style.chart.color,
+				backgroundColor: F.value.style.chart.backgroundColor,
 				active: Kn.value,
-				svgRef: T(V),
-				isCursorPointer: L.value,
+				svgRef: T(B),
+				isCursorPointer: I.value,
 				onClose: qn
 			}, {
 				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -1058,63 +1058,63 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				"isCursorPointer"
 			])) : p("", !0),
 			C(e.$slots, "userConfig", {}, void 0, !0),
-			hn.value ? (b(), m("div", {
+			gn.value ? (b(), m("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: Vt,
+				ref: Ht,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : p("", !0),
-			I.value.style.chart.title.text ? (b(), m("div", {
+			F.value.style.chart.title.text ? (b(), m("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: Rt,
+				ref: zt,
 				style: "width:100%;background:transparent;padding-bottom:24px"
 			}, [(b(), f(Ce, {
-				key: `title_${Ht.value}`,
+				key: `title_${Ut.value}`,
 				config: {
 					title: {
 						cy: "ridgeline-div-title",
-						...I.value.style.chart.title
+						...F.value.style.chart.title
 					},
 					subtitle: {
 						cy: "ridgeline-div-subtitle",
-						...I.value.style.chart.title.subtitle
+						...F.value.style.chart.title.subtitle
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : p("", !0),
-			I.value.userOptions.show && O.value && (T(cn) || T(on)) ? (b(), f(T(jt), {
+			F.value.userOptions.show && Lt.value && (T(ln) || T(sn)) ? (b(), f(T(jt), {
 				ref_key: "userOptionsRef",
-				ref: Qt,
-				key: `user_option_${Gt.value}`,
-				backgroundColor: I.value.style.chart.backgroundColor,
-				color: I.value.style.chart.color,
-				isPrinting: T(dn),
-				isImaging: T(fn),
-				uid: M.value,
+				ref: $t,
+				key: `user_option_${Kt.value}`,
+				backgroundColor: F.value.style.chart.backgroundColor,
+				color: F.value.style.chart.color,
+				isPrinting: T(fn),
+				isImaging: T(pn),
+				uid: j.value,
 				hasTooltip: !1,
-				callbacks: I.value.userOptions.callbacks,
-				hasPdf: I.value.userOptions.buttons.pdf,
-				hasImg: I.value.userOptions.buttons.img,
-				hasSvg: I.value.userOptions.buttons.svg,
-				hasXls: I.value.userOptions.buttons.csv,
-				hasTable: I.value.userOptions.buttons.table,
+				callbacks: F.value.userOptions.callbacks,
+				hasPdf: F.value.userOptions.buttons.pdf,
+				hasImg: F.value.userOptions.buttons.img,
+				hasSvg: F.value.userOptions.buttons.svg,
+				hasXls: F.value.userOptions.buttons.csv,
+				hasTable: F.value.userOptions.buttons.table,
 				hasLabel: !1,
-				hasFullscreen: I.value.userOptions.buttons.fullscreen,
-				hasAltCopy: I.value.userOptions.buttons.altCopy,
-				isFullscreen: Z.value,
-				printScale: I.value.userOptions.print.scale,
-				chartElement: k.value,
-				position: I.value.userOptions.position,
+				hasFullscreen: F.value.userOptions.buttons.fullscreen,
+				hasAltCopy: F.value.userOptions.buttons.altCopy,
+				isFullscreen: X.value,
+				printScale: F.value.userOptions.print.scale,
+				chartElement: O.value,
+				position: F.value.userOptions.position,
 				isTooltip: !1,
-				titles: { ...I.value.userOptions.buttonTitles },
-				hasAnnotator: I.value.userOptions.buttons.annotator,
+				titles: { ...F.value.userOptions.buttonTitles },
+				hasAnnotator: F.value.userOptions.buttons.annotator,
 				isAnnotation: Kn.value,
-				tableDialog: I.value.table.useDialog,
-				style: y({ visibility: T(cn) ? T(on) ? "visible" : "hidden" : "visible" }),
-				isCursorPointer: L.value,
-				onToggleFullscreen: zn,
-				onGeneratePdf: T(pn),
+				tableDialog: F.value.table.useDialog,
+				style: y({ visibility: T(ln) ? T(sn) ? "visible" : "hidden" : "visible" }),
+				isCursorPointer: I.value,
+				onToggleFullscreen: Bn,
+				onGeneratePdf: T(mn),
 				onGenerateCsv: Xn,
 				onGenerateImage: or,
 				onGenerateSvg: ar,
@@ -1219,23 +1219,23 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			])) : p("", !0),
 			h("div", Ye, [(b(), m("svg", {
 				ref_key: "svgRef",
-				ref: V,
+				ref: B,
 				xmlns: T(le),
-				"aria-describedby": `chart-instructions-${M.value}`,
+				"aria-describedby": `chart-instructions-${j.value}`,
 				class: ze({
-					"vue-data-ui-fullscreen--on": Z.value,
-					"vue-data-ui-fulscreen--off": !Z.value
+					"vue-data-ui-fullscreen--on": X.value,
+					"vue-data-ui-fulscreen--off": !X.value
 				}),
-				viewBox: `0 0 ${W.value.width <= 0 ? 10 : W.value.width} ${G.value.fullHeight <= 0 ? 10 : G.value.fullHeight}`,
-				style: y(`max-width:100%;overflow:visible;background:transparent;color:${I.value.style.chart.color};${I.value.responsive ? `height: ${Yt.value}px; width: 100%;` : ""}`),
+				viewBox: `0 0 ${U.value.width <= 0 ? 10 : U.value.width} ${W.value.fullHeight <= 0 ? 10 : W.value.fullHeight}`,
+				style: y(`max-width:100%;overflow:visible;background:transparent;color:${F.value.style.chart.color};${F.value.responsive ? `height: ${Xt.value}px; width: 100%;` : ""}`),
 				tabindex: "0",
 				onFocus: lr,
 				onBlur: ur,
 				onKeydown: dr
 			}, [
 				Ie(T(Mt)),
-				h("defs", null, [(b(!0), m(u, null, S(X.value, (e, t) => (b(), m("linearGradient", {
-					id: `gradient-${e.id}-${M.value}`,
+				h("defs", null, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("linearGradient", {
+					id: `gradient-${e.id}-${j.value}`,
 					x1: "50%",
 					y1: "0%",
 					x2: "50%",
@@ -1261,9 +1261,9 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						"stop-color": e.color,
 						"stop-opacity": "0.1"
 					}, null, 8, tt)
-				], 8, Ze))), 256)), (b(!0), m(u, null, S(J.value, (e, t) => (b(), m(u, null, [(b(!0), m(u, null, S(e.datapoints, (e, t) => (b(), m("linearGradient", {
+				], 8, Ze))), 256)), (b(!0), m(u, null, S(q.value, (e, t) => (b(), m(u, null, [(b(!0), m(u, null, S(e.datapoints, (e, t) => (b(), m("linearGradient", {
 					key: `grad${e.id}`,
-					id: `gradient-single-${M.value}-${e.uid}`,
+					id: `gradient-single-${j.value}-${e.uid}`,
 					x1: "50%",
 					y1: "0%",
 					x2: "50%",
@@ -1290,216 +1290,216 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						"stop-opacity": "0.1"
 					}, null, 8, ot)
 				], 8, nt))), 128))], 64))), 256))]),
-				(b(!0), m(u, null, S(J.value, (t, n) => (b(), m("g", { key: `ds-${n}` }, [(b(!0), m(u, null, S(t.datapoints, (t, r) => (b(), m("g", { key: t.id }, [
+				(b(!0), m(u, null, S(q.value, (t, n) => (b(), m("g", { key: `ds-${n}` }, [(b(!0), m(u, null, S(t.datapoints, (t, r) => (b(), m("g", { key: t.id }, [
 					e.$slots.pattern ? (b(), m("g", st, [h("defs", null, [C(e.$slots, "pattern", Le({ ref_for: !0 }, {
 						datapointIndex: n,
 						seriesIndex: r,
-						patternId: `pattern_${M.value}_${t.uid}`
+						patternId: `pattern_${j.value}_${t.uid}`
 					}), void 0, !0)])])) : p("", !0),
 					h("path", {
-						fill: e.$slots.pattern ? `url(#pattern_${M.value}_${t.uid})` : I.value.style.chart.backgroundColor,
+						fill: e.$slots.pattern ? `url(#pattern_${j.value}_${t.uid})` : F.value.style.chart.backgroundColor,
 						stroke: "none",
 						"stroke-linecap": "round",
-						d: I.value.style.chart.areas.smooth ? t.smoothPath : t.straightPath,
-						style: y({ opacity: I.value.style.chart.areas.opacity })
+						d: F.value.style.chart.areas.smooth ? t.smoothPath : t.straightPath,
+						style: y({ opacity: F.value.style.chart.areas.opacity })
 					}, null, 12, ct),
 					h("path", {
 						fill: "none",
-						stroke: I.value.style.chart.areas.stroke.useSerieColor ? t.color : I.value.style.chart.areas.stroke.color,
-						"stroke-width": I.value.style.chart.areas.strokeWidth,
-						d: I.value.style.chart.areas.smooth ? t.smoothPathRidge : t.straightPathRidge,
+						stroke: F.value.style.chart.areas.stroke.useSerieColor ? t.color : F.value.style.chart.areas.stroke.color,
+						"stroke-width": F.value.style.chart.areas.strokeWidth,
+						d: F.value.style.chart.areas.smooth ? t.smoothPathRidge : t.straightPathRidge,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						class: ze({ "vue-ui-ridgeline-animate": I.value.useCssAnimation && !T(R) }),
+						class: ze({ "vue-ui-ridgeline-animate": F.value.useCssAnimation && !T(L) }),
 						style: y({
 							strokeDasharray: t.pathLength,
-							strokeDashoffset: I.value.useCssAnimation ? t.pathLength : 0
+							strokeDashoffset: F.value.useCssAnimation ? t.pathLength : 0
 						})
 					}, null, 14, lt),
 					h("path", {
-						fill: I.value.style.chart.areas.useGradient ? I.value.style.chart.areas.useCommonColor ? `url(#gradient-${t.id}-${M.value})` : `url(#gradient-single-${M.value}-${t.uid})` : t.color,
+						fill: F.value.style.chart.areas.useGradient ? F.value.style.chart.areas.useCommonColor ? `url(#gradient-${t.id}-${j.value})` : `url(#gradient-single-${j.value}-${t.uid})` : t.color,
 						stroke: "none",
-						d: I.value.style.chart.areas.smooth ? t.smoothPath : t.straightPath,
+						d: F.value.style.chart.areas.smooth ? t.smoothPath : t.straightPath,
 						"stroke-linecap": "round",
 						"stroke-linejoin": "round",
-						class: ze({ "vue-ui-ridgeline-animate": I.value.useCssAnimation && !T(R) }),
+						class: ze({ "vue-ui-ridgeline-animate": F.value.useCssAnimation && !T(L) }),
 						style: y({
 							strokeDasharray: t.pathLength,
-							strokeDashoffset: I.value.useCssAnimation ? t.pathLength : 0
+							strokeDashoffset: F.value.useCssAnimation ? t.pathLength : 0
 						})
 					}, null, 14, ut),
-					I.value.style.chart.zeroLine.show ? (b(), m("path", {
+					F.value.style.chart.zeroLine.show ? (b(), m("path", {
 						key: 1,
-						stroke: I.value.style.chart.zeroLine.useSerieColor ? t.color : I.value.style.chart.zeroLine.stroke,
-						"stroke-dasharray": I.value.style.chart.zeroLine.strokeDasharray,
-						"stroke-width": I.value.style.chart.zeroLine.strokeWidth,
+						stroke: F.value.style.chart.zeroLine.useSerieColor ? t.color : F.value.style.chart.zeroLine.stroke,
+						"stroke-dasharray": F.value.style.chart.zeroLine.strokeDasharray,
+						"stroke-width": F.value.style.chart.zeroLine.strokeWidth,
 						d: t.zeroPath,
 						"stroke-linecap": "round"
 					}, null, 8, dt)) : p("", !0),
-					I.value.style.chart.areas.maxPoint.show && t.plots.length > 1 ? (b(!0), m(u, { key: 2 }, S(t.plots, (e) => (b(), m(u, null, [e.isMaxPoint ? (b(), m("line", {
+					F.value.style.chart.areas.maxPoint.show && t.plots.length > 1 ? (b(!0), m(u, { key: 2 }, S(t.plots, (e) => (b(), m(u, null, [e.isMaxPoint ? (b(), m("line", {
 						key: 0,
 						x1: e.x,
 						y1: e.y,
 						x2: e.x,
 						y2: e.zero,
-						stroke: I.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? T(ce)(t.color) : I.value.style.chart.areas.maxPoint.stroke,
-						"stroke-width": I.value.style.chart.areas.maxPoint.strokeWidth,
+						stroke: F.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? T(ce)(t.color) : F.value.style.chart.areas.maxPoint.stroke,
+						"stroke-width": F.value.style.chart.areas.maxPoint.strokeWidth,
 						"stroke-linecap": "round",
-						"stroke-dasharray": I.value.style.chart.areas.maxPoint.strokeDasharray
+						"stroke-dasharray": F.value.style.chart.areas.maxPoint.strokeDasharray
 					}, null, 8, ft)) : p("", !0)], 64))), 256)) : p("", !0),
 					t.plots.length === 1 ? (b(), m("circle", {
 						key: 3,
 						cx: t.plots[0].x,
 						cy: t.plots[0].y,
-						stroke: I.value.style.chart.selector.dot.stroke,
-						"stroke-width": I.value.style.chart.selector.dot.strokeWidth,
-						r: I.value.style.chart.selector.dot.radius,
-						fill: I.value.style.chart.selector.dot.useDatapointColor ? t.color : I.value.style.chart.selector.dot.fill,
+						stroke: F.value.style.chart.selector.dot.stroke,
+						"stroke-width": F.value.style.chart.selector.dot.strokeWidth,
+						r: F.value.style.chart.selector.dot.radius,
+						fill: F.value.style.chart.selector.dot.useDatapointColor ? t.color : F.value.style.chart.selector.dot.fill,
 						style: { pointerEvents: "none" }
 					}, null, 8, pt)) : p("", !0)
 				]))), 128)), h("text", {
 					x: t.label.x,
 					y: t.label.y,
 					"text-anchor": "end",
-					"font-size": I.value.style.chart.yAxis.labels.fontSize,
-					"font-weight": I.value.style.chart.yAxis.labels.bold ? "bold" : "normal",
-					fill: I.value.style.chart.yAxis.labels.color,
-					style: y({ cursor: I.value.style.chart.dialog.show && L.value ? "pointer" : "default" }),
-					"text-decoration": I.value.style.chart.dialog.show && (Un.value === n || P.value && t.uid === P.value.uid || F.value === n) ? "underline" : "",
+					"font-size": F.value.style.chart.yAxis.labels.fontSize,
+					"font-weight": F.value.style.chart.yAxis.labels.bold ? "bold" : "normal",
+					fill: F.value.style.chart.yAxis.labels.color,
+					style: y({ cursor: F.value.style.chart.dialog.show && I.value ? "pointer" : "default" }),
+					"text-decoration": F.value.style.chart.dialog.show && (Z.value === n || N.value && t.uid === N.value.uid || P.value === n) ? "underline" : "",
 					onMouseenter: (e) => Wn(n),
 					onMouseleave: Gn,
-					onClick: (e) => Hn(t)
+					onClick: (e) => Un(t)
 				}, w(t.name), 45, mt)]))), 128)),
-				I.value.style.chart.xAxis.labels.values.length ? (b(), m("g", {
+				F.value.style.chart.xAxis.labels.values.length ? (b(), m("g", {
 					key: 0,
 					ref_key: "timeLabelsEls",
-					ref: Xt
-				}, [(b(!0), m(u, null, S(q.value, (n, r) => C(e.$slots, "time-label", Le({ ref_for: !0 }, {
-					show: n && !I.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !I.value.style.chart.xAxis.labels.showOnlyAtModulo || n && I.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (r === 0 || r === q.value.length - 1) || n && N.value && N.value.index === r || n && !I.value.style.chart.xAxis.labels.showOnlyFirstAndLast && I.value.style.chart.xAxis.labels.showOnlyAtModulo && r % Math.floor(q.value.length / I.value.style.chart.xAxis.labels.modulo) === 0,
-					fontSize: I.value.style.chart.xAxis.labels.fontSize,
-					content: n.label,
-					textAnchor: I.value.style.chart.xAxis.labels.rotation > 0 ? "start" : I.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-					fill: I.value.style.chart.xAxis.labels.color,
-					transform: `translate(${n.selectorX}, ${G.value.top + n.height + I.value.style.chart.xAxis.labels.offsetY}), rotate(${I.value.style.chart.xAxis.labels.rotation})`,
-					x: n.selectorX,
-					y: G.value.bottom + I.value.style.chart.xAxis.labels.offsetY
-				}), () => [n && !I.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !I.value.style.chart.xAxis.labels.showOnlyAtModulo || n && I.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (r === 0 || r === q.value.length - 1) || n && N.value && N.value.index === r || n && !I.value.style.chart.xAxis.labels.showOnlyFirstAndLast && I.value.style.chart.xAxis.labels.showOnlyAtModulo && r % Math.floor(q.value.length / I.value.style.chart.xAxis.labels.modulo) === 0 ? (b(), m("g", ht, [String(n.label).includes("\n") ? (b(), m("text", {
+					ref: Zt
+				}, [(b(!0), m(u, null, S(K.value, (t, n) => C(e.$slots, "time-label", Le({ ref_for: !0 }, {
+					show: t && !F.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !F.value.style.chart.xAxis.labels.showOnlyAtModulo || t && F.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (n === 0 || n === K.value.length - 1) || t && M.value && M.value.index === n || t && !F.value.style.chart.xAxis.labels.showOnlyFirstAndLast && F.value.style.chart.xAxis.labels.showOnlyAtModulo && n % Math.floor(K.value.length / F.value.style.chart.xAxis.labels.modulo) === 0,
+					fontSize: F.value.style.chart.xAxis.labels.fontSize,
+					content: t.label,
+					textAnchor: F.value.style.chart.xAxis.labels.rotation > 0 ? "start" : F.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
+					fill: F.value.style.chart.xAxis.labels.color,
+					transform: `translate(${t.selectorX}, ${W.value.top + t.height + F.value.style.chart.xAxis.labels.offsetY}), rotate(${F.value.style.chart.xAxis.labels.rotation})`,
+					x: t.selectorX,
+					y: W.value.bottom + F.value.style.chart.xAxis.labels.offsetY
+				}), () => [t && !F.value.style.chart.xAxis.labels.showOnlyFirstAndLast && !F.value.style.chart.xAxis.labels.showOnlyAtModulo || t && F.value.style.chart.xAxis.labels.showOnlyFirstAndLast && (n === 0 || n === K.value.length - 1) || t && M.value && M.value.index === n || t && !F.value.style.chart.xAxis.labels.showOnlyFirstAndLast && F.value.style.chart.xAxis.labels.showOnlyAtModulo && n % Math.floor(K.value.length / F.value.style.chart.xAxis.labels.modulo) === 0 ? (b(), m("g", ht, [String(t.label).includes("\n") ? (b(), m("text", {
 					key: 1,
 					class: "vue-ui-ridgeline-x-axis-label",
-					"font-size": I.value.style.chart.xAxis.labels.fontSize,
-					fill: I.value.style.chart.xAxis.labels.color,
-					"font-weight": I.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
-					transform: `translate(${n.selectorX}, ${G.value.bottom + I.value.style.chart.xAxis.labels.offsetY}), rotate(${I.value.style.chart.xAxis.labels.rotation})`,
-					"text-anchor": I.value.style.chart.xAxis.labels.rotation > 0 ? "start" : I.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-					style: y({ opacity: N.value ? N.value.index === r ? 1 : .2 : 1 }),
-					innerHTML: T(t)({
-						content: String(n.label),
-						fontSize: I.value.style.chart.xAxis.labels.fontSize,
-						fill: I.value.style.chart.xAxis.labels.color,
+					"font-size": F.value.style.chart.xAxis.labels.fontSize,
+					fill: F.value.style.chart.xAxis.labels.color,
+					"font-weight": F.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
+					transform: `translate(${t.selectorX}, ${W.value.bottom + F.value.style.chart.xAxis.labels.offsetY}), rotate(${F.value.style.chart.xAxis.labels.rotation})`,
+					"text-anchor": F.value.style.chart.xAxis.labels.rotation > 0 ? "start" : F.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
+					style: y({ opacity: M.value ? M.value.index === n ? 1 : .2 : 1 }),
+					innerHTML: T(r)({
+						content: String(t.label),
+						fontSize: F.value.style.chart.xAxis.labels.fontSize,
+						fill: F.value.style.chart.xAxis.labels.color,
 						x: 0,
 						y: 0
 					})
 				}, null, 12, _t)) : (b(), m("text", {
 					key: 0,
 					class: "vue-ui-ridgeline-x-axis-label",
-					"font-size": I.value.style.chart.xAxis.labels.fontSize,
-					fill: I.value.style.chart.xAxis.labels.color,
-					"font-weight": I.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
-					transform: `translate(${n.selectorX}, ${G.value.bottom + I.value.style.chart.xAxis.labels.offsetY}), rotate(${I.value.style.chart.xAxis.labels.rotation})`,
-					"text-anchor": I.value.style.chart.xAxis.labels.rotation > 0 ? "start" : I.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
-					style: y({ opacity: N.value ? N.value.index === r ? 1 : .2 : 1 })
-				}, w(n.label), 13, gt))])) : p("", !0)], !0)), 256))], 512)) : p("", !0),
+					"font-size": F.value.style.chart.xAxis.labels.fontSize,
+					fill: F.value.style.chart.xAxis.labels.color,
+					"font-weight": F.value.style.chart.xAxis.labels.bold ? "bold" : "normal",
+					transform: `translate(${t.selectorX}, ${W.value.bottom + F.value.style.chart.xAxis.labels.offsetY}), rotate(${F.value.style.chart.xAxis.labels.rotation})`,
+					"text-anchor": F.value.style.chart.xAxis.labels.rotation > 0 ? "start" : F.value.style.chart.xAxis.labels.rotation < 0 ? "end" : "middle",
+					style: y({ opacity: M.value ? M.value.index === n ? 1 : .2 : 1 })
+				}, w(t.label), 13, gt))])) : p("", !0)], !0)), 256))], 512)) : p("", !0),
 				h("g", null, [
-					(b(!0), m(u, null, S(q.value, (e, t) => (b(), m("rect", {
+					(b(!0), m(u, null, S(K.value, (e, t) => (b(), m("rect", {
 						x: e.x,
 						y: e.y,
 						width: e.width < 0 ? .1 : e.width,
 						height: e.height < 0 ? .1 : e.height,
 						fill: "transparent",
-						onMouseenter: (t) => jn(e),
-						onMouseleave: (t) => Mn(e),
-						onClick: () => Nn(e)
+						onMouseenter: (t) => Mn(e),
+						onMouseleave: (t) => Nn(e),
+						onClick: () => Pn(e)
 					}, null, 40, vt))), 256)),
-					I.value.style.chart.selector.show && N.value ? (b(), m("line", {
+					F.value.style.chart.selector.show && M.value ? (b(), m("line", {
 						key: 0,
-						x1: N.value.selectorX,
-						x2: N.value.selectorX,
-						y1: N.value.y,
-						y2: N.value.y + N.value.height - B.value / 2,
-						stroke: I.value.style.chart.selector.stroke,
-						"stroke-width": I.value.style.chart.selector.strokeWidth,
-						"stroke-dasharray": I.value.style.chart.selector.strokeDasharray,
+						x1: M.value.selectorX,
+						x2: M.value.selectorX,
+						y1: M.value.y,
+						y2: M.value.y + M.value.height - z.value / 2,
+						stroke: F.value.style.chart.selector.stroke,
+						"stroke-width": F.value.style.chart.selector.strokeWidth,
+						"stroke-dasharray": F.value.style.chart.selector.strokeDasharray,
 						"stroke-linecap": "round",
 						style: { pointerEvents: "none" }
 					}, null, 8, yt)) : p("", !0),
-					N.value ? (b(!0), m(u, { key: 1 }, S(J.value, (e) => (b(), m(u, null, [(b(!0), m(u, null, S(e.datapoints, (e) => (b(), m(u, null, [(b(!0), m(u, null, S(e.plots, (t, n) => (b(), m(u, null, [N.value && N.value.index === n ? (b(), m("circle", {
+					M.value ? (b(!0), m(u, { key: 1 }, S(q.value, (e) => (b(), m(u, null, [(b(!0), m(u, null, S(e.datapoints, (e) => (b(), m(u, null, [(b(!0), m(u, null, S(e.plots, (t, n) => (b(), m(u, null, [M.value && M.value.index === n ? (b(), m("circle", {
 						key: 0,
 						cx: t.x,
 						cy: t.y,
-						stroke: I.value.style.chart.selector.dot.stroke,
-						"stroke-width": I.value.style.chart.selector.dot.strokeWidth,
-						r: I.value.style.chart.selector.dot.radius,
-						fill: I.value.style.chart.selector.dot.useDatapointColor ? e.color : I.value.style.chart.selector.dot.fill,
+						stroke: F.value.style.chart.selector.dot.stroke,
+						"stroke-width": F.value.style.chart.selector.dot.strokeWidth,
+						r: F.value.style.chart.selector.dot.radius,
+						fill: F.value.style.chart.selector.dot.useDatapointColor ? e.color : F.value.style.chart.selector.dot.fill,
 						style: { pointerEvents: "none" }
-					}, null, 8, bt)) : p("", !0), N.value && N.value.index === n ? (b(), m("text", {
+					}, null, 8, bt)) : p("", !0), M.value && M.value.index === n ? (b(), m("text", {
 						key: 1,
-						x: Fn(t.x, T(c)(I.value.style.chart.selector.labels.formatter, t.value, T(r)({
-							p: I.value.style.chart.xAxis.labels.prefix,
+						x: In(t.x, T(oe)(F.value.style.chart.selector.labels.formatter, t.value, T(l)({
+							p: F.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
-							s: I.value.style.chart.xAxis.labels.suffix,
-							r: I.value.style.chart.selector.labels.rounding
-						})), I.value.style.chart.selector.labels.fontSize) ? t.x - I.value.style.chart.selector.labels.fontSize / 2 : t.x + I.value.style.chart.selector.labels.fontSize / 2,
-						y: t.y + I.value.style.chart.selector.labels.fontSize / 3,
-						"text-anchor": Fn(t.x, T(c)(I.value.style.chart.selector.labels.formatter, t.value, T(r)({
-							p: I.value.style.chart.xAxis.labels.prefix,
+							s: F.value.style.chart.xAxis.labels.suffix,
+							r: F.value.style.chart.selector.labels.rounding
+						})), F.value.style.chart.selector.labels.fontSize) ? t.x - F.value.style.chart.selector.labels.fontSize / 2 : t.x + F.value.style.chart.selector.labels.fontSize / 2,
+						y: t.y + F.value.style.chart.selector.labels.fontSize / 3,
+						"text-anchor": In(t.x, T(oe)(F.value.style.chart.selector.labels.formatter, t.value, T(l)({
+							p: F.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
-							s: I.value.style.chart.xAxis.labels.suffix,
-							r: I.value.style.chart.selector.labels.rounding
-						})), I.value.style.chart.selector.labels.fontSize) ? "end" : "start",
-						"font-size": I.value.style.chart.selector.labels.fontSize,
-						fill: I.value.style.chart.selector.labels.color,
+							s: F.value.style.chart.xAxis.labels.suffix,
+							r: F.value.style.chart.selector.labels.rounding
+						})), F.value.style.chart.selector.labels.fontSize) ? "end" : "start",
+						"font-size": F.value.style.chart.selector.labels.fontSize,
+						fill: F.value.style.chart.selector.labels.color,
 						style: { pointerEvents: "none" }
-					}, w(T(c)(I.value.style.chart.selector.labels.formatter, t.value, T(r)({
-						p: I.value.style.chart.xAxis.labels.prefix,
+					}, w(T(oe)(F.value.style.chart.selector.labels.formatter, t.value, T(l)({
+						p: F.value.style.chart.xAxis.labels.prefix,
 						v: t.value,
-						s: I.value.style.chart.xAxis.labels.suffix,
-						r: I.value.style.chart.selector.labels.rounding
+						s: F.value.style.chart.xAxis.labels.suffix,
+						r: F.value.style.chart.selector.labels.rounding
 					}))), 9, xt)) : p("", !0)], 64))), 256))], 64))), 256))], 64))), 256)) : p("", !0)
 				]),
 				C(e.$slots, "svg", { svg: {
-					...W.value,
-					drawingArea: G.value,
-					isPrintingImg: T(dn) || T(fn) || $t.value,
-					isPrintingSvg: en.value
+					...U.value,
+					drawingArea: W.value,
+					isPrintingImg: T(fn) || T(pn) || en.value,
+					isPrintingSvg: tn.value
 				} }, void 0, !0)
 			], 46, Xe)), e.$slots.hint ? (b(), m("div", St, [C(e.$slots, "hint", v(_({
-				hint: I.value.a11y.translations.keyboardNavigation,
-				isVisible: tn.value
+				hint: F.value.a11y.translations.keyboardNavigation,
+				isVisible: nn.value
 			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (b(), m("div", Ct, [C(e.$slots, "watermark", v(_({ isPrinting: T(dn) || T(fn) || $t.value || en.value })), void 0, !0)])) : p("", !0),
+			e.$slots.watermark ? (b(), m("div", Ct, [C(e.$slots, "watermark", v(_({ isPrinting: T(fn) || T(pn) || en.value || tn.value })), void 0, !0)])) : p("", !0),
 			h("div", {
 				ref_key: "chartLegend",
-				ref: zt
-			}, [C(e.$slots, "legend", { legend: X.value }, () => [I.value.style.chart.legend.show ? (b(), f(Me, {
-				key: `legend_${Wt.value}`,
-				legendSet: X.value,
-				config: Rn.value,
-				isCursorPointer: L.value,
-				onClickMarker: n[0] ||= ({ legend: e }) => yn(e.id)
+				ref: Bt
+			}, [C(e.$slots, "legend", { legend: Y.value }, () => [F.value.style.chart.legend.show ? (b(), f(Me, {
+				key: `legend_${Gt.value}`,
+				legendSet: Y.value,
+				config: zn.value,
+				isCursorPointer: I.value,
+				onClickMarker: t[0] ||= ({ legend: e }) => bn(e.id)
 			}, Pe({
-				item: E(({ legend: e }) => [T(R) ? p("", !0) : (b(), m("div", {
+				item: E(({ legend: e }) => [T(L) ? p("", !0) : (b(), m("div", {
 					key: 0,
-					style: y(`opacity:${Y.value.includes(e.id) ? .5 : 1}`),
+					style: y(`opacity:${J.value.includes(e.id) ? .5 : 1}`),
 					onClick: (t) => e.segregate()
 				}, w(e.name), 13, wt))]),
-				legendToggle: E(() => [X.value.length > 2 && I.value.style.chart.legend.selectAllToggle.show && !T(R) ? (b(), f(Oe, {
+				legendToggle: E(() => [Y.value.length > 2 && F.value.style.chart.legend.selectAllToggle.show && !T(L) ? (b(), f(Oe, {
 					key: 0,
-					backgroundColor: I.value.style.chart.legend.selectAllToggle.backgroundColor,
-					color: I.value.style.chart.legend.selectAllToggle.color,
-					fontSize: I.value.style.chart.legend.fontSize,
-					checked: Y.value.length > 0,
-					isCursorPointer: L.value,
-					onToggle: vn
+					backgroundColor: F.value.style.chart.legend.selectAllToggle.backgroundColor,
+					color: F.value.style.chart.legend.selectAllToggle.color,
+					fontSize: F.value.style.chart.legend.fontSize,
+					checked: J.value.length > 0,
+					isCursorPointer: I.value,
+					onToggle: yn
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1518,7 +1518,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						x: 30,
 						y: 30
 					},
-					fill: `url(#pattern_${M.value}_${t})`
+					fill: `url(#pattern_${j.value}_${t})`
 				}, null, 8, ["shape", "fill"])]),
 				key: "0"
 			} : void 0]), 1032, [
@@ -1529,31 +1529,31 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			e.$slots.source ? (b(), m("div", {
 				key: 6,
 				ref_key: "source",
-				ref: Bt,
+				ref: Vt,
 				dir: "auto"
 			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			O.value && I.value.userOptions.buttons.table ? (b(), f(Ve($n.value.component), Le({ key: 7 }, $n.value.props, {
+			Lt.value && F.value.userOptions.buttons.table ? (b(), f(Ve($n.value.component), Le({ key: 7 }, $n.value.props, {
 				ref_key: "tableUnit",
-				ref: Zt,
+				ref: Qt,
 				onClose: er
 			}), Pe({
 				content: E(() => [(b(), f(T(kt), {
-					key: `table_${Ut.value}`,
+					key: `table_${Wt.value}`,
 					colNames: Q.value.colNames,
 					head: Q.value.head,
 					body: Q.value.body,
 					config: Q.value.config,
-					title: I.value.table.useDialog ? "" : $n.value.title,
-					withCloseButton: !I.value.table.useDialog,
-					isCursorPointer: L.value,
+					title: F.value.table.useDialog ? "" : $n.value.title,
+					withCloseButton: !F.value.table.useDialog,
+					isCursorPointer: I.value,
 					onClose: er
 				}, {
 					th: E(({ th: e }) => [h("div", { innerHTML: e }, null, 8, Tt)]),
-					td: E(({ td: e }) => [Fe(w(e.name ? e.name : T(c)(I.value.style.chart.selector.labels.formatter, e, T(r)({
-						p: I.value.style.chart.xAxis.labels.prefix,
+					td: E(({ td: e }) => [Fe(w(e.name ? e.name : T(oe)(F.value.style.chart.selector.labels.formatter, e, T(l)({
+						p: F.value.style.chart.xAxis.labels.prefix,
 						v: e,
-						s: I.value.style.chart.xAxis.labels.suffix,
-						r: I.value.table.td.roundingValue
+						s: F.value.style.chart.xAxis.labels.suffix,
+						r: F.value.table.td.roundingValue
 					}))), 1)]),
 					_: 1
 				}, 8, [
@@ -1566,42 +1566,42 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 					"isCursorPointer"
 				]))]),
 				_: 2
-			}, [I.value.table.useDialog ? {
+			}, [F.value.table.useDialog ? {
 				name: "title",
 				fn: E(() => [Fe(w($n.value.title), 1)]),
 				key: "0"
-			} : void 0, I.value.table.useDialog ? {
+			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
 				fn: E(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => Xn(I.value.userOptions.callbacks.csv),
-					style: y({ cursor: L.value ? "pointer" : "default" })
+					onClick: t[1] ||= (e) => Xn(F.value.userOptions.callbacks.csv),
+					style: y({ cursor: I.value ? "pointer" : "default" })
 				}, [Ie(T(Dt), {
 					name: "fileCsv",
 					stroke: $n.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : p("", !0),
-			I.value.style.chart.dialog.show ? (b(), f(T(Nt), {
+			F.value.style.chart.dialog.show ? (b(), f(T(Nt), {
 				key: 8,
 				ref_key: "dialog",
-				ref: Jt,
-				onClose: n[2] ||= (e) => P.value = null,
-				backgroundColor: I.value.style.chart.dialog.backgroundColor,
-				color: I.value.style.chart.dialog.color,
-				headerBg: I.value.style.chart.dialog.header.backgroundColor,
-				headerColor: I.value.style.chart.dialog.header.color,
-				isFullscreen: Z.value,
-				fullscreenParent: k.value,
-				isCursorPointer: L.value,
+				ref: Yt,
+				onClose: t[2] ||= (e) => N.value = null,
+				backgroundColor: F.value.style.chart.dialog.backgroundColor,
+				color: F.value.style.chart.dialog.color,
+				headerBg: F.value.style.chart.dialog.header.backgroundColor,
+				headerColor: F.value.style.chart.dialog.header.color,
+				isFullscreen: X.value,
+				fullscreenParent: O.value,
+				isCursorPointer: I.value,
 				withPadding: ""
 			}, {
-				title: E(() => [Fe(w(P.value.name), 1)]),
-				content: E(() => [P.value ? (b(), f(T(Et), {
+				title: E(() => [Fe(w(N.value.name), 1)]),
+				content: E(() => [N.value ? (b(), f(T(Et), {
 					key: 0,
-					config: Bn.value,
-					dataset: Vn.value,
+					config: Vn.value,
+					dataset: Hn.value,
 					onCopyAlt: sr
 				}, null, 8, ["config", "dataset"])) : p("", !0)]),
 				_: 1
@@ -1614,7 +1614,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				"fullscreenParent",
 				"isCursorPointer"
 			])) : p("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(R) ? (b(), f(_e, { key: 0 })) : p("", !0)], !0)
+			C(e.$slots, "skeleton", {}, () => [T(L) ? (b(), f(_e, { key: 0 })) : p("", !0)], !0)
 		], 46, qe));
 	}
 }, [["__scopeId", "data-v-ca7f8c0d"]]);