vue-data-ui 3.25.5 → 3.25.6

package/dist/vue-ui-dumbbell-BYU-hh2E.js

@@ -1,1531 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Pt as r, Ut as i, X as a, Y as o, Zt as s, _ as ee, b as te, ht as ne, i as c, jt as l, nt as re, q as ie, t as ae } from "./lib-Dql7cqyA.js";
-import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-C_mX5pOZ.js";
-import { t as le } from "./usePrinter-DISD7q5m.js";
-import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useNestedProp-Chvyfpl-.js";
-import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as me } from "./useChartExport-iwOqiIWX.js";
-import { t as he } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as ge } from "./img-DhGApYG0.js";
-import { n as _e } from "./Title-CPHi-evi.js";
-import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
-import { t as u } from "./DefGrad-DVBqDjhO.js";
-import { t as xe } from "./A11yDataTable-DdRsVULz.js";
-import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
-import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as we } from "./Legend-X4kF4PvW.js";
-import { t as Te } from "./usePrefersMotion-BC-CsqR1.js";
-import { t as Ee } from "./vue_ui_dumbbell-Bfe_jFyi.js";
-import { Fragment as d, Teleport as De, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Oe, createTextVNode as ke, createVNode as _, defineAsyncComponent as v, guardReactiveProps as y, mergeProps as Ae, nextTick as je, normalizeClass as Me, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Ne, onMounted as Pe, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Fe, shallowRef as Ie, toDisplayString as E, toRefs as Le, unref as D, vShow as Re, watch as ze, watchEffect as Be, withCtx as O, withDirectives as Ve } from "vue";
-//#region src/components/vue-ui-dumbbell.vue
-var He = /* @__PURE__ */ e({ default: () => Dt }), Ue = ["id"], We = ["id"], Ge = ["id"], Ke = { style: { position: "relative" } }, qe = [
-	"xmlns",
-	"viewBox",
-	"aria-describedby"
-], Je = [
-	"x",
-	"y",
-	"width",
-	"height"
-], Ye = { key: 1 }, Xe = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], Ze = { key: 2 }, Qe = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], $e = [
-	"x1",
-	"x2",
-	"y1",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], et = [
-	"transform",
-	"font-size",
-	"fill"
-], tt = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"font-weight",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], nt = [
-	"x",
-	"y",
-	"font-size",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], rt = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], it = [
-	"transform",
-	"font-size",
-	"fill",
-	"font-weight",
-	"text-anchor"
-], at = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], ot = [
-	"d",
-	"stroke",
-	"stroke-width",
-	"stroke-dasharray"
-], st = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill"
-], ct = [
-	"transform",
-	"fill",
-	"font-size"
-], lt = { key: 0 }, ut = { key: 0 }, dt = ["d", "fill"], ft = { key: 1 }, pt = [
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill"
-], mt = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], ht = [
-	"cx",
-	"cy",
-	"r",
-	"fill",
-	"stroke",
-	"stroke-width"
-], gt = { key: 7 }, _t = [
-	"x",
-	"y",
-	"fill",
-	"font-size"
-], vt = { key: 8 }, yt = [
-	"x",
-	"y",
-	"fill",
-	"font-size"
-], bt = [
-	"x",
-	"y",
-	"width",
-	"height",
-	"fill",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], xt = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, St = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, Ct = ["id"], wt = [
-	"xmlns",
-	"height",
-	"width"
-], Tt = ["fill"], Et = { style: {
-	display: "flex",
-	"align-items": "center"
-} }, Dt = /*#__PURE__*/ ve({
-	__name: "vue-ui-dumbbell",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		}
-	},
-	emits: ["selectDatapoint", "copyAlt"],
-	setup(e, { expose: ve, emit: He }) {
-		let Dt = v(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), Ot = v(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)), kt = v(() => import("./DataTable-COIO9gi4.js")), At = v(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), jt = v(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), Mt = v(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), Nt = v(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), { vue_ui_dumbbell: Pt } = ce(), { isThemeValid: Ft, warnInvalidTheme: It } = pe(), Lt = Te(), k = e, Rt = He, zt = f({
-			get() {
-				return !!k.dataset && k.dataset.length;
-			},
-			set(e) {
-				return e;
-			}
-		}), A = C(ie()), Bt = C(0), j = C(null), Vt = C(null), Ht = C(null), Ut = C(null), Wt = C(null), Gt = C(0), Kt = C(0), qt = C(0), Jt = C(!1), M = C(null), Yt = C(null), Xt = C(null), Zt = C(null), Qt = C(null), $t = C(null), N = C(null), P = C(null), F = C(null), en = C(!1), I = C(!1), L = C(ln());
-		oe({
-			config: () => L.value,
-			dataset: () => k.dataset,
-			component: "VueUiDumbbell",
-			rules: [se.emptyArray, {
-				test: (e) => e.length > 31,
-				message: [
-					"👀 The number of series is > 31. Consider:",
-					"",
-					"▶️ Using filters to let users choose a maximum number of series to display.",
-					"",
-					"▶️ Using multiple instances of the component to display related series."
-				]
-			}]
-		});
-		let R = f(() => L.value.userOptions.useCursorPointer), tn = f(() => s({
-			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: L.value.skeletonConfig ?? {}
-		})), { loading: nn, FINAL_DATASET: rn, manualLoading: an } = ue({
-			...Le(k),
-			FINAL_CONFIG: L,
-			prepareConfig: ln,
-			skeletonDataset: k.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: s({
-				defaultConfig: L.value,
-				userConfig: tn.value
-			})
-		}), { userOptionsVisible: on, setUserOptionsVisibility: sn, keepUserOptionState: cn } = Se({ config: L.value }), { svgRef: z } = Ce({ config: L.value.style.chart.title });
-		function ln() {
-			let e = fe({
-				userConfig: k.config,
-				defaultConfig: Pt
-			}), t = e.theme;
-			if (!t) return e;
-			if (!Ft.value(e)) return It(e), e;
-			let n = fe({
-				userConfig: Ee[t] || k.config,
-				defaultConfig: e
-			});
-			return fe({
-				userConfig: k.config,
-				defaultConfig: n
-			});
-		}
-		ze(() => k.config, (e) => {
-			nn.value || (L.value = ln()), on.value = !L.value.userOptions.showOnChartHover, dn(), Gt.value += 1, Kt.value += 1, qt.value += 1, G.value = L.value.style.chart.rowHeight, K.value = L.value.style.chart.width, H.value.showTable = L.value.table.show;
-		}, { deep: !0 }), ze(() => rn.value, (e) => {
-			Array.isArray(e) && e.length > 0 && (an.value = !1), Tn(), En();
-		}, { deep: !0 });
-		let B = Ie(null), V = Ie(null);
-		Pe(() => {
-			Jt.value = !0, dn();
-		});
-		let un = f(() => L.value.debug);
-		function dn() {
-			if (r(k.dataset) ? re({
-				componentName: "VueUiDumbbell",
-				type: "dataset",
-				debug: un.value
-			}) : k.dataset.forEach((e, t) => {
-				ne({
-					datasetObject: e,
-					requiredAttributes: [
-						"name",
-						"start",
-						"end"
-					]
-				}).forEach((e) => {
-					zt.value = !1, re({
-						componentName: "VueUiDumbbell",
-						type: "datasetSerieAttribute",
-						property: e,
-						index: t,
-						debug: un.value
-					});
-				});
-			}), L.value.responsive) {
-				let e = ye(() => {
-					let { width: e, height: t } = be({
-						chart: j.value,
-						title: L.value.style.chart.title.text ? Vt.value : null,
-						legend: L.value.style.chart.legend.show ? Ht.value : null,
-						source: Ut.value,
-						noTitle: Wt.value
-					}), n = L.value.style.chart.title.text ? 24 : 0, r = L.value.style.chart.legend.show ? 24 : 0;
-					requestAnimationFrame(async () => {
-						K.value = Math.max(.1, e), G.value = Math.max(.1, (Math.max(.1, t) - (n + r)) / rn.value.length), Bn();
-					});
-				});
-				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = j.value.parentNode, B.value.observe(V.value);
-			}
-			Bn();
-		}
-		Ne(() => {
-			X.value != null && (cancelAnimationFrame(X.value), X.value = null), B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
-		});
-		let { isPrinting: fn, isImaging: pn, generatePdf: mn, generateImage: hn } = le({
-			elementId: `dumbbell_${A.value}`,
-			fileName: L.value.style.chart.title.text || "vue-ui-dumbbell",
-			options: L.value.userOptions.print
-		}), gn = f(() => L.value.userOptions.show && !L.value.style.chart.title.text), H = C({ showTable: L.value.table.show });
-		ze(L, () => {
-			H.value = { showTable: L.value.table.show };
-		}, { immediate: !0 });
-		let U = f(() => rn.value.map((e, t) => ({
-			...e,
-			start: te(e.start),
-			end: te(e.end),
-			id: e.id ?? `${String(e.name)}__${String(e.start)}__${String(e.end)}__${ie()}`
-		}))), _n = f(() => {
-			let e = L.value.style.chart.grid, t = U.value.flatMap((e) => [e.start, e.end]).map((e) => Number(e)).filter((e) => Number.isFinite(e)), n = t.length ? Math.min(...t) : 0, r = t.length ? Math.max(...t) : 0;
-			return {
-				min: e.scaleMin ?? Math.min(n, 0),
-				max: e.scaleMax ?? r
-			};
-		}), W = f(() => ee(_n.value.min, _n.value.max, L.value.style.chart.grid.scaleSteps)), G = C(L.value.style.chart.rowHeight), K = C(L.value.style.chart.width);
-		function vn() {
-			let e = 0;
-			Zt.value && (e = Array.from(Zt.value.querySelectorAll("text")).reduce((e, t) => {
-				let n = t.getComputedTextLength();
-				return n > e ? n : e;
-			}, 0));
-			let t = Xt.value ? Xt.value.getBoundingClientRect().width : 0;
-			return e + t + (t ? 24 + L.value.style.chart.labels.axis.yLabelOffsetX : 0);
-		}
-		let yn = C(0), bn = ye((e) => {
-			yn.value = e;
-		}, 100);
-		Be((e) => {
-			let t = Qt.value;
-			if (!t) return;
-			let n = new ResizeObserver((e) => {
-				bn(e[0].contentRect.height);
-			});
-			n.observe(t), e(() => n.disconnect());
-		}), Ne(() => {
-			yn.value = 0;
-		});
-		let xn = f(() => {
-			I.value;
-			let e = 0;
-			$t.value && (e = $t.value.getBBox().height);
-			let t = 0;
-			return Qt.value && (t = yn.value), e + t;
-		}), Sn = f(() => U.value.length);
-		function Cn(e, t, n) {
-			let r = Number(e), i = Number(t.min), a = Number(t.max), o = Number(n.width);
-			if (!Number.isFinite(r) || !Number.isFinite(i) || !Number.isFinite(a) || !Number.isFinite(o)) return n.left;
-			let s = a - i;
-			return s <= 0 ? n.left : n.left + (r - i) / s * o;
-		}
-		let q = f(() => {
-			I.value;
-			let e = vn(), t = L.value.style.chart.padding, n = L.value.style.chart.labels.axis.xLabel ? L.value.style.chart.labels.axis.xLabelOffsetY : 0, r = G.value * Sn.value - xn.value - t.top - t.bottom - n, i = r / Sn.value, a = G.value * Sn.value, o = K.value - e - t.left - t.right, s = W.value.ticks.length * (o / W.value.ticks.length);
-			return {
-				left: L.value.style.chart.padding.left + e,
-				right: K.value - L.value.style.chart.padding.right,
-				top: L.value.style.chart.padding.top,
-				bottom: a - L.value.style.chart.padding.bottom - xn.value - n,
-				width: o,
-				height: r,
-				rowHeight: i,
-				absoluteHeight: a,
-				widthPlotReference: s
-			};
-		}), J = f(() => Math.min(G.value / 2 * .7, L.value.style.chart.plots.radius)), wn = C([]), Y = f({
-			get() {
-				let e = q.value, t = W.value;
-				return wn.value.map((n, r) => {
-					let i = Cn(n.start, t, e), a = Cn(n.endVal, t, e), o = i + (a - i) / 2, s = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end > n.start, ee = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end < n.start, te = ![null, void 0].includes(n.start) && ![null, void 0].includes(n.end) && n.end === n.start || [null, void 0].includes(n.start) || [null, void 0].includes(n.end), ne = s ? L.value.style.chart.plots.evaluationColors.positive : ee ? L.value.style.chart.plots.evaluationColors.negative : L.value.style.chart.plots.evaluationColors.neutral;
-					return {
-						...n,
-						isPositive: s,
-						isNegative: ee,
-						isNeutral: te,
-						evaluationColor: ne,
-						evaluationGrad: `url(#${s ? "positive" : ee ? "negative" : "neutral"}_grad_${A.value})`,
-						startX: i,
-						endX: a,
-						centerX: o,
-						y: e.top + r * e.rowHeight + e.rowHeight / 2
-					};
-				});
-			},
-			set(e) {
-				wn.value = e;
-			}
-		});
-		function Tn() {
-			wn.value = U.value.map((e) => {
-				let t = Number(e.start);
-				return {
-					...e,
-					endVal: Number.isFinite(t) ? t : 0
-				};
-			});
-		}
-		let X = C(null);
-		Pe(() => {
-			En();
-		});
-		function En() {
-			if (X.value != null && (cancelAnimationFrame(X.value), X.value = null), Tn(), !L.value.useAnimation || Lt.value) {
-				Y.value = wn.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, L.value.animationSpeed || 100)) / 100, t = U.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;
-				Y.value = wn.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 ? X.value = null : X.value = requestAnimationFrame(n);
-			};
-			X.value = requestAnimationFrame(n);
-		}
-		let Dn = f(() => L.value.style.chart.plots.evaluationColors.enable ? [
-			{
-				name: L.value.style.chart.legend.labelNegative,
-				color: L.value.style.chart.plots.gradient.show ? `url(#negative_grad_${A.value})` : L.value.style.chart.plots.evaluationColors.negative
-			},
-			{
-				name: L.value.style.chart.legend.labelNeutral,
-				color: L.value.style.chart.plots.gradient.show ? `url(#neutral_grad_${A.value})` : L.value.style.chart.plots.evaluationColors.neutral
-			},
-			{
-				name: L.value.style.chart.legend.labelPositive,
-				color: L.value.style.chart.plots.gradient.show ? `url(#positive_grad_${A.value})` : L.value.style.chart.plots.evaluationColors.positive
-			}
-		] : [{
-			name: L.value.style.chart.legend.labelStart,
-			color: L.value.style.chart.plots.gradient.show ? `url(#start_grad_${A.value})` : L.value.style.chart.plots.startColor
-		}, {
-			name: L.value.style.chart.legend.labelEnd,
-			color: L.value.style.chart.plots.gradient.show ? `url(#end_grad_${A.value})` : L.value.style.chart.plots.endColor
-		}]), On = f(() => ({
-			cy: "donut-div-legend",
-			backgroundColor: L.value.style.chart.legend.backgroundColor,
-			color: L.value.style.chart.legend.color,
-			fontSize: L.value.style.chart.legend.fontSize,
-			paddingBottom: 12,
-			paddingTop: 12,
-			fontWeight: L.value.style.chart.legend.bold ? "bold" : ""
-		})), Z = f(() => ({
-			head: Y.value.map((e) => ({ name: e.name })),
-			body: Y.value.map((e) => ({
-				start: e.start,
-				end: e.end
-			}))
-		})), Q = f(() => {
-			let e = [
-				L.value.table.columnNames.series,
-				L.value.table.columnNames.start,
-				L.value.table.columnNames.end,
-				L.value.table.columnNames.progression
-			], t = Z.value.head.map((e, t) => {
-				let n = a({
-					p: L.value.style.chart.labels.prefix,
-					v: Z.value.body[t].start,
-					s: L.value.style.chart.labels.suffix,
-					r: L.value.table.td.roundingValue
-				}), r = a({
-					p: L.value.style.chart.labels.prefix,
-					v: Z.value.body[t].end,
-					s: L.value.style.chart.labels.suffix,
-					r: L.value.table.td.roundingValue
-				}), i = a({
-					v: 100 * (Z.value.body[t].end / Z.value.body[t].start - 1),
-					s: "%",
-					r: L.value.table.td.roundingPercentage
-				});
-				return [
-					{ name: e.name },
-					n,
-					r,
-					i
-				];
-			}), n = {
-				th: {
-					backgroundColor: L.value.table.th.backgroundColor,
-					color: L.value.table.th.color,
-					outline: L.value.table.th.outline
-				},
-				td: {
-					backgroundColor: L.value.table.td.backgroundColor,
-					color: L.value.table.td.color,
-					outline: L.value.table.td.outline
-				},
-				breakpoint: L.value.table.responsiveBreakpoint
-			};
-			return {
-				colNames: [
-					L.value.table.columnNames.series,
-					L.value.table.columnNames.start,
-					L.value.table.columnNames.end,
-					L.value.table.columnNames.progression
-				],
-				head: e,
-				body: t,
-				config: n
-			};
-		});
-		function kn(e = null) {
-			je(() => {
-				let r = Z.value.head.map((e, t) => [
-					[e.name],
-					[Z.value.body[t].start],
-					[Z.value.body[t].end]
-				]), i = [
-					[L.value.style.chart.title.text],
-					[L.value.style.chart.title.subtitle.text],
-					[
-						[L.value.table.columnNames.series],
-						[L.value.table.columnNames.start],
-						[L.value.table.columnNames.end]
-					]
-				].concat(r), a = n(i);
-				e ? e(a) : t({
-					csvContent: a,
-					title: L.value.style.chart.title.text || "vue-ui-dumbbell"
-				});
-			});
-		}
-		let $ = C(!1);
-		function An(e) {
-			$.value = e, Bt.value += 1;
-		}
-		function jn() {
-			return U.value;
-		}
-		function Mn() {
-			H.value.showTable = !H.value.showTable;
-		}
-		let Nn = C(!1);
-		function Pn() {
-			Nn.value = !Nn.value;
-		}
-		async function Fn({ scale: e = 2 } = {}) {
-			if (!j.value) return;
-			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ge({
-				domElement: j.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			});
-			return {
-				imageUri: i,
-				base64: a,
-				title: L.value.style.chart.title.text,
-				width: t,
-				height: n,
-				aspectRatio: r
-			};
-		}
-		let In = f(() => W.value.ticks), Ln = f(() => ({
-			start: 0,
-			end: In.value.length
-		}));
-		he({
-			timeLabelsEls: Qt,
-			timeLabels: In,
-			slicer: Ln,
-			configRef: L,
-			rotationPath: [
-				"style",
-				"chart",
-				"labels",
-				"xAxisLabels",
-				"rotation"
-			],
-			autoRotatePath: [
-				"style",
-				"chart",
-				"labels",
-				"xAxisLabels",
-				"autoRotate",
-				"enable"
-			],
-			isAutoSize: !1,
-			width: K,
-			height: G,
-			targetClass: ".vue-ui-dumbbell-scale-label",
-			rotation: L.value.style.chart.labels.xAxisLabels.autoRotate.angle
-		});
-		function Rn({ 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 zn = (() => {
-			let e = null, t = 0;
-			return (n) => {
-				if (n === I.value) {
-					e = null, t = 0;
-					return;
-				}
-				e === null || e !== n ? (e = n, t = 1) : (t += 1, t >= 1 && (I.value = n, e = null, t = 0));
-			};
-		})(), Bn = ye(() => {
-			requestAnimationFrame(() => {
-				requestAnimationFrame(() => {
-					let e = Rn({
-						rowHeight: q.value.rowHeight,
-						fontSize: L.value.style.chart.labels.yAxisLabels.fontSize,
-						showProgression: L.value.style.chart.labels.yAxisLabels.showProgression
-					});
-					zn(e);
-				});
-			});
-		}, 100);
-		function Vn({ datapoint: e, seriesIndex: t }) {
-			N.value = t, P.value = e, L.value.events.datapointEnter && L.value.events.datapointEnter({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		function Hn({ datapoint: e, seriesIndex: t }) {
-			N.value = null, P.value = null, L.value.events.datapointLeave && L.value.events.datapointLeave({
-				datapoint: e,
-				seriesIndex: t
-			});
-		}
-		function Un({ datapoint: e, seriesIndex: t }) {
-			L.value.events.datapointClick && L.value.events.datapointClick({
-				datapoint: e,
-				seriesIndex: t
-			}), Rt("selectDatapoint", {
-				...e,
-				seriesIndex: t
-			});
-		}
-		let Wn = f(() => {
-			if (P.value === null) return 0;
-			let e = ![null, void 0].includes(P.value.start), t = ![null, void 0].includes(P.value.end);
-			return e && t ? Math.min(P.value.startX, P.value.endX) + Math.abs(P.value.startX - P.value.endX) / 2 : e && !t ? P.value.startX : t && !e ? P.value.endX : null;
-		}), Gn = f(() => {
-			if (P.value === null) return "";
-			let e = ![null, void 0].includes(P.value.start), t = ![null, void 0].includes(P.value.end), n = "", r = "";
-			return e && (n = c(L.value.style.chart.labels.formatter, P.value.start, a({
-				p: L.value.style.chart.labels.prefix,
-				v: P.value.start,
-				s: L.value.style.chart.labels.suffix,
-				r: L.value.style.chart.labels.startLabels.rounding
-			}), {
-				datapoint: P.value,
-				seriesIndex: N.value
-			})), t && (r = c(L.value.style.chart.labels.formatter, P.value.end, a({
-				p: L.value.style.chart.labels.prefix,
-				v: P.value.end,
-				s: L.value.style.chart.labels.suffix,
-				r: L.value.style.chart.labels.startLabels.rounding
-			}), {
-				datapoint: P.value,
-				seriesIndex: N.value
-			})), e && t ? `${n} → ${r}` : e && !t ? n : t && !e ? r : "";
-		}), Kn = f(() => {
-			let e = L.value.table.useDialog && !L.value.table.show, t = H.value.showTable;
-			return {
-				component: e ? Nt : Ot,
-				title: `${L.value.style.chart.title.text}${L.value.style.chart.title.subtitle.text ? `: ${L.value.style.chart.title.subtitle.text}` : ""}`,
-				props: e ? {
-					backgroundColor: L.value.table.th.backgroundColor,
-					color: L.value.table.th.color,
-					headerColor: L.value.table.th.color,
-					headerBg: L.value.table.th.backgroundColor,
-					isFullscreen: $.value,
-					fullscreenParent: j.value,
-					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: R.value
-				} : {
-					hideDetails: !0,
-					config: {
-						open: t,
-						maxHeight: 1e4,
-						body: {
-							backgroundColor: L.value.style.chart.backgroundColor,
-							color: L.value.style.chart.color
-						},
-						head: {
-							backgroundColor: L.value.style.chart.backgroundColor,
-							color: L.value.style.chart.color
-						}
-					}
-				}
-			};
-		});
-		ze(() => H.value.showTable, (e) => {
-			L.value.table.show || (e && L.value.table.useDialog && M.value ? M.value.open() : "close" in M.value && M.value.close());
-		});
-		function qn() {
-			H.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
-		}
-		let Jn = f(() => Dn.value.map((e) => ({
-			...e,
-			shape: "circle"
-		}))), Yn = f(() => L.value.style.chart.backgroundColor), Xn = f(() => L.value.style.chart.legend), Zn = f(() => L.value.style.chart.title), { isCallbackImaging: Qn, isCallbackSvg: $n, generateSvg: er, onGenerateImage: tr } = me({
-			svg: z,
-			title: Zn,
-			legend: Xn,
-			legendItems: Jn,
-			backgroundColor: Yn,
-			getSvgCallback: () => L.value.userOptions.callbacks.svg,
-			generateImage: hn
-		});
-		async function nr() {
-			if (Rt("copyAlt", {
-				config: L.value,
-				dataset: Y.value
-			}), !L.value.userOptions.callbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(L.value.userOptions.callbacks.altCopy({
-				config: L.value,
-				dataset: Y.value
-			}));
-		}
-		function rr(e) {
-			let t = Y.value.length;
-			return t ? (e % t + t) % t : null;
-		}
-		function ir() {
-			if (F.value !== null) {
-				let e = Y.value[F.value];
-				e && Hn({
-					datapoint: e,
-					seriesIndex: F.value
-				});
-			}
-			F.value = null, N.value = null, P.value = null;
-		}
-		function ar() {
-			F.value = null, en.value = !0;
-		}
-		function or() {
-			ir(), en.value = !1;
-		}
-		function sr(e) {
-			if (!z.value || Nn.value || document.activeElement !== z.value || !Y.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) {
-				ir();
-				return;
-			}
-			if (r) {
-				if (F.value === null) return;
-				let e = Y.value[F.value];
-				if (!e) return;
-				Un({
-					datapoint: e,
-					seriesIndex: F.value
-				});
-				return;
-			}
-			let a = F.value;
-			a = a === null ? n ? 0 : Y.value.length - 1 : rr(a + (n ? 1 : -1));
-			let o = Y.value[a];
-			o && (F.value = a, Vn({
-				datapoint: o,
-				seriesIndex: a
-			}));
-		}
-		let cr = f(() => ({
-			head: Q.value.head,
-			body: Q.value.body.map((e) => [
-				e[0]?.name ?? "",
-				e[1],
-				e[2],
-				e[3]
-			]),
-			caption: L.value.a11y.translations.tableCaption,
-			notice: L.value.a11y.translations.tableAvailable
-		}));
-		return ve({
-			getData: jn,
-			getImage: Fn,
-			generatePdf: mn,
-			generateCsv: kn,
-			generateImage: hn,
-			generateSvg: er,
-			toggleTable: Mn,
-			toggleAnnotator: Pn,
-			toggleFullscreen: An,
-			copyAlt: nr
-		}), (e, t) => (S(), h("div", {
-			ref_key: "dumbbellChart",
-			ref: j,
-			class: Me(`vue-data-ui-component vue-ui-dumbbell ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: x(`font-family:${L.value.style.fontFamily};width:100%; text-align:center;background:${L.value.style.chart.backgroundColor};${L.value.responsive ? "height:100%" : ""}`),
-			id: `dumbbell_${A.value}`,
-			onMouseenter: t[1] ||= () => D(sn)(!0),
-			onMouseleave: t[2] ||= () => D(sn)(!1)
-		}, [
-			g("div", {
-				id: `chart-instructions-${A.value}`,
-				class: "sr-only"
-			}, [g("p", null, E(L.value.a11y.translations.keyboardNavigation), 1)], 8, We),
-			cr.value.body.length ? (S(), p(xe, {
-				key: 0,
-				uid: A.value,
-				head: cr.value.head,
-				body: cr.value.body,
-				caption: cr.value.caption,
-				notice: cr.value.notice
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"caption",
-				"notice"
-			])) : m("", !0),
-			L.value.userOptions.buttons.annotator ? (S(), p(D(At), {
-				key: 1,
-				svgRef: D(z),
-				backgroundColor: L.value.style.chart.backgroundColor,
-				color: L.value.style.chart.color,
-				active: Nn.value,
-				isCursorPointer: R.value,
-				palette: L.value.userOptions.annotatorPalette,
-				onClose: Pn
-			}, {
-				"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",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer",
-				"palette"
-			])) : m("", !0),
-			gn.value ? (S(), h("div", {
-				key: 2,
-				ref_key: "noTitle",
-				ref: Wt,
-				class: "vue-data-ui-no-title-space",
-				style: "height:36px; width: 100%;background:transparent"
-			}, null, 512)) : m("", !0),
-			L.value.style.chart.title.text ? (S(), h("div", {
-				key: 3,
-				ref_key: "chartTitle",
-				ref: Vt,
-				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(S(), p(_e, {
-				key: `title_${Gt.value}`,
-				config: {
-					title: {
-						cy: "donut-div-title",
-						...L.value.style.chart.title
-					},
-					subtitle: {
-						cy: "donut-div-subtitle",
-						...L.value.style.chart.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 512)) : m("", !0),
-			g("div", { id: `legend-top-${A.value}` }, null, 8, Ge),
-			L.value.userOptions.show && zt.value && (D(cn) || D(on)) ? (S(), p(D(jt), {
-				ref_key: "userOptionsRef",
-				ref: Yt,
-				key: `user_option_${Bt.value}`,
-				backgroundColor: L.value.style.chart.backgroundColor,
-				color: L.value.style.chart.color,
-				isPrinting: D(fn),
-				isImaging: D(pn),
-				uid: A.value,
-				hasPdf: L.value.userOptions.buttons.pdf,
-				hasXls: L.value.userOptions.buttons.csv,
-				hasImg: L.value.userOptions.buttons.img,
-				hasSvg: L.value.userOptions.buttons.svg,
-				hasTable: L.value.userOptions.buttons.table,
-				hasFullscreen: L.value.userOptions.buttons.fullscreen,
-				hasAltCopy: L.value.userOptions.buttons.altCopy,
-				isFullscreen: $.value,
-				titles: { ...L.value.userOptions.buttonTitles },
-				chartElement: j.value,
-				position: L.value.userOptions.position,
-				hasAnnotator: L.value.userOptions.buttons.annotator,
-				isAnnotation: Nn.value,
-				callbacks: L.value.userOptions.callbacks,
-				printScale: L.value.userOptions.print.scale,
-				tableDialog: L.value.table.useDialog,
-				isCursorPointer: R.value,
-				onToggleFullscreen: An,
-				onGeneratePdf: D(mn),
-				onGenerateCsv: kn,
-				onGenerateImage: D(tr),
-				onGenerateSvg: D(er),
-				onToggleTable: Mn,
-				onToggleAnnotator: Pn,
-				onCopyAlt: nr,
-				style: x({ visibility: D(cn) ? D(on) ? "visible" : "hidden" : "visible" })
-			}, Oe({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: O(({ isOpen: t, color: n }) => [T(e.$slots, "menuIcon", b(y({
-						isOpen: t,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: O(() => [T(e.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: O(() => [T(e.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots.optionImg ? {
-					name: "optionImg",
-					fn: O(() => [T(e.$slots, "optionImg", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				e.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: O(() => [T(e.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				e.$slots.optionTable ? {
-					name: "optionTable",
-					fn: O(() => [T(e.$slots, "optionTable", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				e.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [T(e.$slots, "optionFullscreen", b(y({
-						toggleFullscreen: t,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "6"
-				} : void 0,
-				e.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [T(e.$slots, "optionAnnotator", b(y({
-						toggleAnnotator: t,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "7"
-				} : void 0,
-				e.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					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: O(() => [T(e.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "9"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: O(() => [T(e.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "10"
-				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.isAnnotation.callbacks.printScale.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : m("", !0),
-			g("div", Ke, [(S(), h("svg", {
-				ref_key: "svgRef",
-				ref: z,
-				xmlns: D(ae),
-				class: Me({
-					"vue-data-ui-fullscreen--on": $.value,
-					"vue-data-ui-fulscreen--off": !$.value
-				}),
-				viewBox: `0 0 ${K.value} ${q.value.absoluteHeight <= 0 ? 10 : q.value.absoluteHeight}`,
-				style: x(`max-width:100%; overflow: visible; background:transparent;color:${L.value.style.chart.color}`),
-				"aria-describedby": `chart-instructions-${A.value}`,
-				tabindex: "0",
-				onFocus: ar,
-				onBlur: or,
-				onKeydown: sr
-			}, [
-				_(D(Mt)),
-				e.$slots["chart-background"] ? (S(), h("foreignObject", {
-					key: 0,
-					x: q.value.left,
-					y: q.value.top,
-					width: Math.max(.1, q.value.width),
-					height: Math.max(.1, q.value.height),
-					style: { pointerEvents: "none" }
-				}, [T(e.$slots, "chart-background", {}, void 0, !0)], 8, Je)) : m("", !0),
-				L.value.style.chart.grid.verticalGrid.show ? (S(), h("g", Ye, [(S(!0), h(d, null, w(W.value.ticks, (e, t) => (S(), h("line", {
-					x1: q.value.left + t * q.value.width / (W.value.ticks.length - 1),
-					x2: q.value.left + t * q.value.width / (W.value.ticks.length - 1),
-					y1: q.value.top,
-					y2: q.value.bottom,
-					stroke: L.value.style.chart.grid.verticalGrid.stroke,
-					"stroke-width": L.value.style.chart.grid.verticalGrid.strokeWidth,
-					"stroke-dasharray": L.value.style.chart.grid.verticalGrid.strokeDasharray
-				}, null, 8, Xe))), 256))])) : m("", !0),
-				L.value.style.chart.grid.horizontalGrid.show ? (S(), h("g", Ze, [(S(!0), h(d, null, w(U.value, (e, t) => (S(), h("line", {
-					x1: q.value.left,
-					x2: q.value.right,
-					y1: q.value.top + t * q.value.rowHeight,
-					y2: q.value.top + t * q.value.rowHeight,
-					stroke: L.value.style.chart.grid.horizontalGrid.stroke,
-					"stroke-width": L.value.style.chart.grid.horizontalGrid.strokeWidth,
-					"stroke-dasharray": L.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, Qe))), 256)), g("line", {
-					x1: q.value.left,
-					x2: q.value.right,
-					y1: q.value.bottom,
-					y2: q.value.bottom,
-					stroke: L.value.style.chart.grid.horizontalGrid.stroke,
-					"stroke-width": L.value.style.chart.grid.horizontalGrid.strokeWidth,
-					"stroke-dasharray": L.value.style.chart.grid.horizontalGrid.strokeDasharray
-				}, null, 8, $e)])) : m("", !0),
-				L.value.style.chart.labels.axis.yLabel ? (S(), h("text", {
-					key: 3,
-					ref_key: "yAxisLabel",
-					ref: Xt,
-					transform: `translate(${L.value.style.chart.labels.axis.fontSize}, ${q.value.absoluteHeight / 2}), rotate(-90)`,
-					"font-size": L.value.style.chart.labels.axis.fontSize,
-					fill: L.value.style.chart.labels.axis.color,
-					"text-anchor": "middle"
-				}, E(L.value.style.chart.labels.axis.yLabel), 9, et)) : m("", !0),
-				L.value.style.chart.labels.yAxisLabels.show ? (S(), h("g", {
-					key: 4,
-					ref_key: "serieLabels",
-					ref: Zt
-				}, [(S(!0), h(d, null, w(Y.value, (e, t) => (S(), h("text", {
-					class: "vue-ui-dumbbell-serie-name",
-					key: `serieLabel_${e.id}_${t}`,
-					x: q.value.left - 6 + L.value.style.chart.labels.yAxisLabels.offsetX,
-					y: q.value.top + t * q.value.rowHeight + (!L.value.style.chart.labels.yAxisLabels.showProgression || I.value ? q.value.rowHeight / 2 : q.value.rowHeight / 3) + L.value.style.chart.labels.yAxisLabels.fontSize / 3,
-					"font-size": L.value.style.chart.labels.yAxisLabels.fontSize,
-					fill: L.value.style.chart.labels.yAxisLabels.color,
-					"font-weight": L.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
-					"text-anchor": "end",
-					onMouseenter: (n) => Vn({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onMouseleave: (n) => Hn({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onClick: (n) => Un({
-						datapoint: e,
-						seriesIndex: t
-					})
-				}, E(e.name) + " " + E(I.value && L.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${D(c)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), D(a)({
-					v: 100 * (e.end / e.start - 1),
-					s: "%",
-					r: L.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })})` : ""), 41, tt))), 128)), L.value.style.chart.labels.yAxisLabels.showProgression && !I.value ? (S(!0), h(d, { key: 0 }, w(Y.value, (e, t) => (S(), h("text", {
-					class: "vue-ui-dumbbell-serie-value",
-					x: q.value.left - 6 + L.value.style.chart.labels.yAxisLabels.offsetX,
-					y: q.value.top + t * q.value.rowHeight + q.value.rowHeight / 1.3 + L.value.style.chart.labels.yAxisLabels.fontSize / 3,
-					"font-size": L.value.style.chart.labels.yAxisLabels.fontSize,
-					fill: L.value.style.chart.labels.yAxisLabels.color,
-					"text-anchor": "end",
-					onMouseenter: (n) => Vn({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onMouseleave: (n) => Hn({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onClick: (n) => Un({
-						datapoint: e,
-						seriesIndex: t
-					})
-				}, E([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : D(c)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), D(a)({
-					v: 100 * (e.end / e.start - 1),
-					s: "%",
-					r: L.value.style.chart.labels.yAxisLabels.rounding
-				}), { datapoint: e })), 41, nt))), 256)) : m("", !0)], 512)) : m("", !0),
-				L.value.style.chart.labels.axis.xLabel ? (S(), h("text", {
-					key: 5,
-					ref_key: "xAxisLabel",
-					ref: $t,
-					x: q.value.left + q.value.width / 2,
-					y: q.value.absoluteHeight - L.value.style.chart.labels.axis.fontSize / 3,
-					"font-size": L.value.style.chart.labels.axis.fontSize,
-					fill: L.value.style.chart.labels.axis.color,
-					"text-anchor": "middle"
-				}, E(L.value.style.chart.labels.axis.xLabel), 9, rt)) : m("", !0),
-				L.value.style.chart.labels.xAxisLabels.show ? (S(), h("g", {
-					key: 6,
-					ref_key: "scaleLabels",
-					ref: Qt
-				}, [(S(!0), h(d, null, w(W.value.ticks, (e, t) => (S(), h("text", {
-					class: "vue-ui-dumbbell-scale-label",
-					key: `tick_${t}`,
-					transform: `translate(${q.value.left + t * (q.value.width / (W.value.ticks.length - 1))}, ${q.value.bottom + L.value.style.chart.labels.xAxisLabels.fontSize + L.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${L.value.style.chart.labels.xAxisLabels.rotation})`,
-					"font-size": L.value.style.chart.labels.xAxisLabels.fontSize,
-					fill: L.value.style.chart.labels.xAxisLabels.color,
-					"font-weight": L.value.style.chart.labels.xAxisLabels.bold ? "bold" : "normal",
-					"text-anchor": L.value.style.chart.labels.xAxisLabels.rotation > 0 ? "start" : L.value.style.chart.labels.xAxisLabels.rotation < 0 ? "end" : "middle"
-				}, E(D(c)(L.value.style.chart.labels.formatter, e, D(a)({
-					p: L.value.style.chart.labels.prefix,
-					v: e,
-					s: L.value.style.chart.labels.suffix,
-					r: L.value.style.chart.labels.xAxisLabels.rounding
-				}), {
-					datapoint: e,
-					seriesIndex: t
-				})), 9, it))), 128))], 512)) : m("", !0),
-				Ve(g("g", null, [
-					Ve(g("path", {
-						d: `M ${P.value ? P.value.startX : q.value.left},${q.value.top} ${P.value ? P.value.startX : q.value.left},${q.value.bottom}`,
-						stroke: P.value ? L.value.style.chart.plots.evaluationColors.enable ? P.value.evaluationColor : L.value.style.chart.plots.startColor : "transparent",
-						"stroke-width": L.value.style.chart.comparisonLines.strokeWidth,
-						"stroke-dasharray": L.value.style.chart.comparisonLines.strokeDasharray,
-						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, at), [[Re, P.value !== null && ![null, void 0].includes(P.value.start)]]),
-					Ve(g("path", {
-						d: `M ${P.value ? P.value.endX : q.value.left},${q.value.top} ${P.value ? P.value.endX : q.value.left},${q.value.bottom}`,
-						stroke: P.value ? L.value.style.chart.plots.evaluationColors.enable ? P.value.evaluationColor : L.value.style.chart.plots.endColor : "transparent",
-						"stroke-width": L.value.style.chart.comparisonLines.strokeWidth,
-						"stroke-dasharray": L.value.style.chart.comparisonLines.strokeDasharray,
-						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, ot), [[Re, P.value !== null && ![null, void 0].includes(P.value.end)]]),
-					Ve(g("rect", {
-						x: P.value ? Math.min(P.value.startX, P.value.endX) : q.value.left,
-						y: q.value.top,
-						height: Math.max(.1, q.value.height),
-						width: P.value ? Math.max(.1, Math.abs(P.value.endX - P.value.startX)) : 0,
-						fill: P.value ? D(i)(L.value.style.chart.comparisonLines.rectColor, L.value.style.chart.comparisonLines.rectOpacity) : "transparent",
-						style: { transition: "all 0.3s ease-in-out" }
-					}, null, 8, st), [[Re, L.value.style.chart.comparisonLines.showRect && P.value !== null && ![null, void 0].includes(P.value.start) && ![null, void 0].includes(P.value.end)]]),
-					Ve(g("text", {
-						transform: `translate(${Wn.value == null ? 0 : Wn.value}, ${q.value.top - 6})`,
-						fill: L.value.style.chart.comparisonLines.labelColor,
-						"font-size": L.value.style.chart.comparisonLines.labelFontSize,
-						"text-anchor": "middle",
-						style: { transition: "all 0.3s ease-in-out" }
-					}, E(Gn.value), 9, ct), [[Re, P.value !== null && Wn.value !== null && L.value.style.chart.comparisonLines.showLabel]])
-				], 512), [[Re, L.value.style.chart.comparisonLines.show && N.value !== null]]),
-				g("defs", null, [
-					_(u, {
-						t: "radial",
-						id: `start_grad_${A.value}`,
-						fy: "30%",
-						stops: [
-							[
-								"10%",
-								D(l)(L.value.style.chart.plots.startColor, L.value.style.chart.plots.gradient.intensity / 100),
-								1
-							],
-							[
-								"90%",
-								D(o)(L.value.style.chart.plots.startColor, .1),
-								1
-							],
-							[
-								"100%",
-								L.value.style.chart.plots.startColor,
-								1
-							]
-						]
-					}, null, 8, ["id", "stops"]),
-					_(u, {
-						t: "radial",
-						id: `end_grad_${A.value}`,
-						fy: "30%",
-						stops: [
-							[
-								"10%",
-								D(l)(L.value.style.chart.plots.endColor, L.value.style.chart.plots.gradient.intensity / 100),
-								1
-							],
-							[
-								"90%",
-								D(o)(L.value.style.chart.plots.endColor, .1),
-								1
-							],
-							[
-								"100%",
-								L.value.style.chart.plots.endColor,
-								1
-							]
-						]
-					}, null, 8, ["id", "stops"]),
-					_(u, {
-						t: "radial",
-						id: `positive_grad_${A.value}`,
-						fy: "30%",
-						stops: [
-							[
-								"10%",
-								D(l)(L.value.style.chart.plots.evaluationColors.positive, L.value.style.chart.plots.gradient.intensity / 100),
-								1
-							],
-							[
-								"90%",
-								D(o)(L.value.style.chart.plots.evaluationColors.positive, .1),
-								1
-							],
-							[
-								"100%",
-								L.value.style.chart.plots.evaluationColors.positive,
-								1
-							]
-						]
-					}, null, 8, ["id", "stops"]),
-					_(u, {
-						t: "radial",
-						id: `negative_grad_${A.value}`,
-						fy: "30%",
-						stops: [
-							[
-								"10%",
-								D(l)(L.value.style.chart.plots.evaluationColors.negative, L.value.style.chart.plots.gradient.intensity / 100),
-								1
-							],
-							[
-								"90%",
-								D(o)(L.value.style.chart.plots.evaluationColors.negative, .1),
-								1
-							],
-							[
-								"100%",
-								L.value.style.chart.plots.evaluationColors.negative,
-								1
-							]
-						]
-					}, null, 8, ["id", "stops"]),
-					_(u, {
-						t: "radial",
-						id: `neutral_grad_${A.value}`,
-						fy: "30%",
-						stops: [
-							[
-								"10%",
-								D(l)(L.value.style.chart.plots.evaluationColors.neutral, L.value.style.chart.plots.gradient.intensity / 100),
-								1
-							],
-							[
-								"90%",
-								D(o)(L.value.style.chart.plots.evaluationColors.neutral, .1),
-								1
-							],
-							[
-								"100%",
-								L.value.style.chart.plots.evaluationColors.neutral,
-								1
-							]
-						]
-					}, null, 8, ["id", "stops"])
-				]),
-				(S(!0), h(d, null, w(Y.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%",
-						stops: [[
-							"0%",
-							L.value.style.chart.plots.startColor,
-							1
-						], [
-							"100%",
-							L.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%",
-						stops: [[
-							"0%",
-							L.value.style.chart.plots.endColor,
-							1
-						], [
-							"100%",
-							L.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", lt, [L.value.style.chart.plots.link.type === "curved" ? (S(), h("g", ut, [g("path", {
-						d: `M 
-                                    ${e.startX},${e.y + J.value / 2} 
-                                    C ${e.centerX},${e.y} ${e.centerX},${e.y} 
-                                    ${e.endX},${e.y + J.value / 2}
-                                    L ${e.endX},${e.y - J.value / 2}
-                                    C ${e.centerX},${e.y} ${e.centerX},${e.y}
-                                    ${e.startX},${e.y - J.value / 2}
-                                    Z
-                                `,
-						fill: L.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${A.value})` : `url(#grad_neg_${A.value})`
-					}, null, 8, dt)])) : (S(), h("g", ft, [g("rect", {
-						x: e.endX > e.startX ? e.startX : e.endX,
-						y: e.y - L.value.style.chart.plots.link.strokeWidth / 2,
-						height: Math.max(.01, L.value.style.chart.plots.link.strokeWidth),
-						width: Math.max(.01, Math.abs(e.endX - e.startX)),
-						fill: L.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : e.endX > e.startX ? `url(#grad_pos_${A.value})` : `url(#grad_neg_${A.value})`
-					}, null, 8, pt)]))])) : m("", !0),
-					[null, void 0].includes(e.start) ? m("", !0) : (S(), h("circle", {
-						key: 1,
-						cx: e.startX,
-						cy: e.y,
-						r: J.value,
-						fill: L.value.style.chart.plots.gradient.show ? L.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#start_grad_${A.value})` : L.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : L.value.style.chart.plots.startColor,
-						stroke: L.value.style.chart.plots.stroke,
-						"stroke-width": L.value.style.chart.plots.strokeWidth
-					}, null, 8, mt)),
-					[null, void 0].includes(e.end) ? m("", !0) : (S(), h("circle", {
-						key: 2,
-						cx: e.endX,
-						cy: e.y,
-						r: J.value,
-						fill: L.value.style.chart.plots.gradient.show ? L.value.style.chart.plots.evaluationColors.enable ? e.evaluationGrad : `url(#end_grad_${A.value})` : L.value.style.chart.plots.evaluationColors.enable ? e.evaluationColor : L.value.style.chart.plots.endColor,
-						stroke: L.value.style.chart.plots.stroke,
-						"stroke-width": L.value.style.chart.plots.strokeWidth
-					}, null, 8, ht))
-				]))), 128)),
-				L.value.style.chart.labels.startLabels.show ? (S(), h("g", gt, [(S(!0), h(d, null, w(Y.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 + J.value * 2 + L.value.style.chart.labels.startLabels.fontSize / 2,
-					fill: L.value.style.chart.plots.evaluationColors.enable && L.value.style.chart.labels.startLabels.useEvaluationColor ? e.evaluationColor : L.value.style.chart.labels.startLabels.useStartColor ? L.value.style.chart.plots.startColor : L.value.style.chart.labels.startLabels.color,
-					"font-size": L.value.style.chart.labels.startLabels.fontSize,
-					"text-anchor": "middle"
-				}, E(D(c)(L.value.style.chart.labels.formatter, e.start, D(a)({
-					p: L.value.style.chart.labels.prefix,
-					v: e.start,
-					s: L.value.style.chart.labels.suffix,
-					r: L.value.style.chart.labels.startLabels.rounding
-				}), {
-					datapoint: e,
-					seriesIndex: t
-				})), 9, _t))]))), 128))])) : m("", !0),
-				L.value.style.chart.labels.endLabels.show ? (S(), h("g", vt, [(S(!0), h(d, null, w(Y.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 - (J.value * 2 - L.value.style.chart.labels.startLabels.fontSize / 3),
-					fill: L.value.style.chart.plots.evaluationColors.enable && L.value.style.chart.labels.endLabels.useEvaluationColor ? e.evaluationColor : L.value.style.chart.labels.endLabels.useEndColor ? L.value.style.chart.plots.endColor : L.value.style.chart.labels.endLabels.color,
-					"font-size": L.value.style.chart.labels.endLabels.fontSize,
-					"text-anchor": "middle"
-				}, E(D(c)(L.value.style.chart.labels.formatter, e.end, D(a)({
-					p: L.value.style.chart.labels.prefix,
-					v: e.end,
-					s: L.value.style.chart.labels.suffix,
-					r: L.value.style.chart.labels.endLabels.rounding
-				}), {
-					datapoint: e,
-					seriesIndex: t
-				})), 9, yt))]))), 128))])) : m("", !0),
-				g("g", null, [(S(!0), h(d, null, w(Y.value, (e, t) => (S(), h("rect", {
-					x: q.value.left,
-					y: q.value.top + t * Math.max(.1, q.value.rowHeight),
-					width: Math.max(.1, q.value.width),
-					height: Math.max(.1, q.value.rowHeight),
-					fill: N.value === null ? "transparent" : N.value === t ? D(i)(L.value.style.chart.highlighter.color, L.value.style.chart.highlighter.opacity) : "transparent",
-					onMouseenter: (n) => Vn({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onMouseleave: (n) => Hn({
-						datapoint: e,
-						seriesIndex: t
-					}),
-					onClick: (n) => Un({
-						datapoint: e,
-						seriesIndex: t
-					})
-				}, null, 40, bt))), 256))]),
-				T(e.$slots, "svg", { svg: {
-					...q.value,
-					isPrintingImg: D(fn) || D(pn) || D(Qn),
-					isPrintingSvg: D($n)
-				} }, void 0, !0)
-			], 46, qe)), e.$slots.hint ? (S(), h("div", xt, [T(e.$slots, "hint", b(y({
-				hint: L.value.a11y.translations.keyboardNavigation,
-				isVisible: en.value
-			})), void 0, !0)])) : m("", !0)]),
-			e.$slots.watermark ? (S(), h("div", St, [T(e.$slots, "watermark", b(y({ isPrinting: D(fn) || D(pn) || D(Qn) || D($n) })), void 0, !0)])) : m("", !0),
-			g("div", { id: `legend-bottom-${A.value}` }, null, 8, Ct),
-			Jt.value && (L.value.style.chart.legend.show || e.$slots.legend) ? (S(), p(De, {
-				key: 6,
-				to: L.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
-			}, [g("div", {
-				ref_key: "chartLegend",
-				ref: Ht
-			}, [T(e.$slots, "legend", { legend: Dn.value }, () => [L.value.style.chart.legend.show && zt.value ? (S(), p(we, {
-				key: `legend_${qt.value}`,
-				legendSet: Dn.value,
-				config: On.value,
-				clickable: !1
-			}, {
-				item: O(({ legend: e }) => [g("div", { style: x(`display:flex;align-items:center;gap:4px;font-size:${L.value.style.chart.legend.fontSize}px`) }, [(S(), h("svg", {
-					xmlns: D(ae),
-					viewBox: "0 0 20 20",
-					height: L.value.style.chart.legend.fontSize,
-					width: L.value.style.chart.legend.fontSize
-				}, [g("circle", {
-					cx: 10,
-					cy: 10,
-					r: 9,
-					fill: e.color
-				}, null, 8, Tt)], 8, wt)), D(nn) ? m("", !0) : (S(), h(d, { key: 0 }, [ke(E(e.name), 1)], 64))], 4)]),
-				_: 1
-			}, 8, ["legendSet", "config"])) : m("", !0)], !0)], 512)], 8, ["to"])) : m("", !0),
-			e.$slots.source ? (S(), h("div", {
-				key: 7,
-				ref_key: "source",
-				ref: Ut,
-				dir: "auto"
-			}, [T(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
-			zt.value && L.value.userOptions.buttons.table ? (S(), p(Fe(Kn.value.component), Ae({ key: 8 }, Kn.value.props, {
-				ref_key: "tableUnit",
-				ref: M,
-				onClose: qn
-			}), Oe({
-				content: O(() => [(S(), p(D(kt), {
-					key: `table_${Kt.value}`,
-					colNames: Q.value.colNames,
-					head: Q.value.head,
-					body: Q.value.body,
-					config: Q.value.config,
-					title: L.value.table.useDialog ? "" : Kn.value.title,
-					withCloseButton: !L.value.table.useDialog,
-					isCursorPointer: R.value,
-					onClose: qn
-				}, {
-					th: O(({ th: e }) => [g("div", Et, E(e), 1)]),
-					td: O(({ td: e }) => [ke(E(e.name || e), 1)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton",
-					"isCursorPointer"
-				]))]),
-				_: 2
-			}, [L.value.table.useDialog ? {
-				name: "title",
-				fn: O(() => [ke(E(Kn.value.title), 1)]),
-				key: "0"
-			} : void 0, L.value.table.useDialog ? {
-				name: "actions",
-				fn: O(() => [g("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: t[0] ||= (e) => kn(L.value.userOptions.callbacks.csv),
-					style: x({ cursor: R.value ? "pointer" : "default" })
-				}, [_(D(Dt), {
-					name: "fileCsv",
-					stroke: Kn.value.props.color
-				}, null, 8, ["stroke"])], 4)]),
-				key: "1"
-			} : void 0]), 1040)) : m("", !0),
-			T(e.$slots, "skeleton", {}, () => [D(nn) ? (S(), p(de, { key: 0 })) : m("", !0)], !0)
-		], 46, Ue));
-	}
-}, [["__scopeId", "data-v-82b215bc"]]);
-//#endregion
-export { He as n, Dt as t };