vue-data-ui 3.23.0 → 3.23.1

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

@@ -1,20 +1,20 @@
 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-BuMGJ_a0.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-BilxnBNr.js";
-import { t as v } from "./usePrinter-BFvi4jVy.js";
+import { t as _ } from "./useConfig-D3scuR88.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-Ba9qBr9M.js";
-import { t as re } from "./useNestedProp--NSEmhOH.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 ie } from "./img-DIQG5q8T.js";
-import { n as ae } from "./Title-BODtwViI.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";
 import { l as se, t as ce } from "./useResponsive-ZtArZtUf.js";
 import { t as le } from "./A11yDataTable-DdRsVULz.js";
 import { t as ue } from "./useUserOptionState-DK-_1ddE.js";
 import { t as de } from "./useChartAccessibility-DYqac8yF.js";
-import { t as fe } from "./Legend-CQTRlzK-.js";
+import { t as fe } from "./Legend-CQxUgOd-.js";
 import { t as pe } from "./vue_ui_flow-BewZjjKG.js";
 import { Fragment as me, Teleport as he, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createSlots as ge, createTextVNode as _e, createVNode as ve, defineAsyncComponent as O, guardReactiveProps as k, mergeProps as ye, nextTick as be, normalizeClass as xe, normalizeProps as A, normalizeStyle as j, onMounted as Se, openBlock as M, ref as N, renderList as Ce, renderSlot as P, resolveDynamicComponent as we, toDisplayString as F, toRefs as Te, unref as I, watch as Ee, withCtx as L } from "vue";
 //#region src/components/vue-ui-flow.vue
@@ -87,7 +87,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 	},
 	emits: ["copyAlt"],
 	setup(e, { expose: oe, emit: De }) {
-		let Je = O(() => import("./Tooltip-CMTGxeYO.js")), Ye = O(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Xe = O(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), Ze = O(() => import("./DataTable-D4tM9s5Y.js")), Qe = O(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), $e = O(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), et = O(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), tt = O(() => import("./BaseDraggableDialog-qTnfhLBz.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-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({
 			x: 0,
 			y: 0
 		}), Ct = N("pointer"), wt = N(!1), Tt = C(() => !!R.dataset && R.dataset.length);
@@ -482,7 +482,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					[e.source],
 					[e.target],
 					[e.value]
-				]), i = n([
+				]), i = [
 					[U.value.style.chart.title.text],
 					[U.value.style.chart.title.subtitle.text],
 					[
@@ -490,9 +490,9 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 						[U.value.table.columnNames.target],
 						[U.value.table.columnNames.value]
 					]
-				].concat(r));
-				e ? e(i) : t({
-					csvContent: i,
+				].concat(r), a = n(i);
+				e ? e(a) : t({
+					csvContent: a,
 					title: U.value.style.chart.title.text || "vue-ui-flow"
 				});
 			});
@@ -674,30 +674,30 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 		let Tn = C(() => yn.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), En = C(() => U.value.style.chart.backgroundColor), Dn = C(() => U.value.style.chart.legend), { exportSvg: On, getSvg: kn } = x({
+		}))), 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({
 			svg: G,
-			title: C(() => U.value.style.chart.title),
+			title: On,
 			legend: Dn,
 			legendItems: Tn,
 			backgroundColor: En
 		});
-		async function An({ isCb: e }) {
+		async function jn({ isCb: e }) {
 			bt.value = !0, await be();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await kn();
+					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(On());
+				} else await Promise.resolve(kn());
 			} finally {
 				bt.value = !1;
 			}
 		}
-		function jn(e) {
+		function Mn(e) {
 			if (e?.stage === "start") {
 				yt.value = !0;
 				return;
@@ -708,7 +708,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}
 			Ht();
 		}
-		async function Mn() {
+		async function Nn() {
 			if (at("copyAlt", {
 				config: U.value,
 				dataset: q.value
@@ -721,14 +721,14 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				dataset: q.value
 			}));
 		}
-		function Nn(e) {
+		function Pn(e) {
 			return Q.value.findIndex((t) => t.nodes.some((t) => t.id === e));
 		}
-		function Pn(e, t) {
+		function Fn(e, t) {
 			let n = Q.value[e];
 			return n ? n.nodes.findIndex((e) => e.id === t) : -1;
 		}
-		function Fn(e, t) {
+		function In(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,13 +738,13 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			}
 			return r;
 		}
-		function In() {
+		function Ln() {
 			xt.value = null, V.value = null, wt.value = !0;
 		}
-		function Ln() {
+		function Rn() {
 			nn(), wt.value = !1;
 		}
-		function Rn(e) {
+		function zn(e) {
 			if (!G.value || hn.value || document.activeElement !== G.value || !dn.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;
@@ -768,11 +768,11 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			if (s === void 0) return;
 			let c = dn.value[s];
 			if (!c) return;
-			let l = Nn(c.id);
+			let l = Pn(c.id);
 			if (l < 0) return;
 			let u = null;
 			if (r || i) {
-				let e = Pn(l, c.id);
+				let e = Fn(l, c.id);
 				if (e < 0) return;
 				let t = Q.value[l];
 				if (!t?.nodes?.length) return;
@@ -781,7 +781,7 @@ 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 = Fn(e, c.centerY);
+				e < 0 && (e = Q.value.length - 1), e >= Q.value.length && (e = 0), u = In(e, c.centerY);
 			}
 			if (!u) return;
 			let d = fn.value.get(u.id);
@@ -792,7 +792,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			getImage: Sn,
 			generateCsv: ln,
 			generateImage: Ht,
-			generateSvg: An,
+			generateSvg: jn,
 			generatePdf: Vt,
 			toggleTable: mn,
 			toggleAnnotator: gn,
@@ -800,7 +800,7 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 			drillCategory: bn,
 			unselectNode: on,
 			toggleFullscreen: Et,
-			copyAlt: Mn
+			copyAlt: Nn
 		}), (e, t) => (M(), E("div", {
 			ref_key: "flowChart",
 			ref: B,
@@ -905,11 +905,11 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 				onToggleFullscreen: Et,
 				onGeneratePdf: I(Vt),
 				onGenerateCsv: ln,
-				onGenerateImage: jn,
-				onGenerateSvg: An,
+				onGenerateImage: Mn,
+				onGenerateSvg: jn,
 				onToggleTable: mn,
 				onToggleAnnotator: gn,
-				onCopyAlt: Mn,
+				onCopyAlt: Nn,
 				style: j({ visibility: I(Ft) ? I(Nt) ? "visible" : "hidden" : "visible" })
 			}, ge({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -999,9 +999,9 @@ var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae
 					color: U.value.style.chart.color
 				}),
 				tabindex: "0",
-				onFocus: In,
-				onBlur: Ln,
-				onKeydown: Rn
+				onFocus: Ln,
+				onBlur: Rn,
+				onKeydown: zn
 			}, [
 				ve(I(et)),
 				e.$slots["chart-background"] ? (M(), E("foreignObject", {

package/dist/{vue-ui-funnel-CjYosIik.js → vue-ui-funnel-Bmpx5GHR.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, D as n, Ot as r, S as i, X as a, i as o, jt as ee, pt as te, q as ne, qt as s, r as re, t as ie, tt as ae } from "./lib-BuMGJ_a0.js";
+import { $ as t, D as n, Ot as r, S as i, X as a, i as o, jt as ee, pt as te, q as ne, qt as s, r as re, t as ie, tt as ae } from "./lib-Bttd6u5E.js";
 import { n as oe, t as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-BilxnBNr.js";
-import { t as le } from "./usePrinter-BFvi4jVy.js";
-import { t as ue } from "./useSvgExport-Ba9qBr9M.js";
-import { t as de } from "./useNestedProp--NSEmhOH.js";
+import { t as ce } from "./useConfig-D3scuR88.js";
+import { t as le } from "./usePrinter-DN5bYhTG.js";
+import { t as ue } from "./useSvgExport-DH-FfcqQ.js";
+import { t as de } from "./useNestedProp-vPNvh7rV.js";
 import { t as fe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as pe } from "./img-DIQG5q8T.js";
-import { n as me } from "./Title-BODtwViI.js";
+import { t as pe } from "./img-Bnokohej.js";
+import { n as me } from "./Title-BE3qg9xl.js";
 import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ge, t as _e } from "./useResponsive-ZtArZtUf.js";
 import { t as ve } from "./DefGrad-DVBqDjhO.js";
@@ -61,7 +61,7 @@ var Ne = /* @__PURE__ */ e({ default: () => Ke }), Pe = ["id"], Fe = ["xmlns", "
 	emits: ["copyAlt"],
 	setup(e, { expose: he, emit: Ne }) {
 		je((e) => ({ v1979a330: Dt.value }));
-		let Ke = m(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), qe = m(() => import("./vue-ui-skeleton-B9ZP1w-i.js").then((e) => e.n)), Je = m(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), Ye = m(() => import("./DataTable-D4tM9s5Y.js")), Xe = m(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Ze = m(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), Qe = m(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), $e = m(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_funnel: et } = ce(), { isThemeValid: tt, warnInvalidTheme: nt } = fe(), D = xe(), O = e, rt = Ne, k = x(null), A = x(ne()), it = x(0), at = x(0), ot = x(0), st = x(null), ct = x(null), lt = x(null), j = Ae(null), M = Ae(null), N = x(!1), P = x(null), ut = x(null), F = x(!1), I = x(!1), L = l(() => !!O.dataset && O.dataset.length);
+		let Ke = m(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), qe = m(() => import("./vue-ui-skeleton-EeJcGbCo.js").then((e) => e.n)), Je = m(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), Ye = m(() => import("./DataTable-BbKgJ5UI.js")), Xe = m(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Ze = m(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Qe = m(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), $e = m(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_funnel: et } = ce(), { isThemeValid: tt, warnInvalidTheme: nt } = fe(), D = xe(), O = e, rt = Ne, k = x(null), A = x(ne()), it = x(0), at = x(0), ot = x(0), st = x(null), ct = x(null), lt = x(null), j = Ae(null), M = Ae(null), N = x(!1), P = x(null), ut = x(null), F = x(!1), I = x(!1), L = l(() => !!O.dataset && O.dataset.length);
 		Oe(dt);
 		function dt() {
 			if (ee(O.dataset) ? ae({
@@ -278,7 +278,7 @@ var Ne = /* @__PURE__ */ e({ default: () => Ke }), Pe = ["id"], Fe = ["xmlns", "
 					[e.name],
 					[X.value.body[t]],
 					[q.value[t].proportion * 100]
-				]), i = n([
+				]), i = [
 					[R.value.style.chart.title.text],
 					[R.value.style.chart.title.subtitle.text],
 					[
@@ -286,9 +286,9 @@ var Ne = /* @__PURE__ */ e({ default: () => Ke }), Pe = ["id"], Fe = ["xmlns", "
 						[R.value.table.columnNames.value],
 						["%"]
 					]
-				].concat(r));
-				e ? e(i) : t({
-					csvContent: i,
+				].concat(r), a = n(i);
+				e ? e(a) : t({
+					csvContent: a,
 					title: R.value.style.chart.title.text || "vue-ui-funnel"
 				});
 			});
@@ -349,28 +349,28 @@ var Ne = /* @__PURE__ */ e({ default: () => Ke }), Pe = ["id"], Fe = ["xmlns", "
 		function Mt() {
 			B.value.showTable = !1, ut.value && ut.value.setTableIconState(!1);
 		}
-		let Nt = l(() => R.value.style.chart.backgroundColor), { exportSvg: Pt, getSvg: Ft } = ue({
+		let Nt = l(() => R.value.style.chart.backgroundColor), Pt = l(() => R.value.style.chart.title), { exportSvg: Ft, getSvg: It } = ue({
 			svg: _t,
-			title: l(() => R.value.style.chart.title),
+			title: Pt,
 			backgroundColor: Nt
 		});
-		async function It({ isCb: e }) {
+		async function Lt({ isCb: e }) {
 			I.value = !0, await Ee();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Ft();
+					let { blob: e, url: t, text: n, dataUrl: r } = await It();
 					await Promise.resolve(R.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Pt());
+				} else await Promise.resolve(Ft());
 			} finally {
 				I.value = !1;
 			}
 		}
-		function Lt(e) {
+		function Rt(e) {
 			if (e?.stage === "start") {
 				F.value = !0;
 				return;
@@ -381,7 +381,7 @@ var Ne = /* @__PURE__ */ e({ default: () => Ke }), Pe = ["id"], Fe = ["xmlns", "
 			}
 			bt();
 		}
-		async function Rt() {
+		async function zt() {
 			if (rt("copyAlt", {
 				config: R.value,
 				dataset: U.value
@@ -400,11 +400,11 @@ var Ne = /* @__PURE__ */ e({ default: () => Ke }), Pe = ["id"], Fe = ["xmlns", "
 			generatePdf: yt,
 			generateCsv: Q,
 			generateImage: bt,
-			generateSvg: It,
+			generateSvg: Lt,
 			toggleTable: kt,
 			toggleAnnotator: Ot,
 			toggleFullscreen: Et,
-			copyAlt: Rt
+			copyAlt: zt
 		}), (e, t) => (b(), f("div", {
 			ref_key: "funnelChart",
 			ref: k,
@@ -493,11 +493,11 @@ var Ne = /* @__PURE__ */ e({ default: () => Ke }), Pe = ["id"], Fe = ["xmlns", "
 				onToggleAnnotator: Ot,
 				onToggleFullscreen: Et,
 				onGeneratePdf: T(yt),
-				onGenerateImage: Lt,
-				onGenerateSvg: It,
+				onGenerateImage: Rt,
+				onGenerateSvg: Lt,
 				onToggleTable: kt,
 				onGenerateCsv: Q,
-				onCopyAlt: Rt,
+				onCopyAlt: zt,
 				style: y({ visibility: T(gt) ? T(mt) ? "visible" : "hidden" : "visible" })
 			}, Ce({ _: 2 }, [
 				e.$slots.menuIcon ? {