vue-data-ui 3.19.9 → 3.20.1

package/dist/vue-ui-flow-BYYyk5KL.js

@@ -1,1235 +0,0 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, J as r, Lt as i, S as a, St as o, Tt as s, X as c, i as l, n as u, pt as d, r as f, t as p, v as m, x as h, y as g, zt as _ } from "./lib-BkiwukKO.js";
-import { t as ee } from "./useConfig-ByaaSKhz.js";
-import { t as v } from "./usePrinter-X0yWOynH.js";
-import { n as y, t as b } from "./BaseScanner-C7dmAref.js";
-import { t as x } from "./useSvgExport-Dtu973wa.js";
-import { t as S } from "./useNestedProp-Ck4hsrpu.js";
-import { t as te } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as ne } from "./img-BjOr008R.js";
-import { n as C } from "./Title-__gWq2g6.js";
-import { t as re } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as ie } from "./canvas-lib-DTaADQOK.js";
-import { t as ae } from "./useResponsive-CrAInupd.js";
-import { t as oe } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as se } from "./useUserOptionState-CjPJPTg2.js";
-import { t as ce } from "./useChartAccessibility-Do37qcw2.js";
-import { t as le } from "./Legend-Gg5Q4Clb.js";
-import { t as ue } from "./vue_ui_flow-CCHO1Lo9.js";
-import { Fragment as de, Teleport as fe, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createSlots as pe, createTextVNode as me, createVNode as he, defineAsyncComponent as k, guardReactiveProps as A, mergeProps as ge, nextTick as _e, normalizeClass as ve, normalizeProps as j, normalizeStyle as M, onMounted as ye, openBlock as N, ref as P, renderList as be, renderSlot as F, resolveDynamicComponent as xe, toDisplayString as Se, toRefs as Ce, unref as I, watch as we, withCtx as L } from "vue";
-//#region src/components/vue-ui-flow.vue
-var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe = {
-	key: 2,
-	ref: "noTitle",
-	class: "vue-data-ui-no-title-space",
-	style: "height:36px; width: 100%;background:transparent"
-}, ke = ["id"], Ae = { style: { position: "relative" } }, je = [
-	"xmlns",
-	"aria-describedby",
-	"viewBox"
-], Me = ["width", "height"], Ne = ["id"], Pe = ["stop-color"], Fe = ["stop-color"], Ie = [
-	"d",
-	"fill",
-	"stroke",
-	"stroke-width"
-], Le = [
-	"data-a11y-node-id",
-	"x",
-	"y",
-	"height",
-	"width",
-	"fill",
-	"stroke",
-	"stroke-width",
-	"rx",
-	"aria-label",
-	"onMouseenter",
-	"onMouseleave",
-	"onClick"
-], Re = { key: 1 }, ze = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], Be = [
-	"x",
-	"y",
-	"font-size",
-	"fill"
-], Ve = {
-	key: 0,
-	style: {
-		position: "absolute",
-		top: "100%",
-		left: "0",
-		width: "100%"
-	},
-	"data-dom-to-png-ignore": "",
-	"aria-hidden": "true"
-}, He = {
-	key: 5,
-	class: "vue-data-ui-watermark"
-}, Ue = ["id"], We = ["onClick"], Ge = ["innerHTML"], Ke = /* @__PURE__ */ re({
-	__name: "vue-ui-flow",
-	props: {
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		dataset: {
-			type: Array,
-			default() {
-				return [];
-			}
-		}
-	},
-	emits: ["copyAlt"],
-	setup(e, { expose: re, emit: Te }) {
-		let Ke = k(() => import("./Tooltip-CuWEYGr3.js")), qe = k(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), Ye = k(() => import("./DataTable-DmE8Oo4i.js")), Xe = k(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), { vue_ui_flow: et } = ee(), { isThemeValid: tt, warnInvalidTheme: nt } = te(), R = e, rt = Te, z = P(n()), B = P(null), it = P(0), at = P(0), ot = P(!1), st = P(""), ct = P(null), lt = P(null), ut = P(null), dt = P(null), ft = P(null), pt = P(!1), mt = P(null), ht = P(null), gt = P(null), _t = P(!1), vt = P(!1), yt = P(null), V = P(null), bt = P({
-			x: 0,
-			y: 0
-		}), xt = P("pointer"), St = P(!1), Ct = w(() => !!R.dataset && R.dataset.length);
-		ye(() => {
-			pt.value = !0, At();
-		});
-		let H = P(!1);
-		function wt(e) {
-			H.value = e, it.value += 1;
-		}
-		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => _({
-			defaultConfig: {
-				userOptions: { show: !1 },
-				nodeCategories: {
-					B: "A",
-					C: "B"
-				},
-				nodeCategoryColors: {
-					A: "#CACACA",
-					B: "#AAAAAA"
-				},
-				table: { show: !1 },
-				style: { chart: {
-					backgroundColor: "#99999930",
-					legend: { backgroundColor: "transparent" },
-					nodes: {
-						labels: { show: !1 },
-						stroke: "#666666"
-					},
-					links: { stroke: "#666666" }
-				} }
-			},
-			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: Et, FINAL_DATASET: Dt, manualLoading: Ot } = y({
-			...Ce(R),
-			FINAL_CONFIG: U,
-			prepareConfig: Pt,
-			skeletonDataset: R.config?.skeletonDataset ?? [
-				[
-					"A",
-					"B",
-					2,
-					"#CACACA"
-				],
-				[
-					"B",
-					"C",
-					1,
-					"#CACACA"
-				],
-				[
-					"C",
-					"D",
-					.5,
-					"#CACACA"
-				],
-				[
-					"E",
-					"F",
-					1,
-					"#AAAAAA"
-				],
-				[
-					"F",
-					"G",
-					.5,
-					"#AAAAAA"
-				],
-				[
-					"G",
-					"H",
-					.25,
-					"#AAAAAA"
-				]
-			],
-			skeletonConfig: _({
-				defaultConfig: U.value,
-				userConfig: Tt.value
-			})
-		}), kt = w(() => !!U.value.debug);
-		function At() {
-			if (o(R.dataset) && (c({
-				componentName: "VueUiFlow",
-				type: "dataset",
-				debug: kt.value
-			}), Ot.value = !0), o(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
-				let e = ie(() => {
-					let { width: e, height: t } = ae({
-						chart: B.value,
-						title: U.value.style.chart.title.text ? lt.value : null,
-						legend: U.value.style.chart.legend.show ? ct.value : null,
-						source: ut.value
-					});
-					requestAnimationFrame(() => {
-						Ft.value = e, It.value = t;
-					});
-				});
-				dt.value && (ft.value && dt.value.unobserve(ft.value), dt.value.disconnect()), dt.value = new ResizeObserver(e), ft.value = B.value.parentNode, dt.value.observe(ft.value);
-			}
-		}
-		let { userOptionsVisible: jt, setUserOptionsVisibility: Mt, keepUserOptionState: Nt } = se({ config: U.value }), { svgRef: G } = ce({ config: U.value.style.chart.title });
-		function Pt() {
-			let e = S({
-				userConfig: R.config,
-				defaultConfig: et
-			}), t = e, n = e.theme;
-			if (n) if (!tt.value(e)) nt(e), t = e;
-			else {
-				let r = S({
-					userConfig: ue[n] || R.config,
-					defaultConfig: e
-				});
-				t = {
-					...S({
-						userConfig: R.config,
-						defaultConfig: r
-					}),
-					customPalette: e.customPalette.length ? e.customPalette : i[n] || s
-				};
-			}
-			else t = e;
-			return t.nodeCategories = R.config.nodeCategories || {}, t.nodeCategoryColors = R.config.nodeCategoryColors || {}, t;
-		}
-		let Ft = P(U.value.style.chart.width), It = P(U.value.style.chart.height);
-		we(() => R.config, (e) => {
-			Et.value || (U.value = Pt()), jt.value = !U.value.userOptions.showOnChartHover, At(), at.value += 1, K.value.showTable = U.value.table.show;
-		}, { deep: !0 }), we(() => R.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Ot.value = !1);
-		}, { deep: !0 });
-		let { isPrinting: Lt, isImaging: Rt, generatePdf: zt, generateImage: Bt } = v({
-			elementId: `flow_${z.value}`,
-			fileName: U.value.style.chart.title.text || "vue-ui-flow",
-			options: U.value.userOptions.print
-		}), Vt = w(() => U.value.userOptions.show && !U.value.style.chart.title.text), Ht = w(() => h(U.value.customPalette)), Ut = w(() => U.value.style.chart.nodes.width), K = P({
-			showTable: U.value.table.show,
-			showTooltip: U.value.style.chart.tooltip.show
-		});
-		we(U, () => {
-			K.value = {
-				showTable: U.value.table.show,
-				showTooltip: U.value.style.chart.tooltip.show
-			};
-		}, { immediate: !0 });
-		let Wt = w(() => !Dt.value || !Dt.value.length ? [] : Dt.value.map((e, t) => [
-			e[0],
-			e[1],
-			m(e[2]),
-			e[3] ? g(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || s[t] || s[t % s.length]
-		]));
-		function Gt(e) {
-			let t = {}, r = {};
-			function i(e, i) {
-				t[e] || (t[e] = {
-					level: null,
-					inflow: 0,
-					outflow: 0,
-					children: [],
-					color: null,
-					uid: n()
-				}), t[e].level === null && (t[e].level = i), r[i] || (r[i] = []), r[i].includes(e) || r[i].push(e);
-			}
-			e.forEach(([e, n, r]) => {
-				let a = t[e]?.level ?? 0, o = a + 1;
-				i(e, a), i(n, o), t[e].children.push({
-					target: n,
-					value: r
-				}), t[e].outflow += r, t[n].inflow += r;
-			});
-			let a = new Set(e.map(([e]) => e)), o = new Set(e.map(([, e]) => e)), c = Array.from(a).filter((e) => !o.has(e)), l = {};
-			c.forEach((e, t) => {
-				l[e] = Ht.value[t] || s[t % s.length];
-			});
-			let u = {};
-			e.forEach(([e, t, n, r]) => {
-				r && (u[e] = r, u[t] = r);
-			}), Object.keys(t).forEach((e, n) => {
-				let r = U.value.nodeCategories?.[e], i = r ? U.value.nodeCategoryColors?.[r] : null;
-				t[e].color = u[e] || i || (c.includes(e) ? l[e] : null) || s[n % s.length];
-			}), Object.keys(t).forEach((e) => {
-				t[e].value = Math.max(t[e].inflow, t[e].outflow);
-			});
-			let d = Jt.value, f = Yt.value.width, p = Yt.value.height, h = Object.keys(r).map(Number).sort((e, t) => e - t), g = h.length || 1, _ = g > 1 ? f / (g - 1) : 0, ee = Number(Ut.value), v = Number(U.value.style.chart.nodes.gapPx ?? U.value.style.chart.nodes.gap ?? 8), y = Number(U.value.style.chart.nodes.minHeight || 0);
-			function b(e) {
-				let n = r[e], i = n.length;
-				if (!i) return Infinity;
-				let a = Math.max(0, (i - 1) * v), o = Math.max(0, p - a), s = Math.min(y, i ? o / i : 0), c = 0, l = n.map((e) => t[e].value || 0), u = l.reduce((e, t) => e + t, 0);
-				for (let e = 0; e < 12; e += 1) {
-					let e = u > 0 ? (o - c) / u : 0, t = [];
-					for (let n = 0; n < l.length; n += 1) {
-						let r = l[n];
-						r < 0 || r * e < s && t.push(n);
-					}
-					if (!t.length) return Math.max(0, e);
-					for (let e of t) c += s, u -= l[e], l[e] = -1;
-					if (u <= 0) return 0;
-				}
-				return u > 0 ? Math.max(0, (o - c) / u) : 0;
-			}
-			let x = h.map(b), S = x.length ? Math.min(...x) : 0, te = {};
-			h.forEach((e) => {
-				let i = r[e], a = i.length, o = Math.max(0, (a - 1) * v), s = Math.max(0, p - o), c = Math.min(y, a ? s / a : 0), l = i.map((e) => Math.max(c, (t[e].value || 0) * S)), u = l.reduce((e, t) => e + t, 0) + o, f = Math.max(0, (p - u) / 2);
-				i.forEach((r, i) => {
-					let o = l[i], s = d.left + e * _, c = f;
-					te[r] = {
-						x: s,
-						y: c,
-						absoluteY: c,
-						height: o,
-						i,
-						color: t[r].color,
-						value: t[r].value,
-						id: n()
-					}, f += o, i < a - 1 && (f += v);
-				});
-			});
-			let ne = [], C = d.top, re = {}, ie = {};
-			Object.keys(t).forEach((e) => {
-				re[e] = te[e]?.y ?? 0, ie[e] = 0;
-			});
-			let ae = !!U.value.style.chart.links.smooth, oe = .5;
-			return h.forEach((e) => {
-				r[e].forEach((e) => {
-					let r = t[e], i = te[e];
-					if (!r.children || !r.children.length) return;
-					let a = i.y;
-					r.children.forEach(({ target: o, value: s }) => {
-						let c = te[o], l = t[o], u = r.outflow > 0 ? s / r.outflow : 0, d = l.inflow > 0 ? s / l.inflow : 0, f = m(a + C), p = m(a + u * i.height + C), h = re[o], g = h + d * c.height;
-						ie[o] += s;
-						let _ = l.inflow > 0 && ie[o] >= l.inflow - 1e-6, v = c.y + c.height;
-						(_ || g > v - .25) && (g = v);
-						let y = m(h + C), b = m(g + C), x = m(i.x + ee), S = m(c.x), se;
-						if (!ae || S <= x) se = `M ${x} ${f} L ${x} ${p} L ${S} ${b} L ${S} ${y} Z`;
-						else {
-							let e = S - x, t = m(x + e * oe), n = m(S - e * oe), r = f, i = y, a = p, o = b;
-							se = `M ${x} ${r} C ${t} ${r}, ${n} ${i}, ${S} ${i} L ${S} ${o} C ${n} ${o}, ${t} ${a}, ${x} ${a} Z`;
-						}
-						ne.push({
-							id: n(),
-							source: e,
-							target: o,
-							path: se,
-							value: s,
-							sourceColor: r.color,
-							targetColor: t[o].color
-						}), a = p - C, re[o] = g;
-					});
-				});
-			}), {
-				nodeCoordinates: te,
-				links: ne
-			};
-		}
-		let q = w(() => {
-			let e = Gt(Dt.value);
-			return {
-				nodes: Object.keys(e.nodeCoordinates).map((t, n) => ({
-					...e.nodeCoordinates[t],
-					name: t
-				})),
-				links: e.links
-			};
-		}), Kt = w(() => Ft.value), qt = w(() => It.value), Jt = w(() => U.value.style.chart.padding), Yt = w(() => ({
-			width: Math.max(0, Kt.value - 40 - Jt.value.right - Jt.value.left),
-			height: Math.max(0, qt.value - Jt.value.top - Jt.value.bottom)
-		})), Xt = w(() => ({
-			width: Kt.value,
-			height: qt.value
-		}));
-		function Zt(e) {
-			let t = {}, n = {}, r = /* @__PURE__ */ new Set();
-			return Wt.value.forEach(([e, r, i]) => {
-				t[e] || (t[e] = []), n[r] || (n[r] = []), t[e].push(r), n[r].push(e);
-			}), t[e] && t[e].forEach((e) => r.add(e)), n[e] && n[e].forEach((e) => r.add(e)), Array.from(r).concat(e);
-		}
-		let J = P(null), Y = P(null), X = P(null), Qt = P(!1), $t = P(null);
-		function en() {
-			$t.value = null, J.value = null, Y.value = null, ot.value = !1, yt.value = null, V.value = null;
-		}
-		function tn(e) {
-			if (!G.value || !e) return;
-			let t = G.value.querySelector(`[data-a11y-node-id="${e}"]`);
-			if (!t) return;
-			let n = t.getBoundingClientRect();
-			bt.value = {
-				x: n.left + n.width / 2,
-				y: n.top + n.height / 2
-			};
-		}
-		function nn(e, n, r = "pointer", i = null) {
-			$.value = [], J.value = Zt(e.name), Y.value = e.name, $t.value = e.id, xt.value = r, yt.value = i, V.value = e.id;
-			let a = e.name, o = Wt.value, s = 0, c = 0, u = [], f = [], p = new Set(o.map(([e]) => e)), m = new Set(o.map(([, e]) => e)), h = Array.from(p).filter((e) => !m.has(e)), g = o.filter(([e]) => h.includes(e)).reduce((e, [t, n, r]) => e + r, 0), _ = {};
-			q.value.nodes.forEach((e) => {
-				_[e.name] = e.color;
-			}), o.forEach(([e, t, n]) => {
-				t === a && (s += n, u.push({
-					source: e,
-					value: n,
-					color: _[e]
-				})), e === a && (c += n, f.push({
-					target: t,
-					value: n,
-					color: _[t]
-				}));
-			});
-			let ee = g > 0 ? Math.max(s, c) / g * 100 : 0, v = {
-				name: a,
-				inflow: s,
-				outflow: c,
-				from: u,
-				to: f,
-				percentOfTotal: ee,
-				color: _[a] || "#000000"
-			};
-			U.value.events.datapointEnter && U.value.events.datapointEnter({
-				datapoint: v,
-				seriesIndex: n
-			}), X.value = {
-				datapoint: v,
-				config: U.value,
-				seriesIndex: n,
-				series: q.value
-			}, ot.value = !0;
-			let y = "", b = U.value.style.chart.tooltip.customFormat;
-			if (Qt.value = !1, d(b)) try {
-				let e = b({
-					datapoint: v,
-					series: q.value,
-					config: U.value
-				});
-				typeof e == "string" && (st.value = e, Qt.value = !0);
-			} catch {
-				console.warn("Custom format cannot be applied.");
-			}
-			if (!Qt.value) {
-				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${t({
-					p: U.value.style.chart.tooltip.translations.percentOfTotal,
-					v: v.percentOfTotal,
-					s: "%",
-					r: U.value.style.chart.tooltip.roundingPercentage
-				})}</div>` : "";
-				y += `<div style="width:100%;text-align:center;border-bottom:1px solid ${U.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${v.color}">⏹</span>${v.name}${e}</div>`, v.from.length && (y += `<div>${U.value.style.chart.tooltip.translations.from}</div>`, v.from.forEach((e) => {
-					y += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${l(U.value.style.chart.nodes.labels.formatter, e.value, t({
-						p: U.value.style.chart.nodes.labels.prefix,
-						v: e.value,
-						s: U.value.style.chart.nodes.labels.suffix,
-						r: U.value.style.chart.nodes.labels.rounding
-					}))}</div>`;
-				})), v.to.length && (y += `<div style="margin-top:6px;">${U.value.style.chart.tooltip.translations.to}</div>`, v.to.forEach((e) => {
-					y += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${l(U.value.style.chart.nodes.labels.formatter, e.value, t({
-						p: U.value.style.chart.nodes.labels.prefix,
-						v: e.value,
-						s: U.value.style.chart.nodes.labels.suffix,
-						r: U.value.style.chart.nodes.labels.rounding
-					}))}</div>`;
-				})), st.value = y;
-			}
-			r === "keyboard" && _e(() => {
-				tn(e.id);
-			});
-		}
-		function rn(e) {
-			let t = X.value;
-			U.value.events.datapointLeave && U.value.events.datapointLeave({
-				datapoint: t,
-				seriesIndex: e
-			}), !(xt.value === "keyboard" && V.value) && ($t.value = null, J.value = null, Y.value = null, ot.value = !1);
-		}
-		function an(e) {
-			let t = X.value;
-			U.value.events.datapointClick && U.value.events.datapointClick({
-				datapoint: t,
-				seriesIndex: e
-			});
-		}
-		let on = w(() => q.value.links.map(({ source: e, target: t, sourceColor: n, targetColor: r, value: i }) => ({
-			source: e,
-			target: t,
-			sourceColor: n,
-			targetColor: r,
-			value: i
-		})));
-		function sn(e = null) {
-			_e(() => {
-				let t = on.value.map((e, t) => [
-					[e.source],
-					[e.target],
-					[e.value]
-				]), n = a([
-					[U.value.style.chart.title.text],
-					[U.value.style.chart.title.subtitle.text],
-					[
-						[U.value.table.columnNames.source],
-						[U.value.table.columnNames.target],
-						[U.value.table.columnNames.value]
-					]
-				].concat(t));
-				e ? e(n) : r({
-					csvContent: n,
-					title: U.value.style.chart.title.text || "vue-ui-flow"
-				});
-			});
-		}
-		let Z = w(() => {
-			let e = [
-				U.value.table.columnNames.source,
-				U.value.table.columnNames.target,
-				U.value.table.columnNames.value
-			], n = on.value.map((e, n) => [
-				{
-					color: e.sourceColor,
-					name: e.source,
-					shape: "square"
-				},
-				{
-					color: e.targetColor,
-					name: e.target,
-					shape: "square"
-				},
-				t({
-					p: U.value.style.chart.nodes.labels.prefix,
-					v: e.value,
-					s: U.value.style.chart.nodes.labels.suffix,
-					r: U.value.style.chart.nodes.labels.rounding
-				})
-			]), r = {
-				th: {
-					backgroundColor: U.value.table.th.backgroundColor,
-					color: U.value.table.th.color,
-					outline: U.value.table.th.outline
-				},
-				td: {
-					backgroundColor: U.value.table.td.backgroundColor,
-					color: U.value.table.td.color,
-					outline: U.value.table.td.outline
-				},
-				breakpoint: U.value.table.responsiveBreakpoint
-			};
-			return {
-				colNames: [
-					U.value.table.columnNames.source,
-					U.value.table.columnNames.target,
-					U.value.table.columnNames.value
-				],
-				head: e,
-				body: n,
-				config: r
-			};
-		}), cn = w(() => ({
-			headers: Z.value?.colNames ?? [],
-			rows: Z.value?.body ?? []
-		})), ln = w(() => [...q.value.nodes].map((e, t) => ({
-			...e,
-			index: t,
-			centerX: e.x + Ut.value / 2,
-			centerY: m(e.absoluteY) + U.value.style.chart.padding.top + e.height / 2
-		})).sort((e, t) => e.x === t.x ? e.absoluteY - t.absoluteY : e.x - t.x)), Q = w(() => {
-			let e = [];
-			return ln.value.forEach((t) => {
-				let n = e.find((e) => Math.abs(e.x - t.x) <= 1);
-				n ? n.nodes.push(t) : e.push({
-					x: t.x,
-					nodes: [t]
-				});
-			}), e.forEach((e) => {
-				e.nodes.sort((e, t) => e.absoluteY - t.absoluteY);
-			}), e.sort((e, t) => e.x - t.x);
-		}), un = w(() => {
-			let e = /* @__PURE__ */ new Map();
-			return ln.value.forEach((t, n) => {
-				e.set(t.id, n);
-			}), e;
-		});
-		function dn() {
-			return q.value;
-		}
-		function fn() {
-			K.value.showTable = !K.value.showTable;
-		}
-		let pn = P(!1);
-		function mn() {
-			pn.value = !pn.value;
-		}
-		function hn() {
-			K.value.showTooltip = !K.value.showTooltip;
-		}
-		let gn = w(() => {
-			let e = new Set(q.value.nodes.map((e) => U.value.nodeCategories[e.name] || "__uncategorized__"));
-			return Array.from(e).map((e) => ({
-				name: e,
-				color: U.value.nodeCategoryColors[e] || s[0],
-				shape: "square",
-				count: q.value.nodes.filter((t) => (U.value.nodeCategories[t.name] || "__uncategorized__") === e).length
-			})).map((e, t) => {
-				let n = $.value.includes(t);
-				return {
-					...e,
-					segregate: () => vn({
-						legend: e,
-						i: t
-					}),
-					isSegregated: n,
-					opacity: $.value.length ? n ? 1 : .5 : 1,
-					display: `${e.name} (${e.count})`
-				};
-			});
-		}), _n = w(() => gn.value.filter((e) => e.name !== "__uncategorized__")), $ = P([]);
-		function vn({ legend: e, i: t }) {
-			let n = e.name;
-			if (J.value?.every((e) => U.value.nodeCategories[e] === n)) {
-				J.value = null, Y.value = null, $.value = [];
-				return;
-			}
-			$.value = [t], J.value = q.value.nodes.filter((e) => U.value.nodeCategories[e.name] === n).map((e) => e.name), Y.value = null;
-		}
-		let yn = w(() => ({
-			cy: "flow-legend",
-			backgroundColor: U.value.style.chart.legend.backgroundColor,
-			color: U.value.style.chart.legend.color,
-			fontSize: U.value.style.chart.legend.fontSize,
-			paddingBottom: U.value.style.chart.legend.paddingBottom,
-			fontWeight: U.value.style.chart.legend.bold ? "bold" : "normal"
-		}));
-		async function bn({ scale: e = 2 } = {}) {
-			if (!B.value) return;
-			let { width: t, height: n } = B.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ne({
-				domElement: B.value,
-				base64: !0,
-				img: !0,
-				scale: e
-			});
-			return {
-				imageUri: i,
-				base64: a,
-				title: U.value.style.chart.title.text,
-				width: t,
-				height: n,
-				aspectRatio: r
-			};
-		}
-		let xn = w(() => {
-			let e = U.value.table.useDialog && !U.value.table.show, t = K.value.showTable;
-			return {
-				component: e ? $e : Je,
-				title: `${U.value.style.chart.title.text}${U.value.style.chart.title.subtitle.text ? `: ${U.value.style.chart.title.subtitle.text}` : ""}`,
-				props: e ? {
-					backgroundColor: U.value.table.th.backgroundColor,
-					color: U.value.table.th.color,
-					headerColor: U.value.table.th.color,
-					headerBg: U.value.table.th.backgroundColor,
-					isFullscreen: H.value,
-					fullscreenParent: B.value,
-					forcedWidth: Math.min(800, window.innerWidth * .8),
-					isCursorPointer: W.value
-				} : {
-					hideDetails: !0,
-					config: {
-						open: t,
-						maxHeight: 1e4,
-						body: {
-							backgroundColor: U.value.style.chart.backgroundColor,
-							color: U.value.style.chart.color
-						},
-						head: {
-							backgroundColor: U.value.style.chart.backgroundColor,
-							color: U.value.style.chart.color
-						}
-					}
-				}
-			};
-		});
-		we(() => K.value.showTable, (e) => {
-			U.value.table.show || (e && U.value.table.useDialog && mt.value ? mt.value.open() : "close" in mt.value && mt.value.close());
-		});
-		function Sn() {
-			K.value.showTable = !1, ht.value && ht.value.setTableIconState(!1);
-		}
-		let Cn = w(() => _n.value.map((e) => ({
-			...e,
-			name: e.display
-		}))), wn = w(() => U.value.style.chart.backgroundColor), Tn = w(() => U.value.style.chart.legend), { exportSvg: En, getSvg: Dn } = x({
-			svg: G,
-			title: w(() => U.value.style.chart.title),
-			legend: Tn,
-			legendItems: Cn,
-			backgroundColor: wn
-		});
-		async function On({ isCb: e }) {
-			vt.value = !0, await _e();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Dn();
-					await Promise.resolve(U.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(En());
-			} finally {
-				vt.value = !1;
-			}
-		}
-		function kn(e) {
-			if (e?.stage === "start") {
-				_t.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				_t.value = !1;
-				return;
-			}
-			Bt();
-		}
-		async function An() {
-			if (rt("copyAlt", {
-				config: U.value,
-				dataset: q.value
-			}), !U.value.userOptions.callbacks.altCopy) {
-				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
-				return;
-			}
-			await Promise.resolve(U.value.userOptions.callbacks.altCopy({
-				config: U.value,
-				dataset: q.value
-			}));
-		}
-		function jn(e) {
-			return Q.value.findIndex((t) => t.nodes.some((t) => t.id === e));
-		}
-		function Mn(e, t) {
-			let n = Q.value[e];
-			return n ? n.nodes.findIndex((e) => e.id === t) : -1;
-		}
-		function Nn(e, t) {
-			let n = Q.value[e];
-			if (!n || !n.nodes.length) return null;
-			let r = n.nodes[0], i = Math.abs(r.centerY - t);
-			for (let e = 1; e < n.nodes.length; e += 1) {
-				let a = n.nodes[e], o = Math.abs(a.centerY - t);
-				o < i && (r = a, i = o);
-			}
-			return r;
-		}
-		function Pn() {
-			yt.value = null, V.value = null, St.value = !0;
-		}
-		function Fn() {
-			en(), St.value = !1;
-		}
-		function In(e) {
-			if (!G.value || pn.value || document.activeElement !== G.value || !ln.value.length) return;
-			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
-			if (!t && !n && !r && !i && !a && !o) return;
-			if (e.preventDefault(), e.stopPropagation(), o) {
-				en();
-				return;
-			}
-			if (a) {
-				if (yt.value === null) return;
-				an(yt.value);
-				return;
-			}
-			if (V.value === null) {
-				let e = Q.value[0]?.nodes?.[0];
-				if (!e) return;
-				let t = un.value.get(e.id) ?? 0;
-				nn(e, t, "keyboard", t);
-				return;
-			}
-			let s = un.value.get(V.value);
-			if (s === void 0) return;
-			let c = ln.value[s];
-			if (!c) return;
-			let l = jn(c.id);
-			if (l < 0) return;
-			let u = null;
-			if (r || i) {
-				let e = Mn(l, c.id);
-				if (e < 0) return;
-				let t = Q.value[l];
-				if (!t?.nodes?.length) return;
-				let n = e + (i ? 1 : -1);
-				n < 0 && (n = t.nodes.length - 1), n >= t.nodes.length && (n = 0), u = t.nodes[n];
-			}
-			if (t || n) {
-				let e = l + (n ? 1 : -1);
-				e < 0 && (e = Q.value.length - 1), e >= Q.value.length && (e = 0), u = Nn(e, c.centerY);
-			}
-			if (!u) return;
-			let d = un.value.get(u.id);
-			d !== void 0 && nn(u, d, "keyboard", d);
-		}
-		return re({
-			getData: dn,
-			getImage: bn,
-			generateCsv: sn,
-			generateImage: Bt,
-			generateSvg: On,
-			generatePdf: zt,
-			toggleTable: fn,
-			toggleAnnotator: mn,
-			toggleTooltip: hn,
-			drillCategory: vn,
-			unselectNode: rn,
-			toggleFullscreen: wt,
-			copyAlt: An
-		}), (e, n) => (N(), D("div", {
-			ref_key: "flowChart",
-			ref: B,
-			class: ve(`vue-data-ui-component vue-ui-flow ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: M(`font-family:${U.value.style.fontFamily};width:100%; text-align:center;background:${U.value.style.chart.backgroundColor}`),
-			id: `flow_${z.value}`,
-			onMouseenter: n[2] ||= () => I(Mt)(!0),
-			onMouseleave: n[3] ||= () => {
-				I(Mt)(!1), St.value || en();
-			}
-		}, [
-			O("div", {
-				id: `chart-instructions-${z.value}`,
-				class: "sr-only"
-			}, [O("p", null, Se(U.value.a11y.translations.keyboardNavigation), 1)], 8, De),
-			cn.value?.rows?.length ? (N(), T(oe, {
-				key: 0,
-				uid: z.value,
-				head: cn.value.headers,
-				body: cn.value.rows,
-				notice: U.value.a11y.translations.tableAvailable,
-				caption: U.value.a11y.translations.tableCaption
-			}, null, 8, [
-				"uid",
-				"head",
-				"body",
-				"notice",
-				"caption"
-			])) : E("", !0),
-			U.value.userOptions.buttons.annotator ? (N(), T(I(Xe), {
-				key: 1,
-				svgRef: I(G),
-				backgroundColor: U.value.style.chart.backgroundColor,
-				color: U.value.style.chart.color,
-				active: pn.value,
-				onClose: mn,
-				isCursorPointer: W.value
-			}, {
-				"annotator-action-close": L(() => [F(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": L(({ color: t }) => [F(e.$slots, "annotator-action-color", j(A({ color: t })), void 0, !0)]),
-				"annotator-action-draw": L(({ mode: t }) => [F(e.$slots, "annotator-action-draw", j(A({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": L(({ disabled: t }) => [F(e.$slots, "annotator-action-undo", j(A({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": L(({ disabled: t }) => [F(e.$slots, "annotator-action-redo", j(A({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": L(({ disabled: t }) => [F(e.$slots, "annotator-action-delete", j(A({ disabled: t })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"svgRef",
-				"backgroundColor",
-				"color",
-				"active",
-				"isCursorPointer"
-			])) : E("", !0),
-			Vt.value ? (N(), D("div", Oe, null, 512)) : E("", !0),
-			U.value.style.chart.title.text ? (N(), D("div", {
-				key: 3,
-				ref_key: "chartTitle",
-				ref: lt,
-				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(N(), T(C, {
-				key: `title_${at.value}`,
-				config: {
-					title: {
-						cy: "flow-title",
-						...U.value.style.chart.title
-					},
-					subtitle: {
-						cy: "flow-subtitle",
-						...U.value.style.chart.title.subtitle
-					}
-				}
-			}, null, 8, ["config"]))], 512)) : E("", !0),
-			O("div", { id: `legend-top-${z.value}` }, null, 8, ke),
-			U.value.userOptions.show && Ct.value && (I(Nt) || I(jt)) ? (N(), T(I(Ze), {
-				ref_key: "userOptionsRef",
-				ref: ht,
-				key: `user_option_${it.value}`,
-				backgroundColor: U.value.style.chart.backgroundColor,
-				color: U.value.style.chart.color,
-				isPrinting: I(Lt),
-				isImaging: I(Rt),
-				uid: z.value,
-				hasPdf: U.value.userOptions.buttons.pdf,
-				hasXls: U.value.userOptions.buttons.csv,
-				hasImg: U.value.userOptions.buttons.img,
-				hasSvg: U.value.userOptions.buttons.svg,
-				hasTable: U.value.userOptions.buttons.table,
-				callbacks: U.value.userOptions.callbacks,
-				hasFullscreen: U.value.userOptions.buttons.fullscreen,
-				hasAltCopy: U.value.userOptions.buttons.altCopy,
-				isFullscreen: H.value,
-				titles: { ...U.value.userOptions.buttonTitles },
-				chartElement: B.value,
-				position: U.value.userOptions.position,
-				hasAnnotator: U.value.userOptions.buttons.annotator,
-				printScale: U.value.userOptions.print.scale,
-				isAnnotation: pn.value,
-				hasTooltip: U.value.style.chart.tooltip.show && U.value.userOptions.buttons.tooltip,
-				isTooltip: K.value.showTooltip,
-				tableDialog: U.value.table.useDialog,
-				isCursorPointer: W.value,
-				onToggleTooltip: hn,
-				onToggleFullscreen: wt,
-				onGeneratePdf: I(zt),
-				onGenerateCsv: sn,
-				onGenerateImage: kn,
-				onGenerateSvg: On,
-				onToggleTable: fn,
-				onToggleAnnotator: mn,
-				onCopyAlt: An,
-				style: M({ visibility: I(Nt) ? I(jt) ? "visible" : "hidden" : "visible" })
-			}, pe({ _: 2 }, [
-				e.$slots.menuIcon ? {
-					name: "menuIcon",
-					fn: L(({ isOpen: t, color: n }) => [F(e.$slots, "menuIcon", j(A({
-						isOpen: t,
-						color: n
-					})), void 0, !0)]),
-					key: "0"
-				} : void 0,
-				e.$slots.optionTooltip ? {
-					name: "optionTooltip",
-					fn: L(() => [F(e.$slots, "optionTooltip", {}, void 0, !0)]),
-					key: "1"
-				} : void 0,
-				e.$slots.optionPdf ? {
-					name: "optionPdf",
-					fn: L(() => [F(e.$slots, "optionPdf", {}, void 0, !0)]),
-					key: "2"
-				} : void 0,
-				e.$slots.optionCsv ? {
-					name: "optionCsv",
-					fn: L(() => [F(e.$slots, "optionCsv", {}, void 0, !0)]),
-					key: "3"
-				} : void 0,
-				e.$slots.optionImg ? {
-					name: "optionImg",
-					fn: L(() => [F(e.$slots, "optionImg", {}, void 0, !0)]),
-					key: "4"
-				} : void 0,
-				e.$slots.optionSvg ? {
-					name: "optionSvg",
-					fn: L(() => [F(e.$slots, "optionSvg", {}, void 0, !0)]),
-					key: "5"
-				} : void 0,
-				e.$slots.optionTable ? {
-					name: "optionTable",
-					fn: L(() => [F(e.$slots, "optionTable", {}, void 0, !0)]),
-					key: "6"
-				} : void 0,
-				e.$slots.optionFullscreen ? {
-					name: "optionFullscreen",
-					fn: L(({ toggleFullscreen: t, isFullscreen: n }) => [F(e.$slots, "optionFullscreen", j(A({
-						toggleFullscreen: t,
-						isFullscreen: n
-					})), void 0, !0)]),
-					key: "7"
-				} : void 0,
-				e.$slots.optionAnnotator ? {
-					name: "optionAnnotator",
-					fn: L(({ toggleAnnotator: t, isAnnotator: n }) => [F(e.$slots, "optionAnnotator", j(A({
-						toggleAnnotator: t,
-						isAnnotator: n
-					})), void 0, !0)]),
-					key: "8"
-				} : void 0,
-				e.$slots.optionAltCopy ? {
-					name: "optionAltCopy",
-					fn: L(({ altCopy: t }) => [F(e.$slots, "optionAltCopy", j(A({ altCopy: t })), void 0, !0)]),
-					key: "9"
-				} : void 0,
-				e.$slots["custom-menu-before"] ? {
-					name: "custom-menu-before",
-					fn: L(() => [F(e.$slots, "custom-menu-before", {}, void 0, !0)]),
-					key: "10"
-				} : void 0,
-				e.$slots["custom-menu-after"] ? {
-					name: "custom-menu-after",
-					fn: L(() => [F(e.$slots, "custom-menu-after", {}, void 0, !0)]),
-					key: "11"
-				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.callbacks.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.printScale.isAnnotation.hasTooltip.isTooltip.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : E("", !0),
-			O("div", Ae, [(N(), D("svg", {
-				ref_key: "svgRef",
-				ref: G,
-				xmlns: I(p),
-				"aria-describedby": `chart-instructions-${z.value}`,
-				viewBox: `0 0 ${Xt.value.width} ${Xt.value.height}`,
-				class: ve({
-					"vue-data-ui-fullscreen--on": H.value,
-					"vue-data-ui-fulscreen--off": !H.value
-				}),
-				style: M({
-					maxWidth: "100%",
-					overflow: "visible",
-					background: "transparent",
-					color: U.value.style.chart.color
-				}),
-				tabindex: "0",
-				onFocus: Pn,
-				onBlur: Fn,
-				onKeydown: In
-			}, [
-				he(I(Qe)),
-				e.$slots["chart-background"] ? (N(), D("foreignObject", {
-					key: 0,
-					x: 0,
-					y: 0,
-					width: Xt.value.width,
-					height: Xt.value.height,
-					style: { pointerEvents: "none" }
-				}, [F(e.$slots, "chart-background", {}, void 0, !0)], 8, Me)) : E("", !0),
-				O("defs", null, [(N(!0), D(de, null, be(q.value.links, (e, t) => (N(), D("linearGradient", {
-					id: e.id,
-					x1: "0%",
-					y1: "0%",
-					x2: "100%",
-					y2: "0%"
-				}, [O("stop", {
-					offset: "0%",
-					"stop-color": e.sourceColor
-				}, null, 8, Pe), O("stop", {
-					offset: "100%",
-					"stop-color": e.targetColor
-				}, null, 8, Fe)], 8, Ne))), 256))]),
-				(N(!0), D(de, null, be(q.value.links, (e) => (N(), D("path", {
-					class: "vue-ui-flow-link",
-					d: e.path,
-					"stroke-linejoin": "round",
-					"stroke-miterlimit": "1",
-					fill: `url(#${e.id})`,
-					stroke: U.value.style.chart.links.stroke,
-					"stroke-width": U.value.style.chart.links.strokeWidth,
-					style: M(`
-                        opacity:${J.value ? J.value.includes(e.source) && J.value.includes(e.target) ? 1 : .3 : Y.value ? [e.target, e.source].includes(Y.value) ? 1 : .3 : U.value.style.chart.links.opacity}
-                    `)
-				}, null, 12, Ie))), 256)),
-				(N(!0), D(de, null, be(q.value.nodes, (e, n) => (N(), D("rect", {
-					"data-a11y-node-id": e.id,
-					class: "vue-ui-flow-node",
-					x: e.x,
-					y: I(m)(e.absoluteY) + U.value.style.chart.padding.top,
-					height: I(m)(e.height),
-					width: Ut.value,
-					fill: e.color,
-					stroke: U.value.style.chart.nodes.stroke,
-					"stroke-width": U.value.style.chart.nodes.strokeWidth,
-					rx: U.value.style.chart.nodes.borderRadius,
-					style: M({
-						opacity: J.value ? J.value.includes(e.name) ? 1 : .3 : 1,
-						outline: $t.value !== null && $t.value === e.id ? "2px solid currentColor" : void 0
-					}),
-					"aria-label": `${e.name}: ${I(l)(U.value.style.chart.nodes.labels.formatter, e.value, I(t)({
-						p: U.value.style.chart.nodes.labels.prefix,
-						v: e.value,
-						s: U.value.style.chart.nodes.labels.suffix,
-						r: U.value.style.chart.nodes.labels.rounding
-					}))}`,
-					onMouseenter: (t) => nn(e, n, "pointer", un.value.get(e.id)),
-					onMouseleave: (e) => rn(n),
-					onClick: (e) => an(n)
-				}, null, 44, Le))), 256)),
-				U.value.style.chart.nodes.labels.show ? (N(), D("g", Re, [(N(!0), D(de, null, be(q.value.nodes, (e, t) => (N(), D("text", {
-					x: e.x + Ut.value / 2,
-					y: (U.value.style.chart.nodes.labels.showValue ? I(m)(e.absoluteY + e.height / 2 - U.value.style.chart.nodes.labels.fontSize / 4) : e.absoluteY + e.height / 2 + U.value.style.chart.nodes.labels.fontSize / 3) + U.value.style.chart.padding.top,
-					"font-size": U.value.style.chart.nodes.labels.fontSize,
-					fill: I(f)(e.color),
-					"text-anchor": "middle",
-					style: M(`pointer-events: none; opacity:${J.value ? +!!J.value.includes(e.name) : 1}`)
-				}, Se(U.value.style.chart.nodes.labels.abbreviation.use ? I(u)({
-					source: e.name,
-					length: U.value.style.chart.nodes.labels.abbreviation.length
-				}) : e.name), 13, ze))), 256)), U.value.style.chart.nodes.labels.showValue ? (N(!0), D(de, { key: 0 }, be(q.value.nodes, (e, n) => (N(), D("text", {
-					x: e.x + Ut.value / 2,
-					y: I(m)(e.absoluteY + e.height / 2 + U.value.style.chart.nodes.labels.fontSize / 1.3) + U.value.style.chart.padding.top,
-					"font-size": U.value.style.chart.nodes.labels.fontSize,
-					fill: I(f)(e.color),
-					"text-anchor": "middle",
-					style: M(`pointer-events: none; opacity:${J.value ? +!!J.value.includes(e.name) : 1}`)
-				}, Se(I(l)(U.value.style.chart.nodes.labels.formatter, e.value, I(t)({
-					p: U.value.style.chart.nodes.labels.prefix,
-					v: e.value,
-					s: U.value.style.chart.nodes.labels.suffix,
-					r: U.value.style.chart.nodes.labels.rounding
-				}), {
-					datapoint: e,
-					seriesIndex: n
-				})), 13, Be))), 256)) : E("", !0)])) : E("", !0),
-				F(e.$slots, "svg", { svg: {
-					...Xt.value,
-					isPrintingImg: I(Lt) || I(Rt) || _t.value,
-					isPrintingSvg: vt.value
-				} }, void 0, !0)
-			], 46, je)), e.$slots.hint ? (N(), D("div", Ve, [F(e.$slots, "hint", j(A({
-				hint: U.value.a11y.translations.keyboardNavigation,
-				isVisible: St.value
-			})), void 0, !0)])) : E("", !0)]),
-			e.$slots.watermark ? (N(), D("div", He, [F(e.$slots, "watermark", j(A({ isPrinting: I(Lt) || I(Rt) || _t.value || vt.value })), void 0, !0)])) : E("", !0),
-			O("div", { id: `legend-bottom-${z.value}` }, null, 8, Ue),
-			pt.value && (U.value.style.chart.legend.show || e.$slots.legend) ? (N(), T(fe, {
-				key: 6,
-				to: U.value.style.chart.legend.position === "top" ? `#legend-top-${z.value}` : `#legend-bottom-${z.value}`
-			}, [O("div", {
-				ref_key: "chartLegend",
-				ref: ct
-			}, [F(e.$slots, "legend", { legend: gn.value }, () => [U.value.style.chart.legend.show && _n.value.length ? (N(), T(le, {
-				key: 0,
-				legendSet: _n.value,
-				config: yn.value,
-				isCursorPointer: W.value,
-				onClickMarker: n[0] ||= (e) => vn(e)
-			}, {
-				item: L(({ legend: e, index: t }) => [I(Et) ? E("", !0) : (N(), D("div", {
-					key: 0,
-					onClick: (t) => e.segregate(),
-					style: M(`opacity:${$.value.length ? $.value.includes(t) ? 1 : .5 : 1}`)
-				}, Se(e.display), 13, We))]),
-				_: 1
-			}, 8, [
-				"legendSet",
-				"config",
-				"isCursorPointer"
-			])) : E("", !0)], !0)], 512)], 8, ["to"])) : E("", !0),
-			e.$slots.source ? (N(), D("div", {
-				key: 7,
-				ref_key: "source",
-				ref: ut,
-				dir: "auto"
-			}, [F(e.$slots, "source", {}, void 0, !0)], 512)) : E("", !0),
-			he(I(Ke), {
-				ref_key: "tooltip",
-				ref: gt,
-				teleportTo: U.value.style.chart.tooltip.teleportTo,
-				show: K.value.showTooltip && ot.value,
-				backgroundColor: U.value.style.chart.tooltip.backgroundColor,
-				color: U.value.style.chart.tooltip.color,
-				fontSize: U.value.style.chart.tooltip.fontSize,
-				borderRadius: U.value.style.chart.tooltip.borderRadius,
-				borderColor: U.value.style.chart.tooltip.borderColor,
-				borderWidth: U.value.style.chart.tooltip.borderWidth,
-				backgroundOpacity: U.value.style.chart.tooltip.backgroundOpacity,
-				position: U.value.style.chart.tooltip.position,
-				offsetX: U.value.style.chart.tooltip.offsetX,
-				offsetY: U.value.style.chart.tooltip.offsetY,
-				parent: B.value,
-				content: st.value,
-				isCustom: Qt.value,
-				isFullscreen: H.value,
-				smooth: U.value.style.chart.tooltip.smooth,
-				backdropFilter: U.value.style.chart.tooltip.backdropFilter,
-				smoothForce: U.value.style.chart.tooltip.smoothForce,
-				smoothSnapThreshold: U.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: xt.value === "keyboard",
-				a11yPosition: bt.value
-			}, {
-				"tooltip-before": L(() => [F(e.$slots, "tooltip-before", j(A({ ...X.value })), void 0, !0)]),
-				tooltip: L(() => [F(e.$slots, "tooltip", j(A({ ...X.value })), void 0, !0)]),
-				"tooltip-after": L(() => [F(e.$slots, "tooltip-after", j(A({ ...X.value })), void 0, !0)]),
-				_: 3
-			}, 8, [
-				"teleportTo",
-				"show",
-				"backgroundColor",
-				"color",
-				"fontSize",
-				"borderRadius",
-				"borderColor",
-				"borderWidth",
-				"backgroundOpacity",
-				"position",
-				"offsetX",
-				"offsetY",
-				"parent",
-				"content",
-				"isCustom",
-				"isFullscreen",
-				"smooth",
-				"backdropFilter",
-				"smoothForce",
-				"smoothSnapThreshold",
-				"isA11yMode",
-				"a11yPosition"
-			]),
-			Ct.value && U.value.userOptions.buttons.table ? (N(), T(xe(xn.value.component), ge({ key: 8 }, xn.value.props, {
-				ref_key: "tableUnit",
-				ref: mt,
-				onClose: Sn
-			}), pe({
-				content: L(() => [he(I(Ye), {
-					colNames: Z.value.colNames,
-					head: Z.value.head,
-					body: Z.value.body,
-					config: Z.value.config,
-					title: U.value.table.useDialog ? "" : xn.value.title,
-					withCloseButton: !U.value.table.useDialog,
-					isCursorPointer: W.value,
-					onClose: Sn
-				}, {
-					th: L(({ th: e }) => [O("div", {
-						innerHTML: e,
-						style: {
-							display: "flex",
-							"align-items": "center"
-						}
-					}, null, 8, Ge)]),
-					td: L(({ td: e }) => [me(Se(e.name || e), 1)]),
-					_: 1
-				}, 8, [
-					"colNames",
-					"head",
-					"body",
-					"config",
-					"title",
-					"withCloseButton",
-					"isCursorPointer"
-				])]),
-				_: 2
-			}, [U.value.table.useDialog ? {
-				name: "title",
-				fn: L(() => [me(Se(xn.value.title), 1)]),
-				key: "0"
-			} : void 0, U.value.table.useDialog ? {
-				name: "actions",
-				fn: L(() => [O("button", {
-					tabindex: "0",
-					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => sn(U.value.userOptions.callbacks.csv),
-					style: M({ cursor: W.value ? "pointer" : "default" })
-				}, [he(I(qe), {
-					name: "fileCsv",
-					stroke: xn.value.props.color
-				}, null, 8, ["stroke"])], 4)]),
-				key: "1"
-			} : void 0]), 1040)) : E("", !0),
-			F(e.$slots, "skeleton", {}, () => [I(Et) ? (N(), T(b, { key: 0 })) : E("", !0)], !0)
-		], 46, Ee));
-	}
-}, [["__scopeId", "data-v-bab66b99"]]);
-//#endregion
-export { Te as n, Ke as t };