vue-data-ui 3.23.9 → 3.23.11

package/dist/{vue-ui-dumbbell-CVX2tGDU.js → vue-ui-dumbbell-BZywCpHd.js}

@@ -1,25 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Jt as i, Ot as a, X as o, Y as s, _ as ee, b as te, i as c, jt as ne, pt as re, q as ie, t as ae, tt as oe } from "./lib-Bttd6u5E.js";
-import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
-import { t as le } from "./useConfig-DwdGsXTx.js";
-import { t as ue } from "./usePrinter-DN5bYhTG.js";
-import { n as de, t as fe } from "./BaseScanner-DZvpgOjM.js";
-import { t as pe } from "./useNestedProp-vPNvh7rV.js";
-import { t as me } from "./useThemeCheck-C43Tcqmk.js";
-import { t as he } from "./useChartExport-DNiwdPmb.js";
-import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as _e } from "./img-Bnokohej.js";
-import { n as ve } from "./Title-BE3qg9xl.js";
-import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as be, t as xe } from "./useResponsive-ZtArZtUf.js";
-import { t as l } from "./DefGrad-DVBqDjhO.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 "./Legend-CQxUgOd-.js";
-import { t as Ee } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as De } from "./vue_ui_dumbbell-Bfe_jFyi.js";
-import { Fragment as u, Teleport as Oe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as ke, createTextVNode as Ae, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as je, nextTick as Me, normalizeClass as Ne, normalizeProps as y, normalizeStyle as Pe, 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, vShow as E, watch as Be, watchEffect as Ve, withCtx as D, withDirectives as O } from "vue";
+import { $ as t, At as n, D as r, Ht as i, Nt as a, X as o, Xt as s, Y as c, _ as ee, b as te, i as l, mt as ne, nt as re, q as ie, t as ae } from "./lib-Dqr_-I6Y.js";
+import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
+import { t as ce } from "./useConfig-DwdGsXTx.js";
+import { t as le } from "./usePrinter-CEiH1b6R.js";
+import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
+import { t as fe } from "./useNestedProp-CulPqtou.js";
+import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
+import { t as me } from "./useChartExport-DNiwdPmb.js";
+import { t as he } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as ge } from "./img-Bkzj3lDD.js";
+import { n as _e } from "./Title-CaVA8EIw.js";
+import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
+import { t as u } from "./DefGrad-DVBqDjhO.js";
+import { t as xe } from "./A11yDataTable-DdRsVULz.js";
+import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
+import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
+import { t as we } from "./Legend-BJtY2RA9.js";
+import { t as Te } from "./usePrefersMotion-BC-CsqR1.js";
+import { t as Ee } from "./vue_ui_dumbbell-Bfe_jFyi.js";
+import { Fragment as d, Teleport as De, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Oe, createTextVNode as ke, createVNode as _, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as b, normalizeStyle as Ne, 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, vShow as D, watch as ze, watchEffect as Be, withCtx as O, withDirectives as Ve } from "vue";
 //#region src/components/vue-ui-dumbbell.vue
 var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge = ["id"], Ke = { style: { position: "relative" } }, qe = [
 	"xmlns",
@@ -162,7 +162,10 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 	"xmlns",
 	"height",
 	"width"
-], Tt = ["fill"], Et = ["innerHTML"], Dt = /*#__PURE__*/ ye({
+], Tt = ["fill"], Et = { style: {
+	display: "flex",
+	"align-items": "center"
+} }, Dt = /*#__PURE__*/ ve({
 	__name: "vue-ui-dumbbell",
 	props: {
 		config: {
@@ -179,20 +182,20 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 		}
 	},
 	emits: ["selectDatapoint", "copyAlt"],
-	setup(e, { expose: ye, emit: He }) {
-		let Dt = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Ot = _(() => import("./vue-ui-accordion-CLU_su1P.js").then((e) => e.n)), kt = _(() => import("./DataTable-BbKgJ5UI.js")), At = _(() => import("./PenAndPaper-C0UZ74fa.js").then((e) => e.t)), jt = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Mt = _(() => import("./PackageVersion-B629oKuX.js").then((e) => e.t)), Nt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_dumbbell: Pt } = le(), { isThemeValid: Ft, warnInvalidTheme: It } = me(), Lt = Ee(), k = e, Rt = He, zt = d({
+	setup(e, { expose: ve, emit: He }) {
+		let Dt = v(() => import("./BaseIcon-BbElSC8_.js").then((e) => e.n)), Ot = v(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)), kt = v(() => import("./DataTable-CmyEubtT.js")), At = v(() => import("./PenAndPaper-CIa1F5Jq.js").then((e) => e.t)), jt = v(() => import("./UserOptions-WH7-49V0.js").then((e) => e.n)), Mt = v(() => import("./PackageVersion-C0b7KAMa.js").then((e) => e.t)), Nt = v(() => import("./BaseDraggableDialog-Dr_Q6Yt5.js").then((e) => e.n)), { vue_ui_dumbbell: Pt } = ce(), { isThemeValid: Ft, warnInvalidTheme: It } = pe(), Lt = Te(), k = e, Rt = He, zt = f({
 			get() {
 				return !!k.dataset && k.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), A = x(ie()), Bt = x(0), j = x(null), Vt = x(null), Ht = x(null), Ut = x(null), Wt = x(null), Gt = x(0), Kt = x(0), qt = x(0), Jt = x(!1), M = x(null), Yt = x(null), Xt = x(null), Zt = x(null), Qt = x(null), $t = x(null), N = x(null), P = x(null), F = x(null), en = x(!1), I = x(!1), L = x(ln());
-		se({
+		}), A = S(ie()), Bt = S(0), j = S(null), Vt = S(null), Ht = S(null), Ut = S(null), Wt = S(null), Gt = S(0), Kt = S(0), qt = S(0), Jt = S(!1), M = S(null), Yt = S(null), Xt = S(null), Zt = S(null), Qt = S(null), $t = S(null), N = S(null), P = S(null), F = S(null), en = S(!1), I = S(!1), L = S(ln());
+		oe({
 			config: () => L.value,
 			dataset: () => k.dataset,
 			component: "VueUiDumbbell",
-			rules: [ce.emptyArray, {
+			rules: [se.emptyArray, {
 				test: (e) => e.length > 31,
 				message: [
 					"👀 The number of series is > 31. Consider:",
@@ -203,7 +206,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				]
 			}]
 		});
-		let R = d(() => L.value.userOptions.useCursorPointer), tn = d(() => i({
+		let R = f(() => L.value.userOptions.useCursorPointer), tn = f(() => s({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -240,8 +243,8 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				} }
 			},
 			userConfig: L.value.skeletonConfig ?? {}
-		})), { loading: nn, FINAL_DATASET: rn, manualLoading: an } = de({
-			...ze(k),
+		})), { loading: nn, FINAL_DATASET: rn, manualLoading: an } = ue({
+			...Re(k),
 			FINAL_CONFIG: L,
 			prepareConfig: ln,
 			skeletonDataset: k.config?.skeletonDataset ?? [
@@ -271,44 +274,44 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					end: 5
 				}
 			],
-			skeletonConfig: i({
+			skeletonConfig: s({
 				defaultConfig: L.value,
 				userConfig: tn.value
 			})
-		}), { userOptionsVisible: on, setUserOptionsVisibility: sn, keepUserOptionState: cn } = Ce({ config: L.value }), { svgRef: z } = we({ config: L.value.style.chart.title });
+		}), { userOptionsVisible: on, setUserOptionsVisibility: sn, keepUserOptionState: cn } = Se({ config: L.value }), { svgRef: z } = Ce({ config: L.value.style.chart.title });
 		function ln() {
-			let e = pe({
+			let e = fe({
 				userConfig: k.config,
 				defaultConfig: Pt
 			}), t = e.theme;
 			if (!t) return e;
 			if (!Ft.value(e)) return It(e), e;
-			let n = pe({
-				userConfig: De[t] || k.config,
+			let n = fe({
+				userConfig: Ee[t] || k.config,
 				defaultConfig: e
 			});
-			return pe({
+			return fe({
 				userConfig: k.config,
 				defaultConfig: n
 			});
 		}
-		Be(() => k.config, (e) => {
+		ze(() => k.config, (e) => {
 			nn.value || (L.value = ln()), on.value = !L.value.userOptions.showOnChartHover, dn(), Gt.value += 1, Kt.value += 1, qt.value += 1, G.value = L.value.style.chart.rowHeight, K.value = L.value.style.chart.width, H.value.showTable = L.value.table.show;
-		}, { deep: !0 }), Be(() => rn.value, (e) => {
+		}, { deep: !0 }), ze(() => rn.value, (e) => {
 			Array.isArray(e) && e.length > 0 && (an.value = !1), Tn(), En();
 		}, { deep: !0 });
-		let B = Re(null), V = Re(null);
-		Ie(() => {
+		let B = Le(null), V = Le(null);
+		Fe(() => {
 			Jt.value = !0, dn();
 		});
-		let un = d(() => L.value.debug);
+		let un = f(() => L.value.debug);
 		function dn() {
-			if (ne(k.dataset) ? oe({
+			if (a(k.dataset) ? re({
 				componentName: "VueUiDumbbell",
 				type: "dataset",
 				debug: un.value
 			}) : k.dataset.forEach((e, t) => {
-				re({
+				ne({
 					datasetObject: e,
 					requiredAttributes: [
 						"name",
@@ -316,7 +319,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						"end"
 					]
 				}).forEach((e) => {
-					zt.value = !1, oe({
+					zt.value = !1, re({
 						componentName: "VueUiDumbbell",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -325,8 +328,8 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					});
 				});
 			}), L.value.responsive) {
-				let e = be(() => {
-					let { width: e, height: t } = xe({
+				let e = ye(() => {
+					let { width: e, height: t } = be({
 						chart: j.value,
 						title: L.value.style.chart.title.text ? Vt.value : null,
 						legend: L.value.style.chart.legend.show ? Ht.value : null,
@@ -341,29 +344,29 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			}
 			Bn();
 		}
-		Fe(() => {
+		Pe(() => {
 			X.value != null && (cancelAnimationFrame(X.value), X.value = null), B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
 		});
-		let { isPrinting: fn, isImaging: pn, generatePdf: mn, generateImage: hn } = ue({
+		let { isPrinting: fn, isImaging: pn, generatePdf: mn, generateImage: hn } = le({
 			elementId: `dumbbell_${A.value}`,
 			fileName: L.value.style.chart.title.text || "vue-ui-dumbbell",
 			options: L.value.userOptions.print
-		}), gn = d(() => L.value.userOptions.show && !L.value.style.chart.title.text), H = x({ showTable: L.value.table.show });
-		Be(L, () => {
+		}), gn = f(() => L.value.userOptions.show && !L.value.style.chart.title.text), H = S({ showTable: L.value.table.show });
+		ze(L, () => {
 			H.value = { showTable: L.value.table.show };
 		}, { immediate: !0 });
-		let U = d(() => rn.value.map((e, t) => ({
+		let U = f(() => rn.value.map((e, t) => ({
 			...e,
 			start: te(e.start),
 			end: te(e.end),
 			id: e.id ?? `${String(e.name)}__${String(e.start)}__${String(e.end)}__${ie()}`
-		}))), _n = d(() => {
+		}))), _n = f(() => {
 			let e = L.value.style.chart.grid, t = U.value.flatMap((e) => [e.start, e.end]).map((e) => Number(e)).filter((e) => Number.isFinite(e)), n = t.length ? Math.min(...t) : 0, r = t.length ? Math.max(...t) : 0;
 			return {
 				min: e.scaleMin ?? Math.min(n, 0),
 				max: e.scaleMax ?? r
 			};
-		}), W = d(() => ee(_n.value.min, _n.value.max, L.value.style.chart.grid.scaleSteps)), G = x(L.value.style.chart.rowHeight), K = x(L.value.style.chart.width);
+		}), W = f(() => ee(_n.value.min, _n.value.max, L.value.style.chart.grid.scaleSteps)), G = S(L.value.style.chart.rowHeight), K = S(L.value.style.chart.width);
 		function vn() {
 			let e = 0;
 			Zt.value && (e = Array.from(Zt.value.querySelectorAll("text")).reduce((e, t) => {
@@ -373,33 +376,33 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			let t = Xt.value ? Xt.value.getBoundingClientRect().width : 0;
 			return e + t + (t ? 24 + L.value.style.chart.labels.axis.yLabelOffsetX : 0);
 		}
-		let yn = x(0), bn = be((e) => {
+		let yn = S(0), bn = ye((e) => {
 			yn.value = e;
 		}, 100);
-		Ve((e) => {
+		Be((e) => {
 			let t = Qt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
 				bn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), Fe(() => {
+		}), Pe(() => {
 			yn.value = 0;
 		});
-		let xn = d(() => {
+		let xn = f(() => {
 			I.value;
 			let e = 0;
 			$t.value && (e = $t.value.getBBox().height);
 			let t = 0;
 			return Qt.value && (t = yn.value), e + t;
-		}), Sn = d(() => U.value.length);
+		}), Sn = f(() => U.value.length);
 		function Cn(e, t, n) {
 			let r = Number(e), i = Number(t.min), a = Number(t.max), o = Number(n.width);
 			if (!Number.isFinite(r) || !Number.isFinite(i) || !Number.isFinite(a) || !Number.isFinite(o)) return n.left;
 			let s = a - i;
 			return s <= 0 ? n.left : n.left + (r - i) / s * o;
 		}
-		let q = d(() => {
+		let q = f(() => {
 			I.value;
 			let e = vn(), t = L.value.style.chart.padding, n = L.value.style.chart.labels.axis.xLabel ? L.value.style.chart.labels.axis.xLabelOffsetY : 0, r = G.value * Sn.value - xn.value - t.top - t.bottom - n, i = r / Sn.value, a = G.value * Sn.value, o = K.value - e - t.left - t.right, s = W.value.ticks.length * (o / W.value.ticks.length);
 			return {
@@ -413,18 +416,18 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				absoluteHeight: a,
 				widthPlotReference: s
 			};
-		}), J = d(() => Math.min(G.value / 2 * .7, L.value.style.chart.plots.radius)), wn = x([]), Y = d({
+		}), J = f(() => Math.min(G.value / 2 * .7, L.value.style.chart.plots.radius)), wn = S([]), Y = f({
 			get() {
 				let e = q.value, t = W.value;
 				return wn.value.map((n, r) => {
-					let i = Cn(n.start, t, e), a = Cn(n.endVal, t, e), o = i + (a - i) / 2, s = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end > n.start, ee = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end < n.start, te = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end === n.start || [null, void 0].includes(n.start) || [null, void 0].includes(n.end), c = s ? L.value.style.chart.plots.evaluationColors.positive : ee ? L.value.style.chart.plots.evaluationColors.negative : L.value.style.chart.plots.evaluationColors.neutral;
+					let i = Cn(n.start, t, e), a = Cn(n.endVal, t, e), o = i + (a - i) / 2, s = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end > n.start, c = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end < n.start, ee = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end === n.start || [null, void 0].includes(n.start) || [null, void 0].includes(n.end), te = s ? L.value.style.chart.plots.evaluationColors.positive : c ? L.value.style.chart.plots.evaluationColors.negative : L.value.style.chart.plots.evaluationColors.neutral;
 					return {
 						...n,
 						isPositive: s,
-						isNegative: ee,
-						isNeutral: te,
-						evaluationColor: c,
-						evaluationGrad: `url(#${s ? "positive" : ee ? "negative" : "neutral"}_grad_${A.value})`,
+						isNegative: c,
+						isNeutral: ee,
+						evaluationColor: te,
+						evaluationGrad: `url(#${s ? "positive" : c ? "negative" : "neutral"}_grad_${A.value})`,
 						startX: i,
 						endX: a,
 						centerX: o,
@@ -445,8 +448,8 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				};
 			});
 		}
-		let X = x(null);
-		Ie(() => {
+		let X = S(null);
+		Fe(() => {
 			En();
 		});
 		function En() {
@@ -475,7 +478,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			};
 			X.value = requestAnimationFrame(n);
 		}
-		let Dn = d(() => L.value.style.chart.plots.evaluationColors.enable ? [
+		let Dn = f(() => L.value.style.chart.plots.evaluationColors.enable ? [
 			{
 				name: L.value.style.chart.legend.labelNegative,
 				color: L.value.style.chart.plots.gradient.show ? `url(#negative_grad_${A.value})` : L.value.style.chart.plots.evaluationColors.negative
@@ -494,7 +497,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 		}, {
 			name: L.value.style.chart.legend.labelEnd,
 			color: L.value.style.chart.plots.gradient.show ? `url(#end_grad_${A.value})` : L.value.style.chart.plots.endColor
-		}]), On = d(() => ({
+		}]), On = f(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: L.value.style.chart.legend.backgroundColor,
 			color: L.value.style.chart.legend.color,
@@ -502,13 +505,13 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			paddingBottom: 12,
 			paddingTop: 12,
 			fontWeight: L.value.style.chart.legend.bold ? "bold" : ""
-		})), Z = d(() => ({
+		})), Z = f(() => ({
 			head: Y.value.map((e) => ({ name: e.name })),
 			body: Y.value.map((e) => ({
 				start: e.start,
 				end: e.end
 			}))
-		})), Q = d(() => {
+		})), Q = f(() => {
 			let e = [
 				L.value.table.columnNames.series,
 				L.value.table.columnNames.start,
@@ -562,7 +565,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			};
 		});
 		function kn(e = null) {
-			Me(() => {
+			je(() => {
 				let n = Z.value.head.map((e, t) => [
 					[e.name],
 					[Z.value.body[t].start],
@@ -582,7 +585,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				});
 			});
 		}
-		let $ = x(!1);
+		let $ = S(!1);
 		function An(e) {
 			$.value = e, Bt.value += 1;
 		}
@@ -592,13 +595,13 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 		function Mn() {
 			H.value.showTable = !H.value.showTable;
 		}
-		let Nn = x(!1);
+		let Nn = S(!1);
 		function Pn() {
 			Nn.value = !Nn.value;
 		}
 		async function Fn({ scale: e = 2 } = {}) {
 			if (!j.value) return;
-			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await _e({
+			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ge({
 				domElement: j.value,
 				base64: !0,
 				img: !0,
@@ -613,11 +616,11 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				aspectRatio: r
 			};
 		}
-		let In = d(() => W.value.ticks), Ln = d(() => ({
+		let In = f(() => W.value.ticks), Ln = f(() => ({
 			start: 0,
 			end: In.value.length
 		}));
-		ge({
+		he({
 			timeLabelsEls: Qt,
 			timeLabels: In,
 			slicer: Ln,
@@ -657,7 +660,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				}
 				e === null || e !== n ? (e = n, t = 1) : (t += 1, t >= 1 && (I.value = n, e = null, t = 0));
 			};
-		})(), Bn = be(() => {
+		})(), Bn = ye(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
 					let e = Rn({
@@ -690,14 +693,14 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				seriesIndex: t
 			});
 		}
-		let Wn = d(() => {
+		let Wn = f(() => {
 			if (P.value === null) return 0;
 			let e = ![null, void 0].includes(P.value.start), t = ![null, void 0].includes(P.value.end);
 			return e && t ? Math.min(P.value.startX, P.value.endX) + Math.abs(P.value.startX - P.value.endX) / 2 : e && !t ? P.value.startX : t && !e ? P.value.endX : null;
-		}), Gn = d(() => {
+		}), Gn = f(() => {
 			if (P.value === null) return "";
 			let e = ![null, void 0].includes(P.value.start), t = ![null, void 0].includes(P.value.end), n = "", r = "";
-			return e && (n = c(L.value.style.chart.labels.formatter, P.value.start, o({
+			return e && (n = l(L.value.style.chart.labels.formatter, P.value.start, o({
 				p: L.value.style.chart.labels.prefix,
 				v: P.value.start,
 				s: L.value.style.chart.labels.suffix,
@@ -705,7 +708,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			}), {
 				datapoint: P.value,
 				seriesIndex: N.value
-			})), t && (r = c(L.value.style.chart.labels.formatter, P.value.end, o({
+			})), t && (r = l(L.value.style.chart.labels.formatter, P.value.end, o({
 				p: L.value.style.chart.labels.prefix,
 				v: P.value.end,
 				s: L.value.style.chart.labels.suffix,
@@ -714,7 +717,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				datapoint: P.value,
 				seriesIndex: N.value
 			})), e && t ? `${n} → ${r}` : e && !t ? n : t && !e ? r : "";
-		}), Kn = d(() => {
+		}), Kn = f(() => {
 			let e = L.value.table.useDialog && !L.value.table.show, t = H.value.showTable;
 			return {
 				component: e ? Nt : Ot,
@@ -745,16 +748,16 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				}
 			};
 		});
-		Be(() => H.value.showTable, (e) => {
+		ze(() => H.value.showTable, (e) => {
 			L.value.table.show || (e && L.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
 		});
 		function qn() {
 			H.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
 		}
-		let Jn = d(() => Dn.value.map((e) => ({
+		let Jn = f(() => Dn.value.map((e) => ({
 			...e,
 			shape: "circle"
-		}))), Yn = d(() => L.value.style.chart.backgroundColor), Xn = d(() => L.value.style.chart.legend), Zn = d(() => L.value.style.chart.title), { isCallbackImaging: Qn, isCallbackSvg: $n, generateSvg: er, onGenerateImage: tr } = he({
+		}))), Yn = f(() => L.value.style.chart.backgroundColor), Xn = f(() => L.value.style.chart.legend), Zn = f(() => L.value.style.chart.title), { isCallbackImaging: Qn, isCallbackSvg: $n, generateSvg: er, onGenerateImage: tr } = me({
 			svg: z,
 			title: Zn,
 			legend: Xn,
@@ -822,7 +825,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				seriesIndex: a
 			}));
 		}
-		let cr = d(() => ({
+		let cr = f(() => ({
 			head: Q.value.head,
 			body: Q.value.body.map((e) => [
 				e[0]?.name ?? "",
@@ -833,7 +836,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			caption: L.value.a11y.translations.tableCaption,
 			notice: L.value.a11y.translations.tableAvailable
 		}));
-		return ye({
+		return ve({
 			getData: jn,
 			getImage: Fn,
 			generatePdf: mn,
@@ -844,20 +847,20 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 			toggleAnnotator: Pn,
 			toggleFullscreen: An,
 			copyAlt: nr
-		}), (e, t) => (b(), m("div", {
+		}), (e, t) => (x(), h("div", {
 			ref_key: "dumbbellChart",
 			ref: j,
-			class: Ne(`vue-data-ui-component vue-ui-dumbbell ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: Pe(`font-family:${L.value.style.fontFamily};width:100%; text-align:center;background:${L.value.style.chart.backgroundColor};${L.value.responsive ? "height:100%" : ""}`),
+			class: Me(`vue-data-ui-component vue-ui-dumbbell ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			style: Ne(`font-family:${L.value.style.fontFamily};width:100%; text-align:center;background:${L.value.style.chart.backgroundColor};${L.value.responsive ? "height:100%" : ""}`),
 			id: `dumbbell_${A.value}`,
-			onMouseenter: t[1] ||= () => T(sn)(!0),
-			onMouseleave: t[2] ||= () => T(sn)(!1)
+			onMouseenter: t[1] ||= () => E(sn)(!0),
+			onMouseleave: t[2] ||= () => E(sn)(!1)
 		}, [
-			h("div", {
+			g("div", {
 				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, [h("p", null, w(L.value.a11y.translations.keyboardNavigation), 1)], 8, We),
-			cr.value.body.length ? (b(), f(Se, {
+			}, [g("p", null, T(L.value.a11y.translations.keyboardNavigation), 1)], 8, We),
+			cr.value.body.length ? (x(), p(xe, {
 				key: 0,
 				uid: A.value,
 				head: cr.value.head,
@@ -870,22 +873,22 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				"body",
 				"caption",
 				"notice"
-			])) : p("", !0),
-			L.value.userOptions.buttons.annotator ? (b(), f(T(At), {
+			])) : m("", !0),
+			L.value.userOptions.buttons.annotator ? (x(), p(E(At), {
 				key: 1,
-				svgRef: T(z),
+				svgRef: E(z),
 				backgroundColor: L.value.style.chart.backgroundColor,
 				color: L.value.style.chart.color,
 				active: Nn.value,
 				isCursorPointer: R.value,
 				onClose: Pn
 			}, {
-				"annotator-action-close": D(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": D(({ color: t }) => [C(e.$slots, "annotator-action-color", y(v({ color: t })), void 0, !0)]),
-				"annotator-action-draw": D(({ mode: t }) => [C(e.$slots, "annotator-action-draw", y(v({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": D(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", y(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": D(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", y(v({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": D(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", y(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": O(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": O(({ color: t }) => [w(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
+				"annotator-action-draw": O(({ mode: t }) => [w(e.$slots, "annotator-action-draw", b(y({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": O(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": O(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": O(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", b(y({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -893,20 +896,20 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : p("", !0),
-			gn.value ? (b(), m("div", {
+			])) : m("", !0),
+			gn.value ? (x(), h("div", {
 				key: 2,
 				ref_key: "noTitle",
 				ref: Wt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : p("", !0),
-			L.value.style.chart.title.text ? (b(), m("div", {
+			}, null, 512)) : m("", !0),
+			L.value.style.chart.title.text ? (x(), h("div", {
 				key: 3,
 				ref_key: "chartTitle",
 				ref: Vt,
 				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(b(), f(ve, {
+			}, [(x(), p(_e, {
 				key: `title_${Gt.value}`,
 				config: {
 					title: {
@@ -918,16 +921,16 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						...L.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : p("", !0),
-			h("div", { id: `legend-top-${A.value}` }, null, 8, Ge),
-			L.value.userOptions.show && zt.value && (T(cn) || T(on)) ? (b(), f(T(jt), {
+			}, null, 8, ["config"]))], 512)) : m("", !0),
+			g("div", { id: `legend-top-${A.value}` }, null, 8, Ge),
+			L.value.userOptions.show && zt.value && (E(cn) || E(on)) ? (x(), p(E(jt), {
 				ref_key: "userOptionsRef",
 				ref: Yt,
 				key: `user_option_${Bt.value}`,
 				backgroundColor: L.value.style.chart.backgroundColor,
 				color: L.value.style.chart.color,
-				isPrinting: T(fn),
-				isImaging: T(pn),
+				isPrinting: E(fn),
+				isImaging: E(pn),
 				uid: A.value,
 				hasPdf: L.value.userOptions.buttons.pdf,
 				hasXls: L.value.userOptions.buttons.csv,
@@ -947,18 +950,18 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				tableDialog: L.value.table.useDialog,
 				isCursorPointer: R.value,
 				onToggleFullscreen: An,
-				onGeneratePdf: T(mn),
+				onGeneratePdf: E(mn),
 				onGenerateCsv: kn,
-				onGenerateImage: T(tr),
-				onGenerateSvg: T(er),
+				onGenerateImage: E(tr),
+				onGenerateSvg: E(er),
 				onToggleTable: Mn,
 				onToggleAnnotator: Pn,
 				onCopyAlt: nr,
-				style: Pe({ visibility: T(cn) ? T(on) ? "visible" : "hidden" : "visible" })
-			}, ke({ _: 2 }, [
+				style: Ne({ visibility: E(cn) ? E(on) ? "visible" : "hidden" : "visible" })
+			}, Oe({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", y(v({
+					fn: O(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", b(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -966,32 +969,32 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: D(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: D(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: D(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: D(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: D(() => [C(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: D(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", y(v({
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", b(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -999,7 +1002,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", y(v({
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", b(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1007,46 +1010,46 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", y(v({ altCopy: t })), void 0, !0)]),
+					fn: O(({ altCopy: t }) => [w(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(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: D(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: O(() => [w(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "10"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : p("", !0),
-			h("div", Ke, [(b(), m("svg", {
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : m("", !0),
+			g("div", Ke, [(x(), h("svg", {
 				ref_key: "svgRef",
 				ref: z,
-				xmlns: T(ae),
-				class: Ne({
+				xmlns: E(ae),
+				class: Me({
 					"vue-data-ui-fullscreen--on": $.value,
 					"vue-data-ui-fulscreen--off": !$.value
 				}),
 				viewBox: `0 0 ${K.value} ${q.value.absoluteHeight <= 0 ? 10 : q.value.absoluteHeight}`,
-				style: Pe(`max-width:100%; overflow: visible; background:transparent;color:${L.value.style.chart.color}`),
+				style: Ne(`max-width:100%; overflow: visible; background:transparent;color:${L.value.style.chart.color}`),
 				"aria-describedby": `chart-instructions-${A.value}`,
 				tabindex: "0",
 				onFocus: ar,
 				onBlur: or,
 				onKeydown: sr
 			}, [
-				g(T(Mt)),
-				e.$slots["chart-background"] ? (b(), m("foreignObject", {
+				_(E(Mt)),
+				e.$slots["chart-background"] ? (x(), h("foreignObject", {
 					key: 0,
 					x: q.value.left,
 					y: q.value.top,
 					width: Math.max(.1, q.value.width),
 					height: Math.max(.1, q.value.height),
 					style: { pointerEvents: "none" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, Je)) : p("", !0),
-				L.value.style.chart.grid.verticalGrid.show ? (b(), m("g", Ye, [(b(!0), m(u, null, S(W.value.ticks, (e, t) => (b(), m("line", {
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Je)) : m("", !0),
+				L.value.style.chart.grid.verticalGrid.show ? (x(), h("g", Ye, [(x(!0), h(d, null, C(W.value.ticks, (e, t) => (x(), h("line", {
 					x1: q.value.left + t * q.value.width / (W.value.ticks.length - 1),
 					x2: q.value.left + t * q.value.width / (W.value.ticks.length - 1),
 					y1: q.value.top,
@@ -1054,8 +1057,8 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					stroke: L.value.style.chart.grid.verticalGrid.stroke,
 					"stroke-width": L.value.style.chart.grid.verticalGrid.strokeWidth,
 					"stroke-dasharray": L.value.style.chart.grid.verticalGrid.strokeDasharray
-				}, null, 8, Xe))), 256))])) : p("", !0),
-				L.value.style.chart.grid.horizontalGrid.show ? (b(), m("g", Ze, [(b(!0), m(u, null, S(U.value, (e, t) => (b(), m("line", {
+				}, null, 8, Xe))), 256))])) : m("", !0),
+				L.value.style.chart.grid.horizontalGrid.show ? (x(), h("g", Ze, [(x(!0), h(d, null, C(U.value, (e, t) => (x(), h("line", {
 					x1: q.value.left,
 					x2: q.value.right,
 					y1: q.value.top + t * q.value.rowHeight,
@@ -1063,7 +1066,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					stroke: L.value.style.chart.grid.horizontalGrid.stroke,
 					"stroke-width": L.value.style.chart.grid.horizontalGrid.strokeWidth,
 					"stroke-dasharray": L.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, Qe))), 256)), h("line", {
+				}, null, 8, Qe))), 256)), g("line", {
 					x1: q.value.left,
 					x2: q.value.right,
 					y1: q.value.bottom,
@@ -1071,8 +1074,8 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					stroke: L.value.style.chart.grid.horizontalGrid.stroke,
 					"stroke-width": L.value.style.chart.grid.horizontalGrid.strokeWidth,
 					"stroke-dasharray": L.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, $e)])) : p("", !0),
-				L.value.style.chart.labels.axis.yLabel ? (b(), m("text", {
+				}, null, 8, $e)])) : m("", !0),
+				L.value.style.chart.labels.axis.yLabel ? (x(), h("text", {
 					key: 3,
 					ref_key: "yAxisLabel",
 					ref: Xt,
@@ -1080,12 +1083,12 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					"font-size": L.value.style.chart.labels.axis.fontSize,
 					fill: L.value.style.chart.labels.axis.color,
 					"text-anchor": "middle"
-				}, w(L.value.style.chart.labels.axis.yLabel), 9, et)) : p("", !0),
-				L.value.style.chart.labels.yAxisLabels.show ? (b(), m("g", {
+				}, T(L.value.style.chart.labels.axis.yLabel), 9, et)) : m("", !0),
+				L.value.style.chart.labels.yAxisLabels.show ? (x(), h("g", {
 					key: 4,
 					ref_key: "serieLabels",
 					ref: Zt
-				}, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("text", {
+				}, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("text", {
 					class: "vue-ui-dumbbell-serie-name",
 					key: `serieLabel_${e.id}_${t}`,
 					x: q.value.left - 6 + L.value.style.chart.labels.yAxisLabels.offsetX,
@@ -1106,11 +1109,11 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						datapoint: e,
 						seriesIndex: t
 					})
-				}, w(e.name) + " " + w(I.value && L.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${T(c)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(o)({
+				}, T(e.name) + " " + T(I.value && L.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${E(l)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), E(o)({
 					v: 100 * (e.end / e.start - 1),
 					s: "%",
 					r: L.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })})` : ""), 41, tt))), 128)), L.value.style.chart.labels.yAxisLabels.showProgression && !I.value ? (b(!0), m(u, { key: 0 }, S(Y.value, (e, t) => (b(), m("text", {
+				}), { datapoint: e })})` : ""), 41, tt))), 128)), L.value.style.chart.labels.yAxisLabels.showProgression && !I.value ? (x(!0), h(d, { key: 0 }, C(Y.value, (e, t) => (x(), h("text", {
 					class: "vue-ui-dumbbell-serie-value",
 					x: q.value.left - 6 + L.value.style.chart.labels.yAxisLabels.offsetX,
 					y: q.value.top + t * q.value.rowHeight + q.value.rowHeight / 1.3 + L.value.style.chart.labels.yAxisLabels.fontSize / 3,
@@ -1129,12 +1132,12 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						datapoint: e,
 						seriesIndex: t
 					})
-				}, w([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : T(c)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(o)({
+				}, T([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : E(l)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), E(o)({
 					v: 100 * (e.end / e.start - 1),
 					s: "%",
 					r: L.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })), 41, nt))), 256)) : p("", !0)], 512)) : p("", !0),
-				L.value.style.chart.labels.axis.xLabel ? (b(), m("text", {
+				}), { datapoint: e })), 41, nt))), 256)) : m("", !0)], 512)) : m("", !0),
+				L.value.style.chart.labels.axis.xLabel ? (x(), h("text", {
 					key: 5,
 					ref_key: "xAxisLabel",
 					ref: $t,
@@ -1143,12 +1146,12 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					"font-size": L.value.style.chart.labels.axis.fontSize,
 					fill: L.value.style.chart.labels.axis.color,
 					"text-anchor": "middle"
-				}, w(L.value.style.chart.labels.axis.xLabel), 9, rt)) : p("", !0),
-				L.value.style.chart.labels.xAxisLabels.show ? (b(), m("g", {
+				}, T(L.value.style.chart.labels.axis.xLabel), 9, rt)) : m("", !0),
+				L.value.style.chart.labels.xAxisLabels.show ? (x(), h("g", {
 					key: 6,
 					ref_key: "scaleLabels",
 					ref: Qt
-				}, [(b(!0), m(u, null, S(W.value.ticks, (e, t) => (b(), m("text", {
+				}, [(x(!0), h(d, null, C(W.value.ticks, (e, t) => (x(), h("text", {
 					class: "vue-ui-dumbbell-scale-label",
 					key: `tick_${t}`,
 					transform: `translate(${q.value.left + t * (q.value.width / (W.value.ticks.length - 1))}, ${q.value.bottom + L.value.style.chart.labels.xAxisLabels.fontSize + L.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${L.value.style.chart.labels.xAxisLabels.rotation})`,
@@ -1156,7 +1159,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					fill: L.value.style.chart.labels.xAxisLabels.color,
 					"font-weight": L.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
 					"text-anchor": L.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : L.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
-				}, w(T(c)(L.value.style.chart.labels.formatter, e, T(o)({
+				}, T(E(l)(L.value.style.chart.labels.formatter, e, E(o)({
 					p: L.value.style.chart.labels.prefix,
 					v: e,
 					s: L.value.style.chart.labels.suffix,
@@ -1164,52 +1167,52 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})), 9, it))), 128))], 512)) : p("", !0),
-				O(h("g", null, [
-					O(h("path", {
+				})), 9, it))), 128))], 512)) : m("", !0),
+				Ve(g("g", null, [
+					Ve(g("path", {
 						d: `M ${P.value ? P.value.startX : q.value.left},${q.value.top} ${P.value ? P.value.startX : q.value.left},${q.value.bottom}`,
 						stroke: P.value ? L.value.style.chart.plots.evaluationColors.enable ? P.value.evaluationColor : L.value.style.chart.plots.startColor : "transparent",
 						"stroke-width": L.value.style.chart.comparisonLines.strokeWidth,
 						"stroke-dasharray": L.value.style.chart.comparisonLines.strokeDasharray,
 						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, at), [[E, P.value !== null && ![null, void 0].includes(P.value.start)]]),
-					O(h("path", {
+					}, null, 8, at), [[D, P.value !== null && ![null, void 0].includes(P.value.start)]]),
+					Ve(g("path", {
 						d: `M ${P.value ? P.value.endX : q.value.left},${q.value.top} ${P.value ? P.value.endX : q.value.left},${q.value.bottom}`,
 						stroke: P.value ? L.value.style.chart.plots.evaluationColors.enable ? P.value.evaluationColor : L.value.style.chart.plots.endColor : "transparent",
 						"stroke-width": L.value.style.chart.comparisonLines.strokeWidth,
 						"stroke-dasharray": L.value.style.chart.comparisonLines.strokeDasharray,
 						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, ot), [[E, P.value !== null && ![null, void 0].includes(P.value.end)]]),
-					O(h("rect", {
+					}, null, 8, ot), [[D, P.value !== null && ![null, void 0].includes(P.value.end)]]),
+					Ve(g("rect", {
 						x: P.value ? Math.min(P.value.startX, P.value.endX) : q.value.left,
 						y: q.value.top,
 						height: Math.max(.1, q.value.height),
 						width: P.value ? Math.max(.1, Math.abs(P.value.endX - P.value.startX)) : 0,
-						fill: P.value ? T(n)(L.value.style.chart.comparisonLines.rectColor, L.value.style.chart.comparisonLines.rectOpacity) : "transparent",
+						fill: P.value ? E(i)(L.value.style.chart.comparisonLines.rectColor, L.value.style.chart.comparisonLines.rectOpacity) : "transparent",
 						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, st), [[E, L.value.style.chart.comparisonLines.showRect && P.value !== null && ![null, void 0].includes(P.value.start) && ![null, void 0].includes(P.value.end)]]),
-					O(h("text", {
+					}, null, 8, st), [[D, L.value.style.chart.comparisonLines.showRect && P.value !== null && ![null, void 0].includes(P.value.start) && ![null, void 0].includes(P.value.end)]]),
+					Ve(g("text", {
 						transform: `translate(${Wn.value == null ? 0 : Wn.value}, ${q.value.top - 6})`,
 						fill: L.value.style.chart.comparisonLines.labelColor,
 						"font-size": L.value.style.chart.comparisonLines.labelFontSize,
 						"text-anchor": "middle",
 						style: { transition: "all 0.3s ease-in-out" }
-					}, w(Gn.value), 9, ct), [[E, P.value !== null && Wn.value !== null && L.value.style.chart.comparisonLines.showLabel]])
-				], 512), [[E, L.value.style.chart.comparisonLines.show && N.value !== null]]),
-				h("defs", null, [
-					g(l, {
+					}, T(Gn.value), 9, ct), [[D, P.value !== null && Wn.value !== null && L.value.style.chart.comparisonLines.showLabel]])
+				], 512), [[D, L.value.style.chart.comparisonLines.show && N.value !== null]]),
+				g("defs", null, [
+					_(u, {
 						t: "radial",
 						id: `start_grad_${A.value}`,
 						fy: "30%",
 						stops: [
 							[
 								"10%",
-								T(a)(L.value.style.chart.plots.startColor, L.value.style.chart.plots.gradient.intensity / 100),
+								E(n)(L.value.style.chart.plots.startColor, L.value.style.chart.plots.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(s)(L.value.style.chart.plots.startColor, .1),
+								E(c)(L.value.style.chart.plots.startColor, .1),
 								1
 							],
 							[
@@ -1219,19 +1222,19 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 							]
 						]
 					}, null, 8, ["id", "stops"]),
-					g(l, {
+					_(u, {
 						t: "radial",
 						id: `end_grad_${A.value}`,
 						fy: "30%",
 						stops: [
 							[
 								"10%",
-								T(a)(L.value.style.chart.plots.endColor, L.value.style.chart.plots.gradient.intensity / 100),
+								E(n)(L.value.style.chart.plots.endColor, L.value.style.chart.plots.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(s)(L.value.style.chart.plots.endColor, .1),
+								E(c)(L.value.style.chart.plots.endColor, .1),
 								1
 							],
 							[
@@ -1241,19 +1244,19 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 							]
 						]
 					}, null, 8, ["id", "stops"]),
-					g(l, {
+					_(u, {
 						t: "radial",
 						id: `positive_grad_${A.value}`,
 						fy: "30%",
 						stops: [
 							[
 								"10%",
-								T(a)(L.value.style.chart.plots.evaluationColors.positive, L.value.style.chart.plots.gradient.intensity / 100),
+								E(n)(L.value.style.chart.plots.evaluationColors.positive, L.value.style.chart.plots.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(s)(L.value.style.chart.plots.evaluationColors.positive, .1),
+								E(c)(L.value.style.chart.plots.evaluationColors.positive, .1),
 								1
 							],
 							[
@@ -1263,19 +1266,19 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 							]
 						]
 					}, null, 8, ["id", "stops"]),
-					g(l, {
+					_(u, {
 						t: "radial",
 						id: `negative_grad_${A.value}`,
 						fy: "30%",
 						stops: [
 							[
 								"10%",
-								T(a)(L.value.style.chart.plots.evaluationColors.negative, L.value.style.chart.plots.gradient.intensity / 100),
+								E(n)(L.value.style.chart.plots.evaluationColors.negative, L.value.style.chart.plots.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(s)(L.value.style.chart.plots.evaluationColors.negative, .1),
+								E(c)(L.value.style.chart.plots.evaluationColors.negative, .1),
 								1
 							],
 							[
@@ -1285,19 +1288,19 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 							]
 						]
 					}, null, 8, ["id", "stops"]),
-					g(l, {
+					_(u, {
 						t: "radial",
 						id: `neutral_grad_${A.value}`,
 						fy: "30%",
 						stops: [
 							[
 								"10%",
-								T(a)(L.value.style.chart.plots.evaluationColors.neutral, L.value.style.chart.plots.gradient.intensity / 100),
+								E(n)(L.value.style.chart.plots.evaluationColors.neutral, L.value.style.chart.plots.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								T(s)(L.value.style.chart.plots.evaluationColors.neutral, .1),
+								E(c)(L.value.style.chart.plots.evaluationColors.neutral, .1),
 								1
 							],
 							[
@@ -1308,8 +1311,8 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						]
 					}, null, 8, ["id", "stops"])
 				]),
-				(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("g", { key: `plot_${t}_${e.id}` }, [
-					h("defs", null, [g(l, {
+				(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("g", { key: `plot_${t}_${e.id}` }, [
+					g("defs", null, [_(u, {
 						t: "linear",
 						id: `grad_pos_${A.value}`,
 						x1: "0%",
@@ -1325,7 +1328,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 							L.value.style.chart.plots.endColor,
 							1
 						]]
-					}, null, 8, ["id", "stops"]), g(l, {
+					}, null, 8, ["id", "stops"]), _(u, {
 						t: "linear",
 						id: `grad_neg_${A.value}`,
 						x1: "0%",
@@ -1342,7 +1345,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 							1
 						]]
 					}, null, 8, ["id", "stops"])]),
-					![void 0, null].includes(e.end) && ![void 0, null].includes(e.start) ? (b(), m("g", lt, [L.value.style.chart.plots.link.type === "curved" ? (b(), m("g", ut, [h("path", {
+					![void 0, null].includes(e.end) && ![void 0, null].includes(e.start) ? (x(), h("g", lt, [L.value.style.chart.plots.link.type === "curved" ? (x(), h("g", ut, [g("path", {
 						d: `M 
                                     ${e.startX},${e.y + J.value / 2} 
                                     C ${e.centerX},${e.y} ${e.centerX},${e.y} 
@@ -1353,14 +1356,14 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
                                     Z
                                 `,
 						fill: L.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${A.value})` : `url(#grad_neg_${A.value})`
-					}, null, 8, dt)])) : (b(), m("g", ft, [h("rect", {
+					}, null, 8, dt)])) : (x(), h("g", ft, [g("rect", {
 						x: e.endX > e.startX ? e.startX : e.endX,
 						y: e.y - L.value.style.chart.plots.link.strokeWidth / 2,
 						height: Math.max(.01, L.value.style.chart.plots.link.strokeWidth),
 						width: Math.max(.01, Math.abs(e.endX - e.startX)),
 						fill: L.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${A.value})` : `url(#grad_neg_${A.value})`
-					}, null, 8, pt)]))])) : p("", !0),
-					[null, void 0].includes(e.start) ? p("", !0) : (b(), m("circle", {
+					}, null, 8, pt)]))])) : m("", !0),
+					[null, void 0].includes(e.start) ? m("", !0) : (x(), h("circle", {
 						key: 1,
 						cx: e.startX,
 						cy: e.y,
@@ -1369,7 +1372,7 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						stroke: L.value.style.chart.plots.stroke,
 						"stroke-width": L.value.style.chart.plots.strokeWidth
 					}, null, 8, mt)),
-					[null, void 0].includes(e.end) ? p("", !0) : (b(), m("circle", {
+					[null, void 0].includes(e.end) ? m("", !0) : (x(), h("circle", {
 						key: 2,
 						cx: e.endX,
 						cy: e.y,
@@ -1379,14 +1382,14 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						"stroke-width": L.value.style.chart.plots.strokeWidth
 					}, null, 8, ht))
 				]))), 128)),
-				L.value.style.chart.labels.startLabels.show ? (b(), m("g", gt, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("g", { key: `start_label_${t}_${e.id}` }, [[null, void 0].includes(e.start) ? p("", !0) : (b(), m("text", {
+				L.value.style.chart.labels.startLabels.show ? (x(), h("g", gt, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("g", { key: `start_label_${t}_${e.id}` }, [[null, void 0].includes(e.start) ? m("", !0) : (x(), h("text", {
 					key: 0,
 					x: e.startX,
 					y: e.y + J.value * 2 + L.value.style.chart.labels.startLabels.fontSize / 2,
 					fill: L.value.style.chart.plots.evaluationColors.enable && L.value.style.chart.labels.startLabels.useEvaluationColor ? e.evaluationColor : L.value.style.chart.labels.startLabels.useStartColor ? L.value.style.chart.plots.startColor : L.value.style.chart.labels.startLabels.color,
 					"font-size": L.value.style.chart.labels.startLabels.fontSize,
 					"text-anchor": "middle"
-				}, w(T(c)(L.value.style.chart.labels.formatter, e.start, T(o)({
+				}, T(E(l)(L.value.style.chart.labels.formatter, e.start, E(o)({
 					p: L.value.style.chart.labels.prefix,
 					v: e.start,
 					s: L.value.style.chart.labels.suffix,
@@ -1394,15 +1397,15 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})), 9, _t))]))), 128))])) : p("", !0),
-				L.value.style.chart.labels.endLabels.show ? (b(), m("g", vt, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("g", { key: `end_label_${t}_${e.id}` }, [[null, void 0].includes(e.end) ? p("", !0) : (b(), m("text", {
+				})), 9, _t))]))), 128))])) : m("", !0),
+				L.value.style.chart.labels.endLabels.show ? (x(), h("g", vt, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("g", { key: `end_label_${t}_${e.id}` }, [[null, void 0].includes(e.end) ? m("", !0) : (x(), h("text", {
 					key: 0,
 					x: e.endX,
 					y: e.y - (J.value * 2 - L.value.style.chart.labels.startLabels.fontSize / 3),
 					fill: L.value.style.chart.plots.evaluationColors.enable && L.value.style.chart.labels.endLabels.useEvaluationColor ? e.evaluationColor : L.value.style.chart.labels.endLabels.useEndColor ? L.value.style.chart.plots.endColor : L.value.style.chart.labels.endLabels.color,
 					"font-size": L.value.style.chart.labels.endLabels.fontSize,
 					"text-anchor": "middle"
-				}, w(T(c)(L.value.style.chart.labels.formatter, e.end, T(o)({
+				}, T(E(l)(L.value.style.chart.labels.formatter, e.end, E(o)({
 					p: L.value.style.chart.labels.prefix,
 					v: e.end,
 					s: L.value.style.chart.labels.suffix,
@@ -1410,13 +1413,13 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})), 9, yt))]))), 128))])) : p("", !0),
-				h("g", null, [(b(!0), m(u, null, S(Y.value, (e, t) => (b(), m("rect", {
+				})), 9, yt))]))), 128))])) : m("", !0),
+				g("g", null, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("rect", {
 					x: q.value.left,
 					y: q.value.top + t * Math.max(.1, q.value.rowHeight),
 					width: Math.max(.1, q.value.width),
 					height: Math.max(.1, q.value.rowHeight),
-					fill: N.value === null ? "transparent" : N.value === t ? T(n)(L.value.style.chart.highlighter.color, L.value.style.chart.highlighter.opacity) : "transparent",
+					fill: N.value === null ? "transparent" : N.value === t ? E(i)(L.value.style.chart.highlighter.color, L.value.style.chart.highlighter.opacity) : "transparent",
 					onMouseenter: (n) => Vn({
 						datapoint: e,
 						seriesIndex: t
@@ -1430,54 +1433,54 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 						seriesIndex: t
 					})
 				}, null, 40, bt))), 256))]),
-				C(e.$slots, "svg", { svg: {
+				w(e.$slots, "svg", { svg: {
 					...q.value,
-					isPrintingImg: T(fn) || T(pn) || T(Qn),
-					isPrintingSvg: T($n)
+					isPrintingImg: E(fn) || E(pn) || E(Qn),
+					isPrintingSvg: E($n)
 				} }, void 0, !0)
-			], 46, qe)), e.$slots.hint ? (b(), m("div", xt, [C(e.$slots, "hint", y(v({
+			], 46, qe)), e.$slots.hint ? (x(), h("div", xt, [w(e.$slots, "hint", b(y({
 				hint: L.value.a11y.translations.keyboardNavigation,
 				isVisible: en.value
-			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (b(), m("div", St, [C(e.$slots, "watermark", y(v({ isPrinting: T(fn) || T(pn) || T(Qn) || T($n) })), void 0, !0)])) : p("", !0),
-			h("div", { id: `legend-bottom-${A.value}` }, null, 8, Ct),
-			Jt.value && (L.value.style.chart.legend.show || e.$slots.legend) ? (b(), f(Oe, {
+			})), void 0, !0)])) : m("", !0)]),
+			e.$slots.watermark ? (x(), h("div", St, [w(e.$slots, "watermark", b(y({ isPrinting: E(fn) || E(pn) || E(Qn) || E($n) })), void 0, !0)])) : m("", !0),
+			g("div", { id: `legend-bottom-${A.value}` }, null, 8, Ct),
+			Jt.value && (L.value.style.chart.legend.show || e.$slots.legend) ? (x(), p(De, {
 				key: 6,
 				to: L.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
-			}, [h("div", {
+			}, [g("div", {
 				ref_key: "chartLegend",
 				ref: Ht
-			}, [C(e.$slots, "legend", { legend: Dn.value }, () => [L.value.style.chart.legend.show && zt.value ? (b(), f(Te, {
+			}, [w(e.$slots, "legend", { legend: Dn.value }, () => [L.value.style.chart.legend.show && zt.value ? (x(), p(we, {
 				key: `legend_${qt.value}`,
 				legendSet: Dn.value,
 				config: On.value,
 				clickable: !1
 			}, {
-				item: D(({ legend: e }) => [h("div", { style: Pe(`display:flex;align-items:center;gap:4px;font-size:${L.value.style.chart.legend.fontSize}px`) }, [(b(), m("svg", {
-					xmlns: T(ae),
+				item: O(({ legend: e }) => [g("div", { style: Ne(`display:flex;align-items:center;gap:4px;font-size:${L.value.style.chart.legend.fontSize}px`) }, [(x(), h("svg", {
+					xmlns: E(ae),
 					viewBox: "0 0 20 20",
 					height: L.value.style.chart.legend.fontSize,
 					width: L.value.style.chart.legend.fontSize
-				}, [h("circle", {
+				}, [g("circle", {
 					cx: 10,
 					cy: 10,
 					r: 9,
 					fill: e.color
-				}, null, 8, Tt)], 8, wt)), T(nn) ? p("", !0) : (b(), m(u, { key: 0 }, [Ae(w(e.name), 1)], 64))], 4)]),
+				}, null, 8, Tt)], 8, wt)), E(nn) ? m("", !0) : (x(), h(d, { key: 0 }, [ke(T(e.name), 1)], 64))], 4)]),
 				_: 1
-			}, 8, ["legendSet", "config"])) : p("", !0)], !0)], 512)], 8, ["to"])) : p("", !0),
-			e.$slots.source ? (b(), m("div", {
+			}, 8, ["legendSet", "config"])) : m("", !0)], !0)], 512)], 8, ["to"])) : m("", !0),
+			e.$slots.source ? (x(), h("div", {
 				key: 7,
 				ref_key: "source",
 				ref: Ut,
 				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			zt.value && L.value.userOptions.buttons.table ? (b(), f(Le(Kn.value.component), je({ key: 8 }, Kn.value.props, {
+			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
+			zt.value && L.value.userOptions.buttons.table ? (x(), p(Ie(Kn.value.component), Ae({ key: 8 }, Kn.value.props, {
 				ref_key: "tableUnit",
 				ref: M,
 				onClose: qn
-			}), ke({
-				content: D(() => [(b(), f(T(kt), {
+			}), Oe({
+				content: O(() => [(x(), p(E(kt), {
 					key: `table_${Kt.value}`,
 					colNames: Q.value.colNames,
 					head: Q.value.head,
@@ -1488,14 +1491,8 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 					isCursorPointer: R.value,
 					onClose: qn
 				}, {
-					th: D(({ th: e }) => [h("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, Et)]),
-					td: D(({ td: e }) => [Ae(w(e.name || e), 1)]),
+					th: O(({ th: e }) => [g("div", Et, T(e), 1)]),
+					td: O(({ td: e }) => [ke(T(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1509,24 +1506,24 @@ var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge
 				_: 2
 			}, [L.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [Ae(w(Kn.value.title), 1)]),
+				fn: O(() => [ke(T(Kn.value.title), 1)]),
 				key: "0"
 			} : void 0, L.value.table.useDialog ? {
 				name: "actions",
-				fn: D(() => [h("button", {
+				fn: O(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
 					onClick: t[0] ||= (e) => kn(L.value.userOptions.callbacks.csv),
-					style: Pe({ cursor: R.value ? "pointer" : "default" })
-				}, [g(T(Dt), {
+					style: Ne({ cursor: R.value ? "pointer" : "default" })
+				}, [_(E(Dt), {
 					name: "fileCsv",
 					stroke: Kn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : p("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(nn) ? (b(), f(fe, { key: 0 })) : p("", !0)], !0)
+			} : void 0]), 1040)) : m("", !0),
+			w(e.$slots, "skeleton", {}, () => [E(nn) ? (x(), p(de, { key: 0 })) : m("", !0)], !0)
 		], 46, Ue));
 	}
-}, [["__scopeId", "data-v-5ce0f3c4"]]);
+}, [["__scopeId", "data-v-55f01fb4"]]);
 //#endregion
 export { He as n, Dt as t };