@linkurious/ogma-annotations 1.1.23 → 1.1.24

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var Fn = Object.defineProperty;
 var Rn = (a, h, t) => h in a ? Fn(a, h, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[h] = t;
 var m = (a, h, t) => Rn(a, typeof h != "symbol" ? h + "" : h, t);
-let Qt = (a = 21) => crypto.getRandomValues(new Uint8Array(a)).reduce((h, t) => (t &= 63, t < 36 ? h += t.toString(36) : t < 62 ? h += (t - 26).toString(36).toUpperCase() : t > 62 ? h += "-" : h += "_", h), "");
+let te = (a = 21) => crypto.getRandomValues(new Uint8Array(a)).reduce((h, t) => (t &= 63, t < 36 ? h += t.toString(36) : t < 62 ? h += (t - 26).toString(36).toUpperCase() : t > 62 ? h += "-" : h += "_", h), "");
 const Nt = {
   strokeType: "plain",
   strokeColor: "#202020",
@@ -35,7 +35,7 @@ const Nt = {
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
 }, qn = (a = 0, h = 0, t = 0, r = 0, o = { ...Nt }) => ({
-  id: Qt(),
+  id: te(),
   type: "Feature",
   properties: {
     type: "arrow",
@@ -158,7 +158,7 @@ function Ut(a, h, t) {
     y: h.y + t * Math.sin(r)
   };
 }
-function fe(a, h) {
+function Kt(a, h) {
   if (!h) return { x: a.clientX, y: a.clientY };
   const t = h.getBoundingClientRect();
   return {
@@ -216,7 +216,7 @@ function tn(a, h = 5, t = 30) {
   const { start: r, end: o } = Zt(a), l = wt(o, r), u = a.properties.style && a.properties.style.strokeWidth ? (d = a.properties.style) == null ? void 0 : d.strokeWidth : 0;
   return Math.min(t, Math.max(3 * u, Tt(l) * 0.01, h));
 }
-function $e(a, h, t, r) {
+function Ce(a, h, t, r) {
   const o = Qe(Ke(Je(h)), r);
   if (!t || t !== "arrow" && t !== "arrow-plain") return "";
   const l = St(a, rt(o, Math.PI / 10)), u = St(a, rt(o, -Math.PI / 10)), d = `${a.x} ${a.y}`;
@@ -225,17 +225,17 @@ function $e(a, h, t, r) {
 function Jn(a, h, t, r, o) {
   const { start: l, end: u } = Zt(a), {
     tail: d,
-    head: g,
+    head: y,
     strokeColor: f,
-    strokeWidth: y = 0
+    strokeWidth: g = 0
   } = a.properties.style || t, v = wt(u, l), k = tn(a, r, o), b = xt("g"), w = xt("path");
   b.setAttribute("data-annotation", `${a.id}`), b.setAttribute("data-annotation-type", "arrow");
-  const C = g === "arrow-plain" || d === "arrow", E = f || "none";
-  w.setAttribute("stroke", E), w.setAttribute("stroke-width", `${y}`), w.setAttribute("fill", C ? f || "" : "none"), w.setAttribute("stroke-linecap", "round"), w.setAttribute("stroke-linejoin", "round");
-  const $ = $e(l, Ke(v), d, k), N = $e(u, v, g, k), D = $ + `M ${l.x} ${l.y} ${u.x} ${u.y}` + N;
-  w.setAttribute("d", D), b.appendChild(w), Ce(b, l, E, d, y), Ce(b, u, E, g, y), h.appendChild(b);
+  const $ = y === "arrow-plain" || d === "arrow", E = f || "none";
+  w.setAttribute("stroke", E), w.setAttribute("stroke-width", `${g}`), w.setAttribute("fill", $ ? f || "" : "none"), w.setAttribute("stroke-linecap", "round"), w.setAttribute("stroke-linejoin", "round");
+  const C = Ce(l, Ke(v), d, k), N = Ce(u, v, y, k), D = C + `M ${l.x} ${l.y} ${u.x} ${u.y}` + N;
+  w.setAttribute("d", D), b.appendChild(w), $e(b, l, E, d, g), $e(b, u, E, y, g), h.appendChild(b);
 }
-function Ce(a, h, t, r, o) {
+function $e(a, h, t, r, o) {
   r === "halo-dot" && Pe(
     a,
     h,
@@ -251,116 +251,116 @@ function Pe(a, h, t, r, o) {
   const l = xt("circle");
   l.setAttribute("cx", `${h.x}`), l.setAttribute("cy", `${h.y}`), l.setAttribute("r", `${o}`), l.setAttribute("fill-opacity", `${r}`), l.setAttribute("fill", t), a.appendChild(l);
 }
-const W = -1, Kt = "dragging", Jt = "dragstart", It = "dragend", pe = "select", ge = "unselect", tr = "hover", er = "unhover", ye = "remove", me = "add", nr = "cancelDrawing", ve = "update", rr = "link";
+const W = -1, Jt = "dragging", Qt = "dragstart", It = "dragend", pe = "select", ge = "unselect", tr = "hover", er = "unhover", ye = "remove", me = "add", nr = "cancelDrawing", ve = "update", rr = "link";
 function en(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var he = { exports: {} }, ze;
+var ce = { exports: {} }, ze;
 function ir() {
   return ze || (ze = 1, function(a) {
     var h = Object.prototype.hasOwnProperty, t = "~";
     function r() {
     }
     Object.create && (r.prototype = /* @__PURE__ */ Object.create(null), new r().__proto__ || (t = !1));
-    function o(g, f, y) {
-      this.fn = g, this.context = f, this.once = y || !1;
+    function o(y, f, g) {
+      this.fn = y, this.context = f, this.once = g || !1;
     }
-    function l(g, f, y, v, k) {
-      if (typeof y != "function")
+    function l(y, f, g, v, k) {
+      if (typeof g != "function")
         throw new TypeError("The listener must be a function");
-      var b = new o(y, v || g, k), w = t ? t + f : f;
-      return g._events[w] ? g._events[w].fn ? g._events[w] = [g._events[w], b] : g._events[w].push(b) : (g._events[w] = b, g._eventsCount++), g;
+      var b = new o(g, v || y, k), w = t ? t + f : f;
+      return y._events[w] ? y._events[w].fn ? y._events[w] = [y._events[w], b] : y._events[w].push(b) : (y._events[w] = b, y._eventsCount++), y;
     }
-    function u(g, f) {
-      --g._eventsCount === 0 ? g._events = new r() : delete g._events[f];
+    function u(y, f) {
+      --y._eventsCount === 0 ? y._events = new r() : delete y._events[f];
     }
     function d() {
       this._events = new r(), this._eventsCount = 0;
     }
     d.prototype.eventNames = function() {
-      var f = [], y, v;
+      var f = [], g, v;
       if (this._eventsCount === 0) return f;
-      for (v in y = this._events)
-        h.call(y, v) && f.push(t ? v.slice(1) : v);
-      return Object.getOwnPropertySymbols ? f.concat(Object.getOwnPropertySymbols(y)) : f;
+      for (v in g = this._events)
+        h.call(g, v) && f.push(t ? v.slice(1) : v);
+      return Object.getOwnPropertySymbols ? f.concat(Object.getOwnPropertySymbols(g)) : f;
     }, d.prototype.listeners = function(f) {
-      var y = t ? t + f : f, v = this._events[y];
+      var g = t ? t + f : f, v = this._events[g];
       if (!v) return [];
       if (v.fn) return [v.fn];
       for (var k = 0, b = v.length, w = new Array(b); k < b; k++)
         w[k] = v[k].fn;
       return w;
     }, d.prototype.listenerCount = function(f) {
-      var y = t ? t + f : f, v = this._events[y];
+      var g = t ? t + f : f, v = this._events[g];
       return v ? v.fn ? 1 : v.length : 0;
-    }, d.prototype.emit = function(f, y, v, k, b, w) {
-      var C = t ? t + f : f;
-      if (!this._events[C]) return !1;
-      var E = this._events[C], $ = arguments.length, N, D;
+    }, d.prototype.emit = function(f, g, v, k, b, w) {
+      var $ = t ? t + f : f;
+      if (!this._events[$]) return !1;
+      var E = this._events[$], C = arguments.length, N, D;
       if (E.fn) {
-        switch (E.once && this.removeListener(f, E.fn, void 0, !0), $) {
+        switch (E.once && this.removeListener(f, E.fn, void 0, !0), C) {
           case 1:
             return E.fn.call(E.context), !0;
           case 2:
-            return E.fn.call(E.context, y), !0;
+            return E.fn.call(E.context, g), !0;
           case 3:
-            return E.fn.call(E.context, y, v), !0;
+            return E.fn.call(E.context, g, v), !0;
           case 4:
-            return E.fn.call(E.context, y, v, k), !0;
+            return E.fn.call(E.context, g, v, k), !0;
           case 5:
-            return E.fn.call(E.context, y, v, k, b), !0;
+            return E.fn.call(E.context, g, v, k, b), !0;
           case 6:
-            return E.fn.call(E.context, y, v, k, b, w), !0;
+            return E.fn.call(E.context, g, v, k, b, w), !0;
         }
-        for (D = 1, N = new Array($ - 1); D < $; D++)
+        for (D = 1, N = new Array(C - 1); D < C; D++)
           N[D - 1] = arguments[D];
         E.fn.apply(E.context, N);
       } else {
         var z = E.length, R;
         for (D = 0; D < z; D++)
-          switch (E[D].once && this.removeListener(f, E[D].fn, void 0, !0), $) {
+          switch (E[D].once && this.removeListener(f, E[D].fn, void 0, !0), C) {
             case 1:
               E[D].fn.call(E[D].context);
               break;
             case 2:
-              E[D].fn.call(E[D].context, y);
+              E[D].fn.call(E[D].context, g);
               break;
             case 3:
-              E[D].fn.call(E[D].context, y, v);
+              E[D].fn.call(E[D].context, g, v);
               break;
             case 4:
-              E[D].fn.call(E[D].context, y, v, k);
+              E[D].fn.call(E[D].context, g, v, k);
               break;
             default:
-              if (!N) for (R = 1, N = new Array($ - 1); R < $; R++)
+              if (!N) for (R = 1, N = new Array(C - 1); R < C; R++)
                 N[R - 1] = arguments[R];
               E[D].fn.apply(E[D].context, N);
           }
       }
       return !0;
-    }, d.prototype.on = function(f, y, v) {
-      return l(this, f, y, v, !1);
-    }, d.prototype.once = function(f, y, v) {
-      return l(this, f, y, v, !0);
-    }, d.prototype.removeListener = function(f, y, v, k) {
+    }, d.prototype.on = function(f, g, v) {
+      return l(this, f, g, v, !1);
+    }, d.prototype.once = function(f, g, v) {
+      return l(this, f, g, v, !0);
+    }, d.prototype.removeListener = function(f, g, v, k) {
       var b = t ? t + f : f;
       if (!this._events[b]) return this;
-      if (!y)
+      if (!g)
         return u(this, b), this;
       var w = this._events[b];
       if (w.fn)
-        w.fn === y && (!k || w.once) && (!v || w.context === v) && u(this, b);
+        w.fn === g && (!k || w.once) && (!v || w.context === v) && u(this, b);
       else {
-        for (var C = 0, E = [], $ = w.length; C < $; C++)
-          (w[C].fn !== y || k && !w[C].once || v && w[C].context !== v) && E.push(w[C]);
+        for (var $ = 0, E = [], C = w.length; $ < C; $++)
+          (w[$].fn !== g || k && !w[$].once || v && w[$].context !== v) && E.push(w[$]);
         E.length ? this._events[b] = E.length === 1 ? E[0] : E : u(this, b);
       }
       return this;
     }, d.prototype.removeAllListeners = function(f) {
-      var y;
-      return f ? (y = t ? t + f : f, this._events[y] && u(this, y)) : (this._events = new r(), this._eventsCount = 0), this;
+      var g;
+      return f ? (g = t ? t + f : f, this._events[g] && u(this, g)) : (this._events = new r(), this._eventsCount = 0), this;
     }, d.prototype.off = d.prototype.removeListener, d.prototype.addListener = d.prototype.on, d.prefixed = t, d.EventEmitter = d, a.exports = d;
-  }(he)), he.exports;
+  }(ce)), ce.exports;
 }
 var sr = ir();
 const nn = /* @__PURE__ */ en(sr);
@@ -404,7 +404,7 @@ class rn extends nn {
    */
   add(t) {
     const r = this.getDefaultOptions(), o = Object.assign(t, {
-      id: t.id === void 0 ? Qt() : t.id,
+      id: t.id === void 0 ? te() : t.id,
       type: t.type,
       properties: {
         ...r.properties,
@@ -583,7 +583,7 @@ class or extends rn {
     m(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!r) return;
-      const { x: o, y: l } = fe(t, this.ogma.getContainer());
+      const { x: o, y: l } = Kt(t, this.ogma.getContainer());
       this.startDragging(r, o, l), this.draggedHandle = Ze(t.target);
     });
     m(this, "onMouseUp", () => {
@@ -591,17 +591,17 @@ class or extends rn {
     });
     m(this, "onMouseMove", (t) => {
       if (!this.isDragging || this.draggedHandle === W) return;
-      const r = this.handles[this.draggedHandle], o = this.ogma.view.getAngle(), { x: l, y: u } = rt(
+      const { x: r, y: o } = Kt(t, this.ogma.getContainer()), l = this.handles[this.draggedHandle], u = this.ogma.view.getAngle(), { x: d, y } = rt(
         Zn(
-          { x: t.x - this.startX, y: t.y - this.startY },
+          { x: r - this.startX, y: o - this.startY },
           this.ogma.view.getZoom()
         ),
-        o
-      ), d = r.id === Ne, g = r.id === He, f = r.id === Fe;
-      (d || g) && Ye(this.arrow, this.start.x + l, this.start.y + u), (d || f) && Xe(this.arrow, this.end.x + l, this.end.y + u), this.emit(
-        Kt,
+        u
+      ), f = l.id === Ne, g = l.id === He, v = l.id === Fe;
+      (f || g) && Ye(this.arrow, this.start.x + d, this.start.y + y), (f || v) && Xe(this.arrow, this.end.x + d, this.end.y + y), this.emit(
+        Jt,
         this.arrow,
-        d ? "line" : g ? "start" : "end"
+        f ? "line" : g ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
     });
     this.minArrowHeight = r.minArrowHeight || 0, this.maxArrowHeight = r.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
@@ -633,28 +633,28 @@ class or extends rn {
     this.isDragging && (this.remove(this.arrow.id), this.emit(It, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = W);
   }
   startDragging(t, r, o) {
-    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = o, this.start = zt(this.arrow), this.end = Xt(this.arrow), this.disableDragging(), this.emit(Jt, this.arrow), this.isDragging = !0;
+    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = o, this.start = zt(this.arrow), this.end = Xt(this.arrow), this.disableDragging(), this.emit(Qt, this.arrow), this.isDragging = !0;
   }
   detect(t, r = 0) {
     return this.elements.find((o) => {
       const { start: l, end: u } = Zt(o), d = wt(t, {
         x: (l.x + u.x) / 2,
         y: (l.y + u.y) / 2
-      }), g = wt(u, l), f = Tt(g), y = Je(g), v = tn(o);
-      return Math.abs(Le(y, d)) < f / 2 + r && Math.abs(Le(rt(y, Math.PI / 2), d)) < v / 2 + r;
+      }), y = wt(u, l), f = Tt(y), g = Je(y), v = tn(o);
+      return Math.abs(Le(g, d)) < f / 2 + r && Math.abs(Le(rt(g, Math.PI / 2), d)) < v / 2 + r;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
-    const t = this.selectedId !== W ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Zt(t), o = this.ogma.view.graphToScreenCoordinates(r.start), l = this.ogma.view.graphToScreenCoordinates(r.end), [u, d, g] = Array.prototype.slice.call(
+    const t = this.selectedId !== W ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Zt(t), o = this.ogma.view.graphToScreenCoordinates(r.start), l = this.ogma.view.graphToScreenCoordinates(r.end), [u, d, y] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    d.style.transform = `translate(${o.x}px, ${o.y}px) translate(-50%, -50%)`, g.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
+    d.style.transform = `translate(${o.x}px, ${o.y}px) translate(-50%, -50%)`, y.style.transform = `translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;
     const f = {
       x: (l.x + o.x) / 2,
       y: (l.y + o.y) / 2
-    }, y = wt(l, o), v = Qe(y, 1 / Tt(y)), k = Math.atan2(v.y, v.x);
-    u.style.width = `${Tt(y)}px`, u.style.left = `${f.x}px`, u.style.top = `${f.y}px`, u.style.transform = `translate(-50%, -50%) rotate(${k}rad)`;
+    }, g = wt(l, o), v = Qe(g, 1 / Tt(g)), k = Math.atan2(v.y, v.x);
+    u.style.width = `${Tt(g)}px`, u.style.left = `${f.x}px`, u.style.top = `${f.y}px`, u.style.transform = `translate(-50%, -50%) rotate(${k}rad)`;
   }
   getDefaultOptions() {
     return Oe;
@@ -686,7 +686,7 @@ const _t = {
   borderRadius: 8,
   padding: 16,
   strokeType: "plain"
-}, ce = {
+}, ue = {
   id: 0,
   type: "Feature",
   properties: {
@@ -712,7 +712,7 @@ const _t = {
   handleSize: 3.5,
   placeholder: "Your text..."
 }, ar = (a = 0, h = 0, t = 100, r = 50, o = "", l = { ..._t }) => ({
-  id: Qt(),
+  id: te(),
   type: "Feature",
   properties: {
     type: "text",
@@ -749,7 +749,7 @@ function hr() {
         }, o(e);
       }
       t.d(r, { default: () => Nn });
-      var l = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, u = /\bsmall-caps\b/, d = /\b(?:italic|oblique)\b/, g = /\bbold(?:er)?\b/, f = 13.3333333, y = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+      var l = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, u = /\bsmall-caps\b/, d = /\b(?:italic|oblique)\b/, y = /\bbold(?:er)?\b/, f = 13.3333333, g = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
       function v(e) {
         var n = "", s = this;
         return s.style && s.style !== "normal" && (n += s.style), s.variant && s.variant !== "normal" && (n += (n ? " " : "") + s.variant), s.weight && s.weight !== "normal" && (n += (n ? " " : "") + s.weight), s.size && (n += (n ? " " : "") + s.size + "px", s.height !== s.size && (n += "/" + s.height + "px")), s.family && (n += (n ? " " : "") + s.family), e && (n += "::" + s.baseline), e && (n += "::" + s.color), n;
@@ -758,10 +758,10 @@ function hr() {
       function b(e) {
         var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, s = l.exec(e);
         n.family = (s[6] || "").trim();
-        var i = y[s[2]] || parseFloat(s[2]);
+        var i = g[s[2]] || parseFloat(s[2]);
         s[3] === "%" ? i *= 0.16 : s[3] === "em" ? i *= 16 : s[3] === "pt" && (i *= f), n.size = i;
         var c = parseFloat(s[4]);
-        if (c !== "normal" && c !== "inherit" && c ? s[5] && s[5] !== "em" ? s[5] === "pt" ? n.height = c * f : s[5] === "%" ? n.height = 0.01 * i : n.height = c : n.height = c * i : n.height = Math.round(i * (7 / 6)), u.test(s[1]) && (n.variant = "small-caps"), d.test(s[1]) && (n.style = "italic"), g.test(s[1])) n.weight = "bold";
+        if (c !== "normal" && c !== "inherit" && c ? s[5] && s[5] !== "em" ? s[5] === "pt" ? n.height = c * f : s[5] === "%" ? n.height = 0.01 * i : n.height = c : n.height = c * i : n.height = Math.round(i * (7 / 6)), u.test(s[1]) && (n.variant = "small-caps"), d.test(s[1]) && (n.style = "italic"), y.test(s[1])) n.weight = "bold";
         else {
           var p = parseInt(/\b(\d+)\b/.exec(s[1]), 10);
           p >= 100 && p !== 400 && (n.weight = p);
@@ -781,8 +781,8 @@ function hr() {
         var L = Object.create(k);
         return L.family = c.family || e || "sans-serif", L.height = p ?? 14, L.size = A ?? 12, L.variant = c.variant || T || "", L.style = c.style || S || "", L.weight = c.weight || x || "", L.baseline = n || 0, c.baseline != null && (L.baseline = c.baseline), L.color = c.color || s || "", L.id = v.call(L, !0), L;
       }
-      const C = { "\n": 0.28, "\r": 0.28, " ": 0.28, " ": 0.28, " ": 0.28, "᠎": 0, " ": 0.5, " ": 1, " ": 0.5, " ": 1, " ": 0.33, " ": 0.25, " ": 0.16, " ": 0.56, " ": 0.28, " ": 0.2, " ": 0.15, "​": 0, " ": 0.16, " ": 0.22, "　": 1, "\uFEFF": 0 };
-      var E, $ = function(e) {
+      const $ = { "\n": 0.28, "\r": 0.28, " ": 0.28, " ": 0.28, " ": 0.28, "᠎": 0, " ": 0.5, " ": 1, " ": 0.5, " ": 1, " ": 0.33, " ": 0.25, " ": 0.16, " ": 0.56, " ": 0.28, " ": 0.2, " ": 0.15, "​": 0, " ": 0.16, " ": 0.22, "　": 1, "\uFEFF": 0 };
+      var E, C = function(e) {
         var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || e && e.createElement("canvas");
         if (n && n.getContext) {
           var s = n.getContext("2d");
@@ -800,11 +800,11 @@ function hr() {
       function z(e, n, s) {
         var i = Object.assign({}, D, s), c = String(e);
         if (!c) return 0;
-        if (c in C) {
+        if (c in $) {
           var p = n.id + "/" + c;
-          return p in N || (N[p] = $("_".concat(c, "_"), n) - $("__", n)), N[p];
+          return p in N || (N[p] = C("_".concat(c, "_"), n) - C("__", n)), N[p];
         }
-        return i.trim && i.collapse ? i.trim ? c = c.trim() : i.collapse && (c = c.replace(/\s+/g, " ")) : c = c.replace(/\n/g, " "), $(c, n) + n.size * (e.tracking || 0);
+        return i.trim && i.collapse ? i.trim ? c = c.trim() : i.collapse && (c = c.replace(/\s+/g, " ")) : c = c.replace(/\n/g, " "), C(c, n) + n.size * (e.tracking || 0);
       }
       function R(e) {
         return R = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
@@ -911,13 +911,13 @@ function hr() {
           return Ft(this, s), n.apply(this, arguments);
         }
         return Rt(s);
-      }(q), te = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, an = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, xe = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ln = /^(?:[;\xAD%?…]|,(?!\d))/, hn = /^[´±°¢£¤$¥\u2212]/;
+      }(q), ee = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, an = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, xe = /^[\xA0\u2011\u202F\u2060\uFEFF]/, ln = /^(?:[;\xAD%?…]|,(?!\d))/, hn = /^[´±°¢£¤$¥\u2212]/;
       function qt(e, n) {
         n !== !1 && (e = e.trim());
         for (var s, i, c = [], p = e.charAt(0), A = 0, x = 1, S = e.length; x < S; x++) {
           s = e.charAt(x), i = e.charAt(x + 1);
-          var T = te.test(p), M = te.test(s), O = M || T, _ = void 0;
-          if ((hn.test(s) && !xe.test(p) || ln.test(p + i) && !xe.test(s)) && (O = !0), p !== "-" && p !== "‐" && p !== "–" && p !== "—" || ((_ = te.test(e.charAt(x - 2))) && !M && (O = !1), !_ && an.test(s + i) && (O = !0)), O) {
+          var T = ee.test(p), M = ee.test(s), O = M || T, _ = void 0;
+          if ((hn.test(s) && !xe.test(p) || ln.test(p + i) && !xe.test(s)) && (O = !0), p !== "-" && p !== "‐" && p !== "–" && p !== "—" || ((_ = ee.test(e.charAt(x - 2))) && !M && (O = !1), !_ && an.test(s + i) && (O = !0)), O) {
             var L = e.slice(A, x);
             /\u00AD$/.test(L) ? (c.push(new q(L.slice(0, -1))), c.push(new yt())) : (c.push(new q(L)), c.push(new Ot())), A = x;
           }
@@ -1017,26 +1017,26 @@ function hr() {
       }
       function Se(e) {
         return function(n) {
-          if (Array.isArray(n)) return ee(n);
+          if (Array.isArray(n)) return ne(n);
         }(e) || function(n) {
           if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
         }(e) || function(n, s) {
           if (n) {
-            if (typeof n == "string") return ee(n, s);
+            if (typeof n == "string") return ne(n, s);
             var i = Object.prototype.toString.call(n).slice(8, -1);
-            return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? ee(n, s) : void 0;
+            return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? ne(n, s) : void 0;
           }
         }(e) || function() {
           throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
         }();
       }
-      function ee(e, n) {
+      function ne(e, n) {
         (n == null || n > e.length) && (n = e.length);
         for (var s = 0, i = new Array(n); s < n; s++) i[s] = e[s];
         return i;
       }
-      var _n = { center: "middle", right: "end" }, In = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, ne = function(e, n) {
+      var _n = { center: "middle", right: "end" }, In = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, re = function(e, n) {
         return !e && !n || e === n;
       };
       function Dn(e, n) {
@@ -1059,14 +1059,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             var at = "", ft = "", ot = 0, lt = e[nt];
             if (lt.length) {
               F = [];
-              for (var At = 0, Ct = 0, ht = void 0, X = 0, Bt = lt.length; X < Bt; X++) {
+              for (var At = 0, $t = 0, ht = void 0, X = 0, Bt = lt.length; X < Bt; X++) {
                 var U = lt[X], Z = U.font;
-                U.whitespace && At++, Ct += U.width, X && !U.tracking && !ot && ne(Z.id, at) && ne(U.class, ft) && ne(ht, U.href) ? V += U.value : (I(), V = U.value, Y = { fontFamily: Z.family !== p ? Z.family : null, fontSize: Z.size !== c ? Z.size : null, fontWeight: Z.weight || null, fontStyle: Z.style || null, fontVariant: Z.variant !== "normal" && Z.variant || null, fill: Z.color || null, baselineShift: Z.baseline ? 100 * Z.baseline + "%" : null, className: U.class || null }, ot && (Y.dx = bt(ot), ot = 0), U.tracking && (ot = Z.size * U.tracking), U.href && !ht ? (ht = U.href, Q = "a", Y.href = ht, Y.rel = U.rel, Y.target = U.target) : ht = null, at = Z.id, ft = U.class);
+                U.whitespace && At++, $t += U.width, X && !U.tracking && !ot && re(Z.id, at) && re(U.class, ft) && re(ht, U.href) ? V += U.value : (I(), V = U.value, Y = { fontFamily: Z.family !== p ? Z.family : null, fontSize: Z.size !== c ? Z.size : null, fontWeight: Z.weight || null, fontStyle: Z.style || null, fontVariant: Z.variant !== "normal" && Z.variant || null, fill: Z.color || null, baselineShift: Z.baseline ? 100 * Z.baseline + "%" : null, className: U.class || null }, ot && (Y.dx = bt(ot), ot = 0), U.tracking && (ot = Z.size * U.tracking), U.href && !ht ? (ht = U.href, Q = "a", Y.href = ht, Y.rel = U.rel, Y.target = U.target) : ht = null, at = Z.id, ft = U.class);
               }
               if (I(), _) s.push.apply(s, Se(F));
               else {
                 var jt = null, Pt = nt === tt - 1 || lt[lt.length - 1] instanceof et;
-                P && lt.length > 1 && !Pt && (jt = bt((O - Ct) / At)), s.push(x.apply(void 0, ["tspan", { wordSpacing: jt, x: L(nt) + j, dy: bt(nt ? B : J) + "em" }].concat(Se(F))));
+                P && lt.length > 1 && !Pt && (jt = bt((O - $t) / At)), s.push(x.apply(void 0, ["tspan", { wordSpacing: jt, x: L(nt) + j, dy: bt(nt ? B : J) + "em" }].concat(Se(F))));
               }
             } else s.push(x("tspan", { x: L(nt), dy: bt(nt ? B : J) + "em" }, " "));
           }
@@ -1105,17 +1105,17 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           });
         }
       }
-      function re(e) {
-        return re = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+      function ie(e) {
+        return ie = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
           return typeof n;
         } : function(n) {
           return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-        }, re(e);
+        }, ie(e);
       }
       function Te(e) {
         for (var n = {}, s = 0; s < e.length; s++) {
           var i = e[s];
-          typeof i != "number" && i != null && (typeof i == "string" ? n.text = i : typeof i == "function" ? n.fn = i : re(i) === "object" && i._groups ? n.d3 = i : i && i.nodeType && i.getContext ? n.ctx = i.getContext("2d") : i && i.fillText && i.beginPath ? n.ctx = i : i && (n.text = i));
+          typeof i != "number" && i != null && (typeof i == "string" ? n.text = i : typeof i == "function" ? n.fn = i : ie(i) === "object" && i._groups ? n.d3 = i : i && i.nodeType && i.getContext ? n.ctx = i.getContext("2d") : i && i.fillText && i.beginPath ? n.ctx = i : i && (n.text = i));
         }
         return n;
       }
@@ -1142,7 +1142,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
         var c;
       }
-      var $n = w(), ie = function(e) {
+      var Cn = w(), se = function(e) {
         return typeof e == "function" ? e : function() {
           return e;
         };
@@ -1166,7 +1166,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             if (!O() && !_(0) || !H) return [];
             for (var P = 0, j = 0, F = 0, Q = [], Y = [], V = !1; P < S.length && j < H; ) {
               var I = S[P], nt = Tn(I, M);
-              if (I.width = z(I, nt), I.font = nt, I.line = j, I.whitespace = I.value in C, I.value && (I.value = I.value.replace(Sn, " ")), !(!F && I.whitespace || V && I.whitespace)) if (I instanceof et) F = 0, Y = [], Q.push(P + 1), j++;
+              if (I.width = z(I, nt), I.font = nt, I.line = j, I.whitespace = I.value in $, I.value && (I.value = I.value.replace(Sn, " ")), !(!F && I.whitespace || V && I.whitespace)) if (I instanceof et) F = 0, Y = [], Q.push(P + 1), j++;
               else if (I instanceof Ot || I instanceof yt) Y.push({ index: P, width: F });
               else if (I.whitespace || F + I.width < _(j)) F += I.width;
               else if (Y.length) {
@@ -1191,15 +1191,15 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               P++, V = I.whitespace;
             }
             P !== Q[Q.length - 1] && Q.push(P);
-            var Ct = 0, ht = 0, X = Q.map(function(mt) {
-              for (var K, vt = Ct; (K = S[vt]) && (K.whitespace || !K.value); ) vt++;
-              for (var pt = mt, ae = null; pt > vt && (K = S[pt - 1]) && (K.whitespace || !(K.value || K instanceof yt)); ) K instanceof et && (ae = K), pt--;
-              K instanceof yt && (K.value = "-", K.width = z("-", K.font)), Ct = mt;
-              var Et = S.slice(vt, pt).filter(function(le) {
-                return le.value;
+            var $t = 0, ht = 0, X = Q.map(function(mt) {
+              for (var K, vt = $t; (K = S[vt]) && (K.whitespace || !K.value); ) vt++;
+              for (var pt = mt, le = null; pt > vt && (K = S[pt - 1]) && (K.whitespace || !(K.value || K instanceof yt)); ) K instanceof et && (le = K), pt--;
+              K instanceof yt && (K.value = "-", K.width = z("-", K.font)), $t = mt;
+              var Et = S.slice(vt, pt).filter(function(he) {
+                return he.value;
               });
-              return ae && Et.push(ae), Et.width = Et.reduce(function(le, Hn) {
-                return le + Hn.width;
+              return le && Et.push(le), Et.width = Et.reduce(function(he, Hn) {
+                return he + Hn.width;
               }, 0), Et.width > ht && (ht = Et.width), Et;
             });
             if (X.hasLineOverflow = !1, L) {
@@ -1223,7 +1223,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             return c.render(x, S);
           }, x.svg = x.render, x.draw = x.render, x;
         } }, { key: "font", value: function(i) {
-          return arguments.length ? (this.props.font = w(i), this) : this.props.font || w($n);
+          return arguments.length ? (this.props.font = w(i), this) : this.props.font || w(Cn);
         } }, { key: "overflow", value: function(i) {
           return arguments.length ? (this.props.overflow = String(i), this) : this.props.overflow;
         } }, { key: "overflowLine", value: function(i) {
@@ -1239,11 +1239,11 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var c = String(i).toLowerCase();
           return c === "break-word" ? this.props.overflowWrap = "break-word" : c !== "normal" && i != null || (this.props.overflowWrap = null), this;
         } }, { key: "width", value: function(i) {
-          return arguments.length ? (this.props.width = ie(i), this) : this.props.width;
+          return arguments.length ? (this.props.width = se(i), this) : this.props.width;
         } }, { key: "height", value: function(i) {
-          return arguments.length ? (this.props.height = ie(i), this) : this.props.height;
+          return arguments.length ? (this.props.height = se(i), this) : this.props.height;
         } }, { key: "x", value: function(i) {
-          return arguments.length ? (this.props.x = ie(i), this) : this.props.x;
+          return arguments.length ? (this.props.x = se(i), this) : this.props.x;
         } }, { key: "parser", value: function(i) {
           if (!arguments.length) return this.props.parser;
           if (typeof i == "string") {
@@ -1259,31 +1259,31 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return typeof i.text == "string" && (i.text = this.linebreak(i.text)), i.ctx ? On(i.text, this, i.ctx) : Dn(i.text, this);
         } }], s && Ln(n.prototype, s), Object.defineProperty(n, "prototype", { writable: !1 }), e;
       }();
-      function $t(e) {
-        return $t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+      function Ct(e) {
+        return Ct = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
           return typeof n;
         } : function(n) {
           return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-        }, $t(e);
+        }, Ct(e);
       }
-      function se(e, n) {
+      function oe(e, n) {
         (n == null || n > e.length) && (n = e.length);
         for (var s = 0, i = new Array(n); s < n; s++) i[s] = e[s];
         return i;
       }
-      function Cn(e, n) {
+      function $n(e, n) {
         for (var s = 0; s < n.length; s++) {
           var i = n[s];
           i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(p, A) {
-            if ($t(p) !== "object" || p === null) return p;
+            if (Ct(p) !== "object" || p === null) return p;
             var x = p[Symbol.toPrimitive];
             if (x !== void 0) {
               var S = x.call(p, A);
-              if ($t(S) !== "object") return S;
+              if (Ct(S) !== "object") return S;
               throw new TypeError("@@toPrimitive must return a primitive value.");
             }
             return String(p);
-          }(i.key, "string"), $t(c) === "symbol" ? c : String(c)), i);
+          }(i.key, "string"), Ct(c) === "symbol" ? c : String(c)), i);
         }
         var c;
       }
@@ -1324,14 +1324,14 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         } }, { key: "canvas", value: function(i, c) {
           var p, A = i.getContext ? i.getContext("2d") : i;
           return A.save(), A.rotate(this.rotate() * Math.PI / 180), A.translate.apply(A, function(x) {
-            if (Array.isArray(x)) return se(x);
+            if (Array.isArray(x)) return oe(x);
           }(p = this.anchor()) || function(x) {
             if (typeof Symbol < "u" && x[Symbol.iterator] != null || x["@@iterator"] != null) return Array.from(x);
           }(p) || function(x, S) {
             if (x) {
-              if (typeof x == "string") return se(x, S);
+              if (typeof x == "string") return oe(x, S);
               var T = Object.prototype.toString.call(x).slice(8, -1);
-              return T === "Object" && x.constructor && (T = x.constructor.name), T === "Map" || T === "Set" ? Array.from(x) : T === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(T) ? se(x, S) : void 0;
+              return T === "Object" && x.constructor && (T = x.constructor.name), T === "Map" || T === "Set" ? Array.from(x) : T === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(T) ? oe(x, S) : void 0;
             }
           }(p) || function() {
             throw new TypeError(`Invalid attempt to spread non-iterable instance.
@@ -1345,12 +1345,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             var c = typeof i.text.render == "function" ? i.text.render() : i.text;
             return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, c);
           }
-        } }], s && Cn(n.prototype, s), Object.defineProperty(n, "prototype", { writable: !1 }), e;
-      }(), Pn = Object.prototype.hasOwnProperty, oe = {};
+        } }], s && $n(n.prototype, s), Object.defineProperty(n, "prototype", { writable: !1 }), e;
+      }(), Pn = Object.prototype.hasOwnProperty, ae = {};
       function zn(e) {
-        return oe[e] || (oe[e] = e.replace(/([a-z])([A-Z])/g, function(n, s, i) {
+        return ae[e] || (ae[e] = e.replace(/([a-z])([A-Z])/g, function(n, s, i) {
           return s + "-" + i.toLowerCase();
-        })), oe[e];
+        })), ae[e];
       }
       function De(e, n) {
         if (Array.isArray(n)) return n.forEach(function(s) {
@@ -1459,10 +1459,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 }
 var cr = hr();
 const Be = /* @__PURE__ */ en(cr);
-function ue(a) {
+function de(a) {
   return a.replace(/…$/, "");
 }
-function de(a) {
+function fe(a) {
   return a.children[0].innerHTML;
 }
 function ur(a, h) {
@@ -1480,44 +1480,44 @@ function ur(a, h) {
     createElement: Be.createElement
   });
   u.overflowWrap("break-word");
-  const g = u.linebreak(
+  const y = u.linebreak(
     a.properties.content.replaceAll(`
 `, "<br>")
-  ).render(), f = [...g.children];
-  let y = 0;
+  ).render(), f = [...y.children];
+  let g = 0;
   const v = [];
   a.properties.content.split(`
 `).forEach((w) => {
-    let C = w;
-    for (; C.length && y < f.length; ) {
-      if (f[y].innerHTML === "&nbsp;") {
-        C.startsWith(`
-`) || v.push(y), y++;
+    let $ = w;
+    for (; $.length && g < f.length; ) {
+      if (f[g].innerHTML === "&nbsp;") {
+        $.startsWith(`
+`) || v.push(g), g++;
         break;
       }
-      const E = ue(de(f[y]));
-      C.startsWith(E) && (C = C.slice(E.length).trim()), y++;
+      const E = de(fe(f[g]));
+      $.startsWith(E) && ($ = $.slice(E.length).trim()), g++;
     }
-  }), v.forEach((w) => g.removeChild(f[w]));
+  }), v.forEach((w) => y.removeChild(f[w]));
   const k = a.properties.content.match(/(https?:\/\/.*)/gm), b = k ? k.map((w) => w.split(" ")[0]) : [];
-  g.setAttribute("transform", `translate(${l}, ${l})`), b.forEach((w) => {
-    let C = w;
+  y.setAttribute("transform", `translate(${l}, ${l})`), b.forEach((w) => {
+    let $ = w;
     const E = [];
-    for (; C.length > 0; ) {
-      const $ = f.find(
-        (D) => !!D.children[0] && D.children[0].tagName === "tspan" && C.startsWith(ue(de(D)))
+    for (; $.length > 0; ) {
+      const C = f.find(
+        (D) => !!D.children[0] && D.children[0].tagName === "tspan" && $.startsWith(de(fe(D)))
       );
-      if (!$) break;
-      E.push($);
-      const N = ue($.children[0].innerHTML).length;
+      if (!C) break;
+      E.push(C);
+      const N = de(C.children[0].innerHTML).length;
       if (!N) break;
-      C = C.slice(N);
+      $ = $.slice(N);
     }
-    E.forEach(($) => {
+    E.forEach((C) => {
       const N = document.createElementNS("http://www.w3.org/2000/svg", "a");
-      N.setAttribute("href", w), N.setAttribute("target", "_blank"), N.innerHTML = de($), $.children[0].innerHTML = "", $.children[0].appendChild(N);
+      N.setAttribute("href", w), N.setAttribute("target", "_blank"), N.innerHTML = fe(C), C.children[0].innerHTML = "", C.children[0].appendChild(N);
     });
-  }), h.appendChild(g);
+  }), h.appendChild(y);
 }
 const je = 20;
 class dr extends rn {
@@ -1541,7 +1541,7 @@ class dr extends rn {
     m(this, "textArea");
     m(this, "handleSize");
     m(this, "rect", { x: 0, y: 0, width: 0, height: 0 });
-    m(this, "annotation", { ...ce });
+    m(this, "annotation", { ...ue });
     m(this, "startX", 0);
     m(this, "startY", 0);
     m(this, "handles", []);
@@ -1560,18 +1560,18 @@ class dr extends rn {
       this.select(o.id), this.startDragging(this.getById(o.id), l.x, l.y), this.draggedHandle = 6;
     });
     m(this, "cancelDrawing", () => {
-      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ce }, this.draggedHandle = W, this.isDragging = !1, this.emit(It, this.annotation));
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ue }, this.draggedHandle = W, this.isDragging = !1, this.emit(It, this.annotation));
     });
     m(this, "startDragging", (t, r, o) => {
       this.annotation = t;
       const l = ct(this.annotation), u = ut(this.annotation);
-      this.rect.x = l.x, this.rect.y = l.y, this.rect.width = u.width, this.rect.height = u.height, this.startX = r, this.startY = o, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Jt, this.annotation), this.isDragging = !0;
+      this.rect.x = l.x, this.rect.y = l.y, this.rect.width = u.width, this.rect.height = u.height, this.startX = r, this.startY = o, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Qt, this.annotation), this.isDragging = !0;
     });
     m(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
       if (!r) return;
       this.selectedId !== r.id && this.select(this.hoveredId);
-      const { x: o, y: l } = fe(t, this.ogma.getContainer());
+      const { x: o, y: l } = Kt(t, this.ogma.getContainer());
       this.startDragging(r, o, l), this.draggedHandle = Ze(t.target);
     });
     m(this, "onMouseMove", (t) => {
@@ -1583,15 +1583,15 @@ class dr extends rn {
       const r = this.handles[this.draggedHandle];
       let o = r.classList.contains("top");
       const l = r.classList.contains("left"), u = r.classList.contains("right"), d = r.classList.contains("bottom");
-      let g = r.classList.contains("line-handle");
-      !g && !o && !d && !l && !u && (o = !0, g = !0);
-      const { x: f, y } = fe(
+      let y = r.classList.contains("line-handle");
+      !y && !o && !d && !l && !u && (o = !0, y = !0);
+      const { x: f, y: g } = Kt(
         t,
         this.ogma.getContainer()
       );
       let v = this.rect.x, k = this.rect.y, b = Math.max(this.rect.width, je), w = Math.max(this.rect.height, je);
-      const C = this.ogma.view.getZoom(), E = (f - this.startX) / C, $ = (y - this.startY) / C, N = this.ogma.view.getAngle(), D = rt({ x: E, y: $ }, N), z = rt({ x: E, y: $ }, -N);
-      g ? (v = this.rect.x + D.x, k = this.rect.y + D.y) : l && o ? (v += D.x, k += D.y, b -= E, w -= $) : u && d ? (b += E, w += $) : l && d ? (v += z.x, b -= z.x, w += z.y) : u && o && (k += z.y, b += z.x, w -= z.y), Vn(this.annotation, v, k, b, w), this.emit(Kt, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      const $ = this.ogma.view.getZoom(), E = (f - this.startX) / $, C = (g - this.startY) / $, N = this.ogma.view.getAngle(), D = rt({ x: E, y: C }, N), z = rt({ x: E, y: C }, -N);
+      y ? (v = this.rect.x + D.x, k = this.rect.y + D.y) : l && o ? (v += D.x, k += D.y, b -= E, w -= C) : u && d ? (b += E, w += C) : l && d ? (v += z.x, b -= z.x, w += z.y) : u && o && (k += z.y, b += z.x, w -= z.y), Vn(this.annotation, v, k, b, w), this.emit(Jt, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     });
     m(this, "onMouseUp", () => {
       !this.isDragging || this.draggedHandle === W || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(It, this.annotation), this.isDragging = !1, this.draggedHandle = W);
@@ -1621,23 +1621,23 @@ class dr extends rn {
   detect({ x: t, y: r }, o = 0) {
     const l = { x: t, y: r }, u = this.ogma.view.getAngle();
     return this.elements.find((d) => {
-      const { x: g, y: f } = ct(d), { width: y, height: v } = ut(d), k = { x: g, y: f }, { x: b, y: w } = rt(wt(l, k), -u);
-      return b > -o && b < y + o && w > -o && w < v + o;
+      const { x: y, y: f } = ct(d), { width: g, height: v } = ut(d), k = { x: y, y: f }, { x: b, y: w } = rt(wt(l, k), -u);
+      return b > -o && b < g + o && w > -o && w < v + o;
     });
   }
   draw(t) {
     t.innerHTML = "";
     const r = "", o = this.ogma.view.getAngle();
     for (let u = 0; u < this.elements.length; u++) {
-      const d = this.elements[u], g = `class${u}`, f = ut(d), y = ct(d);
+      const d = this.elements[u], y = `class${u}`, f = ut(d), g = ct(d);
       if (d.id === this.selectedId) continue;
       const {
         color: k,
         fontSize: b,
         font: w,
-        strokeColor: C,
+        strokeColor: $,
         strokeWidth: E,
-        strokeType: $,
+        strokeType: C,
         background: N,
         borderRadius: D
       } = d.properties.style || _t, z = xt("g");
@@ -1645,9 +1645,9 @@ class dr extends rn {
       const R = xt("rect");
       D && (R.setAttribute("rx", `${D}`), R.setAttribute("ry", `${D}`));
       let dt = !1;
-      $ && $ !== "none" && (dt = !0, R.setAttribute("stroke", C || "black"), R.setAttribute("stroke-width", `${E}`), $ === "dashed" && R.setAttribute("stroke-dasharray", "5,5")), (N && N.length || dt) && (dt = !0, R.setAttribute("fill", N || "transparent")), dt && (R.setAttribute("width", `${f.width}`), R.setAttribute("height", `${f.height}`)), z.appendChild(R), ur(d, z);
-      const { x: Dt, y: Mt } = rt(y, -o);
-      z.setAttribute("transform", `translate(${Dt},${Mt})`), z.classList.add(g), z.setAttribute("data-annotation", `${d.id}`), z.setAttribute("data-annotation-type", "text"), t.appendChild(z);
+      C && C !== "none" && (dt = !0, R.setAttribute("stroke", $ || "black"), R.setAttribute("stroke-width", `${E}`), C === "dashed" && R.setAttribute("stroke-dasharray", "5,5")), (N && N.length || dt) && (dt = !0, R.setAttribute("fill", N || "transparent")), dt && (R.setAttribute("width", `${f.width}`), R.setAttribute("height", `${f.height}`)), z.appendChild(R), ur(d, z);
+      const { x: Dt, y: Mt } = rt(g, -o);
+      z.setAttribute("transform", `translate(${Dt},${Mt})`), z.classList.add(y), z.setAttribute("data-annotation", `${d.id}`), z.setAttribute("data-annotation-type", "text"), t.appendChild(z);
     }
     const l = xt("style");
     l.innerHTML = r, t.firstChild && t.insertBefore(l, t.firstChild);
@@ -1657,12 +1657,12 @@ class dr extends rn {
     for (let o = 0; o < r.length; o++) {
       const l = r[o];
       if (!l.hasAttribute("data-annotation")) continue;
-      const u = l.getAttribute("data-annotation"), d = ct(this.getById(u)), { x: g, y: f } = rt(d, -t);
-      l.setAttribute("transform", `translate(${g},${f})`);
+      const u = l.getAttribute("data-annotation"), d = ct(this.getById(u)), { x: y, y: f } = rt(d, -t);
+      l.setAttribute("transform", `translate(${y},${f})`);
     }
   }
   getDefaultOptions() {
-    return ce;
+    return ue;
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0) return;
@@ -1671,15 +1671,15 @@ class dr extends rn {
     ), l = this.ogma.view.getZoom(), {
       font: u,
       fontSize: d,
-      color: g,
+      color: y,
       background: f,
-      padding: y = 0
+      padding: g = 0
     } = t.properties.style || _t, v = (d || 1) * l;
     this.textArea.value = t.properties.content;
     const k = this.editor.element.style;
     k.transform = `translate(${o.x}px, ${o.y}px)translate(-50%, -50%)translate(${r.width / 2 * l}px, ${r.height / 2 * l}px)`, k.width = `${r.width * l}px`, k.height = `${r.height * l}px`;
     const b = this.textArea.style;
-    b.font = `${v} ${u}`, b.fontFamily = u || "sans-serif", b.fontSize = `${v}px`, b.padding = `${l * y}px`, b.lineHeight = `${v}px`, b.boxSizing = "border-box", b.color = g || "black", b.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    b.font = `${v} ${u}`, b.fontFamily = u || "sans-serif", b.fontSize = `${v}px`, b.padding = `${l * g}px`, b.lineHeight = `${v}px`, b.boxSizing = "border-box", b.color = y || "black", b.background = f || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(t) {
     super.select(t), this.textArea.classList.add("noevents");
@@ -1695,7 +1695,7 @@ class fr {
     m(this, "linksByArrowId", {});
   }
   add(h, t, r, o, l) {
-    const u = Qt(), d = h.id, g = {
+    const u = te(), d = h.id, y = {
       id: u,
       arrow: d,
       target: r,
@@ -1703,7 +1703,7 @@ class fr {
       connectionPoint: l,
       side: t
     };
-    return this.links[u] = g, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(u), this.linksByArrowId[d] || (this.linksByArrowId[d] = {}), this.linksByArrowId[d][t] = u, h.properties.link = h.properties.link || {}, h.properties.link[t] = {
+    return this.links[u] = y, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(u), this.linksByArrowId[d] || (this.linksByArrowId[d] = {}), this.linksByArrowId[d][t] = u, h.properties.link = h.properties.link || {}, h.properties.link[t] = {
       id: r,
       side: t,
       type: o,
@@ -1716,9 +1716,9 @@ class fr {
   }
   // remove the link between the arrow and the target by arrow id and side
   remove(h, t) {
-    var d, g;
+    var d, y;
     const r = h.id, o = (d = this.linksByArrowId[r]) == null ? void 0 : d[t];
-    if ((g = h.properties.link) == null || delete g[t], !o) return this;
+    if ((y = h.properties.link) == null || delete y[t], !o) return this;
     const l = this.links[o];
     delete this.links[o];
     const u = this.linksByTargetId[l.target];
@@ -1784,8 +1784,8 @@ class vr extends nn {
       const r = this.ogma.view.getZoom();
       We.forEach((o) => {
         if (!this.textToMagnet) return;
-        const l = ut(this.textToMagnet), u = ct(this.textToMagnet), d = Wt(o, { x: l.width, y: l.height }), g = rt(d, this.ogma.view.getAngle()), { x: f, y } = St(g, u);
-        t.moveTo(f, y), t.arc(f, y, this.options.magnetHandleRadius / r, 0, Math.PI * 2);
+        const l = ut(this.textToMagnet), u = ct(this.textToMagnet), d = Wt(o, { x: l.width, y: l.height }), y = rt(d, this.ogma.view.getAngle()), { x: f, y: g } = St(y, u);
+        t.moveTo(f, g), t.arc(f, g, this.options.magnetHandleRadius / r, 0, Math.PI * 2);
       }), t.fill(), t.closePath();
     });
     m(this, "_onFeatureDrag", (t, r) => {
@@ -1799,10 +1799,10 @@ class vr extends nn {
         const l = o === "start" ? zt(t) : Xt(t);
         this._snapToText(t, o, l) || this._findAndSnapToNode(t, o, l);
       } else gt(t) && (this.activeLinks.forEach(({ arrow: l, side: u, connectionPoint: d }) => {
-        const g = this.getAnnotation(l), f = ut(t), y = ct(t), v = Wt(d, { x: f.width, y: f.height }), k = rt(v, this.ogma.view.getAngle()), b = St(k, y);
-        g.geometry.coordinates[u === "start" ? 0 : 1] = [b.x, b.y];
+        const y = this.getAnnotation(l), f = ut(t), g = ct(t), v = Wt(d, { x: f.width, y: f.height }), k = rt(v, this.ogma.view.getAngle()), b = St(k, g);
+        y.geometry.coordinates[u === "start" ? 0 : 1] = [b.x, b.y];
       }), this.activeLinks.length && this.arrows.refreshLayer());
-      this.layer.refresh(), this.emit(Kt, t, r);
+      this.layer.refresh(), this.emit(Jt, t, r);
     });
     m(this, "_onFeatureDragEnd", (t) => {
       this.dragged !== null && st(t) && zt(this.dragged) && Ue.forEach((r) => {
@@ -1816,7 +1816,7 @@ class vr extends nn {
       this.textToMagnet = void 0, st(t) ? this.dragged = t : gt(t) && this.activeLinks.push(...this.links.getTargetLinks(t.id, "text")), this.annotations.forEach((r) => {
         const o = r.getSelectedFeature();
         o && o !== t && r.unhover().unselect(), r.disableDetection();
-      }), this.emit(Jt, t);
+      }), this.emit(Qt, t);
     });
     m(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
@@ -1828,11 +1828,11 @@ class vr extends nn {
     m(this, "_onLayoutEnd", (t) => {
       t.ids.forEach((r, o) => {
         this.links.getTargetLinks(r, "node").forEach((u) => {
-          const d = this.getAnnotation(u.arrow), g = u.side, f = Vt(
+          const d = this.getAnnotation(u.arrow), y = u.side, f = Vt(
             d,
-            g === "start" ? "end" : "start"
-          ), y = t.positions.current[o], v = this.ogma.getNode(r).getAttribute("radius"), k = Ut(f, y, +v);
-          kt(d, g, k.x, k.y);
+            y === "start" ? "end" : "start"
+          ), g = t.positions.current[o], v = this.ogma.getNode(r).getAttribute("radius"), k = Ut(f, g, +v);
+          kt(d, y, k.x, k.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     });
@@ -1861,7 +1861,7 @@ class vr extends nn {
       this.emit(ve, t);
     });
     this.options = this.setOptions({ ...pr, ...r }), this.ogma = t, this.arrows = new or(t, this.options), this.texts = new dr(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((o) => {
-      o.on(Jt, this._onFeatureDragStart).on(Kt, this._onFeatureDrag).on(It, this._onFeatureDragEnd).on(ve, this.onUpdate).on(ge, this._onUnselect).on(pe, this._onSelect).on(me, this._onAdded).on(ye, this._onRemoved);
+      o.on(Qt, this._onFeatureDragStart).on(Jt, this._onFeatureDrag).on(It, this._onFeatureDragEnd).on(ve, this.onUpdate).on(ge, this._onUnselect).on(pe, this._onSelect).on(me, this._onAdded).on(ye, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd).on(["viewChanged", "rotate"], () => {
       this.refreshTextLinks();
     }), this.layer = t.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
@@ -1869,14 +1869,14 @@ class vr extends nn {
   _moveNodes(t, r, o) {
     t.forEach((l) => {
       const u = this.links.getTargetLinks(l.getId(), "node"), d = l.getPosition();
-      u.forEach((g) => {
-        const f = this.getAnnotation(g.arrow), y = g.side, v = Vt(
+      u.forEach((y) => {
+        const f = this.getAnnotation(y.arrow), g = y.side, v = Vt(
           f,
-          y === "start" ? "end" : "start"
+          g === "start" ? "end" : "start"
         );
         let k = d;
         const b = +l.getAttribute("radius"), w = 1e-6;
-        (g.connectionPoint.x - (d.x - r) > w || g.connectionPoint.y - (d.y - o) > w) && (k = Ut(v, d, b)), kt(f, y, k.x, k.y);
+        (y.connectionPoint.x - (d.x - r) > w || y.connectionPoint.y - (d.y - o) > w) && (k = Ut(v, d, b)), kt(f, g, k.x, k.y);
       });
     }), this.arrows.refreshLayer();
   }
@@ -1888,15 +1888,15 @@ class vr extends nn {
     return u ? (kt(t, r, u.point.x, u.point.y), this.links.add(t, r, l.id, "text", u.magnet), !0) : !1;
   }
   _findAndSnapToNode(t, r, o) {
-    var d, g;
+    var d, y;
     const l = this.ogma.view.graphToScreenCoordinates(o), u = this.ogma.view.getElementAt(l);
-    this.links.remove(t, r), u && u.isNode ? ((d = this.hoveredNode) == null || d.setSelected(!1), this.hoveredNode = u, u.setSelected(!0), this._snapToNode(t, r, u, l)) : ((g = this.hoveredNode) == null || g.setSelected(!1), this.hoveredNode = null);
+    this.links.remove(t, r), u && u.isNode ? ((d = this.hoveredNode) == null || d.setSelected(!1), this.hoveredNode = u, u.setSelected(!0), this._snapToNode(t, r, u, l)) : ((y = this.hoveredNode) == null || y.setSelected(!1), this.hoveredNode = null);
   }
   _snapToNode(t, r, o, l) {
-    const u = o.getPositionOnScreen(), d = +o.getAttribute("radius"), g = d * this.ogma.view.getZoom(), f = l.x - u.x, y = l.y - u.y, v = Math.sqrt(f * f + y * y), k = o.getPosition();
-    if (v < g + this.options.detectMargin) {
+    const u = o.getPositionOnScreen(), d = +o.getAttribute("radius"), y = d * this.ogma.view.getZoom(), f = l.x - u.x, g = l.y - u.y, v = Math.sqrt(f * f + g * g), k = o.getPosition();
+    if (v < y + this.options.detectMargin) {
       let b = k;
-      if (v > g / 2) {
+      if (v > y / 2) {
         const w = Vt(t, r === "end" ? "start" : "end");
         b = Ut(w, b, d);
       }
@@ -1909,7 +1909,7 @@ class vr extends nn {
       ({ connectionPoint: r, targetType: o, target: l, arrow: u, side: d }) => {
         if (o !== "text") return;
         t = !0;
-        const g = this.getAnnotation(l), f = this.getAnnotation(u), y = ut(g), v = ct(g), k = Wt(r, { x: y.width, y: y.height }), b = rt(k, this.ogma.view.getAngle()), w = St(b, v);
+        const y = this.getAnnotation(l), f = this.getAnnotation(u), g = ut(y), v = ct(y), k = Wt(r, { x: g.width, y: g.height }), b = rt(k, this.ogma.view.getAngle()), w = St(b, v);
         kt(f, d, w.x, w.y);
       }
     ), t && this.arrows.refreshLayer();
@@ -1923,7 +1923,7 @@ class vr extends nn {
   findMagnetPoint(t, r, o) {
     let l;
     for (const u of t) {
-      const d = ut(r), g = ct(r), f = Wt(u, { x: d.width, y: d.height }), y = rt(f, this.ogma.view.getAngle()), v = St(y, g), k = Tt(wt(v, o)), b = Math.min(
+      const d = ut(r), y = ct(r), f = Wt(u, { x: d.width, y: d.height }), g = rt(f, this.ogma.view.getAngle()), v = St(g, y), k = Tt(wt(v, o)), b = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
         // when really zoomed in: avoid to snap on too far away magnets
         d.width / 2,
@@ -2008,11 +2008,11 @@ class vr extends nn {
           const u = this.ogma.getNode(o.id);
           if (!u) continue;
           this.links.add(t, r, o.id, o.type, o.magnet);
-          const d = u.getPosition(), g = u.getAttribute("radius") || 0, f = Vt(
+          const d = u.getPosition(), y = u.getAttribute("radius") || 0, f = Vt(
             t,
             r === "start" ? "end" : "start"
-          ), y = Ut(f, d, +g);
-          kt(t, r, y.x, y.y);
+          ), g = Ut(f, d, +y);
+          kt(t, r, g.x, g.y);
         }
       }
   }
@@ -2085,9 +2085,9 @@ export {
   vr as Control,
   me as EVT_ADD,
   nr as EVT_CANCEL_DRAWING,
-  Kt as EVT_DRAG,
+  Jt as EVT_DRAG,
   It as EVT_DRAG_END,
-  Jt as EVT_DRAG_START,
+  Qt as EVT_DRAG_START,
   tr as EVT_HOVER,
   rr as EVT_LINK,
   ye as EVT_REMOVE,
@@ -2097,7 +2097,7 @@ export {
   ve as EVT_UPDATE,
   W as NONE,
   dr as Texts,
-  fe as clientToContainerPosition,
+  Kt as clientToContainerPosition,
   mr as colorToRgba,
   qn as createArrow,
   xt as createSVGElement,
@@ -2105,7 +2105,7 @@ export {
   Oe as defaultArrowOptions,
   Nt as defaultArrowStyle,
   Re as defaultControllerOptions,
-  ce as defaultTextOptions,
+  ue as defaultTextOptions,
   _t as defaultTextStyle,
   yr as getAnnotationsBounds,
   Xt as getArrowEnd,
@@ -2113,6 +2113,7 @@ export {
   Vt as getArrowSide,
   zt as getArrowStart,
   Ut as getAttachmentPointOnNode,
+  Gt as getCoordinates,
   Ze as getHandleId,
   Ge as getTextBbox,
   ct as getTextPosition,