vue-data-ui 3.22.3 → 3.22.4

package/dist/{vue-ui-quadrant-D6wv44Hs.js → vue-ui-quadrant-Br_iZmcw.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Et as n, Ft as r, G as i, H as a, It as o, J as ee, S as te, Ut as ne, Vt as re, X as s, bt as ie, ft as ae, gt as oe, i as c, it as se, kt as ce, r as le, t as ue, x as de, y as fe } from "./lib-NmjQazSn.js";
-import { t as pe } from "./useConfig-Bf_EBbe3.js";
-import { t as me } from "./usePrinter-DRYgV-XS.js";
+import { Gt as t, H as n, Lt as r, Ot as i, Q as a, Rt as o, S as ee, St as te, Ut as ne, W as re, X as ie, b as ae, i as s, jt as oe, mt as se, ot as ce, q as c, r as le, t as ue, vt as de, w as fe } from "./lib-CuwHGt1j.js";
+import { t as pe } from "./useConfig-pVLia3dt.js";
+import { t as me } from "./usePrinter-C0wAS8yc.js";
 import { n as he, t as ge } from "./BaseScanner-DZvpgOjM.js";
 import { t as _e } from "./useSvgExport-SVIsDot8.js";
-import { t as ve } from "./useNestedProp-C9viY7oU.js";
+import { t as ve } from "./useNestedProp-BjkuFaz1.js";
 import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
-import { t as be } from "./img-CyjhDDaM.js";
-import { n as xe } from "./Title-Cxgd_JyY.js";
-import { t as Se } from "./Shape-S-7v8SAE.js";
+import { t as be } from "./img-B29J8tV5.js";
+import { n as xe } from "./Title-DDEEO-Nr.js";
+import { t as Se } from "./Shape-BnF9aMPX.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as we } from "./canvas-lib-BOP_HS11.js";
 import { t as Te } from "./useResponsive-BfnK0KxU.js";
-import { t as Ee } from "./BaseLegendToggle-qL0O9ooF.js";
+import { t as Ee } from "./BaseLegendToggle-C4Usj0LI.js";
 import { t as De } from "./A11yDataTable-DdRsVULz.js";
 import { t as Oe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ae } from "./Legend--t7Mbp9Z.js";
+import { t as Ae } from "./Legend-DXOzbXb-.js";
 import { t as je } from "./vue_ui_quadrant-CDSTKTJz.js";
 import { Fragment as l, Teleport as Me, 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, withCtx as E } from "vue";
 //#region src/components/vue-ui-quadrant.vue
@@ -223,7 +223,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 		"copyAlt"
 	],
 	setup(e, { expose: Ce, emit: We }) {
-		let tn = h(() => import("./Tooltip-BqdN_ZBE.js")), nn = h(() => import("./BaseIcon-CX_ChMz-.js").then((e) => e.n)), rn = h(() => import("./vue-ui-accordion-vYLqcJJd.js").then((e) => e.n)), an = h(() => import("./DataTable-KEMekOVu.js")), on = h(() => import("./PenAndPaper-DkZYRnrW.js").then((e) => e.t)), sn = h(() => import("./UserOptions-WIxTs7Xf.js").then((e) => e.n)), cn = h(() => import("./PackageVersion-D-_GVhxY.js").then((e) => e.t)), ln = h(() => import("./BaseDraggableDialog-DLuXvUbs.js").then((e) => e.n)), { vue_ui_quadrant: un } = pe(), { isThemeValid: dn, warnInvalidTheme: fn } = ye(), D = e, pn = u(() => !!D.dataset && D.dataset.length), O = x(a()), mn = We, hn = x(!1), gn = x(""), _n = x(0), k = x(!1), A = x(null), vn = x(null), yn = x(null), bn = x(null), xn = x(null), Sn = x(0), Cn = x(0), wn = x(0), Tn = x(!1), En = x(null), Dn = x(null), On = x(!1), kn = x(!1), j = x(null), An = x(null), jn = x({
+		let tn = h(() => import("./Tooltip-BhKov422.js")), nn = h(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), rn = h(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), an = h(() => import("./DataTable-PidUPOit.js")), on = h(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), sn = h(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), cn = h(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), ln = h(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_quadrant: un } = pe(), { isThemeValid: dn, warnInvalidTheme: fn } = ye(), D = e, pn = u(() => !!D.dataset && D.dataset.length), O = x(re()), mn = We, hn = x(!1), gn = x(""), _n = x(0), k = x(!1), A = x(null), vn = x(null), yn = x(null), bn = x(null), xn = x(null), Sn = x(0), Cn = x(0), wn = x(0), Tn = x(!1), En = x(null), Dn = x(null), On = x(!1), kn = x(!1), j = x(null), An = x(null), jn = x({
 			x: 0,
 			y: 0
 		}), Mn = x("pointer"), Nn = x(!1), M = x(Bn()), N = u(() => M.value.userOptions.useCursorPointer), Pn = u(() => ({
@@ -334,7 +334,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 					}
 				]
 			}],
-			skeletonConfig: ne({
+			skeletonConfig: t({
 				defaultConfig: M.value,
 				userConfig: Pn.value
 			})
@@ -355,7 +355,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : re[t] || ce
+				customPalette: r.customPalette.length ? r.customPalette : ne[t] || oe
 			};
 		}
 		Ue(() => D.config, (e) => {
@@ -363,25 +363,25 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 		}, { deep: !0 });
 		let F = Ve(null), I = Ve(null), L = u(() => M.value.debug);
 		function Vn() {
-			if (n(D.dataset) ? s({
+			if (i(D.dataset) ? a({
 				componentName: "VueUiQuadrant",
 				type: "dataset",
 				debug: L.value
 			}) : D.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && s({
+				[null, void 0].includes(e.name) && a({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "name",
 					index: t,
 					debug: L.value
-				}), [null, void 0].includes(e.series) ? s({
+				}), [null, void 0].includes(e.series) ? a({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "series",
 					index: t,
 					debug: L.value
 				}) : e.series.forEach((e, t) => {
-					[null, void 0].includes(e.name) && s({
+					[null, void 0].includes(e.name) && a({
 						componentName: "VueUiQuadrant",
 						type: "datasetSerieAttribute",
 						property: "name",
@@ -415,7 +415,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 			elementId: `vue-ui-quadrant_${O.value}`,
 			fileName: M.value.style.chart.title.text || "vue-ui-quadrant",
 			options: M.value.userOptions.print
-		}), Kn = u(() => M.value.userOptions.show && !M.value.style.chart.title.text), qn = u(() => de(M.value.customPalette)), R = x({
+		}), Kn = u(() => M.value.userOptions.show && !M.value.style.chart.title.text), qn = u(() => ee(M.value.customPalette)), R = x({
 			plotLabels: { show: M.value.style.chart.layout.labels.plotLabels.show },
 			showTable: M.value.table.show,
 			showTooltip: M.value.style.chart.tooltip.show
@@ -577,12 +577,12 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 			};
 		}), q = x([]), Qn = u(() => In.value.map((e, t) => ({
 			...e,
-			series: ie({
+			series: te({
 				data: e.series,
 				threshold: M.value.downsample.threshold
 			}),
 			id: `cat_${t}_${O.value}`,
-			color: fe(e.color) || qn.value[t] || ce[t]
+			color: ae(e.color) || qn.value[t] || oe[t]
 		}))), $n = u(() => Qn.value.filter((e) => !q.value.includes(e.id))), er = u(() => Qn.value.map((e, t) => ({
 			...e,
 			shape: e.shape || "circle",
@@ -603,14 +603,14 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 			}))
 		}))), J = u(() => (In.value.forEach((e, t) => {
 			e.series.forEach((e, t) => {
-				[null, void 0].includes(e.x) && s({
+				[null, void 0].includes(e.x) && a({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "x",
 					key: "series",
 					index: t,
 					debug: L.value
-				}), [null, void 0].includes(e.y) && s({
+				}), [null, void 0].includes(e.y) && a({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "y",
@@ -622,7 +622,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 		}), $n.value.map((e, t) => ({
 			...e,
 			shape: e.shape || "circle",
-			color: e.color || qn.value[t] || ce[t],
+			color: e.color || qn.value[t] || oe[t],
 			series: e.series.map((t) => ({
 				...t,
 				category: e,
@@ -637,7 +637,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 				categoryName: e.name,
 				shape: e.shape,
 				color: e.color,
-				uid: a()
+				uid: re()
 			}))
 		}))));
 		function tr(e) {
@@ -698,11 +698,11 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 					name: e.category
 				},
 				e.name,
-				c(M.value.style.chart.layout.labels.plotLabels.x.formatter, e.x, i({
+				s(M.value.style.chart.layout.labels.plotLabels.x.formatter, e.x, c({
 					v: e.x,
 					r: M.value.style.chart.layout.labels.plotLabels.rounding
 				})),
-				c(M.value.style.chart.layout.labels.plotLabels.y.formatter, e.y, i({
+				s(M.value.style.chart.layout.labels.plotLabels.y.formatter, e.y, c({
 					v: e.y,
 					r: M.value.style.chart.layout.labels.plotLabels.rounding
 				})),
@@ -787,26 +787,26 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 				y: r.top + r.height / 2
 			};
 		}
-		function gr(e, t, n, r = "pointer", a = null) {
+		function gr(e, t, n, r = "pointer", i = null) {
 			M.value.events.datapointEnter && M.value.events.datapointEnter({
 				datapoint: t,
 				seriesIndex: n
 			}), X.value = t.uid, fr.value = {
 				color: e.color,
 				shape: e.shape
-			}, Mn.value = r, j.value = a, An.value = t.uid, pr.value = {
+			}, Mn.value = r, j.value = i, An.value = t.uid, pr.value = {
 				datapoint: t,
 				seriesIndex: n,
 				series: J.value,
 				config: M.value
 			};
-			let o = M.value.style.chart.tooltip.customFormat;
-			if (oe(o) && se(() => o({
+			let a = M.value.style.chart.tooltip.customFormat;
+			if (de(a) && ce(() => a({
 				seriesIndex: n,
 				datapoint: t,
 				series: J.value,
 				config: M.value
-			}))) gn.value = o({
+			}))) gn.value = a({
 				seriesIndex: n,
 				datapoint: t,
 				series: J.value,
@@ -814,14 +814,14 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 			});
 			else {
 				let r = "";
-				t.quadrantSide && (r += `<div style="color:${M.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].color};font-weight:${M.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].bold ? "bold" : "400"}">${M.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].text}</div>`), r += `<div>${e.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${M.value.style.chart.tooltip.borderColor};margin-bottom:3px">${t.name}</div>`, r += `<div>${M.value.style.chart.layout.grid.xAxis.name ? M.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${c(M.value.style.chart.layout.labels.plotLabels.x.formatter, t.xValue, i({
+				t.quadrantSide && (r += `<div style="color:${M.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].color};font-weight:${M.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].bold ? "bold" : "400"}">${M.value.style.chart.layout.labels.quadrantLabels[t.quadrantSide].text}</div>`), r += `<div>${e.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${M.value.style.chart.tooltip.borderColor};margin-bottom:3px">${t.name}</div>`, r += `<div>${M.value.style.chart.layout.grid.xAxis.name ? M.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${s(M.value.style.chart.layout.labels.plotLabels.x.formatter, t.xValue, c({
 					v: t.xValue,
 					r: M.value.style.chart.tooltip.roundingValue
 				}), {
 					datapoint: t,
 					category: e,
 					categoryIndex: n
-				})}</b></div>`, r += `<div>${M.value.style.chart.layout.grid.yAxis.name ? M.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${c(M.value.style.chart.layout.labels.plotLabels.y.formatter, t.yValue, i({
+				})}</b></div>`, r += `<div>${M.value.style.chart.layout.grid.yAxis.name ? M.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${s(M.value.style.chart.layout.labels.plotLabels.y.formatter, t.yValue, c({
 					v: t.yValue,
 					r: M.value.style.chart.tooltip.roundingValue
 				}), {
@@ -994,8 +994,8 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 					[M.value.style.chart.title.text],
 					[M.value.style.chart.title.subtitle.text],
 					[""]
-				], n = rr.value.head, r = rr.value.body, i = te(t.concat([n]).concat(r));
-				e ? e(i) : ee({
+				], n = rr.value.head, r = rr.value.body, i = fe(t.concat([n]).concat(r));
+				e ? e(i) : ie({
 					csvContent: i,
 					title: M.value.style.chart.title.text || "vue-ui-quadrant"
 				});
@@ -1168,14 +1168,14 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 			toggleAnnotator: Dr,
 			toggleFullscreen: Sr,
 			copyAlt: Lr
-		}), (e, n) => (b(), p("div", {
+		}), (e, t) => (b(), p("div", {
 			class: _(`vue-data-ui-component vue-ui-quadrant ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${M.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "quadrantChart",
 			ref: A,
 			id: `vue-ui-quadrant_${O.value}`,
 			style: y(`font-family:${M.value.style.fontFamily};width:100%; text-align:center;background:${M.value.style.chart.backgroundColor};${M.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: n[14] ||= () => T(Rn)(!0),
-			onMouseleave: n[15] ||= () => {
+			onMouseenter: t[14] ||= () => T(Rn)(!0),
+			onMouseleave: t[15] ||= () => {
 				T(Rn)(!1), Nn.value || mr();
 			}
 		}, [
@@ -1459,7 +1459,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						fill: M.value.style.chart.layout.labels.quadrantLabels.tl.color,
 						"font-size": M.value.style.chart.layout.labels.quadrantLabels.tl.fontSize,
 						style: y(`font-weight:${M.value.style.chart.layout.labels.quadrantLabels.tl.bold ? "bold" : ""}`),
-						onClick: n[0] ||= (e) => yr("tl")
+						onClick: t[0] ||= (e) => yr("tl")
 					}, w(M.value.style.chart.layout.labels.quadrantLabels.tl.text), 13, ut)) : f("", !0),
 					M.value.style.chart.layout.labels.quadrantLabels.tr.text ? (b(), p("text", {
 						key: 1,
@@ -1469,7 +1469,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						fill: M.value.style.chart.layout.labels.quadrantLabels.tr.color,
 						"font-size": M.value.style.chart.layout.labels.quadrantLabels.tr.fontSize,
 						style: y(`font-weight:${M.value.style.chart.layout.labels.quadrantLabels.tr.bold ? "bold" : ""}`),
-						onClick: n[1] ||= (e) => yr("tr")
+						onClick: t[1] ||= (e) => yr("tr")
 					}, w(M.value.style.chart.layout.labels.quadrantLabels.tr.text), 13, dt)) : f("", !0),
 					M.value.style.chart.layout.labels.quadrantLabels.br.text ? (b(), p("text", {
 						key: 2,
@@ -1479,7 +1479,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						fill: M.value.style.chart.layout.labels.quadrantLabels.br.color,
 						"font-size": M.value.style.chart.layout.labels.quadrantLabels.br.fontSize,
 						style: y(`font-weight:${M.value.style.chart.layout.labels.quadrantLabels.br.bold ? "bold" : ""}`),
-						onClick: n[2] ||= (e) => yr("br")
+						onClick: t[2] ||= (e) => yr("br")
 					}, w(M.value.style.chart.layout.labels.quadrantLabels.br.text), 13, ft)) : f("", !0),
 					M.value.style.chart.layout.labels.quadrantLabels.bl.text ? (b(), p("text", {
 						key: 3,
@@ -1489,7 +1489,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						fill: M.value.style.chart.layout.labels.quadrantLabels.bl.color,
 						"font-size": M.value.style.chart.layout.labels.quadrantLabels.bl.fontSize,
 						style: y(`font-weight:${M.value.style.chart.layout.labels.quadrantLabels.bl.bold ? "bold" : ""}`),
-						onClick: n[3] ||= (e) => yr("bl")
+						onClick: t[3] ||= (e) => yr("bl")
 					}, w(M.value.style.chart.layout.labels.quadrantLabels.bl.text), 13, pt)) : f("", !0)
 				])) : f("", !0),
 				M.value.style.chart.layout.labels.axisLabels.show ? (b(), p("g", mt, [
@@ -1500,7 +1500,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						"text-anchor": "middle",
 						"font-size": M.value.style.chart.layout.labels.axisLabels.fontSize,
 						fill: M.value.style.chart.layout.labels.axisLabels.color.positive
-					}, w(T(c)(M.value.style.chart.layout.labels.plotLabels.y.formatter, K.value.y.max, T(i)({
+					}, w(T(s)(M.value.style.chart.layout.labels.plotLabels.y.formatter, K.value.y.max, T(c)({
 						v: K.value.y.max,
 						r: M.value.style.chart.layout.labels.plotLabels.rounding
 					}))), 9, ht)) : f("", !0),
@@ -1518,7 +1518,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						"text-anchor": "middle",
 						"font-size": M.value.style.chart.layout.labels.axisLabels.fontSize,
 						fill: M.value.style.chart.layout.labels.axisLabels.color.negative
-					}, w(T(c)(M.value.style.chart.layout.labels.plotLabels.y.formatter, K.value.y.min, T(i)({
+					}, w(T(s)(M.value.style.chart.layout.labels.plotLabels.y.formatter, K.value.y.min, T(c)({
 						v: K.value.y.min,
 						r: M.value.style.chart.layout.labels.plotLabels.rounding
 					}))), 9, _t)) : f("", !0),
@@ -1529,7 +1529,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						"font-size": M.value.style.chart.layout.labels.axisLabels.fontSize,
 						transform: `translate(${B.value.padding - M.value.style.chart.layout.labels.axisLabels.fontSize}, ${B.value.height / 2}), rotate(-90)`,
 						fill: M.value.style.chart.layout.labels.axisLabels.color.negative
-					}, w(T(c)(M.value.style.chart.layout.labels.plotLabels.x.formatter, K.value.x.min, T(i)({
+					}, w(T(s)(M.value.style.chart.layout.labels.plotLabels.x.formatter, K.value.x.min, T(c)({
 						v: K.value.x.min,
 						r: M.value.style.chart.layout.labels.plotLabels.rounding
 					}))), 9, vt)) : f("", !0),
@@ -1540,7 +1540,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						"font-size": M.value.style.chart.layout.labels.axisLabels.fontSize,
 						transform: `translate(${B.value.width - B.value.padding + M.value.style.chart.layout.labels.axisLabels.fontSize}, ${B.value.height / 2}), rotate(90)`,
 						fill: M.value.style.chart.layout.labels.axisLabels.color.positive
-					}, w(T(c)(M.value.style.chart.layout.labels.plotLabels.x.formatter, K.value.x.max, T(i)({
+					}, w(T(s)(M.value.style.chart.layout.labels.plotLabels.x.formatter, K.value.x.max, T(c)({
 						v: K.value.x.max,
 						r: M.value.style.chart.layout.labels.plotLabels.rounding
 					}))), 9, yt)) : f("", !0),
@@ -1556,11 +1556,11 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 					key: 0,
 					"data-cy-quadrant-area": "",
 					fill: M.value.style.chart.layout.areas.useGradient ? `url(#quadrant_gradient_${O.value}_${t})` : T(r)(e.color, M.value.style.chart.layout.areas.opacity),
-					points: T(ae)(e)
+					points: T(se)(e)
 				}, null, 8, St)) : f("", !0)]))), 256))])) : f("", !0),
 				m("g", null, [
 					m("rect", {
-						onClick: n[4] ||= (e) => G("TL"),
+						onClick: t[4] ||= (e) => G("TL"),
 						x: B.value.left,
 						y: B.value.top,
 						width: B.value.usableWidth / 2 <= 0 ? .001 : B.value.usableWidth / 2,
@@ -1572,7 +1572,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						})
 					}, null, 10, Ct),
 					m("rect", {
-						onClick: n[5] ||= (e) => G("TR"),
+						onClick: t[5] ||= (e) => G("TR"),
 						x: B.value.centerX,
 						y: B.value.top,
 						width: B.value.usableWidth / 2 <= 0 ? .001 : B.value.usableWidth / 2,
@@ -1584,7 +1584,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						})
 					}, null, 10, wt),
 					m("rect", {
-						onClick: n[6] ||= (e) => G("BR"),
+						onClick: t[6] ||= (e) => G("BR"),
 						x: B.value.centerX,
 						y: B.value.centerY,
 						width: B.value.usableWidth / 2 <= 0 ? .001 : B.value.usableWidth / 2,
@@ -1596,7 +1596,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						})
 					}, null, 10, Tt),
 					m("rect", {
-						onClick: n[7] ||= (e) => G("BL"),
+						onClick: t[7] ||= (e) => G("BL"),
 						x: B.value.left,
 						y: B.value.centerY,
 						width: B.value.usableWidth / 2 <= 0 ? .001 : B.value.usableWidth / 2,
@@ -1685,7 +1685,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 					"text-anchor": "middle",
 					"font-size": M.value.style.chart.layout.labels.plotLabels.fontSize / (k.value ? 1.5 : 1),
 					fill: M.value.style.chart.layout.labels.plotLabels.color,
-					innerHTML: T(t)({
+					innerHTML: T(n)({
 						content: String(e.name),
 						fontSize: M.value.style.chart.layout.labels.plotLabels.fontSize / (k.value ? 1.5 : 1),
 						fill: M.value.style.chart.layout.labels.plotLabels.color,
@@ -1742,7 +1742,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						width: "20",
 						fill: Z.value[H.value].tl.fill,
 						style: y(`cursor: ${N.value ? "pointer" : "default"}; opacity: ${H.value === "TL" ? 1 : .2}`),
-						onClick: n[8] ||= (e) => G("TL"),
+						onClick: t[8] ||= (e) => G("TL"),
 						class: _({
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": H.value !== "TL"
@@ -1755,7 +1755,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						width: "20",
 						fill: Z.value[H.value].tr.fill,
 						style: y(`cursor: ${N.value ? "pointer" : "default"}; opacity: ${H.value === "TR" ? 1 : .2}`),
-						onClick: n[9] ||= (e) => G("TR"),
+						onClick: t[9] ||= (e) => G("TR"),
 						class: _({
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": H.value !== "TR"
@@ -1768,7 +1768,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						width: "20",
 						fill: Z.value[H.value].br.fill,
 						style: y(`cursor: ${N.value ? "pointer" : "default"}; opacity: ${H.value === "BR" ? 1 : .2}`),
-						onClick: n[10] ||= (e) => G("BR"),
+						onClick: t[10] ||= (e) => G("BR"),
 						class: _({
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": H.value !== "BR"
@@ -1781,7 +1781,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 						width: "20",
 						fill: Z.value[H.value].bl.fill,
 						style: y(`cursor: ${N.value ? "pointer" : "default"}; opacity: ${H.value === "BL" ? 1 : .2}`),
-						onClick: n[11] ||= (e) => G("BL"),
+						onClick: t[11] ||= (e) => G("BL"),
 						class: _({
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": H.value !== "BL"
@@ -1822,7 +1822,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 				legendSet: Y.value,
 				config: ur.value,
 				isCursorPointer: N.value,
-				onClickMarker: n[12] ||= ({ legend: e }) => or(e.id)
+				onClickMarker: t[12] ||= ({ legend: e }) => or(e.id)
 			}, {
 				item: E(({ legend: e }) => [T(Fn) ? f("", !0) : (b(), p("div", {
 					key: 0,
@@ -1962,7 +1962,7 @@ var We = /* @__PURE__ */ e({ default: () => tn }), Ge = ["id"], Ke = ["id"], qe
 				fn: E(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[13] ||= (e) => xr(M.value.userOptions.callbacks.csv),
+					onClick: t[13] ||= (e) => xr(M.value.userOptions.callbacks.csv),
 					style: y({ cursor: N.value ? "pointer" : "default" })
 				}, [Fe(T(nn), {
 					name: "fileCsv",