vue-data-ui 3.23.8 → 3.23.10

package/dist/{vue-ui-bump-BXp-EozA.js → vue-ui-bump-DzB3WQnq.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, G as r, Jt as i, Kt as a, P as o, Pt as s, S as c, V as l, X as u, c as ee, i as te, jt as ne, pt as re, q as ie, r as ae, t as oe, tt as se, w as ce, wt as d } from "./lib-Bttd6u5E.js";
+import { $ as t, D as n, G as r, Jt as i, Kt as a, P as o, Pt as s, S as c, V as l, X as u, c as ee, i as te, jt as ne, pt as re, q as ie, r as ae, t as oe, tt as se, w as ce, wt as d } from "./lib-AT2PUyyh.js";
 import { n as le, t as ue } from "./useHints-Dq_w2E8B.js";
 import { t as de } from "./useTimeLabels-d2f-W1L4.js";
 import { t as fe } from "./useConfig-DwdGsXTx.js";
-import { t as pe } from "./usePrinter-DN5bYhTG.js";
+import { t as pe } from "./usePrinter-BFS7d6eb.js";
 import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
-import { t as ge } from "./useNestedProp-vPNvh7rV.js";
+import { t as ge } from "./useNestedProp-CW0vJS1B.js";
 import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ve } from "./useChartExport-DNiwdPmb.js";
 import { t as ye } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { n as be } from "./Title-BE3qg9xl.js";
+import { n as be } from "./Title-BGLPsoA9.js";
 import { t as xe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Se, t as Ce } from "./useResponsive-ZtArZtUf.js";
 import { t as we } from "./A11yDataTable-DdRsVULz.js";
 import { t as Te } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ee } from "./useChartAccessibility-DYqac8yF.js";
 import { t as De } from "./vue_ui_bump-Vl-zYAtG.js";
-import { t as Oe } from "./BaseDraggableDialog-LoqqwRtV.js";
+import { t as Oe } from "./BaseDraggableDialog-DBVHlhQZ.js";
 import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as ke, createTextVNode as Ae, createVNode as je, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as Me, normalizeClass as Ne, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Pe, onMounted as Fe, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Ie, shallowRef as Le, toDisplayString as E, toRefs as Re, unref as D, watch as ze, watchEffect as Be, withCtx as O } from "vue";
 //#region src/components/vue-ui-bump.vue
-var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We = { style: { position: "relative" } }, Ge = [
+var Ve = /* @__PURE__ */ e({ default: () => st }), He = ["id"], Ue = ["id"], We = { style: { position: "relative" } }, Ge = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
@@ -109,7 +109,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 }, ot = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, st = ["innerHTML"], ct = /*#__PURE__*/ xe({
+}, st = /*#__PURE__*/ xe({
 	__name: "vue-ui-bump",
 	props: {
 		config: {
@@ -127,14 +127,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: xe, emit: Ve }) {
-		let ct = v(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), lt = v(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), ut = v(() => import("./DataTable-BbKgJ5UI.js")), dt = v(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), ft = v(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), pt = v(() => import("./PackageVersion-C9lXG-wa.js").then((e) => e.t)), { vue_ui_bump: mt } = fe(), { isThemeValid: ht, warnInvalidTheme: gt } = _e(), k = e, _t = Ve, vt = p({
+		let st = v(() => import("./BaseIcon-B4n7br_R.js").then((e) => e.n)), ct = v(() => import("./vue-ui-accordion-DJNjilyy.js").then((e) => e.n)), lt = v(() => import("./DataTable-DMsScfkx.js")), ut = v(() => import("./PenAndPaper-DJ607Hx6.js").then((e) => e.t)), dt = v(() => import("./UserOptions-HQyukyl2.js").then((e) => e.n)), ft = v(() => import("./PackageVersion-DNTJUKh1.js").then((e) => e.t)), { vue_ui_bump: pt } = fe(), { isThemeValid: mt, warnInvalidTheme: ht } = _e(), k = e, gt = Ve, _t = p({
 			get() {
 				return !!k.dataset && k.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), A = C(null), j = C(ie()), yt = C(0), bt = C(null), xt = C(null), St = C(null), Ct = C(!1), wt = C(!1), Tt = C(0), Et = C(0), M = C(null), Dt = C(null), Ot = C(!1), N = C(null), kt = C(null), At = C(null), jt = C(null), P = C(null), Mt = C(!1), F = C(Lt());
+		}), A = C(null), j = C(ie()), vt = C(0), yt = C(null), bt = C(null), xt = C(null), St = C(!1), Ct = C(!1), wt = C(0), Tt = C(0), M = C(null), Et = C(null), Dt = C(!1), N = C(null), Ot = C(null), kt = C(null), At = C(null), P = C(null), jt = C(!1), F = C(It());
 		le({
 			config: () => F.value,
 			dataset: () => k.dataset,
@@ -171,7 +171,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				}
 			]
 		});
-		let I = p(() => F.value.userOptions.useCursorPointer), Nt = p(() => i({
+		let I = p(() => F.value.userOptions.useCursorPointer), Mt = p(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -191,10 +191,10 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				} }
 			},
 			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: Pt, FINAL_DATASET: Ft, manualLoading: It } = me({
+		})), { loading: Nt, FINAL_DATASET: Pt, manualLoading: Ft } = me({
 			...Re(k),
 			FINAL_CONFIG: F,
-			prepareConfig: Lt,
+			prepareConfig: It,
 			skeletonDataset: k.config?.skeletonDataset ?? [
 				{
 					name: "————",
@@ -247,16 +247,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			],
 			skeletonConfig: i({
 				defaultConfig: F.value,
-				userConfig: Nt.value
+				userConfig: Mt.value
 			})
 		});
-		Fe(Zt);
-		function Lt() {
+		Fe(Xt);
+		function It() {
 			let e = ge({
 				userConfig: k.config,
-				defaultConfig: mt
+				defaultConfig: pt
 			}), t = {}, n = e.theme;
-			if (n) if (!ht.value(e)) gt(e), t = e;
+			if (n) if (!mt.value(e)) ht(e), t = e;
 			else {
 				let r = ge({
 					userConfig: De[n] || k.config,
@@ -273,31 +273,31 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			else t = e;
 			return t;
 		}
-		let { userOptionsVisible: Rt, setUserOptionsVisibility: zt, keepUserOptionState: Bt } = Te({ config: F.value }), { svgRef: L } = Ee({ config: F.value.style.chart.title });
-		function Vt() {
-			Ot.value = !0, zt(!0);
+		let { userOptionsVisible: Lt, setUserOptionsVisibility: Rt, keepUserOptionState: zt } = Te({ config: F.value }), { svgRef: L } = Ee({ config: F.value.style.chart.title });
+		function Bt() {
+			Dt.value = !0, Rt(!0);
 		}
-		function Ht() {
-			zt(!1), Ot.value = !1;
+		function Vt() {
+			Rt(!1), Dt.value = !1;
 		}
 		let R = C({ showTable: F.value.table.show });
 		ze(F, () => {
 			R.value = { showTable: F.value.table.show };
 		}, { immediate: !0 }), ze(() => k.config, (e) => {
-			Pt.value || (F.value = Lt()), Rt.value = !F.value.userOptions.showOnChartHover, Zt(), Tt.value += 1, Et.value += 1, R.value.showTable = F.value.table.show, z.value.width = F.value.style.chart.width, z.value.height = F.value.style.chart.height, z.value.paddingRatio = {
+			Nt.value || (F.value = It()), Lt.value = !F.value.userOptions.showOnChartHover, Xt(), wt.value += 1, Tt.value += 1, R.value.showTable = F.value.table.show, z.value.width = F.value.style.chart.width, z.value.height = F.value.style.chart.height, z.value.paddingRatio = {
 				top: F.value.style.chart.padding.top / F.value.style.chart.height,
 				right: F.value.style.chart.padding.right / F.value.style.chart.width,
 				bottom: F.value.style.chart.padding.bottom / F.value.style.chart.height,
 				left: F.value.style.chart.padding.left / F.value.style.chart.width
 			};
 		}), ze(() => k.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (It.value = !1);
+			Array.isArray(e) && e.length > 0 && (Ft.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Ut, isImaging: Wt, generatePdf: Gt, generateImage: Kt } = pe({
+		let { isPrinting: Ht, isImaging: Ut, generatePdf: Wt, generateImage: Gt } = pe({
 			elementId: `bump_${j.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-bump",
 			options: F.value.userOptions.print
-		}), qt = p(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = C({
+		}), Kt = p(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = C({
 			width: F.value.style.chart.width,
 			height: F.value.style.chart.height,
 			paddingRatio: {
@@ -306,41 +306,41 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				bottom: F.value.style.chart.padding.bottom / F.value.style.chart.height,
 				left: F.value.style.chart.padding.left / F.value.style.chart.width
 			}
-		}), Jt = p(() => ce(F.value.customPalette)), B = Le(null), V = Le(null), Yt = C(null), Xt = p(() => F.value.debug);
-		function Zt() {
+		}), qt = p(() => ce(F.value.customPalette)), B = Le(null), V = Le(null), Jt = C(null), Yt = p(() => F.value.debug);
+		function Xt() {
 			if (ne(k.dataset) ? (se({
 				componentName: "VueUiBump",
 				type: "dataset",
-				debug: Xt.value
-			}), It.value = !0) : k.dataset.forEach((e, t) => {
+				debug: Yt.value
+			}), Ft.value = !0) : k.dataset.forEach((e, t) => {
 				re({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					vt.value = !1, se({
+					_t.value = !1, se({
 						componentName: "VueUiBump",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: Xt.value
-					}), It.value = !0;
+						debug: Yt.value
+					}), Ft.value = !0;
 				});
-			}), ne(k.dataset) || (It.value = F.value.loading), setTimeout(() => {
-				wt.value = !0;
+			}), ne(k.dataset) || (Ft.value = F.value.loading), setTimeout(() => {
+				Ct.value = !0;
 			}, 10), F.value.responsive) {
 				let e = Se(() => {
-					wt.value = !1;
+					Ct.value = !1;
 					let { width: e, height: t } = Ce({
 						chart: A.value,
-						noTitle: xt.value,
-						title: F.value.style.chart.title.text ? bt.value : null,
+						noTitle: bt.value,
+						title: F.value.style.chart.title.text ? yt.value : null,
 						legend: null,
 						slicer: null,
-						source: St.value
+						source: xt.value
 					});
 					requestAnimationFrame(() => {
-						z.value.width = e, z.value.height = t - 12, clearTimeout(Yt.value), Yt.value = setTimeout(() => {
-							wt.value = !0;
+						z.value.width = e, z.value.height = t - 12, clearTimeout(Jt.value), Jt.value = setTimeout(() => {
+							Ct.value = !0;
 						}, 10);
 					});
 				});
@@ -350,16 +350,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 		Pe(() => {
 			B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
 		});
-		let Qt = p(() => Ft.value.map((e, t) => {
-			let n = c(e.color) || Jt.value[t] || s[t] || s[t % s.length];
+		let Zt = p(() => Pt.value.map((e, t) => {
+			let n = c(e.color) || qt.value[t] || s[t] || s[t % s.length];
 			return {
 				...e,
 				absoluteIndex: t,
 				id: ie(),
 				color: n
 			};
-		})), H = p(() => Math.max(...Qt.value.map((e) => e.values.length)));
-		function $t(e) {
+		})), H = p(() => Math.max(...Zt.value.map((e) => e.values.length)));
+		function Qt(e) {
 			let t = e.map(() => Array(H.value).fill(null));
 			for (let n = 0; n < H.value; n += 1) {
 				let r = e.map((e, r) => ({
@@ -375,34 +375,34 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}
 			return t;
 		}
-		function en() {
+		function $t() {
 			let e = 0;
-			return kt.value && (e = Array.from(kt.value.querySelectorAll("tspan")).reduce((e, t) => {
+			return Ot.value && (e = Array.from(Ot.value.querySelectorAll("tspan")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e;
 		}
-		function tn() {
+		function en() {
 			let e = 0;
-			return At.value && (e = Array.from(At.value.querySelectorAll("tspan")).reduce((e, t) => {
+			return kt.value && (e = Array.from(kt.value.querySelectorAll("tspan")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e;
 		}
-		let nn = C(0), rn = Se((e) => {
-			nn.value = e;
+		let tn = C(0), nn = Se((e) => {
+			tn.value = e;
 		}, 100);
 		Be((e) => {
-			let t = jt.value;
+			let t = At.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				rn(e[0].contentRect.height);
+				nn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		}), Pe(() => {
-			nn.value = 0;
+			tn.value = 0;
 		});
-		let an = p(() => {
+		let rn = p(() => {
 			let e = F.value.style.chart.layout.timeLabels;
 			if (!e.show) return 0;
 			let t = e.fontSize, n = e.rotation, r = Math.PI / 180 * n, i = K.value || [];
@@ -416,7 +416,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}, 0), s = t * 1.3 * a, c = o * t * (o === 1 ? 1 : .6), l = Math.abs(Math.sin(r)) * c + Math.abs(Math.cos(r)) * s, u = t * .3;
 			return Math.max(0, l + Math.abs(e.offsetY) + u);
 		}), U = p(() => {
-			let { height: e, width: t } = z.value, { right: n, left: r } = z.value.paddingRatio, i = en(), a = tn(), o = F.value.style.chart.padding.top, s = t - t * n - a, c = t * r + i, l = t - t * n - t * r - i - a, u = e - o - F.value.style.chart.padding.bottom - an.value, ee = o + u, te = o + u, ne = Math.max(0, e);
+			let { height: e, width: t } = z.value, { right: n, left: r } = z.value.paddingRatio, i = $t(), a = en(), o = F.value.style.chart.padding.top, s = t - t * n - a, c = t * r + i, l = t - t * n - t * r - i - a, u = e - o - F.value.style.chart.padding.bottom - rn.value, ee = o + u, te = o + u, ne = Math.max(0, e);
 			return {
 				chartHeight: te,
 				chartWidth: Math.max(0, t),
@@ -426,14 +426,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				left: Math.max(0, c),
 				width: Math.max(0, l),
 				height: Math.max(0, u),
-				unitH: Math.max(0, u) / Qt.value.length,
+				unitH: Math.max(0, u) / Zt.value.length,
 				unitW: Math.max(0, l) / H.value,
 				svgHeight: ne
 			};
 		}), W = p(() => {
-			if (!vt.value && !Pt.value) return [];
-			let e = $t(Qt.value);
-			return Qt.value.map((t, n) => ({
+			if (!_t.value && !Nt.value) return [];
+			let e = Qt(Zt.value);
+			return Zt.value.map((t, n) => ({
 				...t,
 				positions: e[n]
 			})).map((e) => {
@@ -471,7 +471,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			seriesName: e.name,
 			pointId: `${e.id}_${r}`
 		})).filter((e) => d(e.value))));
-		function on(e, t, n, r) {
+		function an(e, t, n, r) {
 			let i = e.toSorted((e, t) => e.y - t.y);
 			for (let e = 1; e < i.length; e += 1) {
 				let n = i[e - 1], r = i[e];
@@ -491,7 +491,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}
 			return i;
 		}
-		let sn = p(() => {
+		let on = p(() => {
 			let e = [], t = [];
 			W.value.forEach((n) => {
 				let r = n.coordinates.filter((e) => Number.isFinite(e.rank));
@@ -500,13 +500,13 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				let i = r[r.length - 1];
 				t.push({ ...i });
 			});
-			let n = F.value.style.chart.layout.nameLabels.fontSize, r = n * 1.4, i = U.value.top + n, a = U.value.bottom - n, o = on(t, r, i, a);
+			let n = F.value.style.chart.layout.nameLabels.fontSize, r = n * 1.4, i = U.value.top + n, a = U.value.bottom - n, o = an(t, r, i, a);
 			return {
-				left: on(e, r, i, a),
+				left: an(e, r, i, a),
 				right: o
 			};
 		});
-		function cn(e) {
+		function sn(e) {
 			let t = F.value.style.chart.layout.plots.labels.fontSize * .4, n = e.displayValue, r = n.length * (F.value.style.chart.layout.plots.labels.fontSize * (n.length === 1 ? 1 : .6)), i = F.value.style.chart.layout.plots.labels.fontSize, a = r + t * 2, o = i + t * 2, s = e.x - a / 2, c = e.y - o / 2, l = F.value.style.chart.layout.plots.strokeWidth;
 			return {
 				x: s - l / 2,
@@ -519,9 +519,9 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				rx: o / 2
 			};
 		}
-		let G = C([]), ln = 0;
+		let G = C([]), cn = 0;
 		Be(() => {
-			let e = ++ln, t = F.value.style.chart.layout.timeLabels, n = t.values, r = t.datetimeFormatter, i = H.value;
+			let e = ++cn, t = F.value.style.chart.layout.timeLabels, n = t.values, r = t.datetimeFormatter, i = H.value;
 			if (!i || !Array.isArray(n) || n.length === 0) {
 				G.value = [];
 				return;
@@ -534,16 +534,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					start: 0,
 					end: i
 				});
-				e === ln && (G.value = t);
+				e === cn && (G.value = t);
 			})();
 		});
-		let un = p(() => {
+		let ln = p(() => {
 			let e = F.value.style.chart.layout.timeLabels.modulo;
 			return G.value.length ? Math.min(e, [...new Set(G.value.map((e) => e.text))].length) : e;
 		}), K = p(() => {
 			let e = F.value.style.chart.layout.timeLabels, t = G.value || [], n = G.value || [], r = H.value, i = t.map((e) => e?.text ?? ""), a = n.map((e) => e?.text ?? "");
-			return ee(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, un.value || 1), i, a, 0, null, r);
-		}), dn = p(() => z.value.width), fn = p(() => z.value.height), pn = p(() => ({
+			return ee(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, ln.value || 1), i, a, 0, null, r);
+		}), un = p(() => z.value.width), dn = p(() => z.value.height), fn = p(() => ({
 			start: 0,
 			end: H.value
 		})), q = p(() => [...W.value].map((e) => {
@@ -553,40 +553,40 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				navigationRank: t?.rank ?? Infinity
 			};
 		}).sort((e, t) => e.navigationRank - t.navigationRank));
-		function mn() {
-			P.value = null, Mt.value = !0;
+		function pn() {
+			P.value = null, jt.value = !0;
 		}
-		function hn() {
-			_n(), Mt.value = !1;
+		function mn() {
+			gn(), jt.value = !1;
 		}
-		function gn(e, t) {
+		function hn(e, t) {
 			let n = q.value.length;
 			return n ? e === null || e < 0 || e >= n ? 0 : t === "previous" ? (e - 1 + n) % n : (e + 1) % n : null;
 		}
-		function _n() {
+		function gn() {
 			if (P.value !== null) {
 				let e = q.value[P.value];
 				e && $(e, e);
 			}
 			P.value = null, N.value = null;
 		}
-		function vn(e) {
+		function _n(e) {
 			if (!L.value || Y.value || document.activeElement !== L.value || !q.value.length) return;
 			let t = ["ArrowLeft", "ArrowUp"].includes(e.key), n = ["ArrowRight", "ArrowDown"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				_n();
+				gn();
 				return;
 			}
 			if (r) {
 				if (P.value === null) return;
 				let e = q.value[P.value];
 				if (!e) return;
-				Mn(e, e);
+				jn(e, e);
 				return;
 			}
 			let a = P.value;
-			a === null ? a = 0 : t ? a = gn(a, "previous") : n && (a = gn(a, "next"));
+			a === null ? a = 0 : t ? a = hn(a, "previous") : n && (a = hn(a, "next"));
 			let o = q.value[a];
 			o && (P.value = a, Q(o, o));
 		}
@@ -597,9 +597,9 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			notice: F.value.a11y.translations.tableAvailable
 		}));
 		ye({
-			timeLabelsEls: jt,
+			timeLabelsEls: At,
 			timeLabels: G,
-			slicer: pn,
+			slicer: fn,
 			configRef: F,
 			rotationPath: [
 				"style",
@@ -617,30 +617,30 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"enable"
 			],
 			isAutoSize: !1,
-			width: dn,
-			height: fn,
+			width: un,
+			height: dn,
 			rotation: F.value.style.chart.layout.timeLabels.autoRotate.angle
 		});
 		let Y = C(!1);
-		function yn() {
+		function vn() {
 			Y.value = !Y.value;
 		}
-		function bn(e) {
-			Ct.value = e, yt.value += 1;
+		function yn(e) {
+			St.value = e, vt.value += 1;
 		}
-		function xn() {
+		function bn() {
 			R.value.showTable = !R.value.showTable;
 		}
 		ze(() => R.value.showTable, (e) => {
 			F.value.table.show || (e && F.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
 		});
-		function Sn() {
-			R.value.showTable = !1, Dt.value && Dt.value.setTableIconState(!1);
+		function xn() {
+			R.value.showTable = !1, Et.value && Et.value.setTableIconState(!1);
 		}
-		function Cn() {
+		function Sn() {
 			return W.value;
 		}
-		function wn(e = null) {
+		function Cn(e = null) {
 			let r = [
 				[F.value.style.chart.title.text],
 				[F.value.style.chart.title.subtitle.text],
@@ -658,14 +658,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 		let X = p(() => {
 			let e = F.value.table.useDialog && !F.value.table.show, t = R.value.showTable;
 			return {
-				component: e ? Oe : lt,
+				component: e ? Oe : ct,
 				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: F.value.table.th.backgroundColor,
 					color: F.value.table.th.color,
 					headerColor: F.value.table.th.color,
 					headerBg: F.value.table.th.backgroundColor,
-					isFullscreen: Ct.value,
+					isFullscreen: St.value,
 					fullscreenParent: A.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: I.value
@@ -702,16 +702,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				breakpoint: F.value.table.responsiveBreakpoint
 			},
 			colNames: [F.value.table.columnNames.series]
-		})), Tn = p(() => F.value.style.chart.backgroundColor), En = p(() => F.value.style.chart.title), { isCallbackImaging: Dn, isCallbackSvg: On, generateSvg: kn, onGenerateImage: An } = ve({
+		})), wn = p(() => F.value.style.chart.backgroundColor), Tn = p(() => F.value.style.chart.title), { isCallbackImaging: En, isCallbackSvg: Dn, generateSvg: On, onGenerateImage: kn } = ve({
 			svg: L,
-			title: En,
+			title: Tn,
 			legend: null,
 			legendItems: null,
-			backgroundColor: Tn,
+			backgroundColor: wn,
 			getSvgCallback: () => F.value.userOptions.callbacks.svg,
-			generateImage: Kt
+			generateImage: Gt
 		});
-		async function jn({ scale: e = 2 } = {}) {
+		async function An({ scale: e = 2 } = {}) {
 			if (!A.value) return;
 			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
 				domElement: A.value,
@@ -740,14 +740,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		function Mn(e, t) {
+		function jn(e, t) {
 			F.value.events.datapointClick && F.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		async function Nn() {
-			if (_t("copyAlt", {
+		async function Mn() {
+			if (gt("copyAlt", {
 				config: F.value,
 				dataset: W.value
 			}), !F.value.userOptions.callbacks.altCopy) {
@@ -760,16 +760,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}));
 		}
 		return xe({
-			getData: Cn,
-			getImage: jn,
-			generatePdf: Gt,
-			generateCsv: wn,
-			generateImage: Kt,
-			generateSvg: kn,
-			toggleTable: xn,
-			toggleAnnotator: yn,
-			toggleFullscreen: bn,
-			copyAlt: Nn
+			getData: Sn,
+			getImage: An,
+			generatePdf: Wt,
+			generateCsv: Cn,
+			generateImage: Gt,
+			generateSvg: On,
+			toggleTable: bn,
+			toggleAnnotator: vn,
+			toggleFullscreen: yn,
+			copyAlt: Mn
 		}), (e, t) => (S(), g("div", {
 			id: `bump_${j.value}`,
 			ref_key: "bumpChart",
@@ -777,11 +777,11 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			class: Ne({
 				"vue-data-ui-component": !0,
 				"vue-ui-bump": !0,
-				"vue-data-ui-wrapper-fullscreen": Ct.value
+				"vue-data-ui-wrapper-fullscreen": St.value
 			}),
 			style: x(`background:${F.value.style.chart.backgroundColor};color:${F.value.style.chart.color};font-family:${F.value.style.fontFamily}; position: relative; ${F.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: Vt,
-			onMouseleave: Ht
+			onMouseenter: Bt,
+			onMouseleave: Vt
 		}, [
 			_("p", {
 				id: `chart-instructions-${j.value}`,
@@ -801,14 +801,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"caption",
 				"notice"
 			])) : h("", !0),
-			F.value.userOptions.buttons.annotator ? (S(), m(D(dt), {
+			F.value.userOptions.buttons.annotator ? (S(), m(D(ut), {
 				key: 1,
 				svgRef: D(L),
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
 				active: Y.value,
 				isCursorPointer: I.value,
-				onClose: yn
+				onClose: vn
 			}, {
 				"annotator-action-close": O(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": O(({ color: t }) => [T(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
@@ -825,20 +825,20 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"isCursorPointer"
 			])) : h("", !0),
 			T(e.$slots, "userConfig", {}, void 0, !0),
-			qt.value ? (S(), g("div", {
+			Kt.value ? (S(), g("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: xt,
+				ref: bt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : h("", !0),
 			F.value.style.chart.title.text ? (S(), g("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: bt,
+				ref: yt,
 				style: "width:100%;background:transparent;"
 			}, [(S(), m(be, {
-				key: `title_${Tt.value}`,
+				key: `title_${wt.value}`,
 				config: {
 					title: {
 						cy: "bump-title",
@@ -850,14 +850,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : h("", !0),
-			F.value.userOptions.show && vt.value && (D(Bt) || D(Rt)) ? (S(), m(D(ft), {
+			F.value.userOptions.show && _t.value && (D(zt) || D(Lt)) ? (S(), m(D(dt), {
 				ref_key: "userOptionsRef",
-				ref: Dt,
-				key: `user_option_${yt.value}`,
+				ref: Et,
+				key: `user_option_${vt.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
-				isPrinting: D(Ut),
-				isImaging: D(Wt),
+				isPrinting: D(Ht),
+				isImaging: D(Ut),
 				uid: j.value,
 				hasTooltip: !1,
 				hasPdf: F.value.userOptions.buttons.pdf,
@@ -868,7 +868,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				hasLabel: !1,
 				hasAltCopy: F.value.userOptions.buttons.altCopy,
 				hasFullscreen: F.value.userOptions.buttons.fullscreen,
-				isFullcreen: Ct.value,
+				isFullcreen: St.value,
 				chartElement: A.value,
 				position: F.value.userOptions.position,
 				titles: { ...F.value.userOptions.buttonTitles },
@@ -878,15 +878,15 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				printScale: F.value.userOptions.print.scale,
 				tableDialog: F.value.table.useDialog,
 				isCursorPointer: I.value,
-				onToggleFullscreen: bn,
-				onGeneratePdf: D(Gt),
-				onGenerateCsv: wn,
-				onGenerateImage: D(An),
-				onGenerateSvg: D(kn),
-				onToggleTable: xn,
-				onToggleAnnotator: yn,
-				onCopyAlt: Nn,
-				style: x({ visibility: D(Bt) ? D(Rt) ? "visible" : "hidden" : "visible" })
+				onToggleFullscreen: yn,
+				onGeneratePdf: D(Wt),
+				onGenerateCsv: Cn,
+				onGenerateImage: D(kn),
+				onGenerateSvg: D(On),
+				onToggleTable: bn,
+				onToggleAnnotator: vn,
+				onCopyAlt: Mn,
+				style: x({ visibility: D(zt) ? D(Lt) ? "visible" : "hidden" : "visible" })
 			}, ke({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -960,7 +960,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"aria-describedby": `chart-instructions-${j.value}`,
 				viewBox: `0 0 ${U.value.chartWidth <= 0 ? 10 : U.value.chartWidth} ${U.value.svgHeight <= 0 ? 10 : U.value.svgHeight}`,
 				class: Ne({
-					"vue-data-ui-loading": D(Pt),
+					"vue-data-ui-loading": D(Nt),
 					"no-transition": !F.value.useCssAnimation
 				}),
 				style: x(`max-width:100%;overflow:visible;background:transparent;color:${F.value.style.chart.color}`),
@@ -968,11 +968,11 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"aria-live": "polite",
 				preserveAspectRatio: "xMidYMid",
 				tabindex: "0",
-				onFocus: mn,
-				onBlur: hn,
-				onKeydown: vn
+				onFocus: pn,
+				onBlur: mn,
+				onKeydown: _n
 			}, [
-				je(D(pt)),
+				je(D(ft)),
 				e.$slots["chart-background"] ? (S(), g("foreignObject", {
 					key: 0,
 					x: U.value.left,
@@ -1003,7 +1003,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					style: x({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => Q(e, e),
 					onMouseleave: (t) => $(e, e),
-					onClick: (t) => Mn(e, e)
+					onClick: (t) => jn(e, e)
 				}, null, 44, Je)], 64))), 256)),
 				(S(!0), g(f, null, w(W.value, (t) => (S(), g(f, null, [
 					F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (S(!0), g(f, { key: 0 }, w(t.coordinates, (e, n) => (S(), g("circle", {
@@ -1044,7 +1044,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					F.value.style.chart.layout.plots.labels.displayedValue === "value" ? (S(!0), g(f, { key: 2 }, w(t.coordinates, (n) => (S(), g(f, null, [D(d)(n.value) ? (S(), g("rect", Me({
 						key: 0,
 						class: "transition-opacity"
-					}, { ref_for: !0 }, cn(n), {
+					}, { ref_for: !0 }, sn(n), {
 						style: { opacity: N.value == null || N.value === t.id ? 1 : .1 },
 						onMouseenter: (n) => Q({
 							...e.point,
@@ -1076,8 +1076,8 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				F.value.style.chart.layout.nameLabels.leftLabels.show ? (S(), g("g", {
 					key: 1,
 					ref_key: "labelsLeft",
-					ref: kt
-				}, [(S(!0), g(f, null, w(sn.value.left.filter((e) => D(d)(e.value)), (e, t) => (S(), g("text", {
+					ref: Ot
+				}, [(S(!0), g(f, null, w(on.value.left.filter((e) => D(d)(e.value)), (e, t) => (S(), g("text", {
 					class: "transition-opacity",
 					x: U.value.left,
 					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -1096,13 +1096,13 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					style: x({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => Q(e, e),
 					onMouseleave: (t) => $(e, e),
-					onClick: (t) => Mn(e, e)
+					onClick: (t) => jn(e, e)
 				}, null, 44, $e))), 256))], 512)) : h("", !0),
 				F.value.style.chart.layout.nameLabels.rightLabels.show ? (S(), g("g", {
 					key: 2,
 					ref_key: "labelsRight",
-					ref: At
-				}, [(S(!0), g(f, null, w(sn.value.right.filter((e) => D(d)(e.value)), (e, t) => (S(), g("text", {
+					ref: kt
+				}, [(S(!0), g(f, null, w(on.value.right.filter((e) => D(d)(e.value)), (e, t) => (S(), g("text", {
 					class: "transition-opacity",
 					x: U.value.right,
 					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
@@ -1121,12 +1121,12 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					style: x({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => Q(e, e),
 					onMouseleave: (t) => $(e, e),
-					onClick: (t) => Mn(e, e)
+					onClick: (t) => jn(e, e)
 				}, null, 44, et))), 256))], 512)) : h("", !0),
 				F.value.style.chart.layout.timeLabels.show ? (S(), g("g", {
 					key: 3,
 					ref_key: "timeLabelsEls",
-					ref: jt
+					ref: At
 				}, [e.$slots["time-label"] ? (S(), g("g", tt, [(S(!0), g(f, null, w(K.value, (t, n) => (S(), g("g", null, [T(e.$slots, "time-label", Me({ ref_for: !0 }, {
 					x: U.value.unitW * n + U.value.unitW / 2 + U.value.left,
 					y: U.value.chartHeight + F.value.style.chart.layout.timeLabels.offsetY,
@@ -1168,20 +1168,20 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				T(e.$slots, "svg", { svg: {
 					drawingArea: U.value,
 					data: W.value,
-					isPrintingImg: D(Ut) || D(Wt) || D(Dn),
-					isPrintingSvg: D(On)
+					isPrintingImg: D(Ht) || D(Ut) || D(En),
+					isPrintingSvg: D(Dn)
 				} }, void 0, !0)
 			], 46, Ge)), e.$slots.hint ? (S(), g("div", at, [T(e.$slots, "hint", b(y({
 				hint: F.value.a11y.translations.keyboardNavigation,
-				isVisible: Mt.value
+				isVisible: jt.value
 			})), void 0, !0)])) : h("", !0)]),
-			e.$slots.watermark ? (S(), g("div", ot, [T(e.$slots, "watermark", b(y({ isPrinting: D(Ut) || D(Wt) || D(Dn) || D(On) })), void 0, !0)])) : h("", !0),
-			vt.value && F.value.userOptions.buttons.table ? (S(), m(Ie(X.value.component), Me({ key: 6 }, X.value.props, {
+			e.$slots.watermark ? (S(), g("div", ot, [T(e.$slots, "watermark", b(y({ isPrinting: D(Ht) || D(Ut) || D(En) || D(Dn) })), void 0, !0)])) : h("", !0),
+			_t.value && F.value.userOptions.buttons.table ? (S(), m(Ie(X.value.component), Me({ key: 6 }, X.value.props, {
 				ref_key: "tableUnit",
 				ref: M,
-				onClose: Sn
+				onClose: xn
 			}), ke({
-				content: O(() => [je(D(ut), {
+				content: O(() => [je(D(lt), {
 					colNames: Z.value.colNames,
 					head: Z.value.head,
 					body: Z.value.body,
@@ -1189,9 +1189,9 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					title: F.value.table.useDialog ? "" : X.value.title,
 					withCloseButton: !F.value.table.useDialog,
 					isCursorPointer: I.value,
-					onClose: Sn
+					onClose: xn
 				}, {
-					th: O(({ th: e }) => [_("div", { innerHTML: e }, null, 8, st)]),
+					th: O(({ th: e }) => [_("div", null, E(e), 1)]),
 					td: O(({ td: e }) => [Ae(E(e), 1)]),
 					_: 1
 				}, 8, [
@@ -1213,9 +1213,9 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				fn: O(() => [_("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => wn(F.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => Cn(F.value.userOptions.callbacks.csv),
 					style: x({ cursor: I.value ? "pointer" : "default" })
-				}, [je(D(ct), {
+				}, [je(D(st), {
 					name: "fileCsv",
 					stroke: X.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
@@ -1224,12 +1224,12 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			e.$slots.source ? (S(), g("div", {
 				key: 7,
 				ref_key: "source",
-				ref: St,
+				ref: xt,
 				dir: "auto"
 			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
-			T(e.$slots, "skeleton", {}, () => [D(Pt) ? (S(), m(he, { key: 0 })) : h("", !0)], !0)
+			T(e.$slots, "skeleton", {}, () => [D(Nt) ? (S(), m(he, { key: 0 })) : h("", !0)], !0)
 		], 46, He));
 	}
-}, [["__scopeId", "data-v-f5c72ff2"]]);
+}, [["__scopeId", "data-v-ef8e05d0"]]);
 //#endregion
-export { Ve as n, ct as t };
+export { Ve as n, st as t };