vue-data-ui 3.20.11 → 3.21.0

package/dist/{vue-ui-circle-pack-SCxS2mrl.js → vue-ui-circle-pack-DWO8x9gf.js}

@@ -1,13 +1,13 @@
 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 { 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-DnH7Pf_2.js";
-import { t as ie } from "./usePrinter-C1Gqt_Sp.js";
+import { t as ie } from "./usePrinter-6n2MzVyV.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 ce } from "./useNestedProp-DtcXIg7n.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 ue } from "./img-C_RNNswI.js";
+import { n as de } from "./Title-DH6G8_cZ.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-BENq327o.js")), N = C(() => import("./BaseIcon-DfLoHNUj.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-Bpbv-VHE.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-eS823iMF.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({
+		let Ie = C(() => import("./Tooltip-979Ytd8R.js")), N = C(() => import("./BaseIcon-CbDazQLH.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)), Re = C(() => import("./DataTable-DweDyHc1.js")), ze = C(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-DYLo3MRd.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-BvaFJWHb.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({
 			x: 0,
 			y: 0
-		}), At = O("pointer"), jt = O(!1), B = O(Rt()), V = v(() => B.value.userOptions.useCursorPointer), Mt = v(() => t({
+		}), At = O("pointer"), jt = O(!1), B = O(Rt()), V = v(() => B.value.userOptions.useCursorPointer), Mt = v(() => i({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -349,7 +349,7 @@ var We = class {
 					color: "#696969"
 				}
 			],
-			skeletonConfig: t({
+			skeletonConfig: i({
 				defaultConfig: B.value,
 				userConfig: Mt.value
 			})
@@ -358,19 +358,19 @@ var We = class {
 			let e = ce({
 				userConfig: P.config,
 				defaultConfig: We
-			}), t = e.theme;
-			if (!t) return e;
+			}), n = e.theme;
+			if (!n) return e;
 			if (!Ge.value(e)) return gt(e), e;
-			let n = ce({
-				userConfig: ye[t] || P.config,
+			let r = ce({
+				userConfig: ye[n] || P.config,
 				defaultConfig: e
 			}), i = ce({
 				userConfig: P.config,
-				defaultConfig: n
+				defaultConfig: r
 			});
 			return {
 				...i,
-				customPalette: i.customPalette.length ? i.customPalette : c[t] || r
+				customPalette: i.customPalette.length ? i.customPalette : t[n] || o
 			};
 		}
 		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, t) {
-			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 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 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, r = []) {
-			return Array.isArray(e) ? e.map((e, i) => {
+		function $t(e, t = null, n = 0, i = []) {
+			return Array.isArray(e) ? e.map((e, a) => {
 				let o = Xt(e);
 				if (!Number.isFinite(o) || o <= 0) return null;
-				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, {
+				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, {
 					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() {
-			n(P.dataset) && d({
+			l(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(() => ee(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(() => g(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, m(r)) try {
+			if (mn.value = !1, f(r)) try {
 				let n = r({
 					seriesIndex: t,
 					datapoint: e,
@@ -611,7 +611,7 @@ var We = class {
 			}
 		}
 		function gn(e) {
-			return p(B.value.style.chart.circles.labels.value.formatter, e.value, i({
+			return p(B.value.style.chart.circles.labels.value.formatter, e.value, n({
 				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 = l([
+				]), n = s([
 					[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) : o({
+				e ? e(n) : a({
 					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 = i({
+				let t = n({
 					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
 				];
-			}), n = {
+			}), r = {
 				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: n
+				config: r
 			};
 		});
 		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 = s(t.x, t.y, H.value);
+			let n = ne(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(g),
+				xmlns: j(h),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				viewBox: `${j(Q).x} ${j(Q).y} ${j(Q).width} ${j(Q).height}`,
 				preserveAspectRatio: "xMidYMid meet",
@@ -1324,7 +1324,7 @@ var We = class {
 					}, [
 						S("stop", {
 							offset: "10%",
-							"stop-color": j(f)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
+							"stop-color": j(c)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
 						}, null, 8, Ze),
 						S("stop", {
 							offset: "90%",
@@ -1386,12 +1386,12 @@ var We = class {
 					ref_for: !0
 				}, {
 					...t,
-					createTSpans: j(ne),
+					createTSpans: j(te),
 					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(h)(t.color)
+					color: B.value.style.chart.circles.labels.name.color ? B.value.style.chart.circles.labels.name.color : j(m)(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(h)(t.color) : B.value.style.chart.circles.labels.name.color,
+					fill: B.value.style.chart.circles.labels.name.color === "auto" ? j(m)(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(h)(t.color) : B.value.style.chart.circles.labels.value.color,
+					fill: B.value.style.chart.circles.labels.value.color === "auto" ? j(m)(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-DT8uNrQa.js → vue-ui-cursor-BKGUvOWO.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { H as t, Mt as n, t as r } from "./lib-DUeYQsS0.js";
+import { H as t, Pt as n, t as r } from "./lib-AJRHFE5U.js";
 import { t as ee } from "./useConfig-DnH7Pf_2.js";
-import { t as te } from "./useNestedProp-CNcoy38D.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-eS823iMF.js";
+import { n as a } from "./PackageVersion-DYLo3MRd.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-CK30vhll.js → vue-ui-dag-lL0juBzN.js}

@@ -1,13 +1,13 @@
 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 { 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-DnH7Pf_2.js";
-import { t as u } from "./usePrinter-C1Gqt_Sp.js";
+import { t as u } from "./usePrinter-6n2MzVyV.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 m } from "./useNestedProp-DtcXIg7n.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 g } from "./img-C_RNNswI.js";
+import { n as ee } from "./Title-DH6G8_cZ.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-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 ce } from "./BaseZoomControls-Dbtq9oyx.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,12 +1600,12 @@ function qn(e) {
 	return n += ` L ${r.x} ${r.y}`, n;
 }
 function Jn(e) {
-	let { nodes: t, edges: n, configuration: i } = e, a = T(null), s = T(null), c = `dag-arrow-${r()}`;
-	function l(e, t, n) {
+	let { nodes: n, edges: r, configuration: i } = e, a = T(null), s = T(null), c = `dag-arrow-${t()}`;
+	function l(e, n, r) {
 		s.value = null, a.value = null;
 		let i = {
 			...Gn,
-			...n
+			...r
 		}, l = new k({
 			multigraph: !0,
 			compound: !0
@@ -1622,7 +1622,7 @@ function Jn(e) {
 				width: e.width ?? i.nodeWidth,
 				height: e.height ?? i.nodeHeight
 			});
-		}), t.forEach((e) => {
+		}), n.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 n = l.edge(e), a = n.points || [];
+			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 = t.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 = n.find((t) => t?.from === e.v && t?.to === e.w);
 			return {
-				id: `${e.v}->${e.w}->${r()}`,
+				id: `${e.v}->${e.w}->${t()}`,
 				from: e.v,
 				to: e.w,
 				points: a,
@@ -1653,7 +1653,7 @@ function Jn(e) {
 				markerEnd: s,
 				original: {
 					...u,
-					...n
+					...r
 				}
 			};
 		}).filter(Boolean), f = i.padding;
@@ -1684,7 +1684,7 @@ function Jn(e) {
 	}
 	return De(() => {
 		try {
-			l(D(t) || [], D(n) || [], D(i) || {});
+			l(D(n) || [], 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(t) || [], D(n) || [], D(i) || {});
+			l(D(n) || [], 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-DqrClVfb.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-C1NgoGu6.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-eS823iMF.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({
+		let De = ge(() => import("./PenAndPaper-D4aFMYZf.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-qFz-9Pnw.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-DYLo3MRd.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({
 			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 = _(() => t({
+		}), 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({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -1868,7 +1868,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					to: "C"
 				}]
 			},
-			skeletonConfig: t({
+			skeletonConfig: n({
 				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 () => {
-			n(A.dataset) && (a({
+			r(A.dataset) && (a({
 				componentName: "VueUiDag",
 				type: "dataset",
 				debug: lt.value

package/dist/{vue-ui-dashboard-Cf21Q0H0.js → vue-ui-dashboard-CEk2z8v9.js}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { H as t } from "./lib-DUeYQsS0.js";
+import { H as t } from "./lib-AJRHFE5U.js";
 import { t as n } from "./useConfig-DnH7Pf_2.js";
-import { t as r } from "./usePrinter-C1Gqt_Sp.js";
-import { t as i } from "./useNestedProp-CNcoy38D.js";
+import { t as r } from "./usePrinter-6n2MzVyV.js";
+import { t as i } from "./useNestedProp-DtcXIg7n.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as ee } from "./useUserOptionState-DK-_1ddE.js";
-import { t as te } from "./UserOptions-C1NgoGu6.js";
-import { n as ne } from "./PenAndPaper-DqrClVfb.js";
+import { t as te } from "./UserOptions-qFz-9Pnw.js";
+import { n as ne } from "./PenAndPaper-D4aFMYZf.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as re, defineAsyncComponent as f, guardReactiveProps as p, mergeProps as ie, normalizeClass as ae, normalizeProps as m, normalizeStyle as h, openBlock as g, ref as _, renderList as oe, renderSlot as v, resolveDynamicComponent as se, unref as y, useCssVars as ce, watch as b, withCtx as x } from "vue";
 //#region src/components/vue-ui-dashboard.vue
 var le = /* @__PURE__ */ e({ default: () => C }), ue = ["id"], de = ["onMousedown", "onTouchstart"], fe = ["onMousedown", "onTouchstart"], pe = ["onMousedown", "onTouchstart"], me = ["onMousedown", "onTouchstart"], he = ["onMousedown", "onTouchstart"], S = 1, C = /* @__PURE__ */ a({
@@ -22,70 +22,70 @@ var le = /* @__PURE__ */ e({ default: () => C }), ue = ["id"], de = ["onMousedow
 			v094a01b2: ke.value
 		}));
 		let C = {
-			VueDataUi: f(() => import("./vue-data-ui-0t8DsSSW.js").then((e) => e.n)),
-			VueUi3dBar: f(() => import("./vue-ui-3d-bar-D1dX4mDU.js").then((e) => e.n)),
-			VueUiAccordion: f(() => import("./vue-ui-accordion-Bpbv-VHE.js").then((e) => e.n)),
-			VueUiAgePyramid: f(() => import("./vue-ui-age-pyramid-BYIxO-rR.js").then((e) => e.n)),
-			VueUiAnnotator: f(() => import("./vue-ui-annotator-Q57JevNc.js").then((e) => e.n)),
-			VueUiCandlestick: f(() => import("./vue-ui-candlestick-B4tkLoQe.js").then((e) => e.n)),
-			VueUiChestnut: f(() => import("./vue-ui-chestnut-CXzK4gsf.js").then((e) => e.n)),
-			VueUiDigits: f(() => import("./vue-ui-digits-DiapBzIK.js").then((e) => e.n)),
-			VueUiDonut: f(() => import("./vue-ui-donut-DrM628Ge.js").then((e) => e.n)),
-			VueUiDonutEvolution: f(() => import("./vue-ui-donut-evolution-CIXY4tKY.js").then((e) => e.n)),
-			VueUiDumbbell: f(() => import("./vue-ui-dumbbell-B8V84XkY.js").then((e) => e.n)),
-			VueUiFlow: f(() => import("./vue-ui-flow-uPuvDSxv.js").then((e) => e.n)),
-			VueUiGalaxy: f(() => import("./vue-ui-galaxy-BjoOO1lq.js").then((e) => e.n)),
-			VueUiGauge: f(() => import("./vue-ui-gauge-DbV0oQs3.js").then((e) => e.n)),
-			VueUiHeatmap: f(() => import("./vue-ui-heatmap-D3ewCJX6.js").then((e) => e.n)),
-			VueUiKpi: f(() => import("./vue-ui-kpi-YCPfpGty.js").then((e) => e.n)),
-			VueUiMiniLoader: f(() => import("./vue-ui-mini-loader-Bi0nsbao.js").then((e) => e.n)),
-			VueUiMolecule: f(() => import("./vue-ui-molecule-IFNTvQdE.js").then((e) => e.n)),
-			VueUiMoodRadar: f(() => import("./vue-ui-mood-radar-81X63j-D.js").then((e) => e.n)),
-			VueUiNestedDonuts: f(() => import("./vue-ui-nested-donuts-C1j-h8RW.js").then((e) => e.n)),
-			VueUiOnion: f(() => import("./vue-ui-onion-CZLJxedN.js").then((e) => e.n)),
-			VueUiParallelCoordinatePlot: f(() => import("./vue-ui-parallel-coordinate-plot-Czndz3oA.js").then((e) => e.n)),
-			VueUiQuadrant: f(() => import("./vue-ui-quadrant-LwMr7DKL.js").then((e) => e.n)),
-			VueUiQuickChart: f(() => import("./vue-ui-quick-chart-C20W7LNY.js").then((e) => e.n)),
-			VueUiRadar: f(() => import("./vue-ui-radar-Dxopl3RI.js").then((e) => e.n)),
-			VueUiRating: f(() => import("./vue-ui-rating-D8QQctnQ.js").then((e) => e.n)),
-			VueUiRelationCircle: f(() => import("./vue-ui-relation-circle-CMRXow6X.js").then((e) => e.n)),
-			VueUiRings: f(() => import("./vue-ui-rings-DVA3hiUL.js").then((e) => e.n)),
-			VueUiScatter: f(() => import("./vue-ui-scatter-DcveiIfl.js").then((e) => e.n)),
-			VueUiSkeleton: f(() => import("./vue-ui-skeleton-DxXA3XSP.js").then((e) => e.n)),
-			VueUiSmiley: f(() => import("./vue-ui-smiley-CqwB6Uhu.js").then((e) => e.n)),
-			VueUiSparkHistogram: f(() => import("./vue-ui-sparkhistogram-BNiXxI65.js").then((e) => e.n)),
-			VueUiSparkStackbar: f(() => import("./vue-ui-sparkstackbar-C6qMimoL.js").then((e) => e.n)),
-			VueUiSparkTrend: f(() => import("./vue-ui-spark-trend-B3mkyeZ3.js").then((e) => e.n)),
-			VueUiSparkbar: f(() => import("./vue-ui-sparkbar-BlmV-ndv.js").then((e) => e.n)),
-			VueUiSparkgauge: f(() => import("./vue-ui-sparkgauge-DKRJDqAS.js").then((e) => e.n)),
-			VueUiSparkline: f(() => import("./vue-ui-sparkline-C5EDZIAt.js").then((e) => e.n)),
-			VueUiStripPlot: f(() => import("./vue-ui-strip-plot-CvjdxEOT.js").then((e) => e.n)),
-			VueUiTable: f(() => import("./vue-ui-table-B0zkvlw5.js").then((e) => e.n)),
-			VueUiTableHeatmap: f(() => import("./vue-ui-table-heatmap-xwfStZrD.js").then((e) => e.n)),
-			VueUiTableSparkline: f(() => import("./vue-ui-table-sparkline-BQjo2sbB.js").then((e) => e.n)),
-			VueUiThermometer: f(() => import("./vue-ui-thermometer-CVhxnkN-.js").then((e) => e.n)),
-			VueUiTimer: f(() => import("./vue-ui-timer-Cimuw9rF.js").then((e) => e.n)),
-			VueUiTiremarks: f(() => import("./vue-ui-tiremarks-CSPL1oli.js").then((e) => e.n)),
-			VueUiTreemap: f(() => import("./vue-ui-treemap-BWivpffU.js").then((e) => e.n)),
-			VueUiVerticalBar: f(() => import("./vue-ui-horizontal-bar-DoCvNzdC.js").then((e) => e.n)),
-			VueUiHorizontalBar: f(() => import("./vue-ui-horizontal-bar-DoCvNzdC.js").then((e) => e.n)),
-			VueUiWaffle: f(() => import("./vue-ui-waffle-FmLPDL2g.js").then((e) => e.n)),
-			VueUiWheel: f(() => import("./vue-ui-wheel-BjdVO5f4.js").then((e) => e.n)),
-			VueUiWordCloud: f(() => import("./vue-ui-word-cloud-hhjEM6ee.js").then((e) => e.n)),
-			VueUiXy: f(() => import("./vue-ui-xy-omDIF90L.js").then((e) => e.n)),
-			VueUiXyCanvas: f(() => import("./vue-ui-xy-canvas-kbP-mjEo.js").then((e) => e.n)),
-			VueUiCarouselTable: f(() => import("./vue-ui-carousel-table-DB1kG5AJ.js").then((e) => e.n)),
-			VueUiGizmo: f(() => import("./vue-ui-gizmo-BiLdRUEw.js").then((e) => e.n)),
-			VueUiStackbar: f(() => import("./vue-ui-stackbar-C7jTnGyT.js").then((e) => e.n)),
-			VueUiStackline: f(() => import("./vue-ui-stackline-fdOF6lLn.js").then((e) => e.n)),
-			VueUiBullet: f(() => import("./vue-ui-bullet-B65T4IyK.js").then((e) => e.n)),
-			VueUiFunnel: f(() => import("./vue-ui-funnel-CCy9NFKa.js").then((e) => e.n)),
-			VueUiHistoryPlot: f(() => import("./vue-ui-history-plot-BpyvvMPA.js").then((e) => e.n)),
-			VueUiCirclePack: f(() => import("./vue-ui-circle-pack-SCxS2mrl.js").then((e) => e.n)),
-			VueUiWorld: f(() => import("./vue-ui-world-H9HX6smc.js").then((e) => e.n)),
-			VueUiChord: f(() => import("./vue-ui-chord-BhuABwXT.js").then((e) => e.n)),
-			VueUiRidgeline: f(() => import("./vue-ui-ridgeline-B5BRKUoc.js").then((e) => e.n)),
-			VueUiDag: f(() => import("./vue-ui-dag-CK30vhll.js").then((e) => e.n))
+			VueDataUi: f(() => import("./vue-data-ui-D2dM3IQZ.js").then((e) => e.n)),
+			VueUi3dBar: f(() => import("./vue-ui-3d-bar-0C_yshya.js").then((e) => e.n)),
+			VueUiAccordion: f(() => import("./vue-ui-accordion-DLnwuQda.js").then((e) => e.n)),
+			VueUiAgePyramid: f(() => import("./vue-ui-age-pyramid-DFNELwbT.js").then((e) => e.n)),
+			VueUiAnnotator: f(() => import("./vue-ui-annotator-BljP5cB7.js").then((e) => e.n)),
+			VueUiCandlestick: f(() => import("./vue-ui-candlestick-CQ0nfkmL.js").then((e) => e.n)),
+			VueUiChestnut: f(() => import("./vue-ui-chestnut-DeWbKqze.js").then((e) => e.n)),
+			VueUiDigits: f(() => import("./vue-ui-digits-BAjr0eIJ.js").then((e) => e.n)),
+			VueUiDonut: f(() => import("./vue-ui-donut-BsSpIinL.js").then((e) => e.n)),
+			VueUiDonutEvolution: f(() => import("./vue-ui-donut-evolution-1UhFKEgG.js").then((e) => e.n)),
+			VueUiDumbbell: f(() => import("./vue-ui-dumbbell-ChqJicg9.js").then((e) => e.n)),
+			VueUiFlow: f(() => import("./vue-ui-flow-BXfzMTXx.js").then((e) => e.n)),
+			VueUiGalaxy: f(() => import("./vue-ui-galaxy-FNzwDOH1.js").then((e) => e.n)),
+			VueUiGauge: f(() => import("./vue-ui-gauge-D6I78FZr.js").then((e) => e.n)),
+			VueUiHeatmap: f(() => import("./vue-ui-heatmap-BWN0UBKE.js").then((e) => e.n)),
+			VueUiKpi: f(() => import("./vue-ui-kpi-B9bdicir.js").then((e) => e.n)),
+			VueUiMiniLoader: f(() => import("./vue-ui-mini-loader-BnLOdRA0.js").then((e) => e.n)),
+			VueUiMolecule: f(() => import("./vue-ui-molecule-B-69fE_1.js").then((e) => e.n)),
+			VueUiMoodRadar: f(() => import("./vue-ui-mood-radar-D3kF7iHz.js").then((e) => e.n)),
+			VueUiNestedDonuts: f(() => import("./vue-ui-nested-donuts-CTmomXj1.js").then((e) => e.n)),
+			VueUiOnion: f(() => import("./vue-ui-onion-3fJB4mfC.js").then((e) => e.n)),
+			VueUiParallelCoordinatePlot: f(() => import("./vue-ui-parallel-coordinate-plot-CKKkbBlu.js").then((e) => e.n)),
+			VueUiQuadrant: f(() => import("./vue-ui-quadrant-DGLnjwva.js").then((e) => e.n)),
+			VueUiQuickChart: f(() => import("./vue-ui-quick-chart-DJnhlEXi.js").then((e) => e.n)),
+			VueUiRadar: f(() => import("./vue-ui-radar-AIBX0QYs.js").then((e) => e.n)),
+			VueUiRating: f(() => import("./vue-ui-rating-pDVqT08V.js").then((e) => e.n)),
+			VueUiRelationCircle: f(() => import("./vue-ui-relation-circle-BQVR8L9Y.js").then((e) => e.n)),
+			VueUiRings: f(() => import("./vue-ui-rings-BgFO7NYF.js").then((e) => e.n)),
+			VueUiScatter: f(() => import("./vue-ui-scatter-BPu5DwaJ.js").then((e) => e.n)),
+			VueUiSkeleton: f(() => import("./vue-ui-skeleton-qpdvvWtx.js").then((e) => e.n)),
+			VueUiSmiley: f(() => import("./vue-ui-smiley-DUI5n89s.js").then((e) => e.n)),
+			VueUiSparkHistogram: f(() => import("./vue-ui-sparkhistogram-B_zxKMHv.js").then((e) => e.n)),
+			VueUiSparkStackbar: f(() => import("./vue-ui-sparkstackbar-B2sqpW-w.js").then((e) => e.n)),
+			VueUiSparkTrend: f(() => import("./vue-ui-spark-trend-CQ9ZN5sL.js").then((e) => e.n)),
+			VueUiSparkbar: f(() => import("./vue-ui-sparkbar-d6ctWlLA.js").then((e) => e.n)),
+			VueUiSparkgauge: f(() => import("./vue-ui-sparkgauge-HX_rqLxX.js").then((e) => e.n)),
+			VueUiSparkline: f(() => import("./vue-ui-sparkline-BSdOdtKu.js").then((e) => e.n)),
+			VueUiStripPlot: f(() => import("./vue-ui-strip-plot-C1un5Mku.js").then((e) => e.n)),
+			VueUiTable: f(() => import("./vue-ui-table-R-aXpHvF.js").then((e) => e.n)),
+			VueUiTableHeatmap: f(() => import("./vue-ui-table-heatmap-C1e_7MJ2.js").then((e) => e.n)),
+			VueUiTableSparkline: f(() => import("./vue-ui-table-sparkline-Dy-6i82F.js").then((e) => e.n)),
+			VueUiThermometer: f(() => import("./vue-ui-thermometer-CIse_lcE.js").then((e) => e.n)),
+			VueUiTimer: f(() => import("./vue-ui-timer-AlYvthQ6.js").then((e) => e.n)),
+			VueUiTiremarks: f(() => import("./vue-ui-tiremarks-CP_bw6by.js").then((e) => e.n)),
+			VueUiTreemap: f(() => import("./vue-ui-treemap-BXrV5VAp.js").then((e) => e.n)),
+			VueUiVerticalBar: f(() => import("./vue-ui-horizontal-bar-BzP7k_3J.js").then((e) => e.n)),
+			VueUiHorizontalBar: f(() => import("./vue-ui-horizontal-bar-BzP7k_3J.js").then((e) => e.n)),
+			VueUiWaffle: f(() => import("./vue-ui-waffle-uoqEnQ30.js").then((e) => e.n)),
+			VueUiWheel: f(() => import("./vue-ui-wheel-DLgw_xfe.js").then((e) => e.n)),
+			VueUiWordCloud: f(() => import("./vue-ui-word-cloud-Bgu-qbcp.js").then((e) => e.n)),
+			VueUiXy: f(() => import("./vue-ui-xy-DzuOBbPL.js").then((e) => e.n)),
+			VueUiXyCanvas: f(() => import("./vue-ui-xy-canvas-DjxM7y3T.js").then((e) => e.n)),
+			VueUiCarouselTable: f(() => import("./vue-ui-carousel-table-Cvi1gsKR.js").then((e) => e.n)),
+			VueUiGizmo: f(() => import("./vue-ui-gizmo-ZlmJIh0_.js").then((e) => e.n)),
+			VueUiStackbar: f(() => import("./vue-ui-stackbar-DH75CCpy.js").then((e) => e.n)),
+			VueUiStackline: f(() => import("./vue-ui-stackline-CXodezD1.js").then((e) => e.n)),
+			VueUiBullet: f(() => import("./vue-ui-bullet-ChQq42AN.js").then((e) => e.n)),
+			VueUiFunnel: f(() => import("./vue-ui-funnel-BpnC82m0.js").then((e) => e.n)),
+			VueUiHistoryPlot: f(() => import("./vue-ui-history-plot-2E6KrNhv.js").then((e) => e.n)),
+			VueUiCirclePack: f(() => import("./vue-ui-circle-pack-DWO8x9gf.js").then((e) => e.n)),
+			VueUiWorld: f(() => import("./vue-ui-world-B93iq1ZM.js").then((e) => e.n)),
+			VueUiChord: f(() => import("./vue-ui-chord-bRXYWpGT.js").then((e) => e.n)),
+			VueUiRidgeline: f(() => import("./vue-ui-ridgeline-CYq3APPQ.js").then((e) => e.n)),
+			VueUiDag: f(() => import("./vue-ui-dag-lL0juBzN.js").then((e) => e.n))
 		}, { vue_ui_dashboard: ge } = n(), _e = _(null), ve = _(null), w = _(null), T = e, E = s(() => i({
 			userConfig: T.config,
 			defaultConfig: ge

package/dist/{vue-ui-digits-DiapBzIK.js → vue-ui-digits-BAjr0eIJ.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { H as t, t as n } from "./lib-DUeYQsS0.js";
+import { H as t, t as n } from "./lib-AJRHFE5U.js";
 import { t as r } from "./useConfig-DnH7Pf_2.js";
-import { t as i } from "./useNestedProp-CNcoy38D.js";
+import { t as i } from "./useNestedProp-DtcXIg7n.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as o } from "./PackageVersion-eS823iMF.js";
+import { n as o } from "./PackageVersion-DYLo3MRd.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y } from "vue";
 //#region src/atoms/Digit.vue
 var b = { key: 0 }, x = ["d", "fill"], S = ["d", "fill"], C = ["d", "fill"], w = ["d", "fill"], T = ["d", "fill"], E = ["d", "fill"], D = ["d", "fill"], O = { key: 1 }, k = [