vue-data-ui 3.19.9 → 3.20.0

package/dist/{vue-ui-circle-pack-DyTYvEg3.js → vue-ui-circle-pack-B1CpTtpw.js}

@@ -1,21 +1,21 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, It as r, J as i, Lt as a, S as o, St as s, Tt as c, W as l, X as u, i as d, pt as f, r as p, t as m, x as h, y as g, yt as ee, z as te, zt as ne } from "./lib-BkiwukKO.js";
-import { t as re } from "./useConfig-ByaaSKhz.js";
-import { t as ie } from "./usePrinter-X0yWOynH.js";
-import { n as ae, t as oe } from "./BaseScanner-C7dmAref.js";
-import { t as se } from "./useSvgExport-Dtu973wa.js";
-import { t as ce } from "./useNestedProp-Ck4hsrpu.js";
-import { t as le } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as ue } from "./img-BjOr008R.js";
-import { n as de } from "./Title-__gWq2g6.js";
-import { t as fe } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as pe } from "./canvas-lib-DTaADQOK.js";
-import { t as me } from "./useResponsive-CrAInupd.js";
-import { t as he } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as ge } from "./useUserOptionState-CjPJPTg2.js";
-import { t as _e } from "./useChartAccessibility-Do37qcw2.js";
-import { t as ve } from "./usePanZoom-B-4M_gmY.js";
-import { t as ye } from "./vue_ui_circle_pack-FjH0ZQeb.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Ct as n, Et as r, G as i, H as a, J as o, Lt as s, Rt as c, S as l, W as u, X as d, bt as f, i as p, pt as m, r as h, t as g, x as ee, y as te, z as ne } from "./lib-DUeYQsS0.js";
+import { t as re } from "./useConfig-DAyQk86L.js";
+import { t as ie } from "./usePrinter-C1Gqt_Sp.js";
+import { n as ae, t as oe } from "./BaseScanner-Dr2a1Msy.js";
+import { t as se } from "./useSvgExport-SVIsDot8.js";
+import { t as ce } from "./useNestedProp-CNcoy38D.js";
+import { t as le } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ue } from "./img-1cKsci8e.js";
+import { n as de } from "./Title-NWp4qB4K.js";
+import { t as fe } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as pe } from "./canvas-lib-BOP_HS11.js";
+import { t as me } from "./useResponsive-BfnK0KxU.js";
+import { t as he } from "./A11yDataTable-BCbtxMU6.js";
+import { t as ge } from "./useUserOptionState-DK-_1ddE.js";
+import { t as _e } from "./useChartAccessibility-DYqac8yF.js";
+import { t as ve } from "./usePanZoom-CYU3B4T3.js";
+import { t as ye } from "./vue_ui_circle_pack-DZC_rdfn.js";
 import { Fragment as _, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as be, createTextVNode as xe, createVNode as Se, defineAsyncComponent as C, guardReactiveProps as w, mergeProps as Ce, nextTick as we, normalizeClass as Te, normalizeProps as T, normalizeStyle as E, onBeforeUnmount as Ee, onMounted as De, openBlock as D, ref as O, renderList as Oe, renderSlot as k, resolveDynamicComponent as ke, toDisplayString as A, toRefs as Ae, unref as j, useCssVars as je, watch as Me, withCtx as M } from "vue";
 //#region src/packCircles.js
 function Ne(e, t = 0) {
@@ -294,10 +294,10 @@ var We = class {
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: fe, emit: Pe }) {
 		je((e) => ({ v0548cdba: ir.value }));
-		let Ie = C(() => import("./Tooltip-CuWEYGr3.js")), N = C(() => import("./BaseIcon-DM1x8hQF.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-BX9WL-QF.js").then((e) => e.n)), Re = C(() => import("./DataTable-DmE8Oo4i.js")), ze = C(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-DUUu2E2Q.js").then((e) => e.n)), P = e, Ue = Pe, { vue_ui_circle_pack: We } = re(), { isThemeValid: Ge, warnInvalidTheme: gt } = le(), _t = v(() => !!P.dataset && P.dataset.length), F = O(n()), I = O(null), vt = O(null), yt = O(null), bt = O(0), xt = O(0), St = O(0), Ct = O(null), L = O(null), wt = O(null), Tt = O(!1), Et = O(""), R = O(null), Dt = O(!1), Ot = O(!1), z = O(null), kt = O({
+		let Ie = C(() => import("./Tooltip-BENq327o.js")), N = C(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-Dw4MHKVB.js").then((e) => e.n)), Re = C(() => import("./DataTable-B--IN22e.js")), ze = C(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), P = e, Ue = Pe, { vue_ui_circle_pack: We } = re(), { isThemeValid: Ge, warnInvalidTheme: gt } = le(), _t = v(() => !!P.dataset && P.dataset.length), F = O(a()), I = O(null), vt = O(null), yt = O(null), bt = O(0), xt = O(0), St = O(0), Ct = O(null), L = O(null), wt = O(null), Tt = O(!1), Et = O(""), R = O(null), Dt = O(!1), Ot = O(!1), z = O(null), kt = O({
 			x: 0,
 			y: 0
-		}), At = O("pointer"), jt = O(!1), B = O(Rt()), V = v(() => B.value.userOptions.useCursorPointer), Mt = v(() => ne({
+		}), At = O("pointer"), jt = O(!1), B = O(Rt()), V = v(() => B.value.userOptions.useCursorPointer), Mt = v(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -349,7 +349,7 @@ var We = class {
 					color: "#696969"
 				}
 			],
-			skeletonConfig: ne({
+			skeletonConfig: t({
 				defaultConfig: B.value,
 				userConfig: Mt.value
 			})
@@ -364,13 +364,13 @@ var We = class {
 			let n = ce({
 				userConfig: ye[t] || P.config,
 				defaultConfig: e
-			}), r = ce({
+			}), i = ce({
 				userConfig: P.config,
 				defaultConfig: n
 			});
 			return {
-				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || c
+				...i,
+				customPalette: i.customPalette.length ? i.customPalette : c[t] || r
 			};
 		}
 		Me(() => P.config, (e) => {
@@ -459,29 +459,29 @@ var We = class {
 			return Number.isFinite(t) && t > 0 ? t : Array.isArray(e?.children) ? e.children.reduce((e, t) => e + Xt(t), 0) : 0;
 		}
 		function Zt(e, t) {
-			let n = a[B.value.theme || "default"] || c, r = cn.value.length ? cn.value : n.length ? n : c;
-			return g(e.color) || r[t % r.length] || c[t % c.length];
+			let n = c[B.value.theme || "default"] || r, i = cn.value.length ? cn.value : n.length ? n : r;
+			return te(e.color) || i[t % i.length] || r[t % r.length];
 		}
 		function Qt(e) {
 			return !Array.isArray(e.children) || !e.children.length ? 1 : e.children.reduce((e, t) => e + Qt(t), 0);
 		}
-		function $t(e, t = null, r = 0, i = []) {
-			return Array.isArray(e) ? e.map((e, a) => {
+		function $t(e, t = null, n = 0, r = []) {
+			return Array.isArray(e) ? e.map((e, i) => {
 				let o = Xt(e);
 				if (!Number.isFinite(o) || o <= 0) return null;
-				let s = n(), c = [...i, a], l = c.reduce((e, t, n) => e + t + n, 0), u = e.color || t?.color ? g(e.color || t?.color) : Zt(e, l), d = $t(e.children, {
+				let s = a(), c = [...r, i], l = c.reduce((e, t, n) => e + t + n, 0), u = e.color || t?.color ? te(e.color || t?.color) : Zt(e, l), d = $t(e.children, {
 					id: s,
 					name: e.name,
 					color: u,
 					rootId: t?.rootId ?? s
-				}, r + 1, c);
+				}, n + 1, c);
 				return {
 					...e,
 					value: o,
 					r: o,
 					id: s,
 					color: u,
-					depth: r,
+					depth: n,
 					parentId: t?.id ?? null,
 					parentName: t?.name ?? null,
 					rootId: t?.rootId ?? s,
@@ -541,7 +541,7 @@ var We = class {
 			q.value && (J.value && q.value.unobserve(J.value), q.value.disconnect(), q.value = null, J.value = null);
 		}
 		async function sn() {
-			s(P.dataset) && u({
+			n(P.dataset) && d({
 				componentName: "VueUiCirclePack",
 				type: "dataset",
 				debug: Gt.value
@@ -554,7 +554,7 @@ var We = class {
 		}), Me(() => Pt.value, async (e) => {
 			await sn();
 		}, { deep: !0 });
-		let cn = v(() => h(B.value.customPalette)), Y = v(() => $t(Pt.value)), ln = v(() => G.value.length ? Math.max(...G.value.map((e) => e.r)) : 0);
+		let cn = v(() => ee(B.value.customPalette)), Y = v(() => $t(Pt.value)), ln = v(() => G.value.length ? Math.max(...G.value.map((e) => e.r)) : 0);
 		function un(e, t) {
 			return ln.value ? t / ln.value * e : 0;
 		}
@@ -582,7 +582,7 @@ var We = class {
 				series: K.value
 			}, Tt.value = !0;
 			let r = B.value.style.chart.tooltip.customFormat;
-			if (mn.value = !1, f(r)) try {
+			if (mn.value = !1, m(r)) try {
 				let n = r({
 					seriesIndex: t,
 					datapoint: e,
@@ -611,7 +611,7 @@ var We = class {
 			}
 		}
 		function gn(e) {
-			return d(B.value.style.chart.circles.labels.value.formatter, e.value, t({
+			return p(B.value.style.chart.circles.labels.value.formatter, e.value, i({
 				p: B.value.style.chart.circles.labels.value.prefix,
 				v: e.value,
 				s: B.value.style.chart.circles.labels.value.suffix,
@@ -851,7 +851,7 @@ var We = class {
 					[e.parentName || ""],
 					[e.depth],
 					[e.value]
-				]), n = o([
+				]), n = l([
 					[B.value.style.chart.title.text],
 					[B.value.style.chart.title.subtitle.text],
 					[
@@ -861,7 +861,7 @@ var We = class {
 						[B.value.table.columnNames.value]
 					]
 				].concat(t));
-				e ? e(n) : i({
+				e ? e(n) : o({
 					csvContent: n,
 					title: B.value.style.chart.title.text || "vue-ui-circle-pack"
 				});
@@ -873,8 +873,8 @@ var We = class {
 				B.value.table.columnNames.parent,
 				B.value.table.columnNames.depth,
 				B.value.table.columnNames.value
-			], n = Fn.value.hierarchy.map((e) => {
-				let n = t({
+			], t = Fn.value.hierarchy.map((e) => {
+				let t = i({
 					p: B.value.style.chart.circles.labels.value.prefix,
 					v: e.value,
 					s: B.value.style.chart.circles.labels.value.suffix,
@@ -887,9 +887,9 @@ var We = class {
 					},
 					e.parentName ?? "",
 					e.depth ?? 0,
-					n
+					t
 				];
-			}), r = {
+			}), n = {
 				th: {
 					backgroundColor: B.value.table.th.backgroundColor,
 					color: B.value.table.th.color,
@@ -910,8 +910,8 @@ var We = class {
 					B.value.table.columnNames.value
 				],
 				head: e,
-				body: n,
-				config: r
+				body: t,
+				config: n
 			};
 		});
 		function Rn() {
@@ -1031,7 +1031,7 @@ var We = class {
 			if (!Number.isFinite(e) || !H.value) return;
 			let t = G.value[e];
 			if (!t) return;
-			let n = r(t.x, t.y, H.value);
+			let n = s(t.x, t.y, H.value);
 			n && (kt.value = n);
 		}
 		function Qn() {
@@ -1293,7 +1293,7 @@ var We = class {
 			}) }, [(D(), x("svg", {
 				ref_key: "svgRef",
 				ref: H,
-				xmlns: j(m),
+				xmlns: j(g),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				viewBox: `${j(Q).x} ${j(Q).y} ${j(Q).width} ${j(Q).height}`,
 				preserveAspectRatio: "xMidYMid meet",
@@ -1324,11 +1324,11 @@ var We = class {
 					}, [
 						S("stop", {
 							offset: "10%",
-							"stop-color": j(ee)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
+							"stop-color": j(f)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
 						}, null, 8, Ze),
 						S("stop", {
 							offset: "90%",
-							"stop-color": j(l)(t.color, .1)
+							"stop-color": j(u)(t.color, .1)
 						}, null, 8, Qe),
 						S("stop", {
 							offset: "100%",
@@ -1386,12 +1386,12 @@ var We = class {
 					ref_for: !0
 				}, {
 					...t,
-					createTSpans: j(te),
+					createTSpans: j(ne),
 					fontSize: {
 						name: t.r / 3 * B.value.style.chart.circles.labels.name.fontSizeRatio,
 						value: _n(t) * B.value.style.chart.circles.labels.value.fontSizeRatio
 					},
-					color: B.value.style.chart.circles.labels.name.color ? B.value.style.chart.circles.labels.name.color : j(p)(t.color)
+					color: B.value.style.chart.circles.labels.name.color ? B.value.style.chart.circles.labels.name.color : j(h)(t.color)
 				}), void 0, !0) : (D(), x(_, { key: 1 }, [B.value.style.chart.circles.labels.name.show && t.name && rn(t) ? (D(), x("text", {
 					key: 0,
 					style: {
@@ -1401,7 +1401,7 @@ var We = class {
 					x: t.x,
 					y: t.y + un(t.r, B.value.style.chart.circles.labels.name.offsetY) - t.r / 10,
 					"font-size": t.r / 3 * B.value.style.chart.circles.labels.name.fontSizeRatio,
-					fill: B.value.style.chart.circles.labels.name.color === "auto" ? j(p)(t.color) : B.value.style.chart.circles.labels.name.color,
+					fill: B.value.style.chart.circles.labels.name.color === "auto" ? j(h)(t.color) : B.value.style.chart.circles.labels.name.color,
 					"font-weight": B.value.style.chart.circles.labels.name.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, A(t.name), 9, it)) : b("", !0), B.value.style.chart.circles.labels.value.show && rn(t) ? (D(), x("text", {
@@ -1413,7 +1413,7 @@ var We = class {
 					x: t.x,
 					y: t.y + un(t.r, B.value.style.chart.circles.labels.value.offsetY) + t.r / 2.5,
 					"font-size": _n(t) * B.value.style.chart.circles.labels.value.fontSizeRatio,
-					fill: B.value.style.chart.circles.labels.value.color === "auto" ? j(p)(t.color) : B.value.style.chart.circles.labels.value.color,
+					fill: B.value.style.chart.circles.labels.value.color === "auto" ? j(h)(t.color) : B.value.style.chart.circles.labels.value.color,
 					"font-weight": B.value.style.chart.circles.labels.value.bold ? "bold" : "normal",
 					"text-anchor": "middle"
 				}, A(gn(t)), 9, at)) : b("", !0)], 64)), k(e.$slots, "circle", Ce({ ref_for: !0 }, {

package/dist/{vue-ui-cursor-C5_wkWul.js → vue-ui-cursor-NaTj5i2-.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { H as t, jt as n, t as r } from "./lib-BkiwukKO.js";
-import { t as ee } from "./useConfig-ByaaSKhz.js";
-import { t as te } from "./useNestedProp-Ck4hsrpu.js";
-import { t as i } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { n as a } from "./PackageVersion-Dl9W5zJD.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { H as t, Mt as n, t as r } from "./lib-DUeYQsS0.js";
+import { t as ee } from "./useConfig-DAyQk86L.js";
+import { t as te } from "./useNestedProp-CNcoy38D.js";
+import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as a } from "./PackageVersion-xcyrdRmY.js";
 import { Teleport as o, computed as s, createBlock as ne, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, toDisplayString as y, unref as b } from "vue";
 //#region src/components/vue-ui-cursor.vue
 var x = /* @__PURE__ */ e({ default: () => R }), re = [

package/dist/{vue-ui-dag-mH0baWM3.js → vue-ui-dag-DH4ocx0S.js}

@@ -1,22 +1,22 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { H as t, St as n, V as r, X as i, lt as a, t as o, y as s, zt as c } from "./lib-BkiwukKO.js";
-import { t as l } from "./useConfig-ByaaSKhz.js";
-import { t as u } from "./usePrinter-X0yWOynH.js";
-import { n as d, t as f } from "./BaseScanner-C7dmAref.js";
-import { t as p } from "./useSvgExport-Dtu973wa.js";
-import { t as m } from "./useNestedProp-Ck4hsrpu.js";
-import { t as h } from "./useThemeCheck-rFK9Zlb_.js";
-import { t as g } from "./img-BjOr008R.js";
-import { n as ee } from "./Title-__gWq2g6.js";
-import { t as te } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as ne } from "./canvas-lib-DTaADQOK.js";
-import { t as re } from "./useResponsive-CrAInupd.js";
-import { t as ie } from "./A11yDataTable-q2-8fSlJ.js";
-import { t as ae } from "./useUserOptionState-CjPJPTg2.js";
-import { t as oe } from "./useChartAccessibility-Do37qcw2.js";
-import { t as se } from "./usePanZoom-B-4M_gmY.js";
-import { t as ce } from "./BaseZoomControls-BkajQ8q9.js";
-import { t as le } from "./vue_ui_dag-Ci_MOnvd.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { Bt as t, Ct as n, H as r, V as i, X as a, lt as o, t as s, y as c } from "./lib-DUeYQsS0.js";
+import { t as l } from "./useConfig-DAyQk86L.js";
+import { t as u } from "./usePrinter-C1Gqt_Sp.js";
+import { n as d, t as f } from "./BaseScanner-Dr2a1Msy.js";
+import { t as p } from "./useSvgExport-SVIsDot8.js";
+import { t as m } from "./useNestedProp-CNcoy38D.js";
+import { t as h } from "./useThemeCheck-C43Tcqmk.js";
+import { t as g } from "./img-1cKsci8e.js";
+import { n as ee } from "./Title-NWp4qB4K.js";
+import { t as te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as ne } from "./canvas-lib-BOP_HS11.js";
+import { t as re } from "./useResponsive-BfnK0KxU.js";
+import { t as ie } from "./A11yDataTable-BCbtxMU6.js";
+import { t as ae } from "./useUserOptionState-DK-_1ddE.js";
+import { t as oe } from "./useChartAccessibility-DYqac8yF.js";
+import { t as se } from "./usePanZoom-CYU3B4T3.js";
+import { t as ce } from "./BaseZoomControls-CG7hI_1P.js";
+import { t as le } from "./vue_ui_dag-TsJ_azQq.js";
 import { Fragment as ue, Teleport as de, Transition as fe, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as pe, createTextVNode as me, createVNode as he, defineAsyncComponent as ge, guardReactiveProps as S, mergeProps as _e, nextTick as ve, normalizeClass as ye, normalizeProps as C, normalizeStyle as be, onBeforeUnmount as xe, onMounted as Se, openBlock as w, ref as T, renderList as Ce, renderSlot as E, toDisplayString as we, toRefs as Te, unref as D, watch as Ee, watchEffect as De, withCtx as O, withModifiers as Oe } from "vue";
 //#region src/DAG/graph.js
 var ke = "\0", Ae = "\0", je = "
", k = class {
@@ -1600,12 +1600,12 @@ function qn(e) {
 	return n += ` L ${r.x} ${r.y}`, n;
 }
 function Jn(e) {
-	let { nodes: n, edges: r, configuration: i } = e, o = T(null), s = T(null), c = `dag-arrow-${t()}`;
-	function l(e, n, r) {
-		s.value = null, o.value = null;
+	let { nodes: t, edges: n, configuration: i } = e, a = T(null), s = T(null), c = `dag-arrow-${r()}`;
+	function l(e, t, n) {
+		s.value = null, a.value = null;
 		let i = {
 			...Gn,
-			...r
+			...n
 		}, l = new k({
 			multigraph: !0,
 			compound: !0
@@ -1622,7 +1622,7 @@ function Jn(e) {
 				width: e.width ?? i.nodeWidth,
 				height: e.height ?? i.nodeHeight
 			});
-		}), n.forEach((e) => {
+		}), t.forEach((e) => {
 			l.setEdge(e.from, e.to, {
 				weight: e.weight ?? 1,
 				minlen: e.minLength ?? 1,
@@ -1641,11 +1641,11 @@ function Jn(e) {
 				original: e
 			};
 		}), d = l.edges().map((e) => {
-			let r = l.edge(e), a = r.points || [];
+			let n = l.edge(e), a = n.points || [];
 			if (!a.length) return null;
-			let o = i.curvedEdges ? qn(a) : Kn(a), s = i.arrowShape === "undirected" ? null : `url(#${c})`, u = n.find((t) => t?.from === e.v && t?.to === e.w);
+			let o = i.curvedEdges ? qn(a) : Kn(a), s = i.arrowShape === "undirected" ? null : `url(#${c})`, u = t.find((t) => t?.from === e.v && t?.to === e.w);
 			return {
-				id: `${e.v}->${e.w}->${t()}`,
+				id: `${e.v}->${e.w}->${r()}`,
 				from: e.v,
 				to: e.w,
 				points: a,
@@ -1653,12 +1653,12 @@ function Jn(e) {
 				markerEnd: s,
 				original: {
 					...u,
-					...r
+					...n
 				}
 			};
 		}).filter(Boolean), f = i.padding;
 		if (!u.length) {
-			o.value = {
+			a.value = {
 				nodes: [],
 				edges: d,
 				viewBox: "0 0 0 0",
@@ -1668,11 +1668,11 @@ function Jn(e) {
 			return;
 		}
 		let p = u.flatMap((e) => [e.x - e.width / 2, e.x + e.width / 2]), m = u.flatMap((e) => [e.y - e.height / 2, e.y + e.height / 2]), h = Math.min(...p) - f, g = Math.max(...p) + f, ee = Math.min(...m) - f, te = Math.max(...m) + f;
-		o.value = {
+		a.value = {
 			nodes: u,
 			edges: d.map((e) => ({
 				...e,
-				midpoint: e.pathData ? a(e.pathData) : {
+				midpoint: e.pathData ? o(e.pathData) : {
 					x: 0,
 					y: 0
 				}
@@ -1684,16 +1684,16 @@ function Jn(e) {
 	}
 	return De(() => {
 		try {
-			l(D(n) || [], D(r) || [], D(i) || {});
+			l(D(t) || [], D(n) || [], D(i) || {});
 		} catch (e) {
-			console.error("[useDag] layout error:", e), s.value = e, o.value = null;
+			console.error("[useDag] layout error:", e), s.value = e, a.value = null;
 		}
 	}), {
-		layoutData: o,
+		layoutData: a,
 		lastError: s,
 		arrowMarkerIdentifier: c,
 		recomputeLayout: () => {
-			l(D(n) || [], D(r) || [], D(i) || {});
+			l(D(t) || [], D(n) || [], D(i) || {});
 		}
 	};
 }
@@ -1808,8 +1808,8 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		"copyAlt",
 		"rotate"
 	],
-	setup(e, { expose: a, emit: te }) {
-		let De = ge(() => import("./PenAndPaper-DNgm6y3l.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-D7zR0tnR.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-Dl9W5zJD.js").then((e) => e.t)), { vue_ui_dag: je } = l(), { isThemeValid: k, warnInvalidTheme: Me } = h(), A = e, j = te, M = T(null), N = T(t()), Ne = T(null), Pe = T(null), Fe = T(null), Ie = T(0), Le = T(0), Re = T(!1), ze = T(!1), Be = T(!1), Ve = T(!1), P = T(null), F = T(null), I = T(null), L = T(null), He = T(null), Ue = T("pointer"), We = T(!1), R = T(ct()), Ge = _(() => R.value.userOptions.useCursorPointer), Ke = T(R.value.style.chart.width), qe = T(R.value.style.chart.height), Je = T({
+	setup(e, { expose: o, emit: te }) {
+		let De = ge(() => import("./PenAndPaper-DqrClVfb.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-xcyrdRmY.js").then((e) => e.t)), { vue_ui_dag: je } = l(), { isThemeValid: k, warnInvalidTheme: Me } = h(), A = e, j = te, M = T(null), N = T(r()), Ne = T(null), Pe = T(null), Fe = T(null), Ie = T(0), Le = T(0), Re = T(!1), ze = T(!1), Be = T(!1), Ve = T(!1), P = T(null), F = T(null), I = T(null), L = T(null), He = T(null), Ue = T("pointer"), We = T(!1), R = T(ct()), Ge = _(() => R.value.userOptions.useCursorPointer), Ke = T(R.value.style.chart.width), qe = T(R.value.style.chart.height), Je = T({
 			x: 0,
 			y: 0
 		}), z = T(null), B = T(null), Ye = T({
@@ -1824,7 +1824,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		}), H = T(null), U = T(null), $e = T({
 			left: "0px",
 			top: "0px"
-		}), et = T("top"), W = T(!1), G = T(!1), { svgRef: K } = oe({ config: R.value.style.chart.title }), { userOptionsVisible: tt, setUserOptionsVisibility: nt, keepUserOptionState: rt } = ae({ config: R.value }), q = T(R.value.style.chart.layout.rankDirection), it = _(() => c({
+		}), et = T("top"), W = T(!1), G = T(!1), { svgRef: K } = oe({ config: R.value.style.chart.title }), { userOptionsVisible: tt, setUserOptionsVisibility: nt, keepUserOptionState: rt } = ae({ config: R.value }), q = T(R.value.style.chart.layout.rankDirection), it = _(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -1868,7 +1868,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					to: "C"
 				}]
 			},
-			skeletonConfig: c({
+			skeletonConfig: t({
 				defaultConfig: R.value,
 				userConfig: it.value
 			})
@@ -1891,11 +1891,11 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		}
 		let lt = _(() => !!R.value.debug);
 		Se(async () => {
-			n(A.dataset) && (i({
+			n(A.dataset) && (a({
 				componentName: "VueUiDag",
 				type: "dataset",
 				debug: lt.value
-			}), ze.value = !1, st.value = !0), A.dataset.nodes || (i({
+			}), ze.value = !1, st.value = !0), A.dataset.nodes || (a({
 				componentName: "VueUiDag",
 				type: "datasetAttributeEmpty",
 				property: "nodes",
@@ -1962,8 +1962,8 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		let { layoutData: Y, lastError: bt, arrowMarkerIdentifier: xt } = Jn({
 			nodes: _(() => ot.value.nodes.map((e) => ({
 				...e,
-				backgroundColor: e.backgroundColor ? s(e.backgroundColor) : R.value.style.chart.nodes.backgroundColor,
-				color: e.color ? s(e.color) : R.value.style.chart.nodes.labels.color
+				backgroundColor: e.backgroundColor ? c(e.backgroundColor) : R.value.style.chart.nodes.backgroundColor,
+				color: e.color ? c(e.color) : R.value.style.chart.nodes.labels.color
 			}))),
 			edges: _(() => ot.value.edges),
 			configuration: _(() => ({
@@ -2421,7 +2421,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 			let c = null;
 			n ? c = jn(s, "right") : t ? c = jn(s, "left") : i ? c = jn(s, "down") : r && (c = jn(s, "up")), c && (Ut(), Vt(), En(c), await Tn(c));
 		}
-		return a({
+		return o({
 			getData: hn,
 			getImage: $t,
 			generatePdf: dt,
@@ -2657,7 +2657,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					"vue-data-ui-loading": D(at)
 				}),
 				viewBox: jt.value,
-				xmlns: D(o),
+				xmlns: D(s),
 				style: be({
 					backgroundColor: R.value.style.chart.backgroundColor,
 					height: "100%",
@@ -2807,7 +2807,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					fill: ($.value === t.id || un(t.id)) && R.value.style.chart.nodes.selected.labelColor != null ? R.value.style.chart.nodes.selected.labelColor : t.original.color,
 					"font-weight": R.value.style.chart.nodes.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" },
-					innerHTML: D(r)({
+					innerHTML: D(i)({
 						content: t.label,
 						fontSize: R.value.style.chart.nodes.labels.fontSize,
 						fontWeight: R.value.style.chart.nodes.labels.bold ? "bold" : "normal",