vue-data-ui 3.25.3 → 3.25.5

package/dist/{vue-ui-chord-DQJ7RuvS.js → vue-ui-chord-DCe2iPjk.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, $t as n, D as r, It as i, Jt as a, K as o, Nt as s, S as c, X as l, Xt as u, i as ee, mt as te, nt as ne, q as re, r as ie, t as ae, w as oe } from "./lib-C7t_vY8w.js";
+import { $ as t, D as n, K as r, Lt as i, Pt as a, S as o, X as s, Yt as c, Zt as l, en as ee, ht as te, i as ne, nt as re, q as u, r as ie, t as ae, w as oe } from "./lib-Dql7cqyA.js";
 import { n as se } from "./useHints-Dq_w2E8B.js";
-import { t as ce } from "./useConfig-CyCVHo81.js";
-import { t as le } from "./usePrinter-VVTuFI6H.js";
+import { t as ce } from "./useConfig-C_mX5pOZ.js";
+import { t as le } from "./usePrinter-DISD7q5m.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
-import { t as fe } from "./useNestedProp-BfTgFMXF.js";
+import { t as fe } from "./useNestedProp-Chvyfpl-.js";
 import { t as pe } from "./useThemeCheck-C43Tcqmk.js";
 import { t as me } from "./useChartExport-iwOqiIWX.js";
-import { t as he } from "./img-IjqD_xWl.js";
-import { n as ge } from "./Title-DIf1lG-_.js";
-import { t as _e } from "./Shape-BBKymE00.js";
+import { t as he } from "./img-DhGApYG0.js";
+import { n as ge } from "./Title-CPHi-evi.js";
+import { t as _e } from "./Shape-CIqU-p2F.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.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-DmitJZi5.js";
+import { t as we } from "./Legend-X4kF4PvW.js";
 import { t as Te } from "./vue_ui_chord-DPfS1Umc.js";
 import { Fragment as d, Teleport as Ee, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as De, createTextVNode as Oe, createVNode as ke, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as Ae, nextTick as je, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as Me, onMounted as Ne, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as Pe, shallowRef as Fe, toDisplayString as E, toRefs as Ie, unref as D, useCssVars as Le, watch as Re, withCtx as O, withModifiers as ze } from "vue";
 //#region src/components/vue-ui-chord.vue
@@ -140,8 +140,8 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 		"copyAlt"
 	],
 	setup(e, { expose: ve, emit: Be }) {
-		Le((e) => ({ bdd35a12: e.slicerColor }));
-		let vt = _(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)), yt = _(() => import("./BaseIcon-CVrQHhw1.js").then((e) => e.n)), bt = _(() => import("./DataTable-BBpTEQY5.js")), xt = _(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), St = _(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), Ct = _(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), wt = _(() => import("./BaseDraggableDialog-BCQY4Tir.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = pe(), k = e, Ot = Be, A = C(!!k.dataset && Object.hasOwn(k.dataset, "matrix")), j = C(re()), M = C(null), N = C(null), P = C(null), kt = C(0), F = C(null), At = C(null), jt = C(null), Mt = C(null), Nt = C(null), Pt = C(0), Ft = C(0), It = C(0), Lt = C(!1), I = Fe(null), L = Fe(null), Rt = C(!1), zt = C(null), Bt = C(null), R = C("group"), z = C(null), Vt = C(!1), B = C(Qt());
+		Le((e) => ({ v56e3cb5f: e.slicerColor }));
+		let vt = _(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)), yt = _(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), bt = _(() => import("./DataTable-COIO9gi4.js")), xt = _(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), St = _(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), Ct = _(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), wt = _(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), { vue_ui_chord: Tt } = ce(), { isThemeValid: Et, warnInvalidTheme: Dt } = pe(), k = e, Ot = Be, A = C(!!k.dataset && Object.hasOwn(k.dataset, "matrix")), j = C(u()), M = C(null), N = C(null), P = C(null), kt = C(0), F = C(null), At = C(null), jt = C(null), Mt = C(null), Nt = C(null), Pt = C(0), Ft = C(0), It = C(0), Lt = C(!1), I = Fe(null), L = Fe(null), Rt = C(!1), zt = C(null), Bt = C(null), R = C("group"), z = C(null), Vt = C(!1), B = C(Qt());
 		se({
 			config: () => B.value,
 			dataset: () => k.dataset,
@@ -155,7 +155,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 				]
 			}]
 		});
-		let V = f(() => B.value.userOptions.useCursorPointer), Ht = f(() => u({
+		let V = f(() => B.value.userOptions.useCursorPointer), Ht = f(() => l({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -219,7 +219,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 					"#969696"
 				]
 			},
-			skeletonConfig: u({
+			skeletonConfig: l({
 				defaultConfig: B.value,
 				userConfig: Ht.value
 			})
@@ -244,7 +244,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || i
+				customPalette: r.customPalette.length ? r.customPalette : c[t] || i
 			};
 		}
 		Re(() => k.config, (e) => {
@@ -255,8 +255,8 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 			$t(), en(), Pt.value += 1, Ft.value += 1, It.value += 1;
 		});
 		function $t() {
-			if (s(k.dataset)) {
-				ne({
+			if (a(k.dataset)) {
+				re({
 					componentName: "VueUiChord",
 					type: "dataset",
 					debug: G.value
@@ -269,7 +269,7 @@ var Be = /* @__PURE__ */ e({ default: () => vt }), Ve = ["id"], He = ["id"], Ue
 			});
 			if (e.length) {
 				G.value && e.forEach((e) => {
-					ne({
+					re({
 						componentName: "VueUiChord",
 						type: "datasetAttribute",
 						property: e
@@ -331,7 +331,7 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 		})), on = f(() => B.value.style.chart.arcs.padAngle / 100), J = f(() => ({
 			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) => c(e)) : H.value.matrix.map((e, t) => an.value[t] || i[t] || i[t % i.length])
+			colors: H.value.colors && Array.isArray(H.value.colors) && H.value.colors.length ? H.value.colors.map((e) => o(e)) : H.value.matrix.map((e, t) => an.value[t] || i[t] || i[t % i.length])
 		}));
 		function sn(e, t) {
 			let n = e.length, r = q.value.inner, i = Array(n).fill(0), a = 0;
@@ -345,7 +345,7 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 					startAngle: n,
 					endAngle: r,
 					name: J.value.labels[e],
-					id: re(),
+					id: u(),
 					color: J.value.colors[e],
 					proportion: i[e] / a
 				}), c = r + t;
@@ -376,18 +376,18 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 					}), i = c;
 				}
 			}
-			let u = [];
+			let ee = [];
 			for (let e of l) {
 				let t = l.find((t) => t.index === e.subIndex && t.subIndex === e.index);
-				u.push({
+				ee.push({
 					source: e,
 					target: t,
-					id: re()
+					id: u()
 				});
 			}
 			return {
 				groups: s,
-				chords: u
+				chords: ee
 			};
 		}
 		let Y = f(() => {
@@ -466,12 +466,12 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 			return e;
 		});
 		function un(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, l = Math.sin(a) * n, u = Math.cos(a) * r, ee = Math.sin(a) * r, te = 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},${l} L${u},${ee} A${r},${r} 0 ${re} 0 ${te},${ne} 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, l = Math.sin(a) * n, ee = Math.cos(a) * r, te = Math.sin(a) * r, ne = Math.cos(i) * r, re = Math.sin(i) * r, u = +(t - e > Math.PI);
+			return `M${o},${s} A${n},${n} 0 ${u} 1 ${c},${l} L${ee},${te} A${r},${r} 0 ${u} 0 ${ne},${re} Z`;
 		}
 		function dn(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, l = Math.cos(i) * n, u = Math.sin(i) * n, ee = Math.cos(a) * n, te = 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 ${l},${u}Q0,0 ${ee},${te}A${n},${n} 0 ${+(t.endAngle - t.startAngle > Math.PI)} 1 ${ne},${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, l = Math.cos(i) * n, ee = Math.sin(i) * n, te = Math.cos(a) * n, ne = Math.sin(a) * n, re = Math.cos(o) * n, u = Math.sin(o) * n;
+			return `M${s},${c}A${n},${n} 0 ${+(e.endAngle - e.startAngle > Math.PI)} 1 ${l},${ee}Q0,0 ${te},${ne}A${n},${n} 0 ${+(t.endAngle - t.startAngle > Math.PI)} 1 ${re},${u}Q0,0 ${s},${c}Z`;
 		}
 		let fn = f(() => X.value * Math.PI / 180);
 		function pn(e) {
@@ -509,7 +509,7 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 			vn.value = !1;
 		}
 		function Tn(e) {
-			return ee(B.value.style.chart.ribbons.labels.formatter, e, l({
+			return ne(B.value.style.chart.ribbons.labels.formatter, e, s({
 				p: B.value.style.chart.ribbons.labels.prefix,
 				v: e,
 				s: B.value.style.chart.ribbons.labels.suffix,
@@ -640,11 +640,11 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 		});
 		function Gn(e = null) {
 			je(() => {
-				let n = J.value.matrix.map((e, t) => [[J.value.labels[t] || t], e]), i = [
+				let r = J.value.matrix.map((e, t) => [[J.value.labels[t] || t], e]), i = [
 					[B.value.style.chart.title.text],
 					[B.value.style.chart.title.subtitle.text],
 					[[""], ...J.value.labels.map((e, t) => [e || t])]
-				].concat(n), a = r(i);
+				].concat(r), a = n(i);
 				e ? e(a) : t({
 					csvContent: a,
 					title: B.value.style.chart.title.text || "vue-ui-chord"
@@ -669,7 +669,7 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 			};
 		}
 		function qn(e, t) {
-			return `${J.value.labels[t]}${B.value.style.chart.arcs.labels.showPercentage ? l({
+			return `${J.value.labels[t]}${B.value.style.chart.arcs.labels.showPercentage ? s({
 				p: " (",
 				v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 				s: "%)",
@@ -853,6 +853,7 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 				active: In.value,
 				svgRef: D(U),
 				isCursorPointer: V.value,
+				palette: B.value.userOptions.annotatorPalette,
 				onClose: Ln
 			}, {
 				"annotator-action-close": O(() => [T(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -867,7 +868,8 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 				"backgroundColor",
 				"active",
 				"svgRef",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])) : m("", !0),
 			T(e.$slots, "userConfig", {}, void 0, !0),
 			rn.value ? (S(), h("div", {
@@ -1196,7 +1198,7 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 						href: `#labelPath-${t}_${j.value}`,
 						startOffset: "50%",
 						"text-anchor": "middle"
-					}, E(J.value.labels[t]) + E(B.value.style.chart.arcs.labels.showPercentage ? D(l)({
+					}, E(J.value.labels[t]) + E(B.value.style.chart.arcs.labels.showPercentage ? D(s)({
 						p: " (",
 						v: isNaN(e.proportion) ? 0 : e.proportion * 100,
 						s: "%)",
@@ -1213,8 +1215,8 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].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: D(o)({
-							content: D(n)(qn(e, t)),
+						innerHTML: D(r)({
+							content: D(ee)(qn(e, t)),
 							fontSize: B.value.style.chart.arcs.labels.fontSize,
 							fill: B.value.style.chart.arcs.labels.color,
 							x: 0,
@@ -1340,6 +1342,6 @@ dataset.matrix[${r}] = [${Array.isArray(t[r]) ? t[r].toString() : "invalid"}]`),
 			T(e.$slots, "skeleton", {}, () => [D(Ut) ? (S(), p(de, { key: 0 })) : m("", !0)], !0)
 		], 46, Ve));
 	}
-}, [["__scopeId", "data-v-b9aaa15d"]]);
+}, [["__scopeId", "data-v-fcba0aef"]]);
 //#endregion
 export { Be as n, vt as t };

package/dist/{vue-ui-circle-pack-YXuSpTIB.js → vue-ui-circle-pack-Eb5hS_z3.js}

@@ -1,15 +1,15 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, At as n, D as r, It as i, Jt as a, Nt as o, S as s, St as c, W as l, X as u, Xt as d, Y as f, i as p, nt as m, q as ee, qt as h, r as g, t as te, w as ne } from "./lib-C7t_vY8w.js";
+import { $ as t, Ct as n, D as r, Jt as i, Lt as a, Pt as o, S as s, W as c, X as l, Y as u, Yt as d, Zt as f, i as p, jt as m, nt as ee, q as h, r as g, t as te, w as ne } from "./lib-Dql7cqyA.js";
 import { n as re, t as ie } from "./useHints-Dq_w2E8B.js";
-import { t as ae } from "./useConfig-CyCVHo81.js";
-import { t as oe } from "./usePrinter-VVTuFI6H.js";
+import { t as ae } from "./useConfig-C_mX5pOZ.js";
+import { t as oe } from "./usePrinter-DISD7q5m.js";
 import { n as se, t as ce } from "./BaseScanner-DZvpgOjM.js";
-import { t as le } from "./useNestedProp-BfTgFMXF.js";
+import { t as le } from "./useNestedProp-Chvyfpl-.js";
 import { t as ue } from "./useThemeCheck-C43Tcqmk.js";
 import { t as de } from "./useChartExport-iwOqiIWX.js";
 import { t as fe } from "./useTransitions-g_zBREk2.js";
-import { t as pe } from "./img-IjqD_xWl.js";
-import { n as me } from "./Title-DIf1lG-_.js";
+import { t as pe } from "./img-DhGApYG0.js";
+import { n as me } from "./Title-CPHi-evi.js";
 import { t as he } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ge, t as _e } from "./useResponsive-ZtArZtUf.js";
 import { t as ve } from "./DefGrad-DVBqDjhO.js";
@@ -295,8 +295,8 @@ var qe = class {
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: he, emit: Le }) {
-		Pe((e) => ({ cb3511ac: or.value }));
-		let ze = C(() => import("./Tooltip-C3jBTIhR.js")), P = C(() => import("./BaseIcon-CVrQHhw1.js").then((e) => e.n)), Be = C(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)), Ve = C(() => import("./DataTable-BBpTEQY5.js")), He = C(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), Ue = C(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), We = C(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), Ge = C(() => import("./BaseDraggableDialog-BCQY4Tir.js").then((e) => e.n)), F = e, Ke = Le, { vue_ui_circle_pack: qe } = ae(), { isThemeValid: Je, warnInvalidTheme: ht } = ue(), gt = v(() => !!F.dataset && F.dataset.length), I = k(ee()), L = k(null), _t = k(null), vt = k(null), yt = k(0), bt = k(0), xt = k(0), St = k(null), R = k(null), Ct = k(null), wt = k(!1), Tt = k(""), z = k(null), B = k(null), Et = k({
+		Pe((e) => ({ v7e89ab26: or.value }));
+		let ze = C(() => import("./Tooltip-hhrkQ3Lk.js")), P = C(() => import("./BaseIcon-t83PDe9k.js").then((e) => e.n)), Be = C(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)), Ve = C(() => import("./DataTable-COIO9gi4.js")), He = C(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), Ue = C(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), We = C(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), Ge = C(() => import("./BaseDraggableDialog-BM_R41j8.js").then((e) => e.n)), F = e, Ke = Le, { vue_ui_circle_pack: qe } = ae(), { isThemeValid: Je, warnInvalidTheme: ht } = ue(), gt = v(() => !!F.dataset && F.dataset.length), I = k(h()), L = k(null), _t = k(null), vt = k(null), yt = k(0), bt = k(0), xt = k(0), St = k(null), R = k(null), Ct = k(null), wt = k(!1), Tt = k(""), z = k(null), B = k(null), Et = k({
 			x: 0,
 			y: 0
 		}), Dt = k("pointer"), Ot = k(!1), V = k(Ft());
@@ -327,7 +327,7 @@ var qe = class {
 		let { transitionEnabled: H } = fe({
 			config: () => V.value.transitions,
 			dataset: () => F.dataset
-		}), U = v(() => V.value.userOptions.useCursorPointer), kt = v(() => d({
+		}), U = v(() => V.value.userOptions.useCursorPointer), kt = v(() => f({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				table: { show: !1 },
@@ -379,7 +379,7 @@ var qe = class {
 					color: "#696969"
 				}
 			],
-			skeletonConfig: d({
+			skeletonConfig: f({
 				defaultConfig: V.value,
 				userConfig: kt.value
 			})
@@ -400,7 +400,7 @@ var qe = class {
 			});
 			return {
 				...r,
-				customPalette: r.customPalette.length ? r.customPalette : a[t] || i
+				customPalette: r.customPalette.length ? r.customPalette : d[t] || a
 			};
 		}
 		Fe(() => F.config, (e) => {
@@ -494,8 +494,8 @@ var qe = class {
 			return Number.isFinite(t) && t > 0 ? t : Array.isArray(e?.children) ? e.children.reduce((e, t) => e + Jt(t), 0) : 0;
 		}
 		function Yt(e, t) {
-			let n = a[V.value.theme || "default"] || i, r = on.value.length ? on.value : n.length ? n : i;
-			return s(e.color) || r[t % r.length] || i[t % i.length];
+			let n = d[V.value.theme || "default"] || a, r = on.value.length ? on.value : n.length ? n : a;
+			return s(e.color) || r[t % r.length] || a[t % a.length];
 		}
 		function Xt(e) {
 			return !Array.isArray(e.children) || !e.children.length ? 1 : e.children.reduce((e, t) => e + Xt(t), 0);
@@ -504,7 +504,7 @@ var qe = class {
 			return Array.isArray(e) ? e.map((e, i) => {
 				let a = Jt(e);
 				if (!Number.isFinite(a) || a <= 0) return null;
-				let o = ee(), c = [...r, i], l = c.reduce((e, t, n) => e + t + n, 0), u = e.color || t?.color ? s(e.color || t?.color) : Yt(e, l), d = Zt(e.children, {
+				let o = h(), c = [...r, i], l = c.reduce((e, t, n) => e + t + n, 0), u = e.color || t?.color ? s(e.color || t?.color) : Yt(e, l), d = Zt(e.children, {
 					id: o,
 					name: e.name,
 					color: u,
@@ -576,7 +576,7 @@ var qe = class {
 			Y.value && (X.value && Y.value.unobserve(X.value), Y.value.disconnect(), Y.value = null, X.value = null);
 		}
 		async function an() {
-			o(F.dataset) && m({
+			o(F.dataset) && ee({
 				componentName: "VueUiCirclePack",
 				type: "dataset",
 				debug: Ut.value
@@ -606,8 +606,8 @@ var qe = class {
 			});
 		}
 		let dn = k(null), fn = k(!1);
-		function pn(e, t, n = "pointer") {
-			z.value = e, B.value = t, Dt.value = n, V.value.events.datapointEnter && V.value.events.datapointEnter({
+		function pn(e, t, r = "pointer") {
+			z.value = e, B.value = t, Dt.value = r, V.value.events.datapointEnter && V.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
 			}), dn.value = {
@@ -616,9 +616,9 @@ var qe = class {
 				config: V.value,
 				series: J.value
 			}, wt.value = !0;
-			let r = V.value.style.chart.tooltip.customFormat;
-			if (fn.value = !1, c(r)) try {
-				let n = r({
+			let i = V.value.style.chart.tooltip.customFormat;
+			if (fn.value = !1, n(i)) try {
+				let n = i({
 					seriesIndex: t,
 					datapoint: e,
 					series: J.value,
@@ -646,7 +646,7 @@ var qe = class {
 			}
 		}
 		function mn(e) {
-			return p(V.value.style.chart.circles.labels.value.formatter, e.value, u({
+			return p(V.value.style.chart.circles.labels.value.formatter, e.value, l({
 				p: V.value.style.chart.circles.labels.value.prefix,
 				v: e.value,
 				s: V.value.style.chart.circles.labels.value.suffix,
@@ -919,7 +919,7 @@ var qe = class {
 				V.value.table.columnNames.depth,
 				V.value.table.columnNames.value
 			], t = Fn.value.hierarchy.map((e) => {
-				let t = u({
+				let t = l({
 					p: V.value.style.chart.circles.labels.value.prefix,
 					v: e.value,
 					s: V.value.style.chart.circles.labels.value.suffix,
@@ -1053,7 +1053,7 @@ var qe = class {
 			if (!Number.isFinite(e) || !W.value) return;
 			let t = q.value[e];
 			if (!t) return;
-			let n = h(t.x, t.y, W.value);
+			let n = i(t.x, t.y, W.value);
 			n && (Et.value = n);
 		}
 		function er() {
@@ -1145,6 +1145,7 @@ var qe = class {
 				active: _n.value,
 				scale: sn.value / 100,
 				isCursorPointer: U.value,
+				palette: V.value.userOptions.annotatorPalette,
 				onClose: vn
 			}, {
 				"annotator-action-close": N(() => [A(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -1160,7 +1161,8 @@ var qe = class {
 				"color",
 				"active",
 				"scale",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])) : b("", !0),
 			A(e.$slots, "userConfig", {}, void 0, !0),
 			Bt.value ? (O(), x("div", {
@@ -1340,7 +1342,7 @@ var qe = class {
 					height: K.value.h,
 					style: { pointerEvents: "none" }
 				}, [A(e.$slots, "chart-background", {}, void 0, !0)], 8, Qe)) : b("", !0),
-				(O(!0), x(_, null, je(q.value, (t, r) => (O(), x(_, { key: t.id }, [
+				(O(!0), x(_, null, je(q.value, (t, n) => (O(), x(_, { key: t.id }, [
 					S("defs", null, [Ee(ve, {
 						t: "radial",
 						id: t.id,
@@ -1348,12 +1350,12 @@ var qe = class {
 						stops: [
 							[
 								"10%",
-								M(n)(t.color, V.value.style.chart.circles.gradient.intensity / 100),
+								M(m)(t.color, V.value.style.chart.circles.gradient.intensity / 100),
 								1
 							],
 							[
 								"90%",
-								M(f)(t.color, .1),
+								M(u)(t.color, .1),
 								1
 							],
 							[
@@ -1378,9 +1380,9 @@ var qe = class {
 						"stroke-width": V.value.style.chart.circles.strokeWidth * (sn.value || 1) / 100,
 						fill: V.value.style.chart.circles.gradient.show ? `url(#${t.id})` : t.color,
 						rx: t.r,
-						onMouseenter: (e) => pn(t, r, "pointer"),
-						onMouseout: (e) => ln(t, r),
-						onClick: (e) => un(t, r)
+						onMouseenter: (e) => pn(t, n, "pointer"),
+						onMouseout: (e) => ln(t, n),
+						onClick: (e) => un(t, n)
 					}, null, 42, et),
 					e.$slots.pattern ? (O(), x("rect", {
 						key: 1,
@@ -1415,7 +1417,7 @@ var qe = class {
 				}, null, 14, nt))], 64))), 128)),
 				(O(!0), x(_, null, je(q.value, (t, n) => (O(), x(_, { key: `cl_${t.id}` }, [e.$slots["data-label"] && tn(t) ? A(e.$slots, "data-label", De({ ref_for: !0 }, {
 					...t,
-					createTSpans: M(l),
+					createTSpans: M(c),
 					fontSize: {
 						name: t.r / 3 * V.value.style.chart.circles.labels.name.fontSizeRatio,
 						value: hn(t) * V.value.style.chart.circles.labels.value.fontSizeRatio
@@ -1628,6 +1630,6 @@ var qe = class {
 			A(e.$slots, "skeleton", {}, () => [M(At) ? (O(), y(ce, { key: 0 })) : b("", !0)], !0)
 		], 46, Ye));
 	}
-}, [["__scopeId", "data-v-82b0f2df"]]);
+}, [["__scopeId", "data-v-9890b0a0"]]);
 //#endregion
 export { Je as n, ht as t };

package/dist/{vue-ui-cursor-Dju_nWZh.js → vue-ui-cursor-CQWLyEx0.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ht as t, q as n, t as ee } from "./lib-C7t_vY8w.js";
-import { t as r } from "./useConfig-CyCVHo81.js";
-import { t as i } from "./useNestedProp-BfTgFMXF.js";
+import { Ut as t, q as n, t as ee } from "./lib-Dql7cqyA.js";
+import { t as r } from "./useConfig-C_mX5pOZ.js";
+import { t as i } from "./useNestedProp-Chvyfpl-.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as te } from "./PackageVersion-hRJtldYi.js";
+import { n as te } from "./PackageVersion-M2Ws-VwJ.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 = [