vue-data-ui 3.25.3 → 3.25.5

package/dist/{vue-ui-dag-C2f1v-IC.js → vue-ui-dag-BqlsutMj.js}

@@ -1,21 +1,21 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { K as t, Nt as n, S as r, Xt as i, _t as a, et as o, kt as s, nt as c, q as l, t as u } from "./lib-C7t_vY8w.js";
+import { At as t, K as n, Pt as r, S as i, Zt as a, et as o, nt as s, q as c, t as l, vt as u } from "./lib-Dql7cqyA.js";
 import { n as d, t as f } from "./useHints-Dq_w2E8B.js";
-import { t as p } from "./useConfig-CyCVHo81.js";
-import { t as m } from "./usePrinter-VVTuFI6H.js";
+import { t as p } from "./useConfig-C_mX5pOZ.js";
+import { t as m } from "./usePrinter-DISD7q5m.js";
 import { n as h, t as g } from "./BaseScanner-DZvpgOjM.js";
-import { t as _ } from "./useNestedProp-BfTgFMXF.js";
+import { t as _ } from "./useNestedProp-Chvyfpl-.js";
 import { t as ee } from "./useThemeCheck-C43Tcqmk.js";
 import { t as te } from "./useChartExport-iwOqiIWX.js";
-import { t as ne } from "./img-IjqD_xWl.js";
-import { n as re } from "./Title-DIf1lG-_.js";
+import { t as ne } from "./img-DhGApYG0.js";
+import { n as re } from "./Title-CPHi-evi.js";
 import { t as ie } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as ae, t as oe } from "./useResponsive-ZtArZtUf.js";
 import { t as se } from "./A11yDataTable-DdRsVULz.js";
 import { t as ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as le } from "./useChartAccessibility-DYqac8yF.js";
 import { t as ue } from "./usePanZoom-CYU3B4T3.js";
-import { t as de } from "./BaseZoomControls-BAHeLgV8.js";
+import { t as de } from "./BaseZoomControls-Xo16vFa4.js";
 import { t as fe } from "./vue_ui_dag-TsJ_azQq.js";
 import { Fragment as pe, Teleport as me, Transition as he, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as ge, createTextVNode as _e, createVNode as ve, defineAsyncComponent as ye, guardReactiveProps as C, mergeProps as be, nextTick as xe, normalizeClass as Se, normalizeProps as w, normalizeStyle as Ce, onBeforeUnmount as we, onMounted as Te, openBlock as T, ref as E, renderList as Ee, renderSlot as D, toDisplayString as De, toRefs as Oe, unref as O, watch as ke, watchEffect as Ae, withCtx as k, withModifiers as je } from "vue";
 //#region src/DAG/graph.js
@@ -1598,37 +1598,37 @@ function Zn(e) {
 	return n += ` L ${r.x} ${r.y}`, n;
 }
 function Qn(e) {
-	let { nodes: t, edges: n, configuration: r } = e, i = E(null), o = E(null), s = `dag-arrow-${l()}`;
-	function c(e, t, n) {
-		o.value = null, i.value = null;
+	let { nodes: t, edges: n, configuration: r } = e, i = E(null), a = E(null), o = `dag-arrow-${c()}`;
+	function s(e, t, n) {
+		a.value = null, i.value = null;
 		let r = {
 			...Yn,
 			...n
-		}, c = new A({
+		}, s = new A({
 			multigraph: !0,
 			compound: !0
 		});
-		c.setGraph({
+		s.setGraph({
 			rankdir: r.rankDirection,
 			nodesep: r.nodeSeparation,
 			ranksep: r.rankSeparation,
 			edgesep: r.edgeSeparation,
 			align: r.align
 		}), e.forEach((e) => {
-			c.setNode(e.id, {
+			s.setNode(e.id, {
 				label: e.label,
 				width: e.width ?? r.nodeWidth,
 				height: e.height ?? r.nodeHeight
 			});
 		}), t.forEach((e) => {
-			c.setEdge(e.from, e.to, {
+			s.setEdge(e.from, e.to, {
 				weight: e.weight ?? 1,
 				minlen: e.minLength ?? 1,
 				arrowShape: r.arrowShape ?? "normal"
 			});
-		}), Sn(c);
-		let u = e.map((e) => {
-			let t = c.node(e.id);
+		}), Sn(s);
+		let l = e.map((e) => {
+			let t = s.node(e.id);
 			return {
 				id: e.id,
 				label: e.label,
@@ -1638,24 +1638,24 @@ function Qn(e) {
 				height: t.height,
 				original: e
 			};
-		}), d = c.edges().map((e) => {
-			let n = c.edge(e), i = n.points || [];
+		}), d = s.edges().map((e) => {
+			let n = s.edge(e), i = n.points || [];
 			if (!i.length) return null;
-			let a = r.curvedEdges ? Zn(i) : Xn(i), o = r.arrowShape === "undirected" ? null : `url(#${s})`, u = t.find((t) => t?.from === e.v && t?.to === e.w);
+			let a = r.curvedEdges ? Zn(i) : Xn(i), l = r.arrowShape === "undirected" ? null : `url(#${o})`, u = t.find((t) => t?.from === e.v && t?.to === e.w);
 			return {
-				id: `${e.v}->${e.w}->${l()}`,
+				id: `${e.v}->${e.w}->${c()}`,
 				from: e.v,
 				to: e.w,
 				points: i,
 				pathData: a,
-				markerEnd: o,
+				markerEnd: l,
 				original: {
 					...u,
 					...n
 				}
 			};
 		}).filter(Boolean), f = r.padding;
-		if (!u.length) {
+		if (!l.length) {
 			i.value = {
 				nodes: [],
 				edges: d,
@@ -1665,12 +1665,12 @@ function Qn(e) {
 			};
 			return;
 		}
-		let p = u.flatMap((e) => [e.x - e.width / 2, e.x + e.width / 2]), m = u.flatMap((e) => [e.y - e.height / 2, e.y + e.height / 2]), h = Math.min(...p) - f, g = Math.max(...p) + f, _ = Math.min(...m) - f, ee = Math.max(...m) + f;
+		let p = l.flatMap((e) => [e.x - e.width / 2, e.x + e.width / 2]), m = l.flatMap((e) => [e.y - e.height / 2, e.y + e.height / 2]), h = Math.min(...p) - f, g = Math.max(...p) + f, _ = Math.min(...m) - f, ee = Math.max(...m) + f;
 		i.value = {
-			nodes: u,
+			nodes: l,
 			edges: d.map((e) => ({
 				...e,
-				midpoint: e.pathData ? a(e.pathData) : {
+				midpoint: e.pathData ? u(e.pathData) : {
 					x: 0,
 					y: 0
 				}
@@ -1682,16 +1682,16 @@ function Qn(e) {
 	}
 	return Ae(() => {
 		try {
-			c(O(t) || [], O(n) || [], O(r) || {});
+			s(O(t) || [], O(n) || [], O(r) || {});
 		} catch (e) {
-			console.error("[useDag] layout error:", e), o.value = e, i.value = null;
+			console.error("[useDag] layout error:", e), a.value = e, i.value = null;
 		}
 	}), {
 		layoutData: i,
-		lastError: o,
-		arrowMarkerIdentifier: s,
+		lastError: a,
+		arrowMarkerIdentifier: o,
 		recomputeLayout: () => {
-			c(O(t) || [], O(n) || [], O(r) || {});
+			s(O(t) || [], O(n) || [], O(r) || {});
 		}
 	};
 }
@@ -1806,8 +1806,8 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		"copyAlt",
 		"rotate"
 	],
-	setup(e, { expose: a, emit: ie }) {
-		let Ae = ye(() => import("./PenAndPaper-DzM1vUXR.js").then((e) => e.t)), Me = ye(() => import("./UserOptions-m0uxKoiy.js").then((e) => e.n)), Ne = ye(() => import("./PackageVersion-hRJtldYi.js").then((e) => e.t)), { vue_ui_dag: Pe } = p(), { isThemeValid: A, warnInvalidTheme: Fe } = ee(), j = e, M = ie, N = E(null), P = E(l()), Ie = E(null), Le = E(null), Re = E(null), ze = E(0), Be = E(0), Ve = E(!1), He = E(!1), F = E(null), I = E(null), L = E(null), R = E(null), Ue = E(null), We = E("pointer"), Ge = E(!1), z = E(dt());
+	setup(e, { expose: u, emit: ie }) {
+		let Ae = ye(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), Me = ye(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), Ne = ye(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), { vue_ui_dag: Pe } = p(), { isThemeValid: A, warnInvalidTheme: Fe } = ee(), j = e, M = ie, N = E(null), P = E(c()), Ie = E(null), Le = E(null), Re = E(null), ze = E(0), Be = E(0), Ve = E(!1), He = E(!1), F = E(null), I = E(null), L = E(null), R = E(null), Ue = E(null), We = E("pointer"), Ge = E(!1), z = E(dt());
 		d({
 			config: () => z.value,
 			dataset: () => j.dataset,
@@ -1829,7 +1829,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		}), et = E(null), tt = E(null), nt = E({
 			left: "0px",
 			top: "0px"
-		}), rt = E("top"), U = E(!1), W = E(!1), { svgRef: G } = le({ config: z.value.style.chart.title }), { userOptionsVisible: it, setUserOptionsVisibility: at, keepUserOptionState: ot } = ce({ config: z.value }), K = E(z.value.style.chart.layout.rankDirection), st = v(() => i({
+		}), rt = E("top"), U = E(!1), W = E(!1), { svgRef: G } = le({ config: z.value.style.chart.title }), { userOptionsVisible: it, setUserOptionsVisibility: at, keepUserOptionState: ot } = ce({ config: z.value }), K = E(z.value.style.chart.layout.rankDirection), st = v(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -1873,7 +1873,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 					to: "C"
 				}]
 			},
-			skeletonConfig: i({
+			skeletonConfig: a({
 				defaultConfig: z.value,
 				userConfig: st.value
 			})
@@ -1896,11 +1896,11 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		}
 		let ft = v(() => z.value.debug);
 		Te(async () => {
-			n(j.dataset) && (c({
+			r(j.dataset) && (s({
 				componentName: "VueUiDag",
 				type: "dataset",
 				debug: ft.value
-			}), He.value = !1, ut.value = !0), (!j.dataset.nodes || j.dataset.nodes.length === 0) && (c({
+			}), He.value = !1, ut.value = !0), (!j.dataset.nodes || j.dataset.nodes.length === 0) && (s({
 				componentName: "VueUiDag",
 				type: "datasetAttributeEmpty",
 				property: "nodes",
@@ -1953,8 +1953,8 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		let { layoutData: q, lastError: Et, arrowMarkerIdentifier: Dt } = Qn({
 			nodes: v(() => lt.value.nodes.map((e) => ({
 				...e,
-				backgroundColor: e.backgroundColor ? r(e.backgroundColor) : z.value.style.chart.nodes.backgroundColor,
-				color: e.color ? r(e.color) : z.value.style.chart.nodes.labels.color
+				backgroundColor: e.backgroundColor ? i(e.backgroundColor) : z.value.style.chart.nodes.backgroundColor,
+				color: e.color ? i(e.color) : z.value.style.chart.nodes.labels.color
 			}))),
 			edges: v(() => lt.value.edges),
 			configuration: v(() => ({
@@ -1991,9 +1991,9 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		}, 1, kt, () => {
 			H.value = !1;
 		}), Pt = null;
-		async function Ft(e, { smooth: t = !0, duration: n = 300, zoomReset: r = !1, zoom: i = null } = {}) {
-			let a = J(e);
-			if (!a) return !1;
+		async function Ft(e, { smooth: n = !0, duration: r = 300, zoomReset: i = !1, zoom: a = null } = {}) {
+			let s = J(e);
+			if (!s) return !1;
 			let c = Y.value;
 			if (!c) return !1;
 			let l = {
@@ -2002,12 +2002,12 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				width: Number(c.width),
 				height: Number(c.height)
 			}, u = Mt.value, d = l.width, f = l.height, p = u;
-			if (Number.isFinite(i) && i > 0 || r) {
+			if (Number.isFinite(a) && a > 0 || i) {
 				At(!1);
-				let e = Y.value, t = Number.isFinite(i) && i > 0 ? i / 100 : 1;
+				let e = Y.value, t = Number.isFinite(a) && a > 0 ? a / 100 : 1;
 				d = Number(e.width) / t, f = Number(e.height) / t, p = t, Y.value = { ...l }, Mt.value = u;
 			}
-			let m = Number(a.x), h = Number(a.y);
+			let m = Number(s.x), h = Number(s.y);
 			if (!Number.isFinite(l.x) || !Number.isFinite(l.y) || !Number.isFinite(l.width) || !Number.isFinite(l.height) || !Number.isFinite(d) || !Number.isFinite(f) || !Number.isFinite(m) || !Number.isFinite(h)) return !1;
 			let g = {
 				x: m - d / 2,
@@ -2015,16 +2015,16 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				width: d,
 				height: f
 			};
-			if (Pt !== null && (cancelAnimationFrame(Pt), Pt = null), H.value = !1, !t || n <= 0) return Y.value = g, Mt.value = p, !0;
+			if (Pt !== null && (cancelAnimationFrame(Pt), Pt = null), H.value = !1, !n || r <= 0) return Y.value = g, Mt.value = p, !0;
 			let _ = performance.now();
 			function ee(e) {
-				let t = Math.min((e - _) / n, 1), r = o(t);
+				let n = Math.min((e - _) / r, 1), i = o(n);
 				Y.value = {
-					x: s(l.x, g.x, r),
-					y: s(l.y, g.y, r),
-					width: s(l.width, g.width, r),
-					height: s(l.height, g.height, r)
-				}, Mt.value = s(u, p, r), t < 1 ? Pt = requestAnimationFrame(ee) : (Y.value = g, Mt.value = p, Pt = null);
+					x: t(l.x, g.x, i),
+					y: t(l.y, g.y, i),
+					width: t(l.width, g.width, i),
+					height: t(l.height, g.height, i)
+				}, Mt.value = t(u, p, i), n < 1 ? Pt = requestAnimationFrame(ee) : (Y.value = g, Mt.value = p, Pt = null);
 			}
 			return Pt = requestAnimationFrame(ee), !0;
 		}
@@ -2438,7 +2438,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 			let c = null;
 			n ? c = In(s, "right") : t ? c = In(s, "left") : i ? c = In(s, "down") : r && (c = In(s, "up")), c && (Yt(), Q(), jn(c), await An(c));
 		}
-		return a({
+		return u({
 			getData: xn,
 			getImage: on,
 			generatePdf: ht,
@@ -2452,7 +2452,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 			switchDirection: Wt,
 			copyAlt: Sn,
 			focusOnNode: Ft
-		}), (e, n) => (T(), x("div", {
+		}), (e, t) => (T(), x("div", {
 			class: Se(`vue-data-ui-component vue-ui-dag ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${z.value.responsive ? "vue-ui-dag-responsive" : ""}`),
 			id: `dag_${P.value}`,
 			ref_key: "dagChart",
@@ -2491,6 +2491,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				color: z.value.style.chart.color,
 				active: W.value,
 				isCursorPointer: Ke.value,
+				palette: z.value.userOptions.annotatorPalette,
 				onClose: Bt
 			}, {
 				"annotator-action-close": k(() => [D(e.$slots, "annotator-action-close", {}, void 0, !0)]),
@@ -2505,7 +2506,8 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				"backgroundColor",
 				"color",
 				"active",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])) : b("", !0),
 			z.value.userOptions.show && He.value && (O(ot) || O(it)) ? (T(), y(O(Me), {
 				ref: "userOptionsRef",
@@ -2661,7 +2663,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				withDirection: "",
 				onZoomIn: Vt,
 				onZoomOut: Ht,
-				onResetZoom: n[0] ||= () => O(At)(!0),
+				onResetZoom: t[0] ||= () => O(At)(!0),
 				onSwitchDirection: Wt
 			}, null, 8, [
 				"config",
@@ -2677,7 +2679,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 					"vue-data-ui-loading": O(ct)
 				}),
 				viewBox: Rt.value,
-				xmlns: O(u),
+				xmlns: O(l),
 				style: Ce({
 					backgroundColor: z.value.style.chart.backgroundColor,
 					height: "100%",
@@ -2800,44 +2802,44 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 						transition: "stroke-width 0.2s ease-in-out,\n                                stroke 0.2s ease-in-out"
 					}
 				}, null, 8, br))), 128))]),
-				S("g", xr, [(T(!0), x(pe, null, Ee(O(q).nodes, (n) => (T(), x("g", {
-					key: n.id,
-					onClick: je((e) => z.value.style.chart.nodes.tooltip.showOnClick && Jt(n), ["stop"]),
-					onMouseenter: (e) => dn(n.id),
-					onMouseleave: (e) => mn(n.id)
+				S("g", xr, [(T(!0), x(pe, null, Ee(O(q).nodes, (t) => (T(), x("g", {
+					key: t.id,
+					onClick: je((e) => z.value.style.chart.nodes.tooltip.showOnClick && Jt(t), ["stop"]),
+					onMouseenter: (e) => dn(t.id),
+					onMouseleave: (e) => mn(t.id)
 				}, [e.$slots["free-node-label"] ? b("", !0) : (T(), x(pe, { key: 0 }, [e.$slots["node-label"] ? (T(), x("text", {
 					key: 0,
-					x: n.x,
-					y: n.y + z.value.style.chart.nodes.labels.fontSize / 3,
+					x: t.x,
+					y: t.y + z.value.style.chart.nodes.labels.fontSize / 3,
 					"text-anchor": "middle",
 					"font-size": z.value.style.chart.nodes.labels.fontSize,
-					fill: $.value === n.id && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : n.original.color,
+					fill: $.value === t.id && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : t.original.color,
 					"font-weight": z.value.style.chart.nodes.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" }
 				}, [D(e.$slots, "node-label", be({ ref_for: !0 }, {
-					node: n,
+					node: t,
 					orientation: K.value
-				}), () => [_e(De(n.label), 1)], !0)], 8, Cr)) : !e.$slots["free-node-label"] && !e.$slots.node ? (T(), x("text", {
+				}), () => [_e(De(t.label), 1)], !0)], 8, Cr)) : !e.$slots["free-node-label"] && !e.$slots.node ? (T(), x("text", {
 					key: 1,
 					"data-cy-node-label": "",
-					x: n.x,
-					y: n.y + z.value.style.chart.nodes.labels.fontSize / 3,
+					x: t.x,
+					y: t.y + z.value.style.chart.nodes.labels.fontSize / 3,
 					"text-anchor": "middle",
 					"font-size": z.value.style.chart.nodes.labels.fontSize,
-					fill: ($.value === n.id || gn(n.id)) && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : n.original.color,
+					fill: ($.value === t.id || gn(t.id)) && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : t.original.color,
 					"font-weight": z.value.style.chart.nodes.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" },
-					innerHTML: O(t)({
-						content: n.label,
+					innerHTML: O(n)({
+						content: t.label,
 						fontSize: z.value.style.chart.nodes.labels.fontSize,
 						fontWeight: z.value.style.chart.nodes.labels.bold ? "bold" : "normal",
-						fill: ($.value === n.id || gn(n.id)) && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : n.original.color,
-						x: n.x,
-						y: n.y,
+						fill: ($.value === t.id || gn(t.id)) && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : t.original.color,
+						x: t.x,
+						y: t.y,
 						autoOffset: !0
 					})
 				}, null, 8, wr)) : b("", !0)], 64)), e.$slots["free-node-label"] ? (T(), x("g", Tr, [D(e.$slots, "free-node-label", be({ ref_for: !0 }, {
-					node: n,
+					node: t,
 					layoutData: O(q),
 					orientation: K.value
 				}), void 0, !0)])) : b("", !0)], 40, Sr))), 128))]),
@@ -2908,7 +2910,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				withDirection: "",
 				onZoomIn: Vt,
 				onZoomOut: Ht,
-				onResetZoom: n[1] ||= () => O(At)(!0),
+				onResetZoom: t[1] ||= () => O(At)(!0),
 				onSwitchDirection: Wt
 			}, null, 8, [
 				"config",
@@ -2924,6 +2926,6 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 			D(e.$slots, "skeleton", {}, () => [O(ct) ? (T(), y(g, { key: 0 })) : b("", !0)], !0)
 		], 46, er));
 	}
-}, [["__scopeId", "data-v-a233d9d1"]]);
+}, [["__scopeId", "data-v-b32e6fd9"]]);
 //#endregion
 export { $n as n, Nr as t };

package/dist/{vue-ui-dashboard-pNI0se0n.js → vue-ui-dashboard-Be3MmkgS.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { q as t } from "./lib-C7t_vY8w.js";
+import { q as t } from "./lib-Dql7cqyA.js";
 import { n, t as r } from "./useHints-Dq_w2E8B.js";
-import { t as i } from "./useConfig-CyCVHo81.js";
-import { t as a } from "./usePrinter-VVTuFI6H.js";
-import { t as ee } from "./useNestedProp-BfTgFMXF.js";
+import { t as i } from "./useConfig-C_mX5pOZ.js";
+import { t as a } from "./usePrinter-DISD7q5m.js";
+import { t as ee } from "./useNestedProp-Chvyfpl-.js";
 import { t as o } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as te } from "./useUserOptionState-DK-_1ddE.js";
-import { t as ne } from "./UserOptions-m0uxKoiy.js";
-import { n as re } from "./PenAndPaper-DzM1vUXR.js";
+import { t as ne } from "./UserOptions-f3Q0nqrj.js";
+import { n as re } from "./PenAndPaper-BgH3m_LP.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as ie, defineAsyncComponent as p, guardReactiveProps as m, mergeProps as ae, normalizeClass as oe, normalizeProps as h, normalizeStyle as g, openBlock as _, ref as v, renderList as se, renderSlot as y, resolveDynamicComponent as ce, unref as b, useCssVars as le, watch as x, withCtx as S } from "vue";
 //#region src/components/vue-ui-dashboard.vue
 var C = /* @__PURE__ */ e({ default: () => T }), ue = ["id"], de = ["onMousedown", "onTouchstart"], fe = ["onMousedown", "onTouchstart"], pe = ["onMousedown", "onTouchstart"], me = ["onMousedown", "onTouchstart"], he = ["onMousedown", "onTouchstart"], w = 1, T = /*#__PURE__*/ o({
@@ -19,74 +19,74 @@ var C = /* @__PURE__ */ e({ default: () => T }), ue = ["id"], de = ["onMousedown
 	emits: ["change", "copyAlt"],
 	setup(e, { expose: o, emit: C }) {
 		le((e) => ({
-			f1be45ec: Oe.value,
-			v5f77e8e0: ke.value
+			v8b9ec772: Oe.value,
+			v01a7981a: ke.value
 		}));
 		let T = {
-			VueDataUi: p(() => import("./vue-data-ui-xQI9KcZd.js").then((e) => e.n)),
-			VueUi3dBar: p(() => import("./vue-ui-3d-bar-Cf5mJEzr.js").then((e) => e.n)),
-			VueUiAccordion: p(() => import("./vue-ui-accordion-DuARUUdY.js").then((e) => e.n)),
-			VueUiAgePyramid: p(() => import("./vue-ui-age-pyramid-D-ggLbES.js").then((e) => e.n)),
-			VueUiAnnotator: p(() => import("./vue-ui-annotator-MvDwnq7k.js").then((e) => e.n)),
-			VueUiCandlestick: p(() => import("./vue-ui-candlestick-B486ChH8.js").then((e) => e.n)),
-			VueUiChestnut: p(() => import("./vue-ui-chestnut-DGESmviK.js").then((e) => e.n)),
-			VueUiDigits: p(() => import("./vue-ui-digits-C5Z_lpSZ.js").then((e) => e.n)),
-			VueUiDonut: p(() => import("./vue-ui-donut-CaMaNvIF.js").then((e) => e.n)),
-			VueUiDonutEvolution: p(() => import("./vue-ui-donut-evolution-DQn-87Ak.js").then((e) => e.n)),
-			VueUiDumbbell: p(() => import("./vue-ui-dumbbell-CDtBLV2m.js").then((e) => e.n)),
-			VueUiFlow: p(() => import("./vue-ui-flow-B0L2gQ3k.js").then((e) => e.n)),
-			VueUiGalaxy: p(() => import("./vue-ui-galaxy-yF4pKrlD.js").then((e) => e.n)),
-			VueUiGauge: p(() => import("./vue-ui-gauge-DA92q6HZ.js").then((e) => e.n)),
-			VueUiHeatmap: p(() => import("./vue-ui-heatmap-qigx4Z5I.js").then((e) => e.n)),
-			VueUiKpi: p(() => import("./vue-ui-kpi-0W2GpUBQ.js").then((e) => e.n)),
-			VueUiMiniLoader: p(() => import("./vue-ui-mini-loader-C-2BQ3hi.js").then((e) => e.n)),
-			VueUiMolecule: p(() => import("./vue-ui-molecule-B1ChvZql.js").then((e) => e.n)),
-			VueUiMoodRadar: p(() => import("./vue-ui-mood-radar-VCVoA-i7.js").then((e) => e.n)),
-			VueUiNestedDonuts: p(() => import("./vue-ui-nested-donuts-CFPhvIy3.js").then((e) => e.n)),
-			VueUiOnion: p(() => import("./vue-ui-onion-BMucjktR.js").then((e) => e.n)),
-			VueUiParallelCoordinatePlot: p(() => import("./vue-ui-parallel-coordinate-plot-BhahYf50.js").then((e) => e.n)),
-			VueUiQuadrant: p(() => import("./vue-ui-quadrant-77idomwS.js").then((e) => e.n)),
-			VueUiQuickChart: p(() => import("./vue-ui-quick-chart-CNKuNur5.js").then((e) => e.n)),
-			VueUiRadar: p(() => import("./vue-ui-radar-CuT1AXHF.js").then((e) => e.n)),
-			VueUiRating: p(() => import("./vue-ui-rating-CTuSylET.js").then((e) => e.n)),
-			VueUiRelationCircle: p(() => import("./vue-ui-relation-circle-DxONGvTM.js").then((e) => e.n)),
-			VueUiRings: p(() => import("./vue-ui-rings-DDGKIiGT.js").then((e) => e.n)),
-			VueUiScatter: p(() => import("./vue-ui-scatter-Cwlhv9y6.js").then((e) => e.n)),
-			VueUiSkeleton: p(() => import("./vue-ui-skeleton-Clzzx8hc.js").then((e) => e.n)),
-			VueUiSmiley: p(() => import("./vue-ui-smiley-DILPVI14.js").then((e) => e.n)),
-			VueUiSparkHistogram: p(() => import("./vue-ui-sparkhistogram-1FYy_qM3.js").then((e) => e.n)),
-			VueUiSparkStackbar: p(() => import("./vue-ui-sparkstackbar-B4H_cgzW.js").then((e) => e.n)),
-			VueUiSparkTrend: p(() => import("./vue-ui-spark-trend-CYIyrTQj.js").then((e) => e.n)),
-			VueUiSparkbar: p(() => import("./vue-ui-sparkbar-C2HcYmPm.js").then((e) => e.n)),
-			VueUiSparkgauge: p(() => import("./vue-ui-sparkgauge-BLJ0mImj.js").then((e) => e.n)),
-			VueUiSparkline: p(() => import("./vue-ui-sparkline-C11KKbIn.js").then((e) => e.n)),
-			VueUiStripPlot: p(() => import("./vue-ui-strip-plot-C3Q1lECl.js").then((e) => e.n)),
-			VueUiTable: p(() => import("./vue-ui-table-DMJWplCT.js").then((e) => e.n)),
-			VueUiTableHeatmap: p(() => import("./vue-ui-table-heatmap-Dj06PSQK.js").then((e) => e.n)),
-			VueUiTableSparkline: p(() => import("./vue-ui-table-sparkline-1h7A5F1N.js").then((e) => e.n)),
-			VueUiThermometer: p(() => import("./vue-ui-thermometer-CVKlj7fU.js").then((e) => e.n)),
-			VueUiTimer: p(() => import("./vue-ui-timer-BWz6K56E.js").then((e) => e.n)),
-			VueUiTiremarks: p(() => import("./vue-ui-tiremarks-D26MLo5F.js").then((e) => e.n)),
-			VueUiTreemap: p(() => import("./vue-ui-treemap-33VL-HnF.js").then((e) => e.n)),
-			VueUiVerticalBar: p(() => import("./vue-ui-horizontal-bar-C51hv9PU.js").then((e) => e.n)),
-			VueUiHorizontalBar: p(() => import("./vue-ui-horizontal-bar-C51hv9PU.js").then((e) => e.n)),
-			VueUiWaffle: p(() => import("./vue-ui-waffle-DIFpyE2V.js").then((e) => e.n)),
-			VueUiWheel: p(() => import("./vue-ui-wheel-BPbR_-t8.js").then((e) => e.n)),
-			VueUiWordCloud: p(() => import("./vue-ui-word-cloud-RFcpvswb.js").then((e) => e.n)),
-			VueUiXy: p(() => import("./vue-ui-xy-D_biv7Wg.js").then((e) => e.n)),
-			VueUiXyCanvas: p(() => import("./vue-ui-xy-canvas-R1I0sffy.js").then((e) => e.n)),
-			VueUiCarouselTable: p(() => import("./vue-ui-carousel-table-BPNQQVsu.js").then((e) => e.n)),
-			VueUiGizmo: p(() => import("./vue-ui-gizmo-ys9jjs02.js").then((e) => e.n)),
-			VueUiStackbar: p(() => import("./vue-ui-stackbar-CBOAAVtS.js").then((e) => e.n)),
-			VueUiStackline: p(() => import("./vue-ui-stackline-24PeB3yN.js").then((e) => e.n)),
-			VueUiBullet: p(() => import("./vue-ui-bullet-DWe51l3b.js").then((e) => e.n)),
-			VueUiFunnel: p(() => import("./vue-ui-funnel-G5nO77o5.js").then((e) => e.n)),
-			VueUiHistoryPlot: p(() => import("./vue-ui-history-plot-DUoXwHLn.js").then((e) => e.n)),
-			VueUiCirclePack: p(() => import("./vue-ui-circle-pack-YXuSpTIB.js").then((e) => e.n)),
-			VueUiWorld: p(() => import("./vue-ui-world-CseHQjz7.js").then((e) => e.n)),
-			VueUiChord: p(() => import("./vue-ui-chord-DQJ7RuvS.js").then((e) => e.n)),
-			VueUiRidgeline: p(() => import("./vue-ui-ridgeline-CijnGJ6-.js").then((e) => e.n)),
-			VueUiDag: p(() => import("./vue-ui-dag-C2f1v-IC.js").then((e) => e.n))
+			VueDataUi: p(() => import("./vue-data-ui-BjdCpsRV.js").then((e) => e.n)),
+			VueUi3dBar: p(() => import("./vue-ui-3d-bar-C0aLR6lw.js").then((e) => e.n)),
+			VueUiAccordion: p(() => import("./vue-ui-accordion-DRf3NQyH.js").then((e) => e.n)),
+			VueUiAgePyramid: p(() => import("./vue-ui-age-pyramid-DUcB3lYs.js").then((e) => e.n)),
+			VueUiAnnotator: p(() => import("./vue-ui-annotator-DZ0O8Xa5.js").then((e) => e.n)),
+			VueUiCandlestick: p(() => import("./vue-ui-candlestick-Cf8TYPl5.js").then((e) => e.n)),
+			VueUiChestnut: p(() => import("./vue-ui-chestnut-BMAuaeif.js").then((e) => e.n)),
+			VueUiDigits: p(() => import("./vue-ui-digits-BqdfbcKX.js").then((e) => e.n)),
+			VueUiDonut: p(() => import("./vue-ui-donut-CuQVKuZa.js").then((e) => e.n)),
+			VueUiDonutEvolution: p(() => import("./vue-ui-donut-evolution-DckruxZ9.js").then((e) => e.n)),
+			VueUiDumbbell: p(() => import("./vue-ui-dumbbell-BYU-hh2E.js").then((e) => e.n)),
+			VueUiFlow: p(() => import("./vue-ui-flow-DLRcNDLc.js").then((e) => e.n)),
+			VueUiGalaxy: p(() => import("./vue-ui-galaxy-BhR4IOra.js").then((e) => e.n)),
+			VueUiGauge: p(() => import("./vue-ui-gauge-Cq161Kwp.js").then((e) => e.n)),
+			VueUiHeatmap: p(() => import("./vue-ui-heatmap-Bl5ymvi9.js").then((e) => e.n)),
+			VueUiKpi: p(() => import("./vue-ui-kpi-CUpRRIUf.js").then((e) => e.n)),
+			VueUiMiniLoader: p(() => import("./vue-ui-mini-loader-D8W-fERs.js").then((e) => e.n)),
+			VueUiMolecule: p(() => import("./vue-ui-molecule-BExVLLgE.js").then((e) => e.n)),
+			VueUiMoodRadar: p(() => import("./vue-ui-mood-radar-TW251icr.js").then((e) => e.n)),
+			VueUiNestedDonuts: p(() => import("./vue-ui-nested-donuts-CWzJKr3S.js").then((e) => e.n)),
+			VueUiOnion: p(() => import("./vue-ui-onion-VaYZQK5i.js").then((e) => e.n)),
+			VueUiParallelCoordinatePlot: p(() => import("./vue-ui-parallel-coordinate-plot-RM25bxtf.js").then((e) => e.n)),
+			VueUiQuadrant: p(() => import("./vue-ui-quadrant-Dmtwow7n.js").then((e) => e.n)),
+			VueUiQuickChart: p(() => import("./vue-ui-quick-chart-Cswm3_eI.js").then((e) => e.n)),
+			VueUiRadar: p(() => import("./vue-ui-radar-C3GYthqu.js").then((e) => e.n)),
+			VueUiRating: p(() => import("./vue-ui-rating-CBdDXL80.js").then((e) => e.n)),
+			VueUiRelationCircle: p(() => import("./vue-ui-relation-circle-BA0qy0kp.js").then((e) => e.n)),
+			VueUiRings: p(() => import("./vue-ui-rings-BJ8yEQMw.js").then((e) => e.n)),
+			VueUiScatter: p(() => import("./vue-ui-scatter-DXg8ESgr.js").then((e) => e.n)),
+			VueUiSkeleton: p(() => import("./vue-ui-skeleton-D_u8EWeW.js").then((e) => e.n)),
+			VueUiSmiley: p(() => import("./vue-ui-smiley-DQOp87rr.js").then((e) => e.n)),
+			VueUiSparkHistogram: p(() => import("./vue-ui-sparkhistogram-DQdn3PW1.js").then((e) => e.n)),
+			VueUiSparkStackbar: p(() => import("./vue-ui-sparkstackbar-BXQlOdOk.js").then((e) => e.n)),
+			VueUiSparkTrend: p(() => import("./vue-ui-spark-trend-CjCufXof.js").then((e) => e.n)),
+			VueUiSparkbar: p(() => import("./vue-ui-sparkbar-BniEM15a.js").then((e) => e.n)),
+			VueUiSparkgauge: p(() => import("./vue-ui-sparkgauge-BtyCrqTQ.js").then((e) => e.n)),
+			VueUiSparkline: p(() => import("./vue-ui-sparkline-9qkNNZG6.js").then((e) => e.n)),
+			VueUiStripPlot: p(() => import("./vue-ui-strip-plot-DGLGuH6e.js").then((e) => e.n)),
+			VueUiTable: p(() => import("./vue-ui-table-BXz_HY2g.js").then((e) => e.n)),
+			VueUiTableHeatmap: p(() => import("./vue-ui-table-heatmap-XmDK1aHJ.js").then((e) => e.n)),
+			VueUiTableSparkline: p(() => import("./vue-ui-table-sparkline-MTEw3imE.js").then((e) => e.n)),
+			VueUiThermometer: p(() => import("./vue-ui-thermometer-CLx3SPRv.js").then((e) => e.n)),
+			VueUiTimer: p(() => import("./vue-ui-timer-BDWUNb6t.js").then((e) => e.n)),
+			VueUiTiremarks: p(() => import("./vue-ui-tiremarks-DoaypTC-.js").then((e) => e.n)),
+			VueUiTreemap: p(() => import("./vue-ui-treemap-Bv7PgpiC.js").then((e) => e.n)),
+			VueUiVerticalBar: p(() => import("./vue-ui-horizontal-bar-3on3-H3B.js").then((e) => e.n)),
+			VueUiHorizontalBar: p(() => import("./vue-ui-horizontal-bar-3on3-H3B.js").then((e) => e.n)),
+			VueUiWaffle: p(() => import("./vue-ui-waffle-z2DhvSAx.js").then((e) => e.n)),
+			VueUiWheel: p(() => import("./vue-ui-wheel-DYLBJuFb.js").then((e) => e.n)),
+			VueUiWordCloud: p(() => import("./vue-ui-word-cloud-CbpEhSdL.js").then((e) => e.n)),
+			VueUiXy: p(() => import("./vue-ui-xy-B3DQ6t46.js").then((e) => e.n)),
+			VueUiXyCanvas: p(() => import("./vue-ui-xy-canvas-CJefORWc.js").then((e) => e.n)),
+			VueUiCarouselTable: p(() => import("./vue-ui-carousel-table-k1cBJ1i1.js").then((e) => e.n)),
+			VueUiGizmo: p(() => import("./vue-ui-gizmo-wUqHJICb.js").then((e) => e.n)),
+			VueUiStackbar: p(() => import("./vue-ui-stackbar-CkjicNDv.js").then((e) => e.n)),
+			VueUiStackline: p(() => import("./vue-ui-stackline-BB1IZta8.js").then((e) => e.n)),
+			VueUiBullet: p(() => import("./vue-ui-bullet-DIOCMF2H.js").then((e) => e.n)),
+			VueUiFunnel: p(() => import("./vue-ui-funnel-DjoqNN1U.js").then((e) => e.n)),
+			VueUiHistoryPlot: p(() => import("./vue-ui-history-plot-CvVjsdCL.js").then((e) => e.n)),
+			VueUiCirclePack: p(() => import("./vue-ui-circle-pack-Eb5hS_z3.js").then((e) => e.n)),
+			VueUiWorld: p(() => import("./vue-ui-world-C2atz4Xm.js").then((e) => e.n)),
+			VueUiChord: p(() => import("./vue-ui-chord-DCe2iPjk.js").then((e) => e.n)),
+			VueUiRidgeline: p(() => import("./vue-ui-ridgeline-C5skjBTe.js").then((e) => e.n)),
+			VueUiDag: p(() => import("./vue-ui-dag-BqlsutMj.js").then((e) => e.n))
 		}, { vue_ui_dashboard: ge } = i(), _e = v(null), ve = v(null), E = v(null), D = e, O = c(() => ee({
 			userConfig: D.config,
 			defaultConfig: ge
@@ -400,7 +400,8 @@ var C = /* @__PURE__ */ e({ default: () => T }), ue = ["id"], de = ["onMousedown
 				svgRef: E.value,
 				isCursorPointer: k.value,
 				onClose: Ie,
-				style: g({ zIndex: P.value.length + 1 })
+				style: g({ zIndex: P.value.length + 1 }),
+				palette: O.value.userOptions.annotatorPalette
 			}, {
 				"annotator-action-close": S(() => [y(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": S(({ color: t }) => [y(e.$slots, "annotator-action-color", h(m({ color: t })), void 0, !0)]),
@@ -415,7 +416,8 @@ var C = /* @__PURE__ */ e({ default: () => T }), ue = ["id"], de = ["onMousedown
 				"active",
 				"svgRef",
 				"isCursorPointer",
-				"style"
+				"style",
+				"palette"
 			])) : u("", !0),
 			(O.value.allowPrint || O.value.userOptions.show) && (O.value.userOptions.buttons.pdf || O.value.userOptions.buttons.img) ? (_(), l(ne, {
 				key: 1,
@@ -515,6 +517,6 @@ var C = /* @__PURE__ */ e({ default: () => T }), ue = ["id"], de = ["onMousedown
 			])) : u("", !0)
 		], 40, ue));
 	}
-}, [["__scopeId", "data-v-842ab9e8"]]);
+}, [["__scopeId", "data-v-3cf6ace5"]]);
 //#endregion
 export { C as n, T as t };

package/dist/{vue-ui-digits-C5Z_lpSZ.js → vue-ui-digits-BqdfbcKX.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { q as t, t as n } from "./lib-C7t_vY8w.js";
+import { q as t, t as n } from "./lib-Dql7cqyA.js";
 import { n as r, t as i } from "./useHints-Dq_w2E8B.js";
-import { t as a } from "./useConfig-CyCVHo81.js";
-import { t as o } from "./useNestedProp-BfTgFMXF.js";
+import { t as a } from "./useConfig-C_mX5pOZ.js";
+import { t as o } from "./useNestedProp-Chvyfpl-.js";
 import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as c } from "./PackageVersion-hRJtldYi.js";
+import { n as c } from "./PackageVersion-M2Ws-VwJ.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, normalizeStyle as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x } from "vue";
 //#region src/atoms/Digit.vue
 var S = { key: 0 }, C = ["d", "fill"], w = ["d", "fill"], T = ["d", "fill"], E = ["d", "fill"], D = ["d", "fill"], O = ["d", "fill"], k = ["d", "fill"], A = { key: 1 }, j = [