vue-data-ui 3.20.11 → 3.21.1

package/dist/{vue-ui-history-plot-BpyvvMPA.js → vue-ui-history-plot-BsRlZ3Ch.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, Ct as r, Et as i, G as a, H as ee, J as o, Lt as te, Rt as ne, S as re, W as ie, X as ae, bt as oe, h as se, i as s, ot as ce, pt as le, r as ue, t as de, x as fe, y as pe, zt as c } from "./lib-DUeYQsS0.js";
+import { B as t, Bt as n, G as r, H as i, Ht as a, J as ee, Ot as o, S as te, St as ne, Tt as re, Vt as s, W as ie, X as ae, ct as oe, h as se, ht as ce, i as c, r as le, t as ue, x as de, y as fe, zt as pe } from "./lib-AJRHFE5U.js";
 import { t as me } from "./useConfig-DnH7Pf_2.js";
-import { t as he } from "./usePrinter-C1Gqt_Sp.js";
+import { t as he } from "./usePrinter-6n2MzVyV.js";
 import { n as ge, t as _e } from "./BaseScanner-Dr2a1Msy.js";
 import { t as ve } from "./useSvgExport-SVIsDot8.js";
-import { t as ye } from "./useNestedProp-CNcoy38D.js";
+import { t as ye } from "./useNestedProp-DtcXIg7n.js";
 import { t as be } from "./useThemeCheck-C43Tcqmk.js";
 import { t as xe } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as Se } from "./img-1cKsci8e.js";
-import { n as Ce } from "./Title-NWp4qB4K.js";
+import { t as Se } from "./img-C_RNNswI.js";
+import { n as Ce } from "./Title-DH6G8_cZ.js";
 import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as Te } from "./canvas-lib-BOP_HS11.js";
 import { t as Ee } from "./useResponsive-BfnK0KxU.js";
-import { t as De } from "./BaseLegendToggle-C_Db-y7s.js";
+import { t as De } from "./BaseLegendToggle-BNRi408o.js";
 import { t as Oe } from "./A11yDataTable-BCbtxMU6.js";
 import { t as ke } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ae } from "./useChartAccessibility-DYqac8yF.js";
-import { t as je } from "./Legend-Cz2uQ5gs.js";
+import { t as je } from "./Legend-BLhREbj7.js";
 import { t as Me } from "./vue_ui_history_plot-CuN63VEc.js";
 import { Fragment as l, Teleport as Ne, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Pe, createTextVNode as Fe, createVNode as Ie, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Le, nextTick as Re, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as ze, onMounted 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-history-plot.vue
@@ -173,7 +173,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 		"copyAlt"
 	],
 	setup(e, { expose: we, emit: Ke }) {
-		let Nt = h(() => import("./Tooltip-BENq327o.js")), Pt = h(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Ft = h(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), It = h(() => import("./DataTable-B--IN22e.js")), Lt = h(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Rt = h(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), zt = h(() => import("./PackageVersion-eS823iMF.js").then((e) => e.t)), Bt = h(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_history_plot: Vt } = me(), { isThemeValid: Ht, warnInvalidTheme: Ut } = be(), D = e, O = x(null), Wt = x(null), Gt = x(0), Kt = x(null), qt = x(0), Jt = x(0), Yt = x(0), k = He(null), A = He(null), Xt = x(null), j = x(ee()), Zt = x(!1), Qt = x(""), M = x([]), N = x(!1), P = x(null), F = x(!1), $t = x(null), en = x(!1), I = x(null), tn = x(null), nn = x(!1), rn = x(!1), an = x(null), on = x(null), sn = x(null), cn = x(null), L = x(null), R = x(null), ln = x({
+		let Nt = h(() => import("./Tooltip-979Ytd8R.js")), Pt = h(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), Ft = h(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), It = h(() => import("./DataTable-DweDyHc1.js")), Lt = h(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Rt = h(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), zt = h(() => import("./PackageVersion-C19kRMwz.js").then((e) => e.t)), Bt = h(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_history_plot: Vt } = me(), { isThemeValid: Ht, warnInvalidTheme: Ut } = be(), D = e, O = x(null), Wt = x(null), Gt = x(0), Kt = x(null), qt = x(0), Jt = x(0), Yt = x(0), k = He(null), A = He(null), Xt = x(null), j = x(i()), Zt = x(!1), Qt = x(""), M = x([]), N = x(!1), P = x(null), F = x(!1), $t = x(null), en = x(!1), I = x(null), tn = x(null), nn = x(!1), rn = x(!1), an = x(null), on = x(null), sn = x(null), cn = x(null), L = x(null), R = x(null), ln = x({
 			x: 0,
 			y: 0
 		}), un = x("pointer"), dn = x(!1), fn = u({
@@ -185,12 +185,12 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 		});
 		let mn = u(() => !!z.value.debug);
 		function hn() {
-			if (r(D.dataset) ? (ae({
+			if (re(D.dataset) ? (ae({
 				componentName: "VueUiHistoryPlot",
 				type: "dataset",
 				debug: mn.value
 			}), yn.value = !0) : D.dataset.forEach((e, t) => {
-				ce({
+				oe({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
@@ -202,7 +202,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 						debug: mn.value
 					});
 				});
-			}), r(D.dataset) || (yn.value = z.value.loading), z.value.responsive) {
+			}), re(D.dataset) || (yn.value = z.value.loading), z.value.responsive) {
 				let e = Te(() => {
 					let { width: e, height: t } = Ee({
 						chart: O.value,
@@ -212,43 +212,43 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 						source: $t.value
 					});
 					requestAnimationFrame(() => {
-						W.value.width = e, W.value.height = t, z.value.responsiveProportionalSizing ? (K.value.plots = c({
+						W.value.width = e, W.value.height = t, z.value.responsiveProportionalSizing ? (K.value.plots = s({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.plots.radius,
 							threshold: 3,
 							fallback: 3
-						}), K.value.indexLabels = c({
+						}), K.value.indexLabels = s({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.plots.indexLabels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), K.value.labels = c({
+						}), K.value.labels = s({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.plots.labels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), K.value.xAxisLabels = c({
+						}), K.value.xAxisLabels = s({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.axes.x.labels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), K.value.xAxisName = c({
+						}), K.value.xAxisName = s({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.axes.x.name.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), K.value.yAxisLabels = c({
+						}), K.value.yAxisLabels = s({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.axes.y.labels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), K.value.yAxisName = c({
+						}), K.value.yAxisName = s({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.axes.y.name.fontSize,
@@ -267,25 +267,25 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			let e = ye({
 				userConfig: D.config,
 				defaultConfig: Vt
-			}), t = {}, n = e.theme;
-			if (n) if (!Ht.value(e)) Ut(e), t = e;
+			}), t = {}, r = e.theme;
+			if (r) if (!Ht.value(e)) Ut(e), t = e;
 			else {
-				let r = ye({
-					userConfig: Me[n] || D.config,
+				let i = ye({
+					userConfig: Me[r] || D.config,
 					defaultConfig: e
 				});
 				t = {
 					...ye({
 						userConfig: D.config,
-						defaultConfig: r
+						defaultConfig: i
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : ne[n] || i
+					customPalette: e.customPalette.length ? e.customPalette : n[r] || o
 				};
 			}
 			else t = e;
 			return t;
 		}
-		let z = x(gn()), B = u(() => z.value.userOptions.useCursorPointer), _n = u(() => n({
+		let z = x(gn()), B = u(() => z.value.userOptions.useCursorPointer), _n = u(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -354,7 +354,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 					}
 				]
 			}],
-			skeletonConfig: n({
+			skeletonConfig: a({
 				defaultConfig: z.value,
 				userConfig: _n.value
 			})
@@ -368,7 +368,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			elementId: `history_plot_${j.value}`,
 			fileName: z.value.style.chart.title.text || "vue-ui-history-plot",
 			options: z.value.userOptions.print
-		}), Dn = u(() => z.value.userOptions.show && !z.value.style.chart.title.text), On = u(() => fe(z.value.customPalette)), U = x({
+		}), Dn = u(() => z.value.userOptions.show && !z.value.style.chart.title.text), On = u(() => de(z.value.customPalette)), U = x({
 			showTable: z.value.table.show,
 			showTooltip: z.value.style.chart.tooltip.show
 		});
@@ -427,7 +427,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			yAxisName: z.value.style.chart.axes.y.name.fontSize
 		}), q = u(() => vn.value.map((e, t) => ({
 			...e,
-			color: e.color ? pe(e.color) : On.value[t] || i[t] || i[t % i.length],
+			color: e.color ? fe(e.color) : On.value[t] || o[t] || o[t % o.length],
 			seriesIndex: t
 		}))), Fn = u(() => Math.max(...q.value.filter((e) => !M.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.x)))), In = u(() => {
 			let e = Math.min(...q.value.filter((e) => !M.value.includes(e.seriesIndex)).flatMap((e) => e.values.map((e) => e.x)));
@@ -471,7 +471,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 				y: Bn(t.y),
 				color: e.color,
 				seriesName: e.name,
-				id: ee()
+				id: i()
 			})), r = n.map((e) => `${e.x},${e.y} `).join("").trim();
 			return {
 				...e,
@@ -542,10 +542,10 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			if (!n) return;
 			let r = n.plots[t];
 			if (!r) return;
-			let i = te(r.x, r.y, H.value);
+			let i = pe(r.x, r.y, H.value);
 			i && (ln.value = i);
 		}
-		function Qn({ datapoint: e, plotIndex: t, seriesIndex: n, triggerMode: r = "pointer" }) {
+		function Qn({ datapoint: e, plotIndex: t, seriesIndex: n, triggerMode: i = "pointer" }) {
 			z.value.events.datapointEnter && z.value.events.datapointEnter({
 				datapoint: {
 					...e,
@@ -553,16 +553,16 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 					seriesIndex: n
 				},
 				seriesIndex: n
-			}), L.value = n, R.value = t, un.value = r, Yn.value = {
+			}), L.value = n, R.value = t, un.value = i, Yn.value = {
 				datapoint: e,
 				seriesIndex: n,
 				plotIndex: t,
 				config: z.value,
 				series: q.value
 			}, P.value = e;
-			let i = z.value.style.chart.tooltip.customFormat;
-			if (F.value = !1, le(i)) try {
-				let r = i({
+			let a = z.value.style.chart.tooltip.customFormat;
+			if (F.value = !1, ce(a)) try {
+				let r = a({
 					seriesIndex: n,
 					datapoint: e,
 					plotIndex: t,
@@ -575,19 +575,19 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			}
 			if (!F.value) {
 				let t = "";
-				t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;border-bottom:1px solid ${z.value.style.chart.tooltip.borderColor};margin-bottom:3px;padding-bottom:6px;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.color}"/></svg><span>${e.seriesName}</span></div>`, t += `<div>${e.label}</div>`, t += `<div>${z.value.style.chart.axes.x.name.text || "x"}: ${s(z.value.style.chart.axes.x.labels.formatter, e.valueX, a({
+				t += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;border-bottom:1px solid ${z.value.style.chart.tooltip.borderColor};margin-bottom:3px;padding-bottom:6px;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.color}"/></svg><span>${e.seriesName}</span></div>`, t += `<div>${e.label}</div>`, t += `<div>${z.value.style.chart.axes.x.name.text || "x"}: ${c(z.value.style.chart.axes.x.labels.formatter, e.valueX, r({
 					p: z.value.style.chart.axes.x.labels.prefix,
 					v: e.valueX,
 					s: z.value.style.chart.axes.x.labels.suffix,
 					r: z.value.style.chart.axes.x.labels.rounding
-				}))}</div>`, t += `<div>${z.value.style.chart.axes.y.name.text || "y"}: ${s(z.value.style.chart.axes.y.labels.formatter, e.valueY, a({
+				}))}</div>`, t += `<div>${z.value.style.chart.axes.y.name.text || "y"}: ${c(z.value.style.chart.axes.y.labels.formatter, e.valueY, r({
 					p: z.value.style.chart.axes.y.labels.prefix,
 					v: e.valueY,
 					s: z.value.style.chart.axes.y.labels.suffix,
 					r: z.value.style.chart.axes.y.labels.rounding
 				}))}</div>`, Qt.value = `<div>${t}</div>`;
 			}
-			Zt.value = !0, r === "keyboard" && Re(() => {
+			Zt.value = !0, i === "keyboard" && Re(() => {
 				Zn(n, t);
 			});
 		}
@@ -610,13 +610,13 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 						name: e.seriesName
 					},
 					e.label,
-					s(z.value.style.chart.axes.x.labels.formatter, e.valueX, a({
+					c(z.value.style.chart.axes.x.labels.formatter, e.valueX, r({
 						p: z.value.style.chart.axes.x.labels.prefix,
 						v: e.valueX,
 						s: z.value.style.chart.axes.x.labels.suffix,
 						r: z.value.style.chart.axes.x.labels.rounding
 					})),
-					s(z.value.style.chart.axes.y.labels.formatter, e.valueY, a({
+					c(z.value.style.chart.axes.y.labels.formatter, e.valueY, r({
 						p: z.value.style.chart.axes.y.labels.prefix,
 						v: e.valueY,
 						s: z.value.style.chart.axes.y.labels.suffix,
@@ -651,12 +651,12 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 					[e.label],
 					[e.valueX],
 					[e.valueY]
-				])), r = re([
+				])), r = te([
 					[z.value.style.chart.title.text],
 					[z.value.style.chart.title.subtitle.text],
 					t
 				].concat(n));
-				e ? e(r) : o({
+				e ? e(r) : ee({
 					csvContent: r,
 					title: z.value.style.chart.title.text || "vue-ui-history-plot"
 				});
@@ -723,7 +723,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			targetClass: ".vue-ui-history-plot-x-axis-scale",
 			rotation: z.value.style.chart.axes.x.labels.autoRotate.angle
 		});
-		let ar = u(() => {
+		let $ = u(() => {
 			let e = z.value.table.useDialog && !z.value.table.show, t = U.value.showTable;
 			return {
 				component: e ? Bt : Ft,
@@ -756,33 +756,33 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 		We(() => U.value.showTable, (e) => {
 			z.value.table.show || (e && z.value.table.useDialog && I.value ? I.value.open() : "close" in I.value && I.value.close());
 		});
-		function or() {
+		function ar() {
 			U.value.showTable = !1, tn.value && tn.value.setTableIconState(!1);
 		}
-		let sr = u(() => z.value.style.chart.backgroundColor), cr = u(() => z.value.style.chart.legend), { exportSvg: lr, getSvg: ur } = ve({
+		let or = u(() => z.value.style.chart.backgroundColor), sr = u(() => z.value.style.chart.legend), { exportSvg: cr, getSvg: lr } = ve({
 			svg: H,
 			title: u(() => z.value.style.chart.title),
-			legend: cr,
+			legend: sr,
 			legendItems: X,
-			backgroundColor: sr
+			backgroundColor: or
 		});
-		async function dr({ isCb: e }) {
+		async function ur({ isCb: e }) {
 			rn.value = !0, await Re();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await ur();
+					let { blob: e, url: t, text: n, dataUrl: r } = await lr();
 					await Promise.resolve(z.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(lr());
+				} else await Promise.resolve(cr());
 			} finally {
 				rn.value = !1;
 			}
 		}
-		function fr(e) {
+		function dr(e) {
 			if (e?.stage === "start") {
 				nn.value = !0;
 				return;
@@ -793,7 +793,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			}
 			En();
 		}
-		async function pr() {
+		async function fr() {
 			if (pn("copyAlt", {
 				config: z.value,
 				dataset: Y.value
@@ -806,7 +806,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 				dataset: Y.value
 			}));
 		}
-		let $ = u(() => ({
+		let pr = u(() => ({
 			head: Z.value.head,
 			body: Z.value.body.map((e) => [
 				e[0]?.name || "",
@@ -925,14 +925,14 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			generatePdf: Tn,
 			generateCsv: $n,
 			generateImage: En,
-			generateSvg: dr,
+			generateSvg: ur,
 			hideSeries: Gn,
 			showSeries: Wn,
 			toggleTable: tr,
 			toggleTooltip: nr,
 			toggleAnnotator: er,
 			toggleFullscreen: Jn,
-			copyAlt: pr
+			copyAlt: fr
 		}), (e, n) => (b(), p("div", {
 			id: `history_plot_${j.value}`,
 			ref_key: "historyPlotChart",
@@ -950,13 +950,13 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
 			}, [m("p", null, w(z.value.a11y.translations.keyboardNavigation), 1)], 8, Je),
-			$.value.body.length ? (b(), d(Oe, {
+			pr.value.body.length ? (b(), d(Oe, {
 				key: 0,
 				uid: j.value,
-				head: $.value.head,
-				body: $.value.body,
-				caption: $.value.caption,
-				notice: $.value.notice
+				head: pr.value.head,
+				body: pr.value.body,
+				caption: pr.value.caption,
+				notice: pr.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
@@ -1047,12 +1047,12 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 				onToggleFullscreen: Jn,
 				onGeneratePdf: T(Tn),
 				onGenerateCsv: $n,
-				onGenerateImage: fr,
-				onGenerateSvg: dr,
+				onGenerateImage: dr,
+				onGenerateSvg: ur,
 				onToggleTable: tr,
 				onToggleTooltip: nr,
 				onToggleAnnotator: er,
-				onCopyAlt: pr,
+				onCopyAlt: fr,
 				style: y({ visibility: T(Sn) ? T(bn) ? "visible" : "hidden" : "visible" })
 			}, Pe({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1128,7 +1128,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 			m("div", Xe, [(b(), p("svg", {
 				ref_key: "svgRef",
 				ref: H,
-				xmlns: T(de),
+				xmlns: T(ue),
 				viewBox: `0 0 ${W.value.width < 0 ? .1 : W.value.width} ${W.value.height < 0 ? .1 : W.value.height}`,
 				style: y(`max-width:100%;overflow:visible;background:transparent;color:${z.value.style.chart.color}`),
 				"aria-describedby": `chart-instructions-${j.value}`,
@@ -1152,7 +1152,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 				}, [
 					m("stop", {
 						offset: "10%",
-						"stop-color": T(oe)(e.color, z.value.style.chart.plots.gradient.intensity / 100)
+						"stop-color": T(ne)(e.color, z.value.style.chart.plots.gradient.intensity / 100)
 					}, null, 8, tt),
 					m("stop", {
 						offset: "90%",
@@ -1191,7 +1191,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 					fill: z.value.style.chart.axes.y.labels.color,
 					"font-size": K.value.yAxisLabels,
 					"text-anchor": "end"
-				}, w(T(s)(z.value.style.chart.axes.y.labels.formatter, e.value, T(a)({
+				}, w(T(c)(z.value.style.chart.axes.y.labels.formatter, e.value, T(r)({
 					p: z.value.style.chart.axes.y.labels.prefix,
 					v: e.value,
 					s: z.value.style.chart.axes.y.labels.suffix,
@@ -1235,7 +1235,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 					fill: z.value.style.chart.axes.x.labels.color,
 					"font-size": K.value.xAxisLabels,
 					"text-anchor": z.value.style.chart.axes.x.labels.rotation > 0 ? "start" : z.value.style.chart.axes.x.labels.rotation < 0 ? "end" : "middle"
-				}, w(T(s)(z.value.style.chart.axes.x.labels.formatter, e.value, T(a)({
+				}, w(T(c)(z.value.style.chart.axes.x.labels.formatter, e.value, T(r)({
 					p: z.value.style.chart.axes.x.labels.prefix,
 					v: e.value,
 					s: z.value.style.chart.axes.x.labels.suffix,
@@ -1352,7 +1352,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 						y: t.y + z.value.style.chart.plots.indexLabels.offsetY + K.value.indexLabels / 3,
 						"font-size": K.value.indexLabels,
 						"font-weight": z.value.style.chart.plots.indexLabels.bold ? "bold" : "normal",
-						fill: z.value.style.chart.plots.indexLabels.adaptColorToBackground ? T(ue)(e.color) : z.value.style.chart.plots.indexLabels.color,
+						fill: z.value.style.chart.plots.indexLabels.adaptColorToBackground ? T(le)(e.color) : z.value.style.chart.plots.indexLabels.color,
 						"text-anchor": "middle",
 						class: _({ animated: z.value.useCssAnimation && !T(V) }),
 						style: y({
@@ -1494,10 +1494,10 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			fn.value && z.value.userOptions.buttons.table ? (b(), d(Ve(ar.value.component), Le({ key: 8 }, ar.value.props, {
+			fn.value && z.value.userOptions.buttons.table ? (b(), d(Ve($.value.component), Le({ key: 8 }, $.value.props, {
 				ref_key: "tableUnit",
 				ref: I,
-				onClose: or
+				onClose: ar
 			}), Pe({
 				content: E(() => [(b(), d(T(It), {
 					key: `table_${Jt.value}`,
@@ -1505,10 +1505,10 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 					head: Z.value.head,
 					body: Z.value.body,
 					config: Z.value.config,
-					title: z.value.table.useDialog ? "" : ar.value.title,
+					title: z.value.table.useDialog ? "" : $.value.title,
 					withCloseButton: !z.value.table.useDialog,
 					isCursorPointer: B.value,
-					onClose: or
+					onClose: ar
 				}, {
 					th: E(({ th: e }) => [m("div", {
 						innerHTML: e,
@@ -1531,7 +1531,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 				_: 2
 			}, [z.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Fe(w(ar.value.title), 1)]),
+				fn: E(() => [Fe(w($.value.title), 1)]),
 				key: "0"
 			} : void 0, z.value.table.useDialog ? {
 				name: "actions",
@@ -1542,7 +1542,7 @@ var Ke = /* @__PURE__ */ e({ default: () => Nt }), qe = ["id"], Je = ["id"], Ye
 					style: y({ cursor: B.value ? "pointer" : "default" })
 				}, [Ie(T(Pt), {
 					name: "fileCsv",
-					stroke: ar.value.props.color
+					stroke: $.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : f("", !0),