vue-data-ui 3.22.14 → 3.23.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 ALEC LLOYD PROBERT
+Copyright (c) 2026 ALEC LLOYD PROBERT
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -11,7 +11,7 @@
 [![License](https://npmx.dev/api/registry/badge/license/vue-data-ui)](https://npmx.dev/package/vue-data-ui)
 [![Types](https://npmx.dev/api/registry/badge/types/vue-data-ui)](https://npmx.dev/package/vue-data-ui)
 [![npm downloads](https://npmx.dev/api/registry/badge/downloads/vue-data-ui)](https://npmx.dev/package/vue-data-ui?modal=chart)
-[![Static Badge](https://npmx.dev/api/registry/badge/version/nuxt?color=22c55e&value=67&label=components)](https://vue-data-ui.graphieros.com)
+[![Static Badge](https://npmx.dev/api/registry/badge/version/nuxt?color=22c55e&value=68&label=components)](https://vue-data-ui.graphieros.com)
 [![GitHub issues](https://img.shields.io/github/issues/graphieros/vue-data-ui)](https://github.com/graphieros/vue-data-ui/issues)
 [![MadeWithVueJs.com shield](https://madewithvuejs.com/storage/repo-shields/4526-shield.svg)](https://madewithvuejs.com/p/vue-data-ui/shield-link)
 [![GitHub Repo stars](https://img.shields.io/github/stars/graphieros/vue-data-ui)](https://github.com/graphieros/vue-data-ui)
@@ -100,6 +100,10 @@ Available components
 - [VueUiGeo](https://vue-data-ui.graphieros.com/docs#vue-ui-geo)
 - [VueUiWorld](https://vue-data-ui.graphieros.com/docs#vue-ui-world)
 
+## Productivity
+
+- [VueUiHill](https://vue-data-ui.graphieros.com/docs#vue-ui-hill)
+
 ## Utilities
 
 - [VueUiAccordion](https://vue-data-ui.graphieros.com/docs#vue-ui-accordion)
@@ -253,6 +257,7 @@ All charts expose a #legend slot except for:
 - VueUiFlow
 - VueUiFunnel
 - VueUiHeatmap
+- VueUiHill
 - VueUiRelationCircle
 - VueUiSparkHistogram
 - VueUiSparkStackbar
@@ -621,6 +626,12 @@ From the dataset you pass into the props, this component will produce the most a
 | `VueUiRating` | `VueUiRatingDataset` | `VueUiRatingConfig` | `@rate`, `getData`,`toggleReadonly` | `#layer-under`, `#layer-above` |
 | `VueUiSmiley` | `VueUiRatingDataset` | `VueUiSmileyConfig` | `@rate`, `getData`,`toggleReadonly` |                                |
 
+### Productivity
+
+| Name        | dataset type           | config type       | emits / exposed methods                                                                                                                                        | slots                                                                                                          | custom tooltip | themes |
+| ----------- | ---------------------- | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- | -------------- | ------ |
+| `VueUiHill` | `VueUiHillDatasetItem` | `VueUiHillConfig` | `edit`, `save`, `cancel`, `copyAlt`, `dragStart`, `dragEnd`, `datapointEnter`, `datapointLeave`, `selectDatapoint`, `generatePdf`, `generateImage`, `getImage` | `#svg`, `#analysis`, `#loading`, `#watermark`, `#chart-background`, `#hill-edit`, `#hill-cancel`, `#hill-save` | ❌             | ✅     |
+
 ### Utilities
 
 | Name              | dataset type              | config type             | emits / exposed methods                          | slots                                                   |
@@ -811,6 +822,7 @@ User options actions available per chart:
 | VueUiWorld                  | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen, optionAnnotator, optionSvg                            |
 | VueUiXy                     | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator, optionSvg |
 | VueUiXyCanvas               | optionAltCopy, optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack, optionAnnotator            |
+| VueUiHill                   | optionAltCopy, optionPdf, optionImg, optionCsv optionLabels, optionFullscreen, optionAnnotator, hill-edit, hill-cancel, hill-save                   |
 
 User options menu icon can be customized using the #menuIcon slot:
 

package/dist/{Arrow-Ci7Burxz.js → Arrow-CF0VFcBH.js}

@@ -1,4 +1,4 @@
-import { K as e } from "./lib-C-QGo8GG.js";
+import { q as e } from "./lib-Bttd6u5E.js";
 import { computed as t, createElementBlock as n, createElementVNode as r, openBlock as i, unref as a } from "vue";
 //#region src/atoms/Arrow.vue
 var o = { class: "vue-ui-element-arrow" }, s = [

package/dist/{BaseDraggableDialog-hyW32gLf.js → BaseDraggableDialog-LoqqwRtV.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { K as t, t as n } from "./lib-C-QGo8GG.js";
+import { q as t, t as n } from "./lib-Bttd6u5E.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as i } from "./BaseIcon-DJbOzCDs.js";
+import { t as i } from "./BaseIcon-BfndwIWE.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-DJbOzCDs.js → BaseIcon-BfndwIWE.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { t } from "./lib-C-QGo8GG.js";
+import { t } from "./lib-Bttd6u5E.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as r, createElementBlock as i, normalizeClass as a, openBlock as o, unref as s, useCssVars as c, useSlots as l } from "vue";
 //#region src/atoms/BaseIcon.vue
@@ -41,7 +41,7 @@ var u = /* @__PURE__ */ e({ default: () => v }), d = [
 		}
 	},
 	setup(e) {
-		c((e) => ({ v76c62cde: v.value }));
+		c((e) => ({ fa1bc5f2: 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,6 +55,7 @@ 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",
 			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",
@@ -478,6 +479,6 @@ var u = /* @__PURE__ */ e({ default: () => v }), d = [
 			style: { background: "transparent" }
 		}, null, 10, f));
 	}
-}, [["__scopeId", "data-v-d66f36a7"]]);
+}, [["__scopeId", "data-v-92c1d3b1"]]);
 //#endregion
 export { u as n, v as t };

package/dist/{BaseLegendToggle-DJU4VsLO.js → BaseLegendToggle-DZVucLnv.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./BaseIcon-DJbOzCDs.js";
+import { t } from "./BaseIcon-BfndwIWE.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-CwhpsHIL.js → BaseZoomControls-BZvCnZEi.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./BaseIcon-DJbOzCDs.js";
-import { r as n } from "./exposedLib-CfZhN94x.js";
+import { t } from "./BaseIcon-BfndwIWE.js";
+import { r as n } from "./exposedLib-C0DPCgFj.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
 var f = ["disabled"], p = /*#__PURE__*/ e({

package/dist/{ColorPicker-BVWrKEQl.js → ColorPicker--ayG2YHf.js}

@@ -1,6 +1,6 @@
-import { r as e } from "./lib-C-QGo8GG.js";
+import { r as e } from "./lib-Bttd6u5E.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as n } from "./BaseIcon-DJbOzCDs.js";
+import { t as n } from "./BaseIcon-BfndwIWE.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";
 //#region src/atoms/ColorPicker.vue

package/dist/{DataTable-rIsBpJMt.js → DataTable-BbKgJ5UI.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./Shape-Dmh9jBFh.js";
+import { t as e } from "./Shape-C21CMlWS.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as n } from "./BaseIcon-DJbOzCDs.js";
+import { t as n } from "./BaseIcon-BfndwIWE.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-BD9j_sOU.js

@@ -0,0 +1,187 @@
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./BaseIcon-BfndwIWE.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" }, {
+	__name: "HillActions",
+	props: {
+		isEditing: {
+			type: Boolean,
+			default: !1
+		},
+		isEditable: {
+			type: Boolean,
+			default: !0
+		},
+		isFullscreen: {
+			type: Boolean,
+			default: !1
+		},
+		position: {
+			type: String,
+			default: "left",
+			validator: (e) => ["left", "right"].includes(e)
+		},
+		color: {
+			type: String,
+			default: "#2D353C"
+		},
+		backgroundColor: {
+			type: String,
+			default: "#FFFFFF"
+		},
+		translations: {
+			type: Object,
+			default() {
+				return {
+					edit: "Edit",
+					cancel: "Cancel",
+					save: "Save"
+				};
+			}
+		},
+		showTooltips: {
+			type: Boolean,
+			default: !0
+		},
+		isCursorPointer: {
+			type: Boolean,
+			default: !1
+		},
+		zIndex: {
+			type: Number,
+			default: 1
+		}
+	},
+	emits: [
+		"update",
+		"cancel",
+		"save"
+	],
+	setup(e, { emit: y }) {
+		let b = e, x = y, S = p(!0), C = p(null), w = r(() => ({
+			zIndex: b.zIndex,
+			position: b.isFullscreen ? "fixed" : "absolute",
+			top: "0",
+			left: b.position === "left" ? b.isFullscreen ? "12px" : "0" : "auto",
+			right: b.position === "right" ? b.isFullscreen ? "12px" : "0" : "auto",
+			height: "36px",
+			padding: "4px",
+			background: "transparent",
+			display: "flex",
+			alignItems: "center",
+			gap: "4px",
+			overflow: "visible"
+		})), T = r(() => ({
+			cursor: b.isCursorPointer ? "pointer" : "default",
+			background: b.backgroundColor,
+			color: b.color
+		}));
+		function E() {
+			if (typeof window > "u") {
+				S.value = !0;
+				return;
+			}
+			S.value = window.innerWidth > 600;
+		}
+		function D(e) {
+			E(), C.value = e;
+		}
+		function O(e) {
+			C.value === e && (C.value = null);
+		}
+		function k(e) {
+			return {
+				"button-info-left": b.position === "left",
+				"button-info-right": b.position === "right",
+				"button-info-left-visible": b.position === "left" && C.value === e,
+				"button-info-right-visible": b.position === "right" && C.value === e
+			};
+		}
+		function A(e) {
+			b.showTooltips && D(e);
+		}
+		function j(e) {
+			O(e), x(e);
+		}
+		return d(() => {
+			E(), window.addEventListener("resize", E, { passive: !0 });
+		}), u(() => {
+			window.removeEventListener("resize", E);
+		}), (r, u) => e.isEditable ? (f(), a("div", {
+			key: 0,
+			class: "vue-ui-hill-actions",
+			style: l(w.value),
+			"data-dom-to-png-ignore": ""
+		}, [e.isEditing ? (f(), a(n, { key: 1 }, [o("button", {
+			type: "button",
+			class: "vue-ui-hill-actions__button",
+			style: l(T.value),
+			"aria-label": e.translations.cancel,
+			onMouseenter: u[5] ||= (e) => A("cancel"),
+			onMouseout: u[6] ||= (e) => O("cancel"),
+			onFocus: u[7] ||= (e) => A("cancel"),
+			onBlur: u[8] ||= (e) => O("cancel"),
+			onClick: u[9] ||= (e) => j("cancel")
+		}, [m(r.$slots, "hill-cancel", {}, () => [s(t, {
+			name: "circleCancel",
+			stroke: e.color,
+			style: { "pointer-events": "none" }
+		}, null, 8, ["stroke"])], !0), e.showTooltips && S.value && e.translations.cancel ? (f(), a("div", {
+			key: 0,
+			dir: "auto",
+			class: c(k("cancel")),
+			style: l({
+				background: e.backgroundColor,
+				color: e.color
+			})
+		}, h(e.translations.cancel), 7)) : i("", !0)], 44, _), o("button", {
+			type: "button",
+			class: "vue-ui-hill-actions__button",
+			style: l(T.value),
+			"aria-label": e.translations.save,
+			onMouseenter: u[10] ||= (e) => A("save"),
+			onMouseout: u[11] ||= (e) => O("save"),
+			onFocus: u[12] ||= (e) => A("save"),
+			onBlur: u[13] ||= (e) => O("save"),
+			onClick: u[14] ||= (e) => j("save")
+		}, [m(r.$slots, "hill-save", {}, () => [s(t, {
+			name: "save",
+			stroke: e.color,
+			style: { "pointer-events": "none" }
+		}, null, 8, ["stroke"])], !0), e.showTooltips && S.value && e.translations.save ? (f(), a("div", {
+			key: 0,
+			dir: "auto",
+			class: c(k("save")),
+			style: l({
+				background: e.backgroundColor,
+				color: e.color
+			})
+		}, h(e.translations.save), 7)) : i("", !0)], 44, v)], 64)) : (f(), a("button", {
+			key: 0,
+			type: "button",
+			class: "vue-ui-hill-actions__button",
+			style: l(T.value),
+			"aria-label": e.translations.edit,
+			onMouseenter: u[0] ||= (e) => A("update"),
+			onMouseout: u[1] ||= (e) => O("update"),
+			onFocus: u[2] ||= (e) => A("update"),
+			onBlur: u[3] ||= (e) => O("update"),
+			onClick: u[4] ||= (e) => j("update")
+		}, [m(r.$slots, "hill-edit", {}, () => [s(t, {
+			name: "move",
+			stroke: e.color,
+			style: { "pointer-events": "none" }
+		}, null, 8, ["stroke"])], !0), e.showTooltips && S.value && e.translations.edit ? (f(), a("div", {
+			key: 0,
+			dir: "auto",
+			class: c(k("update")),
+			style: l({
+				background: e.backgroundColor,
+				color: e.color
+			})
+		}, h(e.translations.edit), 7)) : i("", !0)], 44, g))], 4)) : i("", !0);
+	}
+}), [["__scopeId", "data-v-f3e67d0c"]]);
+//#endregion
+export { y as default };

package/dist/{Legend-DSPDFP3n.js → Legend-CQxUgOd-.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ct as t } from "./lib-C-QGo8GG.js";
-import { t as n } from "./Shape-Dmh9jBFh.js";
+import { wt as t } from "./lib-Bttd6u5E.js";
+import { t as n } from "./Shape-C21CMlWS.js";
 import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, unref as h } from "vue";
 //#region src/atoms/Legend.vue

package/dist/{NonSvgPenAndPaper-DZyYthbM.js → NonSvgPenAndPaper-4ypecDg1.js}

@@ -1,7 +1,7 @@
-import { Dt as e, K as t, Y as n, t as r } from "./lib-C-QGo8GG.js";
+import { Ot as e, X as t, q as n, t as r } from "./lib-Bttd6u5E.js";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as a } from "./BaseIcon-DJbOzCDs.js";
-import { t as o } from "./ColorPicker-BVWrKEQl.js";
+import { t as a } from "./BaseIcon-BfndwIWE.js";
+import { t as o } from "./ColorPicker--ayG2YHf.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 = [
@@ -77,7 +77,7 @@ var ce = ["disabled"], le = [
 			"draw"
 		], I = v(0), L = c(() => F[I.value]), R = v(null);
 		v(null), v(null);
-		let z = v(`arrow-${t()}`), B = v(`arrow-def-${t()}`), xe = {
+		let z = v(`arrow-${n()}`), B = v(`arrow-def-${n()}`), xe = {
 			arrow: "plotArrow",
 			text: "text",
 			line: "plotLine",
@@ -312,16 +312,16 @@ var ce = ["disabled"], le = [
 					if (r = o, r === "M" || r === "L") i = parseFloat(t[++e]), a = parseFloat(t[++e]), n += `${r}${i} ${a}`;
 					else if (r === "Q") {
 						let r = parseFloat(t[++e]), o = parseFloat(t[++e]), s = parseFloat(t[++e]), c = parseFloat(t[++e]);
-						r === i && o === a ? n += `t${s - i} ${c - a}` : n += `q${r - i} ${o - a} ${s - i} ${c - a}`, i = s, a = c;
+						n += r === i && o === a ? `t${s - i} ${c - a}` : `q${r - i} ${o - a} ${s - i} ${c - a}`, i = s, a = c;
 					}
 				} else {
 					let s = parseFloat(o), c = parseFloat(t[++e]);
 					if (r === "L") {
 						let e = s - i, t = c - a;
-						e === 0 ? n += `v${t}` : t === 0 ? n += `h${e}` : n += `l${e} ${t}`, i = s, a = c;
+						n += e === 0 ? `v${t}` : t === 0 ? `h${e}` : `l${e} ${t}`, i = s, a = c;
 					} else if (r === "Q") {
 						let r = s, o = c, l = parseFloat(t[++e]), u = parseFloat(t[++e]);
-						r === i && o === a ? n += `t${l - i} ${u - a}` : n += `q${r - i} ${o - a} ${l - i} ${u - a}`, i = l, a = u;
+						n += r === i && o === a ? `t${l - i} ${u - a}` : `q${r - i} ${o - a} ${l - i} ${u - a}`, i = l, a = u;
 					}
 				}
 			}
@@ -362,7 +362,7 @@ var ce = ["disabled"], le = [
 			w.value = [], T.value = [];
 		}
 		let $ = v(null);
-		return (e, t) => (_(), u(s, null, [i.active ? (_(), u("div", {
+		return (e, n) => (_(), u(s, null, [i.active ? (_(), u("div", {
 			key: 0,
 			"data-dom-to-png-ignore": "",
 			class: m({
@@ -378,7 +378,7 @@ var ce = ["disabled"], le = [
 					border: `1px solid ${U.value}`,
 					cursor: i.isCursorPointer ? "pointer" : "default"
 				}),
-				onClick: t[0] ||= (e) => ve("close")
+				onClick: n[0] ||= (e) => ve("close")
 			}, [b(e.$slots, "annotator-action-close", {}, () => [f(a, {
 				name: "close",
 				stroke: i.color
@@ -391,7 +391,7 @@ var ce = ["disabled"], le = [
 				})
 			}, [f(o, {
 				value: E.value,
-				"onUpdate:value": t[1] ||= (e) => E.value = e,
+				"onUpdate:value": n[1] ||= (e) => E.value = e,
 				backgroundColor: i.backgroundColor,
 				buttonBorderColor: U.value
 			}, {
@@ -404,7 +404,7 @@ var ce = ["disabled"], le = [
 			])], 4),
 			d("button", {
 				class: m(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": L.value === "text" }]),
-				onClick: t[2] ||= (e) => Se(),
+				onClick: n[2] ||= (e) => Se(),
 				style: g({
 					backgroundColor: i.backgroundColor,
 					border: `1px solid ${U.value}`,
@@ -420,7 +420,7 @@ var ce = ["disabled"], le = [
 				width: "100%",
 				textAlign: "center",
 				fontSize: "12px"
-			}) }, x(re(n)({
+			}) }, x(re(t)({
 				v: L.value === "text" ? P.value : D.value,
 				s: "px",
 				r: 1
@@ -482,7 +482,7 @@ var ce = ["disabled"], le = [
 				min: .5,
 				max: 12,
 				step: .1,
-				"onUpdate:modelValue": t[3] ||= (e) => D.value = e,
+				"onUpdate:modelValue": n[3] ||= (e) => D.value = e,
 				style: g({ accentColor: i.color })
 			}, null, 4)), [[ie, D.value]]) : l("", !0),
 			L.value === "text" ? oe((_(), u("input", {
@@ -494,7 +494,7 @@ var ce = ["disabled"], le = [
 				min: 3,
 				max: 48,
 				step: .1,
-				"onUpdate:modelValue": t[4] ||= (e) => P.value = e,
+				"onUpdate:modelValue": n[4] ||= (e) => P.value = e,
 				style: g({ accentColor: i.color })
 			}, null, 4)), [[ie, P.value]]) : l("", !0)
 		], 6)) : l("", !0), (_(), u("svg", {
@@ -507,14 +507,14 @@ var ce = ["disabled"], le = [
 				"vue-ui-pen-and-paper": !0,
 				inactive: !i.active
 			}),
-			onMousedown: t[5] ||= (e) => L.value === "draw" ? Ae(e) : L.value === "line" || L.value === "arrow" ? Ne(e) : null,
-			onMousemove: t[6] ||= (e) => L.value === "draw" ? je(e) : L.value === "line" || L.value === "arrow" ? Pe(e) : null,
-			onMouseup: t[7] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
-			onMouseleave: t[8] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
-			onTouchstart: t[9] ||= se((e) => L.value === "draw" ? Ae(e) : L.value === "line" || L.value === "arrow" ? Ne(e) : null, ["prevent"]),
-			onTouchmove: t[10] ||= se((e) => L.value === "draw" ? je(e) : L.value === "line" || L.value === "arrow" ? Pe(e) : null, ["prevent"]),
-			onTouchend: t[11] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
-			onTouchcancel: t[12] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null
+			onMousedown: n[5] ||= (e) => L.value === "draw" ? Ae(e) : L.value === "line" || L.value === "arrow" ? Ne(e) : null,
+			onMousemove: n[6] ||= (e) => L.value === "draw" ? je(e) : L.value === "line" || L.value === "arrow" ? Pe(e) : null,
+			onMouseup: n[7] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
+			onMouseleave: n[8] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
+			onTouchstart: n[9] ||= se((e) => L.value === "draw" ? Ae(e) : L.value === "line" || L.value === "arrow" ? Ne(e) : null, ["prevent"]),
+			onTouchmove: n[10] ||= se((e) => L.value === "draw" ? je(e) : L.value === "line" || L.value === "arrow" ? Pe(e) : null, ["prevent"]),
+			onTouchend: n[11] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
+			onTouchcancel: n[12] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null
 		}, [d("g", {
 			ref_key: "G",
 			ref: O

package/dist/{PackageVersion-BUmadjVO.js → PackageVersion-D6d8SCp9.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { t } from "./package-QmuZcjWs.js";
+import { t } from "./package-KvlL5CqE.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-D--sbRMA.js → PenAndPaper-DAE-tnEQ.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Dt as t, K as n, Y as r, t as i } from "./lib-C-QGo8GG.js";
-import { t as a } from "./BaseIcon-DJbOzCDs.js";
-import { t as o } from "./ColorPicker-BVWrKEQl.js";
+import { Ot as t, X as n, q as r, t as i } from "./lib-Bttd6u5E.js";
+import { t as a } from "./BaseIcon-BfndwIWE.js";
+import { t as o } from "./ColorPicker--ayG2YHf.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 _, ref as v, renderSlot as y, toDisplayString as ne, unref as re, vModelText as ie, watch as b, withCtx as ae, withDirectives as oe } from "vue";
 //#region src/atoms/PenAndPaper.vue
 var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
@@ -38,7 +38,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 	},
 	emits: ["close"],
 	setup(e, { emit: se }) {
-		let x = e, le = se, S = v([]), C = v([]), w = v(x.color), T = v(2), E = v(!1), D = v(""), O = v(null), k = v(null), A = v(null), j = v(null), M = v(`arrow-${n()}`), ue = v(`arrow-def-${n()}`), N = v(!1), P = v(null), F = v({
+		let x = e, le = se, S = v([]), C = v([]), w = v(x.color), T = v(2), E = v(!1), D = v(""), O = v(null), k = v(null), A = v(null), j = v(null), M = v(`arrow-${r()}`), ue = v(`arrow-def-${r()}`), N = v(!1), P = v(null), F = v({
 			x: 0,
 			y: 0
 		}), I = v([""]), L = v({
@@ -212,16 +212,16 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 					if (r = o, r === "M" || r === "L") i = parseFloat(t[++e]), a = parseFloat(t[++e]), n += `${r}${i} ${a}`;
 					else if (r === "Q") {
 						let r = parseFloat(t[++e]), o = parseFloat(t[++e]), s = parseFloat(t[++e]), c = parseFloat(t[++e]);
-						r === i && o === a ? n += `t${s - i} ${c - a}` : n += `q${r - i} ${o - a} ${s - i} ${c - a}`, i = s, a = c;
+						n += r === i && o === a ? `t${s - i} ${c - a}` : `q${r - i} ${o - a} ${s - i} ${c - a}`, i = s, a = c;
 					}
 				} else {
 					let s = parseFloat(o), c = parseFloat(t[++e]);
 					if (r === "L") {
 						let e = s - i, t = c - a;
-						e === 0 ? n += `v${t}` : t === 0 ? n += `h${e}` : n += `l${e} ${t}`, i = s, a = c;
+						n += e === 0 ? `v${t}` : t === 0 ? `h${e}` : `l${e} ${t}`, i = s, a = c;
 					} else if (r === "Q") {
 						let r = s, o = c, l = parseFloat(t[++e]), u = parseFloat(t[++e]);
-						r === i && o === a ? n += `t${l - i} ${u - a}` : n += `q${r - i} ${o - a} ${l - i} ${u - a}`, i = l, a = u;
+						n += r === i && o === a ? `t${l - i} ${u - a}` : `q${r - i} ${o - a} ${l - i} ${u - a}`, i = l, a = u;
 					}
 				}
 			}
@@ -331,7 +331,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 			e && (await p(), je.value?.focus());
 		}, { flush: "post" }), ee(() => {
 			W(), O.value && x.svgRef && (O.value.remove(), $());
-		}), (t, n) => e.active ? (_(), l("div", {
+		}), (t, r) => e.active ? (_(), l("div", {
 			key: 0,
 			"data-dom-to-png-ignore": "",
 			class: "vue-ui-pen-and-paper-actions",
@@ -341,7 +341,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 				ref_key: "buttonToggle",
 				ref: je,
 				class: "vue-ui-pen-and-paper-action",
-				onClick: n[0] ||= (e) => le("close"),
+				onClick: r[0] ||= (e) => le("close"),
 				style: g({
 					backgroundColor: e.backgroundColor,
 					border: `1px solid ${G.value}`,
@@ -357,7 +357,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 				style: g(`padding: 0 !important; cursor: ${e.isCursorPointer ? "pointer" : "default"}`)
 			}, [d(o, {
 				value: w.value,
-				"onUpdate:value": n[1] ||= (e) => w.value = e,
+				"onUpdate:value": r[1] ||= (e) => w.value = e,
 				backgroundColor: e.backgroundColor,
 				buttonBorderColor: G.value,
 				isCursorPointer: e.isCursorPointer
@@ -372,7 +372,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 			])], 4),
 			u("button", {
 				class: m(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": V.value === "text" }]),
-				onClick: n[2] ||= (e) => me(),
+				onClick: r[2] ||= (e) => me(),
 				style: g({
 					backgroundColor: e.backgroundColor,
 					border: `1px solid ${G.value}`,
@@ -389,7 +389,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 				textAlign: "center",
 				fontSize: "12px",
 				fontVariantNumeric: "tabular-nums"
-			}) }, ne(re(r)({
+			}) }, ne(re(n)({
 				v: V.value === "text" ? Math.round(R.value) : Math.round(T.value),
 				s: "px",
 				r: 1
@@ -441,7 +441,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 				min: 3,
 				max: 48,
 				step: 1,
-				"onUpdate:modelValue": n[3] ||= (e) => R.value = e,
+				"onUpdate:modelValue": r[3] ||= (e) => R.value = e,
 				style: g({ accentColor: e.color })
 			}, null, 4)), [[ie, R.value]]) : oe((_(), l("input", {
 				key: 1,
@@ -451,7 +451,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 				min: .5,
 				max: 12,
 				step: .1,
-				"onUpdate:modelValue": n[4] ||= (e) => T.value = e,
+				"onUpdate:modelValue": r[4] ||= (e) => T.value = e,
 				style: g({ accentColor: e.color })
 			}, null, 4)), [[ie, T.value]])
 		], 4)) : c("", !0);

package/dist/{Shape-Dmh9jBFh.js → Shape-C21CMlWS.js}

@@ -1,4 +1,4 @@
-import { R as e, j as t } from "./lib-C-QGo8GG.js";
+import { M as e, z as t } from "./lib-Bttd6u5E.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, normalizeClass as o, normalizeStyle as s, openBlock as c } from "vue";
 //#region src/atoms/Shape.vue
@@ -82,13 +82,13 @@ var l = [
 				}
 			}[e];
 		}
-		let g = r(() => h(p.shape)), _ = r(() => p.shape === "star" ? e({
+		let g = r(() => h(p.shape)), _ = r(() => p.shape === "star" ? t({
 			plot: {
 				x: p.plot.x,
 				y: p.plot.y
 			},
 			radius: p.radius * (p.isSelected ? p.zoom : 1)
-		}) : null), v = r(() => t({
+		}) : null), v = r(() => e({
 			plot: {
 				x: p.plot.x,
 				y: p.plot.y