vue-data-ui 3.19.8 → 3.20.0

package/README.md

@@ -542,7 +542,7 @@ From the dataset you pass into the props, this component will produce the most a
 | --------------------- | ---------------------------------- | --------------------------- | --------------------------------------------------- | ----------------------------------------------------------- | -------------- | ------ |
 | `VueUiSparkline`      | `VueUiSparklineDatasetItem[]`      | `VueUiSparklineConfig`      | `@selectDatapoint`                                  | `#svg`, `#before`, `#chart-background`, `#tooltip`, `#hint` | ✅             | ✅     |
 | `VueUiSparkbar`       | `VueUiSparkbarDatasetItem[]`       | `VueUiSparkbarConfig`       | `@selectDatapoint`                                  | `#data-label`, `#title`                                     | ❌             | ✅     |
-| `VueUiSparkStackbar`  | `VueUiSparkStackbarDatasetItem[]`  | `VueUiSparkStackbarConfig`  | `@selectDatapoint`                                  | `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint`    | ✅             | ✅     |
+| `VueUiSparkStackbar`  | `VueUiSparkStackbarDatasetItem[]`  | `VueUiSparkStackbarConfig`  | `@selectDatapoint`, `@selectLegend`                 | `#tooltip`, `#tooltip-before`, `#tooltip-after`, `#hint`    | ✅             | ✅     |
 | `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint`                                  | `#chart-background`, `#hint`                                | ❌             | ✅     |
 | `VueUiSparkGauge`     | `VueUiSparkGaugeDataset`           | `VueUiSparkGaugeConfig`     | ❌                                                  | `#chart-background`                                         | ❌             | ✅     |
 | `VueUiSparkTrend`     | `number[]`                         | `VueUiSparkTrendConfig`     | ❌                                                  | `#chart-background`                                         | ❌             | ✅     |

package/dist/{A11yDataTable-q2-8fSlJ.js → A11yDataTable-BCbtxMU6.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, openBlock as a, renderList as o, renderSlot as s, toDisplayString as c } from "vue";
 //#region src/atoms/A11yDataTable.vue
 var l = ["id"], u = { scope: "row" }, d = /* @__PURE__ */ e({

package/dist/{Arrow-Cj6W6Xbi.js → Arrow-D6j6ocXm.js}

@@ -1,4 +1,4 @@
-import { H as e } from "./lib-BkiwukKO.js";
+import { H as e } from "./lib-DUeYQsS0.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-DUUu2E2Q.js → BaseDraggableDialog-4hDW-Rj2.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { H as t, t as n } from "./lib-BkiwukKO.js";
-import { t as r } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as i } from "./BaseIcon-DM1x8hQF.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { H as t, t as n } from "./lib-DUeYQsS0.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as i } from "./BaseIcon-DfLoHNUj.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-DM1x8hQF.js → BaseIcon-DfLoHNUj.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { t } from "./lib-BkiwukKO.js";
-import { t as n } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./lib-DUeYQsS0.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
 var u = /* @__PURE__ */ e({ default: () => p }), d = [

package/dist/{BaseLegendToggle-CJTwLGXL.js → BaseLegendToggle-C_Db-y7s.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t } from "./BaseIcon-DM1x8hQF.js";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./BaseIcon-DfLoHNUj.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/{BaseScanner-C7dmAref.js → BaseScanner-Dr2a1Msy.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { computed as t, createElementBlock as n, openBlock as r, ref as i, unref as a, watchEffect as o } from "vue";
 //#region src/useLoading.js
 function s({ config: e, dataset: n, skeletonDataset: r, skeletonConfig: s, FINAL_CONFIG: c, prepareConfig: l, callback: u = null, dsIsNumber: d = !1, allowEmptyDataset: f = !1 }) {

package/dist/{BaseZoomControls-BkajQ8q9.js → BaseZoomControls-CG7hI_1P.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t } from "./BaseIcon-DM1x8hQF.js";
-import { n } from "./exposedLib-CwWU4zv-.js";
+import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t } from "./BaseIcon-DfLoHNUj.js";
+import { n } from "./exposedLib-CI8ji8G-.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-DTQeqKUV.js → ColorPicker-Bjwxnvfh.js}

@@ -1,7 +1,7 @@
-import { r as e } from "./lib-BkiwukKO.js";
-import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as n } from "./BaseIcon-DM1x8hQF.js";
-import { t as r } from "./vClickOutside-CbX_bC9A.js";
+import { r as e } from "./lib-DUeYQsS0.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as n } from "./BaseIcon-DfLoHNUj.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
 var k = ["aria-expanded", "aria-label"], A = [

package/dist/{DataTable-DmE8Oo4i.js → DataTable-B--IN22e.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./Shape-DEGOZ6GG.js";
-import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as n } from "./BaseIcon-DM1x8hQF.js";
+import { t as e } from "./Shape-BPCJfphn.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as n } from "./BaseIcon-DfLoHNUj.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/{Legend-Gg5Q4Clb.js → Legend-Cz2uQ5gs.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { ht as t } from "./lib-BkiwukKO.js";
-import { t as n } from "./Shape-DEGOZ6GG.js";
-import { t as r } from "./_plugin-vue_export-helper-Dq1MygBL.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { gt as t } from "./lib-DUeYQsS0.js";
+import { t as n } from "./Shape-BPCJfphn.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as i, createCommentVNode as a, createElementBlock as o, createVNode as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, renderSlot as p, unref as m } from "vue";
 //#region src/atoms/Legend.vue
 var h = /* @__PURE__ */ e({ default: () => y }), g = ["id"], _ = [

package/dist/{NonSvgPenAndPaper-tvWXeCsd.js → NonSvgPenAndPaper-gLNJ1Lmr.js}

@@ -1,7 +1,7 @@
-import { G as e, H as t, t as n, yt as r } from "./lib-BkiwukKO.js";
-import { t as i } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as a } from "./BaseIcon-DM1x8hQF.js";
-import { t as o } from "./ColorPicker-DTQeqKUV.js";
+import { G as e, H as t, bt as n, t as r } from "./lib-DUeYQsS0.js";
+import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as a } from "./BaseIcon-DfLoHNUj.js";
+import { t as o } from "./ColorPicker-Bjwxnvfh.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 = [
@@ -194,7 +194,7 @@ var ce = ["disabled"], le = [
 				col: 0
 			};
 		}
-		let U = c(() => r(C.color, .6));
+		let U = c(() => n(C.color, .6));
 		function W({ width: e, height: t }) {
 			ye.value = `0 0 ${e} ${t}`;
 		}
@@ -249,20 +249,20 @@ var ce = ["disabled"], le = [
 			let e = J.value;
 			if (!e) return;
 			let t = e.querySelector(`defs#${B.value}`);
-			if (t || (t = document.createElementNS(n, "defs"), t.setAttribute("id", B.value), e.appendChild(t)), t.querySelector(`#${z.value}`)) return;
-			let r = document.createElementNS(n, "marker");
-			r.setAttribute("id", z.value), r.setAttribute("markerUnits", "strokeWidth"), r.setAttribute("markerWidth", "6"), r.setAttribute("markerHeight", "6"), r.setAttribute("refX", "4"), r.setAttribute("refY", "3"), r.setAttribute("orient", "auto"), r.setAttribute("viewBox", "0 0 6 6");
-			let i = document.createElementNS(n, "path");
-			i.setAttribute("d", `M 0 0 L 6 ${6 / 2} L 0 6 z`), i.setAttribute("fill", "context-stroke"), i.setAttribute("stroke", "none"), r.appendChild(i), t.appendChild(r);
+			if (t || (t = document.createElementNS(r, "defs"), t.setAttribute("id", B.value), e.appendChild(t)), t.querySelector(`#${z.value}`)) return;
+			let n = document.createElementNS(r, "marker");
+			n.setAttribute("id", z.value), n.setAttribute("markerUnits", "strokeWidth"), n.setAttribute("markerWidth", "6"), n.setAttribute("markerHeight", "6"), n.setAttribute("refX", "4"), n.setAttribute("refY", "3"), n.setAttribute("orient", "auto"), n.setAttribute("viewBox", "0 0 6 6");
+			let i = document.createElementNS(r, "path");
+			i.setAttribute("d", `M 0 0 L 6 ${6 / 2} L 0 6 z`), i.setAttribute("fill", "context-stroke"), i.setAttribute("stroke", "none"), n.appendChild(i), t.appendChild(n);
 		}
 		function Ne(e) {
 			if (e.cancelable && e.preventDefault(), !["line", "arrow"].includes(L.value) || !J.value || !O.value) return;
 			L.value === "arrow" && Me(), Y.value = !0;
-			let { x: t, y: r } = Q(e);
+			let { x: t, y: n } = Q(e);
 			ke.value = {
 				x: t,
-				y: r
-			}, R.value = document.createElementNS(n, "line"), R.value.setAttribute("x1", t), R.value.setAttribute("y1", r), R.value.setAttribute("x2", t), R.value.setAttribute("y2", r), R.value.setAttribute("stroke", E.value), R.value.setAttribute("stroke-width", D.value), R.value.setAttribute("stroke-linecap", "round"), R.value.setAttribute("class", "vue-data-ui-doodle"), L.value === "arrow" && R.value.setAttribute("marker-end", `url(#${z.value})`), O.value.appendChild(R.value);
+				y: n
+			}, R.value = document.createElementNS(r, "line"), R.value.setAttribute("x1", t), R.value.setAttribute("y1", n), R.value.setAttribute("x2", t), R.value.setAttribute("y2", n), R.value.setAttribute("stroke", E.value), R.value.setAttribute("stroke-width", D.value), R.value.setAttribute("stroke-linecap", "round"), R.value.setAttribute("class", "vue-data-ui-doodle"), L.value === "arrow" && R.value.setAttribute("marker-end", `url(#${z.value})`), O.value.appendChild(R.value);
 		}
 		function Pe(e) {
 			if (e.cancelable && e.preventDefault(), !["line", "arrow"].includes(L.value) || !Y.value || !R.value) return;
@@ -362,7 +362,7 @@ var ce = ["disabled"], le = [
 			w.value = [], T.value = [];
 		}
 		let $ = v(null);
-		return (t, r) => (_(), u(s, null, [i.active ? (_(), u("div", {
+		return (t, 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: r[0] ||= (e) => ve("close")
+				onClick: n[0] ||= (e) => ve("close")
 			}, [b(t.$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": r[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: r[2] ||= (e) => Se(),
+				onClick: n[2] ||= (e) => Se(),
 				style: g({
 					backgroundColor: i.backgroundColor,
 					border: `1px solid ${U.value}`,
@@ -482,7 +482,7 @@ var ce = ["disabled"], le = [
 				min: .5,
 				max: 12,
 				step: .1,
-				"onUpdate:modelValue": r[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,27 +494,27 @@ var ce = ["disabled"], le = [
 				min: 3,
 				max: 48,
 				step: .1,
-				"onUpdate:modelValue": r[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", {
 			"data-mode": L.value,
 			ref_key: "svgElement",
 			ref: J,
-			xmlns: re(n),
+			xmlns: re(r),
 			viewBox: ye.value,
 			class: m({
 				"vue-ui-pen-and-paper": !0,
 				inactive: !i.active
 			}),
-			onMousedown: r[5] ||= (e) => L.value === "draw" ? Ae(e) : L.value === "line" || L.value === "arrow" ? Ne(e) : null,
-			onMousemove: r[6] ||= (e) => L.value === "draw" ? je(e) : L.value === "line" || L.value === "arrow" ? Pe(e) : null,
-			onMouseup: r[7] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
-			onMouseleave: r[8] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
-			onTouchstart: r[9] ||= se((e) => L.value === "draw" ? Ae(e) : L.value === "line" || L.value === "arrow" ? Ne(e) : null, ["prevent"]),
-			onTouchmove: r[10] ||= se((e) => L.value === "draw" ? je(e) : L.value === "line" || L.value === "arrow" ? Pe(e) : null, ["prevent"]),
-			onTouchend: r[11] ||= (e) => L.value === "draw" ? Z(e) : L.value === "line" || L.value === "arrow" ? X(e) : null,
-			onTouchcancel: r[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-zJAUEmyB.js → PackageVersion-xcyrdRmY.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { createElementBlock as t, openBlock as n, toDisplayString as r, unref as i } from "vue";
 //#region package.json
-var a = "3.19.8", o = /* @__PURE__ */ e({ default: () => c }), s = { "aria-hidden": "true" }, c = {
+var a = "3.20.0", o = /* @__PURE__ */ e({ default: () => c }), s = { "aria-hidden": "true" }, c = {
 	__name: "PackageVersion",
 	setup(e) {
 		return (e, o) => (n(), t("desc", s, "Composed with Vue Data UI " + r(i(a)), 1));

package/dist/{PenAndPaper-DNgm6y3l.js → PenAndPaper-DqrClVfb.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
-import { G as t, H as n, t as r, yt as i } from "./lib-BkiwukKO.js";
-import { t as a } from "./BaseIcon-DM1x8hQF.js";
-import { t as o } from "./ColorPicker-DTQeqKUV.js";
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { G as t, H as n, bt as r, t as i } from "./lib-DUeYQsS0.js";
+import { t as a } from "./BaseIcon-DfLoHNUj.js";
+import { t as o } from "./ColorPicker-Bjwxnvfh.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 = {
@@ -160,7 +160,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 				col: 0
 			}, z.value = !1;
 		}
-		let G = s(() => i(x.color, .6));
+		let G = s(() => r(x.color, .6));
 		function xe() {
 			if (!O.value) return;
 			let e = O.value.querySelector(".vue-data-ui-mask");
@@ -234,7 +234,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 			j.value = {
 				x: t,
 				y: n
-			}, D.value = `M ${t} ${n}`, k.value = document.createElementNS(r, "path"), k.value.setAttribute("stroke", w.value), k.value.setAttribute("stroke-width", T.value * x.scale), k.value.setAttribute("fill", "none"), k.value.setAttribute("stroke-linecap", "round"), k.value.setAttribute("stroke-linejoin", "round"), k.value.setAttribute("class", "vue-data-ui-doodle"), O.value.appendChild(k.value);
+			}, D.value = `M ${t} ${n}`, k.value = document.createElementNS(i, "path"), k.value.setAttribute("stroke", w.value), k.value.setAttribute("stroke-width", T.value * x.scale), k.value.setAttribute("fill", "none"), k.value.setAttribute("stroke-linecap", "round"), k.value.setAttribute("stroke-linejoin", "round"), k.value.setAttribute("class", "vue-data-ui-doodle"), O.value.appendChild(k.value);
 		}
 		function J(e) {
 			if (e.cancelable && e.preventDefault(), !E.value || !O.value || !k.value) return;
@@ -245,11 +245,11 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 			let e = x.svgRef;
 			if (!e) return;
 			let t = e.querySelector(`defs#${ue.value}`);
-			if (t || (t = document.createElementNS(r, "defs"), t.setAttribute("id", ue.value), e.appendChild(t)), t.querySelector(`#${M.value}`)) return;
-			let n = document.createElementNS(r, "marker");
+			if (t || (t = document.createElementNS(i, "defs"), t.setAttribute("id", ue.value), e.appendChild(t)), t.querySelector(`#${M.value}`)) return;
+			let n = document.createElementNS(i, "marker");
 			n.setAttribute("id", M.value), n.setAttribute("markerUnits", "strokeWidth"), n.setAttribute("markerWidth", "6"), n.setAttribute("markerHeight", "6"), n.setAttribute("refX", "4"), n.setAttribute("refY", "3"), n.setAttribute("orient", "auto"), n.setAttribute("viewBox", "0 0 6 6");
-			let i = document.createElementNS(r, "path");
-			i.setAttribute("d", `M 0 0 L 6 ${6 / 2} L 0 6 z`), i.setAttribute("fill", "context-stroke"), i.setAttribute("stroke", "none"), n.appendChild(i), t.appendChild(n);
+			let r = document.createElementNS(i, "path");
+			r.setAttribute("d", `M 0 0 L 6 ${6 / 2} L 0 6 z`), r.setAttribute("fill", "context-stroke"), r.setAttribute("stroke", "none"), n.appendChild(r), t.appendChild(n);
 		}
 		function Y(e) {
 			if (e.cancelable && e.preventDefault(), !["line", "arrow"].includes(V.value) || !x.active || !O.value) return;
@@ -258,7 +258,7 @@ var se = /* @__PURE__ */ e({ default: () => x }), ce = ["disabled"], x = {
 			j.value = {
 				x: t,
 				y: n
-			}, A.value = document.createElementNS(r, "line"), A.value.setAttribute("stroke", w.value), A.value.setAttribute("stroke-width", T.value * x.scale), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), A.value.setAttribute("x1", t), A.value.setAttribute("y1", n), A.value.setAttribute("x2", t), A.value.setAttribute("y2", n), V.value === "arrow" && A.value.setAttribute("marker-end", `url(#${M.value})`), O.value.appendChild(A.value);
+			}, A.value = document.createElementNS(i, "line"), A.value.setAttribute("stroke", w.value), A.value.setAttribute("stroke-width", T.value * x.scale), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), A.value.setAttribute("x1", t), A.value.setAttribute("y1", n), A.value.setAttribute("x2", t), A.value.setAttribute("y2", n), V.value === "arrow" && A.value.setAttribute("marker-end", `url(#${M.value})`), O.value.appendChild(A.value);
 		}
 		function X(e) {
 			if (e.cancelable && e.preventDefault(), !["line", "arrow"].includes(V.value) || !E.value || !O.value || !A.value) return;

package/dist/{Shape-DEGOZ6GG.js → Shape-BPCJfphn.js}

@@ -1,4 +1,4 @@
-import { D as e, P as t } from "./lib-BkiwukKO.js";
+import { D as e, P as t } from "./lib-DUeYQsS0.js";
 import { computed as n, createCommentVNode as r, createElementBlock as i, normalizeStyle as a, openBlock as o } from "vue";
 //#region src/atoms/Shape.vue
 var s = [

package/dist/{Slicer-CPWGgGSp.js → Slicer-SHBj0VaV.js}

@@ -1,8 +1,8 @@
-import { Bt as e, H as t, I as n, L as r, j as i, k as a, r as o, t as s } from "./lib-BkiwukKO.js";
-import { t as c } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { c as l, r as ee } from "./canvas-lib-DTaADQOK.js";
-import { t as u } from "./useResponsive-CrAInupd.js";
-import { t as te } from "./BaseIcon-DM1x8hQF.js";
+import { H as e, I as t, L as n, Vt as r, j as i, k as a, r as o, t as s } from "./lib-DUeYQsS0.js";
+import { t as c } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { c as l, r as ee } from "./canvas-lib-BOP_HS11.js";
+import { t as u } from "./useResponsive-BfnK0KxU.js";
+import { t as te } from "./BaseIcon-DfLoHNUj.js";
 import { Fragment as d, computed as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as ne, mergeProps as re, nextTick as ie, normalizeClass as g, normalizeProps as ae, normalizeStyle as _, onBeforeUnmount as oe, onMounted as se, onUpdated as ce, openBlock as v, ref as y, renderList as b, renderSlot as le, toDisplayString as ue, unref as de, useCssVars as fe, vModelText as pe, watch as x, withDirectives as me } from "vue";
 //#region src/atoms/Slicer.vue
 var he = ["data-minimap"], ge = {
@@ -323,7 +323,7 @@ var he = ["data-minimap"], ge = {
 			v1f0c44e3: c.selectColor,
 			v7afd85f1: wt.value
 		}));
-		let S = c, C = y(null), w = y(S.min), T = y(S.max), E = f(() => !!S.allMinimaps.length), ct = y(t()), D = f(() => E.value && S.minimapCompact), lt = y(0);
+		let S = c, C = y(null), w = y(S.min), T = y(S.max), E = f(() => !!S.allMinimaps.length), ct = y(e()), D = f(() => E.value && S.minimapCompact), lt = y(0);
 		se(() => {
 			let e = () => {
 				C.value && (lt.value = C.value.getBoundingClientRect().width);
@@ -473,7 +473,7 @@ var he = ["data-minimap"], ge = {
 			let a = Math.max(i, Math.max(Math.abs(e), Math.abs(t)));
 			return (e) => (1 - (r(e / a, -1, 1) + 1) / 2) * n;
 		}
-		function Bt(e, t = !1) {
+		function Bt(e, r = !1) {
 			if (!e || !e.length) return {
 				fullSet: "",
 				points: [],
@@ -498,9 +498,9 @@ var he = ["data-minimap"], ge = {
 				};
 			}), te = (e) => e >= 0 && e < u.length && Number.isFinite(u[e]?.value), d = u.filter((e) => Number.isFinite(e.value) && !te(e.i - 1) && !te(e.i + 1)), f = d.filter((e) => e.i >= l && e.i < ee), p = u.slice(l, ee);
 			return {
-				fullSet: u.length >= 2 ? S.smoothMinimap || t ? S.cutNullValues ? i(u) : a(u.filter((e) => e.value != null)) : S.cutNullValues ? r(u) : n(u.filter((e) => e.value != null)) : "",
+				fullSet: u.length >= 2 ? S.smoothMinimap || r ? S.cutNullValues ? i(u) : a(u.filter((e) => e.value != null)) : S.cutNullValues ? n(u) : t(u.filter((e) => e.value != null)) : "",
 				points: u,
-				selectionSet: p.length >= 2 ? S.smoothMinimap || t ? S.cutNullValues ? i(p) : a(p.filter((e) => e.value != null)) : S.cutNullValues ? r(p) : n(p.filter((e) => e.value != null)) : "",
+				selectionSet: p.length >= 2 ? S.smoothMinimap || r ? S.cutNullValues ? i(p) : a(p.filter((e) => e.value != null)) : S.cutNullValues ? n(p) : t(p.filter((e) => e.value != null)) : "",
 				sliced: p,
 				firstPlot: u[l] || null,
 				lastPlot: u[Math.max(0, ee - 1)] || null,
@@ -563,22 +563,22 @@ var he = ["data-minimap"], ge = {
 			let t = C.value.getBoundingClientRect(), n = t.left + at / 2, r = t.right - at / 2, i = Math.max(1, r - n), a = (Math.max(n, Math.min(e, r)) - n) / i, o = Math.max(1, S.max - S.min);
 			return Math.round(S.min + a * o);
 		}
-		let sn = async (t) => {
+		let sn = async (e) => {
 			if (X.value = !0, !S.enableSelectionDrag) return;
-			let n = t.type === "touchstart";
-			n || t.stopPropagation();
-			let r = n && t.targetTouches && t.targetTouches[0] ? t.targetTouches[0] : null, i = n ? r ? r.target : null : t.target;
+			let t = e.type === "touchstart";
+			t || e.stopPropagation();
+			let n = t && e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null, i = t ? n ? n.target : null : e.target;
 			if (!i || !(i instanceof Element) || i.classList && i.classList.contains("range-handle")) return;
 			U.value = !0;
-			let a = n ? r ? r.clientX : 0 : t.clientX;
+			let a = t ? n ? n.clientX : 0 : e.clientX;
 			if (Yt.value = a, en.value = a, S.focusOnDrag && !Jt.value && C.value) {
 				an.value = on(a);
-				let t = Math.min(.95, Math.max(.05, S.focusRangeRatio)), n = S.max - S.min, r = Math.max(1, Math.round(n * t)), i = Math.floor(r / 2), o = an.value - i;
-				o = Math.max(S.min, Math.min(o, S.max - r));
-				let s = Math.min(S.max, o + r);
-				V(o), H(s), e(C.value, "mouseup"), await ie(), e(C.value, "mousedown", { clientX: a });
+				let e = Math.min(.95, Math.max(.05, S.focusRangeRatio)), t = S.max - S.min, n = Math.max(1, Math.round(t * e)), i = Math.floor(n / 2), o = an.value - i;
+				o = Math.max(S.min, Math.min(o, S.max - n));
+				let s = Math.min(S.max, o + n);
+				V(o), H(s), r(C.value, "mouseup"), await ie(), r(C.value, "mousedown", { clientX: a });
 			}
-			tn.value = Number(w.value), nn.value = Number(T.value), rn.value = $t.value, W = n ? "touchmove" : "mousemove", G = n ? "touchend" : "mouseup", K = n ? ln : cn, q = n ? fn : dn, window.addEventListener(W, K, { passive: !1 }), window.addEventListener(G, q);
+			tn.value = Number(w.value), nn.value = Number(T.value), rn.value = $t.value, W = t ? "touchmove" : "mousemove", G = t ? "touchend" : "mouseup", K = t ? ln : cn, q = t ? fn : dn, window.addEventListener(W, K, { passive: !1 }), window.addEventListener(G, q);
 		};
 		function cn(e) {
 			U.value && un(e.clientX);