vue-data-ui 3.26.5 → 3.27.0

package/dist/{vue-ui-dumbbell-U2L4ZYhB.js → vue-ui-dumbbell-Qgn3wRyI.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Pt as r, Q as i, Rt as a, X as o, _ as s, at as ee, b as te, i as c, nt as ne, qt as re, t as ie, tn as ae, vt as oe } from "./lib-TWIH5fGr.js";
+import { $ as t, D as n, Ft as r, Jt as i, Q as a, X as o, _ as s, at as ee, b as te, i as c, nn as ne, nt as re, t as ie, yt as ae, zt as oe } from "./lib-D4wK6ljP.js";
 import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
-import { t as le } from "./useConfig-DObkR9Aa.js";
-import { t as ue } from "./usePrinter-8Y1Rju0Y.js";
+import { t as le } from "./useConfig-D_6ZrPMD.js";
+import { t as ue } from "./usePrinter-DdW2GSm0.js";
 import { n as de, t as fe } from "./BaseScanner-Dzc8VT3j.js";
-import { t as pe } from "./useNestedProp-BxOdWM0c.js";
+import { t as pe } from "./useNestedProp-DR_8JPol.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
 import { t as he } from "./useChartExport-iwOqiIWX.js";
 import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as _e } from "./img-KURaWjZI.js";
-import { n as ve } from "./Title-Bd98RysU.js";
+import { t as _e } from "./img-Bb5rHcpO.js";
+import { n as ve } from "./Title-BMCuINbv.js";
 import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as be, t as xe } from "./useResponsive-ZtArZtUf.js";
 import { t as l } from "./DefGrad-DVBqDjhO.js";
 import { t as Se } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as we } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Te } from "./Legend-D9FGXIbQ.js";
+import { t as Te } from "./Legend-CulFgjUY.js";
 import { t as Ee } from "./usePrefersMotion-BC-CsqR1.js";
 import { t as De } from "./vue_ui_dumbbell-Bfe_jFyi.js";
 import { Fragment as u, Teleport as Oe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as ke, createTextVNode as Ae, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as je, nextTick as Me, normalizeClass as Ne, normalizeProps as y, normalizeStyle as Pe, onBeforeUnmount as Fe, onMounted as Ie, openBlock as b, ref as x, renderList as S, renderSlot as C, resolveDynamicComponent as Le, shallowRef as Re, toDisplayString as w, toRefs as ze, unref as T, vShow as Be, watch as Ve, watchEffect as He, withCtx as E, withDirectives as Ue } from "vue";
@@ -183,7 +183,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: ye, emit: We }) {
-		let kt = _(() => import("./BaseIcon-CIK6Sqo3.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-AyyZDab3.js").then((e) => e.n)), jt = _(() => import("./DataTable-B6LDCXBz.js")), Mt = _(() => import("./PenAndPaper-C1EcBgJW.js").then((e) => e.t)), Nt = _(() => import("./UserOptions-B_yBcZ1-.js").then((e) => e.n)), Pt = _(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-BCFCiP_6.js").then((e) => e.n)), { vue_ui_dumbbell: It } = le(), { isThemeValid: Lt, warnInvalidTheme: Rt } = me(), zt = Ee(), D = e, Bt = We, Vt = d({
+		let kt = _(() => import("./BaseIcon-Cx9FD751.js").then((e) => e.n)), At = _(() => import("./vue-ui-accordion-CaoNWreI.js").then((e) => e.n)), jt = _(() => import("./DataTable-CjF_An2h.js")), Mt = _(() => import("./PenAndPaper-CNiuGw6k.js").then((e) => e.t)), Nt = _(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), Pt = _(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), Ft = _(() => import("./BaseDraggableDialog-C50TEJFv.js").then((e) => e.n)), { vue_ui_dumbbell: It } = le(), { isThemeValid: Lt, warnInvalidTheme: Rt } = me(), zt = Ee(), D = e, Bt = We, Vt = d({
 			get() {
 				return !!D.dataset && D.dataset.length;
 			},
@@ -208,7 +208,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 				]
 			}]
 		});
-		let on = d(() => P.value.userOptions.useCursorPointer), sn = d(() => ae({
+		let on = d(() => P.value.userOptions.useCursorPointer), sn = d(() => ne({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -276,7 +276,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 					end: 5
 				}
 			],
-			skeletonConfig: ae({
+			skeletonConfig: ne({
 				defaultConfig: P.value,
 				userConfig: sn.value
 			})
@@ -308,12 +308,12 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 		});
 		let gn = d(() => P.value.debug);
 		function _n() {
-			if (a(D.dataset) ? ee({
+			if (oe(D.dataset) ? ee({
 				componentName: "VueUiDumbbell",
 				type: "dataset",
 				debug: gn.value
 			}) : D.dataset.forEach((e, t) => {
-				oe({
+				ae({
 					datasetObject: e,
 					requiredAttributes: [
 						"name",
@@ -581,7 +581,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						[P.value.table.columnNames.end]
 					]
 				].concat(t), i = n(r);
-				e ? e(i) : ne({
+				e ? e(i) : re({
 					csvContent: i,
 					title: z.value.title.text || "vue-ui-dumbbell"
 				});
@@ -1192,7 +1192,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 						y: q.value.top,
 						height: Math.max(.1, q.value.height),
 						width: j.value ? Math.max(.1, Math.abs(j.value.endX - j.value.startX)) : 0,
-						fill: j.value ? T(re)(R.value.rectColor, R.value.rectOpacity) : "transparent",
+						fill: j.value ? T(i)(R.value.rectColor, R.value.rectOpacity) : "transparent",
 						style: { transition: "all 0.3s ease-in-out" }
 					}, null, 8, lt), [[Be, R.value.showRect && j.value !== null && ![null, void 0].includes(j.value.start) && ![null, void 0].includes(j.value.end)]]),
 					Ue(h("text", {
@@ -1216,7 +1216,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 							],
 							[
 								"90%",
-								T(i)(L.value.startColor, .1),
+								T(a)(L.value.startColor, .1),
 								1
 							],
 							[
@@ -1238,7 +1238,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 							],
 							[
 								"90%",
-								T(i)(L.value.endColor, .1),
+								T(a)(L.value.endColor, .1),
 								1
 							],
 							[
@@ -1260,7 +1260,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 							],
 							[
 								"90%",
-								T(i)(L.value.evaluationColors.positive, .1),
+								T(a)(L.value.evaluationColors.positive, .1),
 								1
 							],
 							[
@@ -1282,7 +1282,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 							],
 							[
 								"90%",
-								T(i)(L.value.evaluationColors.negative, .1),
+								T(a)(L.value.evaluationColors.negative, .1),
 								1
 							],
 							[
@@ -1304,7 +1304,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 							],
 							[
 								"90%",
-								T(i)(L.value.evaluationColors.neutral, .1),
+								T(a)(L.value.evaluationColors.neutral, .1),
 								1
 							],
 							[
@@ -1423,7 +1423,7 @@ var We = /* @__PURE__ */ e({ default: () => kt }), Ge = ["id"], Ke = ["id"], qe
 					y: q.value.top + t * Math.max(.1, q.value.rowHeight),
 					width: Math.max(.1, q.value.width),
 					height: Math.max(.1, q.value.rowHeight),
-					fill: A.value === null ? "transparent" : A.value === t ? T(re)(z.value.highlighter.color, z.value.highlighter.opacity) : "transparent",
+					fill: A.value === null ? "transparent" : A.value === t ? T(i)(z.value.highlighter.color, z.value.highlighter.opacity) : "transparent",
 					onMouseenter: (n) => qn({
 						datapoint: e,
 						seriesIndex: t

package/dist/{vue-ui-flow-DD20fJu_.js → vue-ui-flow-iSH6dyGw.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, $t as n, D as r, Et as i, Rt as a, S as o, Vt as s, X as c, at as l, b as u, et as d, i as f, n as ee, nt as p, r as m, t as h, tn as g, w as te } from "./lib-TWIH5fGr.js";
-import { n as _, t as v } from "./useHints-Dq_w2E8B.js";
-import { t as y } from "./useConfig-DObkR9Aa.js";
-import { t as b } from "./usePrinter-8Y1Rju0Y.js";
-import { n as x, t as ne } from "./BaseScanner-Dzc8VT3j.js";
-import { t as re } from "./useNestedProp-BxOdWM0c.js";
-import { t as S } from "./useThemeCheck-C43Tcqmk.js";
+import { $ as t, D as n, Dt as r, Ht as i, S as a, X as o, at as s, b as c, en as l, et as u, i as d, n as f, nn as p, nt as m, r as h, t as g, w as _, zt as ee } from "./lib-D4wK6ljP.js";
+import { n as v, t as y } from "./useHints-Dq_w2E8B.js";
+import { t as b } from "./useConfig-D_6ZrPMD.js";
+import { t as x } from "./usePrinter-DdW2GSm0.js";
+import { n as S, t as te } from "./BaseScanner-Dzc8VT3j.js";
+import { t as ne } from "./useNestedProp-DR_8JPol.js";
+import { t as re } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ie } from "./useChartExport-iwOqiIWX.js";
-import { t as ae } from "./img-KURaWjZI.js";
-import { n as oe } from "./Title-Bd98RysU.js";
+import { t as ae } from "./img-Bb5rHcpO.js";
+import { n as oe } from "./Title-BMCuINbv.js";
 import { t as se } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ce, t as le } from "./useResponsive-ZtArZtUf.js";
 import { t as ue } from "./A11yDataTable-DdRsVULz.js";
 import { t as de } from "./useUserOptionState-DK-_1ddE.js";
 import { t as fe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as pe } from "./Legend-D9FGXIbQ.js";
+import { t as pe } from "./Legend-CulFgjUY.js";
 import { t as me } from "./vue_ui_flow-BewZjjKG.js";
 import { Fragment as he, Teleport as ge, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createSlots as _e, createTextVNode as ve, createVNode as ye, defineAsyncComponent as O, guardReactiveProps as k, mergeProps as be, nextTick as xe, normalizeClass as Se, normalizeProps as A, normalizeStyle as j, onMounted as Ce, openBlock as M, ref as N, renderList as we, renderSlot as P, resolveDynamicComponent as Te, toDisplayString as F, toRefs as Ee, unref as I, watch as De, withCtx as L } from "vue";
 //#region src/components/vue-ui-flow.vue
@@ -90,7 +90,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: se, emit: Oe }) {
-		let Ye = O(() => import("./Tooltip-DmQeI5WE.js")), Xe = O(() => import("./BaseIcon-CIK6Sqo3.js").then((e) => e.n)), Ze = O(() => import("./vue-ui-accordion-AyyZDab3.js").then((e) => e.n)), Qe = O(() => import("./DataTable-B6LDCXBz.js")), $e = O(() => import("./PenAndPaper-C1EcBgJW.js").then((e) => e.t)), et = O(() => import("./UserOptions-B_yBcZ1-.js").then((e) => e.n)), tt = O(() => import("./PackageVersion-CslTvFsC.js").then((e) => e.t)), nt = O(() => import("./BaseDraggableDialog-BCFCiP_6.js").then((e) => e.n)), { vue_ui_flow: rt } = y(), { isThemeValid: it, warnInvalidTheme: at } = S(), R = e, ot = Oe, z = N(c()), B = N(null), st = N(0), ct = N(0), lt = N(!1), ut = N(""), dt = N(null), ft = N(null), pt = N(null), mt = N(null), ht = N(null), gt = N(!1), _t = N(null), vt = N(null), yt = N(null), bt = N(null), V = N(null), xt = N({
+		let Ye = O(() => import("./Tooltip-C4ZTwkLF.js")), Xe = O(() => import("./BaseIcon-Cx9FD751.js").then((e) => e.n)), Ze = O(() => import("./vue-ui-accordion-CaoNWreI.js").then((e) => e.n)), Qe = O(() => import("./DataTable-CjF_An2h.js")), $e = O(() => import("./PenAndPaper-CNiuGw6k.js").then((e) => e.t)), et = O(() => import("./UserOptions-CORYQiif.js").then((e) => e.n)), tt = O(() => import("./PackageVersion-D7H9nfK0.js").then((e) => e.t)), nt = O(() => import("./BaseDraggableDialog-C50TEJFv.js").then((e) => e.n)), { vue_ui_flow: rt } = b(), { isThemeValid: it, warnInvalidTheme: at } = re(), R = e, ot = Oe, z = N(o()), B = N(null), st = N(0), ct = N(0), lt = N(!1), ut = N(""), dt = N(null), ft = N(null), pt = N(null), mt = N(null), ht = N(null), gt = N(!1), _t = N(null), vt = N(null), yt = N(null), bt = N(null), V = N(null), xt = N({
 			x: 0,
 			y: 0
 		}), St = N("pointer"), Ct = N(!1), wt = C(() => !!R.dataset && R.dataset.length);
@@ -102,13 +102,13 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			H.value = e, st.value += 1;
 		}
 		let U = N(Lt()), W = C(() => U.value.style.chart.nodes.labels), G = C(() => U.value.style.chart.nodes), Et = C(() => U.value.style.chart.links), K = C(() => U.value.style.chart);
-		_({
+		v({
 			config: () => U.value,
 			dataset: () => R.dataset,
 			component: "VueUiFlow",
-			rules: [v.emptyArray, v.noHint]
+			rules: [y.emptyArray, y.noHint]
 		});
-		let Dt = C(() => U.value.userOptions.useCursorPointer), Ot = C(() => g({
+		let Dt = C(() => U.value.userOptions.useCursorPointer), Ot = C(() => p({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -131,7 +131,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				} }
 			},
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: kt, FINAL_DATASET: At, manualLoading: jt } = x({
+		})), { loading: kt, FINAL_DATASET: At, manualLoading: jt } = S({
 			...Ee(R),
 			FINAL_CONFIG: U,
 			prepareConfig: Lt,
@@ -173,17 +173,17 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: g({
+			skeletonConfig: p({
 				defaultConfig: U.value,
 				userConfig: Ot.value
 			})
 		}), Mt = C(() => U.value.debug);
 		function Nt() {
-			if (a(R.dataset) && (l({
+			if (ee(R.dataset) && (s({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: Mt.value
-			}), jt.value = !0), a(R.dataset) || (jt.value = U.value.loading), U.value.responsive) {
+			}), jt.value = !0), ee(R.dataset) || (jt.value = U.value.loading), U.value.responsive) {
 				let e = ce(() => {
 					let { width: e, height: t } = le({
 						chart: B.value,
@@ -200,23 +200,23 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		}
 		let { userOptionsVisible: Pt, setUserOptionsVisibility: Ft, keepUserOptionState: It } = de({ config: U.value }), { svgRef: q } = fe({ config: K.value.title });
 		function Lt() {
-			let e = re({
+			let e = ne({
 				userConfig: R.config,
 				defaultConfig: rt
-			}), t = e, r = e.theme;
-			if (r) {
+			}), t = e, n = e.theme;
+			if (n) {
 				if (!it.value(e)) at(e), t = e;
 				else {
-					let i = re({
-						userConfig: me[r] || R.config,
+					let r = ne({
+						userConfig: me[n] || R.config,
 						defaultConfig: e
 					});
 					t = {
-						...re({
+						...ne({
 							userConfig: R.config,
-							defaultConfig: i
+							defaultConfig: r
 						}),
-						customPalette: e.customPalette.length ? e.customPalette : n[r] || s
+						customPalette: e.customPalette.length ? e.customPalette : l[n] || i
 					};
 				}
 			} else t = e;
@@ -224,7 +224,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		}
 		let Rt = N(K.value.width), zt = N(K.value.height);
 		function Bt(e) {
-			let t = d(e);
+			let t = u(e);
 			return t?.style?.chart && delete t.style.chart.tooltip, JSON.stringify(t);
 		}
 		let Vt = Bt(R.config);
@@ -240,11 +240,11 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		}, { deep: !0 }), De(() => R.dataset, (e) => {
 			Array.isArray(e) && e.length > 0 && (jt.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Ht, isImaging: Ut, generatePdf: Wt, generateImage: Gt } = b({
+		let { isPrinting: Ht, isImaging: Ut, generatePdf: Wt, generateImage: Gt } = x({
 			elementId: `flow_${z.value}`,
 			fileName: K.value.title.text || "vue-ui-flow",
 			options: U.value.userOptions.print
-		}), Kt = C(() => U.value.userOptions.show && !K.value.title.text), qt = C(() => te(U.value.customPalette)), Jt = C(() => G.value.width), J = N({
+		}), Kt = C(() => U.value.userOptions.show && !K.value.title.text), qt = C(() => _(U.value.customPalette)), Jt = C(() => G.value.width), J = N({
 			showTable: U.value.table.show,
 			showTooltip: K.value.tooltip.show
 		});
@@ -257,8 +257,8 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 		let Yt = C(() => !At.value || !At.value.length ? [] : At.value.map((e, t) => [
 			e[0],
 			e[1],
-			u(e[2]),
-			e[3] ? o(e[3]) : qt.value[t] || qt.value[t % qt.value.length] || s[t] || s[t % s.length]
+			c(e[2]),
+			e[3] ? a(e[3]) : qt.value[t] || qt.value[t % qt.value.length] || i[t] || i[t % i.length]
 		]));
 		function Xt(e) {
 			let t = {}, n = {};
@@ -269,7 +269,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					outflow: 0,
 					children: [],
 					color: null,
-					uid: c()
+					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, i]) => {
@@ -279,24 +279,24 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					value: i
 				}), t[e].outflow += i, t[n].inflow += i;
 			});
-			let i = new Set(e.map(([e]) => e)), a = new Set(e.map(([, e]) => e)), o = Array.from(i).filter((e) => !a.has(e)), l = {};
-			o.forEach((e, t) => {
-				l[e] = qt.value[t] || s[t % s.length];
+			let a = new Set(e.map(([e]) => e)), s = new Set(e.map(([, e]) => e)), l = Array.from(a).filter((e) => !s.has(e)), u = {};
+			l.forEach((e, t) => {
+				u[e] = qt.value[t] || i[t % i.length];
 			});
 			let d = {};
 			e.forEach(([e, t, n, r]) => {
 				r && (d[e] = r, d[t] = r);
 			}), Object.keys(t).forEach((e, n) => {
-				let r = U.value.nodeCategories?.[e], i = r ? U.value.nodeCategoryColors?.[r] : null;
-				t[e].color = d[e] || i || (o.includes(e) ? l[e] : null) || s[n % s.length];
+				let r = U.value.nodeCategories?.[e], a = r ? U.value.nodeCategoryColors?.[r] : null;
+				t[e].color = d[e] || a || (l.includes(e) ? u[e] : null) || i[n % i.length];
 			}), Object.keys(t).forEach((e) => {
 				t[e].value = Math.max(t[e].inflow, t[e].outflow);
 			});
-			let f = $t.value, ee = en.value.width, p = en.value.height, m = Object.keys(n).map(Number).sort((e, t) => e - t), h = m.length || 1, g = h > 1 ? ee / (h - 1) : 0, te = Number(Jt.value), _ = Number(G.value.gapPx ?? G.value.gap ?? 8), v = Number(G.value.minHeight || 0);
-			function y(e) {
+			let f = $t.value, p = en.value.width, m = en.value.height, h = Object.keys(n).map(Number).sort((e, t) => e - t), g = h.length || 1, _ = g > 1 ? p / (g - 1) : 0, ee = Number(Jt.value), v = Number(G.value.gapPx ?? G.value.gap ?? 8), y = Number(G.value.minHeight || 0);
+			function b(e) {
 				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 = r.map((e) => t[e].value || 0), u = l.reduce((e, t) => e + t, 0);
+				let a = Math.max(0, (i - 1) * v), o = Math.max(0, m - 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) {
@@ -309,58 +309,58 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				}
 				return u > 0 ? Math.max(0, (o - c) / u) : 0;
 			}
-			let b = m.map(y), x = b.length ? Math.min(...b) : 0, ne = {};
-			m.forEach((e) => {
-				let r = n[e], i = r.length, a = Math.max(0, (i - 1) * _), o = Math.max(0, p - a), s = Math.min(v, i ? o / i : 0), l = r.map((e) => Math.max(s, (t[e].value || 0) * x)), u = l.reduce((e, t) => e + t, 0) + a, d = Math.max(0, (p - u) / 2);
+			let x = h.map(b), S = x.length ? Math.min(...x) : 0, te = {};
+			h.forEach((e) => {
+				let r = n[e], i = r.length, a = Math.max(0, (i - 1) * v), s = Math.max(0, m - 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, d = Math.max(0, (m - u) / 2);
 				r.forEach((n, r) => {
-					let a = l[r], o = f.left + e * g, s = d;
-					ne[n] = {
-						x: o,
-						y: s,
-						absoluteY: s,
+					let a = l[r], s = f.left + e * _, c = d;
+					te[n] = {
+						x: s,
+						y: c,
+						absoluteY: c,
 						height: a,
 						i: r,
 						color: t[n].color,
 						value: t[n].value,
-						id: c()
-					}, d += a, r < i - 1 && (d += _);
+						id: o()
+					}, d += a, r < i - 1 && (d += v);
 				});
 			});
-			let re = [], S = f.top, ie = {}, ae = {};
+			let ne = [], re = f.top, ie = {}, ae = {};
 			Object.keys(t).forEach((e) => {
-				ie[e] = ne[e]?.y ?? 0, ae[e] = 0;
+				ie[e] = te[e]?.y ?? 0, ae[e] = 0;
 			});
 			let oe = !!Et.value.smooth, se = .5;
-			return m.forEach((e) => {
+			return h.forEach((e) => {
 				n[e].forEach((e) => {
-					let n = t[e], r = ne[e];
+					let n = t[e], r = te[e];
 					if (!n.children || !n.children.length) return;
 					let i = r.y;
-					n.children.forEach(({ target: a, value: o }) => {
-						let s = ne[a], l = t[a], d = n.outflow > 0 ? o / n.outflow : 0, f = l.inflow > 0 ? o / l.inflow : 0, ee = u(i + S), p = u(i + d * r.height + S), m = ie[a], h = m + f * s.height;
-						ae[a] += o;
-						let g = l.inflow > 0 && ae[a] >= l.inflow - 1e-6, _ = s.y + s.height;
-						(g || h > _ - .25) && (h = _);
-						let v = u(m + S), y = u(h + S), b = u(r.x + te), x = u(s.x), ce;
-						if (!oe || x <= b) ce = `M ${b} ${ee} L ${b} ${p} L ${x} ${y} L ${x} ${v} Z`;
+					n.children.forEach(({ target: a, value: s }) => {
+						let l = te[a], u = t[a], d = n.outflow > 0 ? s / n.outflow : 0, f = u.inflow > 0 ? s / u.inflow : 0, p = c(i + re), m = c(i + d * r.height + re), h = ie[a], g = h + f * l.height;
+						ae[a] += s;
+						let _ = u.inflow > 0 && ae[a] >= u.inflow - 1e-6, v = l.y + l.height;
+						(_ || g > v - .25) && (g = v);
+						let y = c(h + re), b = c(g + re), x = c(r.x + ee), S = c(l.x), ce;
+						if (!oe || S <= x) ce = `M ${x} ${p} L ${x} ${m} L ${S} ${b} L ${S} ${y} Z`;
 						else {
-							let e = x - b, t = u(b + e * se), n = u(x - e * se), r = ee, i = v, a = p, o = y;
-							ce = `M ${b} ${r} C ${t} ${r}, ${n} ${i}, ${x} ${i} L ${x} ${o} C ${n} ${o}, ${t} ${a}, ${b} ${a} Z`;
+							let e = S - x, t = c(x + e * se), n = c(S - e * se), r = p, i = y, a = m, o = b;
+							ce = `M ${x} ${r} C ${t} ${r}, ${n} ${i}, ${S} ${i} L ${S} ${o} C ${n} ${o}, ${t} ${a}, ${x} ${a} Z`;
 						}
-						re.push({
-							id: c(),
+						ne.push({
+							id: o(),
 							source: e,
 							target: a,
 							path: ce,
-							value: o,
+							value: s,
 							sourceColor: n.color,
 							targetColor: t[a].color
-						}), i = p - S, ie[a] = h;
+						}), i = m - re, ie[a] = g;
 					});
 				});
 			}), {
-				nodeCoordinates: ne,
-				links: re
+				nodeCoordinates: te,
+				links: ne
 			};
 		}
 		let Y = C(() => {
@@ -399,44 +399,44 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				y: n.top + n.height / 2
 			};
 		}
-		function ln(e, n, r = "pointer", a = null) {
-			$.value = [], X.value = nn(e.name), Z.value = e.name, on.value = e.id, St.value = r, bt.value = a, V.value = e.id;
-			let o = e.name, s = Yt.value, c = 0, l = 0, u = [], d = [], ee = new Set(s.map(([e]) => e)), p = new Set(s.map(([, e]) => e)), m = Array.from(ee).filter((e) => !p.has(e)), h = s.filter(([e]) => m.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
+		function ln(e, n, i = "pointer", a = null) {
+			$.value = [], X.value = nn(e.name), Z.value = e.name, on.value = e.id, St.value = i, bt.value = a, V.value = e.id;
+			let o = e.name, s = Yt.value, c = 0, l = 0, u = [], f = [], p = new Set(s.map(([e]) => e)), m = new Set(s.map(([, e]) => e)), h = Array.from(p).filter((e) => !m.has(e)), g = s.filter(([e]) => h.includes(e)).reduce((e, [t, n, r]) => e + r, 0), _ = {};
 			Y.value.nodes.forEach((e) => {
-				g[e.name] = e.color;
+				_[e.name] = e.color;
 			}), s.forEach(([e, t, n]) => {
 				t === o && (c += n, u.push({
 					source: e,
 					value: n,
-					color: g[e]
-				})), e === o && (l += n, d.push({
+					color: _[e]
+				})), e === o && (l += n, f.push({
 					target: t,
 					value: n,
-					color: g[t]
+					color: _[t]
 				}));
 			});
-			let te = h > 0 ? Math.max(c, l) / h * 100 : 0, _ = {
+			let ee = g > 0 ? Math.max(c, l) / g * 100 : 0, v = {
 				name: o,
 				inflow: c,
 				outflow: l,
 				from: u,
-				to: d,
-				percentOfTotal: te,
-				color: g[o] || "#000000"
+				to: f,
+				percentOfTotal: ee,
+				color: _[o] || "#000000"
 			};
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
-				datapoint: _,
+				datapoint: v,
 				seriesIndex: n
 			}), rn.value = {
-				datapoint: _,
+				datapoint: v,
 				config: U.value,
 				seriesIndex: n,
 				series: Y.value
 			}, lt.value = !0;
-			let v = "", y = K.value.tooltip.customFormat;
-			if (an.value = !1, i(y)) try {
-				let e = y({
-					datapoint: _,
+			let y = "", b = K.value.tooltip.customFormat;
+			if (an.value = !1, r(b)) try {
+				let e = b({
+					datapoint: v,
 					series: Y.value,
 					config: U.value
 				});
@@ -447,27 +447,27 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			if (!an.value) {
 				let e = K.value.tooltip.showPercentage ? `<div>${t({
 					p: K.value.tooltip.translations.percentOfTotal,
-					v: _.percentOfTotal,
+					v: v.percentOfTotal,
 					s: "%",
 					r: K.value.tooltip.roundingPercentage
 				})}</div>` : "";
-				v += `<div style="width:100%;text-align:center;border-bottom:1px solid ${K.value.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;"><span style="margin-right:4px; color:${_.color}">⏹</span>${_.name}${e}</div>`, _.from.length && (v += `<div>${K.value.tooltip.translations.from}</div>`, _.from.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${f(W.value.formatter, e.value, t({
+				y += `<div style="width:100%;text-align:center;border-bottom:1px solid ${K.value.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>${K.value.tooltip.translations.from}</div>`, v.from.forEach((e) => {
+					y += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${d(W.value.formatter, e.value, t({
 						p: W.value.prefix,
 						v: e.value,
 						s: W.value.suffix,
 						r: W.value.rounding
 					}))}</div>`;
-				})), _.to.length && (v += `<div style="margin-top:6px;">${K.value.tooltip.translations.to}</div>`, _.to.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${f(W.value.formatter, e.value, t({
+				})), v.to.length && (y += `<div style="margin-top:6px;">${K.value.tooltip.translations.to}</div>`, v.to.forEach((e) => {
+					y += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${d(W.value.formatter, e.value, t({
 						p: W.value.prefix,
 						v: e.value,
 						s: W.value.suffix,
 						r: W.value.rounding
 					}))}</div>`;
-				})), ut.value = v;
+				})), ut.value = y;
 			}
-			r === "keyboard" && xe(() => {
+			i === "keyboard" && xe(() => {
 				cn(e.id);
 			});
 		}
@@ -498,7 +498,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					[e.source],
 					[e.target],
 					[e.value]
-				]), n = [
+				]), r = [
 					[K.value.title.text],
 					[K.value.title.subtitle.text],
 					[
@@ -506,8 +506,8 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 						[U.value.table.columnNames.target],
 						[U.value.table.columnNames.value]
 					]
-				].concat(t), i = r(n);
-				e ? e(i) : p({
+				].concat(t), i = n(r);
+				e ? e(i) : m({
 					csvContent: i,
 					title: K.value.title.text || "vue-ui-flow"
 				});
@@ -565,7 +565,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			...e,
 			index: t,
 			centerX: e.x + Jt.value / 2,
-			centerY: u(e.absoluteY) + K.value.padding.top + e.height / 2
+			centerY: c(e.absoluteY) + K.value.padding.top + e.height / 2
 		})).sort((e, t) => e.x === t.x ? e.absoluteY - t.absoluteY : e.x - t.x)), Q = C(() => {
 			let e = [];
 			return gn.value.forEach((t) => {
@@ -600,7 +600,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			let e = new Set(Y.value.nodes.map((e) => U.value.nodeCategories[e.name] || "__uncategorized__"));
 			return Array.from(e).map((e) => ({
 				name: e,
-				color: U.value.nodeCategoryColors[e] || s[0],
+				color: U.value.nodeCategoryColors[e] || i[0],
 				shape: "square",
 				count: Y.value.nodes.filter((t) => (U.value.nodeCategories[t.name] || "__uncategorized__") === e).length
 			})).map((e, t) => {
@@ -978,7 +978,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 			D("div", Ne, [(M(), E("svg", {
 				ref_key: "svgRef",
 				ref: q,
-				xmlns: I(h),
+				xmlns: I(g),
 				"aria-describedby": `chart-instructions-${z.value}`,
 				viewBox: `0 0 ${tn.value.width} ${tn.value.height}`,
 				class: Se({
@@ -1034,8 +1034,8 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 					"data-a11y-node-id": e.id,
 					class: "vue-ui-flow-node",
 					x: e.x,
-					y: I(u)(e.absoluteY) + K.value.padding.top,
-					height: I(u)(e.height),
+					y: I(c)(e.absoluteY) + K.value.padding.top,
+					height: I(c)(e.height),
 					width: Jt.value,
 					fill: e.color,
 					stroke: G.value.stroke,
@@ -1045,7 +1045,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 						opacity: X.value ? X.value.includes(e.name) ? 1 : .3 : 1,
 						outline: on.value !== null && on.value === e.id ? "2px solid currentColor" : void 0
 					}),
-					"aria-label": `${e.name}: ${I(f)(W.value.formatter, e.value, I(t)({
+					"aria-label": `${e.name}: ${I(d)(W.value.formatter, e.value, I(t)({
 						p: W.value.prefix,
 						v: e.value,
 						s: W.value.suffix,
@@ -1057,22 +1057,22 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				}, null, 44, Be))), 256)),
 				W.value.show ? (M(), E("g", Ve, [(M(!0), E(he, null, we(Y.value.nodes, (e, t) => (M(), E("text", {
 					x: e.x + Jt.value / 2,
-					y: (W.value.showValue ? I(u)(e.absoluteY + e.height / 2 - W.value.fontSize / 4) : e.absoluteY + e.height / 2 + W.value.fontSize / 3) + K.value.padding.top,
+					y: (W.value.showValue ? I(c)(e.absoluteY + e.height / 2 - W.value.fontSize / 4) : e.absoluteY + e.height / 2 + W.value.fontSize / 3) + K.value.padding.top,
 					"font-size": W.value.fontSize,
-					fill: I(m)(e.color),
+					fill: I(h)(e.color),
 					"text-anchor": "middle",
 					style: j(`pointer-events: none; opacity:${X.value ? +!!X.value.includes(e.name) : 1}`)
-				}, F(W.value.abbreviation.use ? I(ee)({
+				}, F(W.value.abbreviation.use ? I(f)({
 					source: e.name,
 					length: G.value.labels.abbreviation.length
 				}) : e.name), 13, He))), 256)), W.value.showValue ? (M(!0), E(he, { key: 0 }, we(Y.value.nodes, (e, n) => (M(), E("text", {
 					x: e.x + Jt.value / 2,
-					y: I(u)(e.absoluteY + e.height / 2 + W.value.fontSize / 1.3) + K.value.padding.top,
+					y: I(c)(e.absoluteY + e.height / 2 + W.value.fontSize / 1.3) + K.value.padding.top,
 					"font-size": W.value.fontSize,
-					fill: I(m)(e.color),
+					fill: I(h)(e.color),
 					"text-anchor": "middle",
 					style: j(`pointer-events: none; opacity:${X.value ? +!!X.value.includes(e.name) : 1}`)
-				}, F(I(f)(W.value.formatter, e.value, I(t)({
+				}, F(I(d)(W.value.formatter, e.value, I(t)({
 					p: W.value.prefix,
 					v: e.value,
 					s: W.value.suffix,
@@ -1221,7 +1221,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ye }), ke = ["id"], Ae = ["id"], je
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : T("", !0),
-			P(e.$slots, "skeleton", {}, () => [I(kt) ? (M(), w(ne, { key: 0 })) : T("", !0)], !0)
+			P(e.$slots, "skeleton", {}, () => [I(kt) ? (M(), w(te, { key: 0 })) : T("", !0)], !0)
 		], 46, ke));
 	}
 }, [["__scopeId", "data-v-040cb62f"]]);