vue-data-ui 3.22.2 → 3.22.4

package/dist/{vue-ui-flow-Bg_OSszc.js → vue-ui-flow-R_dLE1WS.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, G as n, H as r, J as i, S as a, Ut as o, Vt as s, X as c, gt as l, i as u, kt as d, n as f, r as p, t as m, v as h, x as g, y as _ } from "./lib-CXicicWN.js";
-import { t as ee } from "./useConfig-Bf_EBbe3.js";
-import { t as v } from "./usePrinter-Dng0UK-G.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-CuwHGt1j.js";
+import { t as ee } from "./useConfig-pVLia3dt.js";
+import { t as v } from "./usePrinter-C0wAS8yc.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-APyFoLCQ.js";
+import { t as S } from "./useNestedProp-BjkuFaz1.js";
 import { t as te } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ne } from "./img-BCAOkqfM.js";
-import { n as C } from "./Title-CVYf1f8m.js";
+import { t as ne } from "./img-B29J8tV5.js";
+import { n as C } from "./Title-DDEEO-Nr.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-BVDhEEsC.js";
+import { t as le } from "./Legend-DXOzbXb-.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-BmGCBJuU.js")), qe = k(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), Ye = k(() => import("./DataTable-DJZgdnIn.js")), Xe = k(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_flow: et } = ee(), { isThemeValid: tt, warnInvalidTheme: nt } = te(), R = e, rt = Te, z = P(r()), 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-BhKov422.js")), qe = k(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), Ye = k(() => import("./DataTable-PidUPOit.js")), Xe = k(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-DjzNWkiE.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(() => o({
+		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: o({
+			skeletonConfig: t({
 				defaultConfig: U.value,
 				userConfig: Tt.value
 			})
 		}), kt = w(() => !!U.value.debug);
 		function At() {
-			if (t(R.dataset) && (c({
+			if (n(R.dataset) && (r({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: kt.value
-			}), Ot.value = !0), t(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,
@@ -205,7 +205,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 						userConfig: R.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : s[n] || d
+					customPalette: e.customPalette.length ? e.customPalette : a[n] || u
 				};
 			}
 			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(() => g(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
 		});
@@ -235,41 +235,41 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			e[0],
 			e[1],
 			h(e[2]),
-			e[3] ? _(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || d[t] || d[t % d.length]
+			e[3] ? c(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || u[t] || u[t % u.length]
 		]));
 		function Gt(e) {
 			let t = {}, n = {};
-			function i(e, i) {
+			function r(e, r) {
 				t[e] || (t[e] = {
 					level: null,
 					inflow: 0,
 					outflow: 0,
 					children: [],
 					color: null,
-					uid: r()
-				}), t[e].level === null && (t[e].level = i), n[i] || (n[i] = []), n[i].includes(e) || n[i].push(e);
+					uid: o()
+				}), 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]) => {
+			e.forEach(([e, n, i]) => {
 				let a = t[e]?.level ?? 0, o = a + 1;
-				i(e, a), i(n, o), t[e].children.push({
+				r(e, a), r(n, o), t[e].children.push({
 					target: n,
-					value: r
-				}), t[e].outflow += r, t[n].inflow += r;
+					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 = {};
+			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] || d[t % d.length];
+				c[e] = Ht.value[t] || u[t % u.length];
 			});
 			let l = {};
 			e.forEach(([e, t, n, r]) => {
 				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) || d[n % d.length];
+				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 u = 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);
+			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 r = n[e], i = r.length;
 				if (!i) return Infinity;
@@ -288,51 +288,51 @@ 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 i = n[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)), d = l.reduce((e, t) => e + t, 0) + o, f = Math.max(0, (p - d) / 2);
-				i.forEach((n, i) => {
-					let o = l[i], s = u.left + e * _, c = f;
+				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[n] = {
 						x: s,
 						y: c,
 						absoluteY: c,
-						height: o,
-						i,
+						height: a,
+						i: r,
 						color: t[n].color,
 						value: t[n].value,
-						id: r()
-					}, f += o, i < a - 1 && (f += v);
+						id: o()
+					}, f += a, r < i - 1 && (f += v);
 				});
 			});
-			let ne = [], C = u.top, re = {}, ie = {};
+			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 m.forEach((e) => {
 				n[e].forEach((e) => {
-					let n = t[e], i = te[e];
+					let n = t[e], r = te[e];
 					if (!n.children || !n.children.length) return;
-					let a = i.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(a + C), p = h(a + u * i.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;
+					let i = r.y;
+					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;
 						(_ || g > v - .25) && (g = v);
-						let y = h(m + C), b = h(g + C), x = h(i.x + ee), S = h(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 = 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: r(),
+							id: o(),
 							source: e,
-							target: o,
+							target: a,
 							path: se,
 							value: s,
 							sourceColor: n.color,
-							targetColor: t[o].color
-						}), a = p - C, re[o] = g;
+							targetColor: t[a].color
+						}), i = p - C, re[a] = g;
 					});
 				});
 			}), {
@@ -376,30 +376,30 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				y: n.top + n.height / 2
 			};
 		}
-		function nn(e, t, 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, d = [], 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 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;
-			}), o.forEach(([e, t, n]) => {
-				t === a && (s += n, d.push({
+			}), a.forEach(([e, t, n]) => {
+				t === i && (o += n, c.push({
 					source: e,
 					value: n,
 					color: _[e]
-				})), e === a && (c += n, f.push({
+				})), e === i && (s += n, u.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: d,
-				to: f,
+			let ee = h > 0 ? Math.max(o, s) / h * 100 : 0, v = {
+				name: i,
+				inflow: o,
+				outflow: s,
+				from: c,
+				to: u,
 				percentOfTotal: ee,
-				color: _[a] || "#000000"
+				color: _[i] || "#000000"
 			};
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
 				datapoint: v,
@@ -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>${n({
+				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}: ${u(U.value.style.chart.nodes.labels.formatter, e.value, n({
+					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}: ${u(U.value.style.chart.nodes.labels.formatter, e.value, n({
+					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,
@@ -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 = _([
 					[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) : i({
+				e ? e(n) : s({
 					csvContent: n,
 					title: U.value.style.chart.title.text || "vue-ui-flow"
 				});
@@ -506,13 +506,13 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					name: e.target,
 					shape: "square"
 				},
-				n({
+				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
 				})
-			]), r = {
+			]), n = {
 				th: {
 					backgroundColor: U.value.table.th.backgroundColor,
 					color: U.value.table.th.color,
@@ -533,7 +533,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				],
 				head: e,
 				body: t,
-				config: r
+				config: n
 			};
 		}), cn = w(() => ({
 			headers: Z.value?.colNames ?? [],
@@ -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] || d[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) => {
@@ -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(u)(U.value.style.chart.nodes.labels.formatter, e.value, I(n)({
+					"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,
@@ -1062,7 +1062,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					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", {
@@ -1072,7 +1072,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					fill: I(p)(e.color),
 					"text-anchor": "middle",
 					style: M(`pointer-events: none; opacity:${J.value ? +!!J.value.includes(e.name) : 1}`)
-				}, Se(I(u)(U.value.style.chart.nodes.labels.formatter, e.value, I(n)({
+				}, 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,