@linkurious/ogma-annotations 1.1.1 → 1.1.2

package/dist/index.mjs

@@ -1,30 +1,30 @@
 var kn = Object.defineProperty;
-var Tn = (c, l, t) => l in c ? kn(c, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[l] = t;
-var v = (c, l, t) => (Tn(c, typeof l != "symbol" ? l + "" : l, t), t);
+var Tn = (u, l, t) => l in u ? kn(u, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[l] = t;
+var v = (u, l, t) => (Tn(u, typeof l != "symbol" ? l + "" : l, t), t);
 var In = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function le(c) {
-  return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
+function le(u) {
+  return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var $e = { exports: {} };
-(function(c) {
+var Pe = { exports: {} };
+(function(u) {
   (function(l, t) {
-    c.exports = t();
+    u.exports = t();
   })("Vector", function() {
     var l = function() {
       var t = Math.PI * 2, r = 180 / Math.PI, a = Math.PI / 180;
-      function u(s) {
+      function c(s) {
         return Math.round(s * 1e8) / 1e8;
       }
       function p(s, d) {
-        var m = d.x - s.x, A = d.y - s.y;
-        return Math.sqrt(m * m + A * A);
+        var m = d.x - s.x, k = d.y - s.y;
+        return Math.sqrt(m * m + k * k);
       }
       function y(s, d, m) {
-        var A = d.y - s.y, I = d.x - s.x, k = Math.atan2(A, I);
+        var k = d.y - s.y, I = d.x - s.x, E = Math.atan2(k, I);
         if (m)
-          for (; k < 0; )
-            k += t;
-        return k;
+          for (; E < 0; )
+            E += t;
+        return E;
       }
       function f(s, d) {
         this.x = s !== void 0 ? s : 0, this.y = d !== void 0 ? d : 0;
@@ -191,8 +191,8 @@ var $e = { exports: {} };
         // @param radians - radians to rotate this vector by (can be positive or negative).
         // @return self.
         rotateRadiansSelf: function(s) {
-          var d = Math.cos(s), m = Math.sin(s), A = this.x * d - this.y * m, I = this.x * m + this.y * d;
-          return this.x = u(A), this.y = u(I), this;
+          var d = Math.cos(s), m = Math.sin(s), k = this.x * d - this.y * m, I = this.x * m + this.y * d;
+          return this.x = c(k), this.y = c(I), this;
         },
         // [API]
         // [chainable]
@@ -482,10 +482,10 @@ var $e = { 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;
   });
-})($e);
-var _n = $e.exports;
+})(Pe);
+var _n = Pe.exports;
 const rt = /* @__PURE__ */ le(_n);
-let jt = (c = 21) => crypto.getRandomValues(new Uint8Array(c)).reduce((l, t) => (t &= 63, t < 36 ? l += t.toString(36) : t < 62 ? l += (t - 26).toString(36).toUpperCase() : t > 62 ? l += "-" : l += "_", l), "");
+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 = {
   strokeType: "plain",
   strokeColor: "black",
@@ -518,7 +518,7 @@ const Dt = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, Dn = (c = 0, l = 0, t = 0, r = 0, a = { ...Dt }) => ({
+}, Dn = (u = 0, l = 0, t = 0, r = 0, a = { ...Dt }) => ({
   id: jt(),
   type: "Feature",
   properties: {
@@ -531,34 +531,34 @@ const Dt = {
   geometry: {
     type: "LineString",
     coordinates: [
-      [c, l],
+      [u, l],
       [t, r]
     ]
   }
-}), Mn = "http://www.w3.org/2000/svg";
-function It(c) {
-  return document.createElementNS(Mn, c);
+}), On = "http://www.w3.org/2000/svg";
+function It(u) {
+  return document.createElementNS(On, u);
 }
-function Pe(c) {
-  return c.geometry.bbox || On(c), c.geometry.bbox;
+function $e(u) {
+  return u.geometry.bbox || Mn(u), u.geometry.bbox;
 }
-function dt(c) {
-  const l = Pe(c);
+function dt(u) {
+  const l = $e(u);
   return {
     width: l[2] - l[0],
     height: l[3] - l[1]
   };
 }
-function yt(c) {
-  const l = Pe(c);
+function yt(u) {
+  const l = $e(u);
   return { x: l[0], y: l[1] };
 }
-function On(c) {
-  const [l, t] = c.geometry.coordinates[0][0], [r, a] = c.geometry.coordinates[0][2];
-  c.geometry.bbox = [l, t, r, a];
+function Mn(u) {
+  const [l, t] = u.geometry.coordinates[0][0], [r, a] = u.geometry.coordinates[0][2];
+  u.geometry.bbox = [l, t, r, a];
 }
-function zn(c, l, t, r, a) {
-  c.geometry.bbox = [l, t, l + r, t + a], c.geometry.coordinates = [
+function zn(u, l, t, r, a) {
+  u.geometry.bbox = [l, t, l + r, t + a], u.geometry.coordinates = [
     [
       [l, t],
       [l + r, t],
@@ -568,33 +568,33 @@ function zn(c, l, t, r, a) {
     ]
   ];
 }
-function _t(c) {
-  const [l, t] = c.geometry.coordinates[0];
+function _t(u) {
+  const [l, t] = u.geometry.coordinates[0];
   return { x: l, y: t };
 }
-function te(c, l) {
-  const [t, r] = c.geometry.coordinates[l === "start" ? 0 : 1];
+function te(u, l) {
+  const [t, r] = u.geometry.coordinates[l === "start" ? 0 : 1];
   return { x: t, y: r };
 }
-function Rt(c) {
-  const [l, t] = c.geometry.coordinates[1];
+function Rt(u) {
+  const [l, t] = u.geometry.coordinates[1];
   return { x: l, y: t };
 }
-function Ne(c, l, t) {
-  c.geometry.coordinates[0] = [l, t];
+function Ne(u, l, t) {
+  u.geometry.coordinates[0] = [l, t];
 }
-function He(c, l, t) {
-  c.geometry.coordinates[1] = [l, t];
+function He(u, l, t) {
+  u.geometry.coordinates[1] = [l, t];
 }
-function Ft(c) {
-  return { start: _t(c), end: Rt(c) };
+function Ft(u) {
+  return { start: _t(u), end: Rt(u) };
 }
-function Nt(c, l, t, r) {
-  l === "start" ? Ne(c, t, r) : He(c, t, r);
+function Nt(u, l, t, r) {
+  l === "start" ? Ne(u, t, r) : He(u, t, r);
 }
-const Re = (c) => parseInt(c.getAttribute("data-handle-id") || "-1");
-function Xn(c) {
-  return Ht(c).reduce(
+const Re = (u) => parseInt(u.getAttribute("data-handle-id") || "-1");
+function Xn(u) {
+  return Ht(u).reduce(
     (l, t) => (l[0] = Math.min(t[0], l[0]), l[1] = Math.min(t[1], l[1]), l[2] = Math.max(t[0], l[2]), l[3] = Math.max(t[1], l[3]), l),
     [
       Number.POSITIVE_INFINITY,
@@ -604,51 +604,51 @@ function Xn(c) {
     ]
   );
 }
-function Ht(c) {
+function Ht(u) {
   let l = [];
-  return c.type == "Point" ? l = [c.coordinates] : c.type == "LineString" || c.type == "MultiPoint" ? l = c.coordinates : c.type == "Polygon" || c.type == "MultiLineString" ? l = c.coordinates.reduce(function(t, r) {
+  return u.type == "Point" ? l = [u.coordinates] : u.type == "LineString" || u.type == "MultiPoint" ? l = u.coordinates : u.type == "Polygon" || u.type == "MultiLineString" ? l = u.coordinates.reduce(function(t, r) {
     return t.concat(r);
-  }, []) : c.type == "MultiPolygon" ? l = c.coordinates.reduce(
-    (t, r) => t.concat(r.reduce((a, u) => a.concat(u), [])),
+  }, []) : u.type == "MultiPolygon" ? l = u.coordinates.reduce(
+    (t, r) => t.concat(r.reduce((a, c) => a.concat(c), [])),
     []
-  ) : c.type == "Feature" ? l = Ht(c.geometry) : c.type == "GeometryCollection" ? l = c.geometries.reduce(
+  ) : u.type == "Feature" ? l = Ht(u.geometry) : u.type == "GeometryCollection" ? l = u.geometries.reduce(
     (t, r) => t.concat(Ht(r)),
     []
-  ) : c.type == "FeatureCollection" && (l = c.features.reduce(
+  ) : u.type == "FeatureCollection" && (l = u.features.reduce(
     (t, r) => t.concat(Ht(r)),
     []
   )), l;
 }
-function ee(c, l, t) {
-  const r = Math.atan2(c.y - l.y, c.x - l.x);
+function ee(u, l, t) {
+  const r = Math.atan2(u.y - l.y, u.x - l.x);
   return {
     x: l.x + t * Math.cos(r),
     y: l.y + t * Math.sin(r)
   };
 }
-function Fe(c, l = 5, t = 30) {
+function Fe(u, l = 5, t = 30) {
   var s;
-  const { start: r, end: a } = Ft(c), u = new rt(r.x, r.y), y = new rt(a.x, a.y).sub(u), f = c.properties.style && c.properties.style.strokeWidth ? (s = c.properties.style) == null ? void 0 : s.strokeWidth : 0;
+  const { start: r, end: a } = Ft(u), c = new rt(r.x, r.y), y = new rt(a.x, a.y).sub(c), f = u.properties.style && u.properties.style.strokeWidth ? (s = u.properties.style) == null ? void 0 : s.strokeWidth : 0;
   return Math.min(t, Math.max(3 * f, y.length() * 0.1, l));
 }
-function ke(c, l, t, r) {
+function ke(u, l, t, r) {
   const a = l.clone().normalize().invert().mul(r);
   if (!t || t === "none")
     return "";
-  const u = c.clone().add(a.rotateRadians(Math.PI / 8)), p = c.clone().add(a.rotateRadians(-Math.PI / 8)), y = `${c.x} ${c.y}`;
-  return `M ${u.x} ${u.y} L ${y} ${p.x} ${p.y} ${t === "arrow" ? "" : `${u.x} ${u.y}`}`;
+  const c = u.clone().add(a.rotateRadians(Math.PI / 8)), p = u.clone().add(a.rotateRadians(-Math.PI / 8)), y = `${u.x} ${u.y}`;
+  return `M ${c.x} ${c.y} L ${y} ${p.x} ${p.y} ${t === "arrow" ? "" : `${c.x} ${c.y}`}`;
 }
-function Ln(c, l, t, r, a) {
-  const { start: u, end: p } = Ft(c), { tail: y, head: f, strokeColor: s, strokeWidth: d } = c.properties.style || t, m = new rt(u.x, u.y), A = new rt(p.x, p.y), I = A.clone().sub(m), k = Fe(c, r, a), C = It("path");
-  C.setAttribute("data-annotation", `${c.id}`), C.setAttribute("data-annotation-type", "arrow");
-  const E = f === "arrow-plain" || y === "arrow";
-  C.setAttribute("stroke", s || "none"), C.setAttribute("stroke-width", `${d}`), C.setAttribute("fill", E ? s || "" : "none"), C.setAttribute("stroke-linecap", "round"), C.setAttribute("stroke-linejoin", "round");
-  const U = ke(m, I.clone().invert(), y, k), P = ke(A, I, f, k), z = U + `M ${m.x} ${m.y} ${A.x} ${A.y}` + P;
+function Ln(u, l, t, r, a) {
+  const { start: c, end: p } = Ft(u), { tail: y, head: f, strokeColor: s, strokeWidth: d } = u.properties.style || t, m = new rt(c.x, c.y), k = new rt(p.x, p.y), I = k.clone().sub(m), E = Fe(u, r, a), C = It("path");
+  C.setAttribute("data-annotation", `${u.id}`), C.setAttribute("data-annotation-type", "arrow");
+  const A = f === "arrow-plain" || y === "arrow";
+  C.setAttribute("stroke", s || "none"), C.setAttribute("stroke-width", `${d}`), C.setAttribute("fill", A ? s || "" : "none"), C.setAttribute("stroke-linecap", "round"), C.setAttribute("stroke-linejoin", "round");
+  const U = ke(m, I.clone().invert(), y, E), $ = ke(k, I, f, E), z = U + `M ${m.x} ${m.y} ${k.x} ${k.y}` + $;
   C.setAttribute("d", z), l.appendChild(C);
 }
-const B = -1, he = "dragging", ce = "dragstart", Mt = "dragend", ie = "select", re = "unselect", Cn = "hover", $n = "unhover", se = "remove", oe = "add", Pn = "cancelDrawing", ae = "update", Nn = "link";
+const B = -1, he = "dragging", ce = "dragstart", Ot = "dragend", ie = "select", re = "unselect", Cn = "hover", Pn = "unhover", se = "remove", oe = "add", $n = "cancelDrawing", ae = "update", Nn = "link";
 var je = { exports: {} };
-(function(c) {
+(function(u) {
   var l = Object.prototype.hasOwnProperty, t = "~";
   function r() {
   }
@@ -656,11 +656,11 @@ var je = { exports: {} };
   function a(f, s, d) {
     this.fn = f, this.context = s, this.once = d || !1;
   }
-  function u(f, s, d, m, A) {
+  function c(f, s, d, m, k) {
     if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var I = new a(d, m || f, A), k = t ? t + s : s;
-    return f._events[k] ? f._events[k].fn ? f._events[k] = [f._events[k], I] : f._events[k].push(I) : (f._events[k] = I, f._eventsCount++), f;
+    var I = new a(d, m || f, k), E = t ? t + s : s;
+    return f._events[E] ? f._events[E].fn ? f._events[E] = [f._events[E], I] : f._events[E].push(I) : (f._events[E] = I, f._eventsCount++), f;
   }
   function p(f, s) {
     --f._eventsCount === 0 ? f._events = new r() : delete f._events[s];
@@ -681,82 +681,82 @@ var je = { exports: {} };
       return [];
     if (m.fn)
       return [m.fn];
-    for (var A = 0, I = m.length, k = new Array(I); A < I; A++)
-      k[A] = m[A].fn;
-    return k;
+    for (var k = 0, I = m.length, E = new Array(I); k < I; k++)
+      E[k] = m[k].fn;
+    return E;
   }, y.prototype.listenerCount = function(s) {
     var d = t ? t + s : s, m = this._events[d];
     return m ? m.fn ? 1 : m.length : 0;
-  }, y.prototype.emit = function(s, d, m, A, I, k) {
+  }, y.prototype.emit = function(s, d, m, k, I, E) {
     var C = t ? t + s : s;
     if (!this._events[C])
       return !1;
-    var E = this._events[C], U = arguments.length, P, z;
-    if (E.fn) {
-      switch (E.once && this.removeListener(s, E.fn, void 0, !0), U) {
+    var A = this._events[C], U = arguments.length, $, z;
+    if (A.fn) {
+      switch (A.once && this.removeListener(s, A.fn, void 0, !0), U) {
         case 1:
-          return E.fn.call(E.context), !0;
+          return A.fn.call(A.context), !0;
         case 2:
-          return E.fn.call(E.context, d), !0;
+          return A.fn.call(A.context, d), !0;
         case 3:
-          return E.fn.call(E.context, d, m), !0;
+          return A.fn.call(A.context, d, m), !0;
         case 4:
-          return E.fn.call(E.context, d, m, A), !0;
+          return A.fn.call(A.context, d, m, k), !0;
         case 5:
-          return E.fn.call(E.context, d, m, A, I), !0;
+          return A.fn.call(A.context, d, m, k, I), !0;
         case 6:
-          return E.fn.call(E.context, d, m, A, I, k), !0;
+          return A.fn.call(A.context, d, m, k, I, E), !0;
       }
-      for (z = 1, P = new Array(U - 1); z < U; z++)
-        P[z - 1] = arguments[z];
-      E.fn.apply(E.context, P);
+      for (z = 1, $ = new Array(U - 1); z < U; z++)
+        $[z - 1] = arguments[z];
+      A.fn.apply(A.context, $);
     } else {
-      var Z = E.length, nt;
+      var Z = A.length, nt;
       for (z = 0; z < Z; z++)
-        switch (E[z].once && this.removeListener(s, E[z].fn, void 0, !0), U) {
+        switch (A[z].once && this.removeListener(s, A[z].fn, void 0, !0), U) {
           case 1:
-            E[z].fn.call(E[z].context);
+            A[z].fn.call(A[z].context);
             break;
           case 2:
-            E[z].fn.call(E[z].context, d);
+            A[z].fn.call(A[z].context, d);
             break;
           case 3:
-            E[z].fn.call(E[z].context, d, m);
+            A[z].fn.call(A[z].context, d, m);
             break;
           case 4:
-            E[z].fn.call(E[z].context, d, m, A);
+            A[z].fn.call(A[z].context, d, m, k);
             break;
           default:
-            if (!P)
-              for (nt = 1, P = new Array(U - 1); nt < U; nt++)
-                P[nt - 1] = arguments[nt];
-            E[z].fn.apply(E[z].context, P);
+            if (!$)
+              for (nt = 1, $ = new Array(U - 1); nt < U; nt++)
+                $[nt - 1] = arguments[nt];
+            A[z].fn.apply(A[z].context, $);
         }
     }
     return !0;
   }, y.prototype.on = function(s, d, m) {
-    return u(this, s, d, m, !1);
+    return c(this, s, d, m, !1);
   }, y.prototype.once = function(s, d, m) {
-    return u(this, s, d, m, !0);
-  }, y.prototype.removeListener = function(s, d, m, A) {
+    return c(this, s, d, m, !0);
+  }, y.prototype.removeListener = function(s, d, m, k) {
     var I = t ? t + s : s;
     if (!this._events[I])
       return this;
     if (!d)
       return p(this, I), this;
-    var k = this._events[I];
-    if (k.fn)
-      k.fn === d && (!A || k.once) && (!m || k.context === m) && p(this, I);
+    var E = this._events[I];
+    if (E.fn)
+      E.fn === d && (!k || E.once) && (!m || E.context === m) && p(this, I);
     else {
-      for (var C = 0, E = [], U = k.length; C < U; C++)
-        (k[C].fn !== d || A && !k[C].once || m && k[C].context !== m) && E.push(k[C]);
-      E.length ? this._events[I] = E.length === 1 ? E[0] : E : p(this, I);
+      for (var C = 0, A = [], U = E.length; C < U; C++)
+        (E[C].fn !== d || k && !E[C].once || m && E[C].context !== m) && A.push(E[C]);
+      A.length ? this._events[I] = A.length === 1 ? A[0] : A : p(this, I);
     }
     return this;
   }, y.prototype.removeAllListeners = function(s) {
     var d;
     return s ? (d = t ? t + s : s, this._events[d] && p(this, d)) : (this._events = new r(), this._eventsCount = 0), this;
-  }, y.prototype.off = y.prototype.removeListener, y.prototype.addListener = y.prototype.on, y.prefixed = t, y.EventEmitter = y, c.exports = y;
+  }, y.prototype.off = y.prototype.removeListener, y.prototype.addListener = y.prototype.on, y.prefixed = t, y.EventEmitter = y, u.exports = y;
 })(je);
 var Hn = je.exports;
 const qe = /* @__PURE__ */ le(Hn);
@@ -841,9 +841,9 @@ class Be extends qe {
     if (!t)
       return;
     const a = t.id;
-    Object.keys(r).forEach((u) => {
-      if (u !== "id")
-        if (u === "properties") {
+    Object.keys(r).forEach((c) => {
+      if (c !== "id")
+        if (c === "properties") {
           const p = r.properties || { style: {} };
           t.properties = {
             ...t.properties || {},
@@ -854,10 +854,10 @@ class Be extends qe {
             }
           };
         } else
-          u === "geometry" ? t.geometry = {
+          c === "geometry" ? t.geometry = {
             ...t.geometry,
             ...r.geometry
-          } : t[u] = r[u];
+          } : t[c] = r[c];
     }), a === this.selectedId && this.refreshEditor(), this.layer.refresh();
   }
   getById(t) {
@@ -889,7 +889,7 @@ class Be extends qe {
   }
   unhover() {
     const t = this.getById(this.hoveredId);
-    return this.emit($n, t), this.hoveredId = B, this.selectedId === B && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(Pn, t), this.hoveredId = B, this.selectedId === B && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -974,13 +974,13 @@ class Rn extends Be {
       r && (this.startDragging(r, t.clientX, t.clientY), this.draggedHandle = Re(t.target));
     });
     v(this, "onMouseUp", () => {
-      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B, this.emit(Mt, this.arrow));
+      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B, this.emit(Ot, this.arrow));
     });
     v(this, "onMouseMove", (t) => {
       if (!this.isDragging || this.draggedHandle === B)
         return;
-      const r = this.handles[this.draggedHandle], a = this.ogma.view.getZoom(), u = (t.clientX - this.startX) / a, p = (t.clientY - this.startY) / a, y = r.id === Te, f = r.id === Ie, s = r.id === _e;
-      (y || f) && Ne(this.arrow, this.start.x + u, this.start.y + p), (y || s) && He(this.arrow, this.end.x + u, this.end.y + p), this.emit(
+      const r = this.handles[this.draggedHandle], a = this.ogma.view.getZoom(), c = (t.clientX - this.startX) / a, p = (t.clientY - this.startY) / a, y = r.id === Te, f = r.id === Ie, s = r.id === _e;
+      (y || f) && Ne(this.arrow, this.start.x + c, this.start.y + p), (y || s) && He(this.arrow, this.end.x + c, this.end.y + p), this.emit(
         he,
         this.arrow,
         y ? "line" : f ? "start" : "end"
@@ -1001,35 +1001,35 @@ class Rn extends Be {
   startDrawing(t, r, a = Dn(t, r, t, r, Dt)) {
     var y;
     this.add(a), this.hoveredId = a.id;
-    const u = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), p = ((y = this.ogma.getContainer()) == null ? void 0 : y.getBoundingClientRect()) || { left: 0, top: 0 };
-    this.startDragging(this.getById(a.id), u.x + (p == null ? void 0 : p.left), u.y + p.top), this.draggedHandle = 2;
+    const c = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), p = ((y = this.ogma.getContainer()) == null ? void 0 : y.getBoundingClientRect()) || { left: 0, top: 0 };
+    this.startDragging(this.getById(a.id), c.x + (p == null ? void 0 : p.left), c.y + p.top), this.draggedHandle = 2;
   }
   cancelDrawing() {
-    this.isDragging && (this.remove(this.arrow.id), this.emit(Mt, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B);
+    this.isDragging && (this.remove(this.arrow.id), this.emit(Ot, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = B);
   }
   startDragging(t, r, a) {
     this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = a, this.start = _t(this.arrow), this.end = Rt(this.arrow), this.disableDragging(), this.emit(ce, this.arrow), this.isDragging = !0;
   }
   detect(t, r = 0) {
     return this.elements.find((a) => {
-      const { start: u, end: p } = Ft(a), y = new rt(t.x, t.y).sub(
-        new rt((u.x + p.x) / 2, (u.y + p.y) / 2)
-      ), f = new rt(p.x, p.y).sub(new rt(u.x, u.y)), s = f.length(), d = f.normalize(), m = Fe(a);
+      const { start: c, end: p } = Ft(a), y = new rt(t.x, t.y).sub(
+        new rt((c.x + p.x) / 2, (c.y + p.y) / 2)
+      ), f = new rt(p.x, p.y).sub(new rt(c.x, c.y)), s = f.length(), d = f.normalize(), m = Fe(a);
       return Math.abs(d.dot(y)) < s / 2 + r && Math.abs(d.rotateRadians(Math.PI / 2).dot(y)) < m / 2 + r;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.selectedId !== B ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Ft(t), a = this.ogma.view.graphToScreenCoordinates(r.start), u = this.ogma.view.graphToScreenCoordinates(r.end), p = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [y, f, s] = Array.prototype.slice.call(
+    const t = this.selectedId !== B ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Ft(t), a = this.ogma.view.graphToScreenCoordinates(r.start), c = this.ogma.view.graphToScreenCoordinates(r.end), p = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [y, f, s] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    f.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%) scale(${p})`, s.style.transform = `translate(${u.x}px, ${u.y}px) translate(-50%, -50%) scale(${p}`;
+    f.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%) scale(${p})`, s.style.transform = `translate(${c.x}px, ${c.y}px) translate(-50%, -50%) scale(${p}`;
     const d = {
-      x: (u.x + a.x) / 2,
-      y: (u.y + a.y) / 2
-    }, m = new rt(u.x - a.x, u.y - a.y), A = m.mul(1 / m.length()), I = Math.atan2(A.y, A.x);
-    y.style.width = `${m.length() / p}px`, y.style.left = `${d.x}px`, y.style.top = `${d.y}px`, y.style.transform = `translate(-50%, -50%) rotate(${I}rad) scale(${p}) `;
+      x: (c.x + a.x) / 2,
+      y: (c.y + a.y) / 2
+    }, m = new rt(c.x - a.x, c.y - a.y), k = m.mul(1 / m.length()), I = Math.atan2(k.y, k.x);
+    y.style.width = `${m.length()}px`, y.style.left = `${d.x}px`, y.style.top = `${d.y}px`, y.style.transform = `translate(-50%, -50%) rotate(${I}rad)`;
   }
   getDefaultOptions() {
     return Ee;
@@ -1078,31 +1078,31 @@ const bt = {
 }, De = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, Fn = (c = 0, l = 0, t = 100, r = 50, a = "", u = { ...bt }) => ({
+}, Fn = (u = 0, l = 0, t = 100, r = 50, a = "", c = { ...bt }) => ({
   id: jt(),
   type: "Feature",
   properties: {
     type: "text",
     content: a,
-    style: { ...bt, ...u }
+    style: { ...bt, ...c }
   },
   geometry: {
     type: "Polygon",
     coordinates: [
       [
-        [c, l],
-        [c + t, l],
-        [c + t, l + r],
-        [c, l + r],
-        [c, l]
+        [u, l],
+        [u + t, l],
+        [u + t, l + r],
+        [u, l + r],
+        [u, l]
       ]
     ]
   }
 });
 var Ve = { exports: {} };
-(function(c, l) {
+(function(u, l) {
   (function(t, r) {
-    c.exports = r();
+    u.exports = r();
   })(In, () => (() => {
     var t = { d: (e, n) => {
       for (var o in n)
@@ -1116,14 +1116,14 @@ var Ve = { exports: {} };
       }, a(e);
     }
     t.d(r, { default: () => An });
-    var u = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, p = /\bsmall-caps\b/, y = /\b(?:italic|oblique)\b/, f = /\bbold(?:er)?\b/, s = 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 };
+    var c = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, p = /\bsmall-caps\b/, y = /\b(?:italic|oblique)\b/, f = /\bbold(?:er)?\b/, s = 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 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 A = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: m, valueOf: m };
+    var k = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: m, valueOf: m };
     function I(e) {
-      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = u.exec(e);
+      var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = c.exec(e);
       n.family = (o[6] || "").trim();
       var i = d[o[2]] || parseFloat(o[2]);
       o[3] === "%" ? i *= 0.16 : o[3] === "em" ? i *= 16 : o[3] === "pt" && (i *= s), n.size = i;
@@ -1136,22 +1136,22 @@ var Ve = { exports: {} };
       }
       return n;
     }
-    function k() {
+    function E() {
       var e, n, o, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", h = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, g = 14, w = 12, x = null, b = null, S = "";
       if (i && i.nodeType) {
-        var D = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), M = D.getComputedStyle(i, null);
-        e = M.getPropertyValue("font-family") || "", w = parseFloat(M.getPropertyValue("font-size")), g = M.getPropertyValue("line-height"), x = M.getPropertyValue("font-weight"), b = M.getPropertyValue("font-style"), S = M.getPropertyValue("font-variant") || "";
+        var D = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), O = D.getComputedStyle(i, null);
+        e = O.getPropertyValue("font-family") || "", w = parseFloat(O.getPropertyValue("font-size")), g = O.getPropertyValue("line-height"), x = O.getPropertyValue("font-weight"), b = O.getPropertyValue("font-style"), S = O.getPropertyValue("font-variant") || "";
       } else if (typeof i == "string") {
         var T = I(i);
         e = T.family, w = T.size, g = T.height, S = T.variant, b = T.style, x = T.weight;
       } else
         a(i) === "object" && (e = i.family, w = i.size, g = 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), g = g !== "normal" && g ? parseFloat(g) : w * (7 / 6), h.height && h.height < 3 && (g *= h.height);
-      var O = Object.create(A);
-      return O.family = h.family || e || "sans-serif", O.height = g ?? 14, O.size = w ?? 12, O.variant = h.variant || S || "", O.style = h.style || b || "", O.weight = h.weight || x || "", O.baseline = n || 0, h.baseline != null && (O.baseline = h.baseline), O.color = h.color || o || "", O.id = m.call(O, !0), O;
+      var M = Object.create(k);
+      return M.family = h.family || e || "sans-serif", M.height = g ?? 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 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, U = function(e) {
+    var A, U = function(e) {
       var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || e && e.createElement("canvas");
       if (n && n.getContext) {
         var o = n.getContext("2d");
@@ -1160,20 +1160,20 @@ var Ve = { exports: {} };
             return o.font = String(h), o.measureText(i).width;
           };
       }
-    }(typeof document < "u" ? document : null) || (E = {}, function(e, n) {
-      if (!E[n]) {
-        var o = k(n);
-        E[n] = o, /\bmonospace\b/.test(o.family) ? o.size *= 0.6 : (o.size *= 0.45, o.weight && (o.size *= 1.18));
+    }(typeof document < "u" ? document : null) || (A = {}, function(e, n) {
+      if (!A[n]) {
+        var o = E(n);
+        A[n] = o, /\bmonospace\b/.test(o.family) ? o.size *= 0.6 : (o.size *= 0.45, o.weight && (o.size *= 1.18));
       }
-      return e.length * E[n].size;
-    }), P = {}, z = { trim: !0, collapse: !0 };
+      return e.length * A[n].size;
+    }), $ = {}, z = { trim: !0, collapse: !0 };
     function Z(e, n, o) {
       var i = Object.assign({}, z, o), h = String(e);
       if (!h)
         return 0;
       if (h in C) {
         var g = n.id + "/" + h;
-        return g in P || (P[g] = U("_".concat(h, "_"), n) - U("__", n)), P[g];
+        return g in $ || ($[g] = U("_".concat(h, "_"), n) - U("__", n)), $[g];
       }
       return i.trim && i.collapse ? i.trim ? h = h.trim() : i.collapse && (h = h.replace(/\s+/g, " ")) : h = h.replace(/\n/g, " "), U(h, n) + n.size * (e.tracking || 0);
     }
@@ -1208,9 +1208,9 @@ var Ve = { exports: {} };
         }
       }();
       return function() {
-        var o, i = Ot(e);
+        var o, i = Mt(e);
         if (n) {
-          var h = Ot(this).constructor;
+          var h = Mt(this).constructor;
           o = Reflect.construct(i, arguments, h);
         } else
           o = i.apply(this, arguments);
@@ -1228,10 +1228,10 @@ var Ve = { exports: {} };
         return o;
       }(e);
     }
-    function Ot(e) {
-      return Ot = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
+    function Mt(e) {
+      return Mt = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(n) {
         return n.__proto__ || Object.getPrototypeOf(n);
-      }, Ot(e);
+      }, Mt(e);
     }
     function zt(e, n) {
       if (!(e instanceof n))
@@ -1297,10 +1297,10 @@ var Ve = { exports: {} };
       n !== !1 && (e = e.trim());
       for (var o, i, h = [], g = e.charAt(0), w = 0, x = 1, b = e.length; x < b; x++) {
         o = e.charAt(x), i = e.charAt(x + 1);
-        var S = Ut.test(g), D = Ut.test(o), M = D || S, T = void 0;
-        if ((Ge.test(o) && !de.test(g) || Xe.test(g + i) && !de.test(o)) && (M = !0), g !== "-" && g !== "‐" && g !== "–" && g !== "—" || ((T = Ut.test(e.charAt(x - 2))) && !D && (M = !1), !T && Ye.test(o + i) && (M = !0)), M) {
-          var O = e.slice(w, x);
-          /\u00AD$/.test(O) ? (h.push(new H(O.slice(0, -1))), h.push(new ft())) : (h.push(new H(O)), h.push(new St())), w = x;
+        var S = Ut.test(g), D = Ut.test(o), O = D || S, T = void 0;
+        if ((Ge.test(o) && !de.test(g) || Xe.test(g + i) && !de.test(o)) && (O = !0), g !== "-" && g !== "‐" && g !== "–" && g !== "—" || ((T = Ut.test(e.charAt(x - 2))) && !D && (O = !1), !T && Ye.test(o + i) && (O = !0)), O) {
+          var M = e.slice(w, x);
+          /\u00AD$/.test(M) ? (h.push(new H(M.slice(0, -1))), h.push(new ft())) : (h.push(new H(M)), h.push(new St())), w = x;
         }
         g = o;
       }
@@ -1389,12 +1389,12 @@ var Ve = { exports: {} };
     function dn(e, n) {
       e.sup && (e.baseline = 0.45, e.size = 0.7), e.sub && (e.baseline = -0.3, e.size = 0.7);
       var o = n;
-      return (e.style || e.weight || e.baseline || e.color || e.size || e.family) && (o = k(n, e)), o;
+      return (e.style || e.weight || e.baseline || e.color || e.size || e.family) && (o = E(n, e)), o;
     }
     function me(e, n, o) {
       for (var i, h, g = e.width; g + o.width > n && e.length; )
         h = (i = e[e.length - 1]).width, i.width > o.width ? (i.value = i.value.slice(0, -1), i.width = Z(i, i.font), g += i.width) : e.pop(), g -= h;
-      e[e.length - 1] instanceof ft && e.pop(), i = e[e.length - 1] || i || {}, o.font = k(o.font, i.bold, i.italic, ""), o.href = e.length ? i.href : null, o.rel = e.length ? i.rel : null, o.target = e.length ? i.target : null, e.push(o);
+      e[e.length - 1] instanceof ft && e.pop(), i = e[e.length - 1] || i || {}, o.font = E(o.font, i.bold, i.italic, ""), o.href = e.length ? i.href : null, o.rel = e.length ? i.rel : null, o.target = e.length ? i.target : null, e.push(o);
     }
     function mt(e) {
       return Math.round(1e6 * e) / 1e6;
@@ -1430,13 +1430,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function gn(e, n) {
       var o = [], i = n.font(), h = i.size, g = i.family, w = n.align(), x = n.createElement();
       if (e.length) {
-        var b = i.height, S = n.valign(), D = n.height()(), M = n.width()(0), T = !isFinite(M) && e.length === 1, O = T ? null : n.x(), R = mt(b / h), K = T ? null : mt(b / (1.15 * h + (b - h) / 2));
+        var b = i.height, S = n.valign(), D = n.height()(), O = n.width()(0), T = !isFinite(O) && e.length === 1, M = T ? null : n.x(), R = mt(b / h), K = T ? null : mt(b / (1.15 * h + (b - h) / 2));
         if (pn[S] && isFinite(D)) {
-          var $ = S === "bottom" ? 1 : 0.5;
-          K += (D * $ - b * e.length * $) / h;
+          var P = S === "bottom" ? 1 : 0.5;
+          K += (D * P - b * e.length * P) / h;
         }
         var L = w === "justify", F = 0;
-        w === "right" ? F = M : w === "center" && (F = M / 2);
+        w === "right" ? F = O : w === "center" && (F = O / 2);
         for (var N = [], J = "tspan", Y = null, j = "", _ = function() {
           if (j) {
             var pt = x(J, Y, j);
@@ -1447,18 +1447,18 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var ot = "", ct = "", st = 0, at = e[et];
           if (at.length) {
             N = [];
-            for (var vt = 0, kt = 0, lt = void 0, X = 0, $t = at.length; X < $t; 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 && Xt(G.id, ot) && Xt(q.class, ct) && Xt(lt, q.href) ? j += q.value : (_(), j = q.value, Y = { fontFamily: G.family !== g ? 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, ct = q.class);
             }
             if (_(), T)
               o.push.apply(o, ve(N));
             else {
-              var Pt = null, Tt = et === Q - 1 || at[at.length - 1] instanceof tt;
-              L && at.length > 1 && !Tt && (Pt = mt((M - kt) / vt)), o.push(x.apply(void 0, ["tspan", { wordSpacing: Pt, x: O(et) + F, dy: mt(et ? R : K) + "em" }].concat(ve(N))));
+              var $t = null, Tt = et === Q - 1 || at[at.length - 1] instanceof tt;
+              L && at.length > 1 && !Tt && ($t = mt((O - kt) / vt)), o.push(x.apply(void 0, ["tspan", { wordSpacing: $t, x: M(et) + F, dy: mt(et ? R : K) + "em" }].concat(ve(N))));
             }
           } else
-            o.push(x("tspan", { x: O(et), dy: mt(et ? R : K) + "em" }, " "));
+            o.push(x("tspan", { x: M(et), dy: mt(et ? R : K) + "em" }, " "));
         }
       }
       return x.apply(void 0, ["text", { fontFamily: g, fontSize: h, textAnchor: fn[w] || "start" }].concat(o));
@@ -1467,13 +1467,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     function mn(e, n, o) {
       if (e.length) {
         o.textBaseline = "middle";
-        var i = n.font(), h = i.height, g = i.size, w = n.valign(), x = n.height()(), b = n.width()(0), S = n.align(), D = S === "justify", M = 0.5 * h, T = yn[w];
+        var i = n.font(), h = i.height, g = i.size, w = n.valign(), x = n.height()(), b = n.width()(0), S = n.align(), D = S === "justify", O = 0.5 * h, T = yn[w];
         if (T && isFinite(x)) {
-          var O = e.length * h;
-          M += x * T - O * T;
+          var M = e.length * h;
+          O += x * T - M * T;
         }
         e.forEach(function(R, K) {
-          var $ = n.x()(K), L = K * h + M, F = 0, N = 0;
+          var P = n.x()(K), L = K * h + O, F = 0, N = 0;
           R.forEach(function(j) {
             j.whitespace && F++, N += j.width;
           });
@@ -1485,12 +1485,12 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               return ct.color ? ct.color : st.href ? "#00C" : "#000";
             }(_, j);
             var Q = 0;
-            if (S === "right" ? Q += b - N : S === "center" ? Q += b / 2 - N / 2 : S === "justify" && (j.whitespace || j instanceof tt) && ($ += J), o.fillText(j.value, $ + Q, L + et), j.href) {
+            if (S === "right" ? Q += b - N : S === "center" ? Q += b / 2 - N / 2 : S === "justify" && (j.whitespace || j instanceof tt) && (P += J), o.fillText(j.value, P + Q, L + et), j.href) {
               o.beginPath(), o.strokeStyle = o.fillStyle;
               var ot = Math.floor(L + 0.45 * g) + 0.5;
-              o.moveTo($ + Q, ot), o.lineTo($ + Q + j.width, ot), o.stroke();
+              o.moveTo(P + Q, ot), o.lineTo(P + Q + j.width, ot), o.stroke();
             }
-            $ += j.width;
+            P += j.width;
           });
         });
       }
@@ -1534,7 +1534,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       var h;
     }
-    var xn = k(), Zt = function(e) {
+    var xn = E(), Zt = function(e) {
       return typeof e == "function" ? e : function() {
         return e;
       };
@@ -1558,10 +1558,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         var h = this, g = this.props.parser(String(i)), w = this.font(), x = function(b, S, D) {
           if (!b.length)
             return [];
-          var M = S.height(), T = S.width(), O = S.overflowLine(), R = S.overflowWrap(), K = k(D, !0, !1), $ = isFinite(M()) ? Math.floor(M() / D.height) : 1 / 0;
-          if (!M() && !T(0) || !$)
+          var O = S.height(), T = 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() && !T(0) || !P)
             return [];
-          for (var L = 0, F = 0, N = 0, J = [], Y = [], j = !1; L < b.length && F < $; ) {
+          for (var L = 0, F = 0, N = 0, J = [], Y = [], j = !1; L < b.length && F < P; ) {
             var _ = b[L], et = dn(_, D);
             if (_.width = Z(_, et), _.font = et, _.line = F, _.whitespace = _.value in C, _.value && (_.value = _.value.replace(un, " ")), !(!N && _.whitespace || j && _.whitespace))
               if (_ instanceof tt)
@@ -1606,20 +1606,20 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
               return Qt + En.width;
             }, 0), xt.width > lt && (lt = xt.width), xt;
           });
-          if (X.hasLineOverflow = !1, O) {
-            var $t = O === "ellipsis" ? "…" : O;
+          if (X.hasLineOverflow = !1, M) {
+            var Pt = M === "ellipsis" ? "…" : M;
             X.forEach(function(pt, W) {
               var gt = T(W);
               if (pt.width > gt) {
-                var ut = new H($t);
-                ut.font = D, ut.width = Z($t, K), me(pt, gt, ut), X.hasLineOverflow = !0;
+                var ut = new H(Pt);
+                ut.font = D, ut.width = Z(Pt, K), me(pt, gt, ut), X.hasLineOverflow = !0;
               }
             });
           }
           var q = S.overflow() === "ellipsis" ? "…" : S.overflow();
           if (q && L !== b.length) {
-            var G = T(X.length - 1), Pt = X[X.length - 1], Tt = new H(q);
-            Tt.font = D, Tt.width = Z(q, K), me(Pt, G, Tt), X.hasOverflow = !0;
+            var G = T(X.length - 1), $t = X[X.length - 1], Tt = new H(q);
+            Tt.font = D, Tt.width = Z(q, K), me($t, G, Tt), X.hasOverflow = !0;
           } else
             X.hasOverflow = !1;
           return X.font = D, X.width = lt, X;
@@ -1628,7 +1628,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           return h.render(x, b);
         }, x.svg = x.render, x.draw = x.render, x;
       } }, { key: "font", value: function(i) {
-        return arguments.length ? (this.props.font = k(i), this) : this.props.font || k(xn);
+        return arguments.length ? (this.props.font = E(i), this) : this.props.font || E(xn);
       } }, { key: "overflow", value: function(i) {
         return arguments.length ? (this.props.overflow = String(i), this) : this.props.overflow;
       } }, { key: "overflowLine", value: function(i) {
@@ -1795,18 +1795,18 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }
     it.createElement = Ae, 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 = [], g = [], w = function(M) {
+      for (var n, o, i = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, h = [], g = [], w = function(O) {
         for (var T in i)
-          i[T] && (M[T] = i[T]);
-        h.push(M);
-      }, x = function(M) {
-        var T = h.length, O = tn[M];
-        if (T && O) {
+          i[T] && (O[T] = i[T]);
+        h.push(O);
+      }, x = function(O) {
+        var T = h.length, M = tn[O];
+        if (T && M) {
           for (var R = T - 1; h[R] && (h[R] instanceof St || Ze.test(h[R].value)); )
             R--;
-          for (; O && h[R] && h[R] instanceof tt; )
-            R--, O--;
-          for (; O-- > 0; )
+          for (; M && h[R] && h[R] instanceof tt; )
+            R--, M--;
+          for (; M-- > 0; )
             h.push(new tt());
         }
       }; e.length; ) {
@@ -1830,25 +1830,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($, L) {
+      e = e.replace(/\\verb,(.*?),/, function(P, L) {
         return n.push(L), "\\verb," + (n.length - 1) + ",";
       }).replace(/\\\\\n/g, function() {
         return "\\\\";
-      }).replace(hn, function($, L, F) {
-        return F.charAt(L - 1) === "\\" ? $ : cn[$];
-      }).replace(/\n\s+/g, function($) {
-        return /\n/.test($.slice(1)) ? "\\par " : $;
-      }).replace(/\\symbol\{(\d+)\}/, function($, L, F, N) {
-        return N.charAt(F - 1) === "\\" ? $ : String.fromCharCode(1 * L);
-      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function($, L, F, N) {
+      }).replace(hn, function(P, L, F) {
+        return F.charAt(L - 1) === "\\" ? P : cn[P];
+      }).replace(/\n\s+/g, function(P) {
+        return /\n/.test(P.slice(1)) ? "\\par " : P;
+      }).replace(/\\symbol\{(\d+)\}/, function(P, L, F, N) {
+        return N.charAt(F - 1) === "\\" ? P : String.fromCharCode(1 * L);
+      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(P, L, F, N) {
         return L + F + "{" + N + "}";
-      }).replace(/\\verb,(.*?),/, function($, 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 = [], g = [], w = function($) {
+      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, h = [], g = [], w = function(P) {
         for (var L in i)
-          i[L] && ($[L] = i[L]);
-        return h.push($), $;
+          i[L] && (P[L] = i[L]);
+        return h.push(P), P;
       }, x = function() {
         g.push(i), i = Object.create(i);
       }, b = function() {
@@ -1869,26 +1869,26 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
             if (o = /^\\verb,([^,]+),/.exec(e))
               w(new H(o[1]));
             else if (o = sn.exec(e)) {
-              var D = o[1].slice(1) || o[1], M = !!o[2];
+              var D = o[1].slice(1) || o[1], O = !!o[2];
               if (/^(La)?TeX$/i.test(D)) {
                 x(), i.family = "serif";
                 var T = void 0;
                 D === "LaTeX" && ((T = w(new H("L"))).tracking = -0.25, (T = w(new H("A"))).size = 0.7, T.baseline = 0.3, T.tracking = -0.1), (T = w(new H("T"))).tracking = -0.17, (T = w(new H("E"))).baseline = -0.22, T.tracking = -0.13, T = w(new H("X")), b();
               } else if (D in ye)
-                w(new H(ye[D])), M && x();
+                w(new H(ye[D])), O && x();
               else if (D in V) {
-                var O = [], R = V[D].length - 1, K = void 0;
+                var M = [], R = V[D].length - 1, K = void 0;
                 if (R) {
-                  for (M = !1, e = e.slice(o[0].length - 1); R--; ) {
+                  for (O = !1, e = e.slice(o[0].length - 1); R--; ) {
                     if (!(K = /^\{([^}]+)\}/.exec(e)))
                       throw new Error(D + " is missing an argument");
-                    O.push(K[1]), e = e.slice(K[0].length);
+                    M.push(K[1]), e = e.slice(K[0].length);
                   }
-                  o[0] = /^\{/.exec(e) ? "{" : "", M = !!o[0];
+                  o[0] = /^\{/.exec(e) ? "{" : "", O = !!o[0];
                 }
-                M && x(), V[D].apply(S, [i].concat(O));
+                O && x(), V[D].apply(S, [i].concat(M));
               } else
-                console.warn("unknown latex command", D), w(new H(o[1])), M && x();
+                console.warn("unknown latex command", D), w(new H(o[1])), O && x();
             } else
               o = [e.slice(0, 1)], w(new H(o[0]));
         }
@@ -1896,35 +1896,35 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       return h;
     }, it.measureText = function(e, n, o) {
-      return Z(e, k(n), o);
+      return Z(e, E(n), o);
     }, it.Token = H, it.Break = St, it.LineBreak = tt, it.SoftHyphen = ft, it.Rotator = be, be.createElement = Ae;
     const An = it;
     return r.default;
   })());
 })(Ve);
 var jn = Ve.exports;
-const Me = /* @__PURE__ */ le(jn);
-function qn(c, l) {
-  const t = dt(c), { fontSize: r, font: a, padding: u = 0 } = c.properties.style || {};
+const Oe = /* @__PURE__ */ le(jn);
+function qn(u, l) {
+  const t = dt(u), { fontSize: r, font: a, padding: c = 0 } = u.properties.style || {};
   if (t.width === t.height && t.width === 0)
     return;
-  const f = new Me({
+  const f = new Oe({
     font: `${r}px/${r}px ${a}`.replace(/(px)+/g, "px"),
-    width: t.width - u * 2,
-    height: t.height - u * 2,
+    width: t.width - c * 2,
+    height: t.height - c * 2,
     align: "left",
     valign: "top",
     x: 0,
     overflow: "ellipsis",
     parser: "html",
-    createElement: Me.createElement
+    createElement: Oe.createElement
   }).linebreak(
-    c.properties.content.replaceAll(`
+    u.properties.content.replaceAll(`
 `, "<br>")
   ).render();
-  f.setAttribute("transform", `translate(${u}, ${u})`), l.appendChild(f);
+  f.setAttribute("transform", `translate(${c}, ${c})`), l.appendChild(f);
 }
-const Oe = 20;
+const Me = 20;
 class Bn extends Be {
   constructor(t, r = {}) {
     super(
@@ -1961,16 +1961,16 @@ class Bn extends Be {
     });
     v(this, "startDrawing", (t, r, a = Fn(t, r, 0, 0, "", bt)) => {
       this.add(a);
-      const u = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
-      this.select(a.id), this.startDragging(this.getById(a.id), u.x, u.y), this.draggedHandle = 6;
+      const c = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
+      this.select(a.id), this.startDragging(this.getById(a.id), c.x, c.y), this.draggedHandle = 6;
     });
     v(this, "cancelDrawing", () => {
-      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ne }, this.draggedHandle = B, this.isDragging = !1, this.emit(Mt, this.annotation));
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...ne }, this.draggedHandle = B, this.isDragging = !1, this.emit(Ot, this.annotation));
     });
     v(this, "startDragging", (t, r, a) => {
       this.annotation = t;
-      const u = yt(this.annotation), p = dt(this.annotation);
-      this.rect.x = u.x, this.rect.y = u.y, this.rect.width = p.width, this.rect.height = p.height, this.startX = r, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(ce, this.annotation), this.isDragging = !0;
+      const c = yt(this.annotation), p = dt(this.annotation);
+      this.rect.x = c.x, this.rect.y = c.y, this.rect.width = p.width, this.rect.height = p.height, this.startX = r, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(ce, this.annotation), this.isDragging = !0;
     });
     v(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
@@ -1983,21 +1983,21 @@ class Bn extends Be {
       if (!this.isDragging)
         return;
       t.stopPropagation(), t.preventDefault();
-      const r = this.handles[this.draggedHandle], a = r.classList.contains("top"), u = r.classList.contains("left"), p = r.classList.contains("right"), y = r.classList.contains("bottom"), f = r.classList.contains("line-handle"), s = this.ogma.view.getZoom(), d = (t.clientX - this.startX) / s, m = (t.clientY - this.startY) / s, A = u || f ? this.rect.x + d : this.rect.x, I = a || f ? this.rect.y + m : this.rect.y, k = Math.max(
-        this.rect.width + d * (f ? 0 : u ? -1 : p ? 1 : 0),
-        Oe
+      const r = this.handles[this.draggedHandle], a = r.classList.contains("top"), c = r.classList.contains("left"), p = r.classList.contains("right"), y = r.classList.contains("bottom"), f = r.classList.contains("line-handle"), s = this.ogma.view.getZoom(), d = (t.clientX - this.startX) / s, m = (t.clientY - this.startY) / s, k = c || f ? this.rect.x + d : this.rect.x, I = a || f ? this.rect.y + m : this.rect.y, E = Math.max(
+        this.rect.width + d * (f ? 0 : c ? -1 : p ? 1 : 0),
+        Me
       ), C = Math.max(
         this.rect.height + m * (f ? 0 : a ? -1 : y ? 1 : 0),
-        Oe
+        Me
       );
-      zn(this.annotation, A, I, k, C), this.emit(he, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      zn(this.annotation, k, I, E, C), this.emit(he, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     });
     v(this, "onMouseUp", () => {
-      !this.isDragging || this.draggedHandle === B || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(Mt, this.annotation), this.isDragging = !1, this.draggedHandle = B);
+      !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);
     });
     v(this, "onViewChanged", () => {
       const t = Math.max(2, this.handleSize / this.ogma.view.getZoom());
-      document.documentElement.style.setProperty("--handle-width", `${t}px`);
+      document.documentElement.style.setProperty("--handle-scale", `${1 / t}`);
     });
     v(this, "_onInput", () => {
       const t = this.getById(this.selectedId);
@@ -2008,38 +2008,38 @@ class Bn extends Be {
     a.addEventListener("input", this._onInput), a.addEventListener("focus", this._onFocus), a.addEventListener("blur", this._onBlur), a.spellcheck = !1, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".annotation-text-handle > .handle")
     ), this.handles.forEach(
-      (u) => u.addEventListener("mousedown", this.onHandleMouseDown)
+      (c) => c.addEventListener("mousedown", this.onHandleMouseDown)
     ), document.addEventListener("mouseup", this.onMouseUp), document.addEventListener("mousemove", this.onMouseMove, !0), t.events.on(["viewChanged", "zoom"], this.onViewChanged);
   }
   _canRemove() {
     return !this.isFocused;
   }
   detect({ x: t, y: r }, a = 0) {
-    return this.elements.find((u) => {
-      const { x: p, y } = yt(u), { width: f, height: s } = dt(u);
+    return this.elements.find((c) => {
+      const { x: p, y } = yt(c), { width: f, height: s } = dt(c);
       return p - a < t && y - a < r && p + f + a > t && y + s + a > r;
     });
   }
   draw(t) {
     t.innerHTML = "";
     const r = "";
-    this.elements.forEach((u, p) => {
-      const y = `class${p}`, f = dt(u), s = yt(u), d = u.id, {
+    this.elements.forEach((c, p) => {
+      const y = `class${p}`, f = dt(c), s = yt(c), d = c.id, {
         color: m,
-        fontSize: A,
+        fontSize: k,
         font: I,
-        strokeColor: k,
+        strokeColor: E,
         strokeWidth: C,
-        strokeType: E,
+        strokeType: A,
         background: U
-      } = u.properties.style || bt;
+      } = c.properties.style || bt;
       if (d === this.selectedId || this.selectedId === -1 && d === this.hoveredId)
         return;
-      const P = It("g");
-      P.setAttribute("fill", `${m}`), P.setAttribute("font-size", `${A}`), P.setAttribute("font-family", `${I}`);
+      const $ = It("g");
+      $.setAttribute("fill", `${m}`), $.setAttribute("font-size", `${k}`), $.setAttribute("font-family", `${I}`);
       const z = It("rect");
       let Z = !1;
-      E && E !== "none" && (Z = !0, z.setAttribute("stroke", k || "black"), z.setAttribute("stroke-width", `${C}`), E === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (U && U.length || Z) && (Z = !0, z.setAttribute("fill", U || "transparent")), Z && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), P.appendChild(z), qn(u, P), P.setAttribute("transform", `translate(${s.x},${s.y})`), P.classList.add(y), P.setAttribute("data-annotation", `${u.id}`), P.setAttribute("data-annotation-type", "text"), t.appendChild(P);
+      A && A !== "none" && (Z = !0, z.setAttribute("stroke", E || "black"), z.setAttribute("stroke-width", `${C}`), A === "dashed" && z.setAttribute("stroke-dasharray", "5,5")), (U && U.length || Z) && (Z = !0, z.setAttribute("fill", U || "transparent")), Z && (z.setAttribute("width", `${f.width}`), z.setAttribute("height", `${f.height}`)), $.appendChild(z), qn(c, $), $.setAttribute("transform", `translate(${s.x},${s.y})`), $.classList.add(y), $.setAttribute("data-annotation", `${c.id}`), $.setAttribute("data-annotation-type", "text"), t.appendChild($);
     });
     const a = It("style");
     a.innerHTML = r, t.firstChild && t.insertBefore(a, t.firstChild);
@@ -2050,14 +2050,14 @@ class Bn extends Be {
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = dt(t), a = this.ogma.view.graphToScreenCoordinates(yt(t)), u = this.ogma.view.getZoom(), p = Math.min(u, this.maxHandleScale), {
-      font: y,
-      fontSize: f,
-      color: s,
-      background: d,
-      padding: m = 0
-    } = t.properties.style || bt, A = f;
-    this.textArea.value = t.properties.content, this.editor.element.style.transform = `translate(${a.x}px, ${a.y}px)translate(-50%, -50%)translate(${r.width / 2 * u}px, ${r.height / 2 * u}px)scale(${p})`, this.editor.element.style.width = `${r.width}px`, this.editor.element.style.height = `${r.height}px`, this.textArea.style.font = `${A} ${y}`, this.textArea.style.fontFamily = y || "sans-serif", this.textArea.style.fontSize = `${A}px`, this.textArea.style.padding = `${m}px`, this.textArea.style.lineHeight = `${A}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = s || "black", this.textArea.style.background = d || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = dt(t), a = this.ogma.view.graphToScreenCoordinates(yt(t)), c = this.ogma.view.getZoom(), {
+      font: p,
+      fontSize: y,
+      color: f,
+      background: s,
+      padding: d = 0
+    } = t.properties.style || bt, m = +y * c;
+    this.textArea.value = t.properties.content, this.editor.element.style.transform = `translate(${a.x}px, ${a.y}px)translate(-50%, -50%)translate(${r.width / 2 * c}px, ${r.height / 2 * c}px)`, this.editor.element.style.width = `${r.width * c}px`, this.editor.element.style.height = `${r.height * c}px`, this.textArea.style.font = `${m} ${p}`, this.textArea.style.fontFamily = p || "sans-serif", this.textArea.style.fontSize = `${m}px`, this.textArea.style.padding = `${d}px`, this.textArea.style.lineHeight = `${m}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = f || "black", this.textArea.style.background = s || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(t) {
     super.select(t), this.textArea.focus();
@@ -2072,20 +2072,20 @@ class Vn {
     v(this, "linksByTargetId", {});
     v(this, "linksByArrowId", {});
   }
-  add(l, t, r, a, u) {
+  add(l, t, r, a, c) {
     const p = jt(), y = l.id, f = {
       id: p,
       arrow: y,
       target: r,
       targetType: a,
-      connectionPoint: u,
+      connectionPoint: c,
       side: t
     };
     return this.links[p] = f, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(p), this.linksByArrowId[y] || (this.linksByArrowId[y] = {}), this.linksByArrowId[y][t] = p, l.properties.link = l.properties.link || {}, l.properties.link[t] = {
       id: r,
       side: t,
       type: a,
-      magnet: u
+      magnet: c
     }, this;
   }
   arrowIsLinked(l, t) {
@@ -2098,9 +2098,9 @@ class Vn {
     const r = l.id, a = (y = this.linksByArrowId[r]) == null ? void 0 : y[t];
     if ((f = l.properties.link) == null || delete f[t], !a)
       return this;
-    const u = this.links[a];
+    const c = this.links[a];
     delete this.links[a];
-    const p = this.linksByTargetId[u.target];
+    const p = this.linksByTargetId[c.target];
     for (let s = 0; s < p.length; s++)
       if (p[s] === a) {
         p.splice(s, 1);
@@ -2118,7 +2118,7 @@ class Vn {
     return ((t = this.linksByTargetId[l]) == null ? void 0 : t.map((r) => this.links[r])) ?? [];
   }
 }
-const ht = (c) => c.properties.type === "arrow", wt = (c) => c.properties.type === "text", ze = (c) => c.type === "FeatureCollection", Un = {
+const ht = (u) => u.properties.type === "arrow", wt = (u) => u.properties.type === "text", ze = (u) => u.type === "FeatureCollection", Un = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -2162,23 +2162,23 @@ class Gn extends qe {
       Ce.forEach((a) => {
         if (!this.textToMagnet)
           return;
-        const u = dt(this.textToMagnet), p = yt(this.textToMagnet), { x: y, y: f } = new rt(a.x, a.y).mul({ x: u.width, y: u.height }).add(p);
+        const c = dt(this.textToMagnet), p = yt(this.textToMagnet), { x: y, y: f } = new rt(a.x, a.y).mul({ x: c.width, y: c.height }).add(p);
         t.moveTo(y, f), t.arc(y, f, this.options.magnetHandleRadius / r, 0, Math.PI * 2);
       }), t.fill(), t.closePath();
     });
     v(this, "_onFeatureDrag", (t, r) => {
       const a = r;
       if (ht(t) && a === "line")
-        ["start", "end"].find((u) => {
-          const p = u === "start" ? _t(t) : Rt(t);
-          return this._snapToText(t, a, p) || this._findAndSnapToNode(t, u, p);
+        ["start", "end"].find((c) => {
+          const p = c === "start" ? _t(t) : Rt(t);
+          return this._snapToText(t, a, p) || this._findAndSnapToNode(t, c, p);
         });
       else if (ht(t) && a !== "line") {
-        const u = a === "start" ? _t(t) : Rt(t);
-        this._snapToText(t, a, u) || this._findAndSnapToNode(t, a, u);
+        const c = a === "start" ? _t(t) : Rt(t);
+        this._snapToText(t, a, c) || this._findAndSnapToNode(t, a, c);
       } else
-        wt(t) && (this.activeLinks.forEach(({ arrow: u, side: p, connectionPoint: y }) => {
-          const f = this.getAnnotation(u), s = dt(t), d = yt(t), m = new rt(y.x, y.y).mul({ x: s.width, y: s.height }).add(d);
+        wt(t) && (this.activeLinks.forEach(({ arrow: c, side: p, connectionPoint: y }) => {
+          const f = this.getAnnotation(c), s = dt(t), d = yt(t), m = new rt(y.x, y.y).mul({ x: s.width, y: s.height }).add(d);
           f.geometry.coordinates[p === "start" ? 0 : 1] = [m.x, m.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh();
@@ -2210,8 +2210,8 @@ class Gn extends qe {
           const y = this.getAnnotation(p.arrow), f = p.side, s = te(
             y,
             f === "start" ? "end" : "start"
-          ), d = t.positions.current[a], m = this.ogma.getNode(r).getAttribute("radius"), A = ee(s, d, +m);
-          Nt(y, f, A.x, A.y);
+          ), d = t.positions.current[a], m = this.ogma.getNode(r).getAttribute("radius"), k = ee(s, d, +m);
+          Nt(y, f, k.x, k.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     });
@@ -2240,42 +2240,42 @@ class Gn extends qe {
       this.emit(ae, t);
     });
     this.options = this.setOptions({ ...Un, ...r }), this.ogma = t, this.arrows = new Rn(t, this.options), this.texts = new Bn(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((a) => {
-      a.on(ce, this._onFeatureDragStart).on(he, this._onFeatureDrag).on(Mt, this._onFeatureDragEnd).on(ae, this.onUpdate).on(re, this._onUnselect).on(ie, this._onSelect).on(oe, this._onAdded).on(se, this._onRemoved);
+      a.on(ce, this._onFeatureDragStart).on(he, this._onFeatureDrag).on(Ot, this._onFeatureDragEnd).on(ae, this.onUpdate).on(re, this._onUnselect).on(ie, this._onSelect).on(oe, this._onAdded).on(se, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd), this.layer = t.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
   _moveNodes(t, r, a) {
-    t.forEach((u) => {
-      const p = this.links.getTargetLinks(u.getId()), y = u.getPosition();
+    t.forEach((c) => {
+      const p = this.links.getTargetLinks(c.getId()), y = c.getPosition();
       p.forEach((f) => {
         const s = this.getAnnotation(f.arrow), d = f.side, m = te(
           s,
           d === "start" ? "end" : "start"
         );
-        let A = y;
-        const I = +u.getAttribute("radius"), k = 1e-6;
-        (f.connectionPoint.x - (y.x - r) > k || f.connectionPoint.y - (y.y - a) > k) && (A = ee(m, y, I)), Nt(s, d, A.x, A.y);
+        let k = y;
+        const I = +c.getAttribute("radius"), E = 1e-6;
+        (f.connectionPoint.x - (y.x - r) > E || f.connectionPoint.y - (y.y - a) > E) && (k = ee(m, y, I)), Nt(s, d, k.x, k.y);
       });
     }), this.arrows.refreshLayer();
   }
   _snapToText(t, r, a) {
-    const u = this.texts.detect(a, this.options.detectMargin);
-    if (this.links.remove(t, r), !u)
+    const c = this.texts.detect(a, this.options.detectMargin);
+    if (this.links.remove(t, r), !c)
       return !1;
-    this.textToMagnet = u;
-    const p = this.findMagnetPoint(Ce, u, a);
-    return p ? (Nt(t, r, p.point.x, p.point.y), this.links.add(t, r, u.id, "text", p.magnet), !0) : !1;
+    this.textToMagnet = c;
+    const p = this.findMagnetPoint(Ce, c, a);
+    return p ? (Nt(t, r, p.point.x, p.point.y), this.links.add(t, r, c.id, "text", p.magnet), !0) : !1;
   }
   _findAndSnapToNode(t, r, a) {
-    const u = this.ogma.view.graphToScreenCoordinates(a), p = this.ogma.view.getElementAt(u);
-    this.links.remove(t, r), p && p.isNode ? (this.hoveredNode = p, this.hoveredNode.setSelected(!0), this._snapToNode(t, r, p, u)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
+    const c = this.ogma.view.graphToScreenCoordinates(a), p = this.ogma.view.getElementAt(c);
+    this.links.remove(t, r), p && p.isNode ? (this.hoveredNode = p, this.hoveredNode.setSelected(!0), this._snapToNode(t, r, p, c)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
   }
-  _snapToNode(t, r, a, u) {
-    const p = a.getPositionOnScreen(), y = +a.getAttribute("radius"), f = y * this.ogma.view.getZoom(), s = u.x - p.x, d = u.y - p.y, m = Math.sqrt(s * s + d * d), A = a.getPosition();
+  _snapToNode(t, r, a, c) {
+    const p = a.getPositionOnScreen(), y = +a.getAttribute("radius"), f = y * this.ogma.view.getZoom(), s = c.x - p.x, d = c.y - p.y, m = Math.sqrt(s * s + d * d), k = a.getPosition();
     if (m < f + this.options.detectMargin) {
-      let I = A;
+      let I = k;
       if (m > f / 2) {
-        const k = te(t, r === "end" ? "start" : "end");
-        I = ee(k, I, y);
+        const E = te(t, r === "end" ? "start" : "end");
+        I = ee(E, I, y);
       }
       Nt(t, r, I.x, I.y), this.links.add(t, r, a.getId(), "node", I);
     }
@@ -2287,18 +2287,18 @@ class Gn extends qe {
     return this.selected;
   }
   findMagnetPoint(t, r, a) {
-    let u;
+    let c;
     for (const p of t) {
       const y = dt(r), f = yt(r), s = new rt(p.x, p.y).mul({ x: y.width, y: y.height }).add(f), d = s.sub(a).length(), m = this.options.magnetRadius * this.ogma.view.getZoom();
       if (d < Math.max(m, this.options.magnetHandleRadius)) {
-        u = {
+        c = {
           point: s,
           magnet: p
         };
         break;
       }
     }
-    return u;
+    return c;
   }
   /**
    * Set the options for the controller
@@ -2390,7 +2390,7 @@ class Gn extends qe {
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Pn);
+    this.annotations.forEach((t) => t.cancelDrawing()), this.emit($n);
   }
   /**
    * Update the style of the annotation with the given id
@@ -2398,7 +2398,7 @@ class Gn extends qe {
    * @param style The new style
    */
   updateStyle(t, r) {
-    const a = this.getAnnotations().features.find((u) => u.id === t);
+    const a = this.getAnnotations().features.find((c) => c.id === t);
     return a ? (ht(a) ? this.arrows.updateStyle(a, r) : wt(a) && this.texts.updateStyle(a, r), this.onUpdate(a), this) : this;
   }
   /**
@@ -2448,7 +2448,7 @@ export {
   _t as getArrowStart,
   ee as getAttachmentPointOnNode,
   Re as getHandleId,
-  Pe as getTextBbox,
+  $e as getTextBbox,
   yt as getTextPosition,
   dt as getTextSize,
   ze as isAnnotationCollection,
@@ -2458,6 +2458,6 @@ export {
   Nt as setArrowEndPoint,
   Ne as setArrowStart,
   zn as setTextBbox,
-  On as updateTextBbox
+  Mn as updateTextBbox
 };
 //# sourceMappingURL=index.mjs.map