vue-data-ui 3.23.1 → 3.23.2

package/dist/{vue-ui-flow-DWaZF4FS.js → vue-ui-flow-BF_cndsv.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { $ as t, D as n, Jt as r, Kt as i, Pt as a, S as o, X as s, b as c, i as l, jt as u, n as d, q as ee, r as f, t as p, tt as m, w as h, xt as te } from "./lib-Bttd6u5E.js";
 import { n as ne, t as g } from "./useHints-Dq_w2E8B.js";
-import { t as _ } from "./useConfig-D3scuR88.js";
+import { t as _ } from "./useConfig-DlNpz6P8.js";
 import { t as v } from "./usePrinter-DN5bYhTG.js";
 import { n as y, t as b } from "./BaseScanner-DZvpgOjM.js";
-import { t as x } from "./useSvgExport-DH-FfcqQ.js";
-import { t as re } from "./useNestedProp-vPNvh7rV.js";
-import { t as S } from "./useThemeCheck-C43Tcqmk.js";
+import { t as x } from "./useNestedProp-vPNvh7rV.js";
+import { t as re } from "./useThemeCheck-C43Tcqmk.js";
+import { t as S } from "./useChartExport-DNiwdPmb.js";
 import { t as ie } from "./img-Bnokohej.js";
 import { n as ae } from "./Title-BE3qg9xl.js";
 import { t as oe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
@@ -87,25 +87,25 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: oe, emit: De }) {
-		let Je = O(() => import("./Tooltip-DhjyfHwz.js")), Ye = O(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Xe = O(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), Ze = O(() => import("./DataTable-BbKgJ5UI.js")), Qe = O(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), $e = O(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), et = O(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), tt = O(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_flow: nt } = _(), { isThemeValid: rt, warnInvalidTheme: it } = S(), R = e, at = De, z = N(ee()), B = N(null), ot = N(0), st = N(0), ct = N(!1), lt = N(""), ut = N(null), dt = N(null), ft = N(null), pt = N(null), mt = N(null), ht = N(!1), gt = N(null), _t = N(null), vt = N(null), yt = N(!1), bt = N(!1), xt = N(null), V = N(null), St = N({
+		let Je = O(() => import("./Tooltip-DhjyfHwz.js")), Ye = O(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Xe = O(() => import("./vue-ui-accordion-DegI2lzR.js").then((e) => e.n)), Ze = O(() => import("./DataTable-BbKgJ5UI.js")), Qe = O(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), $e = O(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), et = O(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), tt = O(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_flow: nt } = _(), { isThemeValid: rt, warnInvalidTheme: it } = re(), R = e, at = De, z = N(ee()), B = N(null), ot = N(0), st = N(0), ct = N(!1), lt = N(""), ut = N(null), dt = N(null), ft = N(null), pt = N(null), mt = N(null), ht = N(!1), gt = N(null), _t = N(null), vt = N(null), yt = N(null), V = N(null), bt = N({
 			x: 0,
 			y: 0
-		}), Ct = N("pointer"), wt = N(!1), Tt = C(() => !!R.dataset && R.dataset.length);
+		}), xt = N("pointer"), St = N(!1), Ct = C(() => !!R.dataset && R.dataset.length);
 		Se(() => {
-			ht.value = !0, Mt();
+			ht.value = !0, At();
 		});
 		let H = N(!1);
-		function Et(e) {
+		function wt(e) {
 			H.value = e, ot.value += 1;
 		}
-		let U = N(It());
+		let U = N(Pt());
 		ne({
 			config: () => U.value,
 			dataset: () => R.dataset,
 			component: "VueUiFlow",
 			rules: [g.emptyArray, g.noHint]
 		});
-		let W = C(() => U.value.userOptions.useCursorPointer), Dt = C(() => r({
+		let W = C(() => U.value.userOptions.useCursorPointer), Tt = C(() => r({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -128,10 +128,10 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				} }
 			},
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: Ot, FINAL_DATASET: kt, manualLoading: At } = y({
+		})), { loading: Et, FINAL_DATASET: Dt, manualLoading: Ot } = y({
 			...Te(R),
 			FINAL_CONFIG: U,
-			prepareConfig: It,
+			prepareConfig: Pt,
 			skeletonDataset: R.config?.skeletonDataset ?? [
 				[
 					"A",
@@ -172,15 +172,15 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			],
 			skeletonConfig: r({
 				defaultConfig: U.value,
-				userConfig: Dt.value
+				userConfig: Tt.value
 			})
-		}), jt = C(() => !!U.value.debug);
-		function Mt() {
+		}), kt = C(() => U.value.debug);
+		function At() {
 			if (u(R.dataset) && (m({
 				componentName: "VueUiFlow",
 				type: "dataset",
-				debug: jt.value
-			}), At.value = !0), u(R.dataset) || (At.value = U.value.loading), U.value.responsive) {
+				debug: kt.value
+			}), Ot.value = !0), u(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
 				let e = se(() => {
 					let { width: e, height: t } = ce({
 						chart: B.value,
@@ -189,26 +189,26 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 						source: ft.value
 					});
 					requestAnimationFrame(() => {
-						Lt.value = e, Rt.value = t;
+						Ft.value = e, It.value = t;
 					});
 				});
 				pt.value && (mt.value && pt.value.unobserve(mt.value), pt.value.disconnect()), pt.value = new ResizeObserver(e), mt.value = B.value.parentNode, pt.value.observe(mt.value);
 			}
 		}
-		let { userOptionsVisible: Nt, setUserOptionsVisibility: Pt, keepUserOptionState: Ft } = ue({ config: U.value }), { svgRef: G } = de({ config: U.value.style.chart.title });
-		function It() {
-			let e = re({
+		let { userOptionsVisible: jt, setUserOptionsVisibility: Mt, keepUserOptionState: Nt } = ue({ config: U.value }), { svgRef: G } = de({ config: U.value.style.chart.title });
+		function Pt() {
+			let e = x({
 				userConfig: R.config,
 				defaultConfig: nt
 			}), t = e, n = e.theme;
 			if (n) if (!rt.value(e)) it(e), t = e;
 			else {
-				let r = re({
+				let r = x({
 					userConfig: pe[n] || R.config,
 					defaultConfig: e
 				});
 				t = {
-					...re({
+					...x({
 						userConfig: R.config,
 						defaultConfig: r
 					}),
@@ -218,17 +218,17 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			else t = e;
 			return t.nodeCategories = R.config.nodeCategories || {}, t.nodeCategoryColors = R.config.nodeCategoryColors || {}, t;
 		}
-		let Lt = N(U.value.style.chart.width), Rt = N(U.value.style.chart.height);
+		let Ft = N(U.value.style.chart.width), It = N(U.value.style.chart.height);
 		Ee(() => R.config, (e) => {
-			Ot.value || (U.value = It()), Nt.value = !U.value.userOptions.showOnChartHover, Mt(), st.value += 1, K.value.showTable = U.value.table.show;
+			Et.value || (U.value = Pt()), jt.value = !U.value.userOptions.showOnChartHover, At(), st.value += 1, K.value.showTable = U.value.table.show;
 		}, { deep: !0 }), Ee(() => R.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (At.value = !1);
+			Array.isArray(e) && e.length > 0 && (Ot.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: zt, isImaging: Bt, generatePdf: Vt, generateImage: Ht } = v({
+		let { isPrinting: Lt, isImaging: Rt, generatePdf: zt, generateImage: Bt } = v({
 			elementId: `flow_${z.value}`,
 			fileName: U.value.style.chart.title.text || "vue-ui-flow",
 			options: U.value.userOptions.print
-		}), Ut = C(() => U.value.userOptions.show && !U.value.style.chart.title.text), Wt = C(() => h(U.value.customPalette)), Gt = C(() => U.value.style.chart.nodes.width), K = N({
+		}), Vt = C(() => U.value.userOptions.show && !U.value.style.chart.title.text), Ht = C(() => h(U.value.customPalette)), Ut = C(() => U.value.style.chart.nodes.width), K = N({
 			showTable: U.value.table.show,
 			showTooltip: U.value.style.chart.tooltip.show
 		});
@@ -238,13 +238,13 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				showTooltip: U.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Kt = C(() => !kt.value || !kt.value.length ? [] : kt.value.map((e, t) => [
+		let Wt = C(() => !Dt.value || !Dt.value.length ? [] : Dt.value.map((e, t) => [
 			e[0],
 			e[1],
 			c(e[2]),
-			e[3] ? o(e[3]) : Wt.value[t] || Wt.value[t % Wt.value.length] || a[t] || a[t % a.length]
+			e[3] ? o(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || a[t] || a[t % a.length]
 		]));
-		function qt(e) {
+		function Gt(e) {
 			let t = {}, n = {};
 			function r(e, r) {
 				t[e] || (t[e] = {
@@ -265,7 +265,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			});
 			let i = new Set(e.map(([e]) => e)), o = new Set(e.map(([, e]) => e)), s = Array.from(i).filter((e) => !o.has(e)), l = {};
 			s.forEach((e, t) => {
-				l[e] = Wt.value[t] || a[t % a.length];
+				l[e] = Ht.value[t] || a[t % a.length];
 			});
 			let u = {};
 			e.forEach(([e, t, n, r]) => {
@@ -276,7 +276,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}), Object.keys(t).forEach((e) => {
 				t[e].value = Math.max(t[e].inflow, t[e].outflow);
 			});
-			let d = Xt.value, f = Zt.value.width, p = Zt.value.height, m = Object.keys(n).map(Number).sort((e, t) => e - t), h = m.length || 1, te = h > 1 ? f / (h - 1) : 0, ne = Number(Gt.value), g = Number(U.value.style.chart.nodes.gapPx ?? U.value.style.chart.nodes.gap ?? 8), _ = 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, te = h > 1 ? f / (h - 1) : 0, ne = Number(Ut.value), g = Number(U.value.style.chart.nodes.gapPx ?? U.value.style.chart.nodes.gap ?? 8), _ = Number(U.value.style.chart.nodes.minHeight || 0);
 			function v(e) {
 				let r = n[e], i = r.length;
 				if (!i) return Infinity;
@@ -348,7 +348,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			};
 		}
 		let q = C(() => {
-			let e = qt(kt.value);
+			let e = Gt(Dt.value);
 			return {
 				nodes: Object.keys(e.nodeCoordinates).map((t, n) => ({
 					...e.nodeCoordinates[t],
@@ -356,36 +356,36 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				})),
 				links: e.links
 			};
-		}), Jt = C(() => Lt.value), Yt = C(() => Rt.value), Xt = C(() => U.value.style.chart.padding), Zt = C(() => ({
-			width: Math.max(0, Jt.value - 40 - Xt.value.right - Xt.value.left),
-			height: Math.max(0, Yt.value - Xt.value.top - Xt.value.bottom)
-		})), Qt = C(() => ({
-			width: Jt.value,
-			height: Yt.value
+		}), Kt = C(() => Ft.value), qt = C(() => It.value), Jt = C(() => U.value.style.chart.padding), Yt = C(() => ({
+			width: Math.max(0, Kt.value - 40 - Jt.value.right - Jt.value.left),
+			height: Math.max(0, qt.value - Jt.value.top - Jt.value.bottom)
+		})), Xt = C(() => ({
+			width: Kt.value,
+			height: qt.value
 		}));
-		function $t(e) {
+		function Zt(e) {
 			let t = {}, n = {}, r = /* @__PURE__ */ new Set();
-			return Kt.value.forEach(([e, r, i]) => {
+			return Wt.value.forEach(([e, r, i]) => {
 				t[e] || (t[e] = []), n[r] || (n[r] = []), t[e].push(r), n[r].push(e);
 			}), t[e] && t[e].forEach((e) => r.add(e)), n[e] && n[e].forEach((e) => r.add(e)), Array.from(r).concat(e);
 		}
-		let J = N(null), Y = N(null), X = N(null), en = N(!1), tn = N(null);
-		function nn() {
-			tn.value = null, J.value = null, Y.value = null, ct.value = !1, xt.value = null, V.value = null;
+		let J = N(null), Y = N(null), X = N(null), Qt = N(!1), $t = N(null);
+		function en() {
+			$t.value = null, J.value = null, Y.value = null, ct.value = !1, yt.value = null, V.value = null;
 		}
-		function rn(e) {
+		function tn(e) {
 			if (!G.value || !e) return;
 			let t = G.value.querySelector(`[data-a11y-node-id="${e}"]`);
 			if (!t) return;
 			let n = t.getBoundingClientRect();
-			St.value = {
+			bt.value = {
 				x: n.left + n.width / 2,
 				y: n.top + n.height / 2
 			};
 		}
-		function an(e, t, n = "pointer", r = null) {
-			$.value = [], J.value = $t(e.name), Y.value = e.name, tn.value = e.id, Ct.value = n, xt.value = r, V.value = e.id;
-			let i = e.name, a = Kt.value, o = 0, c = 0, u = [], d = [], ee = new Set(a.map(([e]) => e)), f = new Set(a.map(([, e]) => e)), p = Array.from(ee).filter((e) => !f.has(e)), m = a.filter(([e]) => p.includes(e)).reduce((e, [t, n, r]) => e + r, 0), h = {};
+		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, c = 0, u = [], d = [], ee = new Set(a.map(([e]) => e)), f = new Set(a.map(([, e]) => e)), p = Array.from(ee).filter((e) => !f.has(e)), m = a.filter(([e]) => p.includes(e)).reduce((e, [t, n, r]) => e + r, 0), h = {};
 			q.value.nodes.forEach((e) => {
 				h[e.name] = e.color;
 			}), a.forEach(([e, t, n]) => {
@@ -418,17 +418,17 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				series: q.value
 			}, ct.value = !0;
 			let _ = "", v = U.value.style.chart.tooltip.customFormat;
-			if (en.value = !1, te(v)) try {
+			if (Qt.value = !1, te(v)) try {
 				let e = v({
 					datapoint: g,
 					series: q.value,
 					config: U.value
 				});
-				typeof e == "string" && (lt.value = e, en.value = !0);
+				typeof e == "string" && (lt.value = e, Qt.value = !0);
 			} catch {
 				console.warn("Custom format cannot be applied.");
 			}
-			if (!en.value) {
+			if (!Qt.value) {
 				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${s({
 					p: U.value.style.chart.tooltip.translations.percentOfTotal,
 					v: g.percentOfTotal,
@@ -452,33 +452,33 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				})), lt.value = _;
 			}
 			n === "keyboard" && be(() => {
-				rn(e.id);
+				tn(e.id);
 			});
 		}
-		function on(e) {
+		function rn(e) {
 			let t = X.value;
 			U.value.events.datapointLeave && U.value.events.datapointLeave({
 				datapoint: t,
 				seriesIndex: e
-			}), !(Ct.value === "keyboard" && V.value) && (tn.value = null, J.value = null, Y.value = null, ct.value = !1);
+			}), !(xt.value === "keyboard" && V.value) && ($t.value = null, J.value = null, Y.value = null, ct.value = !1);
 		}
-		function sn(e) {
+		function an(e) {
 			let t = X.value;
 			U.value.events.datapointClick && U.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: e
 			});
 		}
-		let cn = C(() => q.value.links.map(({ source: e, target: t, sourceColor: n, targetColor: r, value: i }) => ({
+		let on = C(() => q.value.links.map(({ source: e, target: t, sourceColor: n, targetColor: r, value: i }) => ({
 			source: e,
 			target: t,
 			sourceColor: n,
 			targetColor: r,
 			value: i
 		})));
-		function ln(e = null) {
+		function sn(e = null) {
 			be(() => {
-				let r = cn.value.map((e, t) => [
+				let r = on.value.map((e, t) => [
 					[e.source],
 					[e.target],
 					[e.value]
@@ -502,7 +502,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				U.value.table.columnNames.source,
 				U.value.table.columnNames.target,
 				U.value.table.columnNames.value
-			], t = cn.value.map((e, t) => [
+			], t = on.value.map((e, t) => [
 				{
 					color: e.sourceColor,
 					name: e.source,
@@ -542,17 +542,17 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				body: t,
 				config: n
 			};
-		}), un = C(() => ({
+		}), cn = C(() => ({
 			headers: Z.value?.colNames ?? [],
 			rows: Z.value?.body ?? []
-		})), dn = C(() => [...q.value.nodes].map((e, t) => ({
+		})), ln = C(() => [...q.value.nodes].map((e, t) => ({
 			...e,
 			index: t,
-			centerX: e.x + Gt.value / 2,
+			centerX: e.x + Ut.value / 2,
 			centerY: c(e.absoluteY) + U.value.style.chart.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 dn.value.forEach((t) => {
+			return ln.value.forEach((t) => {
 				let n = e.find((e) => Math.abs(e.x - t.x) <= 1);
 				n ? n.nodes.push(t) : e.push({
 					x: t.x,
@@ -561,26 +561,26 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}), e.forEach((e) => {
 				e.nodes.sort((e, t) => e.absoluteY - t.absoluteY);
 			}), e.sort((e, t) => e.x - t.x);
-		}), fn = C(() => {
+		}), un = C(() => {
 			let e = /* @__PURE__ */ new Map();
-			return dn.value.forEach((t, n) => {
+			return ln.value.forEach((t, n) => {
 				e.set(t.id, n);
 			}), e;
 		});
-		function pn() {
+		function dn() {
 			return q.value;
 		}
-		function mn() {
+		function fn() {
 			K.value.showTable = !K.value.showTable;
 		}
-		let hn = N(!1);
-		function gn() {
-			hn.value = !hn.value;
+		let pn = N(!1);
+		function mn() {
+			pn.value = !pn.value;
 		}
-		function _n() {
+		function hn() {
 			K.value.showTooltip = !K.value.showTooltip;
 		}
-		let vn = C(() => {
+		let gn = C(() => {
 			let e = new Set(q.value.nodes.map((e) => U.value.nodeCategories[e.name] || "__uncategorized__"));
 			return Array.from(e).map((e) => ({
 				name: e,
@@ -591,7 +591,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				let n = $.value.includes(t);
 				return {
 					...e,
-					segregate: () => bn({
+					segregate: () => vn({
 						legend: e,
 						i: t
 					}),
@@ -600,8 +600,8 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					display: `${e.name} (${e.count})`
 				};
 			});
-		}), yn = C(() => vn.value.filter((e) => e.name !== "__uncategorized__")), $ = N([]);
-		function bn({ legend: e, i: t }) {
+		}), _n = C(() => gn.value.filter((e) => e.name !== "__uncategorized__")), $ = N([]);
+		function vn({ legend: e, i: t }) {
 			let n = e.name;
 			if (J.value?.every((e) => U.value.nodeCategories[e] === n)) {
 				J.value = null, Y.value = null, $.value = [];
@@ -609,7 +609,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}
 			$.value = [t], J.value = q.value.nodes.filter((e) => U.value.nodeCategories[e.name] === n).map((e) => e.name), Y.value = null;
 		}
-		let xn = C(() => ({
+		let yn = C(() => ({
 			cy: "flow-legend",
 			backgroundColor: U.value.style.chart.legend.backgroundColor,
 			color: U.value.style.chart.legend.color,
@@ -617,7 +617,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			paddingBottom: U.value.style.chart.legend.paddingBottom,
 			fontWeight: U.value.style.chart.legend.bold ? "bold" : "normal"
 		}));
-		async function Sn({ scale: e = 2 } = {}) {
+		async function bn({ scale: e = 2 } = {}) {
 			if (!B.value) return;
 			let { width: t, height: n } = B.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ie({
 				domElement: B.value,
@@ -634,7 +634,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				aspectRatio: r
 			};
 		}
-		let Cn = C(() => {
+		let xn = C(() => {
 			let e = U.value.table.useDialog && !U.value.table.show, t = K.value.showTable;
 			return {
 				component: e ? tt : Xe,
@@ -668,47 +668,22 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 		Ee(() => K.value.showTable, (e) => {
 			U.value.table.show || (e && U.value.table.useDialog && gt.value ? gt.value.open() : "close" in gt.value && gt.value.close());
 		});
-		function wn() {
+		function Sn() {
 			K.value.showTable = !1, _t.value && _t.value.setTableIconState(!1);
 		}
-		let Tn = C(() => yn.value.map((e) => ({
+		let Cn = C(() => _n.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), En = C(() => U.value.style.chart.backgroundColor), Dn = C(() => U.value.style.chart.legend), On = C(() => U.value.style.chart.title), { exportSvg: kn, getSvg: An } = x({
+		}))), wn = C(() => U.value.style.chart.backgroundColor), Tn = C(() => U.value.style.chart.legend), En = C(() => U.value.style.chart.title), { isCallbackImaging: Dn, isCallbackSvg: On, generateSvg: kn, onGenerateImage: An } = S({
 			svg: G,
-			title: On,
-			legend: Dn,
-			legendItems: Tn,
-			backgroundColor: En
+			title: En,
+			legend: Tn,
+			legendItems: Cn,
+			backgroundColor: wn,
+			getSvgCallback: () => U.value.userOptions.callbacks.svg,
+			generateImage: Bt
 		});
-		async function jn({ isCb: e }) {
-			bt.value = !0, await be();
-			try {
-				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await An();
-					await Promise.resolve(U.value.userOptions.callbacks.svg({
-						blob: e,
-						url: t,
-						text: n,
-						dataUrl: r
-					}));
-				} else await Promise.resolve(kn());
-			} finally {
-				bt.value = !1;
-			}
-		}
-		function Mn(e) {
-			if (e?.stage === "start") {
-				yt.value = !0;
-				return;
-			}
-			if (e?.stage === "end") {
-				yt.value = !1;
-				return;
-			}
-			Ht();
-		}
-		async function Nn() {
+		async function jn() {
 			if (at("copyAlt", {
 				config: U.value,
 				dataset: q.value
@@ -721,14 +696,14 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				dataset: q.value
 			}));
 		}
-		function Pn(e) {
+		function Mn(e) {
 			return Q.value.findIndex((t) => t.nodes.some((t) => t.id === e));
 		}
-		function Fn(e, t) {
+		function Nn(e, t) {
 			let n = Q.value[e];
 			return n ? n.nodes.findIndex((e) => e.id === t) : -1;
 		}
-		function In(e, t) {
+		function Pn(e, t) {
 			let n = Q.value[e];
 			if (!n || !n.nodes.length) return null;
 			let r = n.nodes[0], i = Math.abs(r.centerY - t);
@@ -738,41 +713,41 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}
 			return r;
 		}
-		function Ln() {
-			xt.value = null, V.value = null, wt.value = !0;
+		function Fn() {
+			yt.value = null, V.value = null, St.value = !0;
 		}
-		function Rn() {
-			nn(), wt.value = !1;
+		function In() {
+			en(), St.value = !1;
 		}
-		function zn(e) {
-			if (!G.value || hn.value || document.activeElement !== G.value || !dn.value.length) return;
+		function Ln(e) {
+			if (!G.value || pn.value || document.activeElement !== G.value || !ln.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), o) {
-				nn();
+				en();
 				return;
 			}
 			if (a) {
-				if (xt.value === null) return;
-				sn(xt.value);
+				if (yt.value === null) return;
+				an(yt.value);
 				return;
 			}
 			if (V.value === null) {
 				let e = Q.value[0]?.nodes?.[0];
 				if (!e) return;
-				let t = fn.value.get(e.id) ?? 0;
-				an(e, t, "keyboard", t);
+				let t = un.value.get(e.id) ?? 0;
+				nn(e, t, "keyboard", t);
 				return;
 			}
-			let s = fn.value.get(V.value);
+			let s = un.value.get(V.value);
 			if (s === void 0) return;
-			let c = dn.value[s];
+			let c = ln.value[s];
 			if (!c) return;
-			let l = Pn(c.id);
+			let l = Mn(c.id);
 			if (l < 0) return;
 			let u = null;
 			if (r || i) {
-				let e = Fn(l, c.id);
+				let e = Nn(l, c.id);
 				if (e < 0) return;
 				let t = Q.value[l];
 				if (!t?.nodes?.length) return;
@@ -781,46 +756,46 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}
 			if (t || n) {
 				let e = l + (n ? 1 : -1);
-				e < 0 && (e = Q.value.length - 1), e >= Q.value.length && (e = 0), u = In(e, c.centerY);
+				e < 0 && (e = Q.value.length - 1), e >= Q.value.length && (e = 0), u = Pn(e, c.centerY);
 			}
 			if (!u) return;
-			let d = fn.value.get(u.id);
-			d !== void 0 && an(u, d, "keyboard", d);
+			let d = un.value.get(u.id);
+			d !== void 0 && nn(u, d, "keyboard", d);
 		}
 		return oe({
-			getData: pn,
-			getImage: Sn,
-			generateCsv: ln,
-			generateImage: Ht,
-			generateSvg: jn,
-			generatePdf: Vt,
-			toggleTable: mn,
-			toggleAnnotator: gn,
-			toggleTooltip: _n,
-			drillCategory: bn,
-			unselectNode: on,
-			toggleFullscreen: Et,
-			copyAlt: Nn
+			getData: dn,
+			getImage: bn,
+			generateCsv: sn,
+			generateImage: Bt,
+			generateSvg: kn,
+			generatePdf: zt,
+			toggleTable: fn,
+			toggleAnnotator: mn,
+			toggleTooltip: hn,
+			drillCategory: vn,
+			unselectNode: rn,
+			toggleFullscreen: wt,
+			copyAlt: jn
 		}), (e, t) => (M(), E("div", {
 			ref_key: "flowChart",
 			ref: B,
 			class: xe(`vue-data-ui-component vue-ui-flow ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
 			style: j(`font-family:${U.value.style.fontFamily};width:100%; text-align:center;background:${U.value.style.chart.backgroundColor}`),
 			id: `flow_${z.value}`,
-			onMouseenter: t[2] ||= () => I(Pt)(!0),
+			onMouseenter: t[2] ||= () => I(Mt)(!0),
 			onMouseleave: t[3] ||= () => {
-				I(Pt)(!1), wt.value || nn();
+				I(Mt)(!1), St.value || en();
 			}
 		}, [
 			D("div", {
 				id: `chart-instructions-${z.value}`,
 				class: "sr-only"
 			}, [D("p", null, F(U.value.a11y.translations.keyboardNavigation), 1)], 8, ke),
-			un.value?.rows?.length ? (M(), w(le, {
+			cn.value?.rows?.length ? (M(), w(le, {
 				key: 0,
 				uid: z.value,
-				head: un.value.headers,
-				body: un.value.rows,
+				head: cn.value.headers,
+				body: cn.value.rows,
 				notice: U.value.a11y.translations.tableAvailable,
 				caption: U.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -835,8 +810,8 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				svgRef: I(G),
 				backgroundColor: U.value.style.chart.backgroundColor,
 				color: U.value.style.chart.color,
-				active: hn.value,
-				onClose: gn,
+				active: pn.value,
+				onClose: mn,
 				isCursorPointer: W.value
 			}, {
 				"annotator-action-close": L(() => [P(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -853,7 +828,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				"active",
 				"isCursorPointer"
 			])) : T("", !0),
-			Ut.value ? (M(), E("div", Ae, null, 512)) : T("", !0),
+			Vt.value ? (M(), E("div", Ae, null, 512)) : T("", !0),
 			U.value.style.chart.title.text ? (M(), E("div", {
 				key: 3,
 				ref_key: "chartTitle",
@@ -873,14 +848,14 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				}
 			}, null, 8, ["config"]))], 512)) : T("", !0),
 			D("div", { id: `legend-top-${z.value}` }, null, 8, je),
-			U.value.userOptions.show && Tt.value && (I(Ft) || I(Nt)) ? (M(), w(I($e), {
+			U.value.userOptions.show && Ct.value && (I(Nt) || I(jt)) ? (M(), w(I($e), {
 				ref_key: "userOptionsRef",
 				ref: _t,
 				key: `user_option_${ot.value}`,
 				backgroundColor: U.value.style.chart.backgroundColor,
 				color: U.value.style.chart.color,
-				isPrinting: I(zt),
-				isImaging: I(Bt),
+				isPrinting: I(Lt),
+				isImaging: I(Rt),
 				uid: z.value,
 				hasPdf: U.value.userOptions.buttons.pdf,
 				hasXls: U.value.userOptions.buttons.csv,
@@ -896,21 +871,21 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				position: U.value.userOptions.position,
 				hasAnnotator: U.value.userOptions.buttons.annotator,
 				printScale: U.value.userOptions.print.scale,
-				isAnnotation: hn.value,
+				isAnnotation: pn.value,
 				hasTooltip: U.value.style.chart.tooltip.show && U.value.userOptions.buttons.tooltip,
 				isTooltip: K.value.showTooltip,
 				tableDialog: U.value.table.useDialog,
 				isCursorPointer: W.value,
-				onToggleTooltip: _n,
-				onToggleFullscreen: Et,
-				onGeneratePdf: I(Vt),
-				onGenerateCsv: ln,
-				onGenerateImage: Mn,
-				onGenerateSvg: jn,
-				onToggleTable: mn,
-				onToggleAnnotator: gn,
-				onCopyAlt: Nn,
-				style: j({ visibility: I(Ft) ? I(Nt) ? "visible" : "hidden" : "visible" })
+				onToggleTooltip: hn,
+				onToggleFullscreen: wt,
+				onGeneratePdf: I(zt),
+				onGenerateCsv: sn,
+				onGenerateImage: I(An),
+				onGenerateSvg: I(kn),
+				onToggleTable: fn,
+				onToggleAnnotator: mn,
+				onCopyAlt: jn,
+				style: j({ visibility: I(Nt) ? I(jt) ? "visible" : "hidden" : "visible" })
 			}, ge({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
@@ -981,13 +956,13 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					fn: L(() => [P(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "11"
 				} : void 0
-			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.callbacks.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.printScale.isAnnotation.hasTooltip.isTooltip.tableDialog.isCursorPointer.onGeneratePdf.style".split("."))) : T("", !0),
+			]), 1032, /* @__PURE__ */ "backgroundColor.color.isPrinting.isImaging.uid.hasPdf.hasXls.hasImg.hasSvg.hasTable.callbacks.hasFullscreen.hasAltCopy.isFullscreen.titles.chartElement.position.hasAnnotator.printScale.isAnnotation.hasTooltip.isTooltip.tableDialog.isCursorPointer.onGeneratePdf.onGenerateImage.onGenerateSvg.style".split("."))) : T("", !0),
 			D("div", Me, [(M(), E("svg", {
 				ref_key: "svgRef",
 				ref: G,
 				xmlns: I(p),
 				"aria-describedby": `chart-instructions-${z.value}`,
-				viewBox: `0 0 ${Qt.value.width} ${Qt.value.height}`,
+				viewBox: `0 0 ${Xt.value.width} ${Xt.value.height}`,
 				class: xe({
 					"vue-data-ui-fullscreen--on": H.value,
 					"vue-data-ui-fulscreen--off": !H.value
@@ -999,17 +974,17 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					color: U.value.style.chart.color
 				}),
 				tabindex: "0",
-				onFocus: Ln,
-				onBlur: Rn,
-				onKeydown: zn
+				onFocus: Fn,
+				onBlur: In,
+				onKeydown: Ln
 			}, [
 				ve(I(et)),
 				e.$slots["chart-background"] ? (M(), E("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
-					width: Qt.value.width,
-					height: Qt.value.height,
+					width: Xt.value.width,
+					height: Xt.value.height,
 					style: { pointerEvents: "none" }
 				}, [P(e.$slots, "chart-background", {}, void 0, !0)], 8, Pe)) : T("", !0),
 				D("defs", null, [(M(!0), E(me, null, Ce(q.value.links, (e, t) => (M(), E("linearGradient", {
@@ -1043,14 +1018,14 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					x: e.x,
 					y: I(c)(e.absoluteY) + U.value.style.chart.padding.top,
 					height: I(c)(e.height),
-					width: Gt.value,
+					width: Ut.value,
 					fill: e.color,
 					stroke: U.value.style.chart.nodes.stroke,
 					"stroke-width": U.value.style.chart.nodes.strokeWidth,
 					rx: U.value.style.chart.nodes.borderRadius,
 					style: j({
 						opacity: J.value ? J.value.includes(e.name) ? 1 : .3 : 1,
-						outline: tn.value !== null && tn.value === e.id ? "2px solid currentColor" : void 0
+						outline: $t.value !== null && $t.value === e.id ? "2px solid currentColor" : void 0
 					}),
 					"aria-label": `${e.name}: ${I(l)(U.value.style.chart.nodes.labels.formatter, e.value, I(s)({
 						p: U.value.style.chart.nodes.labels.prefix,
@@ -1058,12 +1033,12 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 						s: U.value.style.chart.nodes.labels.suffix,
 						r: U.value.style.chart.nodes.labels.rounding
 					}))}`,
-					onMouseenter: (n) => an(e, t, "pointer", fn.value.get(e.id)),
-					onMouseleave: (e) => on(t),
-					onClick: (e) => sn(t)
+					onMouseenter: (n) => nn(e, t, "pointer", un.value.get(e.id)),
+					onMouseleave: (e) => rn(t),
+					onClick: (e) => an(t)
 				}, null, 44, ze))), 256)),
 				U.value.style.chart.nodes.labels.show ? (M(), E("g", Be, [(M(!0), E(me, null, Ce(q.value.nodes, (e, t) => (M(), E("text", {
-					x: e.x + Gt.value / 2,
+					x: e.x + Ut.value / 2,
 					y: (U.value.style.chart.nodes.labels.showValue ? I(c)(e.absoluteY + e.height / 2 - U.value.style.chart.nodes.labels.fontSize / 4) : e.absoluteY + e.height / 2 + U.value.style.chart.nodes.labels.fontSize / 3) + U.value.style.chart.padding.top,
 					"font-size": U.value.style.chart.nodes.labels.fontSize,
 					fill: I(f)(e.color),
@@ -1073,7 +1048,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					source: e.name,
 					length: U.value.style.chart.nodes.labels.abbreviation.length
 				}) : e.name), 13, Ve))), 256)), U.value.style.chart.nodes.labels.showValue ? (M(!0), E(me, { key: 0 }, Ce(q.value.nodes, (e, t) => (M(), E("text", {
-					x: e.x + Gt.value / 2,
+					x: e.x + Ut.value / 2,
 					y: I(c)(e.absoluteY + e.height / 2 + U.value.style.chart.nodes.labels.fontSize / 1.3) + U.value.style.chart.padding.top,
 					"font-size": U.value.style.chart.nodes.labels.fontSize,
 					fill: I(f)(e.color),
@@ -1089,15 +1064,15 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					seriesIndex: t
 				})), 13, He))), 256)) : T("", !0)])) : T("", !0),
 				P(e.$slots, "svg", { svg: {
-					...Qt.value,
-					isPrintingImg: I(zt) || I(Bt) || yt.value,
-					isPrintingSvg: bt.value
+					...Xt.value,
+					isPrintingImg: I(Lt) || I(Rt) || I(Dn),
+					isPrintingSvg: I(On)
 				} }, void 0, !0)
 			], 46, Ne)), e.$slots.hint ? (M(), E("div", Ue, [P(e.$slots, "hint", A(k({
 				hint: U.value.a11y.translations.keyboardNavigation,
-				isVisible: wt.value
+				isVisible: St.value
 			})), void 0, !0)])) : T("", !0)]),
-			e.$slots.watermark ? (M(), E("div", We, [P(e.$slots, "watermark", A(k({ isPrinting: I(zt) || I(Bt) || yt.value || bt.value })), void 0, !0)])) : T("", !0),
+			e.$slots.watermark ? (M(), E("div", We, [P(e.$slots, "watermark", A(k({ isPrinting: I(Lt) || I(Rt) || I(Dn) || I(On) })), void 0, !0)])) : T("", !0),
 			D("div", { id: `legend-bottom-${z.value}` }, null, 8, Ge),
 			ht.value && (U.value.style.chart.legend.show || e.$slots.legend) ? (M(), w(he, {
 				key: 6,
@@ -1105,14 +1080,14 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}, [D("div", {
 				ref_key: "chartLegend",
 				ref: ut
-			}, [P(e.$slots, "legend", { legend: vn.value }, () => [U.value.style.chart.legend.show && yn.value.length ? (M(), w(fe, {
+			}, [P(e.$slots, "legend", { legend: gn.value }, () => [U.value.style.chart.legend.show && _n.value.length ? (M(), w(fe, {
 				key: 0,
-				legendSet: yn.value,
-				config: xn.value,
+				legendSet: _n.value,
+				config: yn.value,
 				isCursorPointer: W.value,
-				onClickMarker: t[0] ||= (e) => bn(e)
+				onClickMarker: t[0] ||= (e) => vn(e)
 			}, {
-				item: L(({ legend: e, index: t }) => [I(Ot) ? T("", !0) : (M(), E("div", {
+				item: L(({ legend: e, index: t }) => [I(Et) ? T("", !0) : (M(), E("div", {
 					key: 0,
 					onClick: (t) => e.segregate(),
 					style: j(`opacity:${$.value.length ? $.value.includes(t) ? 1 : .5 : 1}`)
@@ -1146,14 +1121,14 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				offsetY: U.value.style.chart.tooltip.offsetY,
 				parent: B.value,
 				content: lt.value,
-				isCustom: en.value,
+				isCustom: Qt.value,
 				isFullscreen: H.value,
 				smooth: U.value.style.chart.tooltip.smooth,
 				backdropFilter: U.value.style.chart.tooltip.backdropFilter,
 				smoothForce: U.value.style.chart.tooltip.smoothForce,
 				smoothSnapThreshold: U.value.style.chart.tooltip.smoothSnapThreshold,
-				isA11yMode: Ct.value === "keyboard",
-				a11yPosition: St.value
+				isA11yMode: xt.value === "keyboard",
+				a11yPosition: bt.value
 			}, {
 				"tooltip-before": L(() => [P(e.$slots, "tooltip-before", A(k({ ...X.value })), void 0, !0)]),
 				tooltip: L(() => [P(e.$slots, "tooltip", A(k({ ...X.value })), void 0, !0)]),
@@ -1183,20 +1158,20 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Tt.value && U.value.userOptions.buttons.table ? (M(), w(we(Cn.value.component), ye({ key: 8 }, Cn.value.props, {
+			Ct.value && U.value.userOptions.buttons.table ? (M(), w(we(xn.value.component), ye({ key: 8 }, xn.value.props, {
 				ref_key: "tableUnit",
 				ref: gt,
-				onClose: wn
+				onClose: Sn
 			}), ge({
 				content: L(() => [ve(I(Ze), {
 					colNames: Z.value.colNames,
 					head: Z.value.head,
 					body: Z.value.body,
 					config: Z.value.config,
-					title: U.value.table.useDialog ? "" : Cn.value.title,
+					title: U.value.table.useDialog ? "" : xn.value.title,
 					withCloseButton: !U.value.table.useDialog,
 					isCursorPointer: W.value,
-					onClose: wn
+					onClose: Sn
 				}, {
 					th: L(({ th: e }) => [D("div", {
 						innerHTML: e,
@@ -1219,24 +1194,24 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				_: 2
 			}, [U.value.table.useDialog ? {
 				name: "title",
-				fn: L(() => [_e(F(Cn.value.title), 1)]),
+				fn: L(() => [_e(F(xn.value.title), 1)]),
 				key: "0"
 			} : void 0, U.value.table.useDialog ? {
 				name: "actions",
 				fn: L(() => [D("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => ln(U.value.userOptions.callbacks.csv),
+					onClick: t[1] ||= (e) => sn(U.value.userOptions.callbacks.csv),
 					style: j({ cursor: W.value ? "pointer" : "default" })
 				}, [ve(I(Ye), {
 					name: "fileCsv",
-					stroke: Cn.value.props.color
+					stroke: xn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : T("", !0),
-			P(e.$slots, "skeleton", {}, () => [I(Ot) ? (M(), w(b, { key: 0 })) : T("", !0)], !0)
+			P(e.$slots, "skeleton", {}, () => [I(Et) ? (M(), w(b, { key: 0 })) : T("", !0)], !0)
 		], 46, Oe));
 	}
-}, [["__scopeId", "data-v-07a945d1"]]);
+}, [["__scopeId", "data-v-c203fc92"]]);
 //#endregion
 export { De as n, Je as t };