vue-data-ui 3.22.2 → 3.22.4

package/dist/{vue-ui-chord-1BitQtEw.js → vue-ui-chord-BZhXsZXp.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Et as t, G as n, H as r, J as i, Kt as a, S as o, Ut as s, V as c, Vt as ee, X as l, ct as te, i as ne, kt as u, r as re, t as ie, x as ae, y as oe } from "./lib-CXicicWN.js";
-import { t as se } from "./useConfig-Bf_EBbe3.js";
-import { t as ce } from "./usePrinter-Dng0UK-G.js";
+import { Gt as t, Jt as n, Ot as r, Q as i, S as a, U as o, Ut as s, W as c, X as ee, b as l, i as te, jt as u, q as ne, r as re, t as ie, ut as ae, w as oe } from "./lib-CuwHGt1j.js";
+import { t as se } from "./useConfig-pVLia3dt.js";
+import { t as ce } from "./usePrinter-C0wAS8yc.js";
 import { n as le, t as ue } from "./BaseScanner-DZvpgOjM.js";
 import { t as de } from "./useSvgExport-SVIsDot8.js";
-import { t as fe } from "./useNestedProp-APyFoLCQ.js";
+import { t as fe } from "./useNestedProp-BjkuFaz1.js";
 import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
-import { t as me } from "./img-BCAOkqfM.js";
-import { n as he } from "./Title-CVYf1f8m.js";
-import { t as ge } from "./Shape-C5OvuwII.js";
+import { t as me } from "./img-B29J8tV5.js";
+import { n as he } from "./Title-DDEEO-Nr.js";
+import { t as ge } from "./Shape-BnF9aMPX.js";
 import { t as _e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ve } from "./canvas-lib-BOP_HS11.js";
 import { t as ye } from "./useResponsive-BfnK0KxU.js";
 import { t as be } from "./A11yDataTable-DdRsVULz.js";
 import { t as xe } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Se } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ce } from "./Legend-BVDhEEsC.js";
+import { t as Ce } from "./Legend-DXOzbXb-.js";
 import { t as we } from "./vue_ui_chord-DPfS1Umc.js";
 import { Fragment as d, Teleport as Te, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as Ee, createTextVNode as De, createVNode as Oe, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as ke, nextTick as Ae, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as je, onMounted as Me, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Ne, shallowRef as Pe, toDisplayString as E, toRefs as Fe, unref as D, useCssVars as Ie, watch as Le, withCtx as O, withModifiers as Re } from "vue";
 //#region src/components/vue-ui-chord.vue
@@ -141,7 +141,7 @@ var ze = /* @__PURE__ */ e({ default: () => _t }), Be = ["id"], Ve = ["id"], He
 	],
 	setup(e, { expose: _e, emit: ze }) {
 		Ie((e) => ({ v73ba9455: e.slicerColor }));
-		let _t = _(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), vt = _(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), yt = _(() => import("./DataTable-DJZgdnIn.js")), bt = _(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), xt = _(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), St = _(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Ct = _(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_chord: wt } = se(), { isThemeValid: Tt, warnInvalidTheme: Et } = pe(), k = e, Dt = ze, A = C(!!k.dataset && Object.hasOwn(k.dataset, "matrix")), j = C(r()), M = C(null), N = C(null), P = C(null), Ot = C(0), F = C(null), kt = C(null), At = C(null), jt = C(null), Mt = C(null), Nt = C(0), Pt = C(0), Ft = C(0), I = C(!1), L = Pe(null), R = Pe(null), It = C(!1), Lt = C(null), Rt = C(null), zt = C(!1), Bt = C(!1), z = C("group"), B = C(null), Vt = C(!1), V = C(Qt()), H = f(() => V.value.userOptions.useCursorPointer), Ht = f(() => s({
+		let _t = _(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), vt = _(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), yt = _(() => import("./DataTable-PidUPOit.js")), bt = _(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), xt = _(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), St = _(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Ct = _(() => import("./BaseDraggableDialog-DjzNWkiE.js").then((e) => e.n)), { vue_ui_chord: wt } = se(), { isThemeValid: Tt, warnInvalidTheme: Et } = pe(), k = e, Dt = ze, A = C(!!k.dataset && Object.hasOwn(k.dataset, "matrix")), j = C(c()), M = C(null), N = C(null), P = C(null), Ot = C(0), F = C(null), kt = C(null), At = C(null), jt = C(null), Mt = C(null), Nt = C(0), Pt = C(0), Ft = C(0), I = C(!1), L = Pe(null), R = Pe(null), It = C(!1), Lt = C(null), Rt = C(null), zt = C(!1), Bt = C(!1), z = C("group"), B = C(null), Vt = C(!1), V = C(Qt()), H = f(() => V.value.userOptions.useCursorPointer), Ht = f(() => t({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -205,7 +205,7 @@ var ze = /* @__PURE__ */ e({ default: () => _t }), Be = ["id"], Ve = ["id"], He
 					"#969696"
 				]
 			},
-			skeletonConfig: s({
+			skeletonConfig: t({
 				defaultConfig: V.value,
 				userConfig: Ht.value
 			})
@@ -230,7 +230,7 @@ var ze = /* @__PURE__ */ e({ default: () => _t }), Be = ["id"], Ve = ["id"], He
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : ee[t] || u
+				customPalette: r.customPalette.length ? r.customPalette : s[t] || u
 			};
 		}
 		Le(() => k.config, (e) => {
@@ -241,21 +241,21 @@ var ze = /* @__PURE__ */ e({ default: () => _t }), Be = ["id"], Ve = ["id"], He
 			en(), tn(), Nt.value += 1, Pt.value += 1, Ft.value += 1;
 		});
 		function en() {
-			if (t(k.dataset)) {
-				l({
+			if (r(k.dataset)) {
+				i({
 					componentName: "VueUiChord",
 					type: "dataset",
 					debug: $t.value
 				}), A.value = !1, Wt.value = !0;
 				return;
 			}
-			let e = te({
+			let e = ae({
 				datasetObject: k.dataset,
 				requiredAttributes: ["matrix"]
 			});
 			if (e.length) {
 				e.forEach((e) => {
-					l({
+					i({
 						componentName: "VueUiChord",
 						type: "datasetAttribute",
 						property: e,
@@ -264,16 +264,16 @@ var ze = /* @__PURE__ */ e({ default: () => _t }), Be = ["id"], Ve = ["id"], He
 				}), A.value = !1, Wt.value = !0;
 				return;
 			}
-			let n = k.dataset.matrix;
-			if (!Array.isArray(n) || n.length < 2) {
+			let t = k.dataset.matrix;
+			if (!Array.isArray(t) || t.length < 2) {
 				console.warn("VueUiChord: dataset.matrix requires a minimum of 2 datapoints, for example:\n        \nmatrix:[\n    [1, 1],\n    [1, 1]\n]"), A.value = !1, Wt.value = !0;
 				return;
 			}
-			let r = n.length, i = n.findIndex((e) => !Array.isArray(e) || e.length !== r);
-			if (i !== -1) {
-				console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${i} has ${Array.isArray(n[i]) ? n[i].length : "NaN"} elements instead of the required ${r}
+			let n = t.length, a = t.findIndex((e) => !Array.isArray(e) || e.length !== n);
+			if (a !== -1) {
+				console.warn(`VueUiChord - Invalid matrix: dataset.matrix at index ${a} has ${Array.isArray(t[a]) ? t[a].length : "NaN"} elements instead of the required ${n}
 
-dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`), A.value = !1, Wt.value = !0;
+dataset.matrix[${a}] = [${Array.isArray(t[a]) ? t[a].toString() : "invalid"}]`), A.value = !1, Wt.value = !0;
 				return;
 			}
 			A.value = !0, Wt.value = !1;
@@ -312,30 +312,30 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 		let K = C({
 			height: 600,
 			width: 600
-		}), an = f(() => V.value.userOptions.show && !V.value.style.chart.title.text), on = f(() => ae(V.value.customPalette)), q = f(() => ({
+		}), an = f(() => V.value.userOptions.show && !V.value.style.chart.title.text), on = f(() => a(V.value.customPalette)), q = f(() => ({
 			inner: K.value.width * .3 * V.value.style.chart.arcs.innerRadiusRatio,
 			outer: K.value.width * .34 * V.value.style.chart.arcs.outerRadiusRatio
 		})), sn = f(() => V.value.style.chart.arcs.padAngle / 100), J = f(() => ({
 			matrix: U.value.matrix ?? [[0]],
 			labels: U.value.labels ?? [""],
-			colors: U.value.colors && Array.isArray(U.value.colors) && U.value.colors.length ? U.value.colors.map((e) => oe(e)) : U.value.matrix.map((e, t) => on.value[t] || u[t] || u[t % u.length])
+			colors: U.value.colors && Array.isArray(U.value.colors) && U.value.colors.length ? U.value.colors.map((e) => l(e)) : U.value.matrix.map((e, t) => on.value[t] || u[t] || u[t % u.length])
 		}));
 		function cn(e, t) {
-			let n = e.length, i = q.value.inner, a = Array(n).fill(0), o = 0;
-			for (let t = 0; t < n; t += 1) for (let r = 0; r < n; r += 1) a[t] += e[t][r], o += e[t][r];
-			let s = (2 * Math.PI - t * n) / o, c = [], ee = 0;
+			let n = e.length, r = q.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 o = (2 * Math.PI - t * n) / a, s = [], ee = 0;
 			for (let e = 0; e < n; e += 1) {
-				let n = ee, i = n + a[e] * s;
-				c.push({
+				let n = ee, r = n + i[e] * o;
+				s.push({
 					index: e,
 					pattern: `pattern_${j.value}_${e}`,
 					startAngle: n,
-					endAngle: i,
+					endAngle: r,
 					name: J.value.labels[e],
-					id: r(),
+					id: c(),
 					color: J.value.colors[e],
-					proportion: a[e] / o
-				}), ee = i + t;
+					proportion: i[e] / a
+				}), ee = r + t;
 			}
 			let l = [];
 			for (let t = 0; t < n; t += 1) {
@@ -344,23 +344,23 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 					v: e
 				}));
 				n.sort((e, t) => t.v - e.v);
-				let r = c[t].startAngle;
+				let i = s[t].startAngle;
 				for (let { j: e, v: a } of n) {
-					let n = r, o = n + a * s;
+					let n = i, c = n + a * o;
 					l.push({
 						index: t,
 						subIndex: e,
 						pattern: `pattern_${j.value}_${t}`,
 						startAngle: n,
-						endAngle: o,
+						endAngle: c,
 						value: a,
 						groupName: J.value.labels[t],
-						groupId: c[t].id,
+						groupId: s[t].id,
 						groupColor: J.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;
+						midAngle: (n + c) / 2,
+						midBaseX: Math.cos((n + c) / 2 - Math.PI / 2) * r,
+						midBaseY: Math.sin((n + c) / 2 - Math.PI / 2) * r
+					}), i = c;
 				}
 			}
 			let te = [];
@@ -369,11 +369,11 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 				te.push({
 					source: e,
 					target: t,
-					id: r()
+					id: c()
 				});
 			}
 			return {
-				groups: c,
+				groups: s,
 				chords: te
 			};
 		}
@@ -453,12 +453,12 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 			return e;
 		});
 		function dn(e, t, n, r) {
-			let i = e - Math.PI / 2, a = t - Math.PI / 2, o = Math.cos(i) * n, s = Math.sin(i) * n, c = Math.cos(a) * n, ee = Math.sin(a) * n, l = Math.cos(a) * r, te = Math.sin(a) * r, ne = Math.cos(i) * r, u = Math.sin(i) * r, re = +(t - e > Math.PI);
-			return `M${o},${s} A${n},${n} 0 ${re} 1 ${c},${ee} L${l},${te} A${r},${r} 0 ${re} 0 ${ne},${u} Z`;
+			let i = e - Math.PI / 2, a = t - Math.PI / 2, o = Math.cos(i) * n, s = Math.sin(i) * n, c = Math.cos(a) * n, ee = Math.sin(a) * n, l = Math.cos(a) * r, te = Math.sin(a) * r, u = Math.cos(i) * r, ne = Math.sin(i) * r, re = +(t - e > Math.PI);
+			return `M${o},${s} A${n},${n} 0 ${re} 1 ${c},${ee} L${l},${te} A${r},${r} 0 ${re} 0 ${u},${ne} Z`;
 		}
 		function fn(e, t) {
-			let n = q.value.inner, r = e.startAngle - Math.PI / 2, i = e.endAngle - Math.PI / 2, a = t.startAngle - Math.PI / 2, o = t.endAngle - Math.PI / 2, s = Math.cos(r) * n, c = Math.sin(r) * n, ee = Math.cos(i) * n, l = Math.sin(i) * n, te = Math.cos(a) * n, ne = Math.sin(a) * n, u = Math.cos(o) * n, re = Math.sin(o) * n;
-			return `M${s},${c}A${n},${n} 0 ${+(e.endAngle - e.startAngle > Math.PI)} 1 ${ee},${l}Q0,0 ${te},${ne}A${n},${n} 0 ${+(t.endAngle - t.startAngle > Math.PI)} 1 ${u},${re}Q0,0 ${s},${c}Z`;
+			let n = q.value.inner, r = e.startAngle - Math.PI / 2, i = e.endAngle - Math.PI / 2, a = t.startAngle - Math.PI / 2, o = t.endAngle - Math.PI / 2, s = Math.cos(r) * n, c = Math.sin(r) * n, ee = Math.cos(i) * n, l = Math.sin(i) * n, te = Math.cos(a) * n, u = Math.sin(a) * n, ne = Math.cos(o) * n, re = Math.sin(o) * n;
+			return `M${s},${c}A${n},${n} 0 ${+(e.endAngle - e.startAngle > Math.PI)} 1 ${ee},${l}Q0,0 ${te},${u}A${n},${n} 0 ${+(t.endAngle - t.startAngle > Math.PI)} 1 ${ne},${re}Q0,0 ${s},${c}Z`;
 		}
 		let pn = f(() => X.value * Math.PI / 180);
 		function mn(e) {
@@ -496,7 +496,7 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 			yn.value = !1;
 		}
 		function En(e) {
-			return ne(V.value.style.chart.ribbons.labels.formatter, e, n({
+			return te(V.value.style.chart.ribbons.labels.formatter, e, ne({
 				p: V.value.style.chart.ribbons.labels.prefix,
 				v: e,
 				s: V.value.style.chart.ribbons.labels.suffix,
@@ -627,12 +627,12 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 		});
 		function Kn(e = null) {
 			Ae(() => {
-				let t = J.value.matrix.map((e, t) => [[J.value.labels[t] || t], e]), n = o([
+				let t = J.value.matrix.map((e, t) => [[J.value.labels[t] || t], e]), n = oe([
 					[V.value.style.chart.title.text],
 					[V.value.style.chart.title.subtitle.text],
 					[[""], ...J.value.labels.map((e, t) => [e || t])]
 				].concat(t));
-				e ? e(n) : i({
+				e ? e(n) : ee({
 					csvContent: n,
 					title: V.value.style.chart.title.text || "vue-ui-chord"
 				});
@@ -656,7 +656,7 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 			};
 		}
 		function Jn(e, t) {
-			return `${J.value.labels[t]}${V.value.style.chart.arcs.labels.showPercentage ? n({
+			return `${J.value.labels[t]}${V.value.style.chart.arcs.labels.showPercentage ? ne({
 				p: " (",
 				v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 				s: "%)",
@@ -1242,7 +1242,7 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 						href: `#labelPath-${t}_${j.value}`,
 						startOffset: "50%",
 						"text-anchor": "middle"
-					}, E(J.value.labels[t]) + E(V.value.style.chart.arcs.labels.showPercentage ? D(n)({
+					}, E(J.value.labels[t]) + E(V.value.style.chart.arcs.labels.showPercentage ? D(ne)({
 						p: " (",
 						v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 						s: "%)",
@@ -1259,8 +1259,8 @@ dataset.matrix[${i}] = [${Array.isArray(n[i]) ? n[i].toString() : "invalid"}]`),
 						"font-size": V.value.style.chart.arcs.labels.fontSize,
 						"font-weight": V.value.style.chart.arcs.labels.bold ? "bold" : "normal",
 						fill: V.value.style.chart.arcs.labels.color,
-						innerHTML: D(c)({
-							content: D(a)(Jn(e, t)),
+						innerHTML: D(o)({
+							content: D(n)(Jn(e, t)),
 							fontSize: V.value.style.chart.arcs.labels.fontSize,
 							fill: V.value.style.chart.arcs.labels.color,
 							x: 0,

package/dist/{vue-ui-circle-pack-DVMhDFKU.js → vue-ui-circle-pack-BPC6zUis.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, 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 { Gt as t, Ht as n, K as r, Ot as i, Q as a, S as o, Tt as s, Ut as c, V as l, W as u, X as d, b as f, i as p, jt as m, q as h, r as g, t as ee, vt as te, w as ne } from "./lib-CuwHGt1j.js";
+import { t as re } from "./useConfig-pVLia3dt.js";
+import { t as ie } from "./usePrinter-C0wAS8yc.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-APyFoLCQ.js";
+import { t as ce } from "./useNestedProp-BjkuFaz1.js";
 import { t as le } from "./useThemeCheck-C43Tcqmk.js";
-import { t as ue } from "./img-BCAOkqfM.js";
-import { n as de } from "./Title-CVYf1f8m.js";
+import { t as ue } from "./img-B29J8tV5.js";
+import { n as de } from "./Title-DDEEO-Nr.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-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({
+		let Ie = C(() => import("./Tooltip-BhKov422.js")), N = C(() => import("./BaseIcon-xBuW2jjI.js").then((e) => e.n)), Le = C(() => import("./vue-ui-accordion-B64IJyPU.js").then((e) => e.n)), Re = C(() => import("./DataTable-PidUPOit.js")), ze = C(() => import("./UserOptions-BxT1XHzN.js").then((e) => e.n)), Be = C(() => import("./PenAndPaper-ISUbDKXq.js").then((e) => e.t)), Ve = C(() => import("./PackageVersion-Cm-3hwIF.js").then((e) => e.t)), He = C(() => import("./BaseDraggableDialog-DjzNWkiE.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(u()), 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(() => c({
+		}), At = O("pointer"), jt = O(!1), B = O(Rt()), V = v(() => B.value.userOptions.useCursorPointer), Mt = v(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -349,7 +349,7 @@ var We = class {
 					color: "#696969"
 				}
 			],
-			skeletonConfig: c({
+			skeletonConfig: t({
 				defaultConfig: B.value,
 				userConfig: Mt.value
 			})
@@ -370,7 +370,7 @@ var We = class {
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : l[t] || m
+				customPalette: r.customPalette.length ? r.customPalette : c[t] || m
 			};
 		}
 		Me(() => P.config, (e) => {
@@ -459,36 +459,36 @@ var We = class {
 			return Number.isFinite(t) && t > 0 ? t : Array.isArray(e?.children) ? e.children.reduce((e, t) => e + Xt(t), 0) : 0;
 		}
 		function Zt(e, t) {
-			let n = 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];
+			let n = c[B.value.theme || "default"] || m, r = cn.value.length ? cn.value : n.length ? n : m;
+			return f(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, r = []) {
 			return Array.isArray(e) ? e.map((e, i) => {
-				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, {
-					id: s,
+				let a = Xt(e);
+				if (!Number.isFinite(a) || a <= 0) return null;
+				let o = u(), s = [...r, i], c = s.reduce((e, t, n) => e + t + n, 0), l = e.color || t?.color ? f(e.color || t?.color) : Zt(e, c), d = $t(e.children, {
+					id: o,
 					name: e.name,
-					color: u,
-					rootId: t?.rootId ?? s
-				}, n + 1, c);
+					color: l,
+					rootId: t?.rootId ?? o
+				}, n + 1, s);
 				return {
 					...e,
-					value: o,
-					r: o,
-					id: s,
-					color: u,
+					value: a,
+					r: a,
+					id: o,
+					color: l,
 					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 ? Qt({ children: d }) : 1,
-					hierarchyPath: c,
+					hierarchyPath: s,
 					children: d
 				};
 			}).filter(Boolean) : [];
@@ -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() {
-			r(P.dataset) && d({
+			i(P.dataset) && a({
 				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(() => o(B.value.customPalette)), Y = v(() => $t(Pt.value)), ln = v(() => G.value.length ? Math.max(...G.value.map((e) => e.r)) : 0);
 		function un(e, t) {
 			return ln.value ? t / ln.value * e : 0;
 		}
@@ -582,7 +582,7 @@ var We = class {
 				series: K.value
 			}, Tt.value = !0;
 			let r = B.value.style.chart.tooltip.customFormat;
-			if (mn.value = !1, f(r)) try {
+			if (mn.value = !1, te(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, h({
 				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 = s([
+				]), n = ne([
 					[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) : d({
 					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 = h({
 					p: B.value.style.chart.circles.labels.value.prefix,
 					v: e.value,
 					s: B.value.style.chart.circles.labels.value.suffix,
@@ -1029,9 +1029,9 @@ var We = class {
 		}
 		function Zn(e) {
 			if (!Number.isFinite(e) || !H.value) return;
-			let n = G.value[e];
-			if (!n) return;
-			let r = t(n.x, n.y, H.value);
+			let t = G.value[e];
+			if (!t) return;
+			let r = n(t.x, t.y, H.value);
 			r && (kt.value = r);
 		}
 		function Qn() {
@@ -1293,7 +1293,7 @@ var We = class {
 			}) }, [(D(), x("svg", {
 				ref_key: "svgRef",
 				ref: H,
-				xmlns: j(g),
+				xmlns: j(ee),
 				"aria-describedby": `chart-instructions-${F.value}`,
 				viewBox: `${j(Q).x} ${j(Q).y} ${j(Q).width} ${j(Q).height}`,
 				preserveAspectRatio: "xMidYMid meet",
@@ -1317,18 +1317,18 @@ 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, r) => (D(), x(_, { key: t.id }, [
+				(D(!0), x(_, null, Oe(G.value, (t, n) => (D(), x(_, { key: t.id }, [
 					S("defs", null, [S("radialGradient", {
 						id: t.id,
 						fy: "30%"
 					}, [
 						S("stop", {
 							offset: "10%",
-							"stop-color": j(n)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
+							"stop-color": j(s)(t.color, B.value.style.chart.circles.gradient.intensity / 100)
 						}, null, 8, Ze),
 						S("stop", {
 							offset: "90%",
-							"stop-color": j(u)(t.color, .1)
+							"stop-color": j(r)(t.color, .1)
 						}, null, 8, Qe),
 						S("stop", {
 							offset: "100%",
@@ -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, r, "pointer"),
-						onMouseout: (e) => dn(t, r),
-						onClick: (e) => fn(t, r)
+						onMouseenter: (e) => hn(t, n, "pointer"),
+						onMouseout: (e) => dn(t, n),
+						onClick: (e) => fn(t, n)
 					}, null, 40, tt),
 					e.$slots.pattern ? (D(), x("rect", {
 						key: 1,
@@ -1386,12 +1386,12 @@ var We = class {
 					ref_for: !0
 				}, {
 					...t,
-					createTSpans: j(ne),
+					createTSpans: j(l),
 					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(g)(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(g)(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(g)(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-D7yh10hX.js → vue-ui-cursor-DF_e5k1s.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-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 { Lt as t, W as n, t as ee } from "./lib-CuwHGt1j.js";
+import { t as r } from "./useConfig-pVLia3dt.js";
+import { t as i } from "./useNestedProp-BjkuFaz1.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as te } from "./PackageVersion-Dx81ZIAL.js";
+import { n as te } from "./PackageVersion-Cm-3hwIF.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 = [