vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-flow-CRhh8SSN.js → vue-ui-flow-j4bDg9Zd.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Ct as n, D as r, Lt as i, Pt as a, S as o, X as s, Yt as c, Z as l, Zt as u, b as d, i as f, n as p, nt as m, q as ee, r as h, t as g, w as te } from "./lib-Dql7cqyA.js";
+import { $ as t, $t as n, D as r, Et as i, Rt as a, S as o, Vt as s, X as c, at as l, b as u, et as d, i as f, n as ee, nt as p, r as m, t as h, tn as g, w as te } from "./lib-DOpaUOQx.js";
 import { n as _, t as v } from "./useHints-Dq_w2E8B.js";
-import { t as ne } from "./useConfig-D32D002m.js";
-import { t as y } from "./usePrinter-hohanNCX.js";
-import { n as b, t as x } from "./BaseScanner-Dzc8VT3j.js";
-import { t as re } from "./useNestedProp-Chvyfpl-.js";
+import { t as y } from "./useConfig-C2uy4ltq.js";
+import { t as b } from "./usePrinter-BBBooAGP.js";
+import { n as x, t as ne } from "./BaseScanner-Dzc8VT3j.js";
+import { t as re } from "./useNestedProp-Bux0f4iY.js";
 import { t as S } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ie } from "./useChartExport-iwOqiIWX.js";
-import { t as ae } from "./img-BkMKbWsI.js";
-import { n as oe } from "./Title-CPHi-evi.js";
+import { t as ae } from "./img-W50sC9SC.js";
+import { n as oe } from "./Title-DeqmC-vN.js";
 import { t as se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ce, t as le } from "./useResponsive-ZtArZtUf.js";
 import { t as ue } from "./A11yDataTable-DdRsVULz.js";
 import { t as de } from "./useUserOptionState-DK-_1ddE.js";
 import { t as fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as pe } from "./Legend-X4kF4PvW.js";
+import { t as pe } from "./Legend-C0Ln0VNe.js";
 import { t as me } from "./vue_ui_flow-BewZjjKG.js";
 import { Fragment as he, Teleport as ge, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createSlots as _e, createTextVNode as ve, createVNode as ye, defineAsyncComponent as O, guardReactiveProps as k, mergeProps as be, nextTick as xe, normalizeClass as Se, normalizeProps as A, normalizeStyle as j, onMounted as Ce, openBlock as M, ref as N, renderList as we, renderSlot as P, resolveDynamicComponent as Te, toDisplayString as F, toRefs as Ee, unref as I, watch as De, withCtx as L } from "vue";
 //#region src/components/vue-ui-flow.vue
@@ -90,7 +90,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: se, emit: Oe }) {
-		let Ye = O(() => import("./Tooltip-hhrkQ3Lk.js")), Xe = O(() => import("./BaseIcon-D8R6_sKH.js").then((e) => e.n)), Ze = O(() => import("./vue-ui-accordion-DmkL8A59.js").then((e) => e.n)), Qe = O(() => import("./DataTable-oiM9uWrQ.js")), $e = O(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), et = O(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), tt = O(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), nt = O(() => import("./BaseDraggableDialog-Gm4Q30j0.js").then((e) => e.n)), { vue_ui_flow: rt } = ne(), { isThemeValid: it, warnInvalidTheme: at } = S(), R = e, ot = Oe, z = N(ee()), B = N(null), st = N(0), ct = N(0), lt = N(!1), ut = N(""), dt = N(null), ft = N(null), pt = N(null), mt = N(null), ht = N(null), gt = N(!1), _t = N(null), vt = N(null), yt = N(null), bt = N(null), V = N(null), xt = N({
+		let Ye = O(() => import("./Tooltip-DZ4a3XJQ.js")), Xe = O(() => import("./BaseIcon-Dlz7gfx0.js").then((e) => e.n)), Ze = O(() => import("./vue-ui-accordion-yHZMJLaY.js").then((e) => e.n)), Qe = O(() => import("./DataTable-BD1eZ0zB.js")), $e = O(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), et = O(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), tt = O(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), nt = O(() => import("./BaseDraggableDialog-Ck6R5Q0K.js").then((e) => e.n)), { vue_ui_flow: rt } = y(), { isThemeValid: it, warnInvalidTheme: at } = S(), R = e, ot = Oe, z = N(c()), B = N(null), st = N(0), ct = N(0), lt = N(!1), ut = N(""), dt = N(null), ft = N(null), pt = N(null), mt = N(null), ht = N(null), gt = N(!1), _t = N(null), vt = N(null), yt = N(null), bt = N(null), V = N(null), xt = N({
 			x: 0,
 			y: 0
 		}), St = N("pointer"), Ct = N(!1), wt = C(() => !!R.dataset && R.dataset.length);
@@ -108,7 +108,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			component: "VueUiFlow",
 			rules: [v.emptyArray, v.noHint]
 		});
-		let Dt = C(() => U.value.userOptions.useCursorPointer), Ot = C(() => u({
+		let Dt = C(() => U.value.userOptions.useCursorPointer), Ot = C(() => g({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -131,7 +131,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				} }
 			},
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: kt, FINAL_DATASET: At, manualLoading: jt } = b({
+		})), { loading: kt, FINAL_DATASET: At, manualLoading: jt } = x({
 			...Ee(R),
 			FINAL_CONFIG: U,
 			prepareConfig: Lt,
@@ -173,13 +173,13 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: u({
+			skeletonConfig: g({
 				defaultConfig: U.value,
 				userConfig: Ot.value
 			})
 		}), Mt = C(() => U.value.debug);
 		function Nt() {
-			if (a(R.dataset) && (m({
+			if (a(R.dataset) && (l({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: Mt.value
@@ -203,20 +203,20 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			let e = re({
 				userConfig: R.config,
 				defaultConfig: rt
-			}), t = e, n = e.theme;
-			if (n) {
+			}), t = e, r = e.theme;
+			if (r) {
 				if (!it.value(e)) at(e), t = e;
 				else {
-					let r = re({
-						userConfig: me[n] || R.config,
+					let i = re({
+						userConfig: me[r] || R.config,
 						defaultConfig: e
 					});
 					t = {
 						...re({
 							userConfig: R.config,
-							defaultConfig: r
+							defaultConfig: i
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : c[n] || i
+						customPalette: e.customPalette.length ? e.customPalette : n[r] || s
 					};
 				}
 			} else t = e;
@@ -224,7 +224,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		}
 		let Rt = N(K.value.width), zt = N(K.value.height);
 		function Bt(e) {
-			let t = l(e);
+			let t = d(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
 		let Vt = Bt(R.config);
@@ -240,7 +240,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		}, { deep: !0 }), De(() => R.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (jt.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Ht, isImaging: Ut, generatePdf: Wt, generateImage: Gt } = y({
+		let { isPrinting: Ht, isImaging: Ut, generatePdf: Wt, generateImage: Gt } = b({
 			elementId: `flow_${z.value}`,
 			fileName: K.value.title.text || "vue-ui-flow",
 			options: U.value.userOptions.print
@@ -257,8 +257,8 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		let Yt = C(() => !At.value || !At.value.length ? [] : At.value.map((e, t) => [
 			e[0],
 			e[1],
-			d(e[2]),
-			e[3] ? o(e[3]) : qt.value[t] || qt.value[t % qt.value.length] || i[t] || i[t % i.length]
+			u(e[2]),
+			e[3] ? o(e[3]) : qt.value[t] || qt.value[t % qt.value.length] || s[t] || s[t % s.length]
 		]));
 		function Xt(e) {
 			let t = {}, n = {};
@@ -269,7 +269,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					outflow: 0,
 					children: [],
 					color: null,
-					uid: ee()
+					uid: c()
 				}), t[e].level === null && (t[e].level = r), n[r] || (n[r] = []), n[r].includes(e) || n[r].push(e);
 			}
 			e.forEach(([e, n, i]) => {
@@ -279,21 +279,21 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					value: i
 				}), t[e].outflow += i, t[n].inflow += i;
 			});
-			let a = new Set(e.map(([e]) => e)), o = new Set(e.map(([, e]) => e)), s = Array.from(a).filter((e) => !o.has(e)), c = {};
-			s.forEach((e, t) => {
-				c[e] = qt.value[t] || i[t % i.length];
+			let i = new Set(e.map(([e]) => e)), a = new Set(e.map(([, e]) => e)), o = Array.from(i).filter((e) => !a.has(e)), l = {};
+			o.forEach((e, t) => {
+				l[e] = qt.value[t] || s[t % s.length];
 			});
-			let l = {};
+			let d = {};
 			e.forEach(([e, t, n, r]) => {
-				r && (l[e] = r, l[t] = r);
+				r && (d[e] = r, d[t] = r);
 			}), Object.keys(t).forEach((e, n) => {
-				let r = U.value.nodeCategories?.[e], a = r ? U.value.nodeCategoryColors?.[r] : null;
-				t[e].color = l[e] || a || (s.includes(e) ? c[e] : null) || i[n % i.length];
+				let r = U.value.nodeCategories?.[e], i = r ? U.value.nodeCategoryColors?.[r] : null;
+				t[e].color = d[e] || i || (o.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 u = $t.value, f = en.value.width, p = en.value.height, m = Object.keys(n).map(Number).sort((e, t) => e - t), h = m.length || 1, g = h > 1 ? f / (h - 1) : 0, te = Number(Jt.value), _ = Number(G.value.gapPx ?? G.value.gap ?? 8), v = Number(G.value.minHeight || 0);
-			function ne(e) {
+			let f = $t.value, ee = en.value.width, p = en.value.height, m = Object.keys(n).map(Number).sort((e, t) => e - t), h = m.length || 1, g = h > 1 ? ee / (h - 1) : 0, te = Number(Jt.value), _ = Number(G.value.gapPx ?? G.value.gap ?? 8), v = Number(G.value.minHeight || 0);
+			function y(e) {
 				let r = n[e], i = r.length;
 				if (!i) return Infinity;
 				let a = Math.max(0, (i - 1) * _), o = Math.max(0, p - a), s = Math.min(v, i ? o / i : 0), c = 0, l = r.map((e) => t[e].value || 0), u = l.reduce((e, t) => e + t, 0);
@@ -309,12 +309,12 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				}
 				return u > 0 ? Math.max(0, (o - c) / u) : 0;
 			}
-			let y = m.map(ne), b = y.length ? Math.min(...y) : 0, x = {};
+			let b = m.map(y), x = b.length ? Math.min(...b) : 0, ne = {};
 			m.forEach((e) => {
-				let r = n[e], i = r.length, a = Math.max(0, (i - 1) * _), o = Math.max(0, p - a), s = Math.min(v, i ? o / i : 0), c = r.map((e) => Math.max(s, (t[e].value || 0) * b)), l = c.reduce((e, t) => e + t, 0) + a, d = Math.max(0, (p - l) / 2);
+				let r = n[e], i = r.length, a = Math.max(0, (i - 1) * _), o = Math.max(0, p - a), s = Math.min(v, i ? o / i : 0), l = r.map((e) => Math.max(s, (t[e].value || 0) * x)), u = l.reduce((e, t) => e + t, 0) + a, d = Math.max(0, (p - u) / 2);
 				r.forEach((n, r) => {
-					let a = c[r], o = u.left + e * g, s = d;
-					x[n] = {
+					let a = l[r], o = f.left + e * g, s = d;
+					ne[n] = {
 						x: o,
 						y: s,
 						absoluteY: s,
@@ -322,33 +322,33 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 						i: r,
 						color: t[n].color,
 						value: t[n].value,
-						id: ee()
+						id: c()
 					}, d += a, r < i - 1 && (d += _);
 				});
 			});
-			let re = [], S = u.top, ie = {}, ae = {};
+			let re = [], S = f.top, ie = {}, ae = {};
 			Object.keys(t).forEach((e) => {
-				ie[e] = x[e]?.y ?? 0, ae[e] = 0;
+				ie[e] = ne[e]?.y ?? 0, ae[e] = 0;
 			});
 			let oe = !!Et.value.smooth, se = .5;
 			return m.forEach((e) => {
 				n[e].forEach((e) => {
-					let n = t[e], r = x[e];
+					let n = t[e], r = ne[e];
 					if (!n.children || !n.children.length) return;
 					let i = r.y;
 					n.children.forEach(({ target: a, value: o }) => {
-						let s = x[a], c = t[a], l = n.outflow > 0 ? o / n.outflow : 0, u = c.inflow > 0 ? o / c.inflow : 0, f = d(i + S), p = d(i + l * r.height + S), m = ie[a], h = m + u * s.height;
+						let s = ne[a], l = t[a], d = n.outflow > 0 ? o / n.outflow : 0, f = l.inflow > 0 ? o / l.inflow : 0, ee = u(i + S), p = u(i + d * r.height + S), m = ie[a], h = m + f * s.height;
 						ae[a] += o;
-						let g = c.inflow > 0 && ae[a] >= c.inflow - 1e-6, _ = s.y + s.height;
+						let g = l.inflow > 0 && ae[a] >= l.inflow - 1e-6, _ = s.y + s.height;
 						(g || h > _ - .25) && (h = _);
-						let v = d(m + S), ne = d(h + S), y = d(r.x + te), b = d(s.x), ce;
-						if (!oe || b <= y) ce = `M ${y} ${f} L ${y} ${p} L ${b} ${ne} L ${b} ${v} Z`;
+						let v = u(m + S), y = u(h + S), b = u(r.x + te), x = u(s.x), ce;
+						if (!oe || x <= b) ce = `M ${b} ${ee} L ${b} ${p} L ${x} ${y} L ${x} ${v} Z`;
 						else {
-							let e = b - y, t = d(y + e * se), n = d(b - e * se), r = f, i = v, a = p, o = ne;
-							ce = `M ${y} ${r} C ${t} ${r}, ${n} ${i}, ${b} ${i} L ${b} ${o} C ${n} ${o}, ${t} ${a}, ${y} ${a} Z`;
+							let e = x - b, t = u(b + e * se), n = u(x - e * se), r = ee, i = v, a = p, o = y;
+							ce = `M ${b} ${r} C ${t} ${r}, ${n} ${i}, ${x} ${i} L ${x} ${o} C ${n} ${o}, ${t} ${a}, ${b} ${a} Z`;
 						}
 						re.push({
-							id: ee(),
+							id: c(),
 							source: e,
 							target: a,
 							path: ce,
@@ -359,7 +359,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					});
 				});
 			}), {
-				nodeCoordinates: x,
+				nodeCoordinates: ne,
 				links: re
 			};
 		}
@@ -399,43 +399,43 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				y: n.top + n.height / 2
 			};
 		}
-		function ln(e, t, r = "pointer", i = null) {
-			$.value = [], X.value = nn(e.name), Z.value = e.name, on.value = e.id, St.value = r, bt.value = i, V.value = e.id;
-			let a = e.name, o = Yt.value, c = 0, l = 0, u = [], d = [], p = new Set(o.map(([e]) => e)), m = new Set(o.map(([, e]) => e)), ee = Array.from(p).filter((e) => !m.has(e)), h = o.filter(([e]) => ee.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
+		function ln(e, n, r = "pointer", a = null) {
+			$.value = [], X.value = nn(e.name), Z.value = e.name, on.value = e.id, St.value = r, bt.value = a, V.value = e.id;
+			let o = e.name, s = Yt.value, c = 0, l = 0, u = [], d = [], ee = new Set(s.map(([e]) => e)), p = new Set(s.map(([, e]) => e)), m = Array.from(ee).filter((e) => !p.has(e)), h = s.filter(([e]) => m.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
 			Y.value.nodes.forEach((e) => {
 				g[e.name] = e.color;
-			}), o.forEach(([e, t, n]) => {
-				t === a && (c += n, u.push({
+			}), s.forEach(([e, t, n]) => {
+				t === o && (c += n, u.push({
 					source: e,
 					value: n,
 					color: g[e]
-				})), e === a && (l += n, d.push({
+				})), e === o && (l += n, d.push({
 					target: t,
 					value: n,
 					color: g[t]
 				}));
 			});
 			let te = h > 0 ? Math.max(c, l) / h * 100 : 0, _ = {
-				name: a,
+				name: o,
 				inflow: c,
 				outflow: l,
 				from: u,
 				to: d,
 				percentOfTotal: te,
-				color: g[a] || "#000000"
+				color: g[o] || "#000000"
 			};
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
 				datapoint: _,
-				seriesIndex: t
+				seriesIndex: n
 			}), rn.value = {
 				datapoint: _,
 				config: U.value,
-				seriesIndex: t,
+				seriesIndex: n,
 				series: Y.value
 			}, lt.value = !0;
-			let v = "", ne = K.value.tooltip.customFormat;
-			if (an.value = !1, n(ne)) try {
-				let e = ne({
+			let v = "", y = K.value.tooltip.customFormat;
+			if (an.value = !1, i(y)) try {
+				let e = y({
 					datapoint: _,
 					series: Y.value,
 					config: U.value
@@ -445,21 +445,21 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				console.warn("Custom format cannot be applied.");
 			}
 			if (!an.value) {
-				let e = K.value.tooltip.showPercentage ? `<div>${s({
+				let e = K.value.tooltip.showPercentage ? `<div>${t({
 					p: K.value.tooltip.translations.percentOfTotal,
 					v: _.percentOfTotal,
 					s: "%",
 					r: K.value.tooltip.roundingPercentage
 				})}</div>` : "";
 				v += `<div style="width:100%;text-align:center;border-bottom:1px solid ${K.value.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${_.color}">⏹</span>${_.name}${e}</div>`, _.from.length && (v += `<div>${K.value.tooltip.translations.from}</div>`, _.from.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${f(W.value.formatter, e.value, s({
+					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${f(W.value.formatter, e.value, t({
 						p: W.value.prefix,
 						v: e.value,
 						s: W.value.suffix,
 						r: W.value.rounding
 					}))}</div>`;
 				})), _.to.length && (v += `<div style="margin-top:6px;">${K.value.tooltip.translations.to}</div>`, _.to.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${f(W.value.formatter, e.value, s({
+					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${f(W.value.formatter, e.value, t({
 						p: W.value.prefix,
 						v: e.value,
 						s: W.value.suffix,
@@ -494,11 +494,11 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		})));
 		function pn(e = null) {
 			xe(() => {
-				let n = fn.value.map((e, t) => [
+				let t = fn.value.map((e, t) => [
 					[e.source],
 					[e.target],
 					[e.value]
-				]), i = [
+				]), n = [
 					[K.value.title.text],
 					[K.value.title.subtitle.text],
 					[
@@ -506,9 +506,9 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 						[U.value.table.columnNames.target],
 						[U.value.table.columnNames.value]
 					]
-				].concat(n), a = r(i);
-				e ? e(a) : t({
-					csvContent: a,
+				].concat(t), i = r(n);
+				e ? e(i) : p({
+					csvContent: i,
 					title: K.value.title.text || "vue-ui-flow"
 				});
 			});
@@ -518,7 +518,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				U.value.table.columnNames.source,
 				U.value.table.columnNames.target,
 				U.value.table.columnNames.value
-			], t = fn.value.map((e, t) => [
+			], n = fn.value.map((e, n) => [
 				{
 					color: e.sourceColor,
 					name: e.source,
@@ -529,13 +529,13 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					name: e.target,
 					shape: "square"
 				},
-				s({
+				t({
 					p: W.value.prefix,
 					v: e.value,
 					s: W.value.suffix,
 					r: W.value.rounding
 				})
-			]), n = {
+			]), r = {
 				th: {
 					backgroundColor: U.value.table.th.backgroundColor,
 					color: U.value.table.th.color,
@@ -555,8 +555,8 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					U.value.table.columnNames.value
 				],
 				head: e,
-				body: t,
-				config: n
+				body: n,
+				config: r
 			};
 		}), hn = C(() => ({
 			headers: mn.value?.colNames ?? [],
@@ -565,7 +565,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			...e,
 			index: t,
 			centerX: e.x + Jt.value / 2,
-			centerY: d(e.absoluteY) + K.value.padding.top + e.height / 2
+			centerY: u(e.absoluteY) + K.value.padding.top + e.height / 2
 		})).sort((e, t) => e.x === t.x ? e.absoluteY - t.absoluteY : e.x - t.x)), Q = C(() => {
 			let e = [];
 			return gn.value.forEach((t) => {
@@ -600,7 +600,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			let e = new Set(Y.value.nodes.map((e) => U.value.nodeCategories[e.name] || "__uncategorized__"));
 			return Array.from(e).map((e) => ({
 				name: e,
-				color: U.value.nodeCategoryColors[e] || i[0],
+				color: U.value.nodeCategoryColors[e] || s[0],
 				shape: "square",
 				count: Y.value.nodes.filter((t) => (U.value.nodeCategories[t.name] || "__uncategorized__") === e).length
 			})).map((e, t) => {
@@ -792,14 +792,14 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			unselectNode: un,
 			toggleFullscreen: Tt,
 			copyAlt: Rn
-		}), (e, t) => (M(), E("div", {
+		}), (e, n) => (M(), E("div", {
 			ref_key: "flowChart",
 			ref: B,
 			class: Se(`vue-data-ui-component vue-ui-flow ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			style: j(`font-family:${U.value.style.fontFamily};width:100%; text-align:center;background:${K.value.backgroundColor}`),
 			id: `flow_${z.value}`,
-			onMouseenter: t[2] ||= () => I(Ft)(!0),
-			onMouseleave: t[3] ||= () => {
+			onMouseenter: n[2] ||= () => I(Ft)(!0),
+			onMouseleave: n[3] ||= () => {
 				I(Ft)(!1), Ct.value || sn();
 			}
 		}, [
@@ -978,7 +978,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			D("div", Ne, [(M(), E("svg", {
 				ref_key: "svgRef",
 				ref: q,
-				xmlns: I(g),
+				xmlns: I(h),
 				"aria-describedby": `chart-instructions-${z.value}`,
 				viewBox: `0 0 ${tn.value.width} ${tn.value.height}`,
 				class: Se({
@@ -1030,12 +1030,12 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
                         opacity:${X.value ? X.value.includes(e.source) && X.value.includes(e.target) ? 1 : .3 : Z.value ? [e.target, e.source].includes(Z.value) ? 1 : .3 : Et.value.opacity}
                     `)
 				}, null, 12, ze))), 256)),
-				(M(!0), E(he, null, we(Y.value.nodes, (e, t) => (M(), E("rect", {
+				(M(!0), E(he, null, we(Y.value.nodes, (e, n) => (M(), E("rect", {
 					"data-a11y-node-id": e.id,
 					class: "vue-ui-flow-node",
 					x: e.x,
-					y: I(d)(e.absoluteY) + K.value.padding.top,
-					height: I(d)(e.height),
+					y: I(u)(e.absoluteY) + K.value.padding.top,
+					height: I(u)(e.height),
 					width: Jt.value,
 					fill: e.color,
 					stroke: G.value.stroke,
@@ -1045,41 +1045,41 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 						opacity: X.value ? X.value.includes(e.name) ? 1 : .3 : 1,
 						outline: on.value !== null && on.value === e.id ? "2px solid currentColor" : void 0
 					}),
-					"aria-label": `${e.name}: ${I(f)(W.value.formatter, e.value, I(s)({
+					"aria-label": `${e.name}: ${I(f)(W.value.formatter, e.value, I(t)({
 						p: W.value.prefix,
 						v: e.value,
 						s: W.value.suffix,
 						r: W.value.rounding
 					}))}`,
-					onMouseenter: (n) => ln(e, t, "pointer", _n.value.get(e.id)),
-					onMouseleave: (e) => un(t),
-					onClick: (e) => dn(t)
+					onMouseenter: (t) => ln(e, n, "pointer", _n.value.get(e.id)),
+					onMouseleave: (e) => un(n),
+					onClick: (e) => dn(n)
 				}, null, 44, Be))), 256)),
 				W.value.show ? (M(), E("g", Ve, [(M(!0), E(he, null, we(Y.value.nodes, (e, t) => (M(), E("text", {
 					x: e.x + Jt.value / 2,
-					y: (W.value.showValue ? I(d)(e.absoluteY + e.height / 2 - W.value.fontSize / 4) : e.absoluteY + e.height / 2 + W.value.fontSize / 3) + K.value.padding.top,
+					y: (W.value.showValue ? I(u)(e.absoluteY + e.height / 2 - W.value.fontSize / 4) : e.absoluteY + e.height / 2 + W.value.fontSize / 3) + K.value.padding.top,
 					"font-size": W.value.fontSize,
-					fill: I(h)(e.color),
+					fill: I(m)(e.color),
 					"text-anchor": "middle",
 					style: j(`pointer-events: none; opacity:${X.value ? +!!X.value.includes(e.name) : 1}`)
-				}, F(W.value.abbreviation.use ? I(p)({
+				}, F(W.value.abbreviation.use ? I(ee)({
 					source: e.name,
 					length: G.value.labels.abbreviation.length
-				}) : e.name), 13, He))), 256)), W.value.showValue ? (M(!0), E(he, { key: 0 }, we(Y.value.nodes, (e, t) => (M(), E("text", {
+				}) : e.name), 13, He))), 256)), W.value.showValue ? (M(!0), E(he, { key: 0 }, we(Y.value.nodes, (e, n) => (M(), E("text", {
 					x: e.x + Jt.value / 2,
-					y: I(d)(e.absoluteY + e.height / 2 + W.value.fontSize / 1.3) + K.value.padding.top,
+					y: I(u)(e.absoluteY + e.height / 2 + W.value.fontSize / 1.3) + K.value.padding.top,
 					"font-size": W.value.fontSize,
-					fill: I(h)(e.color),
+					fill: I(m)(e.color),
 					"text-anchor": "middle",
 					style: j(`pointer-events: none; opacity:${X.value ? +!!X.value.includes(e.name) : 1}`)
-				}, F(I(f)(W.value.formatter, e.value, I(s)({
+				}, F(I(f)(W.value.formatter, e.value, I(t)({
 					p: W.value.prefix,
 					v: e.value,
 					s: W.value.suffix,
 					r: W.value.rounding
 				}), {
 					datapoint: e,
-					seriesIndex: t
+					seriesIndex: n
 				})), 13, Ue))), 256)) : T("", !0)])) : T("", !0),
 				P(e.$slots, "svg", { svg: {
 					...tn.value,
@@ -1103,7 +1103,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				legendSet: wn.value,
 				config: En.value,
 				isCursorPointer: Dt.value,
-				onClickMarker: t[0] ||= (e) => Tn(e)
+				onClickMarker: n[0] ||= (e) => Tn(e)
 			}, {
 				item: L(({ legend: e, index: t }) => [I(kt) ? T("", !0) : (M(), E("div", {
 					key: 0,
@@ -1213,7 +1213,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				fn: L(() => [D("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => pn(U.value.userOptions.callbacks.csv),
+					onClick: n[1] ||= (e) => pn(U.value.userOptions.callbacks.csv),
 					style: j({ cursor: Dt.value ? "pointer" : "default" })
 				}, [ye(I(Xe), {
 					name: "fileCsv",
@@ -1221,7 +1221,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : T("", !0),
-			P(e.$slots, "skeleton", {}, () => [I(kt) ? (M(), w(x, { key: 0 })) : T("", !0)], !0)
+			P(e.$slots, "skeleton", {}, () => [I(kt) ? (M(), w(ne, { key: 0 })) : T("", !0)], !0)
 		], 46, ke));
 	}
 }, [["__scopeId", "data-v-040cb62f"]]);