vue-data-ui 3.22.9 → 3.22.11

package/dist/{vue-ui-chord-DL1M7cgL.js → vue-ui-chord-DJk9j45J.js}

@@ -1,21 +1,20 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, G as n, J as r, Kt as i, Mt as a, S as o, T as s, W as c, Wt as ee, Yt as l, Z as te, b as ne, dt as re, i as ie, kt as ae, r as oe, t as se } from "./lib-JqW18y5I.js";
-import { t as ce } from "./useConfig-DYM3f6EI.js";
-import { t as le } from "./usePrinter-CqqHmnBI.js";
+import { At as t, C as n, E as r, G as i, Gt as a, K as o, Nt as s, Q as c, Xt as ee, Y as l, et as te, ft as ne, i as re, qt as ie, r as ae, t as oe, x as se } from "./lib-CFm_J26b.js";
+import { t as ce } from "./useConfig-C0V0eG7L.js";
+import { t as le } from "./usePrinter-BH-xle1O.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useSvgExport-SVIsDot8.js";
-import { t as pe } from "./useNestedProp-DIuuzG1r.js";
+import { t as fe } from "./useSvgExport-Ba9qBr9M.js";
+import { t as pe } from "./useNestedProp-BY6DNN3i.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
-import { t as he } from "./img-DnP3eXuv.js";
-import { n as ge } from "./Title-CcNiYzEo.js";
-import { t as _e } from "./Shape-UpH0a4Ur.js";
+import { t as he } from "./img-Bikk1dGb.js";
+import { n as ge } from "./Title-BuPs74IB.js";
+import { t as _e } from "./Shape-BfnXr1nJ.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as ye } from "./canvas-lib-BOP_HS11.js";
-import { t as be } from "./useResponsive-BfnK0KxU.js";
+import { l as ye, t as be } from "./useResponsive-ZtArZtUf.js";
 import { t as xe } from "./A11yDataTable-DdRsVULz.js";
 import { t as Se } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Ce } from "./useChartAccessibility-DYqac8yF.js";
-import { t as we } from "./Legend-ROt6ugzW.js";
+import { t as we } from "./Legend-C0xAnJdO.js";
 import { t as Te } from "./vue_ui_chord-DPfS1Umc.js";
 import { Fragment as u, Teleport as Ee, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as g, guardReactiveProps as _, mergeProps as Ae, nextTick as je, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Me, onMounted as Ne, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Pe, shallowRef as Fe, toDisplayString as T, toRefs as Ie, unref as E, useCssVars as Le, watch as Re, withCtx as D, withModifiers as ze } from "vue";
 //#region src/components/vue-ui-chord.vue
@@ -141,7 +140,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 	],
 	setup(e, { expose: ve, emit: Be }) {
 		Le((e) => ({ v73ba9455: e.slicerColor }));
-		let vt = g(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), yt = g(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), bt = g(() => import("./DataTable-BxpTMgfK.js")), xt = g(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), St = g(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), Ct = g(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), wt = g(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), O = e, Ot = Be, k = S(!!O.dataset && Object.hasOwn(O.dataset, "matrix")), A = S(n()), j = S(null), M = S(null), N = S(null), kt = S(0), P = S(null), At = S(null), jt = S(null), Mt = S(null), Nt = S(null), Pt = S(0), Ft = S(0), It = S(0), F = S(!1), I = Fe(null), L = Fe(null), Lt = S(!1), Rt = S(null), zt = S(null), Bt = S(!1), Vt = S(!1), R = S("group"), z = S(null), Ht = S(!1), B = S($t()), V = d(() => B.value.userOptions.useCursorPointer), Ut = d(() => i({
+		let vt = g(() => import("./vue-ui-accordion-nNxnZTg9.js").then((e) => e.n)), yt = g(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), bt = g(() => import("./DataTable-DzPEVvSo.js")), xt = g(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), St = g(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), Ct = g(() => import("./UserOptions-B69xBEVP.js").then((e) => e.n)), wt = g(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = me(), O = e, Ot = Be, k = S(!!O.dataset && Object.hasOwn(O.dataset, "matrix")), A = S(o()), j = S(null), M = S(null), N = S(null), kt = S(0), P = S(null), At = S(null), jt = S(null), Mt = S(null), Nt = S(null), Pt = S(0), Ft = S(0), It = S(0), F = S(!1), I = Fe(null), L = Fe(null), Lt = S(!1), Rt = S(null), zt = S(null), Bt = S(!1), Vt = S(!1), R = S("group"), z = S(null), Ht = S(!1), B = S($t()), V = d(() => B.value.userOptions.useCursorPointer), Ut = d(() => ie({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -205,7 +204,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 					"#969696"
 				]
 			},
-			skeletonConfig: i({
+			skeletonConfig: ie({
 				defaultConfig: B.value,
 				userConfig: Ut.value
 			})
@@ -230,7 +229,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ee[t] || a
+				customPalette: r.customPalette.length ? r.customPalette : a[t] || s
 			};
 		}
 		Re(() => O.config, (e) => {
@@ -241,21 +240,21 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 			tn(), nn(), Pt.value += 1, Ft.value += 1, It.value += 1;
 		});
 		function tn() {
-			if (ae(O.dataset)) {
-				t({
+			if (t(O.dataset)) {
+				te({
 					componentName: "VueUiChord",
 					type: "dataset",
 					debug: en.value
 				}), k.value = !1, Gt.value = !0;
 				return;
 			}
-			let e = re({
+			let e = ne({
 				datasetObject: O.dataset,
 				requiredAttributes: ["matrix"]
 			});
 			if (e.length) {
 				e.forEach((e) => {
-					t({
+					te({
 						componentName: "VueUiChord",
 						type: "datasetAttribute",
 						property: e,
@@ -312,41 +311,41 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 		let G = S({
 			height: 600,
 			width: 600
-		}), on = d(() => B.value.userOptions.show && !B.value.style.chart.title.text), sn = d(() => o(B.value.customPalette)), K = d(() => ({
+		}), on = d(() => B.value.userOptions.show && !B.value.style.chart.title.text), sn = d(() => n(B.value.customPalette)), K = d(() => ({
 			inner: G.value.width * .3 * B.value.style.chart.arcs.innerRadiusRatio,
 			outer: G.value.width * .34 * B.value.style.chart.arcs.outerRadiusRatio
 		})), cn = d(() => B.value.style.chart.arcs.padAngle / 100), q = d(() => ({
 			matrix: H.value.matrix ?? [[0]],
 			labels: H.value.labels ?? [""],
-			colors: H.value.colors && Array.isArray(H.value.colors) && H.value.colors.length ? H.value.colors.map((e) => ne(e)) : H.value.matrix.map((e, t) => sn.value[t] || a[t] || a[t % a.length])
+			colors: H.value.colors && Array.isArray(H.value.colors) && H.value.colors.length ? H.value.colors.map((e) => se(e)) : H.value.matrix.map((e, t) => sn.value[t] || s[t] || s[t % s.length])
 		}));
 		function ln(e, t) {
-			let r = e.length, i = K.value.inner, a = Array(r).fill(0), o = 0;
-			for (let t = 0; t < r; t += 1) for (let n = 0; n < r; n += 1) a[t] += e[t][n], o += e[t][n];
-			let s = (2 * Math.PI - t * r) / o, c = [], ee = 0;
-			for (let e = 0; e < r; e += 1) {
-				let r = ee, i = r + a[e] * s;
+			let n = e.length, r = K.value.inner, i = Array(n).fill(0), a = 0;
+			for (let t = 0; t < n; t += 1) for (let r = 0; r < n; r += 1) i[t] += e[t][r], a += e[t][r];
+			let s = (2 * Math.PI - t * n) / a, c = [], ee = 0;
+			for (let e = 0; e < n; e += 1) {
+				let n = ee, r = n + i[e] * s;
 				c.push({
 					index: e,
 					pattern: `pattern_${A.value}_${e}`,
-					startAngle: r,
-					endAngle: i,
+					startAngle: n,
+					endAngle: r,
 					name: q.value.labels[e],
-					id: n(),
+					id: o(),
 					color: q.value.colors[e],
-					proportion: a[e] / o
-				}), ee = i + t;
+					proportion: i[e] / a
+				}), ee = r + t;
 			}
 			let l = [];
-			for (let t = 0; t < r; t += 1) {
+			for (let t = 0; t < n; t += 1) {
 				let n = e[t].map((e, t) => ({
 					j: t,
 					v: e
 				}));
 				n.sort((e, t) => t.v - e.v);
-				let r = c[t].startAngle;
+				let i = c[t].startAngle;
 				for (let { j: e, v: a } of n) {
-					let n = r, o = n + a * s;
+					let n = i, o = n + a * s;
 					l.push({
 						index: t,
 						subIndex: e,
@@ -358,9 +357,9 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 						groupId: c[t].id,
 						groupColor: q.value.colors[t],
 						midAngle: (n + o) / 2,
-						midBaseX: Math.cos((n + o) / 2 - Math.PI / 2) * i,
-						midBaseY: Math.sin((n + o) / 2 - Math.PI / 2) * i
-					}), r = o;
+						midBaseX: Math.cos((n + o) / 2 - Math.PI / 2) * r,
+						midBaseY: Math.sin((n + o) / 2 - Math.PI / 2) * r
+					}), i = o;
 				}
 			}
 			let te = [];
@@ -369,7 +368,7 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 				te.push({
 					source: e,
 					target: t,
-					id: n()
+					id: o()
 				});
 			}
 			return {
@@ -496,7 +495,7 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 			bn.value = !1;
 		}
 		function Dn(e) {
-			return ie(B.value.style.chart.ribbons.labels.formatter, e, r({
+			return re(B.value.style.chart.ribbons.labels.formatter, e, l({
 				p: B.value.style.chart.ribbons.labels.prefix,
 				v: e,
 				s: B.value.style.chart.ribbons.labels.suffix,
@@ -627,12 +626,12 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 		});
 		function Kn(e = null) {
 			je(() => {
-				let t = q.value.matrix.map((e, t) => [[q.value.labels[t] || t], e]), n = s([
+				let t = q.value.matrix.map((e, t) => [[q.value.labels[t] || t], e]), n = r([
 					[B.value.style.chart.title.text],
 					[B.value.style.chart.title.subtitle.text],
 					[[""], ...q.value.labels.map((e, t) => [e || t])]
 				].concat(t));
-				e ? e(n) : te({
+				e ? e(n) : c({
 					csvContent: n,
 					title: B.value.style.chart.title.text || "vue-ui-chord"
 				});
@@ -656,7 +655,7 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 			};
 		}
 		function Jn(e, t) {
-			return `${q.value.labels[t]}${B.value.style.chart.arcs.labels.showPercentage ? r({
+			return `${q.value.labels[t]}${B.value.style.chart.arcs.labels.showPercentage ? l({
 				p: " (",
 				v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 				s: "%)",
@@ -1037,7 +1036,7 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 				"style"
 			])) : p("", !0),
 			(x(), m("svg", {
-				xmlns: E(se),
+				xmlns: E(oe),
 				ref_key: "svgRef",
 				ref: U,
 				viewBox: `0 0 ${G.value.width} ${G.value.height}`,
@@ -1237,12 +1236,12 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 						key: `curved-label-${t}`,
 						"font-size": B.value.style.chart.arcs.labels.fontSize,
 						"font-weight": B.value.style.chart.arcs.labels.bold ? "bold" : "normal",
-						fill: B.value.style.chart.arcs.labels.adaptColorToBackground ? E(oe)(q.value.colors[t]) : B.value.style.chart.arcs.labels.color
+						fill: B.value.style.chart.arcs.labels.adaptColorToBackground ? E(ae)(q.value.colors[t]) : B.value.style.chart.arcs.labels.color
 					}, [h("textPath", {
 						href: `#labelPath-${t}_${A.value}`,
 						startOffset: "50%",
 						"text-anchor": "middle"
-					}, T(q.value.labels[t]) + T(B.value.style.chart.arcs.labels.showPercentage ? E(r)({
+					}, T(q.value.labels[t]) + T(B.value.style.chart.arcs.labels.showPercentage ? E(l)({
 						p: " (",
 						v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 						s: "%)",
@@ -1259,8 +1258,8 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 						"font-size": B.value.style.chart.arcs.labels.fontSize,
 						"font-weight": B.value.style.chart.arcs.labels.bold ? "bold" : "normal",
 						fill: B.value.style.chart.arcs.labels.color,
-						innerHTML: E(c)({
-							content: E(l)(Jn(e, t)),
+						innerHTML: E(i)({
+							content: E(ee)(Jn(e, t)),
 							fontSize: B.value.style.chart.arcs.labels.fontSize,
 							fill: B.value.style.chart.arcs.labels.color,
 							x: 0,

package/dist/{vue-ui-circle-pack-C1Pgq6si.js → vue-ui-circle-pack-CJe2wETT.js}

@@ -1,16 +1,15 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Et as n, G as r, H as i, J as a, Kt as o, Mt as s, S as c, T as l, Ut as u, Wt as d, Z as f, b as p, i as m, kt as h, q as g, r as _, t as ee, yt as te } from "./lib-JqW18y5I.js";
-import { t as ne } from "./useConfig-DYM3f6EI.js";
-import { t as re } from "./usePrinter-CqqHmnBI.js";
+import { At as t, C as n, Dt as r, E as i, Gt as a, J as o, K as s, Nt as c, Q as l, U as u, Wt as d, Y as f, bt as p, et as m, i as h, qt as g, r as _, t as ee, x as te } from "./lib-CFm_J26b.js";
+import { t as ne } from "./useConfig-C0V0eG7L.js";
+import { t as re } from "./usePrinter-BH-xle1O.js";
 import { n as ie, t as ae } from "./BaseScanner-DZvpgOjM.js";
-import { t as oe } from "./useSvgExport-SVIsDot8.js";
-import { t as se } from "./useNestedProp-DIuuzG1r.js";
+import { t as oe } from "./useSvgExport-Ba9qBr9M.js";
+import { t as se } from "./useNestedProp-BY6DNN3i.js";
 import { t as ce } from "./useThemeCheck-C43Tcqmk.js";
-import { t as le } from "./img-DnP3eXuv.js";
-import { n as ue } from "./Title-CcNiYzEo.js";
+import { t as le } from "./img-Bikk1dGb.js";
+import { n as ue } from "./Title-BuPs74IB.js";
 import { t as de } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { c as fe } from "./canvas-lib-BOP_HS11.js";
-import { t as pe } from "./useResponsive-BfnK0KxU.js";
+import { l as fe, t as pe } from "./useResponsive-ZtArZtUf.js";
 import { t as me } from "./DefGrad-DVBqDjhO.js";
 import { t as he } from "./A11yDataTable-DdRsVULz.js";
 import { t as ge } from "./useUserOptionState-DK-_1ddE.js";
@@ -295,10 +294,10 @@ var Ge = class {
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: de, emit: Fe }) {
 		Me((e) => ({ b39799b6: tr.value }));
-		let Le = w(() => import("./Tooltip-CxOrWlFy.js")), N = w(() => import("./BaseIcon-UdRAvP2h.js").then((e) => e.n)), Re = w(() => import("./vue-ui-accordion-CjAGqEJg.js").then((e) => e.n)), ze = w(() => import("./DataTable-BxpTMgfK.js")), Be = w(() => import("./UserOptions-trvJ26nz.js").then((e) => e.n)), Ve = w(() => import("./PenAndPaper-DsXi7GJ-.js").then((e) => e.t)), He = w(() => import("./PackageVersion-D__dRVRA.js").then((e) => e.t)), Ue = w(() => import("./BaseDraggableDialog-Av7Uxq5V.js").then((e) => e.n)), P = e, We = Fe, { vue_ui_circle_pack: Ge } = ne(), { isThemeValid: Ke, warnInvalidTheme: pt } = ce(), mt = y(() => !!P.dataset && P.dataset.length), F = k(r()), I = k(null), ht = k(null), gt = k(null), _t = k(0), vt = k(0), yt = k(0), bt = k(null), L = k(null), xt = k(null), St = k(!1), Ct = k(""), R = k(null), wt = k(!1), Tt = k(!1), z = k(null), Et = k({
+		let Le = w(() => import("./Tooltip-CA1rtSyl.js")), N = w(() => import("./BaseIcon-CP5RWnqt.js").then((e) => e.n)), Re = w(() => import("./vue-ui-accordion-nNxnZTg9.js").then((e) => e.n)), ze = w(() => import("./DataTable-DzPEVvSo.js")), Be = w(() => import("./UserOptions-B69xBEVP.js").then((e) => e.n)), Ve = w(() => import("./PenAndPaper-CSMVXpg2.js").then((e) => e.t)), He = w(() => import("./PackageVersion-1MNr72Bz.js").then((e) => e.t)), Ue = w(() => import("./BaseDraggableDialog-3n8udWmh.js").then((e) => e.n)), P = e, We = Fe, { vue_ui_circle_pack: Ge } = ne(), { isThemeValid: Ke, warnInvalidTheme: pt } = ce(), mt = y(() => !!P.dataset && P.dataset.length), F = k(s()), I = k(null), ht = k(null), gt = k(null), _t = k(0), vt = k(0), yt = k(0), bt = k(null), L = k(null), xt = k(null), St = k(!1), Ct = k(""), R = k(null), wt = k(!1), Tt = k(!1), z = k(null), Et = k({
 			x: 0,
 			y: 0
-		}), Dt = k("pointer"), Ot = k(!1), B = k(Ft()), V = y(() => B.value.userOptions.useCursorPointer), kt = y(() => o({
+		}), Dt = k("pointer"), Ot = k(!1), B = k(Ft()), V = y(() => B.value.userOptions.useCursorPointer), kt = y(() => g({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -350,7 +349,7 @@ var Ge = class {
 					color: "#696969"
 				}
 			],
-			skeletonConfig: o({
+			skeletonConfig: g({
 				defaultConfig: B.value,
 				userConfig: kt.value
 			})
@@ -371,7 +370,7 @@ var Ge = class {
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : d[t] || s
+				customPalette: r.customPalette.length ? r.customPalette : a[t] || c
 			};
 		}
 		Ne(() => P.config, (e) => {
@@ -429,25 +428,25 @@ var Ge = class {
 				], bn(n);
 				return;
 			}
-			let r = Ie(n, t, e), [i, a, o, s] = Pe(r, 1), c = Math.min(o ? e / o : 1, s ? t / s : 1), l = (e - o * c) / 2, u = (t - s * c) / 2;
-			G.value = Qt(r.map((e) => ({
+			let r = Ie(n, t, e), [i, a, o, s] = Pe(r, 1), c = Math.min(o ? e / o : 1, s ? t / s : 1), l = (e - o * c) / 2, u = (t - s * c) / 2, d = r.map((e) => ({
 				...e,
 				x: (e.x - i) * c + l,
 				y: (e.y - a) * c + u,
 				r: e.r * c
-			}))), K.value = G.value;
-			let d = An({
+			}));
+			G.value = Qt(d), K.value = G.value;
+			let f = An({
 				x: 0,
 				y: 0,
 				width: e,
 				height: t
 			});
 			Vt.value = [
-				d.x,
-				d.y,
-				d.width,
-				d.height
-			], bn(d);
+				f.x,
+				f.y,
+				f.width,
+				f.height
+			], bn(f);
 		}
 		function Kt(e) {
 			return {
@@ -460,32 +459,32 @@ var Ge = class {
 			return Number.isFinite(t) && t > 0 ? t : Array.isArray(e?.children) ? e.children.reduce((e, t) => e + qt(t), 0) : 0;
 		}
 		function Jt(e, t) {
-			let n = d[B.value.theme || "default"] || s, r = an.value.length ? an.value : n.length ? n : s;
-			return p(e.color) || r[t % r.length] || s[t % s.length];
+			let n = a[B.value.theme || "default"] || c, r = an.value.length ? an.value : n.length ? n : c;
+			return te(e.color) || r[t % r.length] || c[t % c.length];
 		}
 		function Yt(e) {
 			return !Array.isArray(e.children) || !e.children.length ? 1 : e.children.reduce((e, t) => e + Yt(t), 0);
 		}
-		function Xt(e, t = null, n = 0, i = []) {
-			return Array.isArray(e) ? e.map((e, a) => {
-				let o = qt(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 ? p(e.color || t?.color) : Jt(e, l), d = Xt(e.children, {
-					id: s,
+		function Xt(e, t = null, n = 0, r = []) {
+			return Array.isArray(e) ? e.map((e, i) => {
+				let a = qt(e);
+				if (!Number.isFinite(a) || a <= 0) return null;
+				let o = s(), c = [...r, i], l = c.reduce((e, t, n) => e + t + n, 0), u = e.color || t?.color ? te(e.color || t?.color) : Jt(e, l), d = Xt(e.children, {
+					id: o,
 					name: e.name,
 					color: u,
-					rootId: t?.rootId ?? s
+					rootId: t?.rootId ?? o
 				}, n + 1, c);
 				return {
 					...e,
-					value: o,
-					r: o,
-					id: s,
+					value: a,
+					r: a,
+					id: o,
 					color: u,
 					depth: n,
 					parentId: t?.id ?? null,
 					parentName: t?.name ?? null,
-					rootId: t?.rootId ?? s,
+					rootId: t?.rootId ?? o,
 					hasChildren: d.length > 0,
 					childCount: d.length,
 					leafCount: d.length ? Yt({ children: d }) : 1,
@@ -542,7 +541,7 @@ var Ge = class {
 			q.value && (J.value && q.value.unobserve(J.value), q.value.disconnect(), q.value = null, J.value = null);
 		}
 		async function rn() {
-			h(P.dataset) && t({
+			t(P.dataset) && m({
 				componentName: "VueUiCirclePack",
 				type: "dataset",
 				debug: Ht.value
@@ -555,7 +554,7 @@ var Ge = class {
 		}), Ne(() => jt.value, async (e) => {
 			await rn();
 		}, { deep: !0 });
-		let an = y(() => c(B.value.customPalette)), Y = y(() => Xt(jt.value)), on = y(() => G.value.length ? Math.max(...G.value.map((e) => e.r)) : 0);
+		let an = y(() => n(B.value.customPalette)), Y = y(() => Xt(jt.value)), on = y(() => G.value.length ? Math.max(...G.value.map((e) => e.r)) : 0);
 		function sn(e, t) {
 			return on.value ? t / on.value * e : 0;
 		}
@@ -583,7 +582,7 @@ var Ge = class {
 				series: K.value
 			}, St.value = !0;
 			let r = B.value.style.chart.tooltip.customFormat;
-			if (dn.value = !1, te(r)) try {
+			if (dn.value = !1, p(r)) try {
 				let n = r({
 					seriesIndex: t,
 					datapoint: e,
@@ -612,7 +611,7 @@ var Ge = class {
 			}
 		}
 		function pn(e) {
-			return m(B.value.style.chart.circles.labels.value.formatter, e.value, a({
+			return h(B.value.style.chart.circles.labels.value.formatter, e.value, f({
 				p: B.value.style.chart.circles.labels.value.prefix,
 				v: e.value,
 				s: B.value.style.chart.circles.labels.value.suffix,
@@ -789,7 +788,7 @@ var Ge = class {
 						lineX: r.x + r.width / 2,
 						lineY: r.y + r.height / 2
 					};
-				}).find((e) => u.some((t) => xn(e, t, c)) ? !1 : !G.value.some((t) => Sn(e, t, c)));
+				}).find((e) => !u.some((t) => xn(e, t, c)) && !G.value.some((t) => Sn(e, t, c)));
 				te && u.push({
 					...te,
 					datapoint: t,
@@ -852,7 +851,7 @@ var Ge = class {
 					[e.parentName || ""],
 					[e.depth],
 					[e.value]
-				]), n = l([
+				]), n = i([
 					[B.value.style.chart.title.text],
 					[B.value.style.chart.title.subtitle.text],
 					[
@@ -862,7 +861,7 @@ var Ge = class {
 						[B.value.table.columnNames.value]
 					]
 				].concat(t));
-				e ? e(n) : f({
+				e ? e(n) : l({
 					csvContent: n,
 					title: B.value.style.chart.title.text || "vue-ui-circle-pack"
 				});
@@ -875,7 +874,7 @@ var Ge = class {
 				B.value.table.columnNames.depth,
 				B.value.table.columnNames.value
 			], t = Mn.value.hierarchy.map((e) => {
-				let t = a({
+				let t = f({
 					p: B.value.style.chart.circles.labels.value.prefix,
 					v: e.value,
 					s: B.value.style.chart.circles.labels.value.suffix,
@@ -1032,7 +1031,7 @@ var Ge = class {
 			if (!Number.isFinite(e) || !H.value) return;
 			let t = G.value[e];
 			if (!t) return;
-			let n = u(t.x, t.y, H.value);
+			let n = d(t.x, t.y, H.value);
 			n && (Et.value = n);
 		}
 		function Yn() {
@@ -1318,7 +1317,7 @@ var Ge = class {
 					height: W.value.h,
 					style: { pointerEvents: "none" }
 				}, [A(e.$slots, "chart-background", {}, void 0, !0)], 8, Xe)) : x("", !0),
-				(O(!0), S(v, null, Oe(G.value, (t, r) => (O(), S(v, { key: t.id }, [
+				(O(!0), S(v, null, Oe(G.value, (t, n) => (O(), S(v, { key: t.id }, [
 					C("defs", null, [Se(me, {
 						t: "radial",
 						id: t.id,
@@ -1326,12 +1325,12 @@ var Ge = class {
 						stops: [
 							[
 								"10%",
-								j(n)(t.color, B.value.style.chart.circles.gradient.intensity / 100),
+								j(r)(t.color, B.value.style.chart.circles.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								j(g)(t.color, .1),
+								j(o)(t.color, .1),
 								1
 							],
 							[
@@ -1354,9 +1353,9 @@ var Ge = class {
 						"stroke-width": B.value.style.chart.circles.strokeWidth * (on.value || 1) / 100,
 						fill: B.value.style.chart.circles.gradient.show ? `url(#${t.id})` : t.color,
 						rx: t.r,
-						onMouseenter: (e) => fn(t, r, "pointer"),
-						onMouseout: (e) => cn(t, r),
-						onClick: (e) => ln(t, r)
+						onMouseenter: (e) => fn(t, n, "pointer"),
+						onMouseout: (e) => cn(t, n),
+						onClick: (e) => ln(t, n)
 					}, null, 40, Qe),
 					e.$slots.pattern ? (O(), S("rect", {
 						key: 1,
@@ -1392,7 +1391,7 @@ var Ge = class {
 					ref_for: !0
 				}, {
 					...t,
-					createTSpans: j(i),
+					createTSpans: j(u),
 					fontSize: {
 						name: t.r / 3 * B.value.style.chart.circles.labels.name.fontSizeRatio,
 						value: mn(t) * B.value.style.chart.circles.labels.value.fontSizeRatio

package/dist/{vue-ui-cursor-d2uLAKTQ.js → vue-ui-cursor-BAi9omna.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { G as t, Rt as n, t as r } from "./lib-JqW18y5I.js";
-import { t as ee } from "./useConfig-DYM3f6EI.js";
-import { t as te } from "./useNestedProp-DIuuzG1r.js";
+import { K as t, t as n, zt as r } from "./lib-CFm_J26b.js";
+import { t as ee } from "./useConfig-C0V0eG7L.js";
+import { t as te } from "./useNestedProp-BY6DNN3i.js";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as a } from "./PackageVersion-D__dRVRA.js";
+import { n as a } from "./PackageVersion-1MNr72Bz.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 = [
@@ -132,7 +132,7 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 		}), (e, t) => (_(), ne(o, { to: "body" }, [G.value ? (_(), l("svg", {
 			key: 0,
 			"data-dom-to-png-ignore": "",
-			xmlns: b(r),
+			xmlns: b(n),
 			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,
@@ -152,7 +152,7 @@ var x = /* @__PURE__ */ e({ default: () => R }), re = [
 				cx: 50,
 				cy: 50,
 				r: V.value,
-				fill: b(n)(z.value.centerCircleColor, z.value.centerCircleOpacity * 100),
+				fill: b(r)(z.value.centerCircleColor, z.value.centerCircleOpacity * 100),
 				stroke: z.value.centerCircleStroke,
 				"stroke-width": z.value.centerCircleStrokeWidth,
 				"stroke-dasharray": z.value.centerCircleDasharray