vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-flow-BYYyk5KL.js → vue-ui-flow-CJh6f72m.js}

@@ -1,21 +1,21 @@
-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 { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Ct as n, Et as r, G as i, H as a, J as o, Rt as s, S as c, X as l, i as u, n as d, pt as f, r as p, t as m, v as h, x as g, y as _ } from "./lib-DUeYQsS0.js";
+import { t as ee } from "./useConfig-DAyQk86L.js";
+import { t as v } from "./usePrinter-C1Gqt_Sp.js";
+import { n as y, t as b } from "./BaseScanner-Dr2a1Msy.js";
+import { t as x } from "./useSvgExport-SVIsDot8.js";
+import { t as S } from "./useNestedProp-CNcoy38D.js";
+import { t as te } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ne } from "./img-1cKsci8e.js";
+import { n as C } from "./Title-NWp4qB4K.js";
+import { t as re } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ie } from "./canvas-lib-BOP_HS11.js";
+import { t as ae } from "./useResponsive-BfnK0KxU.js";
+import { t as oe } from "./A11yDataTable-BCbtxMU6.js";
+import { t as se } from "./useUserOptionState-DK-_1ddE.js";
+import { t as ce } from "./useChartAccessibility-DYqac8yF.js";
+import { t as le } from "./Legend-Cz2uQ5gs.js";
+import { t as ue } from "./vue_ui_flow-BewZjjKG.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 = {
@@ -87,7 +87,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 	},
 	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({
+		let Ke = k(() => import("./Tooltip-BENq327o.js")), qe = k(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), Ye = k(() => import("./DataTable-B--IN22e.js")), Xe = k(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_flow: et } = ee(), { isThemeValid: tt, warnInvalidTheme: nt } = te(), R = e, rt = Te, z = P(a()), 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);
@@ -98,7 +98,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 		function wt(e) {
 			H.value = e, it.value += 1;
 		}
-		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => _({
+		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -163,17 +163,17 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: _({
+			skeletonConfig: t({
 				defaultConfig: U.value,
 				userConfig: Tt.value
 			})
 		}), kt = w(() => !!U.value.debug);
 		function At() {
-			if (o(R.dataset) && (c({
+			if (n(R.dataset) && (l({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: kt.value
-			}), Ot.value = !0), o(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
+			}), Ot.value = !0), n(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
 				let e = ie(() => {
 					let { width: e, height: t } = ae({
 						chart: B.value,
@@ -196,16 +196,16 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			}), t = e, n = e.theme;
 			if (n) if (!tt.value(e)) nt(e), t = e;
 			else {
-				let r = S({
+				let i = S({
 					userConfig: ue[n] || R.config,
 					defaultConfig: e
 				});
 				t = {
 					...S({
 						userConfig: R.config,
-						defaultConfig: r
+						defaultConfig: i
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : i[n] || s
+					customPalette: e.customPalette.length ? e.customPalette : s[n] || r
 				};
 			}
 			else t = e;
@@ -221,7 +221,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			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({
+		}), Vt = w(() => U.value.userOptions.show && !U.value.style.chart.title.text), Ht = w(() => g(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
 		});
@@ -234,20 +234,20 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 		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]
+			h(e[2]),
+			e[3] ? _(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || r[t] || r[t % r.length]
 		]));
 		function Gt(e) {
-			let t = {}, r = {};
-			function i(e, i) {
+			let t = {}, n = {};
+			function i(e, r) {
 				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);
+					uid: a()
+				}), t[e].level === null && (t[e].level = r), n[r] || (n[r] = []), n[r].includes(e) || n[r].push(e);
 			}
 			e.forEach(([e, n, r]) => {
 				let a = t[e]?.level ?? 0, o = a + 1;
@@ -256,24 +256,24 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					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 = {};
+			let o = new Set(e.map(([e]) => e)), s = new Set(e.map(([, e]) => e)), c = Array.from(o).filter((e) => !s.has(e)), l = {};
 			c.forEach((e, t) => {
-				l[e] = Ht.value[t] || s[t % s.length];
+				l[e] = Ht.value[t] || r[t % r.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];
+				let i = U.value.nodeCategories?.[e], a = i ? U.value.nodeCategoryColors?.[i] : null;
+				t[e].color = u[e] || a || (c.includes(e) ? l[e] : null) || r[n % r.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);
+			let d = Jt.value, f = Yt.value.width, p = Yt.value.height, m = Object.keys(n).map(Number).sort((e, t) => e - t), g = m.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;
+				let r = n[e], i = r.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);
+				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 = r.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) {
@@ -286,21 +286,21 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				}
 				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] = {
+			let x = m.map(b), S = x.length ? Math.min(...x) : 0, te = {};
+			m.forEach((e) => {
+				let r = n[e], i = r.length, o = Math.max(0, (i - 1) * v), s = Math.max(0, p - o), c = Math.min(y, i ? s / i : 0), l = r.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);
+				r.forEach((n, r) => {
+					let o = l[r], s = d.left + e * _, c = f;
+					te[n] = {
 						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);
+						i: r,
+						color: t[n].color,
+						value: t[n].value,
+						id: a()
+					}, f += o, r < i - 1 && (f += v);
 				});
 			});
 			let ne = [], C = d.top, re = {}, ie = {};
@@ -308,31 +308,31 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				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;
+			return m.forEach((e) => {
+				n[e].forEach((e) => {
+					let n = t[e], r = te[e];
+					if (!n.children || !n.children.length) return;
+					let i = r.y;
+					n.children.forEach(({ target: o, value: s }) => {
+						let c = te[o], l = t[o], u = n.outflow > 0 ? s / n.outflow : 0, d = l.inflow > 0 ? s / l.inflow : 0, f = h(i + C), p = h(i + u * r.height + C), m = re[o], g = m + 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;
+						let y = h(m + C), b = h(g + C), x = h(r.x + ee), S = h(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;
+							let e = S - x, t = h(x + e * oe), n = h(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(),
+							id: a(),
 							source: e,
 							target: o,
 							path: se,
 							value: s,
-							sourceColor: r.color,
+							sourceColor: n.color,
 							targetColor: t[o].color
-						}), a = p - C, re[o] = g;
+						}), i = p - C, re[o] = g;
 					});
 				});
 			}), {
@@ -376,17 +376,17 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				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), _ = {};
+		function nn(e, t, n = "pointer", r = null) {
+			$.value = [], J.value = Zt(e.name), Y.value = e.name, $t.value = e.id, xt.value = n, yt.value = r, V.value = e.id;
+			let a = e.name, o = Wt.value, s = 0, c = 0, l = [], d = [], 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({
+				t === a && (s += n, l.push({
 					source: e,
 					value: n,
 					color: _[e]
-				})), e === a && (c += n, f.push({
+				})), e === a && (c += n, d.push({
 					target: t,
 					value: n,
 					color: _[t]
@@ -396,22 +396,22 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				name: a,
 				inflow: s,
 				outflow: c,
-				from: u,
-				to: f,
+				from: l,
+				to: d,
 				percentOfTotal: ee,
 				color: _[a] || "#000000"
 			};
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
 				datapoint: v,
-				seriesIndex: n
+				seriesIndex: t
 			}), X.value = {
 				datapoint: v,
 				config: U.value,
-				seriesIndex: n,
+				seriesIndex: t,
 				series: q.value
 			}, ot.value = !0;
 			let y = "", b = U.value.style.chart.tooltip.customFormat;
-			if (Qt.value = !1, d(b)) try {
+			if (Qt.value = !1, f(b)) try {
 				let e = b({
 					datapoint: v,
 					series: q.value,
@@ -422,21 +422,21 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				console.warn("Custom format cannot be applied.");
 			}
 			if (!Qt.value) {
-				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${t({
+				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${i({
 					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({
+					y += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${u(U.value.style.chart.nodes.labels.formatter, e.value, i({
 						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({
+					y += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${u(U.value.style.chart.nodes.labels.formatter, e.value, i({
 						p: U.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
@@ -444,7 +444,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					}))}</div>`;
 				})), st.value = y;
 			}
-			r === "keyboard" && _e(() => {
+			n === "keyboard" && _e(() => {
 				tn(e.id);
 			});
 		}
@@ -475,7 +475,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					[e.source],
 					[e.target],
 					[e.value]
-				]), n = a([
+				]), n = c([
 					[U.value.style.chart.title.text],
 					[U.value.style.chart.title.subtitle.text],
 					[
@@ -484,7 +484,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 						[U.value.table.columnNames.value]
 					]
 				].concat(t));
-				e ? e(n) : r({
+				e ? e(n) : o({
 					csvContent: n,
 					title: U.value.style.chart.title.text || "vue-ui-flow"
 				});
@@ -495,7 +495,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				U.value.table.columnNames.source,
 				U.value.table.columnNames.target,
 				U.value.table.columnNames.value
-			], n = on.value.map((e, n) => [
+			], t = on.value.map((e, t) => [
 				{
 					color: e.sourceColor,
 					name: e.source,
@@ -506,13 +506,13 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					name: e.target,
 					shape: "square"
 				},
-				t({
+				i({
 					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 = {
+			]), n = {
 				th: {
 					backgroundColor: U.value.table.th.backgroundColor,
 					color: U.value.table.th.color,
@@ -532,8 +532,8 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					U.value.table.columnNames.value
 				],
 				head: e,
-				body: n,
-				config: r
+				body: t,
+				config: n
 			};
 		}), cn = w(() => ({
 			headers: Z.value?.colNames ?? [],
@@ -542,7 +542,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			...e,
 			index: t,
 			centerX: e.x + Ut.value / 2,
-			centerY: m(e.absoluteY) + U.value.style.chart.padding.top + e.height / 2
+			centerY: h(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) => {
@@ -577,7 +577,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			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],
+				color: U.value.nodeCategoryColors[e] || r[0],
 				shape: "square",
 				count: q.value.nodes.filter((t) => (U.value.nodeCategories[t.name] || "__uncategorized__") === e).length
 			})).map((e, t) => {
@@ -794,14 +794,14 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			unselectNode: rn,
 			toggleFullscreen: wt,
 			copyAlt: An
-		}), (e, n) => (N(), D("div", {
+		}), (e, t) => (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] ||= () => {
+			onMouseenter: t[2] ||= () => I(Mt)(!0),
+			onMouseleave: t[3] ||= () => {
 				I(Mt)(!1), St.value || en();
 			}
 		}, [
@@ -978,7 +978,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			O("div", Ae, [(N(), D("svg", {
 				ref_key: "svgRef",
 				ref: G,
-				xmlns: I(p),
+				xmlns: I(m),
 				"aria-describedby": `chart-instructions-${z.value}`,
 				viewBox: `0 0 ${Xt.value.width} ${Xt.value.height}`,
 				class: ve({
@@ -1030,12 +1030,12 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
                         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", {
+				(N(!0), D(de, null, be(q.value.nodes, (e, t) => (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),
+					y: I(h)(e.absoluteY) + U.value.style.chart.padding.top,
+					height: I(h)(e.height),
 					width: Ut.value,
 					fill: e.color,
 					stroke: U.value.style.chart.nodes.stroke,
@@ -1045,41 +1045,41 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 						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)({
+					"aria-label": `${e.name}: ${I(u)(U.value.style.chart.nodes.labels.formatter, e.value, I(i)({
 						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)
+					onMouseenter: (n) => nn(e, t, "pointer", un.value.get(e.id)),
+					onMouseleave: (e) => rn(t),
+					onClick: (e) => an(t)
 				}, 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,
+					y: (U.value.style.chart.nodes.labels.showValue ? I(h)(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),
+					fill: I(p)(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)({
+				}, Se(U.value.style.chart.nodes.labels.abbreviation.use ? I(d)({
 					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", {
+				}) : e.name), 13, ze))), 256)), U.value.style.chart.nodes.labels.showValue ? (N(!0), D(de, { key: 0 }, be(q.value.nodes, (e, t) => (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,
+					y: I(h)(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),
+					fill: I(p)(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)({
+				}, Se(I(u)(U.value.style.chart.nodes.labels.formatter, e.value, I(i)({
 					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
+					seriesIndex: t
 				})), 13, Be))), 256)) : E("", !0)])) : E("", !0),
 				F(e.$slots, "svg", { svg: {
 					...Xt.value,
@@ -1103,7 +1103,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				legendSet: _n.value,
 				config: yn.value,
 				isCursorPointer: W.value,
-				onClickMarker: n[0] ||= (e) => vn(e)
+				onClickMarker: t[0] ||= (e) => vn(e)
 			}, {
 				item: L(({ legend: e, index: t }) => [I(Et) ? E("", !0) : (N(), D("div", {
 					key: 0,
@@ -1219,7 +1219,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				fn: L(() => [O("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: n[1] ||= (e) => sn(U.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => sn(U.value.userOptions.callbacks.csv),
 					style: M({ cursor: W.value ? "pointer" : "default" })
 				}, [he(I(qe), {
 					name: "fileCsv",