vue-data-ui 3.22.6 → 3.22.7

package/dist/{vue-ui-flow-D_7Idmmw.js → vue-ui-flow-q_M7O1BK.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, Dt as n, Ht as r, Q as i, S as a, W as o, Wt as s, X as c, _t as l, b as u, i as d, n as f, q as p, r as m, t as h, v as g, w as _ } from "./lib-DRBJCmHW.js";
+import { Gt as t, Ot as n, Q as r, S as i, Ut as a, W as o, X as s, b as c, i as l, jt as u, n as d, q as f, r as p, t as m, v as h, vt as g, w as _ } from "./lib-EAmk-PgA.js";
 import { t as ee } from "./useConfig-DYM3f6EI.js";
-import { t as v } from "./usePrinter-CRp5IW3v.js";
+import { t as v } from "./usePrinter-DnGzpp6Q.js";
 import { n as y, t as b } from "./BaseScanner-DZvpgOjM.js";
 import { t as x } from "./useSvgExport-SVIsDot8.js";
-import { t as S } from "./useNestedProp-BEo2N1Db.js";
+import { t as S } from "./useNestedProp-D8XqxgOU.js";
 import { t as te } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ne } from "./img-B_y5qDdm.js";
-import { n as C } from "./Title-C-p0ilWB.js";
+import { t as ne } from "./img-B_abIg0o.js";
+import { n as C } from "./Title-PiTKr6sp.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-DdRsVULz.js";
 import { t as se } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as le } from "./Legend-D-635Kag.js";
+import { t as le } from "./Legend-kAr7Vqqu.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
@@ -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-YabpoXo1.js")), qe = k(() => import("./BaseIcon-DcUvOfxf.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-CfMrbDoq.js").then((e) => e.n)), Ye = k(() => import("./DataTable-CXfvIulC.js")), Xe = k(() => import("./PenAndPaper-Bk2-E7V4.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-BO4VFL8O.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-Da7hl-34.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-VbypEaAa.js").then((e) => e.n)), { vue_ui_flow: et } = ee(), { isThemeValid: tt, warnInvalidTheme: nt } = te(), R = e, rt = Te, z = P(o()), 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-B8yYfISA.js")), qe = k(() => import("./BaseIcon-_-BX7be3.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-Dzz8XhX3.js").then((e) => e.n)), Ye = k(() => import("./DataTable-CVF7DoZn.js")), Xe = k(() => import("./PenAndPaper-gaV1QPpP.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-BL9VlHop.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-Dse0n05o.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-1wwwdwV2.js").then((e) => e.n)), { vue_ui_flow: et } = ee(), { isThemeValid: tt, warnInvalidTheme: nt } = te(), R = e, rt = Te, z = P(o()), 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(() => s({
+		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -163,13 +163,13 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: s({
+			skeletonConfig: t({
 				defaultConfig: U.value,
 				userConfig: Tt.value
 			})
 		}), kt = w(() => !!U.value.debug);
 		function At() {
-			if (n(R.dataset) && (i({
+			if (n(R.dataset) && (r({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: kt.value
@@ -193,23 +193,23 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			let e = S({
 				userConfig: R.config,
 				defaultConfig: et
-			}), n = e, i = e.theme;
-			if (i) if (!tt.value(e)) nt(e), n = e;
+			}), t = e, n = e.theme;
+			if (n) if (!tt.value(e)) nt(e), t = e;
 			else {
-				let a = S({
-					userConfig: ue[i] || R.config,
+				let r = S({
+					userConfig: ue[n] || R.config,
 					defaultConfig: e
 				});
-				n = {
+				t = {
 					...S({
 						userConfig: R.config,
-						defaultConfig: a
+						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : r[i] || t
+					customPalette: e.customPalette.length ? e.customPalette : a[n] || u
 				};
 			}
-			else n = e;
-			return n.nodeCategories = R.config.nodeCategories || {}, n.nodeCategoryColors = R.config.nodeCategoryColors || {}, n;
+			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) => {
@@ -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(() => a(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(() => i(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
 		});
@@ -231,49 +231,49 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				showTooltip: U.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Wt = w(() => !Dt.value || !Dt.value.length ? [] : Dt.value.map((e, n) => [
+		let Wt = w(() => !Dt.value || !Dt.value.length ? [] : Dt.value.map((e, t) => [
 			e[0],
 			e[1],
-			g(e[2]),
-			e[3] ? u(e[3]) : Ht.value[n] || Ht.value[n % Ht.value.length] || t[n] || t[n % t.length]
+			h(e[2]),
+			e[3] ? c(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || u[t] || u[t % u.length]
 		]));
 		function Gt(e) {
-			let n = {}, r = {};
-			function i(e, t) {
-				n[e] || (n[e] = {
+			let t = {}, n = {};
+			function r(e, r) {
+				t[e] || (t[e] = {
 					level: null,
 					inflow: 0,
 					outflow: 0,
 					children: [],
 					color: null,
 					uid: o()
-				}), n[e].level === null && (n[e].level = t), r[t] || (r[t] = []), r[t].includes(e) || r[t].push(e);
+				}), t[e].level === null && (t[e].level = r), n[r] || (n[r] = []), n[r].includes(e) || n[r].push(e);
 			}
-			e.forEach(([e, t, r]) => {
-				let a = n[e]?.level ?? 0, o = a + 1;
-				i(e, a), i(t, o), n[e].children.push({
-					target: t,
-					value: r
-				}), n[e].outflow += r, n[t].inflow += r;
+			e.forEach(([e, n, i]) => {
+				let a = t[e]?.level ?? 0, o = a + 1;
+				r(e, a), r(n, o), t[e].children.push({
+					target: n,
+					value: i
+				}), t[e].outflow += i, t[n].inflow += i;
 			});
-			let a = new Set(e.map(([e]) => e)), s = new Set(e.map(([, e]) => e)), c = Array.from(a).filter((e) => !s.has(e)), l = {};
-			c.forEach((e, n) => {
-				l[e] = Ht.value[n] || t[n % t.length];
+			let i = new Set(e.map(([e]) => e)), a = new Set(e.map(([, e]) => e)), s = Array.from(i).filter((e) => !a.has(e)), c = {};
+			s.forEach((e, t) => {
+				c[e] = Ht.value[t] || u[t % u.length];
 			});
-			let u = {};
+			let l = {};
 			e.forEach(([e, t, n, r]) => {
-				r && (u[e] = r, u[t] = r);
-			}), Object.keys(n).forEach((e, r) => {
-				let i = U.value.nodeCategories?.[e], a = i ? U.value.nodeCategoryColors?.[i] : null;
-				n[e].color = u[e] || a || (c.includes(e) ? l[e] : null) || t[r % t.length];
-			}), Object.keys(n).forEach((e) => {
-				n[e].value = Math.max(n[e].inflow, n[e].outflow);
+				r && (l[e] = r, l[t] = r);
+			}), Object.keys(t).forEach((e, n) => {
+				let r = U.value.nodeCategories?.[e], i = r ? U.value.nodeCategoryColors?.[r] : null;
+				t[e].color = l[e] || i || (s.includes(e) ? c[e] : null) || u[n % u.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, m = Object.keys(r).map(Number).sort((e, t) => e - t), h = m.length || 1, _ = h > 1 ? f / (h - 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 t = r[e], i = t.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 = t.map((e) => n[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) {
@@ -288,40 +288,40 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			}
 			let x = m.map(b), S = x.length ? Math.min(...x) : 0, te = {};
 			m.forEach((e) => {
-				let t = r[e], i = t.length, a = Math.max(0, (i - 1) * v), s = Math.max(0, p - a), c = Math.min(y, i ? s / i : 0), l = t.map((e) => Math.max(c, (n[e].value || 0) * S)), u = l.reduce((e, t) => e + t, 0) + a, f = Math.max(0, (p - u) / 2);
-				t.forEach((t, r) => {
+				let r = n[e], i = r.length, a = Math.max(0, (i - 1) * v), s = Math.max(0, p - a), 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) + a, f = Math.max(0, (p - u) / 2);
+				r.forEach((n, r) => {
 					let a = l[r], s = d.left + e * _, c = f;
-					te[t] = {
+					te[n] = {
 						x: s,
 						y: c,
 						absoluteY: c,
 						height: a,
 						i: r,
-						color: n[t].color,
-						value: n[t].value,
+						color: t[n].color,
+						value: t[n].value,
 						id: o()
 					}, f += a, r < i - 1 && (f += v);
 				});
 			});
 			let ne = [], C = d.top, re = {}, ie = {};
-			Object.keys(n).forEach((e) => {
+			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 m.forEach((e) => {
-				r[e].forEach((e) => {
-					let t = n[e], r = te[e];
-					if (!t.children || !t.children.length) return;
+				n[e].forEach((e) => {
+					let n = t[e], r = te[e];
+					if (!n.children || !n.children.length) return;
 					let i = r.y;
-					t.children.forEach(({ target: a, value: s }) => {
-						let c = te[a], l = n[a], u = t.outflow > 0 ? s / t.outflow : 0, d = l.inflow > 0 ? s / l.inflow : 0, f = g(i + C), p = g(i + u * r.height + C), m = re[a], h = m + d * c.height;
+					n.children.forEach(({ target: a, value: s }) => {
+						let c = te[a], l = t[a], 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[a], g = m + d * c.height;
 						ie[a] += s;
 						let _ = l.inflow > 0 && ie[a] >= l.inflow - 1e-6, v = c.y + c.height;
-						(_ || h > v - .25) && (h = v);
-						let y = g(m + C), b = g(h + C), x = g(r.x + ee), S = g(c.x), se;
+						(_ || g > v - .25) && (g = v);
+						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 = g(x + e * oe), n = g(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({
@@ -330,9 +330,9 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 							target: a,
 							path: se,
 							value: s,
-							sourceColor: t.color,
-							targetColor: n[a].color
-						}), i = p - C, re[a] = h;
+							sourceColor: n.color,
+							targetColor: t[a].color
+						}), i = p - C, re[a] = g;
 					});
 				});
 			}), {
@@ -378,7 +378,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 		}
 		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 i = e.name, a = Wt.value, o = 0, s = 0, c = [], u = [], f = new Set(a.map(([e]) => e)), m = new Set(a.map(([, e]) => e)), h = Array.from(f).filter((e) => !m.has(e)), g = a.filter(([e]) => h.includes(e)).reduce((e, [t, n, r]) => e + r, 0), _ = {};
+			let i = e.name, a = Wt.value, o = 0, s = 0, c = [], u = [], d = new Set(a.map(([e]) => e)), p = new Set(a.map(([, e]) => e)), m = Array.from(d).filter((e) => !p.has(e)), h = a.filter(([e]) => m.includes(e)).reduce((e, [t, n, r]) => e + r, 0), _ = {};
 			q.value.nodes.forEach((e) => {
 				_[e.name] = e.color;
 			}), a.forEach(([e, t, n]) => {
@@ -392,7 +392,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					color: _[t]
 				}));
 			});
-			let ee = g > 0 ? Math.max(o, s) / g * 100 : 0, v = {
+			let ee = h > 0 ? Math.max(o, s) / h * 100 : 0, v = {
 				name: i,
 				inflow: o,
 				outflow: s,
@@ -411,7 +411,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				series: q.value
 			}, ot.value = !0;
 			let y = "", b = U.value.style.chart.tooltip.customFormat;
-			if (Qt.value = !1, l(b)) try {
+			if (Qt.value = !1, g(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>${p({
+				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${f({
 					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}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, p({
+					y += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${l(U.value.style.chart.nodes.labels.formatter, e.value, f({
 						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}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, p({
+					y += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${l(U.value.style.chart.nodes.labels.formatter, e.value, f({
 						p: U.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
@@ -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) : c({
+				e ? e(n) : s({
 					csvContent: n,
 					title: U.value.style.chart.title.text || "vue-ui-flow"
 				});
@@ -506,7 +506,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					name: e.target,
 					shape: "square"
 				},
-				p({
+				f({
 					p: U.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: U.value.style.chart.nodes.labels.suffix,
@@ -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: g(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] || t[0],
+				color: U.value.nodeCategoryColors[e] || u[0],
 				shape: "square",
 				count: q.value.nodes.filter((t) => (U.value.nodeCategories[t.name] || "__uncategorized__") === e).length
 			})).map((e, t) => {
@@ -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(h),
+				xmlns: I(m),
 				"aria-describedby": `chart-instructions-${z.value}`,
 				viewBox: `0 0 ${Xt.value.width} ${Xt.value.height}`,
 				class: ve({
@@ -1034,8 +1034,8 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					"data-a11y-node-id": e.id,
 					class: "vue-ui-flow-node",
 					x: e.x,
-					y: I(g)(e.absoluteY) + U.value.style.chart.padding.top,
-					height: I(g)(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,7 +1045,7 @@ 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(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(p)({
+					"aria-label": `${e.name}: ${I(l)(U.value.style.chart.nodes.labels.formatter, e.value, I(f)({
 						p: U.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
@@ -1057,22 +1057,22 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				}, 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(g)(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(m)(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(f)({
+				}, 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, t) => (N(), D("text", {
 					x: e.x + Ut.value / 2,
-					y: I(g)(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(m)(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(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(p)({
+				}, Se(I(l)(U.value.style.chart.nodes.labels.formatter, e.value, I(f)({
 					p: U.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: U.value.style.chart.nodes.labels.suffix,