vue-data-ui 3.22.4 → 3.22.6

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

@@ -1,24 +1,24 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.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 { A as t, At as n, Dt as r, H as i, Ht as a, Q as o, R as s, Rt as c, S as ee, W as te, Wt as ne, X as re, Y as ie, b as ae, dt as oe, i as l, j as se, lt as ce, q as le, r as ue, t as de, w as fe } from "./lib-DRBJCmHW.js";
 import { t as pe } from "./useTimeLabels-BmBRv27Y.js";
-import { t as me } from "./useConfig-pVLia3dt.js";
-import { t as he } from "./usePrinter-C0wAS8yc.js";
+import { t as me } from "./useConfig-DYM3f6EI.js";
+import { t as he } from "./usePrinter-CRp5IW3v.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-BjkuFaz1.js";
+import { t as ye } from "./useNestedProp-BEo2N1Db.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./useTimeLabelCollider-AEcY4Ioe.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 Se } from "./img-B_y5qDdm.js";
+import { n as Ce } from "./Title-C-p0ilWB.js";
+import { t as we } from "./Shape-BSetplwm.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-C4Usj0LI.js";
+import { t as Oe } from "./BaseLegendToggle-DFwIY5bE.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-DXOzbXb-.js";
+import { t as Me } from "./Legend-D-635Kag.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,7 +137,7 @@ 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-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({
+		let Et = g(() => import("./vue-ui-xy-Bmd11BxR.js").then((e) => e.n)), Dt = g(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), Ot = g(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), kt = g(() => import("./DataTable-CXfvIulC.js")), At = g(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), jt = g(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Mt = g(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), Nt = g(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_ridgeline: Pt } = me(), { isThemeValid: Ft, warnInvalidTheme: It } = be(), D = e, Lt = d({
 			get() {
 				return Array.isArray(R.value) && R.value.length > 0;
 			},
@@ -152,19 +152,19 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Ft.value(e)) return It(e), e;
-			let n = ye({
+			let r = ye({
 				userConfig: Ne[t] || D.config,
 				defaultConfig: e
-			}), r = ye({
+			}), i = ye({
 				userConfig: D.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : s[t] || c
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : a[t] || n
 			};
 		}
-		let F = x(rn()), I = d(() => F.value.userOptions.useCursorPointer), an = d(() => n({
+		let F = x(rn()), I = d(() => F.value.userOptions.useCursorPointer), an = d(() => ne({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -420,7 +420,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 					}]
 				}
 			],
-			skeletonConfig: n({
+			skeletonConfig: ne({
 				defaultConfig: F.value,
 				userConfig: an.value
 			})
@@ -428,7 +428,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 		function dn() {
 			let e = R.value || [];
 			if (!Array.isArray(e) || e.length === 0) {
-				a({
+				o({
 					componentName: "VueUiRidgeline",
 					type: "dataset",
 					debug: un.value
@@ -436,11 +436,11 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				return;
 			}
 			if (e.forEach((e, t) => {
-				ue({
+				ce({
 					datasetObject: e,
 					requiredAttributes: ["name", "datapoints"]
 				}).forEach((e) => {
-					Lt.value = !1, a({
+					Lt.value = !1, o({
 						componentName: "VueUiRidgeline",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -448,11 +448,11 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						debug: un.value
 					});
 				}), Array.isArray(e.datapoints) && e.datapoints.length && e.datapoints.forEach((e, n) => {
-					ue({
+					ce({
 						datasetObject: e,
 						requiredAttributes: ["name", "values"]
 					}).forEach((e) => {
-						Lt.value = !1, a({
+						Lt.value = !1, o({
 							componentName: "VueUiRidgeline",
 							type: "datasetSerieAttribute",
 							property: `datapoint.${e}`,
@@ -461,7 +461,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						});
 					});
 				});
-			}), 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) {
+			}), qt.value = e.length, z.value = Math.min(F.value.style.chart.areas.height, F.value.style.chart.areas.rowHeight), r(D.dataset) || (on.value = F.value.loading), F.value.responsive) {
 				let t = Ee(() => {
 					let { width: t, height: n } = De({
 						chart: O.value,
@@ -485,7 +485,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			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 });
+		}), gn = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), _n = d(() => ee(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);
 		}, {
@@ -523,11 +523,11 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			labelLen: Ln(e.name, F.value.style.chart.yAxis.labels.fontSize),
 			uid: te(),
 			datapoints: e.datapoints.map((e, t) => {
-				let n = e.color ? ie(e.color) : _n.value[t] || c[t] || c[t % c.length], r = fe(e.name);
+				let r = e.color ? ae(e.color) : _n.value[t] || n[t] || n[t % n.length], i = c(e.name);
 				return {
 					...e,
-					color: n,
-					id: r
+					color: r,
+					id: i
 				};
 			})
 		})) : []), 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(() => {
@@ -625,21 +625,21 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 		}
 		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;
+			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)), c = n + o;
+			function ee(e) {
+				return isNaN(e / c) ? 0 : e / c;
 			}
 			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));
+				let r = W.value.top + z.value * n, c = W.value.top + r + z.value * vn.value * (1 - ee(o));
 				return {
 					...e,
 					label: {
 						x: i - F.value.style.chart.yAxis.labels.fontSize,
-						y: s
+						y: c
 					},
 					datapoints: e.datapoints.map((e) => {
 						let n = e.values.map((t, n) => {
-							let ee = isNaN(t) || [
+							let s = isNaN(t) || [
 								void 0,
 								null,
 								"NaN",
@@ -649,21 +649,21 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 							].includes(t) ? 0 : t || 0;
 							return {
 								x: i + a * n,
-								y: W.value.top + r + z.value * vn.value * (1 - ne(ee + o)),
+								y: W.value.top + r + z.value * vn.value * (1 - ee(s + o)),
 								value: t,
 								isMaxPoint: t === Math.max(...e.values),
-								zero: s
+								zero: c
 							};
-						}), 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);
+						}), ne = `${t(n, c, !1, !1)}`, re = `M ${i},${c} ${s(n)} ${n.at(-1).x},${c}`, ie = `M ${i},${c} ${n.at(-1).x},${c}`, ae = `M ${se(n)}`, l = `M ${s(n)}`, ce = oe(F.value.style.chart.areas.smooth ? ae : l);
 						return {
 							...e,
 							uid: te(),
 							plots: n,
-							smoothPath: re,
-							straightPath: ie,
-							zeroPath: oe,
+							smoothPath: ne,
+							straightPath: re,
+							zeroPath: ie,
 							pathLength: ce,
-							smoothPathRidge: c,
+							smoothPathRidge: ae,
 							straightPathRidge: l
 						};
 					}).filter((e) => !J.value.includes(e.id))
@@ -674,7 +674,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			let t = /* @__PURE__ */ new Map();
 			return e.forEach((e) => {
 				e.datapoints.forEach((e, n) => {
-					let r = fe(e.name);
+					let r = c(e.name);
 					t.has(r) || t.set(r, {
 						id: r,
 						name: e.name,
@@ -707,7 +707,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				useArea: !0,
 				smooth: F.value.style.chart.areas.smooth,
 				series: e.values
-			})), N.value = e, Vn.value = re({
+			})), N.value = e, Vn.value = ie({
 				...F.value.style.chart.dialog.xyChart,
 				responsive: !0,
 				chart: {
@@ -746,27 +746,27 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				}
 			}), Yt.value && Yt.value.open());
 		}
-		let Z = x(null);
-		function Wn(e) {
-			Z.value = e;
+		let Wn = x(null);
+		function Gn(e) {
+			Wn.value = e;
 		}
-		function Gn() {
-			Z.value = null;
-		}
-		let Kn = x(!1);
-		function qn() {
-			Kn.value = !Kn.value;
+		function Kn() {
+			Wn.value = null;
 		}
+		let qn = x(!1);
 		function Jn() {
+			qn.value = !qn.value;
+		}
+		function Yn() {
 			V.value.showTable = !V.value.showTable;
 		}
-		let Yn = d(() => ({ body: q.value.flatMap((e) => e.datapoints.flatMap((t) => ({
+		let Xn = 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(() => {
+		}, ...e.values]) })), Z = d(() => {
 			let e = [F.value.table.columnNames.series, ...G.value.map((e) => e.text)], t = {
 				th: {
 					backgroundColor: F.value.table.th.backgroundColor,
@@ -783,23 +783,23 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			return {
 				colNames: [F.value.table.columnNames.series, ...G.value.map((e) => e.text)],
 				head: e,
-				body: Yn.value.body,
+				body: Xn.value.body,
 				config: t
 			};
 		});
-		function Xn(e = null) {
+		function Zn(e = null) {
 			Re(() => {
-				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({
+				let t = [[F.value.table.columnNames.series, ...G.map((e) => [e.text])], ...Xn.value.body.map((e, t) => [e[0].name, ...e.slice(1)])], n = fe([[F.value.style.chart.title.text], [F.value.style.chart.title.subtitle.text]].concat(t));
+				e ? e(n) : re({
 					csvContent: n,
 					title: F.value.style.chart.title.text || "vue-ui-ridgeline"
 				});
 			});
 		}
-		function Zn() {
+		function Qn() {
 			return q.value;
 		}
-		async function Qn({ scale: e = 2 } = {}) {
+		async function $n({ scale: e = 2 } = {}) {
 			if (!O.value) return;
 			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
 				domElement: O.value,
@@ -845,7 +845,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			targetClass: ".vue-ui-ridgeline-x-axis-label",
 			angle: F.value.style.chart.xAxis.labels.autoRotate.angle
 		});
-		let $n = d(() => {
+		let Q = d(() => {
 			let e = F.value.table.useDialog && !F.value.table.show, t = V.value.showTable;
 			return {
 				component: e ? Nt : Ot,
@@ -944,10 +944,10 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			mr(), nn.value = !1;
 		}
 		function dr(e) {
-			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) {
+			if (!B.value || qn.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 === " ", o = e.key === "Escape";
+			if (!t && !n && !r && !i && !a && !o) return;
+			if (e.preventDefault(), e.stopPropagation(), o) {
 				mr();
 				return;
 			}
@@ -962,14 +962,14 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			}
 			if (t || n) {
 				let e = P.value;
-				e = e === null ? n ? 0 : q.value.length - 1 : fr(e + (n ? 1 : -1)), P.value = e, Z.value = e;
+				e = e === null ? n ? 0 : q.value.length - 1 : fr(e + (n ? 1 : -1)), P.value = e, Wn.value = e;
 				return;
 			}
 			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);
+			let s = M.value?.index ?? null;
+			s = s === null ? i ? 0 : K.value.length - 1 : pr(s + (i ? 1 : -1));
+			let c = K.value[s];
+			c && Mn(c);
 		}
 		function fr(e) {
 			let t = q.value.length;
@@ -980,25 +980,25 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			return t ? (e % t + t) % t : null;
 		}
 		function mr() {
-			P.value = null, Z.value = null, M.value ? Nn(M.value) : M.value = null;
+			P.value = null, Wn.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)]),
+			head: Z.value.head,
+			body: Z.value.body.map((e) => [e[0]?.name ?? "", ...e.slice(1)]),
 			caption: F.value.a11y.translations.tableCaption,
 			notice: F.value.a11y.translations.tableAvailable
 		}));
 		return Te({
-			getData: Zn,
-			getImage: Qn,
+			getData: Qn,
+			getImage: $n,
 			generateImage: hn,
 			generateSvg: ar,
 			generatePdf: mn,
-			generateCsv: Xn,
+			generateCsv: Zn,
 			hideSeries: Cn,
 			showSeries: Sn,
-			toggleAnnotator: qn,
-			toggleTable: Jn,
+			toggleAnnotator: Jn,
+			toggleTable: Yn,
 			toggleFullscreen: Bn,
 			copyAlt: cr
 		}), (e, t) => (b(), m("div", {
@@ -1038,10 +1038,10 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				key: 1,
 				color: F.value.style.chart.color,
 				backgroundColor: F.value.style.chart.backgroundColor,
-				active: Kn.value,
+				active: qn.value,
 				svgRef: T(B),
 				isCursorPointer: I.value,
-				onClose: qn
+				onClose: Jn
 			}, {
 				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", v(_({ color: t })), void 0, !0)]),
@@ -1109,17 +1109,17 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				isTooltip: !1,
 				titles: { ...F.value.userOptions.buttonTitles },
 				hasAnnotator: F.value.userOptions.buttons.annotator,
-				isAnnotation: Kn.value,
+				isAnnotation: qn.value,
 				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,
+				onGenerateCsv: Zn,
 				onGenerateImage: or,
 				onGenerateSvg: ar,
-				onToggleTable: Jn,
-				onToggleAnnotator: qn,
+				onToggleTable: Yn,
+				onToggleAnnotator: Jn,
 				onCopyAlt: cr
 			}, Pe({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1220,7 +1220,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 			h("div", Ye, [(b(), m("svg", {
 				ref_key: "svgRef",
 				ref: B,
-				xmlns: T(le),
+				xmlns: T(de),
 				"aria-describedby": `chart-instructions-${j.value}`,
 				class: ze({
 					"vue-data-ui-fullscreen--on": X.value,
@@ -1342,7 +1342,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						y1: e.y,
 						x2: e.x,
 						y2: e.zero,
-						stroke: F.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? T(ce)(t.color) : F.value.style.chart.areas.maxPoint.stroke,
+						stroke: F.value.style.chart.areas.maxPoint.adaptStrokeToBackground ? T(ue)(t.color) : F.value.style.chart.areas.maxPoint.stroke,
 						"stroke-width": F.value.style.chart.areas.maxPoint.strokeWidth,
 						"stroke-linecap": "round",
 						"stroke-dasharray": F.value.style.chart.areas.maxPoint.strokeDasharray
@@ -1365,9 +1365,9 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 					"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,
+					"text-decoration": F.value.style.chart.dialog.show && (Wn.value === n || N.value && t.uid === N.value.uid || P.value === n) ? "underline" : "",
+					onMouseenter: (e) => Gn(n),
+					onMouseleave: Kn,
 					onClick: (e) => Un(t)
 				}, w(t.name), 45, mt)]))), 128)),
 				F.value.style.chart.xAxis.labels.values.length ? (b(), m("g", {
@@ -1392,7 +1392,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 					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)({
+					innerHTML: T(i)({
 						content: String(t.label),
 						fontSize: F.value.style.chart.xAxis.labels.fontSize,
 						fill: F.value.style.chart.xAxis.labels.color,
@@ -1443,14 +1443,14 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						style: { pointerEvents: "none" }
 					}, null, 8, bt)) : p("", !0), M.value && M.value.index === n ? (b(), m("text", {
 						key: 1,
-						x: In(t.x, T(oe)(F.value.style.chart.selector.labels.formatter, t.value, T(l)({
+						x: In(t.x, T(l)(F.value.style.chart.selector.labels.formatter, t.value, T(le)({
 							p: F.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
 							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)({
+						"text-anchor": In(t.x, T(l)(F.value.style.chart.selector.labels.formatter, t.value, T(le)({
 							p: F.value.style.chart.xAxis.labels.prefix,
 							v: t.value,
 							s: F.value.style.chart.xAxis.labels.suffix,
@@ -1459,7 +1459,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 						"font-size": F.value.style.chart.selector.labels.fontSize,
 						fill: F.value.style.chart.selector.labels.color,
 						style: { pointerEvents: "none" }
-					}, w(T(oe)(F.value.style.chart.selector.labels.formatter, t.value, T(l)({
+					}, w(T(l)(F.value.style.chart.selector.labels.formatter, t.value, T(le)({
 						p: F.value.style.chart.xAxis.labels.prefix,
 						v: t.value,
 						s: F.value.style.chart.xAxis.labels.suffix,
@@ -1532,24 +1532,24 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				ref: Vt,
 				dir: "auto"
 			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			Lt.value && F.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(Q.value.component), Le({ key: 7 }, Q.value.props, {
 				ref_key: "tableUnit",
 				ref: Qt,
 				onClose: er
 			}), Pe({
 				content: E(() => [(b(), f(T(kt), {
 					key: `table_${Wt.value}`,
-					colNames: Q.value.colNames,
-					head: Q.value.head,
-					body: Q.value.body,
-					config: Q.value.config,
-					title: F.value.table.useDialog ? "" : $n.value.title,
+					colNames: Z.value.colNames,
+					head: Z.value.head,
+					body: Z.value.body,
+					config: Z.value.config,
+					title: F.value.table.useDialog ? "" : Q.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(oe)(F.value.style.chart.selector.labels.formatter, e, T(l)({
+					td: E(({ td: e }) => [Fe(w(e.name ? e.name : T(l)(F.value.style.chart.selector.labels.formatter, e, T(le)({
 						p: F.value.style.chart.xAxis.labels.prefix,
 						v: e,
 						s: F.value.style.chart.xAxis.labels.suffix,
@@ -1568,18 +1568,18 @@ var Ke = /* @__PURE__ */ e({ default: () => Et }), qe = ["id"], Je = ["id"], Ye
 				_: 2
 			}, [F.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Fe(w($n.value.title), 1)]),
+				fn: E(() => [Fe(w(Q.value.title), 1)]),
 				key: "0"
 			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
 				fn: E(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Xn(F.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => Zn(F.value.userOptions.callbacks.csv),
 					style: y({ cursor: I.value ? "pointer" : "default" })
 				}, [Ie(T(Dt), {
 					name: "fileCsv",
-					stroke: $n.value.props.color
+					stroke: Q.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : p("", !0),