vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-bump-BS7RCf0Z.js → vue-ui-bump-Dvv3iSKr.js}

@@ -1,22 +1,23 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, B as n, C as r, Ct as i, E as a, Gt as o, K as s, N as ee, Nt as c, Q as l, W as te, Y as ne, et as re, ft as ie, i as ae, qt as oe, r as se, s as ce, t as le, x as ue } from "./lib-CFm_J26b.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-BuMGJ_a0.js";
+import { n as le, t as ue } from "./useHints-Dq_w2E8B.js";
 import { t as de } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as fe } from "./useConfig-C0V0eG7L.js";
-import { t as pe } from "./usePrinter-BH-xle1O.js";
+import { t as fe } from "./useConfig-BilxnBNr.js";
+import { t as pe } from "./usePrinter-BFvi4jVy.js";
 import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
 import { t as ge } from "./useSvgExport-Ba9qBr9M.js";
-import { t as _e } from "./useNestedProp-BY6DNN3i.js";
+import { t as _e } from "./useNestedProp--NSEmhOH.js";
 import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ye } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { n as be } from "./Title-BuPs74IB.js";
+import { n as be } from "./Title-BODtwViI.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-3n8udWmh.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as ke, createTextVNode as Ae, createVNode as je, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Me, nextTick as Ne, normalizeClass as Pe, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as Fe, onMounted as Ie, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as w, toRefs as ze, unref as T, watch as Be, watchEffect as Ve, withCtx as E } from "vue";
+import { t as Oe } from "./BaseDraggableDialog-qTnfhLBz.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, nextTick as Ne, normalizeClass as Pe, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Fe, onMounted as Ie, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as E, toRefs as ze, unref as D, watch as Be, watchEffect as Ve, withCtx as O } from "vue";
 //#region src/components/vue-ui-bump.vue
 var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge = { style: { position: "relative" } }, Ke = [
 	"xmlns",
@@ -126,14 +127,51 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: xe, emit: He }) {
-		let lt = g(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), ut = g(() => import("./vue-ui-accordion-UA88lv4d.js").then((e) => e.n)), dt = g(() => import("./DataTable-DzPEVvSo.js")), ft = g(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), pt = g(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), mt = g(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), { vue_ui_bump: ht } = fe(), { isThemeValid: gt, warnInvalidTheme: _t } = ve(), D = e, vt = He, yt = d({
+		let lt = v(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), ut = v(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), dt = v(() => import("./DataTable-D4tM9s5Y.js")), ft = v(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), pt = v(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), mt = v(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), { vue_ui_bump: ht } = fe(), { isThemeValid: gt, warnInvalidTheme: _t } = ve(), k = e, vt = He, yt = p({
 			get() {
-				return !!D.dataset && D.dataset.length;
+				return !!k.dataset && k.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), O = x(null), k = x(s()), bt = x(0), xt = x(null), St = x(null), Ct = x(null), wt = x(!1), Tt = x(!1), Et = x(0), Dt = x(0), A = x(null), Ot = x(null), kt = x(!1), j = x(!1), M = x(!1), N = x(null), At = x(null), jt = x(null), Mt = x(null), P = x(null), Nt = x(!1), F = x(Rt()), I = d(() => F.value.userOptions.useCursorPointer), Pt = d(() => oe({
+		}), A = C(null), j = C(ie()), bt = C(0), xt = C(null), St = C(null), Ct = C(null), wt = C(!1), Tt = C(!1), Et = C(0), Dt = C(0), M = C(null), Ot = C(null), kt = C(!1), At = C(!1), jt = C(!1), N = C(null), Mt = C(null), Nt = C(null), Pt = C(null), P = C(null), Ft = C(!1), F = C(Bt());
+		le({
+			config: () => F.value,
+			dataset: () => k.dataset,
+			component: "VueUiBump",
+			rules: [
+				ue.emptyArray,
+				{
+					test: (e) => e.length > 31,
+					message: [
+						"👀 The number of series > 31. Consider:",
+						"",
+						"▶️ Using filters to let users choose a maximum number of series to display",
+						"",
+						"▶️ Use several instances of the component to show related series"
+					]
+				},
+				{
+					test: (e) => e.length === 1,
+					message: [
+						"👀 There is only 1 series in your dataset. Consider:",
+						"",
+						"▶️ Using a line chart, with VueUiXy."
+					]
+				},
+				{
+					test: (e) => e.some((e) => e.values.length > 31),
+					message: [
+						"👀 Some series contain > 31 data points, which can make the chart hard to read. Consider:",
+						"",
+						"▶️ Use filters to show less data points at a time.",
+						"",
+						"▶️ Use larger time scales, or aggregated values."
+					]
+				}
+			]
+		});
+		let I = p(() => F.value.userOptions.useCursorPointer), It = p(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -153,11 +191,11 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				} }
 			},
 			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: Ft, FINAL_DATASET: It, manualLoading: Lt } = me({
-			...ze(D),
+		})), { loading: Lt, FINAL_DATASET: Rt, manualLoading: zt } = me({
+			...ze(k),
 			FINAL_CONFIG: F,
-			prepareConfig: Rt,
-			skeletonDataset: D.config?.skeletonDataset ?? [
+			prepareConfig: Bt,
+			skeletonDataset: k.config?.skeletonDataset ?? [
 				{
 					name: "————",
 					values: [
@@ -207,59 +245,59 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					color: "#8A8A8A"
 				}
 			],
-			skeletonConfig: oe({
+			skeletonConfig: i({
 				defaultConfig: F.value,
-				userConfig: Pt.value
+				userConfig: It.value
 			})
 		});
-		Ie(Qt);
-		function Rt() {
+		Ie(en);
+		function Bt() {
 			let e = _e({
-				userConfig: D.config,
+				userConfig: k.config,
 				defaultConfig: ht
 			}), t = {}, n = e.theme;
 			if (n) if (!gt.value(e)) _t(e), t = e;
 			else {
 				let r = _e({
-					userConfig: De[n] || D.config,
+					userConfig: De[n] || k.config,
 					defaultConfig: e
 				});
 				t = {
 					..._e({
-						userConfig: D.config,
+						userConfig: k.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : o[n] || c
+					customPalette: e.customPalette.length ? e.customPalette : a[n] || s
 				};
 			}
 			else t = e;
 			return t;
 		}
-		let { userOptionsVisible: zt, setUserOptionsVisibility: Bt, keepUserOptionState: Vt } = Te({ config: F.value }), { svgRef: L } = Ee({ config: F.value.style.chart.title });
-		function Ht() {
-			kt.value = !0, Bt(!0);
+		let { userOptionsVisible: Vt, setUserOptionsVisibility: Ht, keepUserOptionState: Ut } = Te({ config: F.value }), { svgRef: L } = Ee({ config: F.value.style.chart.title });
+		function Wt() {
+			kt.value = !0, Ht(!0);
 		}
-		function Ut() {
-			Bt(!1), kt.value = !1;
+		function Gt() {
+			Ht(!1), kt.value = !1;
 		}
-		let R = x({ showTable: F.value.table.show });
+		let R = C({ showTable: F.value.table.show });
 		Be(F, () => {
 			R.value = { showTable: F.value.table.show };
-		}, { immediate: !0 }), Be(() => D.config, (e) => {
-			Ft.value || (F.value = Rt()), zt.value = !F.value.userOptions.showOnChartHover, Qt(), Et.value += 1, Dt.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 = {
+		}, { immediate: !0 }), Be(() => k.config, (e) => {
+			Lt.value || (F.value = Bt()), Vt.value = !F.value.userOptions.showOnChartHover, en(), Et.value += 1, Dt.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
 			};
-		}), Be(() => D.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Lt.value = !1);
+		}), Be(() => k.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (zt.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Wt, isImaging: Gt, generatePdf: Kt, generateImage: qt } = pe({
-			elementId: `bump_${k.value}`,
+		let { isPrinting: Kt, isImaging: qt, generatePdf: Jt, generateImage: Yt } = pe({
+			elementId: `bump_${j.value}`,
 			fileName: F.value.style.chart.title.text || "vue-ui-bump",
 			options: F.value.userOptions.print
-		}), Jt = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), z = x({
+		}), Xt = 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: {
@@ -268,32 +306,32 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				bottom: F.value.style.chart.padding.bottom / F.value.style.chart.height,
 				left: F.value.style.chart.padding.left / F.value.style.chart.width
 			}
-		}), Yt = d(() => r(F.value.customPalette)), B = Re(null), V = Re(null), Xt = x(null), Zt = d(() => !!F.value.debug);
-		function Qt() {
-			if (t(D.dataset) ? (re({
+		}), Zt = p(() => ce(F.value.customPalette)), B = Re(null), V = Re(null), Qt = C(null), $t = p(() => !!F.value.debug);
+		function en() {
+			if (ne(k.dataset) ? (se({
 				componentName: "VueUiBump",
 				type: "dataset",
-				debug: Zt.value
-			}), Lt.value = !0) : D.dataset.forEach((e, t) => {
-				ie({
+				debug: $t.value
+			}), zt.value = !0) : k.dataset.forEach((e, t) => {
+				re({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					yt.value = !1, re({
+					yt.value = !1, se({
 						componentName: "VueUiBump",
 						type: "datasetSerieAttribute",
 						property: e,
 						index: t,
-						debug: Zt.value
-					}), Lt.value = !0;
+						debug: $t.value
+					}), zt.value = !0;
 				});
-			}), t(D.dataset) || (Lt.value = F.value.loading), setTimeout(() => {
+			}), ne(k.dataset) || (zt.value = F.value.loading), setTimeout(() => {
 				Tt.value = !0;
 			}, 10), F.value.responsive) {
 				let e = Se(() => {
 					Tt.value = !1;
 					let { width: e, height: t } = Ce({
-						chart: O.value,
+						chart: A.value,
 						noTitle: St.value,
 						title: F.value.style.chart.title.text ? xt.value : null,
 						legend: null,
@@ -301,27 +339,27 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 						source: Ct.value
 					});
 					requestAnimationFrame(() => {
-						z.value.width = e, z.value.height = t - 12, clearTimeout(Xt.value), Xt.value = setTimeout(() => {
+						z.value.width = e, z.value.height = t - 12, clearTimeout(Qt.value), Qt.value = setTimeout(() => {
 							Tt.value = !0;
 						}, 10);
 					});
 				});
-				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = O.value.parentNode, B.value.observe(V.value);
+				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = A.value.parentNode, B.value.observe(V.value);
 			}
 		}
 		Fe(() => {
 			B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
 		});
-		let $t = d(() => It.value.map((e, t) => {
-			let n = ue(e.color) || Yt.value[t] || c[t] || c[t % c.length];
+		let tn = p(() => Rt.value.map((e, t) => {
+			let n = c(e.color) || Zt.value[t] || s[t] || s[t % s.length];
 			return {
 				...e,
 				absoluteIndex: t,
-				id: s(),
+				id: ie(),
 				color: n
 			};
-		})), H = d(() => Math.max(...$t.value.map((e) => e.values.length)));
-		function en(e) {
+		})), H = p(() => Math.max(...tn.value.map((e) => e.values.length)));
+		function nn(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) => ({
@@ -337,34 +375,34 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 			}
 			return t;
 		}
-		function tn() {
+		function rn() {
 			let e = 0;
-			return At.value && (e = Array.from(At.value.querySelectorAll("tspan")).reduce((e, t) => {
+			return Mt.value && (e = Array.from(Mt.value.querySelectorAll("tspan")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e;
 		}
-		function nn() {
+		function an() {
 			let e = 0;
-			return jt.value && (e = Array.from(jt.value.querySelectorAll("tspan")).reduce((e, t) => {
+			return Nt.value && (e = Array.from(Nt.value.querySelectorAll("tspan")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0)), e;
 		}
-		let rn = x(0), an = Se((e) => {
-			rn.value = e;
+		let on = C(0), sn = Se((e) => {
+			on.value = e;
 		}, 100);
 		Ve((e) => {
-			let t = Mt.value;
+			let t = Pt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				an(e[0].contentRect.height);
+				sn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
 		}), Fe(() => {
-			rn.value = 0;
+			on.value = 0;
 		});
-		let on = d(() => {
+		let cn = 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 || [];
@@ -375,32 +413,32 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 			}, 1), o = i.reduce((e, t) => {
 				let n = String(t?.text ?? "").split("\n").reduce((e, t) => Math.max(e, t.length), 0);
 				return Math.max(e, n);
-			}, 0), s = t * 1.3 * a, ee = o * t * (o === 1 ? 1 : .6), c = Math.abs(Math.sin(r)) * ee + Math.abs(Math.cos(r)) * s, l = t * .3;
-			return Math.max(0, c + Math.abs(e.offsetY) + l);
-		}), U = d(() => {
-			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, s = t - t * n - a, ee = 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);
+			}, 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 = rn(), a = an(), 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 - cn.value, ee = o + u, te = o + u, ne = Math.max(0, e);
 			return {
-				chartHeight: ne,
+				chartHeight: te,
 				chartWidth: Math.max(0, t),
 				top: o,
 				right: Math.max(0, s),
-				bottom: Math.max(0, te),
-				left: Math.max(0, ee),
-				width: Math.max(0, c),
-				height: Math.max(0, l),
-				unitH: Math.max(0, l) / $t.value.length,
-				unitW: Math.max(0, c) / H.value,
-				svgHeight: re
+				bottom: Math.max(0, ee),
+				left: Math.max(0, c),
+				width: Math.max(0, l),
+				height: Math.max(0, u),
+				unitH: Math.max(0, u) / tn.value.length,
+				unitW: Math.max(0, l) / H.value,
+				svgHeight: ne
 			};
-		}), W = d(() => {
-			if (!yt.value && !Ft.value) return [];
-			let e = en($t.value);
-			return $t.value.map((t, n) => ({
+		}), W = p(() => {
+			if (!yt.value && !Lt.value) return [];
+			let e = nn(tn.value);
+			return tn.value.map((t, n) => ({
 				...t,
 				positions: e[n]
 			})).map((e) => {
 				let t = e.positions.map((t, n) => {
-					let r = ae(F.value.style.chart.layout.plots.labels.formatter, e.values[n], ne({
+					let r = te(F.value.style.chart.layout.plots.labels.formatter, e.values[n], u({
 						p: F.value.style.chart.layout.plots.labels.prefix,
 						v: e.values[n],
 						s: F.value.style.chart.layout.plots.labels.suffix,
@@ -415,25 +453,25 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 						displayValue: r,
 						rank: e.positions[n] + 1,
 						color: e.color,
-						labelColor: F.value.style.chart.layout.plots.labels.color === "auto" ? se(e.color) : ue(F.value.style.chart.layout.plots.labels.color) ?? se(e.color)
+						labelColor: F.value.style.chart.layout.plots.labels.color === "auto" ? ae(e.color) : c(F.value.style.chart.layout.plots.labels.color) ?? ae(e.color)
 					};
-				}), r = t.filter((e) => i(e.value)), a = F.value.style.chart.layout.lines.smooth ? ee(r) : n(r);
+				}), n = t.filter((e) => d(e.value)), r = F.value.style.chart.layout.lines.smooth ? o(n) : l(n);
 				return {
 					...e,
 					coordinates: t,
-					path: a
+					path: r
 				};
 			});
 		});
-		d(() => W.value.flatMap((e, t) => e.coordinates.map((n, r) => ({
+		p(() => W.value.flatMap((e, t) => e.coordinates.map((n, r) => ({
 			...n,
 			pointIndex: r,
 			seriesIndex: t,
 			seriesId: e.id,
 			seriesName: e.name,
 			pointId: `${e.id}_${r}`
-		})).filter((e) => i(e.value))));
-		function sn(e, t, n, r) {
+		})).filter((e) => d(e.value))));
+		function ln(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];
@@ -453,7 +491,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 			}
 			return i;
 		}
-		let cn = d(() => {
+		let un = p(() => {
 			let e = [], t = [];
 			W.value.forEach((n) => {
 				let r = n.coordinates.filter((e) => Number.isFinite(e.rank));
@@ -462,28 +500,28 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				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 = sn(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 = ln(t, r, i, a);
 			return {
-				left: sn(e, r, i, a),
+				left: ln(e, r, i, a),
 				right: o
 			};
 		});
-		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, s = e.x - a / 2, ee = e.y - o / 2, c = F.value.style.chart.layout.plots.strokeWidth;
+		function dn(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 - c / 2,
-				y: ee - c / 2,
-				width: a + c,
-				height: o + c,
+				x: s - l / 2,
+				y: c - l / 2,
+				width: a + l,
+				height: o + l,
 				fill: e.color,
 				stroke: F.value.style.chart.layout.plots.stroke,
-				"stroke-width": c,
+				"stroke-width": l,
 				rx: o / 2
 			};
 		}
-		let G = x([]), un = 0;
+		let G = C([]), fn = 0;
 		Ve(() => {
-			let e = ++un, t = F.value.style.chart.layout.timeLabels, n = t.values, r = t.datetimeFormatter, i = H.value;
+			let e = ++fn, 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;
@@ -496,72 +534,72 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					start: 0,
 					end: i
 				});
-				e === un && (G.value = t);
+				e === fn && (G.value = t);
 			})();
 		});
-		let dn = d(() => {
+		let pn = 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 = d(() => {
+		}), 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 ce(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, dn.value || 1), i, a, 0, null, r);
-		}), fn = d(() => z.value.width), pn = d(() => z.value.height), mn = d(() => ({
+			return ee(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, pn.value || 1), i, a, 0, null, r);
+		}), mn = p(() => z.value.width), hn = p(() => z.value.height), gn = p(() => ({
 			start: 0,
 			end: H.value
-		})), q = d(() => [...W.value].map((e) => {
-			let t = [...e.coordinates].filter((e) => i(e.value)).at(-1);
+		})), q = p(() => [...W.value].map((e) => {
+			let t = [...e.coordinates].filter((e) => d(e.value)).at(-1);
 			return {
 				...e,
 				navigationRank: t?.rank ?? Infinity
 			};
 		}).sort((e, t) => e.navigationRank - t.navigationRank));
-		function hn() {
-			P.value = null, Nt.value = !0;
+		function _n() {
+			P.value = null, Ft.value = !0;
 		}
-		function gn() {
-			vn(), Nt.value = !1;
+		function vn() {
+			bn(), Ft.value = !1;
 		}
-		function _n(e, t) {
+		function yn(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 vn() {
+		function bn() {
 			if (P.value !== null) {
 				let e = q.value[P.value];
 				e && $(e, e);
 			}
 			P.value = null, N.value = null;
 		}
-		function yn(e) {
+		function xn(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) {
-				vn();
+				bn();
 				return;
 			}
 			if (r) {
 				if (P.value === null) return;
 				let e = q.value[P.value];
 				if (!e) return;
-				jn(e, e);
+				Nn(e, e);
 				return;
 			}
 			let a = P.value;
-			a === null ? a = 0 : t ? a = _n(a, "previous") : n && (a = _n(a, "next"));
+			a === null ? a = 0 : t ? a = yn(a, "previous") : n && (a = yn(a, "next"));
 			let o = q.value[a];
 			o && (P.value = a, Q(o, o));
 		}
-		let J = d(() => ({
+		let J = p(() => ({
 			head: Z.value.head,
-			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => i(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
+			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => d(e.value) ? `${e.displayValue} (${e.rank})` : "-")]),
 			caption: F.value.a11y.translations.tableCaption,
 			notice: F.value.a11y.translations.tableAvailable
 		}));
 		ye({
-			timeLabelsEls: Mt,
+			timeLabelsEls: Pt,
 			timeLabels: G,
-			slicer: mn,
+			slicer: gn,
 			configRef: F,
 			rotationPath: [
 				"style",
@@ -579,45 +617,45 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				"enable"
 			],
 			isAutoSize: !1,
-			width: fn,
-			height: pn,
+			width: mn,
+			height: hn,
 			rotation: F.value.style.chart.layout.timeLabels.autoRotate.angle
 		});
-		let Y = x(!1);
-		function bn() {
+		let Y = C(!1);
+		function Sn() {
 			Y.value = !Y.value;
 		}
-		function xn(e) {
+		function Cn(e) {
 			wt.value = e, bt.value += 1;
 		}
-		function Sn() {
+		function wn() {
 			R.value.showTable = !R.value.showTable;
 		}
 		Be(() => R.value.showTable, (e) => {
-			F.value.table.show || (e && F.value.table.useDialog && A.value ? A.value.open() : "close" in A.value && A.value.close());
+			F.value.table.show || (e && F.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
 		});
-		function Cn() {
+		function Tn() {
 			R.value.showTable = !1, Ot.value && Ot.value.setTableIconState(!1);
 		}
-		function wn() {
+		function En() {
 			return W.value;
 		}
-		function Tn(e = null) {
-			let t = [
+		function Dn(e = null) {
+			let r = [
 				[F.value.style.chart.title.text],
 				[F.value.style.chart.title.subtitle.text],
 				[""]
-			], 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}`)]), o = a(t.concat([[F.value.table.columnNames.values]]).concat([n]).concat(r).concat([
+			], i = ["", ...K.value.map((e) => e?.text ?? "")], a = W.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.displayValue}`)]), o = W.value.map((e) => [e.name, ...e.coordinates.map((e) => `${e.rank}`)]), s = n(r.concat([[F.value.table.columnNames.values]]).concat([i]).concat(a).concat([
 				[""],
 				[F.value.table.columnNames.ranking],
-				[n]
-			]).concat(i));
-			e ? e(o) : l({
-				csvContent: o,
+				[i]
+			]).concat(o));
+			e ? e(s) : t({
+				csvContent: s,
 				title: F.value.style.chart.title.text || "vue-ui-bump"
 			});
 		}
-		let X = d(() => {
+		let X = p(() => {
 			let e = F.value.table.useDialog && !F.value.table.show, t = R.value.showTable;
 			return {
 				component: e ? Oe : ut,
@@ -628,7 +666,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					headerColor: F.value.table.th.color,
 					headerBg: F.value.table.th.backgroundColor,
 					isFullscreen: wt.value,
-					fullscreenParent: O.value,
+					fullscreenParent: A.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: I.value
 				} : {
@@ -647,7 +685,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					}
 				}
 			};
-		}), Z = d(() => ({
+		}), Z = p(() => ({
 			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: {
@@ -664,33 +702,33 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				breakpoint: F.value.table.responsiveBreakpoint
 			},
 			colNames: [F.value.table.columnNames.series]
-		})), En = d(() => F.value.style.chart.backgroundColor), { exportSvg: Dn, getSvg: On } = ge({
+		})), On = p(() => F.value.style.chart.backgroundColor), { exportSvg: kn, getSvg: An } = ge({
 			svg: L,
-			title: d(() => F.value.style.chart.title),
+			title: p(() => F.value.style.chart.title),
 			legend: null,
 			legendItems: null,
-			backgroundColor: En
+			backgroundColor: On
 		});
-		async function kn({ isCb: e }) {
-			M.value = !0, await Ne();
+		async function jn({ isCb: e }) {
+			jt.value = !0, await Ne();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await On();
+					let { blob: e, url: t, text: n, dataUrl: r } = await An();
 					await Promise.resolve(F.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Dn());
+				} else await Promise.resolve(kn());
 			} finally {
-				M.value = !1;
+				jt.value = !1;
 			}
 		}
-		async function An({ scale: e = 2 } = {}) {
-			if (!O.value) return;
-			let { width: t, height: n } = O.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await img({
-				domElement: O.value,
+		async function Mn({ 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,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -716,24 +754,24 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		function jn(e, t) {
+		function Nn(e, t) {
 			F.value.events.datapointClick && F.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: e?.pointIndex ?? null
 			});
 		}
-		function Mn(e) {
+		function Pn(e) {
 			if (e?.stage === "start") {
-				j.value = !0;
+				At.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				j.value = !1;
+				At.value = !1;
 				return;
 			}
-			qt();
+			Yt();
 		}
-		async function Nn() {
+		async function Fn() {
 			if (vt("copyAlt", {
 				config: F.value,
 				dataset: W.value
@@ -747,36 +785,36 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 			}));
 		}
 		return xe({
-			getData: wn,
-			getImage: An,
-			generatePdf: Kt,
-			generateCsv: Tn,
-			generateImage: qt,
-			generateSvg: kn,
-			toggleTable: Sn,
-			toggleAnnotator: bn,
-			toggleFullscreen: xn,
-			copyAlt: Nn
-		}), (e, t) => (b(), m("div", {
-			id: `bump_${k.value}`,
+			getData: En,
+			getImage: Mn,
+			generatePdf: Jt,
+			generateCsv: Dn,
+			generateImage: Yt,
+			generateSvg: jn,
+			toggleTable: wn,
+			toggleAnnotator: Sn,
+			toggleFullscreen: Cn,
+			copyAlt: Fn
+		}), (e, t) => (S(), g("div", {
+			id: `bump_${j.value}`,
 			ref_key: "bumpChart",
-			ref: O,
+			ref: A,
 			class: Pe({
 				"vue-data-ui-component": !0,
 				"vue-ui-bump": !0,
 				"vue-data-ui-wrapper-fullscreen": wt.value
 			}),
-			style: y(`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
+			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: Wt,
+			onMouseleave: Gt
 		}, [
-			h("p", {
-				id: `chart-instructions-${k.value}`,
+			_("p", {
+				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
-			}, w(F.value.a11y.translations.keyboardNavigation), 9, We),
-			J.value.body.length ? (b(), f(we, {
+			}, E(F.value.a11y.translations.keyboardNavigation), 9, We),
+			J.value.body.length ? (S(), m(we, {
 				key: 0,
-				uid: k.value,
+				uid: j.value,
 				head: J.value.head,
 				body: J.value.body,
 				caption: J.value.caption,
@@ -787,22 +825,22 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				"body",
 				"caption",
 				"notice"
-			])) : p("", !0),
-			F.value.userOptions.buttons.annotator ? (b(), f(T(ft), {
+			])) : h("", !0),
+			F.value.userOptions.buttons.annotator ? (S(), m(D(ft), {
 				key: 1,
-				svgRef: T(L),
+				svgRef: D(L),
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
 				active: Y.value,
 				isCursorPointer: I.value,
-				onClose: bn
+				onClose: Sn
 			}, {
-				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", v(_({ color: t })), void 0, !0)]),
-				"annotator-action-draw": E(({ mode: t }) => [C(e.$slots, "annotator-action-draw", v(_({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", v(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", v(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": E(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", v(_({ disabled: t })), void 0, !0)]),
+				"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)]),
+				"annotator-action-draw": O(({ mode: t }) => [T(e.$slots, "annotator-action-draw", b(y({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": O(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", b(y({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -810,21 +848,21 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : p("", !0),
-			C(e.$slots, "userConfig", {}, void 0, !0),
-			Jt.value ? (b(), m("div", {
+			])) : h("", !0),
+			T(e.$slots, "userConfig", {}, void 0, !0),
+			Xt.value ? (S(), g("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: St,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : p("", !0),
-			F.value.style.chart.title.text ? (b(), m("div", {
+			}, null, 512)) : h("", !0),
+			F.value.style.chart.title.text ? (S(), g("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: xt,
 				style: "width:100%;background:transparent;"
-			}, [(b(), f(be, {
+			}, [(S(), m(be, {
 				key: `title_${Et.value}`,
 				config: {
 					title: {
@@ -836,16 +874,16 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 						...F.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : p("", !0),
-			F.value.userOptions.show && yt.value && (T(Vt) || T(zt)) ? (b(), f(T(pt), {
+			}, null, 8, ["config"]))], 512)) : h("", !0),
+			F.value.userOptions.show && yt.value && (D(Ut) || D(Vt)) ? (S(), m(D(pt), {
 				ref_key: "userOptionsRef",
 				ref: Ot,
 				key: `user_option_${bt.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
-				isPrinting: T(Wt),
-				isImaging: T(Gt),
-				uid: k.value,
+				isPrinting: D(Kt),
+				isImaging: D(qt),
+				uid: j.value,
 				hasTooltip: !1,
 				hasPdf: F.value.userOptions.buttons.pdf,
 				hasImg: F.value.userOptions.buttons.img,
@@ -856,7 +894,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				hasAltCopy: F.value.userOptions.buttons.altCopy,
 				hasFullscreen: F.value.userOptions.buttons.fullscreen,
 				isFullcreen: wt.value,
-				chartElement: O.value,
+				chartElement: A.value,
 				position: F.value.userOptions.position,
 				titles: { ...F.value.userOptions.buttonTitles },
 				hasAnnotator: F.value.userOptions.buttons.annotator,
@@ -865,19 +903,19 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				printScale: F.value.userOptions.print.scale,
 				tableDialog: F.value.table.useDialog,
 				isCursorPointer: I.value,
-				onToggleFullscreen: xn,
-				onGeneratePdf: T(Kt),
-				onGenerateCsv: Tn,
-				onGenerateImage: Mn,
-				onGenerateSvg: kn,
-				onToggleTable: Sn,
-				onToggleAnnotator: bn,
-				onCopyAlt: Nn,
-				style: y({ visibility: T(Vt) ? T(zt) ? "visible" : "hidden" : "visible" })
+				onToggleFullscreen: Cn,
+				onGeneratePdf: D(Jt),
+				onGenerateCsv: Dn,
+				onGenerateImage: Pn,
+				onGenerateSvg: jn,
+				onToggleTable: wn,
+				onToggleAnnotator: Sn,
+				onCopyAlt: Fn,
+				style: x({ visibility: D(Ut) ? D(Vt) ? "visible" : "hidden" : "visible" })
 			}, ke({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: E(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", v(_({
+					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", b(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -885,32 +923,32 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: E(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: E(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: E(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: E(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: E(() => [C(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", v(_({
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", b(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -918,7 +956,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", v(_({
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", b(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -926,17 +964,17 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: E(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", v(_({ altCopy: t })), void 0, !0)]),
+					fn: O(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", b(y({ altCopy: t })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: E(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: E(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "10"
 				} : void 0
 			]), 1032, [
@@ -964,37 +1002,36 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				"isCursorPointer",
 				"onGeneratePdf",
 				"style"
-			])) : p("", !0),
-			h("div", Ge, [(b(), m("svg", {
+			])) : h("", !0),
+			_("div", Ge, [(S(), g("svg", {
 				ref_key: "svgRef",
 				ref: L,
-				xmlns: T(le),
-				"aria-describedby": `chart-instructions-${k.value}`,
+				xmlns: D(oe),
+				"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: Pe({
-					"vue-data-ui-loading": T(Ft),
-					"no-transition": !F.value.useCssAnimation,
-					"with-transition": F.value.useCssAnimation
+					"vue-data-ui-loading": D(Lt),
+					"no-transition": !F.value.useCssAnimation
 				}),
-				style: y(`max-width:100%;overflow:visible;background:transparent;color:${F.value.style.chart.color}`),
+				style: x(`max-width:100%;overflow:visible;background:transparent;color:${F.value.style.chart.color}`),
 				role: "img",
 				"aria-live": "polite",
 				preserveAspectRatio: "xMidYMid",
 				tabindex: "0",
-				onFocus: hn,
-				onBlur: gn,
-				onKeydown: yn
+				onFocus: _n,
+				onBlur: vn,
+				onKeydown: xn
 			}, [
-				je(T(mt)),
-				e.$slots["chart-background"] ? (b(), m("foreignObject", {
+				je(D(mt)),
+				e.$slots["chart-background"] ? (S(), g("foreignObject", {
 					key: 0,
 					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" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, qe)) : p("", !0),
-				(b(!0), m(u, null, S(W.value, (e) => (b(), m(u, null, [h("path", {
+				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, qe)) : h("", !0),
+				(S(!0), g(f, null, w(W.value, (e) => (S(), g(f, null, [_("path", {
 					class: "transition-opacity",
 					d: `M${e.path}`,
 					stroke: F.value.style.chart.layout.lines.coatingColor,
@@ -1002,10 +1039,10 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					style: x({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => N.value = e.id,
 					onMouseleave: t[0] ||= (e) => N.value = null
-				}, null, 44, Je), h("path", {
+				}, null, 44, Je), _("path", {
 					class: "transition-opacity",
 					d: `M${e.path}`,
 					stroke: e.color,
@@ -1013,13 +1050,13 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					style: x({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
 					onMouseenter: (t) => Q(e, e),
 					onMouseleave: (t) => $(e, e),
-					onClick: (t) => jn(e, e)
+					onClick: (t) => Nn(e, e)
 				}, null, 44, Ye)], 64))), 256)),
-				(b(!0), m(u, null, S(W.value, (t) => (b(), m(u, null, [
-					F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (b(!0), m(u, { key: 0 }, S(t.coordinates, (e, n) => (b(), m("circle", {
+				(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", {
 						class: "transition-opacity",
 						cx: e.x,
 						cy: e.y,
@@ -1027,7 +1064,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 						fill: t.color,
 						stroke: F.value.style.chart.layout.plots.stroke,
 						"stroke-width": F.value.style.chart.layout.plots.strokeWidth,
-						style: y({ opacity: N.value == null || N.value === t.id ? 1 : .1 }),
+						style: x({ opacity: N.value == null || N.value === t.id ? 1 : .1 }),
 						onMouseenter: (r) => Q({
 							...e,
 							pointIndex: n
@@ -1040,24 +1077,24 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 							...e,
 							pointIndex: n
 						}, t)
-					}, null, 44, Xe))), 256)) : p("", !0),
-					F.value.style.chart.layout.plots.labels.show && F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (b(!0), m(u, { key: 1 }, S(t.coordinates, (e) => (b(), m("text", {
+					}, null, 44, Xe))), 256)) : h("", !0),
+					F.value.style.chart.layout.plots.labels.show && F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (S(!0), g(f, { key: 1 }, w(t.coordinates, (e) => (S(), g("text", {
 						class: "transition-opacity",
 						x: e.x,
 						y: e.y + F.value.style.chart.layout.plots.labels.fontSize / 3,
 						fill: e.labelColor,
 						"font-size": F.value.style.chart.layout.plots.labels.fontSize,
 						"text-anchor": "middle",
-						style: y({
+						style: x({
 							userSelect: "none",
 							pointerEvents: "none",
 							opacity: N.value == null || N.value === t.id ? 1 : .1
 						})
-					}, w(e.rank), 13, Ze))), 256)) : p("", !0),
-					F.value.style.chart.layout.plots.labels.displayedValue === "value" ? (b(!0), m(u, { key: 2 }, S(t.coordinates, (n) => (b(), m(u, null, [T(i)(n.value) ? (b(), m("rect", Me({
+					}, E(e.rank), 13, Ze))), 256)) : h("", !0),
+					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 }, ln(n), {
+					}, { ref_for: !0 }, dn(n), {
 						style: { opacity: N.value == null || N.value === t.id ? 1 : .1 },
 						onMouseenter: (n) => Q({
 							...e.point,
@@ -1071,7 +1108,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 							...e.point,
 							pointIndex: e.i
 						}, t)
-					}), null, 16, Qe)) : p("", !0), T(i)(n.value) && F.value.style.chart.layout.plots.labels.show ? (b(), m("text", {
+					}), null, 16, Qe)) : h("", !0), D(d)(n.value) && F.value.style.chart.layout.plots.labels.show ? (S(), g("text", {
 						key: 1,
 						class: "transition-opacity",
 						x: n.x,
@@ -1079,18 +1116,18 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 						fill: n.labelColor,
 						"font-size": F.value.style.chart.layout.plots.labels.fontSize,
 						"text-anchor": "middle",
-						style: y({
+						style: x({
 							userSelect: "none",
 							pointerEvents: "none",
 							opacity: N.value == null || N.value === t.id ? 1 : .1
 						})
-					}, w(n.displayValue), 13, $e)) : p("", !0)], 64))), 256)) : p("", !0)
+					}, E(n.displayValue), 13, $e)) : h("", !0)], 64))), 256)) : h("", !0)
 				], 64))), 256)),
-				F.value.style.chart.layout.nameLabels.leftLabels.show ? (b(), m("g", {
+				F.value.style.chart.layout.nameLabels.leftLabels.show ? (S(), g("g", {
 					key: 1,
 					ref_key: "labelsLeft",
-					ref: At
-				}, [(b(!0), m(u, null, S(cn.value.left.filter((e) => T(i)(e.value)), (e, t) => (b(), m("text", {
+					ref: Mt
+				}, [(S(!0), g(f, null, w(un.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,
@@ -1098,7 +1135,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
 					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
 					"text-anchor": "end",
-					innerHTML: T(te)({
+					innerHTML: D(r)({
 						content: e.name,
 						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,
@@ -1106,16 +1143,16 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
 						translateY: !0
 					}),
-					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					style: x({ 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)) : p("", !0),
-				F.value.style.chart.layout.nameLabels.rightLabels.show ? (b(), m("g", {
+					onClick: (t) => Nn(e, e)
+				}, null, 44, et))), 256))], 512)) : h("", !0),
+				F.value.style.chart.layout.nameLabels.rightLabels.show ? (S(), g("g", {
 					key: 2,
 					ref_key: "labelsRight",
-					ref: jt
-				}, [(b(!0), m(u, null, S(cn.value.right.filter((e) => T(i)(e.value)), (e, t) => (b(), m("text", {
+					ref: Nt
+				}, [(S(!0), g(f, null, w(un.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,
@@ -1123,7 +1160,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					"font-size": F.value.style.chart.layout.nameLabels.fontSize,
 					"font--weight": F.value.style.chart.layout.nameLabels.bold ? "bold" : "normal",
 					"text-anchor": "start",
-					innerHTML: T(te)({
+					innerHTML: D(r)({
 						content: e.name,
 						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,
@@ -1131,16 +1168,16 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
 						translateY: !0
 					}),
-					style: y({ opacity: N.value == null || N.value === e.id ? 1 : .1 }),
+					style: x({ 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, tt))), 256))], 512)) : p("", !0),
-				F.value.style.chart.layout.timeLabels.show ? (b(), m("g", {
+					onClick: (t) => Nn(e, e)
+				}, null, 44, tt))), 256))], 512)) : h("", !0),
+				F.value.style.chart.layout.timeLabels.show ? (S(), g("g", {
 					key: 3,
 					ref_key: "timeLabelsEls",
-					ref: Mt
-				}, [e.$slots["time-label"] ? (b(), m("g", nt, [(b(!0), m(u, null, S(K.value, (t, n) => (b(), m("g", null, [C(e.$slots, "time-label", Me({ ref_for: !0 }, {
+					ref: Pt
+				}, [e.$slots["time-label"] ? (S(), g("g", nt, [(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,
 					fontSize: F.value.style.chart.layout.timeLabels.fontSize,
@@ -1150,7 +1187,7 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					content: t.text,
 					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))])) : (b(), m("g", rt, [(b(!0), m(u, null, S(K.value, (e, t) => (b(), m("g", null, [String(e.text).includes("\n") ? (b(), m("text", {
+				}), void 0, !0)]))), 256))])) : (S(), g("g", rt, [(S(!0), g(f, null, w(K.value, (e, t) => (S(), g("g", null, [String(e.text).includes("\n") ? (S(), g("text", {
 					key: t + "-multi",
 					"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,
@@ -1162,14 +1199,14 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
                                         ),
                                         rotate(${F.value.style.chart.layout.timeLabels.rotation})
                                     `,
-					innerHTML: T(te)({
+					innerHTML: D(r)({
 						content: String(e.text),
 						fontSize: F.value.style.chart.layout.timeLabels.fontSize,
 						fill: F.value.style.chart.layout.timeLabels.color,
 						x: 0,
 						y: 0
 					})
-				}, null, 8, at)) : (b(), m("text", {
+				}, null, 8, at)) : (S(), g("text", {
 					class: "vue-data-ui-time-label",
 					key: t,
 					"text-anchor": F.value.style.chart.layout.timeLabels.rotation > 0 ? "start" : F.value.style.chart.layout.timeLabels.rotation < 0 ? "end" : "middle",
@@ -1177,24 +1214,24 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					"font-weight": F.value.style.chart.layout.timeLabels.bold ? "bold" : "normal",
 					fill: F.value.style.chart.layout.timeLabels.color,
 					transform: `translate(${U.value.unitW * t + 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})`
-				}, w(e.text), 9, it))]))), 256))]))], 512)) : p("", !0),
-				C(e.$slots, "svg", { svg: {
+				}, E(e.text), 9, it))]))), 256))]))], 512)) : h("", !0),
+				T(e.$slots, "svg", { svg: {
 					drawingArea: U.value,
 					data: W.value,
-					isPrintingImg: T(Wt) || T(Gt) || j.value,
-					isPrintingSvg: M.value
+					isPrintingImg: D(Kt) || D(qt) || At.value,
+					isPrintingSvg: jt.value
 				} }, void 0, !0)
-			], 46, Ke)), e.$slots.hint ? (b(), m("div", ot, [C(e.$slots, "hint", v(_({
+			], 46, Ke)), e.$slots.hint ? (S(), g("div", ot, [T(e.$slots, "hint", b(y({
 				hint: F.value.a11y.translations.keyboardNavigation,
-				isVisible: Nt.value
-			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (b(), m("div", st, [C(e.$slots, "watermark", v(_({ isPrinting: T(Wt) || T(Gt) || j.value || M.value })), void 0, !0)])) : p("", !0),
-			yt.value && F.value.userOptions.buttons.table ? (b(), f(Le(X.value.component), Me({ key: 6 }, X.value.props, {
+				isVisible: Ft.value
+			})), void 0, !0)])) : h("", !0)]),
+			e.$slots.watermark ? (S(), g("div", st, [T(e.$slots, "watermark", b(y({ isPrinting: D(Kt) || D(qt) || At.value || jt.value })), void 0, !0)])) : h("", !0),
+			yt.value && F.value.userOptions.buttons.table ? (S(), m(Le(X.value.component), Me({ key: 6 }, X.value.props, {
 				ref_key: "tableUnit",
-				ref: A,
-				onClose: Cn
+				ref: M,
+				onClose: Tn
 			}), ke({
-				content: E(() => [je(T(dt), {
+				content: O(() => [je(D(dt), {
 					colNames: Z.value.colNames,
 					head: Z.value.head,
 					body: Z.value.body,
@@ -1202,10 +1239,10 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 					title: F.value.table.useDialog ? "" : X.value.title,
 					withCloseButton: !F.value.table.useDialog,
 					isCursorPointer: I.value,
-					onClose: Cn
+					onClose: Tn
 				}, {
-					th: E(({ th: e }) => [h("div", { innerHTML: e }, null, 8, ct)]),
-					td: E(({ td: e }) => [Ae(w(e), 1)]),
+					th: O(({ th: e }) => [_("div", { innerHTML: e }, null, 8, ct)]),
+					td: O(({ td: e }) => [Ae(E(e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1219,30 +1256,30 @@ var He = /* @__PURE__ */ e({ default: () => lt }), Ue = ["id"], We = ["id"], Ge
 				_: 2
 			}, [F.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Ae(w(X.value.title), 1)]),
+				fn: O(() => [Ae(E(X.value.title), 1)]),
 				key: "0"
 			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
-				fn: E(() => [h("button", {
+				fn: O(() => [_("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => Tn(F.value.userOptions.callbacks.csv),
-					style: y({ cursor: I.value ? "pointer" : "default" })
-				}, [je(T(lt), {
+					onClick: t[1] ||= (e) => Dn(F.value.userOptions.callbacks.csv),
+					style: x({ cursor: I.value ? "pointer" : "default" })
+				}, [je(D(lt), {
 					name: "fileCsv",
 					stroke: X.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : p("", !0),
-			e.$slots.source ? (b(), m("div", {
+			} : void 0]), 1040)) : h("", !0),
+			e.$slots.source ? (S(), g("div", {
 				key: 7,
 				ref_key: "source",
 				ref: Ct,
 				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(Ft) ? (b(), f(he, { key: 0 })) : p("", !0)], !0)
+			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
+			T(e.$slots, "skeleton", {}, () => [D(Lt) ? (S(), m(he, { key: 0 })) : h("", !0)], !0)
 		], 46, Ue));
 	}
-}, [["__scopeId", "data-v-893ac120"]]);
+}, [["__scopeId", "data-v-42d635ca"]]);
 //#endregion
 export { He as n, lt as t };