vue-data-ui 3.19.8 → 3.20.0

package/dist/{vue-ui-strip-plot-DX36qFKk.js → vue-ui-strip-plot-D2CcJw_5.js}

@@ -1,22 +1,22 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { B as t, G as n, H as r, Ht as i, J as a, Lt as ee, Rt as o, S as s, St as te, Tt as c, W as ne, X as re, h as ie, i as ae, nt as oe, ot as se, pt as ce, t as le, v as ue, x as de, y as fe, yt as pe, zt as me } from "./lib-BkiwukKO.js";
-import { t as he } from "./useConfig-ByaaSKhz.js";
-import { t as ge } from "./usePrinter-X0yWOynH.js";
-import { n as _e, t as ve } from "./BaseScanner-C7dmAref.js";
-import { t as ye } from "./useSvgExport-Dtu973wa.js";
-import { t as be } from "./useNestedProp-Ck4hsrpu.js";
-import { t as xe } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as Se } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as Ce } from "./img-BjOr008R.js";
-import { n as we } from "./Title-__gWq2g6.js";
-import { t as Te } from "./Shape-DEGOZ6GG.js";
-import { t as Ee } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as De } from "./canvas-lib-DTaADQOK.js";
-import { t as Oe } from "./useResponsive-CrAInupd.js";
-import { t as ke } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as Ae } from "./useUserOptionState-CjPJPTg2.js";
-import { t as je } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Me } from "./vue_ui_strip_plot-8ZelqC5b.js";
+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 o, J as s, Rt as c, S as ee, Ut as te, W as ne, X as re, bt as ie, h as ae, i as oe, nt as se, ot as ce, pt as le, t as ue, v as de, x as fe, y as pe, zt as me } from "./lib-DUeYQsS0.js";
+import { t as he } from "./useConfig-DAyQk86L.js";
+import { t as ge } from "./usePrinter-C1Gqt_Sp.js";
+import { n as _e, t as ve } from "./BaseScanner-Dr2a1Msy.js";
+import { t as ye } from "./useSvgExport-SVIsDot8.js";
+import { t as be } from "./useNestedProp-CNcoy38D.js";
+import { t as xe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as Se } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as Ce } from "./img-1cKsci8e.js";
+import { n as we } from "./Title-NWp4qB4K.js";
+import { t as Te } from "./Shape-BPCJfphn.js";
+import { t as Ee } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as De } from "./canvas-lib-BOP_HS11.js";
+import { t as Oe } from "./useResponsive-BfnK0KxU.js";
+import { t as ke } from "./A11yDataTable-BCbtxMU6.js";
+import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
+import { t as je } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Me } from "./vue_ui_strip_plot-CtJe8_gq.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Ne, createTextVNode as Pe, createVNode as Fe, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Ie, nextTick as Le, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Re, onMounted as ze, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Be, shallowRef as Ve, toDisplayString as w, toRefs as He, unref as T, watch as Ue, watchEffect as We, withCtx as E } from "vue";
 //#region src/components/vue-ui-strip-plot.vue
 var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je = { style: { position: "relative" } }, Ye = [
@@ -133,17 +133,17 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: Ee, emit: Ge }) {
-		let xt = h(() => import("./Tooltip-CuWEYGr3.js")), St = h(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Ct = h(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), wt = h(() => import("./DataTable-DmE8Oo4i.js")), Tt = h(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Et = h(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Dt = h(() => import("./PackageVersion-zJAUEmyB.js").then((e) => e.t)), Ot = h(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_strip_plot: kt } = he(), { isThemeValid: At, warnInvalidTheme: jt } = xe(), D = e, Mt = Ge, O = u({
+		let xt = h(() => import("./Tooltip-BENq327o.js")), St = h(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Ct = h(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), wt = h(() => import("./DataTable-B--IN22e.js")), Tt = h(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Et = h(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Dt = h(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), Ot = h(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_strip_plot: kt } = he(), { isThemeValid: At, warnInvalidTheme: jt } = xe(), D = e, Mt = Ge, O = u({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), k = x(r()), Nt = x(0), Pt = x(!1), Ft = x(""), A = x(null), It = x(null), Lt = x(null), Rt = x(null), zt = x(!1), Bt = x(0), Vt = x(0), j = x(null), Ht = x(null), Ut = x(!1), Wt = x(!1), Gt = x(null), Kt = x(null), qt = x(null), Jt = x(null), M = x(null), N = x(null), P = x("pointer"), Yt = x({
+		}), k = x(o()), Nt = x(0), Pt = x(!1), Ft = x(""), A = x(null), It = x(null), Lt = x(null), Rt = x(null), zt = x(!1), Bt = x(0), Vt = x(0), j = x(null), Ht = x(null), Ut = x(!1), Wt = x(!1), Gt = x(null), Kt = x(null), qt = x(null), Jt = x(null), M = x(null), N = x(null), P = x("pointer"), Yt = x({
 			x: 0,
 			y: 0
-		}), Xt = x(!1), F = x(an()), I = u(() => F.value.userOptions.useCursorPointer), Zt = u(() => me({
+		}), Xt = x(!1), F = x(an()), I = u(() => F.value.userOptions.useCursorPointer), Zt = u(() => n({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -269,7 +269,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					]
 				}
 			],
-			skeletonConfig: me({
+			skeletonConfig: n({
 				defaultConfig: F.value,
 				userConfig: Zt.value
 			})
@@ -290,7 +290,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ee[t] || c
+				customPalette: r.customPalette.length ? r.customPalette : c[t] || i
 			};
 		}
 		Ue(() => D.config, async (e) => {
@@ -304,12 +304,12 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		});
 		let on = u(() => !!F.value.debug);
 		function sn() {
-			if (te(D.dataset) ? (re({
+			if (r(D.dataset) ? (re({
 				componentName: "VueUiStripPlot",
 				type: "dataset",
 				debug: on.value
 			}), en.value = !0) : D.dataset.forEach((e, t) => {
-				se({
+				ce({
 					datasetObject: e,
 					requiredAttributes: ["name", "plots"]
 				}).forEach((e) => {
@@ -321,7 +321,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 						debug: on.value
 					});
 				}), e.plots && e.plots.forEach((e, n) => {
-					se({
+					ce({
 						datasetObject: e,
 						requiredAttributes: ["name", "value"]
 					}).forEach((e) => {
@@ -334,7 +334,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 						});
 					});
 				});
-			}), te(D.dataset) || (en.value = F.value.loading), F.value.responsive) {
+			}), r(D.dataset) || (en.value = F.value.loading), F.value.responsive) {
 				let e = De(() => {
 					let { width: e, height: t } = Oe({
 						chart: A.value,
@@ -343,7 +343,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 						noTitle: Rt.value
 					});
 					requestAnimationFrame(() => {
-						hn.value = t, V.value = Math.max(.1, e), H.value = Math.max(.1, t - 12), F.value.responsiveProportionalSizing ? U.value = o({
+						hn.value = t, V.value = Math.max(.1, e), H.value = Math.max(.1, t - 12), F.value.responsiveProportionalSizing ? U.value = me({
 							relator: Math.min(t, e),
 							adjuster: 600,
 							source: F.value.style.chart.plots.radius,
@@ -365,7 +365,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			elementId: `strip-plot_${k.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-strip-plot",
 			options: F.value.userOptions.print
-		}), fn = u(() => F.value.userOptions.show && !F.value.style.chart.title.text), pn = u(() => de(F.value.customPalette)), B = x(F.value.useCssAnimation), mn = x({
+		}), fn = u(() => F.value.userOptions.show && !F.value.style.chart.title.text), pn = u(() => fe(F.value.customPalette)), B = x(F.value.useCssAnimation), mn = x({
 			top: F.value.style.chart.padding.top,
 			bottom: F.value.style.chart.padding.bottom,
 			left: F.value.style.chart.padding.left,
@@ -411,32 +411,32 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			let t = 0;
 			return qt.value && (t = vn.value + 12), e + t;
 		}), G = u(() => {
-			let e = _n(), t = mn.value.left + e + F.value.style.chart.labels.axis.yLabelOffsetX + 5, n = V.value - mn.value.right, r = Math.max(0, n - t), i = mn.value.top + F.value.style.chart.plots.radius + F.value.style.chart.labels.bestPlotLabel.fontSize, a = H.value - mn.value.bottom - bn.value, ee = Math.max(0, a - i), o = Array.isArray($t.value) ? $t.value.length : 0;
+			let e = _n(), t = mn.value.left + e + F.value.style.chart.labels.axis.yLabelOffsetX + 5, n = V.value - mn.value.right, r = Math.max(0, n - t), i = mn.value.top + F.value.style.chart.plots.radius + F.value.style.chart.labels.bestPlotLabel.fontSize, a = H.value - mn.value.bottom - bn.value, o = Math.max(0, a - i), s = Array.isArray($t.value) ? $t.value.length : 0;
 			return {
 				left: t,
 				right: n,
 				top: i,
 				bottom: a,
 				width: r,
-				height: ee,
-				stripWidth: o > 0 ? r / o : 0,
+				height: o,
+				stripWidth: s > 0 ? r / s : 0,
 				absoluteHeight: H.value
 			};
 		}), xn = u(() => $t.value.map((e, t) => {
-			let n = r();
+			let n = o();
 			return {
 				...e,
 				id: n,
-				color: e.color ? fe(e.color) : pn.value[t] || c[t] || c[t % c.length],
-				plots: e.plots.map((i, a) => ({
-					...i,
-					value: ue(i.value),
+				color: e.color ? pe(e.color) : pn.value[t] || i[t] || i[t % i.length],
+				plots: e.plots.map((r, a) => ({
+					...r,
+					value: de(r.value),
 					parentId: n,
 					parentName: e.name,
 					parentIndex: t,
 					plotIndex: a,
-					color: e.color ? fe(e.color) : pn.value[t] || c[t] || c[t % c.length],
-					id: r()
+					color: e.color ? pe(e.color) : pn.value[t] || i[t] || i[t % i.length],
+					id: o()
 				})).sort((e, t) => e.value - t.value)
 			};
 		})), K = u(() => (xn.value || []).map((e, t) => ({
@@ -451,7 +451,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				max: Math.max(...e),
 				min: Math.min(...e)
 			};
-		}), q = u(() => ie(Cn.value.min < 0 ? Cn.value.min : 0, Cn.value.max, F.value.style.chart.grid.scaleSteps)), J = u(() => (K.value || []).map((e, t) => ({
+		}), q = u(() => ae(Cn.value.min < 0 ? Cn.value.min : 0, Cn.value.max, F.value.style.chart.grid.scaleSteps)), J = u(() => (K.value || []).map((e, t) => ({
 			...e,
 			plots: e.plots.map((e) => ({
 				...e,
@@ -475,31 +475,31 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				seriesIndex: t
 			});
 		}
-		function On({ datapoint: e, seriesIndex: t, triggerMode: r = "pointer" }) {
+		function On({ datapoint: e, seriesIndex: t, triggerMode: n = "pointer" }) {
 			F.value.events.datapointEnter && F.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
-			}), P.value = r, Tn.value = {
+			}), P.value = n, Tn.value = {
 				datapoint: e,
 				seriesIndex: t,
 				config: F.value,
 				series: xn.value
 			}, Pt.value = !0, Y.value = e;
-			let i = F.value.style.chart.tooltip.customFormat;
-			if (ce(i) && oe(() => i({
+			let r = F.value.style.chart.tooltip.customFormat;
+			if (le(r) && se(() => r({
 				seriesIndex: t,
 				datapoint: e,
 				series: xn.value,
 				config: F.value
-			}))) Ft.value = i({
+			}))) Ft.value = r({
 				seriesIndex: t,
 				datapoint: e,
 				series: xn.value,
 				config: F.value
 			});
 			else {
-				let r = "";
-				r += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${F.value.style.chart.plots.gradient.show ? `url(#${e.parentId})` : e.color}"/></svg>${e.name}</div>`, r += `<div>${ae(F.value.style.chart.labels.formatter, e.value, n({
+				let n = "";
+				n += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${F.value.style.chart.plots.gradient.show ? `url(#${e.parentId})` : e.color}"/></svg>${e.name}</div>`, n += `<div>${oe(F.value.style.chart.labels.formatter, e.value, a({
 					p: F.value.style.chart.labels.prefix,
 					v: e.value,
 					s: F.value.style.chart.labels.suffix,
@@ -507,7 +507,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})}</div>`, Ft.value = `<div>${r}</div>`;
+				})}</div>`, Ft.value = `<div>${n}</div>`;
 			}
 		}
 		let kn = u(() => ({
@@ -519,12 +519,12 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		}));
 		function An(e = null) {
 			Le(() => {
-				let t = kn.value.head.map((e, t) => [[e.name], [kn.value.body[t]]]), n = s([
+				let t = kn.value.head.map((e, t) => [[e.name], [kn.value.body[t]]]), n = ee([
 					[F.value.style.chart.title.text],
 					[F.value.style.chart.title.subtitle.text],
 					[[F.value.table.columnNames.series], [F.value.table.columnNames.value]]
 				].concat(t));
-				e ? e(n) : a({
+				e ? e(n) : s({
 					csvContent: n,
 					title: F.value.style.chart.title.text || "vue-ui-strip-plot"
 				});
@@ -532,7 +532,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		}
 		let X = u(() => {
 			let e = [F.value.table.columnNames.series, F.value.table.columnNames.value], t = kn.value.head.map((e, t) => {
-				let r = n({
+				let n = a({
 					p: F.value.style.chart.labels.prefix,
 					v: kn.value.body[t],
 					s: F.value.style.chart.labels.suffix,
@@ -541,8 +541,8 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				return [{
 					color: e.color,
 					name: e.name
-				}, r];
-			}), r = {
+				}, n];
+			}), n = {
 				th: {
 					backgroundColor: F.value.table.th.backgroundColor,
 					color: F.value.table.th.color,
@@ -559,7 +559,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				colNames: [F.value.table.columnNames.series, F.value.table.columnNames.value],
 				head: e,
 				body: t,
-				config: r
+				config: n
 			};
 		}), Z = x(!1);
 		function jn(e) {
@@ -746,24 +746,24 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 		}
 		function er(e) {
 			if (!L.value || Q.value || document.activeElement !== L.value || !Kn()) return;
-			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", ee = e.key === "Escape";
-			if (!t && !n && !r && !i && !a && !ee) return;
-			if (e.preventDefault(), e.stopPropagation(), ee) {
+			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
+			if (!t && !n && !r && !i && !a && !o) return;
+			if (e.preventDefault(), e.stopPropagation(), o) {
 				Yn();
 				return;
 			}
-			let o = M.value, s = N.value;
-			if (o === null || s === null) o = 0, s = 0;
+			let s = M.value, c = N.value;
+			if (s === null || c === null) s = 0, c = 0;
 			else if (t || n) {
 				let e = Kn();
-				o = n ? (o + 1) % e : (o - 1 + e) % e;
-				let t = qn(o);
+				s = n ? (s + 1) % e : (s - 1 + e) % e;
+				let t = qn(s);
 				if (!t.length) return;
-				s = Math.min(s, t.length - 1);
+				c = Math.min(c, t.length - 1);
 			} else if (r || i) {
-				let e = qn(o);
+				let e = qn(s);
 				if (!e.length) return;
-				s = r ? (s + 1) % e.length : (s - 1 + e.length) % e.length;
+				c = r ? (c + 1) % e.length : (c - 1 + e.length) % e.length;
 			}
 			if (a) {
 				let e = Jn();
@@ -774,7 +774,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				});
 				return;
 			}
-			Zn(o, s);
+			Zn(s, c);
 		}
 		let tr = u(() => ({
 			headers: X.value?.colNames ?? [],
@@ -793,14 +793,14 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			toggleAnnotator: In,
 			toggleFullscreen: jn,
 			copyAlt: Gn
-		}), (e, r) => (b(), p("div", {
+		}), (e, n) => (b(), p("div", {
 			ref_key: "stripPlotChart",
 			ref: A,
 			class: _(`vue-data-ui-component vue-ui-strip-plot ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${F.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: y(`font-family:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor};${F.value.responsive ? "height:100%" : ""}`),
 			id: `strip-plot_${k.value}`,
-			onMouseenter: r[1] ||= () => T(nn)(!0),
-			onMouseleave: r[2] ||= () => T(nn)(!1)
+			onMouseenter: n[1] ||= () => T(nn)(!0),
+			onMouseleave: n[2] ||= () => T(nn)(!1)
 		}, [
 			m("div", {
 				id: `chart-instructions-${k.value}`,
@@ -987,7 +987,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 			m("div", Je, [(b(), p("svg", {
 				ref_key: "svgRef",
 				ref: L,
-				xmlns: T(le),
+				xmlns: T(ue),
 				class: _({
 					"vue-data-ui-fullscreen--on": Z.value,
 					"vue-data-ui-fulscreen--off": !Z.value
@@ -1059,7 +1059,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					fill: F.value.style.chart.labels.yAxisLabels.color,
 					"font-size": F.value.style.chart.labels.yAxisLabels.fontSize,
 					"text-anchor": "end"
-				}, w(T(ae)(F.value.style.chart.labels.formatter, e.value, T(n)({
+				}, w(T(oe)(F.value.style.chart.labels.formatter, e.value, T(a)({
 					p: F.value.style.chart.labels.prefix,
 					v: e.value,
 					s: F.value.style.chart.labels.suffix,
@@ -1080,7 +1080,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					fill: F.value.style.chart.labels.xAxisLabels.color,
 					"text-anchor": F.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : F.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle",
 					innerHTML: T(t)({
-						content: T(i)(String(e)),
+						content: T(te)(String(e)),
 						fontSize: F.value.style.chart.labels.xAxisLabels.fontSize,
 						fill: F.value.style.chart.labels.xAxisLabels.color,
 						x: 0,
@@ -1144,7 +1144,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				}, [
 					m("stop", {
 						offset: "10%",
-						"stop-color": T(pe)(e.color, F.value.style.chart.plots.gradient.intensity / 100)
+						"stop-color": T(ie)(e.color, F.value.style.chart.plots.gradient.intensity / 100)
 					}, null, 8, pt),
 					m("stop", {
 						offset: "90%",
@@ -1155,7 +1155,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 						"stop-color": e.color
 					}, null, 8, ht)
 				], 8, ft))), 256))]),
-				(b(!0), p(l, null, S(J.value, (t, r) => (b(), p(l, null, [(b(!0), p(l, null, S(t.plots, (n, r) => (b(), d(Te, Ie({ ref_for: !0 }, e.$attrs, {
+				(b(!0), p(l, null, S(J.value, (t, n) => (b(), p(l, null, [(b(!0), p(l, null, S(t.plots, (n, r) => (b(), d(Te, Ie({ ref_for: !0 }, e.$attrs, {
 					plot: {
 						x: n.x,
 						y: zt.value ? n.y : G.value.top
@@ -1195,7 +1195,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					"onMouseenter",
 					"onMouseleave",
 					"onClick"
-				]))), 256)), W.value.dataLabels.show ? (b(), p("g", gt, [(b(!0), p(l, null, S(t.plots, (e, r) => (b(), p(l, null, [r === t.plots.length - 1 || Y.value && Y.value.id === e.id && !W.value.showTooltip ? (b(), p("text", {
+				]))), 256)), W.value.dataLabels.show ? (b(), p("g", gt, [(b(!0), p(l, null, S(t.plots, (e, n) => (b(), p(l, null, [n === t.plots.length - 1 || Y.value && Y.value.id === e.id && !W.value.showTooltip ? (b(), p("text", {
 					key: 0,
 					x: e.x,
 					y: e.y + F.value.style.chart.labels.bestPlotLabel.offsetY - gn.value * (Y.value && Y.value.id === e.id && !W.value.showTooltip ? 2 : 1.5),
@@ -1203,14 +1203,14 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 					fill: F.value.style.chart.labels.bestPlotLabel.color,
 					"text-anchor": "middle",
 					style: y(`opacity:${F.value.useCssAnimation ? +!B.value : 1};transition:opacity 0.2s ease-in;`)
-				}, w(e.name) + " " + w(F.value.style.chart.labels.bestPlotLabel.showValue ? T(ae)(F.value.style.chart.labels.formatter, e.value, T(n)({
+				}, w(e.name) + " " + w(F.value.style.chart.labels.bestPlotLabel.showValue ? T(oe)(F.value.style.chart.labels.formatter, e.value, T(a)({
 					p: `(${F.value.style.chart.labels.prefix}`,
 					v: e.value,
 					s: `${F.value.style.chart.labels.suffix})`,
 					r: F.value.style.chart.labels.bestPlotLabel.rounding
 				}), {
 					datapoint: e,
-					seriesIndex: r
+					seriesIndex: n
 				}) : ""), 13, _t)) : f("", !0)], 64))), 256))])) : f("", !0)], 64))), 256)),
 				C(e.$slots, "svg", { svg: {
 					...G.value,
@@ -1244,7 +1244,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				parent: A.value,
 				content: Ft.value,
 				isFullscreen: Z.value,
-				isCustom: T(ce)(F.value.style.chart.tooltip.customFormat),
+				isCustom: T(le)(F.value.style.chart.tooltip.customFormat),
 				smooth: F.value.style.chart.tooltip.smooth,
 				backdropFilter: F.value.style.chart.tooltip.backdropFilter,
 				smoothForce: F.value.style.chart.tooltip.smoothForce,
@@ -1324,7 +1324,7 @@ var Ge = /* @__PURE__ */ e({ default: () => xt }), Ke = ["id"], qe = ["id"], Je
 				fn: E(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[0] ||= (e) => An(F.value.userOptions.callbacks.csv),
+					onClick: n[0] ||= (e) => An(F.value.userOptions.callbacks.csv),
 					style: y({ cursor: I.value ? "pointer" : "default" })
 				}, [Fe(T(St), {
 					name: "fileCsv",