vue-data-ui 3.22.7 → 3.22.9

package/dist/{vue-ui-dumbbell-bSbgHd0U.js → vue-ui-dumbbell-DGA5Bfnl.js}

@@ -1,25 +1,26 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Gt as t, K as n, Lt as r, Ot as i, Q as a, Tt as o, W as s, X as ee, h as te, i as c, q as l, t as ne, ut as re, v as ie, w as ae } from "./lib-EAmk-PgA.js";
+import { $ as t, Et as n, G as r, J as i, Kt as a, Rt as o, T as s, Z as ee, dt as te, h as ne, i as c, kt as re, q as l, t as ie, v as ae } from "./lib-JqW18y5I.js";
 import { t as oe } from "./useConfig-DYM3f6EI.js";
-import { t as se } from "./usePrinter-DnGzpp6Q.js";
+import { t as se } from "./usePrinter-CqqHmnBI.js";
 import { n as ce, t as le } from "./BaseScanner-DZvpgOjM.js";
 import { t as ue } from "./useSvgExport-SVIsDot8.js";
-import { t as de } from "./useNestedProp-D8XqxgOU.js";
+import { t as de } from "./useNestedProp-DIuuzG1r.js";
 import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as pe } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as me } from "./img-B_abIg0o.js";
-import { n as he } from "./Title-PiTKr6sp.js";
+import { t as me } from "./img-DnP3eXuv.js";
+import { n as he } from "./Title-CcNiYzEo.js";
 import { t as ge } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as _e } from "./canvas-lib-BOP_HS11.js";
 import { t as ve } from "./useResponsive-BfnK0KxU.js";
+import { t as u } from "./DefGrad-DVBqDjhO.js";
 import { t as ye } from "./A11yDataTable-DdRsVULz.js";
 import { t as be } from "./useUserOptionState-DK-_1ddE.js";
 import { t as xe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Se } from "./Legend-kAr7Vqqu.js";
+import { t as Se } from "./Legend-ROt6ugzW.js";
 import { t as Ce } from "./vue_ui_dumbbell-Bfe_jFyi.js";
-import { Fragment as u, Teleport as we, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as Te, createTextVNode as Ee, createVNode as De, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Oe, nextTick as ke, normalizeClass as Ae, normalizeProps as v, normalizeStyle as y, onBeforeUnmount as je, onMounted as Me, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Ne, shallowRef as Pe, toDisplayString as w, toRefs as Fe, unref as T, vShow as Ie, watch as Le, watchEffect as Re, withCtx as E, withDirectives as D } from "vue";
+import { Fragment as d, Teleport as we, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Te, createTextVNode as Ee, createVNode as _, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as De, nextTick as Oe, normalizeClass as ke, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Ae, onMounted as je, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Me, shallowRef as Ne, toDisplayString as E, toRefs as Pe, unref as D, vShow as Fe, watch as Ie, watchEffect as Le, withCtx as O, withDirectives as Re } from "vue";
 //#region src/components/vue-ui-dumbbell.vue
-var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He = ["id"], Ue = { style: { position: "relative" } }, We = [
+var ze = /* @__PURE__ */ e({ default: () => wt }), Be = ["id"], Ve = ["id"], He = ["id"], Ue = { style: { position: "relative" } }, We = [
 	"xmlns",
 	"viewBox",
 	"aria-describedby"
@@ -104,37 +105,37 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 	"transform",
 	"fill",
 	"font-size"
-], ot = ["id"], st = ["stop-color"], ct = ["stop-color"], lt = ["stop-color"], ut = ["id"], dt = ["stop-color"], ft = ["stop-color"], pt = ["stop-color"], mt = ["id"], ht = ["stop-color"], gt = ["stop-color"], _t = ["stop-color"], vt = ["id"], yt = ["stop-color"], bt = ["stop-color"], xt = ["stop-color"], St = ["id"], Ct = ["stop-color"], wt = ["stop-color"], Tt = ["stop-color"], Et = ["id"], Dt = ["stop-color"], Ot = ["stop-color"], kt = ["id"], At = ["stop-color"], jt = ["stop-color"], Mt = { key: 0 }, Nt = { key: 0 }, Pt = ["d", "fill"], Ft = { key: 1 }, It = [
+], ot = { key: 0 }, st = { key: 0 }, ct = ["d", "fill"], lt = { key: 1 }, ut = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill"
-], Lt = [
+], dt = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Rt = [
+], ft = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke",
 	"stroke-width"
-], zt = { key: 7 }, Bt = [
+], pt = { key: 7 }, mt = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], Vt = { key: 8 }, Ht = [
+], ht = { key: 8 }, gt = [
 	"x",
 	"y",
 	"fill",
 	"font-size"
-], Ut = [
+], _t = [
 	"x",
 	"y",
 	"width",
@@ -143,7 +144,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Wt = {
+], vt = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -153,14 +154,14 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Gt = {
+}, yt = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Kt = ["id"], qt = [
+}, bt = ["id"], xt = [
 	"xmlns",
 	"height",
 	"width"
-], Jt = ["fill"], Yt = ["innerHTML"], Xt = /*#__PURE__*/ ge({
+], St = ["fill"], Ct = ["innerHTML"], wt = /*#__PURE__*/ ge({
 	__name: "vue-ui-dumbbell",
 	props: {
 		config: {
@@ -178,14 +179,14 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: ge, emit: ze }) {
-		let Xt = g(() => import("./BaseIcon-_-BX7be3.js").then((e) => e.n)), Zt = g(() => import("./vue-ui-accordion-Dzz8XhX3.js").then((e) => e.n)), Qt = g(() => import("./DataTable-CVF7DoZn.js")), $t = g(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), en = g(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), tn = g(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), nn = g(() => import("./BaseDraggableDialog-1wwwdwV2.js").then((e) => e.n)), { vue_ui_dumbbell: rn } = oe(), { isThemeValid: an, warnInvalidTheme: on } = fe(), O = e, sn = ze, cn = d({
+		let wt = v(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), Tt = v(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), Et = v(() => import("./DataTable-BxpTMgfK.js")), Dt = v(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), Ot = v(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), kt = v(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), At = v(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_dumbbell: jt } = oe(), { isThemeValid: Mt, warnInvalidTheme: Nt } = fe(), k = e, Pt = ze, Ft = f({
 			get() {
-				return !!O.dataset && O.dataset.length;
+				return !!k.dataset && k.dataset.length;
 			},
 			set(e) {
 				return e;
 			}
-		}), k = x(s()), ln = x(0), A = x(null), un = x(null), dn = x(null), fn = x(null), pn = x(null), mn = x(0), hn = x(0), gn = x(0), _n = x(!1), j = x(null), vn = x(null), yn = x(!1), bn = x(!1), xn = x(null), Sn = x(null), Cn = x(null), wn = x(null), M = x(null), N = x(null), P = x(null), Tn = x(!1), F = x(!1), I = x(Nn()), L = d(() => I.value.userOptions.useCursorPointer), En = d(() => t({
+		}), A = C(r()), It = C(0), j = C(null), Lt = C(null), Rt = C(null), zt = C(null), Bt = C(null), Vt = C(0), Ht = C(0), Ut = C(0), Wt = C(!1), Gt = C(null), Kt = C(null), qt = C(!1), Jt = C(!1), Yt = C(null), Xt = C(null), Zt = C(null), Qt = C(null), M = C(null), N = C(null), P = C(null), $t = C(!1), F = C(!1), I = C(cn()), L = f(() => I.value.userOptions.useCursorPointer), en = f(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -222,11 +223,11 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				} }
 			},
 			userConfig: I.value.skeletonConfig ?? {}
-		})), { loading: Dn, FINAL_DATASET: On, manualLoading: kn } = ce({
-			...Fe(O),
+		})), { loading: tn, FINAL_DATASET: nn, manualLoading: rn } = ce({
+			...Pe(k),
 			FINAL_CONFIG: I,
-			prepareConfig: Nn,
-			skeletonDataset: O.config?.skeletonDataset ?? [
+			prepareConfig: cn,
+			skeletonDataset: k.config?.skeletonDataset ?? [
 				{
 					name: "_",
 					start: 21,
@@ -253,44 +254,44 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					end: 5
 				}
 			],
-			skeletonConfig: t({
+			skeletonConfig: a({
 				defaultConfig: I.value,
-				userConfig: En.value
+				userConfig: en.value
 			})
-		}), { userOptionsVisible: An, setUserOptionsVisibility: jn, keepUserOptionState: Mn } = be({ config: I.value }), { svgRef: R } = xe({ config: I.value.style.chart.title });
-		function Nn() {
+		}), { userOptionsVisible: an, setUserOptionsVisibility: on, keepUserOptionState: sn } = be({ config: I.value }), { svgRef: R } = xe({ config: I.value.style.chart.title });
+		function cn() {
 			let e = de({
-				userConfig: O.config,
-				defaultConfig: rn
+				userConfig: k.config,
+				defaultConfig: jt
 			}), t = e.theme;
 			if (!t) return e;
-			if (!an.value(e)) return on(e), e;
+			if (!Mt.value(e)) return Nt(e), e;
 			let n = de({
-				userConfig: Ce[t] || O.config,
+				userConfig: Ce[t] || k.config,
 				defaultConfig: e
 			});
 			return de({
-				userConfig: O.config,
+				userConfig: k.config,
 				defaultConfig: n
 			});
 		}
-		Le(() => O.config, (e) => {
-			Dn.value || (I.value = Nn()), An.value = !I.value.userOptions.showOnChartHover, Fn(), mn.value += 1, hn.value += 1, gn.value += 1, W.value = I.value.style.chart.rowHeight, G.value = I.value.style.chart.width, V.value.showTable = I.value.table.show;
-		}, { deep: !0 }), Le(() => On.value, (e) => {
-			Array.isArray(e) && e.length > 0 && (kn.value = !1), Yn(), Xn();
+		Ie(() => k.config, (e) => {
+			tn.value || (I.value = cn()), an.value = !I.value.userOptions.showOnChartHover, un(), Vt.value += 1, Ht.value += 1, Ut.value += 1, W.value = I.value.style.chart.rowHeight, G.value = I.value.style.chart.width, V.value.showTable = I.value.table.show;
+		}, { deep: !0 }), Ie(() => nn.value, (e) => {
+			Array.isArray(e) && e.length > 0 && (rn.value = !1), wn(), Tn();
 		}, { deep: !0 });
-		let z = Pe(null), B = Pe(null);
-		Me(() => {
-			_n.value = !0, Fn();
+		let z = Ne(null), B = Ne(null);
+		je(() => {
+			Wt.value = !0, un();
 		});
-		let Pn = d(() => !!I.value.debug);
-		function Fn() {
-			if (i(O.dataset) ? a({
+		let ln = f(() => !!I.value.debug);
+		function un() {
+			if (re(k.dataset) ? t({
 				componentName: "VueUiDumbbell",
 				type: "dataset",
-				debug: Pn.value
-			}) : O.dataset.forEach((e, t) => {
-				re({
+				debug: ln.value
+			}) : k.dataset.forEach((e, n) => {
+				te({
 					datasetObject: e,
 					requiredAttributes: [
 						"name",
@@ -298,115 +299,115 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 						"end"
 					]
 				}).forEach((e) => {
-					cn.value = !1, a({
+					Ft.value = !1, t({
 						componentName: "VueUiDumbbell",
 						type: "datasetSerieAttribute",
 						property: e,
-						index: t,
-						debug: Pn.value
+						index: n,
+						debug: ln.value
 					});
 				});
 			}), I.value.responsive) {
 				let e = _e(() => {
 					let { width: e, height: t } = ve({
-						chart: A.value,
-						title: I.value.style.chart.title.text ? un.value : null,
-						legend: I.value.style.chart.legend.show ? dn.value : null,
-						source: fn.value,
-						noTitle: pn.value
+						chart: j.value,
+						title: I.value.style.chart.title.text ? Lt.value : null,
+						legend: I.value.style.chart.legend.show ? Rt.value : null,
+						source: zt.value,
+						noTitle: Bt.value
 					}), n = I.value.style.chart.title.text ? 24 : 0, r = I.value.style.chart.legend.show ? 24 : 0;
 					requestAnimationFrame(async () => {
-						G.value = Math.max(.1, e), W.value = Math.max(.1, (Math.max(.1, t) - (n + r)) / On.value.length), lr();
+						G.value = Math.max(.1, e), W.value = Math.max(.1, (Math.max(.1, t) - (n + r)) / nn.value.length), Rn();
 					});
 				});
-				z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect()), z.value = new ResizeObserver(e), B.value = A.value.parentNode, z.value.observe(B.value);
+				z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect()), z.value = new ResizeObserver(e), B.value = j.value.parentNode, z.value.observe(B.value);
 			}
-			lr();
+			Rn();
 		}
-		je(() => {
+		Ae(() => {
 			Y.value != null && (cancelAnimationFrame(Y.value), Y.value = null), z.value && (B.value && z.value.unobserve(B.value), z.value.disconnect());
 		});
-		let { isPrinting: In, isImaging: Ln, generatePdf: Rn, generateImage: zn } = se({
-			elementId: `dumbbell_${k.value}`,
+		let { isPrinting: dn, isImaging: fn, generatePdf: pn, generateImage: mn } = se({
+			elementId: `dumbbell_${A.value}`,
 			fileName: I.value.style.chart.title.text || "vue-ui-dumbbell",
 			options: I.value.userOptions.print
-		}), Bn = d(() => I.value.userOptions.show && !I.value.style.chart.title.text), V = x({ showTable: I.value.table.show });
-		Le(I, () => {
+		}), hn = f(() => I.value.userOptions.show && !I.value.style.chart.title.text), V = C({ showTable: I.value.table.show });
+		Ie(I, () => {
 			V.value = { showTable: I.value.table.show };
 		}, { immediate: !0 });
-		let H = d(() => On.value.map((e, t) => ({
+		let H = f(() => nn.value.map((e, t) => ({
 			...e,
-			start: ie(e.start),
-			end: ie(e.end),
-			id: e.id ?? `${String(e.name)}__${String(e.start)}__${String(e.end)}__${s()}`
-		}))), Vn = d(() => {
+			start: ae(e.start),
+			end: ae(e.end),
+			id: e.id ?? `${String(e.name)}__${String(e.start)}__${String(e.end)}__${r()}`
+		}))), gn = f(() => {
 			let e = I.value.style.chart.grid, t = H.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
 			};
-		}), U = d(() => te(Vn.value.min, Vn.value.max, I.value.style.chart.grid.scaleSteps)), W = x(I.value.style.chart.rowHeight), G = x(I.value.style.chart.width);
-		function Hn() {
+		}), U = f(() => ne(gn.value.min, gn.value.max, I.value.style.chart.grid.scaleSteps)), W = C(I.value.style.chart.rowHeight), G = C(I.value.style.chart.width);
+		function _n() {
 			let e = 0;
-			Sn.value && (e = Array.from(Sn.value.querySelectorAll("text")).reduce((e, t) => {
+			Xt.value && (e = Array.from(Xt.value.querySelectorAll("text")).reduce((e, t) => {
 				let n = t.getComputedTextLength();
 				return n > e ? n : e;
 			}, 0));
-			let t = xn.value ? xn.value.getBoundingClientRect().width : 0;
+			let t = Yt.value ? Yt.value.getBoundingClientRect().width : 0;
 			return e + t + (t ? 24 + I.value.style.chart.labels.axis.yLabelOffsetX : 0);
 		}
-		let Un = x(0), Wn = _e((e) => {
-			Un.value = e;
+		let vn = C(0), yn = _e((e) => {
+			vn.value = e;
 		}, 100);
-		Re((e) => {
-			let t = Cn.value;
+		Le((e) => {
+			let t = Zt.value;
 			if (!t) return;
 			let n = new ResizeObserver((e) => {
-				Wn(e[0].contentRect.height);
+				yn(e[0].contentRect.height);
 			});
 			n.observe(t), e(() => n.disconnect());
-		}), je(() => {
-			Un.value = 0;
+		}), Ae(() => {
+			vn.value = 0;
 		});
-		let Gn = d(() => {
+		let bn = f(() => {
 			F.value;
 			let e = 0;
-			wn.value && (e = wn.value.getBBox().height);
+			Qt.value && (e = Qt.value.getBBox().height);
 			let t = 0;
-			return Cn.value && (t = Un.value), e + t;
-		}), Kn = d(() => H.value.length);
-		function qn(e, t, n) {
+			return Zt.value && (t = vn.value), e + t;
+		}), xn = f(() => H.value.length);
+		function Sn(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 K = d(() => {
+		let K = f(() => {
 			F.value;
-			let e = Hn(), t = I.value.style.chart.padding, n = I.value.style.chart.labels.axis.xLabel ? I.value.style.chart.labels.axis.xLabelOffsetY : 0, r = W.value * Kn.value - Gn.value - t.top - t.bottom - n, i = r / Kn.value, a = W.value * Kn.value, o = G.value - e - t.left - t.right, s = U.value.ticks.length * (o / U.value.ticks.length);
+			let e = _n(), t = I.value.style.chart.padding, n = I.value.style.chart.labels.axis.xLabel ? I.value.style.chart.labels.axis.xLabelOffsetY : 0, r = W.value * xn.value - bn.value - t.top - t.bottom - n, i = r / xn.value, a = W.value * xn.value, o = G.value - e - t.left - t.right, s = U.value.ticks.length * (o / U.value.ticks.length);
 			return {
 				left: I.value.style.chart.padding.left + e,
 				right: G.value - I.value.style.chart.padding.right,
 				top: I.value.style.chart.padding.top,
-				bottom: a - I.value.style.chart.padding.bottom - Gn.value - n,
+				bottom: a - I.value.style.chart.padding.bottom - bn.value - n,
 				width: o,
 				height: r,
 				rowHeight: i,
 				absoluteHeight: a,
 				widthPlotReference: s
 			};
-		}), q = d(() => Math.min(W.value / 2 * .7, I.value.style.chart.plots.radius)), Jn = x([]), J = d({
+		}), q = f(() => Math.min(W.value / 2 * .7, I.value.style.chart.plots.radius)), Cn = C([]), J = f({
 			get() {
 				let e = K.value, t = U.value;
-				return Jn.value.map((n, r) => {
-					let i = qn(n.start, t, e), a = qn(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 ? I.value.style.chart.plots.evaluationColors.positive : ee ? I.value.style.chart.plots.evaluationColors.negative : I.value.style.chart.plots.evaluationColors.neutral;
+				return Cn.value.map((n, r) => {
+					let i = Sn(n.start, t, e), a = Sn(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), ne = s ? I.value.style.chart.plots.evaluationColors.positive : ee ? I.value.style.chart.plots.evaluationColors.negative : I.value.style.chart.plots.evaluationColors.neutral;
 					return {
 						...n,
 						isPositive: s,
 						isNegative: ee,
 						isNeutral: te,
-						evaluationColor: c,
-						evaluationGrad: `url(#${s ? "positive" : ee ? "negative" : "neutral"}_grad_${k.value})`,
+						evaluationColor: ne,
+						evaluationGrad: `url(#${s ? "positive" : ee ? "negative" : "neutral"}_grad_${A.value})`,
 						startX: i,
 						endX: a,
 						centerX: o,
@@ -415,11 +416,11 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				});
 			},
 			set(e) {
-				Jn.value = e;
+				Cn.value = e;
 			}
 		});
-		function Yn() {
-			Jn.value = H.value.map((e) => {
+		function wn() {
+			Cn.value = H.value.map((e) => {
 				let t = Number(e.start);
 				return {
 					...e,
@@ -427,13 +428,13 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				};
 			});
 		}
-		let Y = x(null);
-		Me(() => {
-			Xn();
+		let Y = C(null);
+		je(() => {
+			Tn();
 		});
-		function Xn() {
-			if (Y.value != null && (cancelAnimationFrame(Y.value), Y.value = null), Yn(), !I.value.useAnimation) {
-				J.value = Jn.value.map((e) => {
+		function Tn() {
+			if (Y.value != null && (cancelAnimationFrame(Y.value), Y.value = null), wn(), !I.value.useAnimation) {
+				J.value = Cn.value.map((e) => {
 					let t = Number(e.end);
 					return {
 						...e,
@@ -447,7 +448,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				return (Number.isFinite(n) ? n : r) - r;
 			}), n = () => {
 				let r = !0;
-				J.value = Jn.value.map((n, i) => {
+				J.value = Cn.value.map((n, i) => {
 					let a = Number.isFinite(Number(n.end)) ? Number(n.end) : n.endVal, o = n.endVal + t[i] * e, s = t[i] >= 0 ? Math.min(o, a) : Math.max(o, a);
 					return s !== a && (r = !1), {
 						...n,
@@ -457,26 +458,26 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 			};
 			Y.value = requestAnimationFrame(n);
 		}
-		let Zn = d(() => I.value.style.chart.plots.evaluationColors.enable ? [
+		let En = f(() => I.value.style.chart.plots.evaluationColors.enable ? [
 			{
 				name: I.value.style.chart.legend.labelNegative,
-				color: I.value.style.chart.plots.gradient.show ? `url(#negative_grad_${k.value})` : I.value.style.chart.plots.evaluationColors.negative
+				color: I.value.style.chart.plots.gradient.show ? `url(#negative_grad_${A.value})` : I.value.style.chart.plots.evaluationColors.negative
 			},
 			{
 				name: I.value.style.chart.legend.labelNeutral,
-				color: I.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${k.value})` : I.value.style.chart.plots.evaluationColors.neutral
+				color: I.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${A.value})` : I.value.style.chart.plots.evaluationColors.neutral
 			},
 			{
 				name: I.value.style.chart.legend.labelPositive,
-				color: I.value.style.chart.plots.gradient.show ? `url(#positive_grad_${k.value})` : I.value.style.chart.plots.evaluationColors.positive
+				color: I.value.style.chart.plots.gradient.show ? `url(#positive_grad_${A.value})` : I.value.style.chart.plots.evaluationColors.positive
 			}
 		] : [{
 			name: I.value.style.chart.legend.labelStart,
-			color: I.value.style.chart.plots.gradient.show ? `url(#start_grad_${k.value})` : I.value.style.chart.plots.startColor
+			color: I.value.style.chart.plots.gradient.show ? `url(#start_grad_${A.value})` : I.value.style.chart.plots.startColor
 		}, {
 			name: I.value.style.chart.legend.labelEnd,
-			color: I.value.style.chart.plots.gradient.show ? `url(#end_grad_${k.value})` : I.value.style.chart.plots.endColor
-		}]), Qn = d(() => ({
+			color: I.value.style.chart.plots.gradient.show ? `url(#end_grad_${A.value})` : I.value.style.chart.plots.endColor
+		}]), Dn = f(() => ({
 			cy: "donut-div-legend",
 			backgroundColor: I.value.style.chart.legend.backgroundColor,
 			color: I.value.style.chart.legend.color,
@@ -484,30 +485,30 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 			paddingBottom: 12,
 			paddingTop: 12,
 			fontWeight: I.value.style.chart.legend.bold ? "bold" : ""
-		})), X = d(() => ({
+		})), X = f(() => ({
 			head: J.value.map((e) => ({ name: e.name })),
 			body: J.value.map((e) => ({
 				start: e.start,
 				end: e.end
 			}))
-		})), Z = d(() => {
+		})), Z = f(() => {
 			let e = [
 				I.value.table.columnNames.series,
 				I.value.table.columnNames.start,
 				I.value.table.columnNames.end,
 				I.value.table.columnNames.progression
 			], t = X.value.head.map((e, t) => {
-				let n = l({
+				let n = i({
 					p: I.value.style.chart.labels.prefix,
 					v: X.value.body[t].start,
 					s: I.value.style.chart.labels.suffix,
 					r: I.value.table.td.roundingValue
-				}), r = l({
+				}), r = i({
 					p: I.value.style.chart.labels.prefix,
 					v: X.value.body[t].end,
 					s: I.value.style.chart.labels.suffix,
 					r: I.value.table.td.roundingValue
-				}), i = l({
+				}), a = i({
 					v: 100 * (X.value.body[t].end / X.value.body[t].start - 1),
 					s: "%",
 					r: I.value.table.td.roundingPercentage
@@ -516,7 +517,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					{ name: e.name },
 					n,
 					r,
-					i
+					a
 				];
 			}), n = {
 				th: {
@@ -543,13 +544,13 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				config: n
 			};
 		});
-		function $n(e = null) {
-			ke(() => {
+		function On(e = null) {
+			Oe(() => {
 				let t = X.value.head.map((e, t) => [
 					[e.name],
 					[X.value.body[t].start],
 					[X.value.body[t].end]
-				]), n = ae([
+				]), n = s([
 					[I.value.style.chart.title.text],
 					[I.value.style.chart.title.subtitle.text],
 					[
@@ -564,24 +565,24 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				});
 			});
 		}
-		let Q = x(!1);
-		function er(e) {
-			Q.value = e, ln.value += 1;
+		let Q = C(!1);
+		function kn(e) {
+			Q.value = e, It.value += 1;
 		}
-		function tr() {
+		function An() {
 			return H.value;
 		}
-		function nr() {
+		function jn() {
 			V.value.showTable = !V.value.showTable;
 		}
-		let rr = x(!1);
-		function ir() {
-			rr.value = !rr.value;
+		let Mn = C(!1);
+		function Nn() {
+			Mn.value = !Mn.value;
 		}
-		async function ar({ scale: e = 2 } = {}) {
-			if (!A.value) return;
-			let { width: t, height: n } = A.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await me({
-				domElement: A.value,
+		async function Pn({ scale: e = 2 } = {}) {
+			if (!j.value) return;
+			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await me({
+				domElement: j.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -595,13 +596,13 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				aspectRatio: r
 			};
 		}
-		let or = d(() => U.value.ticks);
+		let Fn = f(() => U.value.ticks);
 		pe({
-			timeLabelsEls: Cn,
-			timeLabels: or,
-			slicer: d(() => ({
+			timeLabelsEls: Zt,
+			timeLabels: Fn,
+			slicer: f(() => ({
 				start: 0,
-				end: or.value.length
+				end: Fn.value.length
 			})),
 			configRef: I,
 			rotationPath: [
@@ -625,12 +626,12 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 			targetClass: ".vue-ui-dumbbell-scale-label",
 			rotation: I.value.style.chart.labels.xAxisLabels.autoRotate.angle
 		});
-		function sr({ rowHeight: e, fontSize: t, showProgression: n }) {
+		function In({ rowHeight: e, fontSize: t, showProgression: n }) {
 			if (!n) return !1;
 			let r = e / 3, i = e / 1.3;
 			return Math.abs(i - r) < t * 1.2;
 		}
-		let cr = (() => {
+		let Ln = (() => {
 			let e = null, t = 0;
 			return (n) => {
 				if (n === F.value) {
@@ -639,10 +640,10 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				}
 				e === null || e !== n ? (e = n, t = 1) : (t += 1, t >= 1 && (F.value = n, e = null, t = 0));
 			};
-		})(), lr = _e(() => {
+		})(), Rn = _e(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					cr(sr({
+					Ln(In({
 						rowHeight: K.value.rowHeight,
 						fontSize: I.value.style.chart.labels.yAxisLabels.fontSize,
 						showProgression: I.value.style.chart.labels.yAxisLabels.showProgression
@@ -650,35 +651,35 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				});
 			});
 		}, 100);
-		function ur({ datapoint: e, seriesIndex: t }) {
+		function zn({ datapoint: e, seriesIndex: t }) {
 			M.value = t, N.value = e, I.value.events.datapointEnter && I.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function dr({ datapoint: e, seriesIndex: t }) {
+		function Bn({ datapoint: e, seriesIndex: t }) {
 			M.value = null, N.value = null, I.value.events.datapointLeave && I.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function fr({ datapoint: e, seriesIndex: t }) {
+		function Vn({ datapoint: e, seriesIndex: t }) {
 			I.value.events.datapointClick && I.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
-			}), sn("selectDatapoint", {
+			}), Pt("selectDatapoint", {
 				...e,
 				seriesIndex: t
 			});
 		}
-		let pr = d(() => {
+		let Hn = f(() => {
 			if (N.value === null) return 0;
 			let e = ![null, void 0].includes(N.value.start), t = ![null, void 0].includes(N.value.end);
 			return e && t ? Math.min(N.value.startX, N.value.endX) + Math.abs(N.value.startX - N.value.endX) / 2 : e && !t ? N.value.startX : t && !e ? N.value.endX : null;
-		}), mr = d(() => {
+		}), Un = f(() => {
 			if (N.value === null) return "";
 			let e = ![null, void 0].includes(N.value.start), t = ![null, void 0].includes(N.value.end), n = "", r = "";
-			return e && (n = c(I.value.style.chart.labels.formatter, N.value.start, l({
+			return e && (n = c(I.value.style.chart.labels.formatter, N.value.start, i({
 				p: I.value.style.chart.labels.prefix,
 				v: N.value.start,
 				s: I.value.style.chart.labels.suffix,
@@ -686,7 +687,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 			}), {
 				datapoint: N.value,
 				seriesIndex: M.value
-			})), t && (r = c(I.value.style.chart.labels.formatter, N.value.end, l({
+			})), t && (r = c(I.value.style.chart.labels.formatter, N.value.end, i({
 				p: I.value.style.chart.labels.prefix,
 				v: N.value.end,
 				s: I.value.style.chart.labels.suffix,
@@ -695,10 +696,10 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				datapoint: N.value,
 				seriesIndex: M.value
 			})), e && t ? `${n} → ${r}` : e && !t ? n : t && !e ? r : "";
-		}), $ = d(() => {
+		}), Wn = f(() => {
 			let e = I.value.table.useDialog && !I.value.table.show, t = V.value.showTable;
 			return {
-				component: e ? nn : Zt,
+				component: e ? At : Tt,
 				title: `${I.value.style.chart.title.text}${I.value.style.chart.title.subtitle.text ? `: ${I.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: I.value.table.th.backgroundColor,
@@ -706,7 +707,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					headerColor: I.value.table.th.color,
 					headerBg: I.value.table.th.backgroundColor,
 					isFullscreen: Q.value,
-					fullscreenParent: A.value,
+					fullscreenParent: j.value,
 					forcedWidth: Math.min(800, window.innerWidth * .8),
 					isCursorPointer: L.value
 				} : {
@@ -726,51 +727,51 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				}
 			};
 		});
-		Le(() => V.value.showTable, (e) => {
-			I.value.table.show || (e && I.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
+		Ie(() => V.value.showTable, (e) => {
+			I.value.table.show || (e && I.value.table.useDialog && Gt.value ? Gt.value.open() : "close" in Gt.value && Gt.value.close());
 		});
-		function hr() {
-			V.value.showTable = !1, vn.value && vn.value.setTableIconState(!1);
+		function Gn() {
+			V.value.showTable = !1, Kt.value && Kt.value.setTableIconState(!1);
 		}
-		let gr = d(() => Zn.value.map((e) => ({
+		let Kn = f(() => En.value.map((e) => ({
 			...e,
 			shape: "circle"
-		}))), _r = d(() => I.value.style.chart.backgroundColor), vr = d(() => I.value.style.chart.legend), { exportSvg: yr, getSvg: br } = ue({
+		}))), qn = f(() => I.value.style.chart.backgroundColor), Jn = f(() => I.value.style.chart.legend), { exportSvg: Yn, getSvg: Xn } = ue({
 			svg: R,
-			title: d(() => I.value.style.chart.title),
-			legend: vr,
-			legendItems: gr,
-			backgroundColor: _r
+			title: f(() => I.value.style.chart.title),
+			legend: Jn,
+			legendItems: Kn,
+			backgroundColor: qn
 		});
-		async function xr({ isCb: e }) {
-			bn.value = !0, await ke();
+		async function Zn({ isCb: e }) {
+			Jt.value = !0, await Oe();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await br();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Xn();
 					await Promise.resolve(I.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(yr());
+				} else await Promise.resolve(Yn());
 			} finally {
-				bn.value = !1;
+				Jt.value = !1;
 			}
 		}
-		function Sr(e) {
+		function Qn(e) {
 			if (e?.stage === "start") {
-				yn.value = !0;
+				qt.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				yn.value = !1;
+				qt.value = !1;
 				return;
 			}
-			zn();
+			mn();
 		}
-		async function Cr() {
-			if (sn("copyAlt", {
+		async function $n() {
+			if (Pt("copyAlt", {
 				config: I.value,
 				dataset: J.value
 			}), !I.value.userOptions.callbacks.altCopy) {
@@ -782,53 +783,53 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				dataset: J.value
 			}));
 		}
-		function wr(e) {
+		function er(e) {
 			let t = J.value.length;
 			return t ? (e % t + t) % t : null;
 		}
-		function Tr() {
+		function tr() {
 			if (P.value !== null) {
 				let e = J.value[P.value];
-				e && dr({
+				e && Bn({
 					datapoint: e,
 					seriesIndex: P.value
 				});
 			}
 			P.value = null, M.value = null, N.value = null;
 		}
-		function Er() {
-			P.value = null, Tn.value = !0;
+		function nr() {
+			P.value = null, $t.value = !0;
 		}
-		function Dr() {
-			Tr(), Tn.value = !1;
+		function rr() {
+			tr(), $t.value = !1;
 		}
-		function Or(e) {
-			if (!R.value || rr.value || document.activeElement !== R.value || !J.value.length) return;
+		function ir(e) {
+			if (!R.value || Mn.value || document.activeElement !== R.value || !J.value.length) return;
 			let t = ["ArrowUp", "ArrowLeft"].includes(e.key), n = ["ArrowDown", "ArrowRight"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				Tr();
+				tr();
 				return;
 			}
 			if (r) {
 				if (P.value === null) return;
 				let e = J.value[P.value];
 				if (!e) return;
-				fr({
+				Vn({
 					datapoint: e,
 					seriesIndex: P.value
 				});
 				return;
 			}
 			let a = P.value;
-			a = a === null ? n ? 0 : J.value.length - 1 : wr(a + (n ? 1 : -1));
+			a = a === null ? n ? 0 : J.value.length - 1 : er(a + (n ? 1 : -1));
 			let o = J.value[a];
-			o && (P.value = a, ur({
+			o && (P.value = a, zn({
 				datapoint: o,
 				seriesIndex: a
 			}));
 		}
-		let kr = d(() => ({
+		let $ = f(() => ({
 			head: Z.value.head,
 			body: Z.value.body.map((e) => [
 				e[0]?.name ?? "",
@@ -840,58 +841,58 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 			notice: I.value.a11y.translations.tableAvailable
 		}));
 		return ge({
-			getData: tr,
-			getImage: ar,
-			generatePdf: Rn,
-			generateCsv: $n,
-			generateImage: zn,
-			generateSvg: xr,
-			toggleTable: nr,
-			toggleAnnotator: ir,
-			toggleFullscreen: er,
-			copyAlt: Cr
-		}), (e, t) => (b(), m("div", {
+			getData: An,
+			getImage: Pn,
+			generatePdf: pn,
+			generateCsv: On,
+			generateImage: mn,
+			generateSvg: Zn,
+			toggleTable: jn,
+			toggleAnnotator: Nn,
+			toggleFullscreen: kn,
+			copyAlt: $n
+		}), (e, t) => (S(), h("div", {
 			ref_key: "dumbbellChart",
-			ref: A,
-			class: Ae(`vue-data-ui-component vue-ui-dumbbell ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: y(`font-family:${I.value.style.fontFamily};width:100%; text-align:center;background:${I.value.style.chart.backgroundColor};${I.value.responsive ? "height:100%" : ""}`),
-			id: `dumbbell_${k.value}`,
-			onMouseenter: t[1] ||= () => T(jn)(!0),
-			onMouseleave: t[2] ||= () => T(jn)(!1)
+			ref: j,
+			class: ke(`vue-data-ui-component vue-ui-dumbbell ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			style: x(`font-family:${I.value.style.fontFamily};width:100%; text-align:center;background:${I.value.style.chart.backgroundColor};${I.value.responsive ? "height:100%" : ""}`),
+			id: `dumbbell_${A.value}`,
+			onMouseenter: t[1] ||= () => D(on)(!0),
+			onMouseleave: t[2] ||= () => D(on)(!1)
 		}, [
-			h("div", {
-				id: `chart-instructions-${k.value}`,
+			g("div", {
+				id: `chart-instructions-${A.value}`,
 				class: "sr-only"
-			}, [h("p", null, w(I.value.a11y.translations.keyboardNavigation), 1)], 8, Ve),
-			kr.value.body.length ? (b(), f(ye, {
+			}, [g("p", null, E(I.value.a11y.translations.keyboardNavigation), 1)], 8, Ve),
+			$.value.body.length ? (S(), p(ye, {
 				key: 0,
-				uid: k.value,
-				head: kr.value.head,
-				body: kr.value.body,
-				caption: kr.value.caption,
-				notice: kr.value.notice
+				uid: A.value,
+				head: $.value.head,
+				body: $.value.body,
+				caption: $.value.caption,
+				notice: $.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
 				"body",
 				"caption",
 				"notice"
-			])) : p("", !0),
-			I.value.userOptions.buttons.annotator ? (b(), f(T($t), {
+			])) : m("", !0),
+			I.value.userOptions.buttons.annotator ? (S(), p(D(Dt), {
 				key: 1,
-				svgRef: T(R),
+				svgRef: D(R),
 				backgroundColor: I.value.style.chart.backgroundColor,
 				color: I.value.style.chart.color,
-				active: rr.value,
+				active: Mn.value,
 				isCursorPointer: L.value,
-				onClose: ir
+				onClose: Nn
 			}, {
-				"annotator-action-close": E(() => [C(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": E(({ color: t }) => [C(e.$slots, "annotator-action-color", v(_({ color: t })), void 0, !0)]),
-				"annotator-action-draw": E(({ mode: t }) => [C(e.$slots, "annotator-action-draw", v(_({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", v(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": E(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", v(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": E(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", v(_({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": O(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": O(({ color: t }) => [T(e.$slots, "annotator-action-color", b(y({ color: t })), void 0, !0)]),
+				"annotator-action-draw": O(({ mode: t }) => [T(e.$slots, "annotator-action-draw", b(y({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-undo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": O(({ disabled: t }) => [T(e.$slots, "annotator-action-redo", b(y({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": O(({ disabled: t }) => [T(e.$slots, "annotator-action-delete", b(y({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -899,21 +900,21 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : p("", !0),
-			Bn.value ? (b(), m("div", {
+			])) : m("", !0),
+			hn.value ? (S(), h("div", {
 				key: 2,
 				ref_key: "noTitle",
-				ref: pn,
+				ref: Bt,
 				class: "vue-data-ui-no-title-space",
 				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : p("", !0),
-			I.value.style.chart.title.text ? (b(), m("div", {
+			}, null, 512)) : m("", !0),
+			I.value.style.chart.title.text ? (S(), h("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: un,
+				ref: Lt,
 				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(b(), f(he, {
-				key: `title_${mn.value}`,
+			}, [(S(), p(he, {
+				key: `title_${Vt.value}`,
 				config: {
 					title: {
 						cy: "donut-div-title",
@@ -924,17 +925,17 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 						...I.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : p("", !0),
-			h("div", { id: `legend-top-${k.value}` }, null, 8, He),
-			I.value.userOptions.show && cn.value && (T(Mn) || T(An)) ? (b(), f(T(en), {
+			}, null, 8, ["config"]))], 512)) : m("", !0),
+			g("div", { id: `legend-top-${A.value}` }, null, 8, He),
+			I.value.userOptions.show && Ft.value && (D(sn) || D(an)) ? (S(), p(D(Ot), {
 				ref_key: "userOptionsRef",
-				ref: vn,
-				key: `user_option_${ln.value}`,
+				ref: Kt,
+				key: `user_option_${It.value}`,
 				backgroundColor: I.value.style.chart.backgroundColor,
 				color: I.value.style.chart.color,
-				isPrinting: T(In),
-				isImaging: T(Ln),
-				uid: k.value,
+				isPrinting: D(dn),
+				isImaging: D(fn),
+				uid: A.value,
 				hasPdf: I.value.userOptions.buttons.pdf,
 				hasXls: I.value.userOptions.buttons.csv,
 				hasImg: I.value.userOptions.buttons.img,
@@ -944,27 +945,27 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				hasAltCopy: I.value.userOptions.buttons.altCopy,
 				isFullscreen: Q.value,
 				titles: { ...I.value.userOptions.buttonTitles },
-				chartElement: A.value,
+				chartElement: j.value,
 				position: I.value.userOptions.position,
 				hasAnnotator: I.value.userOptions.buttons.annotator,
-				isAnnotation: rr.value,
+				isAnnotation: Mn.value,
 				callbacks: I.value.userOptions.callbacks,
 				printScale: I.value.userOptions.print.scale,
 				tableDialog: I.value.table.useDialog,
 				isCursorPointer: L.value,
-				onToggleFullscreen: er,
-				onGeneratePdf: T(Rn),
-				onGenerateCsv: $n,
-				onGenerateImage: Sr,
-				onGenerateSvg: xr,
-				onToggleTable: nr,
-				onToggleAnnotator: ir,
-				onCopyAlt: Cr,
-				style: y({ visibility: T(Mn) ? T(An) ? "visible" : "hidden" : "visible" })
+				onToggleFullscreen: kn,
+				onGeneratePdf: D(pn),
+				onGenerateCsv: On,
+				onGenerateImage: Qn,
+				onGenerateSvg: Zn,
+				onToggleTable: jn,
+				onToggleAnnotator: Nn,
+				onCopyAlt: $n,
+				style: x({ visibility: D(sn) ? D(an) ? "visible" : "hidden" : "visible" })
 			}, Te({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: E(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", v(_({
+					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", b(y({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -972,32 +973,32 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: E(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: E(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: E(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: E(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: E(() => [C(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: E(({ toggleFullscreen: t, isFullscreen: n }) => [C(e.$slots, "optionFullscreen", v(_({
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", b(y({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -1005,7 +1006,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: E(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", v(_({
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", b(y({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -1013,17 +1014,17 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: E(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", v(_({ altCopy: t })), void 0, !0)]),
+					fn: O(({ altCopy: t }) => [T(e.$slots, "optionAltCopy", b(y({ altCopy: t })), void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: E(() => [C(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: E(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: O(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "10"
 				} : void 0
 			]), 1032, [
@@ -1051,33 +1052,33 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				"isCursorPointer",
 				"onGeneratePdf",
 				"style"
-			])) : p("", !0),
-			h("div", Ue, [(b(), m("svg", {
+			])) : m("", !0),
+			g("div", Ue, [(S(), h("svg", {
 				ref_key: "svgRef",
 				ref: R,
-				xmlns: T(ne),
-				class: Ae({
+				xmlns: D(ie),
+				class: ke({
 					"vue-data-ui-fullscreen--on": Q.value,
 					"vue-data-ui-fulscreen--off": !Q.value
 				}),
 				viewBox: `0 0 ${G.value} ${K.value.absoluteHeight <= 0 ? 10 : K.value.absoluteHeight}`,
-				style: y(`max-width:100%; overflow: visible; background:transparent;color:${I.value.style.chart.color}`),
-				"aria-describedby": `chart-instructions-${k.value}`,
+				style: x(`max-width:100%; overflow: visible; background:transparent;color:${I.value.style.chart.color}`),
+				"aria-describedby": `chart-instructions-${A.value}`,
 				tabindex: "0",
-				onFocus: Er,
-				onBlur: Dr,
-				onKeydown: Or
+				onFocus: nr,
+				onBlur: rr,
+				onKeydown: ir
 			}, [
-				De(T(tn)),
-				e.$slots["chart-background"] ? (b(), m("foreignObject", {
+				_(D(kt)),
+				e.$slots["chart-background"] ? (S(), h("foreignObject", {
 					key: 0,
 					x: K.value.left,
 					y: K.value.top,
 					width: Math.max(.1, K.value.width),
 					height: Math.max(.1, K.value.height),
 					style: { pointerEvents: "none" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : p("", !0),
-				I.value.style.chart.grid.verticalGrid.show ? (b(), m("g", Ke, [(b(!0), m(u, null, S(U.value.ticks, (e, t) => (b(), m("line", {
+				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : m("", !0),
+				I.value.style.chart.grid.verticalGrid.show ? (S(), h("g", Ke, [(S(!0), h(d, null, w(U.value.ticks, (e, t) => (S(), h("line", {
 					x1: K.value.left + t * K.value.width / (U.value.ticks.length - 1),
 					x2: K.value.left + t * K.value.width / (U.value.ticks.length - 1),
 					y1: K.value.top,
@@ -1085,8 +1086,8 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					stroke: I.value.style.chart.grid.verticalGrid.stroke,
 					"stroke-width": I.value.style.chart.grid.verticalGrid.strokeWidth,
 					"stroke-dasharray": I.value.style.chart.grid.verticalGrid.strokeDasharray
-				}, null, 8, qe))), 256))])) : p("", !0),
-				I.value.style.chart.grid.horizontalGrid.show ? (b(), m("g", Je, [(b(!0), m(u, null, S(H.value, (e, t) => (b(), m("line", {
+				}, null, 8, qe))), 256))])) : m("", !0),
+				I.value.style.chart.grid.horizontalGrid.show ? (S(), h("g", Je, [(S(!0), h(d, null, w(H.value, (e, t) => (S(), h("line", {
 					x1: K.value.left,
 					x2: K.value.right,
 					y1: K.value.top + t * K.value.rowHeight,
@@ -1094,7 +1095,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					stroke: I.value.style.chart.grid.horizontalGrid.stroke,
 					"stroke-width": I.value.style.chart.grid.horizontalGrid.strokeWidth,
 					"stroke-dasharray": I.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, Ye))), 256)), h("line", {
+				}, null, 8, Ye))), 256)), g("line", {
 					x1: K.value.left,
 					x2: K.value.right,
 					y1: K.value.bottom,
@@ -1102,21 +1103,21 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					stroke: I.value.style.chart.grid.horizontalGrid.stroke,
 					"stroke-width": I.value.style.chart.grid.horizontalGrid.strokeWidth,
 					"stroke-dasharray": I.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, Xe)])) : p("", !0),
-				I.value.style.chart.labels.axis.yLabel ? (b(), m("text", {
+				}, null, 8, Xe)])) : m("", !0),
+				I.value.style.chart.labels.axis.yLabel ? (S(), h("text", {
 					key: 3,
 					ref_key: "yAxisLabel",
-					ref: xn,
+					ref: Yt,
 					transform: `translate(${I.value.style.chart.labels.axis.fontSize}, ${K.value.absoluteHeight / 2}), rotate(-90)`,
 					"font-size": I.value.style.chart.labels.axis.fontSize,
 					fill: I.value.style.chart.labels.axis.color,
 					"text-anchor": "middle"
-				}, w(I.value.style.chart.labels.axis.yLabel), 9, Ze)) : p("", !0),
-				I.value.style.chart.labels.yAxisLabels.show ? (b(), m("g", {
+				}, E(I.value.style.chart.labels.axis.yLabel), 9, Ze)) : m("", !0),
+				I.value.style.chart.labels.yAxisLabels.show ? (S(), h("g", {
 					key: 4,
 					ref_key: "serieLabels",
-					ref: Sn
-				}, [(b(!0), m(u, null, S(J.value, (e, t) => (b(), m("text", {
+					ref: Xt
+				}, [(S(!0), h(d, null, w(J.value, (e, t) => (S(), h("text", {
 					class: "vue-ui-dumbbell-serie-name",
 					key: `serieLabel_${e.id}_${t}`,
 					x: K.value.left - 6 + I.value.style.chart.labels.yAxisLabels.offsetX,
@@ -1125,61 +1126,61 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					fill: I.value.style.chart.labels.yAxisLabels.color,
 					"font-weight": I.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
 					"text-anchor": "end",
-					onMouseenter: (n) => ur({
+					onMouseenter: (n) => zn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onMouseleave: (n) => dr({
+					onMouseleave: (n) => Bn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onClick: (n) => fr({
+					onClick: (n) => Vn({
 						datapoint: e,
 						seriesIndex: t
 					})
-				}, w(e.name) + " " + w(F.value && I.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${T(c)(I.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(l)({
+				}, E(e.name) + " " + E(F.value && I.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${D(c)(I.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), D(i)({
 					v: 100 * (e.end / e.start - 1),
 					s: "%",
 					r: I.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })})` : ""), 41, Qe))), 128)), I.value.style.chart.labels.yAxisLabels.showProgression && !F.value ? (b(!0), m(u, { key: 0 }, S(J.value, (e, t) => (b(), m("text", {
+				}), { datapoint: e })})` : ""), 41, Qe))), 128)), I.value.style.chart.labels.yAxisLabels.showProgression && !F.value ? (S(!0), h(d, { key: 0 }, w(J.value, (e, t) => (S(), h("text", {
 					class: "vue-ui-dumbbell-serie-value",
 					x: K.value.left - 6 + I.value.style.chart.labels.yAxisLabels.offsetX,
 					y: K.value.top + t * K.value.rowHeight + K.value.rowHeight / 1.3 + I.value.style.chart.labels.yAxisLabels.fontSize / 3,
 					"font-size": I.value.style.chart.labels.yAxisLabels.fontSize,
 					fill: I.value.style.chart.labels.yAxisLabels.color,
 					"text-anchor": "end",
-					onMouseenter: (n) => ur({
+					onMouseenter: (n) => zn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onMouseleave: (n) => dr({
+					onMouseleave: (n) => Bn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onClick: (n) => fr({
+					onClick: (n) => Vn({
 						datapoint: e,
 						seriesIndex: t
 					})
-				}, w([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : T(c)(I.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(l)({
+				}, E([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : D(c)(I.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), D(i)({
 					v: 100 * (e.end / e.start - 1),
 					s: "%",
 					r: I.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })), 41, $e))), 256)) : p("", !0)], 512)) : p("", !0),
-				I.value.style.chart.labels.axis.xLabel ? (b(), m("text", {
+				}), { datapoint: e })), 41, $e))), 256)) : m("", !0)], 512)) : m("", !0),
+				I.value.style.chart.labels.axis.xLabel ? (S(), h("text", {
 					key: 5,
 					ref_key: "xAxisLabel",
-					ref: wn,
+					ref: Qt,
 					x: K.value.left + K.value.width / 2,
 					y: K.value.absoluteHeight - I.value.style.chart.labels.axis.fontSize / 3,
 					"font-size": I.value.style.chart.labels.axis.fontSize,
 					fill: I.value.style.chart.labels.axis.color,
 					"text-anchor": "middle"
-				}, w(I.value.style.chart.labels.axis.xLabel), 9, et)) : p("", !0),
-				I.value.style.chart.labels.xAxisLabels.show ? (b(), m("g", {
+				}, E(I.value.style.chart.labels.axis.xLabel), 9, et)) : m("", !0),
+				I.value.style.chart.labels.xAxisLabels.show ? (S(), h("g", {
 					key: 6,
 					ref_key: "scaleLabels",
-					ref: Cn
-				}, [(b(!0), m(u, null, S(U.value.ticks, (e, t) => (b(), m("text", {
+					ref: Zt
+				}, [(S(!0), h(d, null, w(U.value.ticks, (e, t) => (S(), h("text", {
 					class: "vue-ui-dumbbell-scale-label",
 					key: `tick_${t}`,
 					transform: `translate(${K.value.left + t * (K.value.width / (U.value.ticks.length - 1))}, ${K.value.bottom + I.value.style.chart.labels.xAxisLabels.fontSize + I.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${I.value.style.chart.labels.xAxisLabels.rotation})`,
@@ -1187,7 +1188,7 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 					fill: I.value.style.chart.labels.xAxisLabels.color,
 					"font-weight": I.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
 					"text-anchor": I.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : I.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
-				}, w(T(c)(I.value.style.chart.labels.formatter, e, T(l)({
+				}, E(D(c)(I.value.style.chart.labels.formatter, e, D(i)({
 					p: I.value.style.chart.labels.prefix,
 					v: e,
 					s: I.value.style.chart.labels.suffix,
@@ -1195,152 +1196,185 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})), 9, tt))), 128))], 512)) : p("", !0),
-				D(h("g", null, [
-					D(h("path", {
+				})), 9, tt))), 128))], 512)) : m("", !0),
+				Re(g("g", null, [
+					Re(g("path", {
 						d: `M ${N.value ? N.value.startX : K.value.left},${K.value.top} ${N.value ? N.value.startX : K.value.left},${K.value.bottom}`,
 						stroke: N.value ? I.value.style.chart.plots.evaluationColors.enable ? N.value.evaluationColor : I.value.style.chart.plots.startColor : "transparent",
 						"stroke-width": I.value.style.chart.comparisonLines.strokeWidth,
 						"stroke-dasharray": I.value.style.chart.comparisonLines.strokeDasharray,
 						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, nt), [[Ie, N.value !== null && ![null, void 0].includes(N.value.start)]]),
-					D(h("path", {
+					}, null, 8, nt), [[Fe, N.value !== null && ![null, void 0].includes(N.value.start)]]),
+					Re(g("path", {
 						d: `M ${N.value ? N.value.endX : K.value.left},${K.value.top} ${N.value ? N.value.endX : K.value.left},${K.value.bottom}`,
 						stroke: N.value ? I.value.style.chart.plots.evaluationColors.enable ? N.value.evaluationColor : I.value.style.chart.plots.endColor : "transparent",
 						"stroke-width": I.value.style.chart.comparisonLines.strokeWidth,
 						"stroke-dasharray": I.value.style.chart.comparisonLines.strokeDasharray,
 						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, rt), [[Ie, N.value !== null && ![null, void 0].includes(N.value.end)]]),
-					D(h("rect", {
+					}, null, 8, rt), [[Fe, N.value !== null && ![null, void 0].includes(N.value.end)]]),
+					Re(g("rect", {
 						x: N.value ? Math.min(N.value.startX, N.value.endX) : K.value.left,
 						y: K.value.top,
 						height: Math.max(.1, K.value.height),
 						width: N.value ? Math.max(.1, Math.abs(N.value.endX - N.value.startX)) : 0,
-						fill: N.value ? T(r)(I.value.style.chart.comparisonLines.rectColor, I.value.style.chart.comparisonLines.rectOpacity) : "transparent",
+						fill: N.value ? D(o)(I.value.style.chart.comparisonLines.rectColor, I.value.style.chart.comparisonLines.rectOpacity) : "transparent",
 						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, it), [[Ie, I.value.style.chart.comparisonLines.showRect && N.value !== null && ![null, void 0].includes(N.value.start) && ![null, void 0].includes(N.value.end)]]),
-					D(h("text", {
-						transform: `translate(${pr.value == null ? 0 : pr.value}, ${K.value.top - 6})`,
+					}, null, 8, it), [[Fe, I.value.style.chart.comparisonLines.showRect && N.value !== null && ![null, void 0].includes(N.value.start) && ![null, void 0].includes(N.value.end)]]),
+					Re(g("text", {
+						transform: `translate(${Hn.value == null ? 0 : Hn.value}, ${K.value.top - 6})`,
 						fill: I.value.style.chart.comparisonLines.labelColor,
 						"font-size": I.value.style.chart.comparisonLines.labelFontSize,
 						"text-anchor": "middle",
 						style: { transition: "all 0.3s ease-in-out" }
-					}, w(mr.value), 9, at), [[Ie, N.value !== null && pr.value !== null && I.value.style.chart.comparisonLines.showLabel]])
-				], 512), [[Ie, I.value.style.chart.comparisonLines.show && M.value !== null]]),
-				h("defs", null, [
-					h("radialGradient", {
-						id: `start_grad_${k.value}`,
-						fy: "30%"
-					}, [
-						h("stop", {
-							offset: "10%",
-							"stop-color": T(o)(I.value.style.chart.plots.startColor, I.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, st),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(n)(I.value.style.chart.plots.startColor, .1)
-						}, null, 8, ct),
-						h("stop", {
-							offset: "100%",
-							"stop-color": I.value.style.chart.plots.startColor
-						}, null, 8, lt)
-					], 8, ot),
-					h("radialGradient", {
-						id: `end_grad_${k.value}`,
-						fy: "30%"
-					}, [
-						h("stop", {
-							offset: "10%",
-							"stop-color": T(o)(I.value.style.chart.plots.endColor, I.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, dt),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(n)(I.value.style.chart.plots.endColor, .1)
-						}, null, 8, ft),
-						h("stop", {
-							offset: "100%",
-							"stop-color": I.value.style.chart.plots.endColor
-						}, null, 8, pt)
-					], 8, ut),
-					h("radialGradient", {
-						id: `positive_grad_${k.value}`,
-						fy: "30%"
-					}, [
-						h("stop", {
-							offset: "10%",
-							"stop-color": T(o)(I.value.style.chart.plots.evaluationColors.positive, I.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, ht),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(n)(I.value.style.chart.plots.evaluationColors.positive, .1)
-						}, null, 8, gt),
-						h("stop", {
-							offset: "100%",
-							"stop-color": I.value.style.chart.plots.evaluationColors.positive
-						}, null, 8, _t)
-					], 8, mt),
-					h("radialGradient", {
-						id: `negative_grad_${k.value}`,
-						fy: "30%"
-					}, [
-						h("stop", {
-							offset: "10%",
-							"stop-color": T(o)(I.value.style.chart.plots.evaluationColors.negative, I.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, yt),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(n)(I.value.style.chart.plots.evaluationColors.negative, .1)
-						}, null, 8, bt),
-						h("stop", {
-							offset: "100%",
-							"stop-color": I.value.style.chart.plots.evaluationColors.negative
-						}, null, 8, xt)
-					], 8, vt),
-					h("radialGradient", {
-						id: `neutral_grad_${k.value}`,
-						fy: "30%"
-					}, [
-						h("stop", {
-							offset: "10%",
-							"stop-color": T(o)(I.value.style.chart.plots.evaluationColors.neutral, I.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, Ct),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(n)(I.value.style.chart.plots.evaluationColors.neutral, .1)
-						}, null, 8, wt),
-						h("stop", {
-							offset: "100%",
-							"stop-color": I.value.style.chart.plots.evaluationColors.neutral
-						}, null, 8, Tt)
-					], 8, St)
+					}, E(Un.value), 9, at), [[Fe, N.value !== null && Hn.value !== null && I.value.style.chart.comparisonLines.showLabel]])
+				], 512), [[Fe, I.value.style.chart.comparisonLines.show && M.value !== null]]),
+				g("defs", null, [
+					_(u, {
+						t: "radial",
+						id: `start_grad_${A.value}`,
+						fy: "30%",
+						stops: [
+							[
+								"10%",
+								D(n)(I.value.style.chart.plots.startColor, I.value.style.chart.plots.gradient.intensity / 100),
+								1
+							],
+							[
+								"90%",
+								D(l)(I.value.style.chart.plots.startColor, .1),
+								1
+							],
+							[
+								"100%",
+								I.value.style.chart.plots.startColor,
+								1
+							]
+						]
+					}, null, 8, ["id", "stops"]),
+					_(u, {
+						t: "radial",
+						id: `end_grad_${A.value}`,
+						fy: "30%",
+						stops: [
+							[
+								"10%",
+								D(n)(I.value.style.chart.plots.endColor, I.value.style.chart.plots.gradient.intensity / 100),
+								1
+							],
+							[
+								"90%",
+								D(l)(I.value.style.chart.plots.endColor, .1),
+								1
+							],
+							[
+								"100%",
+								I.value.style.chart.plots.endColor,
+								1
+							]
+						]
+					}, null, 8, ["id", "stops"]),
+					_(u, {
+						t: "radial",
+						id: `positive_grad_${A.value}`,
+						fy: "30%",
+						stops: [
+							[
+								"10%",
+								D(n)(I.value.style.chart.plots.evaluationColors.positive, I.value.style.chart.plots.gradient.intensity / 100),
+								1
+							],
+							[
+								"90%",
+								D(l)(I.value.style.chart.plots.evaluationColors.positive, .1),
+								1
+							],
+							[
+								"100%",
+								I.value.style.chart.plots.evaluationColors.positive,
+								1
+							]
+						]
+					}, null, 8, ["id", "stops"]),
+					_(u, {
+						t: "radial",
+						id: `negative_grad_${A.value}`,
+						fy: "30%",
+						stops: [
+							[
+								"10%",
+								D(n)(I.value.style.chart.plots.evaluationColors.negative, I.value.style.chart.plots.gradient.intensity / 100),
+								1
+							],
+							[
+								"90%",
+								D(l)(I.value.style.chart.plots.evaluationColors.negative, .1),
+								1
+							],
+							[
+								"100%",
+								I.value.style.chart.plots.evaluationColors.negative,
+								1
+							]
+						]
+					}, null, 8, ["id", "stops"]),
+					_(u, {
+						t: "radial",
+						id: `neutral_grad_${A.value}`,
+						fy: "30%",
+						stops: [
+							[
+								"10%",
+								D(n)(I.value.style.chart.plots.evaluationColors.neutral, I.value.style.chart.plots.gradient.intensity / 100),
+								1
+							],
+							[
+								"90%",
+								D(l)(I.value.style.chart.plots.evaluationColors.neutral, .1),
+								1
+							],
+							[
+								"100%",
+								I.value.style.chart.plots.evaluationColors.neutral,
+								1
+							]
+						]
+					}, null, 8, ["id", "stops"])
 				]),
-				(b(!0), m(u, null, S(J.value, (e, t) => (b(), m("g", { key: `plot_${t}_${e.id}` }, [
-					h("defs", null, [h("linearGradient", {
-						id: `grad_pos_${k.value}`,
+				(S(!0), h(d, null, w(J.value, (e, t) => (S(), h("g", { key: `plot_${t}_${e.id}` }, [
+					g("defs", null, [_(u, {
+						t: "linear",
+						id: `grad_pos_${A.value}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
-						y2: "0%"
-					}, [h("stop", {
-						offset: "0%",
-						"stop-color": I.value.style.chart.plots.startColor
-					}, null, 8, Dt), h("stop", {
-						offset: "100%",
-						"stop-color": I.value.style.chart.plots.endColor
-					}, null, 8, Ot)], 8, Et), h("linearGradient", {
-						id: `grad_neg_${k.value}`,
+						y2: "0%",
+						stops: [[
+							"0%",
+							I.value.style.chart.plots.startColor,
+							1
+						], [
+							"100%",
+							I.value.style.chart.plots.endColor,
+							1
+						]]
+					}, null, 8, ["id", "stops"]), _(u, {
+						t: "linear",
+						id: `grad_neg_${A.value}`,
 						x1: "0%",
 						x2: "100%",
 						y1: "0%",
-						y2: "0%"
-					}, [h("stop", {
-						offset: "0%",
-						"stop-color": I.value.style.chart.plots.endColor
-					}, null, 8, At), h("stop", {
-						offset: "100%",
-						"stop-color": I.value.style.chart.plots.startColor
-					}, null, 8, jt)], 8, kt)]),
-					![void 0, null].includes(e.end) && ![void 0, null].includes(e.start) ? (b(), m("g", Mt, [I.value.style.chart.plots.link.type === "curved" ? (b(), m("g", Nt, [h("path", {
+						y2: "0%",
+						stops: [[
+							"0%",
+							I.value.style.chart.plots.endColor,
+							1
+						], [
+							"100%",
+							I.value.style.chart.plots.startColor,
+							1
+						]]
+					}, null, 8, ["id", "stops"])]),
+					![void 0, null].includes(e.end) && ![void 0, null].includes(e.start) ? (S(), h("g", ot, [I.value.style.chart.plots.link.type === "curved" ? (S(), h("g", st, [g("path", {
 						d: `M 
                                     ${e.startX},${e.y + q.value / 2} 
                                     C ${e.centerX},${e.y} ${e.centerX},${e.y} 
@@ -1350,41 +1384,41 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
                                     ${e.startX},${e.y - q.value / 2}
                                     Z
                                 `,
-						fill: I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${k.value})` : `url(#grad_neg_${k.value})`
-					}, null, 8, Pt)])) : (b(), m("g", Ft, [h("rect", {
+						fill: I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${A.value})` : `url(#grad_neg_${A.value})`
+					}, null, 8, ct)])) : (S(), h("g", lt, [g("rect", {
 						x: e.endX > e.startX ? e.startX : e.endX,
 						y: e.y - I.value.style.chart.plots.link.strokeWidth / 2,
 						height: Math.max(.01, I.value.style.chart.plots.link.strokeWidth),
 						width: Math.max(.01, Math.abs(e.endX - e.startX)),
-						fill: I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${k.value})` : `url(#grad_neg_${k.value})`
-					}, null, 8, It)]))])) : p("", !0),
-					[null, void 0].includes(e.start) ? p("", !0) : (b(), m("circle", {
+						fill: I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${A.value})` : `url(#grad_neg_${A.value})`
+					}, null, 8, ut)]))])) : m("", !0),
+					[null, void 0].includes(e.start) ? m("", !0) : (S(), h("circle", {
 						key: 1,
 						cx: e.startX,
 						cy: e.y,
 						r: q.value,
-						fill: I.value.style.chart.plots.gradient.show ? I.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#start_grad_${k.value})` : I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : I.value.style.chart.plots.startColor,
+						fill: I.value.style.chart.plots.gradient.show ? I.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#start_grad_${A.value})` : I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : I.value.style.chart.plots.startColor,
 						stroke: I.value.style.chart.plots.stroke,
 						"stroke-width": I.value.style.chart.plots.strokeWidth
-					}, null, 8, Lt)),
-					[null, void 0].includes(e.end) ? p("", !0) : (b(), m("circle", {
+					}, null, 8, dt)),
+					[null, void 0].includes(e.end) ? m("", !0) : (S(), h("circle", {
 						key: 2,
 						cx: e.endX,
 						cy: e.y,
 						r: q.value,
-						fill: I.value.style.chart.plots.gradient.show ? I.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#end_grad_${k.value})` : I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : I.value.style.chart.plots.endColor,
+						fill: I.value.style.chart.plots.gradient.show ? I.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#end_grad_${A.value})` : I.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : I.value.style.chart.plots.endColor,
 						stroke: I.value.style.chart.plots.stroke,
 						"stroke-width": I.value.style.chart.plots.strokeWidth
-					}, null, 8, Rt))
+					}, null, 8, ft))
 				]))), 128)),
-				I.value.style.chart.labels.startLabels.show ? (b(), m("g", zt, [(b(!0), m(u, null, S(J.value, (e, t) => (b(), m("g", { key: `start_label_${t}_${e.id}` }, [[null, void 0].includes(e.start) ? p("", !0) : (b(), m("text", {
+				I.value.style.chart.labels.startLabels.show ? (S(), h("g", pt, [(S(!0), h(d, null, w(J.value, (e, t) => (S(), h("g", { key: `start_label_${t}_${e.id}` }, [[null, void 0].includes(e.start) ? m("", !0) : (S(), h("text", {
 					key: 0,
 					x: e.startX,
 					y: e.y + q.value * 2 + I.value.style.chart.labels.startLabels.fontSize / 2,
 					fill: I.value.style.chart.plots.evaluationColors.enable && I.value.style.chart.labels.startLabels.useEvaluationColor ? e.evaluationColor : I.value.style.chart.labels.startLabels.useStartColor ? I.value.style.chart.plots.startColor : I.value.style.chart.labels.startLabels.color,
 					"font-size": I.value.style.chart.labels.startLabels.fontSize,
 					"text-anchor": "middle"
-				}, w(T(c)(I.value.style.chart.labels.formatter, e.start, T(l)({
+				}, E(D(c)(I.value.style.chart.labels.formatter, e.start, D(i)({
 					p: I.value.style.chart.labels.prefix,
 					v: e.start,
 					s: I.value.style.chart.labels.suffix,
@@ -1392,15 +1426,15 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})), 9, Bt))]))), 128))])) : p("", !0),
-				I.value.style.chart.labels.endLabels.show ? (b(), m("g", Vt, [(b(!0), m(u, null, S(J.value, (e, t) => (b(), m("g", { key: `end_label_${t}_${e.id}` }, [[null, void 0].includes(e.end) ? p("", !0) : (b(), m("text", {
+				})), 9, mt))]))), 128))])) : m("", !0),
+				I.value.style.chart.labels.endLabels.show ? (S(), h("g", ht, [(S(!0), h(d, null, w(J.value, (e, t) => (S(), h("g", { key: `end_label_${t}_${e.id}` }, [[null, void 0].includes(e.end) ? m("", !0) : (S(), h("text", {
 					key: 0,
 					x: e.endX,
 					y: e.y - (q.value * 2 - I.value.style.chart.labels.startLabels.fontSize / 3),
 					fill: I.value.style.chart.plots.evaluationColors.enable && I.value.style.chart.labels.endLabels.useEvaluationColor ? e.evaluationColor : I.value.style.chart.labels.endLabels.useEndColor ? I.value.style.chart.plots.endColor : I.value.style.chart.labels.endLabels.color,
 					"font-size": I.value.style.chart.labels.endLabels.fontSize,
 					"text-anchor": "middle"
-				}, w(T(c)(I.value.style.chart.labels.formatter, e.end, T(l)({
+				}, E(D(c)(I.value.style.chart.labels.formatter, e.end, D(i)({
 					p: I.value.style.chart.labels.prefix,
 					v: e.end,
 					s: I.value.style.chart.labels.suffix,
@@ -1408,92 +1442,92 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})), 9, Ht))]))), 128))])) : p("", !0),
-				h("g", null, [(b(!0), m(u, null, S(J.value, (e, t) => (b(), m("rect", {
+				})), 9, gt))]))), 128))])) : m("", !0),
+				g("g", null, [(S(!0), h(d, null, w(J.value, (e, t) => (S(), h("rect", {
 					x: K.value.left,
 					y: K.value.top + t * Math.max(.1, K.value.rowHeight),
 					width: Math.max(.1, K.value.width),
 					height: Math.max(.1, K.value.rowHeight),
-					fill: M.value === null ? "transparent" : M.value === t ? T(r)(I.value.style.chart.highlighter.color, I.value.style.chart.highlighter.opacity) : "transparent",
-					onMouseenter: (n) => ur({
+					fill: M.value === null ? "transparent" : M.value === t ? D(o)(I.value.style.chart.highlighter.color, I.value.style.chart.highlighter.opacity) : "transparent",
+					onMouseenter: (n) => zn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onMouseleave: (n) => dr({
+					onMouseleave: (n) => Bn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onClick: (n) => fr({
+					onClick: (n) => Vn({
 						datapoint: e,
 						seriesIndex: t
 					})
-				}, null, 40, Ut))), 256))]),
-				C(e.$slots, "svg", { svg: {
+				}, null, 40, _t))), 256))]),
+				T(e.$slots, "svg", { svg: {
 					...K.value,
-					isPrintingImg: T(In) || T(Ln) || yn.value,
-					isPrintingSvg: bn.value
+					isPrintingImg: D(dn) || D(fn) || qt.value,
+					isPrintingSvg: Jt.value
 				} }, void 0, !0)
-			], 46, We)), e.$slots.hint ? (b(), m("div", Wt, [C(e.$slots, "hint", v(_({
+			], 46, We)), e.$slots.hint ? (S(), h("div", vt, [T(e.$slots, "hint", b(y({
 				hint: I.value.a11y.translations.keyboardNavigation,
-				isVisible: Tn.value
-			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (b(), m("div", Gt, [C(e.$slots, "watermark", v(_({ isPrinting: T(In) || T(Ln) || yn.value || bn.value })), void 0, !0)])) : p("", !0),
-			h("div", { id: `legend-bottom-${k.value}` }, null, 8, Kt),
-			_n.value && (I.value.style.chart.legend.show || e.$slots.legend) ? (b(), f(we, {
+				isVisible: $t.value
+			})), void 0, !0)])) : m("", !0)]),
+			e.$slots.watermark ? (S(), h("div", yt, [T(e.$slots, "watermark", b(y({ isPrinting: D(dn) || D(fn) || qt.value || Jt.value })), void 0, !0)])) : m("", !0),
+			g("div", { id: `legend-bottom-${A.value}` }, null, 8, bt),
+			Wt.value && (I.value.style.chart.legend.show || e.$slots.legend) ? (S(), p(we, {
 				key: 6,
-				to: I.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
-			}, [h("div", {
+				to: I.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
+			}, [g("div", {
 				ref_key: "chartLegend",
-				ref: dn
-			}, [C(e.$slots, "legend", { legend: Zn.value }, () => [I.value.style.chart.legend.show && cn.value ? (b(), f(Se, {
-				key: `legend_${gn.value}`,
-				legendSet: Zn.value,
-				config: Qn.value,
+				ref: Rt
+			}, [T(e.$slots, "legend", { legend: En.value }, () => [I.value.style.chart.legend.show && Ft.value ? (S(), p(Se, {
+				key: `legend_${Ut.value}`,
+				legendSet: En.value,
+				config: Dn.value,
 				clickable: !1
 			}, {
-				item: E(({ legend: e }) => [h("div", { style: y(`display:flex;align-items:center;gap:4px;font-size:${I.value.style.chart.legend.fontSize}px`) }, [(b(), m("svg", {
-					xmlns: T(ne),
+				item: O(({ legend: e }) => [g("div", { style: x(`display:flex;align-items:center;gap:4px;font-size:${I.value.style.chart.legend.fontSize}px`) }, [(S(), h("svg", {
+					xmlns: D(ie),
 					viewBox: "0 0 20 20",
 					height: I.value.style.chart.legend.fontSize,
 					width: I.value.style.chart.legend.fontSize
-				}, [h("circle", {
+				}, [g("circle", {
 					cx: 10,
 					cy: 10,
 					r: 9,
 					fill: e.color
-				}, null, 8, Jt)], 8, qt)), T(Dn) ? p("", !0) : (b(), m(u, { key: 0 }, [Ee(w(e.name), 1)], 64))], 4)]),
+				}, null, 8, St)], 8, xt)), D(tn) ? m("", !0) : (S(), h(d, { key: 0 }, [Ee(E(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 ? (S(), h("div", {
 				key: 7,
 				ref_key: "source",
-				ref: fn,
+				ref: zt,
 				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			cn.value && I.value.userOptions.buttons.table ? (b(), f(Ne($.value.component), Oe({ key: 8 }, $.value.props, {
+			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
+			Ft.value && I.value.userOptions.buttons.table ? (S(), p(Me(Wn.value.component), De({ key: 8 }, Wn.value.props, {
 				ref_key: "tableUnit",
-				ref: j,
-				onClose: hr
+				ref: Gt,
+				onClose: Gn
 			}), Te({
-				content: E(() => [(b(), f(T(Qt), {
-					key: `table_${hn.value}`,
+				content: O(() => [(S(), p(D(Et), {
+					key: `table_${Ht.value}`,
 					colNames: Z.value.colNames,
 					head: Z.value.head,
 					body: Z.value.body,
 					config: Z.value.config,
-					title: I.value.table.useDialog ? "" : $.value.title,
+					title: I.value.table.useDialog ? "" : Wn.value.title,
 					withCloseButton: !I.value.table.useDialog,
 					isCursorPointer: L.value,
-					onClose: hr
+					onClose: Gn
 				}, {
-					th: E(({ th: e }) => [h("div", {
+					th: O(({ th: e }) => [g("div", {
 						innerHTML: e,
 						style: {
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, Yt)]),
-					td: E(({ td: e }) => [Ee(w(e.name || e), 1)]),
+					}, null, 8, Ct)]),
+					td: O(({ td: e }) => [Ee(E(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1507,24 +1541,24 @@ var ze = /* @__PURE__ */ e({ default: () => Xt }), Be = ["id"], Ve = ["id"], He
 				_: 2
 			}, [I.value.table.useDialog ? {
 				name: "title",
-				fn: E(() => [Ee(w($.value.title), 1)]),
+				fn: O(() => [Ee(E(Wn.value.title), 1)]),
 				key: "0"
 			} : void 0, I.value.table.useDialog ? {
 				name: "actions",
-				fn: E(() => [h("button", {
+				fn: O(() => [g("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[0] ||= (e) => $n(I.value.userOptions.callbacks.csv),
-					style: y({ cursor: L.value ? "pointer" : "default" })
-				}, [De(T(Xt), {
+					onClick: t[0] ||= (e) => On(I.value.userOptions.callbacks.csv),
+					style: x({ cursor: L.value ? "pointer" : "default" })
+				}, [_(D(wt), {
 					name: "fileCsv",
-					stroke: $.value.props.color
+					stroke: Wn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : p("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(Dn) ? (b(), f(le, { key: 0 })) : p("", !0)], !0)
+			} : void 0]), 1040)) : m("", !0),
+			T(e.$slots, "skeleton", {}, () => [D(tn) ? (S(), p(le, { key: 0 })) : m("", !0)], !0)
 		], 46, Be));
 	}
-}, [["__scopeId", "data-v-2898a824"]]);
+}, [["__scopeId", "data-v-b7471d7e"]]);
 //#endregion
-export { ze as n, Xt as t };
+export { ze as n, wt as t };