vue-data-ui 3.23.10 → 3.23.11

package/dist/{vue-ui-galaxy-D6eYN8Ut.js → vue-ui-galaxy-BuGd-Ojm.js}

@@ -1,23 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Jt as r, Kt as i, Pt as a, R as o, Rt as s, S as ee, X as c, ct as te, i as ne, jt as re, pt as ie, q as ae, t as oe, tt as se, w as ce, xt as le } from "./lib-AT2PUyyh.js";
+import { $ as t, Bt as n, D as r, It as i, Jt as a, Nt as o, R as s, S as ee, St as te, X as c, Xt as ne, i as re, lt as ie, mt as ae, nt as oe, q as se, t as ce, w as le } from "./lib-Dqr_-I6Y.js";
 import { n as ue, t as de } from "./useHints-Dq_w2E8B.js";
 import { t as fe } from "./useConfig-DwdGsXTx.js";
-import { t as pe } from "./usePrinter-BFS7d6eb.js";
+import { t as pe } from "./usePrinter-CEiH1b6R.js";
 import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
-import { t as ge } from "./useNestedProp-CW0vJS1B.js";
+import { t as ge } from "./useNestedProp-CulPqtou.js";
 import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ve } from "./useChartExport-DNiwdPmb.js";
 import { t as ye } from "./useTransitions-g_zBREk2.js";
-import { t as be } from "./img-tU9mMt9W.js";
-import { n as xe } from "./Title-BGLPsoA9.js";
+import { t as be } from "./img-Bkzj3lDD.js";
+import { n as xe } from "./Title-CaVA8EIw.js";
 import { t as Se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Ce, t as we } from "./useResponsive-ZtArZtUf.js";
-import { t as Te } from "./BaseLegendToggle-wRhcG_-q.js";
+import { t as Te } from "./BaseLegendToggle-CtEdLr4R.js";
 import { t as Ee } from "./A11yDataTable-DdRsVULz.js";
 import { t as De } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Oe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ke } from "./labelUtils-C_lMnQRs.js";
-import { t as Ae } from "./Legend-DWEFXq9E.js";
+import { t as ke } from "./labelUtils-iX76cA2-.js";
+import { t as Ae } from "./Legend-BJtY2RA9.js";
 import { t as je } from "./vue_ui_galaxy-Ig0cc1_h.js";
 import { Fragment as Me, Teleport as Ne, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as Pe, createTextVNode as Fe, createVNode as m, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Ie, nextTick as Le, normalizeClass as _, normalizeProps as v, normalizeStyle as y, onMounted as Re, openBlock as b, ref as x, renderList as ze, renderSlot as S, resolveDynamicComponent as Be, toDisplayString as C, toRefs as Ve, unref as w, watch as He, withCtx as T } from "vue";
 //#region src/components/vue-ui-galaxy.vue
@@ -80,7 +80,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 		"copyAlt"
 	],
 	setup(e, { expose: Se, emit: Ue }) {
-		let lt = h(() => import("./Tooltip-DO4-MVhc.js")), ut = h(() => import("./BaseIcon-B4n7br_R.js").then((e) => e.n)), dt = h(() => import("./vue-ui-accordion-DJNjilyy.js").then((e) => e.n)), ft = h(() => import("./DataTable-DMsScfkx.js")), pt = h(() => import("./PenAndPaper-DJ607Hx6.js").then((e) => e.t)), mt = h(() => import("./UserOptions-HQyukyl2.js").then((e) => e.n)), ht = h(() => import("./PackageVersion-DNTJUKh1.js").then((e) => e.t)), gt = h(() => import("./BaseDraggableDialog-DBVHlhQZ.js").then((e) => e.n)), { vue_ui_galaxy: _t } = fe(), { isThemeValid: vt, warnInvalidTheme: yt } = _e(), E = e, D = x(ae()), O = x(null), bt = x(!1), xt = x(""), k = x(null), St = x(0), Ct = x(0), wt = x(0), Tt = x(0), Et = x(null), Dt = x(null), Ot = x(null), kt = x(null), A = x(null), At = x(null), jt = x(!1), j = x(null), Mt = x(null), M = x(null), N = x(null), Nt = x({
+		let lt = h(() => import("./Tooltip-CVxJe3UW.js")), ut = h(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), dt = h(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), ft = h(() => import("./DataTable-CmyEubtT.js")), pt = h(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), mt = h(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), ht = h(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), gt = h(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_galaxy: _t } = fe(), { isThemeValid: vt, warnInvalidTheme: yt } = _e(), E = e, D = x(se()), O = x(null), k = x(!1), bt = x(""), A = x(null), xt = x(0), St = x(0), Ct = x(0), wt = x(0), Tt = x(null), Et = x(null), Dt = x(null), Ot = x(null), j = x(null), kt = x(null), At = x(!1), M = x(null), jt = x(null), N = x(null), Mt = x(null), Nt = x({
 			x: 0,
 			y: 0
 		}), Pt = x("pointer"), P = x(!1), Ft = l(() => !!E.dataset && E.dataset.length), F = x(Gt());
@@ -108,7 +108,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 		let { transitionEnabled: It } = ye({
 			config: () => F.value.transitions,
 			dataset: () => E.dataset
-		}), I = l(() => F.value.userOptions.useCursorPointer), Lt = l(() => r({
+		}), I = l(() => F.value.userOptions.useCursorPointer), Lt = l(() => ne({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -145,26 +145,26 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 					color: "#ADADAD"
 				}
 			],
-			skeletonConfig: r({
+			skeletonConfig: ne({
 				defaultConfig: F.value,
 				userConfig: Lt.value
 			})
 		});
 		Re(() => {
-			jt.value = !0, Vt();
+			At.value = !0, Vt();
 		});
 		let Bt = l(() => F.value.debug);
 		function Vt() {
-			if (re(E.dataset) ? se({
+			if (o(E.dataset) ? oe({
 				componentName: "VueUiGalaxy",
 				type: "dataset",
 				debug: Bt.value
 			}) : Bt.value && E.dataset.forEach((e, t) => {
-				ie({
+				ae({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					se({
+					oe({
 						componentName: "VueUiGalaxy",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -175,16 +175,16 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 				let e = Ce(() => {
 					let { width: e, height: t } = we({
 						chart: O.value,
-						title: F.value.style.chart.title.text ? Et.value : null,
-						legend: F.value.style.chart.legend.show ? Dt.value : null,
-						noTitle: kt.value,
-						source: Ot.value
+						title: F.value.style.chart.title.text ? Tt.value : null,
+						legend: F.value.style.chart.legend.show ? Et.value : null,
+						noTitle: Ot.value,
+						source: Dt.value
 					});
 					requestAnimationFrame(() => {
 						z.value = Math.max(.1, e), B.value = Math.max(.1, t - 12);
 					});
 				});
-				A.value && (At.value && A.value.unobserve(At.value), A.value.disconnect()), A.value = new ResizeObserver(e), At.value = O.value.parentNode, A.value.observe(At.value);
+				j.value && (kt.value && j.value.unobserve(kt.value), j.value.disconnect()), j.value = new ResizeObserver(e), kt.value = O.value.parentNode, j.value.observe(kt.value);
 			}
 		}
 		let { userOptionsVisible: Ht, setUserOptionsVisibility: Ut, keepUserOptionState: Wt } = De({ config: F.value }), { svgRef: L } = Oe({ config: F.value.style.chart.title });
@@ -204,17 +204,17 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : i[t] || a
+				customPalette: r.customPalette.length ? r.customPalette : a[t] || i
 			};
 		}
 		He(() => E.config, (e) => {
-			F.value = Gt(), Ht.value = !F.value.userOptions.showOnChartHover, Vt(), Ct.value += 1, wt.value += 1, Tt.value += 1, R.value.dataLabels.show = F.value.style.chart.layout.labels.dataLabels.show, R.value.showTable = F.value.table.show, R.value.showTooltip = F.value.style.chart.tooltip.show;
+			F.value = Gt(), Ht.value = !F.value.userOptions.showOnChartHover, Vt(), St.value += 1, Ct.value += 1, wt.value += 1, R.value.dataLabels.show = F.value.style.chart.layout.labels.dataLabels.show, R.value.showTable = F.value.table.show, R.value.showTooltip = F.value.style.chart.tooltip.show;
 		}, { deep: !0 });
 		let { isPrinting: Kt, isImaging: qt, generatePdf: Jt, generateImage: Yt } = pe({
 			elementId: `galaxy_${D.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-galaxy",
 			options: F.value.userOptions.print
-		}), Xt = l(() => F.value.userOptions.show && !F.value.style.chart.title.text), Zt = l(() => ce(F.value.customPalette)), R = x({
+		}), Xt = l(() => F.value.userOptions.show && !F.value.style.chart.title.text), Zt = l(() => le(F.value.customPalette)), R = x({
 			dataLabels: { show: F.value.style.chart.layout.labels.dataLabels.show },
 			showTable: F.value.table.show,
 			showTooltip: F.value.style.chart.tooltip.show
@@ -251,10 +251,10 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 		}
 		let W = l(() => zt.value.map((e, t) => ({
 			name: e.name,
-			color: ee(e.color) || Zt.value[t] || a[t] || a[t % a.length],
-			value: e.values ? s(e.values).reduce((e, t) => e + t, 0) : 0,
-			absoluteValues: s(e.values),
-			id: ae()
+			color: ee(e.color) || Zt.value[t] || i[t] || i[t % i.length],
+			value: e.values ? n(e.values).reduce((e, t) => e + t, 0) : 0,
+			absoluteValues: n(e.values),
+			id: se()
 		})).sort((e, t) => t.value - e.value).map((e, t) => ({
 			...e,
 			absoluteIndex: t
@@ -266,7 +266,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 				value: e.value
 			}));
 		}
-		let G = l(() => W.value.filter((e) => !H.value.includes(e.id)).map((e) => e.value).reduce((e, t) => e + t, 0)), cn = x(190), ln = l(() => W.value.filter((e) => !H.value.includes(e.id))), un = l(() => (F.value.style.chart.layout.arcs.strokeWidth + F.value.style.chart.layout.arcs.borderWidth) / 2 + (F.value.style.chart.layout.padding ?? 12)), dn = l(() => o({
+		let G = l(() => W.value.filter((e) => !H.value.includes(e.id)).map((e) => e.value).reduce((e, t) => e + t, 0)), cn = x(190), ln = l(() => W.value.filter((e) => !H.value.includes(e.id))), un = l(() => (F.value.style.chart.layout.arcs.strokeWidth + F.value.style.chart.layout.arcs.borderWidth) / 2 + (F.value.style.chart.layout.padding ?? 12)), dn = l(() => s({
 			maxPoints: cn.value,
 			a: F.value.style.chart.layout.arcs.a ?? 6,
 			b: F.value.style.chart.layout.arcs.b ?? 6,
@@ -291,7 +291,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			return e.filter((e) => !H.value.includes(e.id)).toSorted((e, t) => t.points - e.points);
 		});
 		function fn(e) {
-			let t = Math.min(z.value, B.value), n = k.value === e.id && F.value.style.chart.layout.arcs.hoverEffect.show ? F.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, r = (F.value.style.chart.layout.arcs.strokeWidth + F.value.style.chart.layout.arcs.borderWidth) * n, i = F.value.style.chart.layout.arcs.strokeWidth * n, a = F.value.style.chart.layout.arcs.strokeWidth / 2 * n;
+			let t = Math.min(z.value, B.value), n = A.value === e.id && F.value.style.chart.layout.arcs.hoverEffect.show ? F.value.style.chart.layout.arcs.hoverEffect.multiplicator : 1, r = (F.value.style.chart.layout.arcs.strokeWidth + F.value.style.chart.layout.arcs.borderWidth) * n, i = F.value.style.chart.layout.arcs.strokeWidth * n, a = F.value.style.chart.layout.arcs.strokeWidth / 2 * n;
 			return {
 				border: r / 180 * t,
 				path: i / 180 * t,
@@ -300,11 +300,11 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 		}
 		let q = x(!1);
 		function pn(e) {
-			q.value = e, St.value += 1;
+			q.value = e, xt.value += 1;
 		}
 		let mn = x(null);
 		function hn() {
-			bt.value = !1, k.value = null, M.value = null, N.value = null;
+			k.value = !1, A.value = null, N.value = null, Mt.value = null;
 		}
 		function gn(e) {
 			if (!L.value || !e) return;
@@ -320,7 +320,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			F.value.events.datapointLeave && F.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: e.absoluteIndex
-			}), (N.value !== e.id || Pt.value !== "keyboard") && (bt.value = !1, k.value = null);
+			}), (Mt.value !== e.id || Pt.value !== "keyboard") && (k.value = !1, A.value = null);
 		}
 		function vn(e) {
 			en("selectDatapoint", e), F.value.events.datapointClick && F.value.events.datapointClick({
@@ -343,19 +343,19 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 				datapoint: e,
 				seriesIndex: e.absoluteIndex
 			}), !R.value.showTooltip) return;
-			Pt.value = i, M.value = a, N.value = e.id, mn.value = {
+			Pt.value = i, N.value = a, Mt.value = e.id, mn.value = {
 				datapoint: e,
 				seriesIndex: n,
 				series: W.value,
 				config: F.value
-			}, bt.value = r, k.value = e.id;
+			}, k.value = r, A.value = e.id;
 			let o = "", s = F.value.style.chart.tooltip.customFormat;
-			le(s) && te(() => s({
+			te(s) && ie(() => s({
 				seriesIndex: n,
 				datapoint: e,
 				series: W.value,
 				config: F.value
-			})) ? xt.value = s({
+			})) ? bt.value = s({
 				seriesIndex: n,
 				datapoint: e,
 				series: W.value,
@@ -363,7 +363,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			}) : (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${F.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${e.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${e.color}"/></svg>`, o += `<b>${yn({
 				showVal: F.value.style.chart.tooltip.showValue,
 				showPercentage: F.value.style.chart.tooltip.showPercentage,
-				val: ne(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, c({
+				val: re(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, c({
 					p: F.value.style.chart.layout.labels.dataLabels.prefix,
 					v: e.value,
 					s: F.value.style.chart.layout.labels.dataLabels.suffix,
@@ -377,12 +377,12 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 					s: "%",
 					r: F.value.style.chart.tooltip.roundingPercentage
 				})
-			})}</b></div>`, xt.value = `<div>${o}</div>`), i === "keyboard" && Le(() => {
+			})}</b></div>`, bt.value = `<div>${o}</div>`), i === "keyboard" && Le(() => {
 				gn(e.id);
 			});
 		}
 		let J = l(() => W.value.map((e, t) => {
-			let n = ne(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, c({
+			let n = re(F.value.style.chart.layout.labels.dataLabels.formatter, e.value, c({
 				p: F.value.style.chart.layout.labels.dataLabels.prefix,
 				v: e.value,
 				s: F.value.style.chart.layout.labels.dataLabels.suffix,
@@ -425,7 +425,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 		}));
 		function Sn(e = null) {
 			Le(() => {
-				let r = Y.value.head.map((e, t) => [
+				let n = Y.value.head.map((e, t) => [
 					[e.name],
 					[Y.value.body[t]],
 					[isNaN(Y.value.body[t] / G.value) ? "-" : Y.value.body[t] / G.value * 100]
@@ -437,7 +437,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 						["val"],
 						["%"]
 					]
-				].concat(r), a = n(i);
+				].concat(n), a = r(i);
 				e ? e(a) : t({
 					csvContent: a,
 					title: F.value.style.chart.title.text || "vue-ui-galaxy"
@@ -556,10 +556,10 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			};
 		});
 		He(() => R.value.showTable, (e) => {
-			F.value.table.show || (e && F.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
+			F.value.table.show || (e && F.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
 		});
 		function Dn() {
-			R.value.showTable = !1, Mt.value && Mt.value.setTableIconState(!1);
+			R.value.showTable = !1, jt.value && jt.value.setTableIconState(!1);
 		}
 		let On = l(() => J.value.map((e) => ({
 			...e,
@@ -587,7 +587,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			}));
 		}
 		function Ln() {
-			M.value = null, N.value = null, P.value = !0;
+			N.value = null, Mt.value = null, P.value = !0;
 		}
 		function Rn() {
 			hn(), P.value = !1;
@@ -601,13 +601,13 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 				return;
 			}
 			if (r) {
-				if (M.value === null) return;
-				let e = $.value[M.value];
+				if (N.value === null) return;
+				let e = $.value[N.value];
 				if (!e) return;
 				vn(e.datapoint);
 				return;
 			}
-			let a = M.value;
+			let a = N.value;
 			a === null || a < 0 || a >= $.value.length ? a = n ? 0 : $.value.length - 1 : (a += n ? 1 : -1, a < 0 && (a = $.value.length - 1), a >= $.value.length && (a = 0));
 			let o = $.value[a];
 			o && bn({
@@ -694,17 +694,17 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			Xt.value ? (b(), f("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: kt,
+				ref: Ot,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : d("", !0),
 			F.value.style.chart.title.text ? (b(), f("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: Et,
+				ref: Tt,
 				style: "width:100%;background:transparent;padding-bottom:24px"
 			}, [(b(), u(xe, {
-				key: `title_${Ct.value}`,
+				key: `title_${St.value}`,
 				config: {
 					title: {
 						cy: "galaxy-div-title",
@@ -719,8 +719,8 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			p("div", { id: `legend-top-${D.value}` }, null, 8, Ke),
 			F.value.userOptions.show && Ft.value && (w(Wt) || w(Ht)) ? (b(), u(w(mt), {
 				ref_key: "userOptionsRef",
-				ref: Mt,
-				key: `user_option_${St.value}`,
+				ref: jt,
+				key: `user_option_${xt.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
 				isPrinting: w(Kt),
@@ -829,7 +829,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			p("div", qe, [(b(), f("svg", {
 				ref_key: "svgRef",
 				ref: L,
-				xmlns: w(oe),
+				xmlns: w(ce),
 				"aria-describedby": `chart-instructions-${D.value}`,
 				class: _({
 					"vue-data-ui-fullscreen--on": q.value,
@@ -880,7 +880,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 						"stroke-linecap": "round",
 						class: _({
 							"vue-data-ui-transition": w(It),
-							"vue-ui-galaxy-blur": k.value && k.value !== e.id && F.value.useBlurOnHover
+							"vue-ui-galaxy-blur": A.value && A.value !== e.id && F.value.useBlurOnHover
 						})
 					}, null, 10, $e)) : d("", !0),
 					e.value && F.value.style.chart.layout.arcs.gradient.show ? (b(), f("g", {
@@ -895,7 +895,7 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 						class: _({
 							"vue-ui-galaxy-gradient": !0,
 							"vue-data-ui-transition": w(It),
-							"vue-ui-galaxy-blur": k.value && k.value !== e.id && F.value.useBlurOnHover
+							"vue-ui-galaxy-blur": A.value && A.value !== e.id && F.value.useBlurOnHover
 						})
 					}, null, 10, tt)], 8, et)) : d("", !0)
 				]))), 128)),
@@ -935,14 +935,14 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			})), void 0, !0)])) : d("", !0)]),
 			e.$slots.watermark ? (b(), f("div", it, [S(e.$slots, "watermark", v(g({ isPrinting: w(Kt) || w(qt) || w(Mn) || w(Nn) })), void 0, !0)])) : d("", !0),
 			p("div", { id: `legend-bottom-${D.value}` }, null, 8, at),
-			jt.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (b(), u(Ne, {
+			At.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (b(), u(Ne, {
 				key: 6,
 				to: F.value.style.chart.legend.position === "top" ? `#legend-top-${D.value}` : `#legend-bottom-${D.value}`
 			}, [p("div", {
 				ref_key: "chartLegend",
-				ref: Dt
+				ref: Et
 			}, [S(e.$slots, "legend", { legend: J.value }, () => [F.value.style.chart.legend.show ? (b(), u(Ae, {
-				key: `legend_${Tt.value}`,
+				key: `legend_${wt.value}`,
 				legendSet: J.value,
 				config: xn.value,
 				onClickMarker: t[0] ||= ({ legend: e }) => U(e)
@@ -970,12 +970,12 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			e.$slots.source ? (b(), f("div", {
 				key: 7,
 				ref_key: "source",
-				ref: Ot,
+				ref: Dt,
 				dir: "auto"
 			}, [S(e.$slots, "source", {}, void 0, !0)], 512)) : d("", !0),
 			m(w(lt), {
 				teleportTo: F.value.style.chart.tooltip.teleportTo,
-				show: R.value.showTooltip && bt.value,
+				show: R.value.showTooltip && k.value,
 				backgroundColor: F.value.style.chart.tooltip.backgroundColor,
 				color: F.value.style.chart.tooltip.color,
 				borderRadius: F.value.style.chart.tooltip.borderRadius,
@@ -987,9 +987,9 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 				offsetX: F.value.style.chart.tooltip.offsetX,
 				offsetY: F.value.style.chart.tooltip.offsetY,
 				parent: O.value,
-				content: xt.value,
+				content: bt.value,
 				isFullscreen: q.value,
-				isCustom: w(le)(F.value.style.chart.tooltip.customFormat),
+				isCustom: w(te)(F.value.style.chart.tooltip.customFormat),
 				smooth: F.value.style.chart.tooltip.smooth,
 				backdropFilter: F.value.style.chart.tooltip.backdropFilter,
 				smoothForce: F.value.style.chart.tooltip.smoothForce,
@@ -1027,11 +1027,11 @@ var Ue = /* @__PURE__ */ e({ default: () => lt }), We = ["id"], Ge = ["id"], Ke
 			]),
 			Ft.value && F.value.userOptions.buttons.table ? (b(), u(Be(Q.value.component), Ie({ key: 8 }, Q.value.props, {
 				ref_key: "tableUnit",
-				ref: j,
+				ref: M,
 				onClose: Dn
 			}), Pe({
 				content: T(() => [(b(), u(w(ft), {
-					key: `table_${wt.value}`,
+					key: `table_${Ct.value}`,
 					colNames: X.value.colNames,
 					head: X.value.head,
 					body: X.value.body,