vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-bump-DM-hF-AK.js → vue-ui-bump-BJ5O8Mps.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { B as t, Bt as n, G as r, H as i, Ht as a, I as o, J as ee, Ot as s, S as c, Tt as l, X as te, ct as ne, i as re, k as ie, r as ae, s as oe, t as se, vt as u, x as ce, y as le } from "./lib-AJRHFE5U.js";
+import { B as t, Et as n, G as r, H as i, I as a, J as o, S as ee, Ut as s, Vt as c, X as l, ct as te, i as ne, k as re, kt as ie, r as ae, s as oe, t as se, x as ce, y as le, yt as u } from "./lib-CXicicWN.js";
 import { t as ue } from "./useTimeLabels-BmBRv27Y.js";
-import { t as de } from "./useConfig-Br1uzq_L.js";
-import { t as fe } from "./usePrinter-6n2MzVyV.js";
+import { t as de } from "./useConfig-Bf_EBbe3.js";
+import { t as fe } from "./usePrinter-Dng0UK-G.js";
 import { n as pe, t as me } from "./BaseScanner-DZvpgOjM.js";
 import { t as he } from "./useSvgExport-SVIsDot8.js";
-import { t as ge } from "./useNestedProp-DtcXIg7n.js";
+import { t as ge } from "./useNestedProp-APyFoLCQ.js";
 import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { n as ye } from "./Title-DH6G8_cZ.js";
+import { n as ye } from "./Title-CVYf1f8m.js";
 import { t as be } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as xe } from "./canvas-lib-BOP_HS11.js";
 import { t as Se } from "./useResponsive-BfnK0KxU.js";
@@ -16,7 +16,7 @@ import { t as Ce } from "./A11yDataTable-DdRsVULz.js";
 import { t as we } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Te } from "./useChartAccessibility-DYqac8yF.js";
 import { t as Ee } from "./vue_ui_bump-Vl-zYAtG.js";
-import { t as De } from "./BaseDraggableDialog-O8jn9Lvi.js";
+import { t as De } from "./BaseDraggableDialog-a9xCKjW-.js";
 import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Oe, createTextVNode as ke, createVNode as Ae, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as je, nextTick as Me, normalizeClass as Ne, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Pe, onMounted as Fe, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Ie, shallowRef as Le, toDisplayString as T, toRefs as Re, unref as E, watch as ze, watchEffect as Be, withCtx as D } from "vue";
 //#region src/components/vue-ui-bump.vue
 var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We = { style: { position: "relative" } }, Ge = [
@@ -127,14 +127,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: be, emit: Ve }) {
-		let ct = _(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), lt = _(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), ut = _(() => import("./DataTable-G9aclxhk.js")), dt = _(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), ft = _(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), pt = _(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), { vue_ui_bump: mt } = de(), { isThemeValid: ht, warnInvalidTheme: gt } = _e(), O = e, _t = Ve, vt = f({
+		let ct = _(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), lt = _(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), ut = _(() => import("./DataTable-DJZgdnIn.js")), dt = _(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), ft = _(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), pt = _(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), { vue_ui_bump: mt } = de(), { isThemeValid: ht, warnInvalidTheme: gt } = _e(), O = e, _t = Ve, vt = f({
 			get() {
 				return !!O.dataset && O.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), k = S(null), A = S(i()), yt = S(0), bt = S(null), xt = S(null), St = S(null), Ct = S(!1), wt = S(!1), Tt = S(0), Et = S(0), j = S(null), Dt = S(null), Ot = S(!1), kt = S(!1), At = S(!1), M = S(null), jt = S(null), Mt = S(null), Nt = S(null), N = S(null), Pt = S(!1), P = S(zt()), F = f(() => P.value.userOptions.useCursorPointer), Ft = f(() => a({
+		}), k = S(null), A = S(i()), yt = S(0), bt = S(null), xt = S(null), St = S(null), Ct = S(!1), wt = S(!1), Tt = S(0), Et = S(0), j = S(null), Dt = S(null), Ot = S(!1), kt = S(!1), M = S(!1), N = S(null), At = S(null), jt = S(null), Mt = S(null), P = S(null), Nt = S(!1), F = S(Rt()), I = f(() => F.value.userOptions.useCursorPointer), Pt = f(() => s({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -153,11 +153,11 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					}
 				} }
 			},
-			userConfig: P.value.skeletonConfig ?? {}
-		})), { loading: It, FINAL_DATASET: Lt, manualLoading: Rt } = pe({
+			userConfig: F.value.skeletonConfig ?? {}
+		})), { loading: Ft, FINAL_DATASET: It, manualLoading: Lt } = pe({
 			...Re(O),
-			FINAL_CONFIG: P,
-			prepareConfig: zt,
+			FINAL_CONFIG: F,
+			prepareConfig: Rt,
 			skeletonDataset: O.config?.skeletonDataset ?? [
 				{
 					name: "————",
@@ -208,123 +208,123 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					color: "#8A8A8A"
 				}
 			],
-			skeletonConfig: a({
-				defaultConfig: P.value,
-				userConfig: Ft.value
+			skeletonConfig: s({
+				defaultConfig: F.value,
+				userConfig: Pt.value
 			})
 		});
-		Fe($t);
-		function zt() {
+		Fe(Qt);
+		function Rt() {
 			let e = ge({
 				userConfig: O.config,
 				defaultConfig: mt
-			}), t = {}, r = e.theme;
-			if (r) if (!ht.value(e)) gt(e), t = e;
+			}), t = {}, n = e.theme;
+			if (n) if (!ht.value(e)) gt(e), t = e;
 			else {
-				let i = ge({
-					userConfig: Ee[r] || O.config,
+				let r = ge({
+					userConfig: Ee[n] || O.config,
 					defaultConfig: e
 				});
 				t = {
 					...ge({
 						userConfig: O.config,
-						defaultConfig: i
+						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : n[r] || s
+					customPalette: e.customPalette.length ? e.customPalette : c[n] || ie
 				};
 			}
 			else t = e;
 			return t;
 		}
-		let { userOptionsVisible: Bt, setUserOptionsVisibility: Vt, keepUserOptionState: Ht } = we({ config: P.value }), { svgRef: I } = Te({ config: P.value.style.chart.title });
-		function Ut() {
-			Ot.value = !0, Vt(!0);
+		let { userOptionsVisible: zt, setUserOptionsVisibility: Bt, keepUserOptionState: Vt } = we({ config: F.value }), { svgRef: L } = Te({ config: F.value.style.chart.title });
+		function Ht() {
+			Ot.value = !0, Bt(!0);
 		}
-		function Wt() {
-			Vt(!1), Ot.value = !1;
+		function Ut() {
+			Bt(!1), Ot.value = !1;
 		}
-		let L = S({ showTable: P.value.table.show });
-		ze(P, () => {
-			L.value = { showTable: P.value.table.show };
+		let R = S({ showTable: F.value.table.show });
+		ze(F, () => {
+			R.value = { showTable: F.value.table.show };
 		}, { immediate: !0 }), ze(() => O.config, (e) => {
-			It.value || (P.value = zt()), Bt.value = !P.value.userOptions.showOnChartHover, $t(), Tt.value += 1, Et.value += 1, L.value.showTable = P.value.table.show, R.value.width = P.value.style.chart.width, R.value.height = P.value.style.chart.height, R.value.paddingRatio = {
-				top: P.value.style.chart.padding.top / P.value.style.chart.height,
-				right: P.value.style.chart.padding.right / P.value.style.chart.width,
-				bottom: P.value.style.chart.padding.bottom / P.value.style.chart.height,
-				left: P.value.style.chart.padding.left / P.value.style.chart.width
+			Ft.value || (F.value = Rt()), zt.value = !F.value.userOptions.showOnChartHover, Qt(), 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 = {
+				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(() => O.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Rt.value = !1);
+			Array.isArray(e) && e.length > 0 && (Lt.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Gt, isImaging: Kt, generatePdf: qt, generateImage: Jt } = fe({
+		let { isPrinting: Wt, isImaging: Gt, generatePdf: Kt, generateImage: qt } = fe({
 			elementId: `bump_${A.value}`,
-			fileName: P.value.style.chart.title.text || "vue-ui-bump",
-			options: P.value.userOptions.print
-		}), Yt = f(() => P.value.userOptions.show && !P.value.style.chart.title.text), R = S({
-			width: P.value.style.chart.width,
-			height: P.value.style.chart.height,
+			fileName: F.value.style.chart.title.text || "vue-ui-bump",
+			options: F.value.userOptions.print
+		}), Jt = f(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = S({
+			width: F.value.style.chart.width,
+			height: F.value.style.chart.height,
 			paddingRatio: {
-				top: P.value.style.chart.padding.top / P.value.style.chart.height,
-				right: P.value.style.chart.padding.right / P.value.style.chart.width,
-				bottom: P.value.style.chart.padding.bottom / P.value.style.chart.height,
-				left: P.value.style.chart.padding.left / P.value.style.chart.width
+				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
 			}
-		}), Xt = f(() => ce(P.value.customPalette)), z = Le(null), B = Le(null), Zt = S(null), Qt = f(() => !!P.value.debug);
-		function $t() {
-			if (l(O.dataset) ? (te({
+		}), Yt = f(() => ce(F.value.customPalette)), B = Le(null), V = Le(null), Xt = S(null), Zt = f(() => !!F.value.debug);
+		function Qt() {
+			if (n(O.dataset) ? (l({
 				componentName: "VueUiBump",
 				type: "dataset",
-				debug: Qt.value
-			}), Rt.value = !0) : O.dataset.forEach((e, t) => {
-				ne({
+				debug: Zt.value
+			}), Lt.value = !0) : O.dataset.forEach((e, t) => {
+				te({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					vt.value = !1, te({
+					vt.value = !1, l({
 						componentName: "VueUiBump",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: Qt.value
-					}), Rt.value = !0;
+						debug: Zt.value
+					}), Lt.value = !0;
 				});
-			}), l(O.dataset) || (Rt.value = P.value.loading), setTimeout(() => {
+			}), n(O.dataset) || (Lt.value = F.value.loading), setTimeout(() => {
 				wt.value = !0;
-			}, 10), P.value.responsive) {
+			}, 10), F.value.responsive) {
 				let e = xe(() => {
 					wt.value = !1;
 					let { width: e, height: t } = Se({
 						chart: k.value,
 						noTitle: xt.value,
-						title: P.value.style.chart.title.text ? bt.value : null,
+						title: F.value.style.chart.title.text ? bt.value : null,
 						legend: null,
 						slicer: null,
 						source: St.value
 					});
 					requestAnimationFrame(() => {
-						R.value.width = e, R.value.height = t - 12, clearTimeout(Zt.value), Zt.value = setTimeout(() => {
+						z.value.width = e, z.value.height = t - 12, clearTimeout(Xt.value), Xt.value = setTimeout(() => {
 							wt.value = !0;
 						}, 10);
 					});
 				});
-				z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect()), z.value = new ResizeObserver(e), B.value = k.value.parentNode, z.value.observe(B.value);
+				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = k.value.parentNode, B.value.observe(V.value);
 			}
 		}
 		Pe(() => {
-			z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect());
+			B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
 		});
-		let en = f(() => Lt.value.map((e, t) => {
-			let n = le(e.color) || Xt.value[t] || s[t] || s[t % s.length];
+		let $t = f(() => It.value.map((e, t) => {
+			let n = le(e.color) || Yt.value[t] || ie[t] || ie[t % ie.length];
 			return {
 				...e,
 				absoluteIndex: t,
 				id: i(),
 				color: n
 			};
-		})), V = f(() => Math.max(...en.value.map((e) => e.values.length)));
-		function tn(e) {
-			let t = e.map(() => Array(V.value).fill(null));
-			for (let n = 0; n < V.value; n += 1) {
+		})), H = f(() => Math.max(...$t.value.map((e) => e.values.length)));
+		function en(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) => ({
 					seriesIndex: r,
 					value: e.values?.[n],
@@ -338,37 +338,37 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}
 			return t;
 		}
-		function nn() {
+		function tn() {
 			let e = 0;
-			return jt.value && (e = Array.from(jt.value.querySelectorAll("tspan")).reduce((e, t) => {
+			return At.value && (e = Array.from(At.value.querySelectorAll("tspan")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e;
 		}
-		function rn() {
+		function nn() {
 			let e = 0;
-			return Mt.value && (e = Array.from(Mt.value.querySelectorAll("tspan")).reduce((e, t) => {
+			return jt.value && (e = Array.from(jt.value.querySelectorAll("tspan")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e;
 		}
-		let an = S(0), on = xe((e) => {
-			an.value = e;
+		let rn = S(0), an = xe((e) => {
+			rn.value = e;
 		}, 100);
 		Be((e) => {
-			let t = Nt.value;
+			let t = Mt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				on(e[0].contentRect.height);
+				an(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		}), Pe(() => {
-			an.value = 0;
+			rn.value = 0;
 		});
-		let sn = f(() => {
-			let e = P.value.style.chart.layout.timeLabels;
+		let on = f(() => {
+			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 = G.value || [];
+			let t = e.fontSize, n = e.rotation, r = Math.PI / 180 * n, i = K.value || [];
 			if (!i.length) return 0;
 			let a = i.reduce((e, t) => {
 				let n = String(t?.text ?? "").split("\n").length;
@@ -378,8 +378,8 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				return Math.max(e, n);
 			}, 0), ee = t * 1.3 * a, s = o * t * (o === 1 ? 1 : .6), c = Math.abs(Math.sin(r)) * s + Math.abs(Math.cos(r)) * ee, l = t * .3;
 			return Math.max(0, c + Math.abs(e.offsetY) + l);
-		}), H = f(() => {
-			let { height: e, width: t } = R.value, { right: n, left: r } = R.value.paddingRatio, i = nn(), a = rn(), o = P.value.style.chart.padding.top, ee = t - t * n - a, s = t * r + i, c = t - t * n - t * r - i - a, l = e - o - P.value.style.chart.padding.bottom - sn.value, te = o + l, ne = o + l, re = Math.max(0, e);
+		}), U = f(() => {
+			let { height: e, width: t } = z.value, { right: n, left: r } = z.value.paddingRatio, i = tn(), a = nn(), o = F.value.style.chart.padding.top, ee = t - t * n - a, s = t * r + i, c = t - t * n - t * r - i - a, l = e - o - F.value.style.chart.padding.bottom - on.value, te = o + l, ne = o + l, re = Math.max(0, e);
 			return {
 				chartHeight: ne,
 				chartWidth: Math.max(0, t),
@@ -389,36 +389,36 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				left: Math.max(0, s),
 				width: Math.max(0, c),
 				height: Math.max(0, l),
-				unitH: Math.max(0, l) / en.value.length,
-				unitW: Math.max(0, c) / V.value,
+				unitH: Math.max(0, l) / $t.value.length,
+				unitW: Math.max(0, c) / H.value,
 				svgHeight: re
 			};
-		}), U = f(() => {
-			if (!vt.value && !It.value) return [];
-			let e = tn(en.value);
-			return en.value.map((t, n) => ({
+		}), W = f(() => {
+			if (!vt.value && !Ft.value) return [];
+			let e = en($t.value);
+			return $t.value.map((t, n) => ({
 				...t,
 				positions: e[n]
 			})).map((e) => {
 				let t = e.positions.map((t, n) => {
-					let i = re(P.value.style.chart.layout.plots.labels.formatter, e.values[n], r({
-						p: P.value.style.chart.layout.plots.labels.prefix,
+					let i = ne(F.value.style.chart.layout.plots.labels.formatter, e.values[n], r({
+						p: F.value.style.chart.layout.plots.labels.prefix,
 						v: e.values[n],
-						s: P.value.style.chart.layout.plots.labels.suffix,
-						r: P.value.style.chart.layout.plots.labels.rounding
+						s: F.value.style.chart.layout.plots.labels.suffix,
+						r: F.value.style.chart.layout.plots.labels.rounding
 					}));
 					return {
 						name: e.name,
 						id: e.id,
-						x: H.value.left + n * H.value.unitW + H.value.unitW / 2,
-						y: H.value.top + t * H.value.unitH + H.value.unitH / 2,
+						x: U.value.left + n * U.value.unitW + U.value.unitW / 2,
+						y: U.value.top + t * U.value.unitH + U.value.unitH / 2,
 						value: e.values[n],
 						displayValue: i,
 						rank: e.positions[n] + 1,
 						color: e.color,
-						labelColor: P.value.style.chart.layout.plots.labels.color === "auto" ? ae(e.color) : le(P.value.style.chart.layout.plots.labels.color) ?? ae(e.color)
+						labelColor: F.value.style.chart.layout.plots.labels.color === "auto" ? ae(e.color) : le(F.value.style.chart.layout.plots.labels.color) ?? ae(e.color)
 					};
-				}), n = t.filter((e) => u(e.value)), i = P.value.style.chart.layout.lines.smooth ? ie(n) : o(n);
+				}), n = t.filter((e) => u(e.value)), i = F.value.style.chart.layout.lines.smooth ? re(n) : a(n);
 				return {
 					...e,
 					coordinates: t,
@@ -426,7 +426,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				};
 			});
 		});
-		f(() => U.value.flatMap((e, t) => e.coordinates.map((n, r) => ({
+		f(() => W.value.flatMap((e, t) => e.coordinates.map((n, r) => ({
 			...n,
 			pointIndex: r,
 			seriesIndex: t,
@@ -434,7 +434,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			seriesName: e.name,
 			pointId: `${e.id}_${r}`
 		})).filter((e) => u(e.value))));
-		function cn(e, t, n, r) {
+		function sn(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];
@@ -454,39 +454,39 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}
 			return i;
 		}
-		let ln = f(() => {
+		let cn = f(() => {
 			let e = [], t = [];
-			U.value.forEach((n) => {
+			W.value.forEach((n) => {
 				let r = n.coordinates.filter((e) => Number.isFinite(e.rank));
 				if (!r.length) return;
 				e.push({ ...r[0] });
 				let i = r[r.length - 1];
 				t.push({ ...i });
 			});
-			let n = P.value.style.chart.layout.nameLabels.fontSize, r = n * 1.4, i = H.value.top + n, a = H.value.bottom - n, o = cn(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 = sn(t, r, i, a);
 			return {
-				left: cn(e, r, i, a),
+				left: sn(e, r, i, a),
 				right: o
 			};
 		});
-		function un(e) {
-			let t = P.value.style.chart.layout.plots.labels.fontSize * .4, n = e.displayValue, r = n.length * (P.value.style.chart.layout.plots.labels.fontSize * (n.length === 1 ? 1 : .6)), i = P.value.style.chart.layout.plots.labels.fontSize, a = r + t * 2, o = i + t * 2, ee = e.x - a / 2, s = e.y - o / 2, c = P.value.style.chart.layout.plots.strokeWidth;
+		function ln(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, ee = e.x - a / 2, s = e.y - o / 2, c = F.value.style.chart.layout.plots.strokeWidth;
 			return {
 				x: ee - c / 2,
 				y: s - c / 2,
 				width: a + c,
 				height: o + c,
 				fill: e.color,
-				stroke: P.value.style.chart.layout.plots.stroke,
+				stroke: F.value.style.chart.layout.plots.stroke,
 				"stroke-width": c,
 				rx: o / 2
 			};
 		}
-		let W = S([]), dn = 0;
+		let G = S([]), un = 0;
 		Be(() => {
-			let e = ++dn, t = P.value.style.chart.layout.timeLabels, n = t.values, r = t.datetimeFormatter, i = V.value;
+			let e = ++un, t = F.value.style.chart.layout.timeLabels, n = t.values, r = t.datetimeFormatter, i = H.value;
 			if (!i || !Array.isArray(n) || n.length === 0) {
-				W.value = [];
+				G.value = [];
 				return;
 			}
 			(async () => {
@@ -497,73 +497,73 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					start: 0,
 					end: i
 				});
-				e === dn && (W.value = t);
+				e === un && (G.value = t);
 			})();
 		});
-		let fn = f(() => {
-			let e = P.value.style.chart.layout.timeLabels.modulo;
-			return W.value.length ? Math.min(e, [...new Set(W.value.map((e) => e.text))].length) : e;
-		}), G = f(() => {
-			let e = P.value.style.chart.layout.timeLabels, t = W.value || [], n = W.value || [], r = V.value, i = t.map((e) => e?.text ?? ""), a = n.map((e) => e?.text ?? "");
-			return oe(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, fn.value || 1), i, a, 0, null, r);
-		}), pn = f(() => R.value.width), mn = f(() => R.value.height), hn = f(() => ({
+		let dn = f(() => {
+			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 = f(() => {
+			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 oe(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, dn.value || 1), i, a, 0, null, r);
+		}), fn = f(() => z.value.width), pn = f(() => z.value.height), mn = f(() => ({
 			start: 0,
-			end: V.value
-		})), K = f(() => [...U.value].map((e) => {
+			end: H.value
+		})), q = f(() => [...W.value].map((e) => {
 			let t = [...e.coordinates].filter((e) => u(e.value)).at(-1);
 			return {
 				...e,
 				navigationRank: t?.rank ?? Infinity
 			};
 		}).sort((e, t) => e.navigationRank - t.navigationRank));
-		function gn() {
-			N.value = null, Pt.value = !0;
+		function hn() {
+			P.value = null, Nt.value = !0;
 		}
-		function _n() {
-			yn(), Pt.value = !1;
+		function gn() {
+			vn(), Nt.value = !1;
 		}
-		function vn(e, t) {
-			let n = K.value.length;
+		function _n(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 yn() {
-			if (N.value !== null) {
-				let e = K.value[N.value];
-				e && Q(e, e);
+		function vn() {
+			if (P.value !== null) {
+				let e = q.value[P.value];
+				e && $(e, e);
 			}
-			N.value = null, M.value = null;
+			P.value = null, N.value = null;
 		}
-		function bn(e) {
-			if (!I.value || J.value || document.activeElement !== I.value || !K.value.length) return;
+		function yn(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) {
-				yn();
+				vn();
 				return;
 			}
 			if (r) {
-				if (N.value === null) return;
-				let e = K.value[N.value];
+				if (P.value === null) return;
+				let e = q.value[P.value];
 				if (!e) return;
-				$(e, e);
+				jn(e, e);
 				return;
 			}
-			let a = N.value;
-			a === null ? a = 0 : t ? a = vn(a, "previous") : n && (a = vn(a, "next"));
-			let o = K.value[a];
-			o && (N.value = a, Z(o, o));
+			let a = P.value;
+			a === null ? a = 0 : t ? a = _n(a, "previous") : n && (a = _n(a, "next"));
+			let o = q.value[a];
+			o && (P.value = a, Q(o, o));
 		}
-		let q = f(() => ({
-			head: X.value.head,
-			body: U.value.map((e) => [e.name, ...e.coordinates.map((e) => u(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
-			caption: P.value.a11y.translations.tableCaption,
-			notice: P.value.a11y.translations.tableAvailable
+		let J = f(() => ({
+			head: Z.value.head,
+			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => u(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
+			caption: F.value.a11y.translations.tableCaption,
+			notice: F.value.a11y.translations.tableAvailable
 		}));
 		ve({
-			timeLabelsEls: Nt,
-			timeLabels: W,
-			slicer: hn,
-			configRef: P,
+			timeLabelsEls: Mt,
+			timeLabels: G,
+			slicer: mn,
+			configRef: F,
 			rotationPath: [
 				"style",
 				"chart",
@@ -580,115 +580,115 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"enable"
 			],
 			isAutoSize: !1,
-			width: pn,
-			height: mn,
-			rotation: P.value.style.chart.layout.timeLabels.autoRotate.angle
+			width: fn,
+			height: pn,
+			rotation: F.value.style.chart.layout.timeLabels.autoRotate.angle
 		});
-		let J = S(!1);
-		function xn() {
-			J.value = !J.value;
+		let Y = S(!1);
+		function bn() {
+			Y.value = !Y.value;
 		}
-		function Sn(e) {
+		function xn(e) {
 			Ct.value = e, yt.value += 1;
 		}
-		function Cn() {
-			L.value.showTable = !L.value.showTable;
+		function Sn() {
+			R.value.showTable = !R.value.showTable;
 		}
-		ze(() => L.value.showTable, (e) => {
-			P.value.table.show || (e && P.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
+		ze(() => 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());
 		});
-		function wn() {
-			L.value.showTable = !1, Dt.value && Dt.value.setTableIconState(!1);
+		function Cn() {
+			R.value.showTable = !1, Dt.value && Dt.value.setTableIconState(!1);
 		}
-		function Tn() {
-			return U.value;
+		function wn() {
+			return W.value;
 		}
-		function En(e = null) {
+		function Tn(e = null) {
 			let t = [
-				[P.value.style.chart.title.text],
-				[P.value.style.chart.title.subtitle.text],
+				[F.value.style.chart.title.text],
+				[F.value.style.chart.title.subtitle.text],
 				[""]
-			], n = ["", ...G.value.map((e) => e?.text ?? "")], r = U.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.displayValue}`)]), i = U.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.rank}`)]), a = c(t.concat([[P.value.table.columnNames.values]]).concat([n]).concat(r).concat([
+			], n = ["", ...K.value.map((e) => e?.text ?? "")], r = W.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.displayValue}`)]), i = W.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.rank}`)]), a = ee(t.concat([[F.value.table.columnNames.values]]).concat([n]).concat(r).concat([
 				[""],
-				[P.value.table.columnNames.ranking],
+				[F.value.table.columnNames.ranking],
 				[n]
 			]).concat(i));
-			e ? e(a) : ee({
+			e ? e(a) : o({
 				csvContent: a,
-				title: P.value.style.chart.title.text || "vue-ui-bump"
+				title: F.value.style.chart.title.text || "vue-ui-bump"
 			});
 		}
-		let Y = f(() => {
-			let e = P.value.table.useDialog && !P.value.table.show, t = L.value.showTable;
+		let X = f(() => {
+			let e = F.value.table.useDialog && !F.value.table.show, t = R.value.showTable;
 			return {
 				component: e ? De : lt,
-				title: `${P.value.style.chart.title.text}${P.value.style.chart.title.subtitle.text ? `: ${P.value.style.chart.title.subtitle.text}` : ""}`,
+				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
-					backgroundColor: P.value.table.th.backgroundColor,
-					color: P.value.table.th.color,
-					headerColor: P.value.table.th.color,
-					headerBg: P.value.table.th.backgroundColor,
+					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,
 					fullscreenParent: k.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: F.value
+					isCursorPointer: I.value
 				} : {
 					hideDetails: !0,
 					config: {
 						open: t,
 						maxHeight: 1e4,
 						body: {
-							backgroundColor: P.value.style.chart.backgroundColor,
-							color: P.value.style.chart.color
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
 						},
 						head: {
-							backgroundColor: P.value.style.chart.backgroundColor,
-							color: P.value.style.chart.color
+							backgroundColor: F.value.style.chart.backgroundColor,
+							color: F.value.style.chart.color
 						}
 					}
 				}
 			};
-		}), X = f(() => ({
-			head: [""].concat(G.value.map((e) => e.text)),
-			body: U.value.map((e, t) => [e.name, ...e.coordinates.map((e) => `${e.displayValue} (${e.rank})`)]),
+		}), Z = f(() => ({
+			head: [""].concat(K.value.map((e) => e.text)),
+			body: W.value.map((e, t) => [e.name, ...e.coordinates.map((e) => `${e.displayValue} (${e.rank})`)]),
 			config: {
 				th: {
-					backgroundColor: P.value.table.th.backgroundColor,
-					color: P.value.table.th.color,
-					outline: P.value.table.th.outline
+					backgroundColor: F.value.table.th.backgroundColor,
+					color: F.value.table.th.color,
+					outline: F.value.table.th.outline
 				},
 				td: {
-					backgroundColor: P.value.table.td.backgroundColor,
-					color: P.value.table.td.color,
-					outline: P.value.table.td.outline
+					backgroundColor: F.value.table.td.backgroundColor,
+					color: F.value.table.td.color,
+					outline: F.value.table.td.outline
 				},
-				breakpoint: P.value.table.responsiveBreakpoint
+				breakpoint: F.value.table.responsiveBreakpoint
 			},
-			colNames: [P.value.table.columnNames.series]
-		})), Dn = f(() => P.value.style.chart.backgroundColor), { exportSvg: On, getSvg: kn } = he({
-			svg: I,
-			title: f(() => P.value.style.chart.title),
+			colNames: [F.value.table.columnNames.series]
+		})), En = f(() => F.value.style.chart.backgroundColor), { exportSvg: Dn, getSvg: On } = he({
+			svg: L,
+			title: f(() => F.value.style.chart.title),
 			legend: null,
 			legendItems: null,
-			backgroundColor: Dn
+			backgroundColor: En
 		});
-		async function An({ isCb: e }) {
-			At.value = !0, await Me();
+		async function kn({ isCb: e }) {
+			M.value = !0, await Me();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await kn();
-					await Promise.resolve(P.value.userOptions.callbacks.svg({
+					let { blob: e, url: t, text: n, dataUrl: r } = await On();
+					await Promise.resolve(F.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(On());
+				} else await Promise.resolve(Dn());
 			} finally {
-				At.value = !1;
+				M.value = !1;
 			}
 		}
-		async function jn({ scale: e = 2 } = {}) {
+		async function An({ scale: e = 2 } = {}) {
 			if (!k.value) return;
 			let { width: t, height: n } = k.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
 				domElement: k.value,
@@ -699,26 +699,26 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			return {
 				imageUri: i,
 				base64: a,
-				title: P.value.style.chart.title.text,
+				title: F.value.style.chart.title.text,
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
-		function Z(e, t) {
-			M.value = t.id, P.value.events.datapointEnter && P.value.events.datapointEnter({
+		function Q(e, t) {
+			N.value = t.id, F.value.events.datapointEnter && F.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		function Q(e, t) {
-			M.value = null, P.value.events.datapointLeave && P.value.events.datapointLeave({
+		function $(e, t) {
+			N.value = null, F.value.events.datapointLeave && F.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		function $(e, t) {
-			P.value.events.datapointClick && P.value.events.datapointClick({
+		function jn(e, t) {
+			F.value.events.datapointClick && F.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e?.pointIndex ?? null
 			});
@@ -732,31 +732,31 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				kt.value = !1;
 				return;
 			}
-			Jt();
+			qt();
 		}
 		async function Nn() {
 			if (_t("copyAlt", {
-				config: P.value,
-				dataset: U.value
-			}), !P.value.userOptions.callbacks.altCopy) {
+				config: F.value,
+				dataset: W.value
+			}), !F.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(P.value.userOptions.callbacks.altCopy({
-				config: P.value,
-				dataset: U.value
+			await Promise.resolve(F.value.userOptions.callbacks.altCopy({
+				config: F.value,
+				dataset: W.value
 			}));
 		}
 		return be({
-			getData: Tn,
-			getImage: jn,
-			generatePdf: qt,
-			generateCsv: En,
-			generateImage: Jt,
-			generateSvg: An,
-			toggleTable: Cn,
-			toggleAnnotator: xn,
-			toggleFullscreen: Sn,
+			getData: wn,
+			getImage: An,
+			generatePdf: Kt,
+			generateCsv: Tn,
+			generateImage: qt,
+			generateSvg: kn,
+			toggleTable: Sn,
+			toggleAnnotator: bn,
+			toggleFullscreen: xn,
 			copyAlt: Nn
 		}), (e, n) => (x(), h("div", {
 			id: `bump_${A.value}`,
@@ -767,21 +767,21 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"vue-ui-bump": !0,
 				"vue-data-ui-wrapper-fullscreen": Ct.value
 			}),
-			style: b(`background:${P.value.style.chart.backgroundColor};color:${P.value.style.chart.color};font-family:${P.value.style.fontFamily}; position: relative; ${P.value.responsive ? "height: 100%" : ""}`),
-			onMouseenter: Ut,
-			onMouseleave: Wt
+			style: b(`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: Ht,
+			onMouseleave: Ut
 		}, [
 			g("p", {
 				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, T(P.value.a11y.translations.keyboardNavigation), 9, Ue),
-			q.value.body.length ? (x(), p(Ce, {
+			}, T(F.value.a11y.translations.keyboardNavigation), 9, Ue),
+			J.value.body.length ? (x(), p(Ce, {
 				key: 0,
 				uid: A.value,
-				head: q.value.head,
-				body: q.value.body,
-				caption: q.value.caption,
-				notice: q.value.notice
+				head: J.value.head,
+				body: J.value.body,
+				caption: J.value.caption,
+				notice: J.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
@@ -789,14 +789,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"caption",
 				"notice"
 			])) : m("", !0),
-			P.value.userOptions.buttons.annotator ? (x(), p(E(dt), {
+			F.value.userOptions.buttons.annotator ? (x(), p(E(dt), {
 				key: 1,
-				svgRef: E(I),
-				backgroundColor: P.value.style.chart.backgroundColor,
-				color: P.value.style.chart.color,
-				active: J.value,
-				isCursorPointer: F.value,
-				onClose: xn
+				svgRef: E(L),
+				backgroundColor: F.value.style.chart.backgroundColor,
+				color: F.value.style.chart.color,
+				active: Y.value,
+				isCursorPointer: I.value,
+				onClose: bn
 			}, {
 				"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(v({ color: t })), void 0, !0)]),
@@ -813,14 +813,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"isCursorPointer"
 			])) : m("", !0),
 			w(e.$slots, "userConfig", {}, void 0, !0),
-			Yt.value ? (x(), h("div", {
+			Jt.value ? (x(), h("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: xt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
 			}, null, 512)) : m("", !0),
-			P.value.style.chart.title.text ? (x(), h("div", {
+			F.value.style.chart.title.text ? (x(), h("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: bt,
@@ -830,51 +830,51 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				config: {
 					title: {
 						cy: "bump-title",
-						...P.value.style.chart.title
+						...F.value.style.chart.title
 					},
 					subtitle: {
 						cy: "bump-subtitle",
-						...P.value.style.chart.title.subtitle
+						...F.value.style.chart.title.subtitle
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : m("", !0),
-			P.value.userOptions.show && vt.value && (E(Ht) || E(Bt)) ? (x(), p(E(ft), {
+			F.value.userOptions.show && vt.value && (E(Vt) || E(zt)) ? (x(), p(E(ft), {
 				ref_key: "userOptionsRef",
 				ref: Dt,
 				key: `user_option_${yt.value}`,
-				backgroundColor: P.value.style.chart.backgroundColor,
-				color: P.value.style.chart.color,
-				isPrinting: E(Gt),
-				isImaging: E(Kt),
+				backgroundColor: F.value.style.chart.backgroundColor,
+				color: F.value.style.chart.color,
+				isPrinting: E(Wt),
+				isImaging: E(Gt),
 				uid: A.value,
 				hasTooltip: !1,
-				hasPdf: P.value.userOptions.buttons.pdf,
-				hasImg: P.value.userOptions.buttons.img,
-				hasSvg: P.value.userOptions.buttons.svg,
-				hasXls: P.value.userOptions.buttons.csv,
-				hasTable: P.value.userOptions.buttons.table,
+				hasPdf: F.value.userOptions.buttons.pdf,
+				hasImg: F.value.userOptions.buttons.img,
+				hasSvg: F.value.userOptions.buttons.svg,
+				hasXls: F.value.userOptions.buttons.csv,
+				hasTable: F.value.userOptions.buttons.table,
 				hasLabel: !1,
-				hasAltCopy: P.value.userOptions.buttons.altCopy,
-				hasFullscreen: P.value.userOptions.buttons.fullscreen,
+				hasAltCopy: F.value.userOptions.buttons.altCopy,
+				hasFullscreen: F.value.userOptions.buttons.fullscreen,
 				isFullcreen: Ct.value,
 				chartElement: k.value,
-				position: P.value.userOptions.position,
-				titles: { ...P.value.userOptions.buttonTitles },
-				hasAnnotator: P.value.userOptions.buttons.annotator,
-				isAnnotation: J.value,
-				callbacks: P.value.userOptions.callbacks,
-				printScale: P.value.userOptions.print.scale,
-				tableDialog: P.value.table.useDialog,
-				isCursorPointer: F.value,
-				onToggleFullscreen: Sn,
-				onGeneratePdf: E(qt),
-				onGenerateCsv: En,
+				position: F.value.userOptions.position,
+				titles: { ...F.value.userOptions.buttonTitles },
+				hasAnnotator: F.value.userOptions.buttons.annotator,
+				isAnnotation: Y.value,
+				callbacks: F.value.userOptions.callbacks,
+				printScale: F.value.userOptions.print.scale,
+				tableDialog: F.value.table.useDialog,
+				isCursorPointer: I.value,
+				onToggleFullscreen: xn,
+				onGeneratePdf: E(Kt),
+				onGenerateCsv: Tn,
 				onGenerateImage: Mn,
-				onGenerateSvg: An,
-				onToggleTable: Cn,
-				onToggleAnnotator: xn,
+				onGenerateSvg: kn,
+				onToggleTable: Sn,
+				onToggleAnnotator: bn,
 				onCopyAlt: Nn,
-				style: b({ visibility: E(Ht) ? E(Bt) ? "visible" : "hidden" : "visible" })
+				style: b({ visibility: E(Vt) ? E(zt) ? "visible" : "hidden" : "visible" })
 			}, Oe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -968,242 +968,242 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			])) : m("", !0),
 			g("div", We, [(x(), h("svg", {
 				ref_key: "svgRef",
-				ref: I,
+				ref: L,
 				xmlns: E(se),
 				"aria-describedby": `chart-instructions-${A.value}`,
-				viewBox: `0 0 ${H.value.chartWidth <= 0 ? 10 : H.value.chartWidth} ${H.value.svgHeight <= 0 ? 10 : H.value.svgHeight}`,
+				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": E(It),
-					"no-transition": !P.value.useCssAnimation,
-					"with-transition": P.value.useCssAnimation
+					"vue-data-ui-loading": E(Ft),
+					"no-transition": !F.value.useCssAnimation,
+					"with-transition": F.value.useCssAnimation
 				}),
-				style: b(`max-width:100%;overflow:visible;background:transparent;color:${P.value.style.chart.color}`),
+				style: b(`max-width:100%;overflow:visible;background:transparent;color:${F.value.style.chart.color}`),
 				role: "img",
 				"aria-live": "polite",
 				preserveAspectRatio: "xMidYMid",
 				tabindex: "0",
-				onFocus: gn,
-				onBlur: _n,
-				onKeydown: bn
+				onFocus: hn,
+				onBlur: gn,
+				onKeydown: yn
 			}, [
 				Ae(E(pt)),
 				e.$slots["chart-background"] ? (x(), h("foreignObject", {
 					key: 0,
-					x: H.value.left,
-					y: H.value.top,
-					width: H.value.width <= 0 ? 10 : H.value.width,
-					height: H.value.height <= 0 ? 10 : H.value.height,
+					x: U.value.left,
+					y: U.value.top,
+					width: U.value.width <= 0 ? 10 : U.value.width,
+					height: U.value.height <= 0 ? 10 : U.value.height,
 					style: { pointerEvents: "none" }
 				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Ke)) : m("", !0),
-				(x(!0), h(d, null, C(U.value, (e) => (x(), h(d, null, [g("path", {
+				(x(!0), h(d, null, C(W.value, (e) => (x(), h(d, null, [g("path", {
 					class: "transition-opacity",
 					d: `M${e.path}`,
-					stroke: P.value.style.chart.layout.lines.coatingColor,
-					"stroke-width": P.value.style.chart.layout.lines.strokeWidth + 2,
+					stroke: F.value.style.chart.layout.lines.coatingColor,
+					"stroke-width": F.value.style.chart.layout.lines.strokeWidth + 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					style: b({ opacity: M.value == null || M.value === e.id ? 1 : .1 }),
-					onMouseenter: (t) => M.value = e.id,
-					onMouseleave: n[0] ||= (e) => M.value = null
+					style: b({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => N.value = e.id,
+					onMouseleave: n[0] ||= (e) => N.value = null
 				}, null, 44, qe), g("path", {
 					class: "transition-opacity",
 					d: `M${e.path}`,
 					stroke: e.color,
-					"stroke-width": P.value.style.chart.layout.lines.strokeWidth,
+					"stroke-width": F.value.style.chart.layout.lines.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					style: b({ opacity: M.value == null || M.value === e.id ? 1 : .1 }),
-					onMouseenter: (t) => Z(e, e),
-					onMouseleave: (t) => Q(e, e),
-					onClick: (t) => $(e, e)
+					style: b({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => Q(e, e),
+					onMouseleave: (t) => $(e, e),
+					onClick: (t) => jn(e, e)
 				}, null, 44, Je)], 64))), 256)),
-				(x(!0), h(d, null, C(U.value, (t) => (x(), h(d, null, [
-					P.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (x(!0), h(d, { key: 0 }, C(t.coordinates, (e, n) => (x(), h("circle", {
+				(x(!0), h(d, null, C(W.value, (t) => (x(), h(d, null, [
+					F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (x(!0), h(d, { key: 0 }, C(t.coordinates, (e, n) => (x(), h("circle", {
 						class: "transition-opacity",
 						cx: e.x,
 						cy: e.y,
-						r: P.value.style.chart.layout.plots.radius,
+						r: F.value.style.chart.layout.plots.radius,
 						fill: t.color,
-						stroke: P.value.style.chart.layout.plots.stroke,
-						"stroke-width": P.value.style.chart.layout.plots.strokeWidth,
-						style: b({ opacity: M.value == null || M.value === t.id ? 1 : .1 }),
-						onMouseenter: (r) => Z({
+						stroke: F.value.style.chart.layout.plots.stroke,
+						"stroke-width": F.value.style.chart.layout.plots.strokeWidth,
+						style: b({ opacity: N.value == null || N.value === t.id ? 1 : .1 }),
+						onMouseenter: (r) => Q({
 							...e,
 							pointIndex: n
 						}, t),
-						onMouseleave: (r) => Q({
+						onMouseleave: (r) => $({
 							...e,
 							pointIndex: n
 						}, t),
-						onClick: (r) => Z({
+						onClick: (r) => Q({
 							...e,
 							pointIndex: n
 						}, t)
 					}, null, 44, Ye))), 256)) : m("", !0),
-					P.value.style.chart.layout.plots.labels.show && P.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (x(!0), h(d, { key: 1 }, C(t.coordinates, (e) => (x(), h("text", {
+					F.value.style.chart.layout.plots.labels.show && F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (x(!0), h(d, { key: 1 }, C(t.coordinates, (e) => (x(), h("text", {
 						class: "transition-opacity",
 						x: e.x,
-						y: e.y + P.value.style.chart.layout.plots.labels.fontSize / 3,
+						y: e.y + F.value.style.chart.layout.plots.labels.fontSize / 3,
 						fill: e.labelColor,
-						"font-size": P.value.style.chart.layout.plots.labels.fontSize,
+						"font-size": F.value.style.chart.layout.plots.labels.fontSize,
 						"text-anchor": "middle",
 						style: b({
 							userSelect: "none",
 							pointerEvents: "none",
-							opacity: M.value == null || M.value === t.id ? 1 : .1
+							opacity: N.value == null || N.value === t.id ? 1 : .1
 						})
 					}, T(e.rank), 13, Xe))), 256)) : m("", !0),
-					P.value.style.chart.layout.plots.labels.displayedValue === "value" ? (x(!0), h(d, { key: 2 }, C(t.coordinates, (n) => (x(), h(d, null, [E(u)(n.value) ? (x(), h("rect", je({
+					F.value.style.chart.layout.plots.labels.displayedValue === "value" ? (x(!0), h(d, { key: 2 }, C(t.coordinates, (n) => (x(), h(d, null, [E(u)(n.value) ? (x(), h("rect", je({
 						key: 0,
 						class: "transition-opacity"
-					}, { ref_for: !0 }, un(n), {
-						style: { opacity: M.value == null || M.value === t.id ? 1 : .1 },
-						onMouseenter: (n) => Z({
+					}, { ref_for: !0 }, ln(n), {
+						style: { opacity: N.value == null || N.value === t.id ? 1 : .1 },
+						onMouseenter: (n) => Q({
 							...e.point,
 							pointIndex: e.i
 						}, t),
-						onMouseleave: (n) => Q({
+						onMouseleave: (n) => $({
 							...e.point,
 							pointIndex: e.i
 						}, t),
-						onClick: (n) => Z({
+						onClick: (n) => Q({
 							...e.point,
 							pointIndex: e.i
 						}, t)
-					}), null, 16, Ze)) : m("", !0), E(u)(n.value) && P.value.style.chart.layout.plots.labels.show ? (x(), h("text", {
+					}), null, 16, Ze)) : m("", !0), E(u)(n.value) && F.value.style.chart.layout.plots.labels.show ? (x(), h("text", {
 						key: 1,
 						class: "transition-opacity",
 						x: n.x,
-						y: n.y + P.value.style.chart.layout.plots.labels.fontSize / 3,
+						y: n.y + F.value.style.chart.layout.plots.labels.fontSize / 3,
 						fill: n.labelColor,
-						"font-size": P.value.style.chart.layout.plots.labels.fontSize,
+						"font-size": F.value.style.chart.layout.plots.labels.fontSize,
 						"text-anchor": "middle",
 						style: b({
 							userSelect: "none",
 							pointerEvents: "none",
-							opacity: M.value == null || M.value === t.id ? 1 : .1
+							opacity: N.value == null || N.value === t.id ? 1 : .1
 						})
 					}, T(n.displayValue), 13, Qe)) : m("", !0)], 64))), 256)) : m("", !0)
 				], 64))), 256)),
-				P.value.style.chart.layout.nameLabels.leftLabels.show ? (x(), h("g", {
+				F.value.style.chart.layout.nameLabels.leftLabels.show ? (x(), h("g", {
 					key: 1,
 					ref_key: "labelsLeft",
-					ref: jt
-				}, [(x(!0), h(d, null, C(ln.value.left.filter((e) => E(u)(e.value)), (e, n) => (x(), h("text", {
+					ref: At
+				}, [(x(!0), h(d, null, C(cn.value.left.filter((e) => E(u)(e.value)), (e, n) => (x(), h("text", {
 					class: "transition-opacity",
-					x: H.value.left,
-					y: e.y + P.value.style.chart.layout.nameLabels.fontSize / 3,
-					fill: P.value.style.chart.layout.nameLabels.useSerieColor ? e.color : P.value.style.chart.layout.nameLabels.color,
-					"font-size": P.value.style.chart.layout.nameLabels.fontSize,
-					"font--weight": P.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
+					x: U.value.left,
+					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
+					fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
+					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
 					"text-anchor": "end",
 					innerHTML: E(t)({
 						content: e.name,
-						fontSize: P.value.style.chart.layout.nameLabels.fontSize,
-						fill: P.value.style.chart.layout.nameLabels.useSerieColor ? e.color : P.value.style.chart.layout.nameLabels.color,
-						x: H.value.left - P.value.style.chart.layout.nameLabels.offsetX,
-						y: e.y + P.value.style.chart.layout.nameLabels.fontSize / 3,
+						fontSize: F.value.style.chart.layout.nameLabels.fontSize,
+						fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+						x: U.value.left - F.value.style.chart.layout.nameLabels.offsetX,
+						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
 						translateY: !0
 					}),
-					style: b({ opacity: M.value == null || M.value === e.id ? 1 : .1 }),
-					onMouseenter: (t) => Z(e, e),
-					onMouseleave: (t) => Q(e, e),
-					onClick: (t) => $(e, e)
+					style: b({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => Q(e, e),
+					onMouseleave: (t) => $(e, e),
+					onClick: (t) => jn(e, e)
 				}, null, 44, $e))), 256))], 512)) : m("", !0),
-				P.value.style.chart.layout.nameLabels.rightLabels.show ? (x(), h("g", {
+				F.value.style.chart.layout.nameLabels.rightLabels.show ? (x(), h("g", {
 					key: 2,
 					ref_key: "labelsRight",
-					ref: Mt
-				}, [(x(!0), h(d, null, C(ln.value.right.filter((e) => E(u)(e.value)), (e, n) => (x(), h("text", {
+					ref: jt
+				}, [(x(!0), h(d, null, C(cn.value.right.filter((e) => E(u)(e.value)), (e, n) => (x(), h("text", {
 					class: "transition-opacity",
-					x: H.value.right,
-					y: e.y + P.value.style.chart.layout.nameLabels.fontSize / 3,
-					fill: P.value.style.chart.layout.nameLabels.useSerieColor ? e.color : P.value.style.chart.layout.nameLabels.color,
-					"font-size": P.value.style.chart.layout.nameLabels.fontSize,
-					"font--weight": P.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
+					x: U.value.right,
+					y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
+					fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
+					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
 					"text-anchor": "start",
 					innerHTML: E(t)({
 						content: e.name,
-						fontSize: P.value.style.chart.layout.nameLabels.fontSize,
-						fill: P.value.style.chart.layout.nameLabels.useSerieColor ? e.color : P.value.style.chart.layout.nameLabels.color,
-						x: H.value.right + P.value.style.chart.layout.nameLabels.offsetX,
-						y: e.y + P.value.style.chart.layout.nameLabels.fontSize / 3,
+						fontSize: F.value.style.chart.layout.nameLabels.fontSize,
+						fill: F.value.style.chart.layout.nameLabels.useSerieColor ? e.color : F.value.style.chart.layout.nameLabels.color,
+						x: U.value.right + F.value.style.chart.layout.nameLabels.offsetX,
+						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
 						translateY: !0
 					}),
-					style: b({ opacity: M.value == null || M.value === e.id ? 1 : .1 }),
-					onMouseenter: (t) => Z(e, e),
-					onMouseleave: (t) => Q(e, e),
-					onClick: (t) => $(e, e)
+					style: b({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					onMouseenter: (t) => Q(e, e),
+					onMouseleave: (t) => $(e, e),
+					onClick: (t) => jn(e, e)
 				}, null, 44, et))), 256))], 512)) : m("", !0),
-				P.value.style.chart.layout.timeLabels.show ? (x(), h("g", {
+				F.value.style.chart.layout.timeLabels.show ? (x(), h("g", {
 					key: 3,
 					ref_key: "timeLabelsEls",
-					ref: Nt
-				}, [e.$slots["time-label"] ? (x(), h("g", tt, [(x(!0), h(d, null, C(G.value, (t, n) => (x(), h("g", null, [w(e.$slots, "time-label", je({ ref_for: !0 }, {
-					x: H.value.unitW * n + H.value.unitW / 2 + H.value.left,
-					y: H.value.chartHeight + P.value.style.chart.layout.timeLabels.offsetY,
-					fontSize: P.value.style.chart.layout.timeLabels.fontSize,
-					fill: P.value.style.chart.layout.timeLabels.color,
-					transform: `translate(${H.value.unitW * n + H.value.unitW / 2 + H.value.left}, ${H.value.chartHeight + P.value.style.chart.layout.timeLabels.offsetY}), rotate(${P.value.style.chart.layout.timeLabels.rotation})`,
+					ref: Mt
+				}, [e.$slots["time-label"] ? (x(), h("g", tt, [(x(!0), h(d, null, C(K.value, (t, n) => (x(), h("g", null, [w(e.$slots, "time-label", je({ 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,
+					fontSize: F.value.style.chart.layout.timeLabels.fontSize,
+					fill: F.value.style.chart.layout.timeLabels.color,
+					transform: `translate(${U.value.unitW * n + U.value.unitW / 2 + U.value.left}, ${U.value.chartHeight + F.value.style.chart.layout.timeLabels.offsetY}), rotate(${F.value.style.chart.layout.timeLabels.rotation})`,
 					absoluteIndex: t.absoluteIndex,
 					content: t.text,
-					textAnchor: P.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : P.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+					textAnchor: F.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : F.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
 					show: !0
-				}), void 0, !0)]))), 256))])) : (x(), h("g", nt, [(x(!0), h(d, null, C(G.value, (e, n) => (x(), h("g", null, [String(e.text).includes("\n") ? (x(), h("text", {
+				}), void 0, !0)]))), 256))])) : (x(), h("g", nt, [(x(!0), h(d, null, C(K.value, (e, n) => (x(), h("g", null, [String(e.text).includes("\n") ? (x(), h("text", {
 					key: n + "-multi",
-					"text-anchor": P.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : P.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
-					"font-size": P.value.style.chart.layout.timeLabels.fontSize,
-					fill: P.value.style.chart.layout.timeLabels.color,
+					"text-anchor": F.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : F.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+					"font-size": F.value.style.chart.layout.timeLabels.fontSize,
+					fill: F.value.style.chart.layout.timeLabels.color,
 					transform: `
                                         translate(
-                                        ${H.value.unitW * n + H.value.unitW / 2 + H.value.left},
-                                        ${H.value.chartHeight + P.value.style.chart.layout.timeLabels.fontSize * 1.3 + P.value.style.chart.layout.timeLabels.offsetY}
+                                        ${U.value.unitW * n + U.value.unitW / 2 + U.value.left},
+                                        ${U.value.chartHeight + F.value.style.chart.layout.timeLabels.fontSize * 1.3 + F.value.style.chart.layout.timeLabels.offsetY}
                                         ),
-                                        rotate(${P.value.style.chart.layout.timeLabels.rotation})
+                                        rotate(${F.value.style.chart.layout.timeLabels.rotation})
                                     `,
 					innerHTML: E(t)({
 						content: String(e.text),
-						fontSize: P.value.style.chart.layout.timeLabels.fontSize,
-						fill: P.value.style.chart.layout.timeLabels.color,
+						fontSize: F.value.style.chart.layout.timeLabels.fontSize,
+						fill: F.value.style.chart.layout.timeLabels.color,
 						x: 0,
 						y: 0
 					})
 				}, null, 8, it)) : (x(), h("text", {
 					class: "vue-data-ui-time-label",
 					key: n,
-					"text-anchor": P.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : P.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
-					"font-size": P.value.style.chart.layout.timeLabels.fontSize,
-					"font-weight": P.value.style.chart.layout.timeLabels.bold ? "bold" : "normal",
-					fill: P.value.style.chart.layout.timeLabels.color,
-					transform: `translate(${H.value.unitW * n + H.value.unitW / 2 + H.value.left}, ${H.value.chartHeight + P.value.style.chart.layout.timeLabels.offsetY}), rotate(${P.value.style.chart.layout.timeLabels.rotation})`
+					"text-anchor": F.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : F.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
+					"font-size": F.value.style.chart.layout.timeLabels.fontSize,
+					"font-weight": F.value.style.chart.layout.timeLabels.bold ? "bold" : "normal",
+					fill: F.value.style.chart.layout.timeLabels.color,
+					transform: `translate(${U.value.unitW * n + U.value.unitW / 2 + U.value.left}, ${U.value.chartHeight + F.value.style.chart.layout.timeLabels.offsetY}), rotate(${F.value.style.chart.layout.timeLabels.rotation})`
 				}, T(e.text), 9, rt))]))), 256))]))], 512)) : m("", !0),
 				w(e.$slots, "svg", { svg: {
-					drawingArea: H.value,
-					data: U.value,
-					isPrintingImg: E(Gt) || E(Kt) || kt.value,
-					isPrintingSvg: At.value
+					drawingArea: U.value,
+					data: W.value,
+					isPrintingImg: E(Wt) || E(Gt) || kt.value,
+					isPrintingSvg: M.value
 				} }, void 0, !0)
 			], 46, Ge)), e.$slots.hint ? (x(), h("div", at, [w(e.$slots, "hint", y(v({
-				hint: P.value.a11y.translations.keyboardNavigation,
-				isVisible: Pt.value
+				hint: F.value.a11y.translations.keyboardNavigation,
+				isVisible: Nt.value
 			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (x(), h("div", ot, [w(e.$slots, "watermark", y(v({ isPrinting: E(Gt) || E(Kt) || kt.value || At.value })), void 0, !0)])) : m("", !0),
-			vt.value && P.value.userOptions.buttons.table ? (x(), p(Ie(Y.value.component), je({ key: 6 }, Y.value.props, {
+			e.$slots.watermark ? (x(), h("div", ot, [w(e.$slots, "watermark", y(v({ isPrinting: E(Wt) || E(Gt) || kt.value || M.value })), void 0, !0)])) : m("", !0),
+			vt.value && F.value.userOptions.buttons.table ? (x(), p(Ie(X.value.component), je({ key: 6 }, X.value.props, {
 				ref_key: "tableUnit",
 				ref: j,
-				onClose: wn
+				onClose: Cn
 			}), Oe({
 				content: D(() => [Ae(E(ut), {
-					colNames: X.value.colNames,
-					head: X.value.head,
-					body: X.value.body,
-					config: X.value.config,
-					title: P.value.table.useDialog ? "" : Y.value.title,
-					withCloseButton: !P.value.table.useDialog,
-					isCursorPointer: F.value,
-					onClose: wn
+					colNames: Z.value.colNames,
+					head: Z.value.head,
+					body: Z.value.body,
+					config: Z.value.config,
+					title: F.value.table.useDialog ? "" : X.value.title,
+					withCloseButton: !F.value.table.useDialog,
+					isCursorPointer: I.value,
+					onClose: Cn
 				}, {
 					th: D(({ th: e }) => [g("div", { innerHTML: e }, null, 8, st)]),
 					td: D(({ td: e }) => [ke(T(e), 1)]),
@@ -1218,20 +1218,20 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					"isCursorPointer"
 				])]),
 				_: 2
-			}, [P.value.table.useDialog ? {
+			}, [F.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [ke(T(Y.value.title), 1)]),
+				fn: D(() => [ke(T(X.value.title), 1)]),
 				key: "0"
-			} : void 0, P.value.table.useDialog ? {
+			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
 				fn: D(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => En(P.value.userOptions.callbacks.csv),
-					style: b({ cursor: F.value ? "pointer" : "default" })
+					onClick: n[1] ||= (e) => Tn(F.value.userOptions.callbacks.csv),
+					style: b({ cursor: I.value ? "pointer" : "default" })
 				}, [Ae(E(ct), {
 					name: "fileCsv",
-					stroke: Y.value.props.color
+					stroke: X.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : m("", !0),
@@ -1241,7 +1241,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				ref: St,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			w(e.$slots, "skeleton", {}, () => [E(It) ? (x(), p(me, { key: 0 })) : m("", !0)], !0)
+			w(e.$slots, "skeleton", {}, () => [E(Ft) ? (x(), p(me, { key: 0 })) : m("", !0)], !0)
 		], 46, He));
 	}
 }, [["__scopeId", "data-v-893ac120"]]);