vue-data-ui 3.19.9 → 3.20.1

package/dist/vue-ui-dumbbell-xekp1obI.js

@@ -1,1527 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, J as r, S as i, St as a, W as o, X as s, h as ee, i as c, jt as te, ot as ne, t as re, v as ie, yt as l, zt as ae } from "./lib-BkiwukKO.js";
-import { t as oe } from "./useConfig-ByaaSKhz.js";
-import { t as se } from "./usePrinter-X0yWOynH.js";
-import { n as ce, t as le } from "./BaseScanner-C7dmAref.js";
-import { t as ue } from "./useSvgExport-Dtu973wa.js";
-import { t as de } from "./useNestedProp-Ck4hsrpu.js";
-import { t as fe } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as pe } from "./useTimeLabelCollider-Dm55Emzg.js";
-import { t as me } from "./img-BjOr008R.js";
-import { n as he } from "./Title-__gWq2g6.js";
-import { t as ge } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as _e } from "./canvas-lib-DTaADQOK.js";
-import { t as ve } from "./useResponsive-CrAInupd.js";
-import { t as ye } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as be } from "./useUserOptionState-CjPJPTg2.js";
-import { t as xe } from "./useChartAccessibility-Do37qcw2.js";
-import { t as Se } from "./Legend-Gg5Q4Clb.js";
-import { t as Ce } from "./vue_ui_dumbbell-CClzAZTN.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 E, watch as Ie, watchEffect as Le, withCtx as D, 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 = [
-	"xmlns",
-	"viewBox",
-	"aria-describedby"
-], Ge = [
-	"x",
-	"y",
-	"width",
-	"height"
-], Ke = { key: 1 }, qe = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Je = { key: 2 }, Ye = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Xe = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Ze = [
-	"transform",
-	"font-size",
-	"fill"
-], Qe = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"font-weight",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], $e = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], et = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], tt = [
-	"transform",
-	"font-size",
-	"fill",
-	"font-weight",
-	"text-anchor"
-], nt = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], rt = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], it = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill"
-], at = [
-	"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 = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill"
-], Lt = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], Rt = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], zt = { key: 7 }, Bt = [
-	"x",
-	"y",
-	"fill",
-	"font-size"
-], Vt = { key: 8 }, Ht = [
-	"x",
-	"y",
-	"fill",
-	"font-size"
-], Ut = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Wt = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, Gt = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, Kt = ["id"], qt = [
-	"xmlns",
-	"height",
-	"width"
-], Jt = ["fill"], Yt = ["innerHTML"], Xt = /* @__PURE__ */ ge({
-	__name: "vue-ui-dumbbell",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		}
-	},
-	emits: ["selectDatapoint", "copyAlt"],
-	setup(e, { expose: ge, emit: ze }) {
-		let Xt = g(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Zt = g(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), Qt = g(() => import("./DataTable-DmE8Oo4i.js")), $t = g(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), en = g(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), tn = g(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), nn = g(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_dumbbell: rn } = oe(), { isThemeValid: an, warnInvalidTheme: on } = fe(), O = e, sn = ze, cn = d({
-			get() {
-				return !!O.dataset && O.dataset.length;
-			},
-			set(e) {
-				return e;
-			}
-		}), k = x(n()), 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), vn = x(null), yn = x(null), bn = x(!1), xn = x(!1), Sn = x(null), Cn = x(null), wn = x(null), Tn = x(null), j = x(null), M = x(null), N = x(null), En = x(!1), P = x(!1), F = x(Pn()), I = d(() => F.value.userOptions.useCursorPointer), Dn = d(() => ae({
-			defaultConfig: {
-				userOptions: { show: !1 },
-				table: { show: !1 },
-				useAnimation: !1,
-				style: { chart: {
-					backgroundColor: "#99999930",
-					padding: {
-						top: 12,
-						right: 12,
-						bottom: 12,
-						left: 12
-					},
-					grid: {
-						horizontalGrid: { stroke: "#6A6A6A" },
-						verticalGrid: { stroke: "#6A6A6A" }
-					},
-					labels: {
-						axis: {
-							yLabel: "",
-							xLabel: ""
-						},
-						xAxisLabels: { show: !1 },
-						yAxisLabels: { show: !1 },
-						endLabels: { show: !1 },
-						startLabels: { show: !1 }
-					},
-					legend: { backgroundColor: "transparent" },
-					plots: {
-						endColor: "#969696",
-						startColor: "#DBDBDB",
-						stroke: "#6A6A6A",
-						evaluationColors: { enable: !1 }
-					}
-				} }
-			},
-			userConfig: F.value.skeletonConfig ?? {}
-		})), { loading: On, FINAL_DATASET: kn, manualLoading: An } = ce({
-			...Fe(O),
-			FINAL_CONFIG: F,
-			prepareConfig: Pn,
-			skeletonDataset: O.config?.skeletonDataset ?? [
-				{
-					name: "_",
-					start: 21,
-					end: 34
-				},
-				{
-					name: "_",
-					start: 13,
-					end: 21
-				},
-				{
-					name: "_",
-					start: 8,
-					end: 13
-				},
-				{
-					name: "_",
-					start: 5,
-					end: 8
-				},
-				{
-					name: "_",
-					start: 3,
-					end: 5
-				}
-			],
-			skeletonConfig: ae({
-				defaultConfig: F.value,
-				userConfig: Dn.value
-			})
-		}), { userOptionsVisible: jn, setUserOptionsVisibility: Mn, keepUserOptionState: Nn } = be({ config: F.value }), { svgRef: L } = xe({ config: F.value.style.chart.title });
-		function Pn() {
-			let e = de({
-				userConfig: O.config,
-				defaultConfig: rn
-			}), t = e.theme;
-			if (!t) return e;
-			if (!an.value(e)) return on(e), e;
-			let n = de({
-				userConfig: Ce[t] || O.config,
-				defaultConfig: e
-			});
-			return de({
-				userConfig: O.config,
-				defaultConfig: n
-			});
-		}
-		Ie(() => O.config, (e) => {
-			On.value || (F.value = Pn()), jn.value = !F.value.userOptions.showOnChartHover, In(), mn.value += 1, hn.value += 1, gn.value += 1, U.value = F.value.style.chart.rowHeight, W.value = F.value.style.chart.width, B.value.showTable = F.value.table.show;
-		}, { deep: !0 }), Ie(() => kn.value, (e) => {
-			Array.isArray(e) && e.length > 0 && (An.value = !1), Yn(), Xn();
-		}, { deep: !0 });
-		let R = Pe(null), z = Pe(null);
-		Me(() => {
-			_n.value = !0, In();
-		});
-		let Fn = d(() => !!F.value.debug);
-		function In() {
-			if (a(O.dataset) ? s({
-				componentName: "VueUiDumbbell",
-				type: "dataset",
-				debug: Fn.value
-			}) : O.dataset.forEach((e, t) => {
-				ne({
-					datasetObject: e,
-					requiredAttributes: [
-						"name",
-						"start",
-						"end"
-					]
-				}).forEach((e) => {
-					cn.value = !1, s({
-						componentName: "VueUiDumbbell",
-						type: "datasetSerieAttribute",
-						property: e,
-						index: t,
-						debug: Fn.value
-					});
-				});
-			}), F.value.responsive) {
-				let e = _e(() => {
-					let { width: e, height: t } = ve({
-						chart: A.value,
-						title: F.value.style.chart.title.text ? un.value : null,
-						legend: F.value.style.chart.legend.show ? dn.value : null,
-						source: fn.value,
-						noTitle: pn.value
-					}), n = F.value.style.chart.title.text ? 24 : 0, r = F.value.style.chart.legend.show ? 24 : 0;
-					requestAnimationFrame(async () => {
-						W.value = Math.max(.1, e), U.value = Math.max(.1, (Math.max(.1, t) - (n + r)) / kn.value.length), lr();
-					});
-				});
-				R.value && (z.value && R.value.unobserve(z.value), R.value.disconnect()), R.value = new ResizeObserver(e), z.value = A.value.parentNode, R.value.observe(z.value);
-			}
-			lr();
-		}
-		je(() => {
-			Y.value != null && (cancelAnimationFrame(Y.value), Y.value = null), R.value && (z.value && R.value.unobserve(z.value), R.value.disconnect());
-		});
-		let { isPrinting: Ln, isImaging: Rn, generatePdf: zn, generateImage: Bn } = se({
-			elementId: `dumbbell_${k.value}`,
-			fileName: F.value.style.chart.title.text || "vue-ui-dumbbell",
-			options: F.value.userOptions.print
-		}), Vn = d(() => F.value.userOptions.show && !F.value.style.chart.title.text), B = x({ showTable: F.value.table.show });
-		Ie(F, () => {
-			B.value = { showTable: F.value.table.show };
-		}, { immediate: !0 });
-		let V = d(() => kn.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)}__${n()}`
-		}))), Hn = d(() => {
-			let e = F.value.style.chart.grid, t = V.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
-			};
-		}), H = d(() => ee(Hn.value.min, Hn.value.max, F.value.style.chart.grid.scaleSteps)), U = x(F.value.style.chart.rowHeight), W = x(F.value.style.chart.width);
-		function Un() {
-			let e = 0;
-			Cn.value && (e = Array.from(Cn.value.querySelectorAll("text")).reduce((e, t) => {
-				let n = t.getComputedTextLength();
-				return n > e ? n : e;
-			}, 0));
-			let t = Sn.value ? Sn.value.getBoundingClientRect().width : 0;
-			return e + t + (t ? 24 + F.value.style.chart.labels.axis.yLabelOffsetX : 0);
-		}
-		let Wn = x(0), Gn = _e((e) => {
-			Wn.value = e;
-		}, 100);
-		Le((e) => {
-			let t = wn.value;
-			if (!t) return;
-			let n = new ResizeObserver((e) => {
-				Gn(e[0].contentRect.height);
-			});
-			n.observe(t), e(() => n.disconnect());
-		}), je(() => {
-			Wn.value = 0;
-		});
-		let Kn = d(() => {
-			P.value;
-			let e = 0;
-			Tn.value && (e = Tn.value.getBBox().height);
-			let t = 0;
-			return wn.value && (t = Wn.value), e + t;
-		}), qn = d(() => V.value.length);
-		function Jn(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 G = d(() => {
-			P.value;
-			let e = Un(), t = F.value.style.chart.padding, n = F.value.style.chart.labels.axis.xLabel ? F.value.style.chart.labels.axis.xLabelOffsetY : 0, r = U.value * qn.value - Kn.value - t.top - t.bottom - n, i = r / qn.value, a = U.value * qn.value, o = W.value - e - t.left - t.right, s = H.value.ticks.length * (o / H.value.ticks.length);
-			return {
-				left: F.value.style.chart.padding.left + e,
-				right: W.value - F.value.style.chart.padding.right,
-				top: F.value.style.chart.padding.top,
-				bottom: a - F.value.style.chart.padding.bottom - Kn.value - n,
-				width: o,
-				height: r,
-				rowHeight: i,
-				absoluteHeight: a,
-				widthPlotReference: s
-			};
-		}), K = d(() => Math.min(U.value / 2 * .7, F.value.style.chart.plots.radius)), q = x([]), J = d({
-			get() {
-				let e = G.value, t = H.value;
-				return q.value.map((n, r) => {
-					let i = Jn(n.start, t, e), a = Jn(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, c = ![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 ? F.value.style.chart.plots.evaluationColors.positive : ee ? F.value.style.chart.plots.evaluationColors.negative : F.value.style.chart.plots.evaluationColors.neutral;
-					return {
-						...n,
-						isPositive: s,
-						isNegative: ee,
-						isNeutral: c,
-						evaluationColor: te,
-						evaluationGrad: `url(#${s ? "positive" : ee ? "negative" : "neutral"}_grad_${k.value})`,
-						startX: i,
-						endX: a,
-						centerX: o,
-						y: e.top + r * e.rowHeight + e.rowHeight / 2
-					};
-				});
-			},
-			set(e) {
-				q.value = e;
-			}
-		});
-		function Yn() {
-			q.value = V.value.map((e) => {
-				let t = Number(e.start);
-				return {
-					...e,
-					endVal: Number.isFinite(t) ? t : 0
-				};
-			});
-		}
-		let Y = x(null);
-		Me(() => {
-			Xn();
-		});
-		function Xn() {
-			if (Y.value != null && (cancelAnimationFrame(Y.value), Y.value = null), Yn(), !F.value.useAnimation) {
-				J.value = q.value.map((e) => {
-					let t = Number(e.end);
-					return {
-						...e,
-						endVal: Number.isFinite(t) ? t : e.endVal
-					};
-				});
-				return;
-			}
-			let e = Math.max(1, Math.min(100, F.value.animationSpeed || 100)) / 100, t = V.value.map((e) => {
-				let t = Number(e.start), n = Number(e.end), r = Number.isFinite(t) ? t : 0;
-				return (Number.isFinite(n) ? n : r) - r;
-			}), n = () => {
-				let r = !0;
-				J.value = q.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,
-						endVal: s
-					};
-				}), r ? Y.value = null : Y.value = requestAnimationFrame(n);
-			};
-			Y.value = requestAnimationFrame(n);
-		}
-		let Zn = d(() => F.value.style.chart.plots.evaluationColors.enable ? [
-			{
-				name: F.value.style.chart.legend.labelNegative,
-				color: F.value.style.chart.plots.gradient.show ? `url(#negative_grad_${k.value})` : F.value.style.chart.plots.evaluationColors.negative
-			},
-			{
-				name: F.value.style.chart.legend.labelNeutral,
-				color: F.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${k.value})` : F.value.style.chart.plots.evaluationColors.neutral
-			},
-			{
-				name: F.value.style.chart.legend.labelPositive,
-				color: F.value.style.chart.plots.gradient.show ? `url(#positive_grad_${k.value})` : F.value.style.chart.plots.evaluationColors.positive
-			}
-		] : [{
-			name: F.value.style.chart.legend.labelStart,
-			color: F.value.style.chart.plots.gradient.show ? `url(#start_grad_${k.value})` : F.value.style.chart.plots.startColor
-		}, {
-			name: F.value.style.chart.legend.labelEnd,
-			color: F.value.style.chart.plots.gradient.show ? `url(#end_grad_${k.value})` : F.value.style.chart.plots.endColor
-		}]), Qn = d(() => ({
-			cy: "donut-div-legend",
-			backgroundColor: F.value.style.chart.legend.backgroundColor,
-			color: F.value.style.chart.legend.color,
-			fontSize: F.value.style.chart.legend.fontSize,
-			paddingBottom: 12,
-			paddingTop: 12,
-			fontWeight: F.value.style.chart.legend.bold ? "bold" : ""
-		})), X = d(() => ({
-			head: J.value.map((e) => ({ name: e.name })),
-			body: J.value.map((e) => ({
-				start: e.start,
-				end: e.end
-			}))
-		})), Z = d(() => {
-			let e = [
-				F.value.table.columnNames.series,
-				F.value.table.columnNames.start,
-				F.value.table.columnNames.end,
-				F.value.table.columnNames.progression
-			], n = X.value.head.map((e, n) => {
-				let r = t({
-					p: F.value.style.chart.labels.prefix,
-					v: X.value.body[n].start,
-					s: F.value.style.chart.labels.suffix,
-					r: F.value.table.td.roundingValue
-				}), i = t({
-					p: F.value.style.chart.labels.prefix,
-					v: X.value.body[n].end,
-					s: F.value.style.chart.labels.suffix,
-					r: F.value.table.td.roundingValue
-				}), a = t({
-					v: 100 * (X.value.body[n].end / X.value.body[n].start - 1),
-					s: "%",
-					r: F.value.table.td.roundingPercentage
-				});
-				return [
-					{ name: e.name },
-					r,
-					i,
-					a
-				];
-			}), r = {
-				th: {
-					backgroundColor: F.value.table.th.backgroundColor,
-					color: F.value.table.th.color,
-					outline: F.value.table.th.outline
-				},
-				td: {
-					backgroundColor: F.value.table.td.backgroundColor,
-					color: F.value.table.td.color,
-					outline: F.value.table.td.outline
-				},
-				breakpoint: F.value.table.responsiveBreakpoint
-			};
-			return {
-				colNames: [
-					F.value.table.columnNames.series,
-					F.value.table.columnNames.start,
-					F.value.table.columnNames.end,
-					F.value.table.columnNames.progression
-				],
-				head: e,
-				body: n,
-				config: r
-			};
-		});
-		function $n(e = null) {
-			ke(() => {
-				let t = X.value.head.map((e, t) => [
-					[e.name],
-					[X.value.body[t].start],
-					[X.value.body[t].end]
-				]), n = i([
-					[F.value.style.chart.title.text],
-					[F.value.style.chart.title.subtitle.text],
-					[
-						[F.value.table.columnNames.series],
-						[F.value.table.columnNames.start],
-						[F.value.table.columnNames.end]
-					]
-				].concat(t));
-				e ? e(n) : r({
-					csvContent: n,
-					title: F.value.style.chart.title.text || "vue-ui-dumbbell"
-				});
-			});
-		}
-		let Q = x(!1);
-		function er(e) {
-			Q.value = e, ln.value += 1;
-		}
-		function tr() {
-			return V.value;
-		}
-		function nr() {
-			B.value.showTable = !B.value.showTable;
-		}
-		let rr = x(!1);
-		function ir() {
-			rr.value = !rr.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,
-				base64: !0,
-				img: !0,
-				scale: e
-			});
-			return {
-				imageUri: i,
-				base64: a,
-				title: F.value.style.chart.title.text,
-				width: t,
-				height: n,
-				aspectRatio: r
-			};
-		}
-		let or = d(() => H.value.ticks);
-		pe({
-			timeLabelsEls: wn,
-			timeLabels: or,
-			slicer: d(() => ({
-				start: 0,
-				end: or.value.length
-			})),
-			configRef: F,
-			rotationPath: [
-				"style",
-				"chart",
-				"labels",
-				"xAxisLabels",
-				"rotation"
-			],
-			autoRotatePath: [
-				"style",
-				"chart",
-				"labels",
-				"xAxisLabels",
-				"autoRotate",
-				"enable"
-			],
-			isAutoSize: !1,
-			width: W,
-			height: U,
-			targetClass: ".vue-ui-dumbbell-scale-label",
-			rotation: F.value.style.chart.labels.xAxisLabels.autoRotate.angle
-		});
-		function sr({ 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 e = null, t = 0;
-			return (n) => {
-				if (n === P.value) {
-					e = null, t = 0;
-					return;
-				}
-				e === null || e !== n ? (e = n, t = 1) : (t += 1, t >= 1 && (P.value = n, e = null, t = 0));
-			};
-		})(), lr = _e(() => {
-			requestAnimationFrame(() => {
-				requestAnimationFrame(() => {
-					cr(sr({
-						rowHeight: G.value.rowHeight,
-						fontSize: F.value.style.chart.labels.yAxisLabels.fontSize,
-						showProgression: F.value.style.chart.labels.yAxisLabels.showProgression
-					}));
-				});
-			});
-		}, 100);
-		function ur({ datapoint: e, seriesIndex: t }) {
-			j.value = t, M.value = e, F.value.events.datapointEnter && F.value.events.datapointEnter({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		function dr({ datapoint: e, seriesIndex: t }) {
-			j.value = null, M.value = null, F.value.events.datapointLeave && F.value.events.datapointLeave({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		function fr({ datapoint: e, seriesIndex: t }) {
-			F.value.events.datapointClick && F.value.events.datapointClick({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		let pr = d(() => {
-			if (M.value === null) return 0;
-			let e = ![null, void 0].includes(M.value.start), t = ![null, void 0].includes(M.value.end);
-			return e && t ? Math.min(M.value.startX, M.value.endX) + Math.abs(M.value.startX - M.value.endX) / 2 : e && !t ? M.value.startX : t && !e ? M.value.endX : null;
-		}), mr = d(() => {
-			if (M.value === null) return "";
-			let e = ![null, void 0].includes(M.value.start), n = ![null, void 0].includes(M.value.end), r = "", i = "";
-			return e && (r = c(F.value.style.chart.labels.formatter, M.value.start, t({
-				p: F.value.style.chart.labels.prefix,
-				v: M.value.start,
-				s: F.value.style.chart.labels.suffix,
-				r: F.value.style.chart.labels.startLabels.rounding
-			}), {
-				datapoint: M.value,
-				seriesIndex: j.value
-			})), n && (i = c(F.value.style.chart.labels.formatter, M.value.end, t({
-				p: F.value.style.chart.labels.prefix,
-				v: M.value.end,
-				s: F.value.style.chart.labels.suffix,
-				r: F.value.style.chart.labels.startLabels.rounding
-			}), {
-				datapoint: M.value,
-				seriesIndex: j.value
-			})), e && n ? `${r} → ${i}` : e && !n ? r : n && !e ? i : "";
-		}), hr = d(() => {
-			let e = F.value.table.useDialog && !F.value.table.show, t = B.value.showTable;
-			return {
-				component: e ? nn : Zt,
-				title: `${F.value.style.chart.title.text}${F.value.style.chart.title.subtitle.text ? `: ${F.value.style.chart.title.subtitle.text}` : ""}`,
-				props: e ? {
-					backgroundColor: F.value.table.th.backgroundColor,
-					color: F.value.table.th.color,
-					headerColor: F.value.table.th.color,
-					headerBg: F.value.table.th.backgroundColor,
-					isFullscreen: Q.value,
-					fullscreenParent: A.value,
-					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: I.value
-				} : {
-					hideDetails: !0,
-					config: {
-						open: t,
-						maxHeight: 1e4,
-						body: {
-							backgroundColor: F.value.style.chart.backgroundColor,
-							color: F.value.style.chart.color
-						},
-						head: {
-							backgroundColor: F.value.style.chart.backgroundColor,
-							color: F.value.style.chart.color
-						}
-					}
-				}
-			};
-		});
-		Ie(() => B.value.showTable, (e) => {
-			F.value.table.show || (e && F.value.table.useDialog && vn.value ? vn.value.open() : "close" in vn.value && vn.value.close());
-		});
-		function gr() {
-			B.value.showTable = !1, yn.value && yn.value.setTableIconState(!1);
-		}
-		let _r = d(() => Zn.value.map((e) => ({
-			...e,
-			shape: "circle"
-		}))), vr = d(() => F.value.style.chart.backgroundColor), yr = d(() => F.value.style.chart.legend), { exportSvg: br, getSvg: xr } = ue({
-			svg: L,
-			title: d(() => F.value.style.chart.title),
-			legend: yr,
-			legendItems: _r,
-			backgroundColor: vr
-		});
-		async function Sr({ isCb: e }) {
-			xn.value = !0, await ke();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await xr();
-					await Promise.resolve(F.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(br());
-			} finally {
-				xn.value = !1;
-			}
-		}
-		function Cr(e) {
-			if (e?.stage === "start") {
-				bn.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				bn.value = !1;
-				return;
-			}
-			Bn();
-		}
-		async function wr() {
-			if (sn("copyAlt", {
-				config: F.value,
-				dataset: J.value
-			}), !F.value.userOptions.callbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(F.value.userOptions.callbacks.altCopy({
-				config: F.value,
-				dataset: J.value
-			}));
-		}
-		function Tr(e) {
-			let t = J.value.length;
-			return t ? (e % t + t) % t : null;
-		}
-		function Er() {
-			if (N.value !== null) {
-				let e = J.value[N.value];
-				e && dr({
-					datapoint: e,
-					seriesIndex: N.value
-				});
-			}
-			N.value = null, j.value = null, M.value = null;
-		}
-		function Dr() {
-			N.value = null, En.value = !0;
-		}
-		function Or() {
-			Er(), En.value = !1;
-		}
-		function kr(e) {
-			if (!L.value || rr.value || document.activeElement !== L.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) {
-				Er();
-				return;
-			}
-			if (r) {
-				if (N.value === null) return;
-				let e = J.value[N.value];
-				if (!e) return;
-				fr({
-					datapoint: e,
-					seriesIndex: N.value
-				});
-				return;
-			}
-			let a = N.value;
-			a = a === null ? n ? 0 : J.value.length - 1 : Tr(a + (n ? 1 : -1));
-			let o = J.value[a];
-			o && (N.value = a, ur({
-				datapoint: o,
-				seriesIndex: a
-			}));
-		}
-		let $ = d(() => ({
-			head: Z.value.head,
-			body: Z.value.body.map((e) => [
-				e[0]?.name ?? "",
-				e[1],
-				e[2],
-				e[3]
-			]),
-			caption: F.value.a11y.translations.tableCaption,
-			notice: F.value.a11y.translations.tableAvailable
-		}));
-		return ge({
-			getData: tr,
-			getImage: ar,
-			generatePdf: zn,
-			generateCsv: $n,
-			generateImage: Bn,
-			generateSvg: Sr,
-			toggleTable: nr,
-			toggleAnnotator: ir,
-			toggleFullscreen: er,
-			copyAlt: wr
-		}), (e, n) => (b(), m("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:${F.value.style.fontFamily};width:100%; text-align:center;background:${F.value.style.chart.backgroundColor};${F.value.responsive ? "height:100%" : ""}`),
-			id: `dumbbell_${k.value}`,
-			onMouseenter: n[1] ||= () => T(Mn)(!0),
-			onMouseleave: n[2] ||= () => T(Mn)(!1)
-		}, [
-			h("div", {
-				id: `chart-instructions-${k.value}`,
-				class: "sr-only"
-			}, [h("p", null, w(F.value.a11y.translations.keyboardNavigation), 1)], 8, Ve),
-			$.value.body.length ? (b(), f(ye, {
-				key: 0,
-				uid: k.value,
-				head: $.value.head,
-				body: $.value.body,
-				caption: $.value.caption,
-				notice: $.value.notice
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"caption",
-				"notice"
-			])) : p("", !0),
-			F.value.userOptions.buttons.annotator ? (b(), f(T($t), {
-				key: 1,
-				svgRef: T(L),
-				backgroundColor: F.value.style.chart.backgroundColor,
-				color: F.value.style.chart.color,
-				active: rr.value,
-				isCursorPointer: I.value,
-				onClose: ir
-			}, {
-				"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", v(_({ color: t })), void 0, !0)]),
-				"annotator-action-draw": D(({ mode: t }) => [C(e.$slots, "annotator-action-draw", v(_({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": D(({ disabled: t }) => [C(e.$slots, "annotator-action-undo", v(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": D(({ disabled: t }) => [C(e.$slots, "annotator-action-redo", v(_({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": D(({ disabled: t }) => [C(e.$slots, "annotator-action-delete", v(_({ disabled: t })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer"
-			])) : p("", !0),
-			Vn.value ? (b(), m("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: pn,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : p("", !0),
-			F.value.style.chart.title.text ? (b(), m("div", {
-				key: 3,
-				ref_key: "chartTitle",
-				ref: un,
-				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(b(), f(he, {
-				key: `title_${mn.value}`,
-				config: {
-					title: {
-						cy: "donut-div-title",
-						...F.value.style.chart.title
-					},
-					subtitle: {
-						cy: "donut-div-subtitle",
-						...F.value.style.chart.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 512)) : p("", !0),
-			h("div", { id: `legend-top-${k.value}` }, null, 8, He),
-			F.value.userOptions.show && cn.value && (T(Nn) || T(jn)) ? (b(), f(T(en), {
-				ref_key: "userOptionsRef",
-				ref: yn,
-				key: `user_option_${ln.value}`,
-				backgroundColor: F.value.style.chart.backgroundColor,
-				color: F.value.style.chart.color,
-				isPrinting: T(Ln),
-				isImaging: T(Rn),
-				uid: k.value,
-				hasPdf: F.value.userOptions.buttons.pdf,
-				hasXls: F.value.userOptions.buttons.csv,
-				hasImg: F.value.userOptions.buttons.img,
-				hasSvg: F.value.userOptions.buttons.svg,
-				hasTable: F.value.userOptions.buttons.table,
-				hasFullscreen: F.value.userOptions.buttons.fullscreen,
-				hasAltCopy: F.value.userOptions.buttons.altCopy,
-				isFullscreen: Q.value,
-				titles: { ...F.value.userOptions.buttonTitles },
-				chartElement: A.value,
-				position: F.value.userOptions.position,
-				hasAnnotator: F.value.userOptions.buttons.annotator,
-				isAnnotation: rr.value,
-				callbacks: F.value.userOptions.callbacks,
-				printScale: F.value.userOptions.print.scale,
-				tableDialog: F.value.table.useDialog,
-				isCursorPointer: I.value,
-				onToggleFullscreen: er,
-				onGeneratePdf: T(zn),
-				onGenerateCsv: $n,
-				onGenerateImage: Cr,
-				onGenerateSvg: Sr,
-				onToggleTable: nr,
-				onToggleAnnotator: ir,
-				onCopyAlt: wr,
-				style: y({ visibility: T(Nn) ? T(jn) ? "visible" : "hidden" : "visible" })
-			}, Te({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: D(({ isOpen: t, color: n }) => [C(e.$slots, "menuIcon", v(_({
-						isOpen: t,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: D(() => [C(e.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: D(() => [C(e.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots.optionImg ? {
-					name: "optionImg",
-					fn: D(() => [C(e.$slots, "optionImg", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				e.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: D(() => [C(e.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				e.$slots.optionTable ? {
-					name: "optionTable",
-					fn: D(() => [C(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", v(_({
-						toggleFullscreen: t,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "6"
-				} : void 0,
-				e.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: D(({ toggleAnnotator: t, isAnnotator: n }) => [C(e.$slots, "optionAnnotator", v(_({
-						toggleAnnotator: t,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "7"
-				} : void 0,
-				e.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: D(({ altCopy: t }) => [C(e.$slots, "optionAltCopy", v(_({ 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)]),
-					key: "9"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: D(() => [C(e.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "10"
-				} : void 0
-			]), 1032, [
-				"backgroundColor",
-				"color",
-				"isPrinting",
-				"isImaging",
-				"uid",
-				"hasPdf",
-				"hasXls",
-				"hasImg",
-				"hasSvg",
-				"hasTable",
-				"hasFullscreen",
-				"hasAltCopy",
-				"isFullscreen",
-				"titles",
-				"chartElement",
-				"position",
-				"hasAnnotator",
-				"isAnnotation",
-				"callbacks",
-				"printScale",
-				"tableDialog",
-				"isCursorPointer",
-				"onGeneratePdf",
-				"style"
-			])) : p("", !0),
-			h("div", Ue, [(b(), m("svg", {
-				ref_key: "svgRef",
-				ref: L,
-				xmlns: T(re),
-				class: Ae({
-					"vue-data-ui-fullscreen--on": Q.value,
-					"vue-data-ui-fulscreen--off": !Q.value
-				}),
-				viewBox: `0 0 ${W.value} ${G.value.absoluteHeight <= 0 ? 10 : G.value.absoluteHeight}`,
-				style: y(`max-width:100%; overflow: visible; background:transparent;color:${F.value.style.chart.color}`),
-				"aria-describedby": `chart-instructions-${k.value}`,
-				tabindex: "0",
-				onFocus: Dr,
-				onBlur: Or,
-				onKeydown: kr
-			}, [
-				De(T(tn)),
-				e.$slots["chart-background"] ? (b(), m("foreignObject", {
-					key: 0,
-					x: G.value.left,
-					y: G.value.top,
-					width: Math.max(.1, G.value.width),
-					height: Math.max(.1, G.value.height),
-					style: { pointerEvents: "none" }
-				}, [C(e.$slots, "chart-background", {}, void 0, !0)], 8, Ge)) : p("", !0),
-				F.value.style.chart.grid.verticalGrid.show ? (b(), m("g", Ke, [(b(!0), m(u, null, S(H.value.ticks, (e, t) => (b(), m("line", {
-					x1: G.value.left + t * G.value.width / (H.value.ticks.length - 1),
-					x2: G.value.left + t * G.value.width / (H.value.ticks.length - 1),
-					y1: G.value.top,
-					y2: G.value.bottom,
-					stroke: F.value.style.chart.grid.verticalGrid.stroke,
-					"stroke-width": F.value.style.chart.grid.verticalGrid.strokeWidth,
-					"stroke-dasharray": F.value.style.chart.grid.verticalGrid.strokeDasharray
-				}, null, 8, qe))), 256))])) : p("", !0),
-				F.value.style.chart.grid.horizontalGrid.show ? (b(), m("g", Je, [(b(!0), m(u, null, S(V.value, (e, t) => (b(), m("line", {
-					x1: G.value.left,
-					x2: G.value.right,
-					y1: G.value.top + t * G.value.rowHeight,
-					y2: G.value.top + t * G.value.rowHeight,
-					stroke: F.value.style.chart.grid.horizontalGrid.stroke,
-					"stroke-width": F.value.style.chart.grid.horizontalGrid.strokeWidth,
-					"stroke-dasharray": F.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, Ye))), 256)), h("line", {
-					x1: G.value.left,
-					x2: G.value.right,
-					y1: G.value.bottom,
-					y2: G.value.bottom,
-					stroke: F.value.style.chart.grid.horizontalGrid.stroke,
-					"stroke-width": F.value.style.chart.grid.horizontalGrid.strokeWidth,
-					"stroke-dasharray": F.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, Xe)])) : p("", !0),
-				F.value.style.chart.labels.axis.yLabel ? (b(), m("text", {
-					key: 3,
-					ref_key: "yAxisLabel",
-					ref: Sn,
-					transform: `translate(${F.value.style.chart.labels.axis.fontSize}, ${G.value.absoluteHeight / 2}), rotate(-90)`,
-					"font-size": F.value.style.chart.labels.axis.fontSize,
-					fill: F.value.style.chart.labels.axis.color,
-					"text-anchor": "middle"
-				}, w(F.value.style.chart.labels.axis.yLabel), 9, Ze)) : p("", !0),
-				F.value.style.chart.labels.yAxisLabels.show ? (b(), m("g", {
-					key: 4,
-					ref_key: "serieLabels",
-					ref: Cn
-				}, [(b(!0), m(u, null, S(J.value, (e, n) => (b(), m("text", {
-					class: "vue-ui-dumbbell-serie-name",
-					key: `serieLabel_${e.id}_${n}`,
-					x: G.value.left - 6 + F.value.style.chart.labels.yAxisLabels.offsetX,
-					y: G.value.top + n * G.value.rowHeight + (!F.value.style.chart.labels.yAxisLabels.showProgression || P.value ? G.value.rowHeight / 2 : G.value.rowHeight / 3) + F.value.style.chart.labels.yAxisLabels.fontSize / 3,
-					"font-size": F.value.style.chart.labels.yAxisLabels.fontSize,
-					fill: F.value.style.chart.labels.yAxisLabels.color,
-					"font-weight": F.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
-					"text-anchor": "end",
-					onMouseenter: (t) => ur({
-						datapoint: e,
-						seriesIndex: n
-					}),
-					onMouseleave: (t) => dr({
-						datapoint: e,
-						seriesIndex: n
-					}),
-					onClick: (t) => fr({
-						datapoint: e,
-						seriesIndex: n
-					})
-				}, w(e.name) + " " + w(P.value && F.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${T(c)(F.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(t)({
-					v: 100 * (e.end / e.start - 1),
-					s: "%",
-					r: F.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })})` : ""), 41, Qe))), 128)), F.value.style.chart.labels.yAxisLabels.showProgression && !P.value ? (b(!0), m(u, { key: 0 }, S(J.value, (e, n) => (b(), m("text", {
-					class: "vue-ui-dumbbell-serie-value",
-					x: G.value.left - 6 + F.value.style.chart.labels.yAxisLabels.offsetX,
-					y: G.value.top + n * G.value.rowHeight + G.value.rowHeight / 1.3 + F.value.style.chart.labels.yAxisLabels.fontSize / 3,
-					"font-size": F.value.style.chart.labels.yAxisLabels.fontSize,
-					fill: F.value.style.chart.labels.yAxisLabels.color,
-					"text-anchor": "end",
-					onMouseenter: (t) => ur({
-						datapoint: e,
-						seriesIndex: n
-					}),
-					onMouseleave: (t) => dr({
-						datapoint: e,
-						seriesIndex: n
-					}),
-					onClick: (t) => fr({
-						datapoint: e,
-						seriesIndex: n
-					})
-				}, w([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : T(c)(F.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), T(t)({
-					v: 100 * (e.end / e.start - 1),
-					s: "%",
-					r: F.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })), 41, $e))), 256)) : p("", !0)], 512)) : p("", !0),
-				F.value.style.chart.labels.axis.xLabel ? (b(), m("text", {
-					key: 5,
-					ref_key: "xAxisLabel",
-					ref: Tn,
-					x: G.value.left + G.value.width / 2,
-					y: G.value.absoluteHeight - F.value.style.chart.labels.axis.fontSize / 3,
-					"font-size": F.value.style.chart.labels.axis.fontSize,
-					fill: F.value.style.chart.labels.axis.color,
-					"text-anchor": "middle"
-				}, w(F.value.style.chart.labels.axis.xLabel), 9, et)) : p("", !0),
-				F.value.style.chart.labels.xAxisLabels.show ? (b(), m("g", {
-					key: 6,
-					ref_key: "scaleLabels",
-					ref: wn
-				}, [(b(!0), m(u, null, S(H.value.ticks, (e, n) => (b(), m("text", {
-					class: "vue-ui-dumbbell-scale-label",
-					key: `tick_${n}`,
-					transform: `translate(${G.value.left + n * (G.value.width / (H.value.ticks.length - 1))}, ${G.value.bottom + F.value.style.chart.labels.xAxisLabels.fontSize + F.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${F.value.style.chart.labels.xAxisLabels.rotation})`,
-					"font-size": F.value.style.chart.labels.xAxisLabels.fontSize,
-					fill: F.value.style.chart.labels.xAxisLabels.color,
-					"font-weight": F.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
-					"text-anchor": F.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : F.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
-				}, w(T(c)(F.value.style.chart.labels.formatter, e, T(t)({
-					p: F.value.style.chart.labels.prefix,
-					v: e,
-					s: F.value.style.chart.labels.suffix,
-					r: F.value.style.chart.labels.xAxisLabels.rounding
-				}), {
-					datapoint: e,
-					seriesIndex: n
-				})), 9, tt))), 128))], 512)) : p("", !0),
-				Re(h("g", null, [
-					Re(h("path", {
-						d: `M ${M.value ? M.value.startX : G.value.left},${G.value.top} ${M.value ? M.value.startX : G.value.left},${G.value.bottom}`,
-						stroke: M.value ? F.value.style.chart.plots.evaluationColors.enable ? M.value.evaluationColor : F.value.style.chart.plots.startColor : "transparent",
-						"stroke-width": F.value.style.chart.comparisonLines.strokeWidth,
-						"stroke-dasharray": F.value.style.chart.comparisonLines.strokeDasharray,
-						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, nt), [[E, M.value !== null && ![null, void 0].includes(M.value.start)]]),
-					Re(h("path", {
-						d: `M ${M.value ? M.value.endX : G.value.left},${G.value.top} ${M.value ? M.value.endX : G.value.left},${G.value.bottom}`,
-						stroke: M.value ? F.value.style.chart.plots.evaluationColors.enable ? M.value.evaluationColor : F.value.style.chart.plots.endColor : "transparent",
-						"stroke-width": F.value.style.chart.comparisonLines.strokeWidth,
-						"stroke-dasharray": F.value.style.chart.comparisonLines.strokeDasharray,
-						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, rt), [[E, M.value !== null && ![null, void 0].includes(M.value.end)]]),
-					Re(h("rect", {
-						x: M.value ? Math.min(M.value.startX, M.value.endX) : G.value.left,
-						y: G.value.top,
-						height: Math.max(.1, G.value.height),
-						width: M.value ? Math.max(.1, Math.abs(M.value.endX - M.value.startX)) : 0,
-						fill: M.value ? T(te)(F.value.style.chart.comparisonLines.rectColor, F.value.style.chart.comparisonLines.rectOpacity) : "transparent",
-						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, it), [[E, F.value.style.chart.comparisonLines.showRect && M.value !== null && ![null, void 0].includes(M.value.start) && ![null, void 0].includes(M.value.end)]]),
-					Re(h("text", {
-						transform: `translate(${pr.value == null ? 0 : pr.value}, ${G.value.top - 6})`,
-						fill: F.value.style.chart.comparisonLines.labelColor,
-						"font-size": F.value.style.chart.comparisonLines.labelFontSize,
-						"text-anchor": "middle",
-						style: { transition: "all 0.3s ease-in-out" }
-					}, w(mr.value), 9, at), [[E, M.value !== null && pr.value !== null && F.value.style.chart.comparisonLines.showLabel]])
-				], 512), [[E, F.value.style.chart.comparisonLines.show && j.value !== null]]),
-				h("defs", null, [
-					h("radialGradient", {
-						id: `start_grad_${k.value}`,
-						fy: "30%"
-					}, [
-						h("stop", {
-							offset: "10%",
-							"stop-color": T(l)(F.value.style.chart.plots.startColor, F.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, st),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(o)(F.value.style.chart.plots.startColor, .1)
-						}, null, 8, ct),
-						h("stop", {
-							offset: "100%",
-							"stop-color": F.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(l)(F.value.style.chart.plots.endColor, F.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, dt),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(o)(F.value.style.chart.plots.endColor, .1)
-						}, null, 8, ft),
-						h("stop", {
-							offset: "100%",
-							"stop-color": F.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(l)(F.value.style.chart.plots.evaluationColors.positive, F.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, ht),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(o)(F.value.style.chart.plots.evaluationColors.positive, .1)
-						}, null, 8, gt),
-						h("stop", {
-							offset: "100%",
-							"stop-color": F.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(l)(F.value.style.chart.plots.evaluationColors.negative, F.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, yt),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(o)(F.value.style.chart.plots.evaluationColors.negative, .1)
-						}, null, 8, bt),
-						h("stop", {
-							offset: "100%",
-							"stop-color": F.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(l)(F.value.style.chart.plots.evaluationColors.neutral, F.value.style.chart.plots.gradient.intensity / 100)
-						}, null, 8, Ct),
-						h("stop", {
-							offset: "90%",
-							"stop-color": T(o)(F.value.style.chart.plots.evaluationColors.neutral, .1)
-						}, null, 8, wt),
-						h("stop", {
-							offset: "100%",
-							"stop-color": F.value.style.chart.plots.evaluationColors.neutral
-						}, null, 8, Tt)
-					], 8, St)
-				]),
-				(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}`,
-						x1: "0%",
-						x2: "100%",
-						y1: "0%",
-						y2: "0%"
-					}, [h("stop", {
-						offset: "0%",
-						"stop-color": F.value.style.chart.plots.startColor
-					}, null, 8, Dt), h("stop", {
-						offset: "100%",
-						"stop-color": F.value.style.chart.plots.endColor
-					}, null, 8, Ot)], 8, Et), h("linearGradient", {
-						id: `grad_neg_${k.value}`,
-						x1: "0%",
-						x2: "100%",
-						y1: "0%",
-						y2: "0%"
-					}, [h("stop", {
-						offset: "0%",
-						"stop-color": F.value.style.chart.plots.endColor
-					}, null, 8, At), h("stop", {
-						offset: "100%",
-						"stop-color": F.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, [F.value.style.chart.plots.link.type === "curved" ? (b(), m("g", Nt, [h("path", {
-						d: `M 
-                                    ${e.startX},${e.y + K.value / 2} 
-                                    C ${e.centerX},${e.y} ${e.centerX},${e.y} 
-                                    ${e.endX},${e.y + K.value / 2}
-                                    L ${e.endX},${e.y - K.value / 2}
-                                    C ${e.centerX},${e.y} ${e.centerX},${e.y}
-                                    ${e.startX},${e.y - K.value / 2}
-                                    Z
-                                `,
-						fill: F.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", {
-						x: e.endX > e.startX ? e.startX : e.endX,
-						y: e.y - F.value.style.chart.plots.link.strokeWidth / 2,
-						height: Math.max(.01, F.value.style.chart.plots.link.strokeWidth),
-						width: Math.max(.01, Math.abs(e.endX - e.startX)),
-						fill: F.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", {
-						key: 1,
-						cx: e.startX,
-						cy: e.y,
-						r: K.value,
-						fill: F.value.style.chart.plots.gradient.show ? F.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#start_grad_${k.value})` : F.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : F.value.style.chart.plots.startColor,
-						stroke: F.value.style.chart.plots.stroke,
-						"stroke-width": F.value.style.chart.plots.strokeWidth
-					}, null, 8, Lt)),
-					[null, void 0].includes(e.end) ? p("", !0) : (b(), m("circle", {
-						key: 2,
-						cx: e.endX,
-						cy: e.y,
-						r: K.value,
-						fill: F.value.style.chart.plots.gradient.show ? F.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#end_grad_${k.value})` : F.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : F.value.style.chart.plots.endColor,
-						stroke: F.value.style.chart.plots.stroke,
-						"stroke-width": F.value.style.chart.plots.strokeWidth
-					}, null, 8, Rt))
-				]))), 128)),
-				F.value.style.chart.labels.startLabels.show ? (b(), m("g", zt, [(b(!0), m(u, null, S(J.value, (e, n) => (b(), m("g", { key: `start_label_${n}_${e.id}` }, [[null, void 0].includes(e.start) ? p("", !0) : (b(), m("text", {
-					key: 0,
-					x: e.startX,
-					y: e.y + K.value * 2 + F.value.style.chart.labels.startLabels.fontSize / 2,
-					fill: F.value.style.chart.plots.evaluationColors.enable && F.value.style.chart.labels.startLabels.useEvaluationColor ? e.evaluationColor : F.value.style.chart.labels.startLabels.useStartColor ? F.value.style.chart.plots.startColor : F.value.style.chart.labels.startLabels.color,
-					"font-size": F.value.style.chart.labels.startLabels.fontSize,
-					"text-anchor": "middle"
-				}, w(T(c)(F.value.style.chart.labels.formatter, e.start, T(t)({
-					p: F.value.style.chart.labels.prefix,
-					v: e.start,
-					s: F.value.style.chart.labels.suffix,
-					r: F.value.style.chart.labels.startLabels.rounding
-				}), {
-					datapoint: e,
-					seriesIndex: n
-				})), 9, Bt))]))), 128))])) : p("", !0),
-				F.value.style.chart.labels.endLabels.show ? (b(), m("g", Vt, [(b(!0), m(u, null, S(J.value, (e, n) => (b(), m("g", { key: `end_label_${n}_${e.id}` }, [[null, void 0].includes(e.end) ? p("", !0) : (b(), m("text", {
-					key: 0,
-					x: e.endX,
-					y: e.y - (K.value * 2 - F.value.style.chart.labels.startLabels.fontSize / 3),
-					fill: F.value.style.chart.plots.evaluationColors.enable && F.value.style.chart.labels.endLabels.useEvaluationColor ? e.evaluationColor : F.value.style.chart.labels.endLabels.useEndColor ? F.value.style.chart.plots.endColor : F.value.style.chart.labels.endLabels.color,
-					"font-size": F.value.style.chart.labels.endLabels.fontSize,
-					"text-anchor": "middle"
-				}, w(T(c)(F.value.style.chart.labels.formatter, e.end, T(t)({
-					p: F.value.style.chart.labels.prefix,
-					v: e.end,
-					s: F.value.style.chart.labels.suffix,
-					r: F.value.style.chart.labels.endLabels.rounding
-				}), {
-					datapoint: e,
-					seriesIndex: n
-				})), 9, Ht))]))), 128))])) : p("", !0),
-				h("g", null, [(b(!0), m(u, null, S(J.value, (e, t) => (b(), m("rect", {
-					x: G.value.left,
-					y: G.value.top + t * Math.max(.1, G.value.rowHeight),
-					width: Math.max(.1, G.value.width),
-					height: Math.max(.1, G.value.rowHeight),
-					fill: j.value === null ? "transparent" : j.value === t ? T(te)(F.value.style.chart.highlighter.color, F.value.style.chart.highlighter.opacity) : "transparent",
-					onMouseenter: (n) => ur({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onMouseleave: (n) => dr({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onClick: (n) => fr({
-						datapoint: e,
-						seriesIndex: t
-					})
-				}, null, 40, Ut))), 256))]),
-				C(e.$slots, "svg", { svg: {
-					...G.value,
-					isPrintingImg: T(Ln) || T(Rn) || bn.value,
-					isPrintingSvg: xn.value
-				} }, void 0, !0)
-			], 46, We)), e.$slots.hint ? (b(), m("div", Wt, [C(e.$slots, "hint", v(_({
-				hint: F.value.a11y.translations.keyboardNavigation,
-				isVisible: En.value
-			})), void 0, !0)])) : p("", !0)]),
-			e.$slots.watermark ? (b(), m("div", Gt, [C(e.$slots, "watermark", v(_({ isPrinting: T(Ln) || T(Rn) || bn.value || xn.value })), void 0, !0)])) : p("", !0),
-			h("div", { id: `legend-bottom-${k.value}` }, null, 8, Kt),
-			_n.value && (F.value.style.chart.legend.show || e.$slots.legend) ? (b(), f(we, {
-				key: 6,
-				to: F.value.style.chart.legend.position === "top" ? `#legend-top-${k.value}` : `#legend-bottom-${k.value}`
-			}, [h("div", {
-				ref_key: "chartLegend",
-				ref: dn
-			}, [C(e.$slots, "legend", { legend: Zn.value }, () => [F.value.style.chart.legend.show && cn.value ? (b(), f(Se, {
-				key: `legend_${gn.value}`,
-				legendSet: Zn.value,
-				config: Qn.value,
-				clickable: !1
-			}, {
-				item: D(({ legend: e }) => [h("div", { style: y(`display:flex;align-items:center;gap:4px;font-size:${F.value.style.chart.legend.fontSize}px`) }, [(b(), m("svg", {
-					xmlns: T(re),
-					viewBox: "0 0 20 20",
-					height: F.value.style.chart.legend.fontSize,
-					width: F.value.style.chart.legend.fontSize
-				}, [h("circle", {
-					cx: 10,
-					cy: 10,
-					r: 9,
-					fill: e.color
-				}, null, 8, Jt)], 8, qt)), T(On) ? p("", !0) : (b(), m(u, { key: 0 }, [Ee(w(e.name), 1)], 64))], 4)]),
-				_: 1
-			}, 8, ["legendSet", "config"])) : p("", !0)], !0)], 512)], 8, ["to"])) : p("", !0),
-			e.$slots.source ? (b(), m("div", {
-				key: 7,
-				ref_key: "source",
-				ref: fn,
-				dir: "auto"
-			}, [C(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			cn.value && F.value.userOptions.buttons.table ? (b(), f(Ne(hr.value.component), Oe({ key: 8 }, hr.value.props, {
-				ref_key: "tableUnit",
-				ref: vn,
-				onClose: gr
-			}), Te({
-				content: D(() => [(b(), f(T(Qt), {
-					key: `table_${hn.value}`,
-					colNames: Z.value.colNames,
-					head: Z.value.head,
-					body: Z.value.body,
-					config: Z.value.config,
-					title: F.value.table.useDialog ? "" : hr.value.title,
-					withCloseButton: !F.value.table.useDialog,
-					isCursorPointer: I.value,
-					onClose: gr
-				}, {
-					th: D(({ th: e }) => [h("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, Yt)]),
-					td: D(({ td: e }) => [Ee(w(e.name || e), 1)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton",
-					"isCursorPointer"
-				]))]),
-				_: 2
-			}, [F.value.table.useDialog ? {
-				name: "title",
-				fn: D(() => [Ee(w(hr.value.title), 1)]),
-				key: "0"
-			} : void 0, F.value.table.useDialog ? {
-				name: "actions",
-				fn: D(() => [h("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: n[0] ||= (e) => $n(F.value.userOptions.callbacks.csv),
-					style: y({ cursor: I.value ? "pointer" : "default" })
-				}, [De(T(Xt), {
-					name: "fileCsv",
-					stroke: hr.value.props.color
-				}, null, 8, ["stroke"])], 4)]),
-				key: "1"
-			} : void 0]), 1040)) : p("", !0),
-			C(e.$slots, "skeleton", {}, () => [T(On) ? (b(), f(le, { key: 0 })) : p("", !0)], !0)
-		], 46, Be));
-	}
-}, [["__scopeId", "data-v-c54929c2"]]);
-//#endregion
-export { ze as n, Xt as t };