vue-data-ui 3.22.9 → 3.22.11

package/dist/{vue-ui-flow-CNczKwTh.js → vue-ui-flow-CKXGk4Lm.js}

@@ -1,20 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, G as n, J as r, Kt as i, Mt as a, S as o, T as s, Wt as c, Z as l, b as u, i as d, kt as f, n as p, r as m, t as h, v as g, yt as ee } from "./lib-JqW18y5I.js";
-import { t as te } from "./useConfig-DYM3f6EI.js";
-import { t as _ } from "./usePrinter-CqqHmnBI.js";
+import { At as t, C as n, E as r, Gt as i, K as a, Nt as o, Q as s, Y as c, bt as l, et as u, i as d, n as f, qt as p, r as m, t as h, x as ee, y as g } from "./lib-CFm_J26b.js";
+import { t as te } from "./useConfig-C0V0eG7L.js";
+import { t as _ } from "./usePrinter-BH-xle1O.js";
 import { n as v, t as y } from "./BaseScanner-DZvpgOjM.js";
-import { t as b } from "./useSvgExport-SVIsDot8.js";
-import { t as x } from "./useNestedProp-DIuuzG1r.js";
+import { t as b } from "./useSvgExport-Ba9qBr9M.js";
+import { t as x } from "./useNestedProp-BY6DNN3i.js";
 import { t as S } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ne } from "./img-DnP3eXuv.js";
-import { n as C } from "./Title-CcNiYzEo.js";
+import { t as ne } from "./img-Bikk1dGb.js";
+import { n as C } from "./Title-BuPs74IB.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 { l as ie, t as ae } from "./useResponsive-ZtArZtUf.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-ROt6ugzW.js";
+import { t as le } from "./Legend-C0xAnJdO.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 +86,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-CxOrWlFy.js")), qe = k(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), Ye = k(() => import("./DataTable-BxpTMgfK.js")), Xe = k(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_flow: et } = te(), { isThemeValid: tt, warnInvalidTheme: nt } = S(), 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-CA1rtSyl.js")), qe = k(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-nNxnZTg9.js").then((e) => e.n)), Ye = k(() => import("./DataTable-DzPEVvSo.js")), Xe = k(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-B69xBEVP.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_flow: et } = te(), { isThemeValid: tt, warnInvalidTheme: nt } = S(), 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 +97,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(() => i({
+		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => p({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -163,17 +162,17 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: i({
+			skeletonConfig: p({
 				defaultConfig: U.value,
 				userConfig: Tt.value
 			})
 		}), kt = w(() => !!U.value.debug);
 		function At() {
-			if (f(R.dataset) && (t({
+			if (t(R.dataset) && (u({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: kt.value
-			}), Ot.value = !0), f(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
+			}), Ot.value = !0), t(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
 				let e = ie(() => {
 					let { width: e, height: t } = ae({
 						chart: B.value,
@@ -205,7 +204,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 						userConfig: R.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : c[n] || a
+					customPalette: e.customPalette.length ? e.customPalette : i[n] || o
 				};
 			}
 			else t = e;
@@ -221,7 +220,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(() => o(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(() => n(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,45 +234,45 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			e[0],
 			e[1],
 			g(e[2]),
-			e[3] ? u(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || a[t] || a[t % a.length]
+			e[3] ? ee(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || o[t] || o[t % o.length]
 		]));
 		function Gt(e) {
-			let t = {}, r = {};
-			function i(e, i) {
+			let t = {}, n = {};
+			function r(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]) => {
+			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 o = new Set(e.map(([e]) => e)), s = new Set(e.map(([, e]) => e)), c = Array.from(o).filter((e) => !s.has(e)), l = {};
+			let i = new Set(e.map(([e]) => e)), s = new Set(e.map(([, e]) => e)), c = Array.from(i).filter((e) => !s.has(e)), l = {};
 			c.forEach((e, t) => {
-				l[e] = Ht.value[t] || a[t % a.length];
+				l[e] = Ht.value[t] || o[t % o.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) || a[n % a.length];
+				t[e].color = u[e] || i || (c.includes(e) ? l[e] : null) || o[n % o.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, ee = h > 1 ? f / (h - 1) : 0, te = Number(Ut.value), _ = Number(U.value.style.chart.nodes.gapPx ?? U.value.style.chart.nodes.gap ?? 8), v = 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), h = m.length || 1, ee = h > 1 ? f / (h - 1) : 0, te = Number(Ut.value), _ = Number(U.value.style.chart.nodes.gapPx ?? U.value.style.chart.nodes.gap ?? 8), v = Number(U.value.style.chart.nodes.minHeight || 0);
 			function y(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) * _), o = Math.max(0, p - a), s = Math.min(v, 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) * _), 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);
 				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,19 +287,19 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			}
 			let b = m.map(y), x = b.length ? Math.min(...b) : 0, S = {};
 			m.forEach((e) => {
-				let i = r[e], a = i.length, o = Math.max(0, (a - 1) * _), s = Math.max(0, p - o), c = Math.min(v, a ? s / a : 0), l = i.map((e) => Math.max(c, (t[e].value || 0) * x)), 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 * ee, c = f;
-					S[r] = {
+				let r = n[e], i = r.length, o = Math.max(0, (i - 1) * _), s = Math.max(0, p - o), c = Math.min(v, i ? s / i : 0), l = r.map((e) => Math.max(c, (t[e].value || 0) * x)), 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 * ee, c = f;
+					S[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 += _);
+						i: r,
+						color: t[n].color,
+						value: t[n].value,
+						id: a()
+					}, f += o, r < i - 1 && (f += _);
 				});
 			});
 			let ne = [], C = d.top, re = {}, ie = {};
@@ -309,30 +308,30 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			});
 			let ae = !!U.value.style.chart.links.smooth, oe = .5;
 			return m.forEach((e) => {
-				r[e].forEach((e) => {
-					let r = t[e], i = S[e];
-					if (!r.children || !r.children.length) return;
-					let a = i.y;
-					r.children.forEach(({ target: o, value: s }) => {
-						let c = S[o], l = t[o], u = r.outflow > 0 ? s / r.outflow : 0, d = l.inflow > 0 ? s / l.inflow : 0, f = g(a + C), p = g(a + u * i.height + C), m = re[o], h = m + d * c.height;
+				n[e].forEach((e) => {
+					let n = t[e], r = S[e];
+					if (!n.children || !n.children.length) return;
+					let i = r.y;
+					n.children.forEach(({ target: o, value: s }) => {
+						let c = S[o], l = t[o], u = n.outflow > 0 ? s / n.outflow : 0, d = l.inflow > 0 ? s / l.inflow : 0, f = g(i + C), p = g(i + u * r.height + C), m = re[o], h = m + d * c.height;
 						ie[o] += s;
 						let ee = l.inflow > 0 && ie[o] >= l.inflow - 1e-6, _ = c.y + c.height;
 						(ee || h > _ - .25) && (h = _);
-						let v = g(m + C), y = g(h + C), b = g(i.x + te), x = g(c.x), se;
+						let v = g(m + C), y = g(h + C), b = g(r.x + te), x = g(c.x), se;
 						if (!ae || x <= b) se = `M ${b} ${f} L ${b} ${p} L ${x} ${y} L ${x} ${v} Z`;
 						else {
 							let e = x - b, t = g(b + e * oe), n = g(x - e * oe), r = f, i = v, a = p, o = y;
 							se = `M ${b} ${r} C ${t} ${r}, ${n} ${i}, ${x} ${i} L ${x} ${o} C ${n} ${o}, ${t} ${a}, ${b} ${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] = h;
+						}), i = p - C, re[o] = h;
 					});
 				});
 			}), {
@@ -376,30 +375,30 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				y: n.top + n.height / 2
 			};
 		}
-		function nn(e, t, n = "pointer", i = null) {
-			$.value = [], J.value = Zt(e.name), Y.value = e.name, $t.value = e.id, xt.value = n, yt.value = i, V.value = e.id;
-			let a = e.name, o = Wt.value, s = 0, c = 0, l = [], u = [], f = new Set(o.map(([e]) => e)), p = new Set(o.map(([, e]) => e)), m = Array.from(f).filter((e) => !p.has(e)), h = o.filter(([e]) => m.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
+		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, u = [], f = [], p = new Set(a.map(([e]) => e)), m = new Set(a.map(([, e]) => e)), h = Array.from(p).filter((e) => !m.has(e)), ee = a.filter(([e]) => h.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
 			q.value.nodes.forEach((e) => {
 				g[e.name] = e.color;
-			}), o.forEach(([e, t, n]) => {
-				t === a && (s += n, l.push({
+			}), a.forEach(([e, t, n]) => {
+				t === i && (o += n, u.push({
 					source: e,
 					value: n,
 					color: g[e]
-				})), e === a && (c += n, u.push({
+				})), e === i && (s += n, f.push({
 					target: t,
 					value: n,
 					color: g[t]
 				}));
 			});
-			let te = h > 0 ? Math.max(s, c) / h * 100 : 0, _ = {
-				name: a,
-				inflow: s,
-				outflow: c,
-				from: l,
-				to: u,
+			let te = ee > 0 ? Math.max(o, s) / ee * 100 : 0, _ = {
+				name: i,
+				inflow: o,
+				outflow: s,
+				from: u,
+				to: f,
 				percentOfTotal: te,
-				color: g[a] || "#000000"
+				color: g[i] || "#000000"
 			};
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
 				datapoint: _,
@@ -411,7 +410,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				series: q.value
 			}, ot.value = !0;
 			let v = "", y = U.value.style.chart.tooltip.customFormat;
-			if (Qt.value = !1, ee(y)) try {
+			if (Qt.value = !1, l(y)) try {
 				let e = y({
 					datapoint: _,
 					series: q.value,
@@ -422,21 +421,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>${r({
+				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${c({
 					p: U.value.style.chart.tooltip.translations.percentOfTotal,
 					v: _.percentOfTotal,
 					s: "%",
 					r: U.value.style.chart.tooltip.roundingPercentage
 				})}</div>` : "";
 				v += `<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:${_.color}">⏹</span>${_.name}${e}</div>`, _.from.length && (v += `<div>${U.value.style.chart.tooltip.translations.from}</div>`, _.from.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, r({
+					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, c({
 						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>`;
 				})), _.to.length && (v += `<div style="margin-top:6px;">${U.value.style.chart.tooltip.translations.to}</div>`, _.to.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, r({
+					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, c({
 						p: U.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
@@ -475,7 +474,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					[e.source],
 					[e.target],
 					[e.value]
-				]), n = s([
+				]), n = r([
 					[U.value.style.chart.title.text],
 					[U.value.style.chart.title.subtitle.text],
 					[
@@ -484,7 +483,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 						[U.value.table.columnNames.value]
 					]
 				].concat(t));
-				e ? e(n) : l({
+				e ? e(n) : s({
 					csvContent: n,
 					title: U.value.style.chart.title.text || "vue-ui-flow"
 				});
@@ -506,7 +505,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					name: e.target,
 					shape: "square"
 				},
-				r({
+				c({
 					p: U.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: U.value.style.chart.nodes.labels.suffix,
@@ -577,7 +576,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] || a[0],
+				color: U.value.nodeCategoryColors[e] || o[0],
 				shape: "square",
 				count: q.value.nodes.filter((t) => (U.value.nodeCategories[t.name] || "__uncategorized__") === e).length
 			})).map((e, t) => {
@@ -1045,7 +1044,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(r)({
+					"aria-label": `${e.name}: ${I(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(c)({
 						p: U.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
@@ -1062,7 +1061,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					fill: I(m)(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(p)({
+				}, Se(U.value.style.chart.nodes.labels.abbreviation.use ? I(f)({
 					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 +1071,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					fill: I(m)(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(r)({
+				}, Se(I(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(c)({
 					p: U.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: U.value.style.chart.nodes.labels.suffix,