vue-data-ui 3.17.3 → 3.17.5

package/dist/{NonSvgPenAndPaper-VyJFyJ6X.js → NonSvgPenAndPaper-B6E0zEYe.js}

@@ -1,7 +1,7 @@
 import { ref as u, computed as ge, onMounted as ze, nextTick as Xe, onBeforeUnmount as Ye, watch as ee, openBlock as g, createElementBlock as y, Fragment as J, normalizeStyle as C, normalizeClass as M, createElementVNode as $, createVNode as P, toDisplayString as ye, unref as xe, withDirectives as we, vModelText as ke, createCommentVNode as R, withModifiers as be, renderList as me } from "vue";
-import { j as Ce, x as We, l as Re, X as U } from "./lib-DBptbyyI.js";
-import q from "./BaseIcon-Cb3zzG6s.js";
-import { C as Ue } from "./ColorPicker-B0mV4xzu.js";
+import { j as Ce, x as We, l as Re, X as U } from "./lib-DMzrGQHK.js";
+import q from "./BaseIcon-DX0hTWa-.js";
+import { C as Ue } from "./ColorPicker-bAxGcXK0.js";
 import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy", "r", "fill"], Ge = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], He = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "marker-end"], Oe = ["d", "stroke", "stroke-width"], Qe = ["x", "y", "fill", "font-size"], je = ["x", "dy"], Je = ["d", "stroke", "stroke-width"], Ze = {
   __name: "NonSvgPenAndPaper",
@@ -56,9 +56,15 @@ const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy
       if (!v.value || a.value !== "text" || V.value) return;
       const { x: t, y: e } = De(n);
       F.value = { x: t, y: e }, D.value = [""], z.value = { row: 0, col: 0 };
-      const l = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      const l = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "text"
+      );
       l.setAttribute("x", t), l.setAttribute("y", e), l.setAttribute("fill", A.value), l.setAttribute("font-size", L.value), l.setAttribute("font-family", "sans-serif"), l.setAttribute("class", "vue-data-ui-doodle"), l.setAttribute("dominant-baseline", "hanging"), l.setAttribute("pointer-events", "all");
-      const r = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+      const r = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "tspan"
+      );
       r.setAttribute("x", t), r.setAttribute("dy", "0"), r.textContent = "", l.appendChild(r), l.style.pointerEvents = "none", l.style.userSelect = "none", v.value.appendChild(l), x.value = l, V.value = !0, window.addEventListener("keydown", re), window.addEventListener("mousedown", ue, !0), ae(), oe();
     }
     function re(n) {
@@ -97,7 +103,10 @@ const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy
       const n = x.value, { x: t, y: e } = F.value;
       for (; n.firstChild; ) n.removeChild(n.firstChild);
       D.value.forEach((l, r) => {
-        const o = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+        const o = document.createElementNS(
+          "http://www.w3.org/2000/svg",
+          "tspan"
+        );
         o.setAttribute("x", t), o.setAttribute("dy", r === 0 ? "0" : `${L.value * 1.2}`), o.textContent = l.length ? l : "​", n.appendChild(o);
       });
     }
@@ -110,12 +119,18 @@ const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy
       if (!d) return;
       let h = d.textContent.slice(0, o);
       h.endsWith(" ") && (h += " ");
-      const f = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      const f = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "text"
+      );
       f.setAttribute("x", e), f.setAttribute("y", l), f.setAttribute("font-size", i), f.setAttribute("font-family", "sans-serif"), f.textContent = h || "", v.value.appendChild(f);
       const w = f.getBBox();
       v.value.removeChild(f);
       let k = l + r * i * 1.2, N = e + w.width;
-      const b = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+      const b = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "rect"
+      );
       b.setAttribute("x", N), b.setAttribute("y", k), b.setAttribute("width", 1), b.setAttribute("height", i), b.setAttribute("fill", A.value), b.setAttribute("class", "vue-data-ui-svg-caret"), v.value.appendChild(b);
     }
     function ue(n) {
@@ -170,7 +185,9 @@ const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy
       },
       { immediate: !0 }
     ), ee(a, (n) => {
-      p.value && (p.value.removeEventListener("mousedown", G), p.value.removeEventListener("touchstart", G), n === "text" && (p.value.addEventListener("mousedown", G), p.value.addEventListener("touchstart", G, { passive: !1 })));
+      p.value && (p.value.removeEventListener("mousedown", G), p.value.removeEventListener("touchstart", G), n === "text" && (p.value.addEventListener("mousedown", G), p.value.addEventListener("touchstart", G, {
+        passive: !1
+      })));
     });
     const X = u(!1), Y = u(""), p = u(null), O = u(!1), ie = u(null);
     ee(
@@ -205,7 +222,10 @@ const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy
       if (n.cancelable && n.preventDefault(), !["line", "arrow"].includes(a.value) || !p.value || !v.value) return;
       a.value === "arrow" && Le(), O.value = !0;
       const { x: t, y: e } = W(n);
-      ie.value = { x: t, y: e }, c.value = document.createElementNS(U, "line"), c.value.setAttribute("x1", t), c.value.setAttribute("y1", e), c.value.setAttribute("x2", t), c.value.setAttribute("y2", e), c.value.setAttribute("stroke", A.value), c.value.setAttribute("stroke-width", T.value), c.value.setAttribute("stroke-linecap", "round"), c.value.setAttribute("class", "vue-data-ui-doodle"), a.value === "arrow" && c.value.setAttribute("marker-end", `url(#${K.value})`), v.value.appendChild(c.value);
+      ie.value = { x: t, y: e }, c.value = document.createElementNS(U, "line"), c.value.setAttribute("x1", t), c.value.setAttribute("y1", e), c.value.setAttribute("x2", t), c.value.setAttribute("y2", e), c.value.setAttribute("stroke", A.value), c.value.setAttribute("stroke-width", T.value), c.value.setAttribute("stroke-linecap", "round"), c.value.setAttribute("class", "vue-data-ui-doodle"), a.value === "arrow" && c.value.setAttribute(
+        "marker-end",
+        `url(#${K.value})`
+      ), v.value.appendChild(c.value);
     }
     function fe(n) {
       if (n.cancelable && n.preventDefault(), !["line", "arrow"].includes(a.value) || !O.value || !c.value) return;
@@ -234,7 +254,9 @@ const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy
       const e = t.slice(1).map(Number);
       if (e.length % 2 !== 0)
         return n;
-      const l = Be(e), r = [`M ${l[0]} ${l[1]}`];
+      const l = Be(e), r = [
+        `M ${l[0]} ${l[1]}`
+      ];
       for (let d = 2; d < l.length - 2; d += 2) {
         const h = l[d - 2], f = l[d - 1], w = l[d], k = l[d + 1], N = (h + w) / 2, b = (f + k) / 2;
         r.push(`Q ${h} ${f} ${N} ${b}`);
@@ -545,7 +567,7 @@ const Ve = ["disabled"], Ie = ["data-mode", "xmlns", "viewBox"], Ke = ["cx", "cy
       ], 42, Ie))
     ], 64));
   }
-}, rt = /* @__PURE__ */ qe(Ze, [["__scopeId", "data-v-ea4aacae"]]);
+}, rt = /* @__PURE__ */ qe(Ze, [["__scopeId", "data-v-3cfee988"]]);
 export {
   rt as default
 };

package/dist/{PackageVersion-DP_kfXUM.js → PackageVersion-BjeuEImy.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.17.3", a = { "aria-hidden": "true" }, p = {
+const n = "3.17.5", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (e(), t("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{PenAndPaper-Ct3qJ4lA.js → PenAndPaper-CJDoB5H9.js}

@@ -1,7 +1,7 @@
 import { ref as v, computed as be, watch as U, nextTick as re, onMounted as Fe, onBeforeUnmount as Ie, openBlock as se, createElementBlock as ue, normalizeStyle as x, createElementVNode as B, renderSlot as M, createVNode as T, withCtx as Qe, normalizeProps as K, guardReactiveProps as X, normalizeClass as ne, toDisplayString as Ve, unref as Ue, withDirectives as we, vModelText as ye, createCommentVNode as Ke } from "vue";
-import Y from "./BaseIcon-Cb3zzG6s.js";
-import { C as Xe } from "./ColorPicker-B0mV4xzu.js";
-import { j as xe, x as Ye, l as Ge, X as G } from "./lib-DBptbyyI.js";
+import Y from "./BaseIcon-DX0hTWa-.js";
+import { C as Xe } from "./ColorPicker-bAxGcXK0.js";
+import { j as xe, x as Ye, l as Ge, X as G } from "./lib-DMzrGQHK.js";
 const qe = ["disabled"], je = {
   __name: "PenAndPaper",
   props: {
@@ -37,7 +37,9 @@ const qe = ["disabled"], je = {
       text: "text",
       line: "plotLine",
       draw: "annotator"
-    }, Ee = v("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
+    }, Ee = v(
+      "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto"
+    );
     function Re() {
       H.value + 1 >= ve.length ? H.value = 0 : H.value += 1;
     }
@@ -45,9 +47,15 @@ const qe = ["disabled"], je = {
       if (!r.value || g.value !== "text" || z.value) return;
       const { x: e, y: a } = S(t);
       le.value = { x: e, y: a }, I.value = [""], Q.value = { row: 0, col: 0 }, V.value = !1;
-      const n = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      const n = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "text"
+      );
       n.setAttribute("x", e), n.setAttribute("y", a), n.setAttribute("fill", E.value), n.setAttribute("font-size", D.value * l.scale), n.setAttribute("font-family", "sans-serif"), n.setAttribute("class", "vue-data-ui-doodle"), n.setAttribute("dominant-baseline", "hanging"), n.setAttribute("pointer-events", "all");
-      const o = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+      const o = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "tspan"
+      );
       o.setAttribute("x", e), o.setAttribute("dy", "0"), o.textContent = "", n.appendChild(o), n.style.pointerEvents = "none", n.style.userSelect = "none", r.value.appendChild(n), m.value = n, z.value = !0, window.addEventListener("keydown", ce), window.addEventListener("mousedown", ge, !0), de(), fe();
     }
     function ce(t) {
@@ -86,8 +94,14 @@ const qe = ["disabled"], je = {
       const t = m.value, { x: e } = le.value;
       for (; t.firstChild; ) t.removeChild(t.firstChild);
       I.value.forEach((a, n) => {
-        const o = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
-        o.setAttribute("x", e), o.setAttribute("dy", n === 0 ? "0" : `${D.value * 1.2 * l.scale}`), o.textContent = a.length ? a : "​", t.appendChild(o);
+        const o = document.createElementNS(
+          "http://www.w3.org/2000/svg",
+          "tspan"
+        );
+        o.setAttribute("x", e), o.setAttribute(
+          "dy",
+          n === 0 ? "0" : `${D.value * 1.2 * l.scale}`
+        ), o.textContent = a.length ? a : "​", t.appendChild(o);
       });
     }
     const O = v(null);
@@ -114,11 +128,17 @@ const qe = ["disabled"], je = {
       if (!c) return;
       let p = c.textContent.slice(0, s);
       p.endsWith(" ") && (p += " ");
-      const d = document.createElementNS("http://www.w3.org/2000/svg", "text");
+      const d = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "text"
+      );
       d.setAttribute("x", a), d.setAttribute("y", n), d.setAttribute("font-size", u), d.setAttribute("font-family", "sans-serif"), d.textContent = p || "", r.value.appendChild(d);
       const A = d.getBBox();
       r.value.removeChild(d);
-      const b = n + o * u * 1.2, $ = a + A.width, h = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+      const b = n + o * u * 1.2, $ = a + A.width, h = document.createElementNS(
+        "http://www.w3.org/2000/svg",
+        "rect"
+      );
       h.setAttribute("x", $), h.setAttribute("y", b), h.setAttribute("rx", 1), h.setAttribute("width", 2), h.setAttribute("height", u), h.setAttribute("fill", E.value), h.setAttribute("class", "vue-data-ui-svg-caret"), r.value.appendChild(h), Se(h);
     }
     function ge(t) {
@@ -144,7 +164,10 @@ const qe = ["disabled"], je = {
       if (!r.value) return;
       const t = r.value.querySelector(".vue-data-ui-mask");
       if (t && r.value.removeChild(t), l.active) {
-        const e = document.createElementNS("http://www.w3.org/2000/svg", "rect");
+        const e = document.createElementNS(
+          "http://www.w3.org/2000/svg",
+          "rect"
+        );
         e.setAttribute("class", "vue-data-ui-mask"), e.setAttribute("width", "100%"), e.setAttribute("height", "100%"), e.setAttribute("fill", "transparent"), e.setAttribute("pointer-events", "all"), r.value.insertBefore(e, r.value.firstChild);
       }
     }
@@ -163,7 +186,9 @@ const qe = ["disabled"], je = {
       const a = e.slice(1).map(Number);
       if (a.length % 2 !== 0)
         return t;
-      const n = Be(a), o = [`M ${n[0]} ${n[1]}`];
+      const n = Be(a), o = [
+        `M ${n[0]} ${n[1]}`
+      ];
       for (let c = 2; c < n.length - 2; c += 2) {
         const p = n[c - 2], d = n[c - 1], A = n[c], b = n[c + 1], $ = (p + A) / 2, h = (d + b) / 2;
         o.push(`Q ${p} ${d} ${$} ${h}`);
@@ -208,7 +233,10 @@ const qe = ["disabled"], je = {
       if (t.cancelable && t.preventDefault(), g.value !== "draw" || !l.active || !r.value) return;
       k.value = !0;
       const { x: e, y: a } = S(t);
-      F.value = { x: e, y: a }, q.value = `M ${e} ${a}`, y.value = document.createElementNS(G, "path"), y.value.setAttribute("stroke", E.value), y.value.setAttribute("stroke-width", N.value * l.scale), y.value.setAttribute("fill", "none"), y.value.setAttribute("stroke-linecap", "round"), y.value.setAttribute("stroke-linejoin", "round"), y.value.setAttribute("class", "vue-data-ui-doodle"), r.value.appendChild(y.value);
+      F.value = { x: e, y: a }, q.value = `M ${e} ${a}`, y.value = document.createElementNS(G, "path"), y.value.setAttribute("stroke", E.value), y.value.setAttribute(
+        "stroke-width",
+        N.value * l.scale
+      ), y.value.setAttribute("fill", "none"), y.value.setAttribute("stroke-linecap", "round"), y.value.setAttribute("stroke-linejoin", "round"), y.value.setAttribute("class", "vue-data-ui-doodle"), r.value.appendChild(y.value);
     }
     function Z(t) {
       if (t.cancelable && t.preventDefault(), !k.value || !r.value || !y.value) return;
@@ -229,10 +257,17 @@ const qe = ["disabled"], je = {
       if (t.cancelable && t.preventDefault(), !["line", "arrow"].includes(g.value) || !l.active || !r.value) return;
       g.value === "arrow" && De(), k.value = !0;
       const { x: e, y: a } = S(t);
-      F.value = { x: e, y: a }, f.value = document.createElementNS(G, "line"), f.value.setAttribute("stroke", E.value), f.value.setAttribute("stroke-width", N.value * l.scale), f.value.setAttribute("stroke-linecap", "round"), f.value.setAttribute("class", "vue-data-ui-doodle"), f.value.setAttribute("x1", e), f.value.setAttribute("y1", a), f.value.setAttribute("x2", e), f.value.setAttribute("y2", a), g.value === "arrow" && f.value.setAttribute("marker-end", `url(#${ae.value})`), r.value.appendChild(f.value);
+      F.value = { x: e, y: a }, f.value = document.createElementNS(G, "line"), f.value.setAttribute("stroke", E.value), f.value.setAttribute(
+        "stroke-width",
+        N.value * l.scale
+      ), f.value.setAttribute("stroke-linecap", "round"), f.value.setAttribute("class", "vue-data-ui-doodle"), f.value.setAttribute("x1", e), f.value.setAttribute("y1", a), f.value.setAttribute("x2", e), f.value.setAttribute("y2", a), g.value === "arrow" && f.value.setAttribute(
+        "marker-end",
+        `url(#${ae.value})`
+      ), r.value.appendChild(f.value);
     }
     function ee(t) {
-      if (t.cancelable && t.preventDefault(), !["line", "arrow"].includes(g.value) || !k.value || !r.value || !f.value) return;
+      if (t.cancelable && t.preventDefault(), !["line", "arrow"].includes(g.value) || !k.value || !r.value || !f.value)
+        return;
       const { x: e, y: a } = S(t);
       f.value.setAttribute("x2", e), f.value.setAttribute("y2", a);
     }
@@ -247,11 +282,17 @@ const qe = ["disabled"], je = {
       if (k.value && r.value && y.value) {
         const { x: e, y: a } = S(t);
         if (F.value && F.value.x === e && F.value.y === a) {
-          const n = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+          const n = document.createElementNS(
+            "http://www.w3.org/2000/svg",
+            "circle"
+          );
           n.setAttribute("cx", e), n.setAttribute("cy", a), n.setAttribute("r", N.value * l.scale / 2), n.setAttribute("fill", E.value), n.setAttribute("class", "vue-data-ui-doodle"), r.value.appendChild(n), w.value.push(n);
         } else {
           const n = y.value;
-          n.setAttribute("d", Ne($e(q.value))), w.value.push(n);
+          n.setAttribute(
+            "d",
+            Ne($e(q.value))
+          ), w.value.push(n);
         }
         C.value = [], y.value = "";
       }
@@ -276,18 +317,32 @@ const qe = ["disabled"], je = {
       l.active && (te(), pe(), he());
     });
     function pe() {
-      !l.svgRef || !l.active || (g.value === "draw" ? (l.svgRef.addEventListener("mousedown", J), l.svgRef.addEventListener("mousemove", Z), l.svgRef.addEventListener("mouseup", L), l.svgRef.addEventListener("mouseleave", L), l.svgRef.addEventListener("touchstart", J, { passive: !1 }), l.svgRef.addEventListener("touchmove", Z, { passive: !1 }), l.svgRef.addEventListener("touchend", L), l.svgRef.addEventListener("touchcancel", L)) : ["line", "arrow"].includes(g.value) ? (l.svgRef.addEventListener("mousedown", _), l.svgRef.addEventListener("mousemove", ee), l.svgRef.addEventListener("mouseup", P), l.svgRef.addEventListener("touchstart", _, { passive: !1 }), l.svgRef.addEventListener("touchmove", ee, { passive: !1 }), l.svgRef.addEventListener("touchend", P), l.svgRef.addEventListener("touchcancel", P)) : g.value === "text" && (l.svgRef.addEventListener("mousedown", W), l.svgRef.addEventListener("touchstart", W, { passive: !1 })), r.value && (r.value.style.pointerEvents = "auto"));
+      !l.svgRef || !l.active || (g.value === "draw" ? (l.svgRef.addEventListener("mousedown", J), l.svgRef.addEventListener("mousemove", Z), l.svgRef.addEventListener("mouseup", L), l.svgRef.addEventListener("mouseleave", L), l.svgRef.addEventListener("touchstart", J, {
+        passive: !1
+      }), l.svgRef.addEventListener("touchmove", Z, { passive: !1 }), l.svgRef.addEventListener("touchend", L), l.svgRef.addEventListener("touchcancel", L)) : ["line", "arrow"].includes(g.value) ? (l.svgRef.addEventListener("mousedown", _), l.svgRef.addEventListener("mousemove", ee), l.svgRef.addEventListener("mouseup", P), l.svgRef.addEventListener("touchstart", _, {
+        passive: !1
+      }), l.svgRef.addEventListener("touchmove", ee, {
+        passive: !1
+      }), l.svgRef.addEventListener("touchend", P), l.svgRef.addEventListener("touchcancel", P)) : g.value === "text" && (l.svgRef.addEventListener("mousedown", W), l.svgRef.addEventListener("touchstart", W, {
+        passive: !1
+      })), r.value && (r.value.style.pointerEvents = "auto"));
     }
     function te() {
       l.svgRef && (l.svgRef.removeEventListener("mousedown", J), l.svgRef.removeEventListener("mousemove", Z), l.svgRef.removeEventListener("mouseup", L), l.svgRef.removeEventListener("mouseleave", L), l.svgRef.removeEventListener("touchstart", J), l.svgRef.removeEventListener("touchmove", Z), l.svgRef.removeEventListener("touchend", L), l.svgRef.removeEventListener("touchcancel", L), l.svgRef.removeEventListener("mousedown", _), l.svgRef.removeEventListener("mousemove", ee), l.svgRef.removeEventListener("mouseup", P), l.svgRef.removeEventListener("touchstart", _), l.svgRef.removeEventListener("touchmove", ee), l.svgRef.removeEventListener("touchend", P), l.svgRef.removeEventListener("touchcancel", P), l.svgRef.removeEventListener("mousedown", W), l.svgRef.removeEventListener("touchstart", W), r.value && (r.value.style.pointerEvents = "none"));
     }
-    U(() => l.active, (t) => {
-      t ? pe() : te();
-    }), U(() => l.active, () => {
-      re(() => {
-        me();
-      });
-    }), U(
+    U(
+      () => l.active,
+      (t) => {
+        t ? pe() : te();
+      }
+    ), U(
+      () => l.active,
+      () => {
+        re(() => {
+          me();
+        });
+      }
+    ), U(
       () => l.active,
       (t) => {
         l.svgRef && (t ? l.svgRef.style.touchAction = "none" : l.svgRef.style.touchAction = "");
@@ -300,7 +355,10 @@ const qe = ["disabled"], je = {
     const Ae = v(null);
     return Fe(() => {
       re(() => {
-        l.svgRef && (r.value = document.createElementNS("http://www.w3.org/2000/svg", "g"), r.value.setAttribute("class", "vue-data-ui-doodles"), l.svgRef.appendChild(r.value), he(), te());
+        l.svgRef && (r.value = document.createElementNS(
+          "http://www.w3.org/2000/svg",
+          "g"
+        ), r.value.setAttribute("class", "vue-data-ui-doodles"), l.svgRef.appendChild(r.value), he(), te());
       });
     }), U(
       () => l.active,
@@ -402,7 +460,9 @@ const qe = ["disabled"], je = {
         ])
       ], 14, qe),
       B("button", {
-        class: ne(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !C.value.length }]),
+        class: ne(["vue-ui-pen-and-paper-action", {
+          "vue-ui-pen-and-paper-action-disabled": !C.value.length
+        }]),
         onClick: Me,
         style: x({
           backgroundColor: i.backgroundColor,

package/dist/{Shape-BKRUOeKk.js → Shape-CxJ5_Rre.js}

@@ -1,5 +1,5 @@
 import { computed as u, openBlock as r, createElementBlock as l, normalizeStyle as a, createCommentVNode as d } from "vue";
-import { z as f, A as p } from "./lib-DBptbyyI.js";
+import { z as f, A as p } from "./lib-DMzrGQHK.js";
 const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], w = {
   __name: "Shape",
   props: {

package/dist/{Slicer-CIHwwuNR.js → Slicer-D7UcO8sN.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Ot, ref as m, computed as s, onMounted as lt, onBeforeUnmount as $e, watch as U, nextTick as ve, onUpdated as jt, openBlock as i, createElementBlock as o, normalizeStyle as P, createElementVNode as L, renderSlot as Ut, createVNode as Zt, createCommentVNode as c, unref as de, Fragment as b, renderList as $, normalizeProps as Yt, mergeProps as Jt, normalizeClass as Z, withDirectives as at, vModelText as nt, toDisplayString as Ae } from "vue";
-import { j as qt, X as Kt, W as Re, L as it, c as ot, M as ut, b as rt, av as st } from "./lib-DBptbyyI.js";
+import { j as qt, X as Kt, W as Re, L as it, c as ot, M as ut, b as rt, av as st } from "./lib-DMzrGQHK.js";
 import { t as ct, u as Qt, d as _t } from "./useResponsive-DfdjqQps.js";
-import el from "./BaseIcon-Cb3zzG6s.js";
+import el from "./BaseIcon-DX0hTWa-.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ll = ["data-minimap"], al = {
   class: "vue-data-ui-slicer-labels",
@@ -190,11 +190,11 @@ const ll = ["data-minimap"], al = {
   emits: ["update:start", "update:end", "reset", "trapMouse"],
   setup(l, { expose: vt, emit: dt }) {
     Ot((e) => ({
-      v10cfc024: gt.value,
-      ae756ed0: g.value,
-      v7c350409: xt.value,
-      ee0aec70: l.selectColor,
-      v08c4d056: yt.value
+      b23d0982: gt.value,
+      v3ed703b3: g.value,
+      v4316bee4: xt.value,
+      v1f0c44e3: l.selectColor,
+      v7afd85f1: yt.value
     }));
     const n = l, C = m(null), p = m(n.min), S = m(n.max), M = s(() => !!n.allMinimaps.length), Ee = m(qt()), A = s(() => M.value && n.minimapCompact), he = m(0);
     lt(() => {
@@ -221,7 +221,9 @@ const ll = ["data-minimap"], al = {
       }
       const e = Math.max(1, n.max - n.min);
       return (S.value - n.min) / e * 100;
-    }), me = s(() => (J.value + re.value) / 2), fe = s(() => {
+    }), me = s(
+      () => (J.value + re.value) / 2
+    ), fe = s(() => {
       if (!C.value) return !1;
       const e = C.value.getBoundingClientRect().width;
       return J.value / 100 * e - Pe.value / 2 < 0;
@@ -254,7 +256,13 @@ const ll = ["data-minimap"], al = {
       },
       set(e) {
         if (A.value) {
-          const a = Math.round(+e || 0), t = Math.max(0, se(Math.max(0, H.value - 1))), u = Math.min(Math.max(0, a), t), r = Be(u);
+          const a = Math.round(+e || 0), t = Math.max(
+            0,
+            se(Math.max(0, H.value - 1))
+          ), u = Math.min(
+            Math.max(0, a),
+            t
+          ), r = Be(u);
           _(mt(r));
         } else {
           let a = Math.round(+e || 0);
@@ -313,7 +321,10 @@ const ll = ["data-minimap"], al = {
     }), $e(() => {
       O.value && O.value.disconnect();
     });
-    const K = s(() => Math.max(...n.allMinimaps.map((e) => e.series.length), n.minimap.length || 0)), k = s(() => {
+    const K = s(() => Math.max(
+      ...n.allMinimaps.map((e) => e.series.length),
+      n.minimap.length || 0
+    )), k = s(() => {
       if (!K.value) return 0;
       const e = Math.max(1, K.value - (n.minimapCompact ? 1 : 0));
       return f.value.width / e;
@@ -323,7 +334,9 @@ const ll = ["data-minimap"], al = {
         for (const a of n.allMinimaps)
           a?.isVisible && Array.isArray(a?.series) && e.push(...a.series.filter(Number.isFinite));
       return e.length ? { min: Math.min(...e), max: Math.max(...e) } : { min: 0, max: 1 };
-    }), D = s(() => Fe.value.min), j = s(() => Fe.value.max), Mt = s(() => D.value < 0 && j.value > 0 || j.value <= 0 ? D.value : 0), kt = s(() => Math.max(1e-9, Math.max(Math.abs(D.value), Math.abs(j.value)))), bt = s(() => D.value < 0 && j.value > 0), wt = (e) => {
+    }), D = s(() => Fe.value.min), j = s(() => Fe.value.max), Mt = s(() => D.value < 0 && j.value > 0 || j.value <= 0 ? D.value : 0), kt = s(
+      () => Math.max(1e-9, Math.max(Math.abs(D.value), Math.abs(j.value)))
+    ), bt = s(() => D.value < 0 && j.value > 0), wt = (e) => {
       const a = Math.max(1, f.value.height);
       if (bt.value) {
         const t = kt.value;
@@ -377,7 +390,9 @@ const ll = ["data-minimap"], al = {
           y0: Gt,
           i: et
         };
-      }), V = (y) => y >= 0 && y < d.length && Number.isFinite(d[y]?.value), X = d.filter((y) => Number.isFinite(y.value) && !V(y.i - 1) && !V(y.i + 1)), Ne = X.filter((y) => y.i >= h && y.i < x), G = d.slice(h, x), zt = d.length >= 2 ? n.smoothMinimap || a ? n.cutNullValues ? it(d) : ot(d.filter((y) => y.value != null)) : n.cutNullValues ? ut(d) : rt(d.filter((y) => y.value != null)) : "", Ht = G.length >= 2 ? n.smoothMinimap || a ? n.cutNullValues ? it(G) : ot(G.filter((y) => y.value != null)) : n.cutNullValues ? ut(G) : rt(G.filter((y) => y.value != null)) : "";
+      }), V = (y) => y >= 0 && y < d.length && Number.isFinite(d[y]?.value), X = d.filter(
+        (y) => Number.isFinite(y.value) && !V(y.i - 1) && !V(y.i + 1)
+      ), Ne = X.filter((y) => y.i >= h && y.i < x), G = d.slice(h, x), zt = d.length >= 2 ? n.smoothMinimap || a ? n.cutNullValues ? it(d) : ot(d.filter((y) => y.value != null)) : n.cutNullValues ? ut(d) : rt(d.filter((y) => y.value != null)) : "", Ht = G.length >= 2 ? n.smoothMinimap || a ? n.cutNullValues ? it(G) : ot(G.filter((y) => y.value != null)) : n.cutNullValues ? ut(G) : rt(G.filter((y) => y.value != null)) : "";
       return {
         fullSet: zt,
         points: d,
@@ -419,13 +434,17 @@ const ll = ["data-minimap"], al = {
       R.value = _e(n.valueStart) + e;
     }
     const St = _t(pt, 60);
-    U(() => n.minimapSelectedIndex, (e, a) => {
-      if ([null, void 0].includes(e)) {
-        R.value = null;
-        return;
-      }
-      e !== a && St(e);
-    }, { immediate: !0 });
+    U(
+      () => n.minimapSelectedIndex,
+      (e, a) => {
+        if ([null, void 0].includes(e)) {
+          R.value = null;
+          return;
+        }
+        e !== a && St(e);
+      },
+      { immediate: !0 }
+    );
     function Lt(e) {
       R.value = e;
       const a = F.value, t = H.value;
@@ -440,7 +459,10 @@ const ll = ["data-minimap"], al = {
     }
     const pe = s(() => n.valueEnd - n.valueStart), Pt = s(() => pe.value < n.max - n.min), te = m(!1);
     let Nt = m(null);
-    const $t = s(() => (he.value - 48) / (n.max - n.min) * pe.value), At = s(() => Math.max(1, he.value - Te - $t.value)), Rt = s(() => Math.max(1, n.max - n.min - pe.value)), Tt = s(() => Rt.value / At.value), Ge = m(0), Se = m(0), Oe = m(0), Et = m(0);
+    const $t = s(() => (he.value - 48) / (n.max - n.min) * pe.value), At = s(() => Math.max(
+      1,
+      he.value - Te - $t.value
+    )), Rt = s(() => Math.max(1, n.max - n.min - pe.value)), Tt = s(() => Rt.value / At.value), Ge = m(0), Se = m(0), Oe = m(0), Et = m(0);
     let T = null, E = null, B = null, W = null;
     const je = m(n.min);
     function Le(e) {
@@ -460,11 +482,16 @@ const ll = ["data-minimap"], al = {
         je.value = Le(r);
         const h = Math.min(0.95, Math.max(0.05, n.focusRangeRatio)), x = n.max - n.min, d = Math.max(1, Math.round(x * h)), V = Math.floor(d / 2);
         let X = je.value - V;
-        X = Math.max(n.min, Math.min(X, n.max - d));
+        X = Math.max(
+          n.min,
+          Math.min(X, n.max - d)
+        );
         const Ne = Math.min(n.max, X + d);
         _(X), ee(Ne), st(C.value, "mouseup"), await ve(), st(C.value, "mousedown", { clientX: r });
       }
-      Se.value = Number(p.value), Oe.value = Number(S.value), Et.value = Tt.value, T = a ? "touchmove" : "mousemove", E = a ? "touchend" : "mouseup", B = a ? Wt : Bt, W = a ? Ft : It, window.addEventListener(T, B, { passive: !1 }), window.addEventListener(E, W);
+      Se.value = Number(p.value), Oe.value = Number(S.value), Et.value = Tt.value, T = a ? "touchmove" : "mousemove", E = a ? "touchend" : "mouseup", B = a ? Wt : Bt, W = a ? Ft : It, window.addEventListener(T, B, {
+        passive: !1
+      }), window.addEventListener(E, W);
     };
     function Bt(e) {
       te.value && Ze(e.clientX);
@@ -607,10 +634,13 @@ const ll = ["data-minimap"], al = {
         class: "double-range-slider",
         ref_key: "minimapWrapper",
         ref: ke,
-        style: P([{ "z-index": "0" }, M.value ? {
-          "--minimap-unit-px": k.value + "px",
-          "--minimap-offset-px": (l.minimapCompact ? 0 : k.value / 2) + "px"
-        } : void 0]),
+        style: P([
+          { "z-index": "0" },
+          M.value ? {
+            "--minimap-unit-px": k.value + "px",
+            "--minimap-offset-px": (l.minimapCompact ? 0 : k.value / 2) + "px"
+          } : void 0
+        ]),
         onMouseenter: a[9] || (a[9] = (t) => z.value = !0),
         onMouseleave: a[10] || (a[10] = (t) => z.value = !1)
       }, [
@@ -659,7 +689,9 @@ const ll = ["data-minimap"], al = {
               "stroke-linejoin": "round",
               style: { opacity: "0.6" }
             }, null, 8, cl)) : (i(), o(b, { key: 2 }, [
-              (i(!0), o(b, null, $(Q.value.filter((t) => t.type === "bar"), (t, u) => (i(), o("g", null, [
+              (i(!0), o(b, null, $(Q.value.filter(
+                (t) => t.type === "bar"
+              ), (t, u) => (i(), o("g", null, [
                 (i(!0), o(b, null, $(t.points, (r, h) => (i(), o(b, null, [
                   t.isVisible && !isNaN(r.y) ? (i(), o("rect", {
                     key: 0,
@@ -672,7 +704,9 @@ const ll = ["data-minimap"], al = {
                   }, null, 8, vl)) : c("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (i(!0), o(b, null, $(Q.value.filter((t) => t.type === "line"), (t) => (i(), o("g", {
+              (i(!0), o(b, null, $(Q.value.filter(
+                (t) => t.type === "line"
+              ), (t) => (i(), o("g", {
                 key: String(t.key)
               }, [
                 t.isVisible ? (i(), o("path", {
@@ -753,7 +787,9 @@ const ll = ["data-minimap"], al = {
                 }, null, 8, Ml)) : c("", !0)
               ], 64)) : c("", !0)
             ], 64)) : (i(), o("g", kl, [
-              (i(!0), o(b, null, $(Q.value.filter((t) => t.type === "bar"), (t, u) => (i(), o("g", null, [
+              (i(!0), o(b, null, $(Q.value.filter(
+                (t) => t.type === "bar"
+              ), (t, u) => (i(), o("g", null, [
                 (i(!0), o(b, null, $(t.points, (r, h) => (i(), o(b, null, [
                   t.isVisible && !isNaN(r.y) ? (i(), o("rect", {
                     key: 0,
@@ -768,7 +804,9 @@ const ll = ["data-minimap"], al = {
                   }, null, 12, bl)) : c("", !0)
                 ], 64))), 256))
               ]))), 256)),
-              (i(!0), o(b, null, $(Q.value.filter((t) => t.type === "line"), (t) => (i(), o("g", {
+              (i(!0), o(b, null, $(Q.value.filter(
+                (t) => t.type === "line"
+              ), (t) => (i(), o("g", {
                 key: String(t.key)
               }, [
                 t && t.hasSelection && t.selectionSet && t.isVisible ? (i(), o("path", {
@@ -904,7 +942,9 @@ const ll = ["data-minimap"], al = {
                 fill: g.value
               }, null, 8, Il)) : c("", !0)
             ], 64)) : (i(), o("g", Fl, [
-              (i(!0), o(b, null, $(Q.value.filter((t) => t.type === "line"), (t) => (i(), o("g", {
+              (i(!0), o(b, null, $(Q.value.filter(
+                (t) => t.type === "line"
+              ), (t) => (i(), o("g", {
                 key: String(t.key)
               }, [
                 t.isVisible ? (i(!0), o(b, { key: 0 }, $(t.selectionMarkers, (u) => (i(), o("circle", {
@@ -971,7 +1011,9 @@ const ll = ["data-minimap"], al = {
         ])) : c("", !0),
         L("div", {
           class: "slider-track",
-          style: P({ visibility: M.value && l.minimapCompact ? "hidden" : "visible" })
+          style: P({
+            visibility: M.value && l.minimapCompact ? "hidden" : "visible"
+          })
         }, null, 4),
         L("div", {
           class: Z({
@@ -1097,7 +1139,7 @@ const ll = ["data-minimap"], al = {
       ], 36)
     ], 44, ll));
   }
-}, Ql = /* @__PURE__ */ tl(Ul, [["__scopeId", "data-v-9ff2710f"]]);
+}, Ql = /* @__PURE__ */ tl(Ul, [["__scopeId", "data-v-f688cd63"]]);
 export {
   Ql as S
 };