vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-circle-pack-BBaRLELd.js → vue-ui-circle-pack-DVMhDFKU.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Bt as t, G as n, H as r, Ht as i, J as a, Ot as o, S as s, St as c, Tt as l, W as u, X as d, ht as f, i as p, r as m, t as h, x as g, y as ee, z as te, zt as ne } from "./lib-AJRHFE5U.js";
-import { t as re } from "./useConfig-Br1uzq_L.js";
-import { t as ie } from "./usePrinter-6n2MzVyV.js";
+import { Bt as t, Ct as n, Et as r, G as i, H as a, J as o, S as s, Ut as c, Vt as l, W as u, X as d, gt as f, i as p, kt as m, r as h, t as g, x as ee, y as te, z as ne } from "./lib-CXicicWN.js";
+import { t as re } from "./useConfig-Bf_EBbe3.js";
+import { t as ie } from "./usePrinter-Dng0UK-G.js";
 import { n as ae, t as oe } from "./BaseScanner-DZvpgOjM.js";
 import { t as se } from "./useSvgExport-SVIsDot8.js";
-import { t as ce } from "./useNestedProp-DtcXIg7n.js";
+import { t as ce } from "./useNestedProp-APyFoLCQ.js";
 import { t as le } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ue } from "./img-C_RNNswI.js";
-import { n as de } from "./Title-DH6G8_cZ.js";
+import { t as ue } from "./img-BCAOkqfM.js";
+import { n as de } from "./Title-CVYf1f8m.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";
@@ -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-979Ytd8R.js")), N = C(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), Re = C(() => import("./DataTable-G9aclxhk.js")), ze = C(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-O8jn9Lvi.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(r()), 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-BmGCBJuU.js")), N = C(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), Re = C(() => import("./DataTable-DJZgdnIn.js")), ze = C(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-a9xCKjW-.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(() => i({
+		}), At = O("pointer"), jt = O(!1), B = O(Rt()), V = v(() => B.value.userOptions.useCursorPointer), Mt = v(() => c({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -349,7 +349,7 @@ var We = class {
 					color: "#696969"
 				}
 			],
-			skeletonConfig: i({
+			skeletonConfig: c({
 				defaultConfig: B.value,
 				userConfig: Mt.value
 			})
@@ -358,19 +358,19 @@ var We = class {
 			let e = ce({
 				userConfig: P.config,
 				defaultConfig: We
-			}), n = e.theme;
-			if (!n) return e;
+			}), t = e.theme;
+			if (!t) return e;
 			if (!Ge.value(e)) return gt(e), e;
-			let r = ce({
-				userConfig: ye[n] || P.config,
+			let n = ce({
+				userConfig: ye[t] || P.config,
 				defaultConfig: e
-			}), i = ce({
+			}), r = ce({
 				userConfig: P.config,
-				defaultConfig: r
+				defaultConfig: n
 			});
 			return {
-				...i,
-				customPalette: i.customPalette.length ? i.customPalette : t[n] || o
+				...r,
+				customPalette: r.customPalette.length ? r.customPalette : l[t] || m
 			};
 		}
 		Me(() => P.config, (e) => {
@@ -458,18 +458,18 @@ var We = class {
 			let t = Number(e?.value);
 			return Number.isFinite(t) && t > 0 ? t : Array.isArray(e?.children) ? e.children.reduce((e, t) => e + Xt(t), 0) : 0;
 		}
-		function Zt(e, n) {
-			let r = t[B.value.theme || "default"] || o, i = cn.value.length ? cn.value : r.length ? r : o;
-			return ee(e.color) || i[n % i.length] || o[n % o.length];
+		function Zt(e, t) {
+			let n = l[B.value.theme || "default"] || m, r = cn.value.length ? cn.value : n.length ? n : m;
+			return te(e.color) || r[t % r.length] || m[t % m.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, n = 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 = r(), c = [...i, a], l = c.reduce((e, t, n) => e + t + n, 0), u = e.color || t?.color ? ee(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,
@@ -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() {
-			l(P.dataset) && d({
+			r(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(() => g(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;
 		}
@@ -611,7 +611,7 @@ var We = class {
 			}
 		}
 		function gn(e) {
-			return p(B.value.style.chart.circles.labels.value.formatter, e.value, n({
+			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,
@@ -861,7 +861,7 @@ var We = class {
 						[B.value.table.columnNames.value]
 					]
 				].concat(t));
-				e ? e(n) : a({
+				e ? e(n) : o({
 					csvContent: n,
 					title: B.value.style.chart.title.text || "vue-ui-circle-pack"
 				});
@@ -874,7 +874,7 @@ var We = class {
 				B.value.table.columnNames.depth,
 				B.value.table.columnNames.value
 			], t = Fn.value.hierarchy.map((e) => {
-				let t = n({
+				let t = i({
 					p: B.value.style.chart.circles.labels.value.prefix,
 					v: e.value,
 					s: B.value.style.chart.circles.labels.value.suffix,
@@ -889,7 +889,7 @@ var We = class {
 					e.depth ?? 0,
 					t
 				];
-			}), r = {
+			}), n = {
 				th: {
 					backgroundColor: B.value.table.th.backgroundColor,
 					color: B.value.table.th.color,
@@ -911,7 +911,7 @@ var We = class {
 				],
 				head: e,
 				body: t,
-				config: r
+				config: n
 			};
 		});
 		function Rn() {
@@ -1029,10 +1029,10 @@ var We = class {
 		}
 		function Zn(e) {
 			if (!Number.isFinite(e) || !H.value) return;
-			let t = G.value[e];
-			if (!t) return;
-			let n = ne(t.x, t.y, H.value);
-			n && (kt.value = n);
+			let n = G.value[e];
+			if (!n) return;
+			let r = t(n.x, n.y, H.value);
+			r && (kt.value = r);
 		}
 		function Qn() {
 			if (z.value !== null) {
@@ -1293,7 +1293,7 @@ var We = class {
 			}) }, [(D(), x("svg", {
 				ref_key: "svgRef",
 				ref: H,
-				xmlns: j(h),
+				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",
@@ -1317,14 +1317,14 @@ var We = class {
 					height: W.value.h,
 					style: { pointerEvents: "none" }
 				}, [k(e.$slots, "chart-background", {}, void 0, !0)], 8, Ye)) : b("", !0),
-				(D(!0), x(_, null, Oe(G.value, (t, n) => (D(), x(_, { key: t.id }, [
+				(D(!0), x(_, null, Oe(G.value, (t, r) => (D(), x(_, { key: t.id }, [
 					S("defs", null, [S("radialGradient", {
 						id: t.id,
 						fy: "30%"
 					}, [
 						S("stop", {
 							offset: "10%",
-							"stop-color": j(c)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
+							"stop-color": j(n)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
 						}, null, 8, Ze),
 						S("stop", {
 							offset: "90%",
@@ -1348,9 +1348,9 @@ var We = class {
 						"stroke-width": B.value.style.chart.circles.strokeWidth * (ln.value || 1) / 100,
 						fill: B.value.style.chart.circles.gradient.show ? `url(#${t.id})` : t.color,
 						rx: t.r,
-						onMouseenter: (e) => hn(t, n, "pointer"),
-						onMouseout: (e) => dn(t, n),
-						onClick: (e) => fn(t, n)
+						onMouseenter: (e) => hn(t, r, "pointer"),
+						onMouseout: (e) => dn(t, r),
+						onClick: (e) => fn(t, r)
 					}, null, 40, tt),
 					e.$slots.pattern ? (D(), x("rect", {
 						key: 1,
@@ -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(m)(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(m)(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(m)(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-DWlKtcab.js → vue-ui-cursor-D7yh10hX.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { H as t, Pt as n, t as r } from "./lib-AJRHFE5U.js";
-import { t as ee } from "./useConfig-Br1uzq_L.js";
-import { t as te } from "./useNestedProp-DtcXIg7n.js";
-import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as a } from "./PackageVersion-DxBQctV8.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";
+import { Ft as t, H as n, t as ee } from "./lib-CXicicWN.js";
+import { t as r } from "./useConfig-Bf_EBbe3.js";
+import { t as i } from "./useNestedProp-APyFoLCQ.js";
+import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n as te } from "./PackageVersion-Dx81ZIAL.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";
 //#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"], S = {
+], se = ["r"], ce = {
 	key: 2,
 	class: "wave"
-}, C = ["id"], w = ["id"], T = ["filter", "stroke"], E = {
+}, S = ["id"], C = ["id"], w = ["filter", "stroke"], T = {
 	key: 3,
 	class: "crosshair"
-}, D = [
+}, E = [
 	"x1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], O = [
+], D = [
 	"x1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], k = [
+], O = [
 	"y1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], A = [
+], k = [
 	"y1",
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray"
-], j = [
+], A = [
 	"cy",
 	"r",
 	"fill"
-], M = [
+], j = [
 	"cy",
 	"r",
 	"fill"
-], N = [
+], M = [
 	"cx",
 	"r",
 	"fill"
-], P = [
+], N = [
 	"cx",
 	"r",
 	"fill"
-], F = {
+], P = {
 	key: 5,
 	class: "coordinates"
-}, I = [
+}, F = [
 	"x",
 	"y",
 	"font-size",
 	"fill"
-], L = ["transform"], ce = ["font-size", "fill"], R = /*#__PURE__*/ i({
+], I = ["transform"], L = ["font-size", "fill"], R = /*#__PURE__*/ a({
 	__name: "vue-ui-cursor",
 	props: { config: {
 		type: Object,
 		default: {}
 	} },
 	setup(e) {
-		let { vue_ui_cursor: i } = ee(), x = e, R = v(t()), z = s(() => te({
+		let { vue_ui_cursor: a } = r(), x = e, R = v(n()), z = s(() => i({
 			userConfig: x.config,
-			defaultConfig: i
+			defaultConfig: a
 		})), 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), f(() => {
+			q.value = !1, J.value && clearTimeout(J.value), ne(() => {
 				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, t) => (_(), ne(o, { to: "body" }, [G.value ? (_(), l("svg", {
+		}), (e, n) => (_(), c(o, { to: "body" }, [G.value ? (_(), u("svg", {
 			key: 0,
 			"data-dom-to-png-ignore": "",
-			xmlns: b(r),
+			xmlns: b(ee),
 			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
 		}, [
-			d(a),
-			u("defs", null, [u("radialGradient", ie, [u("stop", {
+			f(te),
+			d("defs", null, [d("radialGradient", ie, [d("stop", {
 				offset: "10%",
 				"stop-color": z.value.bubbleEffectColor,
 				"stop-opacity": z.value.bubbleEffectOpacity
-			}, null, 8, ae), t[0] ||= u("stop", {
+			}, null, 8, ae), n[0] ||= d("stop", {
 				offset: "95%",
 				"stop-color": "transparent"
 			}, null, -1)])]),
-			z.value.showCenterCircle ? (_(), l("circle", {
+			z.value.showCenterCircle ? (_(), u("circle", {
 				key: 0,
 				cx: 50,
 				cy: 50,
 				r: V.value,
-				fill: b(n)(z.value.centerCircleColor, z.value.centerCircleOpacity * 100),
+				fill: b(t)(z.value.centerCircleColor, z.value.centerCircleOpacity * 100),
 				stroke: z.value.centerCircleStroke,
 				"stroke-width": z.value.centerCircleStrokeWidth,
 				"stroke-dasharray": z.value.centerCircleDasharray
-			}, null, 8, oe)) : c("", !0),
-			z.value.bubbleEffect ? (_(), l("circle", {
+			}, null, 8, oe)) : l("", !0),
+			z.value.bubbleEffect ? (_(), u("circle", {
 				key: 1,
 				cx: 50,
 				cy: 50,
 				r: V.value,
 				fill: "url(#follower)",
 				stroke: "none"
-			}, null, 8, se)) : c("", !0),
-			z.value.useWaveOnClick ? (_(), l("g", S, [u("defs", null, [u("filter", {
+			}, null, 8, se)) : l("", !0),
+			z.value.useWaveOnClick ? (_(), u("g", ce, [d("defs", null, [d("filter", {
 				id: `blur_${R.value}`,
 				x: "-50%",
 				y: "-50%",
 				width: "200%",
 				height: "200%"
-			}, [u("feGaussianBlur", {
+			}, [d("feGaussianBlur", {
 				in: "SourceGraphic",
 				stdDeviation: 4,
 				id: `blur_std_${R.value}`
-			}, null, 8, w), t[1] ||= u("feColorMatrix", {
+			}, null, 8, C), n[1] ||= d("feColorMatrix", {
 				type: "saturate",
 				values: "0"
-			}, null, -1)], 8, C)]), q.value ? (_(), l("circle", {
+			}, null, -1)], 8, S)]), q.value ? (_(), u("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, T)) : c("", !0)])) : c("", !0),
-			z.value.showCrosshair ? (_(), l("g", E, [
-				u("line", {
+			}, null, 10, w)) : l("", !0)])) : l("", !0),
+			z.value.showCrosshair ? (_(), u("g", T, [
+				d("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, D),
-				u("line", {
+				}, null, 8, E),
+				d("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, O),
-				u("line", {
+				}, null, 8, D),
+				d("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, k),
-				u("line", {
+				}, null, 8, O),
+				d("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, A)
-			])) : c("", !0),
-			z.value.showIntersectCircles ? (_(), l("g", {
+				}, null, 8, k)
+			])) : l("", !0),
+			z.value.showIntersectCircles ? (_(), u("g", {
 				key: 4,
 				class: p({ "rotating-circles": z.value.isLoading })
 			}, [
-				u("circle", {
+				d("circle", {
 					cx: 50,
 					cy: V.value + 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, j),
-				u("circle", {
+				}, null, 8, A),
+				d("circle", {
 					cx: 50,
 					cy: -V.value + 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, M),
-				u("circle", {
+				}, null, 8, j),
+				d("circle", {
 					cx: -V.value + 50,
 					cy: 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, N),
-				u("circle", {
+				}, null, 8, M),
+				d("circle", {
 					cx: V.value + 50,
 					cy: 50,
 					r: z.value.intersectCirclesRadius,
 					fill: z.value.intersectCirclesFill
-				}, null, 8, P)
-			], 2)) : c("", !0),
-			z.value.showCoordinates ? (_(), l("g", F, [u("text", {
+				}, null, 8, N)
+			], 2)) : l("", !0),
+			z.value.showCoordinates ? (_(), u("g", P, [d("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, I), u("g", { transform: `translate(${50 - z.value.coordinatesFontSize / 2 + H.value}, ${-V.value + 50 - z.value.coordinatesFontSize / 2 + H.value})` }, [u("text", {
+			}, 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", {
 				"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, ce)], 8, L)])) : c("", !0)
-		], 12, re)) : c("", !0)]));
+			}, y(B.value.y.toFixed(0)), 9, L)], 8, I)])) : l("", !0)
+		], 12, re)) : l("", !0)]));
 	}
 }, [["__scopeId", "data-v-4b1f566e"]]);
 //#endregion

package/dist/{vue-ui-dag-BAKU4jBj.js → vue-ui-dag--LFEAAf_.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { H as t, Ht as n, Tt as r, V as i, X as a, dt as o, t as s, y as c } from "./lib-AJRHFE5U.js";
-import { t as l } from "./useConfig-Br1uzq_L.js";
-import { t as u } from "./usePrinter-6n2MzVyV.js";
+import { Et as t, H as n, Ut as r, V as i, X as a, dt as o, t as s, y as c } from "./lib-CXicicWN.js";
+import { t as l } from "./useConfig-Bf_EBbe3.js";
+import { t as u } from "./usePrinter-Dng0UK-G.js";
 import { n as d, t as f } from "./BaseScanner-DZvpgOjM.js";
 import { t as p } from "./useSvgExport-SVIsDot8.js";
-import { t as m } from "./useNestedProp-DtcXIg7n.js";
+import { t as m } from "./useNestedProp-APyFoLCQ.js";
 import { t as h } from "./useThemeCheck-C43Tcqmk.js";
-import { t as g } from "./img-C_RNNswI.js";
-import { n as ee } from "./Title-DH6G8_cZ.js";
+import { t as g } from "./img-BCAOkqfM.js";
+import { n as ee } from "./Title-CVYf1f8m.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";
@@ -15,7 +15,7 @@ import { t as ie } from "./A11yDataTable-DdRsVULz.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-JwSGzoKi.js";
+import { t as ce } from "./BaseZoomControls-BjjT6vtB.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
@@ -1600,8 +1600,8 @@ function qn(e) {
 	return n += ` L ${r.x} ${r.y}`, n;
 }
 function Jn(e) {
-	let { nodes: n, edges: r, configuration: i } = e, a = T(null), s = T(null), c = `dag-arrow-${t()}`;
-	function l(e, n, r) {
+	let { nodes: t, edges: r, configuration: i } = e, a = T(null), s = T(null), c = `dag-arrow-${n()}`;
+	function l(e, t, r) {
 		s.value = null, a.value = null;
 		let i = {
 			...Gn,
@@ -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,
@@ -1643,9 +1643,9 @@ function Jn(e) {
 		}), d = l.edges().map((e) => {
 			let r = l.edge(e), a = r.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}->${n()}`,
 				from: e.v,
 				to: e.w,
 				points: a,
@@ -1684,7 +1684,7 @@ function Jn(e) {
 	}
 	return De(() => {
 		try {
-			l(D(n) || [], D(r) || [], D(i) || {});
+			l(D(t) || [], D(r) || [], D(i) || {});
 		} catch (e) {
 			console.error("[useDag] layout error:", e), s.value = e, a.value = null;
 		}
@@ -1693,7 +1693,7 @@ function Jn(e) {
 		lastError: s,
 		arrowMarkerIdentifier: c,
 		recomputeLayout: () => {
-			l(D(n) || [], D(r) || [], D(i) || {});
+			l(D(t) || [], D(r) || [], D(i) || {});
 		}
 	};
 }
@@ -1809,7 +1809,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		"rotate"
 	],
 	setup(e, { expose: o, emit: te }) {
-		let De = ge(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-DxBQctV8.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({
+		let De = ge(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), { vue_ui_dag: je } = l(), { isThemeValid: k, warnInvalidTheme: Me } = h(), A = e, j = te, M = T(null), N = T(n()), 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 = _(() => n({
+		}), 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 = _(() => r({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -1868,7 +1868,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					to: "C"
 				}]
 			},
-			skeletonConfig: n({
+			skeletonConfig: r({
 				defaultConfig: R.value,
 				userConfig: it.value
 			})
@@ -1891,7 +1891,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		}
 		let lt = _(() => !!R.value.debug);
 		Se(async () => {
-			r(A.dataset) && (a({
+			t(A.dataset) && (a({
 				componentName: "VueUiDag",
 				type: "dataset",
 				debug: lt.value