vue-data-ui 3.25.3 → 3.25.4

package/dist/{vue-ui-flow-B0L2gQ3k.js → vue-ui-flow-CoylrfnO.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, It as r, Jt as i, Nt as a, S as o, St as s, X as c, Xt as l, b as u, i as d, n as f, nt as p, q as ee, r as m, t as h, w as g } from "./lib-C7t_vY8w.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, Zt as l, b as u, i as d, n as f, nt as p, q as ee, r as m, t as h, w as g } from "./lib-Dql7cqyA.js";
 import { n as te, t as _ } from "./useHints-Dq_w2E8B.js";
 import { t as v } from "./useConfig-CyCVHo81.js";
-import { t as y } from "./usePrinter-VVTuFI6H.js";
+import { t as y } from "./usePrinter-DISD7q5m.js";
 import { n as b, t as x } from "./BaseScanner-DZvpgOjM.js";
-import { t as S } from "./useNestedProp-BfTgFMXF.js";
+import { t as S } from "./useNestedProp-Chvyfpl-.js";
 import { t as ne } from "./useThemeCheck-C43Tcqmk.js";
 import { t as C } from "./useChartExport-iwOqiIWX.js";
-import { t as re } from "./img-IjqD_xWl.js";
-import { n as ie } from "./Title-DIf1lG-_.js";
+import { t as re } from "./img-DhGApYG0.js";
+import { n as ie } from "./Title-CPHi-evi.js";
 import { t as ae } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as oe, t as se } from "./useResponsive-ZtArZtUf.js";
 import { t as ce } from "./A11yDataTable-DdRsVULz.js";
 import { t as le } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ue } from "./useChartAccessibility-DYqac8yF.js";
-import { t as de } from "./Legend-DmitJZi5.js";
+import { t as de } from "./Legend-X4kF4PvW.js";
 import { t as fe } from "./vue_ui_flow-BewZjjKG.js";
 import { Fragment as pe, Teleport as me, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createSlots as he, createTextVNode as ge, createVNode as _e, defineAsyncComponent as k, guardReactiveProps as A, mergeProps as ve, nextTick as ye, normalizeClass as be, normalizeProps as j, normalizeStyle as M, onMounted as xe, openBlock as N, ref as P, renderList as Se, renderSlot as F, resolveDynamicComponent as Ce, toDisplayString as I, toRefs as we, unref as L, watch as Te, withCtx as R } from "vue";
 //#region src/components/vue-ui-flow.vue
@@ -90,7 +90,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: ae, emit: Ee }) {
-		let qe = k(() => import("./Tooltip-C3jBTIhR.js")), Je = k(() => import("./BaseIcon-CVrQHhw1.js").then((e) => e.n)), Ye = k(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)), Xe = k(() => import("./DataTable-BBpTEQY5.js")), Ze = k(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), Qe = k(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), $e = k(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), et = k(() => import("./BaseDraggableDialog-BCQY4Tir.js").then((e) => e.n)), { vue_ui_flow: tt } = v(), { isThemeValid: nt, warnInvalidTheme: rt } = ne(), z = e, it = Ee, B = P(ee()), V = P(null), at = P(0), ot = P(0), st = P(!1), ct = P(""), lt = P(null), ut = P(null), dt = P(null), ft = P(null), pt = P(null), mt = P(!1), ht = P(null), gt = P(null), _t = P(null), vt = P(null), H = P(null), yt = P({
+		let qe = k(() => import("./Tooltip-hhrkQ3Lk.js")), Je = k(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), Ye = k(() => import("./vue-ui-accordion-D4zsdacF.js").then((e) => e.n)), Xe = k(() => import("./DataTable-COIO9gi4.js")), Ze = k(() => import("./PenAndPaper-B_SdRSKH.js").then((e) => e.t)), Qe = k(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), $e = k(() => import("./PackageVersion-5SWftabm.js").then((e) => e.t)), et = k(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), { vue_ui_flow: tt } = v(), { isThemeValid: nt, warnInvalidTheme: rt } = ne(), z = e, it = Ee, B = P(ee()), V = P(null), at = P(0), ot = P(0), st = P(!1), ct = P(""), lt = P(null), ut = P(null), dt = P(null), ft = P(null), pt = P(null), mt = P(!1), ht = P(null), gt = P(null), _t = P(null), vt = P(null), H = P(null), yt = P({
 			x: 0,
 			y: 0
 		}), bt = P("pointer"), xt = P(!1), St = w(() => !!z.dataset && z.dataset.length);
@@ -207,16 +207,16 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 			if (n) {
 				if (!nt.value(e)) rt(e), t = e;
 				else {
-					let a = S({
+					let r = S({
 						userConfig: fe[n] || z.config,
 						defaultConfig: e
 					});
 					t = {
 						...S({
 							userConfig: z.config,
-							defaultConfig: a
+							defaultConfig: r
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : i[n] || r
+						customPalette: e.customPalette.length ? e.customPalette : c[n] || i
 					};
 				}
 			} else t = e;
@@ -246,11 +246,11 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 			e[0],
 			e[1],
 			u(e[2]),
-			e[3] ? o(e[3]) : Vt.value[t] || Vt.value[t % Vt.value.length] || r[t] || r[t % r.length]
+			e[3] ? o(e[3]) : Vt.value[t] || Vt.value[t % Vt.value.length] || i[t] || i[t % i.length]
 		]));
 		function Wt(e) {
 			let t = {}, n = {};
-			function i(e, r) {
+			function r(e, r) {
 				t[e] || (t[e] = {
 					level: null,
 					inflow: 0,
@@ -260,23 +260,23 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 					uid: ee()
 				}), 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 = {};
 			s.forEach((e, t) => {
-				c[e] = Vt.value[t] || r[t % r.length];
+				c[e] = Vt.value[t] || i[t % i.length];
 			});
 			let l = {};
 			e.forEach(([e, t, n, r]) => {
 				r && (l[e] = r, l[t] = r);
 			}), Object.keys(t).forEach((e, n) => {
-				let i = W.value.nodeCategories?.[e], a = i ? W.value.nodeCategoryColors?.[i] : null;
-				t[e].color = l[e] || a || (s.includes(e) ? c[e] : null) || r[n % r.length];
+				let r = W.value.nodeCategories?.[e], a = r ? W.value.nodeCategoryColors?.[r] : null;
+				t[e].color = l[e] || a || (s.includes(e) ? c[e] : null) || i[n % i.length];
 			}), Object.keys(t).forEach((e) => {
 				t[e].value = Math.max(t[e].inflow, t[e].outflow);
 			});
@@ -387,30 +387,30 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 				y: n.top + n.height / 2
 			};
 		}
-		function tn(e, t, n = "pointer", r = null) {
-			$.value = [], Y.value = Xt(e.name), X.value = e.name, Qt.value = e.id, bt.value = n, vt.value = r, H.value = e.id;
-			let i = e.name, a = Ut.value, o = 0, l = 0, u = [], f = [], p = new Set(a.map(([e]) => e)), ee = new Set(a.map(([, e]) => e)), m = Array.from(p).filter((e) => !ee.has(e)), h = a.filter(([e]) => m.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
+		function tn(e, t, r = "pointer", i = null) {
+			$.value = [], Y.value = Xt(e.name), X.value = e.name, Qt.value = e.id, bt.value = r, vt.value = i, H.value = e.id;
+			let a = e.name, o = Ut.value, c = 0, l = 0, u = [], f = [], p = new Set(o.map(([e]) => e)), ee = new Set(o.map(([, e]) => e)), m = Array.from(p).filter((e) => !ee.has(e)), h = o.filter(([e]) => m.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
 			J.value.nodes.forEach((e) => {
 				g[e.name] = e.color;
-			}), a.forEach(([e, t, n]) => {
-				t === i && (o += n, u.push({
+			}), o.forEach(([e, t, n]) => {
+				t === a && (c += n, u.push({
 					source: e,
 					value: n,
 					color: g[e]
-				})), e === i && (l += n, f.push({
+				})), e === a && (l += n, f.push({
 					target: t,
 					value: n,
 					color: g[t]
 				}));
 			});
-			let te = h > 0 ? Math.max(o, l) / h * 100 : 0, _ = {
-				name: i,
-				inflow: o,
+			let te = h > 0 ? Math.max(c, l) / h * 100 : 0, _ = {
+				name: a,
+				inflow: c,
 				outflow: l,
 				from: u,
 				to: f,
 				percentOfTotal: te,
-				color: g[i] || "#000000"
+				color: g[a] || "#000000"
 			};
 			W.value.events.datapointEnter && W.value.events.datapointEnter({
 				datapoint: _,
@@ -422,7 +422,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 				series: J.value
 			}, st.value = !0;
 			let v = "", y = W.value.style.chart.tooltip.customFormat;
-			if (Zt.value = !1, s(y)) try {
+			if (Zt.value = !1, n(y)) try {
 				let e = y({
 					datapoint: _,
 					series: J.value,
@@ -433,21 +433,21 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 				console.warn("Custom format cannot be applied.");
 			}
 			if (!Zt.value) {
-				let e = W.value.style.chart.tooltip.showPercentage ? `<div>${c({
+				let e = W.value.style.chart.tooltip.showPercentage ? `<div>${s({
 					p: W.value.style.chart.tooltip.translations.percentOfTotal,
 					v: _.percentOfTotal,
 					s: "%",
 					r: W.value.style.chart.tooltip.roundingPercentage
 				})}</div>` : "";
 				v += `<div style="width:100%;text-align:center;border-bottom:1px solid ${W.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>${W.value.style.chart.tooltip.translations.from}</div>`, _.from.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${d(W.value.style.chart.nodes.labels.formatter, e.value, c({
+					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${d(W.value.style.chart.nodes.labels.formatter, e.value, s({
 						p: W.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: W.value.style.chart.nodes.labels.suffix,
 						r: W.value.style.chart.nodes.labels.rounding
 					}))}</div>`;
 				})), _.to.length && (v += `<div style="margin-top:6px;">${W.value.style.chart.tooltip.translations.to}</div>`, _.to.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${d(W.value.style.chart.nodes.labels.formatter, e.value, c({
+					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${d(W.value.style.chart.nodes.labels.formatter, e.value, s({
 						p: W.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: W.value.style.chart.nodes.labels.suffix,
@@ -455,7 +455,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 					}))}</div>`;
 				})), ct.value = v;
 			}
-			n === "keyboard" && ye(() => {
+			r === "keyboard" && ye(() => {
 				en(e.id);
 			});
 		}
@@ -482,7 +482,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 		})));
 		function on(e = null) {
 			ye(() => {
-				let r = an.value.map((e, t) => [
+				let n = an.value.map((e, t) => [
 					[e.source],
 					[e.target],
 					[e.value]
@@ -494,7 +494,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 						[W.value.table.columnNames.target],
 						[W.value.table.columnNames.value]
 					]
-				].concat(r), a = n(i);
+				].concat(n), a = r(i);
 				e ? e(a) : t({
 					csvContent: a,
 					title: W.value.style.chart.title.text || "vue-ui-flow"
@@ -517,7 +517,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 					name: e.target,
 					shape: "square"
 				},
-				c({
+				s({
 					p: W.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: W.value.style.chart.nodes.labels.suffix,
@@ -588,7 +588,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 			let e = new Set(J.value.nodes.map((e) => W.value.nodeCategories[e.name] || "__uncategorized__"));
 			return Array.from(e).map((e) => ({
 				name: e,
-				color: W.value.nodeCategoryColors[e] || r[0],
+				color: W.value.nodeCategoryColors[e] || i[0],
 				shape: "square",
 				count: J.value.nodes.filter((t) => (W.value.nodeCategories[t.name] || "__uncategorized__") === e).length
 			})).map((e, t) => {
@@ -1031,7 +1031,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 						opacity: Y.value ? Y.value.includes(e.name) ? 1 : .3 : 1,
 						outline: Qt.value !== null && Qt.value === e.id ? "2px solid currentColor" : void 0
 					}),
-					"aria-label": `${e.name}: ${L(d)(W.value.style.chart.nodes.labels.formatter, e.value, L(c)({
+					"aria-label": `${e.name}: ${L(d)(W.value.style.chart.nodes.labels.formatter, e.value, L(s)({
 						p: W.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: W.value.style.chart.nodes.labels.suffix,
@@ -1058,7 +1058,7 @@ var Ee = /* @__PURE__ */ e({ default: () => qe }), De = ["id"], Oe = ["id"], ke
 					fill: L(m)(e.color),
 					"text-anchor": "middle",
 					style: M(`pointer-events: none; opacity:${Y.value ? +!!Y.value.includes(e.name) : 1}`)
-				}, I(L(d)(W.value.style.chart.nodes.labels.formatter, e.value, L(c)({
+				}, I(L(d)(W.value.style.chart.nodes.labels.formatter, e.value, L(s)({
 					p: W.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: W.value.style.chart.nodes.labels.suffix,