vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-dumbbell-CwmA5x9G.js → vue-ui-dumbbell-C112YLkC.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Pt as r, Ut as i, X as a, Y as o, Zt as s, _ as ee, b as te, ht as ne, i as c, jt as re, nt as ie, q as ae, t as oe } from "./lib-Dql7cqyA.js";
+import { $ as t, D as n, Pt as r, Q as i, Rt as a, X as o, _ as s, at as ee, b as te, i as c, nt as ne, qt as re, t as ie, tn as ae, vt as oe } from "./lib-DOpaUOQx.js";
 import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
-import { t as le } from "./useConfig-D32D002m.js";
-import { t as ue } from "./usePrinter-hohanNCX.js";
+import { t as le } from "./useConfig-C2uy4ltq.js";
+import { t as ue } from "./usePrinter-BBBooAGP.js";
 import { n as de, t as fe } from "./BaseScanner-Dzc8VT3j.js";
-import { t as pe } from "./useNestedProp-Chvyfpl-.js";
+import { t as pe } from "./useNestedProp-Bux0f4iY.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
 import { t as he } from "./useChartExport-iwOqiIWX.js";
 import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as _e } from "./img-BkMKbWsI.js";
-import { n as ve } from "./Title-CPHi-evi.js";
+import { t as _e } from "./img-W50sC9SC.js";
+import { n as ve } from "./Title-DeqmC-vN.js";
 import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as be, t as xe } from "./useResponsive-ZtArZtUf.js";
 import { t as l } from "./DefGrad-DVBqDjhO.js";
 import { t as Se } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as we } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Te } from "./Legend-X4kF4PvW.js";
+import { t as Te } from "./Legend-C0Ln0VNe.js";
 import { t as Ee } from "./usePrefersMotion-BC-CsqR1.js";
 import { t as De } from "./vue_ui_dumbbell-Bfe_jFyi.js";
 import { Fragment as u, Teleport as Oe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as ke, createTextVNode as Ae, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as je, nextTick as Me, normalizeClass as Ne, normalizeProps as y, normalizeStyle as Pe, onBeforeUnmount as Fe, onMounted as Ie, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as w, toRefs as ze, unref as T, vShow as Be, watch as Ve, watchEffect as He, withCtx as E, withDirectives as Ue } from "vue";
@@ -183,14 +183,14 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: ye, emit: We }) {
-		let kt = _(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), jt = _(() => import("./DataTable-oiM9uWrQ.js")), Mt = _(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Nt = _(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), Pt = _(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_dumbbell: It } = le(), { isThemeValid: Lt, warnInvalidTheme: Rt } = me(), zt = Ee(), D = e, Bt = We, Vt = d({
+		let kt = _(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), jt = _(() => import("./DataTable-BD1eZ0zB.js")), Mt = _(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), Nt = _(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), Pt = _(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_dumbbell: It } = le(), { isThemeValid: Lt, warnInvalidTheme: Rt } = me(), zt = Ee(), D = e, Bt = We, Vt = d({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), O = x(ae()), Ht = x(0), k = x(null), Ut = x(null), Wt = x(null), Gt = x(null), Kt = x(null), qt = x(0), Jt = x(0), Yt = x(0), Xt = x(!1), Zt = x(null), Qt = x(null), $t = x(null), en = x(null), tn = x(null), nn = x(null), A = x(null), j = x(null), M = x(null), rn = x(!1), N = x(!1), P = x(hn()), F = d(() => P.value.style.chart.grid.horizontalGrid), an = d(() => P.value.style.chart.grid.verticalGrid), I = d(() => P.value.style.chart.labels);
+		}), O = x(o()), Ht = x(0), k = x(null), Ut = x(null), Wt = x(null), Gt = x(null), Kt = x(null), qt = x(0), Jt = x(0), Yt = x(0), Xt = x(!1), Zt = x(null), Qt = x(null), $t = x(null), en = x(null), tn = x(null), nn = x(null), A = x(null), j = x(null), M = x(null), rn = x(!1), N = x(!1), P = x(hn()), F = d(() => P.value.style.chart.grid.horizontalGrid), an = d(() => P.value.style.chart.grid.verticalGrid), I = d(() => P.value.style.chart.labels);
 		d(() => P.value.style.chart.grid);
 		let L = d(() => P.value.style.chart.plots), R = d(() => P.value.style.chart.comparisonLines), z = d(() => P.value.style.chart);
 		se({
@@ -208,7 +208,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 				]
 			}]
 		});
-		let on = d(() => P.value.userOptions.useCursorPointer), sn = d(() => s({
+		let on = d(() => P.value.userOptions.useCursorPointer), sn = d(() => ae({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -276,7 +276,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 					end: 5
 				}
 			],
-			skeletonConfig: s({
+			skeletonConfig: ae({
 				defaultConfig: P.value,
 				userConfig: sn.value
 			})
@@ -308,12 +308,12 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 		});
 		let gn = d(() => P.value.debug);
 		function _n() {
-			if (r(D.dataset) ? ie({
+			if (a(D.dataset) ? ee({
 				componentName: "VueUiDumbbell",
 				type: "dataset",
 				debug: gn.value
 			}) : D.dataset.forEach((e, t) => {
-				ne({
+				oe({
 					datasetObject: e,
 					requiredAttributes: [
 						"name",
@@ -321,7 +321,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						"end"
 					]
 				}).forEach((e) => {
-					Vt.value = !1, ie({
+					Vt.value = !1, ee({
 						componentName: "VueUiDumbbell",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -361,14 +361,14 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 			...e,
 			start: te(e.start),
 			end: te(e.end),
-			id: e.id ?? `${String(e.name)}__${String(e.start)}__${String(e.end)}__${ae()}`
+			id: e.id ?? `${String(e.name)}__${String(e.start)}__${String(e.end)}__${o()}`
 		}))), Cn = d(() => {
 			let e = z.value.grid, t = U.value.flatMap((e) => [e.start, e.end]).map((e) => Number(e)).filter((e) => Number.isFinite(e)), n = t.length ? Math.min(...t) : 0, r = t.length ? Math.max(...t) : 0;
 			return {
 				min: e.scaleMin ?? Math.min(n, 0),
 				max: e.scaleMax ?? r
 			};
-		}), W = d(() => ee(Cn.value.min, Cn.value.max, z.value.grid.scaleSteps)), G = x(z.value.rowHeight), K = x(z.value.width);
+		}), W = d(() => s(Cn.value.min, Cn.value.max, z.value.grid.scaleSteps)), G = x(z.value.rowHeight), K = x(z.value.width);
 		function wn() {
 			let e = 0;
 			en.value && (e = Array.from(en.value.querySelectorAll("text")).reduce((e, t) => {
@@ -422,13 +422,13 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 			get() {
 				let e = q.value, t = W.value;
 				return An.value.map((n, r) => {
-					let i = kn(n.start, t, e), a = kn(n.endVal, t, e), o = i + (a - i) / 2, s = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end > n.start, ee = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end < n.start, te = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end === n.start || [null, void 0].includes(n.start) || [null, void 0].includes(n.end), ne = s ? L.value.evaluationColors.positive : ee ? L.value.evaluationColors.negative : L.value.evaluationColors.neutral;
+					let i = kn(n.start, t, e), a = kn(n.endVal, t, e), o = i + (a - i) / 2, s = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end > n.start, ee = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end < n.start, te = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end === n.start || [null, void 0].includes(n.start) || [null, void 0].includes(n.end), c = s ? L.value.evaluationColors.positive : ee ? L.value.evaluationColors.negative : L.value.evaluationColors.neutral;
 					return {
 						...n,
 						isPositive: s,
 						isNegative: ee,
 						isNeutral: te,
-						evaluationColor: ne,
+						evaluationColor: c,
 						evaluationGrad: `url(#${s ? "positive" : ee ? "negative" : "neutral"}_grad_${O.value})`,
 						startX: i,
 						endX: a,
@@ -519,29 +519,29 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 				P.value.table.columnNames.start,
 				P.value.table.columnNames.end,
 				P.value.table.columnNames.progression
-			], t = Z.value.head.map((e, t) => {
-				let n = a({
+			], n = Z.value.head.map((e, n) => {
+				let r = t({
 					p: I.value.prefix,
-					v: Z.value.body[t].start,
+					v: Z.value.body[n].start,
 					s: I.value.suffix,
 					r: P.value.table.td.roundingValue
-				}), r = a({
+				}), i = t({
 					p: I.value.prefix,
-					v: Z.value.body[t].end,
+					v: Z.value.body[n].end,
 					s: I.value.suffix,
 					r: P.value.table.td.roundingValue
-				}), i = a({
-					v: 100 * (Z.value.body[t].end / Z.value.body[t].start - 1),
+				}), a = t({
+					v: 100 * (Z.value.body[n].end / Z.value.body[n].start - 1),
 					s: "%",
 					r: P.value.table.td.roundingPercentage
 				});
 				return [
 					{ name: e.name },
-					n,
 					r,
-					i
+					i,
+					a
 				];
-			}), n = {
+			}), r = {
 				th: {
 					backgroundColor: P.value.table.th.backgroundColor,
 					color: P.value.table.th.color,
@@ -562,17 +562,17 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 					P.value.table.columnNames.progression
 				],
 				head: e,
-				body: t,
-				config: n
+				body: n,
+				config: r
 			};
 		});
 		function Fn(e = null) {
 			Me(() => {
-				let r = Z.value.head.map((e, t) => [
+				let t = Z.value.head.map((e, t) => [
 					[e.name],
 					[Z.value.body[t].start],
 					[Z.value.body[t].end]
-				]), i = [
+				]), r = [
 					[z.value.title.text],
 					[z.value.title.subtitle.text],
 					[
@@ -580,9 +580,9 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						[P.value.table.columnNames.start],
 						[P.value.table.columnNames.end]
 					]
-				].concat(r), a = n(i);
-				e ? e(a) : t({
-					csvContent: a,
+				].concat(t), i = n(r);
+				e ? e(i) : ne({
+					csvContent: i,
 					title: z.value.title.text || "vue-ui-dumbbell"
 				});
 			});
@@ -701,8 +701,8 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 			return e && t ? Math.min(j.value.startX, j.value.endX) + Math.abs(j.value.startX - j.value.endX) / 2 : e && !t ? j.value.startX : t && !e ? j.value.endX : null;
 		}), Zn = d(() => {
 			if (j.value === null) return "";
-			let e = ![null, void 0].includes(j.value.start), t = ![null, void 0].includes(j.value.end), n = "", r = "";
-			return e && (n = c(I.value.formatter, j.value.start, a({
+			let e = ![null, void 0].includes(j.value.start), n = ![null, void 0].includes(j.value.end), r = "", i = "";
+			return e && (r = c(I.value.formatter, j.value.start, t({
 				p: I.value.prefix,
 				v: j.value.start,
 				s: I.value.suffix,
@@ -710,7 +710,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 			}), {
 				datapoint: j.value,
 				seriesIndex: A.value
-			})), t && (r = c(I.value.formatter, j.value.end, a({
+			})), n && (i = c(I.value.formatter, j.value.end, t({
 				p: I.value.prefix,
 				v: j.value.end,
 				s: I.value.suffix,
@@ -718,7 +718,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 			}), {
 				datapoint: j.value,
 				seriesIndex: A.value
-			})), e && t ? `${n} → ${r}` : e && !t ? n : t && !e ? r : "";
+			})), e && n ? `${r} → ${i}` : e && !n ? r : n && !e ? i : "";
 		}), Qn = d(() => {
 			let e = P.value.table.useDialog && !P.value.table.show, t = H.value.showTable;
 			return {
@@ -849,14 +849,14 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 			toggleAnnotator: Bn,
 			toggleFullscreen: In,
 			copyAlt: cr
-		}), (e, t) => (b(), m("div", {
+		}), (e, n) => (b(), m("div", {
 			ref_key: "dumbbellChart",
 			ref: k,
 			class: Ne(`vue-data-ui-component vue-ui-dumbbell ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			style: Pe(`font-family:${P.value.style.fontFamily};width:100%; text-align:center;background:${z.value.backgroundColor};${P.value.responsive ? "height:100%" : ""}`),
 			id: `dumbbell_${O.value}`,
-			onMouseenter: t[1] ||= () => T(fn)(!0),
-			onMouseleave: t[2] ||= () => T(fn)(!1)
+			onMouseenter: n[1] ||= () => T(fn)(!0),
+			onMouseleave: n[2] ||= () => T(fn)(!1)
 		}, [
 			h("div", {
 				id: `chart-instructions-${O.value}`,
@@ -1031,7 +1031,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 			h("div", Je, [(b(), m("svg", {
 				ref_key: "svgRef",
 				ref: mn,
-				xmlns: T(oe),
+				xmlns: T(ie),
 				class: Ne({
 					"vue-data-ui-fullscreen--on": $.value,
 					"vue-data-ui-fulscreen--off": !$.value
@@ -1092,51 +1092,51 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 					key: 4,
 					ref_key: "serieLabels",
 					ref: en
-				}, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("text", {
+				}, [(b(!0), m(u, null, S(Y.value, (e, n) => (b(), m("text", {
 					class: "vue-ui-dumbbell-serie-name",
-					key: `serieLabel_${e.id}_${t}`,
+					key: `serieLabel_${e.id}_${n}`,
 					x: q.value.left - 6 + I.value.yAxisLabels.offsetX,
-					y: q.value.top + t * q.value.rowHeight + (!I.value.yAxisLabels.showProgression || N.value ? q.value.rowHeight / 2 : q.value.rowHeight / 3) + I.value.yAxisLabels.fontSize / 3,
+					y: q.value.top + n * q.value.rowHeight + (!I.value.yAxisLabels.showProgression || N.value ? q.value.rowHeight / 2 : q.value.rowHeight / 3) + I.value.yAxisLabels.fontSize / 3,
 					"font-size": I.value.yAxisLabels.fontSize,
 					fill: I.value.yAxisLabels.color,
 					"font-weight": I.value.yAxisLabels.bold ? "bold" : "normal",
 					"text-anchor": "end",
-					onMouseenter: (n) => qn({
+					onMouseenter: (t) => qn({
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					}),
-					onMouseleave: (n) => Jn({
+					onMouseleave: (t) => Jn({
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					}),
-					onClick: (n) => Yn({
+					onClick: (t) => Yn({
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					})
-				}, w(e.name) + " " + w(N.value && I.value.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${T(c)(I.value.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(a)({
+				}, w(e.name) + " " + w(N.value && I.value.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${T(c)(I.value.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(t)({
 					v: 100 * (e.end / e.start - 1),
 					s: "%",
 					r: I.value.yAxisLabels.rounding
-				}), { datapoint: e })})` : ""), 41, rt))), 128)), I.value.yAxisLabels.showProgression && !N.value ? (b(!0), m(u, { key: 0 }, S(Y.value, (e, t) => (b(), m("text", {
+				}), { datapoint: e })})` : ""), 41, rt))), 128)), I.value.yAxisLabels.showProgression && !N.value ? (b(!0), m(u, { key: 0 }, S(Y.value, (e, n) => (b(), m("text", {
 					class: "vue-ui-dumbbell-serie-value",
 					x: q.value.left - 6 + I.value.yAxisLabels.offsetX,
-					y: q.value.top + t * q.value.rowHeight + q.value.rowHeight / 1.3 + I.value.yAxisLabels.fontSize / 3,
+					y: q.value.top + n * q.value.rowHeight + q.value.rowHeight / 1.3 + I.value.yAxisLabels.fontSize / 3,
 					"font-size": I.value.yAxisLabels.fontSize,
 					fill: I.value.yAxisLabels.color,
 					"text-anchor": "end",
-					onMouseenter: (n) => qn({
+					onMouseenter: (t) => qn({
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					}),
-					onMouseleave: (n) => Jn({
+					onMouseleave: (t) => Jn({
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					}),
-					onClick: (n) => Yn({
+					onClick: (t) => Yn({
 						datapoint: e,
-						seriesIndex: t
+						seriesIndex: n
 					})
-				}, w([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : T(c)(I.value.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(a)({
+				}, w([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : T(c)(I.value.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(t)({
 					v: 100 * (e.end / e.start - 1),
 					s: "%",
 					r: I.value.yAxisLabels.rounding
@@ -1155,22 +1155,22 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 					key: 6,
 					ref_key: "scaleLabels",
 					ref: tn
-				}, [(b(!0), m(u, null, S(W.value.ticks, (e, t) => (b(), m("text", {
+				}, [(b(!0), m(u, null, S(W.value.ticks, (e, n) => (b(), m("text", {
 					class: "vue-ui-dumbbell-scale-label",
-					key: `tick_${t}`,
-					transform: `translate(${q.value.left + t * (q.value.width / (W.value.ticks.length - 1))}, ${q.value.bottom + I.value.xAxisLabels.fontSize + I.value.xAxisLabels.offsetY}), rotate(${I.value.xAxisLabels.rotation})`,
+					key: `tick_${n}`,
+					transform: `translate(${q.value.left + n * (q.value.width / (W.value.ticks.length - 1))}, ${q.value.bottom + I.value.xAxisLabels.fontSize + I.value.xAxisLabels.offsetY}), rotate(${I.value.xAxisLabels.rotation})`,
 					"font-size": I.value.xAxisLabels.fontSize,
 					fill: I.value.xAxisLabels.color,
 					"font-weight": I.value.xAxisLabels.bold ? "bold" : "normal",
 					"text-anchor": I.value.xAxisLabels.rotation > 0 ? "start" : I.value.xAxisLabels.rotation < 0 ? "end" : "middle"
-				}, w(T(c)(I.value.formatter, e, T(a)({
+				}, w(T(c)(I.value.formatter, e, T(t)({
 					p: I.value.prefix,
 					v: e,
 					s: I.value.suffix,
 					r: I.value.xAxisLabels.rounding
 				}), {
 					datapoint: e,
-					seriesIndex: t
+					seriesIndex: n
 				})), 9, ot))), 128))], 512)) : p("", !0),
 				Ue(h("g", null, [
 					Ue(h("path", {
@@ -1192,7 +1192,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						y: q.value.top,
 						height: Math.max(.1, q.value.height),
 						width: j.value ? Math.max(.1, Math.abs(j.value.endX - j.value.startX)) : 0,
-						fill: j.value ? T(i)(R.value.rectColor, R.value.rectOpacity) : "transparent",
+						fill: j.value ? T(re)(R.value.rectColor, R.value.rectOpacity) : "transparent",
 						style: { transition: "all 0.3s ease-in-out" }
 					}, null, 8, lt), [[Be, R.value.showRect && j.value !== null && ![null, void 0].includes(j.value.start) && ![null, void 0].includes(j.value.end)]]),
 					Ue(h("text", {
@@ -1211,12 +1211,12 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						stops: [
 							[
 								"10%",
-								T(re)(L.value.startColor, L.value.gradient.intensity / 100),
+								T(r)(L.value.startColor, L.value.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(o)(L.value.startColor, .1),
+								T(i)(L.value.startColor, .1),
 								1
 							],
 							[
@@ -1233,12 +1233,12 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						stops: [
 							[
 								"10%",
-								T(re)(L.value.endColor, L.value.gradient.intensity / 100),
+								T(r)(L.value.endColor, L.value.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(o)(L.value.endColor, .1),
+								T(i)(L.value.endColor, .1),
 								1
 							],
 							[
@@ -1255,12 +1255,12 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						stops: [
 							[
 								"10%",
-								T(re)(L.value.evaluationColors.positive, L.value.gradient.intensity / 100),
+								T(r)(L.value.evaluationColors.positive, L.value.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(o)(L.value.evaluationColors.positive, .1),
+								T(i)(L.value.evaluationColors.positive, .1),
 								1
 							],
 							[
@@ -1277,12 +1277,12 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						stops: [
 							[
 								"10%",
-								T(re)(L.value.evaluationColors.negative, L.value.gradient.intensity / 100),
+								T(r)(L.value.evaluationColors.negative, L.value.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(o)(L.value.evaluationColors.negative, .1),
+								T(i)(L.value.evaluationColors.negative, .1),
 								1
 							],
 							[
@@ -1299,12 +1299,12 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						stops: [
 							[
 								"10%",
-								T(re)(L.value.evaluationColors.neutral, L.value.gradient.intensity / 100),
+								T(r)(L.value.evaluationColors.neutral, L.value.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(o)(L.value.evaluationColors.neutral, .1),
+								T(i)(L.value.evaluationColors.neutral, .1),
 								1
 							],
 							[
@@ -1386,44 +1386,44 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						"stroke-width": L.value.strokeWidth
 					}, null, 8, _t))
 				]))), 128)),
-				I.value.startLabels.show ? (b(), m("g", vt, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("g", { key: `start_label_${t}_${e.id}` }, [[null, void 0].includes(e.start) ? p("", !0) : (b(), m("text", {
+				I.value.startLabels.show ? (b(), m("g", vt, [(b(!0), m(u, null, S(Y.value, (e, n) => (b(), m("g", { key: `start_label_${n}_${e.id}` }, [[null, void 0].includes(e.start) ? p("", !0) : (b(), m("text", {
 					key: 0,
 					x: e.startX,
 					y: e.y + J.value * 2 + I.value.startLabels.fontSize / 2,
 					fill: L.value.evaluationColors.enable && I.value.startLabels.useEvaluationColor ? e.evaluationColor : I.value.startLabels.useStartColor ? L.value.startColor : I.value.startLabels.color,
 					"font-size": I.value.startLabels.fontSize,
 					"text-anchor": "middle"
-				}, w(T(c)(I.value.formatter, e.start, T(a)({
+				}, w(T(c)(I.value.formatter, e.start, T(t)({
 					p: I.value.prefix,
 					v: e.start,
 					s: I.value.suffix,
 					r: I.value.startLabels.rounding
 				}), {
 					datapoint: e,
-					seriesIndex: t
+					seriesIndex: n
 				})), 9, yt))]))), 128))])) : p("", !0),
-				I.value.endLabels.show ? (b(), m("g", bt, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("g", { key: `end_label_${t}_${e.id}` }, [[null, void 0].includes(e.end) ? p("", !0) : (b(), m("text", {
+				I.value.endLabels.show ? (b(), m("g", bt, [(b(!0), m(u, null, S(Y.value, (e, n) => (b(), m("g", { key: `end_label_${n}_${e.id}` }, [[null, void 0].includes(e.end) ? p("", !0) : (b(), m("text", {
 					key: 0,
 					x: e.endX,
 					y: e.y - (J.value * 2 - I.value.startLabels.fontSize / 3),
 					fill: L.value.evaluationColors.enable && I.value.endLabels.useEvaluationColor ? e.evaluationColor : I.value.endLabels.useEndColor ? L.value.endColor : I.value.endLabels.color,
 					"font-size": I.value.endLabels.fontSize,
 					"text-anchor": "middle"
-				}, w(T(c)(I.value.formatter, e.end, T(a)({
+				}, w(T(c)(I.value.formatter, e.end, T(t)({
 					p: I.value.prefix,
 					v: e.end,
 					s: I.value.suffix,
 					r: I.value.endLabels.rounding
 				}), {
 					datapoint: e,
-					seriesIndex: t
+					seriesIndex: n
 				})), 9, xt))]))), 128))])) : p("", !0),
 				h("g", null, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("rect", {
 					x: q.value.left,
 					y: q.value.top + t * Math.max(.1, q.value.rowHeight),
 					width: Math.max(.1, q.value.width),
 					height: Math.max(.1, q.value.rowHeight),
-					fill: A.value === null ? "transparent" : A.value === t ? T(i)(z.value.highlighter.color, z.value.highlighter.opacity) : "transparent",
+					fill: A.value === null ? "transparent" : A.value === t ? T(re)(z.value.highlighter.color, z.value.highlighter.opacity) : "transparent",
 					onMouseenter: (n) => qn({
 						datapoint: e,
 						seriesIndex: t
@@ -1461,7 +1461,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 				clickable: !1
 			}, {
 				item: E(({ legend: e }) => [h("div", { style: Pe(`display:flex;align-items:center;gap:4px;font-size:${z.value.legend.fontSize}px`) }, [(b(), m("svg", {
-					xmlns: T(oe),
+					xmlns: T(ie),
 					viewBox: "0 0 20 20",
 					height: z.value.legend.fontSize,
 					width: z.value.legend.fontSize
@@ -1517,7 +1517,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 				fn: E(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[0] ||= (e) => Fn(P.value.userOptions.callbacks.csv),
+					onClick: n[0] ||= (e) => Fn(P.value.userOptions.callbacks.csv),
 					style: Pe({ cursor: on.value ? "pointer" : "default" })
 				}, [g(T(kt), {
 					name: "fileCsv",