vue-data-ui 3.25.8 → 3.25.10

package/dist/{vue-ui-quadrant-BPg8L6Sw.js → vue-ui-quadrant-BJlf3qW1.js}

@@ -1,37 +1,37 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Dt as i, G as a, Lt as o, Pt as ee, S as te, Ut as s, Wt as ne, X as c, Yt as re, Zt as ie, i as l, lt as ae, nt as oe, q as se, r as ce, t as le, w as ue, yt as de } from "./lib-Dql7cqyA.js";
-import { n as fe, t as pe } from "./useHints-Dq_w2E8B.js";
-import { t as me } from "./useConfig-D32D002m.js";
-import { t as he } from "./usePrinter-DISD7q5m.js";
-import { n as ge, t as _e } from "./BaseScanner-DZvpgOjM.js";
-import { t as ve } from "./useNestedProp-Chvyfpl-.js";
-import { t as ye } from "./useThemeCheck-C43Tcqmk.js";
-import { t as be } from "./useChartExport-iwOqiIWX.js";
-import { t as xe } from "./img-DhGApYG0.js";
-import { n as Se } from "./Title-CPHi-evi.js";
-import { t as Ce } from "./Shape-CIqU-p2F.js";
-import { t as we } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as Te, t as Ee } from "./useResponsive-ZtArZtUf.js";
-import { t as De } from "./DefGrad-DVBqDjhO.js";
-import { t as Oe } from "./BaseLegendToggle-CXQrLjd-.js";
-import { t as ke } from "./A11yDataTable-DdRsVULz.js";
-import { t as Ae } from "./useUserOptionState-DK-_1ddE.js";
-import { t as je } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Me } from "./Legend-X4kF4PvW.js";
-import { t as Ne } from "./vue_ui_quadrant-CDSTKTJz.js";
-import { Fragment as u, Teleport as Pe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Fe, createTextVNode as Ie, createVNode as Le, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Re, nextTick as ze, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Be, onMounted as Ve, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as He, shallowRef as Ue, toDisplayString as T, toRefs as We, unref as E, watch as Ge, withCtx as D } from "vue";
+import { $ as t, Ct as n, D as r, Dt as i, G as a, Lt as o, Pt as ee, S as te, Ut as s, Wt as ne, X as c, Yt as re, Z as ie, Zt as ae, i as l, lt as oe, nt as se, q as ce, r as le, t as ue, w as de, yt as fe } from "./lib-Dql7cqyA.js";
+import { n as pe, t as me } from "./useHints-Dq_w2E8B.js";
+import { t as he } from "./useConfig-D32D002m.js";
+import { t as ge } from "./usePrinter-hohanNCX.js";
+import { n as _e, t as ve } from "./BaseScanner-Dzc8VT3j.js";
+import { t as ye } from "./useNestedProp-Chvyfpl-.js";
+import { t as be } from "./useThemeCheck-C43Tcqmk.js";
+import { t as xe } from "./useChartExport-iwOqiIWX.js";
+import { t as Se } from "./img-BkMKbWsI.js";
+import { n as Ce } from "./Title-CPHi-evi.js";
+import { t as we } from "./Shape-CIqU-p2F.js";
+import { t as Te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as Ee, t as De } from "./useResponsive-ZtArZtUf.js";
+import { t as Oe } from "./DefGrad-DVBqDjhO.js";
+import { t as ke } from "./BaseLegendToggle-CXQrLjd-.js";
+import { t as Ae } from "./A11yDataTable-DdRsVULz.js";
+import { t as je } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Me } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Ne } from "./Legend-X4kF4PvW.js";
+import { t as Pe } from "./vue_ui_quadrant-CDSTKTJz.js";
+import { Fragment as u, Teleport as Fe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Ie, createTextVNode as Le, createVNode as Re, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as ze, nextTick as Be, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Ve, onMounted as He, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Ue, shallowRef as We, toDisplayString as T, toRefs as Ge, unref as E, watch as Ke, withCtx as D } from "vue";
 //#region src/components/vue-ui-quadrant.vue
-var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye = ["id"], Xe = { style: { position: "relative" } }, Ze = [
+var qe = /* @__PURE__ */ e({ default: () => tn }), Je = ["id"], Ye = ["id"], Xe = ["id"], Ze = { style: { position: "relative" } }, Qe = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox",
 	"id"
-], Qe = [
+], $e = [
 	"x",
 	"y",
 	"width",
 	"height"
-], $e = { key: 1 }, et = [
+], et = { key: 1 }, tt = [
 	"fill",
 	"x",
 	"y",
@@ -40,150 +40,150 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 	"stroke-width",
 	"stroke",
 	"rx"
-], tt = [
+], nt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-width"
-], nt = [
+], rt = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke",
 	"stroke-width"
-], rt = { key: 2 }, it = ["points", "fill"], at = ["points", "fill"], ot = ["points", "fill"], st = ["points", "fill"], ct = { key: 3 }, lt = [
+], it = { key: 2 }, at = ["points", "fill"], ot = ["points", "fill"], st = ["points", "fill"], ct = ["points", "fill"], lt = { key: 3 }, ut = [
 	"y",
 	"fill",
 	"font-size"
-], ut = [
+], dt = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], dt = [
+], ft = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], ft = [
+], pt = [
 	"y",
 	"fill",
 	"font-size"
-], pt = { key: 4 }, mt = [
+], mt = { key: 4 }, ht = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], ht = [
+], gt = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], gt = [
+], _t = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], _t = [
+], vt = [
 	"id",
 	"font-size",
 	"transform",
 	"fill"
-], vt = [
+], yt = [
 	"id",
 	"font-size",
 	"transform",
 	"fill"
-], yt = [
+], bt = [
 	"id",
 	"font-size",
 	"transform",
 	"fill"
-], bt = { key: 5 }, xt = ["fill", "points"], St = [
+], xt = { key: 5 }, St = ["fill", "points"], Ct = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Ct = [
+], wt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], wt = [
+], Tt = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Tt = [
+], Et = [
 	"x",
 	"y",
 	"width",
 	"height"
-], Et = [
+], Dt = [
 	"x",
 	"y",
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Dt = [
+], Ot = [
 	"data-a11y-plot-id",
 	"cx",
 	"cy",
 	"r"
-], Ot = [
+], kt = [
 	"data-a11y-plot-id",
 	"cx",
 	"cy",
 	"r"
-], kt = {
+], At = {
 	key: 0,
 	style: { "pointer-events": "none" }
-}, At = [
+}, jt = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], jt = [
+], Mt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"innerHTML"
-], Mt = { key: 0 }, Nt = [
+], Nt = { key: 0 }, Pt = [
 	"x",
 	"y",
 	"onMouseover",
 	"onMouseleave",
 	"onClick"
-], Pt = {
+], Ft = {
 	key: 8,
 	class: "vue-ui-dna"
-}, Ft = ["points", "fill"], It = ["points", "fill"], Lt = ["points", "fill"], Rt = ["points", "fill"], zt = { key: 9 }, Bt = [
+}, It = ["points", "fill"], Lt = ["points", "fill"], Rt = ["points", "fill"], zt = ["points", "fill"], Bt = { key: 9 }, Vt = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], Vt = { key: 10 }, Ht = [
+], Ht = { key: 10 }, Ut = [
 	"x",
 	"y",
 	"fill"
-], Ut = [
+], Wt = [
 	"x",
 	"y",
 	"fill"
-], Wt = [
+], Gt = [
 	"x",
 	"y",
 	"fill"
-], Gt = [
+], Kt = [
 	"x",
 	"y",
 	"fill"
-], Kt = ["stroke", "d"], qt = ["stroke", "d"], Jt = {
+], qt = ["stroke", "d"], Jt = ["stroke", "d"], Yt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -193,15 +193,15 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Yt = {
+}, Xt = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Xt = ["id"], Zt = ["onClick"], Qt = {
+}, Zt = ["id"], Qt = ["onClick"], $t = {
 	key: 0,
 	height: "14",
 	width: "14",
 	viewBox: "0 0 20 20"
-}, $t = ["innerHTML"], en = /*#__PURE__*/ we({
+}, en = ["innerHTML"], tn = /*#__PURE__*/ Te({
 	__name: "vue-ui-quadrant",
 	props: {
 		config: {
@@ -223,18 +223,18 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 		"selectLegend",
 		"copyAlt"
 	],
-	setup(e, { expose: we, emit: Ke }) {
-		let en = g(() => import("./Tooltip-hhrkQ3Lk.js")), tn = g(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), nn = g(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), rn = g(() => import("./DataTable-oiM9uWrQ.js")), an = g(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), on = g(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), sn = g(() => import("./PackageVersion-ekRvV3aF.js").then((e) => e.t)), cn = g(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_quadrant: ln } = me(), { isThemeValid: un, warnInvalidTheme: dn } = ye(), O = e, fn = d(() => !!O.dataset && O.dataset.length), k = S(se()), pn = Ke, mn = S(!1), hn = S(""), gn = S(0), A = S(!1), j = S(null), _n = S(null), vn = S(null), yn = S(null), bn = S(null), xn = S(0), Sn = S(0), Cn = S(0), wn = S(!1), Tn = S(null), En = S(null), Dn = S(null), On = S(null), kn = S({
+	setup(e, { expose: Te, emit: qe }) {
+		let tn = g(() => import("./Tooltip-hhrkQ3Lk.js")), nn = g(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), rn = g(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), an = g(() => import("./DataTable-oiM9uWrQ.js")), on = g(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), sn = g(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), cn = g(() => import("./PackageVersion-CZZayD-D.js").then((e) => e.t)), ln = g(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_quadrant: un } = he(), { isThemeValid: dn, warnInvalidTheme: fn } = be(), O = e, pn = d(() => !!O.dataset && O.dataset.length), k = S(ce()), mn = qe, hn = S(!1), gn = S(""), _n = S(0), A = S(!1), j = S(null), vn = S(null), yn = S(null), bn = S(null), xn = S(null), Sn = S(0), Cn = S(0), wn = S(0), Tn = S(!1), En = S(null), Dn = S(null), On = S(null), kn = S(null), An = S({
 			x: 0,
 			y: 0
-		}), An = S("pointer"), jn = S(!1), M = S(Rn()), N = d(() => M.value.userOptions), P = d(() => M.value.style.chart.layout.grid), F = d(() => M.value.style.chart.layout.labels), I = d(() => M.value.style.chart.tooltip), L = d(() => M.value.style.chart);
-		fe({
+		}), jn = S("pointer"), Mn = S(!1), M = S(zn()), N = d(() => M.value.userOptions), P = d(() => M.value.style.chart.layout.grid), F = d(() => M.value.style.chart.layout.labels), I = d(() => M.value.style.chart.tooltip), L = d(() => M.value.style.chart);
+		pe({
 			config: () => M.value,
 			dataset: () => O.dataset,
 			component: "VueUiQuadrant",
-			rules: [pe.emptyArray, pe.noHint]
+			rules: [me.emptyArray, me.noHint]
 		});
-		let R = d(() => M.value.userOptions.useCursorPointer), Mn = d(() => ({
+		let R = d(() => M.value.userOptions.useCursorPointer), Nn = d(() => ({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -261,13 +261,13 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				} }
 			},
 			userConfig: M.value.skeletonConfig ?? {}
-		})), { loading: Nn, FINAL_DATASET: Pn } = ge({
-			...We(O),
+		})), { loading: Pn, FINAL_DATASET: Fn } = _e({
+			...Ge(O),
 			FINAL_CONFIG: M,
-			prepareConfig: Rn,
+			prepareConfig: zn,
 			callback: () => {
 				Promise.resolve().then(async () => {
-					await ze(), V.value.showTable = M.value.table.show;
+					await Be(), V.value.showTable = M.value.table.show;
 				});
 			},
 			skeletonDataset: O.config?.skeletonDataset ?? [{
@@ -342,22 +342,22 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					}
 				]
 			}],
-			skeletonConfig: ie({
+			skeletonConfig: ae({
 				defaultConfig: M.value,
-				userConfig: Mn.value
+				userConfig: Nn.value
 			})
-		}), { userOptionsVisible: Fn, setUserOptionsVisibility: In, keepUserOptionState: Ln } = Ae({ config: M.value }), { svgRef: z } = je({ config: L.value.title });
-		function Rn() {
-			let e = ve({
+		}), { userOptionsVisible: In, setUserOptionsVisibility: Ln, keepUserOptionState: Rn } = je({ config: M.value }), { svgRef: z } = Me({ config: L.value.title });
+		function zn() {
+			let e = ye({
 				userConfig: O.config,
-				defaultConfig: ln
+				defaultConfig: un
 			}), t = e.theme;
 			if (!t) return e;
-			if (!un.value(e)) return dn(e), e;
-			let n = ve({
-				userConfig: Ne[t] || O.config,
+			if (!dn.value(e)) return fn(e), e;
+			let n = ye({
+				userConfig: Pe[t] || O.config,
 				defaultConfig: e
-			}), r = ve({
+			}), r = ye({
 				userConfig: O.config,
 				defaultConfig: n
 			});
@@ -366,28 +366,40 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				customPalette: r.customPalette.length ? r.customPalette : re[t] || o
 			};
 		}
-		Ge(() => O.config, (e) => {
-			M.value = Rn(), Fn.value = !M.value.userOptions.showOnChartHover, Vn(), xn.value += 1, Sn.value += 1, Cn.value += 1, V.value.plotLabels.show = F.value.plotLabels.show, V.value.showTable = M.value.table.show, V.value.showTooltip = I.value.show;
+		function Bn(e) {
+			let t = ie(e);
+			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
+		}
+		let Vn = Bn(O.config);
+		Ke(() => O.config, (e, t) => {
+			let n = Bn(e), r = n !== Vn;
+			Vn = n;
+			let i = zn();
+			if (!r) {
+				M.value.style.chart.tooltip = i.style.chart.tooltip, V.value.showTooltip = M.value.style.chart.tooltip.show;
+				return;
+			}
+			M.value = i, In.value = !M.value.userOptions.showOnChartHover, Wn(), Sn.value += 1, Cn.value += 1, wn.value += 1, V.value.plotLabels.show = F.value.plotLabels.show, V.value.showTable = M.value.table.show, V.value.showTooltip = I.value.show;
 		}, { deep: !0 });
-		let B = Ue(null), zn = Ue(null), Bn = d(() => M.value.debug);
-		function Vn() {
-			if (ee(O.dataset) ? oe({
+		let B = We(null), Hn = We(null), Un = d(() => M.value.debug);
+		function Wn() {
+			if (ee(O.dataset) ? se({
 				componentName: "VueUiQuadrant",
 				type: "dataset",
-				debug: Bn.value
-			}) : Bn.value && O.dataset.forEach((e, t) => {
-				[null, void 0].includes(e.name) && oe({
+				debug: Un.value
+			}) : Un.value && O.dataset.forEach((e, t) => {
+				[null, void 0].includes(e.name) && se({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "name",
 					index: t
-				}), [null, void 0].includes(e.series) ? oe({
+				}), [null, void 0].includes(e.series) ? se({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "series",
 					index: t
 				}) : e.series.forEach((e, t) => {
-					[null, void 0].includes(e.name) && oe({
+					[null, void 0].includes(e.name) && se({
 						componentName: "VueUiQuadrant",
 						type: "datasetSerieAttribute",
 						property: "name",
@@ -396,31 +408,31 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					});
 				});
 			}), M.value.responsive) {
-				let e = Te(() => {
-					let { width: e, height: t } = Ee({
+				let e = Ee(() => {
+					let { width: e, height: t } = De({
 						chart: j.value,
-						title: L.value.title.text ? _n.value : null,
-						legend: L.value.legend.show ? vn.value : null,
-						source: yn.value,
-						noTitle: bn.value
+						title: L.value.title.text ? vn.value : null,
+						legend: L.value.legend.show ? yn.value : null,
+						source: bn.value,
+						noTitle: xn.value
 					});
 					H.value = 48, requestAnimationFrame(() => {
 						U.value.height = t, U.value.usableHeight = t - H.value * 2, U.value.width = e, U.value.usableWidth = e - H.value * 2, U.value.top = H.value, U.value.left = H.value, U.value.right = e - H.value, U.value.bottom = t - H.value, U.value.centerX = e / 2, U.value.centerY = t - t / 2, U.value.padding = H.value;
 					});
 				});
-				B.value && (zn.value && B.value.unobserve(zn.value), B.value.disconnect()), B.value = new ResizeObserver(e), zn.value = j.value.parentNode, B.value.observe(zn.value);
+				B.value && (Hn.value && B.value.unobserve(Hn.value), B.value.disconnect()), B.value = new ResizeObserver(e), Hn.value = j.value.parentNode, B.value.observe(Hn.value);
 			}
 		}
-		Ve(() => {
-			wn.value = !0, Vn();
-		}), Be(() => {
-			B.value && (zn.value && B.value.unobserve(zn.value), B.value.disconnect());
+		He(() => {
+			Tn.value = !0, Wn();
+		}), Ve(() => {
+			B.value && (Hn.value && B.value.unobserve(Hn.value), B.value.disconnect());
 		});
-		let { isPrinting: Hn, isImaging: Un, generatePdf: Wn, generateImage: Gn } = he({
+		let { isPrinting: Gn, isImaging: Kn, generatePdf: qn, generateImage: Jn } = ge({
 			elementId: `vue-ui-quadrant_${k.value}`,
 			fileName: L.value.title.text || "vue-ui-quadrant",
 			options: M.value.userOptions.print
-		}), Kn = d(() => M.value.userOptions.show && !L.value.title.text), qn = d(() => ue(M.value.customPalette)), V = S({
+		}), Yn = d(() => M.value.userOptions.show && !L.value.title.text), Xn = d(() => de(M.value.customPalette)), V = S({
 			plotLabels: { show: F.value.plotLabels.show },
 			showTable: M.value.table.show,
 			showTooltip: I.value.show
@@ -441,14 +453,14 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			startX: 0,
 			startY: 0
 		});
-		Ge(() => U.value, (e) => {
+		Ke(() => U.value, (e) => {
 			e && (W.value = {
 				...JSON.parse(JSON.stringify(U.value)),
 				startX: 0,
 				startY: 0
 			});
 		}, { deep: !0 });
-		let G = S(null), Jn = d(() => {
+		let G = S(null), Zn = d(() => {
 			switch (G.value) {
 				case "TL": return {
 					x: W.value.startX + W.value.width / 2,
@@ -491,9 +503,9 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					bold: !1
 				};
 			}
-		}), Yn = S(null), Xn = S(!1);
-		function Zn({ targetX: e, targetY: t, targetW: n, targetH: r, side: i }) {
-			G.value && xr(i);
+		}), Qn = S(null), $n = S(!1);
+		function er({ targetX: e, targetY: t, targetW: n, targetH: r, side: i }) {
+			G.value && wr(i);
 			let a = {
 				x: e - W.value.startX,
 				y: t - W.value.startY,
@@ -501,14 +513,14 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				h: r - W.value.height
 			}, o = M.value.zoomAnimationFrames, ee = 0;
 			function te() {
-				Xn.value = !0, W.value.startX += a.x / o, W.value.startY += a.y / o, W.value.width += a.w / o, W.value.height += a.h / o, ee += 1, ee < o ? Yn.value = requestAnimationFrame(te) : Xn.value = !1;
+				$n.value = !0, W.value.startX += a.x / o, W.value.startY += a.y / o, W.value.width += a.w / o, W.value.height += a.h / o, ee += 1, ee < o ? Qn.value = requestAnimationFrame(te) : $n.value = !1;
 			}
 			te();
 		}
 		let K = d(() => M.value.zoomEnabled);
 		function q(e) {
-			if (K.value && !Xn.value) {
-				if (A.value && G.value === e) Zn({
+			if (K.value && !$n.value) {
+				if (A.value && G.value === e) er({
 					targetX: 0,
 					targetY: 0,
 					targetW: U.value.width,
@@ -517,7 +529,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				else {
 					switch (G.value = e, e) {
 						case "TL":
-							Zn({
+							er({
 								targetX: 0,
 								targetY: 0,
 								targetW: U.value.width / 2 + U.value.left,
@@ -526,7 +538,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							});
 							break;
 						case "TR":
-							Zn({
+							er({
 								targetX: U.value.width / 2 - U.value.left,
 								targetY: 0,
 								targetW: U.value.width / 2 + U.value.left,
@@ -535,7 +547,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							});
 							break;
 						case "BR":
-							Zn({
+							er({
 								targetX: U.value.width / 2 - U.value.left,
 								targetY: U.value.height / 2 - U.value.top,
 								targetW: U.value.width / 2 + U.value.left,
@@ -544,7 +556,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							});
 							break;
 						case "BL":
-							Zn({
+							er({
 								targetX: 0,
 								targetY: U.value.height / 2 - U.value.top,
 								targetW: U.value.width / 2 + U.value.left,
@@ -558,7 +570,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				}
 			}
 		}
-		let Qn = d(() => {
+		let tr = d(() => {
 			let e = P.value.graduations.steps, t = U.value.usableWidth / (e * 2), n = U.value.top, r = [];
 			for (let i = 0; i < e; i += 1) r.push({
 				x: U.value.padding + t * i,
@@ -570,7 +582,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			return r;
 		}), J = d(() => {
 			let e = P.value.xAxis.max, t = P.value.xAxis.min, n = P.value.yAxis.max, r = P.value.yAxis.min;
-			return P.value.xAxis.auto && (e = Math.max(...$n.value.flatMap((e) => e.series.map((e) => e.x))), t = Math.min(...$n.value.flatMap((e) => e.series.map((e) => e.x)))), P.value.yAxis.auto && (n = Math.max(...$n.value.flatMap((e) => e.series.map((e) => e.y))), r = Math.min(...$n.value.flatMap((e) => e.series.map((e) => e.y)))), {
+			return P.value.xAxis.auto && (e = Math.max(...nr.value.flatMap((e) => e.series.map((e) => e.x))), t = Math.min(...nr.value.flatMap((e) => e.series.map((e) => e.x)))), P.value.yAxis.auto && (n = Math.max(...nr.value.flatMap((e) => e.series.map((e) => e.y))), r = Math.min(...nr.value.flatMap((e) => e.series.map((e) => e.y)))), {
 				x: {
 					max: e,
 					min: t
@@ -580,24 +592,24 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					min: r
 				}
 			};
-		}), Y = S([]), $n = d(() => Pn.value.map((e, t) => ({
+		}), Y = S([]), nr = d(() => Fn.value.map((e, t) => ({
 			...e,
 			series: i({
 				data: e.series,
 				threshold: M.value.downsample.threshold
 			}),
 			id: `cat_${t}_${k.value}`,
-			color: te(e.color) || qn.value[t] || o[t]
-		}))), er = d(() => $n.value.filter((e) => !Y.value.includes(e.id))), tr = d(() => $n.value.map((e, t) => ({
+			color: te(e.color) || Xn.value[t] || o[t]
+		}))), rr = d(() => nr.value.filter((e) => !Y.value.includes(e.id))), ir = d(() => nr.value.map((e, t) => ({
 			...e,
 			shape: e.shape || "circle",
 			series: e.series.map((t) => ({
 				...t,
-				x: nr(t.x),
-				y: rr(t.y),
+				x: ar(t.x),
+				y: or(t.y),
 				xValue: t.x,
 				yValue: t.y,
-				quadrantSide: pr({
+				quadrantSide: gr({
 					x: t.x,
 					y: t.y
 				}),
@@ -606,15 +618,15 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				shape: e.shape,
 				color: e.color
 			}))
-		}))), X = d(() => (Bn.value && Pn.value.forEach((e, t) => {
+		}))), X = d(() => (Un.value && Fn.value.forEach((e, t) => {
 			e.series.forEach((e, t) => {
-				[null, void 0].includes(e.x) && oe({
+				[null, void 0].includes(e.x) && se({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "x",
 					key: "series",
 					index: t
-				}), [null, void 0].includes(e.y) && oe({
+				}), [null, void 0].includes(e.y) && se({
 					componentName: "VueUiQuadrant",
 					type: "datasetSerieAttribute",
 					property: "y",
@@ -622,28 +634,28 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					index: t
 				});
 			});
-		}), er.value.map((e, t) => ({
+		}), rr.value.map((e, t) => ({
 			...e,
 			shape: e.shape || "circle",
-			color: e.color || qn.value[t] || o[t],
+			color: e.color || Xn.value[t] || o[t],
 			series: e.series.map((t) => ({
 				...t,
 				category: e,
-				x: nr(t.x),
-				y: rr(t.y),
+				x: ar(t.x),
+				y: or(t.y),
 				xValue: t.x,
 				yValue: t.y,
-				quadrantSide: pr({
+				quadrantSide: gr({
 					x: t.x,
 					y: t.y
 				}),
 				categoryName: e.name,
 				shape: e.shape,
 				color: e.color,
-				uid: se()
+				uid: ce()
 			}))
 		}))));
-		function nr(e) {
+		function ar(e) {
 			if (e >= 0) {
 				let t = e / J.value.x.max;
 				return U.value.centerX + U.value.usableWidth / 2 * t;
@@ -653,7 +665,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				return U.value.centerX - U.value.usableWidth / 2 * t;
 			}
 		}
-		function rr(e) {
+		function or(e) {
 			if (e >= 0) {
 				let t = e / J.value.y.max;
 				return U.value.centerY + (1 - U.value.usableHeight / 2 * t);
@@ -663,7 +675,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				return U.value.centerY - (1 - U.value.usableHeight / 2 * t);
 			}
 		}
-		let ir = d(() => {
+		let sr = d(() => {
 			let e = X.value.flatMap((e) => e.series.map((t) => ({
 				x: t.xValue,
 				y: t.yValue,
@@ -695,8 +707,8 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				})),
 				tableData: e
 			};
-		}), ar = d(() => {
-			let e = ir.value.head, t = ir.value.tableData.map((e) => [
+		}), cr = d(() => {
+			let e = sr.value.head, t = sr.value.tableData.map((e) => [
 				{
 					shape: e.shape,
 					color: e.color,
@@ -733,35 +745,35 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				colNames: e
 			};
 		});
-		function or() {
-			Y.value.length ? Y.value = [] : cr.value.forEach((e) => {
+		function lr() {
+			Y.value.length ? Y.value = [] : dr.value.forEach((e) => {
 				Y.value.push(e.id);
-			}), pn("selectLegend", Sr());
+			}), mn("selectLegend", Tr());
 		}
-		function sr(e) {
-			Y.value.includes(e) ? Y.value = Y.value.filter((t) => t !== e) : Y.value.push(e), pn("selectLegend", Sr());
+		function ur(e) {
+			Y.value.includes(e) ? Y.value = Y.value.filter((t) => t !== e) : Y.value.push(e), mn("selectLegend", Tr());
 		}
-		let cr = d(() => tr.value.map((e) => ({
+		let dr = d(() => ir.value.map((e) => ({
 			name: e.name,
 			shape: e.shape,
 			color: e.color,
 			id: e.id,
 			opacity: Y.value.includes(e.id) ? .5 : 1,
-			segregate: () => sr(e.id),
+			segregate: () => ur(e.id),
 			isSegregated: Y.value.includes(e.id)
 		})));
-		function lr(e) {
-			return cr.value.length ? cr.value.find((t) => t.name === e) || (Bn.value && console.warn(`VueUiQuadrant - Series name not found "${e}"`), null) : (Bn.value && console.warn("VueUiQuadrant - There are no series to show."), null);
+		function fr(e) {
+			return dr.value.length ? dr.value.find((t) => t.name === e) || (Un.value && console.warn(`VueUiQuadrant - Series name not found "${e}"`), null) : (Un.value && console.warn("VueUiQuadrant - There are no series to show."), null);
 		}
-		function ur(e) {
-			let t = lr(e);
-			t !== null && Y.value.includes(t.id) && sr(t.id);
+		function pr(e) {
+			let t = fr(e);
+			t !== null && Y.value.includes(t.id) && ur(t.id);
 		}
-		function dr(e) {
-			let t = lr(e);
-			t !== null && (Y.value.includes(t.id) || sr(t.id));
+		function mr(e) {
+			let t = fr(e);
+			t !== null && (Y.value.includes(t.id) || ur(t.id));
 		}
-		let fr = d(() => ({
+		let hr = d(() => ({
 			cy: "quadrant-div-legend",
 			backgroundColor: L.value.legend.backgroundColor,
 			color: L.value.legend.color,
@@ -769,7 +781,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			paddingBottom: 12,
 			fontWeight: L.value.legend.bold ? "bold" : ""
 		}));
-		function pr(e) {
+		function gr(e) {
 			switch (!0) {
 				case e.x >= 0 && e.y >= 0: return "tr";
 				case e.x >= 0 && e.y < 0: return "br";
@@ -778,40 +790,40 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				default: return "";
 			}
 		}
-		let Z = S(null), mr = S(null), hr = S(null);
-		function gr() {
-			Z.value = null, mr.value = null, Dn.value = null, On.value = null, mn.value = !1;
+		let Z = S(null), _r = S(null), vr = S(null);
+		function yr() {
+			Z.value = null, _r.value = null, On.value = null, kn.value = null, hn.value = !1;
 		}
-		function _r(e) {
+		function br(e) {
 			if (!z.value || !e) return;
 			let t = `[data-a11y-plot-id="${e}"]`, n = z.value.querySelector(t);
 			if (!n) return;
 			let r = n.getBoundingClientRect();
-			kn.value = {
+			An.value = {
 				x: r.left + r.width / 2,
 				y: r.top + r.height / 2
 			};
 		}
-		function vr(e, t, r, i = "pointer", a = null) {
+		function xr(e, t, r, i = "pointer", a = null) {
 			M.value.events.datapointEnter && M.value.events.datapointEnter({
 				datapoint: t,
 				seriesIndex: r
-			}), Z.value = t.uid, mr.value = {
+			}), Z.value = t.uid, _r.value = {
 				color: e.color,
 				shape: e.shape
-			}, An.value = i, Dn.value = a, On.value = t.uid, hr.value = {
+			}, jn.value = i, On.value = a, kn.value = t.uid, vr.value = {
 				datapoint: t,
 				seriesIndex: r,
 				series: X.value,
 				config: M.value
 			};
 			let o = I.value.customFormat;
-			if (n(o) && ae(() => o({
+			if (n(o) && oe(() => o({
 				seriesIndex: r,
 				datapoint: t,
 				series: X.value,
 				config: M.value
-			}))) hn.value = o({
+			}))) gn.value = o({
 				seriesIndex: r,
 				datapoint: t,
 				series: X.value,
@@ -833,19 +845,19 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					datapoint: t,
 					category: e,
 					categoryIndex: r
-				})}</b></div>`, hn.value = `<div style="text-align:left;font-size:${I.value.fontSize}px">${n}</div>`;
+				})}</b></div>`, gn.value = `<div style="text-align:left;font-size:${I.value.fontSize}px">${n}</div>`;
 			}
-			i === "keyboard" && ze(() => {
-				_r(t.uid);
-			}), mn.value = !0;
+			i === "keyboard" && Be(() => {
+				br(t.uid);
+			}), hn.value = !0;
 		}
-		function yr(e, t) {
+		function Sr(e, t) {
 			M.value.events.datapointLeave && M.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
-			}), (On.value !== e.uid || An.value !== "keyboard") && (mn.value = !1, Z.value = null, mr.value = null);
+			}), (kn.value !== e.uid || jn.value !== "keyboard") && (hn.value = !1, Z.value = null, _r.value = null);
 		}
-		function br(e, t, n) {
+		function Cr(e, t, n) {
 			M.value.events.datapointClick && M.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: n
@@ -859,9 +871,9 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				quadrantSide: t.quadrantSide,
 				sideName: F.value.quadrantLabels[t.quadrantSide].text
 			};
-			pn("selectPlot", r);
+			mn("selectPlot", r);
 		}
-		function xr(e) {
+		function wr(e) {
 			if (!e) return;
 			let t = X.value.flatMap((t) => t.series.filter((t) => t.quadrantSide === e).map((e) => ({
 				category: e.categoryName,
@@ -873,7 +885,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				sideName: F.value.quadrantLabels[e].text,
 				items: [...t]
 			};
-			pn("selectSide", n);
+			mn("selectSide", n);
 		}
 		let Q = d(() => ({
 			TL: {
@@ -981,7 +993,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				}
 			}
 		}));
-		function Sr() {
+		function Tr() {
 			return X.value.map((e) => ({
 				color: e.color,
 				name: e.name,
@@ -995,39 +1007,39 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				}))
 			}));
 		}
-		function Cr(e = null) {
-			ze(() => {
+		function Er(e = null) {
+			Be(() => {
 				let n = [
 					[L.value.title.text],
 					[L.value.title.subtitle.text],
 					[""]
-				], i = ir.value.head, a = ir.value.body, o = n.concat([i]).concat(a), ee = r(o);
+				], i = sr.value.head, a = sr.value.body, o = n.concat([i]).concat(a), ee = r(o);
 				e ? e(ee) : t({
 					csvContent: ee,
 					title: L.value.title.text || "vue-ui-quadrant"
 				});
 			});
 		}
-		let wr = S(!1);
-		function Tr(e) {
-			wr.value = e, gn.value += 1;
+		let Dr = S(!1);
+		function Or(e) {
+			Dr.value = e, _n.value += 1;
 		}
-		function Er() {
+		function kr() {
 			V.value.showTable = !V.value.showTable;
 		}
-		function Dr() {
+		function Ar() {
 			V.value.plotLabels.show = !V.value.plotLabels.show;
 		}
-		function Or() {
+		function jr() {
 			V.value.showTooltip = !V.value.showTooltip;
 		}
-		let kr = S(!1);
-		function Ar() {
-			kr.value = !kr.value;
+		let Mr = S(!1);
+		function Nr() {
+			Mr.value = !Mr.value;
 		}
-		async function jr({ scale: e = 2 } = {}) {
+		async function Pr({ scale: e = 2 } = {}) {
 			if (!j.value) return;
-			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await xe({
+			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await Se({
 				domElement: j.value,
 				base64: !0,
 				img: !0,
@@ -1042,17 +1054,17 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				aspectRatio: r
 			};
 		}
-		let Mr = d(() => {
+		let Fr = d(() => {
 			let e = M.value.table.useDialog && !M.value.table.show, t = V.value.showTable;
 			return {
-				component: e ? cn : nn,
+				component: e ? ln : rn,
 				title: `${L.value.title.text}${L.value.title.subtitle.text ? `: ${L.value.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: M.value.table.th.backgroundColor,
 					color: M.value.table.th.color,
 					headerColor: M.value.table.th.color,
 					headerBg: M.value.table.th.backgroundColor,
-					isFullscreen: wr.value,
+					isFullscreen: Dr.value,
 					fullscreenParent: j.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: R.value
@@ -1073,103 +1085,103 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				}
 			};
 		});
-		Ge(() => V.value.showTable, (e) => {
-			M.value.table.show || (e && M.value.table.useDialog && Tn.value ? Tn.value.open() : "close" in Tn.value && Tn.value.close());
+		Ke(() => V.value.showTable, (e) => {
+			M.value.table.show || (e && M.value.table.useDialog && En.value ? En.value.open() : "close" in En.value && En.value.close());
 		});
-		function Nr() {
-			V.value.showTable = !1, En.value && En.value.setTableIconState(!1);
+		function Ir() {
+			V.value.showTable = !1, Dn.value && Dn.value.setTableIconState(!1);
 		}
-		let Pr = d(() => L.value.backgroundColor), Fr = d(() => L.value.legend), Ir = d(() => L.value.title), { isCallbackImaging: Lr, isCallbackSvg: Rr, generateSvg: zr, onGenerateImage: Br } = be({
+		let Lr = d(() => L.value.backgroundColor), Rr = d(() => L.value.legend), zr = d(() => L.value.title), { isCallbackImaging: Br, isCallbackSvg: Vr, generateSvg: Hr, onGenerateImage: Ur } = xe({
 			svg: z,
-			title: Ir,
-			legend: Fr,
-			legendItems: cr,
-			backgroundColor: Pr,
+			title: zr,
+			legend: Rr,
+			legendItems: dr,
+			backgroundColor: Lr,
 			getSvgCallback: () => M.value.userOptions.callbacks.svg,
-			generateImage: Gn
+			generateImage: Jn
 		});
-		async function Vr() {
-			if (pn("copyAlt", {
+		async function Wr() {
+			if (mn("copyAlt", {
 				config: M.value,
-				dataset: er.value
+				dataset: rr.value
 			}), !M.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
 			await Promise.resolve(M.value.userOptions.callbacks.altCopy({
 				config: M.value,
-				dataset: er.value
+				dataset: rr.value
 			}));
 		}
-		function Hr() {
-			Dn.value = null, On.value = null, jn.value = !0;
+		function Gr() {
+			On.value = null, kn.value = null, Mn.value = !0;
 		}
-		function Ur() {
-			gr(), jn.value = !1;
+		function Kr() {
+			yr(), Mn.value = !1;
 		}
-		function Wr(e) {
-			if (!z.value || kr.value || document.activeElement !== z.value || !$.value.length) return;
+		function qr(e) {
+			if (!z.value || Mr.value || document.activeElement !== z.value || !$.value.length) return;
 			let t = e.key === "ArrowLeft" || e.key === "ArrowUp", n = e.key === "ArrowRight" || e.key === "ArrowDown", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				gr();
+				yr();
 				return;
 			}
 			if (r) {
-				if (Dn.value === null) return;
-				let e = $.value[Dn.value];
+				if (On.value === null) return;
+				let e = $.value[On.value];
 				if (!e) return;
-				br(e.category, e.plot, e.categoryIndex);
+				Cr(e.category, e.plot, e.categoryIndex);
 				return;
 			}
-			let a = Dn.value, o = Z.value ? $.value.findIndex((e) => e.plot.uid === Z.value) : null, ee = a !== null && a >= 0 && a < $.value.length, te = o !== null && o >= 0 && o < $.value.length;
+			let a = On.value, o = Z.value ? $.value.findIndex((e) => e.plot.uid === Z.value) : null, ee = a !== null && a >= 0 && a < $.value.length, te = o !== null && o >= 0 && o < $.value.length;
 			ee ? (a += n ? 1 : -1, a < 0 && (a = $.value.length - 1), a >= $.value.length && (a = 0)) : te ? (a = n ? o + 1 : o - 1, a >= $.value.length && (a = 0), a < 0 && (a = $.value.length - 1)) : a = n ? 0 : $.value.length - 1;
 			let s = $.value[a];
-			s && vr(s.category, s.plot, s.categoryIndex, "keyboard", a);
+			s && xr(s.category, s.plot, s.categoryIndex, "keyboard", a);
 		}
-		let Gr = d(() => ({
-			headers: ar.value?.colNames ?? [],
-			rows: ar.value?.a11yBody ?? []
+		let Jr = d(() => ({
+			headers: cr.value?.colNames ?? [],
+			rows: cr.value?.a11yBody ?? []
 		})), $ = d(() => X.value.flatMap((e, t) => e.series.map((n) => ({
 			category: e,
 			plot: n,
 			categoryIndex: t
 		}))));
-		return we({
-			getData: Sr,
-			getImage: jr,
-			generatePdf: Wn,
-			generateCsv: Cr,
-			generateImage: Gn,
-			generateSvg: zr,
-			hideSeries: dr,
-			showSeries: ur,
-			toggleTable: Er,
-			toggleLabels: Dr,
-			toggleTooltip: Or,
-			toggleAnnotator: Ar,
-			toggleFullscreen: Tr,
-			copyAlt: Vr
+		return Te({
+			getData: Tr,
+			getImage: Pr,
+			generatePdf: qn,
+			generateCsv: Er,
+			generateImage: Jn,
+			generateSvg: Hr,
+			hideSeries: mr,
+			showSeries: pr,
+			toggleTable: kr,
+			toggleLabels: Ar,
+			toggleTooltip: jr,
+			toggleAnnotator: Nr,
+			toggleFullscreen: Or,
+			copyAlt: Wr
 		}), (e, t) => (x(), m("div", {
-			class: v(`vue-data-ui-component vue-ui-quadrant ${wr.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${M.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+			class: v(`vue-data-ui-component vue-ui-quadrant ${Dr.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${M.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			ref_key: "quadrantChart",
 			ref: j,
 			id: `vue-ui-quadrant_${k.value}`,
 			style: b(`font-family:${M.value.style.fontFamily};width:100%; text-align:center;background:${L.value.backgroundColor};${M.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: t[14] ||= () => E(In)(!0),
+			onMouseenter: t[14] ||= () => E(Ln)(!0),
 			onMouseleave: t[15] ||= () => {
-				E(In)(!1), jn.value || gr();
+				E(Ln)(!1), Mn.value || yr();
 			}
 		}, [
 			h("div", {
 				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
-			}, [h("p", null, T(M.value.a11y.translations.keyboardNavigation), 1)], 8, Je),
-			Gr.value?.rows?.length ? (x(), f(ke, {
+			}, [h("p", null, T(M.value.a11y.translations.keyboardNavigation), 1)], 8, Ye),
+			Jr.value?.rows?.length ? (x(), f(Ae, {
 				key: 0,
 				uid: k.value,
-				head: Gr.value.headers,
-				body: Gr.value.rows,
+				head: Jr.value.headers,
+				body: Jr.value.rows,
 				notice: M.value.a11y.translations.tableAvailable,
 				caption: M.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1179,15 +1191,15 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				"notice",
 				"caption"
 			])) : p("", !0),
-			N.value.buttons.annotator ? (x(), f(E(an), {
+			N.value.buttons.annotator ? (x(), f(E(on), {
 				key: 1,
 				svgRef: E(z),
 				backgroundColor: L.value.backgroundColor,
 				color: L.value.color,
-				active: kr.value,
+				active: Mr.value,
 				isCursorPointer: R.value,
 				palette: N.value.annotatorPalette,
-				onClose: Ar
+				onClose: Nr
 			}, {
 				"annotator-action-close": D(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": D(({ color: t }) => [w(e.$slots, "annotator-action-color", y(_({ color: t })), void 0, !0)]),
@@ -1204,20 +1216,20 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				"isCursorPointer",
 				"palette"
 			])) : p("", !0),
-			Kn.value ? (x(), m("div", {
+			Yn.value ? (x(), m("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: bn,
+				ref: xn,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : p("", !0),
 			L.value.title.text ? (x(), m("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: _n,
+				ref: vn,
 				style: "width:100%;background:transparent;padding-bottom:12px"
-			}, [(x(), f(Se, {
-				key: `table_${xn.value}`,
+			}, [(x(), f(Ce, {
+				key: `table_${Sn.value}`,
 				config: {
 					title: {
 						cy: "quadrant-title",
@@ -1229,15 +1241,15 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : p("", !0),
-			h("div", { id: `legend-top-${k.value}` }, null, 8, Ye),
-			N.value.show && fn.value && (E(Ln) || E(Fn)) ? (x(), f(E(on), {
+			h("div", { id: `legend-top-${k.value}` }, null, 8, Xe),
+			N.value.show && pn.value && (E(Rn) || E(In)) ? (x(), f(E(sn), {
 				ref_key: "userOptionsRef",
-				ref: En,
-				key: `user_options_${gn.value}`,
+				ref: Dn,
+				key: `user_options_${_n.value}`,
 				backgroundColor: L.value.backgroundColor,
 				color: L.value.color,
-				isImaging: E(Un),
-				isPrinting: E(Hn),
+				isImaging: E(Kn),
+				isPrinting: E(Gn),
 				uid: k.value,
 				hasTooltip: N.value.buttons.tooltip && I.value.show,
 				hasPdf: N.value.buttons.pdf,
@@ -1248,29 +1260,29 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				hasLabel: N.value.buttons.labels,
 				hasFullscreen: N.value.buttons.fullscreen,
 				hasAltCopy: N.value.buttons.altCopy,
-				isFullscreen: wr.value,
+				isFullscreen: Dr.value,
 				isTooltip: V.value.showTooltip,
 				titles: { ...N.value.buttonTitles },
 				chartElement: j.value,
 				position: N.value.position,
 				hasAnnotator: N.value.buttons.annotator,
-				isAnnotation: kr.value,
+				isAnnotation: Mr.value,
 				callbacks: N.value.callbacks,
 				printScale: N.value.print.scale,
 				tableDialog: M.value.table.useDialog,
 				isCursorPointer: R.value,
-				onToggleFullscreen: Tr,
-				onGeneratePdf: E(Wn),
-				onGenerateCsv: Cr,
-				onGenerateImage: E(Br),
-				onGenerateSvg: E(zr),
-				onToggleTable: Er,
-				onToggleLabels: Dr,
-				onToggleTooltip: Or,
-				onToggleAnnotator: Ar,
-				onCopyAlt: Vr,
-				style: b({ visibility: E(Ln) ? E(Fn) ? "visible" : "hidden" : "visible" })
-			}, Fe({ _: 2 }, [
+				onToggleFullscreen: Or,
+				onGeneratePdf: E(qn),
+				onGenerateCsv: Er,
+				onGenerateImage: E(Ur),
+				onGenerateSvg: E(Hr),
+				onToggleTable: kr,
+				onToggleLabels: Ar,
+				onToggleTooltip: jr,
+				onToggleAnnotator: Nr,
+				onCopyAlt: Wr,
+				style: b({ visibility: E(Rn) ? E(In) ? "visible" : "hidden" : "visible" })
+			}, Ie({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(_({
@@ -1346,24 +1358,24 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					key: "12"
 				} : void 0
 			]), 1032, /* @__PURE__ */ "backgroundColor.color.isImaging.isPrinting.uid.hasTooltip.hasPdf.hasImg.hasSvg.hasXls.hasTable.hasLabel.hasFullscreen.hasAltCopy.isFullscreen.isTooltip.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : p("", !0),
-			h("div", Xe, [(x(), m("svg", {
+			h("div", Ze, [(x(), m("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				xmlns: E(le),
+				xmlns: E(ue),
 				"aria-describedby": `chart-instructions-${k.value}`,
 				class: v({
-					"vue-data-ui-fullscreen--on": wr.value,
-					"vue-data-ui-fulscreen--off": !wr.value
+					"vue-data-ui-fullscreen--on": Dr.value,
+					"vue-data-ui-fulscreen--off": !Dr.value
 				}),
 				viewBox: `${W.value.startX} ${W.value.startY} ${W.value.width} ${W.value.height}`,
 				style: b(`max-width:100%;overflow:hidden;background:transparent;color:${L.value.color}`),
 				id: `svg_${k.value}`,
 				tabindex: "0",
-				onFocus: Hr,
-				onBlur: Ur,
-				onKeydown: Wr
+				onFocus: Gr,
+				onBlur: Kr,
+				onKeydown: qr
 			}, [
-				Le(E(sn)),
+				Re(E(cn)),
 				e.$slots["chart-background"] ? (x(), m("foreignObject", {
 					key: 0,
 					x: W.value.startX,
@@ -1371,8 +1383,8 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					width: W.value.width,
 					height: W.value.height,
 					style: { pointerEvents: "none" }
-				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Qe)) : p("", !0),
-				h("defs", null, [(x(!0), m(u, null, C(X.value, (e, t) => (x(), f(De, {
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, $e)) : p("", !0),
+				h("defs", null, [(x(!0), m(u, null, C(X.value, (e, t) => (x(), f(Oe, {
 					t: "radial",
 					cx: "50%",
 					cy: "50%",
@@ -1391,7 +1403,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 						1
 					]]
 				}, null, 8, ["id", "stops"]))), 128))]),
-				P.value.graduations.show ? (x(), m("g", $e, [(x(!0), m(u, null, C(Qn.value, (e) => (x(), m("rect", {
+				P.value.graduations.show ? (x(), m("g", et, [(x(!0), m(u, null, C(tr.value, (e) => (x(), m("rect", {
 					fill: P.value.graduations.fill ? E(s)(P.value.graduations.color, e.opacity) : "none",
 					x: e.x,
 					y: e.y,
@@ -1400,7 +1412,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					"stroke-width": P.value.graduations.strokeWidth,
 					stroke: P.value.graduations.stroke,
 					rx: P.value.graduations.roundingForce
-				}, null, 8, et))), 256))])) : p("", !0),
+				}, null, 8, tt))), 256))])) : p("", !0),
 				h("line", {
 					x1: U.value.left,
 					y1: U.value.centerY,
@@ -1408,7 +1420,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					y2: U.value.centerY,
 					stroke: P.value.stroke,
 					"stroke-width": P.value.strokeWidth
-				}, null, 8, tt),
+				}, null, 8, nt),
 				h("line", {
 					x1: U.value.centerX,
 					y1: U.value.top,
@@ -1416,30 +1428,30 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					y2: U.value.bottom,
 					stroke: P.value.stroke,
 					"stroke-width": P.value.strokeWidth
-				}, null, 8, nt),
-				P.value.showArrows ? (x(), m("g", rt, [
+				}, null, 8, rt),
+				P.value.showArrows ? (x(), m("g", it, [
 					h("polygon", {
 						points: `${U.value.right - 8},${U.value.centerY - 6} ${U.value.right},${U.value.centerY} ${U.value.right - 8},${U.value.centerY + 6}`,
 						fill: P.value.stroke,
 						stroke: "none"
-					}, null, 8, it),
+					}, null, 8, at),
 					h("polygon", {
 						points: `${U.value.left + 8},${U.value.centerY - 6} ${U.value.left},${U.value.centerY} ${U.value.left + 8},${U.value.centerY + 6}`,
 						fill: P.value.stroke,
 						stroke: "none"
-					}, null, 8, at),
+					}, null, 8, ot),
 					h("polygon", {
 						points: `${U.value.centerX - 6},${U.value.top + 8} ${U.value.centerX},${U.value.top} ${U.value.centerX + 6},${U.value.top + 8}`,
 						fill: P.value.stroke,
 						stroke: "none"
-					}, null, 8, ot),
+					}, null, 8, st),
 					h("polygon", {
 						points: `${U.value.centerX - 6},${U.value.bottom - 8} ${U.value.centerX},${U.value.bottom} ${U.value.centerX + 6},${U.value.bottom - 8}`,
 						fill: P.value.stroke,
 						stroke: "none"
-					}, null, 8, st)
+					}, null, 8, ct)
 				])) : p("", !0),
-				F.value.quadrantLabels.show && !A.value ? (x(), m("g", ct, [
+				F.value.quadrantLabels.show && !A.value ? (x(), m("g", lt, [
 					F.value.quadrantLabels.tl.text ? (x(), m("text", {
 						key: 0,
 						x: 0,
@@ -1448,8 +1460,8 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 						fill: F.value.quadrantLabels.tl.color,
 						"font-size": F.value.quadrantLabels.tl.fontSize,
 						style: b(`font-weight:${F.value.quadrantLabels.tl.bold ? "bold" : ""}`),
-						onClick: t[0] ||= (e) => xr("tl")
-					}, T(F.value.quadrantLabels.tl.text), 13, lt)) : p("", !0),
+						onClick: t[0] ||= (e) => wr("tl")
+					}, T(F.value.quadrantLabels.tl.text), 13, ut)) : p("", !0),
 					F.value.quadrantLabels.tr.text ? (x(), m("text", {
 						key: 1,
 						x: U.value.width,
@@ -1458,8 +1470,8 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 						fill: F.value.quadrantLabels.tr.color,
 						"font-size": F.value.quadrantLabels.tr.fontSize,
 						style: b(`font-weight:${F.value.quadrantLabels.tr.bold ? "bold" : ""}`),
-						onClick: t[1] ||= (e) => xr("tr")
-					}, T(F.value.quadrantLabels.tr.text), 13, ut)) : p("", !0),
+						onClick: t[1] ||= (e) => wr("tr")
+					}, T(F.value.quadrantLabels.tr.text), 13, dt)) : p("", !0),
 					F.value.quadrantLabels.br.text ? (x(), m("text", {
 						key: 2,
 						x: U.value.width,
@@ -1468,8 +1480,8 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 						fill: F.value.quadrantLabels.br.color,
 						"font-size": F.value.quadrantLabels.br.fontSize,
 						style: b(`font-weight:${F.value.quadrantLabels.br.bold ? "bold" : ""}`),
-						onClick: t[2] ||= (e) => xr("br")
-					}, T(F.value.quadrantLabels.br.text), 13, dt)) : p("", !0),
+						onClick: t[2] ||= (e) => wr("br")
+					}, T(F.value.quadrantLabels.br.text), 13, ft)) : p("", !0),
 					F.value.quadrantLabels.bl.text ? (x(), m("text", {
 						key: 3,
 						x: 0,
@@ -1478,10 +1490,10 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 						fill: F.value.quadrantLabels.bl.color,
 						"font-size": F.value.quadrantLabels.bl.fontSize,
 						style: b(`font-weight:${F.value.quadrantLabels.bl.bold ? "bold" : ""}`),
-						onClick: t[3] ||= (e) => xr("bl")
-					}, T(F.value.quadrantLabels.bl.text), 13, ft)) : p("", !0)
+						onClick: t[3] ||= (e) => wr("bl")
+					}, T(F.value.quadrantLabels.bl.text), 13, pt)) : p("", !0)
 				])) : p("", !0),
-				F.value.axisLabels.show ? (x(), m("g", pt, [
+				F.value.axisLabels.show ? (x(), m("g", mt, [
 					P.value.yAxis.show ? (x(), m("text", {
 						key: 0,
 						x: U.value.centerX,
@@ -1492,14 +1504,14 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					}, T(E(l)(F.value.plotLabels.y.formatter, J.value.y.max, E(c)({
 						v: J.value.y.max,
 						r: F.value.plotLabels.rounding
-					}))), 9, mt)) : p("", !0),
+					}))), 9, ht)) : p("", !0),
 					h("text", {
 						x: U.value.centerX,
 						y: U.value.top - U.value.padding / 2,
 						"text-anchor": "middle",
 						"font-size": F.value.axisLabels.fontSize,
 						fill: F.value.axisLabels.color.positive
-					}, T(P.value.yAxis.name), 9, ht),
+					}, T(P.value.yAxis.name), 9, gt),
 					P.value.yAxis.show ? (x(), m("text", {
 						key: 1,
 						x: U.value.centerX,
@@ -1510,7 +1522,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					}, T(E(l)(F.value.plotLabels.y.formatter, J.value.y.min, E(c)({
 						v: J.value.y.min,
 						r: F.value.plotLabels.rounding
-					}))), 9, gt)) : p("", !0),
+					}))), 9, _t)) : p("", !0),
 					P.value.xAxis.show ? (x(), m("text", {
 						key: 2,
 						id: `xLabelMin_${k.value}`,
@@ -1521,7 +1533,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					}, T(E(l)(F.value.plotLabels.x.formatter, J.value.x.min, E(c)({
 						v: J.value.x.min,
 						r: F.value.plotLabels.rounding
-					}))), 9, _t)) : p("", !0),
+					}))), 9, vt)) : p("", !0),
 					P.value.xAxis.show ? (x(), m("text", {
 						key: 3,
 						id: `xLabelMax_${k.value}`,
@@ -1532,21 +1544,21 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					}, T(E(l)(F.value.plotLabels.x.formatter, J.value.x.max, E(c)({
 						v: J.value.x.max,
 						r: F.value.plotLabels.rounding
-					}))), 9, vt)) : p("", !0),
+					}))), 9, yt)) : p("", !0),
 					h("text", {
 						id: `xLabelMaxName_${k.value}`,
 						"text-anchor": "middle",
 						"font-size": F.value.axisLabels.fontSize,
 						transform: `translate(${U.value.width - F.value.axisLabels.fontSize}, ${U.value.height / 2}), rotate(90)`,
 						fill: F.value.axisLabels.color.positive
-					}, T(P.value.xAxis.name), 9, yt)
+					}, T(P.value.xAxis.name), 9, bt)
 				])) : p("", !0),
-				L.value.layout.areas.show ? (x(), m("g", bt, [(x(!0), m(u, null, C(X.value, (e, t) => (x(), m("g", null, [e.series.length > 2 ? (x(), m("polygon", {
+				L.value.layout.areas.show ? (x(), m("g", xt, [(x(!0), m(u, null, C(X.value, (e, t) => (x(), m("g", null, [e.series.length > 2 ? (x(), m("polygon", {
 					key: 0,
 					"data-cy-quadrant-area": "",
 					fill: L.value.layout.areas.useGradient ? `url(#quadrant_gradient_${k.value}_${t})` : E(s)(e.color, L.value.layout.areas.opacity),
-					points: E(de)(e)
-				}, null, 8, xt)) : p("", !0)]))), 256))])) : p("", !0),
+					points: E(fe)(e)
+				}, null, 8, St)) : p("", !0)]))), 256))])) : p("", !0),
 				h("g", null, [
 					h("rect", {
 						onClick: t[4] ||= (e) => q("TL"),
@@ -1559,7 +1571,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-data-ui-zoom-plus": !A.value && K.value,
 							"vue-data-ui-zoom-minus": A.value && K.value
 						})
-					}, null, 10, St),
+					}, null, 10, Ct),
 					h("rect", {
 						onClick: t[5] ||= (e) => q("TR"),
 						x: U.value.centerX,
@@ -1571,7 +1583,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-data-ui-zoom-plus": !A.value && K.value,
 							"vue-data-ui-zoom-minus": A.value && K.value
 						})
-					}, null, 10, Ct),
+					}, null, 10, wt),
 					h("rect", {
 						onClick: t[6] ||= (e) => q("BR"),
 						x: U.value.centerX,
@@ -1583,7 +1595,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-data-ui-zoom-plus": !A.value && K.value,
 							"vue-data-ui-zoom-minus": A.value && K.value
 						})
-					}, null, 10, wt),
+					}, null, 10, Tt),
 					h("rect", {
 						onClick: t[7] ||= (e) => q("BL"),
 						x: U.value.left,
@@ -1595,18 +1607,18 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-data-ui-zoom-plus": !A.value && K.value,
 							"vue-data-ui-zoom-minus": A.value && K.value
 						})
-					}, null, 10, Tt)
+					}, null, 10, Et)
 				]),
-				F.value.plotLabels.showAsTag ? (x(), m(u, { key: 7 }, [V.value.plotLabels.show ? (x(), m("g", Mt, [(x(!0), m(u, null, C(X.value, (e, t) => (x(), m(u, null, [(x(!0), m(u, null, C(e.series, (n) => (x(), m("foreignObject", {
+				F.value.plotLabels.showAsTag ? (x(), m(u, { key: 7 }, [V.value.plotLabels.show ? (x(), m("g", Nt, [(x(!0), m(u, null, C(X.value, (e, t) => (x(), m(u, null, [(x(!0), m(u, null, C(e.series, (n) => (x(), m("foreignObject", {
 					style: { overflow: "visible" },
 					height: "10",
 					width: "100",
 					x: n.x - 50,
 					y: n.y - F.value.plotLabels.fontSize,
-					onMouseover: (r) => vr(e, n, t),
-					onMouseleave: (e) => yr(n, t),
-					onClick: (r) => br(e, n, t)
-				}, [h("div", { style: b(`color:${E(ce)(e.color)};margin: 0 auto; font-size:${F.value.plotLabels.fontSize}px; text-align:center;background:${e.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`) }, T(n.name), 5)], 40, Nt))), 256))], 64))), 256))])) : p("", !0)], 64)) : (x(), m(u, { key: 6 }, [(x(!0), m(u, null, C(X.value, (t, n) => (x(), m("g", null, [e.$slots.datapoint && !E(Nn) ? (x(!0), m(u, { key: 0 }, C(t.series, (r) => (x(), m("g", { key: r.uid }, [(x(), m("foreignObject", {
+					onMouseover: (r) => xr(e, n, t),
+					onMouseleave: (e) => Sr(n, t),
+					onClick: (r) => Cr(e, n, t)
+				}, [h("div", { style: b(`color:${E(le)(e.color)};margin: 0 auto; font-size:${F.value.plotLabels.fontSize}px; text-align:center;background:${e.color}; padding: 2px 4px; border-radius: 12px; height: fit-content;`) }, T(n.name), 5)], 40, Pt))), 256))], 64))), 256))])) : p("", !0)], 64)) : (x(), m(u, { key: 6 }, [(x(!0), m(u, null, C(X.value, (t, n) => (x(), m("g", null, [e.$slots.datapoint && !E(Pn) ? (x(!0), m(u, { key: 0 }, C(t.series, (r) => (x(), m("g", { key: r.uid }, [(x(), m("foreignObject", {
 					x: r.x - 1,
 					y: r.y - 1,
 					width: "2",
@@ -1615,29 +1627,29 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 						overflow: "visible",
 						"pointer-events": "none"
 					},
-					onMouseenter: (e) => vr(t, r, n),
-					onMouseleave: (e) => yr(r, n),
-					onClick: (e) => br(t, r, n)
-				}, [w(e.$slots, "datapoint", Re({ ref_for: !0 }, { datapoint: {
+					onMouseenter: (e) => xr(t, r, n),
+					onMouseleave: (e) => Sr(r, n),
+					onClick: (e) => Cr(t, r, n)
+				}, [w(e.$slots, "datapoint", ze({ ref_for: !0 }, { datapoint: {
 					...r,
-					onEnter: () => vr(t, r, n),
-					onLeave: () => yr(r, n),
-					onClick: () => br(t, r, n),
+					onEnter: () => xr(t, r, n),
+					onLeave: () => Sr(r, n),
+					onClick: () => Cr(t, r, n),
 					isSelected: Z.value && r.uid === Z.value
-				} }), void 0, !0)], 40, Et)), h("circle", {
+				} }), void 0, !0)], 40, Dt)), h("circle", {
 					"data-a11y-plot-id": r.uid,
 					cx: r.x,
 					cy: r.y,
 					r: Math.max(L.value.layout.plots.radius / (A.value ? 1.5 : 1), 10),
 					fill: "transparent",
 					style: { "pointer-events": "none" }
-				}, null, 8, Dt)]))), 128)) : e.$slots.datapointSvg && !E(Nn) ? (x(!0), m(u, { key: 1 }, C(t.series, (r) => (x(), m("g", { key: r.uid }, [w(e.$slots, "datapointSvg", Re({ ref_for: !0 }, { datapoint: {
+				}, null, 8, Ot)]))), 128)) : e.$slots.datapointSvg && !E(Pn) ? (x(!0), m(u, { key: 1 }, C(t.series, (r) => (x(), m("g", { key: r.uid }, [w(e.$slots, "datapointSvg", ze({ ref_for: !0 }, { datapoint: {
 					...r,
-					onEnter: () => vr(t, r, n),
-					onLeave: () => yr(r, n),
-					onClick: () => br(t, r, n),
+					onEnter: () => xr(t, r, n),
+					onLeave: () => Sr(r, n),
+					onClick: () => Cr(t, r, n),
 					isSelected: Z.value && r.uid === Z.value
-				} }), void 0, !0)]))), 128)) : (x(!0), m(u, { key: 2 }, C(t.series, (e, r) => (x(), m("g", { key: e.uid }, [Le(Ce, {
+				} }), void 0, !0)]))), 128)) : (x(!0), m(u, { key: 2 }, C(t.series, (e, r) => (x(), m("g", { key: e.uid }, [Re(we, {
 					color: t.color,
 					isSelected: Z.value && e.uid === Z.value,
 					plot: e,
@@ -1645,9 +1657,9 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					shape: t.shape,
 					stroke: L.value.layout.plots.outline ? L.value.layout.plots.outlineColor : "none",
 					strokeWidth: L.value.layout.plots.outlineWidth,
-					onMouseenter: (r) => vr(t, e, n, "pointer"),
-					onMouseleave: (t) => yr(e, n),
-					onClick: (r) => br(t, e, n)
+					onMouseenter: (r) => xr(t, e, n, "pointer"),
+					onMouseleave: (t) => Sr(e, n),
+					onClick: (r) => Cr(t, e, n)
 				}, null, 8, [
 					"color",
 					"isSelected",
@@ -1667,7 +1679,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 					r: Math.max(L.value.layout.plots.radius / (A.value ? 1.5 : 1), 10),
 					fill: "transparent",
 					style: { "pointer-events": "none" }
-				}, null, 8, Ot)]))), 128))]))), 256)), V.value.plotLabels.show ? (x(), m("g", kt, [(x(!0), m(u, null, C(X.value, (e) => (x(), m("g", null, [(x(!0), m(u, null, C(e.series, (e) => (x(), m("g", null, [String(e.name).includes("\n") ? (x(), m("text", {
+				}, null, 8, kt)]))), 128))]))), 256)), V.value.plotLabels.show ? (x(), m("g", At, [(x(!0), m(u, null, C(X.value, (e) => (x(), m("g", null, [(x(!0), m(u, null, C(e.series, (e) => (x(), m("g", null, [String(e.name).includes("\n") ? (x(), m("text", {
 					key: 1,
 					x: e.x,
 					y: e.y + F.value.plotLabels.offsetY + L.value.layout.plots.radius,
@@ -1681,49 +1693,49 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 						x: e.x,
 						y: e.y + L.value.layout.labels.plotLabels.offsetY + L.value.layout.plots.radius
 					})
-				}, null, 8, jt)) : (x(), m("text", {
+				}, null, 8, Mt)) : (x(), m("text", {
 					key: 0,
 					x: e.x,
 					y: e.y + F.value.plotLabels.offsetY + L.value.layout.plots.radius,
 					"text-anchor": "middle",
 					"font-size": F.value.plotLabels.fontSize / (A.value ? 1.5 : 1),
 					fill: F.value.plotLabels.color
-				}, T(e.name), 9, At))]))), 256))]))), 256))])) : p("", !0)], 64)),
-				A.value ? (x(), m("g", Pt, [
+				}, T(e.name), 9, jt))]))), 256))]))), 256))])) : p("", !0)], 64)),
+				A.value ? (x(), m("g", Ft, [
 					G.value === "TL" ? (x(), m("polygon", {
 						key: 0,
 						points: `${U.value.left - 1},${U.value.centerY} ${U.value.centerX},${U.value.centerY} ${U.value.centerX},${U.value.top - 1} ${U.value.right},${U.value.top - 1} ${U.value.right},${U.value.bottom} ${U.value.left - 1},${U.value.bottom} ${U.value.left - 1},${U.value.centerY}`,
 						fill: L.value.backgroundColor,
 						style: { opacity: "1" }
-					}, null, 8, Ft)) : p("", !0),
+					}, null, 8, It)) : p("", !0),
 					G.value === "TR" ? (x(), m("polygon", {
 						key: 1,
 						points: `${U.value.left},${U.value.top - 1} ${U.value.centerX},${U.value.top - 1} ${U.value.centerX},${U.value.centerY} ${U.value.right + 1},${U.value.centerY} ${U.value.right + 1},${U.value.bottom} ${U.value.left},${U.value.bottom} ${U.value.left},${U.value.top - 1}`,
 						fill: L.value.backgroundColor,
 						style: { opacity: "1" }
-					}, null, 8, It)) : p("", !0),
+					}, null, 8, Lt)) : p("", !0),
 					G.value === "BR" ? (x(), m("polygon", {
 						key: 2,
 						points: `${U.value.left},${U.value.top} ${U.value.right + 1},${U.value.top} ${U.value.right + 1},${U.value.centerY} ${U.value.centerX},${U.value.centerY} ${U.value.centerX},${U.value.bottom + 1} ${U.value.left},${U.value.bottom + 1} ${U.value.left},${U.value.top}`,
 						fill: L.value.backgroundColor,
 						style: { opacity: "1" }
-					}, null, 8, Lt)) : p("", !0),
+					}, null, 8, Rt)) : p("", !0),
 					G.value === "BL" ? (x(), m("polygon", {
 						key: 3,
 						points: `${U.value.left - 1},${U.value.top} ${U.value.right},${U.value.top} ${U.value.right},${U.value.bottom + 1} ${U.value.centerX},${U.value.bottom + 1} ${U.value.centerX},${U.value.centerY} ${U.value.left - 1},${U.value.centerY} ${U.value.left - 1},${U.value.top}`,
 						fill: L.value.backgroundColor,
 						style: { opacity: "1" }
-					}, null, 8, Rt)) : p("", !0)
+					}, null, 8, zt)) : p("", !0)
 				])) : p("", !0),
-				G.value && !Xn.value ? (x(), m("g", zt, [h("text", {
-					x: Jn.value.x,
-					y: Jn.value.y - Jn.value.fontSize / 1.5,
-					"font-size": Jn.value.fontSize / 1.5,
-					fill: Jn.value.fill,
+				G.value && !$n.value ? (x(), m("g", Bt, [h("text", {
+					x: Zn.value.x,
+					y: Zn.value.y - Zn.value.fontSize / 1.5,
+					"font-size": Zn.value.fontSize / 1.5,
+					fill: Zn.value.fill,
 					"text-anchor": "middle",
-					"font-weight": Jn.value.bold ? "bold" : "normal"
-				}, T(Jn.value.text), 9, Bt)])) : p("", !0),
-				A.value && G.value ? (x(), m("g", Vt, [
+					"font-weight": Zn.value.bold ? "bold" : "normal"
+				}, T(Zn.value.text), 9, Vt)])) : p("", !0),
+				A.value && G.value ? (x(), m("g", Ht, [
 					h("rect", {
 						x: Q.value[G.value].tl.x,
 						y: Q.value[G.value].tl.y,
@@ -1736,7 +1748,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": G.value !== "TL"
 						})
-					}, null, 14, Ht),
+					}, null, 14, Ut),
 					h("rect", {
 						x: Q.value[G.value].tr.x,
 						y: Q.value[G.value].tr.y,
@@ -1749,7 +1761,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": G.value !== "TR"
 						})
-					}, null, 14, Ut),
+					}, null, 14, Wt),
 					h("rect", {
 						x: Q.value[G.value].br.x,
 						y: Q.value[G.value].br.y,
@@ -1762,7 +1774,7 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": G.value !== "BR"
 						})
-					}, null, 14, Wt),
+					}, null, 14, Gt),
 					h("rect", {
 						x: Q.value[G.value].bl.x,
 						y: Q.value[G.value].bl.y,
@@ -1775,57 +1787,57 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 							"vue-ui-quadrant-mini-map-cell": !0,
 							"vue-ui-quadrant-mini-map-cell-selectable": G.value !== "BL"
 						})
-					}, null, 14, Gt),
+					}, null, 14, Kt),
 					h("path", {
 						class: "vue-ui-quadrant-minimap-crosshairs",
 						stroke: L.value.backgroundColor,
 						"stroke-width": 1,
 						d: Q.value[G.value].crosshairs.horizontal
-					}, null, 8, Kt),
+					}, null, 8, qt),
 					h("path", {
 						class: "vue-ui-quadrant-minimap-crosshairs",
 						stroke: L.value.backgroundColor,
 						"stroke-width": 1,
 						d: Q.value[G.value].crosshairs.vertical
-					}, null, 8, qt)
+					}, null, 8, Jt)
 				])) : p("", !0),
 				w(e.$slots, "svg", { svg: {
 					...U.value,
-					isPrintingImg: E(Hn) || E(Un) || E(Lr),
-					isPrintingSvg: E(Rr)
+					isPrintingImg: E(Gn) || E(Kn) || E(Br),
+					isPrintingSvg: E(Vr)
 				} }, void 0, !0)
-			], 46, Ze)), e.$slots.hint ? (x(), m("div", Jt, [w(e.$slots, "hint", y(_({
+			], 46, Qe)), e.$slots.hint ? (x(), m("div", Yt, [w(e.$slots, "hint", y(_({
 				hint: M.value.a11y.translations.keyboardNavigation,
-				isVisible: jn.value
+				isVisible: Mn.value
 			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (x(), m("div", Yt, [w(e.$slots, "watermark", y(_({ isPrinting: E(Hn) || E(Un) || E(Lr) || E(Rr) })), void 0, !0)])) : p("", !0),
-			h("div", { id: `legend-bottom-${k.value}` }, null, 8, Xt),
-			wn.value && (L.value.legend.show || e.$slots.legend) ? (x(), f(Pe, {
+			e.$slots.watermark ? (x(), m("div", Xt, [w(e.$slots, "watermark", y(_({ isPrinting: E(Gn) || E(Kn) || E(Br) || E(Vr) })), void 0, !0)])) : p("", !0),
+			h("div", { id: `legend-bottom-${k.value}` }, null, 8, Zt),
+			Tn.value && (L.value.legend.show || e.$slots.legend) ? (x(), f(Fe, {
 				key: 6,
 				to: L.value.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
 			}, [h("div", {
 				ref_key: "chartLegend",
-				ref: vn
-			}, [w(e.$slots, "legend", { legend: cr.value }, () => [L.value.legend.show ? (x(), f(Me, {
-				key: `legend_${Cn.value}`,
-				legendSet: cr.value,
-				config: fr.value,
+				ref: yn
+			}, [w(e.$slots, "legend", { legend: dr.value }, () => [L.value.legend.show ? (x(), f(Ne, {
+				key: `legend_${wn.value}`,
+				legendSet: dr.value,
+				config: hr.value,
 				isCursorPointer: R.value,
-				onClickMarker: t[12] ||= ({ legend: e }) => sr(e.id)
+				onClickMarker: t[12] ||= ({ legend: e }) => ur(e.id)
 			}, {
-				item: D(({ legend: e }) => [E(Nn) ? p("", !0) : (x(), m("div", {
+				item: D(({ legend: e }) => [E(Pn) ? p("", !0) : (x(), m("div", {
 					key: 0,
-					onClick: (t) => sr(e.id),
+					onClick: (t) => ur(e.id),
 					style: b(`opacity:${Y.value.includes(e.id) ? .5 : 1}`)
-				}, T(e.name), 13, Zt))]),
-				legendToggle: D(() => [cr.value.length > 2 && L.value.legend.selectAllToggle.show && !E(Nn) ? (x(), f(Oe, {
+				}, T(e.name), 13, Qt))]),
+				legendToggle: D(() => [dr.value.length > 2 && L.value.legend.selectAllToggle.show && !E(Pn) ? (x(), f(ke, {
 					key: 0,
 					backgroundColor: L.value.legend.selectAllToggle.backgroundColor,
 					color: L.value.legend.selectAllToggle.color,
 					fontSize: L.value.legend.fontSize,
 					checked: Y.value.length > 0,
 					isCursorPointer: R.value,
-					onToggle: or
+					onToggle: lr
 				}, null, 8, [
 					"backgroundColor",
 					"color",
@@ -1842,12 +1854,12 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 			e.$slots.source ? (x(), m("div", {
 				key: 7,
 				ref_key: "source",
-				ref: yn,
+				ref: bn,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			Le(E(en), {
+			Re(E(tn), {
 				teleportTo: I.value.teleportTo,
-				show: V.value.showTooltip && mn.value,
+				show: V.value.showTooltip && hn.value,
 				backgroundColor: I.value.backgroundColor,
 				color: I.value.color,
 				borderRadius: I.value.borderRadius,
@@ -1859,26 +1871,26 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				offsetX: I.value.offsetX,
 				offsetY: I.value.offsetY,
 				parent: j.value,
-				content: hn.value,
-				isFullscreen: wr.value,
+				content: gn.value,
+				isFullscreen: Dr.value,
 				isCustom: I.value.customFormat && typeof I.value.customFormat == "function",
 				smooth: I.value.smooth,
 				backdropFilter: I.value.backdropFilter,
 				smoothForce: I.value.smoothForce,
 				smoothSnapThreshold: I.value.smoothSnapThreshold,
-				isA11yMode: An.value === "keyboard",
-				a11yPosition: kn.value
+				isA11yMode: jn.value === "keyboard",
+				a11yPosition: An.value
 			}, {
-				"tooltip-before": D(() => [w(e.$slots, "tooltip-before", y(_({ ...hr.value })), void 0, !0)]),
-				tooltip: D(() => [w(e.$slots, "tooltip", y(_({ ...hr.value })), void 0, !0)]),
-				"tooltip-after": D(() => [w(e.$slots, "tooltip-after", y(_({ ...hr.value })), void 0, !0)]),
-				default: D(() => [I.value.showShape ? (x(), m("svg", Qt, [Le(Ce, {
+				"tooltip-before": D(() => [w(e.$slots, "tooltip-before", y(_({ ...vr.value })), void 0, !0)]),
+				tooltip: D(() => [w(e.$slots, "tooltip", y(_({ ...vr.value })), void 0, !0)]),
+				"tooltip-after": D(() => [w(e.$slots, "tooltip-after", y(_({ ...vr.value })), void 0, !0)]),
+				default: D(() => [I.value.showShape ? (x(), m("svg", $t, [Re(we, {
 					plot: {
 						x: 10,
 						y: 10
 					},
-					shape: mr.value.shape,
-					color: mr.value.color,
+					shape: _r.value.shape,
+					color: _r.value.color,
 					radius: 8,
 					stroke: L.value.layout.plots.outline ? L.value.layout.plots.outlineColor : "none",
 					"stroke-width": L.value.layout.plots.outlineWidth
@@ -1913,24 +1925,24 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			fn.value && N.value.buttons.table ? (x(), f(He(Mr.value.component), Re({ key: 8 }, Mr.value.props, {
+			pn.value && N.value.buttons.table ? (x(), f(Ue(Fr.value.component), ze({ key: 8 }, Fr.value.props, {
 				ref_key: "tableUnit",
-				ref: Tn,
-				onClose: Nr
-			}), Fe({
-				content: D(() => [(x(), f(E(rn), {
-					key: `table_${Sn.value}`,
-					colNames: ar.value.colNames,
-					head: ar.value.head,
-					body: ar.value.body,
-					config: ar.value.config,
-					title: M.value.table.useDialog ? "" : Mr.value.title,
+				ref: En,
+				onClose: Ir
+			}), Ie({
+				content: D(() => [(x(), f(E(an), {
+					key: `table_${Cn.value}`,
+					colNames: cr.value.colNames,
+					head: cr.value.head,
+					body: cr.value.body,
+					config: cr.value.config,
+					title: M.value.table.useDialog ? "" : Fr.value.title,
 					withCloseButton: !M.value.table.useDialog,
 					isCursorPointer: R.value,
-					onClose: Nr
+					onClose: Ir
 				}, {
-					th: D(({ th: e }) => [Ie(T(e), 1)]),
-					td: D(({ td: e }) => [h("div", { innerHTML: e.name || e }, null, 8, $t)]),
+					th: D(({ th: e }) => [Le(T(e), 1)]),
+					td: D(({ td: e }) => [h("div", { innerHTML: e.name || e }, null, 8, en)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1944,24 +1956,24 @@ var Ke = /* @__PURE__ */ e({ default: () => en }), qe = ["id"], Je = ["id"], Ye
 				_: 2
 			}, [M.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [Ie(T(Mr.value.title), 1)]),
+				fn: D(() => [Le(T(Fr.value.title), 1)]),
 				key: "0"
 			} : void 0, M.value.table.useDialog ? {
 				name: "actions",
 				fn: D(() => [h("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[13] ||= (e) => Cr(N.value.callbacks.csv),
+					onClick: t[13] ||= (e) => Er(N.value.callbacks.csv),
 					style: b({ cursor: R.value ? "pointer" : "default" })
-				}, [Le(E(tn), {
+				}, [Re(E(nn), {
 					name: "fileCsv",
-					stroke: Mr.value.props.color
+					stroke: Fr.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : p("", !0),
-			w(e.$slots, "skeleton", {}, () => [E(Nn) ? (x(), f(_e, { key: 0 })) : p("", !0)], !0)
-		], 46, qe));
+			w(e.$slots, "skeleton", {}, () => [E(Pn) ? (x(), f(ve, { key: 0 })) : p("", !0)], !0)
+		], 46, Je));
 	}
-}, [["__scopeId", "data-v-8d721f64"]]);
+}, [["__scopeId", "data-v-42c67732"]]);
 //#endregion
-export { Ke as n, en as t };
+export { qe as n, tn as t };