vue-data-ui 3.20.10 → 3.21.0

package/dist/{vue-ui-flow-jBINqYMb.js → vue-ui-flow-BXfzMTXx.js}

@@ -1,20 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, Ct as n, Et as r, G as i, H as a, J as o, Rt as s, S as c, X as l, i as u, n as d, pt as f, r as p, t as m, v as h, x as g, y as _ } from "./lib-DUeYQsS0.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-DnH7Pf_2.js";
-import { t as v } from "./usePrinter-C1Gqt_Sp.js";
+import { t as v } from "./usePrinter-6n2MzVyV.js";
 import { n as y, t as b } from "./BaseScanner-Dr2a1Msy.js";
 import { t as x } from "./useSvgExport-SVIsDot8.js";
-import { t as S } from "./useNestedProp-CNcoy38D.js";
+import { t as S } from "./useNestedProp-DtcXIg7n.js";
 import { t as te } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ne } from "./img-1cKsci8e.js";
-import { n as C } from "./Title-NWp4qB4K.js";
+import { t as ne } from "./img-C_RNNswI.js";
+import { n as C } from "./Title-DH6G8_cZ.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-BCbtxMU6.js";
 import { t as se } from "./useUserOptionState-DK-_1ddE.js";
 import { t as ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as le } from "./Legend-Cz2uQ5gs.js";
+import { t as le } from "./Legend-BLhREbj7.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-BENq327o.js")), qe = k(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), Ye = k(() => import("./DataTable-B--IN22e.js")), Xe = k(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-BbgWxFC4.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_flow: et } = ee(), { isThemeValid: tt, warnInvalidTheme: nt } = te(), 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({
+		let Ke = k(() => import("./Tooltip-979Ytd8R.js")), qe = k(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), Ye = k(() => import("./DataTable-DweDyHc1.js")), Xe = k(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-BvaFJWHb.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(() => t({
+		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -163,17 +163,17 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: U.value,
 				userConfig: Tt.value
 			})
 		}), kt = w(() => !!U.value.debug);
 		function At() {
-			if (n(R.dataset) && (l({
+			if (c(R.dataset) && (l({
 				componentName: "VueUiFlow",
 				type: "dataset",
 				debug: kt.value
-			}), Ot.value = !0), n(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
+			}), Ot.value = !0), c(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
-			}), t = e, n = e.theme;
-			if (n) if (!tt.value(e)) nt(e), t = e;
+			}), n = e, r = e.theme;
+			if (r) if (!tt.value(e)) nt(e), n = e;
 			else {
 				let i = S({
-					userConfig: ue[n] || R.config,
+					userConfig: ue[r] || R.config,
 					defaultConfig: e
 				});
-				t = {
+				n = {
 					...S({
 						userConfig: R.config,
 						defaultConfig: i
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : s[n] || r
+					customPalette: e.customPalette.length ? e.customPalette : t[r] || o
 				};
 			}
-			else t = e;
-			return t.nodeCategories = R.config.nodeCategories || {}, t.nodeCategoryColors = R.config.nodeCategoryColors || {}, t;
+			else n = e;
+			return n.nodeCategories = R.config.nodeCategories || {}, n.nodeCategoryColors = R.config.nodeCategoryColors || {}, n;
 		}
 		let Ft = P(U.value.style.chart.width), It = P(U.value.style.chart.height);
 		we(() => R.config, (e) => {
@@ -235,19 +235,19 @@ 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] || r[t] || r[t % r.length]
+			e[3] ? _(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || o[t] || o[t % o.length]
 		]));
 		function Gt(e) {
 			let t = {}, n = {};
-			function i(e, r) {
+			function i(e, i) {
 				t[e] || (t[e] = {
 					level: null,
 					inflow: 0,
 					outflow: 0,
 					children: [],
 					color: null,
-					uid: a()
-				}), t[e].level === null && (t[e].level = r), n[r] || (n[r] = []), n[r].includes(e) || n[r].push(e);
+					uid: r()
+				}), t[e].level === null && (t[e].level = i), n[i] || (n[i] = []), n[i].includes(e) || n[i].push(e);
 			}
 			e.forEach(([e, n, r]) => {
 				let a = t[e]?.level ?? 0, o = a + 1;
@@ -256,16 +256,16 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					value: r
 				}), t[e].outflow += r, t[n].inflow += r;
 			});
-			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 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] || r[t % r.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 i = U.value.nodeCategories?.[e], a = i ? U.value.nodeCategoryColors?.[i] : null;
-				t[e].color = u[e] || a || (c.includes(e) ? l[e] : null) || r[n % r.length];
+				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];
 			}), Object.keys(t).forEach((e) => {
 				t[e].value = Math.max(t[e].inflow, t[e].outflow);
 			});
@@ -288,19 +288,19 @@ 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 r = n[e], i = r.length, o = Math.max(0, (i - 1) * v), s = Math.max(0, p - o), 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) + o, f = Math.max(0, (p - u) / 2);
-				r.forEach((n, r) => {
-					let o = l[r], s = d.left + e * _, c = f;
+				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);
+				i.forEach((n, i) => {
+					let o = l[i], s = d.left + e * _, c = f;
 					te[n] = {
 						x: s,
 						y: c,
 						absoluteY: c,
 						height: o,
-						i: r,
+						i,
 						color: t[n].color,
 						value: t[n].value,
-						id: a()
-					}, f += o, r < i - 1 && (f += v);
+						id: r()
+					}, f += o, i < a - 1 && (f += v);
 				});
 			});
 			let ne = [], C = d.top, re = {}, ie = {};
@@ -310,29 +310,29 @@ 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) => {
 				n[e].forEach((e) => {
-					let n = t[e], r = te[e];
+					let n = t[e], i = te[e];
 					if (!n.children || !n.children.length) return;
-					let i = r.y;
+					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(i + C), p = h(i + u * r.height + C), m = re[o], g = m + d * c.height;
+						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;
 						(_ || g > v - .25) && (g = v);
-						let y = h(m + C), b = h(g + C), x = h(r.x + ee), S = h(c.x), se;
+						let y = h(m + C), b = h(g + C), x = h(i.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: a(),
+							id: r(),
 							source: e,
 							target: o,
 							path: se,
 							value: s,
 							sourceColor: n.color,
 							targetColor: t[o].color
-						}), i = p - C, re[o] = g;
+						}), a = p - C, re[o] = g;
 					});
 				});
 			}), {
@@ -376,9 +376,9 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				y: n.top + n.height / 2
 			};
 		}
-		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 a = e.name, o = Wt.value, s = 0, c = 0, l = [], d = [], 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, 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), _ = {};
 			q.value.nodes.forEach((e) => {
 				_[e.name] = e.color;
 			}), o.forEach(([e, t, n]) => {
@@ -386,7 +386,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					source: e,
 					value: n,
 					color: _[e]
-				})), e === a && (c += n, d.push({
+				})), e === a && (c += n, f.push({
 					target: t,
 					value: n,
 					color: _[t]
@@ -397,7 +397,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				inflow: s,
 				outflow: c,
 				from: l,
-				to: 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, f(b)) try {
+			if (Qt.value = !1, u(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>${i({
+				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${n({
 					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, i({
+					y += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${d(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}: ${u(U.value.style.chart.nodes.labels.formatter, e.value, i({
+					y += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${d(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,
@@ -444,7 +444,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					}))}</div>`;
 				})), st.value = y;
 			}
-			n === "keyboard" && _e(() => {
+			r === "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 = c([
+				]), n = s([
 					[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) : o({
+				e ? e(n) : a({
 					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"
 				},
-				i({
+				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
 				})
-			]), n = {
+			]), r = {
 				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: n
+				config: r
 			};
 		}), 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] || r[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 +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(i)({
+					"aria-label": `${e.name}: ${I(d)(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,
@@ -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(d)({
+				}, 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 +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(i)({
+				}, Se(I(d)(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,

package/dist/{vue-ui-funnel-B9DsneCv.js → vue-ui-funnel-BpnC82m0.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t, G as n, H as r, J as i, S as a, X as ee, bt as te, i as o, ot as ne, r as re, t as ie, y as ae, zt as s } from "./lib-DUeYQsS0.js";
+import { G as t, H as n, J as r, S as i, St as a, Tt as ee, Vt as o, X as te, ct as ne, i as s, r as re, t as ie, y as ae } from "./lib-AJRHFE5U.js";
 import { t as oe } from "./useConfig-DnH7Pf_2.js";
-import { t as se } from "./usePrinter-C1Gqt_Sp.js";
+import { t as se } from "./usePrinter-6n2MzVyV.js";
 import { t as ce } from "./useSvgExport-SVIsDot8.js";
-import { t as c } from "./useNestedProp-CNcoy38D.js";
+import { t as c } from "./useNestedProp-DtcXIg7n.js";
 import { t as le } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ue } from "./img-1cKsci8e.js";
-import { n as de } from "./Title-NWp4qB4K.js";
+import { t as ue } from "./img-C_RNNswI.js";
+import { n as de } from "./Title-DH6G8_cZ.js";
 import { t as fe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as pe } from "./canvas-lib-BOP_HS11.js";
 import { t as me } from "./useResponsive-BfnK0KxU.js";
@@ -59,10 +59,10 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 	emits: ["copyAlt"],
 	setup(e, { expose: fe, emit: Oe }) {
 		Ee((e) => ({ v5d52ff0c: Et.value }));
-		let Ge = h(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Ke = h(() => import("./vue-ui-skeleton-BD0JzrcV.js").then((e) => e.n)), qe = h(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)), Je = h(() => import("./DataTable-B--IN22e.js")), Ye = h(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Xe = h(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ze = h(() => import("./PackageVersion-BbgWxFC4.js").then((e) => e.t)), Qe = h(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), { vue_ui_funnel: $e } = oe(), { isThemeValid: et, warnInvalidTheme: tt } = le(), O = e, nt = Oe, k = S(null), A = S(r()), rt = S(0), it = S(0), at = S(0), ot = S(null), st = S(null), ct = S(null), j = Te(null), M = Te(null), N = S(!1), P = S(null), F = S(null), I = S(!1), L = S(!1), R = u(() => !!O.dataset && O.dataset.length);
+		let Ge = h(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), Ke = h(() => import("./vue-ui-skeleton-qpdvvWtx.js").then((e) => e.n)), qe = h(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), Je = h(() => import("./DataTable-DweDyHc1.js")), Ye = h(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), Xe = h(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Ze = h(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), Qe = h(() => import("./BaseDraggableDialog-BvaFJWHb.js").then((e) => e.n)), { vue_ui_funnel: $e } = oe(), { isThemeValid: et, warnInvalidTheme: tt } = le(), O = e, nt = Oe, k = S(null), A = S(n()), rt = S(0), it = S(0), at = S(0), ot = S(null), st = S(null), ct = S(null), j = Te(null), M = Te(null), N = S(!1), P = S(null), F = S(null), I = S(!1), L = S(!1), R = u(() => !!O.dataset && O.dataset.length);
 		Ce(lt);
 		function lt() {
-			if (t(O.dataset) ? ee({
+			if (ee(O.dataset) ? te({
 				componentName: "VueUiFunnel",
 				type: "dataset"
 			}) : O.dataset.forEach((e, t) => {
@@ -70,7 +70,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					datasetObject: e,
 					requiredAttributes: ["name", "value"]
 				}).forEach((e) => {
-					R.value = !1, ee({
+					R.value = !1, te({
 						componentName: "VueUiFunnel",
 						type: "datasetSerieAttribute",
 						property: e,
@@ -86,19 +86,19 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 						noTitle: ot.value
 					});
 					requestAnimationFrame(() => {
-						H.value.height = t, H.value.width = e, W.value = xt(), z.value.responsiveProportionalSizing ? (V.value.circles = s({
+						H.value.height = t, H.value.width = e, W.value = xt(), z.value.responsiveProportionalSizing ? (V.value.circles = o({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.circles.dataLabels.fontSize,
 							threshold: 10,
 							fallback: 10
-						}), V.value.names = s({
+						}), V.value.names = o({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.bars.dataLabels.name.fontSize,
 							threshold: 10,
 							fallback: 10
-						}), V.value.values = s({
+						}), V.value.values = o({
 							relator: Math.min(e, t),
 							adjuster: 600,
 							source: z.value.style.chart.bars.dataLabels.value.fontSize,
@@ -152,7 +152,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 			set: (e) => e
 		}), U = u(() => R.value ? O.dataset.map((e, t) => ({
 			...e,
-			color: e.color ? ae(e.color) : te(z.value.style.chart.bars.defaultColor, t / O.dataset.length)
+			color: e.color ? ae(e.color) : a(z.value.style.chart.bars.defaultColor, t / O.dataset.length)
 		})) : []);
 		setTimeout(() => {
 			N.value = !0;
@@ -213,17 +213,17 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 				z.value.table.columnNames.series,
 				z.value.table.columnNames.value,
 				z.value.table.columnNames.percentage
-			], t = X.value.head.map((e, t) => {
-				let r = o(z.value.style.chart.bars.dataLabels.value.formatter, X.value.body[t], n({
+			], n = X.value.head.map((e, n) => {
+				let r = s(z.value.style.chart.bars.dataLabels.value.formatter, X.value.body[n], t({
 					p: z.value.style.chart.bars.dataLabels.value.prefix,
-					v: X.value.body[t],
+					v: X.value.body[n],
 					s: z.value.style.chart.bars.dataLabels.value.suffix,
 					r: z.value.table.td.roundingValue
-				}), { datapoint: q.value[t] }), i = o(z.value.style.chart.circles.dataLabels.formatter, q.value[t].proportion * 100, n({
-					v: q.value[t].proportion * 100,
+				}), { datapoint: q.value[n] }), i = s(z.value.style.chart.circles.dataLabels.formatter, q.value[n].proportion * 100, t({
+					v: q.value[n].proportion * 100,
 					s: "%",
 					r: z.value.table.td.roundingPercentage
-				}), { datapoint: q.value[t] });
+				}), { datapoint: q.value[n] });
 				return [
 					{
 						color: e.color,
@@ -252,7 +252,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					z.value.table.columnNames.percentage
 				],
 				head: e,
-				body: t,
+				body: n,
 				config: r
 			};
 		});
@@ -262,7 +262,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					[e.name],
 					[X.value.body[t]],
 					[q.value[t].proportion * 100]
-				]), n = a([
+				]), n = i([
 					[z.value.style.chart.title.text],
 					[z.value.style.chart.title.subtitle.text],
 					[
@@ -271,7 +271,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 						["%"]
 					]
 				].concat(t));
-				e ? e(n) : i({
+				e ? e(n) : r({
 					csvContent: n,
 					title: z.value.style.chart.title.text || "vue-ui-funnel"
 				});
@@ -389,14 +389,14 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 			toggleAnnotator: Dt,
 			toggleFullscreen: Tt,
 			copyAlt: Lt
-		}), (e, t) => (x(), p("div", {
+		}), (e, n) => (x(), p("div", {
 			ref_key: "funnelChart",
 			ref: k,
 			class: v(`vue-data-ui-component vue-ui-funnel ${J.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${z.value.useCssAnimation ? "" : "vue-ui-dna"}`),
 			style: b(`font-family:${z.value.style.fontFamily};width:100%; ${z.value.responsive ? "height:100%;" : ""} text-align:center;background:${z.value.style.chart.backgroundColor}`),
 			id: `funnel_${A.value}`,
-			onMouseenter: t[1] ||= () => E(pt)(!0),
-			onMouseleave: t[2] ||= () => E(pt)(!1)
+			onMouseenter: n[1] ||= () => E(pt)(!0),
+			onMouseleave: n[2] ||= () => E(pt)(!1)
 		}, [
 			z.value.userOptions.buttons.annotator ? (x(), d(E(Xe), {
 				key: 0,
@@ -637,7 +637,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					class: { animated: z.value.useCssAnimation && !N.value },
 					style: { animationDelay: `${150 * i}ms` }
 				}), null, 16, Le))), 256)),
-				(x(!0), p(l, null, C(q.value, (e, t) => (x(), p("text", {
+				(x(!0), p(l, null, C(q.value, (e, n) => (x(), p("text", {
 					x: e.cx,
 					y: e.cy + V.value.circles / 3 + z.value.style.chart.circles.dataLabels.offsetY,
 					"text-anchor": "middle",
@@ -645,8 +645,8 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					fill: z.value.style.chart.circles.dataLabels.adaptColorToBackground ? E(re)(e.color) : z.value.style.chart.circles.dataLabels.color,
 					"font-weight": z.value.style.chart.circles.dataLabels.bold ? "bold" : "normal",
 					class: v({ animated: z.value.useCssAnimation && !N.value }),
-					style: b({ animationDelay: `${150 * t}ms` })
-				}, T(E(o)(z.value.style.chart.circles.dataLabels.formatter, e.proportion * 100, E(n)({
+					style: b({ animationDelay: `${150 * n}ms` })
+				}, T(E(s)(z.value.style.chart.circles.dataLabels.formatter, e.proportion * 100, E(t)({
 					v: e.proportion * 100,
 					s: "%",
 					r: z.value.style.chart.circles.dataLabels.rounding
@@ -671,7 +671,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					class: { animated: z.value.useCssAnimation && !N.value },
 					style: { animationDelay: `${150 * a}ms` }
 				}), null, 16, Be))), 256)),
-				(x(!0), p(l, null, C(q.value, (e, t) => (x(), p("g", null, [m("text", {
+				(x(!0), p(l, null, C(q.value, (e, n) => (x(), p("g", null, [m("text", {
 					x: e.x + e.width + z.value.style.chart.bars.dataLabels.name.offsetX + 12,
 					y: e.cy - V.value.names / 2 + z.value.style.chart.bars.dataLabels.name.offsetY,
 					"text-anchor": "start",
@@ -679,7 +679,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					fill: z.value.style.chart.bars.dataLabels.name.color,
 					"font-weight": z.value.style.chart.bars.dataLabels.name.bold ? "bold" : "normal",
 					class: v({ animated: z.value.useCssAnimation && !N.value }),
-					style: b({ animationDelay: `${150 * t}ms` })
+					style: b({ animationDelay: `${150 * n}ms` })
 				}, T(e.name), 15, Ve), m("text", {
 					x: e.x + e.width + z.value.style.chart.bars.dataLabels.value.offsetX + 12,
 					y: e.cy + V.value.values + z.value.style.chart.bars.dataLabels.value.offsetY,
@@ -688,8 +688,8 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 					fill: z.value.style.chart.bars.dataLabels.value.color,
 					"font-weight": z.value.style.chart.bars.dataLabels.value.bold ? "bold" : "normal",
 					class: v({ animated: z.value.useCssAnimation && !N.value }),
-					style: b({ animationDelay: `${150 * t}ms` })
-				}, T(E(o)(z.value.style.chart.bars.dataLabels.value.formatter, e.value, E(n)({
+					style: b({ animationDelay: `${150 * n}ms` })
+				}, T(E(s)(z.value.style.chart.bars.dataLabels.value.formatter, e.value, E(t)({
 					p: z.value.style.chart.bars.dataLabels.value.prefix,
 					v: e.value,
 					s: z.value.style.chart.bars.dataLabels.value.suffix,
@@ -763,7 +763,7 @@ var Oe = /* @__PURE__ */ e({ default: () => Ge }), ke = ["id"], Ae = ["xmlns", "
 				fn: D(() => [m("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[0] ||= (e) => Q(z.value.userOptions.callbacks.csv)
+					onClick: n[0] ||= (e) => Q(z.value.userOptions.callbacks.csv)
 				}, [be(E(Ge), {
 					name: "fileCsv",
 					stroke: $.value.props.color