@linkurious/ogma-annotations 1.0.5 → 1.0.8

package/dist/index.mjs

@@ -1,11 +1,11 @@
 var En = Object.defineProperty;
 var kn = (u, l, t) => l in u ? En(u, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[l] = t;
-var m = (u, l, t) => (kn(u, typeof l != "symbol" ? l + "" : l, t), t);
+var v = (u, l, t) => (kn(u, typeof l != "symbol" ? l + "" : l, t), t);
 var Tn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function oe(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var Pe = { exports: {} };
+var Ce = { exports: {} };
 (function(u) {
   (function(l, t) {
     u.exports = t();
@@ -16,12 +16,12 @@ var Pe = { exports: {} };
         return Math.round(r * 1e8) / 1e8;
       }
       function g(r, d) {
-        var v = d.x - r.x, T = d.y - r.y;
-        return Math.sqrt(v * v + T * T);
+        var m = d.x - r.x, T = d.y - r.y;
+        return Math.sqrt(m * m + T * T);
       }
-      function y(r, d, v) {
+      function y(r, d, m) {
         var T = d.y - r.y, _ = d.x - r.x, E = Math.atan2(T, _);
-        if (v)
+        if (m)
           for (; E < 0; )
             E += t;
         return E;
@@ -30,8 +30,8 @@ var Pe = { exports: {} };
         this.x = r !== void 0 ? r : 0, this.y = d !== void 0 ? d : 0;
       }
       return f.fromRadians = function(r) {
-        var d = Math.cos(r), v = Math.sin(r);
-        return new f(d, v);
+        var d = Math.cos(r), m = Math.sin(r);
+        return new f(d, m);
       }, f.fromDegrees = function(r) {
         var d = r * (Math.PI / 180);
         return f.fromRadians(d);
@@ -191,7 +191,7 @@ var Pe = { exports: {} };
         // @param radians - radians to rotate this vector by (can be positive or negative).
         // @return self.
         rotateRadiansSelf: function(r) {
-          var d = Math.cos(r), v = Math.sin(r), T = this.x * d - this.y * v, _ = this.x * v + this.y * d;
+          var d = Math.cos(r), m = Math.sin(r), T = this.x * d - this.y * m, _ = this.x * m + this.y * d;
           return this.x = c(T), this.y = c(_), this;
         },
         // [API]
@@ -482,8 +482,8 @@ var Pe = { exports: {} };
     }();
     return l.zero = new l(0, 0), l.one = new l(1, 1), l.up = new l(0, -1), l.down = new l(0, 1), l.left = new l(-1, 0), l.right = new l(1, 0), l.upLeft = new l(-1, -1), l.downLeft = new l(-1, 1), l.upRight = new l(1, -1), l.downRight = new l(1, 1), l.prototype.magnitude = l.prototype.length, Object.freeze && (Object.freeze(l.zero), Object.freeze(l.one), Object.freeze(l.up), Object.freeze(l.down), Object.freeze(l.left), Object.freeze(l.right), Object.freeze(l.upLeft), Object.freeze(l.downLeft), Object.freeze(l.upRight), Object.freeze(l.downRight)), l;
   });
-})(Pe);
-var In = Pe.exports;
+})(Ce);
+var In = Ce.exports;
 const rt = /* @__PURE__ */ oe(In);
 let jt = (u = 21) => crypto.getRandomValues(new Uint8Array(u)).reduce((l, t) => (t &= 63, t < 36 ? l += t.toString(36) : t < 62 ? l += (t - 26).toString(36).toUpperCase() : t > 62 ? l += "-" : l += "_", l), "");
 const Dt = {
@@ -539,18 +539,18 @@ const Dt = {
 function It(u) {
   return document.createElementNS(Dn, u);
 }
-function Ce(u) {
+function Pe(u) {
   return u.geometry.bbox || On(u), u.geometry.bbox;
 }
 function dt(u) {
-  const l = Ce(u);
+  const l = Pe(u);
   return {
     width: l[2] - l[0],
     height: l[3] - l[1]
   };
 }
 function yt(u) {
-  const l = Ce(u);
+  const l = Pe(u);
   return { x: l[0], y: l[1] };
 }
 function On(u) {
@@ -639,14 +639,14 @@ function ke(u, l, t, s) {
   return `M ${c.x} ${c.y} L ${y} ${g.x} ${g.y} ${t === "arrow" ? "" : `${c.x} ${c.y}`}`;
 }
 function zn(u, l, t, s, a) {
-  const { start: c, end: g } = Rt(u), { tail: y, head: f, strokeColor: r, strokeWidth: d } = u.properties.style || t, v = new rt(c.x, c.y), T = new rt(g.x, g.y), _ = T.clone().sub(v), E = Re(u, s, a), P = It("path");
-  P.setAttribute("data-annotation", `${u.id}`), P.setAttribute("data-annotation-type", "arrow");
+  const { start: c, end: g } = Rt(u), { tail: y, head: f, strokeColor: r, strokeWidth: d } = u.properties.style || t, m = new rt(c.x, c.y), T = new rt(g.x, g.y), _ = T.clone().sub(m), E = Re(u, s, a), C = It("path");
+  C.setAttribute("data-annotation", `${u.id}`), C.setAttribute("data-annotation-type", "arrow");
   const A = f === "arrow-plain" || y === "arrow";
-  P.setAttribute("stroke", r || "none"), P.setAttribute("stroke-width", `${d}`), P.setAttribute("fill", A ? r || "" : "none"), P.setAttribute("stroke-linecap", "round"), P.setAttribute("stroke-linejoin", "round");
-  const U = ke(v, _.clone().invert(), y, E), N = ke(T, _, f, E), z = U + `M ${v.x} ${v.y} ${T.x} ${T.y}` + N;
-  P.setAttribute("d", z), l.appendChild(P);
+  C.setAttribute("stroke", r || "none"), C.setAttribute("stroke-width", `${d}`), C.setAttribute("fill", A ? r || "" : "none"), C.setAttribute("stroke-linecap", "round"), C.setAttribute("stroke-linejoin", "round");
+  const U = ke(m, _.clone().invert(), y, E), N = ke(T, _, f, E), z = U + `M ${m.x} ${m.y} ${T.x} ${T.y}` + N;
+  C.setAttribute("d", z), l.appendChild(C);
 }
-const B = -1, ae = "dragging", le = "dragstart", Ot = "dragend", ee = "select", ne = "unselect", Ln = "hover", Pn = "unhover", ie = "remove", re = "add", Cn = "cancelDrawing", se = "update", Nn = "link";
+const B = -1, ae = "dragging", le = "dragstart", Ot = "dragend", ee = "select", ne = "unselect", Ln = "hover", Cn = "unhover", ie = "remove", re = "add", Pn = "cancelDrawing", se = "update", Nn = "link";
 var je = { exports: {} };
 (function(u) {
   var l = Object.prototype.hasOwnProperty, t = "~";
@@ -656,10 +656,10 @@ var je = { exports: {} };
   function a(f, r, d) {
     this.fn = f, this.context = r, this.once = d || !1;
   }
-  function c(f, r, d, v, T) {
+  function c(f, r, d, m, T) {
     if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var _ = new a(d, v || f, T), E = t ? t + r : r;
+    var _ = new a(d, m || f, T), E = t ? t + r : r;
     return f._events[E] ? f._events[E].fn ? f._events[E] = [f._events[E], _] : f._events[E].push(_) : (f._events[E] = _, f._eventsCount++), f;
   }
   function g(f, r) {
@@ -669,29 +669,29 @@ var je = { exports: {} };
     this._events = new s(), this._eventsCount = 0;
   }
   y.prototype.eventNames = function() {
-    var r = [], d, v;
+    var r = [], d, m;
     if (this._eventsCount === 0)
       return r;
-    for (v in d = this._events)
-      l.call(d, v) && r.push(t ? v.slice(1) : v);
+    for (m in d = this._events)
+      l.call(d, m) && r.push(t ? m.slice(1) : m);
     return Object.getOwnPropertySymbols ? r.concat(Object.getOwnPropertySymbols(d)) : r;
   }, y.prototype.listeners = function(r) {
-    var d = t ? t + r : r, v = this._events[d];
-    if (!v)
+    var d = t ? t + r : r, m = this._events[d];
+    if (!m)
       return [];
-    if (v.fn)
-      return [v.fn];
-    for (var T = 0, _ = v.length, E = new Array(_); T < _; T++)
-      E[T] = v[T].fn;
+    if (m.fn)
+      return [m.fn];
+    for (var T = 0, _ = m.length, E = new Array(_); T < _; T++)
+      E[T] = m[T].fn;
     return E;
   }, y.prototype.listenerCount = function(r) {
-    var d = t ? t + r : r, v = this._events[d];
-    return v ? v.fn ? 1 : v.length : 0;
-  }, y.prototype.emit = function(r, d, v, T, _, E) {
-    var P = t ? t + r : r;
-    if (!this._events[P])
+    var d = t ? t + r : r, m = this._events[d];
+    return m ? m.fn ? 1 : m.length : 0;
+  }, y.prototype.emit = function(r, d, m, T, _, E) {
+    var C = t ? t + r : r;
+    if (!this._events[C])
       return !1;
-    var A = this._events[P], U = arguments.length, N, z;
+    var A = this._events[C], U = arguments.length, N, z;
     if (A.fn) {
       switch (A.once && this.removeListener(r, A.fn, void 0, !0), U) {
         case 1:
@@ -699,13 +699,13 @@ var je = { exports: {} };
         case 2:
           return A.fn.call(A.context, d), !0;
         case 3:
-          return A.fn.call(A.context, d, v), !0;
+          return A.fn.call(A.context, d, m), !0;
         case 4:
-          return A.fn.call(A.context, d, v, T), !0;
+          return A.fn.call(A.context, d, m, T), !0;
         case 5:
-          return A.fn.call(A.context, d, v, T, _), !0;
+          return A.fn.call(A.context, d, m, T, _), !0;
         case 6:
-          return A.fn.call(A.context, d, v, T, _, E), !0;
+          return A.fn.call(A.context, d, m, T, _, E), !0;
       }
       for (z = 1, N = new Array(U - 1); z < U; z++)
         N[z - 1] = arguments[z];
@@ -721,10 +721,10 @@ var je = { exports: {} };
             A[z].fn.call(A[z].context, d);
             break;
           case 3:
-            A[z].fn.call(A[z].context, d, v);
+            A[z].fn.call(A[z].context, d, m);
             break;
           case 4:
-            A[z].fn.call(A[z].context, d, v, T);
+            A[z].fn.call(A[z].context, d, m, T);
             break;
           default:
             if (!N)
@@ -734,11 +734,11 @@ var je = { exports: {} };
         }
     }
     return !0;
-  }, y.prototype.on = function(r, d, v) {
-    return c(this, r, d, v, !1);
-  }, y.prototype.once = function(r, d, v) {
-    return c(this, r, d, v, !0);
-  }, y.prototype.removeListener = function(r, d, v, T) {
+  }, y.prototype.on = function(r, d, m) {
+    return c(this, r, d, m, !1);
+  }, y.prototype.once = function(r, d, m) {
+    return c(this, r, d, m, !0);
+  }, y.prototype.removeListener = function(r, d, m, T) {
     var _ = t ? t + r : r;
     if (!this._events[_])
       return this;
@@ -746,10 +746,10 @@ var je = { exports: {} };
       return g(this, _), this;
     var E = this._events[_];
     if (E.fn)
-      E.fn === d && (!T || E.once) && (!v || E.context === v) && g(this, _);
+      E.fn === d && (!T || E.once) && (!m || E.context === m) && g(this, _);
     else {
-      for (var P = 0, A = [], U = E.length; P < U; P++)
-        (E[P].fn !== d || T && !E[P].once || v && E[P].context !== v) && A.push(E[P]);
+      for (var C = 0, A = [], U = E.length; C < U; C++)
+        (E[C].fn !== d || T && !E[C].once || m && E[C].context !== m) && A.push(E[C]);
       A.length ? this._events[_] = A.length === 1 ? A[0] : A : g(this, _);
     }
     return this;
@@ -763,21 +763,21 @@ const Fe = /* @__PURE__ */ oe($n);
 class qe extends Fe {
   constructor(t, s) {
     super();
-    m(this, "ogma");
-    m(this, "elements");
+    v(this, "ogma");
+    v(this, "elements");
     // layer to draw elements
-    m(this, "layer");
-    m(this, "editor");
-    m(this, "selectedId", B);
-    m(this, "hoveredId", B);
+    v(this, "layer");
+    v(this, "editor");
+    v(this, "selectedId", B);
+    v(this, "hoveredId", B);
     // used to remember ogma options before we change them
-    m(this, "ogmaOptions");
-    m(this, "shouldDetect");
-    m(this, "isDragging");
-    m(this, "_onKeyUp", (t) => {
+    v(this, "ogmaOptions");
+    v(this, "shouldDetect");
+    v(this, "isDragging");
+    v(this, "_onKeyUp", (t) => {
       t.code === 27 && this.selectedId !== B ? this.unselect() : (t.code === 46 || t.code === 8) && this.selectedId !== B && this._canRemove() && this.remove(this.selectedId);
     });
-    m(this, "_onClickMouseMove", (t) => {
+    v(this, "_onClickMouseMove", (t) => {
       if (!t.domEvent || this.isDragging || !this.shouldDetect)
         return;
       const s = this.ogma.view.screenToGraphCoordinates(t), a = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(s, 0) : void 0;
@@ -890,7 +890,7 @@ class qe extends Fe {
   }
   unhover() {
     const t = this.getById(this.hoveredId);
-    return this.emit(Pn, t), this.hoveredId = B, this.selectedId === B && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(Cn, t), this.hoveredId = B, this.selectedId === B && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -961,30 +961,31 @@ class Hn extends qe {
   `
     );
     // active handle id
-    m(this, "draggedHandle", B);
-    m(this, "start", { x: 0, y: 0 });
-    m(this, "end", { x: 0, y: 0 });
-    m(this, "arrow", { ...Se });
-    m(this, "startX", 0);
-    m(this, "startY", 0);
-    m(this, "minArrowHeight", 0);
-    m(this, "maxArrowHeight", 0);
-    m(this, "handles", []);
-    m(this, "onHandleMouseDown", (t) => {
+    v(this, "draggedHandle", B);
+    v(this, "start", { x: 0, y: 0 });
+    v(this, "end", { x: 0, y: 0 });
+    v(this, "arrow", { ...Se });
+    v(this, "startX", 0);
+    v(this, "startY", 0);
+    v(this, "minArrowHeight", 0);
+    v(this, "maxArrowHeight", 0);
+    v(this, "handles", []);
+    v(this, "onHandleMouseDown", (t) => {
       const s = this.getById(this.selectedId) || this.getById(this.hoveredId);
       s && (this.startDragging(s, t.clientX, t.clientY), this.draggedHandle = He(t.target));
     });
-    m(this, "onMouseUp", () => {
+    v(this, "onMouseUp", () => {
       this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B, this.emit(Ot, this.arrow));
     });
-    m(this, "onMouseMove", (t) => {
+    v(this, "onMouseMove", (t) => {
+      var m;
       if (!this.isDragging || this.draggedHandle === B)
         return;
-      const s = this.handles[this.draggedHandle], a = this.ogma.view.getZoom(), c = (t.clientX - this.startX) / a, g = (t.clientY - this.startY) / a, y = s.id === Te, f = s.id === Ie, r = s.id === _e;
-      (y || f) && Ne(this.arrow, this.start.x + c, this.start.y + g), (y || r) && $e(this.arrow, this.end.x + c, this.end.y + g), this.emit(
+      const s = this.handles[this.draggedHandle], a = this.ogma.view.getZoom(), c = (m = this.ogma.getContainer()) == null ? void 0 : m.getBoundingClientRect(), g = (t.clientX - this.startX - c.left) / a, y = (t.clientY - this.startY - c.top) / a, f = s.id === Te, r = s.id === Ie, d = s.id === _e;
+      (f || r) && Ne(this.arrow, this.start.x + g, this.start.y + y), (f || d) && $e(this.arrow, this.end.x + g, this.end.y + y), this.emit(
         ae,
         this.arrow,
-        y ? "line" : f ? "start" : "end"
+        f ? "line" : r ? "start" : "end"
       ), this.refreshEditor(), this.layer.refresh();
     });
     this.minArrowHeight = s.minArrowHeight || 0, this.maxArrowHeight = s.maxArrowHeight || 1e6, this.handles = Array.prototype.slice.call(
@@ -1014,8 +1015,8 @@ class Hn extends qe {
     return this.elements.find((a) => {
       const { start: c, end: g } = Rt(a), y = new rt(t.x, t.y).sub(
         new rt((c.x + g.x) / 2, (c.y + g.y) / 2)
-      ), f = new rt(g.x, g.y).sub(new rt(c.x, c.y)), r = f.length(), d = f.normalize(), v = Re(a);
-      return Math.abs(d.dot(y)) < r / 2 + s && Math.abs(d.rotateRadians(Math.PI / 2).dot(y)) < v / 2 + s;
+      ), f = new rt(g.x, g.y).sub(new rt(c.x, c.y)), r = f.length(), d = f.normalize(), m = Re(a);
+      return Math.abs(d.dot(y)) < r / 2 + s && Math.abs(d.rotateRadians(Math.PI / 2).dot(y)) < m / 2 + s;
     });
   }
   refreshEditor() {
@@ -1030,8 +1031,8 @@ class Hn extends qe {
     const f = {
       x: (a.x + s.x) / 2,
       y: (a.y + s.y) / 2
-    }, r = new rt(a.x - s.x, a.y - s.y), d = r.mul(1 / r.length()), v = Math.atan2(d.y, d.x);
-    c.style.width = `${r.length()}px`, c.style.left = `${f.x}px`, c.style.top = `${f.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${v}rad)`;
+    }, r = new rt(a.x - s.x, a.y - s.y), d = r.mul(1 / r.length()), m = Math.atan2(d.y, d.x);
+    c.style.width = `${r.length()}px`, c.style.left = `${f.x}px`, c.style.top = `${f.y}px`, c.style.transform = `translate(-50%, -50%) rotate(${m}rad)`;
   }
   getDefaultOptions() {
     return Se;
@@ -1119,11 +1120,11 @@ var Be = { exports: {} };
     }
     t.d(s, { default: () => Sn });
     var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, g = /\bsmall-caps\b/, y = /\b(?:italic|oblique)\b/, f = /\bbold(?:er)?\b/, r = 13.3333333, d = { "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) {
+    function m(e) {
       var n = "", o = this;
       return o.style && o.style !== "normal" && (n += o.style), o.variant && o.variant !== "normal" && (n += (n ? " " : "") + o.variant), o.weight && o.weight !== "normal" && (n += (n ? " " : "") + o.weight), o.size && (n += (n ? " " : "") + o.size + "px", o.height !== o.size && (n += "/" + o.height + "px")), o.family && (n += (n ? " " : "") + o.family), e && (n += "::" + o.baseline), e && (n += "::" + o.color), n;
     }
-    var T = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: v, valueOf: v };
+    var T = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: m, valueOf: m };
     function _(e) {
       var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = c.exec(e);
       n.family = (o[6] || "").trim();
@@ -1150,9 +1151,9 @@ var Be = { exports: {} };
         a(i) === "object" && (e = i.family, w = i.size, p = i.height, S = i.variant, x = i.weight, b = i.style, n = i.baseline, o = i.color);
       h.size && h.size < 3 && (w *= h.size), p = p !== "normal" && p ? parseFloat(p) : w * (7 / 6), h.height && h.height < 3 && (p *= h.height);
       var M = Object.create(T);
-      return M.family = h.family || e || "sans-serif", M.height = p ?? 14, M.size = w ?? 12, M.variant = h.variant || S || "", M.style = h.style || b || "", M.weight = h.weight || x || "", M.baseline = n || 0, h.baseline != null && (M.baseline = h.baseline), M.color = h.color || o || "", M.id = v.call(M, !0), M;
+      return M.family = h.family || e || "sans-serif", M.height = p ?? 14, M.size = w ?? 12, M.variant = h.variant || S || "", M.style = h.style || b || "", M.weight = h.weight || x || "", M.baseline = n || 0, h.baseline != null && (M.baseline = h.baseline), M.color = h.color || o || "", M.id = m.call(M, !0), M;
     }
-    const P = { "\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 };
+    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 A, U = function(e) {
       var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || e && e.createElement("canvas");
       if (n && n.getContext) {
@@ -1173,7 +1174,7 @@ var Be = { exports: {} };
       var i = Object.assign({}, z, o), h = String(e);
       if (!h)
         return 0;
-      if (h in P) {
+      if (h in C) {
         var p = n.id + "/" + h;
         return p in N || (N[p] = U("_".concat(h, "_"), n) - U("__", n)), N[p];
       }
@@ -1295,7 +1296,7 @@ var Be = { exports: {} };
       }
       return Lt(o);
     }(H), Vt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, Ue = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, ue = /^[\xA0\u2011\u202F\u2060\uFEFF]/, Ye = /^(?:[;\xAD%?…]|,(?!\d))/, Xe = /^[´±°¢£¤$¥\u2212]/;
-    function Pt(e, n) {
+    function Ct(e, n) {
       n !== !1 && (e = e.trim());
       for (var o, i, h = [], p = e.charAt(0), w = 0, x = 1, b = e.length; x < b; x++) {
         o = e.charAt(x), i = e.charAt(x + 1);
@@ -1434,8 +1435,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       if (e.length) {
         var b = i.height, S = n.valign(), D = n.height()(), O = n.width()(0), k = !isFinite(O) && e.length === 1, M = k ? null : n.x(), R = mt(b / h), K = k ? null : mt(b / (1.15 * h + (b - h) / 2));
         if (fn[S] && isFinite(D)) {
-          var C = S === "bottom" ? 1 : 0.5;
-          K += (D * C - b * e.length * C) / h;
+          var P = S === "bottom" ? 1 : 0.5;
+          K += (D * P - b * e.length * P) / h;
         }
         var L = w === "justify", j = 0;
         w === "right" ? j = O : w === "center" && (j = O / 2);
@@ -1449,7 +1450,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var ot = "", ht = "", st = 0, at = e[et];
           if (at.length) {
             $ = [];
-            for (var vt = 0, kt = 0, lt = void 0, X = 0, Ct = at.length; X < Ct; X++) {
+            for (var vt = 0, kt = 0, lt = void 0, X = 0, Pt = at.length; X < Pt; X++) {
               var q = at[X], G = q.font;
               q.whitespace && vt++, kt += q.width, X && !q.tracking && !st && Yt(G.id, ot) && Yt(q.class, ht) && Yt(lt, q.href) ? F += q.value : (I(), F = q.value, Y = { fontFamily: G.family !== p ? G.family : null, fontSize: G.size !== h ? G.size : null, fontWeight: G.weight || null, fontStyle: G.style || null, fontVariant: G.variant !== "normal" && G.variant || null, fill: G.color || null, baselineShift: G.baseline ? 100 * G.baseline + "%" : null, className: q.class || null }, st && (Y.dx = mt(st), st = 0), q.tracking && (st = G.size * q.tracking), q.href && !lt ? (lt = q.href, J = "a", Y.href = lt, Y.rel = q.rel, Y.target = q.target) : lt = null, ot = G.id, ht = q.class);
             }
@@ -1475,7 +1476,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           O += x * k - M * k;
         }
         e.forEach(function(R, K) {
-          var C = n.x()(K), L = K * h + O, j = 0, $ = 0;
+          var P = n.x()(K), L = K * h + O, j = 0, $ = 0;
           R.forEach(function(F) {
             F.whitespace && j++, $ += F.width;
           });
@@ -1487,12 +1488,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               return ht.color ? ht.color : st.href ? "#00C" : "#000";
             }(I, F);
             var Q = 0;
-            if (S === "right" ? Q += b - $ : S === "center" ? Q += b / 2 - $ / 2 : S === "justify" && (F.whitespace || F instanceof tt) && (C += J), o.fillText(F.value, C + Q, L + et), F.href) {
+            if (S === "right" ? Q += b - $ : S === "center" ? Q += b / 2 - $ / 2 : S === "justify" && (F.whitespace || F instanceof tt) && (P += J), o.fillText(F.value, P + Q, L + et), F.href) {
               o.beginPath(), o.strokeStyle = o.fillStyle;
               var ot = Math.floor(L + 0.45 * p) + 0.5;
-              o.moveTo(C + Q, ot), o.lineTo(C + Q + F.width, ot), o.stroke();
+              o.moveTo(P + Q, ot), o.lineTo(P + Q + F.width, ot), o.stroke();
             }
-            C += F.width;
+            P += F.width;
           });
         });
       }
@@ -1560,12 +1561,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         var h = this, p = this.props.parser(String(i)), w = this.font(), x = function(b, S, D) {
           if (!b.length)
             return [];
-          var O = S.height(), k = S.width(), M = S.overflowLine(), R = S.overflowWrap(), K = E(D, !0, !1), C = isFinite(O()) ? Math.floor(O() / D.height) : 1 / 0;
-          if (!O() && !k(0) || !C)
+          var O = S.height(), k = S.width(), M = S.overflowLine(), R = S.overflowWrap(), K = E(D, !0, !1), P = isFinite(O()) ? Math.floor(O() / D.height) : 1 / 0;
+          if (!O() && !k(0) || !P)
             return [];
-          for (var L = 0, j = 0, $ = 0, J = [], Y = [], F = !1; L < b.length && j < C; ) {
+          for (var L = 0, j = 0, $ = 0, J = [], Y = [], F = !1; L < b.length && j < P; ) {
             var I = b[L], et = cn(I, D);
-            if (I.width = W(I, et), I.font = et, I.line = j, I.whitespace = I.value in P, I.value && (I.value = I.value.replace(un, " ")), !(!$ && I.whitespace || F && I.whitespace))
+            if (I.width = W(I, et), I.font = et, I.line = j, I.whitespace = I.value in C, I.value && (I.value = I.value.replace(un, " ")), !(!$ && I.whitespace || F && I.whitespace))
               if (I instanceof tt)
                 $ = 0, Y = [], J.push(L + 1), j++;
               else if (I instanceof St || I instanceof ft)
@@ -1609,12 +1610,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             }, 0), xt.width > lt && (lt = xt.width), xt;
           });
           if (X.hasLineOverflow = !1, M) {
-            var Ct = M === "ellipsis" ? "…" : M;
+            var Pt = M === "ellipsis" ? "…" : M;
             X.forEach(function(pt, Z) {
               var gt = k(Z);
               if (pt.width > gt) {
-                var ut = new H(Ct);
-                ut.font = D, ut.width = W(Ct, K), ge(pt, gt, ut), X.hasLineOverflow = !0;
+                var ut = new H(Pt);
+                ut.font = D, ut.width = W(Pt, K), ge(pt, gt, ut), X.hasLineOverflow = !0;
               }
             });
           }
@@ -1795,7 +1796,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }), o;
       }
     }
-    it.createElement = be, it.textparser = Pt, it.defaultparser = Pt, it.htmlparser = function(e) {
+    it.createElement = be, it.textparser = Ct, it.defaultparser = Ct, it.htmlparser = function(e) {
       e = String(e || "").trim();
       for (var n, o, i = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, h = [], p = [], w = function(O) {
         for (var k in i)
@@ -1813,7 +1814,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }
       }; e.length; ) {
         if (n = /^[^<]+/.exec(e))
-          Pt(fe(n[0]), !1).forEach(w);
+          Ct(fe(n[0]), !1).forEach(w);
         else if (!(n = Ke.exec(e)))
           if (n = We.exec(e))
             p.length && (i = p.pop()), x(n[1]);
@@ -1832,25 +1833,25 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, it.latexparser = function(e) {
       e = String(e || "").trim();
       var n = [0];
-      e = e.replace(/\\verb,(.*?),/, function(C, L) {
+      e = e.replace(/\\verb,(.*?),/, function(P, L) {
         return n.push(L), "\\verb," + (n.length - 1) + ",";
       }).replace(/\\\\\n/g, function() {
         return "\\\\";
-      }).replace(ln, function(C, L, j) {
-        return j.charAt(L - 1) === "\\" ? C : hn[C];
-      }).replace(/\n\s+/g, function(C) {
-        return /\n/.test(C.slice(1)) ? "\\par " : C;
-      }).replace(/\\symbol\{(\d+)\}/, function(C, L, j, $) {
-        return $.charAt(j - 1) === "\\" ? C : String.fromCharCode(1 * L);
-      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(C, L, j, $) {
+      }).replace(ln, function(P, L, j) {
+        return j.charAt(L - 1) === "\\" ? P : hn[P];
+      }).replace(/\n\s+/g, function(P) {
+        return /\n/.test(P.slice(1)) ? "\\par " : P;
+      }).replace(/\\symbol\{(\d+)\}/, function(P, L, j, $) {
+        return $.charAt(j - 1) === "\\" ? P : String.fromCharCode(1 * L);
+      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(P, L, j, $) {
         return L + j + "{" + $ + "}";
-      }).replace(/\\verb,(.*?),/, function(C, L) {
+      }).replace(/\\verb,(.*?),/, function(P, L) {
         return "\\verb,".concat(n[+L], ",");
       });
-      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, h = [], p = [], w = function(C) {
+      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, h = [], p = [], w = function(P) {
         for (var L in i)
-          i[L] && (C[L] = i[L]);
-        return h.push(C), C;
+          i[L] && (P[L] = i[L]);
+        return h.push(P), P;
       }, x = function() {
         p.push(i), i = Object.create(i);
       }, b = function() {
@@ -1859,7 +1860,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         i = p.pop();
       }, S = { tokens: h, open_context: x, close_context: b, add_token: w }; e.length; ) {
         if (o = on.exec(e))
-          Pt(o[0], !1).forEach(w);
+          Ct(o[0], !1).forEach(w);
         else if (o = an.exec(e))
           w(new H(o[1]));
         else if (!(o = sn.exec(e))) {
@@ -1945,63 +1946,63 @@ class qn extends qe {
     </div>
   `
     );
-    m(this, "textArea");
-    m(this, "handleSize");
-    m(this, "rect", { x: 0, y: 0, width: 0, height: 0 });
-    m(this, "annotation", { ...te });
-    m(this, "startX", 0);
-    m(this, "startY", 0);
-    m(this, "handles", []);
-    m(this, "draggedHandle", B);
-    m(this, "isFocused", !1);
-    m(this, "placeholder", "Type your text here...");
-    m(this, "_onFocus", () => {
+    v(this, "textArea");
+    v(this, "handleSize");
+    v(this, "rect", { x: 0, y: 0, width: 0, height: 0 });
+    v(this, "annotation", { ...te });
+    v(this, "startX", 0);
+    v(this, "startY", 0);
+    v(this, "handles", []);
+    v(this, "draggedHandle", B);
+    v(this, "isFocused", !1);
+    v(this, "placeholder", "Type your text here...");
+    v(this, "_onFocus", () => {
       this.textArea.value === this.placeholder && (this.textArea.value = ""), this.isFocused = !0;
     });
-    m(this, "_onBlur", () => {
+    v(this, "_onBlur", () => {
       this.isFocused = !1;
     });
-    m(this, "startDrawing", (t, s, a = Rn(t, s, 0, 0, "", bt)) => {
+    v(this, "startDrawing", (t, s, a = Rn(t, s, 0, 0, "", bt)) => {
       this.add(a);
       const c = this.ogma.view.graphToScreenCoordinates({ x: t, y: s });
       this.select(a.id), this.startDragging(this.getById(a.id), c.x, c.y), this.draggedHandle = 6;
     });
-    m(this, "cancelDrawing", () => {
+    v(this, "cancelDrawing", () => {
       this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...te }, this.draggedHandle = B, this.isDragging = !1, this.emit(Ot, this.annotation));
     });
-    m(this, "startDragging", (t, s, a) => {
+    v(this, "startDragging", (t, s, a) => {
       this.annotation = t;
       const c = yt(this.annotation), g = dt(this.annotation);
       this.rect.x = c.x, this.rect.y = c.y, this.rect.width = g.width, this.rect.height = g.height, this.startX = s, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(le, this.annotation), this.isDragging = !0;
     });
-    m(this, "onHandleMouseDown", (t) => {
+    v(this, "onHandleMouseDown", (t) => {
       const s = this.getById(this.selectedId) || this.getById(this.hoveredId);
       s && (this.selectedId !== s.id && this.select(this.hoveredId), this.startDragging(s, t.clientX, t.clientY), this.draggedHandle = He(t.target));
     });
-    m(this, "onMouseMove", (t) => {
+    v(this, "onMouseMove", (t) => {
       requestAnimationFrame(() => this._onMouseMove(t));
     });
-    m(this, "_onMouseMove", (t) => {
+    v(this, "_onMouseMove", (t) => {
       if (!this.isDragging)
         return;
       t.stopPropagation(), t.preventDefault();
-      const s = this.handles[this.draggedHandle], a = s.classList.contains("top"), c = s.classList.contains("left"), g = s.classList.contains("right"), y = s.classList.contains("bottom"), f = s.classList.contains("line-handle"), r = this.ogma.view.getZoom(), d = (t.clientX - this.startX) / r, v = (t.clientY - this.startY) / r, T = c || f ? this.rect.x + d : this.rect.x, _ = a || f ? this.rect.y + v : this.rect.y, E = Math.max(
+      const s = this.handles[this.draggedHandle], a = s.classList.contains("top"), c = s.classList.contains("left"), g = s.classList.contains("right"), y = s.classList.contains("bottom"), f = s.classList.contains("line-handle"), r = this.ogma.view.getZoom(), d = (t.clientX - this.startX) / r, m = (t.clientY - this.startY) / r, T = c || f ? this.rect.x + d : this.rect.x, _ = a || f ? this.rect.y + m : this.rect.y, E = Math.max(
         this.rect.width + d * (f ? 0 : c ? -1 : g ? 1 : 0),
         Me
-      ), P = Math.max(
-        this.rect.height + v * (f ? 0 : a ? -1 : y ? 1 : 0),
+      ), C = Math.max(
+        this.rect.height + m * (f ? 0 : a ? -1 : y ? 1 : 0),
         Me
       );
-      Mn(this.annotation, T, _, E, P), this.emit(ae, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      Mn(this.annotation, T, _, E, C), this.emit(ae, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     });
-    m(this, "onMouseUp", () => {
+    v(this, "onMouseUp", () => {
       !this.isDragging || this.draggedHandle === B || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Ot, this.annotation), this.isDragging = !1, this.draggedHandle = B);
     });
-    m(this, "onViewChanged", () => {
+    v(this, "onViewChanged", () => {
       const t = Math.max(2, this.handleSize / this.ogma.view.getZoom());
       document.documentElement.style.setProperty("--handle-width", `${t}px`);
     });
-    m(this, "_onInput", () => {
+    v(this, "_onInput", () => {
       const t = this.getById(this.selectedId);
       t && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), t.properties.content = this.textArea.value, this.emit(se, t), this.layer.refresh());
     });
@@ -2027,21 +2028,21 @@ class qn extends qe {
     const s = "";
     this.elements.forEach((c, g) => {
       const y = `class${g}`, f = dt(c), r = yt(c), d = c.id, {
-        color: v,
+        color: m,
         fontSize: T,
         font: _,
         strokeColor: E,
-        strokeWidth: P,
+        strokeWidth: C,
         strokeType: A,
         background: U
       } = c.properties.style || bt;
       if (d === this.selectedId || this.selectedId === -1 && d === this.hoveredId)
         return;
       const N = It("g");
-      N.setAttribute("fill", `${v}`), N.setAttribute("font-size", `${T}`), N.setAttribute("font-family", `${_}`);
+      N.setAttribute("fill", `${m}`), N.setAttribute("font-size", `${T}`), N.setAttribute("font-family", `${_}`);
       const z = It("rect");
       let W = !1;
-      A && A !== "none" && (W = !0, z.setAttribute("stroke", E || "black"), z.setAttribute("stroke-width", `${P}`), A === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (U && U.length || W) && (W = !0, z.setAttribute("fill", U || "transparent")), W && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), N.appendChild(z), Fn(c, N), N.setAttribute("transform", `translate(${r.x},${r.y})`), N.classList.add(y), N.setAttribute("data-annotation", `${c.id}`), N.setAttribute("data-annotation-type", "text"), t.appendChild(N);
+      A && A !== "none" && (W = !0, z.setAttribute("stroke", E || "black"), z.setAttribute("stroke-width", `${C}`), A === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (U && U.length || W) && (W = !0, z.setAttribute("fill", U || "transparent")), W && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), N.appendChild(z), Fn(c, N), N.setAttribute("transform", `translate(${r.x},${r.y})`), N.classList.add(y), N.setAttribute("data-annotation", `${c.id}`), N.setAttribute("data-annotation-type", "text"), t.appendChild(N);
     });
     const a = It("style");
     a.innerHTML = s, t.firstChild && t.insertBefore(a, t.firstChild);
@@ -2070,9 +2071,9 @@ class qn extends qe {
 }
 class Bn {
   constructor() {
-    m(this, "links", {});
-    m(this, "linksByTargetId", {});
-    m(this, "linksByArrowId", {});
+    v(this, "links", {});
+    v(this, "linksByTargetId", {});
+    v(this, "linksByArrowId", {});
   }
   add(l, t, s, a, c) {
     const g = jt(), y = l.id, f = {
@@ -2143,20 +2144,20 @@ const ct = (u) => u.properties.type === "arrow", wt = (u) => u.properties.type =
 class Gn extends Fe {
   constructor(t, s = {}) {
     super();
-    m(this, "arrows");
-    m(this, "texts");
-    m(this, "links", new Bn());
-    m(this, "layer");
-    m(this, "annotations");
-    m(this, "ogma");
-    m(this, "options");
-    m(this, "selected", null);
-    m(this, "updateTimeout", 0);
-    m(this, "hoveredNode", null);
-    m(this, "dragged", null);
-    m(this, "textToMagnet");
-    m(this, "activeLinks", []);
-    m(this, "_render", (t) => {
+    v(this, "arrows");
+    v(this, "texts");
+    v(this, "links", new Bn());
+    v(this, "layer");
+    v(this, "annotations");
+    v(this, "ogma");
+    v(this, "options");
+    v(this, "selected", null);
+    v(this, "updateTimeout", 0);
+    v(this, "hoveredNode", null);
+    v(this, "dragged", null);
+    v(this, "textToMagnet");
+    v(this, "activeLinks", []);
+    v(this, "_render", (t) => {
       if (!this.dragged || this.textToMagnet === void 0)
         return;
       t.beginPath(), t.fillStyle = "green";
@@ -2168,7 +2169,7 @@ class Gn extends Fe {
         t.moveTo(y, f), t.arc(y, f, this.options.magnetHandleRadius / s, 0, Math.PI * 2);
       }), t.fill(), t.closePath();
     });
-    m(this, "_onFeatureDrag", (t, s) => {
+    v(this, "_onFeatureDrag", (t, s) => {
       const a = s;
       if (ct(t) && a === "line")
         ["start", "end"].find((c) => {
@@ -2180,12 +2181,12 @@ class Gn extends Fe {
         this._snapToText(t, a, c) || this._findAndSnapToNode(t, a, c);
       } else
         wt(t) && (this.activeLinks.forEach(({ arrow: c, side: g, connectionPoint: y }) => {
-          const f = this.getAnnotation(c), r = dt(t), d = yt(t), v = new rt(y.x, y.y).mul({ x: r.width, y: r.height }).add(d);
-          f.geometry.coordinates[g === "start" ? 0 : 1] = [v.x, v.y];
+          const f = this.getAnnotation(c), r = dt(t), d = yt(t), m = new rt(y.x, y.y).mul({ x: r.width, y: r.height }).add(d);
+          f.geometry.coordinates[g === "start" ? 0 : 1] = [m.x, m.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh();
     });
-    m(this, "_onFeatureDragEnd", (t) => {
+    v(this, "_onFeatureDragEnd", (t) => {
       this.dragged !== null && ct(t) && _t(this.dragged) && ze.forEach((s) => {
         this.links.getArrowLink(t.id, s) && this.emit(Nn, {
           arrow: t,
@@ -2193,41 +2194,41 @@ class Gn extends Fe {
         });
       }), (wt(t) || ct(t)) && this.onUpdate(t), this.dragged = null, this.activeLinks = [], this.textToMagnet = void 0, this.annotations.forEach((s) => s.enableDetection()), this.layer.refresh();
     });
-    m(this, "_onFeatureDragStart", (t) => {
+    v(this, "_onFeatureDragStart", (t) => {
       this.textToMagnet = void 0, ct(t) ? this.dragged = t : wt(t) && this.activeLinks.push(...this.links.getTargetLinks(t.id)), this.annotations.forEach((s) => {
         const a = s.getSelectedFeature();
         a && a !== t && s.unhover().unselect(), s.disableDetection();
       });
     });
-    m(this, "_onNodesDragStart", () => {
+    v(this, "_onNodesDragStart", () => {
       this.arrows.unhover().unselect(), this.texts.unhover().unselect();
     });
-    m(this, "_onNodesDrag", (t) => {
+    v(this, "_onNodesDrag", (t) => {
       const { dx: s, dy: a } = t;
       this._moveNodes(t.nodes, s, a);
     });
-    m(this, "_onAdded", (t) => {
+    v(this, "_onAdded", (t) => {
       this.emit(re, t);
     });
-    m(this, "_onRemoved", (t) => {
+    v(this, "_onRemoved", (t) => {
       this.emit(ie, t);
     });
-    m(this, "_onUnselect", (t) => {
+    v(this, "_onUnselect", (t) => {
       this.selected = null, this.emit(ne, t);
     });
-    m(this, "_onSelect", (t) => {
+    v(this, "_onSelect", (t) => {
       this.selected !== t && (this.selected = t, this.emit(ee, this.selected));
     });
     /**
      * Triggers the update event on the annotation
      * @param annotation The annotation updated
      */
-    m(this, "onUpdate", (t) => {
+    v(this, "onUpdate", (t) => {
       cancelAnimationFrame(this.updateTimeout), this.updateTimeout = requestAnimationFrame(
         () => this._onUpdate(t)
       );
     });
-    m(this, "_onUpdate", (t) => {
+    v(this, "_onUpdate", (t) => {
       this.emit(se, t);
     });
     this.options = this.setOptions({ ...Un, ...s }), this.ogma = t, this.arrows = new Hn(t, this.options), this.texts = new qn(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((a) => {
@@ -2238,13 +2239,13 @@ class Gn extends Fe {
     t.forEach((c) => {
       const g = this.links.getTargetLinks(c.getId()), y = c.getPosition();
       g.forEach((f) => {
-        const r = this.getAnnotation(f.arrow), d = f.side, v = Ae(
+        const r = this.getAnnotation(f.arrow), d = f.side, m = Ae(
           r,
           d === "start" ? "end" : "start"
         );
         let T = y;
         const _ = +c.getAttribute("radius"), E = 1e-6;
-        (f.connectionPoint.x - (y.x - s) > E || f.connectionPoint.y - (y.y - a) > E) && (T = Ee(v, y, _)), Qt(r, d, T.x, T.y);
+        (f.connectionPoint.x - (y.x - s) > E || f.connectionPoint.y - (y.y - a) > E) && (T = Ee(m, y, _)), Qt(r, d, T.x, T.y);
       });
     }), this.arrows.refreshLayer();
   }
@@ -2261,10 +2262,10 @@ class Gn extends Fe {
     this.links.remove(t, s), g && g.isNode ? (this.hoveredNode = g, this.hoveredNode.setSelected(!0), this._snapToNode(t, s, g, c)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
   }
   _snapToNode(t, s, a, c) {
-    const g = a.getPositionOnScreen(), y = +a.getAttribute("radius"), f = y * this.ogma.view.getZoom(), r = c.x - g.x, d = c.y - g.y, v = Math.sqrt(r * r + d * d), T = a.getPosition();
-    if (v < f + this.options.detectMargin) {
+    const g = a.getPositionOnScreen(), y = +a.getAttribute("radius"), f = y * this.ogma.view.getZoom(), r = c.x - g.x, d = c.y - g.y, m = Math.sqrt(r * r + d * d), T = a.getPosition();
+    if (m < f + this.options.detectMargin) {
       let _ = T;
-      if (v > f / 2) {
+      if (m > f / 2) {
         const E = Ae(t, s === "end" ? "start" : "end");
         _ = Ee(E, _, y);
       }
@@ -2280,8 +2281,8 @@ class Gn extends Fe {
   findMagnetPoint(t, s, a) {
     let c;
     for (const g of t) {
-      const y = dt(s), f = yt(s), r = new rt(g.x, g.y).mul({ x: y.width, y: y.height }).add(f), d = r.sub(a).length(), v = this.options.magnetRadius * this.ogma.view.getZoom();
-      if (d < Math.max(v, this.options.magnetHandleRadius)) {
+      const y = dt(s), f = yt(s), r = new rt(g.x, g.y).mul({ x: y.width, y: y.height }).add(f), d = r.sub(a).length(), m = this.options.magnetRadius * this.ogma.view.getZoom();
+      if (d < Math.max(m, this.options.magnetHandleRadius)) {
         c = {
           point: r,
           magnet: g
@@ -2372,7 +2373,7 @@ class Gn extends Fe {
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Cn);
+    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Pn);
   }
   /**
    * Update the style of the annotation with the given id
@@ -2430,7 +2431,7 @@ export {
   _t as getArrowStart,
   Ee as getAttachmentPointOnNode,
   He as getHandleId,
-  Ce as getTextBbox,
+  Pe as getTextBbox,
   yt as getTextPosition,
   dt as getTextSize,
   Vn as isAnnotationCollection,