vue-data-ui 3.22.6 → 3.22.7

package/dist/{vue-ui-bump-BZB1Na8h.js → vue-ui-bump-C5pni1JV.js}

@@ -1,46 +1,46 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, H as r, Ht as i, Q as a, R as o, S as ee, W as s, Wt as c, X as l, b as te, bt as u, i as ne, j as re, lt as ie, q as ae, r as oe, s as se, t as ce, w as le } from "./lib-DRBJCmHW.js";
-import { t as ue } from "./useTimeLabels-BmBRv27Y.js";
-import { t as de } from "./useConfig-DYM3f6EI.js";
-import { t as fe } from "./usePrinter-CRp5IW3v.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-BEo2N1Db.js";
-import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ve } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { n as ye } from "./Title-C-p0ilWB.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";
-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-VbypEaAa.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";
+import { Gt as t, H as n, Ot as r, Q as i, R as a, S as o, Ut as ee, W as s, X as c, b as l, i as te, j as ne, jt as u, q as re, r as ie, s as ae, t as oe, ut as se, w as ce, xt as d } from "./lib-EAmk-PgA.js";
+import { t as le } from "./useTimeLabels-BmBRv27Y.js";
+import { t as ue } from "./useConfig-DYM3f6EI.js";
+import { t as de } from "./usePrinter-DnGzpp6Q.js";
+import { n as fe, t as pe } from "./BaseScanner-DZvpgOjM.js";
+import { t as me } from "./useSvgExport-SVIsDot8.js";
+import { t as he } from "./useNestedProp-D8XqxgOU.js";
+import { t as ge } from "./useThemeCheck-C43Tcqmk.js";
+import { t as _e } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { n as ve } from "./Title-PiTKr6sp.js";
+import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as be } from "./canvas-lib-BOP_HS11.js";
+import { t as xe } from "./useResponsive-BfnK0KxU.js";
+import { t as Se } from "./A11yDataTable-DdRsVULz.js";
+import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
+import { t as we } from "./useChartAccessibility-DYqac8yF.js";
+import { t as Te } from "./vue_ui_bump-Vl-zYAtG.js";
+import { t as Ee } from "./BaseDraggableDialog-1wwwdwV2.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Ne, onMounted as Pe, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Fe, shallowRef as Ie, toDisplayString as E, toRefs as Le, unref as D, watch as Re, watchEffect as ze, withCtx as O } from "vue";
 //#region src/components/vue-ui-bump.vue
-var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We = { style: { position: "relative" } }, Ge = [
+var Be = /* @__PURE__ */ e({ default: () => st }), Ve = ["id"], He = ["id"], Ue = { style: { position: "relative" } }, We = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], Ke = [
+], Ge = [
 	"x",
 	"y",
 	"width",
 	"height"
-], qe = [
+], Ke = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"onMouseenter"
-], Je = [
+], qe = [
 	"d",
 	"stroke",
 	"stroke-width",
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Ye = [
+], Je = [
 	"cx",
 	"cy",
 	"r",
@@ -50,21 +50,21 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Xe = [
+], Ye = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], Ze = [
+], Xe = [
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Qe = [
+], Ze = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], $e = [
+], Qe = [
 	"x",
 	"y",
 	"fill",
@@ -74,7 +74,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], et = [
+], $e = [
 	"x",
 	"y",
 	"fill",
@@ -84,19 +84,19 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], tt = { key: 0 }, nt = { key: 1 }, rt = [
+], et = { key: 0 }, tt = { key: 1 }, nt = [
 	"text-anchor",
 	"font-size",
 	"font-weight",
 	"fill",
 	"transform"
-], it = [
+], rt = [
 	"text-anchor",
 	"font-size",
 	"fill",
 	"transform",
 	"innerHTML"
-], at = {
+], it = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -106,10 +106,10 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, ot = {
+}, at = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, st = ["innerHTML"], ct = /*#__PURE__*/ be({
+}, ot = ["innerHTML"], st = /*#__PURE__*/ ye({
 	__name: "vue-ui-bump",
 	props: {
 		config: {
@@ -126,15 +126,15 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 		}
 	},
 	emits: ["copyAlt"],
-	setup(e, { expose: be, emit: Ve }) {
-		let ct = _(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), lt = _(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), ut = _(() => import("./DataTable-CXfvIulC.js")), dt = _(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), ft = _(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), pt = _(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), { vue_ui_bump: mt } = de(), { isThemeValid: ht, warnInvalidTheme: gt } = _e(), O = e, _t = Ve, vt = f({
+	setup(e, { expose: ye, emit: Be }) {
+		let st = v(() => import("./BaseIcon-_-BX7be3.js").then((e) => e.n)), ct = v(() => import("./vue-ui-accordion-Dzz8XhX3.js").then((e) => e.n)), lt = v(() => import("./DataTable-CVF7DoZn.js")), ut = v(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), dt = v(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), ft = v(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), { vue_ui_bump: pt } = ue(), { isThemeValid: mt, warnInvalidTheme: ht } = ge(), k = e, gt = Be, _t = p({
 			get() {
-				return !!O.dataset && O.dataset.length;
+				return !!k.dataset && k.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), k = S(null), A = S(s()), yt = S(0), bt = S(null), xt = S(null), St = S(null), j = S(!1), Ct = S(!1), wt = S(0), Tt = S(0), M = S(null), Et = S(null), Dt = S(!1), Ot = S(!1), kt = 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(() => c({
+		}), A = C(null), j = C(s()), vt = C(0), yt = C(null), bt = C(null), xt = C(null), St = C(!1), Ct = C(!1), wt = C(0), Tt = C(0), M = C(null), Et = C(null), Dt = C(!1), Ot = C(!1), kt = C(!1), N = C(null), At = C(null), jt = C(null), Mt = C(null), P = C(null), Nt = C(!1), F = C(Rt()), I = p(() => F.value.userOptions.useCursorPointer), Pt = p(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -154,11 +154,11 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				} }
 			},
 			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: Ft, FINAL_DATASET: It, manualLoading: Lt } = pe({
-			...Re(O),
+		})), { loading: Ft, FINAL_DATASET: It, manualLoading: Lt } = fe({
+			...Le(k),
 			FINAL_CONFIG: F,
 			prepareConfig: Rt,
-			skeletonDataset: O.config?.skeletonDataset ?? [
+			skeletonDataset: k.config?.skeletonDataset ?? [
 				{
 					name: "————",
 					values: [
@@ -208,59 +208,59 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					color: "#8A8A8A"
 				}
 			],
-			skeletonConfig: c({
+			skeletonConfig: t({
 				defaultConfig: F.value,
 				userConfig: Pt.value
 			})
 		});
-		Fe(Qt);
+		Pe(Qt);
 		function Rt() {
-			let e = ge({
-				userConfig: O.config,
-				defaultConfig: mt
-			}), n = {}, r = e.theme;
-			if (r) if (!ht.value(e)) gt(e), n = e;
+			let e = he({
+				userConfig: k.config,
+				defaultConfig: pt
+			}), t = {}, n = e.theme;
+			if (n) if (!mt.value(e)) ht(e), t = e;
 			else {
-				let a = ge({
-					userConfig: Ee[r] || O.config,
+				let r = he({
+					userConfig: Te[n] || k.config,
 					defaultConfig: e
 				});
-				n = {
-					...ge({
-						userConfig: O.config,
-						defaultConfig: a
+				t = {
+					...he({
+						userConfig: k.config,
+						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : i[r] || t
+					customPalette: e.customPalette.length ? e.customPalette : ee[n] || u
 				};
 			}
-			else n = e;
-			return n;
+			else t = e;
+			return t;
 		}
-		let { userOptionsVisible: zt, setUserOptionsVisibility: Bt, keepUserOptionState: Vt } = we({ config: F.value }), { svgRef: L } = Te({ config: F.value.style.chart.title });
+		let { userOptionsVisible: zt, setUserOptionsVisibility: Bt, keepUserOptionState: Vt } = Ce({ config: F.value }), { svgRef: L } = we({ config: F.value.style.chart.title });
 		function Ht() {
 			Dt.value = !0, Bt(!0);
 		}
 		function Ut() {
 			Bt(!1), Dt.value = !1;
 		}
-		let R = S({ showTable: F.value.table.show });
-		ze(F, () => {
+		let R = C({ showTable: F.value.table.show });
+		Re(F, () => {
 			R.value = { showTable: F.value.table.show };
-		}, { immediate: !0 }), ze(() => O.config, (e) => {
+		}, { immediate: !0 }), Re(() => k.config, (e) => {
 			Ft.value || (F.value = Rt()), zt.value = !F.value.userOptions.showOnChartHover, Qt(), wt.value += 1, Tt.value += 1, R.value.showTable = F.value.table.show, z.value.width = F.value.style.chart.width, z.value.height = F.value.style.chart.height, z.value.paddingRatio = {
 				top: F.value.style.chart.padding.top / F.value.style.chart.height,
 				right: F.value.style.chart.padding.right / F.value.style.chart.width,
 				bottom: F.value.style.chart.padding.bottom / F.value.style.chart.height,
 				left: F.value.style.chart.padding.left / F.value.style.chart.width
 			};
-		}), ze(() => O.dataset, (e) => {
+		}), Re(() => k.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (Lt.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Wt, isImaging: Gt, generatePdf: Kt, generateImage: qt } = fe({
-			elementId: `bump_${A.value}`,
+		let { isPrinting: Wt, isImaging: Gt, generatePdf: Kt, generateImage: qt } = de({
+			elementId: `bump_${j.value}`,
 			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({
+		}), Jt = 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: {
@@ -269,18 +269,18 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				bottom: F.value.style.chart.padding.bottom / F.value.style.chart.height,
 				left: F.value.style.chart.padding.left / F.value.style.chart.width
 			}
-		}), Yt = f(() => ee(F.value.customPalette)), B = Le(null), V = Le(null), Xt = S(null), Zt = f(() => !!F.value.debug);
+		}), Yt = p(() => o(F.value.customPalette)), B = Ie(null), V = Ie(null), Xt = C(null), Zt = p(() => !!F.value.debug);
 		function Qt() {
-			if (n(O.dataset) ? (a({
+			if (r(k.dataset) ? (i({
 				componentName: "VueUiBump",
 				type: "dataset",
 				debug: Zt.value
-			}), Lt.value = !0) : O.dataset.forEach((e, t) => {
-				ie({
+			}), Lt.value = !0) : k.dataset.forEach((e, t) => {
+				se({
 					datasetObject: e,
 					requiredAttributes: ["name", "values"]
 				}).forEach((e) => {
-					vt.value = !1, a({
+					_t.value = !1, i({
 						componentName: "VueUiBump",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -288,18 +288,18 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						debug: Zt.value
 					}), Lt.value = !0;
 				});
-			}), n(O.dataset) || (Lt.value = F.value.loading), setTimeout(() => {
+			}), r(k.dataset) || (Lt.value = F.value.loading), setTimeout(() => {
 				Ct.value = !0;
 			}, 10), F.value.responsive) {
-				let e = xe(() => {
+				let e = be(() => {
 					Ct.value = !1;
-					let { width: e, height: t } = Se({
-						chart: k.value,
-						noTitle: xt.value,
-						title: F.value.style.chart.title.text ? bt.value : null,
+					let { width: e, height: t } = xe({
+						chart: A.value,
+						noTitle: bt.value,
+						title: F.value.style.chart.title.text ? yt.value : null,
 						legend: null,
 						slicer: null,
-						source: St.value
+						source: xt.value
 					});
 					requestAnimationFrame(() => {
 						z.value.width = e, z.value.height = t - 12, clearTimeout(Xt.value), Xt.value = setTimeout(() => {
@@ -307,21 +307,21 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						}, 10);
 					});
 				});
-				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);
+				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);
 			}
 		}
-		Pe(() => {
+		Ne(() => {
 			B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
 		});
-		let $t = f(() => It.value.map((e, n) => {
-			let r = te(e.color) || Yt.value[n] || t[n] || t[n % t.length];
+		let $t = p(() => It.value.map((e, t) => {
+			let n = l(e.color) || Yt.value[t] || u[t] || u[t % u.length];
 			return {
 				...e,
-				absoluteIndex: n,
+				absoluteIndex: t,
 				id: s(),
-				color: r
+				color: n
 			};
-		})), H = f(() => Math.max(...$t.value.map((e) => e.values.length)));
+		})), H = p(() => 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) {
@@ -352,20 +352,20 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				return n > e ? n : e;
 			}, 0)), e;
 		}
-		let rn = S(0), an = xe((e) => {
+		let rn = C(0), an = be((e) => {
 			rn.value = e;
 		}, 100);
-		Be((e) => {
+		ze((e) => {
 			let t = Mt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
 				an(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Pe(() => {
+		}), Ne(() => {
 			rn.value = 0;
 		});
-		let on = f(() => {
+		let on = 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 || [];
@@ -378,10 +378,10 @@ 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);
-		}), 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, u = o + l, ne = Math.max(0, e);
+		}), U = p(() => {
+			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, u = Math.max(0, e);
 			return {
-				chartHeight: u,
+				chartHeight: ne,
 				chartWidth: Math.max(0, t),
 				top: o,
 				right: Math.max(0, ee),
@@ -391,17 +391,17 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				height: Math.max(0, l),
 				unitH: Math.max(0, l) / $t.value.length,
 				unitW: Math.max(0, c) / H.value,
-				svgHeight: ne
+				svgHeight: u
 			};
-		}), W = f(() => {
-			if (!vt.value && !Ft.value) return [];
+		}), W = p(() => {
+			if (!_t.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 r = ne(F.value.style.chart.layout.plots.labels.formatter, e.values[n], ae({
+					let r = te(F.value.style.chart.layout.plots.labels.formatter, e.values[n], re({
 						p: F.value.style.chart.layout.plots.labels.prefix,
 						v: e.values[n],
 						s: F.value.style.chart.layout.plots.labels.suffix,
@@ -416,9 +416,9 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						displayValue: r,
 						rank: e.positions[n] + 1,
 						color: e.color,
-						labelColor: F.value.style.chart.layout.plots.labels.color === "auto" ? oe(e.color) : te(F.value.style.chart.layout.plots.labels.color) ?? oe(e.color)
+						labelColor: F.value.style.chart.layout.plots.labels.color === "auto" ? ie(e.color) : l(F.value.style.chart.layout.plots.labels.color) ?? ie(e.color)
 					};
-				}), n = t.filter((e) => u(e.value)), r = F.value.style.chart.layout.lines.smooth ? re(n) : o(n);
+				}), n = t.filter((e) => d(e.value)), r = F.value.style.chart.layout.lines.smooth ? ne(n) : a(n);
 				return {
 					...e,
 					coordinates: t,
@@ -426,14 +426,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				};
 			});
 		});
-		f(() => 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) => u(e.value))));
+		})).filter((e) => d(e.value))));
 		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) {
@@ -454,7 +454,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}
 			return i;
 		}
-		let cn = f(() => {
+		let cn = p(() => {
 			let e = [], t = [];
 			W.value.forEach((n) => {
 				let r = n.coordinates.filter((e) => Number.isFinite(e.rank));
@@ -482,15 +482,15 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				rx: o / 2
 			};
 		}
-		let G = S([]), un = 0;
-		Be(() => {
+		let G = C([]), un = 0;
+		ze(() => {
 			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) {
 				G.value = [];
 				return;
 			}
 			(async () => {
-				let t = await ue({
+				let t = await le({
 					values: n,
 					maxDatapoints: i,
 					formatter: r,
@@ -500,17 +500,17 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				e === un && (G.value = t);
 			})();
 		});
-		let dn = f(() => {
+		let dn = 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 = f(() => {
+		}), 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 se(!!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(() => ({
+			return ae(!!e.showOnlyFirstAndLast, !!e.showOnlyAtModulo, Math.max(1, dn.value || 1), i, a, 0, null, r);
+		}), fn = p(() => z.value.width), pn = p(() => z.value.height), mn = p(() => ({
 			start: 0,
 			end: H.value
-		})), q = f(() => [...W.value].map((e) => {
-			let t = [...e.coordinates].filter((e) => u(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
@@ -553,13 +553,13 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			let o = q.value[a];
 			o && (P.value = a, Q(o, o));
 		}
-		let J = f(() => ({
+		let J = p(() => ({
 			head: Z.value.head,
-			body: W.value.map((e) => [e.name, ...e.coordinates.map((e) => u(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
 		}));
-		ve({
+		_e({
 			timeLabelsEls: Mt,
 			timeLabels: G,
 			slicer: mn,
@@ -584,17 +584,17 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			height: pn,
 			rotation: F.value.style.chart.layout.timeLabels.autoRotate.angle
 		});
-		let Y = S(!1);
+		let Y = C(!1);
 		function bn() {
 			Y.value = !Y.value;
 		}
 		function xn(e) {
-			j.value = e, yt.value += 1;
+			St.value = e, vt.value += 1;
 		}
 		function Sn() {
 			R.value.showTable = !R.value.showTable;
 		}
-		ze(() => R.value.showTable, (e) => {
+		Re(() => R.value.showTable, (e) => {
 			F.value.table.show || (e && F.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
 		});
 		function Cn() {
@@ -608,28 +608,28 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				[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}`)]), a = le(t.concat([[F.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 = ce(t.concat([[F.value.table.columnNames.values]]).concat([n]).concat(r).concat([
 				[""],
 				[F.value.table.columnNames.ranking],
 				[n]
 			]).concat(i));
-			e ? e(a) : l({
+			e ? e(a) : c({
 				csvContent: a,
 				title: F.value.style.chart.title.text || "vue-ui-bump"
 			});
 		}
-		let X = f(() => {
+		let X = p(() => {
 			let e = F.value.table.useDialog && !F.value.table.show, t = R.value.showTable;
 			return {
-				component: e ? De : lt,
+				component: e ? Ee : ct,
 				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: F.value.table.th.backgroundColor,
 					color: F.value.table.th.color,
 					headerColor: F.value.table.th.color,
 					headerBg: F.value.table.th.backgroundColor,
-					isFullscreen: j.value,
-					fullscreenParent: k.value,
+					isFullscreen: St.value,
+					fullscreenParent: A.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: I.value
 				} : {
@@ -648,7 +648,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					}
 				}
 			};
-		}), Z = f(() => ({
+		}), 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: {
@@ -665,15 +665,15 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				breakpoint: F.value.table.responsiveBreakpoint
 			},
 			colNames: [F.value.table.columnNames.series]
-		})), En = f(() => F.value.style.chart.backgroundColor), { exportSvg: Dn, getSvg: On } = he({
+		})), En = p(() => F.value.style.chart.backgroundColor), { exportSvg: Dn, getSvg: On } = me({
 			svg: L,
-			title: f(() => F.value.style.chart.title),
+			title: p(() => F.value.style.chart.title),
 			legend: null,
 			legendItems: null,
 			backgroundColor: En
 		});
 		async function kn({ isCb: e }) {
-			kt.value = !0, await Me();
+			kt.value = !0, await je();
 			try {
 				if (e) {
 					let { blob: e, url: t, text: n, dataUrl: r } = await On();
@@ -689,9 +689,9 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			}
 		}
 		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,
+			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
@@ -735,7 +735,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			qt();
 		}
 		async function Nn() {
-			if (_t("copyAlt", {
+			if (gt("copyAlt", {
 				config: F.value,
 				dataset: W.value
 			}), !F.value.userOptions.callbacks.altCopy) {
@@ -747,7 +747,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				dataset: W.value
 			}));
 		}
-		return be({
+		return ye({
 			getData: wn,
 			getImage: An,
 			generatePdf: Kt,
@@ -758,26 +758,26 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 			toggleAnnotator: bn,
 			toggleFullscreen: xn,
 			copyAlt: Nn
-		}), (e, t) => (x(), h("div", {
-			id: `bump_${A.value}`,
+		}), (e, t) => (S(), g("div", {
+			id: `bump_${j.value}`,
 			ref_key: "bumpChart",
-			ref: k,
-			class: Ne({
+			ref: A,
+			class: Me({
 				"vue-data-ui-component": !0,
 				"vue-ui-bump": !0,
-				"vue-data-ui-wrapper-fullscreen": j.value
+				"vue-data-ui-wrapper-fullscreen": St.value
 			}),
-			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%" : ""}`),
+			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: Ht,
 			onMouseleave: Ut
 		}, [
-			g("p", {
-				id: `chart-instructions-${A.value}`,
+			_("p", {
+				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
-			}, T(F.value.a11y.translations.keyboardNavigation), 9, Ue),
-			J.value.body.length ? (x(), p(Ce, {
+			}, E(F.value.a11y.translations.keyboardNavigation), 9, He),
+			J.value.body.length ? (S(), m(Se, {
 				key: 0,
-				uid: A.value,
+				uid: j.value,
 				head: J.value.head,
 				body: J.value.body,
 				caption: J.value.caption,
@@ -788,22 +788,22 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"body",
 				"caption",
 				"notice"
-			])) : m("", !0),
-			F.value.userOptions.buttons.annotator ? (x(), p(E(dt), {
+			])) : h("", !0),
+			F.value.userOptions.buttons.annotator ? (S(), m(D(ut), {
 				key: 1,
-				svgRef: E(L),
+				svgRef: D(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)]),
-				"annotator-action-draw": D(({ mode: t }) => [w(e.$slots, "annotator-action-draw", y(v({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", y(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": D(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", y(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": D(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", y(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",
@@ -811,21 +811,21 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : m("", !0),
-			w(e.$slots, "userConfig", {}, void 0, !0),
-			Jt.value ? (x(), h("div", {
+			])) : h("", !0),
+			T(e.$slots, "userConfig", {}, void 0, !0),
+			Jt.value ? (S(), g("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: xt,
+				ref: bt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : m("", !0),
-			F.value.style.chart.title.text ? (x(), h("div", {
+			}, null, 512)) : h("", !0),
+			F.value.style.chart.title.text ? (S(), g("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: bt,
+				ref: yt,
 				style: "width:100%;background:transparent;"
-			}, [(x(), p(ye, {
+			}, [(S(), m(ve, {
 				key: `title_${wt.value}`,
 				config: {
 					title: {
@@ -837,16 +837,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						...F.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : m("", !0),
-			F.value.userOptions.show && vt.value && (E(Vt) || E(zt)) ? (x(), p(E(ft), {
+			}, null, 8, ["config"]))], 512)) : h("", !0),
+			F.value.userOptions.show && _t.value && (D(Vt) || D(zt)) ? (S(), m(D(dt), {
 				ref_key: "userOptionsRef",
 				ref: Et,
-				key: `user_option_${yt.value}`,
+				key: `user_option_${vt.value}`,
 				backgroundColor: F.value.style.chart.backgroundColor,
 				color: F.value.style.chart.color,
-				isPrinting: E(Wt),
-				isImaging: E(Gt),
-				uid: A.value,
+				isPrinting: D(Wt),
+				isImaging: D(Gt),
+				uid: j.value,
 				hasTooltip: !1,
 				hasPdf: F.value.userOptions.buttons.pdf,
 				hasImg: F.value.userOptions.buttons.img,
@@ -856,8 +856,8 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				hasLabel: !1,
 				hasAltCopy: F.value.userOptions.buttons.altCopy,
 				hasFullscreen: F.value.userOptions.buttons.fullscreen,
-				isFullcreen: j.value,
-				chartElement: k.value,
+				isFullcreen: St.value,
+				chartElement: A.value,
 				position: F.value.userOptions.position,
 				titles: { ...F.value.userOptions.buttonTitles },
 				hasAnnotator: F.value.userOptions.buttons.annotator,
@@ -867,18 +867,18 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				tableDialog: F.value.table.useDialog,
 				isCursorPointer: I.value,
 				onToggleFullscreen: xn,
-				onGeneratePdf: E(Kt),
+				onGeneratePdf: D(Kt),
 				onGenerateCsv: Tn,
 				onGenerateImage: Mn,
 				onGenerateSvg: kn,
 				onToggleTable: Sn,
 				onToggleAnnotator: bn,
 				onCopyAlt: Nn,
-				style: b({ visibility: E(Vt) ? E(zt) ? "visible" : "hidden" : "visible" })
-			}, Oe({ _: 2 }, [
+				style: x({ visibility: D(Vt) ? D(zt) ? "visible" : "hidden" : "visible" })
+			}, De({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(v({
+					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", b(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -886,32 +886,32 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: D(() => [w(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: D(() => [w(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: D(() => [w(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: D(() => [w(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: D(() => [w(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: D(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", y(v({
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", b(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -919,7 +919,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", y(v({
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", b(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -927,17 +927,17 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", y(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: D(() => [w(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: D(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "10"
 				} : void 0
 			]), 1032, [
@@ -965,19 +965,19 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				"isCursorPointer",
 				"onGeneratePdf",
 				"style"
-			])) : m("", !0),
-			g("div", We, [(x(), h("svg", {
+			])) : h("", !0),
+			_("div", Ue, [(S(), g("svg", {
 				ref_key: "svgRef",
 				ref: L,
-				xmlns: E(ce),
-				"aria-describedby": `chart-instructions-${A.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: Ne({
-					"vue-data-ui-loading": E(Ft),
+				class: Me({
+					"vue-data-ui-loading": D(Ft),
 					"no-transition": !F.value.useCssAnimation,
 					"with-transition": F.value.useCssAnimation
 				}),
-				style: b(`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",
@@ -986,16 +986,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				onBlur: gn,
 				onKeydown: yn
 			}, [
-				Ae(E(pt)),
-				e.$slots["chart-background"] ? (x(), h("foreignObject", {
+				ke(D(ft)),
+				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" }
-				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Ke)) : m("", !0),
-				(x(!0), h(d, null, C(W.value, (e) => (x(), h(d, null, [g("path", {
+				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : 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,
@@ -1003,10 +1003,10 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					style: b({ 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, qe), g("path", {
+				}, null, 44, Ke), _("path", {
 					class: "transition-opacity",
 					d: `M${e.path}`,
 					stroke: e.color,
@@ -1014,13 +1014,13 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none",
-					style: b({ 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, Je)], 64))), 256)),
-				(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", {
+				}, null, 44, qe)], 64))), 256)),
+				(S(!0), g(f, null, w(W.value, (t) => (S(), g(f, null, [
+					F.value.style.chart.layout.plots.labels.displayedValue === "rank" ? (S(!0), g(f, { key: 0 }, w(t.coordinates, (e, n) => (S(), g("circle", {
 						class: "transition-opacity",
 						cx: e.x,
 						cy: e.y,
@@ -1028,7 +1028,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						fill: t.color,
 						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 }),
+						style: x({ opacity: N.value == null || N.value === t.id ? 1 : .1 }),
 						onMouseenter: (r) => Q({
 							...e,
 							pointIndex: n
@@ -1041,21 +1041,21 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 							...e,
 							pointIndex: n
 						}, t)
-					}, null, 44, Ye))), 256)) : m("", !0),
-					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", {
+					}, null, 44, Je))), 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: b({
+						style: x({
 							userSelect: "none",
 							pointerEvents: "none",
 							opacity: N.value == null || N.value === t.id ? 1 : .1
 						})
-					}, T(e.rank), 13, Xe))), 256)) : m("", !0),
-					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({
+					}, E(e.rank), 13, Ye))), 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", Ae({
 						key: 0,
 						class: "transition-opacity"
 					}, { ref_for: !0 }, ln(n), {
@@ -1072,7 +1072,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 							...e.point,
 							pointIndex: e.i
 						}, t)
-					}), null, 16, Ze)) : m("", !0), E(u)(n.value) && F.value.style.chart.layout.plots.labels.show ? (x(), h("text", {
+					}), null, 16, Xe)) : 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,
@@ -1080,18 +1080,18 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						fill: n.labelColor,
 						"font-size": F.value.style.chart.layout.plots.labels.fontSize,
 						"text-anchor": "middle",
-						style: b({
+						style: x({
 							userSelect: "none",
 							pointerEvents: "none",
 							opacity: N.value == null || N.value === t.id ? 1 : .1
 						})
-					}, T(n.displayValue), 13, Qe)) : m("", !0)], 64))), 256)) : m("", !0)
+					}, E(n.displayValue), 13, Ze)) : h("", !0)], 64))), 256)) : h("", !0)
 				], 64))), 256)),
-				F.value.style.chart.layout.nameLabels.leftLabels.show ? (x(), h("g", {
+				F.value.style.chart.layout.nameLabels.leftLabels.show ? (S(), g("g", {
 					key: 1,
 					ref_key: "labelsLeft",
 					ref: At
-				}, [(x(!0), h(d, null, C(cn.value.left.filter((e) => E(u)(e.value)), (e, t) => (x(), h("text", {
+				}, [(S(!0), g(f, null, w(cn.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,
@@ -1099,7 +1099,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					"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(r)({
+					innerHTML: D(n)({
 						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,
@@ -1107,16 +1107,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
 						translateY: !0
 					}),
-					style: b({ 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, $e))), 256))], 512)) : m("", !0),
-				F.value.style.chart.layout.nameLabels.rightLabels.show ? (x(), h("g", {
+				}, null, 44, Qe))), 256))], 512)) : h("", !0),
+				F.value.style.chart.layout.nameLabels.rightLabels.show ? (S(), g("g", {
 					key: 2,
 					ref_key: "labelsRight",
 					ref: jt
-				}, [(x(!0), h(d, null, C(cn.value.right.filter((e) => E(u)(e.value)), (e, t) => (x(), h("text", {
+				}, [(S(!0), g(f, null, w(cn.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,
@@ -1124,7 +1124,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					"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(r)({
+					innerHTML: D(n)({
 						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,
@@ -1132,16 +1132,16 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 						y: e.y + F.value.style.chart.layout.nameLabels.fontSize / 3,
 						translateY: !0
 					}),
-					style: b({ 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)) : m("", !0),
-				F.value.style.chart.layout.timeLabels.show ? (x(), h("g", {
+				}, null, 44, $e))), 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"] ? (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 }, {
+				}, [e.$slots["time-label"] ? (S(), g("g", et, [(S(!0), g(f, null, w(K.value, (t, n) => (S(), g("g", null, [T(e.$slots, "time-label", Ae({ 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,
@@ -1151,7 +1151,7 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					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))])) : (x(), h("g", nt, [(x(!0), h(d, null, C(K.value, (e, t) => (x(), h("g", null, [String(e.text).includes("\n") ? (x(), h("text", {
+				}), void 0, !0)]))), 256))])) : (S(), g("g", tt, [(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,
@@ -1163,14 +1163,14 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
                                         ),
                                         rotate(${F.value.style.chart.layout.timeLabels.rotation})
                                     `,
-					innerHTML: E(r)({
+					innerHTML: D(n)({
 						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, it)) : (x(), h("text", {
+				}, null, 8, rt)) : (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",
@@ -1178,24 +1178,24 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					"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})`
-				}, T(e.text), 9, rt))]))), 256))]))], 512)) : m("", !0),
-				w(e.$slots, "svg", { svg: {
+				}, E(e.text), 9, nt))]))), 256))]))], 512)) : h("", !0),
+				T(e.$slots, "svg", { svg: {
 					drawingArea: U.value,
 					data: W.value,
-					isPrintingImg: E(Wt) || E(Gt) || Ot.value,
+					isPrintingImg: D(Wt) || D(Gt) || Ot.value,
 					isPrintingSvg: kt.value
 				} }, void 0, !0)
-			], 46, Ge)), e.$slots.hint ? (x(), h("div", at, [w(e.$slots, "hint", y(v({
+			], 46, We)), e.$slots.hint ? (S(), g("div", it, [T(e.$slots, "hint", b(y({
 				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(Wt) || E(Gt) || Ot.value || kt.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, {
+			})), void 0, !0)])) : h("", !0)]),
+			e.$slots.watermark ? (S(), g("div", at, [T(e.$slots, "watermark", b(y({ isPrinting: D(Wt) || D(Gt) || Ot.value || kt.value })), void 0, !0)])) : h("", !0),
+			_t.value && F.value.userOptions.buttons.table ? (S(), m(Fe(X.value.component), Ae({ key: 6 }, X.value.props, {
 				ref_key: "tableUnit",
 				ref: M,
 				onClose: Cn
-			}), Oe({
-				content: D(() => [Ae(E(ut), {
+			}), De({
+				content: O(() => [ke(D(lt), {
 					colNames: Z.value.colNames,
 					head: Z.value.head,
 					body: Z.value.body,
@@ -1205,8 +1205,8 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 					isCursorPointer: I.value,
 					onClose: Cn
 				}, {
-					th: D(({ th: e }) => [g("div", { innerHTML: e }, null, 8, st)]),
-					td: D(({ td: e }) => [ke(T(e), 1)]),
+					th: O(({ th: e }) => [_("div", { innerHTML: e }, null, 8, ot)]),
+					td: O(({ td: e }) => [Oe(E(e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1220,30 +1220,30 @@ var Ve = /* @__PURE__ */ e({ default: () => ct }), He = ["id"], Ue = ["id"], We
 				_: 2
 			}, [F.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [ke(T(X.value.title), 1)]),
+				fn: O(() => [Oe(E(X.value.title), 1)]),
 				key: "0"
 			} : void 0, F.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [g("button", {
+				fn: O(() => [_("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[1] ||= (e) => Tn(F.value.userOptions.callbacks.csv),
-					style: b({ cursor: I.value ? "pointer" : "default" })
-				}, [Ae(E(ct), {
+					style: x({ cursor: I.value ? "pointer" : "default" })
+				}, [ke(D(st), {
 					name: "fileCsv",
 					stroke: X.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : m("", !0),
-			e.$slots.source ? (x(), h("div", {
+			} : void 0]), 1040)) : h("", !0),
+			e.$slots.source ? (S(), g("div", {
 				key: 7,
 				ref_key: "source",
-				ref: St,
+				ref: xt,
 				dir: "auto"
-			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			w(e.$slots, "skeleton", {}, () => [E(Ft) ? (x(), p(me, { key: 0 })) : m("", !0)], !0)
-		], 46, He));
+			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : h("", !0),
+			T(e.$slots, "skeleton", {}, () => [D(Ft) ? (S(), m(pe, { key: 0 })) : h("", !0)], !0)
+		], 46, Ve));
 	}
 }, [["__scopeId", "data-v-893ac120"]]);
 //#endregion
-export { Ve as n, ct as t };
+export { Be as n, st as t };