vue-data-ui 3.25.4 → 3.25.6

package/README.md

@@ -634,19 +634,19 @@ From the dataset you pass into the props, this component will produce the most a
 
 ### Utilities
 
-| Name              | dataset type              | config type             | emits / exposed methods                                                                                 | slots                                                   |
-| ----------------- | ------------------------- | ----------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- |
-| `VueUiAccordion`  | ❌                        | `VueUiAccordionConfig`  | ❌                                                                                                      | `#arrow`, `#title`, `#content`                          |
-| `VueUiAnnotator`  | `VueUiAnnotatorDataset`   | `VueUiAnnotatorConfig`  | `@toggleOpenState`, `@saveAnnotations`                                                                  | ❌                                                      |
-| `VueUiCursor`     | ❌                        | `VueUiCursorConfig`     | ❌                                                                                                      | ❌                                                      |
-| `VueUiDashboard`  | `VueUiDashboardElement[]` | `VueUiDashboardConfig`  | `@change`                                                                                               | `#content`, `#top`, `#bottom`                           |
-| `VueUiDigits`     | `number`                  | `VueUiDigitsConfig`     | ❌                                                                                                      | ❌                                                      |
-| `VueUiKpi`        | `number`                  | `VueUiKpiConfig`        | ❌                                                                                                      | `#title`, `#value`, `#comment-before`, `#comment-after` |
-| `VueUiLabel`      | `VueUiLabelDataset`       | `VueUiLabelConfig`      | `@dragStart`, `@drag`, `@dragEnd`, `@mouseenter`, `@mouseleave`, `@click`, `@focus`, `@blur`, `reorder` | `#before`, `#after`, `#title`, `#content`               |
-| `VueUiMiniLoader` | ❌                        | `VueUiMiniLoaderConfig` | ❌                                                                                                      | ❌                                                      |
-| `VueUiSkeleton`   | ❌                        | `VueUiSkeletonConfig`   | ❌                                                                                                      | ❌                                                      |
-| `VueUiTimer`      | ❌                        | `VueUiTimerConfig`      | `@start`, `@pause`, `@reset`, `@restart`, `@lap`                                                        | `#time`, `#controls`, `#laps`, `#chart-background`      |
-| `VueUiIcon`       | see below                 | -                       | -                                                                                                       | `#exp`, `#sub`                                          |
+| Name              | dataset type              | config type             | emits / exposed methods                                                                                 | slots                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| ----------------- | ------------------------- | ----------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `VueUiAccordion`  | ❌                        | `VueUiAccordionConfig`  | ❌                                                                                                      | `#arrow`, `#title`, `#content`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| `VueUiAnnotator`  | `VueUiAnnotatorDataset`   | `VueUiAnnotatorConfig`  | `@toggleOpenState`, `@saveAnnotations`                                                                  | `#toggle`, `#icon-move`, `#icon-resize`, `#icon-delete`, `#icon-select-group`, `#icon-bring-to-front`, `#icon-bring-to-back`, `#icon-copy`, `#icon-undo`, `#icon-redo`, `#icon-print`, `#icon-export-image`, `#icon-save`, `#icon-circle`, `#icon-rect`, `#icon-arrow`, `#icon-freehand`, `#icon-text`, `#icon-text-align-left`, `#icon-text-align-center`, `#icon-text-align-right`, `#icon-text-bullet-points`, `#icon-text-bold`, `#icon-text-bold`, `#icon-text-italic`, `#icon-text-underline`, `#icon-color` |
+| `VueUiCursor`     | ❌                        | `VueUiCursorConfig`     | ❌                                                                                                      | ❌                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `VueUiDashboard`  | `VueUiDashboardElement[]` | `VueUiDashboardConfig`  | `@change`                                                                                               | `#content`, `#top`, `#bottom`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `VueUiDigits`     | `number`                  | `VueUiDigitsConfig`     | ❌                                                                                                      | ❌                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `VueUiKpi`        | `number`                  | `VueUiKpiConfig`        | ❌                                                                                                      | `#title`, `#value`, `#comment-before`, `#comment-after`                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| `VueUiLabel`      | `VueUiLabelDataset`       | `VueUiLabelConfig`      | `@dragStart`, `@drag`, `@dragEnd`, `@mouseenter`, `@mouseleave`, `@click`, `@focus`, `@blur`, `reorder` | `#before`, `#after`, `#title`, `#content`                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| `VueUiMiniLoader` | ❌                        | `VueUiMiniLoaderConfig` | ❌                                                                                                      | ❌                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `VueUiSkeleton`   | ❌                        | `VueUiSkeletonConfig`   | ❌                                                                                                      | ❌                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `VueUiTimer`      | ❌                        | `VueUiTimerConfig`      | `@start`, `@pause`, `@reset`, `@restart`, `@lap`                                                        | `#time`, `#controls`, `#laps`, `#chart-background`                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `VueUiIcon`       | see below                 | -                       | -                                                                                                       | `#exp`, `#sub`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
 
 ### Icons
 

package/dist/{BaseDraggableDialog-BM_R41j8.js → BaseDraggableDialog-Gm4Q30j0.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { q as t, t as n } from "./lib-Dql7cqyA.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as i } from "./BaseIcon-t83PDe9k.js";
+import { t as i } from "./BaseIcon-D8R6_sKH.js";
 import { Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onMounted as h, onUnmounted as g, openBlock as _, reactive as v, ref as y, renderSlot as b, unref as x, withModifiers as S } from "vue";
 //#region src/atoms/BaseDraggableDialog.vue
 var C = /* @__PURE__ */ e({ default: () => E }), w = ["xmlns"], T = { class: "draggable-dialog-actions" }, E = /*#__PURE__*/ r({

package/dist/{BaseIcon-t83PDe9k.js → BaseIcon-D8R6_sKH.js}

@@ -41,7 +41,7 @@ var u = /* @__PURE__ */ e({ default: () => v }), d = [
 		}
 	},
 	setup(e) {
-		c((e) => ({ fa1bc5f2: v.value }));
+		c((e) => ({ v1c62b01d: v.value }));
 		let n = e, u = r(() => n.name === "numbers" ? "0 0 20 21" : "0 0 20 20"), v = r(() => n.spinDuration), y = (e) => `fill="${e}"`, b = (e) => `style="opacity:${e}"`, x = (e) => {
 			let t = [
 				1,
@@ -55,11 +55,11 @@ var u = /* @__PURE__ */ e({ default: () => v }), d = [
 				return `<circle ${y(e)} ${_} cx="${r}" cy="${i}" r="${t[a]}" />`;
 			})).join("");
 		}, S = {
-			chartHill: "M1 16c9 0 6-8 9-8 3 0 0 8 9 8m-9-13a1 1 0 000 2 1 1 0 000-2m-8 8a1 1 0 000 2 1 1 0 000-2m16 0a1 1 0 000 2 1 1 0 000-2",
-			annotation: "M10 17a1 1 0 0 0 0 2 1 1 0 0 0 0-2m-9 1h6m6 0h6M4 1h12v9h-4l-2 4M7 4h3M7 7h6M4 1v9h4l2 4",
+			chartHill: "M1 16c9 0 6-8 9-8s0 8 9 8M10 3a1 1 0 000 2 1 1 0 000-2m-8 8a1 1 0 000 2 1 1 0 000-2m16 0a1 1 0 000 2 1 1 0 000-2",
+			annotation: "M10 17a1 1 0 000 2 1 1 0 000-2m-9 1h6m6 0h6M4 1h12v9h-4l-2 4M7 4h3M7 7h6M4 1v9h4l2 4",
 			chartAgePyramid: "M2 15v2h7v-2zm9 0v2h7v-2zm-2-2H3v-2h6zm2-2v2h6v-2zM9 9H4V7h5zm2-2v2h5V7zM9 5H6V3h3zm2-2v2h3V3z",
 			chartLine: "M1 1v18h18M4 13c1 3 2 3 2 3 3 0 1-9 4-9 1 0 3 5 3 5 1 2 3 2 4-9",
-			dashboard: "M1 5a1 1 0 0 0 8 0 1 1 0 0 0-8 0m4-4v4h4M1 15h5m-5 3h7m5-9c0 1 0 1 1 1s1 0 1-1V6c0-1 0-1-1-1s-1 0-1 1zm4 0c0 1 0 1 1 1s1 0 1-1V4c0-1 0-1-1-1s-1 0-1 1zm-8 3 3 6 2-3 3 1 2-3M1 12h3",
+			dashboard: "M1 5a1 1 0 008 0A1 1 0 001 5m4-4v4h4M1 15h5m-5 3h7m5-9c0 1 0 1 1 1s1 0 1-1V6c0-1 0-1-1-1s-1 0-1 1zm4 0c0 1 0 1 1 1s1 0 1-1V4c0-1 0-1-1-1s-1 0-1 1zm-8 3 3 6 2-3 3 1 2-3M1 12h3",
 			csv: "M4 1Q1 1 1 4v12q0 3 3 3h12q3 0 3-3V6c-4 0-5-1-5-5Zm3 10c0-1 0-2-1-2H5c-1 0-1 1-1 2v3c0 1 0 2 1 2h1c1 0 1-1 1-2m5-3c0-1 0-2-1-2h-1c-1 0-1 1-1 2 0 2 3 1 3 3 0 1 0 2-1 2h-1c-1 0-1-1-1-2m5-5 1 7 1-7",
 			star: "m1.333 8.226 5.976-.895L9.96 1.9l2.7 5.406 5.983.843-4.308 4.237 1.047 5.951-5.36-2.788-5.337 2.836.995-5.96-4.345-4.201",
 			fullscreen: "M1 6V4q0-3 3-3h2m8 0h2q3 0 3 3v2m0 8v2q0 3-3 3h-2m-8 0H4q-3 0-3-3v-2m8-5L5 5m6 4 4-4m-4 6 4 4m-6-4-4 4m0-3v3h3m4 0h3v-3m0-4V5h-3M8 5H5v3",
@@ -479,6 +479,6 @@ var u = /* @__PURE__ */ e({ default: () => v }), d = [
 			style: { background: "transparent" }
 		}, null, 10, f));
 	}
-}, [["__scopeId", "data-v-92c1d3b1"]]);
+}, [["__scopeId", "data-v-4852569f"]]);
 //#endregion
 export { u as n, v as t };

package/dist/{BaseLegendToggle-__JnV08B.js → BaseLegendToggle-CXQrLjd-.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./BaseIcon-t83PDe9k.js";
+import { t } from "./BaseIcon-D8R6_sKH.js";
 import { createElementBlock as n, createElementVNode as r, createVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, withKeys as c } from "vue";
 var l = /*#__PURE__*/ e({
 	__name: "BaseLegendToggle",

package/dist/{BaseZoomControls-Xo16vFa4.js → BaseZoomControls-BTzjVDPM.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./BaseIcon-t83PDe9k.js";
+import { t } from "./BaseIcon-D8R6_sKH.js";
 import { r as n } from "./exposedLib-CG3aXJ-v.js";
 import { createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, toDisplayString as u, unref as d } from "vue";
 //#region src/atoms/BaseZoomControls.vue

package/dist/{ColorPicker-ZJrR3Olp.js → ColorPicker-CUy15T72.js}

@@ -1,24 +1,24 @@
 import { r as e } from "./lib-Dql7cqyA.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as n } from "./BaseIcon-t83PDe9k.js";
+import { t as n } from "./BaseIcon-D8R6_sKH.js";
 import { t as r } from "./vClickOutside-DUrZWttG.js";
-import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, guardReactiveProps as f, nextTick as p, normalizeProps as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, unref as S, useCssVars as C, watch as w, watchEffect as T, withDirectives as E, withKeys as D, withModifiers as O } from "vue";
+import { Fragment as i, Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, guardReactiveProps as f, nextTick as p, normalizeProps as m, normalizeStyle as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, renderSlot as x, unref as ee, useCssVars as te, watch as S, watchEffect as C, withDirectives as w, withKeys as T, withModifiers as E } from "vue";
 //#region src/atoms/ColorPicker.vue
-var k = ["aria-expanded", "aria-label"], A = [
+var D = ["aria-expanded", "aria-label"], O = [
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], ee = { style: {
+], k = { style: {
 	position: "absolute",
 	top: "50%",
 	left: "50%",
 	transform: "translate(-50%, -46%)"
-} }, te = ["value"], ne = ["onClick"], re = { style: {
+} }, A = ["value"], j = ["onClick"], ne = { style: {
 	position: "absolute",
 	top: "50%",
 	left: "50%",
 	transform: "translate(-50%, -46%)"
-} }, ie = ["value"], j = /*#__PURE__*/ t({
+} }, re = ["value"], M = /*#__PURE__*/ t({
 	__name: "ColorPicker",
 	props: {
 		value: {
@@ -44,110 +44,112 @@ var k = ["aria-expanded", "aria-label"], A = [
 		isCursorPointer: {
 			type: Boolean,
 			default: !1
+		},
+		palette: {
+			type: Array,
+			default: () => [
+				"#000000",
+				"#FFFFFF",
+				"#FF5733",
+				"#33FF57",
+				"#3357FF",
+				"#FFC300",
+				"#800080",
+				"#FF1493",
+				"#00CED1"
+			]
 		}
 	},
 	emits: ["update:value"],
-	setup(t, { emit: j }) {
-		C((e) => ({ v6ca7d17c: t.buttonBorderColor }));
-		let M = t, N = j, P = y(null), F = y(null), I = y(null), L = y(!1), R = y(!1), z = y({
+	setup(t, { emit: M }) {
+		te((e) => ({ v22adcab1: t.buttonBorderColor }));
+		let N = t, P = M, F = y(null), I = y(null), L = y(null), R = y(!1), z = y(!1), B = y({
 			top: 0,
 			left: 0
-		}), B = o(() => ({
-			backgroundColor: M.value,
+		}), V = o(() => ({
+			backgroundColor: N.value,
 			width: "100%",
 			height: "100%",
-			cursor: M.isCursorPointer ? "pointer" : "default"
-		})), V = o(() => e(M.value));
-		function H(e) {
-			N("update:value", e), L.value = !1;
-		}
+			cursor: N.isCursorPointer ? "pointer" : "default"
+		})), H = o(() => e(N.value));
 		function U(e) {
-			N("update:value", e.target.value);
+			P("update:value", e), R.value = !1;
 		}
 		function W(e) {
-			e?.stopPropagation?.(), R.value = !0, I.value?.click();
+			P("update:value", e.target.value);
 		}
-		function G() {
-			L.value = !1;
+		function G(e) {
+			e?.stopPropagation?.(), z.value = !0, L.value?.click();
 		}
 		function K() {
-			!R.value && L.value && G();
+			R.value = !1;
 		}
-		async function q() {
-			L.value = !L.value, L.value && M.teleported && (await p(), J());
+		function q() {
+			!z.value && R.value && K();
 		}
-		function J() {
-			if (!F.value) return;
-			let e = F.value.getBoundingClientRect();
-			z.value = {
+		async function J() {
+			R.value = !R.value, R.value && N.teleported && (await p(), Y());
+		}
+		function Y() {
+			if (!I.value) return;
+			let e = I.value.getBoundingClientRect();
+			B.value = {
 				top: e.top + 36,
 				left: e.right - 48
 			};
 		}
-		function Y() {
-			L.value && M.teleported && J();
-		}
 		function X() {
-			setTimeout(() => R.value = !1, 0);
+			R.value && N.teleported && Y();
+		}
+		function Z() {
+			setTimeout(() => z.value = !1, 0);
 		}
-		T((e) => {
-			let t = I.value;
+		C((e) => {
+			let t = L.value;
 			if (!t) return;
-			let n = () => X(), r = () => X(), i = () => {};
+			let n = () => Z(), r = () => Z(), i = () => {};
 			t.addEventListener("blur", n), t.addEventListener("change", r), t.addEventListener("input", i), e(() => {
 				t.removeEventListener("blur", n), t.removeEventListener("change", r), t.removeEventListener("input", i);
 			});
 		});
-		function Z() {
-			X();
-		}
 		function Q() {
-			document.visibilityState === "visible" && X();
+			Z();
 		}
-		_(() => {
-			window.addEventListener("scroll", Y, { passive: !0 }), window.addEventListener("resize", Y, { passive: !0 }), window.addEventListener("focus", Z), document.addEventListener("visibilitychange", Q);
+		function $() {
+			document.visibilityState === "visible" && Z();
+		}
+		return _(() => {
+			window.addEventListener("scroll", X, { passive: !0 }), window.addEventListener("resize", X, { passive: !0 }), window.addEventListener("focus", Q), document.addEventListener("visibilitychange", $);
 		}), g(() => {
-			window.removeEventListener("scroll", Y), window.removeEventListener("resize", Y), window.removeEventListener("focus", Z), document.removeEventListener("visibilitychange", Q);
-		}), w(() => M.value, (e) => {
-			I.value && (I.value.value = e);
-		});
-		let $ = y([
-			"#000000",
-			"#FFFFFF",
-			"#FF5733",
-			"#33FF57",
-			"#3357FF",
-			"#FFC300",
-			"#800080",
-			"#FF1493",
-			"#00CED1"
-		]);
-		return (e, o) => E((v(), l("div", {
+			window.removeEventListener("scroll", X), window.removeEventListener("resize", X), window.removeEventListener("focus", Q), document.removeEventListener("visibilitychange", $);
+		}), S(() => N.value, (e) => {
+			L.value && (L.value.value = e);
+		}), (e, o) => w((v(), l("div", {
 			ref_key: "wrapperRef",
-			ref: P,
-			onKeydown: D(K, ["esc"]),
+			ref: F,
+			onKeydown: T(q, ["esc"]),
 			style: {
 				height: "100%",
 				width: "100%",
 				position: "relative"
 			},
-			"aria-expanded": L.value ? "true" : "false",
+			"aria-expanded": R.value ? "true" : "false",
 			"aria-haspopup": "dialog",
 			"aria-label": `Choose color. Current color ${t.value}`
 		}, [
 			u("button", {
 				ref_key: "buttonRef",
-				ref: F,
+				ref: I,
 				class: "icon",
-				onClick: q,
-				style: h(B.value),
+				onClick: J,
+				style: h(V.value),
 				type: "button"
-			}, [x(e.$slots, "annotator-action-color", m(f({ color: V.value })), () => [d(n, {
+			}, [x(e.$slots, "annotator-action-color", m(f({ color: H.value })), () => [d(n, {
 				name: "palette",
-				stroke: V.value,
+				stroke: H.value,
 				size: 22
 			}, null, 8, ["stroke"])], !0)], 4),
-			L.value && !t.teleported ? (v(), l("div", {
+			R.value && !t.teleported ? (v(), l("div", {
 				key: 0,
 				class: "vue-ui-color-picker",
 				role: "dialog",
@@ -159,11 +161,11 @@ var k = ["aria-expanded", "aria-label"], A = [
 					top: "50%",
 					transform: "translateY(-18%)"
 				}),
-				onMousedown: o[2] ||= O(() => {}, ["stop"]),
-				onClick: o[3] ||= O(() => {}, ["stop"]),
-				onTouchstart: o[4] ||= O(() => {}, ["stop"]),
-				onKeydown: D(K, ["esc"])
-			}, [(v(!0), l(i, null, b($.value, (e) => (v(), l("button", {
+				onMousedown: o[2] ||= E(() => {}, ["stop"]),
+				onClick: o[3] ||= E(() => {}, ["stop"]),
+				onTouchstart: o[4] ||= E(() => {}, ["stop"]),
+				onKeydown: T(q, ["esc"])
+			}, [(v(!0), l(i, null, b(t.palette, (e) => (v(), l("button", {
 				key: e,
 				"aria-label": `Select color ${e}`,
 				"aria-pressed": t.value === e ? "true" : "false",
@@ -174,8 +176,8 @@ var k = ["aria-expanded", "aria-label"], A = [
 					outline: `1px solid ${t.buttonBorderColor}`,
 					cursor: t.isCursorPointer ? "pointer" : "default"
 				}),
-				onClick: () => H(e)
-			}, null, 12, A))), 128)), u("button", {
+				onClick: () => U(e)
+			}, null, 12, O))), 128)), u("button", {
 				class: "vue-ui-color-picker-option",
 				type: "button",
 				style: h({
@@ -184,22 +186,22 @@ var k = ["aria-expanded", "aria-label"], A = [
 					cursor: t.isCursorPointer ? "pointer" : "default"
 				}),
 				"aria-label": "Open native color picker",
-				onClick: O(W, ["stop"]),
-				onMousedown: o[0] ||= O(() => {}, ["stop"]),
-				onTouchstart: o[1] ||= O(() => {}, ["stop"])
-			}, [u("div", ee, [d(n, {
+				onClick: E(G, ["stop"]),
+				onMousedown: o[0] ||= E(() => {}, ["stop"]),
+				onTouchstart: o[1] ||= E(() => {}, ["stop"])
+			}, [u("div", k, [d(n, {
 				name: "colorPicker",
-				stroke: V.value,
+				stroke: H.value,
 				size: 22
 			}, null, 8, ["stroke"])]), u("input", {
 				ref_key: "colorInput",
-				ref: I,
+				ref: L,
 				type: "color",
 				value: t.value,
 				class: "hidden-input",
-				onInput: U
-			}, null, 40, te)], 36)], 36)) : c("", !0),
-			L.value && t.teleported ? (v(), s(a, {
+				onInput: W
+			}, null, 40, A)], 36)], 36)) : c("", !0),
+			R.value && t.teleported ? (v(), s(a, {
 				key: 1,
 				to: "body"
 			}, [u("div", {
@@ -208,14 +210,14 @@ var k = ["aria-expanded", "aria-label"], A = [
 				style: h({
 					backgroundColor: t.backgroundColor,
 					position: "fixed",
-					top: z.value.top + "px",
-					left: z.value.left + "px",
+					top: B.value.top + "px",
+					left: B.value.left + "px",
 					zIndex: 2147483647
 				}),
-				onMousedown: o[7] ||= O(() => {}, ["stop"]),
-				onClick: o[8] ||= O(() => {}, ["stop"]),
-				onTouchstart: o[9] ||= O(() => {}, ["stop"])
-			}, [(v(!0), l(i, null, b($.value, (e) => (v(), l("button", {
+				onMousedown: o[7] ||= E(() => {}, ["stop"]),
+				onClick: o[8] ||= E(() => {}, ["stop"]),
+				onTouchstart: o[9] ||= E(() => {}, ["stop"])
+			}, [(v(!0), l(i, null, b(t.palette, (e) => (v(), l("button", {
 				key: e,
 				class: "vue-ui-color-picker-option",
 				type: "button",
@@ -224,8 +226,8 @@ var k = ["aria-expanded", "aria-label"], A = [
 					outline: `1px solid ${t.buttonBorderColor}`,
 					cursor: t.isCursorPointer ? "pointer" : "default"
 				}),
-				onClick: () => H(e)
-			}, null, 12, ne))), 128)), u("button", {
+				onClick: () => U(e)
+			}, null, 12, j))), 128)), u("button", {
 				class: "vue-ui-color-picker-option",
 				type: "button",
 				style: h({
@@ -233,23 +235,23 @@ var k = ["aria-expanded", "aria-label"], A = [
 					outline: `1px solid ${t.buttonBorderColor}`,
 					cursor: t.isCursorPointer ? "cursor" : "default"
 				}),
-				onClick: O(W, ["stop"]),
-				onMousedown: o[5] ||= O(() => {}, ["stop"]),
-				onTouchstart: o[6] ||= O(() => {}, ["stop"])
-			}, [u("div", re, [d(n, {
+				onClick: E(G, ["stop"]),
+				onMousedown: o[5] ||= E(() => {}, ["stop"]),
+				onTouchstart: o[6] ||= E(() => {}, ["stop"])
+			}, [u("div", ne, [d(n, {
 				name: "colorPicker",
-				stroke: V.value,
+				stroke: H.value,
 				size: 22
 			}, null, 8, ["stroke"])]), u("input", {
 				ref_key: "colorInput",
-				ref: I,
+				ref: L,
 				type: "color",
 				value: t.value,
 				class: "hidden-input",
-				onInput: U
-			}, null, 40, ie)], 36)], 36)])) : c("", !0)
-		], 40, k)), [[S(r), K]]);
+				onInput: W
+			}, null, 40, re)], 36)], 36)])) : c("", !0)
+		], 40, D)), [[ee(r), q]]);
 	}
-}, [["__scopeId", "data-v-2965a72c"]]);
+}, [["__scopeId", "data-v-f18faf44"]]);
 //#endregion
-export { j as t };
+export { M as t };

package/dist/{DataTable-COIO9gi4.js → DataTable-oiM9uWrQ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./Shape-CIqU-p2F.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as n } from "./BaseIcon-t83PDe9k.js";
+import { t as n } from "./BaseIcon-D8R6_sKH.js";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, normalizeClass as l, normalizeStyle as u, onMounted as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useCssVars as v, withKeys as y } from "vue";
 //#region src/atoms/DataTable.vue
 var b = { class: "vue-ui-data-table" }, x = { style: {

package/dist/{HillActions-Cl-dNBZR.js → HillActions-Dn8aKOVJ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./BaseIcon-t83PDe9k.js";
+import { t } from "./BaseIcon-D8R6_sKH.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h } from "vue";
 //#region src/atoms/HillActions.vue
 var g = ["aria-label"], _ = ["aria-label"], v = ["aria-label"], y = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ name: "HillActions" }, {

package/dist/{NonSvgPenAndPaper-DS84BAOx.js → NonSvgPenAndPaper-DFXjpRyl.js}

@@ -1,7 +1,7 @@
 import { X as e, jt as t, q as n, t as r } from "./lib-Dql7cqyA.js";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as a } from "./BaseIcon-t83PDe9k.js";
-import { t as o } from "./ColorPicker-ZJrR3Olp.js";
+import { t as a } from "./BaseIcon-D8R6_sKH.js";
+import { t as o } from "./ColorPicker-CUy15T72.js";
 import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, guardReactiveProps as p, nextTick as ee, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as te, onMounted as ne, openBlock as _, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as re, vModelText as ie, watch as S, withCtx as ae, withDirectives as oe, withModifiers as se } from "vue";
 //#region src/atoms/NonSvgPenAndPaper.vue
 var ce = ["disabled"], le = [

package/dist/{PackageVersion-5SWftabm.js → PackageVersion-ur6jKRL5.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { t } from "./package-DmsdiyeS.js";
+import { t } from "./package-Dx7M6sYy.js";
 import { createElementBlock as n, openBlock as r, toDisplayString as i, unref as a } from "vue";
 //#region src/atoms/PackageVersion.vue
 var o = /* @__PURE__ */ e({ default: () => c }), s = { "aria-hidden": "true" }, c = {

package/dist/{PenAndPaper-B_SdRSKH.js → PenAndPaper-KFzKlvbi.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { X as t, jt as n, q as r, t as i } from "./lib-Dql7cqyA.js";
-import { t as a } from "./BaseIcon-t83PDe9k.js";
-import { t as o } from "./ColorPicker-ZJrR3Olp.js";
+import { t as a } from "./BaseIcon-D8R6_sKH.js";
+import { t as o } from "./ColorPicker-CUy15T72.js";
 import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, guardReactiveProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as ee, onMounted as te, openBlock as ne, ref as _, renderSlot as v, toDisplayString as re, unref as ie, vModelText as ae, watch as y, withCtx as oe, withDirectives as se } from "vue";
 //#region src/atoms/PenAndPaper.vue
 var ce = /* @__PURE__ */ e({ default: () => b }), le = {
@@ -38,6 +38,20 @@ var ce = /* @__PURE__ */ e({ default: () => b }), le = {
 		isCursorPointer: {
 			type: Boolean,
 			default: !1
+		},
+		palette: {
+			type: Array,
+			default: () => [
+				"#000000",
+				"#FFFFFF",
+				"#FF5733",
+				"#33FF57",
+				"#3357FF",
+				"#FFC300",
+				"#800080",
+				"#FF1493",
+				"#00CED1"
+			]
 		}
 	},
 	emits: ["close"],
@@ -789,7 +803,8 @@ var ce = /* @__PURE__ */ e({ default: () => b }), le = {
 				"onUpdate:value": r[1] ||= (e) => C.value = e,
 				backgroundColor: e.backgroundColor,
 				buttonBorderColor: J.value,
-				isCursorPointer: e.isCursorPointer
+				isCursorPointer: e.isCursorPointer,
+				palette: e.palette
 			}, {
 				"annotator-action-color": oe(({ color: e }) => [v(n.$slots, "annotator-action-color", h(f({ color: e })))]),
 				_: 3
@@ -797,7 +812,8 @@ var ce = /* @__PURE__ */ e({ default: () => b }), le = {
 				"value",
 				"backgroundColor",
 				"buttonBorderColor",
-				"isCursorPointer"
+				"isCursorPointer",
+				"palette"
 			])], 4),
 			u("button", {
 				class: m(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": H.value === "text" }]),

package/dist/{SlicerPreview-GvsdvE-h.js → SlicerPreview-B6iHOC9L.js}

@@ -1,7 +1,7 @@
 import { B as e, Ct as t, H as n, I as r, P as i, Qt as a, Tt as o, V as ee, q as te, r as ne, t as re } from "./lib-Dql7cqyA.js";
 import { t as s } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { i as ie, l as c, t as ae } from "./useResponsive-ZtArZtUf.js";
-import { t as oe } from "./BaseIcon-t83PDe9k.js";
+import { t as oe } from "./BaseIcon-D8R6_sKH.js";
 import { t as se } from "./DefGrad-DVBqDjhO.js";
 import { Fragment as l, computed as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as ce, guardReactiveProps as le, mergeProps as ue, nextTick as de, normalizeClass as m, normalizeProps as fe, normalizeStyle as h, onBeforeUnmount as pe, onMounted as me, onUpdated as he, openBlock as g, ref as _, renderList as v, renderSlot as ge, toDisplayString as _e, unref as ve, useCssVars as ye, vModelText as be, watch as xe, withDirectives as Se, withKeys as Ce, withModifiers as y } from "vue";
 //#region src/atoms/SlicerPreview.vue

package/dist/{UserOptions-f3Q0nqrj.js → UserOptions-2x4VklMW.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { t } from "./img-DhGApYG0.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as r } from "./BaseIcon-t83PDe9k.js";
+import { t as r } from "./BaseIcon-D8R6_sKH.js";
 import { t as i } from "./vClickOutside-DUrZWttG.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, guardReactiveProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, normalizeStyle as g, onBeforeUnmount as _, onMounted as ee, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, watch as te, withDirectives as ne, withKeys as C, withModifiers as w } from "vue";
 //#region src/directives/vPopoverClickOutside.js

package/dist/components/vue-ui-3d-bar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-3d-bar-CH8SpxS2.js";
+import { t as e } from "../vue-ui-3d-bar-i1REAKnM.js";
 export { e as VueUi3dBar, e as default };

package/dist/components/vue-ui-accordion.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-accordion-D4zsdacF.js";
+import { t as e } from "../vue-ui-accordion-BSmBUjwZ.js";
 export { e as VueUiAccordion, e as default };

package/dist/components/vue-ui-age-pyramid.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-age-pyramid-B9MUVi75.js";
+import { t as e } from "../vue-ui-age-pyramid-DuHblCNO.js";
 export { e as VueUiAgePyramid, e as default };

package/dist/components/vue-ui-annotator.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-annotator-CmlcWPIm.js";
+import { t as e } from "../vue-ui-annotator-CTQHAPho.js";
 export { e as VueUiAnnotator, e as default };

package/dist/components/vue-ui-bullet.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-bullet-n8KNnDwh.js";
+import { t as e } from "../vue-ui-bullet-CYLnKrmM.js";
 export { e as VueUiBullet, e as default };

package/dist/components/vue-ui-bump.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-bump-BkOtQNWe.js";
+import { t as e } from "../vue-ui-bump-DhwySwgn.js";
 export { e as VueUiBump, e as default };

package/dist/components/vue-ui-candlestick.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-candlestick-Bxlvqk49.js";
+import { t as e } from "../vue-ui-candlestick-BpiECaDj.js";
 export { e as VueUiCandlestick, e as default };

package/dist/components/vue-ui-carousel-table.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-carousel-table-CRgbs7jR.js";
+import { t as e } from "../vue-ui-carousel-table-D-T2yA7-.js";
 export { e as VueUiCarouselTable, e as default };

package/dist/components/vue-ui-chestnut.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-chestnut-ByDKbkG9.js";
+import { t as e } from "../vue-ui-chestnut-1MsZ9Q3r.js";
 export { e as VueUiChestnut, e as default };

package/dist/components/vue-ui-chord.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-chord-DQRBgVOx.js";
+import { t as e } from "../vue-ui-chord-QBQUSe7r.js";
 export { e as VueUiChord, e as default };

package/dist/components/vue-ui-circle-pack.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-circle-pack-CBBc0HOe.js";
+import { t as e } from "../vue-ui-circle-pack-ZWEwtesD.js";
 export { e as VueUiCirclePack, e as default };

package/dist/components/vue-ui-cursor.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-cursor-BHyXRadA.js";
+import { t as e } from "../vue-ui-cursor-CHQcHAHQ.js";
 export { e as VueUiCursor, e as default };

package/dist/components/vue-ui-dag.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-dag-CyVqaLbF.js";
+import { t as e } from "../vue-ui-dag-C_inEafb.js";
 export { e as VueUiDag, e as default };

package/dist/components/vue-ui-dashboard.js

@@ -1,2 +1,2 @@
-import { t as e } from "../vue-ui-dashboard-7I-7wvCP.js";
+import { t as e } from "../vue-ui-dashboard-Bs2mBur5.js";
 export { e as VueUiDashboard, e as default };