vue-data-ui 3.22.13 → 3.23.0

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

@@ -1,37 +1,38 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, C as n, E as r, Gt as i, K as a, Nt as o, Q as s, Y as c, bt as l, et as u, i as d, n as f, qt as p, r as m, t as h, x as ee, y as g } from "./lib-CFm_J26b.js";
-import { t as te } from "./useConfig-C0V0eG7L.js";
-import { t as _ } from "./usePrinter-BH-xle1O.js";
-import { n as v, t as y } from "./BaseScanner-DZvpgOjM.js";
-import { t as b } from "./useSvgExport-Ba9qBr9M.js";
-import { t as x } from "./useNestedProp-BY6DNN3i.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 { 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 { 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 S } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ne } from "./img-Bikk1dGb.js";
-import { n as C } from "./Title-BuPs74IB.js";
-import { t as re } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as ie, t as ae } from "./useResponsive-ZtArZtUf.js";
-import { t as oe } from "./A11yDataTable-DdRsVULz.js";
-import { t as se } from "./useUserOptionState-DK-_1ddE.js";
-import { t as ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as le } from "./Legend-C0xAnJdO.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";
+import { t as ie } from "./img-DIQG5q8T.js";
+import { n as ae } from "./Title-BODtwViI.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 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
-var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe = {
+var De = /* @__PURE__ */ e({ default: () => Je }), Oe = ["id"], ke = ["id"], Ae = {
 	key: 2,
 	ref: "noTitle",
 	class: "vue-data-ui-no-title-space",
 	style: "height:36px; width: 100%;background:transparent"
-}, ke = ["id"], Ae = { style: { position: "relative" } }, je = [
+}, je = ["id"], Me = { style: { position: "relative" } }, Ne = [
 	"xmlns",
 	"aria-describedby",
 	"viewBox"
-], Me = ["width", "height"], Ne = ["id"], Pe = ["stop-color"], Fe = ["stop-color"], Ie = [
+], Pe = ["width", "height"], Fe = ["id"], Ie = ["stop-color"], Le = ["stop-color"], Re = [
 	"d",
 	"fill",
 	"stroke",
 	"stroke-width"
-], Le = [
+], ze = [
 	"data-a11y-node-id",
 	"x",
 	"y",
@@ -45,17 +46,17 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 	"onMouseenter",
 	"onMouseleave",
 	"onClick"
-], Re = { key: 1 }, ze = [
+], Be = { key: 1 }, Ve = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Be = [
+], He = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], Ve = {
+], Ue = {
 	key: 0,
 	style: {
 		position: "absolute",
@@ -65,10 +66,10 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, He = {
+}, We = {
 	key: 5,
 	class: "vue-data-ui-watermark"
-}, Ue = ["id"], We = ["onClick"], Ge = ["innerHTML"], Ke = /*#__PURE__*/ re({
+}, Ge = ["id"], Ke = ["onClick"], qe = ["innerHTML"], Je = /*#__PURE__*/ oe({
 	__name: "vue-ui-flow",
 	props: {
 		config: {
@@ -85,19 +86,26 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 		}
 	},
 	emits: ["copyAlt"],
-	setup(e, { expose: re, emit: Te }) {
-		let Ke = k(() => import("./Tooltip-CA1rtSyl.js")), qe = k(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Je = k(() => import("./vue-ui-accordion-UA88lv4d.js").then((e) => e.n)), Ye = k(() => import("./DataTable-DzPEVvSo.js")), Xe = k(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Ze = k(() => import("./UserOptions-DzAFK9cY.js").then((e) => e.n)), Qe = k(() => import("./PackageVersion-B6Hokxw9.js").then((e) => e.t)), $e = k(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_flow: et } = te(), { isThemeValid: tt, warnInvalidTheme: nt } = S(), 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({
+	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({
 			x: 0,
 			y: 0
-		}), xt = P("pointer"), St = P(!1), Ct = w(() => !!R.dataset && R.dataset.length);
-		ye(() => {
-			pt.value = !0, At();
+		}), Ct = N("pointer"), wt = N(!1), Tt = C(() => !!R.dataset && R.dataset.length);
+		Se(() => {
+			ht.value = !0, Mt();
 		});
-		let H = P(!1);
-		function wt(e) {
-			H.value = e, it.value += 1;
+		let H = N(!1);
+		function Et(e) {
+			H.value = e, ot.value += 1;
 		}
-		let U = P(Pt()), W = w(() => U.value.userOptions.useCursorPointer), Tt = w(() => p({
+		let U = N(It());
+		ne({
+			config: () => U.value,
+			dataset: () => R.dataset,
+			component: "VueUiFlow",
+			rules: [g.emptyArray, g.noHint]
+		});
+		let W = C(() => U.value.userOptions.useCursorPointer), Dt = C(() => r({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				nodeCategories: {
@@ -120,10 +128,10 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				} }
 			},
 			userConfig: U.value.skeletonConfig ?? {}
-		})), { loading: Et, FINAL_DATASET: Dt, manualLoading: Ot } = v({
-			...Ce(R),
+		})), { loading: Ot, FINAL_DATASET: kt, manualLoading: At } = y({
+			...Te(R),
 			FINAL_CONFIG: U,
-			prepareConfig: Pt,
+			prepareConfig: It,
 			skeletonDataset: R.config?.skeletonDataset ?? [
 				[
 					"A",
@@ -162,81 +170,81 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					"#AAAAAA"
 				]
 			],
-			skeletonConfig: p({
+			skeletonConfig: r({
 				defaultConfig: U.value,
-				userConfig: Tt.value
+				userConfig: Dt.value
 			})
-		}), kt = w(() => !!U.value.debug);
-		function At() {
-			if (t(R.dataset) && (u({
+		}), jt = C(() => !!U.value.debug);
+		function Mt() {
+			if (u(R.dataset) && (m({
 				componentName: "VueUiFlow",
 				type: "dataset",
-				debug: kt.value
-			}), Ot.value = !0), t(R.dataset) || (Ot.value = U.value.loading), U.value.responsive) {
-				let e = ie(() => {
-					let { width: e, height: t } = ae({
+				debug: jt.value
+			}), At.value = !0), u(R.dataset) || (At.value = U.value.loading), U.value.responsive) {
+				let e = se(() => {
+					let { width: e, height: t } = ce({
 						chart: B.value,
-						title: U.value.style.chart.title.text ? lt.value : null,
-						legend: U.value.style.chart.legend.show ? ct.value : null,
-						source: ut.value
+						title: U.value.style.chart.title.text ? dt.value : null,
+						legend: U.value.style.chart.legend.show ? ut.value : null,
+						source: ft.value
 					});
 					requestAnimationFrame(() => {
-						Ft.value = e, It.value = t;
+						Lt.value = e, Rt.value = t;
 					});
 				});
-				dt.value && (ft.value && dt.value.unobserve(ft.value), dt.value.disconnect()), dt.value = new ResizeObserver(e), ft.value = B.value.parentNode, dt.value.observe(ft.value);
+				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: jt, setUserOptionsVisibility: Mt, keepUserOptionState: Nt } = se({ config: U.value }), { svgRef: G } = ce({ config: U.value.style.chart.title });
-		function Pt() {
-			let e = x({
+		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({
 				userConfig: R.config,
-				defaultConfig: et
+				defaultConfig: nt
 			}), t = e, n = e.theme;
-			if (n) if (!tt.value(e)) nt(e), t = e;
+			if (n) if (!rt.value(e)) it(e), t = e;
 			else {
-				let r = x({
-					userConfig: ue[n] || R.config,
+				let r = re({
+					userConfig: pe[n] || R.config,
 					defaultConfig: e
 				});
 				t = {
-					...x({
+					...re({
 						userConfig: R.config,
 						defaultConfig: r
 					}),
-					customPalette: e.customPalette.length ? e.customPalette : i[n] || o
+					customPalette: e.customPalette.length ? e.customPalette : i[n] || a
 				};
 			}
 			else t = e;
 			return t.nodeCategories = R.config.nodeCategories || {}, t.nodeCategoryColors = R.config.nodeCategoryColors || {}, t;
 		}
-		let Ft = P(U.value.style.chart.width), It = P(U.value.style.chart.height);
-		we(() => R.config, (e) => {
-			Et.value || (U.value = Pt()), jt.value = !U.value.userOptions.showOnChartHover, At(), at.value += 1, K.value.showTable = U.value.table.show;
-		}, { deep: !0 }), we(() => R.dataset, (e) => {
-			Array.isArray(e) && e.length > 0 && (Ot.value = !1);
+		let Lt = N(U.value.style.chart.width), Rt = 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;
+		}, { deep: !0 }), Ee(() => R.dataset, (e) => {
+			Array.isArray(e) && e.length > 0 && (At.value = !1);
 		}, { deep: !0 });
-		let { isPrinting: Lt, isImaging: Rt, generatePdf: zt, generateImage: Bt } = _({
+		let { isPrinting: zt, isImaging: Bt, generatePdf: Vt, generateImage: Ht } = v({
 			elementId: `flow_${z.value}`,
 			fileName: U.value.style.chart.title.text || "vue-ui-flow",
 			options: U.value.userOptions.print
-		}), Vt = w(() => U.value.userOptions.show && !U.value.style.chart.title.text), Ht = w(() => n(U.value.customPalette)), Ut = w(() => U.value.style.chart.nodes.width), K = P({
+		}), 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({
 			showTable: U.value.table.show,
 			showTooltip: U.value.style.chart.tooltip.show
 		});
-		we(U, () => {
+		Ee(U, () => {
 			K.value = {
 				showTable: U.value.table.show,
 				showTooltip: U.value.style.chart.tooltip.show
 			};
 		}, { immediate: !0 });
-		let Wt = w(() => !Dt.value || !Dt.value.length ? [] : Dt.value.map((e, t) => [
+		let Kt = C(() => !kt.value || !kt.value.length ? [] : kt.value.map((e, t) => [
 			e[0],
 			e[1],
-			g(e[2]),
-			e[3] ? ee(e[3]) : Ht.value[t] || Ht.value[t % Ht.value.length] || o[t] || o[t % o.length]
+			c(e[2]),
+			e[3] ? o(e[3]) : Wt.value[t] || Wt.value[t % Wt.value.length] || a[t] || a[t % a.length]
 		]));
-		function Gt(e) {
+		function qt(e) {
 			let t = {}, n = {};
 			function r(e, r) {
 				t[e] || (t[e] = {
@@ -245,7 +253,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					outflow: 0,
 					children: [],
 					color: null,
-					uid: a()
+					uid: ee()
 				}), 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]) => {
@@ -255,24 +263,24 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					value: i
 				}), t[e].outflow += i, t[n].inflow += i;
 			});
-			let i = new Set(e.map(([e]) => e)), s = new Set(e.map(([, e]) => e)), c = Array.from(i).filter((e) => !s.has(e)), l = {};
-			c.forEach((e, t) => {
-				l[e] = Ht.value[t] || o[t % o.length];
+			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];
 			});
 			let u = {};
 			e.forEach(([e, t, n, r]) => {
 				r && (u[e] = r, u[t] = r);
 			}), Object.keys(t).forEach((e, n) => {
 				let r = U.value.nodeCategories?.[e], i = r ? U.value.nodeCategoryColors?.[r] : null;
-				t[e].color = u[e] || i || (c.includes(e) ? l[e] : null) || o[n % o.length];
+				t[e].color = u[e] || i || (s.includes(e) ? l[e] : null) || a[n % a.length];
 			}), Object.keys(t).forEach((e) => {
 				t[e].value = Math.max(t[e].inflow, t[e].outflow);
 			});
-			let d = Jt.value, f = Yt.value.width, p = Yt.value.height, m = Object.keys(n).map(Number).sort((e, t) => e - t), h = m.length || 1, ee = h > 1 ? f / (h - 1) : 0, te = Number(Ut.value), _ = Number(U.value.style.chart.nodes.gapPx ?? U.value.style.chart.nodes.gap ?? 8), v = Number(U.value.style.chart.nodes.minHeight || 0);
-			function y(e) {
+			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);
+			function v(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) * g), o = Math.max(0, p - a), s = Math.min(_, 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) {
@@ -285,62 +293,62 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				}
 				return u > 0 ? Math.max(0, (o - c) / u) : 0;
 			}
-			let b = m.map(y), x = b.length ? Math.min(...b) : 0, S = {};
+			let y = m.map(v), b = y.length ? Math.min(...y) : 0, x = {};
 			m.forEach((e) => {
-				let r = n[e], i = r.length, o = Math.max(0, (i - 1) * _), s = Math.max(0, p - o), c = Math.min(v, i ? s / i : 0), l = r.map((e) => Math.max(c, (t[e].value || 0) * x)), u = l.reduce((e, t) => e + t, 0) + o, f = Math.max(0, (p - u) / 2);
+				let r = n[e], i = r.length, a = Math.max(0, (i - 1) * g), o = Math.max(0, p - a), s = Math.min(_, i ? o / i : 0), c = r.map((e) => Math.max(s, (t[e].value || 0) * b)), l = c.reduce((e, t) => e + t, 0) + a, u = Math.max(0, (p - l) / 2);
 				r.forEach((n, r) => {
-					let o = l[r], s = d.left + e * ee, c = f;
-					S[n] = {
-						x: s,
-						y: c,
-						absoluteY: c,
-						height: o,
+					let a = c[r], o = d.left + e * te, s = u;
+					x[n] = {
+						x: o,
+						y: s,
+						absoluteY: s,
+						height: a,
 						i: r,
 						color: t[n].color,
 						value: t[n].value,
-						id: a()
-					}, f += o, r < i - 1 && (f += _);
+						id: ee()
+					}, u += a, r < i - 1 && (u += g);
 				});
 			});
-			let ne = [], C = d.top, re = {}, ie = {};
+			let re = [], S = d.top, ie = {}, ae = {};
 			Object.keys(t).forEach((e) => {
-				re[e] = S[e]?.y ?? 0, ie[e] = 0;
+				ie[e] = x[e]?.y ?? 0, ae[e] = 0;
 			});
-			let ae = !!U.value.style.chart.links.smooth, oe = .5;
+			let oe = !!U.value.style.chart.links.smooth, se = .5;
 			return m.forEach((e) => {
 				n[e].forEach((e) => {
-					let n = t[e], r = S[e];
+					let n = t[e], r = x[e];
 					if (!n.children || !n.children.length) return;
 					let i = r.y;
-					n.children.forEach(({ target: o, value: s }) => {
-						let c = S[o], l = t[o], u = n.outflow > 0 ? s / n.outflow : 0, d = l.inflow > 0 ? s / l.inflow : 0, f = g(i + C), p = g(i + u * r.height + C), m = re[o], h = m + d * c.height;
-						ie[o] += s;
-						let ee = l.inflow > 0 && ie[o] >= l.inflow - 1e-6, _ = c.y + c.height;
-						(ee || h > _ - .25) && (h = _);
-						let v = g(m + C), y = g(h + C), b = g(r.x + te), x = g(c.x), se;
-						if (!ae || x <= b) se = `M ${b} ${f} L ${b} ${p} L ${x} ${y} L ${x} ${v} Z`;
+					n.children.forEach(({ target: a, value: o }) => {
+						let s = x[a], l = t[a], u = n.outflow > 0 ? o / n.outflow : 0, d = l.inflow > 0 ? o / l.inflow : 0, f = c(i + S), p = c(i + u * r.height + S), m = ie[a], h = m + d * s.height;
+						ae[a] += o;
+						let te = l.inflow > 0 && ae[a] >= l.inflow - 1e-6, g = s.y + s.height;
+						(te || h > g - .25) && (h = g);
+						let _ = c(m + S), v = c(h + S), y = c(r.x + ne), b = c(s.x), ce;
+						if (!oe || b <= y) ce = `M ${y} ${f} L ${y} ${p} L ${b} ${v} L ${b} ${_} Z`;
 						else {
-							let e = x - b, t = g(b + e * oe), n = g(x - e * oe), r = f, i = v, a = p, o = y;
-							se = `M ${b} ${r} C ${t} ${r}, ${n} ${i}, ${x} ${i} L ${x} ${o} C ${n} ${o}, ${t} ${a}, ${b} ${a} Z`;
+							let e = b - y, t = c(y + e * se), n = c(b - e * se), r = f, i = _, a = p, o = v;
+							ce = `M ${y} ${r} C ${t} ${r}, ${n} ${i}, ${b} ${i} L ${b} ${o} C ${n} ${o}, ${t} ${a}, ${y} ${a} Z`;
 						}
-						ne.push({
-							id: a(),
+						re.push({
+							id: ee(),
 							source: e,
-							target: o,
-							path: se,
-							value: s,
+							target: a,
+							path: ce,
+							value: o,
 							sourceColor: n.color,
-							targetColor: t[o].color
-						}), i = p - C, re[o] = h;
+							targetColor: t[a].color
+						}), i = p - S, ie[a] = h;
 					});
 				});
 			}), {
-				nodeCoordinates: S,
-				links: ne
+				nodeCoordinates: x,
+				links: re
 			};
 		}
-		let q = w(() => {
-			let e = Gt(Dt.value);
+		let q = C(() => {
+			let e = qt(kt.value);
 			return {
 				nodes: Object.keys(e.nodeCoordinates).map((t, n) => ({
 					...e.nodeCoordinates[t],
@@ -348,133 +356,133 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				})),
 				links: e.links
 			};
-		}), Kt = w(() => Ft.value), qt = w(() => It.value), Jt = w(() => U.value.style.chart.padding), Yt = w(() => ({
-			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 = w(() => ({
-			width: Kt.value,
-			height: qt.value
+		}), 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
 		}));
-		function Zt(e) {
+		function $t(e) {
 			let t = {}, n = {}, r = /* @__PURE__ */ new Set();
-			return Wt.value.forEach(([e, r, i]) => {
+			return Kt.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 = P(null), Y = P(null), X = P(null), Qt = P(!1), $t = P(null);
-		function en() {
-			$t.value = null, J.value = null, Y.value = null, ot.value = !1, yt.value = null, V.value = null;
+		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;
 		}
-		function tn(e) {
+		function rn(e) {
 			if (!G.value || !e) return;
 			let t = G.value.querySelector(`[data-a11y-node-id="${e}"]`);
 			if (!t) return;
 			let n = t.getBoundingClientRect();
-			bt.value = {
+			St.value = {
 				x: n.left + n.width / 2,
 				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 i = e.name, a = Wt.value, o = 0, s = 0, u = [], f = [], p = new Set(a.map(([e]) => e)), m = new Set(a.map(([, e]) => e)), h = Array.from(p).filter((e) => !m.has(e)), ee = a.filter(([e]) => h.includes(e)).reduce((e, [t, n, r]) => e + r, 0), g = {};
+		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 = {};
 			q.value.nodes.forEach((e) => {
-				g[e.name] = e.color;
+				h[e.name] = e.color;
 			}), a.forEach(([e, t, n]) => {
 				t === i && (o += n, u.push({
 					source: e,
 					value: n,
-					color: g[e]
-				})), e === i && (s += n, f.push({
+					color: h[e]
+				})), e === i && (c += n, d.push({
 					target: t,
 					value: n,
-					color: g[t]
+					color: h[t]
 				}));
 			});
-			let te = ee > 0 ? Math.max(o, s) / ee * 100 : 0, _ = {
+			let ne = m > 0 ? Math.max(o, c) / m * 100 : 0, g = {
 				name: i,
 				inflow: o,
-				outflow: s,
+				outflow: c,
 				from: u,
-				to: f,
-				percentOfTotal: te,
-				color: g[i] || "#000000"
+				to: d,
+				percentOfTotal: ne,
+				color: h[i] || "#000000"
 			};
 			U.value.events.datapointEnter && U.value.events.datapointEnter({
-				datapoint: _,
+				datapoint: g,
 				seriesIndex: t
 			}), X.value = {
-				datapoint: _,
+				datapoint: g,
 				config: U.value,
 				seriesIndex: t,
 				series: q.value
-			}, ot.value = !0;
-			let v = "", y = U.value.style.chart.tooltip.customFormat;
-			if (Qt.value = !1, l(y)) try {
-				let e = y({
-					datapoint: _,
+			}, ct.value = !0;
+			let _ = "", v = U.value.style.chart.tooltip.customFormat;
+			if (en.value = !1, te(v)) try {
+				let e = v({
+					datapoint: g,
 					series: q.value,
 					config: U.value
 				});
-				typeof e == "string" && (st.value = e, Qt.value = !0);
+				typeof e == "string" && (lt.value = e, en.value = !0);
 			} catch {
 				console.warn("Custom format cannot be applied.");
 			}
-			if (!Qt.value) {
-				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${c({
+			if (!en.value) {
+				let e = U.value.style.chart.tooltip.showPercentage ? `<div>${s({
 					p: U.value.style.chart.tooltip.translations.percentOfTotal,
-					v: _.percentOfTotal,
+					v: g.percentOfTotal,
 					s: "%",
 					r: U.value.style.chart.tooltip.roundingPercentage
 				})}</div>` : "";
-				v += `<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:${_.color}">⏹</span>${_.name}${e}</div>`, _.from.length && (v += `<div>${U.value.style.chart.tooltip.translations.from}</div>`, _.from.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, c({
+				_ += `<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:${g.color}">⏹</span>${g.name}${e}</div>`, g.from.length && (_ += `<div>${U.value.style.chart.tooltip.translations.from}</div>`, g.from.forEach((e) => {
+					_ += `<div><span style="color:${e.color}">⏹←</span> ${e.source}: ${l(U.value.style.chart.nodes.labels.formatter, e.value, s({
 						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>`;
-				})), _.to.length && (v += `<div style="margin-top:6px;">${U.value.style.chart.tooltip.translations.to}</div>`, _.to.forEach((e) => {
-					v += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${d(U.value.style.chart.nodes.labels.formatter, e.value, c({
+				})), g.to.length && (_ += `<div style="margin-top:6px;">${U.value.style.chart.tooltip.translations.to}</div>`, g.to.forEach((e) => {
+					_ += `<div><span style="color:${e.color}">⏹→</span> ${e.target}: ${l(U.value.style.chart.nodes.labels.formatter, e.value, s({
 						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>`;
-				})), st.value = v;
+				})), lt.value = _;
 			}
-			n === "keyboard" && _e(() => {
-				tn(e.id);
+			n === "keyboard" && be(() => {
+				rn(e.id);
 			});
 		}
-		function rn(e) {
+		function on(e) {
 			let t = X.value;
 			U.value.events.datapointLeave && U.value.events.datapointLeave({
 				datapoint: t,
 				seriesIndex: e
-			}), !(xt.value === "keyboard" && V.value) && ($t.value = null, J.value = null, Y.value = null, ot.value = !1);
+			}), !(Ct.value === "keyboard" && V.value) && (tn.value = null, J.value = null, Y.value = null, ct.value = !1);
 		}
-		function an(e) {
+		function sn(e) {
 			let t = X.value;
 			U.value.events.datapointClick && U.value.events.datapointClick({
 				datapoint: t,
 				seriesIndex: e
 			});
 		}
-		let on = w(() => q.value.links.map(({ source: e, target: t, sourceColor: n, targetColor: r, value: i }) => ({
+		let cn = 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 sn(e = null) {
-			_e(() => {
-				let t = on.value.map((e, t) => [
+		function ln(e = null) {
+			be(() => {
+				let r = cn.value.map((e, t) => [
 					[e.source],
 					[e.target],
 					[e.value]
-				]), n = r([
+				]), i = n([
 					[U.value.style.chart.title.text],
 					[U.value.style.chart.title.subtitle.text],
 					[
@@ -482,19 +490,19 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 						[U.value.table.columnNames.target],
 						[U.value.table.columnNames.value]
 					]
-				].concat(t));
-				e ? e(n) : s({
-					csvContent: n,
+				].concat(r));
+				e ? e(i) : t({
+					csvContent: i,
 					title: U.value.style.chart.title.text || "vue-ui-flow"
 				});
 			});
 		}
-		let Z = w(() => {
+		let Z = C(() => {
 			let e = [
 				U.value.table.columnNames.source,
 				U.value.table.columnNames.target,
 				U.value.table.columnNames.value
-			], t = on.value.map((e, t) => [
+			], t = cn.value.map((e, t) => [
 				{
 					color: e.sourceColor,
 					name: e.source,
@@ -505,7 +513,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					name: e.target,
 					shape: "square"
 				},
-				c({
+				s({
 					p: U.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: U.value.style.chart.nodes.labels.suffix,
@@ -534,17 +542,17 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				body: t,
 				config: n
 			};
-		}), cn = w(() => ({
+		}), un = C(() => ({
 			headers: Z.value?.colNames ?? [],
 			rows: Z.value?.body ?? []
-		})), ln = w(() => [...q.value.nodes].map((e, t) => ({
+		})), dn = C(() => [...q.value.nodes].map((e, t) => ({
 			...e,
 			index: t,
-			centerX: e.x + Ut.value / 2,
-			centerY: g(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 = w(() => {
+			centerX: e.x + Gt.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 ln.value.forEach((t) => {
+			return dn.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,
@@ -553,37 +561,37 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			}), e.forEach((e) => {
 				e.nodes.sort((e, t) => e.absoluteY - t.absoluteY);
 			}), e.sort((e, t) => e.x - t.x);
-		}), un = w(() => {
+		}), fn = C(() => {
 			let e = /* @__PURE__ */ new Map();
-			return ln.value.forEach((t, n) => {
+			return dn.value.forEach((t, n) => {
 				e.set(t.id, n);
 			}), e;
 		});
-		function dn() {
+		function pn() {
 			return q.value;
 		}
-		function fn() {
+		function mn() {
 			K.value.showTable = !K.value.showTable;
 		}
-		let pn = P(!1);
-		function mn() {
-			pn.value = !pn.value;
+		let hn = N(!1);
+		function gn() {
+			hn.value = !hn.value;
 		}
-		function hn() {
+		function _n() {
 			K.value.showTooltip = !K.value.showTooltip;
 		}
-		let gn = w(() => {
+		let vn = C(() => {
 			let e = new Set(q.value.nodes.map((e) => U.value.nodeCategories[e.name] || "__uncategorized__"));
 			return Array.from(e).map((e) => ({
 				name: e,
-				color: U.value.nodeCategoryColors[e] || o[0],
+				color: U.value.nodeCategoryColors[e] || a[0],
 				shape: "square",
 				count: q.value.nodes.filter((t) => (U.value.nodeCategories[t.name] || "__uncategorized__") === e).length
 			})).map((e, t) => {
 				let n = $.value.includes(t);
 				return {
 					...e,
-					segregate: () => vn({
+					segregate: () => bn({
 						legend: e,
 						i: t
 					}),
@@ -592,8 +600,8 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					display: `${e.name} (${e.count})`
 				};
 			});
-		}), _n = w(() => gn.value.filter((e) => e.name !== "__uncategorized__")), $ = P([]);
-		function vn({ legend: e, i: t }) {
+		}), yn = C(() => vn.value.filter((e) => e.name !== "__uncategorized__")), $ = N([]);
+		function bn({ 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 = [];
@@ -601,7 +609,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			}
 			$.value = [t], J.value = q.value.nodes.filter((e) => U.value.nodeCategories[e.name] === n).map((e) => e.name), Y.value = null;
 		}
-		let yn = w(() => ({
+		let xn = C(() => ({
 			cy: "flow-legend",
 			backgroundColor: U.value.style.chart.legend.backgroundColor,
 			color: U.value.style.chart.legend.color,
@@ -609,9 +617,9 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			paddingBottom: U.value.style.chart.legend.paddingBottom,
 			fontWeight: U.value.style.chart.legend.bold ? "bold" : "normal"
 		}));
-		async function bn({ scale: e = 2 } = {}) {
+		async function Sn({ scale: e = 2 } = {}) {
 			if (!B.value) return;
-			let { width: t, height: n } = B.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ne({
+			let { width: t, height: n } = B.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ie({
 				domElement: B.value,
 				base64: !0,
 				img: !0,
@@ -626,10 +634,10 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				aspectRatio: r
 			};
 		}
-		let xn = w(() => {
+		let Cn = C(() => {
 			let e = U.value.table.useDialog && !U.value.table.show, t = K.value.showTable;
 			return {
-				component: e ? $e : Je,
+				component: e ? tt : Xe,
 				title: `${U.value.style.chart.title.text}${U.value.style.chart.title.subtitle.text ? `: ${U.value.style.chart.title.subtitle.text}` : ""}`,
 				props: e ? {
 					backgroundColor: U.value.table.th.backgroundColor,
@@ -657,51 +665,51 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				}
 			};
 		});
-		we(() => K.value.showTable, (e) => {
-			U.value.table.show || (e && U.value.table.useDialog && mt.value ? mt.value.open() : "close" in mt.value && mt.value.close());
+		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 Sn() {
-			K.value.showTable = !1, ht.value && ht.value.setTableIconState(!1);
+		function wn() {
+			K.value.showTable = !1, _t.value && _t.value.setTableIconState(!1);
 		}
-		let Cn = w(() => _n.value.map((e) => ({
+		let Tn = C(() => yn.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), wn = w(() => U.value.style.chart.backgroundColor), Tn = w(() => U.value.style.chart.legend), { exportSvg: En, getSvg: Dn } = b({
+		}))), En = C(() => U.value.style.chart.backgroundColor), Dn = C(() => U.value.style.chart.legend), { exportSvg: On, getSvg: kn } = x({
 			svg: G,
-			title: w(() => U.value.style.chart.title),
-			legend: Tn,
-			legendItems: Cn,
-			backgroundColor: wn
+			title: C(() => U.value.style.chart.title),
+			legend: Dn,
+			legendItems: Tn,
+			backgroundColor: En
 		});
-		async function On({ isCb: e }) {
-			vt.value = !0, await _e();
+		async function An({ isCb: e }) {
+			bt.value = !0, await be();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await Dn();
+					let { blob: e, url: t, text: n, dataUrl: r } = await kn();
 					await Promise.resolve(U.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(En());
+				} else await Promise.resolve(On());
 			} finally {
-				vt.value = !1;
+				bt.value = !1;
 			}
 		}
-		function kn(e) {
+		function jn(e) {
 			if (e?.stage === "start") {
-				_t.value = !0;
+				yt.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				_t.value = !1;
+				yt.value = !1;
 				return;
 			}
-			Bt();
+			Ht();
 		}
-		async function An() {
-			if (rt("copyAlt", {
+		async function Mn() {
+			if (at("copyAlt", {
 				config: U.value,
 				dataset: q.value
 			}), !U.value.userOptions.callbacks.altCopy) {
@@ -713,14 +721,14 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				dataset: q.value
 			}));
 		}
-		function jn(e) {
+		function Nn(e) {
 			return Q.value.findIndex((t) => t.nodes.some((t) => t.id === e));
 		}
-		function Mn(e, t) {
+		function Pn(e, t) {
 			let n = Q.value[e];
 			return n ? n.nodes.findIndex((e) => e.id === t) : -1;
 		}
-		function Nn(e, t) {
+		function Fn(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);
@@ -730,41 +738,41 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			}
 			return r;
 		}
-		function Pn() {
-			yt.value = null, V.value = null, St.value = !0;
+		function In() {
+			xt.value = null, V.value = null, wt.value = !0;
 		}
-		function Fn() {
-			en(), St.value = !1;
+		function Ln() {
+			nn(), wt.value = !1;
 		}
-		function In(e) {
-			if (!G.value || pn.value || document.activeElement !== G.value || !ln.value.length) return;
+		function Rn(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;
 			if (e.preventDefault(), e.stopPropagation(), o) {
-				en();
+				nn();
 				return;
 			}
 			if (a) {
-				if (yt.value === null) return;
-				an(yt.value);
+				if (xt.value === null) return;
+				sn(xt.value);
 				return;
 			}
 			if (V.value === null) {
 				let e = Q.value[0]?.nodes?.[0];
 				if (!e) return;
-				let t = un.value.get(e.id) ?? 0;
-				nn(e, t, "keyboard", t);
+				let t = fn.value.get(e.id) ?? 0;
+				an(e, t, "keyboard", t);
 				return;
 			}
-			let s = un.value.get(V.value);
+			let s = fn.value.get(V.value);
 			if (s === void 0) return;
-			let c = ln.value[s];
+			let c = dn.value[s];
 			if (!c) return;
-			let l = jn(c.id);
+			let l = Nn(c.id);
 			if (l < 0) return;
 			let u = null;
 			if (r || i) {
-				let e = Mn(l, c.id);
+				let e = Pn(l, c.id);
 				if (e < 0) return;
 				let t = Q.value[l];
 				if (!t?.nodes?.length) return;
@@ -773,46 +781,46 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 			}
 			if (t || n) {
 				let e = l + (n ? 1 : -1);
-				e < 0 && (e = Q.value.length - 1), e >= Q.value.length && (e = 0), u = Nn(e, c.centerY);
+				e < 0 && (e = Q.value.length - 1), e >= Q.value.length && (e = 0), u = Fn(e, c.centerY);
 			}
 			if (!u) return;
-			let d = un.value.get(u.id);
-			d !== void 0 && nn(u, d, "keyboard", d);
+			let d = fn.value.get(u.id);
+			d !== void 0 && an(u, d, "keyboard", d);
 		}
-		return re({
-			getData: dn,
-			getImage: bn,
-			generateCsv: sn,
-			generateImage: Bt,
-			generateSvg: On,
-			generatePdf: zt,
-			toggleTable: fn,
-			toggleAnnotator: mn,
-			toggleTooltip: hn,
-			drillCategory: vn,
-			unselectNode: rn,
-			toggleFullscreen: wt,
-			copyAlt: An
-		}), (e, t) => (N(), D("div", {
+		return oe({
+			getData: pn,
+			getImage: Sn,
+			generateCsv: ln,
+			generateImage: Ht,
+			generateSvg: An,
+			generatePdf: Vt,
+			toggleTable: mn,
+			toggleAnnotator: gn,
+			toggleTooltip: _n,
+			drillCategory: bn,
+			unselectNode: on,
+			toggleFullscreen: Et,
+			copyAlt: Mn
+		}), (e, t) => (M(), E("div", {
 			ref_key: "flowChart",
 			ref: B,
-			class: ve(`vue-data-ui-component vue-ui-flow ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-			style: M(`font-family:${U.value.style.fontFamily};width:100%; text-align:center;background:${U.value.style.chart.backgroundColor}`),
+			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(Mt)(!0),
+			onMouseenter: t[2] ||= () => I(Pt)(!0),
 			onMouseleave: t[3] ||= () => {
-				I(Mt)(!1), St.value || en();
+				I(Pt)(!1), wt.value || nn();
 			}
 		}, [
-			O("div", {
+			D("div", {
 				id: `chart-instructions-${z.value}`,
 				class: "sr-only"
-			}, [O("p", null, Se(U.value.a11y.translations.keyboardNavigation), 1)], 8, De),
-			cn.value?.rows?.length ? (N(), T(oe, {
+			}, [D("p", null, F(U.value.a11y.translations.keyboardNavigation), 1)], 8, ke),
+			un.value?.rows?.length ? (M(), w(le, {
 				key: 0,
 				uid: z.value,
-				head: cn.value.headers,
-				body: cn.value.rows,
+				head: un.value.headers,
+				body: un.value.rows,
 				notice: U.value.a11y.translations.tableAvailable,
 				caption: U.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -821,22 +829,22 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				"body",
 				"notice",
 				"caption"
-			])) : E("", !0),
-			U.value.userOptions.buttons.annotator ? (N(), T(I(Xe), {
+			])) : T("", !0),
+			U.value.userOptions.buttons.annotator ? (M(), w(I(Qe), {
 				key: 1,
 				svgRef: I(G),
 				backgroundColor: U.value.style.chart.backgroundColor,
 				color: U.value.style.chart.color,
-				active: pn.value,
-				onClose: mn,
+				active: hn.value,
+				onClose: gn,
 				isCursorPointer: W.value
 			}, {
-				"annotator-action-close": L(() => [F(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": L(({ color: t }) => [F(e.$slots, "annotator-action-color", j(A({ color: t })), void 0, !0)]),
-				"annotator-action-draw": L(({ mode: t }) => [F(e.$slots, "annotator-action-draw", j(A({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": L(({ disabled: t }) => [F(e.$slots, "annotator-action-undo", j(A({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": L(({ disabled: t }) => [F(e.$slots, "annotator-action-redo", j(A({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": L(({ disabled: t }) => [F(e.$slots, "annotator-action-delete", j(A({ disabled: t })), void 0, !0)]),
+				"annotator-action-close": L(() => [P(e.$slots, "annotator-action-close", {}, void 0, !0)]),
+				"annotator-action-color": L(({ color: t }) => [P(e.$slots, "annotator-action-color", A(k({ color: t })), void 0, !0)]),
+				"annotator-action-draw": L(({ mode: t }) => [P(e.$slots, "annotator-action-draw", A(k({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": L(({ disabled: t }) => [P(e.$slots, "annotator-action-undo", A(k({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": L(({ disabled: t }) => [P(e.$slots, "annotator-action-redo", A(k({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": L(({ disabled: t }) => [P(e.$slots, "annotator-action-delete", A(k({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -844,15 +852,15 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				"color",
 				"active",
 				"isCursorPointer"
-			])) : E("", !0),
-			Vt.value ? (N(), D("div", Oe, null, 512)) : E("", !0),
-			U.value.style.chart.title.text ? (N(), D("div", {
+			])) : T("", !0),
+			Ut.value ? (M(), E("div", Ae, null, 512)) : T("", !0),
+			U.value.style.chart.title.text ? (M(), E("div", {
 				key: 3,
 				ref_key: "chartTitle",
-				ref: lt,
+				ref: dt,
 				style: "width:100%;background:transparent;padding-bottom:24px"
-			}, [(N(), T(C, {
-				key: `title_${at.value}`,
+			}, [(M(), w(ae, {
+				key: `title_${st.value}`,
 				config: {
 					title: {
 						cy: "flow-title",
@@ -863,16 +871,16 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 						...U.value.style.chart.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : E("", !0),
-			O("div", { id: `legend-top-${z.value}` }, null, 8, ke),
-			U.value.userOptions.show && Ct.value && (I(Nt) || I(jt)) ? (N(), T(I(Ze), {
+			}, 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), {
 				ref_key: "userOptionsRef",
-				ref: ht,
-				key: `user_option_${it.value}`,
+				ref: _t,
+				key: `user_option_${ot.value}`,
 				backgroundColor: U.value.style.chart.backgroundColor,
 				color: U.value.style.chart.color,
-				isPrinting: I(Lt),
-				isImaging: I(Rt),
+				isPrinting: I(zt),
+				isImaging: I(Bt),
 				uid: z.value,
 				hasPdf: U.value.userOptions.buttons.pdf,
 				hasXls: U.value.userOptions.buttons.csv,
@@ -888,25 +896,25 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				position: U.value.userOptions.position,
 				hasAnnotator: U.value.userOptions.buttons.annotator,
 				printScale: U.value.userOptions.print.scale,
-				isAnnotation: pn.value,
+				isAnnotation: hn.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: hn,
-				onToggleFullscreen: wt,
-				onGeneratePdf: I(zt),
-				onGenerateCsv: sn,
-				onGenerateImage: kn,
-				onGenerateSvg: On,
-				onToggleTable: fn,
-				onToggleAnnotator: mn,
-				onCopyAlt: An,
-				style: M({ visibility: I(Nt) ? I(jt) ? "visible" : "hidden" : "visible" })
-			}, pe({ _: 2 }, [
+				onToggleTooltip: _n,
+				onToggleFullscreen: Et,
+				onGeneratePdf: I(Vt),
+				onGenerateCsv: ln,
+				onGenerateImage: jn,
+				onGenerateSvg: An,
+				onToggleTable: mn,
+				onToggleAnnotator: gn,
+				onCopyAlt: Mn,
+				style: j({ visibility: I(Ft) ? I(Nt) ? "visible" : "hidden" : "visible" })
+			}, ge({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: L(({ isOpen: t, color: n }) => [F(e.$slots, "menuIcon", j(A({
+					fn: L(({ isOpen: t, color: n }) => [P(e.$slots, "menuIcon", A(k({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -914,37 +922,37 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				} : void 0,
 				e.$slots.optionTooltip ? {
 					name: "optionTooltip",
-					fn: L(() => [F(e.$slots, "optionTooltip", {}, void 0, !0)]),
+					fn: L(() => [P(e.$slots, "optionTooltip", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: L(() => [F(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: L(() => [P(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionCsv ? {
 					name: "optionCsv",
-					fn: L(() => [F(e.$slots, "optionCsv", {}, void 0, !0)]),
+					fn: L(() => [P(e.$slots, "optionCsv", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: L(() => [F(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: L(() => [P(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "4"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: L(() => [F(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: L(() => [P(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "5"
 				} : void 0,
 				e.$slots.optionTable ? {
 					name: "optionTable",
-					fn: L(() => [F(e.$slots, "optionTable", {}, void 0, !0)]),
+					fn: L(() => [P(e.$slots, "optionTable", {}, void 0, !0)]),
 					key: "6"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: L(({ toggleFullscreen: t, isFullscreen: n }) => [F(e.$slots, "optionFullscreen", j(A({
+					fn: L(({ toggleFullscreen: t, isFullscreen: n }) => [P(e.$slots, "optionFullscreen", A(k({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -952,7 +960,7 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: L(({ toggleAnnotator: t, isAnnotator: n }) => [F(e.$slots, "optionAnnotator", j(A({
+					fn: L(({ toggleAnnotator: t, isAnnotator: n }) => [P(e.$slots, "optionAnnotator", A(k({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -960,64 +968,64 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: L(({ altCopy: t }) => [F(e.$slots, "optionAltCopy", j(A({ altCopy: t })), void 0, !0)]),
+					fn: L(({ altCopy: t }) => [P(e.$slots, "optionAltCopy", A(k({ altCopy: t })), void 0, !0)]),
 					key: "9"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: L(() => [F(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: L(() => [P(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "10"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: L(() => [F(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					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("."))) : E("", !0),
-			O("div", Ae, [(N(), D("svg", {
+			]), 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),
+			D("div", Me, [(M(), E("svg", {
 				ref_key: "svgRef",
 				ref: G,
-				xmlns: I(h),
+				xmlns: I(p),
 				"aria-describedby": `chart-instructions-${z.value}`,
-				viewBox: `0 0 ${Xt.value.width} ${Xt.value.height}`,
-				class: ve({
+				viewBox: `0 0 ${Qt.value.width} ${Qt.value.height}`,
+				class: xe({
 					"vue-data-ui-fullscreen--on": H.value,
 					"vue-data-ui-fulscreen--off": !H.value
 				}),
-				style: M({
+				style: j({
 					maxWidth: "100%",
 					overflow: "visible",
 					background: "transparent",
 					color: U.value.style.chart.color
 				}),
 				tabindex: "0",
-				onFocus: Pn,
-				onBlur: Fn,
-				onKeydown: In
+				onFocus: In,
+				onBlur: Ln,
+				onKeydown: Rn
 			}, [
-				he(I(Qe)),
-				e.$slots["chart-background"] ? (N(), D("foreignObject", {
+				ve(I(et)),
+				e.$slots["chart-background"] ? (M(), E("foreignObject", {
 					key: 0,
 					x: 0,
 					y: 0,
-					width: Xt.value.width,
-					height: Xt.value.height,
+					width: Qt.value.width,
+					height: Qt.value.height,
 					style: { pointerEvents: "none" }
-				}, [F(e.$slots, "chart-background", {}, void 0, !0)], 8, Me)) : E("", !0),
-				O("defs", null, [(N(!0), D(de, null, be(q.value.links, (e, t) => (N(), D("linearGradient", {
+				}, [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", {
 					id: e.id,
 					x1: "0%",
 					y1: "0%",
 					x2: "100%",
 					y2: "0%"
-				}, [O("stop", {
+				}, [D("stop", {
 					offset: "0%",
 					"stop-color": e.sourceColor
-				}, null, 8, Pe), O("stop", {
+				}, null, 8, Ie), D("stop", {
 					offset: "100%",
 					"stop-color": e.targetColor
-				}, null, 8, Fe)], 8, Ne))), 256))]),
-				(N(!0), D(de, null, be(q.value.links, (e) => (N(), D("path", {
+				}, null, 8, Le)], 8, Fe))), 256))]),
+				(M(!0), E(me, null, Ce(q.value.links, (e) => (M(), E("path", {
 					class: "vue-ui-flow-link",
 					d: e.path,
 					"stroke-linejoin": "round",
@@ -1025,53 +1033,53 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 					fill: `url(#${e.id})`,
 					stroke: U.value.style.chart.links.stroke,
 					"stroke-width": U.value.style.chart.links.strokeWidth,
-					style: M(`
+					style: j(`
                         opacity:${J.value ? J.value.includes(e.source) && J.value.includes(e.target) ? 1 : .3 : Y.value ? [e.target, e.source].includes(Y.value) ? 1 : .3 : U.value.style.chart.links.opacity}
                     `)
-				}, null, 12, Ie))), 256)),
-				(N(!0), D(de, null, be(q.value.nodes, (e, t) => (N(), D("rect", {
+				}, null, 12, Re))), 256)),
+				(M(!0), E(me, null, Ce(q.value.nodes, (e, t) => (M(), E("rect", {
 					"data-a11y-node-id": e.id,
 					class: "vue-ui-flow-node",
 					x: e.x,
-					y: I(g)(e.absoluteY) + U.value.style.chart.padding.top,
-					height: I(g)(e.height),
-					width: Ut.value,
+					y: I(c)(e.absoluteY) + U.value.style.chart.padding.top,
+					height: I(c)(e.height),
+					width: Gt.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: M({
+					style: j({
 						opacity: J.value ? J.value.includes(e.name) ? 1 : .3 : 1,
-						outline: $t.value !== null && $t.value === e.id ? "2px solid currentColor" : void 0
+						outline: tn.value !== null && tn.value === e.id ? "2px solid currentColor" : void 0
 					}),
-					"aria-label": `${e.name}: ${I(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(c)({
+					"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,
 						v: e.value,
 						s: U.value.style.chart.nodes.labels.suffix,
 						r: U.value.style.chart.nodes.labels.rounding
 					}))}`,
-					onMouseenter: (n) => nn(e, t, "pointer", un.value.get(e.id)),
-					onMouseleave: (e) => rn(t),
-					onClick: (e) => an(t)
-				}, null, 44, Le))), 256)),
-				U.value.style.chart.nodes.labels.show ? (N(), D("g", Re, [(N(!0), D(de, null, be(q.value.nodes, (e, t) => (N(), D("text", {
-					x: e.x + Ut.value / 2,
-					y: (U.value.style.chart.nodes.labels.showValue ? I(g)(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,
+					onMouseenter: (n) => an(e, t, "pointer", fn.value.get(e.id)),
+					onMouseleave: (e) => on(t),
+					onClick: (e) => sn(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,
+					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(m)(e.color),
+					fill: I(f)(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(f)({
+					style: j(`pointer-events: none; opacity:${J.value ? +!!J.value.includes(e.name) : 1}`)
+				}, F(U.value.style.chart.nodes.labels.abbreviation.use ? I(d)({
 					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", {
-					x: e.x + Ut.value / 2,
-					y: I(g)(e.absoluteY + e.height / 2 + U.value.style.chart.nodes.labels.fontSize / 1.3) + U.value.style.chart.padding.top,
+				}) : 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,
+					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(m)(e.color),
+					fill: I(f)(e.color),
 					"text-anchor": "middle",
-					style: M(`pointer-events: none; opacity:${J.value ? +!!J.value.includes(e.name) : 1}`)
-				}, Se(I(d)(U.value.style.chart.nodes.labels.formatter, e.value, I(c)({
+					style: j(`pointer-events: none; opacity:${J.value ? +!!J.value.includes(e.name) : 1}`)
+				}, F(I(l)(U.value.style.chart.nodes.labels.formatter, e.value, I(s)({
 					p: U.value.style.chart.nodes.labels.prefix,
 					v: e.value,
 					s: U.value.style.chart.nodes.labels.suffix,
@@ -1079,53 +1087,53 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				}), {
 					datapoint: e,
 					seriesIndex: t
-				})), 13, Be))), 256)) : E("", !0)])) : E("", !0),
-				F(e.$slots, "svg", { svg: {
-					...Xt.value,
-					isPrintingImg: I(Lt) || I(Rt) || _t.value,
-					isPrintingSvg: vt.value
+				})), 13, He))), 256)) : T("", !0)])) : T("", !0),
+				P(e.$slots, "svg", { svg: {
+					...Qt.value,
+					isPrintingImg: I(zt) || I(Bt) || yt.value,
+					isPrintingSvg: bt.value
 				} }, void 0, !0)
-			], 46, je)), e.$slots.hint ? (N(), D("div", Ve, [F(e.$slots, "hint", j(A({
+			], 46, Ne)), e.$slots.hint ? (M(), E("div", Ue, [P(e.$slots, "hint", A(k({
 				hint: U.value.a11y.translations.keyboardNavigation,
-				isVisible: St.value
-			})), void 0, !0)])) : E("", !0)]),
-			e.$slots.watermark ? (N(), D("div", He, [F(e.$slots, "watermark", j(A({ isPrinting: I(Lt) || I(Rt) || _t.value || vt.value })), void 0, !0)])) : E("", !0),
-			O("div", { id: `legend-bottom-${z.value}` }, null, 8, Ue),
-			pt.value && (U.value.style.chart.legend.show || e.$slots.legend) ? (N(), T(fe, {
+				isVisible: wt.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),
+			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,
 				to: U.value.style.chart.legend.position === "top" ? `#legend-top-${z.value}` : `#legend-bottom-${z.value}`
-			}, [O("div", {
+			}, [D("div", {
 				ref_key: "chartLegend",
-				ref: ct
-			}, [F(e.$slots, "legend", { legend: gn.value }, () => [U.value.style.chart.legend.show && _n.value.length ? (N(), T(le, {
+				ref: ut
+			}, [P(e.$slots, "legend", { legend: vn.value }, () => [U.value.style.chart.legend.show && yn.value.length ? (M(), w(fe, {
 				key: 0,
-				legendSet: _n.value,
-				config: yn.value,
+				legendSet: yn.value,
+				config: xn.value,
 				isCursorPointer: W.value,
-				onClickMarker: t[0] ||= (e) => vn(e)
+				onClickMarker: t[0] ||= (e) => bn(e)
 			}, {
-				item: L(({ legend: e, index: t }) => [I(Et) ? E("", !0) : (N(), D("div", {
+				item: L(({ legend: e, index: t }) => [I(Ot) ? T("", !0) : (M(), E("div", {
 					key: 0,
 					onClick: (t) => e.segregate(),
-					style: M(`opacity:${$.value.length ? $.value.includes(t) ? 1 : .5 : 1}`)
-				}, Se(e.display), 13, We))]),
+					style: j(`opacity:${$.value.length ? $.value.includes(t) ? 1 : .5 : 1}`)
+				}, F(e.display), 13, Ke))]),
 				_: 1
 			}, 8, [
 				"legendSet",
 				"config",
 				"isCursorPointer"
-			])) : E("", !0)], !0)], 512)], 8, ["to"])) : E("", !0),
-			e.$slots.source ? (N(), D("div", {
+			])) : T("", !0)], !0)], 512)], 8, ["to"])) : T("", !0),
+			e.$slots.source ? (M(), E("div", {
 				key: 7,
 				ref_key: "source",
-				ref: ut,
+				ref: ft,
 				dir: "auto"
-			}, [F(e.$slots, "source", {}, void 0, !0)], 512)) : E("", !0),
-			he(I(Ke), {
+			}, [P(e.$slots, "source", {}, void 0, !0)], 512)) : T("", !0),
+			ve(I(Je), {
 				ref_key: "tooltip",
-				ref: gt,
+				ref: vt,
 				teleportTo: U.value.style.chart.tooltip.teleportTo,
-				show: K.value.showTooltip && ot.value,
+				show: K.value.showTooltip && ct.value,
 				backgroundColor: U.value.style.chart.tooltip.backgroundColor,
 				color: U.value.style.chart.tooltip.color,
 				fontSize: U.value.style.chart.tooltip.fontSize,
@@ -1137,19 +1145,19 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				offsetX: U.value.style.chart.tooltip.offsetX,
 				offsetY: U.value.style.chart.tooltip.offsetY,
 				parent: B.value,
-				content: st.value,
-				isCustom: Qt.value,
+				content: lt.value,
+				isCustom: en.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: xt.value === "keyboard",
-				a11yPosition: bt.value
+				isA11yMode: Ct.value === "keyboard",
+				a11yPosition: St.value
 			}, {
-				"tooltip-before": L(() => [F(e.$slots, "tooltip-before", j(A({ ...X.value })), void 0, !0)]),
-				tooltip: L(() => [F(e.$slots, "tooltip", j(A({ ...X.value })), void 0, !0)]),
-				"tooltip-after": L(() => [F(e.$slots, "tooltip-after", j(A({ ...X.value })), void 0, !0)]),
+				"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)]),
+				"tooltip-after": L(() => [P(e.$slots, "tooltip-after", A(k({ ...X.value })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"teleportTo",
@@ -1175,29 +1183,29 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				"isA11yMode",
 				"a11yPosition"
 			]),
-			Ct.value && U.value.userOptions.buttons.table ? (N(), T(xe(xn.value.component), ge({ key: 8 }, xn.value.props, {
+			Tt.value && U.value.userOptions.buttons.table ? (M(), w(we(Cn.value.component), ye({ key: 8 }, Cn.value.props, {
 				ref_key: "tableUnit",
-				ref: mt,
-				onClose: Sn
-			}), pe({
-				content: L(() => [he(I(Ye), {
+				ref: gt,
+				onClose: wn
+			}), 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 ? "" : xn.value.title,
+					title: U.value.table.useDialog ? "" : Cn.value.title,
 					withCloseButton: !U.value.table.useDialog,
 					isCursorPointer: W.value,
-					onClose: Sn
+					onClose: wn
 				}, {
-					th: L(({ th: e }) => [O("div", {
+					th: L(({ th: e }) => [D("div", {
 						innerHTML: e,
 						style: {
 							display: "flex",
 							"align-items": "center"
 						}
-					}, null, 8, Ge)]),
-					td: L(({ td: e }) => [me(Se(e.name || e), 1)]),
+					}, null, 8, qe)]),
+					td: L(({ td: e }) => [_e(F(e.name || e), 1)]),
 					_: 1
 				}, 8, [
 					"colNames",
@@ -1211,24 +1219,24 @@ var Te = /* @__PURE__ */ e({ default: () => Ke }), Ee = ["id"], De = ["id"], Oe
 				_: 2
 			}, [U.value.table.useDialog ? {
 				name: "title",
-				fn: L(() => [me(Se(xn.value.title), 1)]),
+				fn: L(() => [_e(F(Cn.value.title), 1)]),
 				key: "0"
 			} : void 0, U.value.table.useDialog ? {
 				name: "actions",
-				fn: L(() => [O("button", {
+				fn: L(() => [D("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: t[1] ||= (e) => sn(U.value.userOptions.callbacks.csv),
-					style: M({ cursor: W.value ? "pointer" : "default" })
-				}, [he(I(qe), {
+					onClick: t[1] ||= (e) => ln(U.value.userOptions.callbacks.csv),
+					style: j({ cursor: W.value ? "pointer" : "default" })
+				}, [ve(I(Ye), {
 					name: "fileCsv",
-					stroke: xn.value.props.color
+					stroke: Cn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
-			} : void 0]), 1040)) : E("", !0),
-			F(e.$slots, "skeleton", {}, () => [I(Et) ? (N(), T(y, { key: 0 })) : E("", !0)], !0)
-		], 46, Ee));
+			} : void 0]), 1040)) : T("", !0),
+			P(e.$slots, "skeleton", {}, () => [I(Ot) ? (M(), w(b, { key: 0 })) : T("", !0)], !0)
+		], 46, Oe));
 	}
-}, [["__scopeId", "data-v-bab66b99"]]);
+}, [["__scopeId", "data-v-07a945d1"]]);
 //#endregion
-export { Te as n, Ke as t };
+export { De as n, Je as t };