vue-data-ui 3.17.13 → 3.18.0

package/dist/PenAndPaper-CJDoB5H9.js

@@ -1,527 +0,0 @@
-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-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: {
-    svgRef: {
-      type: [Object, null, void 0],
-      required: !0
-    },
-    color: {
-      type: String,
-      default: "#2D353C"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    active: {
-      type: Boolean,
-      default: !1
-    },
-    scale: {
-      type: Number,
-      default: 1
-    },
-    isCursorPointer: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["close"],
-  setup(i, { emit: Ce }) {
-    const l = i, ke = Ce, w = v([]), C = v([]), E = v(l.color), N = v(2), k = v(!1), q = v(""), r = v(null), y = v(null), f = v(null), F = v(null), ae = v(`arrow-${xe()}`), ie = v(`arrow-def-${xe()}`), z = v(!1), m = v(null), le = v({ x: 0, y: 0 }), I = v([""]), Q = v({ row: 0, col: 0 }), D = v(16), V = v(!1), ve = ["arrow", "text", "line", "draw"], H = v(0), g = be(() => ve[H.value]), Le = {
-      arrow: "plotArrow",
-      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"
-    );
-    function Re() {
-      H.value + 1 >= ve.length ? H.value = 0 : H.value += 1;
-    }
-    function W(t) {
-      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"
-      );
-      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"
-      );
-      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) {
-      if (!z.value) return;
-      let { row: e, col: a } = Q.value, n = I.value.slice(), o = !1;
-      if (t.key === "Enter") {
-        const s = n[e], u = s.slice(0, a), c = s.slice(a);
-        n.splice(e, 1, u, c), e += 1, a = 0, o = !0, t.preventDefault();
-      } else if (t.key === "Backspace") {
-        if (a > 0)
-          n[e] = n[e].slice(0, a - 1) + n[e].slice(a), a -= 1, o = !0;
-        else if (e > 0) {
-          const s = n[e - 1].length;
-          n[e - 1] += n[e], n.splice(e, 1), e -= 1, a = s, o = !0;
-        }
-        t.preventDefault();
-      } else if (t.key === "Delete")
-        a < n[e].length ? (n[e] = n[e].slice(0, a) + n[e].slice(a + 1), o = !0) : e < n.length - 1 && (n[e] += n[e + 1], n.splice(e + 1, 1), o = !0), t.preventDefault();
-      else if (t.key === "ArrowLeft")
-        a > 0 ? a -= 1 : e > 0 && (e -= 1, a = n[e].length), o = !0, t.preventDefault();
-      else if (t.key === "ArrowRight")
-        a < n[e].length ? a += 1 : e < n.length - 1 && (e += 1, a = 0), o = !0, t.preventDefault();
-      else if (t.key === "ArrowUp")
-        e > 0 && (e -= 1, a = Math.min(a, n[e].length), o = !0), t.preventDefault();
-      else if (t.key === "ArrowDown")
-        e < n.length - 1 && (e += 1, a = Math.min(a, n[e].length), o = !0), t.preventDefault();
-      else if (t.key.length === 1 && !t.ctrlKey && !t.metaKey && !t.altKey)
-        n[e] = n[e].slice(0, a) + t.key + n[e].slice(a), a += 1, o = !0, t.preventDefault();
-      else if (t.key === "Escape") {
-        oe(!0);
-        return;
-      } else t.key === "Tab" && t.preventDefault();
-      o && (I.value = n, Q.value = { row: e, col: a }, n.some((u) => u.length > 0) && !V.value && m.value && (w.value.push(m.value), C.value = [], V.value = !0), de(), fe());
-    }
-    function de() {
-      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 = v(null);
-    function j() {
-      O.value !== null && (clearInterval(O.value), O.value = null);
-    }
-    function Se(t) {
-      j();
-      let e = !0;
-      t.style.opacity = "1", O.value = setInterval(() => {
-        if (!r.value || !t || !r.value.contains(t)) {
-          j();
-          return;
-        }
-        e = !e, t.style.opacity = e ? "1" : "0";
-      }, 500);
-    }
-    function fe() {
-      const t = r.value?.querySelector(".vue-data-ui-svg-caret");
-      t && r.value && r.value.removeChild(t);
-      const e = m.value;
-      if (!e || !r.value) return;
-      const { x: a, y: n } = le.value, { row: o, col: s } = Q.value, u = D.value * l.scale, c = e.childNodes[o];
-      if (!c) return;
-      let p = c.textContent.slice(0, s);
-      p.endsWith(" ") && (p += " ");
-      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"
-      );
-      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) {
-      if (m.value && !m.value.contains(t.target)) {
-        const e = m.value.children;
-        e.length === 1 && (e[0].textContent === "" || e[0].textContent === "​") && m.value.remove(), oe(!1);
-      }
-    }
-    function oe(t = !1) {
-      window.removeEventListener("keydown", ce), window.removeEventListener("mousedown", ge, !0), j();
-      const e = r.value?.querySelector(".vue-data-ui-svg-caret");
-      e && r.value && r.value.removeChild(e);
-      const a = m.value?.children;
-      let n = !1;
-      if (a && a.length === 1) {
-        const o = a[0].textContent;
-        n = !o || o === "​";
-      }
-      (t || n) && m.value && r.value && r.value.contains(m.value) && r.value.removeChild(m.value), z.value = !1, m.value = null, I.value = [""], Q.value = { row: 0, col: 0 }, V.value = !1;
-    }
-    const R = be(() => Ye(l.color, 0.6));
-    function me() {
-      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"
-        );
-        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);
-      }
-    }
-    function S(t) {
-      const e = l.svgRef;
-      if (!e) return { x: 0, y: 0 };
-      const a = e.createSVGPoint(), o = !!t.touches?.length || !!t.changedTouches?.length ? t.touches?.[0] || t.changedTouches?.[0] : null, s = o ? o.clientX : t.clientX, u = o ? o.clientY : t.clientY;
-      a.x = s, a.y = u;
-      const c = e.getScreenCTM()?.inverse();
-      return c ? a.matrixTransform(c) : { x: 0, y: 0 };
-    }
-    function $e(t) {
-      const e = t.trim().split(/\s+/);
-      if (e.length < 4)
-        return t;
-      const a = e.slice(1).map(Number);
-      if (a.length % 2 !== 0)
-        return t;
-      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}`);
-      }
-      const s = n[n.length - 2], u = n[n.length - 1];
-      return o.push(`L ${s} ${u}`), o.join(" ");
-    }
-    function Be(t, e = 1) {
-      const a = [...t];
-      for (let n = 2; n < t.length - 2; n += 2) {
-        const o = t[n], s = t[n + 1], u = t[n - 2], c = t[n - 1], p = t[n + 2], d = t[n + 3];
-        a[n] = o + e * ((u + p) / 2 - o), a[n + 1] = s + e * ((c + d) / 2 - s);
-      }
-      return a;
-    }
-    function Ne(t) {
-      const e = t.trim().split(/\s+/);
-      let a = "", n = "", o = null, s = null;
-      for (let u = 0; u < e.length; u += 1) {
-        const c = e[u];
-        if (isNaN(c)) {
-          if (n = c, n === "M" || n === "L")
-            o = parseFloat(e[++u]), s = parseFloat(e[++u]), a += `${n}${o} ${s}`;
-          else if (n === "Q") {
-            const p = parseFloat(e[++u]), d = parseFloat(e[++u]), A = parseFloat(e[++u]), b = parseFloat(e[++u]);
-            p === o && d === s ? a += `t${A - o} ${b - s}` : a += `q${p - o} ${d - s} ${A - o} ${b - s}`, o = A, s = b;
-          }
-        } else {
-          const p = parseFloat(c), d = parseFloat(e[++u]);
-          if (n === "L") {
-            const A = p - o, b = d - s;
-            A === 0 ? a += `v${b}` : b === 0 ? a += `h${A}` : a += `l${A} ${b}`, o = p, s = d;
-          } else if (n === "Q") {
-            const A = p, b = d, $ = parseFloat(e[++u]), h = parseFloat(e[++u]);
-            A === o && b === s ? a += `t${$ - o} ${h - s}` : a += `q${A - o} ${b - s} ${$ - o} ${h - s}`, o = $, s = h;
-          }
-        }
-      }
-      return a;
-    }
-    function J(t) {
-      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);
-    }
-    function Z(t) {
-      if (t.cancelable && t.preventDefault(), !k.value || !r.value || !y.value) return;
-      const { x: e, y: a } = S(t);
-      q.value += ` ${e} ${a}`, y.value.setAttribute("d", q.value);
-    }
-    function De() {
-      const t = l.svgRef;
-      if (!t) return;
-      let e = t.querySelector(`defs#${ie.value}`);
-      if (e || (e = document.createElementNS(G, "defs"), e.setAttribute("id", ie.value), t.appendChild(e)), e.querySelector(`#${ae.value}`)) return;
-      const a = 6, n = document.createElementNS(G, "marker");
-      n.setAttribute("id", ae.value), n.setAttribute("markerUnits", "strokeWidth"), n.setAttribute("markerWidth", String(a)), n.setAttribute("markerHeight", String(a)), n.setAttribute("refX", String(a - 2)), n.setAttribute("refY", String(a / 2)), n.setAttribute("orient", "auto"), n.setAttribute("viewBox", `0 0 ${a} ${a}`);
-      const o = document.createElementNS(G, "path");
-      o.setAttribute("d", `M 0 0 L ${a} ${a / 2} L 0 ${a} z`), o.setAttribute("fill", "context-stroke"), o.setAttribute("stroke", "none"), n.appendChild(o), e.appendChild(n);
-    }
-    function _(t) {
-      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);
-    }
-    function ee(t) {
-      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);
-    }
-    function P(t) {
-      if (k.value && r.value && f.value) {
-        const { x: e, y: a } = S(t);
-        f.value.setAttribute("x2", e), f.value.setAttribute("y2", a), w.value.push(f.value), C.value = [], f.value = "";
-      }
-      k.value = !1;
-    }
-    function L(t) {
-      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"
-          );
-          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);
-        }
-        C.value = [], y.value = "";
-      }
-      k.value = !1;
-    }
-    function Pe() {
-      if (w.value.length > 0) {
-        const t = w.value.pop();
-        C.value.push(t), t === m.value ? oe(!0) : r.value && r.value.contains(t) && r.value.removeChild(t);
-      }
-    }
-    function Me() {
-      if (C.value.length > 0) {
-        const t = C.value.pop();
-        w.value.push(t), r.value && r.value.appendChild(t);
-      }
-    }
-    function Te() {
-      r.value && (r.value.innerHTML = ""), w.value = [], C.value = [], V.value = !1, me();
-    }
-    U(g, (t) => {
-      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"));
-    }
-    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(
-      () => l.active,
-      (t) => {
-        l.svgRef && (t ? l.svgRef.style.touchAction = "none" : l.svgRef.style.touchAction = "");
-      },
-      { immediate: !0 }
-    );
-    function he() {
-      r.value && (g.value === "text" ? r.value.style.cursor = "text" : ["line", "arrow"].includes(g.value) ? r.value.style.cursor = "crosshair" : r.value.style.cursor = Ee.value);
-    }
-    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());
-      });
-    }), U(
-      () => l.active,
-      async (t) => {
-        t && (await re(), Ae.value?.focus());
-      },
-      { flush: "post" }
-    ), Ie(() => {
-      j(), r.value && l.svgRef && (r.value.remove(), te());
-    }), (t, e) => i.active ? (se(), ue("div", {
-      key: 0,
-      "data-dom-to-png-ignore": "",
-      class: "vue-ui-pen-and-paper-actions",
-      style: x({ backgroundColor: i.backgroundColor })
-    }, [
-      B("button", {
-        ref_key: "buttonToggle",
-        ref: Ae,
-        class: "vue-ui-pen-and-paper-action",
-        onClick: e[0] || (e[0] = (a) => ke("close")),
-        style: x({
-          backgroundColor: i.backgroundColor,
-          border: `1px solid ${R.value}`,
-          cursor: i.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        M(t.$slots, "annotator-action-close", {}, () => [
-          T(Y, {
-            name: "close",
-            stroke: i.color
-          }, null, 8, ["stroke"])
-        ])
-      ], 4),
-      B("button", {
-        class: "vue-ui-pen-and-paper-action",
-        tabindex: "-1",
-        style: x(`padding: 0 !important; cursor: ${i.isCursorPointer ? "pointer" : "default"}`)
-      }, [
-        T(Xe, {
-          value: E.value,
-          "onUpdate:value": e[1] || (e[1] = (a) => E.value = a),
-          backgroundColor: i.backgroundColor,
-          buttonBorderColor: R.value,
-          isCursorPointer: i.isCursorPointer
-        }, {
-          "annotator-action-color": Qe(({ color: a }) => [
-            M(t.$slots, "annotator-action-color", K(X({ color: a })))
-          ]),
-          _: 3
-        }, 8, ["value", "backgroundColor", "buttonBorderColor", "isCursorPointer"])
-      ], 4),
-      B("button", {
-        class: ne(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": g.value === "text" }]),
-        onClick: e[2] || (e[2] = (a) => Re()),
-        style: x({
-          backgroundColor: i.backgroundColor,
-          border: `1px solid ${R.value}`,
-          cursor: i.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        M(t.$slots, "annotator-action-draw", K(X({ mode: g.value })), () => [
-          T(Y, {
-            name: Le[g.value],
-            stroke: i.color
-          }, null, 8, ["name", "stroke"])
-        ]),
-        B("div", {
-          style: x({
-            position: "absolute",
-            bottom: "-20px",
-            color: R.value,
-            width: "100%",
-            textAlign: "center",
-            fontSize: "12px",
-            fontVariantNumeric: "tabular-nums"
-          })
-        }, Ve(Ue(Ge)({
-          v: g.value === "text" ? Math.round(D.value) : Math.round(N.value),
-          s: "px",
-          r: 1
-        })), 5)
-      ], 6),
-      B("button", {
-        class: ne(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !w.value.length }]),
-        disabled: !w.value.length,
-        onClick: Pe,
-        style: x({
-          backgroundColor: i.backgroundColor,
-          border: `1px solid ${R.value}`,
-          marginTop: "20px",
-          cursor: i.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        M(t.$slots, "annotator-action-undo", K(X({ disabled: !w.value.length })), () => [
-          T(Y, {
-            name: "refresh",
-            stroke: i.color
-          }, null, 8, ["stroke"])
-        ])
-      ], 14, qe),
-      B("button", {
-        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,
-          border: `1px solid ${R.value}`,
-          cursor: i.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        M(t.$slots, "annotator-action-redo", K(X({ disabled: !C.value.length })), () => [
-          T(Y, {
-            name: "refresh",
-            stroke: i.color,
-            style: { transform: "scaleX(-1)" }
-          }, null, 8, ["stroke"])
-        ])
-      ], 6),
-      B("button", {
-        class: ne(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !w.value.length }]),
-        onClick: Te,
-        style: x({
-          backgroundColor: i.backgroundColor,
-          border: `1px solid ${R.value}`,
-          cursor: i.isCursorPointer ? "pointer" : "default"
-        })
-      }, [
-        M(t.$slots, "annotator-action-delete", K(X({ disabled: !w.value.length })), () => [
-          T(Y, {
-            name: "trash",
-            stroke: i.color
-          }, null, 8, ["stroke"])
-        ])
-      ], 6),
-      g.value === "text" ? we((se(), ue("input", {
-        key: 0,
-        ref: "range",
-        type: "range",
-        class: "vertical-range",
-        min: 3,
-        max: 48,
-        step: 1,
-        "onUpdate:modelValue": e[3] || (e[3] = (a) => D.value = a),
-        style: x({ accentColor: i.color })
-      }, null, 4)), [
-        [ye, D.value]
-      ]) : we((se(), ue("input", {
-        key: 1,
-        ref: "range",
-        type: "range",
-        class: "vertical-range",
-        min: 0.5,
-        max: 12,
-        step: 0.1,
-        "onUpdate:modelValue": e[4] || (e[4] = (a) => N.value = a),
-        style: x({ accentColor: i.color })
-      }, null, 4)), [
-        [ye, N.value]
-      ])
-    ], 4)) : Ke("", !0);
-  }
-};
-export {
-  je as default
-};

package/dist/RecursiveCircles-BE6GoMmo.js

@@ -1,101 +0,0 @@
-import { ref as w, watch as U, resolveComponent as F, openBlock as o, createElementBlock as l, Fragment as n, renderList as k, createElementVNode as M, withModifiers as x, renderSlot as h, mergeProps as y, createCommentVNode as a, createBlock as H, withCtx as S } from "vue";
-const P = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onClick", "onMouseover"], B = ["x", "y", "height", "width", "onClick", "onMouseover"], E = {
-  __name: "RecursiveCircles",
-  props: {
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    dataset: {
-      type: Array,
-      default: () => []
-    },
-    hoveredUid: {
-      type: String,
-      default: null
-    },
-    linkColor: {
-      type: String,
-      default: "#CCCCCC"
-    },
-    stroke: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    strokeHovered: {
-      type: String,
-      default: "#000000"
-    }
-  },
-  emits: ["click", "hover"],
-  setup(t, { emit: f }) {
-    const C = t, v = f;
-    function d(r) {
-      v("click", r);
-    }
-    function s(r) {
-      v("hover", r);
-    }
-    const m = w([]);
-    return U(
-      () => C.dataset,
-      (r) => {
-        m.value = r || [];
-      },
-      { immediate: !0 }
-    ), (r, u) => {
-      const g = F("RecursiveCircles", !0);
-      return o(!0), l(n, null, k(t.dataset, (e, $) => (o(), l(n, null, [
-        e.polygonPath && e.polygonPath.coordinates ? (o(), l(n, { key: 0 }, [
-          (o(!0), l(n, null, k(e.polygonPath.coordinates, (i, R) => (o(), l(n, {
-            key: `node_${$}_${R}`
-          }, [
-            M("circle", {
-              cx: i.x,
-              cy: i.y,
-              r: e.circleRadius,
-              fill: `url(#gradient_${e.color})`,
-              stroke: t.hoveredUid && t.hoveredUid === e.uid ? t.strokeHovered : t.stroke,
-              "stroke-width": t.hoveredUid && t.hoveredUid === e.uid ? e.circleRadius / 6 : e.circleRadius / 12,
-              style: { cursor: "pointer" },
-              onClick: (c) => d(e),
-              onMouseover: (c) => s(e),
-              onMouseleave: u[0] || (u[0] = (c) => s(null))
-            }, null, 40, P),
-            r.$slots.node ? (o(), l("foreignObject", {
-              key: 0,
-              x: i.x - e.circleRadius,
-              y: i.y - e.circleRadius,
-              height: e.circleRadius * 2,
-              width: e.circleRadius * 2,
-              style: { overflow: "visible" },
-              onClick: x((c) => d(e), ["stop"]),
-              onMouseover: (c) => s(e),
-              onMouseleave: u[1] || (u[1] = (c) => s(null))
-            }, [
-              h(r.$slots, "node", y({ ref_for: !0 }, { node: e }))
-            ], 40, B)) : a("", !0)
-          ], 64))), 128)),
-          e.nodes && e.nodes.length > 0 ? (o(), H(g, {
-            key: 0,
-            dataset: e.nodes,
-            color: t.color,
-            stroke: t.stroke,
-            strokeHovered: t.strokeHovered,
-            hoveredUid: t.hoveredUid,
-            onClick: d,
-            onHover: s
-          }, {
-            node: S(({ node: i }) => [
-              h(r.$slots, "node", y({ ref_for: !0 }, { node: i }))
-            ]),
-            _: 2
-          }, 1032, ["dataset", "color", "stroke", "strokeHovered", "hoveredUid"])) : a("", !0)
-        ], 64)) : a("", !0)
-      ], 64))), 256);
-    };
-  }
-};
-export {
-  E as default
-};

package/dist/RecursiveLabels-BhQMS9Sm.js

@@ -1,55 +0,0 @@
-import { ref as h, watch as p, resolveComponent as v, openBlock as t, createElementBlock as o, Fragment as l, renderList as i, toDisplayString as f, createBlock as _, createCommentVNode as u } from "vue";
-const g = ["x", "y", "fill", "font-size"], L = {
-  __name: "RecursiveLabels",
-  props: {
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    dataset: {
-      type: Array,
-      default: () => []
-    },
-    hoveredUid: {
-      type: String,
-      default: null
-    }
-  },
-  emits: ["zoom", "hover"],
-  setup(r, { emit: k }) {
-    const d = r, a = h([]);
-    return p(
-      () => d.dataset,
-      (n) => {
-        a.value = n || [];
-      },
-      { immediate: !0 }
-    ), (n, x) => {
-      const m = v("RecursiveLabels", !0);
-      return t(!0), o(l, null, i(a.value, (e, s) => (t(), o(l, {
-        key: `level_${s}`
-      }, [
-        e.polygonPath && e.polygonPath.coordinates ? (t(), o(l, { key: 0 }, [
-          (t(!0), o(l, null, i(e.polygonPath.coordinates, (c, y) => (t(), o("text", {
-            key: `node_${s}_${y}`,
-            x: c.x,
-            y: c.y + e.circleRadius * 2,
-            fill: r.color,
-            "font-size": e.circleRadius,
-            "text-anchor": "middle",
-            style: { opacity: "0.8", "pointer-events": "none" }
-          }, f(e.name), 9, g))), 128)),
-          e.nodes && e.nodes.length > 0 ? (t(), _(m, {
-            key: 0,
-            dataset: e.nodes,
-            color: r.color,
-            hoveredUid: r.hoveredUid
-          }, null, 8, ["dataset", "color", "hoveredUid"])) : u("", !0)
-        ], 64)) : u("", !0)
-      ], 64))), 128);
-    };
-  }
-};
-export {
-  L as default
-};