vue-data-ui 3.22.0 → 3.22.1

package/dist/{vue-ui-flow-BoEP6hmg.js → vue-ui-flow-DOLqQ6P4.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, G as n, H as r, Ht as i, J as a, Ot as o, S as s, Tt as c, X as l, ht as u, i as d, n as f, r as p, t as m, v as h, x as g, y as _ } from "./lib-AJRHFE5U.js";
-import { t as ee } from "./useConfig-Br1uzq_L.js";
-import { t as v } from "./usePrinter-6n2MzVyV.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-C10cdg45.js";
+import { t as v } from "./usePrinter-Dng0UK-G.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-DtcXIg7n.js";
+import { t as S } from "./useNestedProp-APyFoLCQ.js";
 import { t as te } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ne } from "./img-C_RNNswI.js";
-import { n as C } from "./Title-DH6G8_cZ.js";
+import { t as ne } from "./img-BCAOkqfM.js";
+import { n as C } from "./Title-CVYf1f8m.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-CAStwHdx.js";
+import { t as le } from "./Legend-BVDhEEsC.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-979Ytd8R.js")), qe = k(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), Ye = k(() => import("./DataTable-G9aclxhk.js")), Xe = k(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-O8jn9Lvi.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-BmGCBJuU.js")), qe = k(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-Ck_u5Nro.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-_Dwp4NUr.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({
 			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(() => i({
+		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => o({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -163,17 +163,17 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: i({
+			skeletonConfig: o({
 				defaultConfig: U.value,
 				userConfig: Tt.value
 			})
 		}), kt = w(() => !!U.value.debug);
 		function At() {
-			if (c(R.dataset) && (l({
+			if (t(R.dataset) && (c({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: kt.value
-			}), Ot.value = !0), c(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,
@@ -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, r = e.theme;
-			if (r) 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 i = S({
-					userConfig: ue[r] || R.config,
+				let r = S({
+					userConfig: ue[n] || R.config,
 					defaultConfig: e
 				});
-				n = {
+				t = {
 					...S({
 						userConfig: R.config,
-						defaultConfig: i
+						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : t[r] || o
+					customPalette: e.customPalette.length ? e.customPalette : s[n] || d
 				};
 			}
-			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) => {
@@ -235,7 +235,7 @@ 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] || o[t] || o[t % o.length]
+			e[3] ? _(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || d[t] || d[t % d.length]
 		]));
 		function Gt(e) {
 			let t = {}, n = {};
@@ -256,20 +256,20 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					value: r
 				}), t[e].outflow += r, t[n].inflow += r;
 			});
-			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, t) => {
-				l[e] = Ht.value[t] || o[t % o.length];
+			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] = Ht.value[t] || d[t % d.length];
 			});
-			let u = {};
+			let l = {};
 			e.forEach(([e, t, n, r]) => {
-				r && (u[e] = r, u[t] = 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 = u[e] || i || (c.includes(e) ? l[e] : null) || o[n % o.length];
+				t[e].color = l[e] || i || (s.includes(e) ? c[e] : null) || d[n % d.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(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 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);
 			function b(e) {
 				let r = n[e], i = r.length;
 				if (!i) return Infinity;
@@ -288,9 +288,9 @@ 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)), u = l.reduce((e, t) => e + t, 0) + o, f = Math.max(0, (p - u) / 2);
+				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 = d.left + e * _, c = f;
+					let o = l[i], s = u.left + e * _, c = f;
 					te[n] = {
 						x: s,
 						y: c,
@@ -303,7 +303,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					}, f += o, i < a - 1 && (f += v);
 				});
 			});
-			let ne = [], C = d.top, re = {}, ie = {};
+			let ne = [], C = u.top, re = {}, ie = {};
 			Object.keys(t).forEach((e) => {
 				re[e] = te[e]?.y ?? 0, ie[e] = 0;
 			});
@@ -378,11 +378,11 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 		}
 		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, l = [], 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), _ = {};
+			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), _ = {};
 			q.value.nodes.forEach((e) => {
 				_[e.name] = e.color;
 			}), o.forEach(([e, t, n]) => {
-				t === a && (s += n, l.push({
+				t === a && (s += n, d.push({
 					source: e,
 					value: n,
 					color: _[e]
@@ -396,7 +396,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				name: a,
 				inflow: s,
 				outflow: c,
-				from: l,
+				from: d,
 				to: f,
 				percentOfTotal: ee,
 				color: _[a] || "#000000"
@@ -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, u(b)) try {
+			if (Qt.value = !1, l(b)) try {
 				let e = b({
 					datapoint: v,
 					series: q.value,
@@ -429,14 +429,14 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					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, n({
+					y += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${u(U.value.style.chart.nodes.labels.formatter, e.value, n({
 						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, n({
+					y += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${u(U.value.style.chart.nodes.labels.formatter, e.value, n({
 						p: U.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
@@ -475,7 +475,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					[e.source],
 					[e.target],
 					[e.value]
-				]), n = s([
+				]), n = a([
 					[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) : a({
+				e ? e(n) : i({
 					csvContent: n,
 					title: U.value.style.chart.title.text || "vue-ui-flow"
 				});
@@ -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] || o[0],
+				color: U.value.nodeCategoryColors[e] || d[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(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(n)({
+					"aria-label": `${e.name}: ${I(u)(U.value.style.chart.nodes.labels.formatter, e.value, I(n)({
 						p: U.value.style.chart.nodes.labels.prefix,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
@@ -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(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(n)({
+				}, Se(I(u)(U.value.style.chart.nodes.labels.formatter, e.value, I(n)({
 					p: U.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: U.value.style.chart.nodes.labels.suffix,