vue-data-ui 3.22.4 → 3.22.6

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

@@ -0,0 +1,1530 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Dt as t, It as n, K as r, Q as i, W as a, Wt as o, X as s, h as ee, i as c, lt as te, q as l, t as ne, v as re, w as ie, wt as u } from "./lib-DRBJCmHW.js";
+import { t as ae } from "./useConfig-DYM3f6EI.js";
+import { t as oe } from "./usePrinter-CRp5IW3v.js";
+import { n as se, t as ce } from "./BaseScanner-DZvpgOjM.js";
+import { t as le } from "./useSvgExport-SVIsDot8.js";
+import { t as ue } from "./useNestedProp-BEo2N1Db.js";
+import { t as de } from "./useThemeCheck-C43Tcqmk.js";
+import { t as fe } from "./useTimeLabelCollider-AEcY4Ioe.js";
+import { t as pe } from "./img-B_y5qDdm.js";
+import { n as me } from "./Title-C-p0ilWB.js";
+import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ge } from "./canvas-lib-BOP_HS11.js";
+import { t as _e } from "./useResponsive-BfnK0KxU.js";
+import { t as ve } from "./A11yDataTable-DdRsVULz.js";
+import { t as ye } from "./useUserOptionState-DK-_1ddE.js";
+import { t as be } from "./useChartAccessibility-DYqac8yF.js";
+import { t as xe } from "./Legend-D-635Kag.js";
+import { t as Se } from "./vue_ui_dumbbell-Bfe_jFyi.js";
+import { Fragment as d, Teleport as Ce, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as we, createTextVNode as Te, createVNode as Ee, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as De, nextTick as Oe, normalizeClass as ke, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Ae, onMounted as je, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Me, shallowRef as Ne, toDisplayString as T, toRefs as Pe, unref as E, vShow as D, watch as Fe, watchEffect as Ie, withCtx as O, withDirectives as k } from "vue";
+//#region src/components/vue-ui-dumbbell.vue
+var Le = /* @__PURE__ */ e({ default: () => Jt }), Re = ["id"], ze = ["id"], Be = ["id"], Ve = { style: { position: "relative" } }, He = [
+	"xmlns",
+	"viewBox",
+	"aria-describedby"
+], Ue = [
+	"x",
+	"y",
+	"width",
+	"height"
+], We = { key: 1 }, Ge = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Ke = { key: 2 }, qe = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Je = [
+	"x1",
+	"x2",
+	"y1",
+	"y2",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], Ye = [
+	"transform",
+	"font-size",
+	"fill"
+], Xe = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"font-weight",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], Ze = [
+	"x",
+	"y",
+	"font-size",
+	"fill",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], Qe = [
+	"x",
+	"y",
+	"font-size",
+	"fill"
+], $e = [
+	"transform",
+	"font-size",
+	"fill",
+	"font-weight",
+	"text-anchor"
+], et = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], tt = [
+	"d",
+	"stroke",
+	"stroke-width",
+	"stroke-dasharray"
+], nt = [
+	"x",
+	"y",
+	"height",
+	"width",
+	"fill"
+], rt = [
+	"transform",
+	"fill",
+	"font-size"
+], it = ["id"], at = ["stop-color"], ot = ["stop-color"], st = ["stop-color"], ct = ["id"], lt = ["stop-color"], ut = ["stop-color"], dt = ["stop-color"], ft = ["id"], pt = ["stop-color"], mt = ["stop-color"], ht = ["stop-color"], gt = ["id"], _t = ["stop-color"], vt = ["stop-color"], yt = ["stop-color"], bt = ["id"], xt = ["stop-color"], St = ["stop-color"], Ct = ["stop-color"], wt = ["id"], Tt = ["stop-color"], Et = ["stop-color"], Dt = ["id"], Ot = ["stop-color"], kt = ["stop-color"], At = { key: 0 }, jt = { key: 0 }, Mt = ["d", "fill"], Nt = { key: 1 }, Pt = [
+	"x",
+	"y",
+	"height",
+	"width",
+	"fill"
+], Ft = [
+	"cx",
+	"cy",
+	"r",
+	"fill",
+	"stroke",
+	"stroke-width"
+], It = [
+	"cx",
+	"cy",
+	"r",
+	"fill",
+	"stroke",
+	"stroke-width"
+], Lt = { key: 7 }, Rt = [
+	"x",
+	"y",
+	"fill",
+	"font-size"
+], zt = { key: 8 }, Bt = [
+	"x",
+	"y",
+	"fill",
+	"font-size"
+], Vt = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"fill",
+	"onMouseenter",
+	"onMouseleave",
+	"onClick"
+], Ht = {
+	key: 0,
+	style: {
+		position: "absolute",
+		top: "100%",
+		left: "0",
+		width: "100%"
+	},
+	"data-dom-to-png-ignore": "",
+	"aria-hidden": "true"
+}, Ut = {
+	key: 5,
+	class: "vue-data-ui-watermark"
+}, Wt = ["id"], Gt = [
+	"xmlns",
+	"height",
+	"width"
+], Kt = ["fill"], qt = ["innerHTML"], Jt = /*#__PURE__*/ he({
+	__name: "vue-ui-dumbbell",
+	props: {
+		config: {
+			type: Object,
+			default() {
+				return {};
+			}
+		},
+		dataset: {
+			type: Array,
+			default() {
+				return [];
+			}
+		}
+	},
+	emits: ["selectDatapoint", "copyAlt"],
+	setup(e, { expose: he, emit: Le }) {
+		let Jt = _(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), Yt = _(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), Xt = _(() => import("./DataTable-CXfvIulC.js")), Zt = _(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Qt = _(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), $t = _(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), en = _(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_dumbbell: tn } = ae(), { isThemeValid: nn, warnInvalidTheme: rn } = de(), A = e, an = Le, on = f({
+			get() {
+				return !!A.dataset && A.dataset.length;
+			},
+			set(e) {
+				return e;
+			}
+		}), j = S(a()), sn = S(0), M = S(null), cn = S(null), ln = S(null), un = S(null), dn = S(null), fn = S(0), pn = S(0), mn = S(0), hn = S(!1), gn = S(null), _n = S(null), vn = S(!1), yn = S(!1), bn = S(null), xn = S(null), Sn = S(null), Cn = S(null), N = S(null), P = S(null), F = S(null), wn = S(!1), I = S(!1), L = S(Mn()), R = f(() => L.value.userOptions.useCursorPointer), Tn = f(() => o({
+			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: En, FINAL_DATASET: Dn, manualLoading: On } = se({
+			...Pe(A),
+			FINAL_CONFIG: L,
+			prepareConfig: Mn,
+			skeletonDataset: A.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: o({
+				defaultConfig: L.value,
+				userConfig: Tn.value
+			})
+		}), { userOptionsVisible: kn, setUserOptionsVisibility: An, keepUserOptionState: jn } = ye({ config: L.value }), { svgRef: z } = be({ config: L.value.style.chart.title });
+		function Mn() {
+			let e = ue({
+				userConfig: A.config,
+				defaultConfig: tn
+			}), t = e.theme;
+			if (!t) return e;
+			if (!nn.value(e)) return rn(e), e;
+			let n = ue({
+				userConfig: Se[t] || A.config,
+				defaultConfig: e
+			});
+			return ue({
+				userConfig: A.config,
+				defaultConfig: n
+			});
+		}
+		Fe(() => A.config, (e) => {
+			En.value || (L.value = Mn()), kn.value = !L.value.userOptions.showOnChartHover, Pn(), fn.value += 1, pn.value += 1, mn.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 }), Fe(() => Dn.value, (e) => {
+			Array.isArray(e) && e.length > 0 && (On.value = !1), Jn(), Yn();
+		}, { deep: !0 });
+		let B = Ne(null), V = Ne(null);
+		je(() => {
+			hn.value = !0, Pn();
+		});
+		let Nn = f(() => !!L.value.debug);
+		function Pn() {
+			if (t(A.dataset) ? i({
+				componentName: "VueUiDumbbell",
+				type: "dataset",
+				debug: Nn.value
+			}) : A.dataset.forEach((e, t) => {
+				te({
+					datasetObject: e,
+					requiredAttributes: [
+						"name",
+						"start",
+						"end"
+					]
+				}).forEach((e) => {
+					on.value = !1, i({
+						componentName: "VueUiDumbbell",
+						type: "datasetSerieAttribute",
+						property: e,
+						index: t,
+						debug: Nn.value
+					});
+				});
+			}), L.value.responsive) {
+				let e = ge(() => {
+					let { width: e, height: t } = _e({
+						chart: M.value,
+						title: L.value.style.chart.title.text ? cn.value : null,
+						legend: L.value.style.chart.legend.show ? ln.value : null,
+						source: un.value,
+						noTitle: dn.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)) / Dn.value.length), cr();
+					});
+				});
+				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = M.value.parentNode, B.value.observe(V.value);
+			}
+			cr();
+		}
+		Ae(() => {
+			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: In, generatePdf: Ln, generateImage: Rn } = oe({
+			elementId: `dumbbell_${j.value}`,
+			fileName: L.value.style.chart.title.text || "vue-ui-dumbbell",
+			options: L.value.userOptions.print
+		}), zn = f(() => L.value.userOptions.show && !L.value.style.chart.title.text), H = S({ showTable: L.value.table.show });
+		Fe(L, () => {
+			H.value = { showTable: L.value.table.show };
+		}, { immediate: !0 });
+		let U = f(() => Dn.value.map((e, t) => ({
+			...e,
+			start: re(e.start),
+			end: re(e.end),
+			id: e.id ?? `${String(e.name)}__${String(e.start)}__${String(e.end)}__${a()}`
+		}))), Bn = 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(Bn.value.min, Bn.value.max, L.value.style.chart.grid.scaleSteps)), G = S(L.value.style.chart.rowHeight), K = S(L.value.style.chart.width);
+		function Vn() {
+			let e = 0;
+			xn.value && (e = Array.from(xn.value.querySelectorAll("text")).reduce((e, t) => {
+				let n = t.getComputedTextLength();
+				return n > e ? n : e;
+			}, 0));
+			let t = bn.value ? bn.value.getBoundingClientRect().width : 0;
+			return e + t + (t ? 24 + L.value.style.chart.labels.axis.yLabelOffsetX : 0);
+		}
+		let Hn = S(0), Un = ge((e) => {
+			Hn.value = e;
+		}, 100);
+		Ie((e) => {
+			let t = Sn.value;
+			if (!t) return;
+			let n = new ResizeObserver((e) => {
+				Un(e[0].contentRect.height);
+			});
+			n.observe(t), e(() => n.disconnect());
+		}), Ae(() => {
+			Hn.value = 0;
+		});
+		let Wn = f(() => {
+			I.value;
+			let e = 0;
+			Cn.value && (e = Cn.value.getBBox().height);
+			let t = 0;
+			return Sn.value && (t = Hn.value), e + t;
+		}), Gn = f(() => U.value.length);
+		function Kn(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 * Gn.value - Wn.value - t.top - t.bottom - n, i = r / Gn.value, a = G.value * Gn.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 - Wn.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)), qn = S([]), Y = f({
+			get() {
+				let e = q.value, t = W.value;
+				return qn.value.map((n, r) => {
+					let i = Kn(n.start, t, e), a = Kn(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 ? 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: c,
+						evaluationColor: te,
+						evaluationGrad: `url(#${s ? "positive" : ee ? "negative" : "neutral"}_grad_${j.value})`,
+						startX: i,
+						endX: a,
+						centerX: o,
+						y: e.top + r * e.rowHeight + e.rowHeight / 2
+					};
+				});
+			},
+			set(e) {
+				qn.value = e;
+			}
+		});
+		function Jn() {
+			qn.value = U.value.map((e) => {
+				let t = Number(e.start);
+				return {
+					...e,
+					endVal: Number.isFinite(t) ? t : 0
+				};
+			});
+		}
+		let X = S(null);
+		je(() => {
+			Yn();
+		});
+		function Yn() {
+			if (X.value != null && (cancelAnimationFrame(X.value), X.value = null), Jn(), !L.value.useAnimation) {
+				Y.value = qn.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 = qn.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 Xn = 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_${j.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_${j.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_${j.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_${j.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_${j.value})` : L.value.style.chart.plots.endColor
+		}]), Zn = 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 = l({
+					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 = l({
+					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 = l({
+					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 Qn(e = null) {
+			Oe(() => {
+				let t = Z.value.head.map((e, t) => [
+					[e.name],
+					[Z.value.body[t].start],
+					[Z.value.body[t].end]
+				]), n = ie([
+					[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(t));
+				e ? e(n) : s({
+					csvContent: n,
+					title: L.value.style.chart.title.text || "vue-ui-dumbbell"
+				});
+			});
+		}
+		let $ = S(!1);
+		function $n(e) {
+			$.value = e, sn.value += 1;
+		}
+		function er() {
+			return U.value;
+		}
+		function tr() {
+			H.value.showTable = !H.value.showTable;
+		}
+		let nr = S(!1);
+		function rr() {
+			nr.value = !nr.value;
+		}
+		async function ir({ scale: e = 2 } = {}) {
+			if (!M.value) return;
+			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await pe({
+				domElement: M.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 ar = f(() => W.value.ticks);
+		fe({
+			timeLabelsEls: Sn,
+			timeLabels: ar,
+			slicer: f(() => ({
+				start: 0,
+				end: ar.value.length
+			})),
+			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 or({ 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 sr = (() => {
+			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));
+			};
+		})(), cr = ge(() => {
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					sr(or({
+						rowHeight: q.value.rowHeight,
+						fontSize: L.value.style.chart.labels.yAxisLabels.fontSize,
+						showProgression: L.value.style.chart.labels.yAxisLabels.showProgression
+					}));
+				});
+			});
+		}, 100);
+		function lr({ datapoint: e, seriesIndex: t }) {
+			N.value = t, P.value = e, L.value.events.datapointEnter && L.value.events.datapointEnter({
+				datapoint: e,
+				seriesIndex: t
+			});
+		}
+		function ur({ datapoint: e, seriesIndex: t }) {
+			N.value = null, P.value = null, L.value.events.datapointLeave && L.value.events.datapointLeave({
+				datapoint: e,
+				seriesIndex: t
+			});
+		}
+		function dr({ datapoint: e, seriesIndex: t }) {
+			L.value.events.datapointClick && L.value.events.datapointClick({
+				datapoint: e,
+				seriesIndex: t
+			}), an("selectDatapoint", {
+				...e,
+				seriesIndex: t
+			});
+		}
+		let fr = 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;
+		}), pr = 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, l({
+				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, l({
+				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 : "";
+		}), mr = f(() => {
+			let e = L.value.table.useDialog && !L.value.table.show, t = H.value.showTable;
+			return {
+				component: e ? en : Yt,
+				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: M.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
+						}
+					}
+				}
+			};
+		});
+		Fe(() => H.value.showTable, (e) => {
+			L.value.table.show || (e && L.value.table.useDialog && gn.value ? gn.value.open() : "close" in gn.value && gn.value.close());
+		});
+		function hr() {
+			H.value.showTable = !1, _n.value && _n.value.setTableIconState(!1);
+		}
+		let gr = f(() => Xn.value.map((e) => ({
+			...e,
+			shape: "circle"
+		}))), _r = f(() => L.value.style.chart.backgroundColor), vr = f(() => L.value.style.chart.legend), { exportSvg: yr, getSvg: br } = le({
+			svg: z,
+			title: f(() => L.value.style.chart.title),
+			legend: vr,
+			legendItems: gr,
+			backgroundColor: _r
+		});
+		async function xr({ isCb: e }) {
+			yn.value = !0, await Oe();
+			try {
+				if (e) {
+					let { blob: e, url: t, text: n, dataUrl: r } = await br();
+					await Promise.resolve(L.value.userOptions.callbacks.svg({
+						blob: e,
+						url: t,
+						text: n,
+						dataUrl: r
+					}));
+				} else await Promise.resolve(yr());
+			} finally {
+				yn.value = !1;
+			}
+		}
+		function Sr(e) {
+			if (e?.stage === "start") {
+				vn.value = !0;
+				return;
+			}
+			if (e?.stage === "end") {
+				vn.value = !1;
+				return;
+			}
+			Rn();
+		}
+		async function Cr() {
+			if (an("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 wr(e) {
+			let t = Y.value.length;
+			return t ? (e % t + t) % t : null;
+		}
+		function Tr() {
+			if (F.value !== null) {
+				let e = Y.value[F.value];
+				e && ur({
+					datapoint: e,
+					seriesIndex: F.value
+				});
+			}
+			F.value = null, N.value = null, P.value = null;
+		}
+		function Er() {
+			F.value = null, wn.value = !0;
+		}
+		function Dr() {
+			Tr(), wn.value = !1;
+		}
+		function Or(e) {
+			if (!z.value || nr.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) {
+				Tr();
+				return;
+			}
+			if (r) {
+				if (F.value === null) return;
+				let e = Y.value[F.value];
+				if (!e) return;
+				dr({
+					datapoint: e,
+					seriesIndex: F.value
+				});
+				return;
+			}
+			let a = F.value;
+			a = a === null ? n ? 0 : Y.value.length - 1 : wr(a + (n ? 1 : -1));
+			let o = Y.value[a];
+			o && (F.value = a, lr({
+				datapoint: o,
+				seriesIndex: a
+			}));
+		}
+		let kr = 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 he({
+			getData: er,
+			getImage: ir,
+			generatePdf: Ln,
+			generateCsv: Qn,
+			generateImage: Rn,
+			generateSvg: xr,
+			toggleTable: tr,
+			toggleAnnotator: rr,
+			toggleFullscreen: $n,
+			copyAlt: Cr
+		}), (e, t) => (x(), h("div", {
+			ref_key: "dumbbellChart",
+			ref: M,
+			class: ke(`vue-data-ui-component vue-ui-dumbbell ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+			style: b(`font-family:${L.value.style.fontFamily};width:100%; text-align:center;background:${L.value.style.chart.backgroundColor};${L.value.responsive ? "height:100%" : ""}`),
+			id: `dumbbell_${j.value}`,
+			onMouseenter: t[1] ||= () => E(An)(!0),
+			onMouseleave: t[2] ||= () => E(An)(!1)
+		}, [
+			g("div", {
+				id: `chart-instructions-${j.value}`,
+				class: "sr-only"
+			}, [g("p", null, T(L.value.a11y.translations.keyboardNavigation), 1)], 8, ze),
+			kr.value.body.length ? (x(), p(ve, {
+				key: 0,
+				uid: j.value,
+				head: kr.value.head,
+				body: kr.value.body,
+				caption: kr.value.caption,
+				notice: kr.value.notice
+			}, null, 8, [
+				"uid",
+				"head",
+				"body",
+				"caption",
+				"notice"
+			])) : m("", !0),
+			L.value.userOptions.buttons.annotator ? (x(), p(E(Zt), {
+				key: 1,
+				svgRef: E(z),
+				backgroundColor: L.value.style.chart.backgroundColor,
+				color: L.value.style.chart.color,
+				active: nr.value,
+				isCursorPointer: R.value,
+				onClose: rr
+			}, {
+				"annotator-action-close": O(() => [w(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": O(({ color: t }) => [w(e.$slots, "annotator-action-color", y(v({ color: t })), void 0, !0)]),
+				"annotator-action-draw": O(({ mode: t }) => [w(e.$slots, "annotator-action-draw", y(v({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": O(({ disabled: t }) => [w(e.$slots, "annotator-action-undo", y(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": O(({ disabled: t }) => [w(e.$slots, "annotator-action-redo", y(v({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": O(({ disabled: t }) => [w(e.$slots, "annotator-action-delete", y(v({ disabled: t })), void 0, !0)]),
+				_: 3
+			}, 8, [
+				"svgRef",
+				"backgroundColor",
+				"color",
+				"active",
+				"isCursorPointer"
+			])) : m("", !0),
+			zn.value ? (x(), h("div", {
+				key: 2,
+				ref_key: "noTitle",
+				ref: dn,
+				class: "vue-data-ui-no-title-space",
+				style: "height:36px; width: 100%;background:transparent"
+			}, null, 512)) : m("", !0),
+			L.value.style.chart.title.text ? (x(), h("div", {
+				key: 3,
+				ref_key: "chartTitle",
+				ref: cn,
+				style: "width:100%;background:transparent;padding-bottom:24px"
+			}, [(x(), p(me, {
+				key: `title_${fn.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-${j.value}` }, null, 8, Be),
+			L.value.userOptions.show && on.value && (E(jn) || E(kn)) ? (x(), p(E(Qt), {
+				ref_key: "userOptionsRef",
+				ref: _n,
+				key: `user_option_${sn.value}`,
+				backgroundColor: L.value.style.chart.backgroundColor,
+				color: L.value.style.chart.color,
+				isPrinting: E(Fn),
+				isImaging: E(In),
+				uid: j.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: M.value,
+				position: L.value.userOptions.position,
+				hasAnnotator: L.value.userOptions.buttons.annotator,
+				isAnnotation: nr.value,
+				callbacks: L.value.userOptions.callbacks,
+				printScale: L.value.userOptions.print.scale,
+				tableDialog: L.value.table.useDialog,
+				isCursorPointer: R.value,
+				onToggleFullscreen: $n,
+				onGeneratePdf: E(Ln),
+				onGenerateCsv: Qn,
+				onGenerateImage: Sr,
+				onGenerateSvg: xr,
+				onToggleTable: tr,
+				onToggleAnnotator: rr,
+				onCopyAlt: Cr,
+				style: b({ visibility: E(jn) ? E(kn) ? "visible" : "hidden" : "visible" })
+			}, we({ _: 2 }, [
+				e.$slots.menuIcon ? {
+					name: "menuIcon",
+					fn: O(({ isOpen: t, color: n }) => [w(e.$slots, "menuIcon", y(v({
+						isOpen: t,
+						color: n
+					})), void 0, !0)]),
+					key: "0"
+				} : void 0,
+				e.$slots.optionPdf ? {
+					name: "optionPdf",
+					fn: O(() => [w(e.$slots, "optionPdf", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				e.$slots.optionCsv ? {
+					name: "optionCsv",
+					fn: O(() => [w(e.$slots, "optionCsv", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				e.$slots.optionImg ? {
+					name: "optionImg",
+					fn: O(() => [w(e.$slots, "optionImg", {}, void 0, !0)]),
+					key: "3"
+				} : void 0,
+				e.$slots.optionSvg ? {
+					name: "optionSvg",
+					fn: O(() => [w(e.$slots, "optionSvg", {}, void 0, !0)]),
+					key: "4"
+				} : void 0,
+				e.$slots.optionTable ? {
+					name: "optionTable",
+					fn: O(() => [w(e.$slots, "optionTable", {}, void 0, !0)]),
+					key: "5"
+				} : void 0,
+				e.$slots.optionFullscreen ? {
+					name: "optionFullscreen",
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [w(e.$slots, "optionFullscreen", y(v({
+						toggleFullscreen: t,
+						isFullscreen: n
+					})), void 0, !0)]),
+					key: "6"
+				} : void 0,
+				e.$slots.optionAnnotator ? {
+					name: "optionAnnotator",
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [w(e.$slots, "optionAnnotator", y(v({
+						toggleAnnotator: t,
+						isAnnotator: n
+					})), void 0, !0)]),
+					key: "7"
+				} : void 0,
+				e.$slots.optionAltCopy ? {
+					name: "optionAltCopy",
+					fn: O(({ altCopy: t }) => [w(e.$slots, "optionAltCopy", y(v({ altCopy: t })), void 0, !0)]),
+					key: "8"
+				} : void 0,
+				e.$slots["custom-menu-before"] ? {
+					name: "custom-menu-before",
+					fn: O(() => [w(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					key: "9"
+				} : void 0,
+				e.$slots["custom-menu-after"] ? {
+					name: "custom-menu-after",
+					fn: O(() => [w(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"
+			])) : m("", !0),
+			g("div", Ve, [(x(), h("svg", {
+				ref_key: "svgRef",
+				ref: z,
+				xmlns: E(ne),
+				class: ke({
+					"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: b(`max-width:100%; overflow: visible; background:transparent;color:${L.value.style.chart.color}`),
+				"aria-describedby": `chart-instructions-${j.value}`,
+				tabindex: "0",
+				onFocus: Er,
+				onBlur: Dr,
+				onKeydown: Or
+			}, [
+				Ee(E($t)),
+				e.$slots["chart-background"] ? (x(), h("foreignObject", {
+					key: 0,
+					x: q.value.left,
+					y: q.value.top,
+					width: Math.max(.1, q.value.width),
+					height: Math.max(.1, q.value.height),
+					style: { pointerEvents: "none" }
+				}, [w(e.$slots, "chart-background", {}, void 0, !0)], 8, Ue)) : m("", !0),
+				L.value.style.chart.grid.verticalGrid.show ? (x(), h("g", We, [(x(!0), h(d, null, C(W.value.ticks, (e, t) => (x(), h("line", {
+					x1: q.value.left + t * q.value.width / (W.value.ticks.length - 1),
+					x2: q.value.left + t * q.value.width / (W.value.ticks.length - 1),
+					y1: q.value.top,
+					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, Ge))), 256))])) : m("", !0),
+				L.value.style.chart.grid.horizontalGrid.show ? (x(), h("g", Ke, [(x(!0), h(d, null, C(U.value, (e, t) => (x(), h("line", {
+					x1: q.value.left,
+					x2: q.value.right,
+					y1: q.value.top + t * q.value.rowHeight,
+					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, Je)])) : m("", !0),
+				L.value.style.chart.labels.axis.yLabel ? (x(), h("text", {
+					key: 3,
+					ref_key: "yAxisLabel",
+					ref: bn,
+					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"
+				}, T(L.value.style.chart.labels.axis.yLabel), 9, Ye)) : m("", !0),
+				L.value.style.chart.labels.yAxisLabels.show ? (x(), h("g", {
+					key: 4,
+					ref_key: "serieLabels",
+					ref: xn
+				}, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("text", {
+					class: "vue-ui-dumbbell-serie-name",
+					key: `serieLabel_${e.id}_${t}`,
+					x: q.value.left - 6 + L.value.style.chart.labels.yAxisLabels.offsetX,
+					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) => lr({
+						datapoint: e,
+						seriesIndex: t
+					}),
+					onMouseleave: (n) => ur({
+						datapoint: e,
+						seriesIndex: t
+					}),
+					onClick: (n) => dr({
+						datapoint: e,
+						seriesIndex: t
+					})
+				}, T(e.name) + " " + T(I.value && L.value.style.chart.labels.yAxisLabels.showProgression ? [null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : `(${E(c)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), E(l)({
+					v: 100 * (e.end / e.start - 1),
+					s: "%",
+					r: L.value.style.chart.labels.yAxisLabels.rounding
+				}), { datapoint: e })})` : ""), 41, Xe))), 128)), L.value.style.chart.labels.yAxisLabels.showProgression && !I.value ? (x(!0), h(d, { key: 0 }, C(Y.value, (e, t) => (x(), h("text", {
+					class: "vue-ui-dumbbell-serie-value",
+					x: q.value.left - 6 + L.value.style.chart.labels.yAxisLabels.offsetX,
+					y: q.value.top + t * q.value.rowHeight + q.value.rowHeight / 1.3 + L.value.style.chart.labels.yAxisLabels.fontSize / 3,
+					"font-size": L.value.style.chart.labels.yAxisLabels.fontSize,
+					fill: L.value.style.chart.labels.yAxisLabels.color,
+					"text-anchor": "end",
+					onMouseenter: (n) => lr({
+						datapoint: e,
+						seriesIndex: t
+					}),
+					onMouseleave: (n) => ur({
+						datapoint: e,
+						seriesIndex: t
+					}),
+					onClick: (n) => dr({
+						datapoint: e,
+						seriesIndex: t
+					})
+				}, T([null, void 0].includes(e.start) || [null, void 0].includes(e.end) ? "" : E(c)(L.value.style.chart.labels.yAxisLabels.formatter, 100 * (e.end / e.start - 1), E(l)({
+					v: 100 * (e.end / e.start - 1),
+					s: "%",
+					r: L.value.style.chart.labels.yAxisLabels.rounding
+				}), { datapoint: e })), 41, Ze))), 256)) : m("", !0)], 512)) : m("", !0),
+				L.value.style.chart.labels.axis.xLabel ? (x(), h("text", {
+					key: 5,
+					ref_key: "xAxisLabel",
+					ref: Cn,
+					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"
+				}, T(L.value.style.chart.labels.axis.xLabel), 9, Qe)) : m("", !0),
+				L.value.style.chart.labels.xAxisLabels.show ? (x(), h("g", {
+					key: 6,
+					ref_key: "scaleLabels",
+					ref: Sn
+				}, [(x(!0), h(d, null, C(W.value.ticks, (e, t) => (x(), h("text", {
+					class: "vue-ui-dumbbell-scale-label",
+					key: `tick_${t}`,
+					transform: `translate(${q.value.left + t * (q.value.width / (W.value.ticks.length - 1))}, ${q.value.bottom + L.value.style.chart.labels.xAxisLabels.fontSize + L.value.style.chart.labels.xAxisLabels.offsetY}), rotate(${L.value.style.chart.labels.xAxisLabels.rotation})`,
+					"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"
+				}, T(E(c)(L.value.style.chart.labels.formatter, e, E(l)({
+					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, $e))), 128))], 512)) : m("", !0),
+				k(g("g", null, [
+					k(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, et), [[D, P.value !== null && ![null, void 0].includes(P.value.start)]]),
+					k(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, tt), [[D, P.value !== null && ![null, void 0].includes(P.value.end)]]),
+					k(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 ? E(n)(L.value.style.chart.comparisonLines.rectColor, L.value.style.chart.comparisonLines.rectOpacity) : "transparent",
+						style: { transition: "all 0.3s ease-in-out" }
+					}, null, 8, nt), [[D, L.value.style.chart.comparisonLines.showRect && P.value !== null && ![null, void 0].includes(P.value.start) && ![null, void 0].includes(P.value.end)]]),
+					k(g("text", {
+						transform: `translate(${fr.value == null ? 0 : fr.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" }
+					}, T(pr.value), 9, rt), [[D, P.value !== null && fr.value !== null && L.value.style.chart.comparisonLines.showLabel]])
+				], 512), [[D, L.value.style.chart.comparisonLines.show && N.value !== null]]),
+				g("defs", null, [
+					g("radialGradient", {
+						id: `start_grad_${j.value}`,
+						fy: "30%"
+					}, [
+						g("stop", {
+							offset: "10%",
+							"stop-color": E(u)(L.value.style.chart.plots.startColor, L.value.style.chart.plots.gradient.intensity / 100)
+						}, null, 8, at),
+						g("stop", {
+							offset: "90%",
+							"stop-color": E(r)(L.value.style.chart.plots.startColor, .1)
+						}, null, 8, ot),
+						g("stop", {
+							offset: "100%",
+							"stop-color": L.value.style.chart.plots.startColor
+						}, null, 8, st)
+					], 8, it),
+					g("radialGradient", {
+						id: `end_grad_${j.value}`,
+						fy: "30%"
+					}, [
+						g("stop", {
+							offset: "10%",
+							"stop-color": E(u)(L.value.style.chart.plots.endColor, L.value.style.chart.plots.gradient.intensity / 100)
+						}, null, 8, lt),
+						g("stop", {
+							offset: "90%",
+							"stop-color": E(r)(L.value.style.chart.plots.endColor, .1)
+						}, null, 8, ut),
+						g("stop", {
+							offset: "100%",
+							"stop-color": L.value.style.chart.plots.endColor
+						}, null, 8, dt)
+					], 8, ct),
+					g("radialGradient", {
+						id: `positive_grad_${j.value}`,
+						fy: "30%"
+					}, [
+						g("stop", {
+							offset: "10%",
+							"stop-color": E(u)(L.value.style.chart.plots.evaluationColors.positive, L.value.style.chart.plots.gradient.intensity / 100)
+						}, null, 8, pt),
+						g("stop", {
+							offset: "90%",
+							"stop-color": E(r)(L.value.style.chart.plots.evaluationColors.positive, .1)
+						}, null, 8, mt),
+						g("stop", {
+							offset: "100%",
+							"stop-color": L.value.style.chart.plots.evaluationColors.positive
+						}, null, 8, ht)
+					], 8, ft),
+					g("radialGradient", {
+						id: `negative_grad_${j.value}`,
+						fy: "30%"
+					}, [
+						g("stop", {
+							offset: "10%",
+							"stop-color": E(u)(L.value.style.chart.plots.evaluationColors.negative, L.value.style.chart.plots.gradient.intensity / 100)
+						}, null, 8, _t),
+						g("stop", {
+							offset: "90%",
+							"stop-color": E(r)(L.value.style.chart.plots.evaluationColors.negative, .1)
+						}, null, 8, vt),
+						g("stop", {
+							offset: "100%",
+							"stop-color": L.value.style.chart.plots.evaluationColors.negative
+						}, null, 8, yt)
+					], 8, gt),
+					g("radialGradient", {
+						id: `neutral_grad_${j.value}`,
+						fy: "30%"
+					}, [
+						g("stop", {
+							offset: "10%",
+							"stop-color": E(u)(L.value.style.chart.plots.evaluationColors.neutral, L.value.style.chart.plots.gradient.intensity / 100)
+						}, null, 8, xt),
+						g("stop", {
+							offset: "90%",
+							"stop-color": E(r)(L.value.style.chart.plots.evaluationColors.neutral, .1)
+						}, null, 8, St),
+						g("stop", {
+							offset: "100%",
+							"stop-color": L.value.style.chart.plots.evaluationColors.neutral
+						}, null, 8, Ct)
+					], 8, bt)
+				]),
+				(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("g", { key: `plot_${t}_${e.id}` }, [
+					g("defs", null, [g("linearGradient", {
+						id: `grad_pos_${j.value}`,
+						x1: "0%",
+						x2: "100%",
+						y1: "0%",
+						y2: "0%"
+					}, [g("stop", {
+						offset: "0%",
+						"stop-color": L.value.style.chart.plots.startColor
+					}, null, 8, Tt), g("stop", {
+						offset: "100%",
+						"stop-color": L.value.style.chart.plots.endColor
+					}, null, 8, Et)], 8, wt), g("linearGradient", {
+						id: `grad_neg_${j.value}`,
+						x1: "0%",
+						x2: "100%",
+						y1: "0%",
+						y2: "0%"
+					}, [g("stop", {
+						offset: "0%",
+						"stop-color": L.value.style.chart.plots.endColor
+					}, null, 8, Ot), g("stop", {
+						offset: "100%",
+						"stop-color": L.value.style.chart.plots.startColor
+					}, null, 8, kt)], 8, Dt)]),
+					![void 0, null].includes(e.end) && ![void 0, null].includes(e.start) ? (x(), h("g", At, [L.value.style.chart.plots.link.type === "curved" ? (x(), h("g", jt, [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_${j.value})` : `url(#grad_neg_${j.value})`
+					}, null, 8, Mt)])) : (x(), h("g", Nt, [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_${j.value})` : `url(#grad_neg_${j.value})`
+					}, null, 8, Pt)]))])) : m("", !0),
+					[null, void 0].includes(e.start) ? m("", !0) : (x(), 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_${j.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, Ft)),
+					[null, void 0].includes(e.end) ? m("", !0) : (x(), 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_${j.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, It))
+				]))), 128)),
+				L.value.style.chart.labels.startLabels.show ? (x(), h("g", Lt, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("g", { key: `start_label_${t}_${e.id}` }, [[null, void 0].includes(e.start) ? m("", !0) : (x(), h("text", {
+					key: 0,
+					x: e.startX,
+					y: e.y + J.value * 2 + L.value.style.chart.labels.startLabels.fontSize / 2,
+					fill: L.value.style.chart.plots.evaluationColors.enable && L.value.style.chart.labels.startLabels.useEvaluationColor ? e.evaluationColor : L.value.style.chart.labels.startLabels.useStartColor ? L.value.style.chart.plots.startColor : L.value.style.chart.labels.startLabels.color,
+					"font-size": L.value.style.chart.labels.startLabels.fontSize,
+					"text-anchor": "middle"
+				}, T(E(c)(L.value.style.chart.labels.formatter, e.start, E(l)({
+					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, Rt))]))), 128))])) : m("", !0),
+				L.value.style.chart.labels.endLabels.show ? (x(), h("g", zt, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("g", { key: `end_label_${t}_${e.id}` }, [[null, void 0].includes(e.end) ? m("", !0) : (x(), h("text", {
+					key: 0,
+					x: e.endX,
+					y: e.y - (J.value * 2 - L.value.style.chart.labels.startLabels.fontSize / 3),
+					fill: L.value.style.chart.plots.evaluationColors.enable && L.value.style.chart.labels.endLabels.useEvaluationColor ? e.evaluationColor : L.value.style.chart.labels.endLabels.useEndColor ? L.value.style.chart.plots.endColor : L.value.style.chart.labels.endLabels.color,
+					"font-size": L.value.style.chart.labels.endLabels.fontSize,
+					"text-anchor": "middle"
+				}, T(E(c)(L.value.style.chart.labels.formatter, e.end, E(l)({
+					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, Bt))]))), 128))])) : m("", !0),
+				g("g", null, [(x(!0), h(d, null, C(Y.value, (e, t) => (x(), h("rect", {
+					x: q.value.left,
+					y: q.value.top + t * Math.max(.1, q.value.rowHeight),
+					width: Math.max(.1, q.value.width),
+					height: Math.max(.1, q.value.rowHeight),
+					fill: N.value === null ? "transparent" : N.value === t ? E(n)(L.value.style.chart.highlighter.color, L.value.style.chart.highlighter.opacity) : "transparent",
+					onMouseenter: (n) => lr({
+						datapoint: e,
+						seriesIndex: t
+					}),
+					onMouseleave: (n) => ur({
+						datapoint: e,
+						seriesIndex: t
+					}),
+					onClick: (n) => dr({
+						datapoint: e,
+						seriesIndex: t
+					})
+				}, null, 40, Vt))), 256))]),
+				w(e.$slots, "svg", { svg: {
+					...q.value,
+					isPrintingImg: E(Fn) || E(In) || vn.value,
+					isPrintingSvg: yn.value
+				} }, void 0, !0)
+			], 46, He)), e.$slots.hint ? (x(), h("div", Ht, [w(e.$slots, "hint", y(v({
+				hint: L.value.a11y.translations.keyboardNavigation,
+				isVisible: wn.value
+			})), void 0, !0)])) : m("", !0)]),
+			e.$slots.watermark ? (x(), h("div", Ut, [w(e.$slots, "watermark", y(v({ isPrinting: E(Fn) || E(In) || vn.value || yn.value })), void 0, !0)])) : m("", !0),
+			g("div", { id: `legend-bottom-${j.value}` }, null, 8, Wt),
+			hn.value && (L.value.style.chart.legend.show || e.$slots.legend) ? (x(), p(Ce, {
+				key: 6,
+				to: L.value.style.chart.legend.position === "top" ? `#legend-top-${j.value}` : `#legend-bottom-${j.value}`
+			}, [g("div", {
+				ref_key: "chartLegend",
+				ref: ln
+			}, [w(e.$slots, "legend", { legend: Xn.value }, () => [L.value.style.chart.legend.show && on.value ? (x(), p(xe, {
+				key: `legend_${mn.value}`,
+				legendSet: Xn.value,
+				config: Zn.value,
+				clickable: !1
+			}, {
+				item: O(({ legend: e }) => [g("div", { style: b(`display:flex;align-items:center;gap:4px;font-size:${L.value.style.chart.legend.fontSize}px`) }, [(x(), h("svg", {
+					xmlns: E(ne),
+					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, Kt)], 8, Gt)), E(En) ? m("", !0) : (x(), h(d, { key: 0 }, [Te(T(e.name), 1)], 64))], 4)]),
+				_: 1
+			}, 8, ["legendSet", "config"])) : m("", !0)], !0)], 512)], 8, ["to"])) : m("", !0),
+			e.$slots.source ? (x(), h("div", {
+				key: 7,
+				ref_key: "source",
+				ref: un,
+				dir: "auto"
+			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : m("", !0),
+			on.value && L.value.userOptions.buttons.table ? (x(), p(Me(mr.value.component), De({ key: 8 }, mr.value.props, {
+				ref_key: "tableUnit",
+				ref: gn,
+				onClose: hr
+			}), we({
+				content: O(() => [(x(), p(E(Xt), {
+					key: `table_${pn.value}`,
+					colNames: Q.value.colNames,
+					head: Q.value.head,
+					body: Q.value.body,
+					config: Q.value.config,
+					title: L.value.table.useDialog ? "" : mr.value.title,
+					withCloseButton: !L.value.table.useDialog,
+					isCursorPointer: R.value,
+					onClose: hr
+				}, {
+					th: O(({ th: e }) => [g("div", {
+						innerHTML: e,
+						style: {
+							display: "flex",
+							"align-items": "center"
+						}
+					}, null, 8, qt)]),
+					td: O(({ td: e }) => [Te(T(e.name || e), 1)]),
+					_: 1
+				}, 8, [
+					"colNames",
+					"head",
+					"body",
+					"config",
+					"title",
+					"withCloseButton",
+					"isCursorPointer"
+				]))]),
+				_: 2
+			}, [L.value.table.useDialog ? {
+				name: "title",
+				fn: O(() => [Te(T(mr.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) => Qn(L.value.userOptions.callbacks.csv),
+					style: b({ cursor: R.value ? "pointer" : "default" })
+				}, [Ee(E(Jt), {
+					name: "fileCsv",
+					stroke: mr.value.props.color
+				}, null, 8, ["stroke"])], 4)]),
+				key: "1"
+			} : void 0]), 1040)) : m("", !0),
+			w(e.$slots, "skeleton", {}, () => [E(En) ? (x(), p(ce, { key: 0 })) : m("", !0)], !0)
+		], 46, Re));
+	}
+}, [["__scopeId", "data-v-2898a824"]]);
+//#endregion
+export { Le as n, Jt as t };