@linkurious/ogma-annotations 1.1.8 → 1.1.9

package/dist/index.mjs

@@ -1,11 +1,11 @@
-var kn = Object.defineProperty;
-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 ce(u) {
+var _n = Object.defineProperty;
+var In = (u, l, t) => l in u ? _n(u, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[l] = t;
+var v = (u, l, t) => (In(u, typeof l != "symbol" ? l + "" : l, t), t);
+var Mn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function de(u) {
   return u && u.__esModule && Object.prototype.hasOwnProperty.call(u, "default") ? u.default : u;
 }
-var $e = { exports: {} };
+var Ne = { exports: {} };
 (function(u) {
   (function(l, t) {
     u.exports = t();
@@ -15,29 +15,29 @@ var $e = { exports: {} };
       function h(s) {
         return Math.round(s * 1e8) / 1e8;
       }
-      function d(s, f) {
-        var m = f.x - s.x, A = f.y - s.y;
-        return Math.sqrt(m * m + A * A);
+      function f(s, d) {
+        var m = d.x - s.x, S = d.y - s.y;
+        return Math.sqrt(m * m + S * S);
       }
-      function g(s, f, m) {
-        var A = f.y - s.y, T = f.x - s.x, S = Math.atan2(A, T);
+      function g(s, d, m) {
+        var S = d.y - s.y, T = d.x - s.x, b = Math.atan2(S, T);
         if (m)
-          for (; S < 0; )
-            S += t;
-        return S;
+          for (; b < 0; )
+            b += t;
+        return b;
       }
-      function p(s, f) {
-        this.x = s !== void 0 ? s : 0, this.y = f !== void 0 ? f : 0;
+      function p(s, d) {
+        this.x = s !== void 0 ? s : 0, this.y = d !== void 0 ? d : 0;
       }
       return p.fromRadians = function(s) {
-        var f = Math.cos(s), m = Math.sin(s);
-        return new p(f, m);
+        var d = Math.cos(s), m = Math.sin(s);
+        return new p(d, m);
       }, p.fromDegrees = function(s) {
-        var f = s * (Math.PI / 180);
-        return p.fromRadians(f);
+        var d = s * (Math.PI / 180);
+        return p.fromRadians(d);
       }, p.fromString = function(s) {
-        var f = s.split(",");
-        return new p(parseFloat(f[0]), parseFloat(f[1]));
+        var d = s.split(",");
+        return new p(parseFloat(d[0]), parseFloat(d[1]));
       }, p.fromArray = function(s) {
         return new p(s[0], s[1]);
       }, p.prototype = {
@@ -100,8 +100,8 @@ var $e = { exports: {} };
         // @param x - optional x component to set.
         // @param y - optional y component to set.
         // @return self.
-        set: function(s, f) {
-          return s !== void 0 && (this.x = s), f !== void 0 && (this.y = f), this;
+        set: function(s, d) {
+          return s !== void 0 && (this.x = s), d !== void 0 && (this.y = d), this;
         },
         // [API]
         // [chainable, clone]
@@ -137,7 +137,7 @@ var $e = { exports: {} };
         // @param other - vector to get distance from.
         // @return distance between vectors.
         distanceFrom: function(s) {
-          return d(this, s);
+          return f(this, s);
         },
         // [API]
         // []
@@ -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 f = Math.cos(s), m = Math.sin(s), A = this.x * f - this.y * m, T = this.x * m + this.y * f;
-          return this.x = h(A), this.y = h(T), this;
+          var d = Math.cos(s), m = Math.sin(s), S = this.x * d - this.y * m, T = this.x * m + this.y * d;
+          return this.x = h(S), this.y = h(T), this;
         },
         // [API]
         // [chainable]
@@ -368,8 +368,8 @@ var $e = { exports: {} };
         // @param min - min value for x, y components.
         // @param max - max value for x, y components.
         // @return self.
-        clampSelf: function(s, f) {
-          return this.x < s.x && (this.x = s.x), this.y < s.y && (this.y = s.y), this.x > f.x && (this.x = f.x), this.y > f.y && (this.y = f.y), this;
+        clampSelf: function(s, d) {
+          return this.x < s.x && (this.x = s.x), this.y < s.y && (this.y = s.y), this.x > d.x && (this.x = d.x), this.y > d.y && (this.y = d.y), this;
         },
         // [API]
         // [chainable, clone]
@@ -378,8 +378,8 @@ var $e = { exports: {} };
         // @param min - min value for x, y components.
         // @param max - max value for x, y components.
         // @return cloned vector in range.
-        clamp: function(s, f) {
-          return this.clone().clampSelf(s, f);
+        clamp: function(s, d) {
+          return this.clone().clampSelf(s, d);
         },
         // [API]
         // [chainable, changeSelf]
@@ -450,8 +450,8 @@ var $e = { exports: {} };
         // @param x - default value for x if undefined (0 if not defined).
         // @param y - default value for y if undefined (0 if not defined).
         // @return self.
-        repairSelf: function(s, f) {
-          return (typeof this.x != "number" || isNaN(this.x + 1)) && (this.x = s || 0), (typeof this.y != "number" || isNaN(this.y + 1)) && (this.y = f || 0), this;
+        repairSelf: function(s, d) {
+          return (typeof this.x != "number" || isNaN(this.x + 1)) && (this.x = s || 0), (typeof this.y != "number" || isNaN(this.y + 1)) && (this.y = d || 0), this;
         },
         // [API]
         // [chainable, clone]
@@ -460,8 +460,8 @@ var $e = { exports: {} };
         // @param x - default value for x if undefined (0 if not defined).
         // @param y - default value for y if undefined (0 if not defined).
         // @return repaired clone.
-        repair: function(s, f) {
-          return this.clone().repairSelf(s, f);
+        repair: function(s, d) {
+          return this.clone().repairSelf(s, d);
         },
         // [API]
         // []
@@ -482,23 +482,23 @@ 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;
-const U = /* @__PURE__ */ ce(_n);
+})(Ne);
+var Dn = Ne.exports;
+const Y = /* @__PURE__ */ de(Dn);
 let Xt = (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 Lt = {
+const zt = {
   strokeType: "plain",
   strokeColor: "black",
   strokeWidth: 1,
   head: "none",
   tail: "none"
-}, Ee = {
+}, Te = {
   id: 0,
   type: "Feature",
   properties: {
     type: "arrow",
     style: {
-      ...Lt
+      ...zt
     }
   },
   geometry: {
@@ -518,13 +518,13 @@ const Lt = {
   // tail: 'arrow-plain',
   // start: { x: 0, y: 0 },
   // end: { x: 100, y: 100 }
-}, Dn = (u = 0, l = 0, t = 0, r = 0, a = { ...Lt }) => ({
+}, On = (u = 0, l = 0, t = 0, r = 0, a = { ...zt }) => ({
   id: Xt(),
   type: "Feature",
   properties: {
     type: "arrow",
     style: {
-      ...Lt,
+      ...zt,
       ...a
     }
   },
@@ -535,29 +535,29 @@ const Lt = {
       [t, r]
     ]
   }
-}), On = "http://www.w3.org/2000/svg";
-function Mt(u) {
-  return document.createElementNS(On, u);
+}), Ln = "http://www.w3.org/2000/svg";
+function Ot(u) {
+  return document.createElementNS(Ln, u);
 }
-function Pe(u) {
-  return u.geometry.bbox || Mn(u), u.geometry.bbox;
+function He(u) {
+  return u.geometry.bbox || zn(u), u.geometry.bbox;
 }
 function ut(u) {
-  const l = Pe(u);
+  const l = He(u);
   return {
     width: l[2] - l[0],
     height: l[3] - l[1]
   };
 }
 function ct(u) {
-  const l = Pe(u);
+  const l = He(u);
   return { x: l[0], y: l[1] };
 }
-function Mn(u) {
+function zn(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(u, l, t, r, a) {
+function Cn(u, l, t, r, a) {
   u.geometry.bbox = [l, t, l + r, t + a], u.geometry.coordinates = [
     [
       [l, t],
@@ -568,7 +568,7 @@ function zn(u, l, t, r, a) {
     ]
   ];
 }
-function zt(u) {
+function Lt(u) {
   const [l, t] = u.geometry.coordinates[0];
   return { x: l, y: t };
 }
@@ -576,25 +576,25 @@ function jt(u, l) {
   const [t, r] = u.geometry.coordinates[l === "start" ? 0 : 1];
   return { x: t, y: r };
 }
-function qt(u) {
+function Bt(u) {
   const [l, t] = u.geometry.coordinates[1];
   return { x: l, y: t };
 }
-function Ne(u, l, t) {
+function Re(u, l, t) {
   u.geometry.coordinates[0] = [l, t];
 }
-function Re(u, l, t) {
+function je(u, l, t) {
   u.geometry.coordinates[1] = [l, t];
 }
 function Vt(u) {
-  return { start: zt(u), end: qt(u) };
+  return { start: Lt(u), end: Bt(u) };
 }
 function bt(u, l, t, r) {
-  l === "start" ? Ne(u, t, r) : Re(u, t, r);
+  l === "start" ? Re(u, t, r) : je(u, t, r);
 }
-const He = (u) => parseInt(u.getAttribute("data-handle-id") || "-1");
-function Xn(u) {
-  return Bt(u).reduce(
+const Fe = (u) => parseInt(u.getAttribute("data-handle-id") || "-1");
+function Gn(u) {
+  return qt(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,18 +604,18 @@ function Xn(u) {
     ]
   );
 }
-function Bt(u) {
+function qt(u) {
   let l = [];
   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);
   }, []) : u.type == "MultiPolygon" ? l = u.coordinates.reduce(
     (t, r) => t.concat(r.reduce((a, h) => a.concat(h), [])),
     []
-  ) : u.type == "Feature" ? l = Bt(u.geometry) : u.type == "GeometryCollection" ? l = u.geometries.reduce(
-    (t, r) => t.concat(Bt(r)),
+  ) : u.type == "Feature" ? l = qt(u.geometry) : u.type == "GeometryCollection" ? l = u.geometries.reduce(
+    (t, r) => t.concat(qt(r)),
     []
   ) : u.type == "FeatureCollection" && (l = u.features.reduce(
-    (t, r) => t.concat(Bt(r)),
+    (t, r) => t.concat(qt(r)),
     []
   )), l;
 }
@@ -626,141 +626,141 @@ function Ft(u, l, t) {
     y: l.y + t * Math.sin(r)
   };
 }
-function je(u, l = 5, t = 30) {
+function qe(u, l = 5, t = 30) {
   var s;
-  const { start: r, end: a } = Vt(u), h = new U(r.x, r.y), g = new U(a.x, a.y).sub(h), p = u.properties.style && u.properties.style.strokeWidth ? (s = u.properties.style) == null ? void 0 : s.strokeWidth : 0;
+  const { start: r, end: a } = Vt(u), h = new Y(r.x, r.y), g = new Y(a.x, a.y).sub(h), p = u.properties.style && u.properties.style.strokeWidth ? (s = u.properties.style) == null ? void 0 : s.strokeWidth : 0;
   return Math.min(t, Math.max(3 * p, g.length() * 0.1, l));
 }
-function ke(u, l, t, r) {
+function _e(u, l, t, r) {
   const a = l.clone().normalize().invert().mul(r);
   if (!t || t === "none")
     return "";
-  const h = u.clone().add(a.rotateRadians(Math.PI / 8)), d = u.clone().add(a.rotateRadians(-Math.PI / 8)), g = `${u.x} ${u.y}`;
-  return `M ${h.x} ${h.y} L ${g} ${d.x} ${d.y} ${t === "arrow" ? "" : `${h.x} ${h.y}`}`;
+  const h = u.clone().add(a.rotateRadians(Math.PI / 8)), f = u.clone().add(a.rotateRadians(-Math.PI / 8)), g = `${u.x} ${u.y}`;
+  return `M ${h.x} ${h.y} L ${g} ${f.x} ${f.y} ${t === "arrow" ? "" : `${h.x} ${h.y}`}`;
 }
-function Ln(u, l, t, r, a) {
-  const { start: h, end: d } = Vt(u), { tail: g, head: p, strokeColor: s, strokeWidth: f } = u.properties.style || t, m = new U(h.x, h.y), A = new U(d.x, d.y), T = A.clone().sub(m), S = je(u, r, a), C = Mt("path");
-  C.setAttribute("data-annotation", `${u.id}`), C.setAttribute("data-annotation-type", "arrow");
-  const k = p === "arrow-plain" || g === "arrow";
-  C.setAttribute("stroke", s || "none"), C.setAttribute("stroke-width", `${f}`), C.setAttribute("fill", k ? s || "" : "none"), C.setAttribute("stroke-linecap", "round"), C.setAttribute("stroke-linejoin", "round");
-  const F = ke(m, T.clone().invert(), g, S), X = ke(A, T, p, S), D = F + `M ${m.x} ${m.y} ${A.x} ${A.y}` + X;
-  C.setAttribute("d", D), l.appendChild(C);
+function $n(u, l, t, r, a) {
+  const { start: h, end: f } = Vt(u), { tail: g, head: p, strokeColor: s, strokeWidth: d } = u.properties.style || t, m = new Y(h.x, h.y), S = new Y(f.x, f.y), T = S.clone().sub(m), b = qe(u, r, a), D = Ot("path");
+  D.setAttribute("data-annotation", `${u.id}`), D.setAttribute("data-annotation-type", "arrow");
+  const A = p === "arrow-plain" || g === "arrow";
+  D.setAttribute("stroke", s || "none"), D.setAttribute("stroke-width", `${d}`), D.setAttribute("fill", A ? s || "" : "none"), D.setAttribute("stroke-linecap", "round"), D.setAttribute("stroke-linejoin", "round");
+  const $ = _e(m, T.clone().invert(), g, b), N = _e(S, T, p, b), _ = $ + `M ${m.x} ${m.y} ${S.x} ${S.y}` + N;
+  D.setAttribute("d", _), l.appendChild(D);
 }
-const q = -1, Ut = "dragging", Yt = "dragstart", St = "dragend", se = "select", oe = "unselect", Cn = "hover", $n = "unhover", ae = "remove", le = "add", Pn = "cancelDrawing", he = "update", Nn = "link";
-var Fe = { exports: {} };
+const V = -1, Ut = "dragging", Yt = "dragstart", St = "dragend", ae = "select", le = "unselect", Pn = "hover", Nn = "unhover", he = "remove", ce = "add", Hn = "cancelDrawing", ue = "update", Rn = "link";
+var Be = { exports: {} };
 (function(u) {
   var l = Object.prototype.hasOwnProperty, t = "~";
   function r() {
   }
   Object.create && (r.prototype = /* @__PURE__ */ Object.create(null), new r().__proto__ || (t = !1));
-  function a(p, s, f) {
-    this.fn = p, this.context = s, this.once = f || !1;
+  function a(p, s, d) {
+    this.fn = p, this.context = s, this.once = d || !1;
   }
-  function h(p, s, f, m, A) {
-    if (typeof f != "function")
+  function h(p, s, d, m, S) {
+    if (typeof d != "function")
       throw new TypeError("The listener must be a function");
-    var T = new a(f, m || p, A), S = t ? t + s : s;
-    return p._events[S] ? p._events[S].fn ? p._events[S] = [p._events[S], T] : p._events[S].push(T) : (p._events[S] = T, p._eventsCount++), p;
+    var T = new a(d, m || p, S), b = t ? t + s : s;
+    return p._events[b] ? p._events[b].fn ? p._events[b] = [p._events[b], T] : p._events[b].push(T) : (p._events[b] = T, p._eventsCount++), p;
   }
-  function d(p, s) {
+  function f(p, s) {
     --p._eventsCount === 0 ? p._events = new r() : delete p._events[s];
   }
   function g() {
     this._events = new r(), this._eventsCount = 0;
   }
   g.prototype.eventNames = function() {
-    var s = [], f, m;
+    var s = [], d, m;
     if (this._eventsCount === 0)
       return s;
-    for (m in f = this._events)
-      l.call(f, m) && s.push(t ? m.slice(1) : m);
-    return Object.getOwnPropertySymbols ? s.concat(Object.getOwnPropertySymbols(f)) : s;
+    for (m in d = this._events)
+      l.call(d, m) && s.push(t ? m.slice(1) : m);
+    return Object.getOwnPropertySymbols ? s.concat(Object.getOwnPropertySymbols(d)) : s;
   }, g.prototype.listeners = function(s) {
-    var f = t ? t + s : s, m = this._events[f];
+    var d = t ? t + s : s, m = this._events[d];
     if (!m)
       return [];
     if (m.fn)
       return [m.fn];
-    for (var A = 0, T = m.length, S = new Array(T); A < T; A++)
-      S[A] = m[A].fn;
-    return S;
+    for (var S = 0, T = m.length, b = new Array(T); S < T; S++)
+      b[S] = m[S].fn;
+    return b;
   }, g.prototype.listenerCount = function(s) {
-    var f = t ? t + s : s, m = this._events[f];
+    var d = t ? t + s : s, m = this._events[d];
     return m ? m.fn ? 1 : m.length : 0;
-  }, g.prototype.emit = function(s, f, m, A, T, S) {
-    var C = t ? t + s : s;
-    if (!this._events[C])
+  }, g.prototype.emit = function(s, d, m, S, T, b) {
+    var D = t ? t + s : s;
+    if (!this._events[D])
       return !1;
-    var k = this._events[C], F = arguments.length, X, D;
-    if (k.fn) {
-      switch (k.once && this.removeListener(s, k.fn, void 0, !0), F) {
+    var A = this._events[D], $ = arguments.length, N, _;
+    if (A.fn) {
+      switch (A.once && this.removeListener(s, A.fn, void 0, !0), $) {
         case 1:
-          return k.fn.call(k.context), !0;
+          return A.fn.call(A.context), !0;
         case 2:
-          return k.fn.call(k.context, f), !0;
+          return A.fn.call(A.context, d), !0;
         case 3:
-          return k.fn.call(k.context, f, m), !0;
+          return A.fn.call(A.context, d, m), !0;
         case 4:
-          return k.fn.call(k.context, f, m, A), !0;
+          return A.fn.call(A.context, d, m, S), !0;
         case 5:
-          return k.fn.call(k.context, f, m, A, T), !0;
+          return A.fn.call(A.context, d, m, S, T), !0;
         case 6:
-          return k.fn.call(k.context, f, m, A, T, S), !0;
+          return A.fn.call(A.context, d, m, S, T, b), !0;
       }
-      for (D = 1, X = new Array(F - 1); D < F; D++)
-        X[D - 1] = arguments[D];
-      k.fn.apply(k.context, X);
+      for (_ = 1, N = new Array($ - 1); _ < $; _++)
+        N[_ - 1] = arguments[_];
+      A.fn.apply(A.context, N);
     } else {
-      var Y = k.length, G;
-      for (D = 0; D < Y; D++)
-        switch (k[D].once && this.removeListener(s, k[D].fn, void 0, !0), F) {
+      var X = A.length, W;
+      for (_ = 0; _ < X; _++)
+        switch (A[_].once && this.removeListener(s, A[_].fn, void 0, !0), $) {
           case 1:
-            k[D].fn.call(k[D].context);
+            A[_].fn.call(A[_].context);
             break;
           case 2:
-            k[D].fn.call(k[D].context, f);
+            A[_].fn.call(A[_].context, d);
             break;
           case 3:
-            k[D].fn.call(k[D].context, f, m);
+            A[_].fn.call(A[_].context, d, m);
             break;
           case 4:
-            k[D].fn.call(k[D].context, f, m, A);
+            A[_].fn.call(A[_].context, d, m, S);
             break;
           default:
-            if (!X)
-              for (G = 1, X = new Array(F - 1); G < F; G++)
-                X[G - 1] = arguments[G];
-            k[D].fn.apply(k[D].context, X);
+            if (!N)
+              for (W = 1, N = new Array($ - 1); W < $; W++)
+                N[W - 1] = arguments[W];
+            A[_].fn.apply(A[_].context, N);
         }
     }
     return !0;
-  }, g.prototype.on = function(s, f, m) {
-    return h(this, s, f, m, !1);
-  }, g.prototype.once = function(s, f, m) {
-    return h(this, s, f, m, !0);
-  }, g.prototype.removeListener = function(s, f, m, A) {
+  }, g.prototype.on = function(s, d, m) {
+    return h(this, s, d, m, !1);
+  }, g.prototype.once = function(s, d, m) {
+    return h(this, s, d, m, !0);
+  }, g.prototype.removeListener = function(s, d, m, S) {
     var T = t ? t + s : s;
     if (!this._events[T])
       return this;
-    if (!f)
-      return d(this, T), this;
-    var S = this._events[T];
-    if (S.fn)
-      S.fn === f && (!A || S.once) && (!m || S.context === m) && d(this, T);
+    if (!d)
+      return f(this, T), this;
+    var b = this._events[T];
+    if (b.fn)
+      b.fn === d && (!S || b.once) && (!m || b.context === m) && f(this, T);
     else {
-      for (var C = 0, k = [], F = S.length; C < F; C++)
-        (S[C].fn !== f || A && !S[C].once || m && S[C].context !== m) && k.push(S[C]);
-      k.length ? this._events[T] = k.length === 1 ? k[0] : k : d(this, T);
+      for (var D = 0, A = [], $ = b.length; D < $; D++)
+        (b[D].fn !== d || S && !b[D].once || m && b[D].context !== m) && A.push(b[D]);
+      A.length ? this._events[T] = A.length === 1 ? A[0] : A : f(this, T);
     }
     return this;
   }, g.prototype.removeAllListeners = function(s) {
-    var f;
-    return s ? (f = t ? t + s : s, this._events[f] && d(this, f)) : (this._events = new r(), this._eventsCount = 0), this;
+    var d;
+    return s ? (d = t ? t + s : s, this._events[d] && f(this, d)) : (this._events = new r(), this._eventsCount = 0), this;
   }, g.prototype.off = g.prototype.removeListener, g.prototype.addListener = g.prototype.on, g.prefixed = t, g.EventEmitter = g, u.exports = g;
-})(Fe);
-var Rn = Fe.exports;
-const Be = /* @__PURE__ */ ce(Rn);
-class qe extends Be {
+})(Be);
+var jn = Be.exports;
+const Ve = /* @__PURE__ */ de(jn);
+class Ue extends Ve {
   constructor(t, r) {
     super();
     v(this, "ogma");
@@ -768,8 +768,8 @@ class qe extends Be {
     // layer to draw elements
     v(this, "layer");
     v(this, "editor");
-    v(this, "selectedId", q);
-    v(this, "hoveredId", q);
+    v(this, "selectedId", V);
+    v(this, "hoveredId", V);
     // used to remember ogma options before we change them
     v(this, "ogmaOptions");
     v(this, "shouldDetect");
@@ -777,13 +777,13 @@ class qe extends Be {
     v(this, "showeditorOnHover");
     v(this, "maxHandleScale", 1.5);
     v(this, "_onKeyUp", (t) => {
-      t.code === 27 && this.selectedId !== q ? this.unselect() : (t.code === 46 || t.code === 8) && this.selectedId !== q && this._canRemove() && this.remove(this.selectedId);
+      t.code === 27 && this.selectedId !== V ? this.unselect() : (t.code === 46 || t.code === 8) && this.selectedId !== V && this._canRemove() && this.remove(this.selectedId);
     });
     v(this, "_onClickMouseMove", (t) => {
-      if (!t.domEvent || this.isDragging || !this.shouldDetect)
+      if (!t.domEvent || this.isDragging || !this.shouldDetect || t.domEvent.type !== "mousemove" && t.domEvent.target.tagName === "a")
         return;
       const r = this.ogma.view.screenToGraphCoordinates(t), a = this.shouldDetect || !this.shouldDetect && +this.selectedId > -1 ? this.detect(r, 0) : void 0;
-      t.domEvent.type === "mousemove" ? a ? this.hover(a.id) : this.hoveredId !== q && this.unhover() : a ? this.select(a.id) : this.selectedId !== q && this.unselect();
+      t.domEvent.type === "mousemove" ? a ? this.hover(a.id) : this.hoveredId !== V && this.unhover() : a ? this.select(a.id) : this.selectedId !== V && this.unselect();
     });
     this.ogma = t, this.elements = [], this.shouldDetect = !0, this.isDragging = !1, this.showeditorOnHover = !0, this.ogmaOptions = t.getOptions(), t.events.on(["click", "mousemove"], this._onClickMouseMove).on("keyup", this._onKeyUp).on("frame", () => {
       this.refreshEditor(), this.refreshDrawing();
@@ -814,7 +814,7 @@ class qe extends Be {
         ...t.geometry
       }
     });
-    return this.elements.push(a), this.layer.refresh(), this.emit(le, a), a;
+    return this.elements.push(a), this.layer.refresh(), this.emit(ce, a), a;
   }
   updateStyle(t, r) {
     this.updateAnnotation(t, {
@@ -845,13 +845,13 @@ class qe extends Be {
     Object.keys(r).forEach((h) => {
       if (h !== "id")
         if (h === "properties") {
-          const d = r.properties || { style: {} };
+          const f = r.properties || { style: {} };
           t.properties = {
             ...t.properties || {},
-            ...d || {},
+            ...f || {},
             style: {
               ...t.properties.style || {},
-              ...d.style || {}
+              ...f.style || {}
             }
           };
         } else
@@ -876,22 +876,22 @@ class qe extends Be {
    */
   select(t) {
     const r = this.getById(t);
-    r && (this.editor.show(), this.selectedId = t, this.refreshEditor(), this.layer.refresh(), this.emit(se, r));
+    r && (this.editor.show(), this.selectedId = t, this.refreshEditor(), this.layer.refresh(), this.emit(ae, r));
   }
   hover(t) {
     const r = this.getById(t);
-    r && (this.showeditorOnHover && this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(Cn, r));
+    r && (this.showeditorOnHover && this.editor.show(), this.hoveredId = t, this.refreshEditor(), this.layer.refresh(), this.emit(Pn, r));
   }
   getSelectedFeature() {
-    return this.selectedId === q ? null : this.getById(this.selectedId);
+    return this.selectedId === V ? null : this.getById(this.selectedId);
   }
   unselect() {
     const t = this.getById(this.selectedId);
-    return t && this.emit(oe, t), this.selectedId = q, this.hoveredId === q && this.editor.hide(), this.layer.refresh(), this;
+    return t && this.emit(le, t), this.selectedId = V, this.hoveredId === V && this.editor.hide(), this.layer.refresh(), this;
   }
   unhover() {
     const t = this.getById(this.hoveredId);
-    return this.emit($n, t), this.hoveredId = q, this.selectedId === q && this.editor.hide(), this.layer.refresh(), this;
+    return this.emit(Nn, t), this.hoveredId = V, this.selectedId === V && this.editor.hide(), this.layer.refresh(), this;
   }
   /**
    * @method remove
@@ -900,7 +900,7 @@ class qe extends Be {
    */
   remove(t) {
     const r = this.getById(t);
-    t === this.hoveredId && this.unhover(), t === this.selectedId && this.unselect(), this.elements = this.elements.filter((a) => a.id !== t), r && this.emit(ae, r), this.layer.refresh();
+    t === this.hoveredId && this.unhover(), t === this.selectedId && this.unselect(), this.elements = this.elements.filter((a) => a.id !== t), r && this.emit(he, r), this.layer.refresh();
   }
   /**
    * @method disableDragging
@@ -950,24 +950,24 @@ class qe extends Be {
     this.ogma.events.off(this._onClickMouseMove).off(this._onKeyUp), this.layer.destroy();
   }
 }
-const Te = "handle-line", Ie = "handle-start", _e = "handle-end";
-class Hn extends qe {
+const Ie = "handle-line", Me = "handle-start", De = "handle-end";
+class Fn extends Ue {
   constructor(t, r = {}) {
     super(
       t,
       `
     <div class="arrow-handle">
-      <div id="${Te}" data-handle-id="0" class="handle line"></div>
-      <div id="${Ie}" data-handle-id="1" class="handle"></div>
-      <div id="${_e}" data-handle-id="2" class="handle"></div>
+      <div id="${Ie}" data-handle-id="0" class="handle line"></div>
+      <div id="${Me}" data-handle-id="1" class="handle"></div>
+      <div id="${De}" data-handle-id="2" class="handle"></div>
     </div>
   `
     );
     // active handle id
-    v(this, "draggedHandle", q);
+    v(this, "draggedHandle", V);
     v(this, "start", { x: 0, y: 0 });
     v(this, "end", { x: 0, y: 0 });
-    v(this, "arrow", { ...Ee });
+    v(this, "arrow", { ...Te });
     v(this, "startX", 0);
     v(this, "startY", 0);
     v(this, "minArrowHeight", 0);
@@ -975,16 +975,16 @@ class Hn extends qe {
     v(this, "handles", []);
     v(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      r && (this.startDragging(r, t.clientX, t.clientY), this.draggedHandle = He(t.target));
+      r && (this.startDragging(r, t.clientX, t.clientY), this.draggedHandle = Fe(t.target));
     });
     v(this, "onMouseUp", () => {
-      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = q, this.emit(St, this.arrow));
+      this.draggedHandle !== -1 && (this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V, this.emit(St, this.arrow));
     });
     v(this, "onMouseMove", (t) => {
-      if (!this.isDragging || this.draggedHandle === q)
+      if (!this.isDragging || this.draggedHandle === V)
         return;
-      const r = this.handles[this.draggedHandle], a = this.ogma.view.getAngle(), { x: h, y: d } = new U(t.clientX - this.startX, t.clientY - this.startY).divScalar(this.ogma.view.getZoom()).rotateRadians(a), g = r.id === Te, p = r.id === Ie, s = r.id === _e;
-      (g || p) && Ne(this.arrow, this.start.x + h, this.start.y + d), (g || s) && Re(this.arrow, this.end.x + h, this.end.y + d), this.emit(
+      const r = this.handles[this.draggedHandle], a = this.ogma.view.getAngle(), { x: h, y: f } = new Y(t.clientX - this.startX, t.clientY - this.startY).divScalar(this.ogma.view.getZoom()).rotateRadians(a), g = r.id === Ie, p = r.id === Me, s = r.id === De;
+      (g || p) && Re(this.arrow, this.start.x + h, this.start.y + f), (g || s) && je(this.arrow, this.end.x + h, this.end.y + f), this.emit(
         Ut,
         this.arrow,
         g ? "line" : p ? "start" : "end"
@@ -1002,47 +1002,47 @@ class Hn extends qe {
    * @param y
    * @param arrow
    */
-  startDrawing(t, r, a = Dn(t, r, t, r, Lt)) {
+  startDrawing(t, r, a = On(t, r, t, r, zt)) {
     var g;
     this.add(a), this.hoveredId = a.id;
-    const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), d = ((g = this.ogma.getContainer()) == null ? void 0 : g.getBoundingClientRect()) || { left: 0, top: 0 };
-    this.startDragging(this.getById(a.id), h.x + (d == null ? void 0 : d.left), h.y + d.top), this.draggedHandle = 2;
+    const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r }), f = ((g = this.ogma.getContainer()) == null ? void 0 : g.getBoundingClientRect()) || { left: 0, top: 0 };
+    this.startDragging(this.getById(a.id), h.x + (f == null ? void 0 : f.left), h.y + f.top), this.draggedHandle = 2;
   }
   cancelDrawing() {
-    this.isDragging && (this.remove(this.arrow.id), this.emit(St, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = q);
+    this.isDragging && (this.remove(this.arrow.id), this.emit(St, this.arrow), this.restoreDragging(), this.isDragging = !1, this.draggedHandle = V);
   }
   startDragging(t, r, a) {
-    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = a, this.start = zt(this.arrow), this.end = qt(this.arrow), this.disableDragging(), this.emit(Yt, this.arrow), this.isDragging = !0;
+    this.selectedId !== t.id && this.select(this.hoveredId), this.arrow = t, this.startX = r, this.startY = a, this.start = Lt(this.arrow), this.end = Bt(this.arrow), this.disableDragging(), this.emit(Yt, this.arrow), this.isDragging = !0;
   }
   detect(t, r = 0) {
     return this.elements.find((a) => {
-      const { start: h, end: d } = Vt(a), g = new U(t.x, t.y).sub(
-        new U((h.x + d.x) / 2, (h.y + d.y) / 2)
-      ), p = new U(d.x, d.y).sub(new U(h.x, h.y)), s = p.length(), f = p.normalize(), m = je(a);
-      return Math.abs(f.dot(g)) < s / 2 + r && Math.abs(f.rotateRadians(Math.PI / 2).dot(g)) < m / 2 + r;
+      const { start: h, end: f } = Vt(a), g = new Y(t.x, t.y).sub(
+        new Y((h.x + f.x) / 2, (h.y + f.y) / 2)
+      ), p = new Y(f.x, f.y).sub(new Y(h.x, h.y)), s = p.length(), d = p.normalize(), m = qe(a);
+      return Math.abs(d.dot(g)) < s / 2 + r && Math.abs(d.rotateRadians(Math.PI / 2).dot(g)) < m / 2 + r;
     });
   }
   refreshEditor() {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
-    const t = this.selectedId !== q ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Vt(t), a = this.ogma.view.graphToScreenCoordinates(r.start), h = this.ogma.view.graphToScreenCoordinates(r.end), d = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [g, p, s] = Array.prototype.slice.call(
+    const t = this.selectedId !== V ? this.getById(this.selectedId) : this.getById(this.hoveredId), r = Vt(t), a = this.ogma.view.graphToScreenCoordinates(r.start), h = this.ogma.view.graphToScreenCoordinates(r.end), f = Math.min(this.ogma.view.getZoom(), this.maxHandleScale), [g, p, s] = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".handle")
     );
-    p.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%) scale(${d})`, s.style.transform = `translate(${h.x}px, ${h.y}px) translate(-50%, -50%) scale(${d}`;
-    const f = {
+    p.style.transform = `translate(${a.x}px, ${a.y}px) translate(-50%, -50%) scale(${f})`, s.style.transform = `translate(${h.x}px, ${h.y}px) translate(-50%, -50%) scale(${f}`;
+    const d = {
       x: (h.x + a.x) / 2,
       y: (h.y + a.y) / 2
-    }, m = new U(h.x - a.x, h.y - a.y), A = m.mul(1 / m.length()), T = Math.atan2(A.y, A.x);
-    g.style.width = `${m.length()}px`, g.style.left = `${f.x}px`, g.style.top = `${f.y}px`, g.style.transform = `translate(-50%, -50%) rotate(${T}rad)`;
+    }, m = new Y(h.x - a.x, h.y - a.y), S = m.mul(1 / m.length()), T = Math.atan2(S.y, S.x);
+    g.style.width = `${m.length()}px`, g.style.left = `${d.x}px`, g.style.top = `${d.y}px`, g.style.transform = `translate(-50%, -50%) rotate(${T}rad)`;
   }
   getDefaultOptions() {
-    return Ee;
+    return Te;
   }
   draw(t) {
     t.innerHTML = "";
-    const r = Mt("g"), a = this.ogma.view.getAngle();
+    const r = Ot("g"), a = this.ogma.view.getAngle();
     r.setAttribute("transform", `rotate(${-a * (180 / Math.PI)})`), this.elements.forEach(
-      (h) => Ln(h, r, Lt, this.minArrowHeight, this.maxArrowHeight)
+      (h) => $n(h, r, zt, this.minArrowHeight, this.maxArrowHeight)
     ), t.appendChild(r);
   }
   refreshDrawing() {
@@ -1083,10 +1083,10 @@ const At = {
   }
   // position: { x: 0, y: 0 },
   // size: { width: 100, height: 50 }
-}, De = {
+}, Oe = {
   handleSize: 3.5,
   placeholder: "Your text..."
-}, jn = (u = 0, l = 0, t = 100, r = 50, a = "", h = { ...At }) => ({
+}, qn = (u = 0, l = 0, t = 100, r = 50, a = "", h = { ...At }) => ({
   id: Xt(),
   type: "Feature",
   properties: {
@@ -1107,11 +1107,11 @@ const At = {
     ]
   }
 });
-var Ve = { exports: {} };
+var Ye = { exports: {} };
 (function(u, l) {
   (function(t, r) {
     u.exports = r();
-  })(In, () => (() => {
+  })(Mn, () => (() => {
     var t = { d: (e, n) => {
       for (var o in n)
         t.o(n, o) && !t.o(e, o) && Object.defineProperty(e, o, { enumerable: !0, get: n[o] });
@@ -1123,20 +1123,20 @@ var Ve = { exports: {} };
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
       }, a(e);
     }
-    t.d(r, { default: () => Sn });
-    var h = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, d = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, p = /\bbold(?:er)?\b/, s = 13.3333333, f = { "xx-small": 9, "x-small": 10, smaller: 13.3333, small: 13, medium: 16, large: 18, larger: 19.2, "x-large": 24, "xx-large": 32 };
+    t.d(r, { default: () => kn });
+    var h = /^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/, f = /\bsmall-caps\b/, g = /\b(?:italic|oblique)\b/, p = /\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 S = { id: "", family: "sans-serif", height: 14, size: 12, variant: "", style: "", weight: "", baseline: "", color: null, toString: m, valueOf: m };
     function T(e) {
       var n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = h.exec(e);
       n.family = (o[6] || "").trim();
-      var i = f[o[2]] || parseFloat(o[2]);
+      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;
       var c = parseFloat(o[4]);
-      if (c !== "normal" && c !== "inherit" && c ? o[5] && o[5] !== "em" ? o[5] === "pt" ? n.height = c * s : o[5] === "%" ? n.height = 0.01 * i : n.height = c : n.height = c * i : n.height = Math.round(i * (7 / 6)), d.test(o[1]) && (n.variant = "small-caps"), g.test(o[1]) && (n.style = "italic"), p.test(o[1]))
+      if (c !== "normal" && c !== "inherit" && c ? o[5] && o[5] !== "em" ? o[5] === "pt" ? n.height = c * s : o[5] === "%" ? n.height = 0.01 * i : n.height = c : n.height = c * i : n.height = Math.round(i * (7 / 6)), f.test(o[1]) && (n.variant = "small-caps"), g.test(o[1]) && (n.style = "italic"), p.test(o[1]))
         n.weight = "bold";
       else {
         var y = parseInt(/\b(\d+)\b/.exec(o[1]), 10);
@@ -1144,22 +1144,22 @@ var Ve = { exports: {} };
       }
       return n;
     }
-    function S() {
-      var e, n, o, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, y = 14, w = 12, x = null, b = null, E = "";
+    function b() {
+      var e, n, o, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "12px/14px sans-serif", c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, y = 14, w = 12, x = null, E = null, k = "";
       if (i && i.nodeType) {
-        var O = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), M = O.getComputedStyle(i, null);
-        e = M.getPropertyValue("font-family") || "", w = parseFloat(M.getPropertyValue("font-size")), y = M.getPropertyValue("line-height"), x = M.getPropertyValue("font-weight"), b = M.getPropertyValue("font-style"), E = M.getPropertyValue("font-variant") || "";
+        var O = i && (i.ownerDocument && i.ownerDocument.defaultView || i.document && i || i.defaultView), L = O.getComputedStyle(i, null);
+        e = L.getPropertyValue("font-family") || "", w = parseFloat(L.getPropertyValue("font-size")), y = L.getPropertyValue("line-height"), x = L.getPropertyValue("font-weight"), E = L.getPropertyValue("font-style"), k = L.getPropertyValue("font-variant") || "";
       } else if (typeof i == "string") {
         var I = T(i);
-        e = I.family, w = I.size, y = I.height, E = I.variant, b = I.style, x = I.weight;
+        e = I.family, w = I.size, y = I.height, k = I.variant, E = I.style, x = I.weight;
       } else
-        a(i) === "object" && (e = i.family, w = i.size, y = i.height, E = i.variant, x = i.weight, b = i.style, n = i.baseline, o = i.color);
+        a(i) === "object" && (e = i.family, w = i.size, y = i.height, k = i.variant, x = i.weight, E = i.style, n = i.baseline, o = i.color);
       c.size && c.size < 3 && (w *= c.size), y = y !== "normal" && y ? parseFloat(y) : w * (7 / 6), c.height && c.height < 3 && (y *= c.height);
-      var z = Object.create(A);
-      return z.family = c.family || e || "sans-serif", z.height = y ?? 14, z.size = w ?? 12, z.variant = c.variant || E || "", z.style = c.style || b || "", z.weight = c.weight || x || "", z.baseline = n || 0, c.baseline != null && (z.baseline = c.baseline), z.color = c.color || o || "", z.id = m.call(z, !0), z;
+      var z = Object.create(S);
+      return z.family = c.family || e || "sans-serif", z.height = y ?? 14, z.size = w ?? 12, z.variant = c.variant || k || "", z.style = c.style || E || "", z.weight = c.weight || x || "", z.baseline = n || 0, c.baseline != null && (z.baseline = c.baseline), z.color = c.color || o || "", z.id = m.call(z, !0), z;
     }
-    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 k, F = function(e) {
+    const D = { "\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, $ = function(e) {
       var n = typeof OffscreenCanvas < "u" && new OffscreenCanvas(100, 100) || e && e.createElement("canvas");
       if (n && n.getContext) {
         var o = n.getContext("2d");
@@ -1168,29 +1168,29 @@ var Ve = { exports: {} };
             return o.font = String(c), o.measureText(i).width;
           };
       }
-    }(typeof document < "u" ? document : null) || (k = {}, function(e, n) {
-      if (!k[n]) {
-        var o = S(n);
-        k[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 = b(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 * k[n].size;
-    }), X = {}, D = { trim: !0, collapse: !0 };
-    function Y(e, n, o) {
-      var i = Object.assign({}, D, o), c = String(e);
+      return e.length * A[n].size;
+    }), N = {}, _ = { trim: !0, collapse: !0 };
+    function X(e, n, o) {
+      var i = Object.assign({}, _, o), c = String(e);
       if (!c)
         return 0;
-      if (c in C) {
+      if (c in D) {
         var y = n.id + "/" + c;
-        return y in X || (X[y] = F("_".concat(c, "_"), n) - F("__", n)), X[y];
+        return y in N || (N[y] = $("_".concat(c, "_"), n) - $("__", n)), N[y];
       }
-      return i.trim && i.collapse ? i.trim ? c = c.trim() : i.collapse && (c = c.replace(/\s+/g, " ")) : c = c.replace(/\n/g, " "), F(c, n) + n.size * (e.tracking || 0);
+      return i.trim && i.collapse ? i.trim ? c = c.trim() : i.collapse && (c = c.replace(/\s+/g, " ")) : c = c.replace(/\n/g, " "), $(c, n) + n.size * (e.tracking || 0);
     }
-    function G(e) {
-      return G = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function W(e) {
+      return W = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, G(e);
+      }, W(e);
     }
     function Et(e, n) {
       if (typeof n != "function" && n !== null)
@@ -1202,7 +1202,7 @@ var Ve = { exports: {} };
         return o.__proto__ = i, o;
       }, kt(e, n);
     }
-    function Gt(e) {
+    function Wt(e) {
       var n = function() {
         if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
           return !1;
@@ -1222,11 +1222,11 @@ var Ve = { exports: {} };
           o = Reflect.construct(i, arguments, c);
         } else
           o = i.apply(this, arguments);
-        return Ue(this, o);
+        return Xe(this, o);
       };
     }
-    function Ue(e, n) {
-      if (n && (G(n) === "object" || typeof n == "function"))
+    function Xe(e, n) {
+      if (n && (W(n) === "object" || typeof n == "function"))
         return n;
       if (n !== void 0)
         throw new TypeError("Derived constructors may only return object or undefined");
@@ -1245,28 +1245,28 @@ var Ve = { exports: {} };
       if (!(e instanceof n))
         throw new TypeError("Cannot call a class as a function");
     }
-    function ue(e, n) {
+    function fe(e, n) {
       for (var o = 0; o < n.length; o++) {
         var i = n[o];
         i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(y, w) {
-          if (G(y) !== "object" || y === null)
+          if (W(y) !== "object" || y === null)
             return y;
           var x = y[Symbol.toPrimitive];
           if (x !== void 0) {
-            var b = x.call(y, w);
-            if (G(b) !== "object")
-              return b;
+            var E = x.call(y, w);
+            if (W(E) !== "object")
+              return E;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(y);
-        }(i.key, "string"), G(c) === "symbol" ? c : String(c)), i);
+        }(i.key, "string"), W(c) === "symbol" ? c : String(c)), i);
       }
       var c;
     }
     function Pt(e, n, o) {
-      return n && ue(e.prototype, n), o && ue(e, o), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+      return n && fe(e.prototype, n), o && fe(e, o), Object.defineProperty(e, "prototype", { writable: !1 }), e;
     }
-    var N = function() {
+    var R = function() {
       function e() {
         var n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
         $t(this, e), this.value = n, this.weight = null, this.style = null, this.font = null, this.href = null, this.sub = !1, this.sup = !1;
@@ -1281,41 +1281,41 @@ var Ve = { exports: {} };
       } }]), e;
     }(), Tt = function(e) {
       Et(o, e);
-      var n = Gt(o);
+      var n = Wt(o);
       function o() {
         return $t(this, o), n.apply(this, arguments);
       }
       return Pt(o);
-    }(N), nt = function(e) {
+    }(R), nt = function(e) {
       Et(o, e);
-      var n = Gt(o);
+      var n = Wt(o);
       function o() {
         return $t(this, o), n.apply(this, arguments);
       }
       return Pt(o);
-    }(N), pt = function(e) {
+    }(R), pt = function(e) {
       Et(o, e);
-      var n = Gt(o);
+      var n = Wt(o);
       function o() {
         return $t(this, o), n.apply(this, arguments);
       }
       return Pt(o);
-    }(N), Zt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, Ye = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, de = /^[\xA0\u2011\u202F\u2060\uFEFF]/, Xe = /^(?:[;\xAD%?…]|,(?!\d))/, Ge = /^[´±°¢£¤$¥\u2212]/;
+    }(R), Gt = /^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/, We = /^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/, pe = /^[\xA0\u2011\u202F\u2060\uFEFF]/, Ge = /^(?:[;\xAD%?…]|,(?!\d))/, Ze = /^[´±°¢£¤$¥\u2212]/;
     function Nt(e, n) {
       n !== !1 && (e = e.trim());
-      for (var o, i, c = [], y = e.charAt(0), w = 0, x = 1, b = e.length; x < b; x++) {
+      for (var o, i, c = [], y = e.charAt(0), w = 0, x = 1, E = e.length; x < E; x++) {
         o = e.charAt(x), i = e.charAt(x + 1);
-        var E = Zt.test(y), O = Zt.test(o), M = O || E, I = void 0;
-        if ((Ge.test(o) && !de.test(y) || Xe.test(y + i) && !de.test(o)) && (M = !0), y !== "-" && y !== "‐" && y !== "–" && y !== "—" || ((I = Zt.test(e.charAt(x - 2))) && !O && (M = !1), !I && Ye.test(o + i) && (M = !0)), M) {
+        var k = Gt.test(y), O = Gt.test(o), L = O || k, I = void 0;
+        if ((Ze.test(o) && !pe.test(y) || Ge.test(y + i) && !pe.test(o)) && (L = !0), y !== "-" && y !== "‐" && y !== "–" && y !== "—" || ((I = Gt.test(e.charAt(x - 2))) && !O && (L = !1), !I && We.test(o + i) && (L = !0)), L) {
           var z = e.slice(w, x);
-          /\u00AD$/.test(z) ? (c.push(new N(z.slice(0, -1))), c.push(new pt())) : (c.push(new N(z)), c.push(new Tt())), w = x;
+          /\u00AD$/.test(z) ? (c.push(new R(z.slice(0, -1))), c.push(new pt())) : (c.push(new R(z)), c.push(new Tt())), w = x;
         }
         y = o;
       }
-      return c.push(new N(e.slice(w))), c;
+      return c.push(new R(e.slice(w))), c;
     }
-    const fe = { nbsp: " ", iexcl: "¡", cent: "¢", pound: "£", curren: "¤", yen: "¥", brvbar: "¦", sect: "§", uml: "¨", copy: "©", ordf: "ª", laquo: "«", not: "¬", shy: "­", reg: "®", macr: "¯", deg: "°", plusmn: "±", sup2: "²", sup3: "³", acute: "´", micro: "µ", para: "¶", middot: "·", cedil: "¸", sup1: "¹", ordm: "º", raquo: "»", frac14: "¼", frac12: "½", frac34: "¾", iquest: "¿", Agrave: "À", Aacute: "Á", Acirc: "Â", Atilde: "Ã", Auml: "Ä", Aring: "Å", AElig: "Æ", Ccedil: "Ç", Egrave: "È", Eacute: "É", Ecirc: "Ê", Euml: "Ë", Igrave: "Ì", Iacute: "Í", Icirc: "Î", Iuml: "Ï", ETH: "Ð", Ntilde: "Ñ", Ograve: "Ò", Oacute: "Ó", Ocirc: "Ô", Otilde: "Õ", Ouml: "Ö", times: "×", Oslash: "Ø", Ugrave: "Ù", Uacute: "Ú", Ucirc: "Û", Uuml: "Ü", Yacute: "Ý", THORN: "Þ", szlig: "ß", agrave: "à", aacute: "á", acirc: "â", atilde: "ã", auml: "ä", aring: "å", aelig: "æ", ccedil: "ç", egrave: "è", eacute: "é", ecirc: "ê", euml: "ë", igrave: "ì", iacute: "í", icirc: "î", iuml: "ï", eth: "ð", ntilde: "ñ", ograve: "ò", oacute: "ó", ocirc: "ô", otilde: "õ", ouml: "ö", divide: "÷", oslash: "ø", ugrave: "ù", uacute: "ú", ucirc: "û", uuml: "ü", yacute: "ý", thorn: "þ", yuml: "ÿ", fnof: "ƒ", Alpha: "Α", Beta: "Β", Gamma: "Γ", Delta: "Δ", Epsilon: "Ε", Zeta: "Ζ", Eta: "Η", Theta: "Θ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Xi: "Ξ", Omicron: "Ο", Pi: "Π", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Upsilon: "Υ", Phi: "Φ", Chi: "Χ", Psi: "Ψ", Omega: "Ω", alpha: "α", beta: "β", gamma: "γ", delta: "δ", epsilon: "ε", zeta: "ζ", eta: "η", theta: "θ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", xi: "ξ", omicron: "ο", pi: "π", rho: "ρ", sigmaf: "ς", sigma: "σ", tau: "τ", upsilon: "υ", phi: "φ", chi: "χ", psi: "ψ", omega: "ω", thetasym: "ϑ", upsih: "ϒ", piv: "ϖ", bull: "•", hellip: "…", prime: "′", Prime: "″", oline: "‾", frasl: "⁄", weierp: "℘", image: "ℑ", real: "ℜ", trade: "™", alefsym: "ℵ", larr: "←", uarr: "↑", rarr: "→", darr: "↓", harr: "↔", crarr: "↵", lArr: "⇐", uArr: "⇑", rArr: "⇒", dArr: "⇓", hArr: "⇔", forall: "∀", part: "∂", exist: "∃", empty: "∅", nabla: "∇", isin: "∈", notin: "∉", ni: "∋", prod: "∏", sum: "∑", minus: "−", lowast: "∗", radic: "√", prop: "∝", infin: "∞", ang: "∠", and: "⊥", or: "⊦", cap: "∩", cup: "∪", int: "∫", there4: "∴", sim: "∼", cong: "≅", asymp: "≈", ne: "≠", equiv: "≡", le: "≤", ge: "≥", sub: "⊂", sup: "⊃", nsub: "⊄", sube: "⊆", supe: "⊇", oplus: "⊕", otimes: "⊗", perp: "⊥", sdot: "⋅", lceil: "⌈", rceil: "⌉", lfloor: "⌊", rfloor: "⌋", lang: "〈", rang: "〉", loz: "◊", spades: "♠", clubs: "♣", hearts: "♥", diams: "♦", quot: '"', amp: "&", lt: "<", gt: ">", OElig: "Œ", oelig: "œ", Scaron: "Š", scaron: "š", Yuml: "Ÿ", circ: "ˆ", tilde: "˜", ensp: " ", emsp: " ", thinsp: " ", zwnj: "‌", zwj: "‍", lrm: "‎", rlm: "‏", ndash: "–", mdash: "—", lsquo: "‘", rsquo: "’", sbquo: "‚", ldquo: "“", rdquo: "”", bdquo: "„", dagger: "†", Dagger: "‡", permil: "‰", lsaquo: "‹", rsaquo: "›" };
-    var Ze = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, We = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Ke = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, Je = /^<!--(.+?)-->/, Qe = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, pe = { b: function(e) {
+    const ge = { nbsp: " ", iexcl: "¡", cent: "¢", pound: "£", curren: "¤", yen: "¥", brvbar: "¦", sect: "§", uml: "¨", copy: "©", ordf: "ª", laquo: "«", not: "¬", shy: "­", reg: "®", macr: "¯", deg: "°", plusmn: "±", sup2: "²", sup3: "³", acute: "´", micro: "µ", para: "¶", middot: "·", cedil: "¸", sup1: "¹", ordm: "º", raquo: "»", frac14: "¼", frac12: "½", frac34: "¾", iquest: "¿", Agrave: "À", Aacute: "Á", Acirc: "Â", Atilde: "Ã", Auml: "Ä", Aring: "Å", AElig: "Æ", Ccedil: "Ç", Egrave: "È", Eacute: "É", Ecirc: "Ê", Euml: "Ë", Igrave: "Ì", Iacute: "Í", Icirc: "Î", Iuml: "Ï", ETH: "Ð", Ntilde: "Ñ", Ograve: "Ò", Oacute: "Ó", Ocirc: "Ô", Otilde: "Õ", Ouml: "Ö", times: "×", Oslash: "Ø", Ugrave: "Ù", Uacute: "Ú", Ucirc: "Û", Uuml: "Ü", Yacute: "Ý", THORN: "Þ", szlig: "ß", agrave: "à", aacute: "á", acirc: "â", atilde: "ã", auml: "ä", aring: "å", aelig: "æ", ccedil: "ç", egrave: "è", eacute: "é", ecirc: "ê", euml: "ë", igrave: "ì", iacute: "í", icirc: "î", iuml: "ï", eth: "ð", ntilde: "ñ", ograve: "ò", oacute: "ó", ocirc: "ô", otilde: "õ", ouml: "ö", divide: "÷", oslash: "ø", ugrave: "ù", uacute: "ú", ucirc: "û", uuml: "ü", yacute: "ý", thorn: "þ", yuml: "ÿ", fnof: "ƒ", Alpha: "Α", Beta: "Β", Gamma: "Γ", Delta: "Δ", Epsilon: "Ε", Zeta: "Ζ", Eta: "Η", Theta: "Θ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Xi: "Ξ", Omicron: "Ο", Pi: "Π", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Upsilon: "Υ", Phi: "Φ", Chi: "Χ", Psi: "Ψ", Omega: "Ω", alpha: "α", beta: "β", gamma: "γ", delta: "δ", epsilon: "ε", zeta: "ζ", eta: "η", theta: "θ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", xi: "ξ", omicron: "ο", pi: "π", rho: "ρ", sigmaf: "ς", sigma: "σ", tau: "τ", upsilon: "υ", phi: "φ", chi: "χ", psi: "ψ", omega: "ω", thetasym: "ϑ", upsih: "ϒ", piv: "ϖ", bull: "•", hellip: "…", prime: "′", Prime: "″", oline: "‾", frasl: "⁄", weierp: "℘", image: "ℑ", real: "ℜ", trade: "™", alefsym: "ℵ", larr: "←", uarr: "↑", rarr: "→", darr: "↓", harr: "↔", crarr: "↵", lArr: "⇐", uArr: "⇑", rArr: "⇒", dArr: "⇓", hArr: "⇔", forall: "∀", part: "∂", exist: "∃", empty: "∅", nabla: "∇", isin: "∈", notin: "∉", ni: "∋", prod: "∏", sum: "∑", minus: "−", lowast: "∗", radic: "√", prop: "∝", infin: "∞", ang: "∠", and: "⊥", or: "⊦", cap: "∩", cup: "∪", int: "∫", there4: "∴", sim: "∼", cong: "≅", asymp: "≈", ne: "≠", equiv: "≡", le: "≤", ge: "≥", sub: "⊂", sup: "⊃", nsub: "⊄", sube: "⊆", supe: "⊇", oplus: "⊕", otimes: "⊗", perp: "⊥", sdot: "⋅", lceil: "⌈", rceil: "⌉", lfloor: "⌊", rfloor: "⌋", lang: "〈", rang: "〉", loz: "◊", spades: "♠", clubs: "♣", hearts: "♥", diams: "♦", quot: '"', amp: "&", lt: "<", gt: ">", OElig: "Œ", oelig: "œ", Scaron: "Š", scaron: "š", Yuml: "Ÿ", circ: "ˆ", tilde: "˜", ensp: " ", emsp: " ", thinsp: " ", zwnj: "‌", zwj: "‍", lrm: "‎", rlm: "‏", ndash: "–", mdash: "—", lsquo: "‘", rsquo: "’", sbquo: "‚", ldquo: "“", rdquo: "”", bdquo: "„", dagger: "†", Dagger: "‡", permil: "‰", lsaquo: "‹", rsaquo: "›" };
+    var Ke = /^[\n\r\x20\u2000-\u200B\u205F\u3000]/, Je = /^<\/([a-zA-Z0-9]+)([^>]*)>/, Qe = /^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/, tn = /^<!--(.+?)-->/, en = /&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g, ye = { b: function(e) {
       e.weight = "bold";
     }, strong: function(e) {
       e.weight = "bold";
@@ -1341,26 +1341,26 @@ var Ve = { exports: {} };
       e.sub = !0;
     }, sup: function(e) {
       e.sup = !0;
-    } }, tn = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
-    function ge(e) {
-      return e.replace(Qe, function(n, o, i, c) {
+    } }, nn = { div: 1, li: 1, blockquote: 2, h1: 2, h2: 2, h3: 2, h4: 2, h5: 2, h6: 2, ul: 2, ol: 2, hr: 2, p: 2 };
+    function me(e) {
+      return e.replace(en, function(n, o, i, c) {
         if (o || i) {
           var y = o ? 10 : 16;
           return String.fromCharCode(parseInt(o || i, y));
         }
-        return c in fe ? fe[c] : n;
+        return c in ge ? ge[c] : n;
       });
     }
-    function en(e) {
+    function rn(e) {
       return e && e.length > 1 && (e[0] === '"' && e[e.length - 1] === '"' || e[0] === "'" && e[e.length - 1] === "'") ? e.slice(1, -1) : e;
     }
-    var nn = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
-    function rn(e) {
+    var sn = /^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;
+    function on(e) {
       var n, o = {};
       if (e) {
         do
-          if (n = nn.exec(e)) {
-            var i = ge(en(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
+          if (n = sn.exec(e)) {
+            var i = me(rn(n[2] || "")).replace(/[ \r\n\t]+/g, " ").trim();
             if (o[n[1]] = i, (e = e.slice(n[0].length)).length && /^\S/.test(e[0]))
               throw new Error("Attribute error");
           }
@@ -1370,8 +1370,8 @@ var Ve = { exports: {} };
       }
       return o;
     }
-    const ye = { copyright: "©", textcopyright: "©", dag: "†", textdagger: "†", ddag: "‡", textdaggerdbl: "‡", guillemotleft: "«", guillemotright: "»", guilsinglleft: "‹", guilsinglright: "›", ldots: "…", dots: "…", textellipsis: "…", lq: "‘", P: "¶", textparagraph: "¶", pounds: "£", textsterling: "£", quotedblbase: "„", quotesinglbase: "‚", rq: "’", S: "§", sim: "~", textasciicircum: "^", textasciitilde: "˜", texttildelow: "~", textasteriskcentered: "*", textbackslash: "'", textbar: "|", textbardbl: "╎", textbigcircle: "◯", textbraceleft: "{", textbraceright: "}", textbullet: "•", textdollar: "$", textemdash: "—", textendash: "—", texteuro: "€", eurosym: "€", euro: "€", textexclamdown: "¡", textgreater: ">", textless: "<", textordfeminine: "ª", textordmasculine: "º", textperiodcentered: "·", cdot: "·", textquestiondown: "¿", textquotedblleft: "“", textquotedblright: "”", textquoteleft: "‘", textquoteright: "’", textquotestraightbase: "‚", textquotestraightdblbase: "„", textregistered: "®", textthreequartersemdash: "-", texttrademark: "™", texttwelveudash: "-", textunderscore: "_", textvisiblespace: "␣", gets: "←", textleftarrow: "←", to: "→", textrightarrow: "→", textdegree: "°", infty: "∞", triangle: "△", triangledown: "▽", blacktriangle: "▲", blacktriangledown: "▼", angle: "∠", sphericalangle: "∢", aleph: "ℵ", hbar: "ħ", imath: "𝚤", jmath: "𝚥", ell: "ℓ", wp: "℘", Re: "ℜ", Im: "ℑ", mho: "℧", prime: "′", emptyset: "∅", nabla: "∇", surd: "√", partial: "∂", top: "⟙", bot: "⟂", vdash: "⟝", dashv: "⟞", forall: "∀", exists: "∃", nexists: "∄", neg: "¬", lnot: "¬", flat: "♭", natural: "♮", sharp: "♯", backslash: "\\", Box: "□", Diamond: "♢", clubsuit: "♣", diamondsuit: "♦", heartsuit: "♥", spadesuit: "♠", Join: "⨝", blacksquare: "■", bigstar: "★", diagdown: "╲", diagup: "╱", blacklozenge: "⧫", rfloor: "⌋", lfloor: "⌊", rceil: "⌉", lceil: "⌈", rangle: "⟩", langle: "⟨", sum: "∑", int: "∫", oint: "∮", prod: "∏", coprod: "∏", bigcap: "∩", bigcup: "∪", bigsqcup: "⊔", bigvee: "∨", bigwedge: "∧", bigodot: "⊙", bigotimes: "⊗", bigoplus: "⊕", biguplus: "⊎", alpha: "α", beta: "β", chi: "χ", delta: "δ", epsilon: "ε", eta: "η", gamma: "γ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", omega: "ω", phi: "φ", pi: "π", psi: "ψ", rho: "ρ", sigma: "σ", tau: "τ", theta: "θ", upsilon: "υ", xi: "ξ", zeta: "ζ", Alpha: "Α", Beta: "Β", Chi: "Χ", Delta: "Δ", Epsilon: "Ε", Eta: "Η", Gamma: "Γ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Omega: "Ω", Phi: "Φ", Pi: "Π", Psi: "Ψ", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Theta: "Θ", Upsilon: "Υ", Xi: "Ξ", Zeta: "Ζ", aa: "å", AA: "Å", ae: "æ", AE: "Æ", dh: "ð", DH: "Ð", dj: "đ", DJ: "Đ", ij: "ij", IJ: "IJ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
-    var sn = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, on = /^%[^\n]+(?:\n|$)/, an = /^[^#$%&~_^\\{}]+/, ln = /^\\([&{}$%#_])/, hn = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, cn = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, V = { bf: function(e) {
+    const ve = { copyright: "©", textcopyright: "©", dag: "†", textdagger: "†", ddag: "‡", textdaggerdbl: "‡", guillemotleft: "«", guillemotright: "»", guilsinglleft: "‹", guilsinglright: "›", ldots: "…", dots: "…", textellipsis: "…", lq: "‘", P: "¶", textparagraph: "¶", pounds: "£", textsterling: "£", quotedblbase: "„", quotesinglbase: "‚", rq: "’", S: "§", sim: "~", textasciicircum: "^", textasciitilde: "˜", texttildelow: "~", textasteriskcentered: "*", textbackslash: "'", textbar: "|", textbardbl: "╎", textbigcircle: "◯", textbraceleft: "{", textbraceright: "}", textbullet: "•", textdollar: "$", textemdash: "—", textendash: "—", texteuro: "€", eurosym: "€", euro: "€", textexclamdown: "¡", textgreater: ">", textless: "<", textordfeminine: "ª", textordmasculine: "º", textperiodcentered: "·", cdot: "·", textquestiondown: "¿", textquotedblleft: "“", textquotedblright: "”", textquoteleft: "‘", textquoteright: "’", textquotestraightbase: "‚", textquotestraightdblbase: "„", textregistered: "®", textthreequartersemdash: "-", texttrademark: "™", texttwelveudash: "-", textunderscore: "_", textvisiblespace: "␣", gets: "←", textleftarrow: "←", to: "→", textrightarrow: "→", textdegree: "°", infty: "∞", triangle: "△", triangledown: "▽", blacktriangle: "▲", blacktriangledown: "▼", angle: "∠", sphericalangle: "∢", aleph: "ℵ", hbar: "ħ", imath: "𝚤", jmath: "𝚥", ell: "ℓ", wp: "℘", Re: "ℜ", Im: "ℑ", mho: "℧", prime: "′", emptyset: "∅", nabla: "∇", surd: "√", partial: "∂", top: "⟙", bot: "⟂", vdash: "⟝", dashv: "⟞", forall: "∀", exists: "∃", nexists: "∄", neg: "¬", lnot: "¬", flat: "♭", natural: "♮", sharp: "♯", backslash: "\\", Box: "□", Diamond: "♢", clubsuit: "♣", diamondsuit: "♦", heartsuit: "♥", spadesuit: "♠", Join: "⨝", blacksquare: "■", bigstar: "★", diagdown: "╲", diagup: "╱", blacklozenge: "⧫", rfloor: "⌋", lfloor: "⌊", rceil: "⌉", lceil: "⌈", rangle: "⟩", langle: "⟨", sum: "∑", int: "∫", oint: "∮", prod: "∏", coprod: "∏", bigcap: "∩", bigcup: "∪", bigsqcup: "⊔", bigvee: "∨", bigwedge: "∧", bigodot: "⊙", bigotimes: "⊗", bigoplus: "⊕", biguplus: "⊎", alpha: "α", beta: "β", chi: "χ", delta: "δ", epsilon: "ε", eta: "η", gamma: "γ", iota: "ι", kappa: "κ", lambda: "λ", mu: "μ", nu: "ν", omega: "ω", phi: "φ", pi: "π", psi: "ψ", rho: "ρ", sigma: "σ", tau: "τ", theta: "θ", upsilon: "υ", xi: "ξ", zeta: "ζ", Alpha: "Α", Beta: "Β", Chi: "Χ", Delta: "Δ", Epsilon: "Ε", Eta: "Η", Gamma: "Γ", Iota: "Ι", Kappa: "Κ", Lambda: "Λ", Mu: "Μ", Nu: "Ν", Omega: "Ω", Phi: "Φ", Pi: "Π", Psi: "Ψ", Rho: "Ρ", Sigma: "Σ", Tau: "Τ", Theta: "Θ", Upsilon: "Υ", Xi: "Ξ", Zeta: "Ζ", aa: "å", AA: "Å", ae: "æ", AE: "Æ", dh: "ð", DH: "Ð", dj: "đ", DJ: "Đ", ij: "ij", IJ: "IJ", l: "ł", L: "Ł", ng: "ŋ", NG: "Ŋ", o: "ø", O: "Ø", oe: "œ", OE: "Œ", ss: "ß", SS: "SS", th: "þ", TH: "Þ" };
+    var an = /^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/, ln = /^%[^\n]+(?:\n|$)/, hn = /^[^#$%&~_^\\{}]+/, cn = /^\\([&{}$%#_])/, un = /(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g, dn = { "---": "—", "--": "–", "!`": "¡", "?`": "¿", "``": "“", ",,": "„", "''": "”", "`": "‘", "'": "’", "<<": "«", ">>": "»", "~": " ", "\\-": "­", "\\,": " ", "\\;": " ", "\\:": " ", "\\!": " ", "\\@": "\uFEFF", "\\\\": "\\newline{}" }, U = { bf: function(e) {
       e.weight = "bold";
     }, it: function(e) {
       e.style = "italic";
@@ -1390,115 +1390,115 @@ var Ve = { exports: {} };
     }, newline: function(e) {
       this.tokens.push(new nt());
     }, url: function(e, n) {
-      this.open_context().href = n, this.add_token(new N(n)), this.close_context();
+      this.open_context().href = n, this.add_token(new R(n)), this.close_context();
     } };
-    V.textsuperscript = V["^"], V.textsubscript = V._, V.textsl = V.sl, V.mathbf = V.bf, V.mathit = V.it, V.textbf = V.bf, V.textit = V.it, V.textcolor = V.color;
-    var un = /[\r\n\xA0]+/g;
-    function dn(e, n) {
+    U.textsuperscript = U["^"], U.textsubscript = U._, U.textsl = U.sl, U.mathbf = U.bf, U.mathit = U.it, U.textbf = U.bf, U.textit = U.it, U.textcolor = U.color;
+    var fn = /[\r\n\xA0]+/g;
+    function pn(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 = S(n, e)), o;
+      return (e.style || e.weight || e.baseline || e.color || e.size || e.family) && (o = b(n, e)), o;
     }
-    function me(e, n, o) {
+    function xe(e, n, o) {
       for (var i, c, y = e.width; y + o.width > n && e.length; )
-        c = (i = e[e.length - 1]).width, i.width > o.width ? (i.value = i.value.slice(0, -1), i.width = Y(i, i.font), y += i.width) : e.pop(), y -= c;
-      e[e.length - 1] instanceof pt && e.pop(), i = e[e.length - 1] || i || {}, o.font = S(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);
+        c = (i = e[e.length - 1]).width, i.width > o.width ? (i.value = i.value.slice(0, -1), i.width = X(i, i.font), y += i.width) : e.pop(), y -= c;
+      e[e.length - 1] instanceof pt && e.pop(), i = e[e.length - 1] || i || {}, o.font = b(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 vt(e) {
       return Math.round(1e6 * e) / 1e6;
     }
-    function ve(e) {
+    function we(e) {
       return function(n) {
         if (Array.isArray(n))
-          return Wt(n);
+          return Zt(n);
       }(e) || function(n) {
         if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null)
           return Array.from(n);
       }(e) || function(n, o) {
         if (n) {
           if (typeof n == "string")
-            return Wt(n, o);
+            return Zt(n, o);
           var i = Object.prototype.toString.call(n).slice(8, -1);
-          return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Wt(n, o) : void 0;
+          return i === "Object" && n.constructor && (i = n.constructor.name), i === "Map" || i === "Set" ? Array.from(n) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Zt(n, o) : void 0;
         }
       }(e) || function() {
         throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
       }();
     }
-    function Wt(e, n) {
+    function Zt(e, n) {
       (n == null || n > e.length) && (n = e.length);
       for (var o = 0, i = new Array(n); o < n; o++)
         i[o] = e[o];
       return i;
     }
-    var fn = { center: "middle", right: "end" }, pn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, Kt = function(e, n) {
+    var gn = { center: "middle", right: "end" }, yn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 }, Kt = function(e, n) {
       return !e && !n || e === n;
     };
-    function gn(e, n) {
+    function mn(e, n) {
       var o = [], i = n.font(), c = i.size, y = i.family, w = n.align(), x = n.createElement();
       if (e.length) {
-        var b = i.height, E = n.valign(), O = n.height()(), M = n.width()(0), I = !isFinite(M) && e.length === 1, z = I ? null : n.x(), R = vt(b / c), Q = I ? null : vt(b / (1.15 * c + (b - c) / 2));
-        if (pn[E] && isFinite(O)) {
-          var $ = E === "bottom" ? 1 : 0.5;
-          Q += (O * $ - b * e.length * $) / c;
+        var E = i.height, k = n.valign(), O = n.height()(), L = n.width()(0), I = !isFinite(L) && e.length === 1, z = I ? null : n.x(), j = vt(E / c), Q = I ? null : vt(E / (1.15 * c + (E - c) / 2));
+        if (yn[k] && isFinite(O)) {
+          var P = k === "bottom" ? 1 : 0.5;
+          Q += (O * P - E * e.length * P) / c;
         }
-        var L = w === "justify", H = 0;
-        w === "right" ? H = M : w === "center" && (H = M / 2);
-        for (var P = [], tt = "tspan", Z = null, j = "", _ = function() {
-          if (j) {
-            var gt = x(tt, Z, j);
-            P.push(gt);
+        var C = w === "justify", F = 0;
+        w === "right" ? F = L : w === "center" && (F = L / 2);
+        for (var H = [], tt = "tspan", G = null, q = "", M = function() {
+          if (q) {
+            var gt = x(tt, G, q);
+            H.push(gt);
           }
-          tt = "tspan", Z = null, j = "";
+          tt = "tspan", G = null, q = "";
         }, it = 0, et = e.length; it < et; it++) {
           var at = "", dt = "", st = 0, lt = e[it];
           if (lt.length) {
-            P = [];
-            for (var xt = 0, Dt = 0, ht = void 0, W = 0, Rt = lt.length; W < Rt; W++) {
-              var B = lt[W], K = B.font;
-              B.whitespace && xt++, Dt += B.width, W && !B.tracking && !st && Kt(K.id, at) && Kt(B.class, dt) && Kt(ht, B.href) ? j += B.value : (_(), j = B.value, Z = { fontFamily: K.family !== y ? K.family : null, fontSize: K.size !== c ? K.size : null, fontWeight: K.weight || null, fontStyle: K.style || null, fontVariant: K.variant !== "normal" && K.variant || null, fill: K.color || null, baselineShift: K.baseline ? 100 * K.baseline + "%" : null, className: B.class || null }, st && (Z.dx = vt(st), st = 0), B.tracking && (st = K.size * B.tracking), B.href && !ht ? (ht = B.href, tt = "a", Z.href = ht, Z.rel = B.rel, Z.target = B.target) : ht = null, at = K.id, dt = B.class);
+            H = [];
+            for (var xt = 0, Mt = 0, ht = void 0, Z = 0, Ht = lt.length; Z < Ht; Z++) {
+              var B = lt[Z], K = B.font;
+              B.whitespace && xt++, Mt += B.width, Z && !B.tracking && !st && Kt(K.id, at) && Kt(B.class, dt) && Kt(ht, B.href) ? q += B.value : (M(), q = B.value, G = { fontFamily: K.family !== y ? K.family : null, fontSize: K.size !== c ? K.size : null, fontWeight: K.weight || null, fontStyle: K.style || null, fontVariant: K.variant !== "normal" && K.variant || null, fill: K.color || null, baselineShift: K.baseline ? 100 * K.baseline + "%" : null, className: B.class || null }, st && (G.dx = vt(st), st = 0), B.tracking && (st = K.size * B.tracking), B.href && !ht ? (ht = B.href, tt = "a", G.href = ht, G.rel = B.rel, G.target = B.target) : ht = null, at = K.id, dt = B.class);
             }
-            if (_(), I)
-              o.push.apply(o, ve(P));
+            if (M(), I)
+              o.push.apply(o, we(H));
             else {
-              var Ht = null, Ot = it === et - 1 || lt[lt.length - 1] instanceof nt;
-              L && lt.length > 1 && !Ot && (Ht = vt((M - Dt) / xt)), o.push(x.apply(void 0, ["tspan", { wordSpacing: Ht, x: z(it) + H, dy: vt(it ? R : Q) + "em" }].concat(ve(P))));
+              var Rt = null, Dt = it === et - 1 || lt[lt.length - 1] instanceof nt;
+              C && lt.length > 1 && !Dt && (Rt = vt((L - Mt) / xt)), o.push(x.apply(void 0, ["tspan", { wordSpacing: Rt, x: z(it) + F, dy: vt(it ? j : Q) + "em" }].concat(we(H))));
             }
           } else
-            o.push(x("tspan", { x: z(it), dy: vt(it ? R : Q) + "em" }, " "));
+            o.push(x("tspan", { x: z(it), dy: vt(it ? j : Q) + "em" }, " "));
         }
       }
-      return x.apply(void 0, ["text", { fontFamily: y, fontSize: c, textAnchor: fn[w] || "start" }].concat(o));
+      return x.apply(void 0, ["text", { fontFamily: y, fontSize: c, textAnchor: gn[w] || "start" }].concat(o));
     }
-    var yn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
-    function mn(e, n, o) {
+    var vn = { middle: 0.5, center: 0.5, bottom: 1, end: 1 };
+    function xn(e, n, o) {
       if (e.length) {
         o.textBaseline = "middle";
-        var i = n.font(), c = i.height, y = i.size, w = n.valign(), x = n.height()(), b = n.width()(0), E = n.align(), O = E === "justify", M = 0.5 * c, I = yn[w];
+        var i = n.font(), c = i.height, y = i.size, w = n.valign(), x = n.height()(), E = n.width()(0), k = n.align(), O = k === "justify", L = 0.5 * c, I = vn[w];
         if (I && isFinite(x)) {
           var z = e.length * c;
-          M += x * I - z * I;
+          L += x * I - z * I;
         }
-        e.forEach(function(R, Q) {
-          var $ = n.x()(Q), L = Q * c + M, H = 0, P = 0;
-          R.forEach(function(j) {
-            j.whitespace && H++, P += j.width;
+        e.forEach(function(j, Q) {
+          var P = n.x()(Q), C = Q * c + L, F = 0, H = 0;
+          j.forEach(function(q) {
+            q.whitespace && F++, H += q.width;
           });
-          var tt = 0, Z = Q === e.length - 1 || R[R.length - 1] instanceof nt;
-          O && R.length > 1 && !Z && (tt = (b - P) / H), R.forEach(function(j) {
-            o.font = j.font;
-            var _ = j.font, it = _.baseline ? y * -_.baseline + 0.15 * y : 0;
+          var tt = 0, G = Q === e.length - 1 || j[j.length - 1] instanceof nt;
+          O && j.length > 1 && !G && (tt = (E - H) / F), j.forEach(function(q) {
+            o.font = q.font;
+            var M = q.font, it = M.baseline ? y * -M.baseline + 0.15 * y : 0;
             o.fillStyle = function(dt, st) {
               return dt.color ? dt.color : st.href ? "#00C" : "#000";
-            }(_, j);
+            }(M, q);
             var et = 0;
-            if (E === "right" ? et += b - P : E === "center" ? et += b / 2 - P / 2 : E === "justify" && (j.whitespace || j instanceof nt) && ($ += tt), o.fillText(j.value, $ + et, L + it), j.href) {
+            if (k === "right" ? et += E - H : k === "center" ? et += E / 2 - H / 2 : k === "justify" && (q.whitespace || q instanceof nt) && (P += tt), o.fillText(q.value, P + et, C + it), q.href) {
               o.beginPath(), o.strokeStyle = o.fillStyle;
-              var at = Math.floor(L + 0.45 * y) + 0.5;
-              o.moveTo($ + et, at), o.lineTo($ + et + j.width, at), o.stroke();
+              var at = Math.floor(C + 0.45 * y) + 0.5;
+              o.moveTo(P + et, at), o.lineTo(P + et + q.width, at), o.stroke();
             }
-            $ += j.width;
+            P += q.width;
           });
         });
       }
@@ -1510,39 +1510,39 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
       }, Jt(e);
     }
-    function xe(e) {
+    function be(e) {
       for (var n = {}, o = 0; o < e.length; o++) {
         var i = e[o];
         typeof i != "number" && i != null && (typeof i == "string" ? n.text = i : typeof i == "function" ? n.fn = i : Jt(i) === "object" && i._groups ? n.d3 = i : i && i.nodeType && i.getContext ? n.ctx = i.getContext("2d") : i && i.fillText && i.beginPath ? n.ctx = i : i && (n.text = i));
       }
       return n;
     }
-    function It(e) {
-      return It = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function _t(e) {
+      return _t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, It(e);
+      }, _t(e);
     }
-    function vn(e, n) {
+    function wn(e, n) {
       for (var o = 0; o < n.length; o++) {
         var i = n[o];
         i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(y, w) {
-          if (It(y) !== "object" || y === null)
+          if (_t(y) !== "object" || y === null)
             return y;
           var x = y[Symbol.toPrimitive];
           if (x !== void 0) {
-            var b = x.call(y, w);
-            if (It(b) !== "object")
-              return b;
+            var E = x.call(y, w);
+            if (_t(E) !== "object")
+              return E;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(y);
-        }(i.key, "string"), It(c) === "symbol" ? c : String(c)), i);
+        }(i.key, "string"), _t(c) === "symbol" ? c : String(c)), i);
       }
       var c;
     }
-    var xn = S(), Qt = function(e) {
+    var bn = b(), Qt = function(e) {
       return typeof e == "function" ? e : function() {
         return e;
       };
@@ -1563,80 +1563,80 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       var n, o;
       return n = e, o = [{ key: "linebreak", value: function(i) {
-        var c = this, y = this.props.parser(String(i)), w = this.font(), x = function(b, E, O) {
-          if (!b.length)
+        var c = this, y = this.props.parser(String(i)), w = this.font(), x = function(E, k, O) {
+          if (!E.length)
             return [];
-          var M = E.height(), I = E.width(), z = E.overflowLine(), R = E.overflowWrap(), Q = S(O, !0, !1), $ = isFinite(M()) ? Math.floor(M() / O.height) : 1 / 0;
-          if (!M() && !I(0) || !$)
+          var L = k.height(), I = k.width(), z = k.overflowLine(), j = k.overflowWrap(), Q = b(O, !0, !1), P = isFinite(L()) ? Math.floor(L() / O.height) : 1 / 0;
+          if (!L() && !I(0) || !P)
             return [];
-          for (var L = 0, H = 0, P = 0, tt = [], Z = [], j = !1; L < b.length && H < $; ) {
-            var _ = b[L], it = dn(_, O);
-            if (_.width = Y(_, it), _.font = it, _.line = H, _.whitespace = _.value in C, _.value && (_.value = _.value.replace(un, " ")), !(!P && _.whitespace || j && _.whitespace))
-              if (_ instanceof nt)
-                P = 0, Z = [], tt.push(L + 1), H++;
-              else if (_ instanceof Tt || _ instanceof pt)
-                Z.push({ index: L, width: P });
-              else if (_.whitespace || P + _.width < I(H))
-                P += _.width;
-              else if (Z.length) {
+          for (var C = 0, F = 0, H = 0, tt = [], G = [], q = !1; C < E.length && F < P; ) {
+            var M = E[C], it = pn(M, O);
+            if (M.width = X(M, it), M.font = it, M.line = F, M.whitespace = M.value in D, M.value && (M.value = M.value.replace(fn, " ")), !(!H && M.whitespace || q && M.whitespace))
+              if (M instanceof nt)
+                H = 0, G = [], tt.push(C + 1), F++;
+              else if (M instanceof Tt || M instanceof pt)
+                G.push({ index: C, width: H });
+              else if (M.whitespace || H + M.width < I(F))
+                H += M.width;
+              else if (G.length) {
                 var et = void 0, at = void 0;
                 do {
-                  at = !0, et = Z.pop();
-                  var dt = b[et.index], st = void 0;
-                  dt instanceof pt && (st = Y("-", dt.font), et.width + st > I(H) && (at = !Z.length));
+                  at = !0, et = G.pop();
+                  var dt = E[et.index], st = void 0;
+                  dt instanceof pt && (st = X("-", dt.font), et.width + st > I(F) && (at = !G.length));
                 } while (!at);
-                tt.push(et.index + 1), P = 0, H++, L = et.index, Z = [];
-              } else if (R === "break-word") {
-                var lt = I(H);
-                if (P + _.width > lt) {
-                  var xt = _.clone();
+                tt.push(et.index + 1), H = 0, F++, C = et.index, G = [];
+              } else if (j === "break-word") {
+                var lt = I(F);
+                if (H + M.width > lt) {
+                  var xt = M.clone();
                   do
-                    _.value = _.value.slice(0, -1), _.width = Y(_, _.font), P += _.width;
-                  while (_.value && _.width > lt);
-                  xt.value = xt.value.slice(_.value.length), b.splice(L + 1, 0, new Tt(), xt);
+                    M.value = M.value.slice(0, -1), M.width = X(M, M.font), H += M.width;
+                  while (M.value && M.width > lt);
+                  xt.value = xt.value.slice(M.value.length), E.splice(C + 1, 0, new Tt(), xt);
                 }
-                tt.push(L + 1), P = 0, H++;
+                tt.push(C + 1), H = 0, F++;
               } else
-                P += _.width;
-            L++, j = _.whitespace;
+                H += M.width;
+            C++, q = M.whitespace;
           }
-          L !== tt[tt.length - 1] && tt.push(L);
-          var Dt = 0, ht = 0, W = tt.map(function(gt) {
-            for (var J, yt = Dt; (J = b[yt]) && (J.whitespace || !J.value); )
+          C !== tt[tt.length - 1] && tt.push(C);
+          var Mt = 0, ht = 0, Z = tt.map(function(gt) {
+            for (var J, yt = Mt; (J = E[yt]) && (J.whitespace || !J.value); )
               yt++;
-            for (var ft = gt, ne = null; ft > yt && (J = b[ft - 1]) && (J.whitespace || !(J.value || J instanceof pt)); )
+            for (var ft = gt, ne = null; ft > yt && (J = E[ft - 1]) && (J.whitespace || !(J.value || J instanceof pt)); )
               J instanceof nt && (ne = J), ft--;
-            J instanceof pt && (J.value = "-", J.width = Y("-", J.font)), Dt = gt;
-            var wt = b.slice(yt, ft).filter(function(ie) {
+            J instanceof pt && (J.value = "-", J.width = X("-", J.font)), Mt = gt;
+            var wt = E.slice(yt, ft).filter(function(ie) {
               return ie.value;
             });
-            return ne && wt.push(ne), wt.width = wt.reduce(function(ie, En) {
-              return ie + En.width;
+            return ne && wt.push(ne), wt.width = wt.reduce(function(ie, Tn) {
+              return ie + Tn.width;
             }, 0), wt.width > ht && (ht = wt.width), wt;
           });
-          if (W.hasLineOverflow = !1, z) {
-            var Rt = z === "ellipsis" ? "…" : z;
-            W.forEach(function(gt, J) {
+          if (Z.hasLineOverflow = !1, z) {
+            var Ht = z === "ellipsis" ? "…" : z;
+            Z.forEach(function(gt, J) {
               var yt = I(J);
               if (gt.width > yt) {
-                var ft = new N(Rt);
-                ft.font = O, ft.width = Y(Rt, Q), me(gt, yt, ft), W.hasLineOverflow = !0;
+                var ft = new R(Ht);
+                ft.font = O, ft.width = X(Ht, Q), xe(gt, yt, ft), Z.hasLineOverflow = !0;
               }
             });
           }
-          var B = E.overflow() === "ellipsis" ? "…" : E.overflow();
-          if (B && L !== b.length) {
-            var K = I(W.length - 1), Ht = W[W.length - 1], Ot = new N(B);
-            Ot.font = O, Ot.width = Y(B, Q), me(Ht, K, Ot), W.hasOverflow = !0;
+          var B = k.overflow() === "ellipsis" ? "…" : k.overflow();
+          if (B && C !== E.length) {
+            var K = I(Z.length - 1), Rt = Z[Z.length - 1], Dt = new R(B);
+            Dt.font = O, Dt.width = X(B, Q), xe(Rt, K, Dt), Z.hasOverflow = !0;
           } else
-            W.hasOverflow = !1;
-          return W.font = O, W.width = ht, W;
+            Z.hasOverflow = !1;
+          return Z.font = O, Z.width = ht, Z;
         }(y, this, w);
-        return x.height = x.length * w.height, x.render = function(b) {
-          return c.render(x, b);
+        return x.height = x.length * w.height, x.render = function(E) {
+          return c.render(x, E);
         }, x.svg = x.render, x.draw = x.render, x;
       } }, { key: "font", value: function(i) {
-        return arguments.length ? (this.props.font = S(i), this) : this.props.font || S(xn);
+        return arguments.length ? (this.props.font = b(i), this) : this.props.font || b(bn);
       } }, { key: "overflow", value: function(i) {
         return arguments.length ? (this.props.overflow = String(i), this) : this.props.overflow;
       } }, { key: "overflowLine", value: function(i) {
@@ -1672,16 +1672,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       } }, { key: "createElement", value: function(i) {
         return arguments.length ? (this.props.createElement = i, this) : this.props.createElement || e.createElement;
       } }, { key: "render", value: function() {
-        var i = xe(arguments);
-        return typeof i.text == "string" && (i.text = this.linebreak(i.text)), i.ctx ? mn(i.text, this, i.ctx) : gn(i.text, this);
-      } }], o && vn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
+        var i = be(arguments);
+        return typeof i.text == "string" && (i.text = this.linebreak(i.text)), i.ctx ? xn(i.text, this, i.ctx) : mn(i.text, this);
+      } }], o && wn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
     }();
-    function _t(e) {
-      return _t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+    function It(e) {
+      return It = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
         return typeof n;
       } : function(n) {
         return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
-      }, _t(e);
+      }, It(e);
     }
     function te(e, n) {
       (n == null || n > e.length) && (n = e.length);
@@ -1689,29 +1689,29 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         i[o] = e[o];
       return i;
     }
-    function wn(e, n) {
+    function An(e, n) {
       for (var o = 0; o < n.length; o++) {
         var i = n[o];
         i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, (c = function(y, w) {
-          if (_t(y) !== "object" || y === null)
+          if (It(y) !== "object" || y === null)
             return y;
           var x = y[Symbol.toPrimitive];
           if (x !== void 0) {
-            var b = x.call(y, w);
-            if (_t(b) !== "object")
-              return b;
+            var E = x.call(y, w);
+            if (It(E) !== "object")
+              return E;
             throw new TypeError("@@toPrimitive must return a primitive value.");
           }
           return String(y);
-        }(i.key, "string"), _t(c) === "symbol" ? c : String(c)), i);
+        }(i.key, "string"), It(c) === "symbol" ? c : String(c)), i);
       }
       var c;
     }
-    var we = function(e) {
+    var Ae = function(e) {
       return typeof e == "function" ? e : function() {
         return e;
       };
-    }, be = function() {
+    }, Se = function() {
       function e(i) {
         if (function(y, w) {
           if (!(y instanceof w))
@@ -1727,20 +1727,20 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       }
       var n, o;
       return n = e, o = [{ key: "anchor", value: function(i) {
-        var c = this.props, y = c.hAnchor, w = c.vAnchor, x = c.width, b = c.height;
+        var c = this.props, y = c.hAnchor, w = c.vAnchor, x = c.width, E = c.height;
         if (!arguments.length)
-          return [y * x(0), w * b(0)];
+          return [y * x(0), w * E(0)];
         if (typeof i == "string") {
-          var E = this.props;
+          var k = this.props;
           i.toLowerCase().trim().split(/\s+/).forEach(function(O) {
-            O === "top" && (E.vAnchor = -0), O === "middle" && (E.vAnchor = -0.5), O === "bottom" && (E.vAnchor = -1), O === "left" && (E.hAnchor = -0), O === "center" && (E.hAnchor = -0.5), O === "right" && (E.hAnchor = -1);
+            O === "top" && (k.vAnchor = -0), O === "middle" && (k.vAnchor = -0.5), O === "bottom" && (k.vAnchor = -1), O === "left" && (k.hAnchor = -0), O === "center" && (k.hAnchor = -0.5), O === "right" && (k.hAnchor = -1);
           });
         }
         return this;
       } }, { key: "width", value: function(i) {
-        return arguments.length ? (this.props.width = we(i), this) : this.props.width;
+        return arguments.length ? (this.props.width = Ae(i), this) : this.props.width;
       } }, { key: "height", value: function(i) {
-        return arguments.length ? (this.props.height = we(i), this) : this.props.height;
+        return arguments.length ? (this.props.height = Ae(i), this) : this.props.height;
       } }, { key: "rotate", value: function(i) {
         return arguments.length ? (this.props.rotation = i, this) : this.props.rotation;
       } }, { key: "createElement", value: function(i) {
@@ -1753,19 +1753,19 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
         }(y = this.anchor()) || function(x) {
           if (typeof Symbol < "u" && x[Symbol.iterator] != null || x["@@iterator"] != null)
             return Array.from(x);
-        }(y) || function(x, b) {
+        }(y) || function(x, E) {
           if (x) {
             if (typeof x == "string")
-              return te(x, b);
-            var E = Object.prototype.toString.call(x).slice(8, -1);
-            return E === "Object" && x.constructor && (E = x.constructor.name), E === "Map" || E === "Set" ? Array.from(x) : E === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(E) ? te(x, b) : void 0;
+              return te(x, E);
+            var k = Object.prototype.toString.call(x).slice(8, -1);
+            return k === "Object" && x.constructor && (k = x.constructor.name), k === "Map" || k === "Set" ? Array.from(x) : k === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(k) ? te(x, E) : void 0;
           }
         }(y) || function() {
           throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
         }()), c(w), w.restore(), w;
       } }, { key: "render", value: function() {
-        var i = xe(arguments);
+        var i = be(arguments);
         if (i.d3)
           return i.d3.attr("transform", "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")"));
         if (i.ctx)
@@ -1774,62 +1774,62 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
           var c = typeof i.text.render == "function" ? i.text.render() : i.text;
           return this.createElement()("g", { transform: "rotate(".concat(this.rotate(), ") translate(").concat(this.anchor(), ")") }, c);
         }
-      } }], o && wn(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
-    }(), bn = Object.prototype.hasOwnProperty, ee = {};
-    function An(e) {
+      } }], o && An(n.prototype, o), Object.defineProperty(n, "prototype", { writable: !1 }), e;
+    }(), Sn = Object.prototype.hasOwnProperty, ee = {};
+    function En(e) {
       return ee[e] || (ee[e] = e.replace(/([a-z])([A-Z])/g, function(n, o, i) {
         return o + "-" + i.toLowerCase();
       })), ee[e];
     }
-    function Ae(e, n) {
+    function Ee(e, n) {
       if (Array.isArray(n))
         return n.forEach(function(o) {
-          return Ae(e, o);
+          return Ee(e, o);
         });
       typeof n == "string" && (n = document.createTextNode(n)), e.appendChild(n);
     }
-    function Se(e, n) {
+    function ke(e, n) {
       if (typeof document < "u") {
         var o = typeof e == "string" ? document.createElementNS("http://www.w3.org/2000/svg", e) : e;
         if (n && o.setAttribute)
           for (var i in n)
-            bn.call(n, i) && n[i] != null && o.setAttribute(i === "className" ? "class" : An(i), n[i]);
+            Sn.call(n, i) && n[i] != null && o.setAttribute(i === "className" ? "class" : En(i), n[i]);
         for (var c = arguments.length, y = new Array(c > 2 ? c - 2 : 0), w = 2; w < c; w++)
           y[w - 2] = arguments[w];
         return y != null && y.length && y.forEach(function(x) {
-          Ae(o, x);
+          Ee(o, x);
         }), o;
       }
     }
-    rt.createElement = Se, rt.textparser = Nt, rt.defaultparser = Nt, rt.htmlparser = function(e) {
+    rt.createElement = ke, rt.textparser = Nt, rt.defaultparser = Nt, rt.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 }, c = [], y = [], w = function(M) {
+      for (var n, o, i = { weight: null, style: null, sub: !1, sup: !1, href: null, color: null, rel: null, target: null }, c = [], y = [], w = function(L) {
         for (var I in i)
-          i[I] && (M[I] = i[I]);
-        c.push(M);
-      }, x = function(M) {
-        var I = c.length, z = tn[M];
+          i[I] && (L[I] = i[I]);
+        c.push(L);
+      }, x = function(L) {
+        var I = c.length, z = nn[L];
         if (I && z) {
-          for (var R = I - 1; c[R] && (c[R] instanceof Tt || Ze.test(c[R].value)); )
-            R--;
-          for (; z && c[R] && c[R] instanceof nt; )
-            R--, z--;
+          for (var j = I - 1; c[j] && (c[j] instanceof Tt || Ke.test(c[j].value)); )
+            j--;
+          for (; z && c[j] && c[j] instanceof nt; )
+            j--, z--;
           for (; z-- > 0; )
             c.push(new nt());
         }
       }; e.length; ) {
         if (n = /^[^<]+/.exec(e))
-          Nt(ge(n[0]), !1).forEach(w);
-        else if (!(n = Je.exec(e)))
-          if (n = We.exec(e))
+          Nt(me(n[0]), !1).forEach(w);
+        else if (!(n = tn.exec(e)))
+          if (n = Je.exec(e))
             y.length && (i = y.pop()), x(n[1]);
-          else if (n = Ke.exec(e)) {
-            var b = n[1];
-            x(b), y.push(i), i = Object.create(i), pe[b] && pe[b](i, "");
-            var E = rn(n[2]);
-            b === "a" && (E.href && (i.href = E.href), E.rel && (i.rel = E.rel), E.target && (i.target = E.target)), E.class && (i.class = i.class ? i.class + " " + E.class : E.class), E.style && (o = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(E.style)) && o[1] && (i.color = o[1]), b === "br" && c.push(new nt());
+          else if (n = Qe.exec(e)) {
+            var E = n[1];
+            x(E), y.push(i), i = Object.create(i), ye[E] && ye[E](i, "");
+            var k = on(n[2]);
+            E === "a" && (k.href && (i.href = k.href), k.rel && (i.rel = k.rel), k.target && (i.target = k.target)), k.class && (i.class = i.class ? i.class + " " + k.class : k.class), k.style && (o = /(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(k.style)) && o[1] && (i.color = o[1]), E === "br" && c.push(new nt());
           } else
-            n = [e.slice(0, 1)], w(new N(n[0]));
+            n = [e.slice(0, 1)], w(new R(n[0]));
         e = e.slice(n[0].length);
       }
       for (var O = c[c.length - 1]; O instanceof nt; )
@@ -1838,85 +1838,91 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     }, rt.latexparser = function(e) {
       e = String(e || "").trim();
       var n = [0];
-      e = e.replace(/\\verb,(.*?),/, function($, L) {
-        return n.push(L), "\\verb," + (n.length - 1) + ",";
+      e = e.replace(/\\verb,(.*?),/, function(P, C) {
+        return n.push(C), "\\verb," + (n.length - 1) + ",";
       }).replace(/\\\\\n/g, function() {
         return "\\\\";
-      }).replace(hn, function($, L, H) {
-        return H.charAt(L - 1) === "\\" ? $ : cn[$];
-      }).replace(/\n\s+/g, function($) {
-        return /\n/.test($.slice(1)) ? "\\par " : $;
-      }).replace(/\\symbol\{(\d+)\}/, function($, L, H, P) {
-        return P.charAt(H - 1) === "\\" ? $ : String.fromCharCode(1 * L);
-      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function($, L, H, P) {
-        return L + H + "{" + P + "}";
-      }).replace(/\\verb,(.*?),/, function($, L) {
-        return "\\verb,".concat(n[+L], ",");
+      }).replace(un, function(P, C, F) {
+        return F.charAt(C - 1) === "\\" ? P : dn[P];
+      }).replace(/\n\s+/g, function(P) {
+        return /\n/.test(P.slice(1)) ? "\\par " : P;
+      }).replace(/\\symbol\{(\d+)\}/, function(P, C, F, H) {
+        return H.charAt(F - 1) === "\\" ? P : String.fromCharCode(1 * C);
+      }).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g, function(P, C, F, H) {
+        return C + F + "{" + H + "}";
+      }).replace(/\\verb,(.*?),/, function(P, C) {
+        return "\\verb,".concat(n[+C], ",");
       });
-      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, c = [], y = [], w = function($) {
-        for (var L in i)
-          i[L] && ($[L] = i[L]);
-        return c.push($), $;
+      for (var o, i = { weight: null, italic: null, variant: null, sub: !1, sup: !1, href: null }, c = [], y = [], w = function(P) {
+        for (var C in i)
+          i[C] && (P[C] = i[C]);
+        return c.push(P), P;
       }, x = function() {
         y.push(i), i = Object.create(i);
-      }, b = function() {
+      }, E = function() {
         if (!y.length)
           throw new Error("Unexpected }");
         i = y.pop();
-      }, E = { tokens: c, open_context: x, close_context: b, add_token: w }; e.length; ) {
-        if (o = an.exec(e))
+      }, k = { tokens: c, open_context: x, close_context: E, add_token: w }; e.length; ) {
+        if (o = hn.exec(e))
           Nt(o[0], !1).forEach(w);
-        else if (o = ln.exec(e))
-          w(new N(o[1]));
-        else if (!(o = on.exec(e))) {
+        else if (o = cn.exec(e))
+          w(new R(o[1]));
+        else if (!(o = ln.exec(e))) {
           if (o = /^\{/.exec(e))
             x();
           else if (o = /^\}/.exec(e))
-            b();
+            E();
           else if (!(o = /^\$/.exec(e)))
             if (o = /^\\verb,([^,]+),/.exec(e))
-              w(new N(o[1]));
-            else if (o = sn.exec(e)) {
-              var O = o[1].slice(1) || o[1], M = !!o[2];
+              w(new R(o[1]));
+            else if (o = an.exec(e)) {
+              var O = o[1].slice(1) || o[1], L = !!o[2];
               if (/^(La)?TeX$/i.test(O)) {
                 x(), i.family = "serif";
                 var I = void 0;
-                O === "LaTeX" && ((I = w(new N("L"))).tracking = -0.25, (I = w(new N("A"))).size = 0.7, I.baseline = 0.3, I.tracking = -0.1), (I = w(new N("T"))).tracking = -0.17, (I = w(new N("E"))).baseline = -0.22, I.tracking = -0.13, I = w(new N("X")), b();
-              } else if (O in ye)
-                w(new N(ye[O])), M && x();
-              else if (O in V) {
-                var z = [], R = V[O].length - 1, Q = void 0;
-                if (R) {
-                  for (M = !1, e = e.slice(o[0].length - 1); R--; ) {
+                O === "LaTeX" && ((I = w(new R("L"))).tracking = -0.25, (I = w(new R("A"))).size = 0.7, I.baseline = 0.3, I.tracking = -0.1), (I = w(new R("T"))).tracking = -0.17, (I = w(new R("E"))).baseline = -0.22, I.tracking = -0.13, I = w(new R("X")), E();
+              } else if (O in ve)
+                w(new R(ve[O])), L && x();
+              else if (O in U) {
+                var z = [], j = U[O].length - 1, Q = void 0;
+                if (j) {
+                  for (L = !1, e = e.slice(o[0].length - 1); j--; ) {
                     if (!(Q = /^\{([^}]+)\}/.exec(e)))
                       throw new Error(O + " is missing an argument");
                     z.push(Q[1]), e = e.slice(Q[0].length);
                   }
-                  o[0] = /^\{/.exec(e) ? "{" : "", M = !!o[0];
+                  o[0] = /^\{/.exec(e) ? "{" : "", L = !!o[0];
                 }
-                M && x(), V[O].apply(E, [i].concat(z));
+                L && x(), U[O].apply(k, [i].concat(z));
               } else
-                console.warn("unknown latex command", O), w(new N(o[1])), M && x();
+                console.warn("unknown latex command", O), w(new R(o[1])), L && x();
             } else
-              o = [e.slice(0, 1)], w(new N(o[0]));
+              o = [e.slice(0, 1)], w(new R(o[0]));
         }
         e = e.slice(o[0].length);
       }
       return c;
     }, rt.measureText = function(e, n, o) {
-      return Y(e, S(n), o);
-    }, rt.Token = N, rt.Break = Tt, rt.LineBreak = nt, rt.SoftHyphen = pt, rt.Rotator = be, be.createElement = Se;
-    const Sn = rt;
+      return X(e, b(n), o);
+    }, rt.Token = R, rt.Break = Tt, rt.LineBreak = nt, rt.SoftHyphen = pt, rt.Rotator = Se, Se.createElement = ke;
+    const kn = rt;
     return r.default;
   })());
-})(Ve);
-var Fn = Ve.exports;
-const Oe = /* @__PURE__ */ ce(Fn);
-function Bn(u, l) {
+})(Ye);
+var Bn = Ye.exports;
+const Le = /* @__PURE__ */ de(Bn);
+function se(u) {
+  return u.replace(/…$/, "");
+}
+function oe(u) {
+  return u.children[0].innerHTML;
+}
+function Vn(u, l) {
   const t = ut(u), { fontSize: r, font: a, padding: h = 0 } = u.properties.style || {};
   if (t.width === t.height && t.width === 0)
     return;
-  const p = new Oe({
+  const f = new Le({
     font: `${r}px/${r}px ${a}`.replace(/(px)+/g, "px"),
     width: t.width - h * 2,
     height: t.height - h * 2,
@@ -1925,15 +1931,50 @@ function Bn(u, l) {
     x: 0,
     overflow: "ellipsis",
     parser: "html",
-    createElement: Oe.createElement
-  }).linebreak(
+    createElement: Le.createElement
+  });
+  f.overflowWrap("break-word");
+  const p = f.linebreak(
     u.properties.content.replaceAll(`
 `, "<br>")
-  ).render();
-  p.setAttribute("transform", `translate(${h}, ${h})`), l.appendChild(p);
+  ).render(), s = [...p.children];
+  let d = 0;
+  const m = [];
+  u.properties.content.split(`
+`).forEach((b) => {
+    let D = b;
+    for (; D.length && d < s.length; ) {
+      if (s[d].innerHTML === "&nbsp;") {
+        D.startsWith(`
+`) || m.push(d), d++;
+        break;
+      }
+      const A = se(oe(s[d]));
+      D.startsWith(A) && (D = D.slice(A.length).trim()), d++;
+    }
+  }), m.forEach((b) => p.removeChild(s[b]));
+  const S = u.properties.content.match(/(https?:\/\/.*)/gm), T = S ? S.map((b) => b.split(" ")[0]) : [];
+  p.setAttribute("transform", `translate(${h}, ${h})`), T.forEach((b) => {
+    let D = b;
+    const A = [];
+    for (; D.length > 0; ) {
+      const $ = s.find((_) => !!_.children[0] && _.children[0].tagName === "tspan" && D.startsWith(se(oe(_))));
+      if (!$)
+        break;
+      A.push($);
+      const N = se($.children[0].innerHTML).length;
+      if (!N)
+        break;
+      D = D.slice(N);
+    }
+    A.forEach(($) => {
+      const N = document.createElementNS("http://www.w3.org/2000/svg", "a");
+      N.setAttribute("href", b), N.setAttribute("target", "_blank"), N.innerHTML = oe($), $.children[0].innerHTML = "", $.children[0].appendChild(N);
+    });
+  }), l.appendChild(p);
 }
-const Me = 20;
-class qn extends qe {
+const ze = 20;
+class Un extends Ue {
   constructor(t, r = {}) {
     super(
       t,
@@ -1947,7 +1988,7 @@ class qn extends qe {
     <span class="handle left top point-handle top-left" data-handle-id="5"></span>
     <span class="handle bottom right point-handle bottom-right" data-handle-id="6"></span>
     <span class="handle left bottom left-handle point-handle bottom-left" data-handle-id="7"></span>
-    <textarea wrap="off"></textarea>
+    <textarea wrap="on"></textarea>
     </div>
   `
     );
@@ -1958,7 +1999,7 @@ class qn extends qe {
     v(this, "startX", 0);
     v(this, "startY", 0);
     v(this, "handles", []);
-    v(this, "draggedHandle", q);
+    v(this, "draggedHandle", V);
     v(this, "isFocused", !1);
     v(this, "placeholder", "Type your text here...");
     v(this, "_onFocus", () => {
@@ -1967,22 +2008,22 @@ class qn extends qe {
     v(this, "_onBlur", () => {
       this.isFocused = !1;
     });
-    v(this, "startDrawing", (t, r, a = jn(t, r, 0, 0, "", At)) => {
+    v(this, "startDrawing", (t, r, a = qn(t, r, 0, 0, "", At)) => {
       this.add(a);
       const h = this.ogma.view.graphToScreenCoordinates({ x: t, y: r });
       this.select(a.id), this.startDragging(this.getById(a.id), h.x, h.y), this.draggedHandle = 6;
     });
     v(this, "cancelDrawing", () => {
-      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...re }, this.draggedHandle = q, this.isDragging = !1, this.emit(St, this.annotation));
+      this.isDragging && (this.remove(this.annotation.id), this.annotation = { ...re }, this.draggedHandle = V, this.isDragging = !1, this.emit(St, this.annotation));
     });
     v(this, "startDragging", (t, r, a) => {
       this.annotation = t;
-      const h = ct(this.annotation), d = ut(this.annotation);
-      this.rect.x = h.x, this.rect.y = h.y, this.rect.width = d.width, this.rect.height = d.height, this.startX = r, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Yt, this.annotation), this.isDragging = !0;
+      const h = ct(this.annotation), f = ut(this.annotation);
+      this.rect.x = h.x, this.rect.y = h.y, this.rect.width = f.width, this.rect.height = f.height, this.startX = r, this.startY = a, this.disableDragging(), this.textArea.classList.add("noevents"), this.textArea.setAttribute("disabled", "disabled"), this.emit(Yt, this.annotation), this.isDragging = !0;
     });
     v(this, "onHandleMouseDown", (t) => {
       const r = this.getById(this.selectedId) || this.getById(this.hoveredId);
-      r && (this.selectedId !== r.id && this.select(this.hoveredId), this.startDragging(r, t.clientX, t.clientY), this.draggedHandle = He(t.target));
+      r && (this.selectedId !== r.id && this.select(this.hoveredId), this.startDragging(r, t.clientX, t.clientY), this.draggedHandle = Fe(t.target));
     });
     v(this, "onMouseMove", (t) => {
       requestAnimationFrame(() => this._onMouseMove(t));
@@ -1991,19 +2032,22 @@ class qn extends qe {
       if (!this.isDragging)
         return;
       t.stopPropagation(), t.preventDefault();
-      const r = this.handles[this.draggedHandle], a = r.classList.contains("top"), h = r.classList.contains("left"), d = r.classList.contains("right"), g = r.classList.contains("bottom"), p = r.classList.contains("line-handle"), s = this.ogma.view.getZoom(), f = (t.clientX - this.startX) / s, m = (t.clientY - this.startY) / s, A = this.ogma.view.getAngle(), T = new U(f, m).rotateRadians(A);
-      (g && h || a && d) && (T.y = 0, T.x = 0);
-      const S = h || p ? this.rect.x + T.x : this.rect.x, C = a || p ? this.rect.y + T.y : this.rect.y, k = Math.max(
-        this.rect.width + f * (p || h ? 0 : 1),
-        Me
-      ), F = Math.max(
+      const r = this.handles[this.draggedHandle], a = r.classList.contains("top"), h = r.classList.contains("left"), f = r.classList.contains("right"), g = r.classList.contains("bottom"), p = r.classList.contains("line-handle"), s = this.ogma.view.getZoom(), d = (t.clientX - this.startX) / s, m = (t.clientY - this.startY) / s, S = this.ogma.view.getAngle(), T = new Y(d, m).rotateRadians(S);
+      (g && h || a && f) && (T.y = 0, T.x = 0);
+      const b = h || p ? this.rect.x + T.x : this.rect.x, D = a || p ? this.rect.y + T.y : this.rect.y, A = Math.max(
+        this.rect.width + d * (p || h ? 0 : 1),
+        ze
+      ), $ = Math.max(
         this.rect.height + m * (p || a ? 0 : 1),
-        Me
+        ze
       );
-      zn(this.annotation, S, C, k, F), this.emit(Ut, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
+      Cn(this.annotation, b, D, A, $), this.emit(Ut, this.annotation, "text"), this.refreshEditor(), this.layer.refresh();
     });
     v(this, "onMouseUp", () => {
-      !this.isDragging || this.draggedHandle === q || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(St, this.annotation), this.isDragging = !1, this.draggedHandle = q);
+      !this.isDragging || this.draggedHandle === V || (this.restoreDragging(), this.textArea.classList.remove("noevents"), this.textArea.removeAttribute("disabled"), this.emit(St, this.annotation), this.isDragging = !1, this.draggedHandle = V);
+    });
+    v(this, "_onMousedown", (t) => {
+      t.stopPropagation();
     });
     v(this, "onViewChanged", () => {
       const t = Math.max(2, this.handleSize / this.ogma.view.getZoom());
@@ -2011,11 +2055,11 @@ class qn extends qe {
     });
     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(he, t), this.layer.refresh());
+      t && (this.textArea.value = this.textArea.value.replace(/ +(?= )/g, ""), this.textArea.focus(), t.properties.content = this.textArea.value, this.emit(ue, t), this.layer.refresh());
     });
-    this.showeditorOnHover = !1, this.handleSize = De.handleSize || r.textHandleSize, this.placeholder = De.placeholder || r.textPlaceholder || "";
+    this.showeditorOnHover = !1, this.handleSize = Oe.handleSize || r.textHandleSize, this.placeholder = Oe.placeholder || r.textPlaceholder || "";
     const a = this.textArea = this.editor.element.querySelector("textarea");
-    a.addEventListener("input", this._onInput), a.addEventListener("focus", this._onFocus), a.addEventListener("blur", this._onBlur), a.spellcheck = !1, this.handles = Array.prototype.slice.call(
+    a.addEventListener("input", this._onInput), a.addEventListener("focus", this._onFocus), a.addEventListener("blur", this._onBlur), a.addEventListener("mousedown", this._onMousedown), a.spellcheck = !1, this.handles = Array.prototype.slice.call(
       this.editor.element.querySelectorAll(".annotation-text-handle > .handle")
     ), this.handles.forEach(
       (h) => h.addEventListener("mousedown", this.onHandleMouseDown)
@@ -2025,36 +2069,36 @@ class qn extends qe {
     return !this.isFocused;
   }
   detect({ x: t, y: r }, a = 0) {
-    const h = new U(t, r), d = this.ogma.view.getAngle();
+    const h = new Y(t, r), f = this.ogma.view.getAngle();
     return this.elements.find((g) => {
-      const { x: p, y: s } = ct(g), { width: f, height: m } = ut(g), A = new U(p, s), { x: T, y: S } = h.sub(A).rotateRadians(-d);
-      return T > -a && T < f + a && S > -a && S < m + a;
+      const { x: p, y: s } = ct(g), { width: d, height: m } = ut(g), S = new Y(p, s), { x: T, y: b } = h.sub(S).rotateRadians(-f);
+      return T > -a && T < d + a && b > -a && b < m + a;
     });
   }
   draw(t) {
     t.innerHTML = "";
     const r = "", a = this.ogma.view.getAngle();
-    this.elements.forEach((d, g) => {
-      const p = `class${g}`, s = ut(d), f = ct(d), m = d.id, {
-        color: A,
+    this.elements.forEach((f, g) => {
+      const p = `class${g}`, s = ut(f), d = ct(f), m = f.id, {
+        color: S,
         fontSize: T,
-        font: S,
-        strokeColor: C,
-        strokeWidth: k,
-        strokeType: F,
-        background: X
-      } = d.properties.style || At;
+        font: b,
+        strokeColor: D,
+        strokeWidth: A,
+        strokeType: $,
+        background: N
+      } = f.properties.style || At;
       if (m === this.selectedId)
         return;
-      const D = Mt("g");
-      D.classList.add("annotation-text"), D.setAttribute("fill", `${A}`), D.setAttribute("font-size", `${T}px`), D.setAttribute("font-family", `${S}`);
-      const Y = Mt("rect");
-      let G = !1;
-      F && F !== "none" && (G = !0, Y.setAttribute("stroke", C || "black"), Y.setAttribute("stroke-width", `${k}`), F === "dashed" && Y.setAttribute("stroke-dasharray", "5,5")), (X && X.length || G) && (G = !0, Y.setAttribute("fill", X || "transparent")), G && (Y.setAttribute("width", `${s.width}`), Y.setAttribute("height", `${s.height}`)), D.appendChild(Y), Bn(d, D);
-      const { x: Et, y: kt } = new U(f.x, f.y).rotateRadians(-a);
-      D.setAttribute("transform", `translate(${Et},${kt})`), D.classList.add(p), D.setAttribute("data-annotation", `${d.id}`), D.setAttribute("data-annotation-type", "text"), t.appendChild(D);
+      const _ = Ot("g");
+      _.classList.add("annotation-text"), _.setAttribute("fill", `${S}`), _.setAttribute("font-size", `${T}px`), _.setAttribute("font-family", `${b}`);
+      const X = Ot("rect");
+      let W = !1;
+      $ && $ !== "none" && (W = !0, X.setAttribute("stroke", D || "black"), X.setAttribute("stroke-width", `${A}`), $ === "dashed" && X.setAttribute("stroke-dasharray", "5,5")), (N && N.length || W) && (W = !0, X.setAttribute("fill", N || "transparent")), W && (X.setAttribute("width", `${s.width}`), X.setAttribute("height", `${s.height}`)), _.appendChild(X), Vn(f, _);
+      const { x: Et, y: kt } = new Y(d.x, d.y).rotateRadians(-a);
+      _.setAttribute("transform", `translate(${Et},${kt})`), _.classList.add(p), _.setAttribute("data-annotation", `${f.id}`), _.setAttribute("data-annotation-type", "text"), t.appendChild(_);
     });
-    const h = Mt("style");
+    const h = Ot("style");
     h.innerHTML = r, t.firstChild && t.insertBefore(h, t.firstChild);
   }
   refreshDrawing() {
@@ -2063,8 +2107,8 @@ class qn extends qe {
       const a = r.getAttribute("data-annotation");
       if (!a)
         return;
-      const h = ct(this.getById(a)), { x: d, y: g } = new U(h.x, h.y).rotateRadians(-t);
-      r.setAttribute("transform", `translate(${d},${g})`);
+      const h = ct(this.getById(a)), { x: f, y: g } = new Y(h.x, h.y).rotateRadians(-t);
+      r.setAttribute("transform", `translate(${f},${g})`);
     });
   }
   getDefaultOptions() {
@@ -2074,13 +2118,13 @@ class qn extends qe {
     if (+this.selectedId < 0 && +this.hoveredId < 0)
       return;
     const t = this.getById(this.selectedId) || this.getById(this.hoveredId), r = ut(t), a = this.ogma.view.graphToScreenCoordinates(ct(t)), h = this.ogma.view.getZoom(), {
-      font: d,
+      font: f,
       fontSize: g,
       color: p,
       background: s,
-      padding: f = 0
+      padding: d = 0
     } = t.properties.style || At, m = (g || 1) * h;
-    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 * h}px, ${r.height / 2 * h}px)`, this.editor.element.style.width = `${r.width * h}px`, this.editor.element.style.height = `${r.height * h}px`, this.textArea.style.font = `${m} ${d}`, this.textArea.style.fontFamily = d || "sans-serif", this.textArea.style.fontSize = `${m}px`, this.textArea.style.padding = `${h * f}px`, this.textArea.style.lineHeight = `${m}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = p || "black", this.textArea.style.background = s || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
+    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 * h}px, ${r.height / 2 * h}px)`, this.editor.element.style.width = `${r.width * h}px`, this.editor.element.style.height = `${r.height * h}px`, this.textArea.style.font = `${m} ${f}`, this.textArea.style.fontFamily = f || "sans-serif", this.textArea.style.fontSize = `${m}px`, this.textArea.style.padding = `${h * d}px`, this.textArea.style.lineHeight = `${m}px`, this.textArea.style.boxSizing = "border-box", this.textArea.style.color = p || "black", this.textArea.style.background = s || "transparent", this.textArea.placeholder = this.placeholder, this.layer.refresh();
   }
   select(t) {
     super.select(t), this.textArea.focus();
@@ -2089,22 +2133,22 @@ class qn extends qe {
     super.destroy(), document.removeEventListener("mouseup", this.onMouseUp), document.removeEventListener("mousemove", this.onMouseMove, !0), this.ogma.events.off(this.onViewChanged);
   }
 }
-class Vn {
+class Yn {
   constructor() {
     v(this, "links", {});
     v(this, "linksByTargetId", {});
     v(this, "linksByArrowId", {});
   }
   add(l, t, r, a, h) {
-    const d = Xt(), g = l.id, p = {
-      id: d,
+    const f = Xt(), g = l.id, p = {
+      id: f,
       arrow: g,
       target: r,
       targetType: a,
       connectionPoint: h,
       side: t
     };
-    return this.links[d] = p, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(d), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][t] = d, l.properties.link = l.properties.link || {}, l.properties.link[t] = {
+    return this.links[f] = p, this.linksByTargetId[r] || (this.linksByTargetId[r] = []), this.linksByTargetId[r].push(f), this.linksByArrowId[g] || (this.linksByArrowId[g] = {}), this.linksByArrowId[g][t] = f, l.properties.link = l.properties.link || {}, l.properties.link[t] = {
       id: r,
       side: t,
       type: a,
@@ -2123,10 +2167,10 @@ class Vn {
       return this;
     const h = this.links[a];
     delete this.links[a];
-    const d = this.linksByTargetId[h.target];
-    for (let s = 0; s < d.length; s++)
-      if (d[s] === a) {
-        d.splice(s, 1);
+    const f = this.linksByTargetId[h.target];
+    for (let s = 0; s < f.length; s++)
+      if (f[s] === a) {
+        f.splice(s, 1);
         break;
       }
     return delete this.linksByArrowId[r][t], this;
@@ -2144,7 +2188,7 @@ class Vn {
     Object.values(this.links).forEach(l);
   }
 }
-const ot = (u) => u.properties.type === "arrow", mt = (u) => u.properties.type === "text", ze = (u) => u.type === "FeatureCollection", Un = {
+const ot = (u) => u.properties.type === "arrow", mt = (u) => u.properties.type === "text", Ce = (u) => u.type === "FeatureCollection", Xn = {
   magnetColor: "#3e8",
   detectMargin: 20,
   magnetHandleRadius: 5,
@@ -2154,7 +2198,7 @@ const ot = (u) => u.properties.type === "arrow", mt = (u) => u.properties.type =
   textHandleSize: 3.5,
   minArrowHeight: 20,
   maxArrowHeight: 30
-}, Le = ["start", "end"], Ce = [
+}, $e = ["start", "end"], Pe = [
   { x: 0, y: 0 },
   { x: 0.5, y: 0 },
   { x: 1, y: 0 },
@@ -2164,12 +2208,12 @@ const ot = (u) => u.properties.type === "arrow", mt = (u) => u.properties.type =
   { x: 0.5, y: 1 },
   { x: 1, y: 1 }
 ];
-class Gn extends Be {
+class Zn extends Ve {
   constructor(t, r = {}) {
     super();
     v(this, "arrows");
     v(this, "texts");
-    v(this, "links", new Vn());
+    v(this, "links", new Yn());
     v(this, "layer");
     v(this, "annotations");
     v(this, "ogma");
@@ -2185,10 +2229,10 @@ class Gn extends Be {
         return;
       t.beginPath(), t.fillStyle = "green";
       const r = this.ogma.view.getZoom();
-      Ce.forEach((a) => {
+      Pe.forEach((a) => {
         if (!this.textToMagnet)
           return;
-        const h = ut(this.textToMagnet), d = ct(this.textToMagnet), { x: g, y: p } = new U(a.x, a.y).mul({ x: h.width, y: h.height }).rotateRadians(this.ogma.view.getAngle()).add(d);
+        const h = ut(this.textToMagnet), f = ct(this.textToMagnet), { x: g, y: p } = new Y(a.x, a.y).mul({ x: h.width, y: h.height }).rotateRadians(this.ogma.view.getAngle()).add(f);
         t.moveTo(g, p), t.arc(g, p, this.options.magnetHandleRadius / r, 0, Math.PI * 2);
       }), t.fill(), t.closePath();
     });
@@ -2196,22 +2240,22 @@ class Gn extends Be {
       const a = r;
       if (ot(t) && a === "line")
         ["start", "end"].find((h) => {
-          const d = h === "start" ? zt(t) : qt(t);
-          return this._snapToText(t, a, d) || this._findAndSnapToNode(t, h, d);
+          const f = h === "start" ? Lt(t) : Bt(t);
+          return this._snapToText(t, a, f) || this._findAndSnapToNode(t, h, f);
         });
       else if (ot(t) && a !== "line") {
-        const h = a === "start" ? zt(t) : qt(t);
+        const h = a === "start" ? Lt(t) : Bt(t);
         this._snapToText(t, a, h) || this._findAndSnapToNode(t, a, h);
       } else
-        mt(t) && (this.activeLinks.forEach(({ arrow: h, side: d, connectionPoint: g }) => {
-          const p = this.getAnnotation(h), s = ut(t), f = ct(t), m = new U(g.x, g.y).mul({ x: s.width, y: s.height }).rotateRadians(this.ogma.view.getAngle()).add(f);
-          p.geometry.coordinates[d === "start" ? 0 : 1] = [m.x, m.y];
+        mt(t) && (this.activeLinks.forEach(({ arrow: h, side: f, connectionPoint: g }) => {
+          const p = this.getAnnotation(h), s = ut(t), d = ct(t), m = new Y(g.x, g.y).mul({ x: s.width, y: s.height }).rotateRadians(this.ogma.view.getAngle()).add(d);
+          p.geometry.coordinates[f === "start" ? 0 : 1] = [m.x, m.y];
         }), this.activeLinks.length && this.arrows.refreshLayer());
       this.layer.refresh(), this.emit(Ut, t, r);
     });
     v(this, "_onFeatureDragEnd", (t) => {
-      this.dragged !== null && ot(t) && zt(this.dragged) && Le.forEach((r) => {
-        this.links.getArrowLink(t.id, r) && this.emit(Nn, {
+      this.dragged !== null && ot(t) && Lt(this.dragged) && $e.forEach((r) => {
+        this.links.getArrowLink(t.id, r) && this.emit(Rn, {
           arrow: t,
           link: this.links.getArrowLink(t.id, r)
         });
@@ -2232,26 +2276,26 @@ class Gn extends Be {
     });
     v(this, "_onLayoutEnd", (t) => {
       t.ids.forEach((r, a) => {
-        this.links.getTargetLinks(r, "node").forEach((d) => {
-          const g = this.getAnnotation(d.arrow), p = d.side, s = jt(
+        this.links.getTargetLinks(r, "node").forEach((f) => {
+          const g = this.getAnnotation(f.arrow), p = f.side, s = jt(
             g,
             p === "start" ? "end" : "start"
-          ), f = t.positions.current[a], m = this.ogma.getNode(r).getAttribute("radius"), A = Ft(s, f, +m);
-          bt(g, p, A.x, A.y);
+          ), d = t.positions.current[a], m = this.ogma.getNode(r).getAttribute("radius"), S = Ft(s, d, +m);
+          bt(g, p, S.x, S.y);
         });
       }), this.arrows.refreshLayer(), this.texts.refreshLayer();
     });
     v(this, "_onAdded", (t) => {
-      this.emit(le, t);
+      this.emit(ce, t);
     });
     v(this, "_onRemoved", (t) => {
-      this.emit(ae, t);
+      this.emit(he, t);
     });
     v(this, "_onUnselect", (t) => {
-      this.selected = null, this.emit(oe, t);
+      this.selected = null, this.emit(le, t);
     });
     v(this, "_onSelect", (t) => {
-      this.selected !== t && (this.selected = t, this.emit(se, this.selected));
+      this.selected !== t && (this.selected = t, this.emit(ae, this.selected));
     });
     /**
      * Triggers the update event on the annotation
@@ -2263,25 +2307,25 @@ class Gn extends Be {
       );
     });
     v(this, "_onUpdate", (t) => {
-      this.emit(he, t);
+      this.emit(ue, t);
     });
-    this.options = this.setOptions({ ...Un, ...r }), 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) => {
-      a.on(Yt, this._onFeatureDragStart).on(Ut, this._onFeatureDrag).on(St, this._onFeatureDragEnd).on(he, this.onUpdate).on(oe, this._onUnselect).on(se, this._onSelect).on(le, this._onAdded).on(ae, this._onRemoved);
+    this.options = this.setOptions({ ...Xn, ...r }), this.ogma = t, this.arrows = new Fn(t, this.options), this.texts = new Un(t, this.options), this.annotations = [this.arrows, this.texts], this.annotations.forEach((a) => {
+      a.on(Yt, this._onFeatureDragStart).on(Ut, this._onFeatureDrag).on(St, this._onFeatureDragEnd).on(ue, this.onUpdate).on(le, this._onUnselect).on(ae, this._onSelect).on(ce, this._onAdded).on(he, this._onRemoved);
     }), this.ogma.events.on("nodesDragStart", this._onNodesDragStart).on("nodesDragProgress", this._onNodesDrag).on("layoutEnd", this._onLayoutEnd).on(["viewChanged", "rotate"], () => {
       this.refreshTextLinks();
     }), this.layer = t.layers.addCanvasLayer(this._render), this.layer.moveToBottom();
   }
   _moveNodes(t, r, a) {
     t.forEach((h) => {
-      const d = this.links.getTargetLinks(h.getId(), "node"), g = h.getPosition();
-      d.forEach((p) => {
-        const s = this.getAnnotation(p.arrow), f = p.side, m = jt(
+      const f = this.links.getTargetLinks(h.getId(), "node"), g = h.getPosition();
+      f.forEach((p) => {
+        const s = this.getAnnotation(p.arrow), d = p.side, m = jt(
           s,
-          f === "start" ? "end" : "start"
+          d === "start" ? "end" : "start"
         );
-        let A = g;
-        const T = +h.getAttribute("radius"), S = 1e-6;
-        (p.connectionPoint.x - (g.x - r) > S || p.connectionPoint.y - (g.y - a) > S) && (A = Ft(m, g, T)), bt(s, f, A.x, A.y);
+        let S = g;
+        const T = +h.getAttribute("radius"), b = 1e-6;
+        (p.connectionPoint.x - (g.x - r) > b || p.connectionPoint.y - (g.y - a) > b) && (S = Ft(m, g, T)), bt(s, d, S.x, S.y);
       });
     }), this.arrows.refreshLayer();
   }
@@ -2290,32 +2334,32 @@ class Gn extends Be {
     if (this.links.remove(t, r), !h)
       return !1;
     this.textToMagnet = h;
-    const d = this.findMagnetPoint(Ce, h, a);
-    return d ? (bt(t, r, d.point.x, d.point.y), this.links.add(t, r, h.id, "text", d.magnet), !0) : !1;
+    const f = this.findMagnetPoint(Pe, h, a);
+    return f ? (bt(t, r, f.point.x, f.point.y), this.links.add(t, r, h.id, "text", f.magnet), !0) : !1;
   }
   _findAndSnapToNode(t, r, a) {
-    const h = this.ogma.view.graphToScreenCoordinates(a), d = this.ogma.view.getElementAt(h);
-    this.links.remove(t, r), d && d.isNode ? (this.hoveredNode = d, this.hoveredNode.setSelected(!0), this._snapToNode(t, r, d, h)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
+    const h = this.ogma.view.graphToScreenCoordinates(a), f = this.ogma.view.getElementAt(h);
+    this.links.remove(t, r), f && f.isNode ? (this.hoveredNode = f, this.hoveredNode.setSelected(!0), this._snapToNode(t, r, f, h)) : (this.hoveredNode && this.hoveredNode.setSelected(!1), this.hoveredNode = null);
   }
   _snapToNode(t, r, a, h) {
-    const d = a.getPositionOnScreen(), g = +a.getAttribute("radius"), p = g * this.ogma.view.getZoom(), s = h.x - d.x, f = h.y - d.y, m = Math.sqrt(s * s + f * f), A = a.getPosition();
+    const f = a.getPositionOnScreen(), g = +a.getAttribute("radius"), p = g * this.ogma.view.getZoom(), s = h.x - f.x, d = h.y - f.y, m = Math.sqrt(s * s + d * d), S = a.getPosition();
     if (m < p + this.options.detectMargin) {
-      let T = A;
+      let T = S;
       if (m > p / 2) {
-        const S = jt(t, r === "end" ? "start" : "end");
-        T = Ft(S, T, g);
+        const b = jt(t, r === "end" ? "start" : "end");
+        T = Ft(b, T, g);
       }
       bt(t, r, T.x, T.y), this.links.add(t, r, a.getId(), "node", T);
     }
   }
   refreshTextLinks() {
     let t = !1;
-    this.links.forEach(({ connectionPoint: r, targetType: a, target: h, arrow: d, side: g }) => {
+    this.links.forEach(({ connectionPoint: r, targetType: a, target: h, arrow: f, side: g }) => {
       if (a !== "text")
         return;
       t = !0;
-      const p = this.getAnnotation(h), s = this.getAnnotation(d), f = ut(p), m = ct(p), A = new U(r.x, r.y).mul({ x: f.width, y: f.height }).rotateRadians(this.ogma.view.getAngle()).add(m);
-      bt(s, g, A.x, A.y);
+      const p = this.getAnnotation(h), s = this.getAnnotation(f), d = ut(p), m = ct(p), S = new Y(r.x, r.y).mul({ x: d.width, y: d.height }).rotateRadians(this.ogma.view.getAngle()).add(m);
+      bt(s, g, S.x, S.y);
     }), t && this.arrows.refreshLayer();
   }
   /**
@@ -2326,17 +2370,17 @@ class Gn extends Be {
   }
   findMagnetPoint(t, r, a) {
     let h;
-    for (const d of t) {
-      const g = ut(r), p = ct(r), s = new U(d.x, d.y).mul({ x: g.width, y: g.height }).rotateRadians(this.ogma.view.getAngle()).add(p), f = s.sub(a).length(), m = Math.min(
+    for (const f of t) {
+      const g = ut(r), p = ct(r), s = new Y(f.x, f.y).mul({ x: g.width, y: g.height }).rotateRadians(this.ogma.view.getAngle()).add(p), d = s.sub(a).length(), m = Math.min(
         this.options.magnetRadius * this.ogma.view.getZoom(),
         // when really zoomed in: avoid to snap on too far away magnets
         g.width / 2,
         g.height / 2
       );
-      if (f < Math.max(m, this.options.magnetHandleRadius)) {
+      if (d < Math.max(m, this.options.magnetHandleRadius)) {
         h = {
           point: s,
-          magnet: d
+          magnet: f
         };
         break;
       }
@@ -2373,8 +2417,8 @@ class Gn extends Be {
    * @param annotation The annotation to add
    */
   add(t) {
-    if (ze(t)) {
-      const [r, a] = t.features.reduce((h, d) => (ot(d) ? h[1].push(d) : mt(d) && h[0].push(d), h), [[], []]);
+    if (Ce(t)) {
+      const [r, a] = t.features.reduce((h, f) => (ot(f) ? h[1].push(f) : mt(f) && h[0].push(f), h), [[], []]);
       return r.forEach(
         (h) => this.add(h)
       ), a.forEach(
@@ -2396,13 +2440,13 @@ class Gn extends Be {
   * @param annotation The annotation(s) to remove
   */
   remove(t) {
-    return ze(t) ? (t.features.forEach(
+    return Ce(t) ? (t.features.forEach(
       (r) => this.remove(r)
     ), this) : (ot(t) ? (this.links.remove(t, "start"), this.links.remove(t, "end"), this.arrows.remove(t.id)) : this.texts.remove(t.id), this);
   }
   loadLink(t) {
     if (t.properties.link)
-      for (const r of Le) {
+      for (const r of $e) {
         const a = t.properties.link[r];
         if (!a)
           continue;
@@ -2410,12 +2454,12 @@ class Gn extends Be {
         if (a.type === "text" && h)
           this.links.add(t, r, a.id, a.type, a.magnet);
         else if (a.type === "node") {
-          const d = this.ogma.getNode(a.id);
-          if (!d)
+          const f = this.ogma.getNode(a.id);
+          if (!f)
             continue;
           this.links.add(t, r, a.id, a.type, a.magnet);
-          const g = d.getPosition(), p = d.getAttribute("radius") || 0, s = jt(t, r === "start" ? "end" : "start"), f = Ft(s, g, +p);
-          bt(t, r, f.x, f.y);
+          const g = f.getPosition(), p = f.getAttribute("radius") || 0, s = jt(t, r === "start" ? "end" : "start"), d = Ft(s, g, +p);
+          bt(t, r, d.x, d.y);
         }
       }
   }
@@ -2441,7 +2485,7 @@ class Gn extends Be {
    * Cancel drawing on the current frame
    */
   cancelDrawing() {
-    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Pn);
+    this.annotations.forEach((t) => t.cancelDrawing()), this.emit(Hn);
   }
   /**
    * Update the style of the annotation with the given id
@@ -2481,33 +2525,33 @@ class Gn extends Be {
   }
 }
 export {
-  Hn as Arrows,
-  Gn as Control,
-  qn as Texts,
-  Dn as createArrow,
-  Mt as createSVGElement,
-  jn as createText,
-  Ee as defaultArrowOptions,
-  Lt as defaultArrowStyle,
-  De as defaultControllerOptions,
+  Fn as Arrows,
+  Zn as Control,
+  Un as Texts,
+  On as createArrow,
+  Ot as createSVGElement,
+  qn as createText,
+  Te as defaultArrowOptions,
+  zt as defaultArrowStyle,
+  Oe as defaultControllerOptions,
   re as defaultTextOptions,
   At as defaultTextStyle,
-  Xn as getAnnotationsBounds,
-  qt as getArrowEnd,
+  Gn as getAnnotationsBounds,
+  Bt as getArrowEnd,
   Vt as getArrowEndPoints,
   jt as getArrowSide,
-  zt as getArrowStart,
+  Lt as getArrowStart,
   Ft as getAttachmentPointOnNode,
-  He as getHandleId,
-  Pe as getTextBbox,
+  Fe as getHandleId,
+  He as getTextBbox,
   ct as getTextPosition,
   ut as getTextSize,
-  ze as isAnnotationCollection,
+  Ce as isAnnotationCollection,
   ot as isArrow,
   mt as isText,
-  Re as setArrowEnd,
+  je as setArrowEnd,
   bt as setArrowEndPoint,
-  Ne as setArrowStart,
-  zn as setTextBbox,
-  Mn as updateTextBbox
+  Re as setArrowStart,
+  Cn as setTextBbox,
+  zn as updateTextBbox
 };