vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-cursor-CEejESe_.js → vue-ui-cursor-CpNOiwkt.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ut as t, q as n, t as ee } from "./lib-Dql7cqyA.js";
-import { t as r } from "./useConfig-D32D002m.js";
-import { t as i } from "./useNestedProp-Chvyfpl-.js";
-import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as te } from "./PackageVersion-CEvZNFTz.js";
-import { Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, nextTick as ne, 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";
+import { X as t, qt as n, t as r } from "./lib-DOpaUOQx.js";
+import { t as ee } from "./useConfig-C2uy4ltq.js";
+import { t as te } from "./useNestedProp-Bux0f4iY.js";
+import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as a } from "./PackageVersion-D5QkTJQU.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 = [
 	"xmlns",
@@ -20,66 +20,66 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], se = ["r"], ce = {
+], se = ["r"], S = {
 	key: 2,
 	class: "wave"
-}, S = ["id"], C = ["id"], w = ["filter", "stroke"], T = {
+}, C = ["id"], w = ["id"], T = ["filter", "stroke"], E = {
 	key: 3,
 	class: "crosshair"
-}, E = [
+}, D = [
 	"x1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], D = [
+], O = [
 	"x1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], O = [
+], k = [
 	"y1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], k = [
+], A = [
 	"y1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], A = [
+], j = [
 	"cy",
 	"r",
 	"fill"
-], j = [
+], M = [
 	"cy",
 	"r",
 	"fill"
-], M = [
+], N = [
 	"cx",
 	"r",
 	"fill"
-], N = [
+], P = [
 	"cx",
 	"r",
 	"fill"
-], P = {
+], F = {
 	key: 5,
 	class: "coordinates"
-}, F = [
+}, I = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], I = ["transform"], L = ["font-size", "fill"], R = /*#__PURE__*/ a({
+], L = ["transform"], ce = ["font-size", "fill"], R = /*#__PURE__*/ i({
 	__name: "vue-ui-cursor",
 	props: { config: {
 		type: Object,
 		default: {}
 	} },
 	setup(e) {
-		let { vue_ui_cursor: a } = r(), x = e, R = v(n()), z = s(() => i({
+		let { vue_ui_cursor: i } = ee(), x = e, R = v(t()), z = s(() => te({
 			userConfig: x.config,
-			defaultConfig: a
+			defaultConfig: i
 		})), B = v({
 			x: -100,
 			y: -100
@@ -96,7 +96,7 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 		}
 		let q = v(!1), J = v(null);
 		function Y() {
-			q.value = !1, J.value && clearTimeout(J.value), ne(() => {
+			q.value = !1, J.value && clearTimeout(J.value), f(() => {
 				q.value = !0, J.value = setTimeout(() => {
 					q.value = !1;
 				}, 1e3);
@@ -129,56 +129,56 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 			}), Z.value = t;
 		}), h(() => {
 			Z.value &&= (Z.value.disconnect(), null), X.value &&= (le(X.value), null);
-		}), (e, n) => (_(), c(o, { to: "body" }, [G.value ? (_(), u("svg", {
+		}), (e, t) => (_(), ne(o, { to: "body" }, [G.value ? (_(), l("svg", {
 			key: 0,
 			"data-dom-to-png-ignore": "",
-			xmlns: b(ee),
+			xmlns: b(r),
 			style: m(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${B.value.y}px; left:${B.value.x}px;`),
 			viewBox: "0 0 100 100",
 			height: V.value * 2,
 			width: V.value * 2
 		}, [
-			f(te),
-			d("defs", null, [d("radialGradient", ie, [d("stop", {
+			d(a),
+			u("defs", null, [u("radialGradient", ie, [u("stop", {
 				offset: "10%",
 				"stop-color": z.value.bubbleEffectColor,
 				"stop-opacity": z.value.bubbleEffectOpacity
-			}, null, 8, ae), n[0] ||= d("stop", {
+			}, null, 8, ae), t[0] ||= u("stop", {
 				offset: "95%",
 				"stop-color": "transparent"
 			}, null, -1)])]),
-			z.value.showCenterCircle ? (_(), u("circle", {
+			z.value.showCenterCircle ? (_(), l("circle", {
 				key: 0,
 				cx: 50,
 				cy: 50,
 				r: V.value,
-				fill: b(t)(z.value.centerCircleColor, z.value.centerCircleOpacity * 100),
+				fill: b(n)(z.value.centerCircleColor, z.value.centerCircleOpacity * 100),
 				stroke: z.value.centerCircleStroke,
 				"stroke-width": z.value.centerCircleStrokeWidth,
 				"stroke-dasharray": z.value.centerCircleDasharray
-			}, null, 8, oe)) : l("", !0),
-			z.value.bubbleEffect ? (_(), u("circle", {
+			}, null, 8, oe)) : c("", !0),
+			z.value.bubbleEffect ? (_(), l("circle", {
 				key: 1,
 				cx: 50,
 				cy: 50,
 				r: V.value,
 				fill: "url(#follower)",
 				stroke: "none"
-			}, null, 8, se)) : l("", !0),
-			z.value.useWaveOnClick ? (_(), u("g", ce, [d("defs", null, [d("filter", {
+			}, null, 8, se)) : c("", !0),
+			z.value.useWaveOnClick ? (_(), l("g", S, [u("defs", null, [u("filter", {
 				id: `blur_${R.value}`,
 				x: "-50%",
 				y: "-50%",
 				width: "200%",
 				height: "200%"
-			}, [d("feGaussianBlur", {
+			}, [u("feGaussianBlur", {
 				in: "SourceGraphic",
 				stdDeviation: 4,
 				id: `blur_std_${R.value}`
-			}, null, 8, C), n[1] ||= d("feColorMatrix", {
+			}, null, 8, w), t[1] ||= u("feColorMatrix", {
 				type: "saturate",
 				values: "0"
-			}, null, -1)], 8, S)]), q.value ? (_(), u("circle", {
+			}, null, -1)], 8, C)]), q.value ? (_(), l("circle", {
 				key: 0,
 				class: p({ "circle-wave": q.value }),
 				cx: 50,
@@ -188,9 +188,9 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 				stroke: z.value.centerCircleStroke,
 				fill: "none",
 				"stroke-width": "3"
-			}, null, 10, w)) : l("", !0)])) : l("", !0),
-			z.value.showCrosshair ? (_(), u("g", T, [
-				d("line", {
+			}, null, 10, T)) : c("", !0)])) : c("", !0),
+			z.value.showCrosshair ? (_(), l("g", E, [
+				u("line", {
 					x1: -V.value + 50,
 					x2: -5e3,
 					y1: 50,
@@ -199,8 +199,8 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 					"stroke-width": z.value.crosshairStrokeWidth,
 					"stroke-dasharray": z.value.crosshairDasharray,
 					"stroke-linecap": "round"
-				}, null, 8, E),
-				d("line", {
+				}, null, 8, D),
+				u("line", {
 					x1: 50 + V.value,
 					x2: 5e3,
 					y1: 50,
@@ -209,8 +209,8 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 					"stroke-width": z.value.crosshairStrokeWidth,
 					"stroke-dasharray": z.value.crosshairDasharray,
 					"stroke-linecap": "round"
-				}, null, 8, D),
-				d("line", {
+				}, null, 8, O),
+				u("line", {
 					x1: 50,
 					x2: 50,
 					y1: -V.value + 50,
@@ -219,8 +219,8 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 					"stroke-width": z.value.crosshairStrokeWidth,
 					"stroke-dasharray": z.value.crosshairDasharray,
 					"stroke-linecap": "round"
-				}, null, 8, O),
-				d("line", {
+				}, null, 8, k),
+				u("line", {
 					x1: 50,
 					x2: 50,
 					y1: V.value + 50,
@@ -229,38 +229,38 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 					"stroke-width": z.value.crosshairStrokeWidth,
 					"stroke-dasharray": z.value.crosshairDasharray,
 					"stroke-linecap": "round"
-				}, null, 8, k)
-			])) : l("", !0),
-			z.value.showIntersectCircles ? (_(), u("g", {
+				}, null, 8, A)
+			])) : c("", !0),
+			z.value.showIntersectCircles ? (_(), l("g", {
 				key: 4,
 				class: p({ "rotating-circles": z.value.isLoading })
 			}, [
-				d("circle", {
+				u("circle", {
 					cx: 50,
 					cy: V.value + 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, A),
-				d("circle", {
+				}, null, 8, j),
+				u("circle", {
 					cx: 50,
 					cy: -V.value + 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, j),
-				d("circle", {
+				}, null, 8, M),
+				u("circle", {
 					cx: -V.value + 50,
 					cy: 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, M),
-				d("circle", {
+				}, null, 8, N),
+				u("circle", {
 					cx: V.value + 50,
 					cy: 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, N)
-			], 2)) : l("", !0),
-			z.value.showCoordinates ? (_(), u("g", P, [d("text", {
+				}, null, 8, P)
+			], 2)) : c("", !0),
+			z.value.showCoordinates ? (_(), l("g", F, [u("text", {
 				"text-anchor": "end",
 				x: -V.value + 50 - z.value.coordinatesFontSize / 2 + H.value,
 				y: 50 - z.value.coordinatesFontSize / 2 + H.value,
@@ -268,15 +268,15 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 				fill: z.value.coordinatesColor,
 				style: { "font-variant-numeric": "tabular-nums" },
 				"font-family": "Arial"
-			}, y(B.value.x.toFixed(0)), 9, F), d("g", { transform: `translate(${50 - z.value.coordinatesFontSize / 2 + H.value}, ${-V.value + 50 - z.value.coordinatesFontSize / 2 + H.value})` }, [d("text", {
+			}, y(B.value.x.toFixed(0)), 9, I), u("g", { transform: `translate(${50 - z.value.coordinatesFontSize / 2 + H.value}, ${-V.value + 50 - z.value.coordinatesFontSize / 2 + H.value})` }, [u("text", {
 				"text-anchor": "start",
 				"font-size": z.value.coordinatesFontSize,
 				fill: z.value.coordinatesColor,
 				style: { "font-variant-numeric": "tabular-nums" },
 				transform: "rotate(-90)",
 				"font-family": "Arial"
-			}, y(B.value.y.toFixed(0)), 9, L)], 8, I)])) : l("", !0)
-		], 12, re)) : l("", !0)]));
+			}, y(B.value.y.toFixed(0)), 9, ce)], 8, L)])) : c("", !0)
+		], 12, re)) : c("", !0)]));
 	}
 }, [["__scopeId", "data-v-4b1f566e"]]);
 //#endregion

package/dist/{vue-ui-dag-C1c6scxC.js → vue-ui-dag-i-zPwLcN.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, K as n, Pt as r, S as i, Zt as a, et as o, nt as s, q as c, t as l, vt as u } from "./lib-Dql7cqyA.js";
+import { Nt as t, Rt as n, S as r, X as i, Y as a, at as o, rt as s, t as c, tn as l, xt as u } from "./lib-DOpaUOQx.js";
 import { n as d, t as f } from "./useHints-Dq_w2E8B.js";
-import { t as p } from "./useConfig-D32D002m.js";
-import { t as m } from "./usePrinter-hohanNCX.js";
+import { t as p } from "./useConfig-C2uy4ltq.js";
+import { t as m } from "./usePrinter-BBBooAGP.js";
 import { n as h, t as g } from "./BaseScanner-Dzc8VT3j.js";
-import { t as _ } from "./useNestedProp-Chvyfpl-.js";
+import { t as _ } from "./useNestedProp-Bux0f4iY.js";
 import { t as ee } from "./useThemeCheck-C43Tcqmk.js";
 import { t as te } from "./useChartExport-iwOqiIWX.js";
-import { t as ne } from "./img-BkMKbWsI.js";
-import { n as re } from "./Title-CPHi-evi.js";
+import { t as ne } from "./img-W50sC9SC.js";
+import { n as re } from "./Title-DeqmC-vN.js";
 import { t as ie } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ae, t as oe } from "./useResponsive-ZtArZtUf.js";
 import { t as se } from "./A11yDataTable-DdRsVULz.js";
 import { t as ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as le } from "./useChartAccessibility-DYqac8yF.js";
 import { t as ue } from "./usePanZoom-CYU3B4T3.js";
-import { t as de } from "./BaseZoomControls-BTzjVDPM.js";
+import { t as de } from "./BaseZoomControls-BK0PxEa8.js";
 import { t as fe } from "./vue_ui_dag-TsJ_azQq.js";
 import { Fragment as pe, Teleport as me, Transition as he, computed as v, createBlock as ge, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as _e, createTextVNode as ve, createVNode as ye, defineAsyncComponent as be, guardReactiveProps as S, mergeProps as xe, nextTick as Se, normalizeClass as Ce, normalizeProps as C, normalizeStyle as we, onBeforeUnmount as Te, onMounted as Ee, openBlock as w, ref as T, renderList as De, renderSlot as E, toDisplayString as Oe, toRefs as ke, unref as D, watch as Ae, watchEffect as je, withCtx as O, withModifiers as Me } from "vue";
 //#region src/DAG/graph.js
@@ -1598,37 +1598,37 @@ function Zn(e) {
 	return n += ` L ${r.x} ${r.y}`, n;
 }
 function Qn(e) {
-	let { nodes: t, edges: n, configuration: r } = e, i = T(null), a = T(null), o = `dag-arrow-${c()}`;
-	function s(e, t, n) {
-		a.value = null, i.value = null;
+	let { nodes: t, edges: n, configuration: r } = e, a = T(null), o = T(null), s = `dag-arrow-${i()}`;
+	function c(e, t, n) {
+		o.value = null, a.value = null;
 		let r = {
 			...Yn,
 			...n
-		}, s = new Ie({
+		}, c = new Ie({
 			multigraph: !0,
 			compound: !0
 		});
-		s.setGraph({
+		c.setGraph({
 			rankdir: r.rankDirection,
 			nodesep: r.nodeSeparation,
 			ranksep: r.rankSeparation,
 			edgesep: r.edgeSeparation,
 			align: r.align
 		}), e.forEach((e) => {
-			s.setNode(e.id, {
+			c.setNode(e.id, {
 				label: e.label,
 				width: e.width ?? r.nodeWidth,
 				height: e.height ?? r.nodeHeight
 			});
 		}), t.forEach((e) => {
-			s.setEdge(e.from, e.to, {
+			c.setEdge(e.from, e.to, {
 				weight: e.weight ?? 1,
 				minlen: e.minLength ?? 1,
 				arrowShape: r.arrowShape ?? "normal"
 			});
-		}), Cn(s);
+		}), Cn(c);
 		let l = e.map((e) => {
-			let t = s.node(e.id);
+			let t = c.node(e.id);
 			return {
 				id: e.id,
 				label: e.label,
@@ -1638,16 +1638,16 @@ function Qn(e) {
 				height: t.height,
 				original: e
 			};
-		}), d = s.edges().map((e) => {
-			let n = s.edge(e), i = n.points || [];
-			if (!i.length) return null;
-			let a = r.curvedEdges ? Zn(i) : Xn(i), l = r.arrowShape === "undirected" ? null : `url(#${o})`, u = t.find((t) => t?.from === e.v && t?.to === e.w);
+		}), d = c.edges().map((e) => {
+			let n = c.edge(e), a = n.points || [];
+			if (!a.length) return null;
+			let o = r.curvedEdges ? Zn(a) : Xn(a), l = r.arrowShape === "undirected" ? null : `url(#${s})`, u = t.find((t) => t?.from === e.v && t?.to === e.w);
 			return {
-				id: `${e.v}->${e.w}->${c()}`,
+				id: `${e.v}->${e.w}->${i()}`,
 				from: e.v,
 				to: e.w,
-				points: i,
-				pathData: a,
+				points: a,
+				pathData: o,
 				markerEnd: l,
 				original: {
 					...u,
@@ -1656,7 +1656,7 @@ function Qn(e) {
 			};
 		}).filter(Boolean), f = r.padding;
 		if (!l.length) {
-			i.value = {
+			a.value = {
 				nodes: [],
 				edges: d,
 				viewBox: "0 0 0 0",
@@ -1666,7 +1666,7 @@ function Qn(e) {
 			return;
 		}
 		let p = l.flatMap((e) => [e.x - e.width / 2, e.x + e.width / 2]), m = l.flatMap((e) => [e.y - e.height / 2, e.y + e.height / 2]), h = Math.min(...p) - f, g = Math.max(...p) + f, _ = Math.min(...m) - f, ee = Math.max(...m) + f;
-		i.value = {
+		a.value = {
 			nodes: l,
 			edges: d.map((e) => ({
 				...e,
@@ -1682,16 +1682,16 @@ function Qn(e) {
 	}
 	return je(() => {
 		try {
-			s(D(t) || [], D(n) || [], D(r) || {});
+			c(D(t) || [], D(n) || [], D(r) || {});
 		} catch (e) {
-			console.error("[useDag] layout error:", e), a.value = e, i.value = null;
+			console.error("[useDag] layout error:", e), o.value = e, a.value = null;
 		}
 	}), {
-		layoutData: i,
-		lastError: a,
-		arrowMarkerIdentifier: o,
+		layoutData: a,
+		lastError: o,
+		arrowMarkerIdentifier: s,
 		recomputeLayout: () => {
-			s(D(t) || [], D(n) || [], D(r) || {});
+			c(D(t) || [], D(n) || [], D(r) || {});
 		}
 	};
 }
@@ -1807,7 +1807,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		"rotate"
 	],
 	setup(e, { expose: u, emit: ie }) {
-		let je = be(() => import("./PenAndPaper-Cd3nItcO.js").then((e) => e.t)), Ne = be(() => import("./UserOptions-qo_Tsqci.js").then((e) => e.n)), Pe = be(() => import("./PackageVersion-CEvZNFTz.js").then((e) => e.t)), { vue_ui_dag: Fe } = p(), { isThemeValid: Ie, warnInvalidTheme: Le } = ee(), k = e, A = ie, j = T(null), M = T(c()), Re = T(null), ze = T(null), Be = T(null), Ve = T(0), He = T(0), Ue = T(!1), We = T(!1), N = T(null), P = T(null), F = T(null), I = T(null), Ge = T(null), Ke = T("pointer"), qe = T(!1), L = T(mt()), R = v(() => L.value.style.chart.nodes), z = v(() => L.value.style.chart.edges), B = v(() => L.value.style.chart.midpoints), V = v(() => L.value.style.chart);
+		let je = be(() => import("./PenAndPaper-XdUD8uB3.js").then((e) => e.t)), Ne = be(() => import("./UserOptions-wFD9vo9g.js").then((e) => e.n)), Pe = be(() => import("./PackageVersion-D5QkTJQU.js").then((e) => e.t)), { vue_ui_dag: Fe } = p(), { isThemeValid: Ie, warnInvalidTheme: Le } = ee(), k = e, A = ie, j = T(null), M = T(i()), Re = T(null), ze = T(null), Be = T(null), Ve = T(0), He = T(0), Ue = T(!1), We = T(!1), N = T(null), P = T(null), F = T(null), I = T(null), Ge = T(null), Ke = T("pointer"), qe = T(!1), L = T(mt()), R = v(() => L.value.style.chart.nodes), z = v(() => L.value.style.chart.edges), B = v(() => L.value.style.chart.midpoints), V = v(() => L.value.style.chart);
 		d({
 			config: () => L.value,
 			dataset: () => k.dataset,
@@ -1829,7 +1829,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		}), G = T(null), nt = T(null), rt = T({
 			left: "0px",
 			top: "0px"
-		}), it = T("top"), at = T(!1), ot = T(!1), { svgRef: K } = le({ config: V.value.title }), { userOptionsVisible: st, setUserOptionsVisibility: ct, keepUserOptionState: lt } = ce({ config: L.value }), q = T(L.value.style.chart.layout.rankDirection), ut = v(() => a({
+		}), it = T("top"), at = T(!1), ot = T(!1), { svgRef: K } = le({ config: V.value.title }), { userOptionsVisible: st, setUserOptionsVisibility: ct, keepUserOptionState: lt } = ce({ config: L.value }), q = T(L.value.style.chart.layout.rankDirection), ut = v(() => l({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -1873,7 +1873,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 					to: "C"
 				}]
 			},
-			skeletonConfig: a({
+			skeletonConfig: l({
 				defaultConfig: L.value,
 				userConfig: ut.value
 			})
@@ -1896,11 +1896,11 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		}
 		let ht = v(() => L.value.debug);
 		Ee(async () => {
-			r(k.dataset) && (s({
+			n(k.dataset) && (o({
 				componentName: "VueUiDag",
 				type: "dataset",
 				debug: ht.value
-			}), We.value = !1, pt.value = !0), (!k.dataset.nodes || k.dataset.nodes.length === 0) && (s({
+			}), We.value = !1, pt.value = !0), (!k.dataset.nodes || k.dataset.nodes.length === 0) && (o({
 				componentName: "VueUiDag",
 				type: "datasetAttributeEmpty",
 				property: "nodes",
@@ -1953,8 +1953,8 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		let { layoutData: J, lastError: kt, arrowMarkerIdentifier: At } = Qn({
 			nodes: v(() => ft.value.nodes.map((e) => ({
 				...e,
-				backgroundColor: e.backgroundColor ? i(e.backgroundColor) : R.value.backgroundColor,
-				color: e.color ? i(e.color) : R.value.labels.color
+				backgroundColor: e.backgroundColor ? r(e.backgroundColor) : R.value.backgroundColor,
+				color: e.color ? r(e.color) : R.value.labels.color
 			}))),
 			edges: v(() => ft.value.edges),
 			configuration: v(() => ({
@@ -1992,8 +1992,8 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 			W.value = !1;
 		}), Lt = null;
 		async function Rt(e, { smooth: n = !0, duration: r = 300, zoomReset: i = !1, zoom: a = null } = {}) {
-			let s = Y(e);
-			if (!s) return !1;
+			let o = Y(e);
+			if (!o) return !1;
 			let c = X.value;
 			if (!c) return !1;
 			let l = {
@@ -2007,7 +2007,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				let e = X.value, t = Number.isFinite(a) && a > 0 ? a / 100 : 1;
 				d = Number(e.width) / t, f = Number(e.height) / t, p = t, X.value = { ...l }, Ft.value = u;
 			}
-			let m = Number(s.x), h = Number(s.y);
+			let m = Number(o.x), h = Number(o.y);
 			if (!Number.isFinite(l.x) || !Number.isFinite(l.y) || !Number.isFinite(l.width) || !Number.isFinite(l.height) || !Number.isFinite(d) || !Number.isFinite(f) || !Number.isFinite(m) || !Number.isFinite(h)) return !1;
 			let g = {
 				x: m - d / 2,
@@ -2018,7 +2018,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 			if (Lt !== null && (cancelAnimationFrame(Lt), Lt = null), W.value = !1, !n || r <= 0) return X.value = g, Ft.value = p, !0;
 			let _ = performance.now();
 			function ee(e) {
-				let n = Math.min((e - _) / r, 1), i = o(n);
+				let n = Math.min((e - _) / r, 1), i = s(n);
 				X.value = {
 					x: t(l.x, g.x, i),
 					y: t(l.y, g.y, i),
@@ -2679,7 +2679,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 					"vue-data-ui-loading": D(dt)
 				}),
 				viewBox: Vt.value,
-				xmlns: D(l),
+				xmlns: D(c),
 				style: we({
 					backgroundColor: V.value.backgroundColor,
 					height: "100%",
@@ -2829,7 +2829,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 					fill: (Q.value === t.id || xn(t.id)) && R.value.selected.labelColor != null ? R.value.selected.labelColor : t.original.color,
 					"font-weight": R.value.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" },
-					innerHTML: D(n)({
+					innerHTML: D(a)({
 						content: t.label,
 						fontSize: R.value.labels.fontSize,
 						fontWeight: V.value.nodes.labels.bold ? "bold" : "normal",